neuroalpha 0.3.12 → 0.3.13

package/public/app.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2026 Roman A. Perepelkin. Licensed under the MIT License.
+// Copyright (c) 2026 Roman A. Perepelkin. All rights reserved. Proprietary software.
 const $ = (s, root = document) => root.querySelector(s);
 const MSK = 3 * 3600000;
 
@@ -13,7 +13,34 @@ const post = (url, body = {}) => api(url, { method: 'POST', body });
 const esc = (s) => String(s ?? '').replace(/[&<>"]/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c]));
 const fmtNum = (v, d = 2) => (v === null || v === undefined || Number.isNaN(v) ? '—' : Number(v).toLocaleString('ru-RU', { maximumFractionDigits: d }));
 const fmtPct = (v, d = 1) => (v === null || v === undefined ? '—' : `${v > 0 ? '+' : ''}${fmtNum(v, d)}%`);
-const fmtTs = (ts) => { if (!ts) return '—'; const d = new Date(ts + MSK).toISOString(); return `${d.slice(8, 10)}.${d.slice(5, 7)} ${d.slice(11, 16)}`; };
+const fmtTs = (ts) => {
+  if (!ts) return '—';
+  const d = new Date(ts + MSK).toISOString();
+  const y = d.slice(0, 4);
+  const curY = new Date(Date.now() + MSK).toISOString().slice(0, 4);
+  return `${d.slice(8, 10)}.${d.slice(5, 7)}${y !== curY ? `.${y}` : ''} ${d.slice(11, 16)}`;
+};
+const fmtTimeOnly = (ts) => { if (!ts) return '—'; return new Date(ts + MSK).toISOString().slice(11, 16); };
+const MONTHS_GEN = ['января', 'февраля', 'марта', 'апреля', 'мая', 'июня', 'июля', 'августа', 'сентября', 'октября', 'ноября', 'декабря'];
+const DOW_SHORT = ['вс', 'пн', 'вт', 'ср', 'чт', 'пт', 'сб'];
+function fmtDayGroup(ts) {
+  if (!ts) return 'Без даты';
+  const dt = new Date(ts + MSK);
+  const iso = dt.toISOString();
+  const dayKey = iso.slice(0, 10);
+  const nowIso = new Date(Date.now() + MSK).toISOString();
+  const todayKey = nowIso.slice(0, 10);
+  const yestKey = new Date(Date.now() + MSK - 86400000).toISOString().slice(0, 10);
+  const dNum = Number(iso.slice(8, 10));
+  const mName = MONTHS_GEN[Number(iso.slice(5, 7)) - 1] || '';
+  const y = iso.slice(0, 4);
+  const curY = nowIso.slice(0, 4);
+  const dow = DOW_SHORT[dt.getUTCDay()] || '';
+  const base = `${dNum} ${mName}${y !== curY ? ` ${y} г.` : ''}`;
+  if (dayKey === todayKey) return `Сегодня, ${base}`;
+  if (dayKey === yestKey) return `Вчера, ${base}`;
+  return `${base} (${dow})`;
+}
 const fmtDate = (ts) => { const d = new Date(ts + MSK).toISOString(); return `${d.slice(8, 10)}.${d.slice(5, 7)}.${d.slice(2, 4)}`; };
 const cls = (v) => (v > 0 ? 'pos' : v < 0 ? 'neg' : '');
 const md = (s) => {
@@ -51,12 +78,47 @@ const CLUSTER_COLORS = ['#4f8cff', '#3fb950', '#d29922', '#f85149', '#a371f7', '
 const labelOf = (k) => state.config?.params.find((p) => p.key === k)?.label || k;
 
 // ======================================================================
-// СПЛИТТЕР
+// СПЛИТТЕР И ПЕРЕКЛЮЧАТЕЛЬ ЧАТА СО СТРАТЕГОМ + СОХРАНЕНИЕ НАВИГАЦИИ
 // ======================================================================
+const NAV_STORAGE_KEY = 'na_ui_nav_v1';
+function loadSavedNav() {
+  try { return JSON.parse(localStorage.getItem(NAV_STORAGE_KEY) || '{}') || {}; } catch { return {}; }
+}
+function saveNavPatch(patch = {}) {
+  try {
+    const cur = loadSavedNav();
+    localStorage.setItem(NAV_STORAGE_KEY, JSON.stringify({ ...cur, ...patch }));
+  } catch { /* ignore */ }
+}
+
+function setChatClosed(closed) {
+  document.body.classList.toggle('chat-closed', Boolean(closed));
+  const btn = $('#btn-chat-toggle');
+  if (btn) {
+    btn.classList.toggle('active', !closed);
+    btn.title = closed ? 'Открыть панель чата с ИИ-Стратегом' : 'Свернуть панель чата с ИИ-Стратегом';
+  }
+  saveNavPatch({ chatClosed: Boolean(closed) });
+  requestAnimationFrame(() => {
+    try {
+      eqChart.timeScale().fitContent();
+      icChart.timeScale().fitContent();
+      if (!$('#tab-map')?.hidden) drawMap();
+    } catch { /* ignore */ }
+  });
+}
+
+$('#btn-chat-toggle')?.addEventListener('click', () => {
+  setChatClosed(!document.body.classList.contains('chat-closed'));
+});
+$('#chat-hide')?.addEventListener('click', () => setChatClosed(true));
+
 (function splitter() {
   const sp = $('#splitter');
   const saved = localStorage.getItem('chatWidth');
   if (saved) document.documentElement.style.setProperty('--chat-w', saved);
+  const initNav = loadSavedNav();
+  setChatClosed(Boolean(initNav.chatClosed));
   let dragging = false;
   sp.addEventListener('mousedown', (e) => { dragging = true; sp.classList.add('drag'); document.body.classList.add('dragging'); e.preventDefault(); });
   window.addEventListener('mousemove', (e) => {
@@ -138,6 +200,13 @@ function switchTab(t) {
   if (t === 'journal') t = 'map';
   $('#tabs').querySelectorAll('button').forEach((b) => b.classList.toggle('active', b.dataset.tab === t));
   document.querySelectorAll('.right > .tab').forEach((el) => { el.hidden = el.id !== `tab-${t}`; });
+  saveNavPatch({ tab: t });
+  if (t === 'overview') {
+    requestAnimationFrame(() => {
+      eqChart.timeScale().fitContent();
+      icChart.timeScale().fitContent();
+    });
+  }
   if (t === 'settings') loadHistory().catch(() => {});
   if (t === 'now') { refreshForecastIfStale(); loadNews(); }
   if (t === 'map') {
@@ -158,7 +227,11 @@ $('#tabs').addEventListener('click', (e) => {
 const opts = () => ({
   layout: { background: { color: 'transparent' }, textColor: '#8b949e' },
   grid: { vertLines: { visible: false }, horzLines: { color: '#1b2029' } },
-  timeScale: { borderVisible: false }, rightPriceScale: { borderVisible: false }, crosshair: { mode: 0 }, autoSize: true, attributionLogo: false,
+  timeScale: { borderVisible: false, fixLeftEdge: true, fixRightEdge: true },
+  rightPriceScale: { borderVisible: false },
+  crosshair: { mode: 0 },
+  autoSize: true,
+  attributionLogo: false,
 });
 const eqChart = LightweightCharts.createChart($('#eq-chart'), opts());
 const eqLines = {
@@ -169,6 +242,13 @@ const eqLines = {
 };
 const icChart = LightweightCharts.createChart($('#ic-chart'), opts());
 const icSeries = icChart.addHistogramSeries({ priceFormat: { type: 'price', precision: 3, minMove: 0.001 }, priceLineVisible: false, lastValueVisible: false });
+if (window.ResizeObserver) {
+  const ro = new ResizeObserver(() => {
+    eqChart.timeScale().fitContent();
+    icChart.timeScale().fitContent();
+  });
+  if ($('#eq-chart')) ro.observe($('#eq-chart'));
+}
 
 const RUN_PARTS = [
   ['modelAutoAdapt', (v) => (v === false ? 'Ручной режим' : 'Авто (мульти-горизонт 1,5–3,5ч)')],
@@ -177,7 +257,7 @@ const RUN_PARTS = [
   ['modelExitRatio', (v, p) => (p.modelAutoAdapt === false ? `Выход: ${fmtNum(v, 2)}` : null)],
   ['modelTopK', (v) => `Акции: ${v}`],
   ['modelAllocMode', (v) => (v === 'invvol' ? 'Доли 1/размах' : 'Доли поровну')],
-  ['modelDirection', (v) => (v === 'longshort' ? 'В рост и в падение (с шортом)' : v === 'neutral' ? 'Хедж 50/50 (рост + падение)' : 'Только в рост (без шорта)')],
+  ['modelDirection', (v) => (v === 'longshort' ? 'В рост и в падение (с шортом)' : 'Только в рост (без шорта)')],
   ['modelMarketFilter', (v) => (v === 'ma' ? 'Фильтр индекса' : 'Без фильтра')],
   ['modelTrainDays', (v) => `Окно: ${v}дн`],
   ['modelHistoryDays', (v) => `История: ${v}дн`],
@@ -246,6 +326,7 @@ async function loadRuns(selectId) {
 async function openRun(id) {
   state.run = await api(`/api/runs/${id}`);
   $('#run-select').value = String(id);
+  saveNavPatch({ runId: Number(id) });
   syncUiAvailability();
   renderOverview();
   setupMapSlider();
@@ -359,8 +440,8 @@ function syncSettingsDependencies() {
   setRowEnabled('modelHorizon', !autoOn, 'Управляется автоматически при включённом «Самообучении» (мульти-горизонт 1,5–3,5 ч)');
   setRowEnabled('modelMinEdge', !autoOn, 'Управляется автоматически при включённом «Самообучении»');
   setRowEnabled('modelExitRatio', !autoOn, 'Управляется автоматически при включённом «Самообучении»');
-  setRowEnabled('modelShortFeePct', dir !== 'long', 'Действует только когда включены короткие продажи («В рост и в падение» или «Хедж 50/50»)');
-  setRowEnabled('modelMarketFilter', dir !== 'neutral', 'В режиме «Хедж 50/50 (рост + падение)» портфель уже захеджирован от направления индекса');
+  setRowEnabled('modelShortFeePct', dir !== 'long', 'Действует только когда включены короткие продажи («В рост и в падение (с шортом)»)');
+  setRowEnabled('modelMarketFilter', true, '');
 
   const doneCount = (state.runs || []).filter((r) => r.status !== 'running').length;
   if ($('#btn-clean')) $('#btn-clean').disabled = doneCount < 1;
@@ -455,27 +536,27 @@ function calcPeriodStats(period, returnPct, marketPct) {
   return { calDays, years, months, yrsLabel, dateRange, cagr, avgSimple, mktAnnual };
 }
 
-function verdictHtml(c, dir, pStats) {
+function verdictHtml(c, oosA) {
   const a = c.attention, base = c.inertia;
   if (!a) return '';
-  const neutral = dir === 'neutral';
-  const spanInfo = pStats?.dateRange ? ` за <b>${pStats.yrsLabel}</b> (${pStats.dateRange}, <b>${fmtPct(pStats.cagr, 1)} годовых</b> с реинвестированием / ${fmtPct(pStats.avgSimple, 1)} в среднем в год)` : '';
-  // помогает ли карта рынка — по торговому результату против простейшей модели
+  if (a.trades < 30) return `<span class="tag mid">Мало сделок (${a.trades})</span> Слишком мало сделок для статистически надёжных выводов.`;
+  const oosPart = oosA?.returnPct !== undefined
+    ? ` · Контрольный период (последние 30%): <b class="${cls(oosA.returnPct)}">${fmtPct(oosA.returnPct)}</b> (${oosA.trades ?? 0} сд.)`
+    : '';
   let vs = '';
   if (base) {
     const pf = a.profitFactor ?? 0, bpf = base.profitFactor ?? 0;
-    if (a.returnPct - base.returnPct > 5 && pf >= bpf) vs = `<b class="pos">Карта рынка даёт преимущество:</b> ${fmtPct(a.returnPct)} против ${fmtPct(base.returnPct)} у простейшей стратегии; на 1 ₽ убытка — ${fmtNum(pf)} ₽ против ${fmtNum(bpf)} ₽.`;
-    else if (Math.abs(a.returnPct - base.returnPct) <= 5) vs = `Карта рынка и простейшая стратегия заработали примерно одинаково (${fmtPct(a.returnPct)} против ${fmtPct(base.returnPct)}).`;
-    else vs = `Простейшая стратегия заработала больше (${fmtPct(base.returnPct)} против ${fmtPct(a.returnPct)}) — карта рынка пока не помогает.`;
-    vs += ` <span class="muted small">Средняя точность по всем акциям: ${fmtNum(a.ic, 3)} и ${fmtNum(base.ic, 3)} — преимущество проявляется на лучших акциях, которые и покупаются.</span>`;
+    if (a.returnPct - base.returnPct > 5 && pf >= bpf) vs = ` · Карта рынка даёт преимущество над простой инерцией (<b>${fmtPct(a.returnPct)}</b> против <b>${fmtPct(base.returnPct)}</b>)`;
+    else if (Math.abs(a.returnPct - base.returnPct) <= 5) vs = ` · Карта рынка и инерция дали близкий результат (${fmtPct(a.returnPct)} и ${fmtPct(base.returnPct)})`;
+    else vs = ` · Простая инерция опередила карту рынка (${fmtPct(base.returnPct)} против ${fmtPct(a.returnPct)})`;
+  }
+  if (a.returnPct > 0 && a.returnPct > a.marketPct && (a.profitFactor ?? 0) >= 1.1) {
+    return `<span class="tag ok">Стратегия прибыльна</span> Превосходит индекс Мосбиржи на <b class="pos">${fmtPct(a.returnPct - a.marketPct)}</b>${vs}${oosPart}`;
   }
-  let unreliable = a.trades < 30 || (base && base.trades < 30) ? ' <span class="muted small">Сделок мало, сравнение ненадёжно.</span>' : '';
-  if (c.transformer) unreliable += `<div class="muted small">Трансформер: итог ${fmtPct(c.transformer.returnPct)} против ${fmtPct(a.returnPct)} у внимания через карту.</div>`;
-  if (a.trades < 30) return `<b>Слишком мало сделок для выводов (${a.trades}).</b> <span class="muted">${vs}</span>${unreliable}`;
-  if (neutral && a.returnPct > 0 && (a.profitFactor ?? 0) >= 1.1) return `<b class="pos">Стратегия зарабатывает:</b> ${fmtPct(a.returnPct)} после комиссий${spanInfo}; нейтрально к рынку: рынок почти не влияет. ${vs}${unreliable}`;
-  if (!neutral && a.returnPct > 0 && a.returnPct > a.marketPct && (a.profitFactor ?? 0) >= 1.1) return `<b class="pos">Стратегия зарабатывает:</b> ${fmtPct(a.returnPct)} после комиссий${spanInfo}, рынок за то же время ${fmtPct(a.marketPct)}. ${vs}${unreliable}`;
-  if ((a.grossReturnPct ?? 0) > 0) return `<b style="color:var(--yellow)">Сигнал есть, но комиссии его съедают:</b> без комиссий ${fmtPct(a.grossReturnPct)}, с комиссиями ${fmtPct(a.returnPct)}${spanInfo}. Попробуйте увеличить «Порог выгоды». ${vs}${unreliable}`;
-  return `<b class="neg">Стратегия не заработала даже без комиссий</b> (${fmtPct(a.grossReturnPct)}). ${vs}${unreliable}`;
+  if ((a.grossReturnPct ?? 0) > 0) {
+    return `<span class="tag mid">Съедено комиссией</span> Без комиссий ${fmtPct(a.grossReturnPct)}, с комиссиями ${fmtPct(a.returnPct)}${vs}${oosPart}`;
+  }
+  return `<span class="tag no">Убыток</span> Стратегия не заработала (${fmtPct(a.returnPct)})${vs}${oosPart}`;
 }
 
 const MONTHS = ['Янв', 'Фев', 'Мар', 'Апр', 'Май', 'Июн', 'Июл', 'Авг', 'Сен', 'Окт', 'Ноя', 'Дек'];
@@ -700,17 +781,21 @@ function renderOverview() {
   const oosA = ex.comparison?.[chosen]?.outOfSample || run.metrics?.outOfSample || {};
   const pStats = calcPeriodStats(run.metrics?.period, a.returnPct, a.marketPct);
   const dir = run.params?.modelDirection || 'long';
-  const adaptNote = ex.adaptation
-    ? `<div class="muted small">Авто-адаптация: порог выхода ${fmtNum(ex.adaptation.exitRatio, 2)}${ex.adaptation.quarantined?.length ? ` · отсеяны убыточные бумаги (${ex.adaptation.quarantined.length}): ${esc(ex.adaptation.quarantined.slice(0, 10).join(', '))}${ex.adaptation.quarantined.length > 10 ? '…' : ''}` : ''}${oosA.returnPct !== undefined ? ` · контрольный период (последние 30%): <b class="${cls(oosA.returnPct)}">${fmtPct(oosA.returnPct)}</b> (${oosA.trades ?? 0} сделок)` : ''}</div>`
+  const quarNote = ex.adaptation?.quarantined?.length
+    ? ` · <span class="muted small" title="Временно отсеяны убыточные акции">Карантин (${ex.adaptation.quarantined.length}): ${esc(ex.adaptation.quarantined.slice(0, 8).join(', '))}${ex.adaptation.quarantined.length > 8 ? '…' : ''}</span>`
     : '';
-  $('#verdict').innerHTML = verdictHtml(c, dir, pStats) + adaptNote + (run.params?._note ? `<div class="muted small">Гипотеза: ${esc(run.params._note)}</div>` : '');
+  const hypNote = run.params?._note ? `<div class="muted small" style="margin-top:2px">Гипотеза: ${esc(run.params._note)}</div>` : '';
+  $('#verdict').innerHTML = verdictHtml(c, oosA) + quarNote + hypNote;
   const kpi = (v, l, sub, h) => `<div class="kpi" title="${esc(h)}"><div class="v">${v}</div><div class="l">${l}</div>${sub ? `<div class="sub">${sub}</div>` : ''}</div>`;
+  const sideSub = (dir !== 'long' && a.shortPct !== undefined)
+    ? `рост ${fmtPct(a.longPct)} · шорт ${fmtPct(a.shortPct)}`
+    : `${pStats.dateRange || 'весь период'} · без ком. ${fmtPct(a.grossReturnPct)}`;
   $('#kpis').innerHTML = [
     kpi(
       `<span class="${cls(a.returnPct)}">${fmtPct(a.returnPct)}</span>`,
       `итог за ${pStats.yrsLabel}`,
-      `${pStats.dateRange || 'весь период'} · без ком. ${fmtPct(a.grossReturnPct)}`,
-      'Общий чистый доход портфеля после вычета комиссий, проскальзывания и платы за шорт',
+      sideSub,
+      `Общий чистый доход портфеля за ${pStats.dateRange || 'период'} после вычета комиссий (без комиссий: ${fmtPct(a.grossReturnPct)})`,
     ),
     kpi(
       `<span class="${cls(pStats.cagr)}">${fmtPct(pStats.cagr, 1)}</span>`,
@@ -737,8 +822,7 @@ function renderOverview() {
       'Максимальная просадка капитала от пика и годовой коэффициент Шарпа (стабильность кривой доходности)',
     ),
   ].join('');
-  $('#sides').hidden = dir === 'long' || a.shortPct === undefined;
-  $('#sides').textContent = `Покупки: ${fmtPct(a.longPct)} · Продажи: ${fmtPct(a.shortPct)}`;
+  $('#sides').hidden = true;
   renderStability(ex.stability);
 
   const uniq = (arr) => (arr || []).filter((p, i, x) => i === 0 || chartTime(p.ts) > chartTime(x[i - 1].ts));
@@ -746,6 +830,7 @@ function renderOverview() {
   // трансформер — только если он был в прогоне
   for (const n of MODELS) eqLines[n].applyOptions({ visible: !!ex.curves[n] && (n === chosen || $('#more').open) });
   eqChart.timeScale().fitContent();
+  requestAnimationFrame(() => eqChart.timeScale().fitContent());
   $('#legend').innerHTML = [chosen, 'market', ...($('#more').open ? MODELS.filter((n) => n !== chosen && ex.curves[n]) : [])]
     .map((n) => `<span><i style="background:${COLORS[n]}"></i>${n === 'market' ? 'Рынок' : MODEL_LABEL[n]}</span>`).join('') + `<span>· ${fmtDate(run.metrics.period.from)} — ${fmtDate(run.metrics.period.till)}, прогноз на ${run.params.modelHorizon} ч, ${run.metrics.model.tokens} акций</span>`;
 
@@ -849,46 +934,92 @@ $('#btn-cancel').addEventListener('click', async () => {
 });
 
 // ======================================================================
-// СЕЙЧАС: прогноз и живая проверка
+// СЕЙЧАС: живой авто-радар прогноза и виртуальные счета
 // ======================================================================
+let forecastBusy = false;
+const prevClientExp = new Map();
+const prevClientRank = new Map();
+
 async function loadForecast(force, silent = false) {
+  if (forecastBusy) return;
+  forecastBusy = true;
   const box = $('#forecast');
-  if (!silent) box.innerHTML = '<span class="muted">Обучаем стратегию на последних месяцах… (до минуты)</span>';
-  $('#btn-forecast').disabled = true;
+  if (!silent && !state.forecast) box.innerHTML = '<span class="muted">Обучаем стратегию на последних месяцах… (до минуты)</span>';
   try {
-    const f = state.forecast = await api(`/api/model/forecast${force ? '?force=1' : ''}`);
+    const f = await api(`/api/model/forecast${force ? '?force=1' : ''}`);
+    // Считаем клиентские дельты и смещения в рейтинге относительно предыдущего кадра
+    f.rows.forEach((r, idx) => {
+      const rank = idx + 1;
+      if (prevClientExp.has(r.symbol)) {
+        const d = Number((r.expectedPct - prevClientExp.get(r.symbol)).toFixed(3));
+        if (Math.abs(d) >= 0.001) r.deltaPct = d;
+        const rd = prevClientRank.get(r.symbol) - rank;
+        if (rd !== 0) r.rankDelta = rd;
+      }
+      prevClientExp.set(r.symbol, r.expectedPct);
+      prevClientRank.set(r.symbol, rank);
+    });
+    state.forecast = f;
+    const liveTimeStr = new Date((f.liveTs || f.at || Date.now()) + MSK).toISOString().slice(11, 19);
     $('#fc-title').textContent = `Прогноз на ${f.horizon} ч · свеча ${f.bar.slice(8, 10)}.${f.bar.slice(5, 7)} ${f.bar.slice(11)}`;
-    // ● у акции с новостями: зелёный/красный/серый по тону, подсказка — суть, источник и время
+    const badge = $('#fc-live-badge');
+    if (badge) badge.textContent = `● живой радар · ${liveTimeStr}`;
+
     const dot = (n) => (n ? ` <span class="${n.tone >= 0.15 ? 'pos' : n.tone <= -0.15 ? 'neg' : 'muted'}" title="${esc(`${n.top}${n.count > 1 ? ` (и ещё ${n.count - 1})` : ''} — ${n.src}, ${fmtTs(n.ts)}`)}">●</span>` : '');
-    const row = (r) => `<tr><td><b>${r.symbol}</b> <span class="muted small">${esc(r.name)}</span>${dot(r.news)}</td><td class="num ${cls(r.expectedPct)}">${fmtPct(r.expectedPct, 2)}</td>
-      <td>${r.signal ? '<span class="tag ok">купить</span>' : r.shortSignal ? '<span class="tag no">продать</span>' : ''}</td><td class="muted small">${(r.influences || []).slice(0, 3).map((x) => x.symbol).join(', ')}</td></tr>`;
-    box.innerHTML = `<table><thead><tr><th>Сильнее рынка</th><th class="num">Ожидание</th><th></th><th>Под влиянием</th></tr></thead><tbody>${f.rows.slice(0, 6).map(row).join('')}</tbody></table>
-      <table style="margin-top:10px"><thead><tr><th>Слабее рынка</th><th class="num">Ожидание</th><th></th><th>Под влиянием</th></tr></thead><tbody>${f.rows.slice(-4).reverse().map(row).join('')}</tbody></table>
-      <p class="muted small">Ожидание — движение относительно рынка в целом. «Купить» — если ожидание выше порога ${fmtPct(f.thresholdPct, 2)} (окупает комиссии с запасом).${f.direction && f.direction !== 'long' ? ' «Продать» — ожидание ниже −порога: продажа без покупки.' : ''}</p>`;
+    const arrowOf = (r) => {
+      const d = Number(r.deltaPct || 0);
+      if (d > 0.002) return `<span class="pos small" title="Ожидание усилилось на +${fmtNum(d, 2)}% с прошлого замера">▲ +${fmtNum(d, 2)}%</span>`;
+      if (d < -0.002) return `<span class="neg small" title="Ожидание снизилось на ${fmtNum(d, 2)}% с прошлого замера">▼ ${fmtNum(d, 2)}%</span>`;
+      return '<span class="muted small" title="Без изменений">—</span>';
+    };
+    const rankBadge = (r) => {
+      const rd = Number(r.rankDelta || 0);
+      if (rd > 0) return ` <span class="pos small" title="Поднялась на ${rd} поз. в рейтинге">↑${rd}</span>`;
+      if (rd < 0) return ` <span class="neg small" title="Опустилась на ${Math.abs(rd)} поз. в рейтинге">↓${Math.abs(rd)}</span>`;
+      return '';
+    };
+    const row = (r) => `<tr>
+      <td><b>${r.symbol}</b> <span class="muted small">${esc(r.name)}</span>${rankBadge(r)}${dot(r.news)}</td>
+      <td class="num" style="white-space:nowrap">${r.price ? `${fmtNum(r.price, 2)} ₽` : '—'}</td>
+      <td class="num ${cls(r.expectedPct)}" style="white-space:nowrap"><b>${fmtPct(r.expectedPct, 2)}</b></td>
+      <td class="num" style="white-space:nowrap">${arrowOf(r)}</td>
+      <td>${r.signal ? '<span class="tag ok">купить</span>' : r.shortSignal ? '<span class="tag no">шорт</span>' : ''}</td>
+      <td class="muted small">${(r.influences || []).slice(0, 3).map((x) => x.symbol).join(', ')}</td>
+    </tr>`;
+    box.innerHTML = `<table><thead><tr><th>Сильнее рынка</th><th class="num">Цена</th><th class="num">Ожидание</th><th class="num">Динамика</th><th></th><th>Под влиянием</th></tr></thead><tbody>${f.rows.slice(0, 6).map(row).join('')}</tbody></table>
+      <table style="margin-top:10px"><thead><tr><th>Слабее рынка</th><th class="num">Цена</th><th class="num">Ожидание</th><th class="num">Динамика</th><th></th><th>Под влиянием</th></tr></thead><tbody>${f.rows.slice(-4).reverse().map(row).join('')}</tbody></table>
+      <p class="muted small">Ожидание — движение относительно рынка в целом (авто-пересчёт каждые 45 сек по живым ценам Мосбиржи). «Купить» — ожидание выше порога ${fmtPct(f.thresholdPct, 2)}.${f.direction && f.direction !== 'long' ? ' «Шорт» — ожидание ниже −порога.' : ''}</p>`;
     setupMapSlider();
+    if (state.brokers?.accounts?.length) renderBrokers();
   } catch (e) {
     if (!silent) box.innerHTML = `<span class="neg">Не получилось: ${esc(e.message)}</span>`;
   } finally {
-    $('#btn-forecast').disabled = false;
+    forecastBusy = false;
     syncUiAvailability();
   }
 }
-$('#btn-forecast').addEventListener('click', () => loadForecast(true));
-const FORECAST_MAX_AGE = 3600000;
+const FORECAST_TICK_MS = 45000; // живое обновление каждые 45 секунд
 function refreshForecastIfStale() {
-  if (state.forecast?.at && Date.now() - state.forecast.at > FORECAST_MAX_AGE && !$('#btn-forecast').disabled) loadForecast(true, true);
+  if (forecastBusy) return;
+  if (!state.forecast?.at) {
+    loadForecast(false, false);
+  } else if (Date.now() - state.forecast.at >= 20000) {
+    loadForecast(false, true);
+  }
 }
-setInterval(() => { if (!$('#tab-now').hidden) refreshForecastIfStale(); }, 5 * 60000);
+setInterval(() => { if (!$('#tab-now').hidden) refreshForecastIfStale(); }, FORECAST_TICK_MS);
 
 function showNowSec(sec) {
   document.querySelectorAll('#now-nav [data-nsec]').forEach((b) => b.classList.toggle('active', b.dataset.nsec === sec));
   document.querySelectorAll('#tab-now .ssec').forEach((el) => { el.hidden = el.dataset.nsec !== sec; });
+  saveNavPatch({ nowSec: sec });
 }
 $('#now-nav').addEventListener('click', (e) => {
   const b = e.target.closest('[data-nsec]');
   if (b) showNowSec(b.dataset.nsec);
 });
 
+let openLiveId = loadSavedNav().openLiveId ?? null;
 function renderLive(st) {
   state.live = st;
   const accs = st?.accounts || [];
@@ -898,13 +1029,17 @@ function renderLive(st) {
     $('#live').innerHTML = 'Стратегия торгует виртуальными деньгами на текущих ценах: раз в несколько часов прогноз и пересмотр портфеля. Запустите счёт кнопкой выше или прямо из удачного эксперимента («▶ В торговлю» во вкладке «Эксперименты»).';
     return;
   }
+  if (!accs.some((a) => String(a.runId) === String(openLiveId))) {
+    openLiveId = accs[0].runId;
+  }
   $('#live').innerHTML = accs.map((a) => {
+    const isOpen = String(a.runId) === String(openLiveId);
     const s = a.snapshot || { equity: a.params?.capital || 0, positions: [], pending: [] };
     const pnl = a.pnl ?? (s.equity - (a.params?.capital || 0));
     const retPct = a.returnPct ?? 0;
     const step = a.recent?.[0];
     const p = a.params || {};
-    const frozen = `${MODEL_LABEL[p.modelType] || p.modelType} · ${p.modelHorizon}ч · порог ${p.modelMinEdge} · акций ${p.modelTopK}${p.modelDirection && p.modelDirection !== 'long' ? ` · ${p.modelDirection === 'neutral' ? 'хедж 50/50' : 'в рост и в падение'}` : ' · только в рост'}`;
+    const frozen = `${MODEL_LABEL[p.modelType] || p.modelType} · ${p.modelHorizon}ч · порог ${p.modelMinEdge} · акций ${p.modelTopK}${p.modelDirection && p.modelDirection !== 'long' ? ' · в рост и в падение' : ' · только в рост'}`;
     let corrHtml = '<div class="kpi"><div class="v muted">—</div><div class="l">ориентир истории</div></div>';
     if (a.corridor) {
       const c = a.corridor;
@@ -917,29 +1052,33 @@ function renderLive(st) {
       corrHtml = `<div class="kpi" title="Ожидание по темпу эксперимента №${c.runId} (история: ${fmtPct(c.histReturnPct)}, макс. просадка ${fmtNum(c.histMaxDdPct, 1)}%)"><div class="v ${cls(c.expectedPct)}">${fmtPct(c.expectedPct, 2)} <span class="muted small">(${fmtPct(c.minPct, 1)}…${fmtPct(c.maxPct, 1)})</span></div><div class="l">ориентир №${c.runId} · <span class="${sCls === 'no' ? 'neg' : 'pos'}">${sLbl}</span></div></div>`;
     }
     const dispName = String(a.name || `Счёт №${a.runId}`).replace(/^Из прогона/i, 'Из эксперимента');
-    return `<div class="live-card${a.running ? '' : ' stopped'}" data-acc="${a.runId}">
-      <div class="live-head">
-        <div>
+    return `<div class="live-card${a.running ? '' : ' stopped'}${isOpen ? '' : ' collapsed'}" data-acc="${a.runId}">
+      <div class="acc-fold-head" data-live-fold="${a.runId}" title="${isOpen ? 'Нажмите, чтобы свернуть карточку счёта' : 'Нажмите, чтобы развернуть карточку счёта'}">
+        <div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap">
+          <span class="acc-caret">▶</span>
           <b>${esc(dispName)}</b>
-          <span class="tag ${a.running ? 'ok' : ''}" style="margin-left:6px">${a.running ? 'работает' : 'остановлен'}</span>
+          <span class="tag ${a.running ? 'ok' : ''}">${a.running ? 'работает' : 'остановлен'}</span>
           ${a.baseRunId ? `<button type="button" class="icon small" data-open-run="${a.baseRunId}" title="Открыть исходный эксперимент">эксперимент №${a.baseRunId}</button>` : ''}
-          <div class="muted small">Замороженные настройки: ${esc(frozen)} · старт ${fmtNum(p.capital, 0)} ₽</div>
         </div>
-        <div class="row-gap">
+        <div class="row-gap" style="align-items:center">
+          <span class="small muted">На счёте: <b>${fmtNum(s.equity, 0)} ₽</b> (<span class="${cls(pnl)}">${fmtPct(retPct, 2)}</span>) · поз.: ${s.positions.length}</span>
           <button type="button" data-live-ask="${a.runId}" title="Попросить Стратега разобрать этот виртуальный счёт">💬 Спросить Стратега</button>
           ${a.running ? `<button type="button" data-live-stop="${a.runId}">Остановить</button>` : ''}
           <button type="button" class="icon" data-live-del="${a.runId}" title="Удалить виртуальный счёт">✕</button>
         </div>
       </div>
-      <div class="kpis" style="grid-template-columns:repeat(4,1fr)">
-        <div class="kpi"><div class="v">${fmtNum(s.equity, 0)} ₽</div><div class="l">на счёте</div></div>
-        <div class="kpi"><div class="v ${cls(pnl)}">${fmtPct(retPct, 2)} <span class="muted small">(${pnl >= 0 ? '+' : ''}${fmtNum(pnl, 0)} ₽)</span></div><div class="l">с начала</div></div>
-        ${corrHtml}
-        <div class="kpi"><div class="v">${a.metrics?.full?.trades ?? 0}</div><div class="l">закрыто сделок</div></div>
+      <div ${isOpen ? 'style="margin-top:10px"' : 'hidden'}>
+        <div class="muted small" style="margin-bottom:8px">Замороженные настройки: ${esc(frozen)} · старт ${fmtNum(p.capital, 0)} ₽</div>
+        <div class="kpis" style="grid-template-columns:repeat(4,1fr)">
+          <div class="kpi"><div class="v">${fmtNum(s.equity, 0)} ₽</div><div class="l">на счёте</div></div>
+          <div class="kpi"><div class="v ${cls(pnl)}">${fmtPct(retPct, 2)} <span class="muted small">(${pnl >= 0 ? '+' : ''}${fmtNum(pnl, 0)} ₽)</span></div><div class="l">с начала</div></div>
+          ${corrHtml}
+          <div class="kpi"><div class="v">${a.metrics?.full?.trades ?? 0}</div><div class="l">закрыто сделок</div></div>
+        </div>
+        <p class="muted small">Запущен ${fmtTs(a.startedAt)}${a.stoppedAt ? ` · остановлен ${fmtTs(a.stoppedAt)}` : ''} · последняя свеча ${a.lastBarTs ? fmtTs(a.lastBarTs) : '—'}${a.error ? ` · <span class="neg">${esc(a.error)}</span>` : ''}${s.pending.length ? ` · ждут исполнения: ${s.pending.map((o) => `${{ buy: 'купить', short: 'продать без покупки', cover: 'закрыть продажу' }[o.action] || 'продать'} ${o.symbol}`).join(', ')}` : ''}</p>
+        ${s.positions.length ? `<table><thead><tr><th>Держим</th><th>С</th><th class="num">Цена входа</th><th class="num">Сейчас</th><th class="num">Результат</th></tr></thead><tbody>${s.positions.map((pos) => `<tr><td><b>${pos.symbol}</b>${pos.side === 'short' ? ' <span class="tag no">продажа</span>' : ''}</td><td>${fmtTs(pos.entryTs)}</td><td class="num">${fmtNum(pos.entryPrice, 3)}</td><td class="num">${fmtNum(pos.lastPrice, 3)}</td><td class="num ${cls(pos.pnl)}">${fmtNum(pos.pnl, 0)} ₽</td></tr>`).join('')}</tbody></table>` : `<p class="muted small">Сейчас ${p.modelDirection && p.modelDirection !== 'long' ? 'позиций нет' : 'ничего не куплено'} — стратегия ждёт сильного сигнала.</p>`}
+        ${step ? `<p class="muted small">Последнее решение (${fmtTs(step.ts)}): ${step.decisions.length ? step.decisions.map((d) => esc(d.text)).join('; ') : 'без изменений'}</p>` : ''}
       </div>
-      <p class="muted small">Запущен ${fmtTs(a.startedAt)}${a.stoppedAt ? ` · остановлен ${fmtTs(a.stoppedAt)}` : ''} · последняя свеча ${a.lastBarTs ? fmtTs(a.lastBarTs) : '—'}${a.error ? ` · <span class="neg">${esc(a.error)}</span>` : ''}${s.pending.length ? ` · ждут исполнения: ${s.pending.map((o) => `${{ buy: 'купить', short: 'продать без покупки', cover: 'закрыть продажу' }[o.action] || 'продать'} ${o.symbol}`).join(', ')}` : ''}</p>
-      ${s.positions.length ? `<table><thead><tr><th>Держим</th><th>С</th><th class="num">Цена входа</th><th class="num">Сейчас</th><th class="num">Результат</th></tr></thead><tbody>${s.positions.map((pos) => `<tr><td><b>${pos.symbol}</b>${pos.side === 'short' ? ' <span class="tag no">продажа</span>' : ''}</td><td>${fmtTs(pos.entryTs)}</td><td class="num">${fmtNum(pos.entryPrice, 3)}</td><td class="num">${fmtNum(pos.lastPrice, 3)}</td><td class="num ${cls(pos.pnl)}">${fmtNum(pos.pnl, 0)} ₽</td></tr>`).join('')}</tbody></table>` : `<p class="muted small">Сейчас ${p.modelDirection && p.modelDirection !== 'long' ? 'позиций нет' : 'ничего не куплено'} — стратегия ждёт сильного сигнала.</p>`}
-      ${step ? `<p class="muted small">Последнее решение (${fmtTs(step.ts)}): ${step.decisions.length ? step.decisions.map((d) => esc(d.text)).join('; ') : 'без изменений'}</p>` : ''}
     </div>`;
   }).join('');
   syncUiAvailability();
@@ -981,6 +1120,14 @@ $('#live').addEventListener('click', async (e) => {
     const id = Number(askBtn.dataset.liveAsk);
     const acc = (state.live?.accounts || []).find((x) => x.runId === id);
     sendChat(`Разбери состояние виртуального счёта «${acc?.name || `№${id}`}» (доход ${fmtPct(acc?.returnPct ?? 0, 2)}, сделок ${acc?.metrics?.full?.trades ?? 0}${acc?.baseRunId ? `, запущен из эксперимента №${acc.baseRunId}` : ''}): как он идёт относительно ожиданий и есть ли замечания по открытым позициям?`);
+    return;
+  }
+  const foldHead = e.target.closest('[data-live-fold]');
+  if (foldHead) {
+    const id = foldHead.dataset.liveFold;
+    openLiveId = String(openLiveId) === String(id) ? null : id;
+    saveNavPatch({ openLiveId });
+    renderLive(state.live);
   }
 });
 
@@ -1138,6 +1285,7 @@ function drawProfilesMap() {
 }
 async function showMapSec(sec) {
   document.querySelectorAll('#map-nav [data-msec]').forEach((b) => b.classList.toggle('active', b.dataset.msec === sec));
+  saveNavPatch({ mapSec: sec });
   if (sec === 'journal') {
     $('#map-sec').hidden = true;
     $('#journal-box').hidden = false;
@@ -1215,6 +1363,8 @@ function showSettingsSec(sec) {
   document.querySelectorAll('#tab-settings .srow').forEach((r) => { r.hidden = false; });
   document.querySelectorAll('#tab-settings .snav [data-sec]').forEach((b) => b.classList.toggle('active', b.dataset.sec === sec));
   document.querySelectorAll('#tab-settings .ssec').forEach((el) => { el.hidden = el.dataset.sec !== sec; });
+  saveNavPatch({ settingsSec: sec });
+  if (sec === 'cloud') renderCloudPane().catch(() => {});
 }
 document.querySelector('#tab-settings .snav').addEventListener('click', (e) => {
   const b = e.target.closest('[data-sec]');
@@ -1961,7 +2111,13 @@ const INST_KIND_LABEL = {
   futures: ['Фьючерс', 'mid'],
 };
 const ALLOC_PALETTE = ['#3b82f6', '#06b6d4', '#8b5cf6', '#10b981', '#f59e0b', '#ec4899', '#64748b'];
-const brokerTabById = new Map(); // accId -> 'assets' | 'trade' | 'history'
+const brokerTabById = new Map(Object.entries(loadSavedNav().brokerTabs || {})); // accId -> 'assets' | 'trade' | 'history'
+function setBrokerSubTab(id, tab) {
+  brokerTabById.set(id, tab);
+  saveNavPatch({ brokerTabs: Object.fromEntries(brokerTabById) });
+}
+let openBrokerId = loadSavedNav().openBrokerId ?? null;
+let openBrokerCfgId = loadSavedNav().openBrokerCfgId ?? null;
 let editingBrokerId = null;
 
 async function loadBrokers() {
@@ -1976,40 +2132,58 @@ function renderBrokers() {
   if ($('#nnav-brokers')) $('#nnav-brokers').textContent = accs.length ? `Брокерские счета (${accs.length})` : 'Брокерские счета';
   updateTabBadges();
 
-  // 1) список в Настройках
+  // 1) список в Настройках (аккордеон: открыта одна карточка, по умолчанию первая)
   const listEl = $('#brokers-list');
   if (listEl) {
-    listEl.innerHTML = accs.length ? accs.map((a) => `<div class="llm-prov" data-bid="${esc(a.id)}">
-      <div class="llm-head">
-        <b>${esc(a.name)}</b>
-        <span class="tag">${esc(BROKER_LABELS[a.broker] || a.broker)}</span>
-        <span class="tag ${a.mode === 'auto' ? 'mid' : a.mode === 'confirm' ? 'ok' : ''}">${esc(BROKER_MODES[a.mode] || a.mode)}</span>
-        <span class="tag" title="Режим работы с начальным портфелем на счёте">${esc(LEGACY_MODES[a.legacyMode || 'isolate'] || a.legacyMode)}</span>
-        ${a.lastSync?.marginEnabled === false ? '<span class="tag" title="На этом счёте у брокера отключена маржинальная торговля — стратегия автоматически работает в режиме «Только в рост (без шорта)»">только в рост (маржиналка выкл.)</span>' : a.lastSync?.marginEnabled === true ? '<span class="tag ok" title="Маржинальная торговля включена — доступны сделки в рост и в падение (с шортом)">рост + шорт доступны</span>' : ''}
-        ${a.autoSchedule !== false ? '<span class="tag ok" title="Заявки рассчитываются автоматически раз в горизонт прогноза и приходят в Telegram / MAX">авто-расписание</span>' : ''}
-        ${a.sandbox ? '<span class="tag mid">песочница</span>' : ''}
-        ${a.haltedReason ? `<span class="tag no" title="${esc(a.haltedReason)}">стоп</span>` : ''}
-        <span class="grow"></span>
-        <button type="button" data-bact="sync">Проверить связь</button>
-        <button type="button" data-bact="edit" class="icon">Изменить</button>
-        <button type="button" data-bact="del" class="icon">Удалить</button>
+    if (accs.length && !accs.some((a) => a.id === openBrokerCfgId)) {
+      openBrokerCfgId = accs[0].id;
+    }
+    listEl.innerHTML = accs.length ? accs.map((a) => {
+      const ls = a.lastSync;
+      const isCfgOpen = a.id === openBrokerCfgId;
+      return `<div class="llm-prov live-card${isCfgOpen ? '' : ' collapsed'}" data-bid="${esc(a.id)}">
+      <div class="acc-fold-head" data-bcfg-fold="${esc(a.id)}" title="${isCfgOpen ? 'Нажмите, чтобы свернуть' : 'Нажмите, чтобы развернуть'}">
+        <div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap">
+          <span class="acc-caret">▶</span>
+          <b>${esc(a.name)}</b>
+          <span class="tag ${a.mode === 'auto' ? 'mid' : a.mode === 'confirm' ? 'ok' : ''}">${esc(BROKER_MODES[a.mode] || a.mode)}</span>
+          ${a.sandbox ? '<span class="tag mid">песочница</span>' : ''}
+          ${a.haltedReason ? `<span class="tag no" title="${esc(a.haltedReason)}">стоп</span>` : ''}
+        </div>
+        <div class="row-gap" style="align-items:center">
+          ${ls?.ok ? `<span class="small muted">На счёте: <b>${fmtNum(ls.totalRub, 0)} ₽</b> (свободно ${fmtNum(ls.cashRub, 0)} ₽)</span>` : ''}
+          <button type="button" data-bact="sync">Проверить связь</button>
+          <button type="button" data-bact="edit" class="icon">Изменить</button>
+          <button type="button" data-bact="del" class="icon">Удалить</button>
+        </div>
       </div>
-      <div class="llm-meta">
-        Счёт: ${esc(a.accountId || 'авто')} · Токен: ${a.hasToken ? '<span class="pos">задан</span>' : '<span class="nokey">нет токена</span>'} · Лимит стратегии: ${fmtNum(a.maxCapitalRub, 0)} ₽ · Дневной стоп: −${fmtNum(a.maxDailyDrawdownPct, 1)}% · Отступ лимитки: ${fmtNum(a.limitOffsetPct, 2)}%${a.baseRunLabel ? ` · Настройки из ${esc(a.baseRunLabel)}` : ''}
-        ${a.lastSync ? `<br>Синхронизация ${fmtTs(a.lastSync.at)}: ${a.lastSync.ok ? `<span class="pos">на счёте ${fmtNum(a.lastSync.totalRub, 0)} ₽ (свободно ${fmtNum(a.lastSync.cashRub, 0)} ₽, бумаг ${a.lastSync.positions?.length || 0})</span>` : `<span class="neg">${esc(a.lastSync.error)}</span>`}` : ''}
+      <div class="brk-specs" ${isCfgOpen ? '' : 'hidden'}>
+        <span class="k">Брокер и субсчёт:</span><span class="v"><b>${esc(BROKER_LABELS[a.broker] || a.broker)}</b> · ID <code>${esc(a.accountId || ls?.accountId || 'авто')}</code> (токен: ${a.hasToken ? '<span class="pos">задан ✓</span>' : '<span class="nokey">не задан</span>'})</span>
+        <span class="k">Режим управления:</span><span class="v"><span class="tag ${a.mode === 'auto' ? 'mid' : a.mode === 'confirm' ? 'ok' : ''}">${esc(BROKER_MODES[a.mode] || a.mode)}</span> · авто-расписание: <b>${a.autoSchedule !== false ? '<span class="pos">вкл.</span>' : '<span class="muted">выкл.</span>'}</b></span>
+        <span class="k">Начальный портфель:</span><span class="v">${esc(LEGACY_MODES[a.legacyMode || 'isolate'] || a.legacyMode)}</span>
+        <span class="k">Маржинальная торговля:</span><span class="v">${ls ? (ls.marginEnabled ? '<b class="pos">вкл. (шорт доступен)</b>' : '<b>выкл. у брокера (только в рост)</b>') : '<span class="muted">проверится при синхронизации</span>'}</span>
+        <span class="k">Контроль автоследования:</span><span class="v">${ls ? (ls.autoFollowDetected ? '<b class="neg">обнаружено ✕ (запрещено офертой)</b>' : '<b class="pos">не используется ✓ (счёт допущен)</b>') : '<span class="muted">проверится при синхронизации</span>'}</span>
+        <span class="k">Предохранители:</span><span class="v">лимит <b>${fmtNum(a.maxCapitalRub, 0)} ₽</b> · дневной стоп <b>−${fmtNum(a.maxDailyDrawdownPct, 1)}%</b> · отступ лимитки <b>${fmtNum(a.limitOffsetPct, 2)}%</b></span>
+        ${a.baseRunLabel ? `<span class="k">Настройки стратегии:</span><span class="v">${esc(a.baseRunLabel)}</span>` : ''}
+        ${ls ? `<span class="k">Синхронизация (${fmtTs(ls.at)}):</span><span class="v">${ls.ok ? `<span class="pos">на счёте <b>${fmtNum(ls.totalRub, 0)} ₽</b> (свободно ${fmtNum(ls.cashRub, 0)} ₽, бумаг ${ls.positions?.length || 0})</span>` : `<span class="neg">${esc(ls.error)}</span>`}</span>` : ''}
       </div>
-    </div>`).join('') : '<p class="muted small">Подключённых брокерских счетов пока нет.</p>';
+    </div>`;
+    }).join('') : '<p class="muted small">Подключённых брокерских счетов пока нет.</p>';
   }
 
-  // 2) карточки во вкладке «Торговля → Брокерские счета» (с 3 вкладками: Активы · Торговля · История)
+  // 2) карточки во вкладке «Торговля → Брокерские счета» (аккордеон: открыта одна карточка, по умолчанию первая)
   const tradeEl = $('#brokers-trade');
   if (!tradeEl) return;
   if (!accs.length) {
     tradeEl.innerHTML = 'Подключите брокерский счёт в «Настройки → Брокерские счета». Счёт может работать в режиме «Только чтение», «Подтверждение заявок» или «Автомат» с жёсткими предохранителями.';
     return;
   }
+  if (!accs.some((a) => a.id === openBrokerId)) {
+    openBrokerId = accs[0].id;
+  }
   const fcRowMap = state.forecast?.rows ? new Map(state.forecast.rows.map((r) => [r.symbol, r])) : null;
   tradeEl.innerHTML = accs.map((a) => {
+    const isOpen = a.id === openBrokerId;
     const ls = a.lastSync;
     const pb = a.pendingBatch;
     const lh = a.lastHistory;
@@ -2100,16 +2274,19 @@ function renderBrokers() {
       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>`
         : '';
+      const throttleHtml = pb.planThrottleNote
+        ? `<div class="muted small" style="margin-top:6px;padding:6px 10px;border-left:2px solid var(--accent);background:rgba(59,130,246,0.06)">ℹ ${esc(pb.planThrottleNote)}</div>`
+        : '';
       batchHtml = `<div class="stab-box">
         <div class="stab-head">
           <b>Пакет лимитных заявок (${fmtTs(pb.createdAt)}, свеча ${esc(pb.bar || '—')})</b>
           ${pb.edgeWarning ? `<span class="tag mid">${esc(pb.edgeWarning)}</span>` : ''}
           <span class="grow"></span>
-          ${pb.status === 'pending' && pb.orders?.length ? `<button type="button" class="primary" data-btrade="exec" data-bid="${esc(a.id)}"${a.mode === 'readonly' ? ' disabled title="В режиме «Только чтение» отправка отключена"' : ''}>Исполнить заявки (${pb.orders.length})</button>` : ''}
-          <button type="button" data-btrade="rej" data-bid="${esc(a.id)}">${pb.status === 'pending' ? 'Отклонить' : 'Скрыть'}</button>
+          ${pb.status === 'pending' && pb.orders?.length ? `<button type="button" class="primary" data-btrade="exec" data-bid="${esc(a.id)}"${a.mode === 'readonly' ? ' disabled title="В режиме «Только чтение» отправка отключена"' : ''}>Исполнить заявки (${pb.orders.length})</button><button type="button" data-btrade="rej" data-bid="${esc(a.id)}">Отклонить заявки</button>` : `<button type="button" class="icon small" data-btrade="rej" data-bid="${esc(a.id)}" title="Скрыть сводку">Скрыть</button>`}
         </div>
         ${ordRows}
         ${resHtml}
+        ${throttleHtml}
       </div>`;
     } else {
       batchHtml = `<p class="muted small">Нажмите <b>«Рассчитать заявки (в лотах)»</b> сверху (или дождитесь закрытия свечи при включённом авто-расписании), чтобы сформировать пакет лимитных заявок по текущему прогнозу.</p>`;
@@ -2120,6 +2297,104 @@ function renderBrokers() {
     const eqHistHtml = eqHist.length > 1
       ? `<div class="muted small" style="margin-bottom:8px">Точки синхронизации баланса (переживают перезапуск сервера): ${eqHist.slice(-6).map((pt) => `${fmtTs(pt.ts)} — <b>${fmtNum(pt.totalRub, 0)} ₽</b>`).join(' · ')}</div>`
       : '';
+    const renderOpsTable = (opsList) => {
+      const byDay = new Map();
+      for (const op of opsList) {
+        const dayKey = op.date ? new Date(op.date + MSK).toISOString().slice(0, 10) : 'none';
+        if (!byDay.has(dayKey)) byDay.set(dayKey, []);
+        byDay.get(dayKey).push(op);
+      }
+      const rows = [];
+      for (const [, dayOps] of byDay) {
+        let buyRub = 0, sellRub = 0, feeRub = 0, divTaxRub = 0, inOutRub = 0, tradesCnt = 0;
+        const symQty = new Map(), symCash = new Map();
+        for (const op of dayOps) {
+          const pay = Number(op.paymentRub) || 0;
+          if (op.kind === 'buy') {
+            tradesCnt++;
+            buyRub += Math.abs(pay);
+            if (op.symbol) {
+              symQty.set(op.symbol, (symQty.get(op.symbol) || 0) + (Number(op.qty) || 0));
+              symCash.set(op.symbol, (symCash.get(op.symbol) || 0) + pay);
+            }
+          } else if (op.kind === 'sell') {
+            tradesCnt++;
+            sellRub += Math.abs(pay);
+            if (op.symbol) {
+              symQty.set(op.symbol, (symQty.get(op.symbol) || 0) - (Number(op.qty) || 0));
+              symCash.set(op.symbol, (symCash.get(op.symbol) || 0) + pay);
+            }
+          } else if (op.kind === 'fee') {
+            if (/дивиденд|купон/i.test(op.title || '')) divTaxRub += pay;
+            else feeRub += pay;
+          } else if (op.kind === 'div') {
+            divTaxRub += pay;
+          } else if (op.kind === 'in' || op.kind === 'out') {
+            inOutRub += pay;
+          }
+        }
+        // Считаем чистый результат полностью закрытых внутри дня сделок (интрадей)
+        let closedTradePnl = 0, closedSyms = 0;
+        for (const [sym, netQ] of symQty) {
+          if (netQ === 0 && (symCash.get(sym) || 0) !== 0) {
+            closedTradePnl += symCash.get(sym);
+            closedSyms++;
+          }
+        }
+        if (closedSyms > 0) closedTradePnl += feeRub;
+
+        const summaryParts = [];
+        if (closedSyms > 0) {
+          summaryParts.push(`итог закрытых сделок: <b class="${cls(closedTradePnl)}">${closedTradePnl > 0 ? '+' : ''}${fmtNum(closedTradePnl, 2)} ₽</b>`);
+        } else if (tradesCnt > 0) {
+          const tParts = [];
+          if (buyRub > 0) tParts.push(`куплено на ${fmtNum(buyRub, 0)} ₽`);
+          if (sellRub > 0) tParts.push(`продано на ${fmtNum(sellRub, 0)} ₽`);
+          if (feeRub !== 0) tParts.push(`комиссия ${fmtNum(feeRub, 2)} ₽`);
+          summaryParts.push(tParts.join(' · '));
+        } else if (feeRub !== 0) {
+          summaryParts.push(`комиссии и налоги: <span class="neg">${fmtNum(feeRub, 2)} ₽</span>`);
+        }
+        if (divTaxRub !== 0) {
+          summaryParts.push(`дивиденды/купоны (чистыми): <b class="${cls(divTaxRub)}">${divTaxRub > 0 ? '+' : ''}${fmtNum(divTaxRub, 2)} ₽</b>`);
+        }
+        if (inOutRub !== 0) {
+          summaryParts.push(`${inOutRub > 0 ? 'пополнение' : 'вывод'}: <b class="${cls(inOutRub)}">${inOutRub > 0 ? '+' : ''}${fmtNum(inOutRub, 0)} ₽</b>`);
+        }
+
+        rows.push(`<tr class="day-group-row"><td colspan="6"><div style="display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap"><span>📅 ${esc(fmtDayGroup(dayOps[0]?.date))}</span><span class="small" style="font-weight:500;color:var(--muted)">${summaryParts.join(' · ')}</span></div></td></tr>`);
+        for (const op of dayOps) {
+          rows.push(`<tr>
+            <td class="muted small" style="white-space:nowrap">${op.date ? fmtTimeOnly(op.date) : '—'}</td>
+            <td><span class="tag ${op.kind === 'buy' || op.kind === 'div' || op.kind === 'in' ? 'ok' : op.kind === 'sell' ? 'mid' : ''}">${esc(op.kindLabel)}</span> <span class="muted small">${esc(op.title !== op.kindLabel ? op.title : '')}</span></td>
+            <td>${op.symbol ? `<b>${esc(op.name || op.symbol)}</b> <span class="muted small">(${esc(op.symbol)})</span>` : '<span class="muted small">—</span>'}</td>
+            <td class="num" style="white-space:nowrap">${op.qty ? `${fmtNum(op.qty, 0)} шт.` : '—'}</td>
+            <td class="num" style="white-space:nowrap">${op.price ? `${fmtNum(op.price, 2)} ₽` : '—'}</td>
+            <td class="num ${cls(op.paymentRub)}" style="white-space:nowrap"><b>${op.paymentRub > 0 ? '+' : ''}${fmtNum(op.paymentRub, 2)} ₽</b></td>
+          </tr>`);
+        }
+      }
+      return `<table><thead><tr><th style="width:64px">Время</th><th>Операция</th><th>Инструмент</th><th class="num">Кол-во</th><th class="num">Цена</th><th class="num">Сумма</th></tr></thead><tbody>${rows.join('')}</tbody></table>`;
+    };
+
+    const byYear = new Map();
+    for (const op of lh?.operations || []) {
+      const y = op.date ? new Date(op.date + MSK).toISOString().slice(0, 4) : 'Прочее';
+      if (!byYear.has(y)) byYear.set(y, []);
+      byYear.get(y).push(op);
+    }
+    const years = [...byYear.keys()];
+    const yearsHtml = years.map((y, idx) => {
+      const yOps = byYear.get(y);
+      const yTrades = yOps.filter((o) => o.kind === 'buy' || o.kind === 'sell').length;
+      const yDivs = yOps.filter((o) => o.kind === 'div').reduce((s, o) => s + (o.paymentRub || 0), 0);
+      const yMeta = `операций: ${yOps.length}${yTrades ? ` · сделок: ${yTrades}` : ''}${yDivs > 0 ? ` · дивиденды и купоны: +${fmtNum(yDivs, 0)} ₽` : ''}`;
+      return `<details class="hist-year-box"${idx === 0 ? ' open' : ''}>
+        <summary><span>📁 ${esc(y)} год</span><span class="muted small">${yMeta}</span></summary>
+        ${renderOpsTable(yOps)}
+      </details>`;
+    }).join('');
+
     const histHtml = lh?.operations?.length
       ? `${eqHistHtml}<div class="kpis" style="grid-template-columns:repeat(4,1fr);margin-bottom:10px">
           <div class="kpi"><div class="v">${fmtNum(lh.summary?.tradesCount || 0, 0)}</div><div class="l">исполнено сделок (всего ${lh.totalCount})</div></div>
@@ -2127,52 +2402,56 @@ function renderBrokers() {
           <div class="kpi"><div class="v pos">+${fmtNum(lh.summary?.dividendsRub || 0, 0)} ₽</div><div class="l">дивиденды и купоны</div></div>
           <div class="kpi"><div class="v muted">−${fmtNum(lh.summary?.commissionsRub || 0, 0)} ₽</div><div class="l">комиссии и налоги</div></div>
         </div>
-        <table><thead><tr><th>Дата</th><th>Операция</th><th>Инструмент</th><th class="num">Кол-во</th><th class="num">Цена</th><th class="num">Сумма</th></tr></thead><tbody>${lh.operations.map((op) => `<tr>
-          <td class="muted small">${op.date ? fmtTs(op.date) : '—'}</td>
-          <td><span class="tag ${op.kind === 'buy' || op.kind === 'div' || op.kind === 'in' ? 'ok' : op.kind === 'sell' ? 'mid' : ''}">${esc(op.kindLabel)}</span> <span class="muted small">${esc(op.title !== op.kindLabel ? op.title : '')}</span></td>
-          <td>${op.symbol ? `<b>${esc(op.name || op.symbol)}</b> <span class="muted small">(${esc(op.symbol)})</span>` : '<span class="muted small">—</span>'}</td>
-          <td class="num">${op.qty ? `${fmtNum(op.qty, 0)} шт.` : '—'}</td>
-          <td class="num">${op.price ? `${fmtNum(op.price, 2)} ₽` : '—'}</td>
-          <td class="num ${cls(op.paymentRub)}"><b>${op.paymentRub > 0 ? '+' : ''}${fmtNum(op.paymentRub, 2)} ₽</b></td>
-        </tr>`).join('')}</tbody></table>`
-      : `${eqHistHtml}<p class="muted small">Нажмите <b>«Загрузить историю операций»</b>, чтобы получить из брокера выписку всех покупок, продаж, комиссий и дивидендов по счёту.</p>`;
-
-    return `<div class="live-card" data-bid="${esc(a.id)}">
-      <div class="live-head">
-        <div>
-          <b>${esc(a.name)}</b>${ls?.accountName && !a.name.includes(ls.accountName) ? ` <span class="tag ok">«${esc(ls.accountName)}»</span>` : ''}
-          <span class="tag">${esc(BROKER_LABELS[a.broker] || a.broker)}</span>
+        ${yearsHtml}`
+      : `${eqHistHtml}<p class="muted small">Нажмите <b>«↻»</b> или переключитесь сюда, чтобы получить из брокера выписку всех покупок, продаж, комиссий и дивидендов по счёту.</p>`;
+
+    return `<div class="live-card${isOpen ? '' : ' collapsed'}" data-bid="${esc(a.id)}">
+      <div class="acc-fold-head" data-brk-fold="${esc(a.id)}" title="${isOpen ? 'Нажмите, чтобы свернуть карточку счёта' : 'Нажмите, чтобы развернуть карточку счёта'}">
+        <div style="font-size:15.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap">
+          <span class="acc-caret">▶</span>
+          <b>${esc(a.name)}</b>${ls?.accountName && !a.name.includes(ls.accountName) ? `<span class="tag ok">«${esc(ls.accountName)}»</span>` : ''}
           <span class="tag ${a.mode === 'auto' ? 'mid' : a.mode === 'confirm' ? 'ok' : ''}">${esc(BROKER_MODES[a.mode] || a.mode)}</span>
-          <span class="tag">${esc(LEGACY_MODES[lMode] || lMode)}</span>
-          ${ls?.marginEnabled === false ? '<span class="tag" title="На этом счёте у брокера отключена маржинальная торговля — стратегия автоматически работает в режиме «Только в рост (без шорта)»">только в рост (маржиналка выкл.)</span>' : ls?.marginEnabled === true ? '<span class="tag ok" title="Маржинальная торговля на счёте включена — доступны сделки в рост и в падение (с шортом)">рост + шорт доступны</span>' : ''}
-          ${a.autoSchedule !== false ? '<span class="tag ok" title="Активно и автоматически восстанавливается после перезапуска сервера">авто-торговля вкл.</span>' : ''}
           ${a.sandbox ? '<span class="tag mid">песочница</span>' : ''}
           ${a.haltedReason ? `<span class="tag no">${esc(a.haltedReason)}</span>` : ''}
-          <div class="muted small">Счёт: <b>${esc(a.accountId || ls?.accountId || 'авто')}</b> · Лимит стратегии: ${fmtNum(a.maxCapitalRub, 0)} ₽ · Дневной стоп: −${fmtNum(a.maxDailyDrawdownPct, 1)}% · Отступ лимитки: ${fmtNum(a.limitOffsetPct, 2)}%${a.baseRunLabel ? ` · Настройки ${esc(a.baseRunLabel)}` : ''}${ls?.at ? ` · Обновлён ${fmtTs(ls.at)}` : ''}</div>
         </div>
-        <div class="row-gap" style="flex-wrap:wrap">
-          <button type="button" data-btrade="sync" data-bid="${esc(a.id)}">Обновить портфель</button>
-          <button type="button" data-btrade="hist" data-bid="${esc(a.id)}">История операций</button>
-          ${lMode !== 'takeover' && ls?.positions?.length ? `<button type="button" data-btrade="freeze" data-bid="${esc(a.id)}" title="Запомнить все текущие бумаги на счёте как ваш личный старый портфель, который стратегия не будет продавать в режиме «Изолированный карман»">Защитить текущие бумаги</button>` : ''}
-          <button type="button" data-btrade="cfg" data-bid="${esc(a.id)}" title="Открыть настройки и предохранители этого брокерского счёта">⚙ Настроить счёт</button>
-          <button type="button" class="primary" data-btrade="prep" data-bid="${esc(a.id)}">Рассчитать заявки (в лотах)</button>
+        <div class="row-gap" style="align-items:center">
+          ${ls?.ok ? `<span class="small muted">Всего: <b>${fmtNum(ls.totalRub, 0)} ₽</b> · свободно: <b class="pos">${fmtNum(ls.cashRub, 0)} ₽</b> · поз.: ${ls.positions?.length || 0}</span>` : ''}
         </div>
       </div>
-      ${ls?.ok ? `<div class="kpis" style="grid-template-columns:repeat(4,1fr)">
-        <div class="kpi"><div class="v">${fmtNum(ls.totalRub, 0)} ₽</div><div class="l">всего на счёте (${ls.positions?.length || 0} поз.)</div></div>
-        <div class="kpi"><div class="v ${ls.cashRub > 1000 ? 'pos' : 'muted'}">${fmtNum(ls.cashRub, 0)} ₽</div><div class="l">свободные рубли для покупок</div></div>
-        <div class="kpi"><div class="v ${cls(totalPnlRub)}">${totalPnlRub >= 0 ? '+' : ''}${fmtNum(totalPnlRub, 0)} ₽</div><div class="l">финрезультат открытых позиций</div></div>
-        <div class="kpi"><div class="v">${fmtNum(strategyRub, 0)} ₽ <span class="muted small">/ ${fmtNum(protectedRub, 0)} ₽</span></div><div class="l">в стратегии / защищено</div></div>
-      </div>` : ''}
-      ${ls && !ls.ok ? `<p class="neg small">Ошибка связи с брокером: ${esc(ls.error)}</p>` : ''}
-      <div class="brk-subtabs">
-        <button type="button" data-btab="assets" data-bid="${esc(a.id)}" class="${curSubTab === 'assets' ? 'active' : ''}">📦 Активы портфеля (${ls?.positions?.length || 0})</button>
-        <button type="button" data-btab="trade" data-bid="${esc(a.id)}" class="${curSubTab === 'trade' ? 'active' : ''}">⚡ Торговля и заявки${pb?.orders?.length ? ` (${pb.orders.length})` : ''}</button>
-        <button type="button" data-btab="history" data-bid="${esc(a.id)}" class="${curSubTab === 'history' ? 'active' : ''}">📜 История счёта${lh?.totalCount ? ` (${lh.totalCount})` : ''}</button>
+      <div ${isOpen ? '' : 'hidden'}>
+        <div class="brk-specs">
+          <span class="k">Брокер и номер счёта:</span><span class="v"><b>${esc(BROKER_LABELS[a.broker] || a.broker)}</b> · <code>${esc(a.accountId || ls?.accountId || 'авто')}</code>${ls?.at ? ` <span class="muted">(обновлён ${fmtTs(ls.at)})</span>` : ''}</span>
+          <span class="k">Режим работы счёта:</span><span class="v"><span class="tag ${a.mode === 'auto' ? 'mid' : a.mode === 'confirm' ? 'ok' : ''}">${esc(BROKER_MODES[a.mode] || a.mode)}</span> · авто-торговля по расписанию: <b>${a.autoSchedule !== false ? '<span class="pos">вкл.</span>' : '<span class="muted">выкл.</span>'}</b></span>
+          <span class="k">Начальный портфель:</span><span class="v">${esc(LEGACY_MODES[lMode] || lMode)}</span>
+          <span class="k">Маржинальная торговля:</span><span class="v">${ls ? (ls.marginEnabled ? '<b class="pos">вкл. (шорт доступен)</b>' : '<b>выкл. у брокера (только в рост)</b>') : '<span class="muted">не проверено</span>'}</span>
+          <span class="k">Контроль автоследования:</span><span class="v">${ls ? (ls.autoFollowDetected ? '<b class="neg">обнаружено ✕ (торговля заблокирована)</b>' : '<b class="pos">не используется ✓ (счёт допущен)</b>') : '<span class="muted">не проверено</span>'}</span>
+          <span class="k">Предохранители и настройки:</span><span class="v">лимит <b>${fmtNum(a.maxCapitalRub, 0)} ₽</b> · дневной стоп <b>−${fmtNum(a.maxDailyDrawdownPct, 1)}%</b> · отступ лимитки <b>${fmtNum(a.limitOffsetPct, 2)}%</b>${a.baseRunLabel ? ` · эксперимент <b>${esc(a.baseRunLabel)}</b>` : ''}</span>
+        </div>
+        <div class="brk-toolbar">
+          ${ls?.positions?.length ? `<button type="button" class="brk-toggle ${lMode === 'isolate' && Object.keys(baseMap).length ? 'on' : ''}" data-btrade="freeze" data-bid="${esc(a.id)}" title="${lMode === 'isolate' && Object.keys(baseMap).length ? 'Жёсткая защита включена (режим «Изолированный карман»): старые бумаги на счёте неприкосновенны. Нажмите, чтобы переключить в «Плавный переход».' : 'Нажмите, чтобы зафиксировать все текущие бумаги на счёте как неприкосновенные (включить режим «Изолированный карман»).'}">${lMode === 'isolate' && Object.keys(baseMap).length ? '🔒 Защита бумаг: ВКЛ' : '🔓 Защита бумаг: ВЫКЛ'}</button>` : ''}
+          ${a.autoSchedule === false ? `<button type="button" class="primary" data-btrade="prep" data-bid="${esc(a.id)}" title="Авто-торговля по расписанию выключена — нажмите для ручного расчёта заявок">⚡ Рассчитать заявки</button>` : ''}
+          <span class="grow"></span>
+          ${a.autoSchedule !== false ? `<button type="button" class="brk-icon-btn" data-btrade="prep" data-bid="${esc(a.id)}" title="Внеочередной пересчёт пакета заявок прямо сейчас (помимо авто-расписания)">⚡</button>` : ''}
+          <button type="button" class="brk-icon-btn" data-btrade="sync" data-bid="${esc(a.id)}" title="Обновить портфель и баланс с брокера">↻</button>
+          <button type="button" class="brk-icon-btn" data-btrade="hist" data-bid="${esc(a.id)}" title="Обновить историю операций по счёту">📜</button>
+          <button type="button" class="brk-icon-btn" data-btrade="cfg" data-bid="${esc(a.id)}" title="Настроить счёт и предохранители">⚙</button>
+        </div>
+        ${ls?.ok ? `<div class="kpis" style="grid-template-columns:repeat(4,1fr)">
+          <div class="kpi"><div class="v">${fmtNum(ls.totalRub, 0)} ₽</div><div class="l">всего на счёте (${ls.positions?.length || 0} поз.)</div></div>
+          <div class="kpi"><div class="v ${ls.cashRub > 1000 ? 'pos' : 'muted'}">${fmtNum(ls.cashRub, 0)} ₽</div><div class="l">свободные рубли для покупок</div></div>
+          <div class="kpi"><div class="v ${cls(totalPnlRub)}">${totalPnlRub >= 0 ? '+' : ''}${fmtNum(totalPnlRub, 0)} ₽</div><div class="l">финрезультат открытых позиций</div></div>
+          <div class="kpi"><div class="v" style="white-space:nowrap">${fmtNum(strategyRub, 0)} ₽ <span class="muted small">/ ${fmtNum(protectedRub, 0)} ₽</span></div><div class="l">в стратегии / защищено</div></div>
+        </div>` : ''}
+        ${ls && !ls.ok ? `<p class="neg small">Ошибка связи с брокером: ${esc(ls.error)}</p>` : ''}
+        <div class="brk-subtabs">
+          <button type="button" data-btab="assets" data-bid="${esc(a.id)}" class="${curSubTab === 'assets' ? 'active' : ''}">📦 Активы портфеля (${ls?.positions?.length || 0})</button>
+          <button type="button" data-btab="trade" data-bid="${esc(a.id)}" class="${curSubTab === 'trade' ? 'active' : ''}">⚡ Торговля и заявки${pb?.orders?.length ? ` (${pb.orders.length})` : ''}</button>
+          <button type="button" data-btab="history" data-bid="${esc(a.id)}" class="${curSubTab === 'history' ? 'active' : ''}">📜 История счёта${lh?.totalCount ? ` (${lh.totalCount})` : ''}</button>
+        </div>
+        <div class="brk-subpane" ${curSubTab === 'assets' ? '' : 'hidden'}>${posHtml}</div>
+        <div class="brk-subpane" ${curSubTab === 'trade' ? '' : 'hidden'}>${activeOrdHtml}${batchHtml}</div>
+        <div class="brk-subpane" ${curSubTab === 'history' ? '' : 'hidden'}>${histHtml}</div>
       </div>
-      <div class="brk-subpane" ${curSubTab === 'assets' ? '' : 'hidden'}>${posHtml}</div>
-      <div class="brk-subpane" ${curSubTab === 'trade' ? '' : 'hidden'}>${activeOrdHtml}${batchHtml}</div>
-      <div class="brk-subpane" ${curSubTab === 'history' ? '' : 'hidden'}>${histHtml}</div>
     </div>`;
   }).join('');
 }
@@ -2292,7 +2571,7 @@ $('#btn-broker-discover')?.addEventListener('click', async () => {
       box.hidden = false;
       box.innerHTML = `<div class="muted small">Найдено счетов в Т-Инвестициях: <b>${list.length}</b> (нажмите, чтобы выбрать субсчёт):</div>` + list.map((a) => `<div style="display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg1)">
         <div>
-          <b>${esc(a.name)}</b> <span class="tag">${esc(a.typeLabel)}</span> ${a.marginEnabled ? '<span class="tag ok">шорт доступен</span>' : '<span class="tag">только в рост (без шорта)</span>'} ${a.accessLabel ? `<span class="muted small">(${esc(a.accessLabel)})</span>` : ''}
+          <b>${esc(a.name)}</b> <span class="tag">${esc(a.typeLabel)}</span> ${a.marginEnabled ? '<span class="tag ok">Маржинальная торговля: вкл.</span>' : '<span class="tag">Маржинальная торговля: выкл. (только в рост)</span>'} ${a.autoFollowDetected ? '<span class="tag no">Автоследование: обнаружено ✕</span>' : '<span class="tag ok">Автоследование: нет ✓</span>'} ${a.accessLabel ? `<span class="muted small">(${esc(a.accessLabel)})</span>` : ''}
           <div class="muted small">ID: <code>${esc(a.id)}</code>${a.totalRub !== null ? ` · На счёте: <b>${fmtNum(a.totalRub, 0)} ₽</b> (свободно ${fmtNum(a.cashRub, 0)} ₽, бумаг: ${a.positionsCount})` : ''}</div>
         </div>
         <button type="button" class="primary small" data-pick-acc="${esc(a.id)}" data-pick-name="${esc(a.name)}">Выбрать этот счёт</button>
@@ -2350,7 +2629,16 @@ brokerForm.addEventListener('submit', async (e) => {
 
 $('#brokers-list').addEventListener('click', async (e) => {
   const b = e.target.closest('button[data-bact]');
-  if (!b) return;
+  if (!b) {
+    const fold = e.target.closest('[data-bcfg-fold]');
+    if (fold) {
+      const fid = fold.dataset.bcfgFold;
+      openBrokerCfgId = openBrokerCfgId === fid ? null : fid;
+      saveNavPatch({ openBrokerCfgId });
+      renderBrokers();
+    }
+    return;
+  }
   const id = b.closest('[data-bid]').dataset.bid;
   const acc = (state.brokers?.accounts || []).find((x) => x.id === id);
   if (!acc) return;
@@ -2386,7 +2674,7 @@ $('#brokers-trade').addEventListener('click', async (e) => {
   if (tabBtn) {
     const id = tabBtn.dataset.bid;
     const t = tabBtn.dataset.btab;
-    brokerTabById.set(id, t);
+    setBrokerSubTab(id, t);
     renderBrokers();
     if (t === 'history') {
       const acc = (state.brokers?.accounts || []).find((x) => x.id === id);
@@ -2397,7 +2685,16 @@ $('#brokers-trade').addEventListener('click', async (e) => {
     return;
   }
   const b = e.target.closest('button[data-btrade]');
-  if (!b) return;
+  if (!b) {
+    const fold = e.target.closest('[data-brk-fold]');
+    if (fold) {
+      const fid = fold.dataset.brkFold;
+      openBrokerId = openBrokerId === fid ? null : fid;
+      saveNavPatch({ openBrokerId });
+      renderBrokers();
+    }
+    return;
+  }
   const id = b.dataset.bid;
   const act = b.dataset.btrade;
   if (act === 'cfg') {
@@ -2414,21 +2711,24 @@ $('#brokers-trade').addEventListener('click', async (e) => {
   const old = b.textContent;
   try {
     if (act === 'sync') {
-      b.textContent = 'Обновляем…';
+      if (!b.classList.contains('brk-icon-btn')) b.textContent = 'Обновляем…';
       state.brokers = await post(`/api/brokers/${encodeURIComponent(id)}/sync`);
       toast('Портфель обновлён');
     } else if (act === 'hist') {
-      b.textContent = 'Загружаем…';
-      brokerTabById.set(id, 'history');
+      if (!b.classList.contains('brk-icon-btn')) b.textContent = 'Загружаем…';
+      setBrokerSubTab(id, 'history');
       state.brokers = await post(`/api/brokers/${encodeURIComponent(id)}/history`);
       toast('История операций загружена');
     } else if (act === 'freeze') {
-      b.textContent = 'Фиксируем…';
       state.brokers = await post(`/api/brokers/${encodeURIComponent(id)}/freeze-baseline`);
-      toast('Текущие бумаги счёта зафиксированы как неприкосновенный старый портфель');
+      const updated = (state.brokers?.accounts || []).find((x) => x.id === id);
+      const isIso = updated?.legacyMode === 'isolate';
+      toast(isIso
+        ? '🔒 Защита бумаг включена (режим «Изолированный карман» — старые бумаги не продаются)'
+        : '🔓 Включён режим «Плавный переход» (разрешено плавное замещение старых бумаг под сигналы)');
     } else if (act === 'prep') {
-      b.textContent = 'Считаем лоты…';
-      brokerTabById.set(id, 'trade');
+      if (!b.classList.contains('brk-icon-btn')) b.textContent = 'Считаем лоты…';
+      setBrokerSubTab(id, 'trade');
       state.brokers = await post(`/api/brokers/${encodeURIComponent(id)}/prepare`);
       toast('Пакет заявок по прогнозу рассчитан');
     } else if (act === 'exec') {
@@ -2611,7 +2911,42 @@ function connectWs() {
   };
 }
 
-// ---------- профиль, тарифы ЮKassa, боты Telegram/MAX и админ-панель ----------
+// ---------- окно подписания Договора-оферты в терминале ----------
+let termOfferCallback = null;
+const termOfferModal = $('#offer-modal');
+const termChk1 = $('#term-offer-chk1');
+const termChk2 = $('#term-offer-chk2');
+const termOfferAccept = $('#term-offer-accept');
+
+function syncTermOfferBtn() {
+  if (termOfferAccept) termOfferAccept.disabled = !(termChk1?.checked && termChk2?.checked);
+}
+termChk1?.addEventListener('change', syncTermOfferBtn);
+termChk2?.addEventListener('change', syncTermOfferBtn);
+$('#offer-close')?.addEventListener('click', () => { termOfferModal.hidden = true; termOfferCallback = null; });
+$('#term-offer-decline')?.addEventListener('click', () => { termOfferModal.hidden = true; termOfferCallback = null; });
+termOfferAccept?.addEventListener('click', async () => {
+  termOfferAccept.disabled = true;
+  try {
+    await post('/api/auth/accept-offer').catch(() => {});
+    termOfferModal.hidden = true;
+    if (termOfferCallback) await termOfferCallback();
+  } finally {
+    termOfferCallback = null;
+    syncTermOfferBtn();
+  }
+});
+
+function requireTermOffer(fn) {
+  termOfferCallback = fn;
+  if (termChk1) termChk1.checked = false;
+  if (termChk2) termChk2.checked = false;
+  syncTermOfferBtn();
+  if (termOfferModal) termOfferModal.hidden = false;
+  else fn();
+}
+
+// ---------- профиль, тарифы ЮKassa, VIP-токен и боты Telegram/MAX ----------
 $('#btn-user')?.addEventListener('click', () => {
   switchTab('settings');
   showSettingsSec('cloud');
@@ -2652,7 +2987,7 @@ async function renderCloudPane() {
       adminLinkHtml = `<div class="srow sblock" style="border-top:1px solid var(--line);padding-top:12px">
         <div class="stxt">
           <div class="slbl">Консоль администратора платформы</div>
-          <div class="hint">Управление пользователями, тарифами, приёмом платежей ЮKassa, промокодами, OAuth-провайдерами (Яндекс, Сбер, Т-Банк, VK) и юридическими реквизитами оферты вынесено в отдельное приложение.</div>
+          <div class="hint">Управление пользователями, тарифами, приёмом платежей ЮKassa, промокодами, VIP-токенами, OAuth-провайдерами и юридическими реквизитами оферты вынесено в отдельное приложение.</div>
         </div>
         <div class="row-gap" style="flex-wrap:wrap">
           <a class="btn primary" href="/admin" style="padding:7px 14px;border-radius:7px;text-decoration:none">Открыть админ-консоль (/admin) →</a>
@@ -2660,9 +2995,9 @@ async function renderCloudPane() {
       </div>`;
     } else {
       customBotsHtml = `<details style="margin-top:12px;border-top:1px solid var(--line);padding-top:10px">
-        <summary class="muted small" style="cursor:pointer;font-weight:500">⚙ Собственный бот Telegram / MAX (необязательно — для автономного локального сервера) и консоль админа</summary>
+        <summary class="muted small" style="cursor:pointer;font-weight:500">⚙ Собственный бот Telegram / MAX и консоль администратора (/admin)</summary>
         <form id="adm-notify-form" style="display:grid;gap:10px;margin-top:10px">
-          <div class="muted small">Если вы запускаете сервер локально и хотите отправлять уведомления через собственного бота (от <code>@BotFather</code>), укажите его имя и токен:</div>
+          <div class="muted small">Если вы хотите отправлять уведомления через собственного бота (от <code>@BotFather</code>), укажите его имя и токен:</div>
           <div class="row-gap" style="flex-wrap:wrap">
             <input name="tgBotName" value="${esc(nt.tgBotName || '')}" placeholder="Имя бота Telegram (без @)" style="width:200px">
             <input name="tgToken" type="text" class="secret-input" autocomplete="off" spellcheck="false" data-lpignore="true" data-1p-ignore="true" placeholder="${nt.hasTgToken ? 'Токен Telegram задан (оставьте пустым)' : 'Токен Telegram Bot API'}" style="flex:1;min-width:220px">
@@ -2672,63 +3007,51 @@ async function renderCloudPane() {
             <input name="maxToken" type="text" class="secret-input" autocomplete="off" spellcheck="false" data-lpignore="true" data-1p-ignore="true" placeholder="${nt.hasMaxToken ? 'Токен MAX задан (оставьте пустым)' : 'Токен MAX Bot API'}" style="flex:1;min-width:220px">
             <button type="submit" class="primary">Сохранить ботов</button>
           </div>
-          <div class="muted small" style="margin-top:4px">Администрирование SaaS-портала (ЮKassa, пользователи, промокоды, OAuth) доступно в отдельном приложении: <a href="/admin" style="color:var(--accent)">Открыть /admin →</a></div>
+          <div class="muted small" style="margin-top:4px">Администрирование PaaS-портала (ЮKassa, пользователи, выпуск VIP-токенов, промокоды, OAuth): <a href="/admin" style="color:var(--accent)">Открыть /admin →</a></div>
         </form>
       </details>`;
     }
   }
 
-  const apiKey = u.apiKey || '';
-  const npxCmd = apiKey ? `npx neuroalpha --key ${apiKey}` : 'npx neuroalpha';
+  const capLimStr = u.limits?.maxCapitalPerAccountRub >= 100000000
+    ? 'без ограничений суммы'
+    : u.limits?.maxCapitalPerAccountRub > 0
+      ? `до ${fmtNum(u.limits.maxCapitalPerAccountRub, 0)} ₽ на счёт`
+      : 'только демо-торговля';
+  const retLimStr = u.limits?.maxAnnualReturnPct > 0
+    ? `до ${u.limits.maxAnnualReturnPct}% годовых`
+    : 'без ограничений (полная мощность VIP)';
+  const dirLimStr = u.limits?.allowShorts ? 'в рост и в падение (с шортом)' : 'только в рост (без шорта)';
 
   box.innerHTML = `
     <div class="srow sblock">
       <div class="stxt">
         <div class="slbl">${esc(dispName)}${dispEmail ? ` · <span class="muted">${esc(dispEmail)}</span>` : ''} <span class="tag ok" style="margin-left:6px">${esc(u.planName)}</span></div>
-        <div class="hint">Лимиты тарифа: до ${u.limits?.maxRunsPerDay ?? 2} экспериментов в сутки · виртуальных счетов: до ${u.limits?.maxVirtualAccounts ?? 1} · брокерских счетов: до ${u.limits?.maxBrokerAccounts ?? 0}${u.planUntil ? ` · оплачен до ${fmtDate(u.planUntil)}` : ''}.</div>
+        <div class="hint">
+          Брокерских счетов: до <b>${u.limits?.maxBrokerAccounts ?? 0}</b> (${capLimStr}) · Режим торговли: <b>${dirLimStr}</b> · Предел доходности стратегии: <b>${retLimStr}</b> · Виртуальных счетов: до <b>${u.limits?.maxVirtualAccounts ?? 1}</b>${u.planUntil ? ` · Оплачен до ${fmtDate(u.planUntil)}` : ''}.
+        </div>
       </div>
       ${me.cloudMode ? `<div class="row-gap" style="flex-wrap:wrap">
         <button type="button" id="btn-cloud-verify">Проверить оплату</button>
         <button type="button" id="btn-cloud-logout">Выйти</button>
       </div>` : ''}
     </div>
-    ${!me.cloudMode ? `<div class="srow sblock">
-      <div class="stxt">
-        <div class="slbl">Лицензионный ключ подписки с <a href="https://neuroalpha.odant.org" target="_blank" rel="noopener" style="color:var(--accent)">neuroalpha.odant.org</a></div>
-        <div class="hint">
-          Вставьте персональный ключ <code>na_live_…</code> из личного кабинета на сайте для активации вашего тарифа и облачного ИИ на этом компьютере.
-          ${lic ? `<br><span class="pos">✓ Активирована лицензия: <b>${esc(lic.planName)}</b>${dispEmail ? ` (${esc(dispEmail)})` : ''}</span>` : ''}
-        </div>
-      </div>
-      <div class="row-gap" style="flex-wrap:wrap">
-        <input id="lic-key-in" value="${esc(lic?.apiKey || '')}" placeholder="na_live_…" style="width:280px">
-        <button type="button" id="btn-lic-activate" class="primary">Активировать ключ</button>
-        <a class="btn" href="https://neuroalpha.odant.org/#pricing" target="_blank" rel="noopener" style="padding:5px 10px;border:1px solid var(--line);border-radius:6px;text-decoration:none">Получить ключ →</a>
-      </div>
-    </div>` : `<div class="srow sblock">
+    <div class="srow sblock">
       <div class="stxt">
-        <div class="slbl">Ваш персональный API-ключ (для запуска на вашем ПК через <code>npx</code>)</div>
+        <div class="slbl">Тарифные планы и активация персонального VIP-токена / промокода</div>
         <div class="hint">
-          Ключ: <b><code id="user-api-key">${esc(apiKey || 'не создан')}</code></b><br>
-          Команда для запуска на вашем ПК (ключи брокера остаются локально): <code>${esc(npxCmd)}</code>
+          • <b>«Старт» (0 ₽)</b> — тестирование стратегий любой сложности без реальной торговли;<br>
+          • <b>«Инвестор» (3 900 ₽/мес)</b> — до 2 брокерских счетов (до 1 млн ₽ на каждом), торговля «Только в рост (без шорта)», до 50% годовых;<br>
+          • <b>«Профи» (9 900 ₽/мес)</b> — до 5 брокерских счетов (до 10 млн ₽ на каждом), «В рост и в падение (с шортом)», до 100% годовых;<br>
+          • <b>«VIP» (по согласованию)</b> — без ограничений по счетам, капиталу и доходности (полный форсаж <code>H/2</code> + <code>Conviction Sizing</code>).
         </div>
       </div>
       <div class="row-gap" style="flex-wrap:wrap">
-        <button type="button" id="btn-copy-apikey" class="primary">Скопировать ключ</button>
-        <button type="button" id="btn-copy-npx">Скопировать npx-команду</button>
-        <button type="button" id="btn-regen-apikey" title="Перевыпустить API-ключ (старый перестанет работать)">Перевыпустить</button>
-      </div>
-    </div>`}
-    <div class="srow sblock">
-      <div class="stxt">
-        <div class="slbl">Тариф и промокод</div>
-        <div class="hint">Подключение брокерских счетов (Т-Банк, БКС, Финам, Алор), подтверждения заявок в Telegram / MAX и расширенных лимитов ИИ.</div>
-      </div>
-      <div class="row-gap" style="flex-wrap:wrap">
-        <input id="promo-code-in" placeholder="Промокод" style="width:150px">
-        <button type="button" id="btn-promo-redeem">Применить код</button>
+        <input id="promo-code-in" placeholder="Промокод или VIP-токен (VIP-…)" style="width:240px">
+        <button type="button" id="btn-promo-redeem">Активировать код / VIP</button>
         <button type="button" class="primary" data-checkout="investor">Тариф «Инвестор» · 3 900 ₽</button>
         <button type="button" class="primary" data-checkout="pro">Тариф «Профи» · 9 900 ₽</button>
+        <a class="btn" href="/landing#pricing" style="padding:5px 10px;border:1px solid var(--line);border-radius:6px;text-decoration:none">Запросить VIP →</a>
       </div>
     </div>
     <div class="srow sblock">
@@ -2743,39 +3066,13 @@ async function renderCloudPane() {
         ${tgUrl ? `<a class="btn" href="${esc(tgUrl)}" target="_blank" rel="noopener" style="padding:5px 10px;border:1px solid var(--line);border-radius:6px">Открыть Telegram</a>` : ''}
         ${maxUrl ? `<a class="btn" href="${esc(maxUrl)}" target="_blank" rel="noopener" style="padding:5px 10px;border:1px solid var(--line);border-radius:6px">Открыть MAX</a>` : ''}
         <button type="button" id="btn-notify-test">Тест уведомления</button>
+        <a class="btn" href="/legal" target="_blank" style="padding:5px 10px;border:1px solid var(--line);border-radius:6px;text-decoration:none">Договор-оферта →</a>
       </div>
     </div>
     ${adminLinkHtml}
     ${customBotsHtml}
   `;
 
-  box.querySelector('#btn-copy-apikey')?.addEventListener('click', () => {
-    if (!apiKey) return;
-    navigator.clipboard?.writeText(apiKey);
-    toast('API-ключ скопирован в буфер обмена');
-  });
-  box.querySelector('#btn-copy-npx')?.addEventListener('click', () => {
-    navigator.clipboard?.writeText(npxCmd);
-    toast(`Команда «${npxCmd}» скопирована`);
-  });
-  box.querySelector('#btn-regen-apikey')?.addEventListener('click', async () => {
-    if (!confirm('Перевыпустить API-ключ? Прежний ключ перестанет работать.')) return;
-    try {
-      await post('/api/auth/api-key/regenerate');
-      toast('Новый API-ключ выпущен');
-      renderCloudPane();
-    } catch (e) { toast(e.message, 'error'); }
-  });
-  box.querySelector('#btn-lic-activate')?.addEventListener('click', async () => {
-    const k = box.querySelector('#lic-key-in')?.value.trim();
-    if (!k) return toast('Введите API-ключ (na_live_…)', 'error');
-    try {
-      const r = await post('/api/license/activate', { apiKey: k });
-      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';
@@ -2787,11 +3084,14 @@ async function renderCloudPane() {
       renderCloudPane();
     } catch (e) { toast(e.message, 'error'); }
   });
-  box.querySelectorAll('[data-checkout]').forEach((b) => b.addEventListener('click', async () => {
-    try {
-      const r = await post('/api/billing/checkout', { plan: b.dataset.checkout, months: 1, returnOrigin: location.origin });
-      if (r.confirmationUrl) location.href = r.confirmationUrl;
-    } catch (e) { toast(e.message, 'error'); }
+  box.querySelectorAll('[data-checkout]').forEach((b) => b.addEventListener('click', () => {
+    const plan = b.dataset.checkout;
+    requireTermOffer(async () => {
+      try {
+        const r = await post('/api/billing/checkout', { plan, months: 1, returnOrigin: location.origin });
+        if (r.confirmationUrl) location.href = r.confirmationUrl;
+      } catch (e) { toast(e.message, 'error'); }
+    });
   }));
   box.querySelector('#btn-notify-test')?.addEventListener('click', async () => {
     try {
@@ -2799,14 +3099,16 @@ async function renderCloudPane() {
       toast('Тестовое уведомление отправлено в привязанные мессенджеры');
     } catch (e) { toast(e.message, 'error'); }
   });
-  box.querySelector('#btn-promo-redeem')?.addEventListener('click', async () => {
+  box.querySelector('#btn-promo-redeem')?.addEventListener('click', () => {
     const code = box.querySelector('#promo-code-in')?.value.trim();
-    if (!code) return;
-    try {
-      const r = await post('/api/auth/redeem-promo', { code });
-      toast(`Промокод активирован! Ваш тариф: ${r.user?.planName}`);
-      renderCloudPane();
-    } catch (e) { toast(e.message, 'error'); }
+    if (!code) return toast('Введите промокод или персональный VIP-токен', 'error');
+    requireTermOffer(async () => {
+      try {
+        const r = await post('/api/auth/redeem-promo', { code });
+        toast(`Код активирован! Ваш тариф: ${r.user?.planName}`);
+        renderCloudPane();
+      } catch (e) { toast(e.message, 'error'); }
+    });
   });
   box.querySelector('#adm-notify-form')?.addEventListener('submit', async (e) => {
     e.preventDefault();
@@ -2876,7 +3178,7 @@ document.addEventListener('keydown', (e) => {
   }
 });
 
-// ---------- старт ----------
+// ---------- старт и восстановление сохранённого места в интерфейсе ----------
 (async function init() {
   state.config = await api('/api/config');
   buildForm();
@@ -2895,6 +3197,17 @@ document.addEventListener('keydown', (e) => {
       renderCloudPane();
     }).catch(() => {});
   }
-  const initRunId = Number(urlParams.get('run')) || undefined;
+  const savedNav = loadSavedNav();
+  const initRunId = Number(urlParams.get('run')) || Number(savedNav.runId) || undefined;
   await loadRuns(initRunId);
+
+  // Восстанавливаем открытые подразделы и главную вкладку, где находился пользователь
+  if (savedNav.nowSec) showNowSec(savedNav.nowSec);
+  if (savedNav.settingsSec) showSettingsSec(savedNav.settingsSec);
+  if (savedNav.mapSec) showMapSec(savedNav.mapSec).catch(() => {});
+  if (savedNav.tab && ['overview', 'now', 'map', 'settings'].includes(savedNav.tab) && !urlParams.get('run')) {
+    switchTab(savedNav.tab);
+  }
+  // В фоне подгружаем актуальный 10-минутный прогноз с серверного кэша (чтобы он сразу был готов и в «Прогноз сейчас», и в бейджах брокерского портфеля)
+  setTimeout(() => refreshForecastIfStale(), 600);
 })().catch((e) => toast(e.message, 'error'));