neuroalpha 0.3.12 → 0.3.14

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,98 @@ $('#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;
+const liveTabById = new Map(Object.entries(loadSavedNav().liveTabs || {})); // runId -> 'positions' | 'trades' | 'steps'
+function setLiveSubTab(id, tab) {
+  liveTabById.set(String(id), tab);
+  saveNavPatch({ liveTabs: Object.fromEntries(liveTabById) });
+}
+
 function renderLive(st) {
   state.live = st;
   const accs = st?.accounts || [];
@@ -898,13 +1035,25 @@ 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 s = a.snapshot || { equity: a.params?.capital || 0, positions: [], pending: [] };
+    const isOpen = String(a.runId) === String(openLiveId);
+    const curSubTab = liveTabById.get(String(a.runId)) || (a.snapshot?.positions?.length ? 'positions' : (a.trades?.length ? 'trades' : 'positions'));
+    const s = a.snapshot || { equity: a.params?.capital || 0, cash: 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 mf = a.metrics?.full || {};
+    const trades = Array.isArray(a.trades) ? a.trades : [];
+    const openPnl = (s.positions || []).reduce((sum, pos) => sum + (Number(pos.pnl) || 0), 0);
+    const realizedPnl = a.realizedPnl ?? trades.reduce((sum, t) => sum + (Number(t.pnl) || 0), 0);
+    const totalFee = a.totalCommission ?? trades.reduce((sum, t) => sum + (Number(t.commission) || 0), 0);
+    const winTrades = trades.filter((t) => Number(t.pnl) > 0).length;
+    const winRate = trades.length ? Math.round((winTrades / trades.length) * 100) : (mf.winRate ?? 0);
+    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 +1066,99 @@ 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>
+
+    // Вкладка 1: Текущие позиции и ожидающие заявки
+    const posPaneHtml = `
+      ${s.pending?.length ? `<div class="stab-box" style="margin-bottom:10px"><div class="stab-head"><b>Ожидают исполнения на открытии следующей свечи (${s.pending.length})</b></div><div class="muted small">${s.pending.map((o) => `<span class="tag ${o.action === 'buy' || o.action === 'cover' ? 'ok' : 'no'}">${{ buy: 'купить', short: 'открыть шорт', cover: 'закрыть шорт' }[o.action] || 'продать'} <b>${esc(o.symbol)}</b></span>`).join(' ')}</div></div>` : ''}
+      ${s.positions.length ? `<table><thead><tr><th>Бумага</th><th>Направление</th><th>Открыта</th><th class="num">Кол-во</th><th class="num">Цена входа → Сейчас</th><th class="num">Текущий доход</th></tr></thead><tbody>${s.positions.map((pos) => {
+        const pPct = pos.entryPrice > 0 ? ((pos.side === 'short' ? (1 - pos.lastPrice / pos.entryPrice) : (pos.lastPrice / pos.entryPrice - 1)) * 100) : 0;
+        return `<tr>
+          <td><b>${esc(pos.symbol)}</b></td>
+          <td><span class="tag ${pos.side === 'short' ? 'no' : 'ok'}">${pos.side === 'short' ? 'шорт (на падение)' : 'покупка (в рост)'}</span></td>
+          <td class="muted small">${fmtTs(pos.entryTs)}</td>
+          <td class="num">${fmtNum(pos.qty, 0)} шт.</td>
+          <td class="num"><span class="muted">${fmtNum(pos.entryPrice, 3)} →</span> <b>${fmtNum(pos.lastPrice, 3)} ₽</b></td>
+          <td class="num ${cls(pos.pnl)}"><b>${pos.pnl >= 0 ? '+' : ''}${fmtNum(pos.pnl, 0)} ₽</b> <span class="small">(${fmtPct(pPct, 2)})</span></td>
+        </tr>`;
+      }).join('')}</tbody></table>` : `<p class="muted small" style="margin:6px 0">Сейчас ${p.modelDirection && p.modelDirection !== 'long' ? 'открытых позиций нет' : 'ничего не куплено'} (все <b>${fmtNum(s.cash ?? s.equity, 0)} ₽</b> в свободном кэше) — стратегия ждёт сильного сигнала.</p>`}
+      ${step ? `<p class="muted small" style="margin:8px 0 0">Последняя проверка рынка (${fmtTs(step.ts)}): ${step.decisions?.length ? step.decisions.map((d) => `<b>${esc(d.symbol)}</b>: ${esc(d.text)}`).join(' · ') : 'без изменений'}${step.top?.length ? ` · лидеры прогноза: ${step.top.slice(0, 3).map((x) => `${esc(x.symbol)} (${x.expectedPct > 0 ? '+' : ''}${fmtNum(x.expectedPct, 2)}%)`).join(', ')}` : ''}</p>` : ''}
+    `;
+
+    // Вкладка 2: История закрытых сделок и по-дневной доход
+    let tradesPaneHtml = '<p class="muted small" style="margin:6px 0">Закрытых сделок на этом виртуальном счёте пока нет.</p>';
+    if (trades.length) {
+      const byDay = new Map();
+      for (const t of trades) {
+        const dKey = t.exitTs ? new Date(t.exitTs + MSK).toISOString().slice(0, 10) : 'none';
+        if (!byDay.has(dKey)) byDay.set(dKey, []);
+        byDay.get(dKey).push(t);
+      }
+      const rows = [];
+      for (const [, dayTrades] of byDay) {
+        const dayPnl = dayTrades.reduce((sum, x) => sum + (Number(x.pnl) || 0), 0);
+        const dayFee = dayTrades.reduce((sum, x) => sum + (Number(x.commission) || 0), 0);
+        const dayWins = dayTrades.filter((x) => Number(x.pnl) > 0).length;
+        rows.push(`<tr class="day-group-row"><td colspan="7"><div style="display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap"><span>📅 ${esc(fmtDayGroup(dayTrades[0]?.exitTs))}</span><span class="small" style="font-weight:500;color:var(--muted)">сделок: <b>${dayTrades.length}</b> (в плюс: ${dayWins}) · комиссия: ${fmtNum(dayFee, 0)} ₽ · доход за день: <b class="${cls(dayPnl)}">${dayPnl >= 0 ? '+' : ''}${fmtNum(dayPnl, 0)} ₽</b></span></div></td></tr>`);
+        for (const t of dayTrades) {
+          rows.push(`<tr>
+            <td><b>${esc(t.symbol)}</b></td>
+            <td><span class="tag ${t.side === 'short' ? 'no' : 'ok'}">${t.side === 'short' ? 'шорт' : 'покупка'}</span></td>
+            <td class="muted small" style="white-space:nowrap">${fmtTs(t.entryTs)} → ${fmtTs(t.exitTs)}</td>
+            <td class="num" style="white-space:nowrap">${t.qty ? `${fmtNum(t.qty, 0)} шт.` : '—'}</td>
+            <td class="num" style="white-space:nowrap">${t.entryPrice ? `${fmtNum(t.entryPrice, 2)} → ${fmtNum(t.exitPrice, 2)} ₽` : '—'}</td>
+            <td class="num ${cls(t.pnl)}" style="white-space:nowrap"><b>${t.pnl >= 0 ? '+' : ''}${fmtNum(t.pnl, 0)} ₽</b> <span class="small">(${fmtPct(t.pnlPct, 2)})</span></td>
+            <td class="muted small">${esc(t.reasonExit || t.reasonEntry || 'По сигналу модели')}</td>
+          </tr>`);
+        }
+      }
+      tradesPaneHtml = `<table><thead><tr><th>Бумага</th><th>Тип</th><th>Вход → Выход</th><th class="num">Кол-во</th><th class="num">Цена входа → выхода</th><th class="num">Чистый доход</th><th>Причина</th></tr></thead><tbody>${rows.join('')}</tbody></table>`;
+    }
+
+    // Вкладка 3: Журнал шагов и решений ИИ по свечам
+    const stepsList = Array.isArray(a.recent) ? a.recent : [];
+    const stepsPaneHtml = stepsList.length
+      ? `<table><thead><tr><th style="width:120px">Свеча (МСК)</th><th>Решения стратегии</th><th>Топ-3 прогноза на шаге</th></tr></thead><tbody>${stepsList.map((stItem) => `<tr>
+          <td class="muted small" style="white-space:nowrap">${fmtTs(stItem.ts)}</td>
+          <td>${stItem.decisions?.length ? stItem.decisions.map((d) => `<span class="tag ${d.action === 'buy' ? 'ok' : d.action === 'short' || d.action === 'sell' ? 'mid' : ''}">${esc(d.symbol)}</span> <span class="small">${esc(d.text)}</span>`).join('<br>') : '<span class="muted small">Позиции без изменений</span>'}</td>
+          <td class="small muted">${stItem.top?.length ? stItem.top.slice(0, 3).map((x) => `<b>${esc(x.symbol)}</b> <span class="${cls(x.expectedPct)}">${x.expectedPct > 0 ? '+' : ''}${fmtNum(x.expectedPct, 2)}%</span>`).join(' · ') : '—'}</td>
+        </tr>`).join('')}</tbody></table>`
+      : '<p class="muted small" style="margin:6px 0">Шагов проверки рынка пока не зафиксировано.</p>';
+
+    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">
           <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="brk-specs" style="margin-bottom:10px">
+          <span class="k">Замороженные настройки:</span><span class="v"><b>${esc(frozen)}</b> · стартовый капитал <b>${fmtNum(p.capital, 0)} ₽</b></span>
+          <span class="k">Статус и время работы:</span><span class="v">запущен <b>${fmtTs(a.startedAt)}</b>${a.stoppedAt ? ` · остановлен ${fmtTs(a.stoppedAt)}` : ''} · последняя свеча <b>${a.lastBarTs ? fmtTs(a.lastBarTs) : '—'}</b>${a.error ? ` · <span class="neg">${esc(a.error)}</span>` : ''}</span>
+          <span class="k">Структура дохода:</span><span class="v">зафиксировано по сделкам: <b class="${cls(realizedPnl)}">${realizedPnl >= 0 ? '+' : ''}${fmtNum(realizedPnl, 0)} ₽</b> · в открытых позициях: <b class="${cls(openPnl)}">${openPnl >= 0 ? '+' : ''}${fmtNum(openPnl, 0)} ₽</b> · учтено комиссий: <span class="muted">−${fmtNum(totalFee, 0)} ₽</span> · макс. просадка: <b>${fmtNum(mf.maxDrawdownPct || 0, 2)}%</b></span>
+        </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">капитал счёта (свободно ${fmtNum(s.cash ?? s.equity, 0)} ₽)</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">${trades.length || (mf.trades ?? 0)} <span class="muted small">(${winRate}% в плюс)</span></div><div class="l">закрыто сделок · профит-фактор ${fmtNum(mf.profitFactor || 0, 2)}</div></div>
+        </div>
+        <div class="brk-subtabs" style="margin-top:10px">
+          <button type="button" data-ltab="positions" data-lid="${a.runId}" class="${curSubTab === 'positions' ? 'active' : ''}">📦 Текущие позиции (${s.positions.length})</button>
+          <button type="button" data-ltab="trades" data-lid="${a.runId}" class="${curSubTab === 'trades' ? 'active' : ''}">📜 История сделок и доход (${trades.length})</button>
+          <button type="button" data-ltab="steps" data-lid="${a.runId}" class="${curSubTab === 'steps' ? 'active' : ''}">🧭 Журнал решений (${stepsList.length})</button>
+        </div>
+        <div class="brk-subpane" ${curSubTab === 'positions' ? '' : 'hidden'}>${posPaneHtml}</div>
+        <div class="brk-subpane" ${curSubTab === 'trades' ? '' : 'hidden'}>${tradesPaneHtml}</div>
+        <div class="brk-subpane" ${curSubTab === 'steps' ? '' : 'hidden'}>${stepsPaneHtml}</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('');
   syncUiAvailability();
@@ -955,6 +1174,12 @@ $('#btn-live').addEventListener('click', async () => {
   } catch (e) { toast(e.message, 'error'); }
 });
 $('#live').addEventListener('click', async (e) => {
+  const tabBtn = e.target.closest('button[data-ltab]');
+  if (tabBtn) {
+    setLiveSubTab(tabBtn.dataset.lid, tabBtn.dataset.ltab);
+    renderLive(state.live);
+    return;
+  }
   const stopBtn = e.target.closest('[data-live-stop]');
   if (stopBtn) {
     const id = Number(stopBtn.dataset.liveStop);
@@ -981,6 +1206,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 +1371,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 +1449,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,8 +2197,70 @@ 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 HIST_ALL_KINDS = ['buy', 'sell', 'fee', 'div', 'other'];
+const brokerTabById = new Map(Object.entries(loadSavedNav().brokerTabs || {})); // accId -> 'assets' | 'trade' | 'history'
+const brokerHistFilterById = new Map(Object.entries(loadSavedNav().brokerHistFilters || {})); // accId -> Array of kinds
+const openHistYears = new Set(); // `${accId}:${year}`
+const loadingHistYears = new Set(); // `${accId}:${year}`
+const preparingBrokerIds = new Set(); // accId
+function setBrokerSubTab(id, tab) {
+  brokerTabById.set(id, tab);
+  saveNavPatch({ brokerTabs: Object.fromEntries(brokerTabById) });
+}
+function getBrokerHistFilterSet(id) {
+  const saved = brokerHistFilterById.get(id);
+  if (Array.isArray(saved)) return new Set(saved);
+  return new Set(HIST_ALL_KINDS);
+}
+function toggleBrokerHistFilter(id, flt) {
+  const cur = getBrokerHistFilterSet(id);
+  if (flt === 'all') {
+    brokerHistFilterById.set(id, [...HIST_ALL_KINDS]);
+  } else {
+    if (cur.has(flt)) cur.delete(flt);
+    else cur.add(flt);
+    brokerHistFilterById.set(id, [...cur]);
+  }
+  saveNavPatch({ brokerHistFilters: Object.fromEntries(brokerHistFilterById) });
+}
+let openBrokerId = loadSavedNav().openBrokerId ?? null;
+let openBrokerCfgId = loadSavedNav().openBrokerCfgId ?? null;
 let editingBrokerId = null;
+let brokerPollBusy = false;
+let lastBrokerPollTs = 0;
+
+async function pollActiveBrokerAccount(force = false) {
+  if (brokerPollBusy || document.hidden) return;
+  const nowPageHidden = $('#tab-now')?.hidden;
+  const brokersSecHidden = $('#nsec-brokers')?.hidden;
+  if (nowPageHidden || brokersSecHidden) return;
+  const accs = state.brokers?.accounts || [];
+  if (!accs.length) return;
+  const activeId = openBrokerId && accs.some((a) => a.id === openBrokerId) ? openBrokerId : accs[0].id;
+  const activeAcc = accs.find((a) => a.id === activeId);
+  if (!activeAcc?.hasToken) return;
+  const now = Date.now();
+  if (!force && now - lastBrokerPollTs < 25000) return;
+  brokerPollBusy = true;
+  lastBrokerPollTs = now;
+  try {
+    state.brokers = await post(`/api/brokers/${encodeURIComponent(activeId)}/sync`);
+    const curSubTab = brokerTabById.get(activeId) || 'assets';
+    if (curSubTab === 'history') {
+      const curYear = new Date(Date.now() + MSK).getUTCFullYear();
+      state.brokers = await post(`/api/brokers/${encodeURIComponent(activeId)}/history`, { year: curYear });
+    }
+    renderBrokers();
+  } catch { /* ignore background poll error */ } finally {
+    brokerPollBusy = false;
+  }
+}
+
+setInterval(() => pollActiveBrokerAccount(false), 30000);
+window.addEventListener('focus', () => pollActiveBrokerAccount(true));
+document.addEventListener('visibilitychange', () => {
+  if (!document.hidden) pollActiveBrokerAccount(true);
+});
 
 async function loadBrokers() {
   state.brokers = await api('/api/brokers');
@@ -1976,40 +2274,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,79 +2416,232 @@ 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>
+          ${preparingBrokerIds.has(a.id) ? '<span class="muted small">· обновляем расчёт…</span>' : ''}
           ${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>`;
+      batchHtml = `<p class="muted small">${preparingBrokerIds.has(a.id) ? 'Считаем пакет лимитных заявок по текущему прогнозу…' : 'Переключитесь на вкладку <b>«⚡ Торговля и заявки»</b> для внеочередного пересчёта заявок (или дождитесь закрытия свечи при включённом авто-расписании).'}</p>`;
     }
 
-    // Вкладка 3: История операций и динамика счёта
-    const eqHist = Array.isArray(a.equityHistory) ? a.equityHistory : [];
-    const eqHistHtml = eqHist.length > 1
-      ? `<div class="muted small" style="margin-bottom:8px">Точки синхронизации баланса (переживают перезапуск сервера): ${eqHist.slice(-6).map((pt) => `${fmtTs(pt.ts)} — <b>${fmtNum(pt.totalRub, 0)} ₽</b>`).join(' · ')}</div>`
-      : '';
-    const 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>
+    // Вкладка 3: История операций и динамика счёта (по умолчанию текущий год, прошлые года — по клику)
+    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 activeHistKinds = getBrokerHistFilterSet(a.id);
+    const isAllHistActive = HIST_ALL_KINDS.every((k) => activeHistKinds.has(k));
+    const opBucketOf = (op) => (op.kind === 'buy' || op.kind === 'sell' || op.kind === 'fee' || op.kind === 'div' ? op.kind : 'other');
+    const matchHistFilter = (op) => activeHistKinds.has(opBucketOf(op));
+
+    const byYear = new Map();
+    const byYearFiltered = new Map();
+    const filterCounts = { all: 0, buy: 0, sell: 0, fee: 0, div: 0, other: 0 };
+    for (const op of lh?.operations || []) {
+      filterCounts.all++;
+      const b = opBucketOf(op);
+      filterCounts[b] = (filterCounts[b] || 0) + 1;
+
+      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);
+      if (matchHistFilter(op)) {
+        if (!byYearFiltered.has(y)) byYearFiltered.set(y, []);
+        byYearFiltered.get(y).push(op);
+      }
+    }
+
+    const histFilterBarHtml = `<div class="row-gap" style="margin-bottom:10px;align-items:center;flex-wrap:wrap">
+      <span class="muted small" style="margin-right:4px">Фильтры:</span>
+      ${[
+        ['buy', 'Покупка', filterCounts.buy],
+        ['sell', 'Продажа', filterCounts.sell],
+        ['fee', 'Комиссия', filterCounts.fee],
+        ['div', 'Дивиденды', filterCounts.div],
+        ['other', 'Операция', filterCounts.other],
+      ].map(([fKey, fLbl, fCnt]) => {
+        const on = activeHistKinds.has(fKey);
+        return `<button type="button" class="brk-toggle small${on ? ' on' : ''}" data-hfilter="${fKey}" data-bid="${esc(a.id)}" title="${on ? 'Включён (нажмите, чтобы скрыть)' : 'Выключен (нажмите, чтобы показать)'}">${on ? '✓ ' : ''}${fLbl} (${fCnt})</button>`;
+      }).join('')}
+      ${!isAllHistActive ? `<button type="button" class="icon small" data-hfilter="all" data-bid="${esc(a.id)}" title="Включить обратно все типы операций">Показать все</button>` : ''}
+    </div>`;
+
+    const curYearNum = new Date(Date.now() + MSK).getUTCFullYear();
+    const curYearStr = String(curYearNum);
+    openHistYears.add(`${a.id}:${curYearStr}`);
+    const loadedYearsSet = new Set(Array.isArray(lh?.loadedYears) ? lh.loadedYears.map(String) : [...byYear.keys()]);
+    const allYears = [];
+    for (let y = curYearNum; y >= curYearNum - 4; y--) allYears.push(String(y));
+    for (const y of byYear.keys()) if (!allYears.includes(y)) allYears.push(y);
+
+    const yearsHtml = allYears.map((y) => {
+      const yKey = `${a.id}:${y}`;
+      const isYearOpen = openHistYears.has(yKey);
+      const isLoaded = loadedYearsSet.has(y) || byYear.has(y);
+      const isLoading = loadingHistYears.has(yKey);
+      const yOpsAll = byYear.get(y) || [];
+      const yOps = byYearFiltered.get(y) || [];
+      let yMeta = '';
+      if (isLoading) {
+        yMeta = 'загружаем операции с брокера…';
+      } else if (isLoaded) {
+        const yTrades = yOpsAll.filter((o) => o.kind === 'buy' || o.kind === 'sell').length;
+        const yDivs = yOpsAll.filter((o) => o.kind === 'div').reduce((s, o) => s + (o.paymentRub || 0), 0);
+        const fltSuffix = !isAllHistActive ? ` (показано: ${yOps.length})` : '';
+        yMeta = yOpsAll.length
+          ? `операций: ${yOpsAll.length}${fltSuffix}${yTrades ? ` · сделок: ${yTrades}` : ''}${yDivs > 0 ? ` · дивиденды и купоны: +${fmtNum(yDivs, 0)} ₽` : ''}`
+          : 'операций за этот год нет';
+      } else {
+        yMeta = 'нажмите, чтобы подгрузить операции за этот год';
+      }
+      const bodyContent = isLoading
+        ? '<p class="muted small" style="padding:10px 12px;margin:0">Запрашиваем выписку у брокера…</p>'
+        : yOps.length
+          ? renderOpsTable(yOps)
+          : `<p class="muted small" style="padding:10px 12px;margin:0">${!isAllHistActive && yOpsAll.length ? 'Все операции за этот год скрыты фильтрами выше.' : 'За выбранный год операций по счёту не найдено.'}</p>`;
+      return `<details class="hist-year-box" data-hyear="${esc(y)}" data-bid="${esc(a.id)}"${isYearOpen ? ' open' : ''}>
+        <summary><span>📁 ${esc(y)} год</span><span class="muted small">${yMeta}</span></summary>
+        ${bodyContent}
+      </details>`;
+    }).join('');
+
+    const histHtml = lh?.operations?.length || lh?.loadedYears?.length
+      ? `<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 || 0})</div></div>
           <div class="kpi"><div class="v">${fmtNum((lh.summary?.buySumRub || 0) + (lh.summary?.sellSumRub || 0), 0)} ₽</div><div class="l">оборот покупок и продаж</div></div>
           <div class="kpi"><div class="v pos">+${fmtNum(lh.summary?.dividendsRub || 0, 0)} ₽</div><div class="l">дивиденды и купоны</div></div>
           <div class="kpi"><div class="v muted">−${fmtNum(lh.summary?.commissionsRub || 0, 0)} ₽</div><div class="l">комиссии и налоги</div></div>
         </div>
-        <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>
+        ${histFilterBarHtml}
+        ${yearsHtml}`
+      : '<p class="muted small">Загружаем выписку операций текущего года с брокера…</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?.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>` : ''}
+          <button type="button" class="brk-icon-btn" data-btrade="cfg" data-bid="${esc(a.id)}" title="Настроить счёт и предохранители">⚙</button>
         </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>
+        ${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 +2761,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>
@@ -2339,18 +2808,35 @@ brokerForm.addEventListener('submit', async (e) => {
     resetHalt: true,
   };
   try {
+    const savedId = editingBrokerId;
     state.brokers = editingBrokerId
       ? await api(`/api/brokers/${encodeURIComponent(editingBrokerId)}`, { method: 'PUT', body })
       : await post('/api/brokers', body);
+    const targetId = savedId || state.brokers?.accounts?.[state.brokers.accounts.length - 1]?.id;
     stopBrokerEdit();
     renderBrokers();
-    toast('Брокерский счёт сохранён');
+    toast('Настройки счёта сохранены — пересчитываем портфель и заявки…');
+    if (targetId) {
+      post(`/api/brokers/${encodeURIComponent(targetId)}/sync`)
+        .then(() => post(`/api/brokers/${encodeURIComponent(targetId)}/prepare`))
+        .then((st) => { state.brokers = st; renderBrokers(); })
+        .catch(() => {});
+    }
   } catch (err) { toast(err.message, 'error'); }
 });
 
 $('#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;
@@ -2382,22 +2868,74 @@ $('#brokers-list').addEventListener('click', async (e) => {
 });
 
 $('#brokers-trade').addEventListener('click', async (e) => {
+  const fltBtn = e.target.closest('button[data-hfilter]');
+  if (fltBtn) {
+    toggleBrokerHistFilter(fltBtn.dataset.bid, fltBtn.dataset.hfilter);
+    renderBrokers();
+    return;
+  }
+  const yearSummary = e.target.closest('.hist-year-box > summary');
+  if (yearSummary) {
+    const det = yearSummary.parentElement;
+    const id = det?.dataset?.bid;
+    const y = det?.dataset?.hyear;
+    if (id && y) {
+      setTimeout(() => {
+        const yKey = `${id}:${y}`;
+        if (det.open) {
+          openHistYears.add(yKey);
+          const acc = (state.brokers?.accounts || []).find((x) => x.id === id);
+          const loaded = Array.isArray(acc?.lastHistory?.loadedYears) && acc.lastHistory.loadedYears.map(String).includes(String(y));
+          const hasOps = (acc?.lastHistory?.operations || []).some((op) => op.date && new Date(op.date + MSK).toISOString().slice(0, 4) === String(y));
+          if (!loaded && !hasOps && !loadingHistYears.has(yKey)) {
+            loadingHistYears.add(yKey);
+            renderBrokers();
+            post(`/api/brokers/${encodeURIComponent(id)}/history`, { year: Number(y) })
+              .then((st) => { state.brokers = st; })
+              .catch((err) => toast(err.message, 'error'))
+              .finally(() => { loadingHistYears.delete(yKey); renderBrokers(); });
+          }
+        } else {
+          openHistYears.delete(yKey);
+        }
+      }, 0);
+    }
+    return;
+  }
   const tabBtn = e.target.closest('button[data-btab]');
   if (tabBtn) {
     const id = tabBtn.dataset.bid;
     const t = tabBtn.dataset.btab;
-    brokerTabById.set(id, t);
+    setBrokerSubTab(id, t);
+    if (t === 'trade') {
+      preparingBrokerIds.add(id);
+      renderBrokers();
+      post(`/api/brokers/${encodeURIComponent(id)}/prepare`)
+        .then((st) => { state.brokers = st; })
+        .catch((err) => toast(err.message, 'error'))
+        .finally(() => { preparingBrokerIds.delete(id); renderBrokers(); });
+      return;
+    }
     renderBrokers();
     if (t === 'history') {
-      const acc = (state.brokers?.accounts || []).find((x) => x.id === id);
-      if (acc && !acc.lastHistory) {
-        post(`/api/brokers/${encodeURIComponent(id)}/history`).then((st) => { state.brokers = st; renderBrokers(); }).catch((err) => toast(err.message, 'error'));
-      }
+      const curYear = new Date(Date.now() + MSK).getUTCFullYear();
+      post(`/api/brokers/${encodeURIComponent(id)}/history`, { year: curYear })
+        .then((st) => { state.brokers = st; renderBrokers(); })
+        .catch((err) => toast(err.message, 'error'));
     }
     return;
   }
   const b = e.target.closest('button[data-btrade]');
-  if (!b) return;
+  if (!b) {
+    const fold = e.target.closest('[data-brk-fold]');
+    if (fold) {
+      const fid = fold.dataset.brkFold;
+      openBrokerId = openBrokerId === fid ? null : fid;
+      saveNavPatch({ openBrokerId });
+      renderBrokers();
+    }
+    return;
+  }
   const id = b.dataset.bid;
   const act = b.dataset.btrade;
   if (act === 'cfg') {
@@ -2414,21 +2952,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 +3152,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 +3228,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 +3236,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 +3248,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 +3307,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 +3325,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 +3340,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 +3419,7 @@ document.addEventListener('keydown', (e) => {
   }
 });
 
-// ---------- старт ----------
+// ---------- старт и восстановление сохранённого места в интерфейсе ----------
 (async function init() {
   state.config = await api('/api/config');
   buildForm();
@@ -2895,6 +3438,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'));