viberadar 0.3.64 → 0.3.65

package/dist/ui/dashboard.html

@@ -191,7 +191,7 @@
     .obs-priority-low { color: var(--green); }
     .obs-catalog { margin-top:10px; background: var(--bg); border:1px solid var(--border); border-radius:6px; padding:8px; }
     .obs-catalog h4 { font-size:12px; margin-bottom:6px; }
-    .obs-cat-row { display:grid; grid-template-columns: 1.8fr .6fr .8fr .7fr .8fr 1fr; gap:8px; font-size:11px; color:var(--muted); padding:5px 0; border-bottom:1px dashed var(--border); }
+    .obs-cat-row { display:grid; grid-template-columns: 1.6fr .5fr .7fr .5fr 1.4fr .8fr; gap:8px; font-size:11px; color:var(--muted); padding:5px 0; border-bottom:1px dashed var(--border); }
     .obs-cat-row.head { color: var(--text); font-weight:600; text-transform:uppercase; font-size:10px; }
 
     /* ── Layout ──────────────────────────────────────────────────────────────── */
@@ -611,19 +611,19 @@
     .tt-fix-btn:hover { background: rgba(255,200,0,0.1); color: var(--yellow); border-color: var(--yellow); }
     .tt-write-btn { border-color: var(--accent); color: var(--accent); }
     .tt-write-btn:hover { background: rgba(88,166,255,0.1); color: var(--accent); border-color: var(--accent); }
-    .file-rows { display: flex; flex-direction: column; gap: 2px; contain: content; }
-    .file-row {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      padding: 7px 10px;
+    .file-rows { display: flex; flex-direction: column; gap: 2px; contain: content; }
+    .file-row {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 7px 10px;
       border-radius: 6px;
       cursor: pointer;
-      font-size: 13px;
-      transition: background 0.1s;
-      content-visibility: auto;
-      contain-intrinsic-size: 34px;
-    }
+      font-size: 13px;
+      transition: background 0.1s;
+      content-visibility: auto;
+      contain-intrinsic-size: 34px;
+    }
     .file-row:hover  { background: var(--bg-card); }
     .file-row.active { background: var(--bg-hover); border-left: 2px solid var(--blue); padding-left: 8px; }
     .file-row-icon { font-size: 12px; flex-shrink: 0; }
@@ -675,12 +675,12 @@
     .file-agent-spinner.running { border: 2px solid var(--yellow); border-top-color: transparent; animation: spin 0.7s linear infinite; }
     .file-agent-spinner.queued  { border: 2px solid var(--dim);    border-top-color: transparent; animation: spin 1.5s linear infinite; }
     @keyframes spin { to { transform: rotate(360deg); } }
-    .file-row-errors {
-      padding: 4px 10px 6px 32px;
-      display: flex; flex-direction: column; gap: 3px;
-      content-visibility: auto;
-      contain-intrinsic-size: 46px;
-    }
+    .file-row-errors {
+      padding: 4px 10px 6px 32px;
+      display: flex; flex-direction: column; gap: 3px;
+      content-visibility: auto;
+      contain-intrinsic-size: 46px;
+    }
     .err-item { display: flex; flex-direction: column; gap: 1px; }
     .err-name { font-size: 11px; color: var(--muted); }
     .err-msg  { font-size: 10px; color: var(--red); font-family: monospace; opacity: 0.85; }
