neuroalpha 0.0.0-stage → 0.2.0

package/public/app.js

@@ -0,0 +1,2410 @@
+const $ = (s, root = document) => root.querySelector(s);
+const MSK = 3 * 3600000;
+
+// ---------- утилиты ----------
+const api = async (url, opts = {}) => {
+  const res = await fetch(url, { headers: { 'Content-Type': 'application/json' }, ...opts, body: opts.body ? JSON.stringify(opts.body) : undefined });
+  const j = await res.json().catch(() => ({}));
+  if (!res.ok) throw new Error(j.error || res.statusText);
+  return j;
+};
+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 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) => {
+  const raw = window.marked ? marked.parse(String(s || ''), { breaks: true }) : `<p>${esc(s)}</p>`;
+  return raw.replace(/№(\d{1,6})\b/g, '<span class="link" data-run="$1" title="Открыть эксперимент №$1">№$1</span>');
+};
+const chartTime = (ts) => Math.floor((ts + MSK) / 1000);
+const debounce = (fn, ms) => { let t; return (...a) => { clearTimeout(t); t = setTimeout(() => fn(...a), ms); }; };
+// action: { label, fn } — кнопка в сообщении (тогда оно висит дольше)
+function toast(text, type = 'info', action = null) {
+  const el = document.createElement('div');
+  el.className = type;
+  el.textContent = text;
+  if (action) {
+    const b = document.createElement('button');
+    b.textContent = action.label;
+    b.style.marginLeft = '10px';
+    b.addEventListener('click', () => { el.remove(); action.fn(); });
+    el.append(b);
+  }
+  $('#toast').append(el);
+  setTimeout(() => el.remove(), action ? 12000 : type === 'error' ? 8000 : 4000);
+}
+
+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 MODEL_HINT = {
+  inertia: 'Простейшая планка: акция предсказывается только по своему недавнему движению.',
+  leadlag: 'Каждая акция предсказывается по недавним движениям всех остальных, без карты.',
+  attention: 'Влияние соседей по карте рынка через 12 «голов внимания».',
+  transformer: 'Нейросеть с вниманием между акциями; учится заново в каждом окне.',
+};
+const COLORS = { attention: '#4f8cff', market: '#8b949e', inertia: '#d29922', leadlag: '#a371f7', transformer: '#39c5cf' };
+const CLUSTER_COLORS = ['#4f8cff', '#3fb950', '#d29922', '#f85149', '#a371f7', '#0891b2', '#db2777', '#64748b'];
+const labelOf = (k) => state.config?.params.find((p) => p.key === k)?.label || k;
+
+// ======================================================================
+// СПЛИТТЕР
+// ======================================================================
+(function splitter() {
+  const sp = $('#splitter');
+  const saved = localStorage.getItem('chatWidth');
+  if (saved) document.documentElement.style.setProperty('--chat-w', saved);
+  let dragging = false;
+  sp.addEventListener('mousedown', (e) => { dragging = true; sp.classList.add('drag'); document.body.classList.add('dragging'); e.preventDefault(); });
+  window.addEventListener('mousemove', (e) => {
+    if (!dragging) return;
+    const w = Math.max(300, Math.min(window.innerWidth - 420, e.clientX));
+    document.documentElement.style.setProperty('--chat-w', `${w}px`);
+  });
+  window.addEventListener('mouseup', () => {
+    if (!dragging) return;
+    dragging = false;
+    sp.classList.remove('drag');
+    document.body.classList.remove('dragging');
+    localStorage.setItem('chatWidth', getComputedStyle(document.documentElement).getPropertyValue('--chat-w').trim());
+    if (!$('#tab-map').hidden) drawMap();
+  });
+  sp.addEventListener('dblclick', () => {
+    document.documentElement.style.removeProperty('--chat-w');
+    localStorage.removeItem('chatWidth');
+    if (!$('#tab-map').hidden) drawMap();
+  });
+})();
+
+// ======================================================================
+// ВКЛАДКИ
+// ======================================================================
+function updateTabBadges() {
+  // 1. Эксперименты: общее количество + иконка, если прямо сейчас идёт расчёт или стресс-тест
+  const ovEl = $('#tstat-overview');
+  if (ovEl) {
+    const total = state.runs?.length || 0;
+    const isRunning = Boolean(state.active || state.stabilityActive || state.runs?.some((r) => r.status === 'running'));
+    const parts = [];
+    if (total > 0) parts.push(`<span class="tbadge" title="Всего экспериментов в истории: ${total}">${total}</span>`);
+    if (isRunning) {
+      const rId = state.active || state.stabilityActive || state.runs?.find((r) => r.status === 'running')?.id;
+      parts.push(`<span class="tbadge run" title="Сейчас идёт расчёт${rId ? ` №${rId}` : ''}"><i class="tspin"></i></span>`);
+    }
+    ovEl.innerHTML = parts.join('');
+  }
+
+  // 2. Торговля: сколько виртуальных и реальных брокерских счетов
+  const nowEl = $('#tstat-now');
+  if (nowEl) {
+    const vAccs = state.live?.accounts || [];
+    const vRun = vAccs.filter((a) => a.running).length;
+    const bAccs = state.brokers?.accounts || [];
+    const bActive = bAccs.filter((a) => !a.haltedReason && a.mode !== 'readonly').length;
+    const parts = [];
+    if (vAccs.length > 0) {
+      parts.push(`<span class="tbadge${vRun > 0 ? ' ok' : ''}" title="Виртуальные счета: запущено ${vRun}, всего ${vAccs.length}">${vRun > 0 ? `▶ ${vRun}` : vAccs.length} вирт.</span>`);
+    }
+    if (bAccs.length > 0) {
+      parts.push(`<span class="tbadge${bActive > 0 ? ' ok' : ''}" title="Брокерские счета: подключено ${bAccs.length}">${bAccs.length} реал.</span>`);
+    }
+    nowEl.innerHTML = parts.join('');
+  }
+
+  // 3. Карта и журнал: сколько записей в журнале гипотез (+ индикатор обновления профилей)
+  const mapEl = $('#tstat-map');
+  if (mapEl) {
+    const jCount = state.journalCount ?? 0;
+    const parts = [];
+    if (jCount > 0) parts.push(`<span class="tbadge" title="Записей в журнале гипотез: ${jCount}">${jCount}</span>`);
+    if (state.profilesBusy) parts.push(`<span class="tbadge run" title="Составляются описания компаний"><i class="tspin"></i></span>`);
+    mapEl.innerHTML = parts.join('');
+  }
+
+  // 4. Настройки: сколько параметров изменено относительно умолчаний
+  const setEl = $('#tstat-settings');
+  if (setEl && state.settings && state.config?.defaults) {
+    const d = state.config.defaults;
+    const shownKeys = (state.config.params || []).filter((p) => !p.hidden).map((p) => p.key);
+    const diff = shownKeys.filter((k) => state.settings[k] !== undefined && JSON.stringify(state.settings[k]) !== JSON.stringify(d[k])).length;
+    setEl.innerHTML = diff > 0 ? `<span class="tbadge" title="Изменено настроек от значений по умолчанию: ${diff}">${diff}</span>` : '';
+  }
+}
+
+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}`; });
+  if (t === 'settings') loadHistory().catch(() => {});
+  if (t === 'now') { refreshForecastIfStale(); loadNews(); }
+  if (t === 'map') {
+    setupMapSlider();
+    drawMap();
+    loadJournal();
+    if (state.mapMode === 'text' && !state.profiles) loadProfilesData().then(drawMap);
+  }
+}
+$('#tabs').addEventListener('click', (e) => {
+  const b = e.target.closest('button[data-tab]');
+  if (b) switchTab(b.dataset.tab);
+});
+
+// ======================================================================
+// ОБЗОР: исследования
+// ======================================================================
+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,
+});
+const eqChart = LightweightCharts.createChart($('#eq-chart'), opts());
+const eqLines = {
+  market: eqChart.addLineSeries({ color: COLORS.market, lineWidth: 1, priceLineVisible: false, lastValueVisible: false }),
+  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 });
+
+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)],
+  ['modelTopK', (v) => `Акции: ${v}`],
+  ['modelAllocMode', (v) => (v === 'invvol' ? 'Доли 1/размах' : null)],
+  ['modelTrainDays', (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)],
+];
+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 t = f(p[k], p);
+    return html && JSON.stringify(p[k]) !== JSON.stringify(d[k]) ? `<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 runTip = (r) => {
+  const p = r.params || {};
+  return esc([
+    `Исследование №${r.id} от ${fmtDate(r.created_at)}`,
+    ...RUN_PARTS.map(([k]) => `${labelOf(k)}: ${p[k] ?? '—'}`),
+    p._source === 'ai' ? 'Запустил Стратег' : '',
+    p._note ? `Гипотеза: ${p._note}` : '',
+  ].filter(Boolean).join('\n'));
+};
+const runLabel = (id) => {
+  const r = state.runs.find((x) => x.id === id);
+  return r ? runTitle(r) : `№${id}`;
+};
+
+async function loadRuns(selectId) {
+  state.runs = (await api('/api/runs')).filter((r) => r.mode === 'model');
+  const sel = $('#run-select');
+  const optHtml = state.runs.length
+    ? state.runs.map((r) => `<option value="${r.id}" title="${runTip(r)}">${runTitle(r)}</option>`).join('')
+    : '<option value="">Исследований пока нет</option>';
+  sel.innerHTML = optHtml;
+  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();
+}
+
+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();
+  renderOverview();
+  setupMapSlider();
+  if (!$('#tab-map').hidden) drawMap();
+}
+
+$('#run-select').addEventListener('change', (e) => e.target.value && openRun(Number(e.target.value)));
+// очистка истории: оставить ровно keep лучших по итогу (0 — удалить все завершённые), в Настройки → Дополнительно
+async function cleanRunsHistory() {
+  const raw = Number($('#keep-n')?.value ?? 0);
+  const keep = Number.isFinite(raw) ? Math.max(0, Math.min(50, Math.floor(raw))) : 0;
+  const total = state.runs.filter((r) => r.status !== 'running').length;
+  if (total <= keep) return toast(`Экспериментов всего ${total} — удалять нечего`);
+  const msg = keep === 0
+    ? `Удалить все завершённые эксперименты (${total})?`
+    : `Оставить ровно ${keep} лучших по итогу и удалить остальные ${total - keep}?`;
+  if (!confirm(msg)) return;
+  try {
+    const r = await post('/api/runs/cleanup', { keep });
+    state.run = null;
+    await loadRuns();
+    toast(`История очищена: удалено ${r.deleted}, осталось ${r.kept.length}`);
+  } catch (e) { toast(e.message, 'error'); }
+}
+// удалить один эксперимент (вместе с его сделками и событиями в ленте)
+$('#btn-del').addEventListener('click', async () => {
+  const r = state.run;
+  if (!r) return;
+  if (r.status === 'running') return toast('Эксперимент ещё идёт — сначала отмените его');
+  if (!confirm(`Удалить ${runLabel(r.id)}?`)) return;
+  try {
+    await api(`/api/runs/${r.id}`, { method: 'DELETE' });
+    state.run = null;
+    await loadRuns();
+    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();
+}
+$('#btn-stability').addEventListener('click', async () => {
+  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');
+  }
+});
+// Запустить виртуальный счёт прямо из открытого эксперимента (с заморозкой его настроек и ориентиром истории)
+$('#btn-to-live').addEventListener('click', async () => {
+  const r = state.run;
+  if (!r || r.status !== 'done') return;
+  const rawCap = prompt(`Стартовая сумма виртуального счёта (по настройкам эксперимента №${r.id}), ₽:`, String(r.params?.capital || 1000000));
+  if (rawCap === null) return;
+  const capital = Math.max(10000, Math.round(Number(String(rawCap).replace(/\s/g, '')) || 1000000));
+  try {
+    const res = await post('/api/live/start', { baseRunId: r.id, capital });
+    renderLive(res.status);
+    toast(`Виртуальный счёт №${res.runId} запущен по эксперименту №${r.id}`, 'info', {
+      label: 'Открыть',
+      fn: () => { switchTab('now'); showNowSec('virtual'); },
+    });
+  } 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'];
+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]);
+  const diffKeys = APPLY_KEYS.filter((k) => pv(k) !== undefined && JSON.stringify(pv(k)) !== JSON.stringify(state.settings[k]));
+  return {
+    entries: diffKeys.map((k) => [k, pv(k)]),
+    lines: diffKeys.map((k) => `${labelOf(k)}: ${state.settings[k] ?? '—'} → ${pv(k) ?? '—'}`),
+  };
+}
+function syncShowcaseBtn() {
+  const btn = $('#btn-showcase');
+  if (!btn) return;
+  const isAdmin = state.config?.user?.role === 'admin';
+  const r = state.run;
+  btn.hidden = !isAdmin || !r || r.status !== 'done';
+  if (!btn.hidden) {
+    const on = Boolean(r.showcase);
+    btn.textContent = on ? '★ На витрине' : '☆ На витрину';
+    btn.style.color = on ? 'var(--yellow)' : '';
+  }
+}
+$('#btn-showcase')?.addEventListener('click', async () => {
+  const r = state.run;
+  if (!r) return;
+  try {
+    const updated = await api(`/api/runs/${r.id}/showcase`, { method: 'PUT', body: { showcase: !r.showcase } });
+    state.run.showcase = updated.showcase;
+    syncShowcaseBtn();
+    toast(updated.showcase ? `Эксперимент №${r.id} добавлен на публичную витрину` : `Эксперимент №${r.id} убран с витрины`);
+  } catch (e) { toast(e.message, 'error'); }
+});
+
+function syncApplyBtn() {
+  syncShowcaseBtn();
+  const btn = $('#btn-apply');
+  if (!btn) return;
+  const { lines } = runSettingsDiff();
+  btn.hidden = !state.run || !lines.length;
+  if (lines.length) {
+    btn.textContent = `✓ Применить эти настройки (${lines.length})`;
+    btn.title = `Скопировать отличающиеся настройки эксперимента в текущие:\n${lines.join('\n')}`;
+  }
+}
+$('#btn-apply').addEventListener('click', async () => {
+  const r = state.run;
+  if (!r) return;
+  const { entries, lines } = runSettingsDiff(r);
+  if (!lines.length) { syncApplyBtn(); return; }
+  if (!confirm(`Применить настройки из эксперимента №${r.id}?\n\n${lines.join('\n')}`)) return;
+  await saveSettings(Object.fromEntries(entries));
+  fillForm(state.settings);
+  syncApplyBtn();
+  toast(`Настройки из эксперимента №${r.id} применены`);
+});
+
+function verdictHtml(c, dir) {
+  const a = c.attention, base = c.inertia;
+  if (!a) return '';
+  const neutral = dir === 'neutral';
+  // помогает ли карта рынка — по торговому результату против простейшей модели
+  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>`;
+  }
+  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}`;
+}
+
+const MONTHS = ['Янв', 'Фев', 'Мар', 'Апр', 'Май', 'Июн', 'Июл', 'Авг', 'Сен', 'Окт', 'Ноя', 'Дек'];
+$('#pmode').addEventListener('click', (e) => {
+  if (!e.target.dataset.k) return;
+  state.pmode = e.target.dataset.k;
+  renderPeriods();
+});
+
+function renderPeriods() {
+  const pr = state.run?.extra?.periods;
+  const box = $('#periods-box');
+  box.hidden = !pr?.months?.length;
+  if (box.hidden) return;
+  const mode = state.pmode || 'model';
+  $('#pmode').querySelectorAll('button').forEach((b) => b.classList.toggle('active', b.dataset.k === mode));
+  const val = (x) => (mode === 'market' ? x.market : mode === 'diff' ? (x.model === null || x.market === null ? null : x.model - x.market) : x.model);
+  const tip = (x, extra = '') => esc(`Стратегия ${fmtPct(x.model, 2)} · без комиссий ${fmtPct(x.gross, 2)} · рынок ${fmtPct(x.market, 2)}${extra}`);
+  const cell = (x, scale, extra = '', klass = '') => {
+    const v = val(x);
+    if (v === null || v === undefined) return `<td class="${klass}"></td>`;
+    const k = Math.min(Math.abs(v) / scale, 1) * 0.5;
+    const bg = v === 0 ? '' : `background:rgba(${v > 0 ? '63,185,80' : '248,81,73'},${k.toFixed(2)})`;
+    return `<td class="cell num ${klass}" style="${bg}" title="${tip(x, extra)}">${fmtNum(v, Math.abs(v) < 10 ? 1 : 0)}</td>`;
+  };
+  const byYm = new Map(pr.months.map((m) => [m.ym, m]));
+  const years = pr.years.map((y) => y.y);
+  const rows = years.map((y) => {
+    const yr = pr.years.find((z) => z.y === y);
+    const cells = MONTHS.map((_, i) => {
+      const m = byYm.get(`${y}-${String(i + 1).padStart(2, '0')}`);
+      return m ? cell(m, 10, m.oos ? ' · контрольный период' : '', m.oos ? 'oos' : '') : '<td></td>';
+    }).join('');
+    return `<tr><td class="y">${y}${yr.partial ? ` <span class="small" title="Неполный год: ${yr.months} мес.">·${yr.months}м</span>` : ''}</td>${cells}${cell(yr, 30, yr.partial ? ` · неполный год, ${yr.months} мес.` : '', 'tot')}</tr>`;
+  }).join('');
+  const what = { model: 'стратегия (с комиссиями), %', market: 'рынок, %', diff: 'стратегия минус рынок, п. п.' }[mode];
+  const pair = (x) => `стратегия ${fmtPct(x.model)} / рынок ${fmtPct(x.market)}`;
+  $('#periods').innerHTML = `<table><thead><tr><th class="y"></th>${MONTHS.map((m) => `<th>${m}</th>`).join('')}<th>Год</th></tr></thead><tbody>${rows}</tbody></table>
+    <p class="muted small note">В ячейках: ${what}. Подсказка при наведении — все три значения. Пунктир снизу — месяцы контрольного периода (больше половины месяца после границы настройки и контроля).</p>
+    <p class="muted small note">Годовые: ${pr.years.map((y) => `${y.y}${y.partial ? ` (${y.months} мес.)` : ''} ${pair(y)}`).join('; ')}${pr.last12 ? ` · Последние 12 мес.: ${pair(pr.last12)}` : ''}</p>`;
+}
+
+function renderStability(st) {
+  const box = $('#stability');
+  if (!box) return;
+  if (!st || !st.runs?.length) { box.hidden = true; return; }
+  box.hidden = false;
+  const vMap = {
+    ok: ['Устойчиво', 'ok'],
+    mid: ['Средняя устойчивость', 'mid'],
+    no: ['Сильно зависит от случая', 'no'],
+  };
+  const [vLbl, vCls] = vMap[st.verdict] || ['Проверка', ''];
+  const kindLbl = st.mode === 'shifts' ? '5 сдвигов периода (−8…+8 дн.)' : 'быстрая проверка по сдвигам входа';
+  const chips = st.runs.map((r) => `<span class="stab-chip" title="Просадка ${fmtNum(r.maxDrawdownPct, 1)}%, сделок ${r.trades}">${esc(r.label)}: <b class="${cls(r.returnPct)}">${fmtPct(r.returnPct)}</b></span>`).join('');
+  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>`;
+}
+
+function renderOverview() {
+  const run = state.run;
+  const empty = $('#overview-empty');
+  if (!run?.extra || run.status !== 'done') {
+    $('#overview').hidden = true;
+    empty.hidden = false;
+    empty.innerHTML = run && run.status !== 'done'
+      ? (run.status === 'running' ? 'Исследование идёт…' : `Исследование не завершилось: ${esc(run.error || run.status)}`)
+      : `<b>Идея.</b> Каждая акция — как слово со своим местом на карте рынка. Недавние движения всех акций — контекст.
+         Стратегия, как языковая модель, предсказывает «следующее слово» — какие акции сдвинутся в ближайшие часы.<br><br>
+         Нажмите <b>«Исследовать»</b>: стратегия пошагово проверится на двух годах истории (около минуты; первый раз — несколько минут на загрузку цен).
+         Или попросите Стратега слева.`;
+    return;
+  }
+  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 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>`
+    : '';
+  $('#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>`;
+  $('#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)}%`, 'худшее падение', 'Насколько счёт проседал от своего максимума'),
+  ].join('');
+  $('#sides').hidden = dir === 'long' || a.shortPct === undefined;
+  $('#sides').textContent = `Покупки: ${fmtPct(a.longPct)} · Продажи: ${fmtPct(a.shortPct)}`;
+  renderStability(ex.stability);
+
+  const uniq = (arr) => (arr || []).filter((p, i, x) => i === 0 || chartTime(p.ts) > chartTime(x[i - 1].ts));
+  for (const n of ['market', ...MODELS]) eqLines[n].setData(uniq(ex.curves[n]).map((p) => ({ time: chartTime(p.ts), value: p.equity })));
+  // трансформер — только если он был в прогоне
+  for (const n of MODELS) eqLines[n].applyOptions({ visible: !!ex.curves[n] && (n === chosen || $('#more').open) });
+  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>`;
+
+  renderPeriods();
+
+  const best = MODELS.reduce((b, n) => (c[n] && (!b || c[n].returnPct > c[b].returnPct) ? n : b), null);
+  const th = (t, h, num = true) => `<th class="${num ? 'num' : ''}" title="${esc(h)}">${t}</th>`;
+  $('#cmp').innerHTML = `<table><thead><tr>${th('Стратегия', '', false)}${th('Совпадение', 'Насколько порядок акций «кто сильнее рынка» по прогнозу совпадает с фактом (−1…1). На рынке 0,03+ уже ценно.')}${th('Недель с плюсом', 'В какой доле недель прогноз угадывал лучше случайного')}${th('Итог', 'После комиссий')}${th('Без комиссий', 'Если бы торговля была бесплатной — есть ли сигнал вообще')}${th('Сделок', '')}${th('На 1 ₽ убытка', 'Сколько заработано на каждый потерянный рубль')}</tr></thead><tbody>${
+    MODELS.map((n) => c[n] && `<tr class="${n === best ? 'best' : ''}"><td title="${esc(MODEL_HINT[n])}">${MODEL_LABEL[n]}${n === chosen ? ' <span class="tag">торгует</span>' : ''}</td>
+      <td class="num">${fmtNum(c[n].ic, 3)}</td><td class="num">${fmtNum(c[n].weeksPositivePct, 0)}%</td><td class="num ${cls(c[n].returnPct)}">${fmtPct(c[n].returnPct)}</td>
+      <td class="num ${cls(c[n].grossReturnPct)}">${fmtPct(c[n].grossReturnPct)}</td><td class="num">${c[n].trades}</td><td class="num">${fmtNum(c[n].profitFactor)}</td></tr>`).join('')}</tbody></table>`;
+
+  const w = uniq(ex.weeklyIc?.[chosen]);
+  icSeries.setData(w.map((x) => ({ time: chartTime(x.ts), value: x.ic, color: x.ic >= 0 ? '#2b7a3b' : '#a33b36' })));
+  icChart.timeScale().fitContent();
+
+  const max = Math.max(...ex.heads.map((h) => Math.abs(h.coef)), ...ex.self.map(Math.abs), ...(ex.macroHeads || []).map((h) => Math.abs(h.coef)), 1e-6);
+  const bar = (label, v) => { const wd = (Math.abs(v) / max) * 50; return `<div class="headbar"><span>${esc(label)}</span><div class="b"><div style="left:${v >= 0 ? 50 : 50 - wd}%;width:${wd}%;background:${v >= 0 ? 'var(--green)' : 'var(--red)'}"></div></div><span class="num ${cls(v)}">${v > 0 ? '+' : ''}${fmtNum(v, 3)}</span></div>`; };
+  $('#heads').innerHTML = `<p class="muted small"><span class="pos">Зелёный</span> — соседи по карте «тянут» акцию за собой (переток). <span class="neg">Красный</span> — акция склонна возвращаться после перекоса. «Узкое» внимание смотрит на ближайших соседей, «широкое» — на многих.</p>
+    ${[...ex.heads].sort((x, y) => Math.abs(y.coef) - Math.abs(x.coef)).slice(0, 8).map((h) => bar(h.label, h.coef)).join('')}
+    ${bar('своё движение за последний час', ex.self[0])}
+    ${ex.macroHeads?.length ? `<h4 class="muted" style="margin:10px 0 4px">Нефть, валюта, облигации</h4>${[...ex.macroHeads].sort((x, y) => Math.abs(y.coef) - Math.abs(x.coef)).map((h) => bar(h.label, h.coef)).join('')}` : ''}`;
+
+  const trades = run.trades || [];
+  $('#trades-sum').textContent = `Сделки торгующей стратегии (${trades.length})`;
+  const shorts = trades.some((t) => t.side === 'short');
+  $('#trades').innerHTML = trades.length ? `<table><thead><tr><th>Акция</th>${shorts ? '<th></th>' : ''}<th>${shorts ? 'Открыли' : 'Купили'}</th><th>${shorts ? 'Закрыли' : 'Продали'}</th><th class="num">Результат</th><th class="num">%</th></tr></thead><tbody>${
+    trades.slice(-300).reverse().map((t) => `<tr><td>${t.symbol}</td>${shorts ? `<td class="muted small">${t.side === 'short' ? 'продажа' : 'покупка'}</td>` : ''}<td>${fmtTs(t.entry_ts)}</td><td>${fmtTs(t.exit_ts)}</td><td class="num ${cls(t.pnl)}">${fmtNum(t.pnl, 0)} ₽</td><td class="num ${cls(t.pnl_pct)}">${fmtPct(t.pnl_pct, 2)}</td></tr>`).join('')}</tbody></table>${trades.length > 300 ? '<p class="muted small">Показаны последние 300.</p>' : ''}` : '<p class="muted">Сделок нет.</p>';
+
+}
+
+$('#more').addEventListener('toggle', () => { renderOverview(); icChart.timeScale().fitContent(); });
+$('#run-bar').addEventListener('click', async (e) => {
+  const r = state.run;
+  if (!r) return;
+  if (e.target.closest('#btn-rename-run')) {
+    const next = prompt(`Название для эксперимента №${r.id} (оставьте пустым, чтобы сбросить):`, r.params?._title || '');
+    if (next === null) return;
+    try {
+      const updated = await api(`/api/runs/${r.id}/title`, { method: 'PUT', body: { title: next } });
+      state.run.params = updated.params;
+      await loadRuns(r.id);
+      renderOverview();
+    } catch (err) { toast(err.message, 'error'); }
+    return;
+  }
+  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', () => {
+  sendChat('Посмотри текущий прогноз на ближайшие часы (model_forecast) и свежие новости (get_news): какие акции сейчас выглядят сильнее и слабее рынка и нет ли противоречий с новостями?');
+});
+
+function setProgress(pct, text) {
+  $('#progress').hidden = pct === null;
+  if (pct === null) return;
+  $('#progress .bar').style.width = `${pct}%`;
+  $('#progress span').textContent = text || '';
+}
+function researchUi(running) {
+  $('#btn-model').disabled = running;
+  $('#btn-cancel').hidden = !running && !state.stabilityActive;
+  if (!running && !state.stabilityActive) setProgress(null);
+  updateTabBadges();
+}
+async function startResearch(force = false) {
+  try {
+    researchUi(true);
+    const { runId, reused } = await post('/api/model/research', force ? { force: true } : {});
+    if (reused) {
+      researchUi(false);
+      toast(`Такое исследование уже есть — открыто ${runLabel(runId)}`, 'info', { label: 'Пересчитать', fn: () => startResearch(true) });
+      openRun(runId);
+      return;
+    }
+    state.active = runId;
+    setProgress(1, `Исследование №${runId}: начинаем…`);
+    loadRuns(runId);
+  } catch (e) { researchUi(false); toast(e.message, 'error'); }
+}
+$('#btn-model').addEventListener('click', () => startResearch(false));
+$('#btn-cancel').addEventListener('click', async () => {
+  const stabId = state.stabilityActive;
+  const resId = state.active;
+  if (!resId && !stabId) return;
+  const b = $('#btn-cancel');
+  b.disabled = true;
+  b.textContent = 'Останавливаем…';
+  try {
+    if (stabId) {
+      await post(`/api/runs/${stabId}/stability/cancel`);
+      stabilityUi(null);
+    }
+    if (resId) await post(`/api/model/${resId}/cancel`);
+  } catch (e) {
+    toast(e.message, 'error');
+  } finally {
+    b.disabled = false;
+    b.textContent = 'Отменить';
+  }
+});
+
+// ======================================================================
+// СЕЙЧАС: прогноз и живая проверка
+// ======================================================================
+async function loadForecast(force, silent = false) {
+  const box = $('#forecast');
+  if (!silent) box.innerHTML = '<span class="muted">Обучаем стратегию на последних месяцах… (до минуты)</span>';
+  $('#btn-forecast').disabled = true;
+  try {
+    const f = state.forecast = await api(`/api/model/forecast${force ? '?force=1' : ''}`);
+    $('#fc-title').textContent = `Прогноз на ${f.horizon} ч · свеча ${f.bar.slice(8, 10)}.${f.bar.slice(5, 7)} ${f.bar.slice(11)}`;
+    // ● у акции с новостями: зелёный/красный/серый по тону, подсказка — суть, источник и время
+    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>`;
+    setupMapSlider();
+  } catch (e) {
+    if (!silent) box.innerHTML = `<span class="neg">Не получилось: ${esc(e.message)}</span>`;
+  } finally {
+    $('#btn-forecast').disabled = false;
+  }
+}
+$('#btn-forecast').addEventListener('click', () => loadForecast(true));
+const FORECAST_MAX_AGE = 3600000;
+function refreshForecastIfStale() {
+  if (state.forecast?.at && Date.now() - state.forecast.at > FORECAST_MAX_AGE && !$('#btn-forecast').disabled) loadForecast(true, true);
+}
+setInterval(() => { if (!$('#tab-now').hidden) refreshForecastIfStale(); }, 5 * 60000);
+
+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; });
+}
+$('#now-nav').addEventListener('click', (e) => {
+  const b = e.target.closest('[data-nsec]');
+  if (b) showNowSec(b.dataset.nsec);
+});
+
+function renderLive(st) {
+  state.live = st;
+  const accs = st?.accounts || [];
+  if ($('#nnav-virtual')) $('#nnav-virtual').textContent = accs.length ? `Виртуальные счета (${accs.length})` : 'Виртуальные счета';
+  updateTabBadges();
+  if (!accs.length) {
+    $('#live').innerHTML = 'Стратегия торгует виртуальными деньгами на текущих ценах: раз в несколько часов прогноз и пересмотр портфеля. Запустите счёт кнопкой выше или прямо из удачного эксперимента («▶ В торговлю» во вкладке «Эксперименты»).';
+    return;
+  }
+  $('#live').innerHTML = accs.map((a) => {
+    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' ? 'нейтрально' : 'покупки+продажи'}` : ''}`;
+    let corrHtml = '<div class="kpi"><div class="v muted">—</div><div class="l">ориентир истории</div></div>';
+    if (a.corridor) {
+      const c = a.corridor;
+      const statusMap = {
+        inside: ['в коридоре истории', 'ok'],
+        above: ['опережает историю', 'ok'],
+        below: ['ниже коридора истории — проверьте', 'no'],
+      };
+      const [sLbl, sCls] = statusMap[c.status] || ['', ''];
+      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>
+          <b>${esc(dispName)}</b>
+          <span class="tag ${a.running ? 'ok' : ''}" style="margin-left:6px">${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">
+          <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>
+      <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('');
+}
+$('#btn-live').addEventListener('click', async () => {
+  const rawCap = prompt('Стартовая сумма нового виртуального счёта (с текущими настройками), ₽:', String(state.settings?.capital || 1000000));
+  if (rawCap === null) return;
+  const capital = Math.max(10000, Math.round(Number(String(rawCap).replace(/\s/g, '')) || 1000000));
+  try {
+    const res = await post('/api/live/start', { capital });
+    renderLive(res.status);
+    toast(`Виртуальный счёт №${res.runId} запущен`);
+  } catch (e) { toast(e.message, 'error'); }
+});
+$('#live').addEventListener('click', async (e) => {
+  const stopBtn = e.target.closest('[data-live-stop]');
+  if (stopBtn) {
+    const id = Number(stopBtn.dataset.liveStop);
+    if (!confirm(`Остановить виртуальный счёт №${id}?`)) return;
+    try { const r = await post('/api/live/stop', { runId: id }); renderLive(r.status); } catch (err) { toast(err.message, 'error'); }
+    return;
+  }
+  const delBtn = e.target.closest('[data-live-del]');
+  if (delBtn) {
+    const id = Number(delBtn.dataset.liveDel);
+    if (!confirm(`Удалить виртуальный счёт №${id} и его сделки?`)) return;
+    try { const r = await api(`/api/live/${id}`, { method: 'DELETE' }); renderLive(r.status); } catch (err) { toast(err.message, 'error'); }
+    return;
+  }
+  const openBtn = e.target.closest('[data-open-run]');
+  if (openBtn) {
+    const id = Number(openBtn.dataset.openRun);
+    document.querySelector('[data-tab=overview]')?.click();
+    openRun(id);
+    return;
+  }
+  const askBtn = e.target.closest('[data-live-ask]');
+  if (askBtn) {
+    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}` : ''}): как он идёт относительно ожиданий и есть ли замечания по открытым позициям?`);
+  }
+});
+
+// ---------- новости: только для прогноза «сейчас» и живой проверки ----------
+async function loadNews() {
+  try {
+    const { items } = await api('/api/news?limit=20');
+    if ($('#nnav-news')) $('#nnav-news').textContent = items.length ? `Новости рынка (${items.length})` : 'Новости рынка';
+    $('#news-list').innerHTML = items.length
+      ? items.map((n) => `<div class="news-item">${n.symbols.length ? `${n.symbols.map((s) => `<b class="${s.tone >= 0.4 ? 'pos' : s.tone <= -0.4 ? 'neg' : ''}">${s.symbol}</b>`).join(', ')} · ` : ''}<a href="${esc(n.link)}" target="_blank" rel="noopener">${esc(n.gist || n.title)}</a> <span class="muted small">${esc(n.src)} · ${fmtTs(n.ts)}</span></div>`).join('')
+      : '<span class="muted">Свежих размеченных новостей пока нет.</span>';
+  } catch { /* ignore */ }
+}
+
+// ======================================================================
+// КАРТА
+// ======================================================================
+function mapFrames() {
+  const ex = state.run?.extra;
+  const fr = (ex?.map?.snapshots || []).map((s) => ({ ts: s.ts, pts: s.pts, cl: s.cl, symbols: ex.symbols, names: ex.names }));
+  if (state.forecast?.map) fr.push({ ts: state.forecast.barTs, now: true, ...state.forecast.map });
+  return fr;
+}
+function setupMapSlider() {
+  const s = $('#map-slider');
+  const atEnd = Number(s.value) >= Number(s.max);
+  s.max = Math.max(0, mapFrames().length - 1);
+  if (atEnd) s.value = s.max;
+}
+function layout(f, W, H) {
+  const xs = f.pts.map((p) => p[0]), ys = f.pts.map((p) => p[1]);
+  const [x0, x1, y0, y1] = [Math.min(...xs), Math.max(...xs), Math.min(...ys), Math.max(...ys)];
+  const pad = 36;
+  return f.pts.map(([x, y]) => [pad + ((x - x0) / (x1 - x0 || 1)) * (W - 2 * pad), H - pad - ((y - y0) / (y1 - y0 || 1)) * (H - 2 * pad)]);
+}
+// ближайшая к клику точка карты (общая для карты по поведению и по описанию)
+function pickPoint(f, e) {
+  const cv = $('#map-canvas');
+  const rect = cv.getBoundingClientRect();
+  const xy = layout(f, cv.clientWidth, cv.clientHeight);
+  let best = -1, bd = 16;
+  xy.forEach(([x, y], i) => { const d = Math.hypot(x - (e.clientX - rect.left), y - (e.clientY - rect.top)); if (d < bd) { bd = d; best = i; } });
+  return best;
+}
+function drawMap() {
+  if (state.mapMode === 'text') return drawProfilesMap();
+  const cv = $('#map-canvas');
+  const W = cv.clientWidth, H = cv.clientHeight;
+  if (!W) return;
+  $('#map-slider').hidden = false;
+  $('#map-text-box').hidden = true;
+  const dpr = window.devicePixelRatio || 1;
+  cv.width = W * dpr; cv.height = H * dpr;
+  const ctx = cv.getContext('2d');
+  ctx.scale(dpr, dpr);
+  const frames = mapFrames();
+  if (!frames.length) {
+    ctx.fillStyle = '#8b949e'; ctx.font = '13px system-ui';
+    ctx.fillText('Карта появится после исследования или прогноза.', 20, 30);
+    $('#map-date').textContent = '';
+    $('#map-info').textContent = '';
+    return;
+  }
+  const f = frames[Math.min(Number($('#map-slider').value), frames.length - 1)];
+  $('#map-date').textContent = f.now ? `Сейчас · ${fmtDate(f.ts)} · заливка — прогноз` : `Месяц с ${fmtDate(f.ts)}`;
+  const xy = layout(f, W, H);
+  const sel = state.mapSel ? f.symbols.indexOf(state.mapSel) : -1;
+  const fc = f.now && state.forecast ? Object.fromEntries(state.forecast.rows.map((r) => [r.symbol, r])) : null;
+  if (sel >= 0) {
+    const near = xy.map((p, i) => [i, Math.hypot(p[0] - xy[sel][0], p[1] - xy[sel][1])]).filter(([i]) => i !== sel).sort((a, b) => a[1] - b[1]).slice(0, 5);
+    ctx.strokeStyle = document.body.classList.contains('light') ? 'rgba(36, 87, 214, 0.38)' : '#ffffff40';
+    for (const [i] of near) { ctx.beginPath(); ctx.moveTo(...xy[sel]); ctx.lineTo(...xy[i]); ctx.stroke(); }
+  }
+  f.symbols.forEach((s, i) => {
+    const [x, y] = xy[i];
+    const col = CLUSTER_COLORS[f.cl[i] % CLUSTER_COLORS.length];
+    const r = fc?.[s] ? 3 + Math.min(7, Math.abs(fc[s].expectedPct) * 15) : 4;
+    ctx.globalAlpha = sel >= 0 && i !== sel ? 0.6 : 1;
+    ctx.beginPath(); ctx.arc(x, y, i === sel ? r + 2 : r, 0, Math.PI * 2);
+    ctx.fillStyle = fc?.[s] ? (fc[s].expectedPct >= 0 ? '#3fb950' : '#f85149') : col;
+    ctx.fill();
+    ctx.globalAlpha = 1;
+    const light = document.body.classList.contains('light');
+    ctx.fillStyle = i === sel ? (light ? '#1f2328' : '#fff') : (light ? '#57606a' : '#8b949e');
+    ctx.font = `${i === sel ? '600 12px' : '10px'} system-ui`;
+    ctx.fillText(s, x + r + 3, y + 3);
+  });
+  if (sel < 0) { $('#map-info').textContent = 'Близко — значит акции обычно движутся вместе; цвет — найденная группа. Нажмите на акцию, чтобы увидеть соседей.'; return; }
+  const near = xy.map((p, i) => [i, Math.hypot(p[0] - xy[sel][0], p[1] - xy[sel][1])]).filter(([i]) => i !== sel).sort((a, b) => a[1] - b[1]).slice(0, 5).map(([i]) => f.symbols[i]);
+  const r = state.forecast?.rows.find((x) => x.symbol === f.symbols[sel]);
+  $('#map-info').innerHTML = `<b style="color:var(--text)">${f.symbols[sel]}</b> ${esc(f.names?.[sel] || '')} · рядом: ${near.join(', ')} · группа: ${f.symbols.filter((_, i) => f.cl[i] === f.cl[sel]).join(', ')}${r ? ` · прогноз ${fmtPct(r.expectedPct, 2)}` : ''}`;
+}
+$('#map-slider').addEventListener('input', drawMap);
+$('#map-canvas').addEventListener('click', (e) => {
+  if (state.mapMode === 'text') {
+    const d = state.profiles;
+    if (!d?.map) return;
+    const best = pickPoint(d.map, e);
+    state.mapSel = best >= 0 ? d.map.symbols[best] : null;
+    drawMap();
+    return;
+  }
+  const frames = mapFrames();
+  if (!frames.length) return;
+  const f = frames[Math.min(Number($('#map-slider').value), frames.length - 1)];
+  const best = pickPoint(f, e);
+  state.mapSel = best >= 0 ? f.symbols[best] : null;
+  drawMap();
+});
+window.addEventListener('resize', debounce(() => { if (!$('#tab-map').hidden) drawMap(); }, 150));
+
+// ---------- карта «по описанию»: 2D-проекция устойчивых признаков бизнеса ----------
+async function loadProfilesData() {
+  try { state.profiles = await api('/api/profiles'); } catch (e) { toast(e.message, 'error'); }
+}
+function drawProfilesMap() {
+  const cv = $('#map-canvas');
+  const W = cv.clientWidth, H = cv.clientHeight;
+  if (!W) return;
+  const dpr = window.devicePixelRatio || 1;
+  cv.width = W * dpr; cv.height = H * dpr;
+  const ctx = cv.getContext('2d');
+  ctx.scale(dpr, dpr);
+  $('#map-slider').hidden = true;
+  const d = state.profiles;
+  $('#map-date').textContent = d?.map ? `Описания бизнеса · ${d.count} из ${d.total} компаний` : 'Описания компаний';
+  if (!d?.map) {
+    ctx.fillStyle = '#8b949e'; ctx.font = '13px system-ui';
+    ctx.fillText(d?.count ? 'Описаний пока мало — карту по описаниям построить не из чего.' : 'Карты по описаниям пока нет.', 20, 30);
+    $('#map-text-box').hidden = false;
+    $('#btn-profiles').disabled = state.profilesBusy;
+    $('#map-info').textContent = 'Компании рядом, если похож их бизнес: экспортёр, банк, дивиденды и другие устойчивые свойства.';
+    return;
+  }
+  $('#map-text-box').hidden = true;
+  const f = d.map;
+  const xy = layout(f, W, H);
+  const sel = state.mapSel ? f.symbols.indexOf(state.mapSel) : -1;
+  f.symbols.forEach((s, i) => {
+    const [x, y] = xy[i];
+    ctx.globalAlpha = sel >= 0 && i !== sel ? 0.6 : 1;
+    ctx.beginPath(); ctx.arc(x, y, i === sel ? 6 : 4, 0, Math.PI * 2);
+    ctx.fillStyle = CLUSTER_COLORS[f.cl[i] % CLUSTER_COLORS.length];
+    ctx.fill();
+    ctx.globalAlpha = 1;
+    const light = document.body.classList.contains('light');
+    ctx.fillStyle = i === sel ? (light ? '#1f2328' : '#fff') : (light ? '#57606a' : '#8b949e');
+    ctx.font = `${i === sel ? '600 12px' : '10px'} system-ui`;
+    ctx.fillText(s, x + 7, y + 3);
+  });
+  if (sel < 0) { $('#map-info').textContent = 'Рядом — похожий бизнес. Цвет — найденная группа. Нажмите на акцию, чтобы увидеть её самые выраженные свойства.'; return; }
+  const prof = d.profiles[f.symbols[sel]];
+  const top = (prof || []).map((v, k) => [v, k]).sort((a, b) => b[0] - a[0]).filter(([v]) => v >= 0.3).slice(0, 5);
+  $('#map-info').innerHTML = `<b style="color:var(--text)">${f.symbols[sel]}</b> ${esc(f.names[sel] || '')}${top.length ? ` · свойства: ${top.map(([v, k]) => `${esc(d.features[k].label)} ${Math.round(v * 100)}%`).join(', ')}` : ' · нет ярко выраженных свойств'}`;
+}
+async function showMapSec(sec) {
+  document.querySelectorAll('#map-nav [data-msec]').forEach((b) => b.classList.toggle('active', b.dataset.msec === sec));
+  if (sec === 'journal') {
+    $('#map-sec').hidden = true;
+    $('#journal-box').hidden = false;
+    await loadJournal();
+    return;
+  }
+  $('#map-sec').hidden = false;
+  $('#journal-box').hidden = true;
+  state.mapMode = sec;
+  $('#map-title-lbl').textContent = sec === 'text' ? 'Карта рынка · по описаниям бизнеса' : 'Карта рынка · по совместному поведению';
+  if (sec === 'text' && !state.profiles) await loadProfilesData();
+  drawMap();
+}
+$('#map-nav').addEventListener('click', (e) => {
+  const b = e.target.closest('[data-msec]');
+  if (b) showMapSec(b.dataset.msec);
+});
+$('#btn-profiles').addEventListener('click', async () => {
+  try {
+    const r = await post('/api/profiles/refresh');
+    if (r.started === false) return toast('Описания уже составляются — подождите');
+    state.profilesBusy = true;
+    $('#btn-profiles').disabled = true;
+    $('#profiles-msg').textContent = 'Составляем описания компаний…';
+  } catch (e) { toast(e.message, 'error'); }
+});
+
+// ======================================================================
+// ЖУРНАЛ И НАСТРОЙКИ
+// ======================================================================
+const VERDICT = { confirmed: ['подтвердилась', 'ok'], rejected: ['не подтвердилась', 'no'], unclear: ['неясно', 'mid'] };
+async function loadJournal() {
+  const list = await api('/api/journal');
+  state.journalCount = list.length;
+  updateTabBadges();
+  if ($('#mnav-journal')) $('#mnav-journal').textContent = list.length ? `Журнал гипотез (${list.length})` : 'Журнал гипотез';
+  $('#journal').innerHTML = list.length
+    ? `<p class="muted small">Память Стратега: он читает журнал в начале каждого разговора. Неверную запись можно удалить.</p><table><thead><tr><th>Гипотеза</th><th>Результат</th><th>Вывод</th><th></th></tr></thead><tbody>${list.map((j) => {
+      const [vl, vc] = VERDICT[j.verdict] || [j.verdict, ''];
+      return `<tr><td>${esc(j.hypothesis)}<div class="muted small">${fmtTs(j.ts)}${j.change ? ` · ${esc(j.change)}` : ''}</div></td><td class="muted">${esc(j.result)}</td><td><span class="tag ${vc}">${vl}</span></td><td><button class="icon" data-jdel="${j.id}">✕</button></td></tr>`;
+    }).join('')}</tbody></table>`
+    : '<p class="muted">Журнал пуст. Попросите Стратега провести эксперимент — он запишет вывод сюда.</p>';
+  $('#journal').querySelectorAll('[data-jdel]').forEach((b) => b.addEventListener('click', async () => {
+    if (confirm('Удалить запись? Стратег её «забудет».')) await api(`/api/journal/${b.dataset.jdel}`, { method: 'DELETE' });
+  }));
+}
+
+// Группы настроек в форме; не перечисленные сюда попадают в «Дополнительно»
+const GROUPS = [
+  ['Общие', ['modelAutoAdapt', 'modelHorizon', 'modelTopK', 'modelDirection', 'modelType', 'commissionPct', 'autopilotBudget']],
+  ['Для карты', ['modelEmbedDim', 'modelTextWeight', 'modelUseMacro']],
+  ['Для Трансформера', ['modelUseTransformer', 'transformerEpochs', 'transformerGpu']],
+  ['Дополнительно', []],
+];
+function buildForm() {
+  const field = (p) => {
+    let input;
+    if (p.type === 'select') input = `<select name="${p.key}" class="sctrl">${p.options.map(([v, l]) => `<option value="${v}">${esc(l)}</option>`).join('')}</select>`;
+    else if (p.type === 'checkbox') input = `<input type="checkbox" name="${p.key}" class="switch">`;
+    else input = `<input type="number" step="${p.step ?? 'any'}" name="${p.key}" min="${p.min}" max="${p.max}" class="sctrl">`;
+    return `<div class="srow" data-key="${p.key}"><div class="stxt"><div class="slbl">${esc(p.label)}<button type="button" class="mark" data-def="${p.key}" hidden title="Отличается от умолчания — нажмите, чтобы вернуть">изменено</button></div><div class="hint">${esc(p.hint)}</div></div>${input}</div>`;
+  };
+  const shown = state.config.params.filter((p) => !p.hidden);
+  const listed = new Set(GROUPS.flatMap(([, keys]) => keys));
+  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 : '';
+    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);
+}
+function showSettingsSec(sec) {
+  $('#s-search').value = '';
+  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; });
+}
+document.querySelector('#tab-settings .snav').addEventListener('click', (e) => {
+  const b = e.target.closest('[data-sec]');
+  if (b) showSettingsSec(b.dataset.sec);
+});
+$('#s-search').addEventListener('input', (e) => {
+  const q = e.target.value.trim().toLowerCase();
+  if (!q) {
+    const cur = document.querySelector('#tab-settings .snav [data-sec].active')?.dataset.sec || 'g0';
+    showSettingsSec(cur);
+    return;
+  }
+  document.querySelectorAll('#tab-settings .ssec').forEach((sec) => {
+    if (!sec.dataset.sec.startsWith('g')) { sec.hidden = true; return; }
+    let vis = 0;
+    sec.querySelectorAll('.srow').forEach((r) => {
+      const ok = r.textContent.toLowerCase().includes(q);
+      r.hidden = !ok;
+      if (ok) vis++;
+    });
+    sec.hidden = !vis;
+  });
+});
+function fillForm(s) {
+  for (const el of $('#params').elements) {
+    if (!el.name || el === document.activeElement) continue;
+    if (el.type === 'checkbox') el.checked = !!s[el.name];
+    else el.value = s[el.name];
+  }
+  markDefaults(s);
+}
+// Метка «изменено» у параметров, отличающихся от умолчания
+function markDefaults(s) {
+  const d = state.config?.defaults || {};
+  $('#params').querySelectorAll('[data-def]').forEach((b) => {
+    b.hidden = JSON.stringify(s[b.dataset.def]) === JSON.stringify(d[b.dataset.def]);
+  });
+  syncApplyBtn();
+  updateTabBadges();
+}
+const saveSettings = async (body) => {
+  try {
+    const r = await api('/api/settings', { method: 'PUT', body });
+    if (r.errors?.length) toast(r.errors.join('; '), 'error');
+    state.settings = r.settings;
+    markDefaults(state.settings);
+  } catch (e) { toast(e.message, 'error'); }
+};
+const saveSetting = (k, v) => saveSettings({ [k]: v });
+$('#params').addEventListener('change', (e) => e.target.name && saveSetting(e.target.name, e.target.type === 'checkbox' ? e.target.checked : e.target.value));
+// клик по метке «изменено» — вернуть параметр к умолчанию
+$('#params').addEventListener('click', async (e) => {
+  const b = e.target.closest('[data-def]');
+  if (!b) return;
+  await saveSetting(b.dataset.def, state.config.defaults[b.dataset.def]);
+  fillForm(state.settings);
+});
+$('#btn-reset').addEventListener('click', async () => {
+  if (!confirm('Вернуть все настройки по умолчанию?')) return;
+  state.settings = await post('/api/settings/reset');
+  fillForm(state.settings);
+  loadHistory().catch(() => {});
+});
+
+// ---------- история изменений настроек ----------
+async function loadHistory() {
+  const list = await api('/api/settings/history');
+  $('#snav-hist').textContent = list.length ? `История изменений (${list.length})` : 'История изменений';
+  $('#history').innerHTML = list.length
+    ? `<table><thead><tr><th>Дата</th><th>Кто</th><th>Что изменилось</th><th></th></tr></thead><tbody>${list.map((h) => `<tr>
+        <td class="muted small">${fmtTs(h.ts)}</td>
+        <td>${h.source === 'ai' ? 'Стратег' : 'вы'}</td>
+        <td>${Object.entries(h.changes).map(([k, v]) => `${esc(labelOf(k))}: ${esc(v.было)} → ${esc(v.стало)}`).join('; ')}${h.reason ? `<div class="muted small">${esc(h.reason)}</div>` : ''}</td>
+        <td><button class="icon" data-revert="${h.id}" title="Вернуть значения «было»">Вернуть</button></td>
+      </tr>`).join('')}</tbody></table>`
+    : '<p class="muted">Изменений ещё не было.</p>';
+}
+$('#history').addEventListener('click', async (e) => {
+  const b = e.target.closest('[data-revert]');
+  if (!b) return;
+  try {
+    const r = await post(`/api/settings/history/${b.dataset.revert}/revert`);
+    if (r.errors?.length) toast(r.errors.join('; '), 'error');
+    else if (!Object.keys(r.changed).length) toast('Настройки уже в этом состоянии — откатывать нечего');
+    state.settings = r.settings;
+    fillForm(state.settings);
+    await loadHistory();
+  } catch (err) { toast(err.message, 'error'); }
+});
+
+// ======================================================================
+// ЧАТ СО СТРАТЕГОМ
+// ======================================================================
+const TOOL_LABELS = {
+  get_settings: 'Смотрит настройки', list_runs: 'Смотрит список исследований', analyze_run: 'Разбирает исследование', compare_runs: 'Сравнивает исследования',
+  run_model_research: 'Исследование стратегии', model_forecast: 'Смотрит прогноз', market_neighbors: 'Смотрит соседей на карте',
+  journal_list: 'Читает журнал', journal_add: 'Запись в журнал', final_check: 'Открывает контрольный период',
+  set_settings: 'Изменение настроек', paper_start: 'Запуск живой проверки', paper_stop: 'Остановка живой проверки',
+};
+const STATUS = { pending: 'ждёт вашего решения', approved: 'подтверждено', running: 'выполняется…', done: 'готово', error: 'не получилось', rejected: 'отклонено' };
+const feed = $('#feed');
+const nearBottom = () => feed.scrollHeight - feed.scrollTop - feed.clientHeight < 120;
+const scrollDown = (force) => { if (force || nearBottom()) requestAnimationFrame(() => { feed.scrollTop = feed.scrollHeight; }); };
+const feedDown = $('#feed-down');
+let unseen = 0;
+const updateDown = () => {
+  feedDown.hidden = !unseen || nearBottom();
+  feedDown.textContent = unseen ? `↓ ${unseen}` : '↓';
+};
+const toBottom = () => { unseen = 0; scrollDown(true); updateDown(); };
+feed.addEventListener('scroll', () => { if (nearBottom()) unseen = 0; updateDown(); });
+feedDown.addEventListener('click', toBottom);
+const msgEls = new Map();
+const liveEls = new Map();
+
+function argsPreview(name, a) {
+  if (!a) return '';
+  const ch = Object.entries(a.changes || {}).map(([k, v]) => `${labelOf(k)}: ${v}`).join('; ');
+  if (name === 'run_model_research') return `${a.note || ''}${ch ? `\n${ch}` : ''}`;
+  if (name === 'set_settings') return `${a.reason || ''}${ch ? `\n${ch}` : ''}`;
+  if (name === 'analyze_run' || name === 'final_check') return `№${a.run_id}`;
+  if (name === 'compare_runs') return `№${a.a} и №${a.b}`;
+  if (name === 'journal_add') return a.hypothesis || '';
+  if (name === 'market_neighbors') return a.symbol || '';
+  return '';
+}
+
+function actHtml(m, call) {
+  const t = m.data?.tools?.[call.id] || {};
+  const status = t.status || 'done';
+  let args = null;
+  try { args = JSON.parse(call.function.arguments || '{}'); } catch { /* ignore */ }
+  const w = state.chat.state?.waiting;
+  const waiting = status === 'pending' && w && w.msgId === m.id && w.callId === call.id;
+  const prev = t.preview || argsPreview(call.function.name, args);
+  const big = ['run_model_research', 'set_settings', 'paper_start', 'paper_stop'].includes(call.function.name);
+  if (!big && !waiting) {
+    return `<div class="ev">${esc(TOOL_LABELS[call.function.name] || call.function.name)}${prev ? `: ${esc(prev.split('\n')[0])}` : ''} <span class="st ${status}">· ${STATUS[status] || status}</span></div>`;
+  }
+  const chips = args?.changes && Object.keys(args.changes).length
+    ? `<div class="act-chips">${Object.entries(args.changes).map(([k, v]) => {
+      const cur = state.settings?.[k];
+      return `<span class="stab-chip">${esc(labelOf(k))}: ${cur !== undefined && String(cur) !== String(v) ? `<span class="muted">${esc(cur)} →</span> ` : ''}<b>${esc(v)}</b></span>`;
+    }).join('')}</div>`
+    : '';
+  return `<div class="act ${status}" data-call="${esc(call.id)}">
+    <div class="h"><b>${esc(TOOL_LABELS[call.function.name] || call.function.name)}</b><span class="st ${status}">${STATUS[status] || status}</span></div>
+    ${prev ? `<div class="p">${esc(prev.split('\n')[0])}</div>` : ''}
+    ${chips}
+    ${t.summary ? `<div>${esc(t.summary)}${t.runId ? ` · <span class="link" data-run="${t.runId}">открыть №${t.runId}</span>` : ''}</div>` : ''}
+    ${waiting ? '<div class="btns"><button class="primary" data-act="approve">Применить</button><button data-act="reject">Отклонить</button></div>' : ''}
+  </div>`;
+}
+
+function renderMsg(m) {
+  if (m.kind === 'tool' || m.data?.hidden) return null;
+  const el = document.createElement('div');
+  el.dataset.id = m.id;
+  if (m.kind === 'user') { el.className = 'msg user'; el.textContent = m.content; return el; }
+  if (m.kind === 'event') {
+    el.className = `ev ${m.data?.ok === true ? 'ok' : m.data?.ok === false ? 'bad' : 'info'}`;
+    const run = m.data?.eventType === 'model' && state.runs.find((r) => r.id === m.data.runId);
+    if (run) el.title = runTip(run);
+    const text = run ? `Исследование завершено: ${runTitle(run, true)}` : esc(m.data?.display || m.content);
+    el.innerHTML = `${text}${m.data?.runId && m.data?.eventType === 'model' ? ' · <span class="link" data-run="' + m.data.runId + '">открыть</span>' : ''}`;
+    return el;
+  }
+  const s = state.chat.stream.get(m.id);
+  const reasoning = s ? s.reasoning : m.reasoning;
+  const content = s ? s.content : m.content;
+  if (!s && !content && !reasoning && !m.tool_calls?.length) return null;
+  el.className = 'msg ai';
+  const wasOpen = msgEls.get(m.id)?.querySelector('details.think')?.open;
+  el.innerHTML = `${reasoning ? `<details class="think"${wasOpen ? ' open' : ''}><summary>${s && !s.content ? `Думает… (${reasoning.length} симв.)` : 'Размышления'}</summary><div class="think-body">${esc(reasoning)}</div></details>` : (s && !content ? '<div class="muted small typing">Думает</div>' : '')}
+    <div class="md-c${s && content ? ' typing' : ''}">${content ? md(content) : ''}</div>
+    ${(m.tool_calls || []).map((c) => actHtml(m, c)).join('')}`;
+  return el;
+}
+
+function upsertMsg(m) {
+  state.chat.msgs.set(m.id, m);
+  const old = msgEls.get(m.id);
+  const stick = nearBottom();
+  const el = renderMsg(m);
+  if (!el) { old?.remove(); msgEls.delete(m.id); return; }
+  if (old) {
+    const tb = old.querySelector('.think-body');
+    const sc = tb?.scrollTop;
+    old.replaceWith(el);
+    const nb = el.querySelector('.think-body');
+    if (nb) nb.scrollTop = state.chat.stream.has(m.id) ? nb.scrollHeight : sc;
+  } else {
+    feed.insertBefore(el, [...feed.children].find((c) => c.classList.contains('live')) || null);
+    if (!stick) unseen++;
+  }
+  msgEls.set(m.id, el);
+  if (stick) scrollDown(true);
+  updateDown();
+}
+
+let streamTimer = null;
+function onDelta(d) {
+  let s = state.chat.stream.get(d.id);
+  if (!s) { s = { reasoning: '', content: '' }; state.chat.stream.set(d.id, s); }
+  if (d.reasoning) s.reasoning += d.reasoning;
+  if (d.content) s.content += d.content;
+  if (streamTimer) return;
+  streamTimer = setTimeout(() => {
+    streamTimer = null;
+    for (const id of state.chat.stream.keys()) { const m = state.chat.msgs.get(id); if (m) upsertMsg(m); }
+  }, 120);
+}
+
+function liveLine(key, html) {
+  let el = liveEls.get(key);
+  const stick = nearBottom();
+  if (!el) { el = document.createElement('div'); el.className = 'live'; liveEls.set(key, el); feed.append(el); }
+  el.innerHTML = html;
+  if (stick) scrollDown(true);
+  return el;
+}
+const dropLive = (key) => { liveEls.get(key)?.remove(); liveEls.delete(key); };
+
+const MODE_META = {
+  autopilot: {
+    label: 'Авто',
+    svg: '<svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"><polygon points="9 1.5 3.5 9 8 9 7 14.5 12.5 7 8 7 9 1.5"/></svg>',
+  },
+  advisor: {
+    label: 'С согласия',
+    svg: '<svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M8 2v6M5.5 3.5v4.5M10.5 3.5v4.5M3.5 8v2.5a4.5 4.5 0 0 0 9 0V6.5"/></svg>',
+  },
+  discuss: {
+    label: 'Обсуждение',
+    svg: '<svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"><path d="M2.5 3.5h11v8h-7l-4 3v-11z"/></svg>',
+  },
+};
+const MODE_TITLE = 'Режим работы Стратега';
+
+function syncActionBtn() {
+  const btn = $('#chat-action');
+  if (!btn) return;
+  const s = state.chat.state;
+  const hasText = Boolean($('#chat-input')?.value.trim());
+  btn.hidden = Boolean(s?.busy);
+  if (speechActive) {
+    // 1. Микрофон включён -> в любом случае Стоп
+    $('#ico-mic').hidden = true;
+    $('#ico-send').hidden = true;
+    $('#ico-stop').hidden = false;
+    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.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.classList.remove('send-mode', 'rec');
+    btn.disabled = false;
+    btn.title = 'Голосовой ввод (русский язык)';
+  }
+}
+
+function renderChatState() {
+  const s = state.chat.state;
+  if (!s) return;
+  const noTools = s.tools === false;
+  const curMode = noTools ? 'discuss' : (s.mode in MODE_META ? s.mode : 'advisor');
+  const mm = MODE_META[curMode] || MODE_META.advisor;
+  if ($('#chat-mode-ico')) $('#chat-mode-ico').innerHTML = mm.svg;
+  if ($('#chat-mode-lbl')) $('#chat-mode-lbl').textContent = mm.label;
+  if ($('#chat-mode-btn')) $('#chat-mode-btn').title = noTools ? 'Выбранная модель не умеет пользоваться инструментами — Стратег только беседует' : MODE_TITLE;
+  document.querySelectorAll('#mode-menu [data-mode-val]').forEach((b) => {
+    const v = b.dataset.modeVal;
+    b.disabled = noTools && v !== 'discuss';
+    b.classList.toggle('active', v === curMode);
+  });
+  $('#chat-stop').hidden = !s.busy && !s.waiting;
+  syncActionBtn();
+  let st = '';
+  if (!s.llm) st = 'ИИ не подключён: выберите модель и ключ (Настройки → Модели ИИ)';
+  else if (s.waiting) st = 'Стратег ждёт вашего решения (или просто напишите ответ)';
+  else if (s.busy) {
+    const m = [...state.chat.msgs.values()].reverse().find((x) => x.tool_calls && Object.values(x.data?.tools || {}).some((t) => t.status === 'running'));
+    const c = m?.tool_calls.find((x) => m.data.tools[x.id]?.status === 'running');
+    st = c ? `${TOOL_LABELS[c.function.name] || 'Работает'}…` : 'Думает…';
+    if (s.mode === 'autopilot') st += ` · осталось исследований: ${s.budgetLeft}`;
+  } else if (noTools) st = 'У этой модели нет инструментов: Стратег только беседует';
+  $('#chat-status').textContent = st;
+  for (const m of state.chat.msgs.values()) if (m.tool_calls) upsertMsg(m);
+  renderSuggest();
+}
+
+const SUGGEST = ['Объясни идею простыми словами', 'Исследуй стратегию и объясни результат', 'Что стратегия ждёт в ближайшие часы?', 'Найди, как улучшить стратегию'];
+function renderSuggest() {
+  const has = [...state.chat.msgs.values()].some((m) => m.kind === 'user');
+  $('#suggest').innerHTML = has || state.chat.state?.busy ? '' : SUGGEST.map((s) => `<button>${esc(s)}</button>`).join('');
+  $('#suggest').querySelectorAll('button').forEach((b) => b.addEventListener('click', () => sendChat(b.textContent)));
+}
+
+async function loadChat() {
+  const h = await api('/api/chat');
+  feed.querySelectorAll('.msg, .ev').forEach((e) => { if (!e.classList.contains('live')) e.remove(); });
+  msgEls.clear();
+  state.chat.msgs.clear();
+  state.chat.stream.clear();
+  state.chat.state = h.state;
+  for (const m of h.messages) upsertMsg(m);
+  renderChatState();
+  toBottom();
+}
+
+function resizeChatInput() {
+  const el = $('#chat-input');
+  if (!el) return;
+  el.style.height = 'auto';
+  el.style.height = `${Math.min(150, Math.max(36, el.scrollHeight))}px`;
+  syncActionBtn();
+}
+$('#chat-input').addEventListener('input', resizeChatInput);
+
+function closeModeMenu() {
+  const m = $('#mode-menu');
+  if (m) m.hidden = true;
+}
+
+$('#chat-mode-btn')?.addEventListener('click', (e) => {
+  e.stopPropagation();
+  closeModelMenu();
+  const m = $('#mode-menu');
+  if (m) m.hidden = !m.hidden;
+});
+
+$('#mode-menu')?.addEventListener('click', async (e) => {
+  const b = e.target.closest('button[data-mode-val]');
+  if (!b || b.disabled) return;
+  closeModeMenu();
+  try {
+    state.chat.state = await post('/api/chat/mode', { mode: b.dataset.modeVal });
+    renderChatState();
+  } catch (err) { toast(err.message, 'error'); }
+});
+
+async function sendChat(text) {
+  if (speechRec && speechActive) stopVoiceInput(false);
+  text = (text ?? $('#chat-input').value).trim();
+  if (!text) return;
+  try {
+    const s = state.chat.state;
+    const mode = s?.tools === false ? 'discuss' : (s?.mode || 'advisor');
+    await post('/api/chat/send', { text, mode });
+    $('#chat-input').value = '';
+    resizeChatInput();
+    toBottom();
+  } catch (e) { toast(e.message, 'error'); }
+}
+
+$('#chat-input').addEventListener('keydown', (e) => { if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); if (!state.chat.state?.busy) sendChat(); } });
+$('#chat-stop').addEventListener('click', () => post('/api/chat/stop'));
+$('#chat-new').addEventListener('click', async () => { if (confirm('Начать новый разговор? Журнал гипотез сохранится.')) await post('/api/chat/new'); });
+
+// ---------- голосовой ввод (Web Speech API) + звуковой сигнал БИП ----------
+const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+let speechRec = null;
+let speechActive = false;
+let speechBaseText = '';
+let audioCtx = null;
+
+function playMicBeep(kind = 'start') {
+  try {
+    const Ctx = window.AudioContext || window.webkitAudioContext;
+    if (!Ctx) return;
+    if (!audioCtx) audioCtx = new Ctx();
+    if (audioCtx.state === 'suspended') audioCtx.resume();
+    const now = audioCtx.currentTime;
+    const osc = audioCtx.createOscillator();
+    const gain = audioCtx.createGain();
+    osc.type = 'sine';
+    if (kind === 'start') {
+      // Двойной восходящий тон: микрофон готов к записи
+      osc.frequency.setValueAtTime(660, now);
+      osc.frequency.setValueAtTime(880, now + 0.07);
+      gain.gain.setValueAtTime(0.001, now);
+      gain.gain.exponentialRampToValueAtTime(0.14, now + 0.015);
+      gain.gain.exponentialRampToValueAtTime(0.001, now + 0.16);
+      osc.connect(gain);
+      gain.connect(audioCtx.destination);
+      osc.start(now);
+      osc.stop(now + 0.17);
+    } else {
+      // Нисходящий мягкий тон: окончание записи
+      osc.frequency.setValueAtTime(740, now);
+      osc.frequency.setValueAtTime(520, now + 0.07);
+      gain.gain.setValueAtTime(0.001, now);
+      gain.gain.exponentialRampToValueAtTime(0.14, now + 0.015);
+      gain.gain.exponentialRampToValueAtTime(0.001, now + 0.16);
+      osc.connect(gain);
+      gain.connect(audioCtx.destination);
+      osc.start(now);
+      osc.stop(now + 0.17);
+    }
+  } catch { /* ignore audio errors */ }
+}
+
+function stopVoiceInput(beep = true) {
+  const wasActive = speechActive;
+  speechActive = false;
+  try { speechRec?.stop(); } catch { /* ignore */ }
+  if (wasActive && beep) playMicBeep('stop');
+  syncActionBtn();
+}
+
+function toggleVoiceInput() {
+  if (!SpeechRecognition) {
+    toast('Ваш браузер не поддерживает встроенное распознавание речи (откройте в Chrome или Edge)', 'error');
+    return;
+  }
+  if (speechActive) {
+    stopVoiceInput(true);
+    return;
+  }
+  if (!speechRec) {
+    speechRec = new SpeechRecognition();
+    speechRec.lang = 'ru-RU';
+    speechRec.continuous = true;
+    speechRec.interimResults = true;
+    speechRec.onstart = () => {
+      // БИП строго в момент фактической готовности микрофона
+      playMicBeep('start');
+      syncActionBtn();
+    };
+    speechRec.onresult = (ev) => {
+      let finalPart = '', interimPart = '';
+      for (let i = 0; i < ev.results.length; i++) {
+        const tr = ev.results[i][0].transcript;
+        if (ev.results[i].isFinal) finalPart += tr + ' ';
+        else interimPart += tr;
+      }
+      const sep = speechBaseText && !speechBaseText.endsWith(' ') ? ' ' : '';
+      $('#chat-input').value = `${speechBaseText}${sep}${finalPart}${interimPart}`.trimStart();
+      resizeChatInput();
+    };
+    speechRec.onerror = (ev) => {
+      if (ev.error !== 'aborted' && ev.error !== 'no-speech') toast(`Голосовой ввод: ${ev.error}`, 'error');
+      stopVoiceInput(false);
+    };
+    speechRec.onend = () => {
+      if (speechActive) stopVoiceInput(true);
+      else syncActionBtn();
+    };
+  }
+  speechBaseText = $('#chat-input').value.trim();
+  speechActive = true;
+  syncActionBtn();
+  try {
+    speechRec.start();
+    $('#chat-input').focus();
+  } catch {
+    stopVoiceInput(false);
+  }
+}
+
+$('#chat-action')?.addEventListener('click', () => {
+  if (speechActive) {
+    stopVoiceInput(true);
+    return;
+  }
+  const hasText = Boolean($('#chat-input')?.value.trim());
+  if (hasText) sendChat();
+  else toggleVoiceInput();
+});
+feed.addEventListener('click', async (e) => {
+  const run = e.target.closest('[data-run]');
+  if (run) { switchTab('overview'); openRun(Number(run.dataset.run)); return; }
+  const act = e.target.closest('[data-act]');
+  if (!act) return;
+  const msgId = Number(act.closest('[data-id]').dataset.id);
+  const callId = act.closest('[data-call]').dataset.call;
+  let comment = '';
+  if (act.dataset.act === 'reject') { comment = prompt('Почему отклоняете? (Стратег учтёт; можно пусто)'); if (comment === null) return; }
+  try { await post('/api/chat/action', { msgId, callId, decision: act.dataset.act, comment }); } catch (err) { toast(err.message, 'error'); }
+});
+
+// ======================================================================
+// МОДЕЛИ ИИ
+// ======================================================================
+const PROTO_LABEL = { openai: 'OpenAI-совместимый', anthropic: 'Anthropic', gigachat: 'GigaChat', ollama: 'Ollama' };
+const URL_HINT = {
+  openai: 'https://…/v1/chat/completions',
+  gigachat: 'https://gigachat.devices.sberbank.ru/api/v1/chat/completions',
+  ollama: 'http://localhost:11434/v1/chat/completions',
+  anthropic: 'https://api.anthropic.com/v1/messages',
+};
+const llmRemote = new Map();
+const modelKey = (p, m) => `${p}::${m}`;
+
+async function loadLlm() {
+  state.llm = await api('/api/llm/providers');
+  renderLlm();
+}
+
+function renderModelMenu(filter = '') {
+  if (!state.llm) return;
+  const { providers, active } = state.llm;
+  const usable = (p) => p.hasKey || !p.needsKey;
+  const q = filter.trim().toLowerCase();
+  const listEl = $('#model-menu-list');
+  if (!listEl) return;
+  const groups = providers.filter((p) => p.models.length).map((p) => {
+    const ms = p.models.filter((m) => !q || m.label.toLowerCase().includes(q) || m.id.toLowerCase().includes(q) || p.name.toLowerCase().includes(q));
+    if (!ms.length) return '';
+    const items = ms.map((m) => {
+      const on = active?.providerId === p.id && active.model === m.id;
+      const ok = usable(p);
+      return `<button type="button" class="model-opt${on ? ' active' : ''}" data-mval="${esc(modelKey(p.id, m.id))}"${ok ? '' : ' disabled'}>
+        <span class="m-name">${esc(m.label)}</span>
+        <span class="row-gap" style="align-items:center;gap:6px">
+          ${!m.tools ? '<span class="m-badge">беседа</span>' : ''}
+          ${!ok ? '<span class="m-badge">нет ключа</span>' : ''}
+          ${on ? '<span class="m-check">✓</span>' : ''}
+        </span>
+      </button>`;
+    }).join('');
+    return `<div class="model-group"><div class="model-group-lbl">${esc(p.name)}</div>${items}</div>`;
+  }).filter(Boolean).join('');
+  listEl.innerHTML = groups || '<div class="muted small" style="padding:8px 10px">Модели не найдены</div>';
+}
+
+function renderLlm() {
+  const { providers, active } = state.llm;
+  const btn = $('#chat-model-btn');
+  const lbl = $('#chat-model-lbl');
+  if (lbl) lbl.textContent = active?.model ? (active.label || active.model) : 'Модель не выбрана';
+  if (btn) btn.title = active?.enabled ? `Отвечает: ${active.provider} · ${active.label}` : 'Модель не выбрана или нет ключа — настройте в «Настройки → Модели ИИ»';
+  renderModelMenu($('#model-search')?.value || '');
+  $('#llm-sum').textContent = `Модели ИИ для Стратега: ${active?.enabled ? `${active.provider} · ${active.label}` : 'не выбрана'}`;
+
+  $('#llm-list').innerHTML = providers.map((p) => `<div class="llm-prov" data-p="${esc(p.id)}">
+      <div class="llm-head"><b>${esc(p.name)}</b><span class="grow"></span>
+        <button type="button" data-act="test">Проверить</button>
+        <button type="button" data-act="remote">Модели с сервера</button>
+        <button type="button" data-act="edit">Изменить</button>
+        <button type="button" data-act="del" class="icon" title="Удалить подключение">Удалить</button>
+      </div>
+      <div class="llm-meta">${esc(PROTO_LABEL[p.protocol] || p.protocol)} · ${esc(p.baseUrl)} · ${p.needsKey ? (p.hasKey ? `ключ есть (${esc(p.keySource)})` : '<span class="nokey">ключа нет</span>') : 'ключ не нужен'}${p.protocol === 'gigachat' ? (p.caFile ? ` · сертификат: ${esc(p.caFile)}` : ' · <span class="nokey">сертификат НУЦ не указан</span>') : ''}</div>
+      <div class="llm-models">${p.models.map((m) => {
+        const on = active?.providerId === p.id && active.model === m.id;
+        return `<div class="m${on ? ' on' : ''}"><b>${esc(m.label)}</b><span class="muted small">${m.label === m.id ? '' : esc(m.id)}</span><span class="grow"></span>${p.protocol === 'anthropic' ? '<span class="muted small">только беседа</span>' : `<label><input type="checkbox" data-act="tools" data-m="${esc(m.id)}"${m.tools ? ' checked' : ''}>инструменты</label>`}<button type="button" class="icon" data-act="rm" data-m="${esc(m.id)}" title="${on ? 'Эта модель сейчас выбрана' : 'Убрать модель из списка'}"${on ? ' disabled' : ''}>✕</button></div>`;
+      }).join('') || '<div class="muted small">Моделей нет — нажмите «Модели с сервера» или добавьте вручную.</div>'}</div>
+      ${llmRemote.has(p.id) ? `<div class="llm-remote">${llmRemote.get(p.id).length ? llmRemote.get(p.id).map((m) => `<button type="button" data-act="add" data-m="${esc(m.id)}"${m.added ? ' disabled' : ''}>${m.added ? '✓' : '+'} ${esc(m.id)}</button>`).join('') : '<span class="muted small">Сервер не вернул моделей</span>'}</div>` : ''}
+    </div>`).join('') || '<p class="muted">Подключений нет — добавьте своё ниже.</p>';
+}
+
+async function llmModels(pid, fn) {
+  const p = state.llm.providers.find((x) => x.id === pid);
+  await api(`/api/llm/providers/${encodeURIComponent(pid)}`, { method: 'PUT', body: { models: fn(p.models.map((m) => ({ ...m }))) } });
+  await loadLlm();
+}
+
+function closeModelMenu() {
+  const menu = $('#model-menu');
+  if (menu) menu.hidden = true;
+}
+
+$('#chat-model-btn')?.addEventListener('click', (e) => {
+  e.stopPropagation();
+  closeModeMenu();
+  const menu = $('#model-menu');
+  if (!menu) return;
+  const open = menu.hidden;
+  menu.hidden = !open;
+  if (open) {
+    const s = $('#model-search');
+    if (s) { s.value = ''; renderModelMenu(''); setTimeout(() => s.focus(), 10); }
+  }
+});
+
+$('#model-search')?.addEventListener('input', (e) => renderModelMenu(e.target.value));
+
+$('#model-menu-list')?.addEventListener('click', async (e) => {
+  const b = e.target.closest('button[data-mval]');
+  if (!b || b.disabled) return;
+  const [pid, ...rest] = b.dataset.mval.split('::');
+  closeModelMenu();
+  try {
+    state.llm = await post('/api/llm/select', { providerId: pid, model: rest.join('::') });
+    state.config.llm = state.llm.active;
+    showLlmStatus();
+  } catch (err) { toast(err.message, 'error'); }
+  renderLlm();
+});
+
+$('#model-manage-btn')?.addEventListener('click', () => {
+  closeModelMenu();
+  switchTab('settings');
+  showSettingsSec('llm');
+});
+
+document.addEventListener('click', (e) => {
+  if (!e.target.closest('#model-picker')) closeModelMenu();
+  if (!e.target.closest('#mode-picker')) closeModeMenu();
+});
+
+$('#llm-list').addEventListener('click', async (e) => {
+  const b = e.target.closest('button[data-act]');
+  if (!b) return;
+  const pid = b.closest('[data-p]').dataset.p;
+  const p = state.llm.providers.find((x) => x.id === pid);
+  const old = b.textContent;
+  try {
+    switch (b.dataset.act) {
+      case 'test': {
+        const model = state.llm.active?.providerId === pid ? state.llm.active.model : p.models[0]?.id;
+        if (!model) { toast('Сначала добавьте модель', 'error'); break; }
+        b.disabled = true;
+        b.textContent = 'Проверяю…';
+        const r = await post('/api/llm/test', { providerId: pid, model });
+        if (r.ok) toast(`${p.name} · ${model}: «${r.text}» за ${fmtNum(r.ms / 1000, 1)} с`);
+        else toast(`${p.name}: ${r.error}`, 'error');
+        break;
+      }
+      case 'remote': {
+        b.disabled = true;
+        b.textContent = 'Запрашиваю…';
+        llmRemote.set(pid, (await api(`/api/llm/providers/${encodeURIComponent(pid)}/remote-models`)).models);
+        renderLlm();
+        break;
+      }
+      case 'add': {
+        await llmModels(pid, (ms) => [...ms, { id: b.dataset.m, label: b.dataset.m, tools: p.protocol !== 'anthropic' }]);
+        const list = llmRemote.get(pid);
+        if (list) list.forEach((m) => { if (m.id === b.dataset.m) m.added = true; });
+        renderLlm();
+        break;
+      }
+      case 'rm': await llmModels(pid, (ms) => ms.filter((m) => m.id !== b.dataset.m)); break;
+      case 'edit': startEdit(p); break;
+      case 'del':
+        if (confirm(`Удалить подключение «${p.name}»?`)) { llmRemote.delete(pid); state.llm = await api(`/api/llm/providers/${encodeURIComponent(pid)}`, { method: 'DELETE' }); renderLlm(); }
+        break;
+    }
+  } catch (err) { toast(err.message, 'error'); } finally {
+    if (b.isConnected) { b.disabled = false; b.textContent = old; }
+  }
+});
+$('#llm-list').addEventListener('change', async (e) => {
+  const c = e.target.closest('input[data-act="tools"]');
+  if (!c) return;
+  const pid = c.closest('[data-p]').dataset.p;
+  try { await llmModels(pid, (ms) => ms.map((m) => (m.id === c.dataset.m ? { ...m, tools: c.checked } : m))); } catch (err) { toast(err.message, 'error'); }
+});
+
+const addForm = $('#llm-add');
+let editingPid = null;
+function syncAddForm() {
+  const proto = addForm.elements.protocol.value;
+  addForm.elements.baseUrl.placeholder = URL_HINT[proto];
+  addForm.elements.baseUrl.required = proto === 'openai' && !addForm.elements.baseUrl.value;
+  $('#llm-key-label').textContent = proto === 'gigachat' ? 'Ключ авторизации (Authorization key)' : 'Ключ (API key)';
+  addForm.elements.apiKey.placeholder = editingPid ? 'не меняется — оставьте пустым' : '';
+  addForm.querySelector('[data-for=key]').hidden = proto === 'ollama';
+  addForm.querySelector('[data-for=scope]').hidden = proto !== 'gigachat';
+  addForm.querySelector('[data-for=cert]').hidden = proto !== 'gigachat';
+  addForm.querySelector('[data-for=clearkey]').hidden = proto === 'ollama' || !editingPid;
+  addForm.elements.tools.disabled = proto === 'anthropic';
+}
+addForm.elements.protocol.addEventListener('change', syncAddForm);
+syncAddForm();
+function startEdit(p) {
+  editingPid = p.id;
+  const f = addForm.elements;
+  f.pid.value = p.id;
+  f.name.value = p.name;
+  f.protocol.value = p.protocol;
+  f.baseUrl.value = p.baseUrl;
+  f.apiKey.value = '';
+  f.scope.value = p.scope || '';
+  f.caFile.value = p.caFile || '';
+  f.model.value = '';
+  f.tools.checked = p.models[0]?.tools !== false && p.protocol !== 'anthropic';
+  f.clearKey.checked = false;
+  $('#llm-add-box').open = true;
+  $('#llm-add-sum').textContent = `Изменить подключение «${p.name}»`;
+  $('#llm-add-btn').textContent = 'Сохранить';
+  $('#llm-cancel').hidden = false;
+  addForm.scrollIntoView({ block: 'nearest' });
+  syncAddForm();
+}
+function stopEdit() {
+  editingPid = null;
+  addForm.reset();
+  addForm.elements.pid.value = '';
+  $('#llm-add-sum').textContent = 'Добавить подключение';
+  $('#llm-add-btn').textContent = 'Добавить';
+  $('#llm-cancel').hidden = true;
+  syncAddForm();
+}
+$('#llm-cancel').addEventListener('click', stopEdit);
+addForm.addEventListener('submit', async (e) => {
+  e.preventDefault();
+  const f = addForm.elements;
+  const model = f.model.value.trim();
+  const body = {
+    name: f.name.value, protocol: f.protocol.value, baseUrl: f.baseUrl.value, scope: f.scope.value, caFile: f.caFile.value,
+    ...(f.apiKey.value.trim() ? { apiKey: f.apiKey.value } : {}),
+    ...(f.clearKey.checked ? { clearKey: true } : {}),
+    // при редактировании пустое поле модели — не трогать список моделей
+    ...(model || !editingPid ? { models: model ? [{ id: model, label: model, tools: f.tools.checked && f.protocol.value !== 'anthropic' }] : [] } : {}),
+  };
+  const wasEdit = !!editingPid;
+  try {
+    state.llm = wasEdit
+      ? await api(`/api/llm/providers/${encodeURIComponent(editingPid)}`, { method: 'PUT', body })
+      : await post('/api/llm/providers', body);
+    stopEdit();
+    renderLlm();
+    toast(wasEdit ? 'Подключение сохранено' : 'Подключение добавлено. Нажмите «Проверить», чтобы убедиться, что оно работает.');
+  } catch (err) { toast(err.message, 'error'); }
+});
+
+// ======================================================================
+// БРОКЕРСКИЕ СЧЕТА (Т-БАНК, ФИНАМ, АЛОР, БКС)
+// ======================================================================
+const BROKER_LABELS = { tbank: 'Т-Банк', finam: 'Финам', alor: 'Алор', bcs: 'БКС' };
+const BROKER_MODES = { readonly: 'Только чтение', confirm: 'Подтверждение заявок', auto: 'Автомат' };
+let editingBrokerId = null;
+
+async function loadBrokers() {
+  state.brokers = await api('/api/brokers');
+  renderBrokers();
+}
+
+function renderBrokers() {
+  const accs = state.brokers?.accounts || [];
+  const navBtn = $('#snav-brokers');
+  if (navBtn) navBtn.textContent = accs.length ? `Брокерские счета (${accs.length})` : 'Брокерские счета';
+  if ($('#nnav-brokers')) $('#nnav-brokers').textContent = accs.length ? `Брокерские счета (${accs.length})` : 'Брокерские счета';
+  updateTabBadges();
+
+  // 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>
+      </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>
+    </div>`).join('') : '<p class="muted small">Подключённых брокерских счетов пока нет.</p>';
+  }
+
+  // 2) карточки во вкладке «Торговля»
+  const tradeEl = $('#brokers-trade');
+  if (!tradeEl) return;
+  if (!accs.length) {
+    tradeEl.innerHTML = 'Подключите брокерский счёт в «Настройки → Брокерские счета». Счёт может работать в режиме «Только чтение», «Подтверждение заявок» или «Автомат» с жёсткими предохранителями.';
+    return;
+  }
+  tradeEl.innerHTML = accs.map((a) => {
+    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>`;
+
+    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>';
+      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">
+        <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>
+        </div>
+        ${ordRows}
+        ${resHtml}
+      </div>`;
+    }
+
+    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>
+          <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>
+      </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('');
+}
+
+$('#btn-brokers-cfg').addEventListener('click', () => {
+  switchTab('settings');
+  showSettingsSec('brokers');
+});
+
+const brokerForm = $('#broker-form');
+function stopBrokerEdit() {
+  editingBrokerId = null;
+  brokerForm.reset();
+  brokerForm.elements.id.value = '';
+  $('#broker-add-sum').textContent = 'Добавить брокерский счёт';
+  $('#broker-save-btn').textContent = 'Сохранить счёт';
+  $('#broker-cancel-btn').hidden = true;
+}
+$('#broker-cancel-btn').addEventListener('click', stopBrokerEdit);
+brokerForm.addEventListener('submit', async (e) => {
+  e.preventDefault();
+  const f = brokerForm.elements;
+  const body = {
+    id: f.id.value || undefined,
+    name: f.name.value,
+    broker: f.broker.value,
+    accountId: f.accountId.value,
+    token: f.token.value,
+    mode: f.mode.value,
+    baseRunId: f.baseRunId.value ? Number(f.baseRunId.value) : null,
+    maxCapitalRub: Number(f.maxCapitalRub.value) || 100000,
+    maxDailyDrawdownPct: Number(f.maxDailyDrawdownPct.value) || 3,
+    limitOffsetPct: Number(f.limitOffsetPct.value ?? 0.1),
+    autoSchedule: f.autoSchedule.checked,
+    skipEdgeMinutes: f.skipEdgeMinutes.checked,
+    sandbox: f.sandbox.checked,
+    resetHalt: true,
+  };
+  try {
+    state.brokers = editingBrokerId
+      ? await api(`/api/brokers/${encodeURIComponent(editingBrokerId)}`, { method: 'PUT', body })
+      : await post('/api/brokers', body);
+    stopBrokerEdit();
+    renderBrokers();
+    toast('Брокерский счёт сохранён');
+  } catch (err) { toast(err.message, 'error'); }
+});
+
+$('#brokers-list').addEventListener('click', async (e) => {
+  const b = e.target.closest('button[data-bact]');
+  if (!b) 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;
+    return;
+  }
+  if (b.dataset.bact === 'del') {
+    if (!confirm(`Удалить брокерский счёт «${acc.name}»?`)) return;
+    try { state.brokers = await api(`/api/brokers/${encodeURIComponent(id)}`, { method: 'DELETE' }); renderBrokers(); } catch (err) { toast(err.message, 'error'); }
+    return;
+  }
+  if (b.dataset.bact === 'sync') {
+    b.disabled = true;
+    const old = b.textContent;
+    b.textContent = 'Проверяем…';
+    try {
+      state.brokers = await post(`/api/brokers/${encodeURIComponent(id)}/sync`);
+      renderBrokers();
+      toast(`Связь с «${acc.name}» проверена`);
+    } catch (err) {
+      await loadBrokers().catch(() => {});
+      toast(err.message, 'error');
+    } finally {
+      if (b.isConnected) { b.disabled = false; b.textContent = old; }
+    }
+  }
+});
+
+$('#brokers-trade').addEventListener('click', async (e) => {
+  const b = e.target.closest('button[data-btrade]');
+  if (!b) return;
+  const id = b.dataset.bid;
+  const act = b.dataset.btrade;
+  b.disabled = true;
+  const old = b.textContent;
+  try {
+    if (act === 'sync') {
+      b.textContent = 'Обновляем…';
+      state.brokers = await post(`/api/brokers/${encodeURIComponent(id)}/sync`);
+      toast('Портфель обновлён');
+    } else if (act === 'prep') {
+      b.textContent = 'Считаем лоты…';
+      state.brokers = await post(`/api/brokers/${encodeURIComponent(id)}/prepare`);
+      toast('Пакет заявок по прогнозу рассчитан');
+    } else if (act === 'exec') {
+      if (!confirm('Отправить лимитные заявки брокеру?')) return;
+      b.textContent = 'Отправляем…';
+      state.brokers = await post(`/api/brokers/${encodeURIComponent(id)}/execute`);
+      toast('Заявки отправлены брокеру');
+    } else if (act === 'rej') {
+      state.brokers = await post(`/api/brokers/${encodeURIComponent(id)}/reject`);
+    }
+    renderBrokers();
+  } catch (err) {
+    await loadBrokers().catch(() => {});
+    toast(err.message, 'error');
+  } finally {
+    if (b.isConnected) { b.disabled = false; b.textContent = old; }
+  }
+});
+
+// ======================================================================
+// СОБЫТИЯ СЕРВЕРА
+// ======================================================================
+function setStatus(ok, title) {
+  const dot = $('#st');
+  dot.className = `dot ${ok}`;
+  dot.title = title;
+}
+let connected = false;
+function showLlmStatus() {
+  if (!connected) return;
+  const llm = state.config?.llm;
+  setStatus(llm?.enabled ? 'ok' : 'warn', llm?.enabled ? `Сервер на связи · ИИ: ${llm.provider} · ${llm.label || llm.model}${llm.tools ? '' : ' (без инструментов)'}` : 'Сервер на связи · ИИ не подключён (Настройки → Модели ИИ)');
+}
+function connectWs() {
+  const ws = new WebSocket(`${location.protocol === 'https:' ? 'wss' : 'ws'}://${location.host}/ws`);
+  ws.onopen = () => {
+    connected = true;
+    showLlmStatus();
+    loadChat().catch(() => {});
+    loadLlm().catch(() => {});
+  };
+  ws.onclose = () => { connected = false; setStatus('bad', 'Нет связи с сервером — запустите его (F5 в VS Code)'); setTimeout(connectWs, 2000); };
+  ws.onmessage = (ev) => {
+    const m = JSON.parse(ev.data);
+    switch (m.type) {
+      case 'hello':
+        renderLive(m.live);
+        refreshForecastIfStale();
+        // если исследование идёт на сервере (запущено раньше или Стратегом) — показать кнопку отмены
+        if (!state.active && m.running?.length) {
+          state.active = m.running[0];
+          researchUi(true);
+          setProgress(0, `Исследование №${m.running[0]} идёт (запущено ранее)…`);
+        }
+        if (!state.stabilityActive && m.stabilityRunning) {
+          stabilityUi(m.stabilityRunning);
+          setProgress(10, `Проверка устойчивости эксперимента №${m.stabilityRunning} идёт…`);
+        }
+        break;
+      case 'chat:message':
+      case 'chat:update':
+        if (m.type === 'chat:update' && !m.message.data?.streaming) state.chat.stream.delete(m.message.id);
+        if (m.message.data?.streaming && (!state.chat.stream.has(m.message.id) || m.message.data?.retry)) state.chat.stream.set(m.message.id, { reasoning: '', content: '' });
+        upsertMsg(m.message);
+        renderSuggest();
+        break;
+      case 'chat:delta': onDelta(m); break;
+      case 'chat:state':
+        state.chat.state = m.state;
+        if (!m.state.busy) state.chat.stream.clear();
+        renderChatState();
+        break;
+      case 'chat:reset': loadChat(); break;
+      case 'llm:changed':
+        state.config.llm = m.llm;
+        showLlmStatus();
+        loadLlm().catch(() => {});
+        break;
+      case 'settings:update':
+        state.settings = m.settings;
+        fillForm(m.settings);
+        loadHistory().catch(() => {});
+        if (m.source === 'ai') {
+          for (const k of Object.keys(m.changed || {})) { const l = $('#params').elements[k]?.closest('.srow, label'); if (l) { l.classList.remove('flash'); void l.offsetWidth; l.classList.add('flash'); } }
+          toast(`Стратег изменил настройки: ${Object.entries(m.changed).map(([k, v]) => `${labelOf(k)} ${v.было} → ${v.стало}`).join('; ')}`);
+        }
+        break;
+      case 'journal:update': loadJournal().catch(() => {}); break;
+      case 'research:start':
+        state.active = m.runId;
+        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>`);
+        loadRuns(m.runId);
+        break;
+      case 'research:progress': {
+        const pct = m.stage === 'data' ? m.pct * 0.3 : 30 + m.pct * 0.7;
+        const el = liveEls.get(`r-${m.runId}`) || liveLine(`r-${m.runId}`, `Исследование №${m.runId}: <span class="pg"></span><div class="bar-s"><div></div></div>`);
+        $('.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);
+        break;
+      }
+      case 'research:done':
+      case 'research:error': {
+        dropLive(`r-${m.runId}`);
+        const mine = m.runId === state.active;
+        if (mine) { state.active = null; researchUi(false); }
+        loadRuns(m.type === 'research:done' ? m.runId : undefined).then(() => {
+          if (mine && m.type === 'research:error') toast(`Исследование ${runLabel(m.runId)}: ${m.error}`, 'error');
+        });
+        break;
+      }
+      case 'research:reused':
+        loadRuns(m.runId);
+        break;
+      case 'profiles:progress':
+        state.profilesBusy = true;
+        $('#btn-profiles').disabled = true;
+        $('#profiles-msg').textContent = `Составляем описания компаний: ${m.done} из ${m.total}`;
+        updateTabBadges();
+        break;
+      case 'profiles:done':
+        state.profilesBusy = false;
+        $('#btn-profiles').disabled = false;
+        state.profiles = null; // перечитаем с сервера
+        updateTabBadges();
+        loadProfilesData().then(() => { if (!$('#tab-map').hidden) drawMap(); });
+        toast(m.error ? `Описания компаний: ошибка — ${m.error}` : `Описания компаний готовы (${m.count})`, m.error ? 'error' : 'info');
+        break;
+      case 'paper:step': {
+        const s = m.step;
+        liveLine(`p-${s.ts}`, `Живая проверка · ${fmtTs(s.ts)}: ${s.decisions.length ? s.decisions.map((d) => esc(d.text)).join('; ') : 'без изменений'}`);
+        const keys = [...liveEls.keys()].filter((k) => k.startsWith('p-'));
+        for (const k of keys.slice(0, -5)) dropLive(k);
+        break;
+      }
+      case 'news:update': if (!$('#tab-now').hidden) loadNews(); break;
+      case 'brokers:update': state.brokers = m.state; renderBrokers(); break;
+      case 'stability:start':
+        stabilityUi(m.runId);
+        setProgress(2, `Проверка устойчивости эксперимента №${m.runId}…`);
+        break;
+      case 'stability:progress':
+        stabilityUi(m.runId);
+        setProgress(m.pct, m.text);
+        $('#btn-stability').textContent = `${m.pct}% · проверяем…`;
+        break;
+      case 'stability:done':
+        stabilityUi(null);
+        if (state.run?.id === m.runId && state.run.extra) {
+          state.run.extra.stability = m.stability;
+          renderOverview();
+        }
+        toast(`Устойчивость эксперимента №${m.runId}: медиана ${fmtPct(m.stability.medianPct)}, разброс ${fmtPct(m.stability.minPct)} … ${fmtPct(m.stability.maxPct)}`);
+        break;
+      case 'stability:error':
+        stabilityUi(null);
+        toast(`Проверка устойчивости №${m.runId}: ${m.error}`, m.error === 'Отменено' ? 'info' : 'error');
+        break;
+      case 'paper:status': renderLive(m.status); break;
+      case 'paper:started': case 'paper:stopped': api('/api/live/status').then(renderLive); break;
+      case 'paper:fill': toast(`Живая проверка: куплено ${m.position.symbol}`); break;
+      case 'log': toast(m.text, m.level === 'error' ? 'error' : 'info'); break;
+    }
+  };
+}
+
+// ---------- профиль, тарифы ЮKassa, боты Telegram/MAX и админ-панель ----------
+$('#btn-user')?.addEventListener('click', () => {
+  switchTab('settings');
+  showSettingsSec('cloud');
+  renderCloudPane();
+});
+
+async function renderCloudPane() {
+  const box = $('#cloud-pane');
+  if (!box) return;
+  const me = await api('/api/auth/me').catch(() => state.config || {});
+  state.config = { ...(state.config || {}), ...me };
+  const u = me.user;
+  const userBtn = $('#btn-user');
+  if (userBtn) userBtn.textContent = u ? `${u.name} · ${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>`;
+    return;
+  }
+
+  const nt = me.notify || {};
+  const code = u.notifyCode || 'NA-OWNER1';
+  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 = '';
+  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>
+          <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">
+          </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">
+            <button type="submit" class="primary">Сохранить ботов</button>
+          </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>`;
+    }
+  }
+
+  const apiKey = u.apiKey || '';
+  const npxCmd = apiKey ? `npx neuroalpha --key ${apiKey}` : 'npx neuroalpha';
+  const lic = u.localLicense;
+
+  box.innerHTML = `
+    <div class="srow">
+      <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>
+      <div class="row-gap">
+        <button type="button" id="btn-cloud-verify">Проверить оплату</button>
+        <button type="button" id="btn-cloud-logout">Выйти</button>
+      </div>
+    </div>
+    <div class="srow">
+      <div class="stxt">
+        <div class="slbl">Ваш персональный API-ключ (для локального запуска через <code>npx</code> и API)</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>` : ''}
+        </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>
+      </div>
+    </div>
+    ${!me.cloudMode ? `<div class="srow">
+      <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="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>'}
+        </div>
+      </div>
+      <div class="row-gap" style="flex-wrap:wrap">
+        ${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>
+      </div>
+    </div>
+    ${adminHtml}
+  `;
+
+  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';
+  });
+  box.querySelector('#btn-cloud-verify')?.addEventListener('click', async () => {
+    try {
+      const r = await post('/api/billing/verify');
+      toast(r.status === 'succeeded' ? `Оплата подтверждена! Тариф: ${r.user?.planName}` : `Статус платежа: ${r.status}`);
+      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.querySelector('#btn-notify-test')?.addEventListener('click', async () => {
+    try {
+      await post('/api/auth/notify-test');
+      toast('Тестовое уведомление отправлено в привязанные мессенджеры');
+    } catch (e) { toast(e.message, 'error'); }
+  });
+  box.querySelector('#btn-promo-redeem')?.addEventListener('click', async () => {
+    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'); }
+  });
+  box.querySelector('#adm-notify-form')?.addEventListener('submit', async (e) => {
+    e.preventDefault();
+    const f = e.target.elements;
+    try {
+      await post('/api/admin/notify', { tgBotName: f.tgBotName.value, tgToken: f.tgToken.value, maxBotName: f.maxBotName.value, maxToken: f.maxToken.value });
+      toast('Настройки ботов Telegram и MAX сохранены');
+      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'); }
+  }));
+}
+
+// ---------- тема (тёмная / светлая) ----------
+function applyTheme(light) {
+  document.body.classList.toggle('light', light);
+  const btn = $('#btn-theme');
+  if (btn) {
+    btn.textContent = light ? '☾' : '☀';
+    btn.title = light ? 'Переключить на тёмную тему' : 'Переключить на светлую тему';
+  }
+  const chartOpts = {
+    layout: { background: { color: 'transparent' }, textColor: light ? '#57606a' : '#8b949e' },
+    grid: { vertLines: { visible: false }, horzLines: { color: light ? '#eaeef2' : '#1b2029' } },
+  };
+  eqChart.applyOptions(chartOpts);
+  icChart.applyOptions(chartOpts);
+  if (!$('#tab-map').hidden) drawMap();
+}
+$('#btn-theme')?.addEventListener('click', () => {
+  const next = !document.body.classList.contains('light');
+  localStorage.setItem('theme', next ? 'light' : 'dark');
+  applyTheme(next);
+});
+if (localStorage.getItem('theme') === 'light') applyTheme(true);
+
+// ---------- справка ----------
+let helpLoaded = false;
+$('#btn-help').addEventListener('click', async () => {
+  $('#help').hidden = false;
+  if (helpLoaded) return;
+  try {
+    const res = await fetch(`/docs/${encodeURIComponent('ИНСТРУКЦИЯ.md')}`);
+    $('#help-body').innerHTML = md(await res.text());
+    helpLoaded = true;
+  } catch (e) { $('#help-body').textContent = e.message; }
+});
+$('#help-close').addEventListener('click', () => { $('#help').hidden = true; });
+$('#help').addEventListener('click', (e) => { if (e.target.id === 'help') $('#help').hidden = true; });
+document.addEventListener('keydown', (e) => {
+  if (e.key === 'Escape') {
+    $('#help').hidden = true;
+    closeModelMenu();
+    closeModeMenu();
+  }
+});
+
+// ---------- старт ----------
+(async function init() {
+  state.config = await api('/api/config');
+  buildForm();
+  state.settings = await api('/api/settings');
+  fillForm(state.settings);
+  loadHistory().catch(() => {});
+  connectWs();
+  renderLive(await api('/api/live/status'));
+  loadBrokers().catch(() => {});
+  loadJournal().catch(() => {});
+  renderCloudPane().catch(() => {});
+  const urlParams = new URLSearchParams(location.search);
+  if (urlParams.get('payment_check') === '1') {
+    post('/api/billing/verify').then((r) => {
+      if (r.status === 'succeeded') toast(`Оплата прошла успешно! Включён тариф «${r.user?.planName}»`);
+      renderCloudPane();
+    }).catch(() => {});
+  }
+  const initRunId = Number(urlParams.get('run')) || undefined;
+  await loadRuns(initRunId);
+})().catch((e) => toast(e.message, 'error'));