neuroalpha 0.2.0 → 0.3.12

package/public/app.js

@@ -1,3 +1,4 @@
+// Copyright (c) 2026 Roman A. Perepelkin. Licensed under the MIT License.
 const $ = (s, root = document) => root.querySelector(s);
 const MSK = 3 * 3600000;
 
@@ -38,15 +39,14 @@ function toast(text, type = 'info', action = null) {
 }
 
 const state = { config: null, settings: null, runs: [], run: null, active: null, forecast: null, live: null, chat: { state: null, msgs: new Map(), stream: new Map() }, mapSel: null, mapMode: 'behav', profiles: null, profilesBusy: false };
-const MODELS = ['inertia', 'leadlag', 'attention', 'transformer'];
-const MODEL_LABEL = { inertia: 'Своя инерция', leadlag: 'Кто за кем ходит', attention: 'Внимание через карту', transformer: 'Трансформер' };
+const MODELS = ['inertia', 'leadlag', 'attention'];
+const MODEL_LABEL = { inertia: 'Своя инерция', leadlag: 'Кто за кем ходит', attention: 'Внимание через карту' };
 const MODEL_HINT = {
   inertia: 'Простейшая планка: акция предсказывается только по своему недавнему движению.',
   leadlag: 'Каждая акция предсказывается по недавним движениям всех остальных, без карты.',
   attention: 'Влияние соседей по карте рынка через 12 «голов внимания».',
-  transformer: 'Нейросеть с вниманием между акциями; учится заново в каждом окне.',
 };
-const COLORS = { attention: '#4f8cff', market: '#8b949e', inertia: '#d29922', leadlag: '#a371f7', transformer: '#39c5cf' };
+const COLORS = { attention: '#4f8cff', market: '#8b949e', inertia: '#d29922', leadlag: '#a371f7' };
 const CLUSTER_COLORS = ['#4f8cff', '#3fb950', '#d29922', '#f85149', '#a371f7', '#0891b2', '#db2777', '#64748b'];
 const labelOf = (k) => state.config?.params.find((p) => p.key === k)?.label || k;
 
@@ -166,40 +166,41 @@ const eqLines = {
   inertia: eqChart.addLineSeries({ color: COLORS.inertia, lineWidth: 1, priceLineVisible: false, lastValueVisible: false, visible: false }),
   leadlag: eqChart.addLineSeries({ color: COLORS.leadlag, lineWidth: 1, priceLineVisible: false, lastValueVisible: false, visible: false }),
   attention: eqChart.addLineSeries({ color: COLORS.attention, lineWidth: 2, priceLineVisible: false, lastValueVisible: false }),
-  transformer: eqChart.addLineSeries({ color: COLORS.transformer, lineWidth: 1, priceLineVisible: false, lastValueVisible: false, visible: false }),
 };
 const icChart = LightweightCharts.createChart($('#ic-chart'), opts());
 const icSeries = icChart.addHistogramSeries({ priceFormat: { type: 'price', precision: 3, minMove: 0.001 }, priceLineVisible: false, lastValueVisible: false });
 
 const RUN_PARTS = [
-  ['modelAutoAdapt', (v) => (v === false ? 'Ручной режим' : null)],
-  ['modelHorizon', (v) => `Прогноз: ${fmtNum(v, 3)}ч`],
-  ['modelMinEdge', (v) => `Порог: ${fmtNum(v, 3)}`],
-  ['modelExitRatio', (v) => (v !== 0.5 ? `Выход: ${fmtNum(v, 2)}` : null)],
-  ['modelMinHoldHours', (v) => (v > 0 ? `Удерж.: ${fmtNum(v, 2)}ч` : null)],
+  ['modelAutoAdapt', (v) => (v === false ? 'Ручной режим' : 'Авто (мульти-горизонт 1,5–3,5ч)')],
+  ['modelHorizon', (v, p) => (p.modelAutoAdapt === false ? `Прогноз: ${fmtNum(v, 3)}ч` : null)],
+  ['modelMinEdge', (v, p) => (p.modelAutoAdapt === false ? `Порог: ${fmtNum(v, 3)}` : null)],
+  ['modelExitRatio', (v, p) => (p.modelAutoAdapt === false ? `Выход: ${fmtNum(v, 2)}` : null)],
   ['modelTopK', (v) => `Акции: ${v}`],
-  ['modelAllocMode', (v) => (v === 'invvol' ? 'Доли 1/размах' : null)],
+  ['modelAllocMode', (v) => (v === 'invvol' ? 'Доли 1/размах' : 'Доли поровну')],
+  ['modelDirection', (v) => (v === 'longshort' ? 'В рост и в падение (с шортом)' : v === 'neutral' ? 'Хедж 50/50 (рост + падение)' : 'Только в рост (без шорта)')],
+  ['modelMarketFilter', (v) => (v === 'ma' ? 'Фильтр индекса' : 'Без фильтра')],
   ['modelTrainDays', (v) => `Окно: ${v}дн`],
+  ['modelHistoryDays', (v) => `История: ${v}дн`],
   ['modelEmbedDim', (v) => `Эмбд.: ${v}`],
-  ['modelUseMacro', (v) => (v ? 'Макро' : null)],
   ['modelTextWeight', (v) => (v > 0 ? `Описания: ${fmtNum(v, 2)}` : null)],
-  ['modelDirection', (v) => (v === 'longshort' ? 'Продажи' : v === 'neutral' ? 'Нейтрально' : null)],
-  ['modelMarketFilter', (v) => (v === 'ma' ? 'Фильтр индекса' : null)],
-  ['modelUseTransformer', (v, p) => (v || p.modelType === 'transformer' ? 'Трансформер' : null)],
-  ['transformerEpochs', (v, p) => (usesTf(p) && v !== state.config?.defaults?.transformerEpochs ? `Эпох: ${v}` : null)],
-  ['transformerGpu', (v, p) => (usesTf(p) && v ? 'Видеокарта' : null)],
+  ['commissionPct', (v) => `Комиссия: ${fmtNum(v, 3)}%`],
 ];
