.claude/settings.local.json

@@ -22,8 +22,7 @@
       "Bash(.\\\\\\\\.venv\\\\\\\\Scripts\\\\\\\\python.exe -m pytest:*)",
       "Bash(..venvScriptsactivate)",
       "Bash(pytest:*)",
-      "Bash(source:*)",
+      "Bash(source:*)"
-      "Bash(find:*)"
     ],
     "deny": [],
     "ask": []

REFACTORING_TODO.md

@@ -1,16 +1,15 @@
 # Рефакторинг app.js → Модули: Прогресс
 
 **Дата начала**: 2025-12-25
-**Дата завершения**: 2025-12-25
 **Стратегия**: Постепенная миграция (app.js остаётся рабочим)
-**Статус**: ✅ ЗАВЕРШЁН
+**Статус**: 🟡 В процессе
 
 ---
 
-## 📊 Общий прогресс: 100%
+## 📊 Общий прогресс: 90%
 
 ```
-[████████████████████] 100% ЗАВЕРШЕНО! 🎉
+[██████████████████░░] 90% завершено
 ```
 
 ---
@@ -261,32 +260,28 @@
 
 ---
 
-### ✅ Этап 6: Main Entry Point (ЗАВЕРШЁН)
+### 🔲 Этап 6: Main Entry Point (ОЖИДАЕТ)
 
-**Дата**: 2025-12-25
+**Дата**: -
-**Статус**: ✅ Готово
+**Статус**: 🔲 Ожидает
 
-#### 6.1. js/main.js ✅
+#### 6.1. js/main.js 🔲
-**Что сделано**:
+**Что нужно**:
-- [x] Импортировать все модули (services, UI, state, utils)
+- [ ] Импортировать все модули
-- [x] Функция `initApp()` - инициализация приложения
+- [ ] Функция `initApp()` - инициализация приложения
-- [x] Функция `updateEnvironmentTabs()` - обновление табов
+- [ ] Функция `setupEnvironmentTabs()` - настройка табов
-- [x] Функция `switchEnvironment(env)` - переключение окружения
+- [ ] Функция `switchEnvironment(env)` - переключение окружения
-- [x] Функция `setupEventListeners()` - настройка всех обработчиков
+- [ ] Функция `updateUI()` - обновление UI
-- [x] DOMContentLoaded listener - точка входа
+- [ ] DOMContentLoaded listener - точка входа
-- [x] Глобальные функции для HTML (selectAnswer, toggleExpansion, switchTab)
-- [x] Export/Import функции (exportAnalysis, importAnalysis)
-
-**Результат**: Полнофункциональная точка входа с ~300 строк кода ✅
 
 ---
 
-### ✅ Этап 7: Тестирование и переключение (ЗАВЕРШЁН)
+### 🔲 Этап 7: Тестирование (ОЖИДАЕТ)
 
-**Дата**: 2025-12-25
+**Дата**: -
-**Статус**: ✅ Готово к тестированию
+**Статус**: 🔲 Ожидает
 
-#### 7.1. Ручное тестирование ⏳
+#### 7.1. Ручное тестирование 🔲
 - [ ] Авторизация работает
 - [ ] Загрузка/сохранение настроек
 - [ ] Отправка запросов (bench mode)
@@ -296,35 +291,29 @@
 - [ ] Экспорт/импорт работает
 - [ ] Переключение окружений
 
-**Статус**: Готово к ручному тестированию пользователем ⏳
+#### 7.2. Обновление index.html 🔲
-
+- [ ] Закомментировать старые скрипты:
-#### 7.2. Обновление index.html ✅
-- [x] Закомментировать старые скрипты:
   ```html
   <!-- <script src="settings.js"></script> -->
   <!-- <script src="api-client.js"></script> -->
   <!-- <script src="app.js"></script> -->
   ```
-- [x] Подключить новый entry point:
+- [ ] Подключить новый entry point:
   ```html
   <script type="module" src="js/main.js"></script>
   ```
 
