neuroalpha 0.3.13 → 0.3.15

package/public/app.js

@@ -978,16 +978,17 @@ async function loadForecast(force, silent = false) {
       if (rd < 0) return ` <span class="neg small" title="Опустилась на ${Math.abs(rd)} поз. в рейтинге">↓${Math.abs(rd)}</span>`;
       return '';
     };
+    const colgroup = `<colgroup><col style="width:34%"><col style="width:12%"><col style="width:12%"><col style="width:12%"><col style="width:10%"><col style="width:20%"></colgroup>`;
     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>
+      <td style="text-align:center;white-space:nowrap">${r.signal ? '<span class="tag ok">купить</span>' : r.shortSignal ? '<span class="tag no">шорт</span>' : '<span class="muted small">—</span>'}</td>
+      <td class="muted small" style="white-space:nowrap">${(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>
+    box.innerHTML = `<table style="table-layout:fixed">${colgroup}<thead><tr><th>Сильнее рынка</th><th class="num">Цена</th><th class="num">Ожидание</th><th class="num">Динамика</th><th style="text-align:center">Сигнал</th><th>Под влиянием</th></tr></thead><tbody>${f.rows.slice(0, 6).map(row).join('')}</tbody></table>
+      <table style="margin-top:14px;table-layout:fixed">${colgroup}<thead><tr><th>Слабее рынка</th><th class="num">Цена</th><th class="num">Ожидание</th><th class="num">Динамика</th><th style="text-align:center">Сигнал</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();
@@ -1020,6 +1021,12 @@ $('#now-nav').addEventListener('click', (e) => {
 });
 
 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 || [];
@@ -1034,11 +1041,19 @@ function renderLive(st) {
   }
   $('#live').innerHTML = accs.map((a) => {
     const isOpen = String(a.runId) === String(openLiveId);
-    const s = a.snapshot || { equity: a.params?.capital || 0, positions: [], pending: [] };
+    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 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) {
@@ -1052,6 +1067,64 @@ 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, 'Из эксперимента');
+
+    // Вкладка 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">
@@ -1061,23 +1134,31 @@ function renderLive(st) {
           ${a.baseRunId ? `<button type="button" class="icon small" data-open-run="${a.baseRunId}" title="Открыть исходный эксперимент">эксперимент №${a.baseRunId}</button>` : ''}
         </div>
         <div class="row-gap" style="align-items:center">
-          <span class="small muted">На счёте: <b>${fmtNum(s.equity, 0)} ₽</b> (<span class="${cls(pnl)}">${fmtPct(retPct, 2)}</span>) · поз.: ${s.positions.length}</span>
           <button type="button" data-live-ask="${a.runId}" title="Попросить Стратега разобрать этот виртуальный счёт">💬 Спросить Стратега</button>
           ${a.running ? `<button type="button" data-live-stop="${a.runId}">Остановить</button>` : ''}
           <button type="button" class="icon" data-live-del="${a.runId}" title="Удалить виртуальный счёт">✕</button>
         </div>
       </div>
       <div ${isOpen ? 'style="margin-top:10px"' : 'hidden'}>
-        <div class="muted small" style="margin-bottom:8px">Замороженные настройки: ${esc(frozen)} · старт ${fmtNum(p.capital, 0)} ₽</div>
+        <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">на счёте</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>
+          <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">${a.metrics?.full?.trades ?? 0}</div><div class="l">закрыто сделок</div></div>
+          <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>
-        <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 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>
     </div>`;
   }).join('');