@@ -769,92 +769,92 @@
       cursor: pointer; font-size: 11px; padding: 2px 8px; border-radius: 4px;
     }
     .agent-panel-cancel:hover { background: var(--yellow); color: #000; }
-    .agent-queue-badge {
-      font-size: 11px; color: var(--yellow); background: rgba(255,200,0,0.1);
-      border: 1px solid var(--yellow); border-radius: 4px; padding: 2px 8px;
-    }
-    .agent-toolbar {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      padding: 6px 12px;
-      background: #0b1018;
-      border-bottom: 1px solid var(--border);
-      flex-wrap: wrap;
-    }
-    .agent-toolbar input[type="text"] {
-      min-width: 220px;
-      padding: 4px 8px;
-      border-radius: 4px;
-      border: 1px solid var(--border);
-      background: #0b1220;
-      color: var(--text);
-      font-size: 11px;
-    }
-    .agent-toolbar label {
-      display: inline-flex;
-      align-items: center;
-      gap: 5px;
-      font-size: 11px;
-      color: var(--muted);
-      user-select: none;
-    }
-    .agent-toolbar-btn {
-      background: none;
-      border: 1px solid var(--border);
-      color: var(--muted);
-      cursor: pointer;
-      font-size: 11px;
-      padding: 3px 8px;
-      border-radius: 4px;
-    }
-    .agent-toolbar-btn:hover { color: var(--text); border-color: var(--blue); }
-    .agent-toolbar-btn:disabled {
-      opacity: 0.45;
-      cursor: not-allowed;
-      border-color: var(--border);
-      color: var(--dim);
-    }
-    .agent-toolbar-meta { font-size: 11px; color: var(--dim); margin-left: auto; }
-    .agent-queue-panel {
-      display: none;
-      border-bottom: 1px solid var(--border);
-      background: #090f18;
-      padding: 8px 12px;
-      max-height: 110px;
-      overflow-y: auto;
-    }
-    .agent-queue-title {
-      font-size: 11px;
-      color: var(--muted);
-      margin-bottom: 6px;
-      font-weight: 600;
-    }
-    .agent-queue-item {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      font-size: 11px;
-      color: var(--text);
-      margin-bottom: 4px;
-    }
-    .agent-queue-item:last-child { margin-bottom: 0; }
-    .agent-queue-pos {
-      color: var(--dim);
-      min-width: 24px;
-    }
-    .agent-queue-actions { margin-left: auto; display: inline-flex; gap: 4px; }
-    .agent-queue-action {
-      border: 1px solid var(--border);
-      background: transparent;
-      color: var(--muted);
-      border-radius: 4px;
-      padding: 1px 6px;
-      cursor: pointer;
-      font-size: 10px;
-      line-height: 1.4;
-    }
-    .agent-queue-action:hover { border-color: var(--blue); color: var(--text); }
+    .agent-queue-badge {
+      font-size: 11px; color: var(--yellow); background: rgba(255,200,0,0.1);
+      border: 1px solid var(--yellow); border-radius: 4px; padding: 2px 8px;
+    }
+    .agent-toolbar {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 6px 12px;
+      background: #0b1018;
+      border-bottom: 1px solid var(--border);
+      flex-wrap: wrap;
+    }
+    .agent-toolbar input[type="text"] {
+      min-width: 220px;
+      padding: 4px 8px;
+      border-radius: 4px;
+      border: 1px solid var(--border);
+      background: #0b1220;
+      color: var(--text);
+      font-size: 11px;
+    }
+    .agent-toolbar label {
+      display: inline-flex;
+      align-items: center;
+      gap: 5px;
+      font-size: 11px;
+      color: var(--muted);
+      user-select: none;
+    }
+    .agent-toolbar-btn {
+      background: none;
+      border: 1px solid var(--border);
+      color: var(--muted);
+      cursor: pointer;
+      font-size: 11px;
+      padding: 3px 8px;
+      border-radius: 4px;
+    }
+    .agent-toolbar-btn:hover { color: var(--text); border-color: var(--blue); }
+    .agent-toolbar-btn:disabled {
+      opacity: 0.45;
+      cursor: not-allowed;
+      border-color: var(--border);
+      color: var(--dim);
+    }
+    .agent-toolbar-meta { font-size: 11px; color: var(--dim); margin-left: auto; }
+    .agent-queue-panel {
+      display: none;
+      border-bottom: 1px solid var(--border);
+      background: #090f18;
+      padding: 8px 12px;
+      max-height: 110px;
+      overflow-y: auto;
+    }
+    .agent-queue-title {
+      font-size: 11px;
+      color: var(--muted);
+      margin-bottom: 6px;
+      font-weight: 600;
+    }
+    .agent-queue-item {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 11px;
+      color: var(--text);
+      margin-bottom: 4px;
+    }
+    .agent-queue-item:last-child { margin-bottom: 0; }
+    .agent-queue-pos {
+      color: var(--dim);
+      min-width: 24px;
+    }
+    .agent-queue-actions { margin-left: auto; display: inline-flex; gap: 4px; }
+    .agent-queue-action {
+      border: 1px solid var(--border);
+      background: transparent;
+      color: var(--muted);
+      border-radius: 4px;
+      padding: 1px 6px;
+      cursor: pointer;
+      font-size: 10px;
+      line-height: 1.4;
+    }
+    .agent-queue-action:hover { border-color: var(--blue); color: var(--text); }
     /* ── Console Tabs ───────────────────────────────────────────────────────── */
     .agent-tabs-bar {
       display: flex; align-items: stretch; overflow-x: auto;
@@ -934,50 +934,50 @@
       border-color: var(--accent);
       color: var(--accent);
     }
-    .bulk-actions-btn:hover:not(:disabled) { background: var(--bg-hover); }
-    .bulk-actions-btn:disabled { opacity: 0.4; cursor: not-allowed; }
-    .feature-file-filters {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      margin: 0 0 10px;
-    }
-    .feature-filter-toggle {
-      display: inline-flex;
-      align-items: center;
-      gap: 8px;
-      padding: 6px 10px;
-      border-radius: 6px;
-      border: 1px solid var(--border);
-      background: var(--bg-card);
-      color: var(--muted);
-      font-size: 12px;
-      cursor: pointer;
-      user-select: none;
-    }
-    .feature-filter-toggle:hover { background: var(--bg-hover); color: var(--text); }
-    .feature-filter-toggle input {
-      width: 14px;
-      height: 14px;
-      accent-color: var(--blue);
-      cursor: pointer;
-    }
-    .feature-filter-meta { color: var(--dim); font-size: 11px; }
-    .agent-terminal {
-      flex: 1;
-      overflow-y: auto;
-      padding: 10px 16px;
-      font-family: 'Consolas', 'Menlo', 'Courier New', monospace;
+    .bulk-actions-btn:hover:not(:disabled) { background: var(--bg-hover); }
+    .bulk-actions-btn:disabled { opacity: 0.4; cursor: not-allowed; }
+    .feature-file-filters {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin: 0 0 10px;
+    }
+    .feature-filter-toggle {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 6px 10px;
+      border-radius: 6px;
+      border: 1px solid var(--border);
+      background: var(--bg-card);
+      color: var(--muted);
+      font-size: 12px;
+      cursor: pointer;
+      user-select: none;
+    }
+    .feature-filter-toggle:hover { background: var(--bg-hover); color: var(--text); }
+    .feature-filter-toggle input {
+      width: 14px;
+      height: 14px;
+      accent-color: var(--blue);
+      cursor: pointer;
+    }
+    .feature-filter-meta { color: var(--dim); font-size: 11px; }
+    .agent-terminal {
+      flex: 1;
+      overflow-y: auto;
+      padding: 10px 16px;
+      font-family: 'Consolas', 'Menlo', 'Courier New', monospace;
       font-size: 12px;
       line-height: 1.5;
     }
-    .agent-line      { color: #c9d1d9; }
-    .agent-line.err  { color: var(--red); }
-    .agent-line.dim  { color: var(--dim); font-size: 10px; }
-    .agent-line.match { background: rgba(31, 111, 235, 0.22); }
-    .agent-line.command { color: #79c0ff; }
-
-    /* ── Misc ────────────────────────────────────────────────────────────────── */
+    .agent-line      { color: #c9d1d9; }
+    .agent-line.err  { color: var(--red); }
+    .agent-line.dim  { color: var(--dim); font-size: 10px; }
+    .agent-line.match { background: rgba(31, 111, 235, 0.22); }
+    .agent-line.command { color: #79c0ff; }
+
+    /* ── Misc ────────────────────────────────────────────────────────────────── */
     .loading { display: flex; align-items: center; justify-content: center; height: 200px; color: var(--muted); font-size: 14px; }
     .empty   { text-align: center; padding: 40px 20px; color: var(--muted); font-size: 14px; }
   /* ─── E2E Plan UI ─────────────────────────────────────────────────── */
@@ -1089,34 +1089,34 @@
   <div id="panelContent"></div>
 </div>
 
-<div class="agent-panel" id="agentPanel">
-  <div class="agent-panel-header">
-    <span class="agent-panel-title" id="agentPanelTitle">🤖 Agent</span>
-    <span class="agent-panel-status" id="agentPanelStatus">running…</span>
+<div class="agent-panel" id="agentPanel">
+  <div class="agent-panel-header">
+    <span class="agent-panel-title" id="agentPanelTitle">🤖 Agent</span>
+    <span class="agent-panel-status" id="agentPanelStatus">running…</span>
     <span class="agent-queue-badge" id="agentQueueBadge" style="display:none">📋 <span id="agentQueueCount">0</span> в очереди</span>
     <button class="agent-panel-cancel" id="agentQueueClearBtn" onclick="clearAgentQueue()" title="Очистить очередь" style="display:none">🗑 очередь</button>
     <button class="agent-panel-cancel" id="agentCancelBtn" onclick="cancelAgent()" title="Сбросить состояние агента" style="display:none">⏹ сброс</button>
-    <button class="agent-panel-copy" id="agentCopyBtn" onclick="copyTerminalContent()" title="Скопировать содержимое вкладки в буфер обмена">⎘</button>
-    <button class="agent-panel-close" onclick="closeAgentPanel()">✕</button>
-  </div>
-  <div class="agent-toolbar">
-    <input id="agentSearchInput" type="text" placeholder="Поиск по терминалу..." />
-    <label><input id="agentSearchErrorsOnly" type="checkbox" /> only errors</label>
-    <label><input id="agentSearchCurrentRunOnly" type="checkbox" /> current run</label>
-    <label><input id="agentSearchRegex" type="checkbox" /> regex</label>
-    <button class="agent-toolbar-btn" id="btnMatchPrev" onclick="jumpTerminalMatch(-1)">↑ match</button>
-    <button class="agent-toolbar-btn" id="btnMatchNext" onclick="jumpTerminalMatch(1)">↓ match</button>
-    <button class="agent-toolbar-btn" id="btnCmdPrev" onclick="jumpCommand(-1)">↑ command</button>
-    <button class="agent-toolbar-btn" id="btnCmdNext" onclick="jumpCommand(1)">↓ command</button>
-    <button class="agent-toolbar-btn" id="btnErrPrev" onclick="jumpError(-1)">↑ error</button>
-    <button class="agent-toolbar-btn" id="btnErrNext" onclick="jumpError(1)">↓ error</button>
-    <button class="agent-toolbar-btn" id="btnExportRun" onclick="exportActiveRun()">Export run</button>
-    <span class="agent-toolbar-meta" id="agentSearchMeta">0 matches</span>
-  </div>
-  <div class="agent-queue-panel" id="agentQueuePanel"></div>
-  <div class="agent-tabs-bar" id="agentTabsBar"></div>
-  <div class="agent-terminal" id="agentTerminal"></div>
-</div>
+    <button class="agent-panel-copy" id="agentCopyBtn" onclick="copyTerminalContent()" title="Скопировать содержимое вкладки в буфер обмена">⎘</button>
+    <button class="agent-panel-close" onclick="closeAgentPanel()">✕</button>
+  </div>
+  <div class="agent-toolbar">
+    <input id="agentSearchInput" type="text" placeholder="Поиск по терминалу..." />
+    <label><input id="agentSearchErrorsOnly" type="checkbox" /> only errors</label>
+    <label><input id="agentSearchCurrentRunOnly" type="checkbox" /> current run</label>
+    <label><input id="agentSearchRegex" type="checkbox" /> regex</label>
+    <button class="agent-toolbar-btn" id="btnMatchPrev" onclick="jumpTerminalMatch(-1)">↑ match</button>
+    <button class="agent-toolbar-btn" id="btnMatchNext" onclick="jumpTerminalMatch(1)">↓ match</button>
+    <button class="agent-toolbar-btn" id="btnCmdPrev" onclick="jumpCommand(-1)">↑ command</button>
+    <button class="agent-toolbar-btn" id="btnCmdNext" onclick="jumpCommand(1)">↓ command</button>
+    <button class="agent-toolbar-btn" id="btnErrPrev" onclick="jumpError(-1)">↑ error</button>
+    <button class="agent-toolbar-btn" id="btnErrNext" onclick="jumpError(1)">↓ error</button>
+    <button class="agent-toolbar-btn" id="btnExportRun" onclick="exportActiveRun()">Export run</button>
+    <span class="agent-toolbar-meta" id="agentSearchMeta">0 matches</span>
+  </div>
+  <div class="agent-queue-panel" id="agentQueuePanel"></div>
+  <div class="agent-tabs-bar" id="agentTabsBar"></div>
+  <div class="agent-terminal" id="agentTerminal"></div>
+</div>
 
 <script>
 // ─── State ────────────────────────────────────────────────────────────────────
@@ -1125,21 +1125,21 @@ let contextMode = 'qa';
 let view = 'features';
 let searchQuery = '';
 let activeTypes = new Set();
-let activePanelKey = null;
-let drillFeatureKey = null;   // null = grid, '__unmapped__' = unmapped, string = feature key
-let drillTestType   = null;   // null = feature overview, 'unit'|'integration'|'e2e' = test type drill
-let showOnlyUntestedInFeature = false; // source tab in feature detail
-const selectedSourceFiles = new Set(); // normalized relative paths for batch actions
-const FILE_ROWS_INITIAL_LIMIT = 250;
-const FILE_ROWS_LIMIT_STEP = 250;
-let fileRowsRenderKey = '';
-let fileRowsRenderLimit = FILE_ROWS_INITIAL_LIMIT;
-let e2ePlan         = null;   // current E2E plan object
-let e2ePlanLoading  = false;
-const modeStore = {
-  qa: { view: 'features', searchQuery: '', activeTypes: new Set(), drillFeatureKey: null, drillTestType: null, activePanelKey: null, showOnlyUntestedInFeature: false },
-  observability: { view: 'files', searchQuery: '', activeTypes: new Set(), drillFeatureKey: null, drillTestType: null, activePanelKey: null, showOnlyUntestedInFeature: false },
-};
+let activePanelKey = null;
+let drillFeatureKey = null;   // null = grid, '__unmapped__' = unmapped, string = feature key
+let drillTestType   = null;   // null = feature overview, 'unit'|'integration'|'e2e' = test type drill
+let showOnlyUntestedInFeature = false; // source tab in feature detail
+const selectedSourceFiles = new Set(); // normalized relative paths for batch actions
+const FILE_ROWS_INITIAL_LIMIT = 250;
+const FILE_ROWS_LIMIT_STEP = 250;
+let fileRowsRenderKey = '';
+let fileRowsRenderLimit = FILE_ROWS_INITIAL_LIMIT;
+let e2ePlan         = null;   // current E2E plan object
+let e2ePlanLoading  = false;
+const modeStore = {
+  qa: { view: 'features', searchQuery: '', activeTypes: new Set(), drillFeatureKey: null, drillTestType: null, activePanelKey: null, showOnlyUntestedInFeature: false },
+  observability: { view: 'files', searchQuery: '', activeTypes: new Set(), drillFeatureKey: null, drillTestType: null, activePanelKey: null, showOnlyUntestedInFeature: false },
+};
 
 function getModeFromPath(pathname = window.location.pathname) {
   if (pathname.startsWith('/radar/observability')) return 'observability';
@@ -1160,31 +1160,31 @@ function saveModeState(mode) {
   modeStore[mode] = {
     view,
     searchQuery,
-    activeTypes: new Set(activeTypes),
-    drillFeatureKey,
-    drillTestType,
-    activePanelKey,
-    showOnlyUntestedInFeature,
-  };
-}
-
-function restoreModeState(mode) {
-  const state = modeStore[mode];
+    activeTypes: new Set(activeTypes),
+    drillFeatureKey,
+    drillTestType,
+    activePanelKey,
+    showOnlyUntestedInFeature,
+  };
+}
+
+function restoreModeState(mode) {
+  const state = modeStore[mode];
   view = state.view;
   searchQuery = state.searchQuery;
-  activeTypes = new Set(state.activeTypes);
-  drillFeatureKey = state.drillFeatureKey;
-  drillTestType = state.drillTestType;
-  activePanelKey = state.activePanelKey;
-  showOnlyUntestedInFeature = !!state.showOnlyUntestedInFeature;
-}
+  activeTypes = new Set(state.activeTypes);
+  drillFeatureKey = state.drillFeatureKey;
+  drillTestType = state.drillTestType;
+  activePanelKey = state.activePanelKey;
+  showOnlyUntestedInFeature = !!state.showOnlyUntestedInFeature;
+}
 
 function switchMode(nextMode) {
   if (nextMode === contextMode) return;
   saveModeState(contextMode);
   contextMode = nextMode;
   restoreModeState(contextMode);
-  if (contextMode === 'observability') {
+  if (contextMode === 'observability') {
     view = 'files';
     drillFeatureKey = null;
     drillTestType = null;
@@ -1198,11 +1198,11 @@ function switchMode(nextMode) {
   renderSidebar();
   renderContent();
 }
-// ─── Run All Tests button ──────────────────────────────────────────────────────
-let runAllRunning = false;
-let refreshDataInFlight = false;
-let refreshDataQueued = false;
-let refreshDataTimer = null;
+// ─── Run All Tests button ──────────────────────────────────────────────────────
+let runAllRunning = false;
+let refreshDataInFlight = false;
+let refreshDataQueued = false;
+let refreshDataTimer = null;
 
 function escapeHtml(text) {
   return String(text || '')
@@ -1241,42 +1241,42 @@ function setFeatureDrill(featureKey, syncHash = true) {
   renderContent();
 }
 
-function selectedFilesForFeature(featureKey, visibleSourceFiles = null) {
-  const visibleSet = visibleSourceFiles ? new Set(visibleSourceFiles.map(p => p.replace(/\\/g, '/'))) : null;
-  return Array.from(selectedSourceFiles).filter((relPath) => {
+function selectedFilesForFeature(featureKey, visibleSourceFiles = null) {
+  const visibleSet = visibleSourceFiles ? new Set(visibleSourceFiles.map(p => p.replace(/\\/g, '/'))) : null;
+  return Array.from(selectedSourceFiles).filter((relPath) => {
     if (visibleSet && !visibleSet.has(relPath)) return false;
     const mod = D?.modules?.find((m) => m.relativePath.replace(/\\/g, '/') === relPath);
-    return !!mod && mod.type !== 'test' && mod.featureKeys?.includes(featureKey);
-  });
-}
-
-function getFileRowsWindow(items, renderKey) {
-  if (fileRowsRenderKey !== renderKey) {
-    fileRowsRenderKey = renderKey;
-    fileRowsRenderLimit = FILE_ROWS_INITIAL_LIMIT;
-  }
-  const visibleRows = items.slice(0, fileRowsRenderLimit);
-  const hiddenRows = Math.max(0, items.length - visibleRows.length);
-  return { visibleRows, hiddenRows, hasMoreRows: hiddenRows > 0 };
-}
-
-function increaseFileRowsLimit() {
-  fileRowsRenderLimit += FILE_ROWS_LIMIT_STEP;
-}
-
-function bindFileRowsClick(container) {
-  const fileRows = container.querySelector('#fileRows');
-  if (!fileRows) return;
-  fileRows.onclick = (event) => {
-    const row = event.target.closest('.file-row[data-id]');
-    if (!row) return;
-    const moduleId = row.dataset.id;
-    const mod = D.modules.find((m) => String(m.id) === moduleId);
-    if (mod) openModulePanel(mod);
-  };
-}
-
-function applyHashRoute() {
+    return !!mod && mod.type !== 'test' && mod.featureKeys?.includes(featureKey);
+  });
+}
+
+function getFileRowsWindow(items, renderKey) {
+  if (fileRowsRenderKey !== renderKey) {
+    fileRowsRenderKey = renderKey;
+    fileRowsRenderLimit = FILE_ROWS_INITIAL_LIMIT;
+  }
+  const visibleRows = items.slice(0, fileRowsRenderLimit);
+  const hiddenRows = Math.max(0, items.length - visibleRows.length);
+  return { visibleRows, hiddenRows, hasMoreRows: hiddenRows > 0 };
+}
+
+function increaseFileRowsLimit() {
+  fileRowsRenderLimit += FILE_ROWS_LIMIT_STEP;
+}
+
+function bindFileRowsClick(container) {
+  const fileRows = container.querySelector('#fileRows');
+  if (!fileRows) return;
+  fileRows.onclick = (event) => {
+    const row = event.target.closest('.file-row[data-id]');
+    if (!row) return;
+    const moduleId = row.dataset.id;
+    const mod = D.modules.find((m) => String(m.id) === moduleId);
+    if (mod) openModulePanel(mod);
+  };
+}
+
+function applyHashRoute() {
   const hash = (window.location.hash || '').replace(/^#/, '');
   if (!hash) {
     if (view === 'features' && drillFeatureKey) {
@@ -1324,145 +1324,145 @@ async function runAllTests() {
 }
 
 // ─── Agent ────────────────────────────────────────────────────────────────────
-let agentRunning = false;
-const agentRunningPaths = new Set(); // paths of files currently being processed by agent
-const agentQueuedPaths  = new Set(); // paths of files waiting in queue
-let agentQueueState = [];
-let agentRunsState = [];
-let agentActiveRun = null;
-let currentRunId = null;
-
-// ─── Console Sessions ─────────────────────────────────────────────────────────
-const consoleSessions  = [];   // { id, title, lines, status, startTime }
-let activeSessionId    = null; // currently viewed tab
-let runningSessionId   = null; // tab that is currently receiving output
-const runSessionMap    = new Map(); // runId -> sessionId
-const sessionRunMap    = new Map(); // sessionId -> runId
-const SESSION_MAX      = 25;
-const SESSION_LINE_LIMIT = 3000;
-const SESSIONS_KEY     = 'viberadar_sessions';
-let terminalSearchQuery = '';
-let terminalSearchErrorsOnly = false;
-let terminalSearchCurrentRunOnly = false;
-let terminalSearchRegex = false;
-let terminalMatchRefs = [];
-let terminalCommandRefs = [];
-let terminalErrorRefs = [];
-let terminalMatchCursor = -1;
-let terminalCommandCursor = -1;
-let terminalErrorCursor = -1;
+let agentRunning = false;
+const agentRunningPaths = new Set(); // paths of files currently being processed by agent
+const agentQueuedPaths  = new Set(); // paths of files waiting in queue
+let agentQueueState = [];
+let agentRunsState = [];
+let agentActiveRun = null;
+let currentRunId = null;
+
+// ─── Console Sessions ─────────────────────────────────────────────────────────
+const consoleSessions  = [];   // { id, title, lines, status, startTime }
+let activeSessionId    = null; // currently viewed tab
+let runningSessionId   = null; // tab that is currently receiving output
+const runSessionMap    = new Map(); // runId -> sessionId
+const sessionRunMap    = new Map(); // sessionId -> runId
+const SESSION_MAX      = 25;
+const SESSION_LINE_LIMIT = 3000;
+const SESSIONS_KEY     = 'viberadar_sessions';
+let terminalSearchQuery = '';
+let terminalSearchErrorsOnly = false;
+let terminalSearchCurrentRunOnly = false;
+let terminalSearchRegex = false;
+let terminalMatchRefs = [];
+let terminalCommandRefs = [];
+let terminalErrorRefs = [];
+let terminalMatchCursor = -1;
+let terminalCommandCursor = -1;
+let terminalErrorCursor = -1;
 
 function _sessionId() {
   return 's' + Date.now().toString(36) + Math.random().toString(36).slice(2, 5);
 }
 
-function saveSessions() {
-  try {
-    const data = consoleSessions.slice(-SESSION_MAX).map(s => ({
-      ...s,
-      runId: sessionRunMap.get(s.id) || s.runId || null,
-      lines: s.lines.slice(-500)
-    }));
-    localStorage.setItem(SESSIONS_KEY, JSON.stringify(data));
-  } catch {}
-}
+function saveSessions() {
+  try {
+    const data = consoleSessions.slice(-SESSION_MAX).map(s => ({
+      ...s,
+      runId: sessionRunMap.get(s.id) || s.runId || null,
+      lines: s.lines.slice(-500)
+    }));
+    localStorage.setItem(SESSIONS_KEY, JSON.stringify(data));
+  } catch {}
+}
 
 function restoreSessions() {
   try {
-    const raw = localStorage.getItem(SESSIONS_KEY);
-    if (!raw) return;
-    const saved = JSON.parse(raw);
-    consoleSessions.push(...saved);
-    for (const s of consoleSessions) {
-      if (s.runId) {
-        runSessionMap.set(s.runId, s.id);
-        sessionRunMap.set(s.id, s.runId);
-      }
-    }
-    if (consoleSessions.length > 0) {
-      activeSessionId = consoleSessions[consoleSessions.length - 1].id;
-      renderTabs();
-      renderActiveSession();
+    const raw = localStorage.getItem(SESSIONS_KEY);
+    if (!raw) return;
+    const saved = JSON.parse(raw);
+    consoleSessions.push(...saved);
+    for (const s of consoleSessions) {
+      if (s.runId) {
+        runSessionMap.set(s.runId, s.id);
+        sessionRunMap.set(s.id, s.runId);
+      }
+    }
+    if (consoleSessions.length > 0) {
+      activeSessionId = consoleSessions[consoleSessions.length - 1].id;
+      renderTabs();
+      renderActiveSession();
     }
   } catch {}
 }
 
-function createSession(title, status = 'running', runId = null) {
-  if (consoleSessions.length >= SESSION_MAX) {
-    const dropped = consoleSessions.shift();
-    if (dropped?.id) {
-      const droppedRunId = sessionRunMap.get(dropped.id);
-      if (droppedRunId) runSessionMap.delete(droppedRunId);
-      sessionRunMap.delete(dropped.id);
-    }
-  }
-  const s = { id: _sessionId(), title, lines: [], status, startTime: Date.now(), runId };
-  consoleSessions.push(s);
-  activeSessionId = s.id;
-  if (runId) {
-    runSessionMap.set(runId, s.id);
-    sessionRunMap.set(s.id, runId);
-  }
-  document.getElementById('agentPanel').classList.add('open');
-  document.getElementById('termBtn').classList.add('term-active');
-  renderTabs();
-  renderActiveSession();
-  saveSessions();
+function createSession(title, status = 'running', runId = null) {
+  if (consoleSessions.length >= SESSION_MAX) {
+    const dropped = consoleSessions.shift();
+    if (dropped?.id) {
+      const droppedRunId = sessionRunMap.get(dropped.id);
+      if (droppedRunId) runSessionMap.delete(droppedRunId);
+      sessionRunMap.delete(dropped.id);
+    }
+  }
+  const s = { id: _sessionId(), title, lines: [], status, startTime: Date.now(), runId };
+  consoleSessions.push(s);
+  activeSessionId = s.id;
+  if (runId) {
+    runSessionMap.set(runId, s.id);
+    sessionRunMap.set(s.id, runId);
+  }
+  document.getElementById('agentPanel').classList.add('open');
+  document.getElementById('termBtn').classList.add('term-active');
+  renderTabs();
+  renderActiveSession();
+  saveSessions();
   return s.id;
 }
 
-function switchSession(id) {
-  activeSessionId = id;
-  currentRunId = sessionRunMap.get(id) || null;
-  const s = consoleSessions.find(s => s.id === id);
-  if (s) {
-    const statusText = s.status === 'running' ? 'работает…'
-      : s.status === 'ok'    ? '✅ готово'
-      : s.status === 'error' ? '❌ ошибка'
+function switchSession(id) {
+  activeSessionId = id;
+  currentRunId = sessionRunMap.get(id) || null;
+  const s = consoleSessions.find(s => s.id === id);
+  if (s) {
+    const statusText = s.status === 'running' ? 'работает…'
+      : s.status === 'ok'    ? '✅ готово'
+      : s.status === 'error' ? '❌ ошибка'
       : '';
     document.getElementById('agentPanelTitle').textContent  = s.title;
     document.getElementById('agentPanelStatus').textContent = statusText;
-  }
-  renderTabs();
-  renderActiveSession();
-}
-
-function closeSession(id) {
-  const idx = consoleSessions.findIndex(s => s.id === id);
-  if (idx === -1) return;
-  const runId = sessionRunMap.get(id);
-  if (runId) {
-    sessionRunMap.delete(id);
-    runSessionMap.delete(runId);
-  }
-  consoleSessions.splice(idx, 1);
-  if (activeSessionId === id) {
-    activeSessionId = consoleSessions.length > 0
-      ? consoleSessions[Math.min(idx, consoleSessions.length - 1)].id
-      : null;
-  }
-  renderTabs();
-  renderActiveSession();
-  saveSessions();
-}
-
-function appendToSession(id, lineOrNode, isError = false, isDim = false) {
-  const s = consoleSessions.find(s => s.id === id);
-  if (!s) return;
+  }
+  renderTabs();
+  renderActiveSession();
+}
+
+function closeSession(id) {
+  const idx = consoleSessions.findIndex(s => s.id === id);
+  if (idx === -1) return;
+  const runId = sessionRunMap.get(id);
+  if (runId) {
+    sessionRunMap.delete(id);
+    runSessionMap.delete(runId);
+  }
+  consoleSessions.splice(idx, 1);
+  if (activeSessionId === id) {
+    activeSessionId = consoleSessions.length > 0
+      ? consoleSessions[Math.min(idx, consoleSessions.length - 1)].id
+      : null;
+  }
+  renderTabs();
+  renderActiveSession();
+  saveSessions();
+}
+
+function appendToSession(id, lineOrNode, isError = false, isDim = false) {
+  const s = consoleSessions.find(s => s.id === id);
+  if (!s) return;
   let stored;
   if (typeof lineOrNode === 'string') {
     stored = { text: lineOrNode, isError, isDim };
   } else {
     stored = { html: lineOrNode.outerHTML };
-  }
-  s.lines.push(stored);
-  if (s.lines.length > SESSION_LINE_LIMIT) {
-    s.lines.splice(0, s.lines.length - SESSION_LINE_LIMIT);
-  }
-  if (activeSessionId === id) {
-    renderActiveSession();
-  }
-}
+  }
+  s.lines.push(stored);
+  if (s.lines.length > SESSION_LINE_LIMIT) {
+    s.lines.splice(0, s.lines.length - SESSION_LINE_LIMIT);
+  }
+  if (activeSessionId === id) {
+    renderActiveSession();
+  }
+}
 
 function updateSessionStatus(id, status) {
   const s = consoleSessions.find(s => s.id === id);
@@ -1490,9 +1490,9 @@ function renderTabs() {
   if (active) active.scrollIntoView({ block: 'nearest', inline: 'nearest' });
 }
 
-function copyTerminalContent() {
-  const s = consoleSessions.find(s => s.id === activeSessionId);
-  if (!s || s.lines.length === 0) return;
+function copyTerminalContent() {
+  const s = consoleSessions.find(s => s.id === activeSessionId);
+  if (!s || s.lines.length === 0) return;
   // Extract plain text from each line (strip HTML for rich nodes)
   const text = s.lines.map(l => {
     if (l.text !== undefined) return l.text;
@@ -1510,214 +1510,214 @@ function copyTerminalContent() {
     btn.textContent = '✓';
     btn.classList.add('copied');
     setTimeout(() => { btn.textContent = prev; btn.classList.remove('copied'); }, 1500);
-  });
-}
-
-function downloadTextArtifact(filename, content) {
-  const blob = new Blob([content], { type: 'text/plain;charset=utf-8' });
-  const a = document.createElement('a');
-  a.href = URL.createObjectURL(blob);
-  a.download = filename;
-  document.body.appendChild(a);
-  a.click();
-  setTimeout(() => {
-    URL.revokeObjectURL(a.href);
-    a.remove();
-  }, 100);
-}
-
-function getActiveRunForExport() {
-  const runId = sessionRunMap.get(activeSessionId) || currentRunId;
-  if (runId) {
-    const fromState = (agentRunsState || []).find((r) => r.runId === runId);
-    if (fromState) return fromState;
-  }
-  return null;
-}
-
-function exportActiveRun() {
-  const run = getActiveRunForExport();
-  const session = consoleSessions.find((s) => s.id === activeSessionId);
-  if (!run && !session) {
-    flashToolbarHint('Нечего экспортировать');
-    return;
-  }
-  const mode = window.prompt('Формат экспорта: md или json', 'md');
-  const format = (mode || 'md').trim().toLowerCase() === 'json' ? 'json' : 'md';
-  const ts = new Date().toISOString().replace(/[:.]/g, '-');
-  const runId = run?.runId || sessionRunMap.get(activeSessionId) || 'session';
-  if (format === 'json') {
-    const payload = {
-      run,
-      sessionTitle: session?.title || null,
-      lines: (session?.lines || []).map((line) => extractLineText(line)),
-      exportedAt: new Date().toISOString(),
-    };
-    downloadTextArtifact(`viberadar-run-${runId}-${ts}.json`, JSON.stringify(payload, null, 2));
-    return;
-  }
-  const lines = (session?.lines || []).map((line) => extractLineText(line)).filter(Boolean);
-  const outcomes = Array.isArray(run?.fileOutcomes) ? run.fileOutcomes : [];
-  const stats = run?.validationStats || {};
-  const md = [
-    `# VibeRadar Run Export`,
-    ``,
-    `- runId: ${run?.runId || runId}`,
-    `- title: ${run?.title || session?.title || '-'}`,
-    `- phase: ${run?.phase || '-'}`,
-    `- exportedAt: ${new Date().toISOString()}`,
-    ``,
-    `## Validation`,
-    ``,
-    `- covered: ${stats.covered ?? 0}`,
-    `- not-covered: ${stats.notCovered ?? 0}`,
-    `- blocked: ${stats.blocked ?? 0}`,
-    `- infra: ${stats.infra ?? 0}`,
-    ``,
-    `## File Outcomes`,
-    ``,
-    ...outcomes.map((o) => `- ${o.status}: ${o.sourcePath}${o.testFile ? ` -> ${o.testFile}` : ''}${o.reason ? ` (${o.reason})` : ''}`),
-    ``,
-    `## Logs`,
-    ``,
-    '```text',
-    ...lines,
-    '```',
-  ].join('\n');
-  downloadTextArtifact(`viberadar-run-${runId}-${ts}.md`, md);
-}
-
-function renderActiveSession() {
-  const term = document.getElementById('agentTerminal');
-  if (!term) return;
-  term.innerHTML = '';
-  terminalMatchRefs = [];
-  terminalCommandRefs = [];
-  terminalErrorRefs = [];
-  terminalMatchCursor = -1;
-  terminalCommandCursor = -1;
-  terminalErrorCursor = -1;
-  const s = consoleSessions.find(s => s.id === activeSessionId);
-  if (!s) {
-    document.getElementById('agentSearchMeta').textContent = '0 matches';
-    updateToolbarButtonsState();
-    return;
-  }
-  const normalizedQuery = (terminalSearchQuery || '').trim();
-  let regex = null;
-  if (normalizedQuery && terminalSearchRegex) {
-    try { regex = new RegExp(normalizedQuery, 'i'); } catch { regex = null; }
-  }
-  for (let i = 0; i < s.lines.length; i++) {
-    const ln = s.lines[i];
-    const text = extractLineText(ln);
-    const isErrorLine = !!ln.isError || /(^|\s)❌/.test(text) || /\berror\b/i.test(text);
-    const isCommandLine = /^\s*⚡\s*\$/.test(text);
-    if (terminalSearchCurrentRunOnly && currentRunId && s.runId && s.runId !== currentRunId) continue;
-    if (terminalSearchErrorsOnly && !isErrorLine) continue;
-    let isMatch = false;
-    if (!normalizedQuery) {
-      isMatch = false;
-    } else if (regex) {
-      isMatch = regex.test(text);
-    } else {
-      isMatch = text.toLowerCase().includes(normalizedQuery.toLowerCase());
-    }
-    if (normalizedQuery && !isMatch) continue;
-
-    const el = document.createElement('div');
-    if (ln.html) {
-      el.innerHTML = ln.html;
-    } else {
-      el.className = 'agent-line' + (ln.isError ? ' err' : ln.isDim ? ' dim' : '');
-      el.textContent = ln.text;
-    }
-    if (isCommandLine) el.classList.add('command');
-    if (isMatch) el.classList.add('match');
-    el.dataset.lineIndex = String(i);
-    term.appendChild(el);
-    if (isMatch) terminalMatchRefs.push(el);
-    if (isCommandLine) terminalCommandRefs.push(el);
-    if (isErrorLine) terminalErrorRefs.push(el);
-  }
-  term.scrollTop = term.scrollHeight;
-  document.getElementById('agentSearchMeta').textContent =
-    `${terminalMatchRefs.length} matches • ${terminalCommandRefs.length} commands • ${terminalErrorRefs.length} errors`;
-  updateToolbarButtonsState();
-}
-
-function updateToolbarButtonsState() {
-  const setState = (id, enabled) => {
-    const el = document.getElementById(id);
-    if (!el) return;
-    el.disabled = !enabled;
-  };
-  setState('btnMatchPrev', terminalMatchRefs.length > 0);
-  setState('btnMatchNext', terminalMatchRefs.length > 0);
-  setState('btnCmdPrev', terminalCommandRefs.length > 0);
-  setState('btnCmdNext', terminalCommandRefs.length > 0);
-  setState('btnErrPrev', terminalErrorRefs.length > 0);
-  setState('btnErrNext', terminalErrorRefs.length > 0);
-  const hasExport = !!getActiveRunForExport() || !!consoleSessions.find((s) => s.id === activeSessionId);
-  setState('btnExportRun', hasExport);
-}
-
-function flashToolbarHint(text) {
-  const meta = document.getElementById('agentSearchMeta');
-  if (!meta) return;
-  const previous = meta.textContent;
-  meta.textContent = text;
-  meta.style.color = 'var(--yellow)';
-  setTimeout(() => {
-    meta.style.color = '';
-    if (meta.textContent === text) {
-      meta.textContent = previous || '0 matches';
-    }
-  }, 1400);
-}
-
-function extractLineText(line) {
-  if (!line) return '';
-  if (line.text !== undefined) return String(line.text || '');
-  if (line.html) {
-    const tmp = document.createElement('div');
-    tmp.innerHTML = line.html;
-    return tmp.innerText || '';
-  }
-  return '';
-}
-
-function jumpByRefs(refs, dir, cursorName) {
-  if (!refs.length) {
-    const label = cursorName === 'match' ? 'совпадений' : cursorName === 'command' ? 'команд' : 'ошибок';
-    flashToolbarHint(`Нет ${label} для навигации`);
-    return;
-  }
-  if (cursorName === 'match') {
-    terminalMatchCursor = (terminalMatchCursor + dir + refs.length) % refs.length;
-    refs[terminalMatchCursor].scrollIntoView({ block: 'center', behavior: 'smooth' });
-    return;
-  }
-  if (cursorName === 'command') {
-    terminalCommandCursor = (terminalCommandCursor + dir + refs.length) % refs.length;
-    refs[terminalCommandCursor].scrollIntoView({ block: 'center', behavior: 'smooth' });
-    return;
-  }
-  terminalErrorCursor = (terminalErrorCursor + dir + refs.length) % refs.length;
-  refs[terminalErrorCursor].scrollIntoView({ block: 'center', behavior: 'smooth' });
-}
-
-function jumpTerminalMatch(dir) {
-  jumpByRefs(terminalMatchRefs, dir > 0 ? 1 : -1, 'match');
-}
-
-function jumpCommand(dir) {
-  jumpByRefs(terminalCommandRefs, dir > 0 ? 1 : -1, 'command');
-}
-
-function jumpError(dir) {
-  jumpByRefs(terminalErrorRefs, dir > 0 ? 1 : -1, 'error');
-}
+  });
+}
+
+function downloadTextArtifact(filename, content) {
+  const blob = new Blob([content], { type: 'text/plain;charset=utf-8' });
+  const a = document.createElement('a');
+  a.href = URL.createObjectURL(blob);
+  a.download = filename;
+  document.body.appendChild(a);
+  a.click();
+  setTimeout(() => {
+    URL.revokeObjectURL(a.href);
+    a.remove();
+  }, 100);
+}
+
+function getActiveRunForExport() {
+  const runId = sessionRunMap.get(activeSessionId) || currentRunId;
+  if (runId) {
+    const fromState = (agentRunsState || []).find((r) => r.runId === runId);
+    if (fromState) return fromState;
+  }
+  return null;
+}
+
+function exportActiveRun() {
+  const run = getActiveRunForExport();
+  const session = consoleSessions.find((s) => s.id === activeSessionId);
+  if (!run && !session) {
+    flashToolbarHint('Нечего экспортировать');
+    return;
+  }
+  const mode = window.prompt('Формат экспорта: md или json', 'md');
+  const format = (mode || 'md').trim().toLowerCase() === 'json' ? 'json' : 'md';
+  const ts = new Date().toISOString().replace(/[:.]/g, '-');
+  const runId = run?.runId || sessionRunMap.get(activeSessionId) || 'session';
+  if (format === 'json') {
+    const payload = {
+      run,
+      sessionTitle: session?.title || null,
+      lines: (session?.lines || []).map((line) => extractLineText(line)),
+      exportedAt: new Date().toISOString(),
+    };
+    downloadTextArtifact(`viberadar-run-${runId}-${ts}.json`, JSON.stringify(payload, null, 2));
+    return;
+  }
+  const lines = (session?.lines || []).map((line) => extractLineText(line)).filter(Boolean);
+  const outcomes = Array.isArray(run?.fileOutcomes) ? run.fileOutcomes : [];
+  const stats = run?.validationStats || {};
+  const md = [
+    `# VibeRadar Run Export`,
+    ``,
+    `- runId: ${run?.runId || runId}`,
+    `- title: ${run?.title || session?.title || '-'}`,
+    `- phase: ${run?.phase || '-'}`,
+    `- exportedAt: ${new Date().toISOString()}`,
+    ``,
+    `## Validation`,
+    ``,
+    `- covered: ${stats.covered ?? 0}`,
+    `- not-covered: ${stats.notCovered ?? 0}`,
+    `- blocked: ${stats.blocked ?? 0}`,
+    `- infra: ${stats.infra ?? 0}`,
+    ``,
+    `## File Outcomes`,
+    ``,
+    ...outcomes.map((o) => `- ${o.status}: ${o.sourcePath}${o.testFile ? ` -> ${o.testFile}` : ''}${o.reason ? ` (${o.reason})` : ''}`),
+    ``,
+    `## Logs`,
+    ``,
+    '```text',
+    ...lines,
+    '```',
+  ].join('\n');
+  downloadTextArtifact(`viberadar-run-${runId}-${ts}.md`, md);
+}
+
+function renderActiveSession() {
+  const term = document.getElementById('agentTerminal');
+  if (!term) return;
+  term.innerHTML = '';
+  terminalMatchRefs = [];
+  terminalCommandRefs = [];
+  terminalErrorRefs = [];
+  terminalMatchCursor = -1;
+  terminalCommandCursor = -1;
+  terminalErrorCursor = -1;
+  const s = consoleSessions.find(s => s.id === activeSessionId);
+  if (!s) {
+    document.getElementById('agentSearchMeta').textContent = '0 matches';
+    updateToolbarButtonsState();
+    return;
+  }
+  const normalizedQuery = (terminalSearchQuery || '').trim();
+  let regex = null;
+  if (normalizedQuery && terminalSearchRegex) {
+    try { regex = new RegExp(normalizedQuery, 'i'); } catch { regex = null; }
+  }
+  for (let i = 0; i < s.lines.length; i++) {
+    const ln = s.lines[i];
+    const text = extractLineText(ln);
+    const isErrorLine = !!ln.isError || /(^|\s)❌/.test(text) || /\berror\b/i.test(text);
+    const isCommandLine = /^\s*⚡\s*\$/.test(text);
+    if (terminalSearchCurrentRunOnly && currentRunId && s.runId && s.runId !== currentRunId) continue;
+    if (terminalSearchErrorsOnly && !isErrorLine) continue;
+    let isMatch = false;
+    if (!normalizedQuery) {
+      isMatch = false;
+    } else if (regex) {
+      isMatch = regex.test(text);
+    } else {
+      isMatch = text.toLowerCase().includes(normalizedQuery.toLowerCase());
+    }
+    if (normalizedQuery && !isMatch) continue;
+
+    const el = document.createElement('div');
+    if (ln.html) {
+      el.innerHTML = ln.html;
+    } else {
+      el.className = 'agent-line' + (ln.isError ? ' err' : ln.isDim ? ' dim' : '');
+      el.textContent = ln.text;
+    }
+    if (isCommandLine) el.classList.add('command');
+    if (isMatch) el.classList.add('match');
+    el.dataset.lineIndex = String(i);
+    term.appendChild(el);
+    if (isMatch) terminalMatchRefs.push(el);
+    if (isCommandLine) terminalCommandRefs.push(el);
+    if (isErrorLine) terminalErrorRefs.push(el);
+  }
+  term.scrollTop = term.scrollHeight;
+  document.getElementById('agentSearchMeta').textContent =
+    `${terminalMatchRefs.length} matches • ${terminalCommandRefs.length} commands • ${terminalErrorRefs.length} errors`;
+  updateToolbarButtonsState();
+}
+
+function updateToolbarButtonsState() {
+  const setState = (id, enabled) => {
+    const el = document.getElementById(id);
+    if (!el) return;
+    el.disabled = !enabled;
+  };
+  setState('btnMatchPrev', terminalMatchRefs.length > 0);
+  setState('btnMatchNext', terminalMatchRefs.length > 0);
+  setState('btnCmdPrev', terminalCommandRefs.length > 0);
+  setState('btnCmdNext', terminalCommandRefs.length > 0);
+  setState('btnErrPrev', terminalErrorRefs.length > 0);
+  setState('btnErrNext', terminalErrorRefs.length > 0);
+  const hasExport = !!getActiveRunForExport() || !!consoleSessions.find((s) => s.id === activeSessionId);
+  setState('btnExportRun', hasExport);
+}
+
+function flashToolbarHint(text) {
+  const meta = document.getElementById('agentSearchMeta');
+  if (!meta) return;
+  const previous = meta.textContent;
+  meta.textContent = text;
+  meta.style.color = 'var(--yellow)';
+  setTimeout(() => {
+    meta.style.color = '';
+    if (meta.textContent === text) {
+      meta.textContent = previous || '0 matches';
+    }
+  }, 1400);
+}
+
+function extractLineText(line) {
+  if (!line) return '';
+  if (line.text !== undefined) return String(line.text || '');
+  if (line.html) {
+    const tmp = document.createElement('div');
+    tmp.innerHTML = line.html;
+    return tmp.innerText || '';
+  }
+  return '';
+}
+
+function jumpByRefs(refs, dir, cursorName) {
+  if (!refs.length) {
+    const label = cursorName === 'match' ? 'совпадений' : cursorName === 'command' ? 'команд' : 'ошибок';
+    flashToolbarHint(`Нет ${label} для навигации`);
+    return;
+  }
+  if (cursorName === 'match') {
+    terminalMatchCursor = (terminalMatchCursor + dir + refs.length) % refs.length;
+    refs[terminalMatchCursor].scrollIntoView({ block: 'center', behavior: 'smooth' });
+    return;
+  }
+  if (cursorName === 'command') {
+    terminalCommandCursor = (terminalCommandCursor + dir + refs.length) % refs.length;
+    refs[terminalCommandCursor].scrollIntoView({ block: 'center', behavior: 'smooth' });
+    return;
+  }
+  terminalErrorCursor = (terminalErrorCursor + dir + refs.length) % refs.length;
+  refs[terminalErrorCursor].scrollIntoView({ block: 'center', behavior: 'smooth' });
+}
+
+function jumpTerminalMatch(dir) {
+  jumpByRefs(terminalMatchRefs, dir > 0 ? 1 : -1, 'match');
+}
+
+function jumpCommand(dir) {
+  jumpByRefs(terminalCommandRefs, dir > 0 ? 1 : -1, 'command');
+}
+
+function jumpError(dir) {
+  jumpByRefs(terminalErrorRefs, dir > 0 ? 1 : -1, 'error');
+}
 
 async function setAgent(agent) {
   await fetch('/api/set-agent', {
@@ -1766,157 +1766,157 @@ function isFileAgentActive(relPath) {
   return null;
 }
 
-function updateQueueBadge(n) {
-  document.getElementById('agentQueueCount').textContent = n;
-  document.getElementById('agentQueueBadge').style.display = n > 0 ? 'inline' : 'none';
-  document.getElementById('agentQueueClearBtn').style.display = n > 0 ? 'inline-block' : 'none';
-  renderQueuePanel();
-}
-
-function renderQueuePanel() {
-  const panel = document.getElementById('agentQueuePanel');
-  if (!panel) return;
-  if (!Array.isArray(agentQueueState) || agentQueueState.length === 0) {
-    panel.style.display = 'none';
-    panel.innerHTML = '';
-    return;
-  }
-  panel.style.display = 'block';
-  panel.innerHTML = `
-    <div class="agent-queue-title">Очередь задач (${agentQueueState.length})</div>
-    ${agentQueueState.map((item, idx) => `
-      <div class="agent-queue-item">
-        <span class="agent-queue-pos">#${item.position ?? idx + 1}</span>
-        <span title="${escapeHtml(item.title || '')}">${escapeHtml(item.title || item.task || item.runId)}</span>
-        <span style="color:var(--dim)">(${escapeHtml(item.task || 'task')})</span>
-        <div class="agent-queue-actions">
-          <button class="agent-queue-action" onclick="reorderQueueItem('${item.runId}','up')" title="Сдвинуть вверх">↑</button>
-          <button class="agent-queue-action" onclick="reorderQueueItem('${item.runId}','down')" title="Сдвинуть вниз">↓</button>
-          <button class="agent-queue-action" onclick="cancelQueueItem('${item.runId}')" title="Отменить задачу">✕</button>
-          <button class="agent-queue-action" onclick="retryRun('${item.runId}')" title="Retry">↻</button>
-        </div>
-      </div>
-    `).join('')}
-  `;
-}
-
-async function cancelQueueItem(runId) {
-  await fetch(`/api/queue/${encodeURIComponent(runId)}/cancel`, { method: 'POST' });
-  await loadAgentState();
-}
-
-async function retryRun(runId) {
-  await fetch(`/api/queue/${encodeURIComponent(runId)}/retry`, { method: 'POST' });
-  await loadAgentState();
-}
-
-async function reorderQueueItem(runId, direction) {
-  await fetch(`/api/queue/${encodeURIComponent(runId)}/reorder`, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ direction }),
-  });
-  await loadAgentState();
-}
-
-function ensureSessionForRun(run, makeActive = false) {
-  if (!run?.runId) return null;
-  let sessionId = runSessionMap.get(run.runId);
-  if (!sessionId) {
-    sessionId = createSession(run.title || `Run ${run.runId}`, run.phase === 'failed' ? 'error' : run.phase === 'completed' ? 'ok' : 'running', run.runId);
-    const meta = [`runId: ${run.runId}`, `phase: ${run.phase}`];
-    if (Array.isArray(run.targetSourcePaths) && run.targetSourcePaths.length > 0) {
-      meta.push(`targets: ${run.targetSourcePaths.length}`);
-    }
-    appendToSession(sessionId, `ℹ ${meta.join(' • ')}`, false, true);
-  }
-  if (makeActive) switchSession(sessionId);
-  return sessionId;
-}
-
-function applyAgentStateSnapshot(state) {
-  if (!state) return;
-  agentQueueState = Array.isArray(state.queue) ? state.queue : [];
-  agentRunsState = Array.isArray(state.runs) ? state.runs : [];
-  agentActiveRun = state.activeRun || null;
-  updateQueueBadge(agentQueueState.length);
-  if (agentActiveRun?.runId) {
-    currentRunId = agentActiveRun.runId;
-    ensureSessionForRun(agentActiveRun);
-    setAgentRunning(['starting', 'running', 'validating'].includes(agentActiveRun.phase));
-  } else {
-    setAgentRunning(false);
-  }
-}
-
-async function loadAgentState() {
-  try {
-    const res = await fetch('/api/agent/state');
-    if (!res.ok) return;
-    const state = await res.json();
-    applyAgentStateSnapshot(state);
-  } catch {}
-}
-
-function upsertRunState(run) {
-  if (!run?.runId) return;
-  const idx = agentRunsState.findIndex((r) => r.runId === run.runId);
-  if (idx >= 0) agentRunsState[idx] = { ...agentRunsState[idx], ...run };
-  else agentRunsState.push(run);
-  if (agentRunsState.length > 80) {
-    agentRunsState = agentRunsState.slice(agentRunsState.length - 80);
-  }
-}
-
-function updateSessionFromRun(run) {
-  if (!run?.runId) return;
-  upsertRunState(run);
-  if (['starting', 'running', 'validating'].includes(run.phase)) {
-    setAgentRunning(true);
-    currentRunId = run.runId;
-    const sid = ensureSessionForRun(run);
-    if (sid) {
-      runningSessionId = sid;
-      if (activeSessionId === sid) {
-        document.getElementById('agentPanelTitle').textContent = '🤖 ' + (run.title || 'Agent');
-        document.getElementById('agentPanelStatus').textContent = run.phase === 'validating' ? 'проверяю…' : 'работает…';
-      }
-    }
-    return;
-  }
-  const sid = runSessionMap.get(run.runId);
-  if (sid) {
-    const status = run.phase === 'completed' ? 'ok' : run.phase === 'canceled' ? 'error' : run.phase === 'failed' ? 'error' : 'info';
-    updateSessionStatus(sid, status);
-    if (runningSessionId === sid) runningSessionId = null;
-    if (activeSessionId === sid) {
-      document.getElementById('agentPanelStatus').textContent =
-        run.phase === 'completed' ? '✅ готово' : run.phase === 'canceled' ? '⏹ отменено' : run.phase === 'failed' ? '❌ ошибка' : run.phase;
-    }
-  }
-  if (run.phase === 'completed' || run.phase === 'failed' || run.phase === 'canceled') {
-    if (agentActiveRun?.runId === run.runId) agentActiveRun = null;
-    if (currentRunId === run.runId) currentRunId = null;
-    setAgentRunning(false);
-  }
-}
-
-function refreshPathActivityFromState() {
-  agentQueuedPaths.clear();
-  (agentQueueState || []).forEach((q) => {
-    getTaskFilePaths(q.task, q.featureKey, q.filePath, q.selectedFilePaths).forEach((p) => agentQueuedPaths.add(p));
-  });
-  if (!agentActiveRun || !['starting', 'running', 'validating'].includes(agentActiveRun.phase)) {
-    agentRunningPaths.clear();
-  }
-}
-
-async function cancelAgent() {
-  await fetch('/api/cancel-agent', { method: 'POST' });
-  await loadAgentState();
-  document.getElementById('agentPanelStatus').textContent = '⏹ сброшен';
-  if (runningSessionId) {
-    appendToSession(runningSessionId, '⏹ Состояние агента сброшено (очередь очищена)', false);
+function updateQueueBadge(n) {
+  document.getElementById('agentQueueCount').textContent = n;
+  document.getElementById('agentQueueBadge').style.display = n > 0 ? 'inline' : 'none';
+  document.getElementById('agentQueueClearBtn').style.display = n > 0 ? 'inline-block' : 'none';
+  renderQueuePanel();
+}
+
+function renderQueuePanel() {
+  const panel = document.getElementById('agentQueuePanel');
+  if (!panel) return;
+  if (!Array.isArray(agentQueueState) || agentQueueState.length === 0) {
+    panel.style.display = 'none';
+    panel.innerHTML = '';
+    return;
+  }
+  panel.style.display = 'block';
+  panel.innerHTML = `
+    <div class="agent-queue-title">Очередь задач (${agentQueueState.length})</div>
+    ${agentQueueState.map((item, idx) => `
+      <div class="agent-queue-item">
+        <span class="agent-queue-pos">#${item.position ?? idx + 1}</span>
+        <span title="${escapeHtml(item.title || '')}">${escapeHtml(item.title || item.task || item.runId)}</span>
+        <span style="color:var(--dim)">(${escapeHtml(item.task || 'task')})</span>
+        <div class="agent-queue-actions">
+          <button class="agent-queue-action" onclick="reorderQueueItem('${item.runId}','up')" title="Сдвинуть вверх">↑</button>
+          <button class="agent-queue-action" onclick="reorderQueueItem('${item.runId}','down')" title="Сдвинуть вниз">↓</button>
+          <button class="agent-queue-action" onclick="cancelQueueItem('${item.runId}')" title="Отменить задачу">✕</button>
+          <button class="agent-queue-action" onclick="retryRun('${item.runId}')" title="Retry">↻</button>
+        </div>
+      </div>
+    `).join('')}
+  `;
+}
+
+async function cancelQueueItem(runId) {
+  await fetch(`/api/queue/${encodeURIComponent(runId)}/cancel`, { method: 'POST' });
+  await loadAgentState();
+}
+
+async function retryRun(runId) {
+  await fetch(`/api/queue/${encodeURIComponent(runId)}/retry`, { method: 'POST' });
+  await loadAgentState();
+}
+
+async function reorderQueueItem(runId, direction) {
+  await fetch(`/api/queue/${encodeURIComponent(runId)}/reorder`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ direction }),
+  });
+  await loadAgentState();
+}
+
+function ensureSessionForRun(run, makeActive = false) {
+  if (!run?.runId) return null;
+  let sessionId = runSessionMap.get(run.runId);
+  if (!sessionId) {
+    sessionId = createSession(run.title || `Run ${run.runId}`, run.phase === 'failed' ? 'error' : run.phase === 'completed' ? 'ok' : 'running', run.runId);
+    const meta = [`runId: ${run.runId}`, `phase: ${run.phase}`];
+    if (Array.isArray(run.targetSourcePaths) && run.targetSourcePaths.length > 0) {
+      meta.push(`targets: ${run.targetSourcePaths.length}`);
+    }
+    appendToSession(sessionId, `ℹ ${meta.join(' • ')}`, false, true);
+  }
+  if (makeActive) switchSession(sessionId);
+  return sessionId;
+}
+
+function applyAgentStateSnapshot(state) {
+  if (!state) return;
+  agentQueueState = Array.isArray(state.queue) ? state.queue : [];
+  agentRunsState = Array.isArray(state.runs) ? state.runs : [];
+  agentActiveRun = state.activeRun || null;
+  updateQueueBadge(agentQueueState.length);
+  if (agentActiveRun?.runId) {
+    currentRunId = agentActiveRun.runId;
+    ensureSessionForRun(agentActiveRun);
+    setAgentRunning(['starting', 'running', 'validating'].includes(agentActiveRun.phase));
+  } else {
+    setAgentRunning(false);
+  }
+}
+
+async function loadAgentState() {
+  try {
+    const res = await fetch('/api/agent/state');
+    if (!res.ok) return;
+    const state = await res.json();
+    applyAgentStateSnapshot(state);
+  } catch {}
+}
+
+function upsertRunState(run) {
+  if (!run?.runId) return;
+  const idx = agentRunsState.findIndex((r) => r.runId === run.runId);
+  if (idx >= 0) agentRunsState[idx] = { ...agentRunsState[idx], ...run };
+  else agentRunsState.push(run);
+  if (agentRunsState.length > 80) {
+    agentRunsState = agentRunsState.slice(agentRunsState.length - 80);
+  }
+}
+
+function updateSessionFromRun(run) {
+  if (!run?.runId) return;
+  upsertRunState(run);
+  if (['starting', 'running', 'validating'].includes(run.phase)) {
+    setAgentRunning(true);
+    currentRunId = run.runId;
+    const sid = ensureSessionForRun(run);
+    if (sid) {
+      runningSessionId = sid;
+      if (activeSessionId === sid) {
+        document.getElementById('agentPanelTitle').textContent = '🤖 ' + (run.title || 'Agent');
+        document.getElementById('agentPanelStatus').textContent = run.phase === 'validating' ? 'проверяю…' : 'работает…';
+      }
+    }
+    return;
+  }
+  const sid = runSessionMap.get(run.runId);
+  if (sid) {
+    const status = run.phase === 'completed' ? 'ok' : run.phase === 'canceled' ? 'error' : run.phase === 'failed' ? 'error' : 'info';
+    updateSessionStatus(sid, status);
+    if (runningSessionId === sid) runningSessionId = null;
+    if (activeSessionId === sid) {
+      document.getElementById('agentPanelStatus').textContent =
+        run.phase === 'completed' ? '✅ готово' : run.phase === 'canceled' ? '⏹ отменено' : run.phase === 'failed' ? '❌ ошибка' : run.phase;
+    }
+  }
+  if (run.phase === 'completed' || run.phase === 'failed' || run.phase === 'canceled') {
+    if (agentActiveRun?.runId === run.runId) agentActiveRun = null;
+    if (currentRunId === run.runId) currentRunId = null;
+    setAgentRunning(false);
+  }
+}
+
+function refreshPathActivityFromState() {
+  agentQueuedPaths.clear();
+  (agentQueueState || []).forEach((q) => {
+    getTaskFilePaths(q.task, q.featureKey, q.filePath, q.selectedFilePaths).forEach((p) => agentQueuedPaths.add(p));
+  });
+  if (!agentActiveRun || !['starting', 'running', 'validating'].includes(agentActiveRun.phase)) {
+    agentRunningPaths.clear();
+  }
+}
+
+async function cancelAgent() {
+  await fetch('/api/cancel-agent', { method: 'POST' });
+  await loadAgentState();
+  document.getElementById('agentPanelStatus').textContent = '⏹ сброшен';
+  if (runningSessionId) {
+    appendToSession(runningSessionId, '⏹ Состояние агента сброшено (очередь очищена)', false);
     updateSessionStatus(runningSessionId, 'error');
     runningSessionId = null;
   } else {
@@ -1924,11 +1924,11 @@ async function cancelAgent() {
   }
 }
 
-async function clearAgentQueue() {
-  await fetch('/api/clear-queue', { method: 'POST' });
-  await loadAgentState();
-  appendTerminalLine('🗑 Очередь очищена', false);
-}
+async function clearAgentQueue() {
+  await fetch('/api/clear-queue', { method: 'POST' });
+  await loadAgentState();
+  appendTerminalLine('🗑 Очередь очищена', false);
+}
 
 // ─── File row more menu ──────────────────────────────────────────────────────
 let _openFileMenu = null;
@@ -2195,19 +2195,29 @@ function renderStats() {
 
   let items;
   if (contextMode === 'observability') {
-    const serviceSources = src.filter(m => m.type === 'service' || m.type === 'util' || m.type === 'other');
-    const errorSignal = Object.values(D.testErrors || {}).reduce((acc, v) => acc + (v?.failed || 0), 0);
-    const totalBytes = src.reduce((acc, m) => acc + (m.size || 0), 0);
-    const avgKb = src.length ? Math.round(totalBytes / src.length / 1024) : 0;
-    const noiseRatio = src.length ? Math.round((src.filter(m => !m.hasTests).length / src.length) * 100) : 0;
-    const missingStructured = serviceSources.filter(m => !m.hasTests).length;
-    items = [
-      { v: serviceSources.length, l: 'Источники логов' },
-      { v: avgKb + ' KB', l: 'Средний объём/файл' },
-      { v: noiseRatio + '%', l: 'Коэффициент шума' },
-      { v: errorSignal, l: 'Сигнал ошибок', c: errorSignal ? '#f85149' : undefined },
-      { v: missingStructured, l: 'Не хватает полей', c: missingStructured ? '#e3b341' : undefined },
-    ];
+    const o = D.observability;
+    if (o) {
+      const noiseRatio = Math.round(o.metrics.noise_ratio * 100);
+      const structPct = Math.round(o.metrics.structured_completeness * 100);
+      const missingCoverage = o.missingCriticalLogs.length;
+      const noisyCount = o.topNoisyPatterns.length;
+      items = [
+        { v: o.catalog.length, l: 'Источники логов' },
+        { v: noiseRatio + '%', l: 'Коэффициент шума', c: noiseRatio > 30 ? '#f85149' : noiseRatio > 10 ? '#e3b341' : undefined },
+        { v: structPct + '%', l: 'Структурированность', c: structPct < 50 ? '#f85149' : structPct < 80 ? '#e3b341' : undefined },
+        { v: missingCoverage, l: 'Нет покрытия', c: missingCoverage ? '#e3b341' : undefined },
+        { v: noisyCount, l: 'Шумных паттернов', c: noisyCount ? '#e3b341' : undefined },
+      ];
+    } else {
+      const serviceSources = src.filter(m => m.type === 'service' || m.type === 'util' || m.type === 'other');
+      items = [
+        { v: serviceSources.length, l: 'Источники логов' },
+        { v: '—', l: 'Коэффициент шума' },
+        { v: '—', l: 'Структурированность' },
+        { v: '—', l: 'Нет покрытия' },
+        { v: '—', l: 'Шумных паттернов' },
+      ];
+    }
   } else if (D.hasConfig && D.features) {
     const unmapped = src.filter(m => !m.isInfra && (!m.featureKeys || m.featureKeys.length === 0)).length;
     items = [
@@ -2236,10 +2246,10 @@ function renderStats() {
 
 function renderModeSwitch() {
   const root = document.getElementById('modeSwitch');
-  const modes = [
-    { key: 'qa', label: 'QA Coverage', hint: 'Покрытие, пробелы, тренды' },
-    { key: 'observability', label: 'Наблюдаемость', hint: 'Логи, шум, сигналы ошибок' },
-  ];
+  const modes = [
+    { key: 'qa', label: 'QA Coverage', hint: 'Покрытие, пробелы, тренды' },
+    { key: 'observability', label: 'Наблюдаемость', hint: 'Логи, шум, сигналы ошибок' },
+  ];
   root.innerHTML = modes.map(m => `
     <button class="mode-switch-btn ${contextMode === m.key ? 'active' : ''}" data-mode="${m.key}">
       <span>${m.label}</span>
@@ -2257,15 +2267,15 @@ function renderSidebar() {
   const tabs = document.getElementById('viewTabs');
   const extra = document.getElementById('sidebarExtra');
 
-  if (contextMode === 'observability') {
-    tabs.style.display = 'none';
-    extra.innerHTML = `
-      <div class="sidebar-label">Фокус наблюдаемости</div>
-      <div style="font-size:12px;color:var(--muted);padding:0 6px;line-height:1.45">
-        Источники логов и качество сигналов для триажа инцидентов.
-      </div>`;
-    return;
-  }
+  if (contextMode === 'observability') {
+    tabs.style.display = 'none';
+    extra.innerHTML = `
+      <div class="sidebar-label">Фокус наблюдаемости</div>
+      <div style="font-size:12px;color:var(--muted);padding:0 6px;line-height:1.45">
+        Источники логов и качество сигналов для триажа инцидентов.
+      </div>`;
+    return;
+  }
 
   tabs.style.display = 'flex';
   document.querySelectorAll('.view-tab').forEach(t =>
@@ -2325,61 +2335,158 @@ function renderQaOnboarding() {
   return `<div class="onboarding-block"><h3>QA Coverage: что это?</h3><p>Этот экран помогает найти пробелы в тестах: сначала проверь покрытие по фичам, затем открой критичные непокрытые файлы и запусти генерацию/фиксы тестов.</p></div>`;
 }
 
-function renderObservability(c) {
-  const src = D.modules.filter(m => m.type !== 'test');
-  const sourceGroups = [
-    { label: 'Сервисы', count: src.filter(m => m.type === 'service').length },
-    { label: 'Утилиты', count: src.filter(m => m.type === 'util').length },
-    { label: 'Прочее', count: src.filter(m => m.type === 'other').length },
-  ].filter(x => x.count > 0);
-  const errorSignal = Object.values(D.testErrors || {}).reduce((acc, v) => acc + (v?.failed || 0), 0);
-  const missingStructured = src.filter(m => (m.type === 'service' || m.type === 'util') && !m.hasTests).slice(0, 8);
-  const noisy = [...src]
-    .sort((a, b) => (b.size || 0) - (a.size || 0))
-    .slice(0, 5)
-    .map(m => ({ name: m.name, rel: m.relativePath, kb: Math.round((m.size || 0) / 1024) }));
-
-  c.innerHTML = `
-    <div class="onboarding-block">
-      <h3>Наблюдаемость: что это?</h3>
-      <p>Экран для контроля отношения сигнал/шум: откуда идут логи, где растёт объём, сколько шума и какие поля/сигналы нужно структурировать в первую очередь.</p>
-    </div>
-
-    <div class="obs-grid">
+function renderObservability(c) {
+  const o = D.observability;
+  if (!o) {
+    c.innerHTML = `<div class="onboarding-block"><h3>Наблюдаемость</h3><p>Данные анализа логов недоступны. Пересканируй проект.</p></div>`;
+    return;
+  }
+
+  const noiseRatio  = Math.round(o.metrics.noise_ratio * 100);
+  const structPct   = Math.round(o.metrics.structured_completeness * 100);
+  const actionPct   = Math.round(o.metrics.error_actionability * 100);
+  const coveragePct = Math.round(o.metrics.coverage_of_key_flows * 100);
+
+  function metricColor(val, goodThreshold, warnThreshold, invert) {
+    // invert=true: higher is worse (noise), invert=false: higher is better (coverage)
+    if (invert) return val > warnThreshold ? 'var(--red)' : val > goodThreshold ? 'var(--yellow)' : 'var(--green)';
+    return val < warnThreshold ? 'var(--red)' : val < goodThreshold ? 'var(--yellow)' : 'var(--green)';
+  }
+
+  const formatLabels = { structured: 'structured', mixed: 'mixed', unstructured: 'unstructured' };
+  const sourceByFormat = [
+    { label: 'Structured', count: o.catalog.filter(c => c.format === 'structured').length, color: 'var(--green)' },
+    { label: 'Mixed', count: o.catalog.filter(c => c.format === 'mixed').length, color: 'var(--yellow)' },
+    { label: 'Unstructured', count: o.catalog.filter(c => c.format === 'unstructured').length, color: 'var(--red)' },
+  ].filter(x => x.count > 0);
+
+  const recLabels = {
+    'suppress': 'убрать',
+    'downgrade level': 'понизить уровень',
+    'enrich fields': 'обогатить поля',
+    'add event': 'добавить событие',
+  };
+
+  const noisyRows = o.topNoisyPatterns.slice(0, 8).map(i => `
+    <div class="obs-list-item">
+      <span class="obs-priority-${i.priority}" style="flex-shrink:0">[${i.priority}]</span>
+      <span style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="${escapeHtml(i.pattern)}">${escapeHtml(i.pattern)}</span>
+      <strong style="flex-shrink:0;color:var(--red)">×${i.count} → ${recLabels[i.recommendation] || i.recommendation}</strong>
+    </div>`).join('') || '<div class="obs-sub">Шумных паттернов не обнаружено</div>';
+
+  const missingRows = o.missingCriticalLogs.slice(0, 8).map(i => `
+    <div class="obs-list-item">
+      <span class="obs-priority-${i.priority}" style="flex-shrink:0">[${i.priority}]</span>
+      <span style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="${escapeHtml(i.pattern)}">${escapeHtml(i.pattern)}</span>
+      <strong style="flex-shrink:0;color:var(--yellow)">${recLabels[i.recommendation] || i.recommendation}</strong>
+    </div>`).join('') || '<div class="obs-sub" style="color:var(--green)">Критичные сценарии покрыты</div>';
+
+  const fieldGaps = o.fieldGaps || {};
+  const fieldGapEntries = Object.entries(fieldGaps).filter(([,v]) => v > 0).sort((a,b) => b[1] - a[1]);
+  const fieldGapRows = fieldGapEntries.map(([name, count]) => `
+    <div class="obs-list-item">
+      <span><code>${escapeHtml(name)}</code></span>
+      <strong style="color:${count > 20 ? 'var(--red)' : count > 5 ? 'var(--yellow)' : 'var(--muted)'}">${count} пропусков</strong>
+    </div>`).join('') || '<div class="obs-sub" style="color:var(--green)">Все обязательные поля на месте</div>';
+
+  const catalogRows = o.catalog.slice(0, 15).map(i => {
+    const missing = (i.missingFields || []);
+    const missingStr = missing.length ? missing.join(', ') : '—';
+    return `
+    <div class="obs-cat-row">
+      <span title="${escapeHtml(i.modulePath)}">${escapeHtml(i.modulePath.split('/').slice(-2).join('/'))}</span>
+      <span>${i.level}</span>
+      <span style="color:${i.format==='structured'?'var(--green)':i.format==='mixed'?'var(--yellow)':'var(--red)'}">${i.format}</span>
+      <span style="color:${missing.length > 4 ? 'var(--red)' : missing.length > 0 ? 'var(--yellow)' : 'var(--green)'}">${missing.length}/${missing.length > 0 ? '8' : '8'}</span>
+      <span title="${escapeHtml(missingStr)}" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${escapeHtml(missingStr)}</span>
+      <span style="color:${i.recommendation==='suppress'?'var(--red)':i.recommendation==='add event'?'var(--yellow)':'var(--muted)'}">${recLabels[i.recommendation] || i.recommendation}</span>
+    </div>`}).join('');
+
+  c.innerHTML = `
+    <div class="onboarding-block">
+      <h3>Наблюдаемость: что это?</h3>
+      <p>Аудит покрытия логами: что добавить, что убрать, что обогатить — на основе статического анализа лог-вызовов.</p>
+    </div>
+
+    <div class="obs-grid" style="grid-template-columns:repeat(4,1fr);margin-bottom:12px">
       <div class="obs-card">
-        <div class="obs-title">Источники логов</div>
+        <div class="obs-title">Коэффициент шума</div>
+        <div class="obs-value" style="color:${metricColor(noiseRatio,10,30,true)}">${noiseRatio}%</div>
+        <div class="obs-sub">Доля шумных лог-вызовов из всех.</div>
+      </div>
+      <div class="obs-card">
+        <div class="obs-title">Структурированность</div>
+        <div class="obs-value" style="color:${metricColor(structPct,80,50,false)}">${structPct}%</div>
+        <div class="obs-sub">Логи с обязательными полями (module, event, traceId).</div>
+      </div>
+      <div class="obs-card">
+        <div class="obs-title">Actionable ошибки</div>
+        <div class="obs-value" style="color:${metricColor(actionPct,80,50,false)}">${actionPct}%</div>
+        <div class="obs-sub">ERROR-логи с контекстом для диагностики.</div>
+      </div>
+      <div class="obs-card">
+        <div class="obs-title">Покрытие сценариев</div>
+        <div class="obs-value" style="color:${metricColor(coveragePct,80,50,false)}">${coveragePct}%</div>
+        <div class="obs-sub">Модули с хотя бы одним warn/error событием.</div>
+      </div>
+    </div>
+
+    <div class="obs-grid" style="grid-template-columns:1fr 1fr 1fr;margin-bottom:12px">
+      <div class="obs-card">
+        <div class="obs-title">Источники по формату</div>
+        <div class="obs-list">
+          ${sourceByFormat.map(g => `
+            <div class="obs-list-item">
+              <span style="color:${g.color}">${g.label}</span>
+              <strong>${g.count}</strong>
+            </div>`).join('') || '<div class="obs-sub">Нет данных</div>'}
+        </div>
+      </div>
+      <div class="obs-card">
+        <div class="obs-title">Классификация логов</div>
         <div class="obs-list">
-          ${sourceGroups.map(g => `<div class="obs-list-item"><span>${g.label}</span><strong>${g.count}</strong></div>`).join('') || '<div class="obs-sub">Нет данных</div>'}
+          <div class="obs-list-item"><span style="color:var(--red)">Мусор (убрать)</span><strong>${o.classification.trash}</strong></div>
+          <div class="obs-list-item"><span style="color:var(--green)">Полезные</span><strong>${o.classification.useful}</strong></div>
+          <div class="obs-list-item"><span style="color:var(--blue)">Критичные</span><strong>${o.classification.critical}</strong></div>
         </div>
       </div>
+      <div class="obs-card">
+        <div class="obs-title">Рекомендации</div>
+        <div class="obs-list">
+          ${['suppress','enrich fields','add event','downgrade level'].map(rec => {
+            const count = o.catalog.filter(c => c.recommendation === rec).length;
+            if (!count) return '';
+            return `<div class="obs-list-item"><span>${recLabels[rec]}</span><strong>${count}</strong></div>`;
+          }).join('')}
+        </div>
+      </div>
+    </div>
+
+    <div class="obs-grid" style="grid-template-columns:1fr 1fr;margin-bottom:12px">
+      <div class="obs-card">
+        <div class="obs-title">Что убрать — шумные паттерны</div>
+        <div class="obs-list" style="gap:4px">${noisyRows}</div>
+      </div>
+      <div class="obs-card">
+        <div class="obs-title">Что добавить — нет критичных логов</div>
+        <div class="obs-list" style="gap:4px">${missingRows}</div>
+      </div>
+    </div>
+
+    <div class="obs-card" style="margin-bottom:12px">
+      <div class="obs-title">Что обогатить — пробелы по полям</div>
+      <div class="obs-sub" style="margin-bottom:8px">Обязательные поля по стандарту: service, env, trace_id, request_id, event_name, outcome, error_code (warn/error), user_id.</div>
+      <div class="obs-list">${fieldGapRows}</div>
+    </div>
 
-      <div class="obs-card">
-        <div class="obs-title">Объём логов (топ файлов)</div>
-        <div class="obs-list">
-          ${noisy.map(n => `<div class="obs-list-item"><span title="${n.rel}">${n.name}</span><strong>${n.kb} KB</strong></div>`).join('') || '<div class="obs-sub">Нет файлов</div>'}
-        </div>
-      </div>
-
-      <div class="obs-card">
-        <div class="obs-title">Коэффициент шума</div>
-        <div class="obs-value">${src.length ? Math.round((src.filter(m => !m.hasTests).length / src.length) * 100) : 0}%</div>
-        <div class="obs-sub">Доля источников без тестового контроля (прокси-метрика шумного логирования).</div>
-      </div>
-
-      <div class="obs-card">
-        <div class="obs-title">Сигнал ошибок</div>
-        <div class="obs-value" style="color:${errorSignal ? 'var(--red)' : 'var(--green)'}">${errorSignal}</div>
-        <div class="obs-sub">Сумма упавших тестов из последнего прогона как индикатор нестабильности сигналов.</div>
-      </div>
-
-      <div class="obs-card" style="grid-column:1 / -1">
-        <div class="obs-title">Недостающие структурированные поля (кандидаты)</div>
-        <div class="obs-list">
-          ${missingStructured.map(m => `<div class="obs-list-item"><span>${m.relativePath}</span><strong>нужна схема</strong></div>`).join('') || '<div class="obs-sub">Явных кандидатов не найдено</div>'}
-        </div>
-      </div>
-    </div>`;
-}
+    <div class="obs-card" style="margin-bottom:12px">
+      <div class="obs-title">Каталог источников логов (топ 15)</div>
+      <div class="obs-catalog" style="margin-top:8px;border:none;padding:0">
+        <div class="obs-cat-row head"><span>модуль</span><span>уровень</span><span>формат</span><span>пробелы</span><span>не хватает</span><span>действие</span></div>
+        ${catalogRows || '<div class="obs-row">Логи не найдены</div>'}
+      </div>
+    </div>`;
+}
 
 function backToFeatureDetail() {
   drillTestType = null;
@@ -2397,15 +2504,15 @@ function toPct(v) {
   return Math.round((v || 0) * 100) + '%';
 }
 
-function renderObservabilityOverview(c) {
-  const o = D.observability;
-  if (!o) return '';
-  const metrics = [
-    ['Коэффициент шума', toPct(o.metrics.noise_ratio)],
-    ['Действия по ошибкам', toPct(o.metrics.error_actionability)],
-    ['Полнота структуры', toPct(o.metrics.structured_completeness)],
-    ['Покрытие ключевых сценариев', toPct(o.metrics.coverage_of_key_flows)],
-  ];
+function renderObservabilityOverview(c) {
+  const o = D.observability;
+  if (!o) return '';
+  const metrics = [
+    ['Коэффициент шума', toPct(o.metrics.noise_ratio)],
+    ['Действия по ошибкам', toPct(o.metrics.error_actionability)],
+    ['Полнота структуры', toPct(o.metrics.structured_completeness)],
+    ['Покрытие ключевых сценариев', toPct(o.metrics.coverage_of_key_flows)],
+  ];
   const noisy = (o.topNoisyPatterns || []).slice(0, 5).map(i =>
     `<div class="obs-row"><span class="obs-priority-${i.priority}">[${i.priority}]</span> ${escapeHtml(i.pattern)} · x${i.count} → <b>${i.recommendation}</b></div>`
   ).join('') || '<div class="obs-row">Нет шумных паттернов</div>';
@@ -2418,27 +2525,27 @@ function renderObservabilityOverview(c) {
     `<div class="obs-cat-row"><span>${escapeHtml(i.modulePath)}</span><span>${i.level}</span><span>${i.format}</span><span>${i.frequency}</span><span>${escapeHtml(i.owner)}</span><span>${i.recommendation}</span></div>`
   ).join('');
 
-  return `
-    <div class="observability-panel">
-      <div class="observability-title">Наблюдаемость</div>
-      <div class="obs-metrics">
-        ${metrics.map(([l,v]) => `<div class="obs-metric"><div class="obs-metric-v">${v}</div><div class="obs-metric-l">${l}</div></div>`).join('')}
-      </div>
-      <div class="obs-columns">
-        <div class="obs-list">
-          <h4>Топ шумных паттернов</h4>
-          ${noisy}
-        </div>
-        <div class="obs-list">
-          <h4>Отсутствующие критичные логи</h4>
-          ${missing}
-        </div>
-      </div>
-      <div class="obs-catalog">
-        <h4>Каталог источников логов (топ 10)</h4>
-        <div class="obs-cat-row head"><span>модуль</span><span>уровень</span><span>формат</span><span>частота</span><span>владелец</span><span>действие</span></div>
-        ${catalogRows || '<div class="obs-row">Логи не найдены</div>'}
-      </div>
+  return `
+    <div class="observability-panel">
+      <div class="observability-title">Наблюдаемость</div>
+      <div class="obs-metrics">
+        ${metrics.map(([l,v]) => `<div class="obs-metric"><div class="obs-metric-v">${v}</div><div class="obs-metric-l">${l}</div></div>`).join('')}
+      </div>
+      <div class="obs-columns">
+        <div class="obs-list">
+          <h4>Топ шумных паттернов</h4>
+          ${noisy}
+        </div>
+        <div class="obs-list">
+          <h4>Отсутствующие критичные логи</h4>
+          ${missing}
+        </div>
+      </div>
+      <div class="obs-catalog">
+        <h4>Каталог источников логов (топ 10)</h4>
+        <div class="obs-cat-row head"><span>модуль</span><span>уровень</span><span>формат</span><span>частота</span><span>владелец</span><span>действие</span></div>
+        ${catalogRows || '<div class="obs-row">Логи не найдены</div>'}
+      </div>
       <div class="obs-row" style="margin-top:8px">
         Классификация: мусор ${o.classification.trash} · полезно ${o.classification.useful} · критично ${o.classification.critical}
       </div>
@@ -2476,7 +2583,7 @@ function renderFeatureCards(c) {
       </div>
     </div>` : '';
 
-  c.innerHTML = setupBanner + '<div class="features-grid" id="featGrid"></div>';
+  c.innerHTML = setupBanner + '<div class="features-grid" id="featGrid"></div>';
   const grid = document.getElementById('featGrid');
 
   list.forEach(f => {
@@ -2781,12 +2888,12 @@ function renderFeatureDetail(c) {
     return;
   }
 
-  const mods = D.modules.filter(m => m.featureKeys && m.featureKeys.includes(drillFeatureKey));
-  const src  = mods.filter(m => m.type !== 'test');
-  const untestedSrc = src.filter(m => !m.hasTests);
-  const tst  = mods.filter(m => m.type === 'test');
-  const testedCount = src.filter(m => m.hasTests).length;
-  const pct  = src.length > 0 ? Math.round(testedCount / src.length * 100) : 0;
+  const mods = D.modules.filter(m => m.featureKeys && m.featureKeys.includes(drillFeatureKey));
+  const src  = mods.filter(m => m.type !== 'test');
+  const untestedSrc = src.filter(m => !m.hasTests);
+  const tst  = mods.filter(m => m.type === 'test');
+  const testedCount = src.filter(m => m.hasTests).length;
+  const pct  = src.length > 0 ? Math.round(testedCount / src.length * 100) : 0;
 
   const unitCount        = feat.unitTestCount        ?? tst.filter(m => m.testType === 'unit').length;
   const integrationCount = feat.integrationTestCount ?? tst.filter(m => m.testType === 'integration').length;
@@ -2798,32 +2905,32 @@ function renderFeatureDetail(c) {
   const integrationFailed = tst.filter(m => m.testType === 'integration' && te[m.relativePath.replace(/\\/g, '/')]).length;
   const e2eFailed         = tst.filter(m => m.testType === 'e2e'         && te[m.relativePath.replace(/\\/g, '/')]).length;
 
-  // Determine what list to show based on active tab
-  // null or 'source' → source files; test type → test files of that type
-  const activeTab  = drillTestType || 'source';
-  const sourceList = showOnlyUntestedInFeature ? untestedSrc : src;
-  const listFiles  = activeTab === 'source' ? sourceList : tst.filter(m => m.testType === activeTab);
-  const isTestList = activeTab !== 'source';
-  const showUntestedToggle = activeTab === 'source';
-  const meta       = TEST_TYPE_META[activeTab];
-  const listLabel  = meta
-    ? `${meta.icon} ${meta.label} тесты (${listFiles.length})`
-    : `📁 Файлы фичи (${listFiles.length})`;
-
-  const q = searchQuery.toLowerCase();
-  const filtered = q ? listFiles.filter(m =>
-    m.name.toLowerCase().includes(q) || m.relativePath.toLowerCase().includes(q)
-  ) : listFiles;
-  const rowsRenderKey = `feature:${drillFeatureKey}:${activeTab}:${showOnlyUntestedInFeature ? 1 : 0}:${q}`;
-  const { visibleRows, hiddenRows, hasMoreRows } = getFileRowsWindow(filtered, rowsRenderKey);
-  const selectableSource = !isTestList && !!D.agent;
-  const visibleSourcePaths = selectableSource
-    ? visibleRows.map(m => m.relativePath.replace(/\\/g, '/'))
-    : [];
-  const selectedVisible = selectableSource
-    ? selectedFilesForFeature(drillFeatureKey, visibleRows.map(m => m.relativePath))
-    : [];
-  const selectedCount = selectedVisible.length;
+  // Determine what list to show based on active tab
+  // null or 'source' → source files; test type → test files of that type
+  const activeTab  = drillTestType || 'source';
+  const sourceList = showOnlyUntestedInFeature ? untestedSrc : src;
+  const listFiles  = activeTab === 'source' ? sourceList : tst.filter(m => m.testType === activeTab);
+  const isTestList = activeTab !== 'source';
+  const showUntestedToggle = activeTab === 'source';
+  const meta       = TEST_TYPE_META[activeTab];
+  const listLabel  = meta
+    ? `${meta.icon} ${meta.label} тесты (${listFiles.length})`
+    : `📁 Файлы фичи (${listFiles.length})`;
+
+  const q = searchQuery.toLowerCase();
+  const filtered = q ? listFiles.filter(m =>
+    m.name.toLowerCase().includes(q) || m.relativePath.toLowerCase().includes(q)
+  ) : listFiles;
+  const rowsRenderKey = `feature:${drillFeatureKey}:${activeTab}:${showOnlyUntestedInFeature ? 1 : 0}:${q}`;
+  const { visibleRows, hiddenRows, hasMoreRows } = getFileRowsWindow(filtered, rowsRenderKey);
+  const selectableSource = !isTestList && !!D.agent;
+  const visibleSourcePaths = selectableSource
+    ? visibleRows.map(m => m.relativePath.replace(/\\/g, '/'))
+    : [];
+  const selectedVisible = selectableSource
+    ? selectedFilesForFeature(drillFeatureKey, visibleRows.map(m => m.relativePath))
+    : [];
+  const selectedCount = selectedVisible.length;
 
   c.innerHTML = `
     <div class="drill-header">
@@ -2849,51 +2956,51 @@ function renderFeatureDetail(c) {
       ${testTypeCard('integration', 'Integration', '🔗', '#58a6ff',  integrationCount, activeTab === 'integration', drillFeatureKey, integrationFailed)}
       ${testTypeCard('e2e',         'E2E',         '🎭', '#d2a8ff',  e2eCount,         activeTab === 'e2e',         drillFeatureKey, e2eFailed)}
     </div>
-
-    <div class="drill-section-label">${listLabel}</div>
-    ${showUntestedToggle ? `
-      <div class="feature-file-filters">
-        <label class="feature-filter-toggle">
-          <input type="checkbox" id="untestedOnlyToggle" ${showOnlyUntestedInFeature ? 'checked' : ''}>
-          <span>Только без тестов</span>
-          <span class="feature-filter-meta">(${untestedSrc.length})</span>
-        </label>
-      </div>` : ''}
-    ${selectableSource ? `
-      <div class="bulk-actions">
-        <span class="bulk-actions-count">Выбрано файлов: <b>${selectedCount}</b></span>
-        <button class="bulk-actions-btn" id="bulkSelectAllBtn" ${visibleSourcePaths.length === 0 ? 'disabled' : ''}>☑ Выбрать все (${visibleSourcePaths.length})</button>
+
+    <div class="drill-section-label">${listLabel}</div>
+    ${showUntestedToggle ? `
+      <div class="feature-file-filters">
+        <label class="feature-filter-toggle">
+          <input type="checkbox" id="untestedOnlyToggle" ${showOnlyUntestedInFeature ? 'checked' : ''}>
+          <span>Только без тестов</span>
+          <span class="feature-filter-meta">(${untestedSrc.length})</span>
+        </label>
+      </div>` : ''}
+    ${selectableSource ? `
+      <div class="bulk-actions">
+        <span class="bulk-actions-count">Выбрано файлов: <b>${selectedCount}</b></span>
+        <button class="bulk-actions-btn" id="bulkSelectAllBtn" ${visibleSourcePaths.length === 0 ? 'disabled' : ''}>☑ Выбрать все (${visibleSourcePaths.length})</button>
         <button class="bulk-actions-btn" id="bulkClearBtn" ${selectedCount === 0 ? 'disabled' : ''}>Снять выбор</button>
         <button class="bulk-actions-btn primary" id="bulkWriteTestsBtn" ${selectedCount === 0 ? 'disabled' : ''}>✍ Написать тесты для выбранных</button>
         <button class="bulk-actions-btn" id="bulkRefreshTestsBtn" ${selectedCount === 0 ? 'disabled' : ''}>↻ Актуализировать тесты</button>
       </div>` : ''}
-    <div class="file-rows" id="fileRows">
-      ${filtered.length === 0
-        ? `<div style="padding:20px;text-align:center;border:1px dashed var(--border);border-radius:8px;color:var(--dim);font-size:13px">
-            ${isTestList
-              ? 'Нет тестов этого типа для данной фичи'
-              : (showOnlyUntestedInFeature
-                  ? 'Все файлы этой фичи уже покрыты тестами'
-                  : 'Нет файлов — возможно паттерны в конфиге не совпадают')}
-          </div>`
-        : visibleRows.map(m => fileRow(m, isTestList, drillFeatureKey, selectableSource)).join('')
-      }
-    </div>
-    ${hasMoreRows ? `
-      <div style="margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);font-size:12px;color:var(--dim)">
-        <span>Показано ${visibleRows.length} из ${filtered.length} файлов</span>
-        <button class="bulk-actions-btn" id="fileRowsLoadMoreBtn">Показать ещё ${Math.min(FILE_ROWS_LIMIT_STEP, hiddenRows)}</button>
-      </div>` : ''}`;
-
-  const untestedOnlyToggle = document.getElementById('untestedOnlyToggle');
-  if (untestedOnlyToggle) {
-    untestedOnlyToggle.onchange = (e) => {
-      showOnlyUntestedInFeature = !!e.target.checked;
-      renderContent();
-    };
-  }
-
-  if (selectableSource) {
+    <div class="file-rows" id="fileRows">
+      ${filtered.length === 0
+        ? `<div style="padding:20px;text-align:center;border:1px dashed var(--border);border-radius:8px;color:var(--dim);font-size:13px">
+            ${isTestList
+              ? 'Нет тестов этого типа для данной фичи'
+              : (showOnlyUntestedInFeature
+                  ? 'Все файлы этой фичи уже покрыты тестами'
+                  : 'Нет файлов — возможно паттерны в конфиге не совпадают')}
+          </div>`
+        : visibleRows.map(m => fileRow(m, isTestList, drillFeatureKey, selectableSource)).join('')
+      }
+    </div>
+    ${hasMoreRows ? `
+      <div style="margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);font-size:12px;color:var(--dim)">
+        <span>Показано ${visibleRows.length} из ${filtered.length} файлов</span>
+        <button class="bulk-actions-btn" id="fileRowsLoadMoreBtn">Показать ещё ${Math.min(FILE_ROWS_LIMIT_STEP, hiddenRows)}</button>
+      </div>` : ''}`;
+
+  const untestedOnlyToggle = document.getElementById('untestedOnlyToggle');
+  if (untestedOnlyToggle) {
+    untestedOnlyToggle.onchange = (e) => {
+      showOnlyUntestedInFeature = !!e.target.checked;
+      renderContent();
+    };
+  }
+
+  if (selectableSource) {
     const allVisibleSelected = visibleSourcePaths.length > 0 && visibleSourcePaths.every((p) => selectedSourceFiles.has(p));
     const bulkSelectAllBtn = document.getElementById('bulkSelectAllBtn');
     if (bulkSelectAllBtn) {
@@ -2928,17 +3035,17 @@ function renderFeatureDetail(c) {
         renderContent();
       };
     }
-  }
-
-  const fileRowsLoadMoreBtn = document.getElementById('fileRowsLoadMoreBtn');
-  if (fileRowsLoadMoreBtn) {
-    fileRowsLoadMoreBtn.onclick = () => {
-      increaseFileRowsLimit();
-      renderContent();
-    };
-  }
-
-  c.querySelectorAll('.test-type-card[data-testtype]').forEach(card => {
+  }
+
+  const fileRowsLoadMoreBtn = document.getElementById('fileRowsLoadMoreBtn');
+  if (fileRowsLoadMoreBtn) {
+    fileRowsLoadMoreBtn.onclick = () => {
+      increaseFileRowsLimit();
+      renderContent();
+    };
+  }
+
+  c.querySelectorAll('.test-type-card[data-testtype]').forEach(card => {
     card.onclick = async () => {
       const type = card.dataset.testtype;
       drillTestType = (type === 'source') ? null : type; // 'source' tab = null state
@@ -2947,11 +3054,11 @@ function renderFeatureDetail(c) {
       if (type === 'e2e') {
         await loadE2ePlan(drillFeatureKey);
       }
-      renderContent();
-    };
-  });
-  bindFileRowsClick(c);
-}
+      renderContent();
+    };
+  });
+  bindFileRowsClick(c);
+}
 
 const TEST_TYPE_META = {
   unit:        { label: 'Unit',        icon: '🧪', color: '#e3b341', desc: 'Изолированные тесты функций и модулей' },
@@ -2970,12 +3077,12 @@ function renderTestTypeDetail(c) {
     m.featureKeys && m.featureKeys.includes(drillFeatureKey)
   );
 
-  const q = searchQuery.toLowerCase();
-  const filtered = q ? tests.filter(m =>
-    m.name.toLowerCase().includes(q) || m.relativePath.toLowerCase().includes(q)
-  ) : tests;
-  const rowsRenderKey = `tests:${drillFeatureKey}:${drillTestType}:${q}`;
-  const { visibleRows, hiddenRows, hasMoreRows } = getFileRowsWindow(filtered, rowsRenderKey);
+  const q = searchQuery.toLowerCase();
+  const filtered = q ? tests.filter(m =>
+    m.name.toLowerCase().includes(q) || m.relativePath.toLowerCase().includes(q)
+  ) : tests;
+  const rowsRenderKey = `tests:${drillFeatureKey}:${drillTestType}:${q}`;
+  const { visibleRows, hiddenRows, hasMoreRows } = getFileRowsWindow(filtered, rowsRenderKey);
 
   c.innerHTML = `
     <div class="drill-header">
@@ -2990,32 +3097,32 @@ function renderTestTypeDetail(c) {
     </div>
     <div style="font-size:12px;color:var(--dim);margin-bottom:16px">${meta.desc}</div>
 
-    <div class="file-rows" id="fileRows">
-      ${filtered.length === 0
-        ? `<div style="padding:24px;text-align:center;border:1px dashed var(--border);border-radius:8px">
-            <div style="font-size:28px;margin-bottom:8px">${meta.icon}</div>
-            <div style="font-size:14px;color:var(--muted);margin-bottom:4px">Нет ${meta.label} тестов для этой фичи</div>
-            <div style="font-size:12px;color:var(--dim)">Добавь тесты в <code>${drillTestType === 'e2e' ? 'e2e/' : 'tests/'}</code></div>
-          </div>`
-        : visibleRows.map(m => fileRow(m, true)).join('')
-      }
-    </div>
-    ${hasMoreRows ? `
-      <div style="margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);font-size:12px;color:var(--dim)">
-        <span>Показано ${visibleRows.length} из ${filtered.length} тест-файлов</span>
-        <button class="bulk-actions-btn" id="testRowsLoadMoreBtn">Показать ещё ${Math.min(FILE_ROWS_LIMIT_STEP, hiddenRows)}</button>
-      </div>` : ''}`;
-
-  const testRowsLoadMoreBtn = document.getElementById('testRowsLoadMoreBtn');
-  if (testRowsLoadMoreBtn) {
-    testRowsLoadMoreBtn.onclick = () => {
-      increaseFileRowsLimit();
-      renderContent();
-    };
-  }
-
-  bindFileRowsClick(c);
-}
+    <div class="file-rows" id="fileRows">
+      ${filtered.length === 0
+        ? `<div style="padding:24px;text-align:center;border:1px dashed var(--border);border-radius:8px">
+            <div style="font-size:28px;margin-bottom:8px">${meta.icon}</div>
+            <div style="font-size:14px;color:var(--muted);margin-bottom:4px">Нет ${meta.label} тестов для этой фичи</div>
+            <div style="font-size:12px;color:var(--dim)">Добавь тесты в <code>${drillTestType === 'e2e' ? 'e2e/' : 'tests/'}</code></div>
+          </div>`
+        : visibleRows.map(m => fileRow(m, true)).join('')
+      }
+    </div>
+    ${hasMoreRows ? `
+      <div style="margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);font-size:12px;color:var(--dim)">
+        <span>Показано ${visibleRows.length} из ${filtered.length} тест-файлов</span>
+        <button class="bulk-actions-btn" id="testRowsLoadMoreBtn">Показать ещё ${Math.min(FILE_ROWS_LIMIT_STEP, hiddenRows)}</button>
+      </div>` : ''}`;
+
+  const testRowsLoadMoreBtn = document.getElementById('testRowsLoadMoreBtn');
+  if (testRowsLoadMoreBtn) {
+    testRowsLoadMoreBtn.onclick = () => {
+      increaseFileRowsLimit();
+      renderContent();
+    };
+  }
+
+  bindFileRowsClick(c);
+}
 
 function renderUnmappedDetail(c) {
   const infraSrc    = D.modules.filter(m => m.type !== 'test' && m.isInfra);
@@ -3023,12 +3130,12 @@ function renderUnmappedDetail(c) {
     m.type !== 'test' && !m.isInfra && (!m.featureKeys || m.featureKeys.length === 0)
   );
 
-  const q = searchQuery.toLowerCase();
-  const filtered = q ? unmappedSrc.filter(m =>
-    m.name.toLowerCase().includes(q) || m.relativePath.toLowerCase().includes(q)
-  ) : unmappedSrc;
-  const rowsRenderKey = `unmapped:${q}`;
-  const { visibleRows, hiddenRows, hasMoreRows } = getFileRowsWindow(filtered, rowsRenderKey);
+  const q = searchQuery.toLowerCase();
+  const filtered = q ? unmappedSrc.filter(m =>
+    m.name.toLowerCase().includes(q) || m.relativePath.toLowerCase().includes(q)
+  ) : unmappedSrc;
+  const rowsRenderKey = `unmapped:${q}`;
+  const { visibleRows, hiddenRows, hasMoreRows } = getFileRowsWindow(filtered, rowsRenderKey);
 
   // Build prompt text
   const featureList = (D.features || []).map(f => `  • ${f.key} — ${f.label}`).join('\n');
@@ -3069,44 +3176,44 @@ function renderUnmappedDetail(c) {
         border-radius:6px; color:var(--blue); font-size:12px; cursor:pointer;
       ">📋 Скопировать промпт для AI-агента (${unmappedSrc.length} файлов)</button>
     </div>
-    <div class="file-rows" id="fileRows">
-      ${filtered.length === 0
-        ? '<div style="font-size:13px;color:var(--dim)">Ничего не найдено</div>'
-        : visibleRows.map(m => fileRow(m)).join('')
-      }
-    </div>
-    ${hasMoreRows ? `
-      <div style="margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);font-size:12px;color:var(--dim)">
-        <span>Показано ${visibleRows.length} из ${filtered.length} файлов</span>
-        <button class="bulk-actions-btn" id="unmappedRowsLoadMoreBtn">Показать ещё ${Math.min(FILE_ROWS_LIMIT_STEP, hiddenRows)}</button>
-      </div>` : ''}`;
+    <div class="file-rows" id="fileRows">
+      ${filtered.length === 0
+        ? '<div style="font-size:13px;color:var(--dim)">Ничего не найдено</div>'
+        : visibleRows.map(m => fileRow(m)).join('')
+      }
+    </div>
+    ${hasMoreRows ? `
+      <div style="margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);font-size:12px;color:var(--dim)">
+        <span>Показано ${visibleRows.length} из ${filtered.length} файлов</span>
+        <button class="bulk-actions-btn" id="unmappedRowsLoadMoreBtn">Показать ещё ${Math.min(FILE_ROWS_LIMIT_STEP, hiddenRows)}</button>
+      </div>` : ''}`;
 
   const runAgentUnmappedBtn = document.getElementById('runAgentUnmapped');
   if (runAgentUnmappedBtn) {
     runAgentUnmappedBtn.onclick = () => runAgentTask('map-unmapped');
   }
 
-  document.getElementById('copyUnmappedDrill').onclick = function() {
+  document.getElementById('copyUnmappedDrill').onclick = function() {
     navigator.clipboard.writeText(promptText).then(() => {
       this.textContent = '✅ Скопировано!';
       this.style.color = 'var(--green)';
       setTimeout(() => {
         this.textContent = `📋 Скопировать промпт для AI-агента (${unmappedSrc.length} файлов)`;
         this.style.color = 'var(--blue)';
-      }, 3000);
-    });
-  };
-
-  const unmappedRowsLoadMoreBtn = document.getElementById('unmappedRowsLoadMoreBtn');
-  if (unmappedRowsLoadMoreBtn) {
-    unmappedRowsLoadMoreBtn.onclick = () => {
-      increaseFileRowsLimit();
-      renderContent();
-    };
-  }
-
-  bindFileRowsClick(c);
-}
+      }, 3000);
+    });
+  };
+
+  const unmappedRowsLoadMoreBtn = document.getElementById('unmappedRowsLoadMoreBtn');
+  if (unmappedRowsLoadMoreBtn) {
+    unmappedRowsLoadMoreBtn.onclick = () => {
+      increaseFileRowsLimit();
+      renderContent();
+    };
+  }
+
+  bindFileRowsClick(c);
+}
 
 function fileRow(m, isTest = false, featureKey = null, selectable = false) {
   const relPath = m.relativePath.replace(/\\/g, '/');
@@ -3196,33 +3303,33 @@ function toggleSourceSelection(relPath, checked) {
   renderContent();
 }
 
-function renderModuleGrid(c) {
-  const q = searchQuery.toLowerCase();
-  const list = D.modules.filter(m => {
-    if (activeTypes.size > 0 && !activeTypes.has(m.type)) return false;
-    if (q && !m.name.toLowerCase().includes(q) && !m.relativePath.toLowerCase().includes(q)) return false;
-    return true;
-  });
-  const typeKey = [...activeTypes].sort().join(',');
-  const rowsRenderKey = `modules:${contextMode}:${view}:${typeKey}:${q}`;
-  const { visibleRows, hiddenRows, hasMoreRows } = getFileRowsWindow(list, rowsRenderKey);
-
-  if (!list.length) { c.innerHTML = '<div class="empty">Ничего не найдено</div>'; return; }
-
-  c.innerHTML = `
-    <div class="module-grid" id="modGrid"></div>
-    ${hasMoreRows ? `
-      <div style="margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);font-size:12px;color:var(--dim)">
-        <span>Показано ${visibleRows.length} из ${list.length} модулей</span>
-        <button class="bulk-actions-btn" id="moduleRowsLoadMoreBtn">Показать ещё ${Math.min(FILE_ROWS_LIMIT_STEP, hiddenRows)}</button>
-      </div>` : ''}
-  `;
-  const grid = document.getElementById('modGrid');
-
-  visibleRows.forEach(m => {
-    const cov = m.coverage?.lines;
-    const isActive = activePanelKey === m.id;
-    const card = document.createElement('div');
+function renderModuleGrid(c) {
+  const q = searchQuery.toLowerCase();
+  const list = D.modules.filter(m => {
+    if (activeTypes.size > 0 && !activeTypes.has(m.type)) return false;
+    if (q && !m.name.toLowerCase().includes(q) && !m.relativePath.toLowerCase().includes(q)) return false;
+    return true;
+  });
+  const typeKey = [...activeTypes].sort().join(',');
+  const rowsRenderKey = `modules:${contextMode}:${view}:${typeKey}:${q}`;
+  const { visibleRows, hiddenRows, hasMoreRows } = getFileRowsWindow(list, rowsRenderKey);
+
+  if (!list.length) { c.innerHTML = '<div class="empty">Ничего не найдено</div>'; return; }
+
+  c.innerHTML = `
+    <div class="module-grid" id="modGrid"></div>
+    ${hasMoreRows ? `
+      <div style="margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);font-size:12px;color:var(--dim)">
+        <span>Показано ${visibleRows.length} из ${list.length} модулей</span>
+        <button class="bulk-actions-btn" id="moduleRowsLoadMoreBtn">Показать ещё ${Math.min(FILE_ROWS_LIMIT_STEP, hiddenRows)}</button>
+      </div>` : ''}
+  `;
+  const grid = document.getElementById('modGrid');
+
+  visibleRows.forEach(m => {
+    const cov = m.coverage?.lines;
+    const isActive = activePanelKey === m.id;
+    const card = document.createElement('div');
     card.className = 'module-card' + (isActive ? ' active' : '');
     card.innerHTML = `
       <div class="module-name">${m.name}</div>
@@ -3234,18 +3341,18 @@ function renderModuleGrid(c) {
         <span class="badge ${m.hasTests ? 'badge-green' : 'badge-red'}">${m.hasTests ? '✓' : '✗'}</span>
       </div>
       ${cov != null ? `<div class="cov-bar"><div class="cov-fill" style="width:${cov}%;background:${covColor(cov)}"></div></div>` : ''}`;
-    card.onclick = () => openModulePanel(m);
-    grid.appendChild(card);
-  });
-
-  const moduleRowsLoadMoreBtn = document.getElementById('moduleRowsLoadMoreBtn');
-  if (moduleRowsLoadMoreBtn) {
-    moduleRowsLoadMoreBtn.onclick = () => {
-      increaseFileRowsLimit();
-      renderContent();
-    };
-  }
-}
+    card.onclick = () => openModulePanel(m);
+    grid.appendChild(card);
+  });
+
+  const moduleRowsLoadMoreBtn = document.getElementById('moduleRowsLoadMoreBtn');
+  if (moduleRowsLoadMoreBtn) {
+    moduleRowsLoadMoreBtn.onclick = () => {
+      increaseFileRowsLimit();
+      renderContent();
+    };
+  }
+}
 
 // ─── Panels ───────────────────────────────────────────────────────────────────
 function openFeaturePanel(key) {
@@ -3456,29 +3563,29 @@ function openUnmappedPanel(files, infraFiles) {
   document.getElementById('panel').classList.add('open');
 }
 
-function closePanel() {
-  activePanelKey = null;
-  document.getElementById('panel').classList.remove('open');
-  renderContent();
-}
-
-function applyTerminalFiltersFromUi() {
-  terminalSearchQuery = document.getElementById('agentSearchInput')?.value || '';
-  terminalSearchErrorsOnly = !!document.getElementById('agentSearchErrorsOnly')?.checked;
-  terminalSearchCurrentRunOnly = !!document.getElementById('agentSearchCurrentRunOnly')?.checked;
-  terminalSearchRegex = !!document.getElementById('agentSearchRegex')?.checked;
-  renderActiveSession();
-}
-
-['agentSearchInput', 'agentSearchErrorsOnly', 'agentSearchCurrentRunOnly', 'agentSearchRegex'].forEach((id) => {
-  const el = document.getElementById(id);
-  if (!el) return;
-  const eventName = id === 'agentSearchInput' ? 'input' : 'change';
-  el.addEventListener(eventName, applyTerminalFiltersFromUi);
-});
-
-// ─── Events ───────────────────────────────────────────────────────────────────
-document.querySelectorAll('.view-tab').forEach(tab => {
+function closePanel() {
+  activePanelKey = null;
+  document.getElementById('panel').classList.remove('open');
+  renderContent();
+}
+
+function applyTerminalFiltersFromUi() {
+  terminalSearchQuery = document.getElementById('agentSearchInput')?.value || '';
+  terminalSearchErrorsOnly = !!document.getElementById('agentSearchErrorsOnly')?.checked;
+  terminalSearchCurrentRunOnly = !!document.getElementById('agentSearchCurrentRunOnly')?.checked;
+  terminalSearchRegex = !!document.getElementById('agentSearchRegex')?.checked;
+  renderActiveSession();
+}
+
+['agentSearchInput', 'agentSearchErrorsOnly', 'agentSearchCurrentRunOnly', 'agentSearchRegex'].forEach((id) => {
+  const el = document.getElementById(id);
+  if (!el) return;
+  const eventName = id === 'agentSearchInput' ? 'input' : 'change';
+  el.addEventListener(eventName, applyTerminalFiltersFromUi);
+});
+
+// ─── Events ───────────────────────────────────────────────────────────────────
+document.querySelectorAll('.view-tab').forEach(tab => {
   tab.onclick = () => {
     if (contextMode !== 'qa') return;
     if (tab.classList.contains('disabled')) return;
@@ -3528,199 +3635,199 @@ window.addEventListener('popstate', () => {
 });
 
 // ─── Live reload ──────────────────────────────────────────────────────────────
-function setLiveDot(color, title) {
-  const dot = document.getElementById('liveDot');
-  dot.style.background = color;
-  dot.title = title;
-}
-
-function scheduleRefreshData(delayMs = 120) {
-  if (refreshDataTimer) return;
-  refreshDataTimer = setTimeout(() => {
-    refreshDataTimer = null;
-    void refreshData();
-  }, delayMs);
-}
-
-async function refreshData() {
-  if (refreshDataInFlight) {
-    refreshDataQueued = true;
-    return;
-  }
-  refreshDataInFlight = true;
-  try {
-    const res = await fetch('/api/data');
-    D = await res.json();
+function setLiveDot(color, title) {
+  const dot = document.getElementById('liveDot');
+  dot.style.background = color;
+  dot.title = title;
+}
+
+function scheduleRefreshData(delayMs = 120) {
+  if (refreshDataTimer) return;
+  refreshDataTimer = setTimeout(() => {
+    refreshDataTimer = null;
+    void refreshData();
+  }, delayMs);
+}
+
+async function refreshData() {
+  if (refreshDataInFlight) {
+    refreshDataQueued = true;
+    return;
+  }
+  refreshDataInFlight = true;
+  try {
+    const res = await fetch('/api/data');
+    D = await res.json();
 
     // Update header timestamp
     document.getElementById('scannedAt').textContent =
       new Date(D.scannedAt).toLocaleTimeString();
-
-    renderStats();
-    renderSidebar();
-    updateAgentBtn();
-    updateAgentRightsInfo();
-
-    // Re-render drill-down or re-open panel
-    const panelOpen = document.getElementById('panel').classList.contains('open');
+
+    renderStats();
+    renderSidebar();
+    updateAgentBtn();
+    updateAgentRightsInfo();
+
+    // Re-render drill-down or re-open panel
+    const panelOpen = document.getElementById('panel').classList.contains('open');
     if (panelOpen && activePanelKey) {
       if (drillFeatureKey === '__unmapped__') {
         renderContent(); // already routes to renderUnmappedDetail
       } else if (view === 'features' && D.features) {
         openFeaturePanel(activePanelKey);
-      } else {
-        const m = D.modules.find(m => m.id === activePanelKey);
-        if (m) openModulePanel(m);
-        else closePanel();
-      }
-    } else {
-      renderContent();
-    }
-
-    // Brief green flash on the dot to signal fresh data
-    setLiveDot('#3fb950', 'Live — обновлено только что');
-    setTimeout(() => setLiveDot('#3fb950', 'Live — автообновление включено'), 1500);
-    void loadAgentState();
-  } catch (err) {
-    console.error('Refresh failed:', err);
-  } finally {
-    refreshDataInFlight = false;
-    if (refreshDataQueued) {
-      refreshDataQueued = false;
-      scheduleRefreshData(120);
-    }
-  }
-}
-
-function connectSSE() {
-  const es = new EventSource('/api/events');
-
-  es.onopen = () => {
-    setLiveDot('#3fb950', 'Live — автообновление включено');
-    void loadAgentState();
-  };
-
-  es.addEventListener('data-updated', () => {
-    setLiveDot('#e3b341', 'Обновляю данные…');
-    scheduleRefreshData();
-  });
-
-  es.addEventListener('agent-queue-updated', (e) => {
-    const payload = JSON.parse(e.data || '{}');
-    agentQueueState = Array.isArray(payload.queue) ? payload.queue : [];
-    refreshPathActivityFromState();
-    updateQueueBadge(agentQueueState.length);
-    renderContent();
-  });
-
-  es.addEventListener('agent-run-created', (e) => {
-    const { run } = JSON.parse(e.data || '{}');
-    upsertRunState(run);
-  });
-
-  es.addEventListener('agent-run-updated', (e) => {
-    const { run } = JSON.parse(e.data || '{}');
-    if (!run) return;
-    if (run.runId && agentQueueState.length > 0) {
-      agentQueueState = agentQueueState.filter((q) => q.runId !== run.runId || run.phase === 'queued');
-      updateQueueBadge(agentQueueState.length);
-    }
-    if (['starting', 'running', 'validating'].includes(run.phase)) {
-      agentActiveRun = run;
-      const startedPaths = getTaskFilePaths(run.task, run.featureKey, run.filePath, run.selectedFilePaths);
-      startedPaths.forEach((p) => { agentQueuedPaths.delete(p); agentRunningPaths.add(p); });
-      renderContent();
-    }
-    updateSessionFromRun(run);
-  });
-
-  es.addEventListener('agent-run-finished', (e) => {
-    const { run } = JSON.parse(e.data || '{}');
-    if (!run) return;
-    updateSessionFromRun(run);
-    refreshPathActivityFromState();
-    renderContent();
-  });
-
-  es.addEventListener('agent-queued', (e) => {
-    const { runId, queueLength, title, task, featureKey, filePath, selectedFilePaths } = JSON.parse(e.data);
-    updateQueueBadge(queueLength);
-    document.getElementById('agentPanel').classList.add('open');
-    document.getElementById('termBtn').classList.add('term-active');
-    // Track queued paths for spinner
-    getTaskFilePaths(task, featureKey, filePath, selectedFilePaths).forEach(p => agentQueuedPaths.add(p));
-    renderContent();
-    // Append queue notification to the currently running session (or active)
-    const targetId = runId ? (runSessionMap.get(runId) || runningSessionId || activeSessionId) : (runningSessionId || activeSessionId);
-    if (targetId) {
-      appendToSession(targetId, `📋 В очереди (${queueLength}): ${title}`, false);
-    }
-    void loadAgentState();
-  });
-
-  es.addEventListener('agent-started', (e) => {
-    setAgentRunning(true);
-    const { runId, title, queueLength = 0, task, featureKey, filePath, selectedFilePaths } = JSON.parse(e.data);
-    updateQueueBadge(queueLength);
-    currentRunId = runId || null;
-    // Move paths from queued → running (current task)
-    const startedPaths = getTaskFilePaths(task, featureKey, filePath, selectedFilePaths);
-    startedPaths.forEach(p => { agentQueuedPaths.delete(p); agentRunningPaths.add(p); });
-    renderContent();
-    // Close previous session (queue case: agent-done not fired between tasks)
-    if (runningSessionId) {
-      const prev = consoleSessions.find(s => s.id === runningSessionId);
-      if (prev && prev.status === 'running') updateSessionStatus(runningSessionId, 'ok');
-    }
-    const id = runId ? ensureSessionForRun({ runId, title, phase: 'running' }, true) : createSession(title);
-    runningSessionId = id;
-    document.getElementById('agentPanelTitle').textContent = '🤖 ' + title;
-    document.getElementById('agentPanelStatus').textContent = 'запускаю…';
-  });
-
-  es.addEventListener('agent-output', (e) => {
-    const { runId, line, isError, isDim } = JSON.parse(e.data);
-    let targetId = runningSessionId;
-    if (runId) {
-      targetId = runSessionMap.get(runId) || ensureSessionForRun({ runId, title: `Run ${runId}`, phase: 'running' });
-      if (targetId) runningSessionId = targetId;
-    }
-    if (targetId) {
-      appendToSession(targetId, line, !!isError, !!isDim);
-      if (activeSessionId === targetId) {
-        document.getElementById('agentPanelStatus').textContent = 'работает…';
-      }
-    } else {
-      appendTerminalLine(line, !!isError, !!isDim);
-    }
+      } else {
+        const m = D.modules.find(m => m.id === activePanelKey);
+        if (m) openModulePanel(m);
+        else closePanel();
+      }
+    } else {
+      renderContent();
+    }
+
+    // Brief green flash on the dot to signal fresh data
+    setLiveDot('#3fb950', 'Live — обновлено только что');
+    setTimeout(() => setLiveDot('#3fb950', 'Live — автообновление включено'), 1500);
+    void loadAgentState();
+  } catch (err) {
+    console.error('Refresh failed:', err);
+  } finally {
+    refreshDataInFlight = false;
+    if (refreshDataQueued) {
+      refreshDataQueued = false;
+      scheduleRefreshData(120);
+    }
+  }
+}
+
+function connectSSE() {
+  const es = new EventSource('/api/events');
+
+  es.onopen = () => {
+    setLiveDot('#3fb950', 'Live — автообновление включено');
+    void loadAgentState();
+  };
+
+  es.addEventListener('data-updated', () => {
+    setLiveDot('#e3b341', 'Обновляю данные…');
+    scheduleRefreshData();
+  });
+
+  es.addEventListener('agent-queue-updated', (e) => {
+    const payload = JSON.parse(e.data || '{}');
+    agentQueueState = Array.isArray(payload.queue) ? payload.queue : [];
+    refreshPathActivityFromState();
+    updateQueueBadge(agentQueueState.length);
+    renderContent();
+  });
+
+  es.addEventListener('agent-run-created', (e) => {
+    const { run } = JSON.parse(e.data || '{}');
+    upsertRunState(run);
+  });
+
+  es.addEventListener('agent-run-updated', (e) => {
+    const { run } = JSON.parse(e.data || '{}');
+    if (!run) return;
+    if (run.runId && agentQueueState.length > 0) {
+      agentQueueState = agentQueueState.filter((q) => q.runId !== run.runId || run.phase === 'queued');
+      updateQueueBadge(agentQueueState.length);
+    }
+    if (['starting', 'running', 'validating'].includes(run.phase)) {
+      agentActiveRun = run;
+      const startedPaths = getTaskFilePaths(run.task, run.featureKey, run.filePath, run.selectedFilePaths);
+      startedPaths.forEach((p) => { agentQueuedPaths.delete(p); agentRunningPaths.add(p); });
+      renderContent();
+    }
+    updateSessionFromRun(run);
+  });
+
+  es.addEventListener('agent-run-finished', (e) => {
+    const { run } = JSON.parse(e.data || '{}');
+    if (!run) return;
+    updateSessionFromRun(run);
+    refreshPathActivityFromState();
+    renderContent();
   });
 
-  es.addEventListener('agent-done', () => {
-    setAgentRunning(false);
-    if (agentQueueState.length === 0) updateQueueBadge(0);
-    agentRunningPaths.clear();
-    if (runningSessionId) {
-      updateSessionStatus(runningSessionId, 'ok');
-      if (activeSessionId === runningSessionId) {
-        document.getElementById('agentPanelStatus').textContent = '✅ готово';
-      }
+  es.addEventListener('agent-queued', (e) => {
+    const { runId, queueLength, title, task, featureKey, filePath, selectedFilePaths } = JSON.parse(e.data);
+    updateQueueBadge(queueLength);
+    document.getElementById('agentPanel').classList.add('open');
+    document.getElementById('termBtn').classList.add('term-active');
+    // Track queued paths for spinner
+    getTaskFilePaths(task, featureKey, filePath, selectedFilePaths).forEach(p => agentQueuedPaths.add(p));
+    renderContent();
+    // Append queue notification to the currently running session (or active)
+    const targetId = runId ? (runSessionMap.get(runId) || runningSessionId || activeSessionId) : (runningSessionId || activeSessionId);
+    if (targetId) {
+      appendToSession(targetId, `📋 В очереди (${queueLength}): ${title}`, false);
+    }
+    void loadAgentState();
+  });
+
+  es.addEventListener('agent-started', (e) => {
+    setAgentRunning(true);
+    const { runId, title, queueLength = 0, task, featureKey, filePath, selectedFilePaths } = JSON.parse(e.data);
+    updateQueueBadge(queueLength);
+    currentRunId = runId || null;
+    // Move paths from queued → running (current task)
+    const startedPaths = getTaskFilePaths(task, featureKey, filePath, selectedFilePaths);
+    startedPaths.forEach(p => { agentQueuedPaths.delete(p); agentRunningPaths.add(p); });
+    renderContent();
+    // Close previous session (queue case: agent-done not fired between tasks)
+    if (runningSessionId) {
+      const prev = consoleSessions.find(s => s.id === runningSessionId);
+      if (prev && prev.status === 'running') updateSessionStatus(runningSessionId, 'ok');
+    }
+    const id = runId ? ensureSessionForRun({ runId, title, phase: 'running' }, true) : createSession(title);
+    runningSessionId = id;
+    document.getElementById('agentPanelTitle').textContent = '🤖 ' + title;
+    document.getElementById('agentPanelStatus').textContent = 'запускаю…';
+  });
+
+  es.addEventListener('agent-output', (e) => {
+    const { runId, line, isError, isDim } = JSON.parse(e.data);
+    let targetId = runningSessionId;
+    if (runId) {
+      targetId = runSessionMap.get(runId) || ensureSessionForRun({ runId, title: `Run ${runId}`, phase: 'running' });
+      if (targetId) runningSessionId = targetId;
+    }
+    if (targetId) {
+      appendToSession(targetId, line, !!isError, !!isDim);
+      if (activeSessionId === targetId) {
+        document.getElementById('agentPanelStatus').textContent = 'работает…';
+      }
+    } else {
+      appendTerminalLine(line, !!isError, !!isDim);
+    }
+  });
+
+  es.addEventListener('agent-done', () => {
+    setAgentRunning(false);
+    if (agentQueueState.length === 0) updateQueueBadge(0);
+    agentRunningPaths.clear();
+    if (runningSessionId) {
+      updateSessionStatus(runningSessionId, 'ok');
+      if (activeSessionId === runningSessionId) {
+        document.getElementById('agentPanelStatus').textContent = '✅ готово';
+      }
       runningSessionId = null;
     }
     renderContent();
   });
 
-  es.addEventListener('agent-summary', (e) => {
-    const {
-      runId,
-      validationStats = null,
-      passed = 0, failed = 0, files = [],
-      testedFileCount = files.length,
-      passedFileCount = Math.max(0, testedFileCount - (failed > 0 ? 1 : 0)),
-      failedFileCount = failed > 0 ? 1 : 0,
-      autoFixQueued = false,
-    } = JSON.parse(e.data);
-    const coverageOk = !validationStats || ((validationStats.notCovered || 0) === 0 && (validationStats.blocked || 0) === 0);
-    const allOk = failed === 0 && coverageOk;
+  es.addEventListener('agent-summary', (e) => {
+    const {
+      runId,
+      validationStats = null,
+      passed = 0, failed = 0, files = [],
+      testedFileCount = files.length,
+      passedFileCount = Math.max(0, testedFileCount - (failed > 0 ? 1 : 0)),
+      failedFileCount = failed > 0 ? 1 : 0,
+      autoFixQueued = false,
+    } = JSON.parse(e.data);
+    const coverageOk = !validationStats || ((validationStats.notCovered || 0) === 0 && (validationStats.blocked || 0) === 0);
+    const allOk = failed === 0 && coverageOk;
     const box = document.createElement('div');
     box.style.cssText = `
       margin: 10px 0 4px;
@@ -3737,33 +3844,33 @@ function connectSSE() {
       <div style="font-size:11px;color:var(--muted);margin-top:4px">
         Файлы: ${testedFileCount} • passed: ${passedFileCount} • failed: ${failedFileCount}
       </div>
-      <div style="font-size:11px;color:var(--muted);margin-top:2px">
-        Тест-кейсы: ${passed} passed${failed > 0 ? ` • ${failed} failed` : ''}
-      </div>
-      ${validationStats ? `<div style="font-size:11px;color:var(--muted);margin-top:2px">Coverage matrix: covered ${validationStats.covered || 0} • not-covered ${validationStats.notCovered || 0} • blocked ${validationStats.blocked || 0}</div>` : ''}
-      ${autoFixQueued ? `<div style="font-size:11px;color:var(--yellow);margin-top:4px">🛠️ Автоисправление поставлено в очередь</div>` : ''}
-      ${files.map(f => `<div style="font-size:11px;color:var(--dim);margin-top:3px">📄 ${f}</div>`).join('')}
-    `;
-    const targetId = runId ? (runSessionMap.get(runId) || runningSessionId || activeSessionId) : (runningSessionId || activeSessionId);
-    if (targetId) {
-      appendToSession(targetId, box);
-      // Mark session status from test results immediately
-      if (runningSessionId === targetId) {
-        updateSessionStatus(targetId, failed > 0 ? 'error' : 'ok');
+      <div style="font-size:11px;color:var(--muted);margin-top:2px">
+        Тест-кейсы: ${passed} passed${failed > 0 ? ` • ${failed} failed` : ''}
+      </div>
+      ${validationStats ? `<div style="font-size:11px;color:var(--muted);margin-top:2px">Coverage matrix: covered ${validationStats.covered || 0} • not-covered ${validationStats.notCovered || 0} • blocked ${validationStats.blocked || 0}</div>` : ''}
+      ${autoFixQueued ? `<div style="font-size:11px;color:var(--yellow);margin-top:4px">🛠️ Автоисправление поставлено в очередь</div>` : ''}
+      ${files.map(f => `<div style="font-size:11px;color:var(--dim);margin-top:3px">📄 ${f}</div>`).join('')}
+    `;
+    const targetId = runId ? (runSessionMap.get(runId) || runningSessionId || activeSessionId) : (runningSessionId || activeSessionId);
+    if (targetId) {
+      appendToSession(targetId, box);
+      // Mark session status from test results immediately
+      if (runningSessionId === targetId) {
+        updateSessionStatus(targetId, failed > 0 ? 'error' : 'ok');
       }
     }
   });
 
-  es.addEventListener('agent-error', (e) => {
-    const { runId, message, authRequired, notInstalled } = JSON.parse(e.data);
-    if (!runId) setAgentRunning(false);
-    agentRunningPaths.clear();
-    agentQueuedPaths.clear();
-    renderContent();
-
-    // Build error node (plain text or auth/install box)
-    let node = null;
-    if (authRequired || notInstalled) {
+  es.addEventListener('agent-error', (e) => {
+    const { runId, message, authRequired, notInstalled } = JSON.parse(e.data);
+    if (!runId) setAgentRunning(false);
+    agentRunningPaths.clear();
+    agentQueuedPaths.clear();
+    renderContent();
+
+    // Build error node (plain text or auth/install box)
+    let node = null;
+    if (authRequired || notInstalled) {
       node = document.createElement('div');
       node.style.cssText = 'margin:10px 0 4px;padding:10px 14px;border-radius:8px;border:1px solid var(--red);background:#2a0d0d;font-family:inherit;';
       node.innerHTML = `
@@ -3771,14 +3878,14 @@ function connectSSE() {
         ${authRequired ? `<button onclick="reauthAgent()" style="margin-top:8px;padding:4px 12px;font-size:12px;background:none;border:1px solid var(--yellow);color:var(--yellow);border-radius:4px;cursor:pointer;">🔑 Перелогиниться</button>` : ''}
         ${notInstalled ? `<div style="margin-top:6px;font-size:11px;color:var(--dim)">После установки перезапусти viberadar</div>` : ''}
       `;
-    }
-
-    // If no session exists yet (startup check fires before any run), create one
-    const targetId = (runId ? (runSessionMap.get(runId) || ensureSessionForRun({ runId, title: `Run ${runId}`, phase: 'failed' })) : runningSessionId) || (() => {
-      if (authRequired || notInstalled) {
-        const id = createSession('⚠️ Проверка агента', 'error');
-        return id;
-      }
+    }
+
+    // If no session exists yet (startup check fires before any run), create one
+    const targetId = (runId ? (runSessionMap.get(runId) || ensureSessionForRun({ runId, title: `Run ${runId}`, phase: 'failed' })) : runningSessionId) || (() => {
+      if (authRequired || notInstalled) {
+        const id = createSession('⚠️ Проверка агента', 'error');
+        return id;
+      }
       return activeSessionId;
     })();
 
@@ -3789,12 +3896,12 @@ function connectSSE() {
         appendToSession(targetId, '❌ ' + (message || 'Ошибка агента'), true);
       }
       updateSessionStatus(targetId, 'error');
-      if (activeSessionId === targetId) {
-        document.getElementById('agentPanelStatus').textContent = '❌ ошибка';
-      }
-    }
-    if (!runId && runningSessionId) runningSessionId = null;
-  });
+      if (activeSessionId === targetId) {
+        document.getElementById('agentPanelStatus').textContent = '❌ ошибка';
+      }
+    }
+    if (!runId && runningSessionId) runningSessionId = null;
+  });
 
   es.addEventListener('tests-started', (e) => {
     const { testType, count } = JSON.parse(e.data);
@@ -3862,24 +3969,24 @@ function connectSSE() {
     }
   });
 
-  es.onerror = () => {
-    setLiveDot('var(--dim)', 'Нет соединения — переподключаюсь…');
-    es.close();
-    setTimeout(connectSSE, 3000);
-  };
-}
-
-init().then(async () => {
-  restoreSessions();
-  await loadAgentState();
-  connectSSE();
-  applyTerminalFiltersFromUi();
-  updateToolbarButtonsState();
-  // Sync content padding with terminal panel open state automatically
-  new MutationObserver(() => {
-    const isOpen = document.getElementById('agentPanel').classList.contains('open');
-    document.getElementById('content').classList.toggle('panel-open', isOpen);
-  }).observe(document.getElementById('agentPanel'), { attributes: true, attributeFilter: ['class'] });
+  es.onerror = () => {
+    setLiveDot('var(--dim)', 'Нет соединения — переподключаюсь…');
+    es.close();
+    setTimeout(connectSSE, 3000);
+  };
+}
+
+init().then(async () => {
+  restoreSessions();
+  await loadAgentState();
+  connectSSE();
+  applyTerminalFiltersFromUi();
+  updateToolbarButtonsState();
+  // Sync content padding with terminal panel open state automatically
+  new MutationObserver(() => {
+    const isOpen = document.getElementById('agentPanel').classList.contains('open');
+    document.getElementById('content').classList.toggle('panel-open', isOpen);
+  }).observe(document.getElementById('agentPanel'), { attributes: true, attributeFilter: ['class'] });
 });
 </script>
 </body>