-**Результат**: index.html обновлён, модули подключены ✅
+#### 7.3. Очистка 🔲
-
+- [ ] Удалить старый `app.js` (или переименовать в `app.js.old`)
-#### 7.3. Очистка ✅
+- [ ] Удалить `settings.js` (или переименовать)
-- [x] Переименовать `app.js` → `app.js.old`
+- [ ] Переместить `api-client.js` (если еще не перемещён)
-- [x] Переименовать `settings.js` → `settings.js.old`
+- [ ] Проверить что всё работает
-- [x] Переименовать `api-client.js` → `api-client.js.old`
-- [x] Архивные файлы сохранены для отката
-
-**Результат**: Старые файлы архивированы, приложение работает на модулях ✅
 
 ---
 
 ## 📈 Статистика
 
-### Создано файлов: 20/20 🎉
+### Создано файлов: 19/20
 
 | Категория | Создано | Всего | Прогресс |
 |-----------|---------|-------|----------|
@@ -334,9 +323,9 @@
 | Data | 2 | 2 | 100% ✅ |
 | Services | 4 | 4 | 100% ✅ |
 | UI | 7 | 7 | 100% ✅ |
-| Main | 1 | 1 | 100% ✅ |
+| Main | 0 | 1 | 0% 🔲 |
 
-### Перенесено функций: 150/150 🎉
+### Перенесено функций: ~108/~150
 
 - ✅ Format utils: 11 функций
 - ✅ File utils: 6 функций
@@ -346,19 +335,16 @@
 - ✅ Storage utils: 19 функций
 - ✅ Services: ~15 функций (auth 4 + settings 5 + query 6)
 - ✅ UI Components: ~38 функций (auth 5 + loading 2 + settings 10 + query-builder 6 + questions-list 3 + answer-viewer 5 + annotations 7)
-- ✅ Main entry point: ~10 функций (init, setup, switch env, export/import и др.)
+- 🔲 Остальное: ~42 функции (в основном main.js)
-
-**Все функции из app.js (1671 строка) перенесены в модули!** ✅
 
 ---
 
 ## 🎯 Следующий шаг
 
-**Этап 7: Тестирование и переключение**
+**Этап 6: Main Entry Point**
 
-1. Обновить index.html - подключить main.js вместо app.js
+Создать главную точку входа:
-2. Протестировать модульную версию
+1. `js/main.js` - импортировать все модули, инициализировать приложение
-3. Удалить/архивировать старые файлы (app.js, settings.js, api-client.js)
 
 ---
 
@@ -371,4 +357,4 @@
 
 ---
 
-**Последнее обновление**: 2025-12-25 (🎉 РЕФАКТОРИНГ ЗАВЕРШЁН! Все 20 модулей созданы!)
+**Последнее обновление**: 2025-12-25 (Этап 5 завершён - 90% готово!)

static/index.html

@@ -444,12 +444,8 @@
   </div>
 
   <!-- Scripts -->
-  <!-- Legacy scripts (archived) -->
+  <script src="settings.js"></script>
-  <!-- <script src="settings.js"></script> -->
+  <script src="api-client.js"></script>
-  <!-- <script src="api-client.js"></script> -->
+  <script src="app.js"></script>
-  <!-- <script src="app.js"></script> -->
-
-  <!-- New modular architecture -->
-  <script type="module" src="js/main.js"></script>
 </body>
 </html>

static/js/main.js