@@ -1094,6 +1175,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);
@@ -2095,7 +2182,130 @@ addForm.addEventListener('submit', async (e) => {
 // ======================================================================
 // БРОКЕРСКИЕ СЧЕТА (Т-БАНК, ФИНАМ, АЛОР, БКС)
 // ======================================================================
-const BROKER_LABELS = { tbank: 'Т-Банк', finam: 'Финам', alor: 'Алор', bcs: 'БКС' };
+const BROKER_LABELS = {
+  tbank: 'Т-Банк',
+  finam: 'Финам',
+  bcs: 'БКС',
+  alor: 'Алор',
+  cifra: 'Цифра брокер',
+  iticapital: 'ITI Capital',
+  sber: 'СберИнвестиции',
+  vtb: 'ВТБ Инвестиции',
+  alfa: 'Альфа-Инвестиции',
+};
+const BROKER_GUIDES = {
+  tbank: {
+    tokenLbl: 'Токен T-Invest API',
+    tokenPh: 't.… (токен Т-Инвестиций)',
+    accLbl: 'ID субсчёта Т-Банка',
+    accPh: 'ID счёта (или нажмите кнопку справа →)',
+    canDiscover: true,
+    summary: '📖 Как получить токен T-Invest API в Т-Банке (за 1 минуту)',
+    html: `<ol style="margin:0;padding-left:18px;display:grid;gap:4px">
+      <li>Откройте веб-кабинет <b>Т-Инвестиций</b> на сайте <code>tbank.ru/invest/settings</code> (раздел <b>Настройки → Токены T-Invest API</b>).</li>
+      <li>Нажмите <b>«Выпустить токен»</b>, выберите права: <b>«Полный доступ»</b> (для выставления заявок) или «Только чтение», и укажите <b>«Все счета»</b>.</li>
+      <li>Скопируйте полученный токен (начинается на <code>t.…</code>) в поле «Токен T-Invest API» ниже и нажмите кнопку <b>«🔍 Найти мои счета по токену»</b> — платформа сама покажет все ваши субсчета, их баланс и статус маржинальной торговли.</li>
+      <li><b>Для работы с шортами (тарифы Профи и VIP):</b> в мобильном приложении Т-Инвестиций зайдите в настройки выбранного счёта (шестерёнка в правом верхнем углу счёта) и включите тумблер <b>«Маржинальная торговля»</b>.</li>
+    </ol>`,
+  },
+  finam: {
+    tokenLbl: 'Токен Finam Trade API',
+    tokenPh: 'CA… (токен доступа Finam Trade API)',
+    accLbl: 'Код клиента (ClientId)',
+    accPh: 'Например, 123456R (Единый счёт Мосбиржи)',
+    canDiscover: false,
+    summary: '📖 Как получить токен Trade API и ClientId в Финаме',
+    html: `<ol style="margin:0;padding-left:18px;display:grid;gap:4px">
+      <li>Войдите в личный кабинет клиента Финам (<code>edox.finam.ru</code> / <code>finam.ru</code>) → раздел <b>«Торговля» → «Токены доступа (Finam Trade API)»</b>.</li>
+      <li>Нажмите <b>«Создать новый токен»</b>, подтвердите выпуск по СМС и скопируйте строку токена (начинается на <code>CA…</code>) в поле «Токен Finam Trade API».</li>
+      <li>В поле <b>«Код клиента (ClientId)»</b> укажите торговый код вашего фондового счёта Мосбиржи (обычно вида <code>123456R</code> или <code>КлФ-…</code>, он отображается рядом с токеном и в терминале FinamTrade).</li>
+    </ol>`,
+  },
+  bcs: {
+    tokenLbl: 'Refresh-токен БКС Trade API',
+    tokenPh: 'Refresh-токен из веб-терминала БКС Мир инвестиций',
+    accLbl: 'Номер соглашения / субсчёта',
+    accPh: 'Оставьте пустым для основного счёта (или укажите номер соглашения)',
+    canDiscover: false,
+    summary: '📖 Как получить Refresh-токен в БКС Мир инвестиций',
+    html: `<ol style="margin:0;padding-left:18px;display:grid;gap:4px">
+      <li>Откройте веб-терминал <b>«БКС Мир инвестиций»</b> в браузере → перейдите в <b>Профиль / Настройки → «Торговый API (BCS Trade API)»</b>.</li>
+      <li>Выпустите новый токен с правом <b>«Чтение и торговля»</b> (<code>trade-api-write</code>).</li>
+      <li>Скопируйте полученный <b>Refresh-токен</b> в поле ниже. Платформа автоматически обменивает его на короткоживущий JWT-токен при каждом обращении.</li>
+    </ol>`,
+  },
+  alor: {
+    tokenLbl: 'Refresh-токен Alor OpenAPI',
+    tokenPh: 'Refresh-токен с портала alor.dev',
+    accLbl: 'Фондовый портфель Мосбиржи',
+    accPh: 'Например, D12345',
+    canDiscover: false,
+    summary: '📖 Как получить Refresh-токен и номер портфеля в Алор Брокере',
+    html: `<ol style="margin:0;padding-left:18px;display:grid;gap:4px">
+      <li>Авторизуйтесь под учётной записью клиента Алор на портале разработчика <code>alor.dev</code> (или в личном кабинете <code>my.alor.ru</code> → раздел <b>OpenAPI</b>).</li>
+      <li>Нажмите <b>«Выпустить Refresh Token»</b> для боевого контура (или контура Разработки, если включён тумблер «Песочница»).</li>
+      <li>В поле <b>«Фондовый портфель Мосбиржи»</b> укажите ваш фондовый портфель с литерой <code>D</code> (например, <code>D39004</code>).</li>
+    </ol>`,
+  },
+  cifra: {
+    tokenLbl: 'Ключи Tradernet (Public:Secret)',
+    tokenPh: 'PublicKey:SecretKey (через двоеточие)',
+    accLbl: 'Номер счёта Tradernet',
+    accPh: 'Необязательно (определяется автоматически по ключу)',
+    canDiscover: false,
+    summary: '📖 Как получить API-ключи Tradernet в «Цифра брокер» (Freedom24)',
+    html: `<ol style="margin:0;padding-left:18px;display:grid;gap:4px">
+      <li>Войдите в веб-терминал <b>Tradernet («Цифра брокер»)</b> на сайте <code>tradernet.ru</code> → откройте <b>Настройки профиля → «API ключи»</b>.</li>
+      <li>Сгенерируйте пару ключей: <b>Публичный ключ (Public Key)</b> и <b>Секретный ключ (Secret Key)</b>.</li>
+      <li>Вставьте их в поле ниже <b>через двоеточие без пробелов</b>: <code>ВашPublicKey:ВашSecretKey</code>. Платформа подписывает каждый запрос алгоритмом HMAC-SHA256.</li>
+    </ol>`,
+  },
+  iticapital: {
+    tokenLbl: 'Refresh-токен ITI Capital',
+    tokenPh: 'Refresh-токен OpenAPI ITI Capital',
+    accLbl: 'Код портфеля Мосбиржи',
+    accPh: 'Например, BP12345',
+    canDiscover: false,
+    summary: '📖 Как подключить счёт ITI Capital по OpenAPI',
+    html: `<ol style="margin:0;padding-left:18px;display:grid;gap:4px">
+      <li>В личном кабинете <b>ITI Capital</b> откройте раздел <b>Торговые системы → OpenAPI</b> и выпустите <b>Refresh Token</b>.</li>
+      <li>Скопируйте токен в поле ниже и укажите ваш фондовый портфель Мосбиржи вида <code>BP12345</code>.</li>
+    </ol>`,
+  },
+  sber: {
+    tokenLbl: 'Адрес моста QUIK (необязательно)',
+    tokenPh: 'Оставьте пустым для режима подтверждения (или укажите http://127.0.0.1:8080)',
+    accLbl: 'Номер счёта СберИнвестиций',
+    accPh: 'Например, 400ABCD (для отображения и учёта)',
+    canDiscover: false,
+    summary: '📖 Особенности подключения «СберИнвестиций» (Сбербанк)',
+    html: `<div style="display:grid;gap:6px">
+      <div>У розничного брокера <b>«СберИнвестиции»</b> нет прямого облачного REST-токена для физлиц (алготорговля в Сбере предоставляется через терминал <b>QUIK</b>). В «НейроАльфе» доступны <b>2 режима работы со счётом Сбера</b>:</div>
+      <ol style="margin:0;padding-left:18px;display:grid;gap:4px">
+        <li><b>Режим «Подтверждение заявок» через Telegram / MAX (рекомендуется, без настройки QUIK):</b> оставьте поле «Адрес моста QUIK» <b>пустым</b>, укажите ваш лимит суммы на стратегию и сохраните счёт. Платформа будет рассчитывать точные лимитные заявки в лотах Мосбиржи под ваш баланс и присылать их в Telegram / MAX и во вкладку «Торговля и заявки». После выставления заявки в приложении СберИнвестиций нажмите <b>«Исполнить заявки»</b> — платформа сама учтёт купленные бумаги и остаток кэша в портфеле.</li>
+        <li><b>Автоматический режим через HTTP-мост QUIK:</b> если у вас установлен терминал QUIK Сбербанка с запущенным локальным HTTP REST-шлюзом (<code>QuikHttpBridge</code>), укажите его адрес (например, <code>http://ваш_ip:8080</code>) в поле выше.</li>
+      </ol>
+    </div>`,
+  },
+  vtb: {
+    tokenLbl: 'Адрес моста QUIK (необязательно)',
+    tokenPh: 'Оставьте пустым для режима подтверждения (или укажите http://…)',
+    accLbl: 'Номер счёта ВТБ Инвестиций',
+    accPh: 'Например, номер субсчёта ВТБ',
+    canDiscover: false,
+    summary: '📖 Особенности подключения «ВТБ Мои Инвестиции»',
+    html: `<div>У <b>«ВТБ Мои Инвестиции»</b> нет облачного REST-токена для физлиц (доступен только терминал QUIK). Оставьте поле адреса QUIK <b>пустым</b>, чтобы работать в режиме <b>«Подтверждение заявок»</b> (расчёт точных лотов Мосбиржи с уведомлениями в Telegram / MAX и автоматическим учётом позиций после подтверждения), либо укажите URL вашего HTTP-шлюза QUIK.</div>`,
+  },
+  alfa: {
+    tokenLbl: 'Адрес моста QUIK (необязательно)',
+    tokenPh: 'Оставьте пустым для режима подтверждения (или укажите http://…)',
+    accLbl: 'Номер счёта Альфа-Инвестиций',
+    accPh: 'Например, номер счёта Альфа-Инвестиций',
+    canDiscover: false,
+    summary: '📖 Особенности подключения «Альфа-Инвестиций»',
+    html: `<div>У <b>«Альфа-Инвестиций»</b> для физлиц нет облачного REST-токена. Оставьте поле адреса <b>пустым</b> для работы в режиме <b>«Подтверждение заявок»</b> (точные лимитные заявки в лотах с пушами в Telegram / MAX и ведением портфеля внутри платформы) или укажите адрес вашего торгового моста.</div>`,
+  },
+};
 const BROKER_MODES = { readonly: 'Только чтение', confirm: 'Подтверждение заявок', auto: 'Автомат' };
 const LEGACY_MODES = {
   isolate: 'Изолированный карман (старые бумаги не трогаются)',
@@ -2111,14 +2321,70 @@ const INST_KIND_LABEL = {
   futures: ['Фьючерс', 'mid'],
 };
 const ALLOC_PALETTE = ['#3b82f6', '#06b6d4', '#8b5cf6', '#10b981', '#f59e0b', '#ec4899', '#64748b'];
+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');
@@ -2280,6 +2546,7 @@ function renderBrokers() {
       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)}">Отклонить заявки</button>` : `<button type="button" class="icon small" data-btrade="rej" data-bid="${esc(a.id)}" title="Скрыть сводку">Скрыть</button>`}
@@ -2289,14 +2556,10 @@ function renderBrokers() {
         ${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>`
-      : '';
+    // Вкладка 3: История операций и динамика счёта (по умолчанию текущий год, прошлые года — по клику)
     const renderOpsTable = (opsList) => {
       const byDay = new Map();
       for (const op of opsList) {
@@ -2377,33 +2640,92 @@ function renderBrokers() {
       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 years = [...byYear.keys()];
-    const yearsHtml = years.map((y, idx) => {
-      const yOps = byYear.get(y);
-      const yTrades = yOps.filter((o) => o.kind === 'buy' || o.kind === 'sell').length;
-      const yDivs = yOps.filter((o) => o.kind === 'div').reduce((s, o) => s + (o.paymentRub || 0), 0);
-      const yMeta = `операций: ${yOps.length}${yTrades ? ` · сделок: ${yTrades}` : ''}${yDivs > 0 ? ` · дивиденды и купоны: +${fmtNum(yDivs, 0)} ₽` : ''}`;
-      return `<details class="hist-year-box"${idx === 0 ? ' open' : ''}>
+
+    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>
-        ${renderOpsTable(yOps)}
+        ${bodyContent}
       </details>`;
     }).join('');
 
-    const histHtml = lh?.operations?.length
-      ? `${eqHistHtml}<div class="kpis" style="grid-template-columns:repeat(4,1fr);margin-bottom:10px">
-          <div class="kpi"><div class="v">${fmtNum(lh.summary?.tradesCount || 0, 0)}</div><div class="l">исполнено сделок (всего ${lh.totalCount})</div></div>
+    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>
+        ${histFilterBarHtml}
         ${yearsHtml}`
-      : `${eqHistHtml}<p class="muted small">Нажмите <b>«↻»</b> или переключитесь сюда, чтобы получить из брокера выписку всех покупок, продаж, комиссий и дивидендов по счёту.</p>`;
+      : '<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 ? 'Нажмите, чтобы свернуть карточку счёта' : 'Нажмите, чтобы развернуть карточку счёта'}">
@@ -2415,7 +2737,8 @@ function renderBrokers() {
           ${a.haltedReason ? `<span class="tag no">${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> · свободно: <b class="pos">${fmtNum(ls.cashRub, 0)} ₽</b> · поз.: ${ls.positions?.length || 0}</span>` : ''}
+          ${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>
       <div ${isOpen ? '' : 'hidden'}>
@@ -2427,15 +2750,6 @@ function renderBrokers() {
           <span class="k">Контроль автоследования:</span><span class="v">${ls ? (ls.autoFollowDetected ? '<b class="neg">обнаружено ✕ (торговля заблокирована)</b>' : '<b class="pos">не используется ✓ (счёт допущен)</b>') : '<span class="muted">не проверено</span>'}</span>
           <span class="k">Предохранители и настройки:</span><span class="v">лимит <b>${fmtNum(a.maxCapitalRub, 0)} ₽</b> · дневной стоп <b>−${fmtNum(a.maxDailyDrawdownPct, 1)}%</b> · отступ лимитки <b>${fmtNum(a.limitOffsetPct, 2)}%</b>${a.baseRunLabel ? ` · эксперимент <b>${esc(a.baseRunLabel)}</b>` : ''}</span>
         </div>
-        <div class="brk-toolbar">
-          ${ls?.positions?.length ? `<button type="button" class="brk-toggle ${lMode === 'isolate' && Object.keys(baseMap).length ? 'on' : ''}" data-btrade="freeze" data-bid="${esc(a.id)}" title="${lMode === 'isolate' && Object.keys(baseMap).length ? 'Жёсткая защита включена (режим «Изолированный карман»): старые бумаги на счёте неприкосновенны. Нажмите, чтобы переключить в «Плавный переход».' : 'Нажмите, чтобы зафиксировать все текущие бумаги на счёте как неприкосновенные (включить режим «Изолированный карман»).'}">${lMode === 'isolate' && Object.keys(baseMap).length ? '🔒 Защита бумаг: ВКЛ' : '🔓 Защита бумаг: ВЫКЛ'}</button>` : ''}
-          ${a.autoSchedule === false ? `<button type="button" class="primary" data-btrade="prep" data-bid="${esc(a.id)}" title="Авто-торговля по расписанию выключена — нажмите для ручного расчёта заявок">⚡ Рассчитать заявки</button>` : ''}
-          <span class="grow"></span>
-          ${a.autoSchedule !== false ? `<button type="button" class="brk-icon-btn" data-btrade="prep" data-bid="${esc(a.id)}" title="Внеочередной пересчёт пакета заявок прямо сейчас (помимо авто-расписания)">⚡</button>` : ''}
-          <button type="button" class="brk-icon-btn" data-btrade="sync" data-bid="${esc(a.id)}" title="Обновить портфель и баланс с брокера">↻</button>
-          <button type="button" class="brk-icon-btn" data-btrade="hist" data-bid="${esc(a.id)}" title="Обновить историю операций по счёту">📜</button>
-          <button type="button" class="brk-icon-btn" data-btrade="cfg" data-bid="${esc(a.id)}" title="Настроить счёт и предохранители">⚙</button>
-        </div>
         ${ls?.ok ? `<div class="kpis" style="grid-template-columns:repeat(4,1fr)">
           <div class="kpi"><div class="v">${fmtNum(ls.totalRub, 0)} ₽</div><div class="l">всего на счёте (${ls.positions?.length || 0} поз.)</div></div>
           <div class="kpi"><div class="v ${ls.cashRub > 1000 ? 'pos' : 'muted'}">${fmtNum(ls.cashRub, 0)} ₽</div><div class="l">свободные рубли для покупок</div></div>
@@ -2483,12 +2797,26 @@ function getBrokerFormSnap() {
   });
 }
 
+function syncBrokerGuideUi() {
+  const f = brokerForm?.elements;
+  if (!f) return;
+  const g = BROKER_GUIDES[f.broker.value] || BROKER_GUIDES.tbank;
+  if ($('#broker-token-lbl')) $('#broker-token-lbl').textContent = g.tokenLbl;
+  if ($('#broker-token-input')) $('#broker-token-input').placeholder = editingBrokerId ? 'не меняется — оставьте пустым' : g.tokenPh;
+  if ($('#broker-acc-lbl')) $('#broker-acc-lbl').textContent = g.accLbl;
+  if ($('#broker-acc-input')) $('#broker-acc-input').placeholder = g.accPh;
+  if ($('#btn-broker-discover')) $('#btn-broker-discover').hidden = !g.canDiscover;
+  if ($('#broker-guide-sum')) $('#broker-guide-sum').textContent = g.summary;
+  if ($('#broker-guide-body')) $('#broker-guide-body').innerHTML = g.html;
+}
+
 function updateBrokerSaveBtnState() {
   const btn = $('#broker-save-btn');
   if (!btn) return;
   if (!editingBrokerId) {
     const f = brokerForm.elements;
-    const hasNewInput = Boolean(f.token.value.trim() || f.accountId.value.trim() || f.name.value.trim());
+    const isManualCapable = ['sber', 'vtb', 'alfa'].includes(f.broker.value);
+    const hasNewInput = Boolean(f.token.value.trim() || f.accountId.value.trim() || f.name.value.trim() || isManualCapable);
     btn.disabled = !hasNewInput;
     btn.classList.toggle('primary', hasNewInput);
     btn.title = hasNewInput ? '' : 'Заполните токен или данные счёта';
@@ -2501,7 +2829,10 @@ function updateBrokerSaveBtnState() {
 }
 
 brokerForm.addEventListener('input', updateBrokerSaveBtnState);
-brokerForm.addEventListener('change', updateBrokerSaveBtnState);
+brokerForm.addEventListener('change', () => {
+  syncBrokerGuideUi();
+  updateBrokerSaveBtnState();
+});
 
 function startBrokerEdit(acc) {
   editingBrokerId = acc.id;
@@ -2530,6 +2861,7 @@ function startBrokerEdit(acc) {
   $('#broker-add-sum').textContent = `Изменить счёт «${acc.name}»`;
   $('#broker-save-btn').textContent = 'Сохранить изменения';
   $('#broker-cancel-btn').hidden = false;
+  syncBrokerGuideUi();
   brokerInitialSnap = getBrokerFormSnap();
   updateBrokerSaveBtnState();
 }
@@ -2542,10 +2874,12 @@ function stopBrokerEdit() {
   $('#broker-add-sum').textContent = 'Добавить брокерский счёт';
   $('#broker-save-btn').textContent = 'Сохранить счёт';
   $('#broker-cancel-btn').hidden = true;
+  syncBrokerGuideUi();
   brokerInitialSnap = getBrokerFormSnap();
   updateBrokerSaveBtnState();
 }
 $('#broker-cancel-btn').addEventListener('click', stopBrokerEdit);
+syncBrokerGuideUi();
 updateBrokerSaveBtnState();
 
 // Авто-поиск всех субсчетов в Т-Инвестициях по токену
@@ -2618,12 +2952,20 @@ 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'); }
 });
 
@@ -2670,17 +3012,60 @@ $('#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;
     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;
   }