-function usesTf(p) { return p.modelUseTransformer || p.modelType === 'transformer'; }
 function runTitle(r, html = false) {
   const p = r.params || {}, d = state.config?.defaults || {};
-  const parts = RUN_PARTS.map(([k, f]) => {
-    if (p[k] == null) return null;
+  const m = r.metrics?.full || {};
+  const ps = r.metrics?.period ? calcPeriodStats(r.metrics.period, m.returnPct, 0) : null;
+  const status = r.status === 'done'
+    ? `${fmtPct(m.returnPct)}${ps ? ` (~${fmtPct(ps.cagr, 0)}/год)` : ''}${m.maxDrawdownPct ? `, просадка ${fmtNum(m.maxDrawdownPct, 1)}%` : ''}`
+    : r.status === 'running' ? 'идёт…' : 'ошибка';
+  const diffs = RUN_PARTS.map(([k, f]) => {
+    if (p[k] == null || JSON.stringify(p[k]) === JSON.stringify(d[k])) return null;
     const t = f(p[k], p);
-    return html && JSON.stringify(p[k]) !== JSON.stringify(d[k]) ? `<span style="color:var(--yellow)">${t}</span>` : t;
+    if (!t) return null;
+    return html ? `<span style="color:var(--yellow)">${t}</span>` : t;
   }).filter(Boolean);
-  const status = r.status === 'done' ? fmtPct(r.metrics?.full?.returnPct) : r.status === 'running' ? 'идёт…' : 'ошибка';
-  const head = p._title ? `№${r.id} (${p._title})` : `№${r.id}`;
-  return [head, ...parts, ...(p._source === 'ai' ? ['Стратег'] : []), status].join(' — ');
+  const head = p._title ? `№${r.id} (${html ? esc(p._title) : p._title})` : `№${r.id}`;
+  const diffPart = diffs.length ? diffs : ['базовые настройки'];
+  return [head, ...diffPart, ...(p._source === 'ai' ? ['Стратег'] : []), status].join(' — ');
 }
 const runTip = (r) => {
   const p = r.params || {};
@@ -222,31 +223,30 @@ async function loadRuns(selectId) {
     ? state.runs.map((r) => `<option value="${r.id}" title="${runTip(r)}">${runTitle(r)}</option>`).join('')
     : '<option value="">Исследований пока нет</option>';
   sel.innerHTML = optHtml;
+  const brkSel = $('#broker-run-select');
+  if (brkSel) {
+    const curVal = brkSel.value;
+    brkSel.innerHTML = '<option value="">Текущие настройки</option>' + state.runs.filter((r) => r.status === 'done').map((r) => `<option value="${r.id}">${runTitle(r)}</option>`).join('');
+    brkSel.value = curVal;
+  }
   for (const m of state.chat.msgs.values()) if (m.kind === 'event' && m.data?.eventType === 'model') upsertMsg(m);
-  if ($('#btn-clean')) $('#btn-clean').disabled = state.runs.length < 1;
-  $('#run-bar').hidden = !state.run;
-  const doneRun = state.run?.status === 'done';
-  $('#btn-stability').hidden = !doneRun;
-  $('#btn-to-live').hidden = !doneRun;
-  $('#btn-cmp-run').hidden = state.runs.length < 2;
-  syncApplyBtn();
   const id = selectId ?? state.run?.id ?? state.runs.find((r) => r.status === 'done')?.id;
   updateTabBadges();
   if (id && state.runs.some((r) => r.id === id)) {
     sel.value = String(id);
     if (state.run?.id !== id || selectId) await openRun(id);
-  } else renderOverview();
+    else syncUiAvailability();
+  } else {
+    state.run = null;
+    syncUiAvailability();
+    renderOverview();
+  }
 }
 
 async function openRun(id) {
   state.run = await api(`/api/runs/${id}`);
   $('#run-select').value = String(id);
-  $('#run-bar').hidden = false;
-  const doneRun = state.run?.status === 'done';
-  $('#btn-stability').hidden = !doneRun;
-  $('#btn-to-live').hidden = !doneRun;
-  $('#btn-cmp-run').hidden = state.runs.length < 2;
-  syncApplyBtn();
+  syncUiAvailability();
   renderOverview();
   setupMapSlider();
   if (!$('#tab-map').hidden) drawMap();
@@ -283,29 +283,88 @@ $('#btn-del').addEventListener('click', async () => {
     toast(`Эксперимент №${r.id} удалён`);
   } catch (e) { toast(e.message, 'error'); }
 });
-// Проверить устойчивость открытого прогона (5 сдвигов периода −8…+8 дней)
 function stabilityUi(runningId) {
   state.stabilityActive = runningId || null;
   const busy = Boolean(runningId);
-  $('#btn-stability').disabled = busy;
-  $('#btn-stability').textContent = busy ? 'Идёт проверка устойчивости…' : 'Проверить устойчивость';
-  $('#btn-cancel').hidden = !busy && !state.active;
   if (!busy && !state.active) setProgress(null);
   updateTabBadges();
+  syncUiAvailability();
 }
-$('#btn-stability').addEventListener('click', async () => {
+// Единая синхронизация видимости и доступности элементов управления от текущего состояния системы
+function syncUiAvailability() {
   const r = state.run;
-  if (!r || r.status !== 'done') return;
-  try {
-    stabilityUi(r.id);
-    setProgress(1, 'Запускаем проверку устойчивости по 5 сдвигам периода…');
-    await post(`/api/runs/${r.id}/stability`);
-  } catch (e) {
-    stabilityUi(null);
-    toast(e.message, 'error');
+  const isRunning = r?.status === 'running' || (r && r.id === state.active);
+  const isDone = r?.status === 'done' && !isRunning;
+  const aiReady = Boolean(state.chat.state?.llm && !state.chat.state?.busy);
+  const aiBusy = Boolean(state.chat.state?.busy);
+
+  // 1. Панель действий эксперимента (#run-bar): скрыта во время расчёта
+  if ($('#run-bar')) $('#run-bar').hidden = !r || isRunning;
+  if ($('#btn-to-live')) $('#btn-to-live').hidden = !isDone;
+  if ($('#btn-rename-run')) $('#btn-rename-run').hidden = !isDone;
+  if ($('#btn-ask-run')) {
+    $('#btn-ask-run').hidden = !isDone;
+    $('#btn-ask-run').disabled = !aiReady;
+    $('#btn-ask-run').title = !state.chat.state?.llm
+      ? 'ИИ не подключён (Настройки → Модели ИИ)'
+      : aiBusy
+        ? 'Дождитесь завершения текущего ответа Стратега'
+        : 'Попросить Стратега разобрать этот эксперимент';
   }
-});
-// Запустить виртуальный счёт прямо из открытого эксперимента (с заморозкой его настроек и ориентиром истории)
+  if ($('#btn-del')) $('#btn-del').hidden = !r || isRunning;
+  syncApplyBtn();
+
+  // 2. Выпадающий список экспериментов и кнопка «Исследовать»
+  const anyJobRunning = Boolean(state.active || state.stabilityActive);
+  if ($('#btn-model')) $('#btn-model').hidden = anyJobRunning;
+  if ($('#btn-cancel')) $('#btn-cancel').hidden = !anyJobRunning;
+  if ($('#run-select')) $('#run-select').disabled = state.runs.length === 0;
+
+  // 3. Кнопки обращения к Стратегу в прогнозе и виртуальных счетах
+  if ($('#btn-ask-forecast')) {
+    $('#btn-ask-forecast').disabled = !aiReady || !state.forecast;
+    $('#btn-ask-forecast').title = !state.forecast
+      ? 'Сначала дождитесь расчёта прогноза'
+      : !aiReady
+        ? 'Стратег сейчас занят или ИИ не подключён'
+        : 'Попросить Стратега разобрать текущий прогноз';
+  }
+  document.querySelectorAll('[data-live-ask]').forEach((b) => {
+    b.disabled = !aiReady;
+    b.title = !aiReady ? 'Стратег сейчас занят или ИИ не подключён' : 'Попросить Стратега разобрать этот виртуальный счёт';
+  });
+
+  // 4. Зависимые настройки в форме (при включённом Авто-режиме или выключенном Трансформере)
+  syncSettingsDependencies();
+}
+
+function syncSettingsDependencies() {
+  const form = $('#params');
+  if (!form || !state.settings) return;
+  const s = state.settings;
+  const autoOn = s.modelAutoAdapt !== false;
+  const dir = s.modelDirection || 'long';
+
+  const setRowEnabled = (key, enabled, whyDisabled = '') => {
+    const row = form.querySelector(`.srow[data-key="${key}"]`);
+    if (!row) return;
+    row.style.opacity = enabled ? '1' : '0.45';
+    const ctrl = form.elements[key];
+    if (ctrl) {
+      ctrl.disabled = !enabled;
+      ctrl.title = enabled ? '' : whyDisabled;
+    }
+  };
+
+  setRowEnabled('modelHorizon', !autoOn, 'Управляется автоматически при включённом «Самообучении» (мульти-горизонт 1,5–3,5 ч)');
+  setRowEnabled('modelMinEdge', !autoOn, 'Управляется автоматически при включённом «Самообучении»');
+  setRowEnabled('modelExitRatio', !autoOn, 'Управляется автоматически при включённом «Самообучении»');
+  setRowEnabled('modelShortFeePct', dir !== 'long', 'Действует только когда включены короткие продажи («В рост и в падение» или «Хедж 50/50»)');
+  setRowEnabled('modelMarketFilter', dir !== 'neutral', 'В режиме «Хедж 50/50 (рост + падение)» портфель уже захеджирован от направления индекса');
+
+  const doneCount = (state.runs || []).filter((r) => r.status !== 'running').length;
+  if ($('#btn-clean')) $('#btn-clean').disabled = doneCount < 1;
+}
 $('#btn-to-live').addEventListener('click', async () => {
   const r = state.run;
   if (!r || r.status !== 'done') return;
@@ -322,7 +381,7 @@ $('#btn-to-live').addEventListener('click', async () => {
   } catch (e) { toast(e.message, 'error'); }
 });
 // «Применить эти настройки»: показывается только когда настройки открытого прогона отличаются от текущих
-const APPLY_KEYS = ['modelAutoAdapt', 'modelType', 'modelHorizon', 'modelMinEdge', 'modelExitRatio', 'modelMinHoldHours', 'modelTopK', 'modelAllocMode', 'modelDirection', 'modelMarketFilter', 'modelShortFeePct', 'modelTrainDays', 'modelHistoryDays', 'modelEmbedDim', 'modelUseMacro', 'modelTextWeight', 'modelUseTransformer', 'transformerEpochs', 'transformerGpu', 'commissionPct', 'slippagePct'];
+const APPLY_KEYS = ['modelAutoAdapt', 'modelHorizon', 'modelMinEdge', 'modelExitRatio', 'modelTopK', 'modelAllocMode', 'modelDirection', 'modelMarketFilter', 'modelShortFeePct', 'modelTrainDays', 'modelHistoryDays', 'modelEmbedDim', 'modelTextWeight', 'commissionPct', 'slippagePct'];
 function runSettingsDiff(r = state.run) {
   if (!r?.params || !state.settings) return { entries: [], lines: [] };
   const pv = (k) => (r.params[k] !== undefined ? r.params[k] : state.config?.defaults?.[k]);
@@ -359,8 +418,9 @@ function syncApplyBtn() {
   syncShowcaseBtn();
   const btn = $('#btn-apply');
   if (!btn) return;
+  const isDone = state.run?.status === 'done' && state.run.id !== state.active;
   const { lines } = runSettingsDiff();
-  btn.hidden = !state.run || !lines.length;
+  btn.hidden = !isDone || !lines.length;
   if (lines.length) {
     btn.textContent = `✓ Применить эти настройки (${lines.length})`;
     btn.title = `Скопировать отличающиеся настройки эксперимента в текущие:\n${lines.join('\n')}`;
@@ -378,10 +438,28 @@ $('#btn-apply').addEventListener('click', async () => {
   toast(`Настройки из эксперимента №${r.id} применены`);
 });
 
-function verdictHtml(c, dir) {
+// Срок эксперимента, сложный годовой процент (CAGR) и простой средний годовой %
+function calcPeriodStats(period, returnPct, marketPct) {
+  const from = period?.from || 0, till = period?.till || 0;
+  const calDays = Math.max(1, Math.round((till - from) / 86400000));
+  const years = calDays / 365.25;
+  const months = Math.max(1, Math.round(calDays / 30.44));
+  const yrsLabel = years >= 1 ? `${fmtNum(years, 1)} г. (${months} мес.)` : `${months} мес.`;
+  const dateRange = from && till ? `${fmtDate(from)} — ${fmtDate(till)}` : '';
+  const r = Number(returnPct ?? 0);
+  const m = Number(marketPct ?? 0);
+  // CAGR (среднегодовой темп роста с реинвестированием) и простое среднее в год
+  const cagr = years >= 0.25 && r > -99 ? ((Math.pow(1 + r / 100, 1 / years) - 1) * 100) : (r / Math.max(years, 0.1));
+  const avgSimple = r / Math.max(years, 0.1);
+  const mktAnnual = years >= 0.25 && m > -99 ? ((Math.pow(1 + m / 100, 1 / years) - 1) * 100) : (m / Math.max(years, 0.1));
+  return { calDays, years, months, yrsLabel, dateRange, cagr, avgSimple, mktAnnual };
+}
+
+function verdictHtml(c, dir, pStats) {
   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)} в среднем в год)` : '';
   // помогает ли карта рынка — по торговому результату против простейшей модели
   let vs = '';
   if (base) {
@@ -394,9 +472,9 @@ function verdictHtml(c, dir) {
   let unreliable = a.trades < 30 || (base && base.trades < 30) ? ' <span class="muted small">Сделок мало, сравнение ненадёжно.</span>' : '';
   if (c.transformer) unreliable += `<div class="muted small">Трансформер: итог ${fmtPct(c.transformer.returnPct)} против ${fmtPct(a.returnPct)} у внимания через карту.</div>`;
   if (a.trades < 30) return `<b>Слишком мало сделок для выводов (${a.trades}).</b> <span class="muted">${vs}</span>${unreliable}`;
-  if (neutral && a.returnPct > 0 && (a.profitFactor ?? 0) >= 1.1) return `<b class="pos">Стратегия зарабатывает:</b> ${fmtPct(a.returnPct)} после комиссий; нейтрально к рынку: рынок почти не влияет. ${vs}${unreliable}`;
-  if (!neutral && a.returnPct > 0 && a.returnPct > a.marketPct && (a.profitFactor ?? 0) >= 1.1) return `<b class="pos">Стратегия зарабатывает:</b> ${fmtPct(a.returnPct)} после комиссий, рынок за то же время ${fmtPct(a.marketPct)}. ${vs}${unreliable}`;
-  if ((a.grossReturnPct ?? 0) > 0) return `<b style="color:var(--yellow)">Сигнал есть, но комиссии его съедают:</b> без комиссий ${fmtPct(a.grossReturnPct)}, с комиссиями ${fmtPct(a.returnPct)}. Попробуйте увеличить «Порог выгоды». ${vs}${unreliable}`;
+  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}`;
 }
 
@@ -456,37 +534,208 @@ function renderStability(st) {
   box.innerHTML = `<div class="stab-head"><span class="tag ${vCls}">${vLbl}</span><span><b>Медиана ${fmtPct(st.medianPct)}</b> · разброс от <span class="${cls(st.minPct)}">${fmtPct(st.minPct)}</span> до <span class="${cls(st.maxPct)}">${fmtPct(st.maxPct)}</span> · в плюсе ${st.positive} из ${st.count} · худшая просадка ${fmtNum(st.maxDrawdownPct, 1)}%</span><span class="muted small">(${kindLbl})</span></div><div class="stab-chips">${chips}</div>`;
 }
 
+// Живая инфографика во время проведения исследования (скользящее окно, карта рынка, головы внимания, точность по шагам)
+const liveTrainState = { runId: null, stage: 'data', symbols: [], loadedSymbols: [], foldIcs: [], lastViz: null, text: '' };
+
+function resetLiveTrain(runId) {
+  liveTrainState.runId = runId;
+  liveTrainState.stage = 'data';
+  liveTrainState.loadedSymbols = [];
+  liveTrainState.foldIcs = [];
+  liveTrainState.lastViz = null;
+  liveTrainState.text = '';
+}
+
+function drawLiveTrainMap(viz) {
+  const cv = $('#ld-map-cv');
+  if (!cv || !viz?.pts?.length) return;
+  const W = cv.clientWidth || 440, H = 250;
+  const dpr = window.devicePixelRatio || 1;
+  cv.width = W * dpr; cv.height = H * dpr;
+  const ctx = cv.getContext('2d');
+  ctx.scale(dpr, dpr);
+  const syms = liveTrainState.symbols.length ? liveTrainState.symbols : viz.pts.map((_, i) => `#${i + 1}`);
+  const f = { pts: viz.pts, cl: viz.cl || viz.pts.map(() => 0), symbols: syms };
+  const xy = layout(f, W, H);
+  const light = document.body.classList.contains('light');
+  // лёгкие соединительные линии внутри одного кластера к ближайшему соседу
+  ctx.lineWidth = 1;
+  for (let i = 0; i < xy.length; i++) {
+    let bestJ = -1, bestD = 68;
+    for (let j = i + 1; j < xy.length; j++) {
+      if (f.cl[i] !== f.cl[j]) continue;
+      const d = Math.hypot(xy[i][0] - xy[j][0], xy[i][1] - xy[j][1]);
+      if (d < bestD) { bestD = d; bestJ = j; }
+    }
+    if (bestJ >= 0) {
+      const col = CLUSTER_COLORS[f.cl[i] % CLUSTER_COLORS.length];
+      ctx.strokeStyle = `${col}33`;
+      ctx.beginPath(); ctx.moveTo(...xy[i]); ctx.lineTo(...xy[bestJ]); ctx.stroke();
+    }
+  }
+  f.symbols.forEach((s, i) => {
+    const [x, y] = xy[i];
+    const col = CLUSTER_COLORS[f.cl[i] % CLUSTER_COLORS.length];
+    ctx.beginPath(); ctx.arc(x, y, 4, 0, Math.PI * 2);
+    ctx.fillStyle = col;
+    ctx.fill();
+    ctx.fillStyle = light ? '#57606a' : '#8b949e';
+    ctx.font = '10px system-ui';
+    ctx.fillText(s, x + 6, y + 3);
+  });
+}
+
+function renderLiveTraining() {
+  const empty = $('#overview-empty');
+  if (!empty || empty.hidden) return;
+  const st = liveTrainState;
+  empty.classList.add('live-dash');
+  const v = st.lastViz;
+  if (!v) {
+    // Этап 1: загрузка котировок и дивидендов с Мосбиржи
+    const chips = st.loadedSymbols.slice(-36).map((s) => `<span class="ld-sym ok">✓ ${esc(s)}</span>`).join('');
+    empty.innerHTML = `<div class="ld-card">
+      <div class="ld-title"><span>Этап 1 из 2 · Загрузка и сверка исторических свечей и дивидендов МосБиржи</span><span class="muted small">${esc(st.text || 'Подготовка датасета…')}</span></div>
+      <div class="muted small">Для каждой из ~100 акций индекса широкого рынка загружаются 10-минутные свечи, сверяются дивидендные отсечки по фактическим утренним разрывам цены и рассчитывается почасовой суточный профиль объёма.</div>
+      ${chips ? `<div class="ld-syms">${chips}</div>` : ''}
+    </div>`;
+    return;
+  }
+
+  // Этап 2: пошаговое скользящее обучение (Walk-Forward)
+  const span = Math.max(1, (v.periodTill || 1) - (v.periodFrom || 0));
+  const pctPos = (ts) => Math.max(0, Math.min(100, ((ts - v.periodFrom) / span) * 100));
+  const trLeft = pctPos(v.trainFrom), trRight = pctPos(v.testFrom), teRight = pctPos(v.testTill);
+  const firstTestLeft = st.firstTestLeft ?? trRight;
+  if (st.firstTestLeft === undefined) st.firstTestLeft = trRight;
+
+  const ics = st.foldIcs;
+  const posFolds = ics.filter((x) => x > 0).length;
+  const meanIc = ics.length ? ics.reduce((a, b) => a + b, 0) / ics.length : 0;
+  const maxIc = Math.max(0.05, ...ics.map(Math.abs));
+  const icBars = Array.from({ length: v.folds }, (_, idx) => {
+    const val = ics[idx];
+    if (val === undefined) return `<div class="ld-ic-bar" style="height:3px;background:var(--line)" title="Шаг ${idx + 1}: ещё впереди"></div>`;
+    const h = Math.max(5, Math.round((Math.abs(val) / maxIc) * 54));
+    const col = val >= 0 ? 'var(--green)' : 'var(--red)';
+    return `<div class="ld-ic-bar" style="height:${h}px;background:${col}" title="Шаг ${idx + 1}: совпадение прогноза ${fmtNum(val, 3)}"></div>`;
+  }).join('');
+
+  let headsHtml = '';
+  if (v.heads?.length) {
+    const maxC = Math.max(...v.heads.map((h) => Math.abs(h.coef)), ...(v.self || []).map(Math.abs), 1e-6);
+    const bar = (label, val) => {
+      const wd = (Math.abs(val) / maxC) * 50;
+      return `<div class="headbar"><span>${esc(label)}</span><div class="b"><div style="left:${val >= 0 ? 50 : 50 - wd}%;width:${wd}%;background:${val >= 0 ? 'var(--green)' : 'var(--red)'}"></div></div><span class="num ${cls(val)}">${val > 0 ? '+' : ''}${fmtNum(val, 3)}</span></div>`;
+    };
+    headsHtml = [
+      ...[...v.heads].sort((x, y) => Math.abs(y.coef) - Math.abs(x.coef)).slice(0, 7).map((h) => bar(h.label, h.coef)),
+      ...(v.self?.length ? [bar('своё движение за последний час', v.self[0])] : []),
+    ].join('');
+  }
+
+  empty.innerHTML = `
+    <div class="kpis" style="grid-template-columns:repeat(4,1fr);margin-bottom:12px">
+      <div class="kpi"><div class="v">${v.fold} <span class="muted small">из ${v.folds}</span></div><div class="l">шаг скользящего окна</div><div class="sub">прогноз: ${fmtDate(v.testFrom)} — ${fmtDate(v.testTill)}</div></div>
+      <div class="kpi"><div class="v ${cls(meanIc)}">${meanIc > 0 ? '+' : ''}${fmtNum(meanIc, 3)}</div><div class="l">среднее совпадение (IC)</div><div class="sub">шагов в плюсе: ${posFolds} из ${ics.length} (${ics.length ? Math.round((posFolds / ics.length) * 100) : 0}%)</div></div>
+      <div class="kpi"><div class="v">${v.tokens || '—'}</div><div class="l">акций в матрице рынка</div><div class="sub">горизонт прогноза: ${v.horizon} ч</div></div>
+      <div class="kpi"><div class="v ${cls(v.foldIc ?? 0)}">${v.foldIc !== null ? `${v.foldIc > 0 ? '+' : ''}${fmtNum(v.foldIc, 3)}` : '—'}</div><div class="l">точность текущего месяца</div><div class="sub">окно обучения до ${fmtDate(v.testFrom)}</div></div>
+    </div>
+
+    <div class="ld-card">
+      <div class="ld-title">
+        <span>Движение скользящего окна по истории (без заглядывания в будущее)</span>
+        <span class="muted small">Обучение: ${fmtDate(v.trainFrom)} — ${fmtDate(v.testFrom)} → Прогноз: до ${fmtDate(v.testTill)}</span>
+      </div>
+      <div class="ld-tl">
+        <div class="ld-tl-done" style="left:${firstTestLeft.toFixed(1)}%;width:${Math.max(0, trRight - firstTestLeft).toFixed(1)}%"></div>
+        <div class="ld-tl-train" style="left:${trLeft.toFixed(1)}%;width:${Math.max(3, trRight - trLeft).toFixed(1)}%">Обучение</div>
+        <div class="ld-tl-test" style="left:${trRight.toFixed(1)}%;width:${Math.max(1.5, teRight - trRight).toFixed(1)}%" title="Прогнозируемый месяц"></div>
+      </div>
+      <div class="ld-title" style="margin-top:10px;margin-bottom:2px"><span class="muted small">Точность угадывания порядка акций (IC) по каждому пройденному месяцу</span><span class="muted small">выше нуля — лучше случайного</span></div>
+      <div class="ld-ics">${icBars}</div>
+    </div>
+
+    <div class="ld-grid">
+      <div class="ld-card">
+        <div class="ld-title"><span>Живая карта рынка на ${fmtDate(v.testFrom)}</span><span class="muted small">кластеры совместного движения</span></div>
+        <canvas id="ld-map-cv" style="width:100%;height:250px;display:block"></canvas>
+      </div>
+      <div class="ld-card">
+        <div class="ld-title"><span>Веса голов внимания (текущее окно)</span><span class="muted small"><span class="pos">переток</span> / <span class="neg">возврат</span></span></div>
+        ${headsHtml || '<div class="muted small">Расчёт весов…</div>'}
+      </div>
+    </div>
+  `;
+  drawLiveTrainMap(v);
+}
+
 function renderOverview() {
   const run = state.run;
   const empty = $('#overview-empty');
   if (!run?.extra || run.status !== 'done') {
     $('#overview').hidden = true;
     empty.hidden = false;
+    if (run?.status === 'running' || state.active) {
+      renderLiveTraining();
+      return;
+    }
+    empty.classList.remove('live-dash');
     empty.innerHTML = run && run.status !== 'done'
-      ? (run.status === 'running' ? 'Исследование идёт…' : `Исследование не завершилось: ${esc(run.error || run.status)}`)
+      ? `Исследование не завершилось: ${esc(run.error || run.status)}`
       : `<b>Идея.</b> Каждая акция — как слово со своим местом на карте рынка. Недавние движения всех акций — контекст.
          Стратегия, как языковая модель, предсказывает «следующее слово» — какие акции сдвинутся в ближайшие часы.<br><br>
          Нажмите <b>«Исследовать»</b>: стратегия пошагово проверится на двух годах истории (около минуты; первый раз — несколько минут на загрузку цен).
          Или попросите Стратега слева.`;
     return;
   }
+  empty.classList.remove('live-dash');
   empty.hidden = true;
   $('#overview').hidden = false;
   const ex = run.extra;
   const c = Object.fromEntries(MODELS.map((n) => [n, ex.comparison[n]?.full]));
   const chosen = run.metrics?.model?.chosen || 'attention';
   const a = c[chosen] || {};
+  const fullM = run.metrics?.full || {};
+  const oosA = ex.comparison?.[chosen]?.outOfSample || run.metrics?.outOfSample || {};
+  const pStats = calcPeriodStats(run.metrics?.period, a.returnPct, a.marketPct);
   const dir = run.params?.modelDirection || 'long';
   const adaptNote = ex.adaptation
-    ? `<div class="muted small">Авто-адаптация: порог выхода ${fmtNum(ex.adaptation.exitRatio, 2)}${ex.adaptation.quarantined?.length ? ` · отсеяны убыточные бумаги (${ex.adaptation.quarantined.length}): ${esc(ex.adaptation.quarantined.slice(0, 10).join(', '))}${ex.adaptation.quarantined.length > 10 ? '…' : ''}` : ''}</div>`
+    ? `<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>`
     : '';
-  $('#verdict').innerHTML = verdictHtml(c, dir) + adaptNote + (run.params?._note ? `<div class="muted small">Гипотеза: ${esc(run.params._note)}</div>` : '');
-  const kpi = (v, l, h) => `<div class="kpi" title="${esc(h)}"><div class="v">${v}</div><div class="l">${l}</div></div>`;
+  $('#verdict').innerHTML = verdictHtml(c, dir, pStats) + adaptNote + (run.params?._note ? `<div class="muted small">Гипотеза: ${esc(run.params._note)}</div>` : '');
+  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>`;
   $('#kpis').innerHTML = [
-    kpi(`<span class="${cls(a.returnPct)}">${fmtPct(a.returnPct)}</span>`, 'итог стратегии', 'Доход портфеля из лучших прогнозов после комиссий'),
-    kpi(`<span class="${cls(a.marketPct)}">${fmtPct(a.marketPct)}</span>`, 'рынок', 'Индекс МосБиржи за то же время'),
-    kpi(fmtNum(a.trades, 0), 'сделок', 'Чем больше сделок, тем надёжнее вывод'),
-    kpi(`${fmtNum(a.maxDrawdownPct, 1)}%`, 'худшее падение', 'Насколько счёт проседал от своего максимума'),
+    kpi(
+      `<span class="${cls(a.returnPct)}">${fmtPct(a.returnPct)}</span>`,
+      `итог за ${pStats.yrsLabel}`,
+      `${pStats.dateRange || 'весь период'} · без ком. ${fmtPct(a.grossReturnPct)}`,
+      'Общий чистый доход портфеля после вычета комиссий, проскальзывания и платы за шорт',
+    ),
+    kpi(
+      `<span class="${cls(pStats.cagr)}">${fmtPct(pStats.cagr, 1)}</span>`,
+      'средний годовой (CAGR)',
+      `простое среднее: ${fmtPct(pStats.avgSimple, 1)}/год`,
+      'Среднегодовая доходность с учётом реинвестирования прибыли (CAGR) и простое арифметическое среднее в год',
+    ),
+    kpi(
+      `<span class="${cls(a.marketPct)}">${fmtPct(a.marketPct)}</span>`,
+      'индекс МосБиржи',
+      `${fmtPct(pStats.mktAnnual, 1)}/год · альфа ${fmtPct((a.returnPct ?? 0) - (a.marketPct ?? 0))}`,
+      'Изменение индекса МосБиржи (IMOEX) за точно такой же период и преимущество стратегии над рынком',
+    ),
+    kpi(
+      fmtNum(a.trades, 0),
+      'сделок за период',
+      `плюсовых ${fmtNum(a.winRate, 1)}% · на 1 ₽ уб.: ${fmtNum(a.profitFactor)} ₽`,
+      'Общее количество сделок, доля прибыльных сделок (Win Rate) и отношение общей прибыли к общему убытку (Profit Factor)',
+    ),
+    kpi(
+      `${fmtNum(a.maxDrawdownPct, 1)}%`,
+      'худшее падение (просадка)',
+      `коэф. Шарпа: ${fmtNum(fullM.sharpe, 2)}`,
+      'Максимальная просадка капитала от пика и годовой коэффициент Шарпа (стабильность кривой доходности)',
+    ),
   ].join('');
   $('#sides').hidden = dir === 'long' || a.shortPct === undefined;
   $('#sides').textContent = `Покупки: ${fmtPct(a.longPct)} · Продажи: ${fmtPct(a.shortPct)}`;
@@ -545,16 +794,6 @@ $('#run-bar').addEventListener('click', async (e) => {
   }
   if (e.target.closest('#btn-ask-run')) {
     sendChat(`Разбери исследование №${r.id} через analyze_run: за счёт чего получился такой результат, какие слабые места и что стоит проверить следующим шагом?`);
-    return;
-  }
-  if (e.target.closest('#btn-cmp-run')) {
-    const others = state.runs.filter((x) => x.id !== r.id && x.status === 'done');
-    const defId = others[0]?.id || '';
-    const raw = prompt(`С каким номером эксперимента сравнить №${r.id}? (доступны: ${others.slice(0, 8).map((x) => `№${x.id}`).join(', ')})`, String(defId));
-    if (!raw) return;
-    const otherId = Number(String(raw).replace(/\D/g, ''));
-    if (!otherId) return;
-    sendChat(`Сравни исследования №${r.id} и №${otherId} через compare_runs и объясни простыми словами, почему отличается результат и какой вариант надёжнее.`);
   }
 });
 $('#btn-ask-forecast').addEventListener('click', () => {
@@ -568,10 +807,9 @@ function setProgress(pct, text) {
   $('#progress span').textContent = text || '';
 }
 function researchUi(running) {
-  $('#btn-model').disabled = running;
-  $('#btn-cancel').hidden = !running && !state.stabilityActive;
   if (!running && !state.stabilityActive) setProgress(null);
   updateTabBadges();
+  syncUiAvailability();
 }
 async function startResearch(force = false) {
   try {
@@ -632,6 +870,7 @@ async function loadForecast(force, silent = false) {
     if (!silent) box.innerHTML = `<span class="neg">Не получилось: ${esc(e.message)}</span>`;
   } finally {
     $('#btn-forecast').disabled = false;
+    syncUiAvailability();
   }
 }
 $('#btn-forecast').addEventListener('click', () => loadForecast(true));
@@ -665,7 +904,7 @@ function renderLive(st) {
     const retPct = a.returnPct ?? 0;
     const step = a.recent?.[0];
     const p = a.params || {};
-    const frozen = `${MODEL_LABEL[p.modelType] || p.modelType} · ${p.modelHorizon}ч · порог ${p.modelMinEdge} · акций ${p.modelTopK}${p.modelDirection && p.modelDirection !== 'long' ? ` · ${p.modelDirection === 'neutral' ? 'нейтрально' : 'покупки+продажи'}` : ''}`;
+    const frozen = `${MODEL_LABEL[p.modelType] || p.modelType} · ${p.modelHorizon}ч · порог ${p.modelMinEdge} · акций ${p.modelTopK}${p.modelDirection && p.modelDirection !== 'long' ? ` · ${p.modelDirection === 'neutral' ? 'хедж 50/50' : 'в рост и в падение'}` : ' · только в рост'}`;
     let corrHtml = '<div class="kpi"><div class="v muted">—</div><div class="l">ориентир истории</div></div>';
     if (a.corridor) {
       const c = a.corridor;
@@ -703,6 +942,7 @@ function renderLive(st) {
       ${step ? `<p class="muted small">Последнее решение (${fmtTs(step.ts)}): ${step.decisions.length ? step.decisions.map((d) => esc(d.text)).join('; ') : 'без изменений'}</p>` : ''}
     </div>`;
   }).join('');
+  syncUiAvailability();
 }
 $('#btn-live').addEventListener('click', async () => {
   const rawCap = prompt('Стартовая сумма нового виртуального счёта (с текущими настройками), ₽:', String(state.settings?.capital || 1000000));
@@ -945,12 +1185,12 @@ async function loadJournal() {
   }));
 }
 
-// Группы настроек в форме; не перечисленные сюда попадают в «Дополнительно»
+// Логические группы настроек по смыслу:
+// g0 — Стратегия и сигналы; g1 — Издержки и риск портфеля; g2 — Автопилот, обучение и система
 const GROUPS = [
-  ['Общие', ['modelAutoAdapt', 'modelHorizon', 'modelTopK', 'modelDirection', 'modelType', 'commissionPct', 'autopilotBudget']],
-  ['Для карты', ['modelEmbedDim', 'modelTextWeight', 'modelUseMacro']],
-  ['Для Трансформера', ['modelUseTransformer', 'transformerEpochs', 'transformerGpu']],
-  ['Дополнительно', []],
+  ['Стратегия и сигналы', ['modelAutoAdapt', 'modelTopK', 'modelDirection', 'modelHorizon', 'modelMinEdge', 'modelExitRatio']],
+  ['Издержки и риск портфеля', ['commissionPct', 'slippagePct', 'modelShortFeePct', 'modelAllocMode', 'modelMarketFilter', 'newsFilter']],
+  ['Автопилот, обучение и система', ['autopilotBudget', 'paperDailyReview', 'modelTrainDays', 'modelHistoryDays', 'modelEmbedDim', 'modelTextWeight']],
 ];
 function buildForm() {
   const field = (p) => {
@@ -965,7 +1205,7 @@ function buildForm() {
   const cleanRow = `<div class="srow" data-key="_cleanup"><div class="stxt"><div class="slbl">Очистка истории экспериментов</div><div class="hint">Удалить старые эксперименты, оставив ровно указанное число лучших по итогу (0 — удалить все завершённые эксперименты).</div></div><div class="row-gap" style="align-items:center"><span class="muted small">оставить</span><input id="keep-n" type="number" value="0" min="0" max="50" class="sctrl" style="width:68px"><button id="btn-clean" type="button">Очистить историю</button></div></div>`;
   $('#params').innerHTML = GROUPS.map(([name, keys], i) => {
     const items = keys.length ? keys.map((k) => shown.find((p) => p.key === k)).filter(Boolean) : shown.filter((p) => !listed.has(p.key));
-    const extra = i === 3 ? cleanRow : '';
+    const extra = i === 2 ? cleanRow : '';
     return items.length || extra ? `<section class="ssec" data-sec="g${i}"${i ? ' hidden' : ''}><div class="stitle">${name}</div><div class="scard">${items.map(field).join('')}${extra}</div></section>` : '';
   }).join('');
   $('#btn-clean')?.addEventListener('click', cleanRunsHistory);
@@ -1013,6 +1253,7 @@ function markDefaults(s) {
     b.hidden = JSON.stringify(s[b.dataset.def]) === JSON.stringify(d[b.dataset.def]);
   });
   syncApplyBtn();
+  syncSettingsDependencies();
   updateTabBadges();
 }
 const saveSettings = async (body) => {
@@ -1222,27 +1463,21 @@ function syncActionBtn() {
   btn.hidden = Boolean(s?.busy);
   if (speechActive) {
     // 1. Микрофон включён -> в любом случае Стоп
-    $('#ico-mic').hidden = true;
-    $('#ico-send').hidden = true;
-    $('#ico-stop').hidden = false;
+    btn.dataset.icon = 'stop';
     btn.classList.remove('send-mode');
     btn.classList.add('rec');
     btn.disabled = false;
     btn.title = 'Остановить запись голоса';
   } else if (hasText) {
     // 2. Микрофон выключен, есть текст -> Стрелка
-    $('#ico-mic').hidden = true;
-    $('#ico-send').hidden = false;
-    $('#ico-stop').hidden = true;
+    btn.dataset.icon = 'send';
     btn.classList.add('send-mode');
     btn.classList.remove('rec');
     btn.disabled = !s?.llm;
     btn.title = 'Отправить (Enter)';
   } else {
     // 3. Микрофон выключен, нет текста -> Микрофон
-    $('#ico-mic').hidden = false;
-    $('#ico-send').hidden = true;
-    $('#ico-stop').hidden = true;
+    btn.dataset.icon = 'mic';
     btn.classList.remove('send-mode', 'rec');
     btn.disabled = false;
     btn.title = 'Голосовой ввод (русский язык)';
@@ -1277,6 +1512,7 @@ function renderChatState() {
   $('#chat-status').textContent = st;
   for (const m of state.chat.msgs.values()) if (m.tool_calls) upsertMsg(m);
   renderSuggest();
+  syncUiAvailability();
 }
 
 const SUGGEST = ['Объясни идею простыми словами', 'Исследуй стратегию и объясни результат', 'Что стратегия ждёт в ближайшие часы?', 'Найди, как улучшить стратегию'];
@@ -1711,6 +1947,21 @@ addForm.addEventListener('submit', async (e) => {
 // ======================================================================
 const BROKER_LABELS = { tbank: 'Т-Банк', finam: 'Финам', alor: 'Алор', bcs: 'БКС' };
 const BROKER_MODES = { readonly: 'Только чтение', confirm: 'Подтверждение заявок', auto: 'Автомат' };
+const LEGACY_MODES = {
+  isolate: 'Изолированный карман (старые бумаги не трогаются)',
+  smooth: 'Плавный переход (продажа старых только под новые сигналы)',
+  takeover: 'Полное управление (все акции под стратегией)',
+};
+const INST_KIND_LABEL = {
+  share: ['Акция', 'ok'],
+  metal: ['Драгметалл', 'mid'],
+  currency: ['Валюта', 'mid'],
+  bond: ['Облигация', ''],
+  etf: ['Фонд', ''],
+  futures: ['Фьючерс', 'mid'],
+};
+const ALLOC_PALETTE = ['#3b82f6', '#06b6d4', '#8b5cf6', '#10b981', '#f59e0b', '#ec4899', '#64748b'];
+const brokerTabById = new Map(); // accId -> 'assets' | 'trade' | 'history'
 let editingBrokerId = null;
 
 async function loadBrokers() {
@@ -1733,6 +1984,8 @@ function renderBrokers() {
         <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>` : ''}
@@ -1748,29 +2001,106 @@ function renderBrokers() {
     </div>`).join('') : '<p class="muted small">Подключённых брокерских счетов пока нет.</p>';
   }
 
-  // 2) карточки во вкладке «Торговля»
+  // 2) карточки во вкладке «Торговля → Брокерские счета» (с 3 вкладками: Активы · Торговля · История)
   const tradeEl = $('#brokers-trade');
   if (!tradeEl) return;
   if (!accs.length) {
     tradeEl.innerHTML = 'Подключите брокерский счёт в «Настройки → Брокерские счета». Счёт может работать в режиме «Только чтение», «Подтверждение заявок» или «Автомат» с жёсткими предохранителями.';
     return;
   }
+  const fcRowMap = state.forecast?.rows ? new Map(state.forecast.rows.map((r) => [r.symbol, r])) : null;
   tradeEl.innerHTML = accs.map((a) => {
     const ls = a.lastSync;
     const pb = a.pendingBatch;
-    const posHtml = ls?.positions?.length
-      ? `<table><thead><tr><th>Бумага</th><th class="num">Штук</th><th class="num">Цена</th><th class="num">Стоимость</th><th class="num">Финрезультат</th></tr></thead><tbody>${ls.positions.map((p) => `<tr><td><b>${esc(p.symbol)}</b></td><td class="num">${fmtNum(p.qty, 0)}</td><td class="num">${fmtNum(p.price, 3)}</td><td class="num">${fmtNum(p.valueRub, 0)} ₽</td><td class="num ${cls(p.pnlRub)}">${p.pnlRub >= 0 ? '+' : ''}${fmtNum(p.pnlRub, 0)} ₽</td></tr>`).join('')}</tbody></table>`
-      : `<p class="muted small">${ls?.ok ? 'Открытых позиций по акциям нет.' : 'Нажмите «Обновить портфель», чтобы загрузить баланс и позиции с брокера.'}</p>`;
+    const lh = a.lastHistory;
+    const lMode = a.legacyMode || 'isolate';
+    const baseMap = a.baselineQty || {};
+    const curSubTab = brokerTabById.get(a.id) || 'assets';
+
+    const algoQtyOf = (p) => {
+      if ((p.instrumentType && p.instrumentType !== 'share') || (fcRowMap && !fcRowMap.has(p.symbol))) return 0;
+      if (lMode === 'takeover') return p.qty;
+      const bq = Number(baseMap[p.symbol] || 0);
+      if (p.qty > 0 && bq > 0) return Math.max(0, p.qty - bq);
+      if (p.qty < 0 && bq < 0) return Math.min(0, p.qty - bq);
+      return p.qty;
+    };
+
+    const posStatus = (p) => {
+      if (p.instrumentType && p.instrumentType !== 'share') {
+        const [kl] = INST_KIND_LABEL[p.instrumentType] || ['Актив', ''];
+        return `<span class="tag" title="Драгметаллы, валюта, облигации и БПИФы не затрагиваются стратегией акций">${esc(kl.toLowerCase())} (защищён)</span>`;
+      }
+      if (fcRowMap && !fcRowMap.has(p.symbol)) return '<span class="tag" title="Вне индекса широкого рынка — стратегия не трогает">вне словаря (защищена)</span>';
+      if (lMode === 'takeover') return '<span class="tag ok">под управлением стратегии</span>';
+      const bq = Number(baseMap[p.symbol] || 0);
+      const aq = algoQtyOf(p);
+      if (lMode === 'isolate') {
+        if (aq === 0) return `<span class="tag" title="Начальная позиция счёта — робот её не продаёт">защищена (старый портфель: ${fmtNum(bq, 0)} шт.)</span>`;
+        if (bq !== 0) return `<span class="tag ok">старый: ${fmtNum(bq, 0)} шт. · стратегия: ${fmtNum(aq, 0)} шт.</span>`;
+        return '<span class="tag ok">открыта стратегией</span>';
+      }
+      if (aq === 0) return `<span class="tag mid" title="Будет плавно замещена при появлении новых сигналов покупки">плавный переход (${fmtNum(bq, 0)} шт.)</span>`;
+      return '<span class="tag ok">под управлением стратегии</span>';
+    };
 
+    // Полоса структуры активов (Allocation Bar)
+    const totalVal = Math.max(1, Number(ls?.totalRub || 0));
+    const allocSegments = [];
+    (ls?.positions || []).forEach((p, idx) => {
+      const pct = Math.max(0, Math.min(100, (Math.abs(p.valueRub || 0) / totalVal) * 100));
+      if (pct >= 0.3) allocSegments.push({ label: `${p.name || p.symbol} (${p.symbol})`, valRub: p.valueRub, pct: Number(pct.toFixed(1)), color: ALLOC_PALETTE[idx % ALLOC_PALETTE.length] });
+    });
+    if ((ls?.cashRub || 0) > 10) {
+      const cPct = Math.max(0, Math.min(100, (ls.cashRub / totalVal) * 100));
+      allocSegments.push({ label: 'Свободные рубли (RUB)', valRub: ls.cashRub, pct: Number(cPct.toFixed(1)), color: '#16a34a' });
+    }
+    const allocBarHtml = allocSegments.length ? `<div class="brk-alloc-wrap">
+      <div class="brk-alloc-bar">${allocSegments.map((s) => `<div style="width:${s.pct}%;background:${s.color}" title="${esc(s.label)}: ${fmtNum(s.valRub, 0)} ₽ (${s.pct}%)"></div>`).join('')}</div>
+      <div class="brk-alloc-legend">${allocSegments.map((s) => `<span><i style="background:${s.color}"></i><b>${esc(s.label)}</b> — ${fmtNum(s.valRub, 0)} ₽ (${s.pct}%)</span>`).join('')}</div>
+    </div>` : '';
+
+    // Считаем сколько ₽ в стратегии и сколько ₽ защищено
+    let strategyRub = 0, protectedRub = 0;
+    for (const p of ls?.positions || []) {
+      const aq = algoQtyOf(p);
+      const aVal = Math.abs(aq * (p.price || 0));
+      strategyRub += aVal;
+      protectedRub += Math.max(0, Math.abs(p.valueRub || 0) - aVal);
+    }
+    const totalPnlRub = ls?.totalPnlRub ?? (ls?.positions || []).reduce((s, p) => s + (p.pnlRub || 0), 0);
+
+    // Вкладка 1: Активы портфеля
+    const posHtml = ls?.positions?.length
+      ? `${allocBarHtml}<table><thead><tr><th>Актив</th><th>Тип</th><th class="num">Кол-во</th><th class="num">Средняя → Текущая</th><th class="num">Стоимость (доля)</th><th class="num">Финрезультат</th><th>Статус и прогноз</th></tr></thead><tbody>${ls.positions.map((p) => {
+        const [kLbl, kCls] = INST_KIND_LABEL[p.instrumentType || 'share'] || ['Актив', ''];
+        const fcRow = fcRowMap?.get(p.symbol);
+        const fcBadge = fcRow ? ` · <span class="${cls(fcRow.expectedPct)}" title="Прогноз модели на ближайшие 2,5 ч">прогноз ${fcRow.expectedPct > 0 ? '+' : ''}${fmtNum(fcRow.expectedPct, 2)}%</span>` : '';
+        return `<tr>
+          <td><b>${esc(p.name || p.symbol)}</b> <span class="muted small">(${esc(p.symbol)})</span></td>
+          <td><span class="tag ${kCls}">${esc(kLbl)}</span></td>
+          <td class="num">${fmtNum(p.qty, 0)} шт.${p.lots && p.lots !== p.qty ? ` <span class="muted small">(${fmtNum(p.lots, 0)} л.)</span>` : ''}</td>
+          <td class="num">${p.avgPrice > 0 ? `<span class="muted">${fmtNum(p.avgPrice, 2)} →</span> ` : ''}<b>${fmtNum(p.price, 3)} ₽</b></td>
+          <td class="num"><b>${fmtNum(p.valueRub, 0)} ₽</b>${p.sharePct ? ` <span class="muted small">(${fmtNum(p.sharePct, 1)}%)</span>` : ''}</td>
+          <td class="num ${cls(p.pnlRub)}"><b>${p.pnlRub >= 0 ? '+' : ''}${fmtNum(p.pnlRub, 0)} ₽</b>${p.pnlPct ? ` <span class="small">(${p.pnlPct >= 0 ? '+' : ''}${fmtNum(p.pnlPct, 1)}%)</span>` : ''}</td>
+          <td>${posStatus(p)}${fcBadge}</td>
+        </tr>`;
+      }).join('')}</tbody></table>`
+      : `<p class="muted small">${ls?.ok ? 'Открытых позиций на счёте сейчас нет (все средства в рублях).' : 'Нажмите «Обновить портфель», чтобы загрузить баланс и активы с брокера.'}</p>`;
+
+    // Вкладка 2: Торговля и заявки стратегии
+    const activeOrdHtml = ls?.activeOrders?.length
+      ? `<div class="stab-box" style="margin-bottom:10px"><div class="stab-head"><b>Активные заявки в стакане брокера (${ls.activeOrders.length})</b></div><table><thead><tr><th>Бумага</th><th>Направление</th><th class="num">Лотов (исп./всего)</th><th class="num">Цена</th><th class="num">Сумма</th></tr></thead><tbody>${ls.activeOrders.map((o) => `<tr><td><b>${esc(o.symbol)}</b> ${o.name ? `<span class="muted small">${esc(o.name)}</span>` : ''}</td><td><span class="tag ${o.direction === 'buy' ? 'ok' : 'no'}">${o.direction === 'buy' ? 'покупка' : 'продажа'}</span></td><td class="num">${o.lotsExecuted}/${o.lotsRequested} л.</td><td class="num">${fmtNum(o.price, 4)} ₽</td><td class="num">${fmtNum(o.amountRub, 0)} ₽</td></tr>`).join('')}</tbody></table></div>`
+      : '';
     let batchHtml = '';
     if (pb) {
       const ordRows = pb.orders?.length
-        ? `<table><thead><tr><th>Бумага</th><th>Действие</th><th class="num">Лотов (штук)</th><th class="num">Лимитная цена</th><th class="num">Сумма</th><th>Основание</th></tr></thead><tbody>${pb.orders.map((o) => `<tr><td><b>${esc(o.symbol)}</b></td><td><span class="tag ${o.action === 'buy' ? 'ok' : 'no'}">${o.action === 'buy' ? 'купить' : o.action === 'short' ? 'шорт' : 'продать'}</span></td><td class="num">${o.lots} л. (${o.shares} шт.)</td><td class="num">${fmtNum(o.limitPrice, 4)} ₽</td><td class="num">${fmtNum(o.amountRub, 0)} ₽</td><td class="muted small">${esc(o.reason)}</td></tr>`).join('')}</tbody></table>`
-        : '<p class="muted small">По текущему прогнозу новых сделок не требуется.</p>';
+        ? `<table><thead><tr><th>Бумага</th><th>Действие</th><th class="num">Лотов (штук)</th><th class="num">Лимитная цена</th><th class="num">Сумма</th><th>Основание</th></tr></thead><tbody>${pb.orders.map((o) => `<tr><td><b>${esc(o.symbol)}</b></td><td><span class="tag ${o.action === 'buy' || o.action === 'cover' ? 'ok' : 'no'}">${o.action === 'buy' ? 'купить' : o.action === 'cover' ? 'закрыть шорт' : o.action === 'short' ? 'шорт' : 'продать'}</span></td><td class="num">${o.lots} л. (${o.shares} шт.)</td><td class="num">${fmtNum(o.limitPrice, 4)} ₽</td><td class="num">${fmtNum(o.amountRub, 0)} ₽</td><td class="muted small">${esc(o.reason)}</td></tr>`).join('')}</tbody></table>`
+        : `<div class="muted small" style="padding:4px 0">${pb.diagNote ? `<span style="color:var(--yellow)">⚠ ${esc(pb.diagNote)}</span>` : 'По текущему прогнозу новых сделок не требуется.'}</div>`;
       const resHtml = pb.results?.length
         ? `<div class="muted small" style="margin-top:6px">Итог отправки (${fmtTs(pb.executedAt)}): ${pb.results.map((r) => `${esc(r.symbol)}: ${r.ok ? `<span class="pos">отправлена (${esc(r.orderId)})</span>` : `<span class="neg">${esc(r.error)}</span>`}`).join(' · ')}</div>`
         : '';
-      batchHtml = `<div class="stab-box" style="margin-top:10px">
+      batchHtml = `<div class="stab-box">
         <div class="stab-head">
           <b>Пакет лимитных заявок (${fmtTs(pb.createdAt)}, свеча ${esc(pb.bar || '—')})</b>
           ${pb.edgeWarning ? `<span class="tag mid">${esc(pb.edgeWarning)}</span>` : ''}
@@ -1781,27 +2111,68 @@ function renderBrokers() {
         ${ordRows}
         ${resHtml}
       </div>`;
+    } else {
+      batchHtml = `<p class="muted small">Нажмите <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>
+          <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>
+          <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>
           <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">Предохранители: лимит ${fmtNum(a.maxCapitalRub, 0)} ₽ · дневной стоп −${fmtNum(a.maxDailyDrawdownPct, 1)}% · отступ лимитки ${fmtNum(a.limitOffsetPct, 2)}%${a.skipEdgeMinutes ? ' · пропуск краёв сессии' : ''}${a.baseRunLabel ? ` · настройки ${esc(a.baseRunLabel)}` : ''}</div>
+          <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">
+        <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>
       </div>
-      ${ls?.ok ? `<div class="kpis" style="grid-template-columns:repeat(3,1fr)"><div class="kpi"><div class="v">${fmtNum(ls.totalRub, 0)} ₽</div><div class="l">всего на счёте</div></div><div class="kpi"><div class="v">${fmtNum(ls.cashRub, 0)} ₽</div><div class="l">свободные рубли</div></div><div class="kpi"><div class="v ${cls(-(ls.dayDrawdownPct || 0))}">${fmtNum(-(ls.dayDrawdownPct || 0), 2)}%</div><div class="l">изменение за день (стоп −${fmtNum(a.maxDailyDrawdownPct, 1)}%)</div></div></div>` : ''}
+      ${ls?.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>` : ''}
-      ${posHtml}
-      ${batchHtml}
+      <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>`;
   }).join('');
 }
@@ -1812,15 +2183,141 @@ $('#btn-brokers-cfg').addEventListener('click', () => {
 });
 
 const brokerForm = $('#broker-form');
+let brokerInitialSnap = '';
+
+function getBrokerFormSnap() {
+  const f = brokerForm.elements;
+  return JSON.stringify({
+    name: f.name.value.trim(),
+    broker: f.broker.value,
+    accountId: f.accountId.value.trim(),
+    token: f.token.value.trim(),
+    mode: f.mode.value,
+    legacyMode: f.legacyMode?.value || 'isolate',
+    baseRunId: f.baseRunId.value || '',
+    maxCapitalRub: Number(f.maxCapitalRub.value) || 100000,
+    maxDailyDrawdownPct: Number(f.maxDailyDrawdownPct.value) || 3,
+    limitOffsetPct: Number(f.limitOffsetPct.value ?? 0.1),
+    autoSchedule: Boolean(f.autoSchedule.checked),
+    skipEdgeMinutes: Boolean(f.skipEdgeMinutes.checked),
+    sandbox: Boolean(f.sandbox.checked),
+  });
+}
+
+function updateBrokerSaveBtnState() {
+  const btn = $('#broker-save-btn');
+  if (!btn) return;
+  if (!editingBrokerId) {
+    const f = brokerForm.elements;
+    const hasNewInput = Boolean(f.token.value.trim() || f.accountId.value.trim() || f.name.value.trim());
+    btn.disabled = !hasNewInput;
+    btn.classList.toggle('primary', hasNewInput);
+    btn.title = hasNewInput ? '' : 'Заполните токен или данные счёта';
+    return;
+  }
+  const changed = getBrokerFormSnap() !== brokerInitialSnap;
+  btn.disabled = !changed;
+  btn.classList.toggle('primary', changed);
+  btn.title = changed ? 'Сохранить внесённые изменения' : 'Нет изменений для сохранения';
+}
+
+brokerForm.addEventListener('input', updateBrokerSaveBtnState);
+brokerForm.addEventListener('change', updateBrokerSaveBtnState);
+
+function startBrokerEdit(acc) {
+  editingBrokerId = acc.id;
+  const f = brokerForm.elements;
+  f.id.value = acc.id;
+  f.name.value = acc.name;
+  f.broker.value = acc.broker;
+  f.accountId.value = acc.accountId || '';
+  f.token.value = '';
+  f.mode.value = acc.mode || 'confirm';
+  if (f.legacyMode) f.legacyMode.value = acc.legacyMode || 'isolate';
+  if (acc.baseRunId && f.baseRunId && !Array.from(f.baseRunId.options).some((o) => o.value === String(acc.baseRunId))) {
+    const opt = document.createElement('option');
+    opt.value = String(acc.baseRunId);
+    opt.textContent = acc.baseRunLabel || `№${acc.baseRunId}`;
+    f.baseRunId.appendChild(opt);
+  }
+  f.baseRunId.value = acc.baseRunId ? String(acc.baseRunId) : '';
+  f.maxCapitalRub.value = acc.maxCapitalRub || 100000;
+  f.maxDailyDrawdownPct.value = acc.maxDailyDrawdownPct || 3;
+  f.limitOffsetPct.value = acc.limitOffsetPct ?? 0.1;
+  f.autoSchedule.checked = acc.autoSchedule !== false;
+  f.skipEdgeMinutes.checked = acc.skipEdgeMinutes !== false;
+  f.sandbox.checked = !!acc.sandbox;
+  $('#broker-add-box').open = true;
+  $('#broker-add-sum').textContent = `Изменить счёт «${acc.name}»`;
+  $('#broker-save-btn').textContent = 'Сохранить изменения';
+  $('#broker-cancel-btn').hidden = false;
+  brokerInitialSnap = getBrokerFormSnap();
+  updateBrokerSaveBtnState();
+}
+
 function stopBrokerEdit() {
   editingBrokerId = null;
   brokerForm.reset();
   brokerForm.elements.id.value = '';
+  if ($('#broker-discovered')) { $('#broker-discovered').hidden = true; $('#broker-discovered').innerHTML = ''; }
   $('#broker-add-sum').textContent = 'Добавить брокерский счёт';
   $('#broker-save-btn').textContent = 'Сохранить счёт';
   $('#broker-cancel-btn').hidden = true;
+  brokerInitialSnap = getBrokerFormSnap();
+  updateBrokerSaveBtnState();
 }
 $('#broker-cancel-btn').addEventListener('click', stopBrokerEdit);
+updateBrokerSaveBtnState();
+
+// Авто-поиск всех субсчетов в Т-Инвестициях по токену
+$('#btn-broker-discover')?.addEventListener('click', async () => {
+  const btn = $('#btn-broker-discover');
+  const box = $('#broker-discovered');
+  const f = brokerForm.elements;
+  btn.disabled = true;
+  const old = btn.textContent;
+  btn.textContent = 'Ищем счета…';
+  try {
+    const res = await post('/api/brokers/discover', {
+      id: editingBrokerId || undefined,
+      broker: f.broker.value,
+      token: f.token.value,
+      sandbox: f.sandbox.checked,
+    });
+    const list = res.accounts || [];
+    if (!list.length) {
+      box.hidden = false;
+      box.innerHTML = '<div class="muted small">Открытых счетов по этому токену не найдено.</div>';
+    } else {
+      box.hidden = false;
+      box.innerHTML = `<div class="muted small">Найдено счетов в Т-Инвестициях: <b>${list.length}</b> (нажмите, чтобы выбрать субсчёт):</div>` + list.map((a) => `<div style="display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg1)">
+        <div>
+          <b>${esc(a.name)}</b> <span class="tag">${esc(a.typeLabel)}</span> ${a.marginEnabled ? '<span class="tag ok">шорт доступен</span>' : '<span class="tag">только в рост (без шорта)</span>'} ${a.accessLabel ? `<span class="muted small">(${esc(a.accessLabel)})</span>` : ''}
+          <div class="muted small">ID: <code>${esc(a.id)}</code>${a.totalRub !== null ? ` · На счёте: <b>${fmtNum(a.totalRub, 0)} ₽</b> (свободно ${fmtNum(a.cashRub, 0)} ₽, бумаг: ${a.positionsCount})` : ''}</div>
+        </div>
+        <button type="button" class="primary small" data-pick-acc="${esc(a.id)}" data-pick-name="${esc(a.name)}">Выбрать этот счёт</button>
+      </div>`).join('');
+    }
+  } catch (err) {
+    toast(err.message, 'error');
+  } finally {
+    btn.disabled = false;
+    btn.textContent = old;
+  }
+});
+
+$('#broker-discovered')?.addEventListener('click', (e) => {
+  const b = e.target.closest('button[data-pick-acc]');
+  if (!b) return;
+  const f = brokerForm.elements;
+  f.accountId.value = b.dataset.pickAcc;
+  if (!f.name.value.trim() || f.name.value.startsWith('Т-Банк · ')) {
+    f.name.value = `Т-Банк · ${b.dataset.pickName}`;
+  }
+  updateBrokerSaveBtnState();
+  toast(`Выбран счёт «${b.dataset.pickName}» (${b.dataset.pickAcc})`);
+});
+
 brokerForm.addEventListener('submit', async (e) => {
   e.preventDefault();
   const f = brokerForm.elements;
@@ -1831,6 +2328,7 @@ brokerForm.addEventListener('submit', async (e) => {
     accountId: f.accountId.value,
     token: f.token.value,
     mode: f.mode.value,
+    legacyMode: f.legacyMode?.value || 'isolate',
     baseRunId: f.baseRunId.value ? Number(f.baseRunId.value) : null,
     maxCapitalRub: Number(f.maxCapitalRub.value) || 100000,
     maxDailyDrawdownPct: Number(f.maxDailyDrawdownPct.value) || 3,
@@ -1857,25 +2355,8 @@ $('#brokers-list').addEventListener('click', async (e) => {
   const acc = (state.brokers?.accounts || []).find((x) => x.id === id);
   if (!acc) return;
   if (b.dataset.bact === 'edit') {
-    editingBrokerId = acc.id;
-    const f = brokerForm.elements;
-    f.id.value = acc.id;
-    f.name.value = acc.name;
-    f.broker.value = acc.broker;
-    f.accountId.value = acc.accountId || '';
-    f.token.value = '';
-    f.mode.value = acc.mode || 'confirm';
-    f.baseRunId.value = acc.baseRunId || '';
-    f.maxCapitalRub.value = acc.maxCapitalRub || 100000;
-    f.maxDailyDrawdownPct.value = acc.maxDailyDrawdownPct || 3;
-    f.limitOffsetPct.value = acc.limitOffsetPct ?? 0.1;
-    f.autoSchedule.checked = acc.autoSchedule !== false;
-    f.skipEdgeMinutes.checked = acc.skipEdgeMinutes !== false;
-    f.sandbox.checked = !!acc.sandbox;
-    $('#broker-add-box').open = true;
-    $('#broker-add-sum').textContent = `Изменить счёт «${acc.name}»`;
-    $('#broker-save-btn').textContent = 'Сохранить изменения';
-    $('#broker-cancel-btn').hidden = false;
+    startBrokerEdit(acc);
+    $('#broker-add-box')?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
     return;
   }
   if (b.dataset.bact === 'del') {
@@ -1901,10 +2382,34 @@ $('#brokers-list').addEventListener('click', async (e) => {
 });
 
 $('#brokers-trade').addEventListener('click', async (e) => {
+  const tabBtn = e.target.closest('button[data-btab]');
+  if (tabBtn) {
+    const id = tabBtn.dataset.bid;
+    const t = tabBtn.dataset.btab;
+    brokerTabById.set(id, t);
+    renderBrokers();
+    if (t === 'history') {
+      const acc = (state.brokers?.accounts || []).find((x) => x.id === id);
+      if (acc && !acc.lastHistory) {
+        post(`/api/brokers/${encodeURIComponent(id)}/history`).then((st) => { state.brokers = st; renderBrokers(); }).catch((err) => toast(err.message, 'error'));
+      }
+    }
+    return;
+  }
   const b = e.target.closest('button[data-btrade]');
   if (!b) return;
   const id = b.dataset.bid;
   const act = b.dataset.btrade;
+  if (act === 'cfg') {
+    const acc = (state.brokers?.accounts || []).find((x) => x.id === id);
+    switchTab('settings');
+    showSettingsSec('brokers');
+    if (acc) {
+      startBrokerEdit(acc);
+      setTimeout(() => $('#broker-add-box')?.scrollIntoView({ behavior: 'smooth', block: 'start' }), 50);
+    }
+    return;
+  }
   b.disabled = true;
   const old = b.textContent;
   try {
@@ -1912,8 +2417,18 @@ $('#brokers-trade').addEventListener('click', async (e) => {
       b.textContent = 'Обновляем…';
       state.brokers = await post(`/api/brokers/${encodeURIComponent(id)}/sync`);
       toast('Портфель обновлён');
+    } else if (act === 'hist') {
+      b.textContent = 'Загружаем…';
+      brokerTabById.set(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('Текущие бумаги счёта зафиксированы как неприкосновенный старый портфель');
     } else if (act === 'prep') {
       b.textContent = 'Считаем лоты…';
+      brokerTabById.set(id, 'trade');
       state.brokers = await post(`/api/brokers/${encodeURIComponent(id)}/prepare`);
       toast('Пакет заявок по прогнозу рассчитан');
     } else if (act === 'exec') {
@@ -2004,6 +2519,8 @@ function connectWs() {
       case 'journal:update': loadJournal().catch(() => {}); break;
       case 'research:start':
         state.active = m.runId;
+        resetLiveTrain(m.runId);
+        delete liveTrainState.firstTestLeft;
         researchUi(true);
         setProgress(1, `Исследование №${m.runId}${m.source === 'ai' ? ' (Стратег)' : ''}: начинаем…`);
         liveLine(`r-${m.runId}`, `Исследование №${m.runId}${m.source === 'ai' ? ' (Стратег)' : ''}${m.note ? ` — ${esc(m.note)}` : ''}: <span class="pg">начинаем…</span><div class="bar-s"><div></div></div>`);
@@ -2015,7 +2532,19 @@ function connectWs() {
         $('.pg', el).textContent = m.text;
         $('.bar-s div', el).style.width = `${pct}%`;
         if (!state.active) { state.active = m.runId; researchUi(true); }
-        if (m.runId === state.active) setProgress(pct, m.text);
+        if (m.runId === state.active) {
+          setProgress(pct, m.text);
+          if (liveTrainState.runId !== m.runId) { resetLiveTrain(m.runId); delete liveTrainState.firstTestLeft; }
+          liveTrainState.stage = m.stage;
+          liveTrainState.text = m.text || '';
+          if (m.symbol && !liveTrainState.loadedSymbols.includes(m.symbol)) liveTrainState.loadedSymbols.push(m.symbol);
+          if (m.viz) {
+            if (m.viz.symbols) liveTrainState.symbols = m.viz.symbols;
+            if (m.viz.foldIc !== undefined && m.viz.fold) liveTrainState.foldIcs[m.viz.fold - 1] = m.viz.foldIc;
+            liveTrainState.lastViz = m.viz;
+          }
+          if (state.run?.id === m.runId && state.run?.status !== 'done') renderLiveTraining();
+        }
         break;
       }
       case 'research:done':
@@ -2061,7 +2590,6 @@ function connectWs() {
       case 'stability:progress':
         stabilityUi(m.runId);
         setProgress(m.pct, m.text);
-        $('#btn-stability').textContent = `${m.pct}% · проверяем…`;
         break;
       case 'stability:done':
         stabilityUi(null);
@@ -2096,11 +2624,19 @@ async function renderCloudPane() {
   const me = await api('/api/auth/me').catch(() => state.config || {});
   state.config = { ...(state.config || {}), ...me };
   const u = me.user;
+  const lic = u?.localLicense;
+  const isDefaultLocal = !me.cloudMode && u?.id === 1 && u?.email === 'owner@neuroalpha.local';
+  const dispName = (lic?.name && lic.name !== 'Владелец платформы' && lic.name !== 'Пользователь')
+    ? lic.name
+    : (isDefaultLocal ? 'Пользователь' : (u?.name || 'Пользователь'));
+  const dispEmail = (lic?.email && lic.email !== 'owner@neuroalpha.local')
+    ? lic.email
+    : (isDefaultLocal ? '' : (u?.email || ''));
   const userBtn = $('#btn-user');
-  if (userBtn) userBtn.textContent = u ? `${u.name} · ${u.planName}` : 'Войти';
+  if (userBtn) userBtn.textContent = u ? `${dispName} · ${u.planName}` : 'Войти';
 
   if (!u) {
-    box.innerHTML = `<div class="srow"><div class="stxt"><div class="slbl">Вы не авторизованы</div><div class="hint">Войдите или создайте аккаунт на странице витрины, чтобы сохранять свои счета и подключать уведомления.</div></div><a class="btn primary" href="/landing">Войти / Регистрация</a></div>`;
+    box.innerHTML = `<div class="srow sblock"><div class="stxt"><div class="slbl">Вы не авторизованы</div><div class="hint">Войдите или создайте аккаунт на странице витрины, чтобы сохранять свои счета и подключать уведомления.</div></div><div class="row-gap"><a class="btn primary" href="/landing">Войти / Регистрация</a></div></div>`;
     return;
   }
 
@@ -2109,87 +2645,72 @@ async function renderCloudPane() {
   const tgUrl = nt.tgBotName ? `https://t.me/${encodeURIComponent(nt.tgBotName)}?start=${encodeURIComponent(code)}` : '';
   const maxUrl = nt.maxBotName ? `https://max.ru/${encodeURIComponent(nt.maxBotName)}?start=${encodeURIComponent(code)}` : '';
 
-  let adminHtml = '';
+  let customBotsHtml = '';
+  let adminLinkHtml = '';
   if (u.role === 'admin') {
-    const adm = await api('/api/admin/state').catch(() => null);
-    if (adm) {
-      const b = adm.billing || {}, n = adm.notify || {};
-      adminHtml = `<div style="margin-top:22px;border-top:1px solid var(--line);padding-top:16px">
-        <div class="slbl" style="margin-bottom:10px">Панель администратора облака (ЮKassa, боты Telegram / MAX, пользователи)</div>
-        <form id="adm-billing-form" style="display:grid;gap:10px;margin-bottom:16px">
-          <div class="muted small"><b>Приём оплаты ЮKassa (API v3)</b> · Webhook URL: <code>${location.origin}/api/billing/yookassa/webhook</code></div>
-          <div class="row-gap" style="flex-wrap:wrap">
-            <input name="shopId" value="${esc(b.shopId || '')}" placeholder="Shop ID ЮKassa" style="width:180px">
-            <input name="secretKey" type="password" placeholder="${b.hasSecret ? 'Секретный ключ задан (оставьте пустым)' : 'Секретный ключ ЮKassa'}" style="flex:1;min-width:220px">
-            <label class="row-gap small muted" style="align-items:center"><input type="checkbox" name="sendReceipt" class="switch"${b.sendReceipt ? ' checked' : ''}>Чеки 54-ФЗ</label>
-            <button type="submit" class="primary">Сохранить ЮKassa</button>
-          </div>
-        </form>
-        <form id="adm-notify-form" style="display:grid;gap:10px;margin-bottom:16px">
-          <div class="muted small"><b>Боты уведомлений и подтверждения заявок (Telegram и MAX)</b></div>
+    if (me.cloudMode) {
+      adminLinkHtml = `<div class="srow sblock" style="border-top:1px solid var(--line);padding-top:12px">
+        <div class="stxt">
+          <div class="slbl">Консоль администратора платформы</div>
+          <div class="hint">Управление пользователями, тарифами, приёмом платежей ЮKassa, промокодами, OAuth-провайдерами (Яндекс, Сбер, Т-Банк, VK) и юридическими реквизитами оферты вынесено в отдельное приложение.</div>
+        </div>
+        <div class="row-gap" style="flex-wrap:wrap">
+          <a class="btn primary" href="/admin" style="padding:7px 14px;border-radius:7px;text-decoration:none">Открыть админ-консоль (/admin) →</a>
+        </div>
+      </div>`;
+    } else {
+      customBotsHtml = `<details style="margin-top:12px;border-top:1px solid var(--line);padding-top:10px">
+        <summary class="muted small" style="cursor:pointer;font-weight:500">⚙ Собственный бот Telegram / MAX (необязательно — для автономного локального сервера) и консоль админа</summary>
+        <form id="adm-notify-form" style="display:grid;gap:10px;margin-top:10px">
+          <div class="muted small">Если вы запускаете сервер локально и хотите отправлять уведомления через собственного бота (от <code>@BotFather</code>), укажите его имя и токен:</div>
           <div class="row-gap" style="flex-wrap:wrap">
-            <input name="tgBotName" value="${esc(n.tgBotName || '')}" placeholder="Имя @бота Telegram" style="width:180px">
-            <input name="tgToken" type="password" placeholder="${n.hasTgToken ? 'Токен Telegram задан' : 'Токен Telegram Bot API'}" style="flex:1;min-width:220px">
+            <input name="tgBotName" value="${esc(nt.tgBotName || '')}" placeholder="Имя бота Telegram (без @)" style="width:200px">
+            <input name="tgToken" type="text" class="secret-input" autocomplete="off" spellcheck="false" data-lpignore="true" data-1p-ignore="true" placeholder="${nt.hasTgToken ? 'Токен Telegram задан (оставьте пустым)' : 'Токен Telegram Bot API'}" style="flex:1;min-width:220px">
           </div>
           <div class="row-gap" style="flex-wrap:wrap">
-            <input name="maxBotName" value="${esc(n.maxBotName || '')}" placeholder="Имя бота MAX" style="width:180px">
-            <input name="maxToken" type="password" placeholder="${n.hasMaxToken ? 'Токен MAX задан' : 'Токен MAX Bot API'}" style="flex:1;min-width:220px">
+            <input name="maxBotName" value="${esc(nt.maxBotName || '')}" placeholder="Имя бота MAX" style="width:200px">
+            <input name="maxToken" type="text" class="secret-input" autocomplete="off" spellcheck="false" data-lpignore="true" data-1p-ignore="true" placeholder="${nt.hasMaxToken ? 'Токен MAX задан (оставьте пустым)' : 'Токен MAX Bot API'}" style="flex:1;min-width:220px">
             <button type="submit" class="primary">Сохранить ботов</button>
           </div>
+          <div class="muted small" style="margin-top:4px">Администрирование SaaS-портала (ЮKassa, пользователи, промокоды, OAuth) доступно в отдельном приложении: <a href="/admin" style="color:var(--accent)">Открыть /admin →</a></div>
         </form>
-        <form id="adm-promo-form" style="display:grid;gap:8px;margin-bottom:16px">
-          <div class="muted small"><b>Промокоды (выдача пробного доступа)</b></div>
-          <div class="row-gap" style="flex-wrap:wrap">
-            <input name="code" placeholder="Код (напр. ALPHA14)" style="width:150px" required>
-            <select name="plan" style="width:150px"><option value="investor">Инвестор</option><option value="pro">Профи</option></select>
-            <input name="days" type="number" value="14" min="1" max="365" style="width:90px" title="На сколько дней">
-            <input name="maxUses" type="number" value="50" min="1" max="10000" style="width:90px" title="Макс. активаций">
-            <button type="submit">Создать промокод</button>
-          </div>
-          ${adm.promos?.length ? `<div class="muted small">Активные коды: ${adm.promos.map((p) => `<code>${esc(p.code)}</code> (${esc(p.plan)}, ${p.days} дн., исп. ${p.used_count}/${p.max_uses})`).join(' · ')}</div>` : ''}
-        </form>
-        <div class="muted small" style="margin-bottom:6px"><b>Пользователи платформы (${adm.users?.length || 0})</b></div>
-        <table><thead><tr><th>ID</th><th>Имя / Email</th><th>Тариф</th><th>Мессенджеры</th><th>Сменить тариф</th></tr></thead><tbody>
-          ${(adm.users || []).map((usr) => `<tr>
-            <td>${usr.id}</td>
-            <td><b>${esc(usr.name)}</b> <span class="muted small">${esc(usr.email)}</span></td>
-            <td><span class="tag ok">${esc(usr.planName)}</span></td>
-            <td class="small">${usr.tgConnected ? '<span class="pos">TG ✓</span> ' : ''}${usr.maxConnected ? '<span class="pos">MAX ✓</span>' : (!usr.tgConnected ? '—' : '')}</td>
-            <td>
-              <select data-adm-plan="${usr.id}" class="sctrl" style="padding:2px 6px">
-                <option value="free"${usr.plan === 'free' ? ' selected' : ''}>Старт (Free)</option>
-                <option value="investor"${usr.plan === 'investor' ? ' selected' : ''}>Инвестор</option>
-                <option value="pro"${usr.plan === 'pro' ? ' selected' : ''}>Профи</option>
-              </select>
-            </td>
-          </tr>`).join('')}
-        </tbody></table>
-      </div>`;
+      </details>`;
     }
   }
 
   const apiKey = u.apiKey || '';
   const npxCmd = apiKey ? `npx neuroalpha --key ${apiKey}` : 'npx neuroalpha';
-  const lic = u.localLicense;
 
   box.innerHTML = `
-    <div class="srow">
+    <div class="srow sblock">
       <div class="stxt">
-        <div class="slbl">${esc(u.name)} · <span class="muted">${esc(u.email)}</span> <span class="tag ok" style="margin-left:6px">${esc(u.planName)}</span></div>
+        <div class="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>
-      <div class="row-gap">
+      ${me.cloudMode ? `<div class="row-gap" style="flex-wrap:wrap">
         <button type="button" id="btn-cloud-verify">Проверить оплату</button>
         <button type="button" id="btn-cloud-logout">Выйти</button>
-      </div>
+      </div>` : ''}
     </div>
-    <div class="srow">
+    ${!me.cloudMode ? `<div class="srow sblock">
       <div class="stxt">
-        <div class="slbl">Ваш персональный API-ключ (для локального запуска через <code>npx</code> и API)</div>
+        <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="stxt">
+        <div class="slbl">Ваш персональный API-ключ (для запуска на вашем ПК через <code>npx</code>)</div>
         <div class="hint">
           Ключ: <b><code id="user-api-key">${esc(apiKey || 'не создан')}</code></b><br>
           Команда для запуска на вашем ПК (ключи брокера остаются локально): <code>${esc(npxCmd)}</code>
-          ${lic ? `<br><span class="pos">✓ Активирована лицензия: ${esc(lic.planName)} (${esc(lic.email || '')})</span>` : ''}
         </div>
       </div>
       <div class="row-gap" style="flex-wrap:wrap">
@@ -2197,41 +2718,22 @@ async function renderCloudPane() {
         <button type="button" id="btn-copy-npx">Скопировать npx-команду</button>
         <button type="button" id="btn-regen-apikey" title="Перевыпустить API-ключ (старый перестанет работать)">Перевыпустить</button>
       </div>
-    </div>
-    ${!me.cloudMode ? `<div class="srow">
+    </div>`}
+    <div class="srow sblock">
       <div class="stxt">
-        <div class="slbl">Активировать API-ключ подписки с сайта</div>
-        <div class="hint">Если вы зарегистрировались и оплатили тариф на сайте, вставьте полученный <code>na_live_…</code> ключ сюда для разблокировки тарифа на этом компьютере.</div>
+        <div class="slbl">Тариф и промокод</div>
+        <div class="hint">Подключение брокерских счетов (Т-Банк, БКС, Финам, Алор), подтверждения заявок в Telegram / MAX и расширенных лимитов ИИ.</div>
       </div>
       <div class="row-gap" style="flex-wrap:wrap">
-        <input id="lic-key-in" value="${esc(lic?.apiKey || '')}" placeholder="na_live_…" style="width:210px">
-        <input id="lic-url-in" value="${esc(lic?.cloudUrl && lic.cloudUrl !== 'local' ? lic.cloudUrl : '')}" placeholder="URL сайта (если внешний)" style="width:170px">
-        <button type="button" id="btn-lic-activate">Активировать ключ</button>
-      </div>
-    </div>` : ''}
-    <div class="srow">
-      <div class="stxt">
-        <div class="slbl">Тариф и подписка (карты МИР и СБП)</div>
-        <div class="hint">Мгновенное подключение брокерских счетов (Т-Банк, БКС, Финам, Алор), подтверждения заявок в Telegram и MAX и расширенных лимитов.</div>
-      </div>
-      <div class="row-gap" style="flex-wrap:wrap">
-        <button type="button" class="primary" data-checkout="investor">Оформить «Инвестор» · 3 900 ₽/мес</button>
-        <button type="button" class="primary" data-checkout="pro">Оформить «Профи» · 9 900 ₽/мес</button>
+        <input id="promo-code-in" placeholder="Промокод" style="width:150px">
+        <button type="button" id="btn-promo-redeem">Применить код</button>
+        <button type="button" class="primary" data-checkout="investor">Тариф «Инвестор» · 3 900 ₽</button>
+        <button type="button" class="primary" data-checkout="pro">Тариф «Профи» · 9 900 ₽</button>
       </div>
     </div>
-    <div class="srow">
+    <div class="srow sblock">
       <div class="stxt">
-        <div class="slbl">Активировать промокод</div>
-        <div class="hint">Введите промокод партнёра или пробного периода для подключения тарифа «Инвестор» или «Профи».</div>
-      </div>
-      <div class="row-gap">
-        <input id="promo-code-in" placeholder="Промокод" style="width:140px">
-        <button type="button" id="btn-promo-redeem">Активировать</button>
-      </div>
-    </div>
-    <div class="srow">
-      <div class="stxt">
-        <div class="slbl">Боты Telegram и MAX (уведомления и исполнение заявок в 1 клик)</div>
+        <div class="slbl">Уведомления в Telegram и MAX (подтверждение заявок в 1 клик)</div>
         <div class="hint">
           Ваш код привязки: <b><code>${esc(code)}</code></b> — отправьте этот код боту в Telegram или в мессенджер MAX.<br>
           Статус: Telegram — ${u.tgConnected ? '<b class="pos">подключён ✓</b>' : '<span class="muted">не привязан</span>'} · MAX — ${u.maxConnected ? '<b class="pos">подключён ✓</b>' : '<span class="muted">не привязан</span>'}
@@ -2243,7 +2745,8 @@ async function renderCloudPane() {
         <button type="button" id="btn-notify-test">Тест уведомления</button>
       </div>
     </div>
-    ${adminHtml}
+    ${adminLinkHtml}
+    ${customBotsHtml}
   `;
 
   box.querySelector('#btn-copy-apikey')?.addEventListener('click', () => {
@@ -2265,10 +2768,9 @@ async function renderCloudPane() {
   });
   box.querySelector('#btn-lic-activate')?.addEventListener('click', async () => {
     const k = box.querySelector('#lic-key-in')?.value.trim();
-    const uUrl = box.querySelector('#lic-url-in')?.value.trim();
     if (!k) return toast('Введите API-ключ (na_live_…)', 'error');
     try {
-      const r = await post('/api/license/activate', { apiKey: k, cloudUrl: uUrl });
+      const r = await post('/api/license/activate', { apiKey: k });
       toast(`Ключ активирован! Тариф: ${r.license?.planName}`);
       renderCloudPane();
     } catch (e) { toast(e.message, 'error'); }
@@ -2306,24 +2808,6 @@ async function renderCloudPane() {
       renderCloudPane();
     } catch (e) { toast(e.message, 'error'); }
   });
-  box.querySelector('#adm-promo-form')?.addEventListener('submit', async (e) => {
-    e.preventDefault();
-    const f = e.target.elements;
-    try {
-      await post('/api/admin/promo', { code: f.code.value, plan: f.plan.value, days: f.days.value, maxUses: f.maxUses.value });
-      toast('Промокод создан');
-      renderCloudPane();
-    } catch (err) { toast(err.message, 'error'); }
-  });
-  box.querySelector('#adm-billing-form')?.addEventListener('submit', async (e) => {
-    e.preventDefault();
-    const f = e.target.elements;
-    try {
-      await post('/api/admin/billing', { shopId: f.shopId.value, secretKey: f.secretKey.value, sendReceipt: f.sendReceipt.checked });
-      toast('Настройки ЮKassa сохранены');
-      renderCloudPane();
-    } catch (err) { toast(err.message, 'error'); }
-  });
   box.querySelector('#adm-notify-form')?.addEventListener('submit', async (e) => {
     e.preventDefault();
     const f = e.target.elements;
@@ -2333,13 +2817,6 @@ async function renderCloudPane() {
       renderCloudPane();
     } catch (err) { toast(err.message, 'error'); }
   });
-  box.querySelectorAll('[data-adm-plan]').forEach((sel) => sel.addEventListener('change', async () => {
-    try {
-      await post('/api/admin/user-plan', { userId: Number(sel.dataset.admPlan), plan: sel.value, days: 30 });
-      toast('Тариф пользователя обновлён');
-      renderCloudPane();
-    } catch (err) { toast(err.message, 'error'); }
-  }));
 }
 
 // ---------- тема (тёмная / светлая) ----------
@@ -2366,15 +2843,28 @@ $('#btn-theme')?.addEventListener('click', () => {
 if (localStorage.getItem('theme') === 'light') applyTheme(true);
 
 // ---------- справка ----------
-let helpLoaded = false;
-$('#btn-help').addEventListener('click', async () => {
+const helpCache = new Map();
+async function openHelpDoc(docName = 'ИНСТРУКЦИЯ.md') {
   $('#help').hidden = false;
-  if (helpLoaded) return;
+  document.querySelectorAll('#help-tabs [data-hdoc]').forEach((b) => b.classList.toggle('active', b.dataset.hdoc === docName));
+  if (helpCache.has(docName)) {
+    $('#help-body').innerHTML = helpCache.get(docName);
+    $('#help-body').scrollTop = 0;
+    return;
+  }
+  $('#help-body').textContent = 'Загрузка…';
   try {
-    const res = await fetch(`/docs/${encodeURIComponent('ИНСТРУКЦИЯ.md')}`);
-    $('#help-body').innerHTML = md(await res.text());
-    helpLoaded = true;
+    const res = await fetch(`/docs/${encodeURIComponent(docName)}`);
+    const html = md(await res.text());
+    helpCache.set(docName, html);
+    $('#help-body').innerHTML = html;
+    $('#help-body').scrollTop = 0;
   } catch (e) { $('#help-body').textContent = e.message; }
+}
+$('#btn-help').addEventListener('click', () => openHelpDoc('ИНСТРУКЦИЯ.md'));
+$('#help-tabs')?.addEventListener('click', (e) => {
+  const b = e.target.closest('button[data-hdoc]');
+  if (b) openHelpDoc(b.dataset.hdoc);
 });
 $('#help-close').addEventListener('click', () => { $('#help').hidden = true; });
 $('#help').addEventListener('click', (e) => { if (e.target.id === 'help') $('#help').hidden = true; });