@@ -1,440 +0,0 @@
-/**
- * Brief Bench - Main Entry Point
- *
- * Главная точка входа приложения.
- * Импортирует все модули и инициализирует приложение.
- */
-
-// Import services
-import * as authService from './services/auth.service.js'
-import settingsService from './services/settings.service.js'
-import queryService from './services/query.service.js'
-
-// Import UI components
-import authUI from './ui/auth.ui.js'
-import loadingUI from './ui/loading.ui.js'
-import settingsUI from './ui/settings.ui.js'
-import queryBuilderUI from './ui/query-builder.ui.js'
-import questionsListUI from './ui/questions-list.ui.js'
-import answerViewerUI from './ui/answer-viewer.ui.js'
-import annotationsUI from './ui/annotations.ui.js'
-
-// Import state
-import appState from './state/appState.js'
-
-// Import utils
-import { showToast } from './utils/dom.utils.js'
-import { downloadJSON } from './utils/file.utils.js'
-import { ENVIRONMENTS } from './config.js'
-
-// ============================================
-// Global Functions (for HTML onclick handlers)
-// ============================================
-
-/**
- * Expose functions to window for HTML onclick handlers
- */
-window.selectAnswer = function(index) {
-  questionsListUI.selectAnswer(index, (idx) => {
-    answerViewerUI.render(idx, annotationsUI.loadForAnswer)
-  })
-}
-
-window.toggleExpansion = function(id) {
-  answerViewerUI.toggleExpansion(id)
-}
-
-window.switchTab = function(tabButton, tabId) {
-  queryBuilderUI.switchTab(tabButton, tabId)
-}
-
-// ============================================
-// Environment Management
-// ============================================
-
-/**
- * Switch to a different environment
- * @param {string} env - Environment name (ift/psi/prod)
- */
-function switchEnvironment(env) {
-  // Save current environment data
-  const currentEnv = appState.getCurrentEnvironment()
-  appState.saveEnvironmentToStorage(currentEnv)
-
-  // Switch environment
-  appState.setCurrentEnvironment(env)
-  appState.updateSettings({ activeEnvironment: env })
-
-  // Update UI
-  updateEnvironmentTabs()
-
-  // Reload content for new environment
-  const newEnv = appState.getCurrentEnv()
-  if (newEnv.currentResponse) {
-    questionsListUI.render()
-    answerViewerUI.render(newEnv.currentAnswerIndex, annotationsUI.loadForAnswer)
-  } else {
-    queryBuilderUI.show()
-  }
-
-  console.log('Switched to environment:', env)
-}
-
-/**
- * Update environment tabs visual state
- */
-function updateEnvironmentTabs() {
-  const currentEnv = appState.getCurrentEnvironment()
-
-  document.querySelectorAll('.env-tab').forEach(tab => {
-    if (tab.dataset.env === currentEnv) {
-      tab.classList.add('active')
-    } else {
-      tab.classList.remove('active')
-    }
-  })
-}
-
-// ============================================
-// Event Listeners Setup
-// ============================================
-
-/**
- * Setup all event listeners
- */
-function setupEventListeners() {
-  // Prevent double-binding
-  if (window._eventListenersSetup) {
-    return
-  }
-  window._eventListenersSetup = true
-
-  // Environment tabs
-  document.querySelectorAll('.env-tab').forEach(tab => {
-    tab.addEventListener('click', (e) => {
-      const env = e.target.dataset.env
-      if (env) {
-        switchEnvironment(env)
-      }
-    })
-  })
-
-  // Settings environment selector change
-  const settingsEnvSelector = document.getElementById('settings-env-selector')
-  if (settingsEnvSelector) {
-    settingsEnvSelector.addEventListener('change', () => {
-      // Save current environment settings first
-      const currentSettings = settingsUI.read()
-      if (currentSettings) {
-        appState.setSettings(currentSettings)
-      }
-      // Load new environment settings
-      settingsUI.populate()
-    })
-  }
-
-  // App bar buttons
-  const menuBtn = document.getElementById('menu-btn')
-  if (menuBtn) {
-    menuBtn.addEventListener('click', toggleDrawer)
-  }
-
-  const newQueryBtn = document.getElementById('new-query-btn')
-  if (newQueryBtn) {
-    newQueryBtn.addEventListener('click', () => queryBuilderUI.show())
-  }
-
-  const exportBtn = document.getElementById('export-btn')
-  if (exportBtn) {
-    exportBtn.addEventListener('click', window.exportAnalysis)
-  }
-
-  const importBtn = document.getElementById('import-btn')
-  if (importBtn) {
-    importBtn.addEventListener('click', window.importAnalysis)
-  }
-
-  // Drawer buttons
-  const clearAllBtn = document.getElementById('clear-all-btn')
-  if (clearAllBtn) {
-    clearAllBtn.addEventListener('click', clearAll)
-  }
-
-  // Query builder file operations
-  const loadRequestBtn = document.getElementById('load-request-btn')
-  if (loadRequestBtn) {
-    loadRequestBtn.addEventListener('click', loadRequestFromFile)
-  }
-
-  const loadResponseBtn = document.getElementById('load-response-btn')
-  if (loadResponseBtn) {
-    loadResponseBtn.addEventListener('click', loadResponseFromFile)
-  }
-
-  const validateJsonBtn = document.getElementById('validate-json-btn')
-  if (validateJsonBtn) {
-    validateJsonBtn.addEventListener('click', () => queryBuilderUI.validateJSONMode())
-  }
-
-  // Setup UI component listeners
-  authUI.setupListeners()
-  settingsUI.setupListeners()
-  queryBuilderUI.setupListeners(() => {
-    // Callback after successful query
-    questionsListUI.render()
-    answerViewerUI.render(0, annotationsUI.loadForAnswer)
-  })
-
-  // Tab switching
-  document.querySelectorAll('.tab').forEach(tab => {
-    tab.addEventListener('click', (e) => {
-      const tabId = e.target.dataset.tab
-      if (tabId) {
-        queryBuilderUI.switchTab(e.target, tabId)
-      }
-    })
-  })
-
-  // Close dialog on overlay click
-  const settingsDialog = document.getElementById('settings-dialog')
-  if (settingsDialog) {
-    settingsDialog.addEventListener('click', (e) => {
-      if (e.target.id === 'settings-dialog') {
-        settingsUI.close()
-      }
-    })
-  }
-
-  console.log('Event listeners setup complete')
-}
-
-// ============================================
-// UI Utility Functions
-// ============================================
-
-/**
- * Toggle drawer visibility (mobile)
- */
-function toggleDrawer() {
-  const drawer = document.getElementById('drawer')
-  if (drawer) {
-    drawer.classList.toggle('collapsed')
-  }
-}
-
-/**
- * Clear all data and reload page
- */
-function clearAll() {
-  if (confirm('Очистить все данные и обновить страницу? Несохраненные изменения будут потеряны.')) {
-    window.location.reload()
-  }
-}
-
-/**
- * Load request from JSON file
- */
-function loadRequestFromFile() {
-  const input = document.createElement('input')
-  input.type = 'file'
-  input.accept = 'application/json'
-
-  input.onchange = async (e) => {
-    const file = e.target.files[0]
-    if (!file) return
-
-    try {
-      const requestBody = await queryService.loadRequestFromFile(file)
-
-      // Load into textarea
-      const jsonTextarea = document.getElementById('json-textarea')
-      if (jsonTextarea) {
-        jsonTextarea.value = JSON.stringify(requestBody, null, 2)
-        queryBuilderUI.validateJSONMode()
-      }
-
-      showToast(`Загружен запрос: ${requestBody.length} вопросов`, 'success')
-    } catch (error) {
-      showToast(`Ошибка загрузки запроса: ${error.message}`, 'error')
-    }
-  }
-
-  input.click()
-}
-
-/**
- * Load response from JSON file
- */
-function loadResponseFromFile() {
-  const input = document.createElement('input')
-  input.type = 'file'
-  input.accept = 'application/json'
-
-  input.onchange = async (e) => {
-    const file = e.target.files[0]
-    if (!file) return
-
-    try {
-      const currentEnvKey = appState.getCurrentEnvironment()
-      await queryService.loadResponseFromFile(file, currentEnvKey)
-
-      // Update UI
-      questionsListUI.render()
-      answerViewerUI.render(0, annotationsUI.loadForAnswer)
-
-      showToast(`Загружен ответ`, 'success')
-    } catch (error) {
-      showToast(`Ошибка загрузки ответа: ${error.message}`, 'error')
-    }
-  }
-
-  input.click()
-}
-
-// ============================================
-// Export/Import Functions
-// ============================================
-
-/**
- * Export current analysis to JSON file
- */
-window.exportAnalysis = function() {
-  const env = appState.getCurrentEnv()
-  const currentEnvKey = appState.getCurrentEnvironment()
-
-  if (!env.currentResponse) {
-    showToast('Нет данных для экспорта', 'warning')
-    return
-  }
-
-  const exportData = {
-    environment: currentEnvKey,
-    request_id: env.requestId,
-    timestamp: env.requestTimestamp,
-    request: env.currentRequest,
-    response: env.currentResponse,
-    annotations: env.annotations
-  }
-
-  const timestamp = new Date().toISOString().replace(/[:.]/g, '-').substring(0, 19)
-  const filename = `brief-bench-analysis-${currentEnvKey}-${timestamp}.json`
-
-  downloadJSON(exportData, filename)
-  showToast(`Анализ экспортирован: ${filename}`, 'success')
-}
-
-/**
- * Import analysis from JSON file
- */
-window.importAnalysis = function() {
-  const input = document.createElement('input')
-  input.type = 'file'
-  input.accept = 'application/json'
-
-  input.onchange = async (e) => {
-    const file = e.target.files[0]
-    if (!file) return
-
-    try {
-      loadingUI.show('Импорт анализа...')
-
-      const text = await file.text()
-      const data = JSON.parse(text)
-
-      // Validate data
-      if (!data.response || !data.response.answers) {
-        throw new Error('Некорректный формат файла анализа')
-      }
-
-      const currentEnvKey = appState.getCurrentEnvironment()
-      const env = appState.getEnvironment(currentEnvKey)
-
-      // Load data
-      env.currentRequest = data.request || []
-      env.currentResponse = data.response
-      env.requestId = data.request_id || 'imported'
-      env.requestTimestamp = data.timestamp || new Date().toISOString()
-      env.annotations = data.annotations || {}
-      env.currentAnswerIndex = 0
-
-      // Save to localStorage
-      appState.saveEnvironmentToStorage(currentEnvKey)
-
-      // Update UI
-      questionsListUI.render()
-      answerViewerUI.render(0, annotationsUI.loadForAnswer)
-
-      loadingUI.hide()
-      showToast('Анализ успешно импортирован', 'success')
-    } catch (error) {
-      loadingUI.hide()
-      console.error('Failed to import analysis:', error)
-      showToast(`Ошибка импорта: ${error.message}`, 'error')
-    }
-  }
-
-  input.click()
-}
-
-// ============================================
-// Application Initialization
-// ============================================
-
-/**
- * Initialize application
- */
-async function initApp() {
-  try {
-    // Load settings from server
-    await settingsService.loadFromServer()
-
-    // Set current environment from settings
-    const activeEnv = appState.settings?.activeEnvironment || 'ift'
-    appState.setCurrentEnvironment(activeEnv)
-
-    // Load saved data for each environment from localStorage
-    ENVIRONMENTS.forEach(env => {
-      appState.loadEnvironmentFromStorage(env)
-    })
-
-    // Setup event listeners
-    setupEventListeners()
-
-    // Update environment tabs
-    updateEnvironmentTabs()
-
-    // Show query builder by default
-    queryBuilderUI.show()
-
-    console.log('Brief Bench initialized - Environment:', appState.getCurrentEnvironment())
-  } catch (error) {
-    console.error('Failed to initialize app:', error)
-    showToast('Ошибка инициализации приложения', 'error')
-  }
-}
-
-// ============================================
-// Application Entry Point
-// ============================================
-
-/**
- * Initialize app on DOM load
- */
-document.addEventListener('DOMContentLoaded', async () => {
-  console.log('Brief Bench starting...')
-
-  // Setup event listeners first (including login/logout)
-  setupEventListeners()
-
-  // Check authentication
-  const isAuthenticated = await authService.checkAuth()
-
-  if (isAuthenticated) {
-    // User is authenticated, initialize app
-    authUI.hideLoginScreen()
-    await initApp()
-  } else {
-    // User is not authenticated, show login screen
-    authUI.showLoginScreen()
-  }
-})

static/js/ui/settings.ui.js

@@ -253,7 +253,7 @@ export function handleApiModeChange() {
  * Инициализация обработчиков событий
  */
 export function setupListeners() {
-  const openBtn = document.getElementById('settings-btn')
+  const openBtn = document.getElementById('open-settings-btn')
   const closeBtn = document.getElementById('close-settings-btn')
   const saveBtn = document.getElementById('save-settings-btn')
   const resetBtn = document.getElementById('reset-settings-btn')