neuroalpha 0.2.0 → 0.3.13

package/public/app.js

@@ -1,3 +1,4 @@
+// Copyright (c) 2026 Roman A. Perepelkin. All rights reserved. Proprietary software.
 const $ = (s, root = document) => root.querySelector(s);
 const MSK = 3 * 3600000;
 
@@ -12,7 +13,34 @@ const post = (url, body = {}) => api(url, { method: 'POST', body });
 const esc = (s) => String(s ?? '').replace(/[&<>"]/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c]));
 const fmtNum = (v, d = 2) => (v === null || v === undefined || Number.isNaN(v) ? '—' : Number(v).toLocaleString('ru-RU', { maximumFractionDigits: d }));
 const fmtPct = (v, d = 1) => (v === null || v === undefined ? '—' : `${v > 0 ? '+' : ''}${fmtNum(v, d)}%`);
-const fmtTs = (ts) => { if (!ts) return '—'; const d = new Date(ts + MSK).toISOString(); return `${d.slice(8, 10)}.${d.slice(5, 7)} ${d.slice(11, 16)}`; };
+const fmtTs = (ts) => {
+  if (!ts) return '—';
+  const d = new Date(ts + MSK).toISOString();
+  const y = d.slice(0, 4);
+  const curY = new Date(Date.now() + MSK).toISOString().slice(0, 4);
+  return `${d.slice(8, 10)}.${d.slice(5, 7)}${y !== curY ? `.${y}` : ''} ${d.slice(11, 16)}`;
+};
+const fmtTimeOnly = (ts) => { if (!ts) return '—'; return new Date(ts + MSK).toISOString().slice(11, 16); };
+const MONTHS_GEN = ['января', 'февраля', 'марта', 'апреля', 'мая', 'июня', 'июля', 'августа', 'сентября', 'октября', 'ноября', 'декабря'];
+const DOW_SHORT = ['вс', 'пн', 'вт', 'ср', 'чт', 'пт', 'сб'];
+function fmtDayGroup(ts) {
+  if (!ts) return 'Без даты';
+  const dt = new Date(ts + MSK);
+  const iso = dt.toISOString();
+  const dayKey = iso.slice(0, 10);
+  const nowIso = new Date(Date.now() + MSK).toISOString();
+  const todayKey = nowIso.slice(0, 10);
+  const yestKey = new Date(Date.now() + MSK - 86400000).toISOString().slice(0, 10);
+  const dNum = Number(iso.slice(8, 10));
+  const mName = MONTHS_GEN[Number(iso.slice(5, 7)) - 1] || '';
+  const y = iso.slice(0, 4);
+  const curY = nowIso.slice(0, 4);
+  const dow = DOW_SHORT[dt.getUTCDay()] || '';
+  const base = `${dNum} ${mName}${y !== curY ? ` ${y} г.` : ''}`;
+  if (dayKey === todayKey) return `Сегодня, ${base}`;
+  if (dayKey === yestKey) return `Вчера, ${base}`;
+  return `${base} (${dow})`;
+}
 const fmtDate = (ts) => { const d = new Date(ts + MSK).toISOString(); return `${d.slice(8, 10)}.${d.slice(5, 7)}.${d.slice(2, 4)}`; };
 const cls = (v) => (v > 0 ? 'pos' : v < 0 ? 'neg' : '');
 const md = (s) => {
@@ -38,25 +66,59 @@ function toast(text, type = 'info', action = null) {
 }
 
 const state = { config: null, settings: null, runs: [], run: null, active: null, forecast: null, live: null, chat: { state: null, msgs: new Map(), stream: new Map() }, mapSel: null, mapMode: 'behav', profiles: null, profilesBusy: false };
-const MODELS = ['inertia', 'leadlag', 'attention', 'transformer'];
-const MODEL_LABEL = { inertia: 'Своя инерция', leadlag: 'Кто за кем ходит', attention: 'Внимание через карту', transformer: 'Трансформер' };
+const MODELS = ['inertia', 'leadlag', 'attention'];
+const MODEL_LABEL = { inertia: 'Своя инерция', leadlag: 'Кто за кем ходит', attention: 'Внимание через карту' };
 const MODEL_HINT = {
   inertia: 'Простейшая планка: акция предсказывается только по своему недавнему движению.',
   leadlag: 'Каждая акция предсказывается по недавним движениям всех остальных, без карты.',
   attention: 'Влияние соседей по карте рынка через 12 «голов внимания».',
-  transformer: 'Нейросеть с вниманием между акциями; учится заново в каждом окне.',
 };
-const COLORS = { attention: '#4f8cff', market: '#8b949e', inertia: '#d29922', leadlag: '#a371f7', transformer: '#39c5cf' };
+const COLORS = { attention: '#4f8cff', market: '#8b949e', inertia: '#d29922', leadlag: '#a371f7' };
 const CLUSTER_COLORS = ['#4f8cff', '#3fb950', '#d29922', '#f85149', '#a371f7', '#0891b2', '#db2777', '#64748b'];
 const labelOf = (k) => state.config?.params.find((p) => p.key === k)?.label || k;
 
 // ======================================================================
-// СПЛИТТЕР
+// СПЛИТТЕР И ПЕРЕКЛЮЧАТЕЛЬ ЧАТА СО СТРАТЕГОМ + СОХРАНЕНИЕ НАВИГАЦИИ
 // ======================================================================
+const NAV_STORAGE_KEY = 'na_ui_nav_v1';
+function loadSavedNav() {
+  try { return JSON.parse(localStorage.getItem(NAV_STORAGE_KEY) || '{}') || {}; } catch { return {}; }
+}
+function saveNavPatch(patch = {}) {
+  try {
+    const cur = loadSavedNav();
+    localStorage.setItem(NAV_STORAGE_KEY, JSON.stringify({ ...cur, ...patch }));
+  } catch { /* ignore */ }
+}
+
+function setChatClosed(closed) {
+  document.body.classList.toggle('chat-closed', Boolean(closed));
+  const btn = $('#btn-chat-toggle');
+  if (btn) {
+    btn.classList.toggle('active', !closed);
+    btn.title = closed ? 'Открыть панель чата с ИИ-Стратегом' : 'Свернуть панель чата с ИИ-Стратегом';
+  }
+  saveNavPatch({ chatClosed: Boolean(closed) });
+  requestAnimationFrame(() => {
+    try {
+      eqChart.timeScale().fitContent();
+      icChart.timeScale().fitContent();
+      if (!$('#tab-map')?.hidden) drawMap();
+    } catch { /* ignore */ }
+  });
+}
+
+$('#btn-chat-toggle')?.addEventListener('click', () => {
+  setChatClosed(!document.body.classList.contains('chat-closed'));
+});
+$('#chat-hide')?.addEventListener('click', () => setChatClosed(true));
+
 (function splitter() {
   const sp = $('#splitter');
   const saved = localStorage.getItem('chatWidth');
   if (saved) document.documentElement.style.setProperty('--chat-w', saved);
+  const initNav = loadSavedNav();
+  setChatClosed(Boolean(initNav.chatClosed));
   let dragging = false;
   sp.addEventListener('mousedown', (e) => { dragging = true; sp.classList.add('drag'); document.body.classList.add('dragging'); e.preventDefault(); });
   window.addEventListener('mousemove', (e) => {
@@ -138,6 +200,13 @@ function switchTab(t) {
   if (t === 'journal') t = 'map';
   $('#tabs').querySelectorAll('button').forEach((b) => b.classList.toggle('active', b.dataset.tab === t));
   document.querySelectorAll('.right > .tab').forEach((el) => { el.hidden = el.id !== `tab-${t}`; });
+  saveNavPatch({ tab: t });
+  if (t === 'overview') {
+    requestAnimationFrame(() => {
+      eqChart.timeScale().fitContent();
+      icChart.timeScale().fitContent();
+    });
+  }
   if (t === 'settings') loadHistory().catch(() => {});
   if (t === 'now') { refreshForecastIfStale(); loadNews(); }
   if (t === 'map') {
@@ -158,7 +227,11 @@ $('#tabs').addEventListener('click', (e) => {
 const opts = () => ({
   layout: { background: { color: 'transparent' }, textColor: '#8b949e' },
   grid: { vertLines: { visible: false }, horzLines: { color: '#1b2029' } },
-  timeScale: { borderVisible: false }, rightPriceScale: { borderVisible: false }, crosshair: { mode: 0 }, autoSize: true, attributionLogo: false,
+  timeScale: { borderVisible: false, fixLeftEdge: true, fixRightEdge: true },
+  rightPriceScale: { borderVisible: false },
+  crosshair: { mode: 0 },
+  autoSize: true,
+  attributionLogo: false,
 });
 const eqChart = LightweightCharts.createChart($('#eq-chart'), opts());
 const eqLines = {
@@ -166,40 +239,48 @@ const eqLines = {
   inertia: eqChart.addLineSeries({ color: COLORS.inertia, lineWidth: 1, priceLineVisible: false, lastValueVisible: false, visible: false }),
   leadlag: eqChart.addLineSeries({ color: COLORS.leadlag, lineWidth: 1, priceLineVisible: false, lastValueVisible: false, visible: false }),
   attention: eqChart.addLineSeries({ color: COLORS.attention, lineWidth: 2, priceLineVisible: false, lastValueVisible: false }),
-  transformer: eqChart.addLineSeries({ color: COLORS.transformer, lineWidth: 1, priceLineVisible: false, lastValueVisible: false, visible: false }),
 };
 const icChart = LightweightCharts.createChart($('#ic-chart'), opts());
 const icSeries = icChart.addHistogramSeries({ priceFormat: { type: 'price', precision: 3, minMove: 0.001 }, priceLineVisible: false, lastValueVisible: false });
+if (window.ResizeObserver) {
+  const ro = new ResizeObserver(() => {
+    eqChart.timeScale().fitContent();
+    icChart.timeScale().fitContent();
+  });
+  if ($('#eq-chart')) ro.observe($('#eq-chart'));
+}
 
 const RUN_PARTS = [
-  ['modelAutoAdapt', (v) => (v === false ? 'Ручной режим' : null)],
-  ['modelHorizon', (v) => `Прогноз: ${fmtNum(v, 3)}ч`],
-  ['modelMinEdge', (v) => `Порог: ${fmtNum(v, 3)}`],
-  ['modelExitRatio', (v) => (v !== 0.5 ? `Выход: ${fmtNum(v, 2)}` : null)],
-  ['modelMinHoldHours', (v) => (v > 0 ? `Удерж.: ${fmtNum(v, 2)}ч` : null)],
+  ['modelAutoAdapt', (v) => (v === false ? 'Ручной режим' : 'Авто (мульти-горизонт 1,5–3,5ч)')],
+  ['modelHorizon', (v, p) => (p.modelAutoAdapt === false ? `Прогноз: ${fmtNum(v, 3)}ч` : null)],
+  ['modelMinEdge', (v, p) => (p.modelAutoAdapt === false ? `Порог: ${fmtNum(v, 3)}` : null)],
+  ['modelExitRatio', (v, p) => (p.modelAutoAdapt === false ? `Выход: ${fmtNum(v, 2)}` : null)],
   ['modelTopK', (v) => `Акции: ${v}`],
-  ['modelAllocMode', (v) => (v === 'invvol' ? 'Доли 1/размах' : null)],
+  ['modelAllocMode', (v) => (v === 'invvol' ? 'Доли 1/размах' : 'Доли поровну')],
+  ['modelDirection', (v) => (v === 'longshort' ? 'В рост и в падение (с шортом)' : 'Только в рост (без шорта)')],
+  ['modelMarketFilter', (v) => (v === 'ma' ? 'Фильтр индекса' : 'Без фильтра')],
   ['modelTrainDays', (v) => `Окно: ${v}дн`],
+  ['modelHistoryDays', (v) => `История: ${v}дн`],
   ['modelEmbedDim', (v) => `Эмбд.: ${v}`],
-  ['modelUseMacro', (v) => (v ? 'Макро' : null)],
   ['modelTextWeight', (v) => (v > 0 ? `Описания: ${fmtNum(v, 2)}` : null)],
-  ['modelDirection', (v) => (v === 'longshort' ? 'Продажи' : v === 'neutral' ? 'Нейтрально' : null)],
-  ['modelMarketFilter', (v) => (v === 'ma' ? 'Фильтр индекса' : null)],
-  ['modelUseTransformer', (v, p) => (v || p.modelType === 'transformer' ? 'Трансформер' : null)],
-  ['transformerEpochs', (v, p) => (usesTf(p) && v !== state.config?.defaults?.transformerEpochs ? `Эпох: ${v}` : null)],
-  ['transformerGpu', (v, p) => (usesTf(p) && v ? 'Видеокарта' : null)],
+  ['commissionPct', (v) => `Комиссия: ${fmtNum(v, 3)}%`],
 ];
-function usesTf(p) { return p.modelUseTransformer || p.modelType === 'transformer'; }
 function runTitle(r, html = false) {
   const p = r.params || {}, d = state.config?.defaults || {};
-  const parts = RUN_PARTS.map(([k, f]) => {
-    if (p[k] == null) return null;
+  const m = r.metrics?.full || {};
+  const ps = r.metrics?.period ? calcPeriodStats(r.metrics.period, m.returnPct, 0) : null;
+  const status = r.status === 'done'
+    ? `${fmtPct(m.returnPct)}${ps ? ` (~${fmtPct(ps.cagr, 0)}/год)` : ''}${m.maxDrawdownPct ? `, просадка ${fmtNum(m.maxDrawdownPct, 1)}%` : ''}`
+    : r.status === 'running' ? 'идёт…' : 'ошибка';
+  const diffs = RUN_PARTS.map(([k, f]) => {
+    if (p[k] == null || JSON.stringify(p[k]) === JSON.stringify(d[k])) return null;
     const t = f(p[k], p);
-    return html && JSON.stringify(p[k]) !== JSON.stringify(d[k]) ? `<span style="color:var(--yellow)">${t}</span>` : t;
+    if (!t) return null;
+    return html ? `<span style="color:var(--yellow)">${t}</span>` : t;
   }).filter(Boolean);
-  const status = r.status === 'done' ? fmtPct(r.metrics?.full?.returnPct) : r.status === 'running' ? 'идёт…' : 'ошибка';
-  const head = p._title ? `№${r.id} (${p._title})` : `№${r.id}`;
-  return [head, ...parts, ...(p._source === 'ai' ? ['Стратег'] : []), status].join(' — ');
+  const head = p._title ? `№${r.id} (${html ? esc(p._title) : p._title})` : `№${r.id}`;
+  const diffPart = diffs.length ? diffs : ['базовые настройки'];
+  return [head, ...diffPart, ...(p._source === 'ai' ? ['Стратег'] : []), status].join(' — ');
 }
 const runTip = (r) => {
   const p = r.params || {};
@@ -222,31 +303,31 @@ async function loadRuns(selectId) {
     ? state.runs.map((r) => `<option value="${r.id}" title="${runTip(r)}">${runTitle(r)}</option>`).join('')
     : '<option value="">Исследований пока нет</option>';
   sel.innerHTML = optHtml;
+  const brkSel = $('#broker-run-select');
+  if (brkSel) {
+    const curVal = brkSel.value;
+    brkSel.innerHTML = '<option value="">Текущие настройки</option>' + state.runs.filter((r) => r.status === 'done').map((r) => `<option value="${r.id}">${runTitle(r)}</option>`).join('');
+    brkSel.value = curVal;
+  }
   for (const m of state.chat.msgs.values()) if (m.kind === 'event' && m.data?.eventType === 'model') upsertMsg(m);
-  if ($('#btn-clean')) $('#btn-clean').disabled = state.runs.length < 1;
-  $('#run-bar').hidden = !state.run;
-  const doneRun = state.run?.status === 'done';
-  $('#btn-stability').hidden = !doneRun;
-  $('#btn-to-live').hidden = !doneRun;
-  $('#btn-cmp-run').hidden = state.runs.length < 2;
-  syncApplyBtn();
   const id = selectId ?? state.run?.id ?? state.runs.find((r) => r.status === 'done')?.id;
   updateTabBadges();
   if (id && state.runs.some((r) => r.id === id)) {
     sel.value = String(id);
     if (state.run?.id !== id || selectId) await openRun(id);
-  } else renderOverview();
+    else syncUiAvailability();
+  } else {
+    state.run = null;
+    syncUiAvailability();
+    renderOverview();
+  }
 }
 
 async function openRun(id) {
   state.run = await api(`/api/runs/${id}`);
   $('#run-select').value = String(id);
-  $('#run-bar').hidden = false;
-  const doneRun = state.run?.status === 'done';
-  $('#btn-stability').hidden = !doneRun;
-  $('#btn-to-live').hidden = !doneRun;
-  $('#btn-cmp-run').hidden = state.runs.length < 2;
-  syncApplyBtn();
+  saveNavPatch({ runId: Number(id) });
+  syncUiAvailability();
   renderOverview();
   setupMapSlider();
   if (!$('#tab-map').hidden) drawMap();
@@ -283,29 +364,88 @@ $('#btn-del').addEventListener('click', async () => {
     toast(`Эксперимент №${r.id} удалён`);
   } catch (e) { toast(e.message, 'error'); }
 });
-// Проверить устойчивость открытого прогона (5 сдвигов периода −8…+8 дней)
 function stabilityUi(runningId) {
   state.stabilityActive = runningId || null;
   const busy = Boolean(runningId);
-  $('#btn-stability').disabled = busy;
-  $('#btn-stability').textContent = busy ? 'Идёт проверка устойчивости…' : 'Проверить устойчивость';
-  $('#btn-cancel').hidden = !busy && !state.active;
   if (!busy && !state.active) setProgress(null);
   updateTabBadges();
+  syncUiAvailability();
 }
-$('#btn-stability').addEventListener('click', async () => {
+// Единая синхронизация видимости и доступности элементов управления от текущего состояния системы
+function syncUiAvailability() {
   const r = state.run;
-  if (!r || r.status !== 'done') return;
-  try {
-    stabilityUi(r.id);
-    setProgress(1, 'Запускаем проверку устойчивости по 5 сдвигам периода…');
-    await post(`/api/runs/${r.id}/stability`);
-  } catch (e) {
-    stabilityUi(null);
-    toast(e.message, 'error');
+  const isRunning = r?.status === 'running' || (r && r.id === state.active);
+  const isDone = r?.status === 'done' && !isRunning;
+  const aiReady = Boolean(state.chat.state?.llm && !state.chat.state?.busy);
+  const aiBusy = Boolean(state.chat.state?.busy);
+
+  // 1. Панель действий эксперимента (#run-bar): скрыта во время расчёта
+  if ($('#run-bar')) $('#run-bar').hidden = !r || isRunning;
+  if ($('#btn-to-live')) $('#btn-to-live').hidden = !isDone;
+  if ($('#btn-rename-run')) $('#btn-rename-run').hidden = !isDone;
+  if ($('#btn-ask-run')) {
+    $('#btn-ask-run').hidden = !isDone;
+    $('#btn-ask-run').disabled = !aiReady;
+    $('#btn-ask-run').title = !state.chat.state?.llm
+      ? 'ИИ не подключён (Настройки → Модели ИИ)'
+      : aiBusy
+        ? 'Дождитесь завершения текущего ответа Стратега'
+        : 'Попросить Стратега разобрать этот эксперимент';
   }
-});
-// Запустить виртуальный счёт прямо из открытого эксперимента (с заморозкой его настроек и ориентиром истории)
+  if ($('#btn-del')) $('#btn-del').hidden = !r || isRunning;
+  syncApplyBtn();
+
+  // 2. Выпадающий список экспериментов и кнопка «Исследовать»
+  const anyJobRunning = Boolean(state.active || state.stabilityActive);
+  if ($('#btn-model')) $('#btn-model').hidden = anyJobRunning;
+  if ($('#btn-cancel')) $('#btn-cancel').hidden = !anyJobRunning;
+  if ($('#run-select')) $('#run-select').disabled = state.runs.length === 0;
+
+  // 3. Кнопки обращения к Стратегу в прогнозе и виртуальных счетах
+  if ($('#btn-ask-forecast')) {
+    $('#btn-ask-forecast').disabled = !aiReady || !state.forecast;
+    $('#btn-ask-forecast').title = !state.forecast
+      ? 'Сначала дождитесь расчёта прогноза'
+      : !aiReady
+        ? 'Стратег сейчас занят или ИИ не подключён'
+        : 'Попросить Стратега разобрать текущий прогноз';
+  }
+  document.querySelectorAll('[data-live-ask]').forEach((b) => {
+    b.disabled = !aiReady;
+    b.title = !aiReady ? 'Стратег сейчас занят или ИИ не подключён' : 'Попросить Стратега разобрать этот виртуальный счёт';
+  });
+
+  // 4. Зависимые настройки в форме (при включённом Авто-режиме или выключенном Трансформере)
+  syncSettingsDependencies();
+}
+
+function syncSettingsDependencies() {
+  const form = $('#params');
+  if (!form || !state.settings) return;
+  const s = state.settings;
+  const autoOn = s.modelAutoAdapt !== false;
+  const dir = s.modelDirection || 'long';
+
+  const setRowEnabled = (key, enabled, whyDisabled = '') => {
+    const row = form.querySelector(`.srow[data-key="${key}"]`);
+    if (!row) return;
+    row.style.opacity = enabled ? '1' : '0.45';
+    const ctrl = form.elements[key];
+    if (ctrl) {
+      ctrl.disabled = !enabled;
+      ctrl.title = enabled ? '' : whyDisabled;
+    }
+  };
+
+  setRowEnabled('modelHorizon', !autoOn, 'Управляется автоматически при включённом «Самообучении» (мульти-горизонт 1,5–3,5 ч)');
+  setRowEnabled('modelMinEdge', !autoOn, 'Управляется автоматически при включённом «Самообучении»');
+  setRowEnabled('modelExitRatio', !autoOn, 'Управляется автоматически при включённом «Самообучении»');
+  setRowEnabled('modelShortFeePct', dir !== 'long', 'Действует только когда включены короткие продажи («В рост и в падение (с шортом)»)');
+  setRowEnabled('modelMarketFilter', true, '');
+
+  const doneCount = (state.runs || []).filter((r) => r.status !== 'running').length;
+  if ($('#btn-clean')) $('#btn-clean').disabled = doneCount < 1;
+}
 $('#btn-to-live').addEventListener('click', async () => {
   const r = state.run;
   if (!r || r.status !== 'done') return;
@@ -322,7 +462,7 @@ $('#btn-to-live').addEventListener('click', async () => {
   } catch (e) { toast(e.message, 'error'); }
 });
 // «Применить эти настройки»: показывается только когда настройки открытого прогона отличаются от текущих
-const APPLY_KEYS = ['modelAutoAdapt', 'modelType', 'modelHorizon', 'modelMinEdge', 'modelExitRatio', 'modelMinHoldHours', 'modelTopK', 'modelAllocMode', 'modelDirection', 'modelMarketFilter', 'modelShortFeePct', 'modelTrainDays', 'modelHistoryDays', 'modelEmbedDim', 'modelUseMacro', 'modelTextWeight', 'modelUseTransformer', 'transformerEpochs', 'transformerGpu', 'commissionPct', 'slippagePct'];
+const APPLY_KEYS = ['modelAutoAdapt', 'modelHorizon', 'modelMinEdge', 'modelExitRatio', 'modelTopK', 'modelAllocMode', 'modelDirection', 'modelMarketFilter', 'modelShortFeePct', 'modelTrainDays', 'modelHistoryDays', 'modelEmbedDim', 'modelTextWeight', 'commissionPct', 'slippagePct'];
 function runSettingsDiff(r = state.run) {
   if (!r?.params || !state.settings) return { entries: [], lines: [] };
   const pv = (k) => (r.params[k] !== undefined ? r.params[k] : state.config?.defaults?.[k]);
@@ -359,8 +499,9 @@ function syncApplyBtn() {
   syncShowcaseBtn();
   const btn = $('#btn-apply');
   if (!btn) return;
+  const isDone = state.run?.status === 'done' && state.run.id !== state.active;
   const { lines } = runSettingsDiff();
-  btn.hidden = !state.run || !lines.length;
+  btn.hidden = !isDone || !lines.length;
   if (lines.length) {
     btn.textContent = `✓ Применить эти настройки (${lines.length})`;
     btn.title = `Скопировать отличающиеся настройки эксперимента в текущие:\n${lines.join('\n')}`;
@@ -378,26 +519,44 @@ $('#btn-apply').addEventListener('click', async () => {
   toast(`Настройки из эксперимента №${r.id} применены`);
 });
 
-function verdictHtml(c, dir) {
+// Срок эксперимента, сложный годовой процент (CAGR) и простой средний годовой %
+function calcPeriodStats(period, returnPct, marketPct) {
+  const from = period?.from || 0, till = period?.till || 0;
+  const calDays = Math.max(1, Math.round((till - from) / 86400000));
+  const years = calDays / 365.25;
+  const months = Math.max(1, Math.round(calDays / 30.44));
+  const yrsLabel = years >= 1 ? `${fmtNum(years, 1)} г. (${months} мес.)` : `${months} мес.`;
+  const dateRange = from && till ? `${fmtDate(from)} — ${fmtDate(till)}` : '';
+  const r = Number(returnPct ?? 0);
+  const m = Number(marketPct ?? 0);
+  // CAGR (среднегодовой темп роста с реинвестированием) и простое среднее в год
+  const cagr = years >= 0.25 && r > -99 ? ((Math.pow(1 + r / 100, 1 / years) - 1) * 100) : (r / Math.max(years, 0.1));
+  const avgSimple = r / Math.max(years, 0.1);
+  const mktAnnual = years >= 0.25 && m > -99 ? ((Math.pow(1 + m / 100, 1 / years) - 1) * 100) : (m / Math.max(years, 0.1));
+  return { calDays, years, months, yrsLabel, dateRange, cagr, avgSimple, mktAnnual };
+}
+
+function verdictHtml(c, oosA) {
   const a = c.attention, base = c.inertia;
   if (!a) return '';
-  const neutral = dir === 'neutral';
-  // помогает ли карта рынка — по торговому результату против простейшей модели
+  if (a.trades < 30) return `<span class="tag mid">Мало сделок (${a.trades})</span> Слишком мало сделок для статистически надёжных выводов.`;
+  const oosPart = oosA?.returnPct !== undefined
+    ? ` · Контрольный период (последние 30%): <b class="${cls(oosA.returnPct)}">${fmtPct(oosA.returnPct)}</b> (${oosA.trades ?? 0} сд.)`
+    : '';
   let vs = '';
   if (base) {
     const pf = a.profitFactor ?? 0, bpf = base.profitFactor ?? 0;
-    if (a.returnPct - base.returnPct > 5 && pf >= bpf) vs = `<b class="pos">Карта рынка даёт преимущество:</b> ${fmtPct(a.returnPct)} против ${fmtPct(base.returnPct)} у простейшей стратегии; на 1 ₽ убытка — ${fmtNum(pf)} ₽ против ${fmtNum(bpf)} ₽.`;
-    else if (Math.abs(a.returnPct - base.returnPct) <= 5) vs = `Карта рынка и простейшая стратегия заработали примерно одинаково (${fmtPct(a.returnPct)} против ${fmtPct(base.returnPct)}).`;
-    else vs = `Простейшая стратегия заработала больше (${fmtPct(base.returnPct)} против ${fmtPct(a.returnPct)}) — карта рынка пока не помогает.`;
-    vs += ` <span class="muted small">Средняя точность по всем акциям: ${fmtNum(a.ic, 3)} и ${fmtNum(base.ic, 3)} — преимущество проявляется на лучших акциях, которые и покупаются.</span>`;
+    if (a.returnPct - base.returnPct > 5 && pf >= bpf) vs = ` · Карта рынка даёт преимущество над простой инерцией (<b>${fmtPct(a.returnPct)}</b> против <b>${fmtPct(base.returnPct)}</b>)`;
+    else if (Math.abs(a.returnPct - base.returnPct) <= 5) vs = ` · Карта рынка и инерция дали близкий результат (${fmtPct(a.returnPct)} и ${fmtPct(base.returnPct)})`;
+    else vs = ` · Простая инерция опередила карту рынка (${fmtPct(base.returnPct)} против ${fmtPct(a.returnPct)})`;
+  }
+  if (a.returnPct > 0 && a.returnPct > a.marketPct && (a.profitFactor ?? 0) >= 1.1) {
+    return `<span class="tag ok">Стратегия прибыльна</span> Превосходит индекс Мосбиржи на <b class="pos">${fmtPct(a.returnPct - a.marketPct)}</b>${vs}${oosPart}`;
   }
-  let unreliable = a.trades < 30 || (base && base.trades < 30) ? ' <span class="muted small">Сделок мало, сравнение ненадёжно.</span>' : '';
-  if (c.transformer) unreliable += `<div class="muted small">Трансформер: итог ${fmtPct(c.transformer.returnPct)} против ${fmtPct(a.returnPct)} у внимания через карту.</div>`;
-  if (a.trades < 30) return `<b>Слишком мало сделок для выводов (${a.trades}).</b> <span class="muted">${vs}</span>${unreliable}`;
-  if (neutral && a.returnPct > 0 && (a.profitFactor ?? 0) >= 1.1) return `<b class="pos">Стратегия зарабатывает:</b> ${fmtPct(a.returnPct)} после комиссий; нейтрально к рынку: рынок почти не влияет. ${vs}${unreliable}`;
-  if (!neutral && a.returnPct > 0 && a.returnPct > a.marketPct && (a.profitFactor ?? 0) >= 1.1) return `<b class="pos">Стратегия зарабатывает:</b> ${fmtPct(a.returnPct)} после комиссий, рынок за то же время ${fmtPct(a.marketPct)}. ${vs}${unreliable}`;
-  if ((a.grossReturnPct ?? 0) > 0) return `<b style="color:var(--yellow)">Сигнал есть, но комиссии его съедают:</b> без комиссий ${fmtPct(a.grossReturnPct)}, с комиссиями ${fmtPct(a.returnPct)}. Попробуйте увеличить «Порог выгоды». ${vs}${unreliable}`;
-  return `<b class="neg">Стратегия не заработала даже без комиссий</b> (${fmtPct(a.grossReturnPct)}). ${vs}${unreliable}`;
+  if ((a.grossReturnPct ?? 0) > 0) {
+    return `<span class="tag mid">Съедено комиссией</span> Без комиссий ${fmtPct(a.grossReturnPct)}, с комиссиями ${fmtPct(a.returnPct)}${vs}${oosPart}`;
+  }
+  return `<span class="tag no">Убыток</span> Стратегия не заработала (${fmtPct(a.returnPct)})${vs}${oosPart}`;
 }
 
 const MONTHS = ['Янв', 'Фев', 'Мар', 'Апр', 'Май', 'Июн', 'Июл', 'Авг', 'Сен', 'Окт', 'Ноя', 'Дек'];
@@ -456,40 +615,214 @@ function renderStability(st) {
   box.innerHTML = `<div class="stab-head"><span class="tag ${vCls}">${vLbl}</span><span><b>Медиана ${fmtPct(st.medianPct)}</b> · разброс от <span class="${cls(st.minPct)}">${fmtPct(st.minPct)}</span> до <span class="${cls(st.maxPct)}">${fmtPct(st.maxPct)}</span> · в плюсе ${st.positive} из ${st.count} · худшая просадка ${fmtNum(st.maxDrawdownPct, 1)}%</span><span class="muted small">(${kindLbl})</span></div><div class="stab-chips">${chips}</div>`;
 }
 
+// Живая инфографика во время проведения исследования (скользящее окно, карта рынка, головы внимания, точность по шагам)
+const liveTrainState = { runId: null, stage: 'data', symbols: [], loadedSymbols: [], foldIcs: [], lastViz: null, text: '' };
+
+function resetLiveTrain(runId) {
+  liveTrainState.runId = runId;
+  liveTrainState.stage = 'data';
+  liveTrainState.loadedSymbols = [];
+  liveTrainState.foldIcs = [];
+  liveTrainState.lastViz = null;
+  liveTrainState.text = '';
+}
+
+function drawLiveTrainMap(viz) {
+  const cv = $('#ld-map-cv');
+  if (!cv || !viz?.pts?.length) return;
+  const W = cv.clientWidth || 440, H = 250;
+  const dpr = window.devicePixelRatio || 1;
+  cv.width = W * dpr; cv.height = H * dpr;
+  const ctx = cv.getContext('2d');
+  ctx.scale(dpr, dpr);
+  const syms = liveTrainState.symbols.length ? liveTrainState.symbols : viz.pts.map((_, i) => `#${i + 1}`);
+  const f = { pts: viz.pts, cl: viz.cl || viz.pts.map(() => 0), symbols: syms };
+  const xy = layout(f, W, H);
+  const light = document.body.classList.contains('light');
+  // лёгкие соединительные линии внутри одного кластера к ближайшему соседу
+  ctx.lineWidth = 1;
+  for (let i = 0; i < xy.length; i++) {
+    let bestJ = -1, bestD = 68;
+    for (let j = i + 1; j < xy.length; j++) {
+      if (f.cl[i] !== f.cl[j]) continue;
+      const d = Math.hypot(xy[i][0] - xy[j][0], xy[i][1] - xy[j][1]);
+      if (d < bestD) { bestD = d; bestJ = j; }
+    }
+    if (bestJ >= 0) {
+      const col = CLUSTER_COLORS[f.cl[i] % CLUSTER_COLORS.length];
+      ctx.strokeStyle = `${col}33`;
+      ctx.beginPath(); ctx.moveTo(...xy[i]); ctx.lineTo(...xy[bestJ]); ctx.stroke();
+    }
+  }
+  f.symbols.forEach((s, i) => {
+    const [x, y] = xy[i];
+    const col = CLUSTER_COLORS[f.cl[i] % CLUSTER_COLORS.length];
+    ctx.beginPath(); ctx.arc(x, y, 4, 0, Math.PI * 2);
+    ctx.fillStyle = col;
+    ctx.fill();
+    ctx.fillStyle = light ? '#57606a' : '#8b949e';
+    ctx.font = '10px system-ui';
+    ctx.fillText(s, x + 6, y + 3);
+  });
+}
+
+function renderLiveTraining() {
+  const empty = $('#overview-empty');
+  if (!empty || empty.hidden) return;
+  const st = liveTrainState;
+  empty.classList.add('live-dash');
+  const v = st.lastViz;
+  if (!v) {
+    // Этап 1: загрузка котировок и дивидендов с Мосбиржи
+    const chips = st.loadedSymbols.slice(-36).map((s) => `<span class="ld-sym ok">✓ ${esc(s)}</span>`).join('');
+    empty.innerHTML = `<div class="ld-card">
+      <div class="ld-title"><span>Этап 1 из 2 · Загрузка и сверка исторических свечей и дивидендов МосБиржи</span><span class="muted small">${esc(st.text || 'Подготовка датасета…')}</span></div>
+      <div class="muted small">Для каждой из ~100 акций индекса широкого рынка загружаются 10-минутные свечи, сверяются дивидендные отсечки по фактическим утренним разрывам цены и рассчитывается почасовой суточный профиль объёма.</div>
+      ${chips ? `<div class="ld-syms">${chips}</div>` : ''}
+    </div>`;
+    return;
+  }
+
+  // Этап 2: пошаговое скользящее обучение (Walk-Forward)
+  const span = Math.max(1, (v.periodTill || 1) - (v.periodFrom || 0));
+  const pctPos = (ts) => Math.max(0, Math.min(100, ((ts - v.periodFrom) / span) * 100));
+  const trLeft = pctPos(v.trainFrom), trRight = pctPos(v.testFrom), teRight = pctPos(v.testTill);
+  const firstTestLeft = st.firstTestLeft ?? trRight;
+  if (st.firstTestLeft === undefined) st.firstTestLeft = trRight;
+
+  const ics = st.foldIcs;
+  const posFolds = ics.filter((x) => x > 0).length;
+  const meanIc = ics.length ? ics.reduce((a, b) => a + b, 0) / ics.length : 0;
+  const maxIc = Math.max(0.05, ...ics.map(Math.abs));
+  const icBars = Array.from({ length: v.folds }, (_, idx) => {
+    const val = ics[idx];
+    if (val === undefined) return `<div class="ld-ic-bar" style="height:3px;background:var(--line)" title="Шаг ${idx + 1}: ещё впереди"></div>`;
+    const h = Math.max(5, Math.round((Math.abs(val) / maxIc) * 54));
+    const col = val >= 0 ? 'var(--green)' : 'var(--red)';
+    return `<div class="ld-ic-bar" style="height:${h}px;background:${col}" title="Шаг ${idx + 1}: совпадение прогноза ${fmtNum(val, 3)}"></div>`;
+  }).join('');
+
+  let headsHtml = '';
+  if (v.heads?.length) {
+    const maxC = Math.max(...v.heads.map((h) => Math.abs(h.coef)), ...(v.self || []).map(Math.abs), 1e-6);
+    const bar = (label, val) => {
+      const wd = (Math.abs(val) / maxC) * 50;
+      return `<div class="headbar"><span>${esc(label)}</span><div class="b"><div style="left:${val >= 0 ? 50 : 50 - wd}%;width:${wd}%;background:${val >= 0 ? 'var(--green)' : 'var(--red)'}"></div></div><span class="num ${cls(val)}">${val > 0 ? '+' : ''}${fmtNum(val, 3)}</span></div>`;
+    };
+    headsHtml = [
+      ...[...v.heads].sort((x, y) => Math.abs(y.coef) - Math.abs(x.coef)).slice(0, 7).map((h) => bar(h.label, h.coef)),
+      ...(v.self?.length ? [bar('своё движение за последний час', v.self[0])] : []),
+    ].join('');
+  }
+
+  empty.innerHTML = `
+    <div class="kpis" style="grid-template-columns:repeat(4,1fr);margin-bottom:12px">
+      <div class="kpi"><div class="v">${v.fold} <span class="muted small">из ${v.folds}</span></div><div class="l">шаг скользящего окна</div><div class="sub">прогноз: ${fmtDate(v.testFrom)} — ${fmtDate(v.testTill)}</div></div>
+      <div class="kpi"><div class="v ${cls(meanIc)}">${meanIc > 0 ? '+' : ''}${fmtNum(meanIc, 3)}</div><div class="l">среднее совпадение (IC)</div><div class="sub">шагов в плюсе: ${posFolds} из ${ics.length} (${ics.length ? Math.round((posFolds / ics.length) * 100) : 0}%)</div></div>
+      <div class="kpi"><div class="v">${v.tokens || '—'}</div><div class="l">акций в матрице рынка</div><div class="sub">горизонт прогноза: ${v.horizon} ч</div></div>
+      <div class="kpi"><div class="v ${cls(v.foldIc ?? 0)}">${v.foldIc !== null ? `${v.foldIc > 0 ? '+' : ''}${fmtNum(v.foldIc, 3)}` : '—'}</div><div class="l">точность текущего месяца</div><div class="sub">окно обучения до ${fmtDate(v.testFrom)}</div></div>
+    </div>
+
+    <div class="ld-card">
+      <div class="ld-title">
+        <span>Движение скользящего окна по истории (без заглядывания в будущее)</span>
+        <span class="muted small">Обучение: ${fmtDate(v.trainFrom)} — ${fmtDate(v.testFrom)} → Прогноз: до ${fmtDate(v.testTill)}</span>
+      </div>
+      <div class="ld-tl">
+        <div class="ld-tl-done" style="left:${firstTestLeft.toFixed(1)}%;width:${Math.max(0, trRight - firstTestLeft).toFixed(1)}%"></div>
+        <div class="ld-tl-train" style="left:${trLeft.toFixed(1)}%;width:${Math.max(3, trRight - trLeft).toFixed(1)}%">Обучение</div>
+        <div class="ld-tl-test" style="left:${trRight.toFixed(1)}%;width:${Math.max(1.5, teRight - trRight).toFixed(1)}%" title="Прогнозируемый месяц"></div>
+      </div>
+      <div class="ld-title" style="margin-top:10px;margin-bottom:2px"><span class="muted small">Точность угадывания порядка акций (IC) по каждому пройденному месяцу</span><span class="muted small">выше нуля — лучше случайного</span></div>
+      <div class="ld-ics">${icBars}</div>
+    </div>
+
+    <div class="ld-grid">
+      <div class="ld-card">
+        <div class="ld-title"><span>Живая карта рынка на ${fmtDate(v.testFrom)}</span><span class="muted small">кластеры совместного движения</span></div>
+        <canvas id="ld-map-cv" style="width:100%;height:250px;display:block"></canvas>
+      </div>
+      <div class="ld-card">
+        <div class="ld-title"><span>Веса голов внимания (текущее окно)</span><span class="muted small"><span class="pos">переток</span> / <span class="neg">возврат</span></span></div>
+        ${headsHtml || '<div class="muted small">Расчёт весов…</div>'}
+      </div>
+    </div>
+  `;
+  drawLiveTrainMap(v);
+}
+
 function renderOverview() {
   const run = state.run;
   const empty = $('#overview-empty');
   if (!run?.extra || run.status !== 'done') {
     $('#overview').hidden = true;
     empty.hidden = false;
+    if (run?.status === 'running' || state.active) {
+      renderLiveTraining();
+      return;
+    }
+    empty.classList.remove('live-dash');
     empty.innerHTML = run && run.status !== 'done'
-      ? (run.status === 'running' ? 'Исследование идёт…' : `Исследование не завершилось: ${esc(run.error || run.status)}`)
+      ? `Исследование не завершилось: ${esc(run.error || run.status)}`
       : `<b>Идея.</b> Каждая акция — как слово со своим местом на карте рынка. Недавние движения всех акций — контекст.
          Стратегия, как языковая модель, предсказывает «следующее слово» — какие акции сдвинутся в ближайшие часы.<br><br>
          Нажмите <b>«Исследовать»</b>: стратегия пошагово проверится на двух годах истории (около минуты; первый раз — несколько минут на загрузку цен).
          Или попросите Стратега слева.`;
     return;
   }
+  empty.classList.remove('live-dash');
   empty.hidden = true;
   $('#overview').hidden = false;
   const ex = run.extra;
   const c = Object.fromEntries(MODELS.map((n) => [n, ex.comparison[n]?.full]));
   const chosen = run.metrics?.model?.chosen || 'attention';
   const a = c[chosen] || {};
+  const fullM = run.metrics?.full || {};
+  const oosA = ex.comparison?.[chosen]?.outOfSample || run.metrics?.outOfSample || {};
+  const pStats = calcPeriodStats(run.metrics?.period, a.returnPct, a.marketPct);
   const dir = run.params?.modelDirection || 'long';
-  const adaptNote = ex.adaptation
-    ? `<div class="muted small">Авто-адаптация: порог выхода ${fmtNum(ex.adaptation.exitRatio, 2)}${ex.adaptation.quarantined?.length ? ` · отсеяны убыточные бумаги (${ex.adaptation.quarantined.length}): ${esc(ex.adaptation.quarantined.slice(0, 10).join(', '))}${ex.adaptation.quarantined.length > 10 ? '…' : ''}` : ''}</div>`
+  const quarNote = ex.adaptation?.quarantined?.length
+    ? ` · <span class="muted small" title="Временно отсеяны убыточные акции">Карантин (${ex.adaptation.quarantined.length}): ${esc(ex.adaptation.quarantined.slice(0, 8).join(', '))}${ex.adaptation.quarantined.length > 8 ? '…' : ''}</span>`
     : '';
-  $('#verdict').innerHTML = verdictHtml(c, dir) + adaptNote + (run.params?._note ? `<div class="muted small">Гипотеза: ${esc(run.params._note)}</div>` : '');
-  const kpi = (v, l, h) => `<div class="kpi" title="${esc(h)}"><div class="v">${v}</div><div class="l">${l}</div></div>`;
+  const hypNote = run.params?._note ? `<div class="muted small" style="margin-top:2px">Гипотеза: ${esc(run.params._note)}</div>` : '';
+  $('#verdict').innerHTML = verdictHtml(c, oosA) + quarNote + hypNote;
+  const kpi = (v, l, sub, h) => `<div class="kpi" title="${esc(h)}"><div class="v">${v}</div><div class="l">${l}</div>${sub ? `<div class="sub">${sub}</div>` : ''}</div>`;
+  const sideSub = (dir !== 'long' && a.shortPct !== undefined)
+    ? `рост ${fmtPct(a.longPct)} · шорт ${fmtPct(a.shortPct)}`
+    : `${pStats.dateRange || 'весь период'} · без ком. ${fmtPct(a.grossReturnPct)}`;
   $('#kpis').innerHTML = [
-    kpi(`<span class="${cls(a.returnPct)}">${fmtPct(a.returnPct)}</span>`, 'итог стратегии', 'Доход портфеля из лучших прогнозов после комиссий'),
-    kpi(`<span class="${cls(a.marketPct)}">${fmtPct(a.marketPct)}</span>`, 'рынок', 'Индекс МосБиржи за то же время'),
-    kpi(fmtNum(a.trades, 0), 'сделок', 'Чем больше сделок, тем надёжнее вывод'),
-    kpi(`${fmtNum(a.maxDrawdownPct, 1)}%`, 'худшее падение', 'Насколько счёт проседал от своего максимума'),
+    kpi(
+      `<span class="${cls(a.returnPct)}">${fmtPct(a.returnPct)}</span>`,
+      `итог за ${pStats.yrsLabel}`,
+      sideSub,
+      `Общий чистый доход портфеля за ${pStats.dateRange || 'период'} после вычета комиссий (без комиссий: ${fmtPct(a.grossReturnPct)})`,
+    ),
+    kpi(
+      `<span class="${cls(pStats.cagr)}">${fmtPct(pStats.cagr, 1)}</span>`,
+      'средний годовой (CAGR)',
+      `простое среднее: ${fmtPct(pStats.avgSimple, 1)}/год`,
+      'Среднегодовая доходность с учётом реинвестирования прибыли (CAGR) и простое арифметическое среднее в год',
+    ),
+    kpi(
+      `<span class="${cls(a.marketPct)}">${fmtPct(a.marketPct)}</span>`,
+      'индекс МосБиржи',
+      `${fmtPct(pStats.mktAnnual, 1)}/год · альфа ${fmtPct((a.returnPct ?? 0) - (a.marketPct ?? 0))}`,
+      'Изменение индекса МосБиржи (IMOEX) за точно такой же период и преимущество стратегии над рынком',
+    ),
+    kpi(
+      fmtNum(a.trades, 0),
+      'сделок за период',
+      `плюсовых ${fmtNum(a.winRate, 1)}% · на 1 ₽ уб.: ${fmtNum(a.profitFactor)} ₽`,
+      'Общее количество сделок, доля прибыльных сделок (Win Rate) и отношение общей прибыли к общему убытку (Profit Factor)',
+    ),
+    kpi(
+      `${fmtNum(a.maxDrawdownPct, 1)}%`,
+      'худшее падение (просадка)',
+      `коэф. Шарпа: ${fmtNum(fullM.sharpe, 2)}`,
+      'Максимальная просадка капитала от пика и годовой коэффициент Шарпа (стабильность кривой доходности)',
+    ),
   ].join('');
-  $('#sides').hidden = dir === 'long' || a.shortPct === undefined;
-  $('#sides').textContent = `Покупки: ${fmtPct(a.longPct)} · Продажи: ${fmtPct(a.shortPct)}`;
+  $('#sides').hidden = true;
   renderStability(ex.stability);
 
   const uniq = (arr) => (arr || []).filter((p, i, x) => i === 0 || chartTime(p.ts) > chartTime(x[i - 1].ts));
@@ -497,6 +830,7 @@ function renderOverview() {
   // трансформер — только если он был в прогоне
   for (const n of MODELS) eqLines[n].applyOptions({ visible: !!ex.curves[n] && (n === chosen || $('#more').open) });
   eqChart.timeScale().fitContent();
+  requestAnimationFrame(() => eqChart.timeScale().fitContent());
   $('#legend').innerHTML = [chosen, 'market', ...($('#more').open ? MODELS.filter((n) => n !== chosen && ex.curves[n]) : [])]
     .map((n) => `<span><i style="background:${COLORS[n]}"></i>${n === 'market' ? 'Рынок' : MODEL_LABEL[n]}</span>`).join('') + `<span>· ${fmtDate(run.metrics.period.from)} — ${fmtDate(run.metrics.period.till)}, прогноз на ${run.params.modelHorizon} ч, ${run.metrics.model.tokens} акций</span>`;
 
@@ -545,16 +879,6 @@ $('#run-bar').addEventListener('click', async (e) => {
   }
   if (e.target.closest('#btn-ask-run')) {
     sendChat(`Разбери исследование №${r.id} через analyze_run: за счёт чего получился такой результат, какие слабые места и что стоит проверить следующим шагом?`);
-    return;
-  }
-  if (e.target.closest('#btn-cmp-run')) {
-    const others = state.runs.filter((x) => x.id !== r.id && x.status === 'done');
-    const defId = others[0]?.id || '';
-    const raw = prompt(`С каким номером эксперимента сравнить №${r.id}? (доступны: ${others.slice(0, 8).map((x) => `№${x.id}`).join(', ')})`, String(defId));
-    if (!raw) return;
-    const otherId = Number(String(raw).replace(/\D/g, ''));
-    if (!otherId) return;
-    sendChat(`Сравни исследования №${r.id} и №${otherId} через compare_runs и объясни простыми словами, почему отличается результат и какой вариант надёжнее.`);
   }
 });
 $('#btn-ask-forecast').addEventListener('click', () => {
@@ -568,10 +892,9 @@ function setProgress(pct, text) {
   $('#progress span').textContent = text || '';
 }
 function researchUi(running) {
-  $('#btn-model').disabled = running;
-  $('#btn-cancel').hidden = !running && !state.stabilityActive;
   if (!running && !state.stabilityActive) setProgress(null);
   updateTabBadges();
+  syncUiAvailability();
 }
 async function startResearch(force = false) {
   try {
@@ -611,45 +934,92 @@ $('#btn-cancel').addEventListener('click', async () => {
 });
 
 // ======================================================================
-// СЕЙЧАС: прогноз и живая проверка
+// СЕЙЧАС: живой авто-радар прогноза и виртуальные счета
 // ======================================================================
+let forecastBusy = false;
+const prevClientExp = new Map();
+const prevClientRank = new Map();
+
 async function loadForecast(force, silent = false) {
+  if (forecastBusy) return;
+  forecastBusy = true;
   const box = $('#forecast');
-  if (!silent) box.innerHTML = '<span class="muted">Обучаем стратегию на последних месяцах… (до минуты)</span>';
-  $('#btn-forecast').disabled = true;
+  if (!silent && !state.forecast) box.innerHTML = '<span class="muted">Обучаем стратегию на последних месяцах… (до минуты)</span>';
   try {
-    const f = state.forecast = await api(`/api/model/forecast${force ? '?force=1' : ''}`);
+    const f = await api(`/api/model/forecast${force ? '?force=1' : ''}`);
+    // Считаем клиентские дельты и смещения в рейтинге относительно предыдущего кадра
+    f.rows.forEach((r, idx) => {
+      const rank = idx + 1;
+      if (prevClientExp.has(r.symbol)) {
+        const d = Number((r.expectedPct - prevClientExp.get(r.symbol)).toFixed(3));
+        if (Math.abs(d) >= 0.001) r.deltaPct = d;
+        const rd = prevClientRank.get(r.symbol) - rank;
+        if (rd !== 0) r.rankDelta = rd;
+      }
+      prevClientExp.set(r.symbol, r.expectedPct);
+      prevClientRank.set(r.symbol, rank);
+    });
+    state.forecast = f;
+    const liveTimeStr = new Date((f.liveTs || f.at || Date.now()) + MSK).toISOString().slice(11, 19);
     $('#fc-title').textContent = `Прогноз на ${f.horizon} ч · свеча ${f.bar.slice(8, 10)}.${f.bar.slice(5, 7)} ${f.bar.slice(11)}`;
-    // ● у акции с новостями: зелёный/красный/серый по тону, подсказка — суть, источник и время
+    const badge = $('#fc-live-badge');
+    if (badge) badge.textContent = `● живой радар · ${liveTimeStr}`;
+
     const dot = (n) => (n ? ` <span class="${n.tone >= 0.15 ? 'pos' : n.tone <= -0.15 ? 'neg' : 'muted'}" title="${esc(`${n.top}${n.count > 1 ? ` (и ещё ${n.count - 1})` : ''} — ${n.src}, ${fmtTs(n.ts)}`)}">●</span>` : '');
-    const row = (r) => `<tr><td><b>${r.symbol}</b> <span class="muted small">${esc(r.name)}</span>${dot(r.news)}</td><td class="num ${cls(r.expectedPct)}">${fmtPct(r.expectedPct, 2)}</td>
-      <td>${r.signal ? '<span class="tag ok">купить</span>' : r.shortSignal ? '<span class="tag no">продать</span>' : ''}</td><td class="muted small">${(r.influences || []).slice(0, 3).map((x) => x.symbol).join(', ')}</td></tr>`;
-    box.innerHTML = `<table><thead><tr><th>Сильнее рынка</th><th class="num">Ожидание</th><th></th><th>Под влиянием</th></tr></thead><tbody>${f.rows.slice(0, 6).map(row).join('')}</tbody></table>
-      <table style="margin-top:10px"><thead><tr><th>Слабее рынка</th><th class="num">Ожидание</th><th></th><th>Под влиянием</th></tr></thead><tbody>${f.rows.slice(-4).reverse().map(row).join('')}</tbody></table>
-      <p class="muted small">Ожидание — движение относительно рынка в целом. «Купить» — если ожидание выше порога ${fmtPct(f.thresholdPct, 2)} (окупает комиссии с запасом).${f.direction && f.direction !== 'long' ? ' «Продать» — ожидание ниже −порога: продажа без покупки.' : ''}</p>`;
+    const arrowOf = (r) => {
+      const d = Number(r.deltaPct || 0);
+      if (d > 0.002) return `<span class="pos small" title="Ожидание усилилось на +${fmtNum(d, 2)}% с прошлого замера">▲ +${fmtNum(d, 2)}%</span>`;
+      if (d < -0.002) return `<span class="neg small" title="Ожидание снизилось на ${fmtNum(d, 2)}% с прошлого замера">▼ ${fmtNum(d, 2)}%</span>`;
+      return '<span class="muted small" title="Без изменений">—</span>';
+    };
+    const rankBadge = (r) => {
+      const rd = Number(r.rankDelta || 0);
+      if (rd > 0) return ` <span class="pos small" title="Поднялась на ${rd} поз. в рейтинге">↑${rd}</span>`;
+      if (rd < 0) return ` <span class="neg small" title="Опустилась на ${Math.abs(rd)} поз. в рейтинге">↓${Math.abs(rd)}</span>`;
+      return '';
+    };
+    const row = (r) => `<tr>
+      <td><b>${r.symbol}</b> <span class="muted small">${esc(r.name)}</span>${rankBadge(r)}${dot(r.news)}</td>
+      <td class="num" style="white-space:nowrap">${r.price ? `${fmtNum(r.price, 2)} ₽` : '—'}</td>
+      <td class="num ${cls(r.expectedPct)}" style="white-space:nowrap"><b>${fmtPct(r.expectedPct, 2)}</b></td>
+      <td class="num" style="white-space:nowrap">${arrowOf(r)}</td>
+      <td>${r.signal ? '<span class="tag ok">купить</span>' : r.shortSignal ? '<span class="tag no">шорт</span>' : ''}</td>
+      <td class="muted small">${(r.influences || []).slice(0, 3).map((x) => x.symbol).join(', ')}</td>
+    </tr>`;
+    box.innerHTML = `<table><thead><tr><th>Сильнее рынка</th><th class="num">Цена</th><th class="num">Ожидание</th><th class="num">Динамика</th><th></th><th>Под влиянием</th></tr></thead><tbody>${f.rows.slice(0, 6).map(row).join('')}</tbody></table>
+      <table style="margin-top:10px"><thead><tr><th>Слабее рынка</th><th class="num">Цена</th><th class="num">Ожидание</th><th class="num">Динамика</th><th></th><th>Под влиянием</th></tr></thead><tbody>${f.rows.slice(-4).reverse().map(row).join('')}</tbody></table>
+      <p class="muted small">Ожидание — движение относительно рынка в целом (авто-пересчёт каждые 45 сек по живым ценам Мосбиржи). «Купить» — ожидание выше порога ${fmtPct(f.thresholdPct, 2)}.${f.direction && f.direction !== 'long' ? ' «Шорт» — ожидание ниже −порога.' : ''}</p>`;
     setupMapSlider();
+    if (state.brokers?.accounts?.length) renderBrokers();
   } catch (e) {
     if (!silent) box.innerHTML = `<span class="neg">Не получилось: ${esc(e.message)}</span>`;
   } finally {
-    $('#btn-forecast').disabled = false;
+    forecastBusy = false;
+    syncUiAvailability();
   }
 }
-$('#btn-forecast').addEventListener('click', () => loadForecast(true));
-const FORECAST_MAX_AGE = 3600000;
+const FORECAST_TICK_MS = 45000; // живое обновление каждые 45 секунд
 function refreshForecastIfStale() {
-  if (state.forecast?.at && Date.now() - state.forecast.at > FORECAST_MAX_AGE && !$('#btn-forecast').disabled) loadForecast(true, true);
+  if (forecastBusy) return;
+  if (!state.forecast?.at) {
+    loadForecast(false, false);
+  } else if (Date.now() - state.forecast.at >= 20000) {
+    loadForecast(false, true);
+  }
 }
-setInterval(() => { if (!$('#tab-now').hidden) refreshForecastIfStale(); }, 5 * 60000);
+setInterval(() => { if (!$('#tab-now').hidden) refreshForecastIfStale(); }, FORECAST_TICK_MS);
 
 function showNowSec(sec) {
   document.querySelectorAll('#now-nav [data-nsec]').forEach((b) => b.classList.toggle('active', b.dataset.nsec === sec));
   document.querySelectorAll('#tab-now .ssec').forEach((el) => { el.hidden = el.dataset.nsec !== sec; });
+  saveNavPatch({ nowSec: sec });
 }
 $('#now-nav').addEventListener('click', (e) => {
   const b = e.target.closest('[data-nsec]');
   if (b) showNowSec(b.dataset.nsec);
 });
 
+let openLiveId = loadSavedNav().openLiveId ?? null;
 function renderLive(st) {
   state.live = st;
   const accs = st?.accounts || [];
@@ -659,13 +1029,17 @@ function renderLive(st) {
     $('#live').innerHTML = 'Стратегия торгует виртуальными деньгами на текущих ценах: раз в несколько часов прогноз и пересмотр портфеля. Запустите счёт кнопкой выше или прямо из удачного эксперимента («▶ В торговлю» во вкладке «Эксперименты»).';
     return;
   }
+  if (!accs.some((a) => String(a.runId) === String(openLiveId))) {
+    openLiveId = accs[0].runId;
+  }
   $('#live').innerHTML = accs.map((a) => {
+    const isOpen = String(a.runId) === String(openLiveId);
     const s = a.snapshot || { equity: a.params?.capital || 0, positions: [], pending: [] };
     const pnl = a.pnl ?? (s.equity - (a.params?.capital || 0));
     const retPct = a.returnPct ?? 0;
     const step = a.recent?.[0];
     const p = a.params || {};
-    const frozen = `${MODEL_LABEL[p.modelType] || p.modelType} · ${p.modelHorizon}ч · порог ${p.modelMinEdge} · акций ${p.modelTopK}${p.modelDirection && p.modelDirection !== 'long' ? ` · ${p.modelDirection === 'neutral' ? 'нейтрально' : 'покупки+продажи'}` : ''}`;
+    const frozen = `${MODEL_LABEL[p.modelType] || p.modelType} · ${p.modelHorizon}ч · порог ${p.modelMinEdge} · акций ${p.modelTopK}${p.modelDirection && p.modelDirection !== 'long' ? ' · в рост и в падение' : ' · только в рост'}`;
     let corrHtml = '<div class="kpi"><div class="v muted">—</div><div class="l">ориентир истории</div></div>';
     if (a.corridor) {
       const c = a.corridor;
@@ -678,31 +1052,36 @@ function renderLive(st) {
       corrHtml = `<div class="kpi" title="Ожидание по темпу эксперимента №${c.runId} (история: ${fmtPct(c.histReturnPct)}, макс. просадка ${fmtNum(c.histMaxDdPct, 1)}%)"><div class="v ${cls(c.expectedPct)}">${fmtPct(c.expectedPct, 2)} <span class="muted small">(${fmtPct(c.minPct, 1)}…${fmtPct(c.maxPct, 1)})</span></div><div class="l">ориентир №${c.runId} · <span class="${sCls === 'no' ? 'neg' : 'pos'}">${sLbl}</span></div></div>`;
     }
     const dispName = String(a.name || `Счёт №${a.runId}`).replace(/^Из прогона/i, 'Из эксперимента');
-    return `<div class="live-card${a.running ? '' : ' stopped'}" data-acc="${a.runId}">
-      <div class="live-head">
-        <div>
+    return `<div class="live-card${a.running ? '' : ' stopped'}${isOpen ? '' : ' collapsed'}" data-acc="${a.runId}">
+      <div class="acc-fold-head" data-live-fold="${a.runId}" title="${isOpen ? 'Нажмите, чтобы свернуть карточку счёта' : 'Нажмите, чтобы развернуть карточку счёта'}">
+        <div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap">
+          <span class="acc-caret">▶</span>
           <b>${esc(dispName)}</b>
-          <span class="tag ${a.running ? 'ok' : ''}" style="margin-left:6px">${a.running ? 'работает' : 'остановлен'}</span>
+          <span class="tag ${a.running ? 'ok' : ''}">${a.running ? 'работает' : 'остановлен'}</span>
           ${a.baseRunId ? `<button type="button" class="icon small" data-open-run="${a.baseRunId}" title="Открыть исходный эксперимент">эксперимент №${a.baseRunId}</button>` : ''}
-          <div class="muted small">Замороженные настройки: ${esc(frozen)} · старт ${fmtNum(p.capital, 0)} ₽</div>
         </div>
-        <div class="row-gap">
+        <div class="row-gap" style="align-items:center">
+          <span class="small muted">На счёте: <b>${fmtNum(s.equity, 0)} ₽</b> (<span class="${cls(pnl)}">${fmtPct(retPct, 2)}</span>) · поз.: ${s.positions.length}</span>
           <button type="button" data-live-ask="${a.runId}" title="Попросить Стратега разобрать этот виртуальный счёт">💬 Спросить Стратега</button>
           ${a.running ? `<button type="button" data-live-stop="${a.runId}">Остановить</button>` : ''}
           <button type="button" class="icon" data-live-del="${a.runId}" title="Удалить виртуальный счёт">✕</button>
         </div>
       </div>
-      <div class="kpis" style="grid-template-columns:repeat(4,1fr)">
-        <div class="kpi"><div class="v">${fmtNum(s.equity, 0)} ₽</div><div class="l">на счёте</div></div>
-        <div class="kpi"><div class="v ${cls(pnl)}">${fmtPct(retPct, 2)} <span class="muted small">(${pnl >= 0 ? '+' : ''}${fmtNum(pnl, 0)} ₽)</span></div><div class="l">с начала</div></div>
-        ${corrHtml}
-        <div class="kpi"><div class="v">${a.metrics?.full?.trades ?? 0}</div><div class="l">закрыто сделок</div></div>
+      <div ${isOpen ? 'style="margin-top:10px"' : 'hidden'}>
+        <div class="muted small" style="margin-bottom:8px">Замороженные настройки: ${esc(frozen)} · старт ${fmtNum(p.capital, 0)} ₽</div>
+        <div class="kpis" style="grid-template-columns:repeat(4,1fr)">
+          <div class="kpi"><div class="v">${fmtNum(s.equity, 0)} ₽</div><div class="l">на счёте</div></div>
+          <div class="kpi"><div class="v ${cls(pnl)}">${fmtPct(retPct, 2)} <span class="muted small">(${pnl >= 0 ? '+' : ''}${fmtNum(pnl, 0)} ₽)</span></div><div class="l">с начала</div></div>
+          ${corrHtml}
+          <div class="kpi"><div class="v">${a.metrics?.full?.trades ?? 0}</div><div class="l">закрыто сделок</div></div>
+        </div>
+        <p class="muted small">Запущен ${fmtTs(a.startedAt)}${a.stoppedAt ? ` · остановлен ${fmtTs(a.stoppedAt)}` : ''} · последняя свеча ${a.lastBarTs ? fmtTs(a.lastBarTs) : '—'}${a.error ? ` · <span class="neg">${esc(a.error)}</span>` : ''}${s.pending.length ? ` · ждут исполнения: ${s.pending.map((o) => `${{ buy: 'купить', short: 'продать без покупки', cover: 'закрыть продажу' }[o.action] || 'продать'} ${o.symbol}`).join(', ')}` : ''}</p>
+        ${s.positions.length ? `<table><thead><tr><th>Держим</th><th>С</th><th class="num">Цена входа</th><th class="num">Сейчас</th><th class="num">Результат</th></tr></thead><tbody>${s.positions.map((pos) => `<tr><td><b>${pos.symbol}</b>${pos.side === 'short' ? ' <span class="tag no">продажа</span>' : ''}</td><td>${fmtTs(pos.entryTs)}</td><td class="num">${fmtNum(pos.entryPrice, 3)}</td><td class="num">${fmtNum(pos.lastPrice, 3)}</td><td class="num ${cls(pos.pnl)}">${fmtNum(pos.pnl, 0)} ₽</td></tr>`).join('')}</tbody></table>` : `<p class="muted small">Сейчас ${p.modelDirection && p.modelDirection !== 'long' ? 'позиций нет' : 'ничего не куплено'} — стратегия ждёт сильного сигнала.</p>`}
+        ${step ? `<p class="muted small">Последнее решение (${fmtTs(step.ts)}): ${step.decisions.length ? step.decisions.map((d) => esc(d.text)).join('; ') : 'без изменений'}</p>` : ''}
       </div>
-      <p class="muted small">Запущен ${fmtTs(a.startedAt)}${a.stoppedAt ? ` · остановлен ${fmtTs(a.stoppedAt)}` : ''} · последняя свеча ${a.lastBarTs ? fmtTs(a.lastBarTs) : '—'}${a.error ? ` · <span class="neg">${esc(a.error)}</span>` : ''}${s.pending.length ? ` · ждут исполнения: ${s.pending.map((o) => `${{ buy: 'купить', short: 'продать без покупки', cover: 'закрыть продажу' }[o.action] || 'продать'} ${o.symbol}`).join(', ')}` : ''}</p>
-      ${s.positions.length ? `<table><thead><tr><th>Держим</th><th>С</th><th class="num">Цена входа</th><th class="num">Сейчас</th><th class="num">Результат</th></tr></thead><tbody>${s.positions.map((pos) => `<tr><td><b>${pos.symbol}</b>${pos.side === 'short' ? ' <span class="tag no">продажа</span>' : ''}</td><td>${fmtTs(pos.entryTs)}</td><td class="num">${fmtNum(pos.entryPrice, 3)}</td><td class="num">${fmtNum(pos.lastPrice, 3)}</td><td class="num ${cls(pos.pnl)}">${fmtNum(pos.pnl, 0)} ₽</td></tr>`).join('')}</tbody></table>` : `<p class="muted small">Сейчас ${p.modelDirection && p.modelDirection !== 'long' ? 'позиций нет' : 'ничего не куплено'} — стратегия ждёт сильного сигнала.</p>`}
-      ${step ? `<p class="muted small">Последнее решение (${fmtTs(step.ts)}): ${step.decisions.length ? step.decisions.map((d) => esc(d.text)).join('; ') : 'без изменений'}</p>` : ''}
     </div>`;
   }).join('');
+  syncUiAvailability();
 }
 $('#btn-live').addEventListener('click', async () => {
   const rawCap = prompt('Стартовая сумма нового виртуального счёта (с текущими настройками), ₽:', String(state.settings?.capital || 1000000));
@@ -741,6 +1120,14 @@ $('#live').addEventListener('click', async (e) => {
     const id = Number(askBtn.dataset.liveAsk);
     const acc = (state.live?.accounts || []).find((x) => x.runId === id);
     sendChat(`Разбери состояние виртуального счёта «${acc?.name || `№${id}`}» (доход ${fmtPct(acc?.returnPct ?? 0, 2)}, сделок ${acc?.metrics?.full?.trades ?? 0}${acc?.baseRunId ? `, запущен из эксперимента №${acc.baseRunId}` : ''}): как он идёт относительно ожиданий и есть ли замечания по открытым позициям?`);
+    return;
+  }
+  const foldHead = e.target.closest('[data-live-fold]');
+  if (foldHead) {
+    const id = foldHead.dataset.liveFold;
+    openLiveId = String(openLiveId) === String(id) ? null : id;
+    saveNavPatch({ openLiveId });
+    renderLive(state.live);
   }
 });
 
@@ -898,6 +1285,7 @@ function drawProfilesMap() {
 }
 async function showMapSec(sec) {
   document.querySelectorAll('#map-nav [data-msec]').forEach((b) => b.classList.toggle('active', b.dataset.msec === sec));
+  saveNavPatch({ mapSec: sec });
   if (sec === 'journal') {
     $('#map-sec').hidden = true;
     $('#journal-box').hidden = false;
@@ -945,12 +1333,12 @@ async function loadJournal() {
   }));
 }
 
-// Группы настроек в форме; не перечисленные сюда попадают в «Дополнительно»
+// Логические группы настроек по смыслу:
+// g0 — Стратегия и сигналы; g1 — Издержки и риск портфеля; g2 — Автопилот, обучение и система
 const GROUPS = [
-  ['Общие', ['modelAutoAdapt', 'modelHorizon', 'modelTopK', 'modelDirection', 'modelType', 'commissionPct', 'autopilotBudget']],
-  ['Для карты', ['modelEmbedDim', 'modelTextWeight', 'modelUseMacro']],
-  ['Для Трансформера', ['modelUseTransformer', 'transformerEpochs', 'transformerGpu']],
-  ['Дополнительно', []],
+  ['Стратегия и сигналы', ['modelAutoAdapt', 'modelTopK', 'modelDirection', 'modelHorizon', 'modelMinEdge', 'modelExitRatio']],
+  ['Издержки и риск портфеля', ['commissionPct', 'slippagePct', 'modelShortFeePct', 'modelAllocMode', 'modelMarketFilter', 'newsFilter']],
+  ['Автопилот, обучение и система', ['autopilotBudget', 'paperDailyReview', 'modelTrainDays', 'modelHistoryDays', 'modelEmbedDim', 'modelTextWeight']],
 ];
 function buildForm() {
   const field = (p) => {
@@ -965,7 +1353,7 @@ function buildForm() {
   const cleanRow = `<div class="srow" data-key="_cleanup"><div class="stxt"><div class="slbl">Очистка истории экспериментов</div><div class="hint">Удалить старые эксперименты, оставив ровно указанное число лучших по итогу (0 — удалить все завершённые эксперименты).</div></div><div class="row-gap" style="align-items:center"><span class="muted small">оставить</span><input id="keep-n" type="number" value="0" min="0" max="50" class="sctrl" style="width:68px"><button id="btn-clean" type="button">Очистить историю</button></div></div>`;
   $('#params').innerHTML = GROUPS.map(([name, keys], i) => {
     const items = keys.length ? keys.map((k) => shown.find((p) => p.key === k)).filter(Boolean) : shown.filter((p) => !listed.has(p.key));
-    const extra = i === 3 ? cleanRow : '';
+    const extra = i === 2 ? cleanRow : '';
     return items.length || extra ? `<section class="ssec" data-sec="g${i}"${i ? ' hidden' : ''}><div class="stitle">${name}</div><div class="scard">${items.map(field).join('')}${extra}</div></section>` : '';
   }).join('');
   $('#btn-clean')?.addEventListener('click', cleanRunsHistory);
@@ -975,6 +1363,8 @@ function showSettingsSec(sec) {
   document.querySelectorAll('#tab-settings .srow').forEach((r) => { r.hidden = false; });
   document.querySelectorAll('#tab-settings .snav [data-sec]').forEach((b) => b.classList.toggle('active', b.dataset.sec === sec));
   document.querySelectorAll('#tab-settings .ssec').forEach((el) => { el.hidden = el.dataset.sec !== sec; });
+  saveNavPatch({ settingsSec: sec });
+  if (sec === 'cloud') renderCloudPane().catch(() => {});
 }
 document.querySelector('#tab-settings .snav').addEventListener('click', (e) => {
   const b = e.target.closest('[data-sec]');
@@ -1013,6 +1403,7 @@ function markDefaults(s) {
     b.hidden = JSON.stringify(s[b.dataset.def]) === JSON.stringify(d[b.dataset.def]);
   });
   syncApplyBtn();
+  syncSettingsDependencies();
   updateTabBadges();
 }
 const saveSettings = async (body) => {
@@ -1222,27 +1613,21 @@ function syncActionBtn() {
   btn.hidden = Boolean(s?.busy);
   if (speechActive) {
     // 1. Микрофон включён -> в любом случае Стоп
-    $('#ico-mic').hidden = true;
-    $('#ico-send').hidden = true;
-    $('#ico-stop').hidden = false;
+    btn.dataset.icon = 'stop';
     btn.classList.remove('send-mode');
     btn.classList.add('rec');
     btn.disabled = false;
     btn.title = 'Остановить запись голоса';
   } else if (hasText) {
     // 2. Микрофон выключен, есть текст -> Стрелка
-    $('#ico-mic').hidden = true;
-    $('#ico-send').hidden = false;
-    $('#ico-stop').hidden = true;
+    btn.dataset.icon = 'send';
     btn.classList.add('send-mode');
     btn.classList.remove('rec');
     btn.disabled = !s?.llm;
     btn.title = 'Отправить (Enter)';
   } else {
     // 3. Микрофон выключен, нет текста -> Микрофон
-    $('#ico-mic').hidden = false;
-    $('#ico-send').hidden = true;
-    $('#ico-stop').hidden = true;
+    btn.dataset.icon = 'mic';
     btn.classList.remove('send-mode', 'rec');
     btn.disabled = false;
     btn.title = 'Голосовой ввод (русский язык)';
@@ -1277,6 +1662,7 @@ function renderChatState() {
   $('#chat-status').textContent = st;
   for (const m of state.chat.msgs.values()) if (m.tool_calls) upsertMsg(m);
   renderSuggest();
+  syncUiAvailability();
 }
 
 const SUGGEST = ['Объясни идею простыми словами', 'Исследуй стратегию и объясни результат', 'Что стратегия ждёт в ближайшие часы?', 'Найди, как улучшить стратегию'];
@@ -1711,6 +2097,27 @@ addForm.addEventListener('submit', async (e) => {
 // ======================================================================
 const BROKER_LABELS = { tbank: 'Т-Банк', finam: 'Финам', alor: 'Алор', bcs: 'БКС' };
 const BROKER_MODES = { readonly: 'Только чтение', confirm: 'Подтверждение заявок', auto: 'Автомат' };
+const LEGACY_MODES = {
+  isolate: 'Изолированный карман (старые бумаги не трогаются)',
+  smooth: 'Плавный переход (продажа старых только под новые сигналы)',
+  takeover: 'Полное управление (все акции под стратегией)',
+};
+const INST_KIND_LABEL = {
+  share: ['Акция', 'ok'],
+  metal: ['Драгметалл', 'mid'],
+  currency: ['Валюта', 'mid'],
+  bond: ['Облигация', ''],
+  etf: ['Фонд', ''],
+  futures: ['Фьючерс', 'mid'],
+};
+const ALLOC_PALETTE = ['#3b82f6', '#06b6d4', '#8b5cf6', '#10b981', '#f59e0b', '#ec4899', '#64748b'];
+const brokerTabById = new Map(Object.entries(loadSavedNav().brokerTabs || {})); // accId -> 'assets' | 'trade' | 'history'
+function setBrokerSubTab(id, tab) {
+  brokerTabById.set(id, tab);
+  saveNavPatch({ brokerTabs: Object.fromEntries(brokerTabById) });
+}
+let openBrokerId = loadSavedNav().openBrokerId ?? null;
+let openBrokerCfgId = loadSavedNav().openBrokerCfgId ?? null;
 let editingBrokerId = null;
 
 async function loadBrokers() {
@@ -1725,83 +2132,326 @@ function renderBrokers() {
   if ($('#nnav-brokers')) $('#nnav-brokers').textContent = accs.length ? `Брокерские счета (${accs.length})` : 'Брокерские счета';
   updateTabBadges();
 
-  // 1) список в Настройках
+  // 1) список в Настройках (аккордеон: открыта одна карточка, по умолчанию первая)
   const listEl = $('#brokers-list');
   if (listEl) {
-    listEl.innerHTML = accs.length ? accs.map((a) => `<div class="llm-prov" data-bid="${esc(a.id)}">
-      <div class="llm-head">
-        <b>${esc(a.name)}</b>
-        <span class="tag">${esc(BROKER_LABELS[a.broker] || a.broker)}</span>
-        <span class="tag ${a.mode === 'auto' ? 'mid' : a.mode === 'confirm' ? 'ok' : ''}">${esc(BROKER_MODES[a.mode] || a.mode)}</span>
-        ${a.autoSchedule !== false ? '<span class="tag ok" title="Заявки рассчитываются автоматически раз в горизонт прогноза и приходят в Telegram / MAX">авто-расписание</span>' : ''}
-        ${a.sandbox ? '<span class="tag mid">песочница</span>' : ''}
-        ${a.haltedReason ? `<span class="tag no" title="${esc(a.haltedReason)}">стоп</span>` : ''}
-        <span class="grow"></span>
-        <button type="button" data-bact="sync">Проверить связь</button>
-        <button type="button" data-bact="edit" class="icon">Изменить</button>
-        <button type="button" data-bact="del" class="icon">Удалить</button>
+    if (accs.length && !accs.some((a) => a.id === openBrokerCfgId)) {
+      openBrokerCfgId = accs[0].id;
+    }
+    listEl.innerHTML = accs.length ? accs.map((a) => {
+      const ls = a.lastSync;
+      const isCfgOpen = a.id === openBrokerCfgId;
+      return `<div class="llm-prov live-card${isCfgOpen ? '' : ' collapsed'}" data-bid="${esc(a.id)}">
+      <div class="acc-fold-head" data-bcfg-fold="${esc(a.id)}" title="${isCfgOpen ? 'Нажмите, чтобы свернуть' : 'Нажмите, чтобы развернуть'}">
+        <div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap">
+          <span class="acc-caret">▶</span>
+          <b>${esc(a.name)}</b>
+          <span class="tag ${a.mode === 'auto' ? 'mid' : a.mode === 'confirm' ? 'ok' : ''}">${esc(BROKER_MODES[a.mode] || a.mode)}</span>
+          ${a.sandbox ? '<span class="tag mid">песочница</span>' : ''}
+          ${a.haltedReason ? `<span class="tag no" title="${esc(a.haltedReason)}">стоп</span>` : ''}
+        </div>
+        <div class="row-gap" style="align-items:center">
+          ${ls?.ok ? `<span class="small muted">На счёте: <b>${fmtNum(ls.totalRub, 0)} ₽</b> (свободно ${fmtNum(ls.cashRub, 0)} ₽)</span>` : ''}
+          <button type="button" data-bact="sync">Проверить связь</button>
+          <button type="button" data-bact="edit" class="icon">Изменить</button>
+          <button type="button" data-bact="del" class="icon">Удалить</button>
+        </div>
       </div>
-      <div class="llm-meta">
-        Счёт: ${esc(a.accountId || 'авто')} · Токен: ${a.hasToken ? '<span class="pos">задан</span>' : '<span class="nokey">нет токена</span>'} · Лимит стратегии: ${fmtNum(a.maxCapitalRub, 0)} ₽ · Дневной стоп: −${fmtNum(a.maxDailyDrawdownPct, 1)}% · Отступ лимитки: ${fmtNum(a.limitOffsetPct, 2)}%${a.baseRunLabel ? ` · Настройки из ${esc(a.baseRunLabel)}` : ''}
-        ${a.lastSync ? `<br>Синхронизация ${fmtTs(a.lastSync.at)}: ${a.lastSync.ok ? `<span class="pos">на счёте ${fmtNum(a.lastSync.totalRub, 0)} ₽ (свободно ${fmtNum(a.lastSync.cashRub, 0)} ₽, бумаг ${a.lastSync.positions?.length || 0})</span>` : `<span class="neg">${esc(a.lastSync.error)}</span>`}` : ''}
+      <div class="brk-specs" ${isCfgOpen ? '' : 'hidden'}>
+        <span class="k">Брокер и субсчёт:</span><span class="v"><b>${esc(BROKER_LABELS[a.broker] || a.broker)}</b> · ID <code>${esc(a.accountId || ls?.accountId || 'авто')}</code> (токен: ${a.hasToken ? '<span class="pos">задан ✓</span>' : '<span class="nokey">не задан</span>'})</span>
+        <span class="k">Режим управления:</span><span class="v"><span class="tag ${a.mode === 'auto' ? 'mid' : a.mode === 'confirm' ? 'ok' : ''}">${esc(BROKER_MODES[a.mode] || a.mode)}</span> · авто-расписание: <b>${a.autoSchedule !== false ? '<span class="pos">вкл.</span>' : '<span class="muted">выкл.</span>'}</b></span>
+        <span class="k">Начальный портфель:</span><span class="v">${esc(LEGACY_MODES[a.legacyMode || 'isolate'] || a.legacyMode)}</span>
+        <span class="k">Маржинальная торговля:</span><span class="v">${ls ? (ls.marginEnabled ? '<b class="pos">вкл. (шорт доступен)</b>' : '<b>выкл. у брокера (только в рост)</b>') : '<span class="muted">проверится при синхронизации</span>'}</span>
+        <span class="k">Контроль автоследования:</span><span class="v">${ls ? (ls.autoFollowDetected ? '<b class="neg">обнаружено ✕ (запрещено офертой)</b>' : '<b class="pos">не используется ✓ (счёт допущен)</b>') : '<span class="muted">проверится при синхронизации</span>'}</span>
+        <span class="k">Предохранители:</span><span class="v">лимит <b>${fmtNum(a.maxCapitalRub, 0)} ₽</b> · дневной стоп <b>−${fmtNum(a.maxDailyDrawdownPct, 1)}%</b> · отступ лимитки <b>${fmtNum(a.limitOffsetPct, 2)}%</b></span>
+        ${a.baseRunLabel ? `<span class="k">Настройки стратегии:</span><span class="v">${esc(a.baseRunLabel)}</span>` : ''}
+        ${ls ? `<span class="k">Синхронизация (${fmtTs(ls.at)}):</span><span class="v">${ls.ok ? `<span class="pos">на счёте <b>${fmtNum(ls.totalRub, 0)} ₽</b> (свободно ${fmtNum(ls.cashRub, 0)} ₽, бумаг ${ls.positions?.length || 0})</span>` : `<span class="neg">${esc(ls.error)}</span>`}</span>` : ''}
       </div>
-    </div>`).join('') : '<p class="muted small">Подключённых брокерских счетов пока нет.</p>';
+    </div>`;
+    }).join('') : '<p class="muted small">Подключённых брокерских счетов пока нет.</p>';
   }
 
-  // 2) карточки во вкладке «Торговля»
+  // 2) карточки во вкладке «Торговля → Брокерские счета» (аккордеон: открыта одна карточка, по умолчанию первая)
   const tradeEl = $('#brokers-trade');
   if (!tradeEl) return;
   if (!accs.length) {
     tradeEl.innerHTML = 'Подключите брокерский счёт в «Настройки → Брокерские счета». Счёт может работать в режиме «Только чтение», «Подтверждение заявок» или «Автомат» с жёсткими предохранителями.';
     return;
   }
+  if (!accs.some((a) => a.id === openBrokerId)) {
+    openBrokerId = accs[0].id;
+  }
+  const fcRowMap = state.forecast?.rows ? new Map(state.forecast.rows.map((r) => [r.symbol, r])) : null;
   tradeEl.innerHTML = accs.map((a) => {
+    const isOpen = a.id === openBrokerId;
     const ls = a.lastSync;
     const pb = a.pendingBatch;
-    const posHtml = ls?.positions?.length
-      ? `<table><thead><tr><th>Бумага</th><th class="num">Штук</th><th class="num">Цена</th><th class="num">Стоимость</th><th class="num">Финрезультат</th></tr></thead><tbody>${ls.positions.map((p) => `<tr><td><b>${esc(p.symbol)}</b></td><td class="num">${fmtNum(p.qty, 0)}</td><td class="num">${fmtNum(p.price, 3)}</td><td class="num">${fmtNum(p.valueRub, 0)} ₽</td><td class="num ${cls(p.pnlRub)}">${p.pnlRub >= 0 ? '+' : ''}${fmtNum(p.pnlRub, 0)} ₽</td></tr>`).join('')}</tbody></table>`
-      : `<p class="muted small">${ls?.ok ? 'Открытых позиций по акциям нет.' : 'Нажмите «Обновить портфель», чтобы загрузить баланс и позиции с брокера.'}</p>`;
+    const lh = a.lastHistory;
+    const lMode = a.legacyMode || 'isolate';
+    const baseMap = a.baselineQty || {};
+    const curSubTab = brokerTabById.get(a.id) || 'assets';
+
+    const algoQtyOf = (p) => {
+      if ((p.instrumentType && p.instrumentType !== 'share') || (fcRowMap && !fcRowMap.has(p.symbol))) return 0;
+      if (lMode === 'takeover') return p.qty;
+      const bq = Number(baseMap[p.symbol] || 0);
+      if (p.qty > 0 && bq > 0) return Math.max(0, p.qty - bq);
+      if (p.qty < 0 && bq < 0) return Math.min(0, p.qty - bq);
+      return p.qty;
+    };
+
+    const posStatus = (p) => {
+      if (p.instrumentType && p.instrumentType !== 'share') {
+        const [kl] = INST_KIND_LABEL[p.instrumentType] || ['Актив', ''];
+        return `<span class="tag" title="Драгметаллы, валюта, облигации и БПИФы не затрагиваются стратегией акций">${esc(kl.toLowerCase())} (защищён)</span>`;
+      }
+      if (fcRowMap && !fcRowMap.has(p.symbol)) return '<span class="tag" title="Вне индекса широкого рынка — стратегия не трогает">вне словаря (защищена)</span>';
+      if (lMode === 'takeover') return '<span class="tag ok">под управлением стратегии</span>';
+      const bq = Number(baseMap[p.symbol] || 0);
+      const aq = algoQtyOf(p);
+      if (lMode === 'isolate') {
+        if (aq === 0) return `<span class="tag" title="Начальная позиция счёта — робот её не продаёт">защищена (старый портфель: ${fmtNum(bq, 0)} шт.)</span>`;
+        if (bq !== 0) return `<span class="tag ok">старый: ${fmtNum(bq, 0)} шт. · стратегия: ${fmtNum(aq, 0)} шт.</span>`;
+        return '<span class="tag ok">открыта стратегией</span>';
+      }
+      if (aq === 0) return `<span class="tag mid" title="Будет плавно замещена при появлении новых сигналов покупки">плавный переход (${fmtNum(bq, 0)} шт.)</span>`;
+      return '<span class="tag ok">под управлением стратегии</span>';
+    };
+
+    // Полоса структуры активов (Allocation Bar)
+    const totalVal = Math.max(1, Number(ls?.totalRub || 0));
+    const allocSegments = [];
+    (ls?.positions || []).forEach((p, idx) => {
+      const pct = Math.max(0, Math.min(100, (Math.abs(p.valueRub || 0) / totalVal) * 100));
+      if (pct >= 0.3) allocSegments.push({ label: `${p.name || p.symbol} (${p.symbol})`, valRub: p.valueRub, pct: Number(pct.toFixed(1)), color: ALLOC_PALETTE[idx % ALLOC_PALETTE.length] });
+    });
+    if ((ls?.cashRub || 0) > 10) {
+      const cPct = Math.max(0, Math.min(100, (ls.cashRub / totalVal) * 100));
+      allocSegments.push({ label: 'Свободные рубли (RUB)', valRub: ls.cashRub, pct: Number(cPct.toFixed(1)), color: '#16a34a' });
+    }
+    const allocBarHtml = allocSegments.length ? `<div class="brk-alloc-wrap">
+      <div class="brk-alloc-bar">${allocSegments.map((s) => `<div style="width:${s.pct}%;background:${s.color}" title="${esc(s.label)}: ${fmtNum(s.valRub, 0)} ₽ (${s.pct}%)"></div>`).join('')}</div>
+      <div class="brk-alloc-legend">${allocSegments.map((s) => `<span><i style="background:${s.color}"></i><b>${esc(s.label)}</b> — ${fmtNum(s.valRub, 0)} ₽ (${s.pct}%)</span>`).join('')}</div>
+    </div>` : '';
+
+    // Считаем сколько ₽ в стратегии и сколько ₽ защищено
+    let strategyRub = 0, protectedRub = 0;
+    for (const p of ls?.positions || []) {
+      const aq = algoQtyOf(p);
+      const aVal = Math.abs(aq * (p.price || 0));
+      strategyRub += aVal;
+      protectedRub += Math.max(0, Math.abs(p.valueRub || 0) - aVal);
+    }
+    const totalPnlRub = ls?.totalPnlRub ?? (ls?.positions || []).reduce((s, p) => s + (p.pnlRub || 0), 0);
 
+    // Вкладка 1: Активы портфеля
+    const posHtml = ls?.positions?.length
+      ? `${allocBarHtml}<table><thead><tr><th>Актив</th><th>Тип</th><th class="num">Кол-во</th><th class="num">Средняя → Текущая</th><th class="num">Стоимость (доля)</th><th class="num">Финрезультат</th><th>Статус и прогноз</th></tr></thead><tbody>${ls.positions.map((p) => {
+        const [kLbl, kCls] = INST_KIND_LABEL[p.instrumentType || 'share'] || ['Актив', ''];
+        const fcRow = fcRowMap?.get(p.symbol);
+        const fcBadge = fcRow ? ` · <span class="${cls(fcRow.expectedPct)}" title="Прогноз модели на ближайшие 2,5 ч">прогноз ${fcRow.expectedPct > 0 ? '+' : ''}${fmtNum(fcRow.expectedPct, 2)}%</span>` : '';
+        return `<tr>
+          <td><b>${esc(p.name || p.symbol)}</b> <span class="muted small">(${esc(p.symbol)})</span></td>
+          <td><span class="tag ${kCls}">${esc(kLbl)}</span></td>
+          <td class="num">${fmtNum(p.qty, 0)} шт.${p.lots && p.lots !== p.qty ? ` <span class="muted small">(${fmtNum(p.lots, 0)} л.)</span>` : ''}</td>
+          <td class="num">${p.avgPrice > 0 ? `<span class="muted">${fmtNum(p.avgPrice, 2)} →</span> ` : ''}<b>${fmtNum(p.price, 3)} ₽</b></td>
+          <td class="num"><b>${fmtNum(p.valueRub, 0)} ₽</b>${p.sharePct ? ` <span class="muted small">(${fmtNum(p.sharePct, 1)}%)</span>` : ''}</td>
+          <td class="num ${cls(p.pnlRub)}"><b>${p.pnlRub >= 0 ? '+' : ''}${fmtNum(p.pnlRub, 0)} ₽</b>${p.pnlPct ? ` <span class="small">(${p.pnlPct >= 0 ? '+' : ''}${fmtNum(p.pnlPct, 1)}%)</span>` : ''}</td>
+          <td>${posStatus(p)}${fcBadge}</td>
+        </tr>`;
+      }).join('')}</tbody></table>`
+      : `<p class="muted small">${ls?.ok ? 'Открытых позиций на счёте сейчас нет (все средства в рублях).' : 'Нажмите «Обновить портфель», чтобы загрузить баланс и активы с брокера.'}</p>`;
+
+    // Вкладка 2: Торговля и заявки стратегии
+    const activeOrdHtml = ls?.activeOrders?.length
+      ? `<div class="stab-box" style="margin-bottom:10px"><div class="stab-head"><b>Активные заявки в стакане брокера (${ls.activeOrders.length})</b></div><table><thead><tr><th>Бумага</th><th>Направление</th><th class="num">Лотов (исп./всего)</th><th class="num">Цена</th><th class="num">Сумма</th></tr></thead><tbody>${ls.activeOrders.map((o) => `<tr><td><b>${esc(o.symbol)}</b> ${o.name ? `<span class="muted small">${esc(o.name)}</span>` : ''}</td><td><span class="tag ${o.direction === 'buy' ? 'ok' : 'no'}">${o.direction === 'buy' ? 'покупка' : 'продажа'}</span></td><td class="num">${o.lotsExecuted}/${o.lotsRequested} л.</td><td class="num">${fmtNum(o.price, 4)} ₽</td><td class="num">${fmtNum(o.amountRub, 0)} ₽</td></tr>`).join('')}</tbody></table></div>`
+      : '';
     let batchHtml = '';
     if (pb) {
       const ordRows = pb.orders?.length
-        ? `<table><thead><tr><th>Бумага</th><th>Действие</th><th class="num">Лотов (штук)</th><th class="num">Лимитная цена</th><th class="num">Сумма</th><th>Основание</th></tr></thead><tbody>${pb.orders.map((o) => `<tr><td><b>${esc(o.symbol)}</b></td><td><span class="tag ${o.action === 'buy' ? 'ok' : 'no'}">${o.action === 'buy' ? 'купить' : o.action === 'short' ? 'шорт' : 'продать'}</span></td><td class="num">${o.lots} л. (${o.shares} шт.)</td><td class="num">${fmtNum(o.limitPrice, 4)} ₽</td><td class="num">${fmtNum(o.amountRub, 0)} ₽</td><td class="muted small">${esc(o.reason)}</td></tr>`).join('')}</tbody></table>`
-        : '<p class="muted small">По текущему прогнозу новых сделок не требуется.</p>';
+        ? `<table><thead><tr><th>Бумага</th><th>Действие</th><th class="num">Лотов (штук)</th><th class="num">Лимитная цена</th><th class="num">Сумма</th><th>Основание</th></tr></thead><tbody>${pb.orders.map((o) => `<tr><td><b>${esc(o.symbol)}</b></td><td><span class="tag ${o.action === 'buy' || o.action === 'cover' ? 'ok' : 'no'}">${o.action === 'buy' ? 'купить' : o.action === 'cover' ? 'закрыть шорт' : o.action === 'short' ? 'шорт' : 'продать'}</span></td><td class="num">${o.lots} л. (${o.shares} шт.)</td><td class="num">${fmtNum(o.limitPrice, 4)} ₽</td><td class="num">${fmtNum(o.amountRub, 0)} ₽</td><td class="muted small">${esc(o.reason)}</td></tr>`).join('')}</tbody></table>`
+        : `<div class="muted small" style="padding:4px 0">${pb.diagNote ? `<span style="color:var(--yellow)">⚠ ${esc(pb.diagNote)}</span>` : 'По текущему прогнозу новых сделок не требуется.'}</div>`;
       const resHtml = pb.results?.length
         ? `<div class="muted small" style="margin-top:6px">Итог отправки (${fmtTs(pb.executedAt)}): ${pb.results.map((r) => `${esc(r.symbol)}: ${r.ok ? `<span class="pos">отправлена (${esc(r.orderId)})</span>` : `<span class="neg">${esc(r.error)}</span>`}`).join(' · ')}</div>`
         : '';
-      batchHtml = `<div class="stab-box" style="margin-top:10px">
+      const throttleHtml = pb.planThrottleNote
+        ? `<div class="muted small" style="margin-top:6px;padding:6px 10px;border-left:2px solid var(--accent);background:rgba(59,130,246,0.06)">ℹ ${esc(pb.planThrottleNote)}</div>`
+        : '';
+      batchHtml = `<div class="stab-box">
         <div class="stab-head">
           <b>Пакет лимитных заявок (${fmtTs(pb.createdAt)}, свеча ${esc(pb.bar || '—')})</b>
           ${pb.edgeWarning ? `<span class="tag mid">${esc(pb.edgeWarning)}</span>` : ''}
           <span class="grow"></span>
-          ${pb.status === 'pending' && pb.orders?.length ? `<button type="button" class="primary" data-btrade="exec" data-bid="${esc(a.id)}"${a.mode === 'readonly' ? ' disabled title="В режиме «Только чтение» отправка отключена"' : ''}>Исполнить заявки (${pb.orders.length})</button>` : ''}
-          <button type="button" data-btrade="rej" data-bid="${esc(a.id)}">${pb.status === 'pending' ? 'Отклонить' : 'Скрыть'}</button>
+          ${pb.status === 'pending' && pb.orders?.length ? `<button type="button" class="primary" data-btrade="exec" data-bid="${esc(a.id)}"${a.mode === 'readonly' ? ' disabled title="В режиме «Только чтение» отправка отключена"' : ''}>Исполнить заявки (${pb.orders.length})</button><button type="button" data-btrade="rej" data-bid="${esc(a.id)}">Отклонить заявки</button>` : `<button type="button" class="icon small" data-btrade="rej" data-bid="${esc(a.id)}" title="Скрыть сводку">Скрыть</button>`}
         </div>
         ${ordRows}
         ${resHtml}
+        ${throttleHtml}
       </div>`;
+    } else {
+      batchHtml = `<p class="muted small">Нажмите <b>«Рассчитать заявки (в лотах)»</b> сверху (или дождитесь закрытия свечи при включённом авто-расписании), чтобы сформировать пакет лимитных заявок по текущему прогнозу.</p>`;
     }
 
-    return `<div class="live-card" data-bid="${esc(a.id)}">
-      <div class="live-head">
-        <div>
-          <b>${esc(a.name)}</b>
-          <span class="tag">${esc(BROKER_LABELS[a.broker] || a.broker)}</span>
+    // Вкладка 3: История операций и динамика счёта
+    const eqHist = Array.isArray(a.equityHistory) ? a.equityHistory : [];
+    const eqHistHtml = eqHist.length > 1
+      ? `<div class="muted small" style="margin-bottom:8px">Точки синхронизации баланса (переживают перезапуск сервера): ${eqHist.slice(-6).map((pt) => `${fmtTs(pt.ts)} — <b>${fmtNum(pt.totalRub, 0)} ₽</b>`).join(' · ')}</div>`
+      : '';
+    const renderOpsTable = (opsList) => {
+      const byDay = new Map();
+      for (const op of opsList) {
+        const dayKey = op.date ? new Date(op.date + MSK).toISOString().slice(0, 10) : 'none';
+        if (!byDay.has(dayKey)) byDay.set(dayKey, []);
+        byDay.get(dayKey).push(op);
+      }
+      const rows = [];
+      for (const [, dayOps] of byDay) {
+        let buyRub = 0, sellRub = 0, feeRub = 0, divTaxRub = 0, inOutRub = 0, tradesCnt = 0;
+        const symQty = new Map(), symCash = new Map();
+        for (const op of dayOps) {
+          const pay = Number(op.paymentRub) || 0;
+          if (op.kind === 'buy') {
+            tradesCnt++;
+            buyRub += Math.abs(pay);
+            if (op.symbol) {
+              symQty.set(op.symbol, (symQty.get(op.symbol) || 0) + (Number(op.qty) || 0));
+              symCash.set(op.symbol, (symCash.get(op.symbol) || 0) + pay);
+            }
+          } else if (op.kind === 'sell') {
+            tradesCnt++;
+            sellRub += Math.abs(pay);
+            if (op.symbol) {
+              symQty.set(op.symbol, (symQty.get(op.symbol) || 0) - (Number(op.qty) || 0));
+              symCash.set(op.symbol, (symCash.get(op.symbol) || 0) + pay);
+            }
+          } else if (op.kind === 'fee') {
+            if (/дивиденд|купон/i.test(op.title || '')) divTaxRub += pay;
+            else feeRub += pay;
+          } else if (op.kind === 'div') {
+            divTaxRub += pay;
+          } else if (op.kind === 'in' || op.kind === 'out') {
+            inOutRub += pay;
+          }
+        }
+        // Считаем чистый результат полностью закрытых внутри дня сделок (интрадей)
+        let closedTradePnl = 0, closedSyms = 0;
+        for (const [sym, netQ] of symQty) {
+          if (netQ === 0 && (symCash.get(sym) || 0) !== 0) {
+            closedTradePnl += symCash.get(sym);
+            closedSyms++;
+          }
+        }
+        if (closedSyms > 0) closedTradePnl += feeRub;
+
+        const summaryParts = [];
+        if (closedSyms > 0) {
+          summaryParts.push(`итог закрытых сделок: <b class="${cls(closedTradePnl)}">${closedTradePnl > 0 ? '+' : ''}${fmtNum(closedTradePnl, 2)} ₽</b>`);
+        } else if (tradesCnt > 0) {
+          const tParts = [];
+          if (buyRub > 0) tParts.push(`куплено на ${fmtNum(buyRub, 0)} ₽`);
+          if (sellRub > 0) tParts.push(`продано на ${fmtNum(sellRub, 0)} ₽`);
+          if (feeRub !== 0) tParts.push(`комиссия ${fmtNum(feeRub, 2)} ₽`);
+          summaryParts.push(tParts.join(' · '));
+        } else if (feeRub !== 0) {
+          summaryParts.push(`комиссии и налоги: <span class="neg">${fmtNum(feeRub, 2)} ₽</span>`);
+        }
+        if (divTaxRub !== 0) {
+          summaryParts.push(`дивиденды/купоны (чистыми): <b class="${cls(divTaxRub)}">${divTaxRub > 0 ? '+' : ''}${fmtNum(divTaxRub, 2)} ₽</b>`);
+        }
+        if (inOutRub !== 0) {
+          summaryParts.push(`${inOutRub > 0 ? 'пополнение' : 'вывод'}: <b class="${cls(inOutRub)}">${inOutRub > 0 ? '+' : ''}${fmtNum(inOutRub, 0)} ₽</b>`);
+        }
+
+        rows.push(`<tr class="day-group-row"><td colspan="6"><div style="display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap"><span>📅 ${esc(fmtDayGroup(dayOps[0]?.date))}</span><span class="small" style="font-weight:500;color:var(--muted)">${summaryParts.join(' · ')}</span></div></td></tr>`);
+        for (const op of dayOps) {
+          rows.push(`<tr>
+            <td class="muted small" style="white-space:nowrap">${op.date ? fmtTimeOnly(op.date) : '—'}</td>
+            <td><span class="tag ${op.kind === 'buy' || op.kind === 'div' || op.kind === 'in' ? 'ok' : op.kind === 'sell' ? 'mid' : ''}">${esc(op.kindLabel)}</span> <span class="muted small">${esc(op.title !== op.kindLabel ? op.title : '')}</span></td>
+            <td>${op.symbol ? `<b>${esc(op.name || op.symbol)}</b> <span class="muted small">(${esc(op.symbol)})</span>` : '<span class="muted small">—</span>'}</td>
+            <td class="num" style="white-space:nowrap">${op.qty ? `${fmtNum(op.qty, 0)} шт.` : '—'}</td>
+            <td class="num" style="white-space:nowrap">${op.price ? `${fmtNum(op.price, 2)} ₽` : '—'}</td>
+            <td class="num ${cls(op.paymentRub)}" style="white-space:nowrap"><b>${op.paymentRub > 0 ? '+' : ''}${fmtNum(op.paymentRub, 2)} ₽</b></td>
+          </tr>`);
+        }
+      }
+      return `<table><thead><tr><th style="width:64px">Время</th><th>Операция</th><th>Инструмент</th><th class="num">Кол-во</th><th class="num">Цена</th><th class="num">Сумма</th></tr></thead><tbody>${rows.join('')}</tbody></table>`;
+    };
+
+    const byYear = new Map();
+    for (const op of lh?.operations || []) {
+      const y = op.date ? new Date(op.date + MSK).toISOString().slice(0, 4) : 'Прочее';
+      if (!byYear.has(y)) byYear.set(y, []);
+      byYear.get(y).push(op);
+    }
+    const years = [...byYear.keys()];
+    const yearsHtml = years.map((y, idx) => {
+      const yOps = byYear.get(y);
+      const yTrades = yOps.filter((o) => o.kind === 'buy' || o.kind === 'sell').length;
+      const yDivs = yOps.filter((o) => o.kind === 'div').reduce((s, o) => s + (o.paymentRub || 0), 0);
+      const yMeta = `операций: ${yOps.length}${yTrades ? ` · сделок: ${yTrades}` : ''}${yDivs > 0 ? ` · дивиденды и купоны: +${fmtNum(yDivs, 0)} ₽` : ''}`;
+      return `<details class="hist-year-box"${idx === 0 ? ' open' : ''}>
+        <summary><span>📁 ${esc(y)} год</span><span class="muted small">${yMeta}</span></summary>
+        ${renderOpsTable(yOps)}
+      </details>`;
+    }).join('');
+
+    const histHtml = lh?.operations?.length
+      ? `${eqHistHtml}<div class="kpis" style="grid-template-columns:repeat(4,1fr);margin-bottom:10px">
+          <div class="kpi"><div class="v">${fmtNum(lh.summary?.tradesCount || 0, 0)}</div><div class="l">исполнено сделок (всего ${lh.totalCount})</div></div>
+          <div class="kpi"><div class="v">${fmtNum((lh.summary?.buySumRub || 0) + (lh.summary?.sellSumRub || 0), 0)} ₽</div><div class="l">оборот покупок и продаж</div></div>
+          <div class="kpi"><div class="v pos">+${fmtNum(lh.summary?.dividendsRub || 0, 0)} ₽</div><div class="l">дивиденды и купоны</div></div>
+          <div class="kpi"><div class="v muted">−${fmtNum(lh.summary?.commissionsRub || 0, 0)} ₽</div><div class="l">комиссии и налоги</div></div>
+        </div>
+        ${yearsHtml}`
+      : `${eqHistHtml}<p class="muted small">Нажмите <b>«↻»</b> или переключитесь сюда, чтобы получить из брокера выписку всех покупок, продаж, комиссий и дивидендов по счёту.</p>`;
+
+    return `<div class="live-card${isOpen ? '' : ' collapsed'}" data-bid="${esc(a.id)}">
+      <div class="acc-fold-head" data-brk-fold="${esc(a.id)}" title="${isOpen ? 'Нажмите, чтобы свернуть карточку счёта' : 'Нажмите, чтобы развернуть карточку счёта'}">
+        <div style="font-size:15.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap">
+          <span class="acc-caret">▶</span>
+          <b>${esc(a.name)}</b>${ls?.accountName && !a.name.includes(ls.accountName) ? `<span class="tag ok">«${esc(ls.accountName)}»</span>` : ''}
           <span class="tag ${a.mode === 'auto' ? 'mid' : a.mode === 'confirm' ? 'ok' : ''}">${esc(BROKER_MODES[a.mode] || a.mode)}</span>
           ${a.sandbox ? '<span class="tag mid">песочница</span>' : ''}
           ${a.haltedReason ? `<span class="tag no">${esc(a.haltedReason)}</span>` : ''}
-          <div class="muted small">Предохранители: лимит ${fmtNum(a.maxCapitalRub, 0)} ₽ · дневной стоп −${fmtNum(a.maxDailyDrawdownPct, 1)}% · отступ лимитки ${fmtNum(a.limitOffsetPct, 2)}%${a.skipEdgeMinutes ? ' · пропуск краёв сессии' : ''}${a.baseRunLabel ? ` · настройки ${esc(a.baseRunLabel)}` : ''}</div>
         </div>
-        <div class="row-gap">
-          <button type="button" data-btrade="sync" data-bid="${esc(a.id)}">Обновить портфель</button>
-          <button type="button" class="primary" data-btrade="prep" data-bid="${esc(a.id)}">Рассчитать заявки (в лотах)</button>
+        <div class="row-gap" style="align-items:center">
+          ${ls?.ok ? `<span class="small muted">Всего: <b>${fmtNum(ls.totalRub, 0)} ₽</b> · свободно: <b class="pos">${fmtNum(ls.cashRub, 0)} ₽</b> · поз.: ${ls.positions?.length || 0}</span>` : ''}
+        </div>
+      </div>
+      <div ${isOpen ? '' : 'hidden'}>
+        <div class="brk-specs">
+          <span class="k">Брокер и номер счёта:</span><span class="v"><b>${esc(BROKER_LABELS[a.broker] || a.broker)}</b> · <code>${esc(a.accountId || ls?.accountId || 'авто')}</code>${ls?.at ? ` <span class="muted">(обновлён ${fmtTs(ls.at)})</span>` : ''}</span>
+          <span class="k">Режим работы счёта:</span><span class="v"><span class="tag ${a.mode === 'auto' ? 'mid' : a.mode === 'confirm' ? 'ok' : ''}">${esc(BROKER_MODES[a.mode] || a.mode)}</span> · авто-торговля по расписанию: <b>${a.autoSchedule !== false ? '<span class="pos">вкл.</span>' : '<span class="muted">выкл.</span>'}</b></span>
+          <span class="k">Начальный портфель:</span><span class="v">${esc(LEGACY_MODES[lMode] || lMode)}</span>
+          <span class="k">Маржинальная торговля:</span><span class="v">${ls ? (ls.marginEnabled ? '<b class="pos">вкл. (шорт доступен)</b>' : '<b>выкл. у брокера (только в рост)</b>') : '<span class="muted">не проверено</span>'}</span>
+          <span class="k">Контроль автоследования:</span><span class="v">${ls ? (ls.autoFollowDetected ? '<b class="neg">обнаружено ✕ (торговля заблокирована)</b>' : '<b class="pos">не используется ✓ (счёт допущен)</b>') : '<span class="muted">не проверено</span>'}</span>
+          <span class="k">Предохранители и настройки:</span><span class="v">лимит <b>${fmtNum(a.maxCapitalRub, 0)} ₽</b> · дневной стоп <b>−${fmtNum(a.maxDailyDrawdownPct, 1)}%</b> · отступ лимитки <b>${fmtNum(a.limitOffsetPct, 2)}%</b>${a.baseRunLabel ? ` · эксперимент <b>${esc(a.baseRunLabel)}</b>` : ''}</span>
+        </div>
+        <div class="brk-toolbar">
+          ${ls?.positions?.length ? `<button type="button" class="brk-toggle ${lMode === 'isolate' && Object.keys(baseMap).length ? 'on' : ''}" data-btrade="freeze" data-bid="${esc(a.id)}" title="${lMode === 'isolate' && Object.keys(baseMap).length ? 'Жёсткая защита включена (режим «Изолированный карман»): старые бумаги на счёте неприкосновенны. Нажмите, чтобы переключить в «Плавный переход».' : 'Нажмите, чтобы зафиксировать все текущие бумаги на счёте как неприкосновенные (включить режим «Изолированный карман»).'}">${lMode === 'isolate' && Object.keys(baseMap).length ? '🔒 Защита бумаг: ВКЛ' : '🔓 Защита бумаг: ВЫКЛ'}</button>` : ''}
+          ${a.autoSchedule === false ? `<button type="button" class="primary" data-btrade="prep" data-bid="${esc(a.id)}" title="Авто-торговля по расписанию выключена — нажмите для ручного расчёта заявок">⚡ Рассчитать заявки</button>` : ''}
+          <span class="grow"></span>
+          ${a.autoSchedule !== false ? `<button type="button" class="brk-icon-btn" data-btrade="prep" data-bid="${esc(a.id)}" title="Внеочередной пересчёт пакета заявок прямо сейчас (помимо авто-расписания)">⚡</button>` : ''}
+          <button type="button" class="brk-icon-btn" data-btrade="sync" data-bid="${esc(a.id)}" title="Обновить портфель и баланс с брокера">↻</button>
+          <button type="button" class="brk-icon-btn" data-btrade="hist" data-bid="${esc(a.id)}" title="Обновить историю операций по счёту">📜</button>
+          <button type="button" class="brk-icon-btn" data-btrade="cfg" data-bid="${esc(a.id)}" title="Настроить счёт и предохранители">⚙</button>
         </div>
+        ${ls?.ok ? `<div class="kpis" style="grid-template-columns:repeat(4,1fr)">
+          <div class="kpi"><div class="v">${fmtNum(ls.totalRub, 0)} ₽</div><div class="l">всего на счёте (${ls.positions?.length || 0} поз.)</div></div>
+          <div class="kpi"><div class="v ${ls.cashRub > 1000 ? 'pos' : 'muted'}">${fmtNum(ls.cashRub, 0)} ₽</div><div class="l">свободные рубли для покупок</div></div>
+          <div class="kpi"><div class="v ${cls(totalPnlRub)}">${totalPnlRub >= 0 ? '+' : ''}${fmtNum(totalPnlRub, 0)} ₽</div><div class="l">финрезультат открытых позиций</div></div>
+          <div class="kpi"><div class="v" style="white-space:nowrap">${fmtNum(strategyRub, 0)} ₽ <span class="muted small">/ ${fmtNum(protectedRub, 0)} ₽</span></div><div class="l">в стратегии / защищено</div></div>
+        </div>` : ''}
+        ${ls && !ls.ok ? `<p class="neg small">Ошибка связи с брокером: ${esc(ls.error)}</p>` : ''}
+        <div class="brk-subtabs">
+          <button type="button" data-btab="assets" data-bid="${esc(a.id)}" class="${curSubTab === 'assets' ? 'active' : ''}">📦 Активы портфеля (${ls?.positions?.length || 0})</button>
+          <button type="button" data-btab="trade" data-bid="${esc(a.id)}" class="${curSubTab === 'trade' ? 'active' : ''}">⚡ Торговля и заявки${pb?.orders?.length ? ` (${pb.orders.length})` : ''}</button>
+          <button type="button" data-btab="history" data-bid="${esc(a.id)}" class="${curSubTab === 'history' ? 'active' : ''}">📜 История счёта${lh?.totalCount ? ` (${lh.totalCount})` : ''}</button>
+        </div>
+        <div class="brk-subpane" ${curSubTab === 'assets' ? '' : 'hidden'}>${posHtml}</div>
+        <div class="brk-subpane" ${curSubTab === 'trade' ? '' : 'hidden'}>${activeOrdHtml}${batchHtml}</div>
+        <div class="brk-subpane" ${curSubTab === 'history' ? '' : 'hidden'}>${histHtml}</div>
       </div>
-      ${ls?.ok ? `<div class="kpis" style="grid-template-columns:repeat(3,1fr)"><div class="kpi"><div class="v">${fmtNum(ls.totalRub, 0)} ₽</div><div class="l">всего на счёте</div></div><div class="kpi"><div class="v">${fmtNum(ls.cashRub, 0)} ₽</div><div class="l">свободные рубли</div></div><div class="kpi"><div class="v ${cls(-(ls.dayDrawdownPct || 0))}">${fmtNum(-(ls.dayDrawdownPct || 0), 2)}%</div><div class="l">изменение за день (стоп −${fmtNum(a.maxDailyDrawdownPct, 1)}%)</div></div></div>` : ''}
-      ${ls && !ls.ok ? `<p class="neg small">Ошибка связи с брокером: ${esc(ls.error)}</p>` : ''}
-      ${posHtml}
-      ${batchHtml}
     </div>`;
   }).join('');
 }
@@ -1812,15 +2462,141 @@ $('#btn-brokers-cfg').addEventListener('click', () => {
 });
 
 const brokerForm = $('#broker-form');
+let brokerInitialSnap = '';
+
+function getBrokerFormSnap() {
+  const f = brokerForm.elements;
+  return JSON.stringify({
+    name: f.name.value.trim(),
+    broker: f.broker.value,
+    accountId: f.accountId.value.trim(),
+    token: f.token.value.trim(),
+    mode: f.mode.value,
+    legacyMode: f.legacyMode?.value || 'isolate',
+    baseRunId: f.baseRunId.value || '',
+    maxCapitalRub: Number(f.maxCapitalRub.value) || 100000,
+    maxDailyDrawdownPct: Number(f.maxDailyDrawdownPct.value) || 3,
+    limitOffsetPct: Number(f.limitOffsetPct.value ?? 0.1),
+    autoSchedule: Boolean(f.autoSchedule.checked),
+    skipEdgeMinutes: Boolean(f.skipEdgeMinutes.checked),
+    sandbox: Boolean(f.sandbox.checked),
+  });
+}
+
+function updateBrokerSaveBtnState() {
+  const btn = $('#broker-save-btn');
+  if (!btn) return;
+  if (!editingBrokerId) {
+    const f = brokerForm.elements;
+    const hasNewInput = Boolean(f.token.value.trim() || f.accountId.value.trim() || f.name.value.trim());
+    btn.disabled = !hasNewInput;
+    btn.classList.toggle('primary', hasNewInput);
+    btn.title = hasNewInput ? '' : 'Заполните токен или данные счёта';
+    return;
+  }
+  const changed = getBrokerFormSnap() !== brokerInitialSnap;
+  btn.disabled = !changed;
+  btn.classList.toggle('primary', changed);
+  btn.title = changed ? 'Сохранить внесённые изменения' : 'Нет изменений для сохранения';
+}
+
+brokerForm.addEventListener('input', updateBrokerSaveBtnState);
+brokerForm.addEventListener('change', updateBrokerSaveBtnState);
+
+function startBrokerEdit(acc) {
+  editingBrokerId = acc.id;
+  const f = brokerForm.elements;
+  f.id.value = acc.id;
+  f.name.value = acc.name;
+  f.broker.value = acc.broker;
+  f.accountId.value = acc.accountId || '';
+  f.token.value = '';
+  f.mode.value = acc.mode || 'confirm';
+  if (f.legacyMode) f.legacyMode.value = acc.legacyMode || 'isolate';
+  if (acc.baseRunId && f.baseRunId && !Array.from(f.baseRunId.options).some((o) => o.value === String(acc.baseRunId))) {
+    const opt = document.createElement('option');
+    opt.value = String(acc.baseRunId);
+    opt.textContent = acc.baseRunLabel || `№${acc.baseRunId}`;
+    f.baseRunId.appendChild(opt);
+  }
+  f.baseRunId.value = acc.baseRunId ? String(acc.baseRunId) : '';
+  f.maxCapitalRub.value = acc.maxCapitalRub || 100000;
+  f.maxDailyDrawdownPct.value = acc.maxDailyDrawdownPct || 3;
+  f.limitOffsetPct.value = acc.limitOffsetPct ?? 0.1;
+  f.autoSchedule.checked = acc.autoSchedule !== false;
+  f.skipEdgeMinutes.checked = acc.skipEdgeMinutes !== false;
+  f.sandbox.checked = !!acc.sandbox;
+  $('#broker-add-box').open = true;
+  $('#broker-add-sum').textContent = `Изменить счёт «${acc.name}»`;
+  $('#broker-save-btn').textContent = 'Сохранить изменения';
+  $('#broker-cancel-btn').hidden = false;
+  brokerInitialSnap = getBrokerFormSnap();
+  updateBrokerSaveBtnState();
+}
+
 function stopBrokerEdit() {
   editingBrokerId = null;
   brokerForm.reset();
   brokerForm.elements.id.value = '';
+  if ($('#broker-discovered')) { $('#broker-discovered').hidden = true; $('#broker-discovered').innerHTML = ''; }
   $('#broker-add-sum').textContent = 'Добавить брокерский счёт';
   $('#broker-save-btn').textContent = 'Сохранить счёт';
   $('#broker-cancel-btn').hidden = true;
+  brokerInitialSnap = getBrokerFormSnap();
+  updateBrokerSaveBtnState();
 }
 $('#broker-cancel-btn').addEventListener('click', stopBrokerEdit);
+updateBrokerSaveBtnState();
+
+// Авто-поиск всех субсчетов в Т-Инвестициях по токену
+$('#btn-broker-discover')?.addEventListener('click', async () => {
+  const btn = $('#btn-broker-discover');
+  const box = $('#broker-discovered');
+  const f = brokerForm.elements;
+  btn.disabled = true;
+  const old = btn.textContent;
+  btn.textContent = 'Ищем счета…';
+  try {
+    const res = await post('/api/brokers/discover', {
+      id: editingBrokerId || undefined,
+      broker: f.broker.value,
+      token: f.token.value,
+      sandbox: f.sandbox.checked,
+    });
+    const list = res.accounts || [];
+    if (!list.length) {
+      box.hidden = false;
+      box.innerHTML = '<div class="muted small">Открытых счетов по этому токену не найдено.</div>';
+    } else {
+      box.hidden = false;
+      box.innerHTML = `<div class="muted small">Найдено счетов в Т-Инвестициях: <b>${list.length}</b> (нажмите, чтобы выбрать субсчёт):</div>` + list.map((a) => `<div style="display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg1)">
+        <div>
+          <b>${esc(a.name)}</b> <span class="tag">${esc(a.typeLabel)}</span> ${a.marginEnabled ? '<span class="tag ok">Маржинальная торговля: вкл.</span>' : '<span class="tag">Маржинальная торговля: выкл. (только в рост)</span>'} ${a.autoFollowDetected ? '<span class="tag no">Автоследование: обнаружено ✕</span>' : '<span class="tag ok">Автоследование: нет ✓</span>'} ${a.accessLabel ? `<span class="muted small">(${esc(a.accessLabel)})</span>` : ''}
+          <div class="muted small">ID: <code>${esc(a.id)}</code>${a.totalRub !== null ? ` · На счёте: <b>${fmtNum(a.totalRub, 0)} ₽</b> (свободно ${fmtNum(a.cashRub, 0)} ₽, бумаг: ${a.positionsCount})` : ''}</div>
+        </div>
+        <button type="button" class="primary small" data-pick-acc="${esc(a.id)}" data-pick-name="${esc(a.name)}">Выбрать этот счёт</button>
+      </div>`).join('');
+    }
+  } catch (err) {
+    toast(err.message, 'error');
+  } finally {
+    btn.disabled = false;
+    btn.textContent = old;
+  }
+});
+
+$('#broker-discovered')?.addEventListener('click', (e) => {
+  const b = e.target.closest('button[data-pick-acc]');
+  if (!b) return;
+  const f = brokerForm.elements;
+  f.accountId.value = b.dataset.pickAcc;
+  if (!f.name.value.trim() || f.name.value.startsWith('Т-Банк · ')) {
+    f.name.value = `Т-Банк · ${b.dataset.pickName}`;
+  }
+  updateBrokerSaveBtnState();
+  toast(`Выбран счёт «${b.dataset.pickName}» (${b.dataset.pickAcc})`);
+});
+
 brokerForm.addEventListener('submit', async (e) => {
   e.preventDefault();
   const f = brokerForm.elements;
@@ -1831,6 +2607,7 @@ brokerForm.addEventListener('submit', async (e) => {
     accountId: f.accountId.value,
     token: f.token.value,
     mode: f.mode.value,
+    legacyMode: f.legacyMode?.value || 'isolate',
     baseRunId: f.baseRunId.value ? Number(f.baseRunId.value) : null,
     maxCapitalRub: Number(f.maxCapitalRub.value) || 100000,
     maxDailyDrawdownPct: Number(f.maxDailyDrawdownPct.value) || 3,
@@ -1852,30 +2629,22 @@ brokerForm.addEventListener('submit', async (e) => {
 
 $('#brokers-list').addEventListener('click', async (e) => {
   const b = e.target.closest('button[data-bact]');
-  if (!b) return;
+  if (!b) {
+    const fold = e.target.closest('[data-bcfg-fold]');
+    if (fold) {
+      const fid = fold.dataset.bcfgFold;
+      openBrokerCfgId = openBrokerCfgId === fid ? null : fid;
+      saveNavPatch({ openBrokerCfgId });
+      renderBrokers();
+    }
+    return;
+  }
   const id = b.closest('[data-bid]').dataset.bid;
   const acc = (state.brokers?.accounts || []).find((x) => x.id === id);
   if (!acc) return;
   if (b.dataset.bact === 'edit') {
-    editingBrokerId = acc.id;
-    const f = brokerForm.elements;
-    f.id.value = acc.id;
-    f.name.value = acc.name;
-    f.broker.value = acc.broker;
-    f.accountId.value = acc.accountId || '';
-    f.token.value = '';
-    f.mode.value = acc.mode || 'confirm';
-    f.baseRunId.value = acc.baseRunId || '';
-    f.maxCapitalRub.value = acc.maxCapitalRub || 100000;
-    f.maxDailyDrawdownPct.value = acc.maxDailyDrawdownPct || 3;
-    f.limitOffsetPct.value = acc.limitOffsetPct ?? 0.1;
-    f.autoSchedule.checked = acc.autoSchedule !== false;
-    f.skipEdgeMinutes.checked = acc.skipEdgeMinutes !== false;
-    f.sandbox.checked = !!acc.sandbox;
-    $('#broker-add-box').open = true;
-    $('#broker-add-sum').textContent = `Изменить счёт «${acc.name}»`;
-    $('#broker-save-btn').textContent = 'Сохранить изменения';
-    $('#broker-cancel-btn').hidden = false;
+    startBrokerEdit(acc);
+    $('#broker-add-box')?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
     return;
   }
   if (b.dataset.bact === 'del') {
@@ -1901,19 +2670,65 @@ $('#brokers-list').addEventListener('click', async (e) => {
 });
 
 $('#brokers-trade').addEventListener('click', async (e) => {
+  const tabBtn = e.target.closest('button[data-btab]');
+  if (tabBtn) {
+    const id = tabBtn.dataset.bid;
+    const t = tabBtn.dataset.btab;
+    setBrokerSubTab(id, t);
+    renderBrokers();
+    if (t === 'history') {
+      const acc = (state.brokers?.accounts || []).find((x) => x.id === id);
+      if (acc && !acc.lastHistory) {
+        post(`/api/brokers/${encodeURIComponent(id)}/history`).then((st) => { state.brokers = st; renderBrokers(); }).catch((err) => toast(err.message, 'error'));
+      }
+    }
+    return;
+  }
   const b = e.target.closest('button[data-btrade]');
-  if (!b) return;
+  if (!b) {
+    const fold = e.target.closest('[data-brk-fold]');
+    if (fold) {
+      const fid = fold.dataset.brkFold;
+      openBrokerId = openBrokerId === fid ? null : fid;
+      saveNavPatch({ openBrokerId });
+      renderBrokers();
+    }
+    return;
+  }
   const id = b.dataset.bid;
   const act = b.dataset.btrade;
+  if (act === 'cfg') {
+    const acc = (state.brokers?.accounts || []).find((x) => x.id === id);
+    switchTab('settings');
+    showSettingsSec('brokers');
+    if (acc) {
+      startBrokerEdit(acc);
+      setTimeout(() => $('#broker-add-box')?.scrollIntoView({ behavior: 'smooth', block: 'start' }), 50);
+    }
+    return;
+  }
   b.disabled = true;
   const old = b.textContent;
   try {
     if (act === 'sync') {
-      b.textContent = 'Обновляем…';
+      if (!b.classList.contains('brk-icon-btn')) b.textContent = 'Обновляем…';
       state.brokers = await post(`/api/brokers/${encodeURIComponent(id)}/sync`);
       toast('Портфель обновлён');
+    } else if (act === 'hist') {
+      if (!b.classList.contains('brk-icon-btn')) b.textContent = 'Загружаем…';
+      setBrokerSubTab(id, 'history');
+      state.brokers = await post(`/api/brokers/${encodeURIComponent(id)}/history`);
+      toast('История операций загружена');
+    } else if (act === 'freeze') {
+      state.brokers = await post(`/api/brokers/${encodeURIComponent(id)}/freeze-baseline`);
+      const updated = (state.brokers?.accounts || []).find((x) => x.id === id);
+      const isIso = updated?.legacyMode === 'isolate';
+      toast(isIso
+        ? '🔒 Защита бумаг включена (режим «Изолированный карман» — старые бумаги не продаются)'
+        : '🔓 Включён режим «Плавный переход» (разрешено плавное замещение старых бумаг под сигналы)');
     } else if (act === 'prep') {
-      b.textContent = 'Считаем лоты…';
+      if (!b.classList.contains('brk-icon-btn')) b.textContent = 'Считаем лоты…';
+      setBrokerSubTab(id, 'trade');
       state.brokers = await post(`/api/brokers/${encodeURIComponent(id)}/prepare`);
       toast('Пакет заявок по прогнозу рассчитан');
     } else if (act === 'exec') {
@@ -2004,6 +2819,8 @@ function connectWs() {
       case 'journal:update': loadJournal().catch(() => {}); break;
       case 'research:start':
         state.active = m.runId;
+        resetLiveTrain(m.runId);
+        delete liveTrainState.firstTestLeft;
         researchUi(true);
         setProgress(1, `Исследование №${m.runId}${m.source === 'ai' ? ' (Стратег)' : ''}: начинаем…`);
         liveLine(`r-${m.runId}`, `Исследование №${m.runId}${m.source === 'ai' ? ' (Стратег)' : ''}${m.note ? ` — ${esc(m.note)}` : ''}: <span class="pg">начинаем…</span><div class="bar-s"><div></div></div>`);
@@ -2015,7 +2832,19 @@ function connectWs() {
         $('.pg', el).textContent = m.text;
         $('.bar-s div', el).style.width = `${pct}%`;
         if (!state.active) { state.active = m.runId; researchUi(true); }
-        if (m.runId === state.active) setProgress(pct, m.text);
+        if (m.runId === state.active) {
+          setProgress(pct, m.text);
+          if (liveTrainState.runId !== m.runId) { resetLiveTrain(m.runId); delete liveTrainState.firstTestLeft; }
+          liveTrainState.stage = m.stage;
+          liveTrainState.text = m.text || '';
+          if (m.symbol && !liveTrainState.loadedSymbols.includes(m.symbol)) liveTrainState.loadedSymbols.push(m.symbol);
+          if (m.viz) {
+            if (m.viz.symbols) liveTrainState.symbols = m.viz.symbols;
+            if (m.viz.foldIc !== undefined && m.viz.fold) liveTrainState.foldIcs[m.viz.fold - 1] = m.viz.foldIc;
+            liveTrainState.lastViz = m.viz;
+          }
+          if (state.run?.id === m.runId && state.run?.status !== 'done') renderLiveTraining();
+        }
         break;
       }
       case 'research:done':
@@ -2061,7 +2890,6 @@ function connectWs() {
       case 'stability:progress':
         stabilityUi(m.runId);
         setProgress(m.pct, m.text);
-        $('#btn-stability').textContent = `${m.pct}% · проверяем…`;
         break;
       case 'stability:done':
         stabilityUi(null);
@@ -2083,7 +2911,42 @@ function connectWs() {
   };
 }
 
-// ---------- профиль, тарифы ЮKassa, боты Telegram/MAX и админ-панель ----------
+// ---------- окно подписания Договора-оферты в терминале ----------
+let termOfferCallback = null;
+const termOfferModal = $('#offer-modal');
+const termChk1 = $('#term-offer-chk1');
+const termChk2 = $('#term-offer-chk2');
+const termOfferAccept = $('#term-offer-accept');
+
+function syncTermOfferBtn() {
+  if (termOfferAccept) termOfferAccept.disabled = !(termChk1?.checked && termChk2?.checked);
+}
+termChk1?.addEventListener('change', syncTermOfferBtn);
+termChk2?.addEventListener('change', syncTermOfferBtn);
+$('#offer-close')?.addEventListener('click', () => { termOfferModal.hidden = true; termOfferCallback = null; });
+$('#term-offer-decline')?.addEventListener('click', () => { termOfferModal.hidden = true; termOfferCallback = null; });
+termOfferAccept?.addEventListener('click', async () => {
+  termOfferAccept.disabled = true;
+  try {
+    await post('/api/auth/accept-offer').catch(() => {});
+    termOfferModal.hidden = true;
+    if (termOfferCallback) await termOfferCallback();
+  } finally {
+    termOfferCallback = null;
+    syncTermOfferBtn();
+  }
+});
+
+function requireTermOffer(fn) {
+  termOfferCallback = fn;
+  if (termChk1) termChk1.checked = false;
+  if (termChk2) termChk2.checked = false;
+  syncTermOfferBtn();
+  if (termOfferModal) termOfferModal.hidden = false;
+  else fn();
+}
+
+// ---------- профиль, тарифы ЮKassa, VIP-токен и боты Telegram/MAX ----------
 $('#btn-user')?.addEventListener('click', () => {
   switchTab('settings');
   showSettingsSec('cloud');
@@ -2096,11 +2959,19 @@ async function renderCloudPane() {
   const me = await api('/api/auth/me').catch(() => state.config || {});
   state.config = { ...(state.config || {}), ...me };
   const u = me.user;
+  const lic = u?.localLicense;
+  const isDefaultLocal = !me.cloudMode && u?.id === 1 && u?.email === 'owner@neuroalpha.local';
+  const dispName = (lic?.name && lic.name !== 'Владелец платформы' && lic.name !== 'Пользователь')
+    ? lic.name
+    : (isDefaultLocal ? 'Пользователь' : (u?.name || 'Пользователь'));
+  const dispEmail = (lic?.email && lic.email !== 'owner@neuroalpha.local')
+    ? lic.email
+    : (isDefaultLocal ? '' : (u?.email || ''));
   const userBtn = $('#btn-user');
-  if (userBtn) userBtn.textContent = u ? `${u.name} · ${u.planName}` : 'Войти';
+  if (userBtn) userBtn.textContent = u ? `${dispName} · ${u.planName}` : 'Войти';
 
   if (!u) {
-    box.innerHTML = `<div class="srow"><div class="stxt"><div class="slbl">Вы не авторизованы</div><div class="hint">Войдите или создайте аккаунт на странице витрины, чтобы сохранять свои счета и подключать уведомления.</div></div><a class="btn primary" href="/landing">Войти / Регистрация</a></div>`;
+    box.innerHTML = `<div class="srow sblock"><div class="stxt"><div class="slbl">Вы не авторизованы</div><div class="hint">Войдите или создайте аккаунт на странице витрины, чтобы сохранять свои счета и подключать уведомления.</div></div><div class="row-gap"><a class="btn primary" href="/landing">Войти / Регистрация</a></div></div>`;
     return;
   }
 
@@ -2109,129 +2980,83 @@ async function renderCloudPane() {
   const tgUrl = nt.tgBotName ? `https://t.me/${encodeURIComponent(nt.tgBotName)}?start=${encodeURIComponent(code)}` : '';
   const maxUrl = nt.maxBotName ? `https://max.ru/${encodeURIComponent(nt.maxBotName)}?start=${encodeURIComponent(code)}` : '';
 
-  let adminHtml = '';
+  let customBotsHtml = '';
+  let adminLinkHtml = '';
   if (u.role === 'admin') {
-    const adm = await api('/api/admin/state').catch(() => null);
-    if (adm) {
-      const b = adm.billing || {}, n = adm.notify || {};
-      adminHtml = `<div style="margin-top:22px;border-top:1px solid var(--line);padding-top:16px">
-        <div class="slbl" style="margin-bottom:10px">Панель администратора облака (ЮKassa, боты Telegram / MAX, пользователи)</div>
-        <form id="adm-billing-form" style="display:grid;gap:10px;margin-bottom:16px">
-          <div class="muted small"><b>Приём оплаты ЮKassa (API v3)</b> · Webhook URL: <code>${location.origin}/api/billing/yookassa/webhook</code></div>
-          <div class="row-gap" style="flex-wrap:wrap">
-            <input name="shopId" value="${esc(b.shopId || '')}" placeholder="Shop ID ЮKassa" style="width:180px">
-            <input name="secretKey" type="password" placeholder="${b.hasSecret ? 'Секретный ключ задан (оставьте пустым)' : 'Секретный ключ ЮKassa'}" style="flex:1;min-width:220px">
-            <label class="row-gap small muted" style="align-items:center"><input type="checkbox" name="sendReceipt" class="switch"${b.sendReceipt ? ' checked' : ''}>Чеки 54-ФЗ</label>
-            <button type="submit" class="primary">Сохранить ЮKassa</button>
-          </div>
-        </form>
-        <form id="adm-notify-form" style="display:grid;gap:10px;margin-bottom:16px">
-          <div class="muted small"><b>Боты уведомлений и подтверждения заявок (Telegram и MAX)</b></div>
+    if (me.cloudMode) {
+      adminLinkHtml = `<div class="srow sblock" style="border-top:1px solid var(--line);padding-top:12px">
+        <div class="stxt">
+          <div class="slbl">Консоль администратора платформы</div>
+          <div class="hint">Управление пользователями, тарифами, приёмом платежей ЮKassa, промокодами, VIP-токенами, OAuth-провайдерами и юридическими реквизитами оферты вынесено в отдельное приложение.</div>
+        </div>
+        <div class="row-gap" style="flex-wrap:wrap">
+          <a class="btn primary" href="/admin" style="padding:7px 14px;border-radius:7px;text-decoration:none">Открыть админ-консоль (/admin) →</a>
+        </div>
+      </div>`;
+    } else {
+      customBotsHtml = `<details style="margin-top:12px;border-top:1px solid var(--line);padding-top:10px">
+        <summary class="muted small" style="cursor:pointer;font-weight:500">⚙ Собственный бот Telegram / MAX и консоль администратора (/admin)</summary>
+        <form id="adm-notify-form" style="display:grid;gap:10px;margin-top:10px">
+          <div class="muted small">Если вы хотите отправлять уведомления через собственного бота (от <code>@BotFather</code>), укажите его имя и токен:</div>
           <div class="row-gap" style="flex-wrap:wrap">
-            <input name="tgBotName" value="${esc(n.tgBotName || '')}" placeholder="Имя @бота Telegram" style="width:180px">
-            <input name="tgToken" type="password" placeholder="${n.hasTgToken ? 'Токен Telegram задан' : 'Токен Telegram Bot API'}" style="flex:1;min-width:220px">
+            <input name="tgBotName" value="${esc(nt.tgBotName || '')}" placeholder="Имя бота Telegram (без @)" style="width:200px">
+            <input name="tgToken" type="text" class="secret-input" autocomplete="off" spellcheck="false" data-lpignore="true" data-1p-ignore="true" placeholder="${nt.hasTgToken ? 'Токен Telegram задан (оставьте пустым)' : 'Токен Telegram Bot API'}" style="flex:1;min-width:220px">
           </div>
           <div class="row-gap" style="flex-wrap:wrap">
-            <input name="maxBotName" value="${esc(n.maxBotName || '')}" placeholder="Имя бота MAX" style="width:180px">
-            <input name="maxToken" type="password" placeholder="${n.hasMaxToken ? 'Токен MAX задан' : 'Токен MAX Bot API'}" style="flex:1;min-width:220px">
+            <input name="maxBotName" value="${esc(nt.maxBotName || '')}" placeholder="Имя бота MAX" style="width:200px">
+            <input name="maxToken" type="text" class="secret-input" autocomplete="off" spellcheck="false" data-lpignore="true" data-1p-ignore="true" placeholder="${nt.hasMaxToken ? 'Токен MAX задан (оставьте пустым)' : 'Токен MAX Bot API'}" style="flex:1;min-width:220px">
             <button type="submit" class="primary">Сохранить ботов</button>
           </div>
+          <div class="muted small" style="margin-top:4px">Администрирование PaaS-портала (ЮKassa, пользователи, выпуск VIP-токенов, промокоды, OAuth): <a href="/admin" style="color:var(--accent)">Открыть /admin →</a></div>
         </form>
-        <form id="adm-promo-form" style="display:grid;gap:8px;margin-bottom:16px">
-          <div class="muted small"><b>Промокоды (выдача пробного доступа)</b></div>
-          <div class="row-gap" style="flex-wrap:wrap">
-            <input name="code" placeholder="Код (напр. ALPHA14)" style="width:150px" required>
-            <select name="plan" style="width:150px"><option value="investor">Инвестор</option><option value="pro">Профи</option></select>
-            <input name="days" type="number" value="14" min="1" max="365" style="width:90px" title="На сколько дней">
-            <input name="maxUses" type="number" value="50" min="1" max="10000" style="width:90px" title="Макс. активаций">
-            <button type="submit">Создать промокод</button>
-          </div>
-          ${adm.promos?.length ? `<div class="muted small">Активные коды: ${adm.promos.map((p) => `<code>${esc(p.code)}</code> (${esc(p.plan)}, ${p.days} дн., исп. ${p.used_count}/${p.max_uses})`).join(' · ')}</div>` : ''}
-        </form>
-        <div class="muted small" style="margin-bottom:6px"><b>Пользователи платформы (${adm.users?.length || 0})</b></div>
-        <table><thead><tr><th>ID</th><th>Имя / Email</th><th>Тариф</th><th>Мессенджеры</th><th>Сменить тариф</th></tr></thead><tbody>
-          ${(adm.users || []).map((usr) => `<tr>
-            <td>${usr.id}</td>
-            <td><b>${esc(usr.name)}</b> <span class="muted small">${esc(usr.email)}</span></td>
-            <td><span class="tag ok">${esc(usr.planName)}</span></td>
-            <td class="small">${usr.tgConnected ? '<span class="pos">TG ✓</span> ' : ''}${usr.maxConnected ? '<span class="pos">MAX ✓</span>' : (!usr.tgConnected ? '—' : '')}</td>
-            <td>
-              <select data-adm-plan="${usr.id}" class="sctrl" style="padding:2px 6px">
-                <option value="free"${usr.plan === 'free' ? ' selected' : ''}>Старт (Free)</option>
-                <option value="investor"${usr.plan === 'investor' ? ' selected' : ''}>Инвестор</option>
-                <option value="pro"${usr.plan === 'pro' ? ' selected' : ''}>Профи</option>
-              </select>
-            </td>
-          </tr>`).join('')}
-        </tbody></table>
-      </div>`;
+      </details>`;
     }
   }
 
-  const apiKey = u.apiKey || '';
-  const npxCmd = apiKey ? `npx neuroalpha --key ${apiKey}` : 'npx neuroalpha';
-  const lic = u.localLicense;
+  const capLimStr = u.limits?.maxCapitalPerAccountRub >= 100000000
+    ? 'без ограничений суммы'
+    : u.limits?.maxCapitalPerAccountRub > 0
+      ? `до ${fmtNum(u.limits.maxCapitalPerAccountRub, 0)} ₽ на счёт`
+      : 'только демо-торговля';
+  const retLimStr = u.limits?.maxAnnualReturnPct > 0
+    ? `до ${u.limits.maxAnnualReturnPct}% годовых`
+    : 'без ограничений (полная мощность VIP)';
+  const dirLimStr = u.limits?.allowShorts ? 'в рост и в падение (с шортом)' : 'только в рост (без шорта)';
 
   box.innerHTML = `
-    <div class="srow">
+    <div class="srow sblock">
       <div class="stxt">
-        <div class="slbl">${esc(u.name)} · <span class="muted">${esc(u.email)}</span> <span class="tag ok" style="margin-left:6px">${esc(u.planName)}</span></div>
-        <div class="hint">Лимиты тарифа: до ${u.limits?.maxRunsPerDay ?? 2} экспериментов в сутки · виртуальных счетов: до ${u.limits?.maxVirtualAccounts ?? 1} · брокерских счетов: до ${u.limits?.maxBrokerAccounts ?? 0}${u.planUntil ? ` · оплачен до ${fmtDate(u.planUntil)}` : ''}.</div>
+        <div class="slbl">${esc(dispName)}${dispEmail ? ` · <span class="muted">${esc(dispEmail)}</span>` : ''} <span class="tag ok" style="margin-left:6px">${esc(u.planName)}</span></div>
+        <div class="hint">
+          Брокерских счетов: до <b>${u.limits?.maxBrokerAccounts ?? 0}</b> (${capLimStr}) · Режим торговли: <b>${dirLimStr}</b> · Предел доходности стратегии: <b>${retLimStr}</b> · Виртуальных счетов: до <b>${u.limits?.maxVirtualAccounts ?? 1}</b>${u.planUntil ? ` · Оплачен до ${fmtDate(u.planUntil)}` : ''}.
+        </div>
       </div>
-      <div class="row-gap">
+      ${me.cloudMode ? `<div class="row-gap" style="flex-wrap:wrap">
         <button type="button" id="btn-cloud-verify">Проверить оплату</button>
         <button type="button" id="btn-cloud-logout">Выйти</button>
-      </div>
+      </div>` : ''}
     </div>
-    <div class="srow">
+    <div class="srow sblock">
       <div class="stxt">
-        <div class="slbl">Ваш персональный API-ключ (для локального запуска через <code>npx</code> и API)</div>
+        <div class="slbl">Тарифные планы и активация персонального VIP-токена / промокода</div>
         <div class="hint">
-          Ключ: <b><code id="user-api-key">${esc(apiKey || 'не создан')}</code></b><br>
-          Команда для запуска на вашем ПК (ключи брокера остаются локально): <code>${esc(npxCmd)}</code>
-          ${lic ? `<br><span class="pos">✓ Активирована лицензия: ${esc(lic.planName)} (${esc(lic.email || '')})</span>` : ''}
+          • <b>«Старт» (0 ₽)</b> — тестирование стратегий любой сложности без реальной торговли;<br>
+          • <b>«Инвестор» (3 900 ₽/мес)</b> — до 2 брокерских счетов (до 1 млн ₽ на каждом), торговля «Только в рост (без шорта)», до 50% годовых;<br>
+          • <b>«Профи» (9 900 ₽/мес)</b> — до 5 брокерских счетов (до 10 млн ₽ на каждом), «В рост и в падение (с шортом)», до 100% годовых;<br>
+          • <b>«VIP» (по согласованию)</b> — без ограничений по счетам, капиталу и доходности (полный форсаж <code>H/2</code> + <code>Conviction Sizing</code>).
         </div>
       </div>
       <div class="row-gap" style="flex-wrap:wrap">
-        <button type="button" id="btn-copy-apikey" class="primary">Скопировать ключ</button>
-        <button type="button" id="btn-copy-npx">Скопировать npx-команду</button>
-        <button type="button" id="btn-regen-apikey" title="Перевыпустить API-ключ (старый перестанет работать)">Перевыпустить</button>
+        <input id="promo-code-in" placeholder="Промокод или VIP-токен (VIP-…)" style="width:240px">
+        <button type="button" id="btn-promo-redeem">Активировать код / VIP</button>
+        <button type="button" class="primary" data-checkout="investor">Тариф «Инвестор» · 3 900 ₽</button>
+        <button type="button" class="primary" data-checkout="pro">Тариф «Профи» · 9 900 ₽</button>
+        <a class="btn" href="/landing#pricing" style="padding:5px 10px;border:1px solid var(--line);border-radius:6px;text-decoration:none">Запросить VIP →</a>
       </div>
     </div>
-    ${!me.cloudMode ? `<div class="srow">
+    <div class="srow sblock">
       <div class="stxt">
-        <div class="slbl">Активировать API-ключ подписки с сайта</div>
-        <div class="hint">Если вы зарегистрировались и оплатили тариф на сайте, вставьте полученный <code>na_live_…</code> ключ сюда для разблокировки тарифа на этом компьютере.</div>
-      </div>
-      <div class="row-gap" style="flex-wrap:wrap">
-        <input id="lic-key-in" value="${esc(lic?.apiKey || '')}" placeholder="na_live_…" style="width:210px">
-        <input id="lic-url-in" value="${esc(lic?.cloudUrl && lic.cloudUrl !== 'local' ? lic.cloudUrl : '')}" placeholder="URL сайта (если внешний)" style="width:170px">
-        <button type="button" id="btn-lic-activate">Активировать ключ</button>
-      </div>
-    </div>` : ''}
-    <div class="srow">
-      <div class="stxt">
-        <div class="slbl">Тариф и подписка (карты МИР и СБП)</div>
-        <div class="hint">Мгновенное подключение брокерских счетов (Т-Банк, БКС, Финам, Алор), подтверждения заявок в Telegram и MAX и расширенных лимитов.</div>
-      </div>
-      <div class="row-gap" style="flex-wrap:wrap">
-        <button type="button" class="primary" data-checkout="investor">Оформить «Инвестор» · 3 900 ₽/мес</button>
-        <button type="button" class="primary" data-checkout="pro">Оформить «Профи» · 9 900 ₽/мес</button>
-      </div>
-    </div>
-    <div class="srow">
-      <div class="stxt">
-        <div class="slbl">Активировать промокод</div>
-        <div class="hint">Введите промокод партнёра или пробного периода для подключения тарифа «Инвестор» или «Профи».</div>
-      </div>
-      <div class="row-gap">
-        <input id="promo-code-in" placeholder="Промокод" style="width:140px">
-        <button type="button" id="btn-promo-redeem">Активировать</button>
-      </div>
-    </div>
-    <div class="srow">
-      <div class="stxt">
-        <div class="slbl">Боты Telegram и MAX (уведомления и исполнение заявок в 1 клик)</div>
+        <div class="slbl">Уведомления в Telegram и MAX (подтверждение заявок в 1 клик)</div>
         <div class="hint">
           Ваш код привязки: <b><code>${esc(code)}</code></b> — отправьте этот код боту в Telegram или в мессенджер MAX.<br>
           Статус: Telegram — ${u.tgConnected ? '<b class="pos">подключён ✓</b>' : '<span class="muted">не привязан</span>'} · MAX — ${u.maxConnected ? '<b class="pos">подключён ✓</b>' : '<span class="muted">не привязан</span>'}
@@ -2241,39 +3066,13 @@ async function renderCloudPane() {
         ${tgUrl ? `<a class="btn" href="${esc(tgUrl)}" target="_blank" rel="noopener" style="padding:5px 10px;border:1px solid var(--line);border-radius:6px">Открыть Telegram</a>` : ''}
         ${maxUrl ? `<a class="btn" href="${esc(maxUrl)}" target="_blank" rel="noopener" style="padding:5px 10px;border:1px solid var(--line);border-radius:6px">Открыть MAX</a>` : ''}
         <button type="button" id="btn-notify-test">Тест уведомления</button>
+        <a class="btn" href="/legal" target="_blank" style="padding:5px 10px;border:1px solid var(--line);border-radius:6px;text-decoration:none">Договор-оферта →</a>
       </div>
     </div>
-    ${adminHtml}
+    ${adminLinkHtml}
+    ${customBotsHtml}
   `;
 
-  box.querySelector('#btn-copy-apikey')?.addEventListener('click', () => {
-    if (!apiKey) return;
-    navigator.clipboard?.writeText(apiKey);
-    toast('API-ключ скопирован в буфер обмена');
-  });
-  box.querySelector('#btn-copy-npx')?.addEventListener('click', () => {
-    navigator.clipboard?.writeText(npxCmd);
-    toast(`Команда «${npxCmd}» скопирована`);
-  });
-  box.querySelector('#btn-regen-apikey')?.addEventListener('click', async () => {
-    if (!confirm('Перевыпустить API-ключ? Прежний ключ перестанет работать.')) return;
-    try {
-      await post('/api/auth/api-key/regenerate');
-      toast('Новый API-ключ выпущен');
-      renderCloudPane();
-    } catch (e) { toast(e.message, 'error'); }
-  });
-  box.querySelector('#btn-lic-activate')?.addEventListener('click', async () => {
-    const k = box.querySelector('#lic-key-in')?.value.trim();
-    const uUrl = box.querySelector('#lic-url-in')?.value.trim();
-    if (!k) return toast('Введите API-ключ (na_live_…)', 'error');
-    try {
-      const r = await post('/api/license/activate', { apiKey: k, cloudUrl: uUrl });
-      toast(`Ключ активирован! Тариф: ${r.license?.planName}`);
-      renderCloudPane();
-    } catch (e) { toast(e.message, 'error'); }
-  });
-
   box.querySelector('#btn-cloud-logout')?.addEventListener('click', async () => {
     await post('/api/auth/logout');
     location.href = '/landing';
@@ -2285,11 +3084,14 @@ async function renderCloudPane() {
       renderCloudPane();
     } catch (e) { toast(e.message, 'error'); }
   });
-  box.querySelectorAll('[data-checkout]').forEach((b) => b.addEventListener('click', async () => {
-    try {
-      const r = await post('/api/billing/checkout', { plan: b.dataset.checkout, months: 1, returnOrigin: location.origin });
-      if (r.confirmationUrl) location.href = r.confirmationUrl;
-    } catch (e) { toast(e.message, 'error'); }
+  box.querySelectorAll('[data-checkout]').forEach((b) => b.addEventListener('click', () => {
+    const plan = b.dataset.checkout;
+    requireTermOffer(async () => {
+      try {
+        const r = await post('/api/billing/checkout', { plan, months: 1, returnOrigin: location.origin });
+        if (r.confirmationUrl) location.href = r.confirmationUrl;
+      } catch (e) { toast(e.message, 'error'); }
+    });
   }));
   box.querySelector('#btn-notify-test')?.addEventListener('click', async () => {
     try {
@@ -2297,32 +3099,16 @@ async function renderCloudPane() {
       toast('Тестовое уведомление отправлено в привязанные мессенджеры');
     } catch (e) { toast(e.message, 'error'); }
   });
-  box.querySelector('#btn-promo-redeem')?.addEventListener('click', async () => {
+  box.querySelector('#btn-promo-redeem')?.addEventListener('click', () => {
     const code = box.querySelector('#promo-code-in')?.value.trim();
-    if (!code) return;
-    try {
-      const r = await post('/api/auth/redeem-promo', { code });
-      toast(`Промокод активирован! Ваш тариф: ${r.user?.planName}`);
-      renderCloudPane();
-    } catch (e) { toast(e.message, 'error'); }
-  });
-  box.querySelector('#adm-promo-form')?.addEventListener('submit', async (e) => {
-    e.preventDefault();
-    const f = e.target.elements;
-    try {
-      await post('/api/admin/promo', { code: f.code.value, plan: f.plan.value, days: f.days.value, maxUses: f.maxUses.value });
-      toast('Промокод создан');
-      renderCloudPane();
-    } catch (err) { toast(err.message, 'error'); }
-  });
-  box.querySelector('#adm-billing-form')?.addEventListener('submit', async (e) => {
-    e.preventDefault();
-    const f = e.target.elements;
-    try {
-      await post('/api/admin/billing', { shopId: f.shopId.value, secretKey: f.secretKey.value, sendReceipt: f.sendReceipt.checked });
-      toast('Настройки ЮKassa сохранены');
-      renderCloudPane();
-    } catch (err) { toast(err.message, 'error'); }
+    if (!code) return toast('Введите промокод или персональный VIP-токен', 'error');
+    requireTermOffer(async () => {
+      try {
+        const r = await post('/api/auth/redeem-promo', { code });
+        toast(`Код активирован! Ваш тариф: ${r.user?.planName}`);
+        renderCloudPane();
+      } catch (e) { toast(e.message, 'error'); }
+    });
   });
   box.querySelector('#adm-notify-form')?.addEventListener('submit', async (e) => {
     e.preventDefault();
@@ -2333,13 +3119,6 @@ async function renderCloudPane() {
       renderCloudPane();
     } catch (err) { toast(err.message, 'error'); }
   });
-  box.querySelectorAll('[data-adm-plan]').forEach((sel) => sel.addEventListener('change', async () => {
-    try {
-      await post('/api/admin/user-plan', { userId: Number(sel.dataset.admPlan), plan: sel.value, days: 30 });
-      toast('Тариф пользователя обновлён');
-      renderCloudPane();
-    } catch (err) { toast(err.message, 'error'); }
-  }));
 }
 
 // ---------- тема (тёмная / светлая) ----------
@@ -2366,15 +3145,28 @@ $('#btn-theme')?.addEventListener('click', () => {
 if (localStorage.getItem('theme') === 'light') applyTheme(true);
 
 // ---------- справка ----------
-let helpLoaded = false;
-$('#btn-help').addEventListener('click', async () => {
+const helpCache = new Map();
+async function openHelpDoc(docName = 'ИНСТРУКЦИЯ.md') {
   $('#help').hidden = false;
-  if (helpLoaded) return;
+  document.querySelectorAll('#help-tabs [data-hdoc]').forEach((b) => b.classList.toggle('active', b.dataset.hdoc === docName));
+  if (helpCache.has(docName)) {
+    $('#help-body').innerHTML = helpCache.get(docName);
+    $('#help-body').scrollTop = 0;
+    return;
+  }
+  $('#help-body').textContent = 'Загрузка…';
   try {
-    const res = await fetch(`/docs/${encodeURIComponent('ИНСТРУКЦИЯ.md')}`);
-    $('#help-body').innerHTML = md(await res.text());
-    helpLoaded = true;
+    const res = await fetch(`/docs/${encodeURIComponent(docName)}`);
+    const html = md(await res.text());
+    helpCache.set(docName, html);
+    $('#help-body').innerHTML = html;
+    $('#help-body').scrollTop = 0;
   } catch (e) { $('#help-body').textContent = e.message; }
+}
+$('#btn-help').addEventListener('click', () => openHelpDoc('ИНСТРУКЦИЯ.md'));
+$('#help-tabs')?.addEventListener('click', (e) => {
+  const b = e.target.closest('button[data-hdoc]');
+  if (b) openHelpDoc(b.dataset.hdoc);
 });
 $('#help-close').addEventListener('click', () => { $('#help').hidden = true; });
 $('#help').addEventListener('click', (e) => { if (e.target.id === 'help') $('#help').hidden = true; });
@@ -2386,7 +3178,7 @@ document.addEventListener('keydown', (e) => {
   }
 });
 
-// ---------- старт ----------
+// ---------- старт и восстановление сохранённого места в интерфейсе ----------
 (async function init() {
   state.config = await api('/api/config');
   buildForm();
@@ -2405,6 +3197,17 @@ document.addEventListener('keydown', (e) => {
       renderCloudPane();
     }).catch(() => {});
   }
-  const initRunId = Number(urlParams.get('run')) || undefined;
+  const savedNav = loadSavedNav();
+  const initRunId = Number(urlParams.get('run')) || Number(savedNav.runId) || undefined;
   await loadRuns(initRunId);
+
+  // Восстанавливаем открытые подразделы и главную вкладку, где находился пользователь
+  if (savedNav.nowSec) showNowSec(savedNav.nowSec);
+  if (savedNav.settingsSec) showSettingsSec(savedNav.settingsSec);
+  if (savedNav.mapSec) showMapSec(savedNav.mapSec).catch(() => {});
+  if (savedNav.tab && ['overview', 'now', 'map', 'settings'].includes(savedNav.tab) && !urlParams.get('run')) {
+    switchTab(savedNav.tab);
+  }
+  // В фоне подгружаем актуальный 10-минутный прогноз с серверного кэша (чтобы он сразу был готов и в «Прогноз сейчас», и в бейджах брокерского портфеля)
+  setTimeout(() => refreshForecastIfStale(), 600);
 })().catch((e) => toast(e.message, 'error'));