{(() => {
const n = parseInt(gridNum) || 0, inv = parseFloat(invest) || 0, lv = parseInt(lev) || 1;
const w = Math.max(1, parseInt(gridWindow) || 2);
const perLvl = n > 0 ? (inv / n) * lv : 0;
// Начальная позиция теперь ≈ w уровней (а не вся верхняя половина)
const startNotional = perLvl * w;
return perLvl > 0 && (
Нотионал на уровень: {perLvl.toFixed(2)} USDT {perLvl < 7.5 ? ' (мин $7.5!)' : ''}{startNotional.toFixed(0)} USDT (только окно) · остальное докупается по мере падения → ликвидация далеко{w * 2} ордеров из {n} (остальные в софте)
);
})()}
{/* Продвинутые фичи */}
Продвинутое (опционально)
{[
[gxTrailing, setGxTrailing, 'Trailing-сетка', 'Сетка следует за ценой в тренде — не застревает на границе'],
[gxExpand, setGxExpand, 'Авто-расширение диапазона', 'Если цена пробила границу — расширяет сетку вместо простоя'],
[gxReinvest, setGxReinvest, 'Реинвест профита', 'Заработок с витков добавляется в позицию (сложный процент)'],
[gxDynamic, setGxDynamic, 'Динамический шаг', 'Гуще сетка у текущей цены — больше витков в зоне волатильности'],
[gxNotify, setGxNotify, 'Пуш на каждый виток', 'Уведомление в браузер/бота при каждом отработанном витке сетки'],
].map(([val, set, title, desc]) => (
)}
{step === 3 && type === 'dca' && (
)}
{step === 3 && type === 'recurring' && (
Корзина (сумма % = 100)
{basket.map((b, i) => (
))}
setBasket([...basket, { symbol: '', percent: '' }])}>
{(() => {
const total = basket.reduce((s, b) => s + (parseFloat(b.percent) || 0), 0);
return (
0.01 ? 'var(--amber-soft)' : 'var(--green-soft)', border: `1px solid ${Math.abs(total - 100) > 0.01 ? 'var(--amber)' : 'var(--green)'}`, fontSize: 12 }}>
Сумма долей: {total.toFixed(1)}% {Math.abs(total - 100) > 0.01 ? ' — должно быть 100%' : ' ✓'}
);
})()}
)}
{/* ШАГ 4 — подтверждение */}
{step === 4 && (
{[
['Тип', BOT_TYPES.find(t => t.id === type)?.label],
['Биржа', exchange.toUpperCase()],
!isSpotLike && ['Символ', (symbol || '').toUpperCase()],
(type === 'grid' || type === 'dca') && ['Направление', direction.toUpperCase()],
type === 'grid' && ['Диапазон', `${gridLow} – ${gridHigh}`],
type === 'grid' && ['Уровней', gridNum],
type === 'dca' && ['Маржа (нач/safety)', `${dcaIm} / ${dcaSm} USDT`],
type === 'dca' && ['Safety макс.', dcaMaxSafety],
type === 'recurring' && ['Корзина', basket.map(b => `${b.symbol} ${b.percent}%`).join(' · ')],
type === 'recurring' && ['Закупка', `${basketAmount} USDT каждые ${basketIntervalH}ч`],
['Инвестиция', `${type === 'recurring' ? basketAmount : invest} USDT`],
!isSpotLike && ['Плечо', '×' + lev],
].filter(Boolean).map(([l, v]) => (
{l} {v}
))}
Бот создастся в статусе «остановлен» — запусти его кнопкой ▶ на карточке.
)}
);
}
/* ---- Детали локального бота: live-данные с /api/me/local-bots/{id} ---- */
function LocalBotDetail({ b, onClose, onChanged }) {
const [tab, setTab] = useState('overview');
const [data, setData] = useState(null);
const [loading, setLoading] = useState(true);
const [busy, setBusy] = useState(false);
const toast = useToast();
const reload = async () => {
try { const r = await API().loadLocalBotDetails(b.id); setData(r); } catch {}
setLoading(false);
};
useEffect(() => { reload(); const t = setInterval(reload, 15000); return () => clearInterval(t); }, [b.id]);
const raw = data || {};
const bot = raw.bot || raw;
const st = raw.state || bot.state_json || bot.runtime || {};
const cfg = bot.config || raw.config || (() => { try { return JSON.parse(bot.config_json || '{}'); } catch { return {}; } })();
const fills = raw.fills || bot.fills || [];
const markPx = parseFloat(raw.mark_px || raw.markPx || st.mark_px || 0);
const avgEntry = parseFloat(st.avg_entry || 0);
const totalQty = parseFloat(st.total_qty || 0);
const totalMargin = parseFloat(st.total_margin || bot.investment_usdt || b.invest || 0);
const lev = parseInt(bot.leverage || b.lev || 1);
const dir = String(bot.direction || 'long').toLowerCase();
const sign = dir === 'long' ? 1 : -1;
const floatPnl = (markPx > 0 && avgEntry > 0) ? (markPx - avgEntry) * totalQty * sign : 0;
const realizedPnl = parseFloat(bot.total_pnl || 0);
const totalPnl = realizedPnl + floatPnl;
const pnlPct = totalMargin > 0 ? totalPnl / totalMargin * 100 : 0;
const liqPx = (avgEntry > 0 && lev > 1)
? (dir === 'long' ? avgEntry * (1 - (1 / lev - 0.005)) : avgEntry * (1 + (1 / lev - 0.005)))
: 0;
const isDca = (bot.bot_type || b.type) === 'dca';
const isGrid = (bot.bot_type || b.type) === 'grid';
const safetyDone = fills.filter(f => f.type === 'safety').length;
const maxSafety = parseInt(cfg.max_safety_orders || 0);
// Grid-специфика как у OKX
const cyclesDone = parseInt(st.cycles_done || 0); // отработанных витков сетки (≈ arbitrageNum)
const gridProfit = realizedPnl; // realized grid-профит копится в total_pnl
const notional = (avgEntry > 0 && totalQty > 0) ? totalQty * avgEntry : 0;
// время работы
const startTs = bot.started_at || bot.created_at;
const refTs = (b.status === 'running') ? Date.now() : (bot.stopped_at || Date.now());
const uptimeMs = startTs ? Math.max(0, refTs - startTs) : 0;
const uptimeStr = uptimeMs > 0
? (uptimeMs >= 86400000 ? Math.floor(uptimeMs / 86400000) + 'д ' + Math.floor((uptimeMs % 86400000) / 3600000) + 'ч'
: uptimeMs >= 3600000 ? Math.floor(uptimeMs / 3600000) + 'ч ' + Math.floor((uptimeMs % 3600000) / 60000) + 'м'
: Math.floor(uptimeMs / 60000) + 'м')
: '—';
const gridLow = parseFloat(cfg.min_price || 0);
const gridHigh = parseFloat(cfg.max_price || 0);
const gridNum = parseInt(cfg.grid_num || 0);
const act = async (fn, okMsg) => {
setBusy(true);
try { await fn(); toast(okMsg, 'success'); await reload(); onChanged && onChanged(); }
catch (e) { toast('Ошибка: ' + (e.message || e), 'error'); }
setBusy(false);
};
return (
1 ? '· ×' + lev : ''}`} onClose={onClose} width={680}
footer={<>
Закрыть
{isDca && b.status === 'running' && (
act(() => API().dcaManualSafety(b.id), 'Safety-ордер размещён')}>
)}
{ if (confirm('Удалить бота? Позиции НЕ закрываются автоматически.')) act(() => API().deleteLocalBot(b.id), 'Бот удалён').then(onClose); }}>
act(() => b.status === 'running' ? API().stopLocalBot(b.id) : API().startLocalBot(b.id), b.status === 'running' ? 'Бот остановлен' : 'Бот запущен')}>
{b.status === 'running' ? 'Остановить' : 'Запустить'}
}>
{/* Big PnL header */}
PnL (реализ. + плавающий)
{fmt.sign(totalPnl)}{fmt.usdt(totalPnl)} USDT
({fmt.pct(pnlPct)})
{[['overview', 'Обзор'], ['params', 'Параметры'], ['fills', `Ордера (${fills.length})`]].map(([k, l]) => (
setTab(k)}>{l}
))}
{loading &&
}
{!loading && tab === 'overview' && (
<>
{/* KPI-плитки как у OKX */}
{[
['Grid-профит',
{fmt.sign(gridProfit)}{fmt.usdt(gridProfit)} ],
['Float PnL',
{fmt.sign(floatPnl)}{fmt.usdt(floatPnl)} ],
[isGrid ? 'Витков сетки' : 'Сделок', isGrid ? cyclesDone : (b.tradesCount || cyclesDone)],
['Работает', uptimeStr],
].map(([l, v], i) => (
))}
Текущая позиция
{[
['Текущая цена', markPx > 0 ? markPx : '—'],
['Средняя цена входа', avgEntry > 0 ? avgEntry.toFixed(6) : '—'],
['Размер позиции', totalQty > 0 ? `${totalQty.toFixed(4)} ${(bot.symbol || '').replace(/USDT$/, '')}` : '—'],
['Нотионал', notional > 0 ? fmt.usdt(notional) + ' USDT' : '—'],
['Инвестиция / маржа', fmt.usdt(totalMargin) + ' USDT'],
['Плечо', '×' + lev],
liqPx > 0 && ['Цена ликвидации (~)',
{liqPx.toPrecision(6)} ],
isDca && maxSafety > 0 && ['Safety-ордеров', `${safetyDone} / ${maxSafety}`],
].filter(Boolean).map(([l, v], i) => (
{l}
{v}
))}
{/* Параметры сетки (только grid) */}
{isGrid && gridLow > 0 && (
Сетка
{[
['Диапазон', `${gridLow} – ${gridHigh}`],
['Уровней', gridNum],
['Шаг сетки', gridNum > 0 ? ((gridHigh - gridLow) / gridNum).toFixed(6) : '—'],
cfg.active_window > 0 && ['Активных ордеров на бирже', `${cfg.active_window * 2} (${cfg.active_window}+${cfg.active_window}) из ${gridNum}`],
['Цена в диапазоне', markPx > 0 ? (markPx >= gridLow && markPx <= gridHigh ? '✓ внутри' : '⚠ вне диапазона') : '—'],
].filter(Boolean).map(([l, v], i) => (
{l}
{v}
))}
)}
)}
{!loading && tab === 'params' && (
{Object.entries(cfg).map(([k, v]) => (
{k}
{typeof v === 'object' ? JSON.stringify(v) : String(v)}
))}
{!Object.keys(cfg).length &&
}
Тип Цена Кол-во Время {fills.map((f, i) => (
{f.type || 'fill'} {f.price || f.px || '—'}
{f.qty || f.size || '—'}
{f.time || f.ts ? new Date(f.time || f.ts).toLocaleString('ru-RU', { day: '2-digit', month: 'short', hour: '2-digit', minute: '2-digit' }) : '—'}
))}
) :
);
}
/* ---- Детали биржевого бота (OKX algo): live с /api/ex/{ex}/bots/details ---- */
function ExchangeBotDetail({ b, onClose }) {
const [data, setData] = useState(null);
const [orders, setOrders] = useState([]);
const [loading, setLoading] = useState(true);
const toast = useToast();
useEffect(() => {
let stop = false;
(async () => {
try {
const r = await API().loadBotDetails((b.exchange || 'okx').toLowerCase(), b.algoId, b.algoOrdType || 'contract_grid');
if (stop) return;
const d = r?.details || r?.detail || r || {};
setData({ ...d, markPx: r?.markPx || d.markPx });
setOrders(r?.subOrders || r?.sub_orders || []);
} catch (e) { if (!stop) toast('Не удалось загрузить детали: ' + (e.message || e), 'error'); }
if (!stop) setLoading(false);
})();
return () => { stop = true; };
}, [b.algoId]);
const _n = (v) => { const n = parseFloat(v); return Number.isFinite(n) ? n : 0; };
const d = data || {};
const totalPnl = _n(d.totalPnl) || b.pnl || 0;
const pnlRatio = _n(d.pnlRatio) * 100;
const gridProfit = _n(d.gridProfit);
const floatProfit = _n(d.floatProfit);
const fundingFee = _n(d.fundingFee);
const fee = _n(d.fee);
const investment = _n(d.investment || d.sz) || b.invest;
const runtimeDays = (_n(d.uTime) && _n(d.cTime)) ? ((_n(d.uTime) - _n(d.cTime)) / 86400000) : 0;
const annualRate = _n(d.totalAnnualizedRate || d.annualizedRate) * 100;
return (
Закрыть}>
Total PnL
{fmt.sign(totalPnl)}{fmt.usdt(totalPnl)} USDT
{pnlRatio !== 0 && ({fmt.pct(pnlRatio)}) }
{loading ?
: <>
{[
['Grid-профит',
+{fmt.usdt(gridProfit)} ],
['Float PnL',
{fmt.sign(floatProfit)}{fmt.usdt(floatProfit)} ],
['Funding',
{fmt.sign(fundingFee)}{fmt.usdt(fundingFee)} ],
['Комиссии', fmt.usdt(Math.abs(fee))],
].map(([l, v], i) => (
))}
{[
['Инвестиция', fmt.usdt(investment) + ' USDT'],
['Эквити бота', _n(d.eq) > 0 ? fmt.usdt(_n(d.eq)) + ' USDT' : '—'],
['Плечо (выставл./факт.)', `×${_n(d.lever) || b.lev}${_n(d.actualLever) ? ' / ×' + _n(d.actualLever).toFixed(2) : ''}`],
['Диапазон сетки', _n(d.minPx) > 0 ? `${_n(d.minPx)} – ${_n(d.maxPx)}` : '—'],
['Уровней сетки', _n(d.gridNum) || '—'],
['Активных ордеров', _n(d.activeOrdNum) || 0],
['Цена входа (start)', _n(d.runPx) || '—'],
['Текущая цена', _n(d.markPx) || '—'],
['Цена ликвидации', _n(d.liqPx) > 0 ?
{_n(d.liqPx)} : '—'],
['Арбитражей сетки', _n(d.arbitrageNum) || 0],
['Всего сделок', _n(d.tradeNum) || 0],
['Годовая доходность', annualRate !== 0 ?
{fmt.pct(annualRate)} : '—'],
['Работает', runtimeDays > 0 ? runtimeDays.toFixed(1) + ' дн' : '—'],
_n(d.tpTriggerPx) > 0 && ['TP триггер', _n(d.tpTriggerPx)],
_n(d.slTriggerPx) > 0 && ['SL триггер', _n(d.slTriggerPx)],
].filter(Boolean).map(([l, v], i) => (
{l}
{v}
))}
Sub-ордера ({orders.length})
{orders.length ? (
Сторона Цена Размер Статус {orders.slice(0, 50).map((o, i) => (
{(o.side || '').toUpperCase()} {o.px || o.price || '—'}
{o.sz || o.size || '—'}
{o.state || o.status || '—'}
))}
) :
);
}
function BotDetail({ b, onClose, onChanged }) {
return b.kind === 'exchange'
?
:
;
}
function Bots() {
const [segment, setSegment] = useState('local');
const [filter, setFilter] = useState('all');
const [wizard, setWizard] = useState(false);
const [detail, setDetail] = useState(null);
const [tick, setTick] = useState(0);
const reloadBots = () => setTick(t => t + 1);
const [localRaw] = useLiveData(() => API().listLocalBots(), null, [tick], 30000);
const [exchangeRaw] = useLiveData(() => API().loadBotsActive(), null, [tick], 60000);
const toast = useToast();
const bots = {
local: (localRaw || []).map(mapLocalBot),
exchange: (exchangeRaw || []).map(mapExchangeBot),
};
const list = bots[segment];
const shown = list.filter(b => filter === 'all' || b.status === filter);
const toggle = async (b) => {
if (segment !== 'local') { toast('Биржевыми ботами управляйте на бирже', 'info'); return; }
try {
if (b.status === 'running') { await API().stopLocalBot(b.id); toast('Бот остановлен', 'info'); }
else { await API().startLocalBot(b.id); toast('Бот запущен', 'success'); }
reloadBots();
} catch { toast('Не удалось переключить бота', 'error'); }
};
const counts = { all: list.length, running: list.filter(b => b.status === 'running').length, paused: list.filter(b => b.status === 'paused').length, stopped: list.filter(b => b.status === 'stopped').length };
const sumInvest = list.reduce((s, b) => s + b.invest, 0);
const sumPnl = list.reduce((s, b) => s + b.pnl, 0);
return (
{/* Top segment switcher: Наши / С биржи */}
setSegment('local')} style={{ padding: '0 18px', height: 36 }}>
{bots.local.length}
setSegment('exchange')} style={{ padding: '0 18px', height: 36 }}>
{bots.exchange.length}
{segment === 'local' && (
setWizard(true)}>
)}
{/* KPI strip */}
{fmt.sign(sumPnl)}{fmt.usdt(sumPnl)}} sub="USDT" icon="trendup" accent={sumPnl > 0 ? 'var(--green)' : 'var(--red)'} />
{/* Filter chips */}
{[['all', 'Все'], ['running', 'Работают'], ['paused', 'Пауза'], ['stopped', 'Остановлены']].map(([k, l]) => (
setFilter(k)}>{l} {counts[k]}
))}
{segment === 'exchange' &&
}
{shown.length ? (
{shown.map(b =>
) : (
setWizard(true)}>
)}
{wizard &&
setWizard(false)} onCreated={reloadBots} />}
{detail && setDetail(null)} onChanged={reloadBots} />}
);
}
/* ===================== COPY TRADING ===================================== */
function CopySubscribeModal({ m, accounts, onClose, onDone }) {
const [step, setStep] = useState(1);
const [exchange, setExchange] = useState((accounts[0] || {}).id || 'weex');
const [mode, setMode] = useState('auto');
const [sizeMode, setSizeMode] = useState('pct_alloc');
const [sizeValue, setSizeValue] = useState('2');
const [allocation, setAllocation] = useState('500');
const [copyExisting, setCopyExisting] = useState('new_only');
const [maxLev, setMaxLev] = useState('0');
const [stopLoss, setStopLoss] = useState('0');
const [busy, setBusy] = useState(false);
const toast = useToast();
const steps = ['Аккаунт', 'Режим', 'Размер', 'Существующие', 'Подтверждение'];
const last = steps.length;
const submit = async () => {
setBusy(true);
try {
const r = await fetch('/api/me/copytrade/subscribe', {
method: 'POST', credentials: 'include',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
master_id: m.master_id,
follower_exchange: exchange,
mode,
size_mode: sizeMode,
size_value: parseFloat(sizeValue) || 1,
allocation_usdt: parseFloat(allocation) || 0,
copy_existing: copyExisting,
max_leverage: parseInt(maxLev) || 0,
stop_loss_pct: parseFloat(stopLoss) || 0,
}),
});
const j = await r.json().catch(() => ({}));
if (!r.ok) throw new Error(j.detail || 'Ошибка ' + r.status);
toast(`Копирование ${m.nickname} запущено`, 'success');
onDone();
} catch (e) { toast('Не удалось: ' + (e.message || e), 'error'); }
setBusy(false);
};
const next = () => step < last ? setStep(step + 1) : submit();
const exampleSize = sizeMode === 'fixed' ? `${sizeValue} USDT нотионала на сделку`
: sizeMode === 'proportional' ? `×${sizeValue} от размера мастера`
: `${(parseFloat(allocation) * parseFloat(sizeValue) / 100 || 0).toFixed(2)} USDT маржи (${sizeValue}% от ${allocation}) × плечо`;
return (
{step > 1 && setStep(step - 1)}>Назад }
{busy ? 'Запускаем…' : (step === last ? 'Начать копирование' : 'Далее')}
}>
{step === 1 && (
На какой биржевой аккаунт зеркалить сделки
{accounts.length ? accounts.map(c => (
setExchange(c.id)}>
)) :
Нет подключённых бирж. Сначала добавь API-ключ в Настройки → API ключи.
}
Мастер торгует на {m.exchange?.toUpperCase()}. Зеркалить можно на любую твою биржу.
)}
{step === 2 && (
Режим копирования
setMode('auto')}>
Авто
Сделки мастера зеркалятся сразу по рынку. Быстро, но возможно проскальзывание.
setMode('manual')}>
Вручную
Приходит уведомление, ты сам подтверждаешь каждую копию.
)}
{step === 3 && (
Как считать размер сделки
{[['pct_alloc', '% от аллокации'], ['proportional', 'Пропорция'], ['fixed', 'Фикс. USDT']].map(([k, l]) => (
setSizeMode(k)}>{l}
))}
{sizeMode === 'pct_alloc' && (
<>
)}
{sizeMode === 'proportional' && (
)}
{sizeMode === 'fixed' && (
)}
Будет открываться: {exampleSize}
)}
{step === 4 && (
Что делать с уже открытыми позициями мастера
setCopyExisting('new_only')}>
Только новые
Копируем сделки, открытые после подписки. Текущие позиции мастера не трогаем.
setCopyExisting('near_entry')}>
Возле точки входа
Копируем текущие позиции мастера, которые ещё возле ТВХ или в небольшом минусе (ROE ≤ +3%). Сильно прибыльные пропускаем — поздно входить.
Авто-стоп подписки при убытке (0 = выкл)
)}
{step === 5 && (
{[
['Мастер', m.nickname],
['Биржа follower', exchange.toUpperCase()],
['Режим', mode === 'auto' ? 'Авто' : 'Вручную'],
['Размер', exampleSize],
['Плечо', maxLev === '0' ? 'как у мастера' : '×' + maxLev],
['Существующие', copyExisting === 'new_only' ? 'только новые' : 'возле ТВХ'],
['Стоп подписки', stopLoss === '0' ? 'выкл' : '-' + stopLoss + '%'],
['Комиссия мастера', (m.fee_percent || 10) + '% с прибыли'],
].map(([l, v]) => (
{l} {v}
))}
);
}
/* ---- Копи-трейдинг: уровни, спарклайн, лидерборд-категории ---- */
function LevelBadge({ tier_label, tier_color, sm }) {
const c = tier_color || 'var(--text-muted)';
return (
);
}
function Sparkline({ data, height = 38, width = 130, strokeWidth = 1.6 }) {
if (!data || data.length < 2) {
return
нет данных
;
}
const min = Math.min(...data), max = Math.max(...data), range = (max - min) || 1;
const pts = data.map((v, i) => {
const x = (i / (data.length - 1)) * width;
const y = height - ((v - min) / range) * (height - 4) - 2;
return `${x.toFixed(1)},${y.toFixed(1)}`;
});
const up = data[data.length - 1] >= data[0];
const col = up ? 'var(--green)' : 'var(--red)';
const gid = 'spk' + Math.round(width) + (up ? 'u' : 'd');
return (
);
}
function fmtAgo(ms) {
if (!ms) return '—';
const s = Math.max(0, (Date.now() - ms) / 1000);
if (s < 3600) return Math.max(1, Math.floor(s / 60)) + ' мин назад';
if (s < 86400) return Math.floor(s / 3600) + ' ч назад';
const d = Math.floor(s / 86400);
return d + (d === 1 ? ' день' : ' дн') + ' назад';
}
const LB_LABEL = { roi: 'Доходность', pnl: 'Прибыль', win: 'Винрейт', followers: 'Подписчики' };
const LB_SORT = {
roi: (a, b) => (b.roi_pct || 0) - (a.roi_pct || 0),
pnl: (a, b) => (b.pnl_total || 0) - (a.pnl_total || 0),
win: (a, b) => (b.win_rate || 0) - (a.win_rate || 0),
followers: (a, b) => (b.followers || 0) - (a.followers || 0),
};
const LB_FMT = {
roi: m => (m.roi_pct >= 0 ? '+' : '') + (m.roi_pct || 0) + '%',
pnl: m => (m.pnl_total >= 0 ? '+' : '') + fmt.usdt(Math.abs(m.pnl_total || 0)),
win: m => (m.win_rate || 0) + '%',
followers: m => String(m.followers || 0),
};
const pnlColor = v => (v > 0 ? 'var(--green)' : v < 0 ? 'var(--red)' : 'var(--text)');
function MasterProfile({ m, onClose, onCopy, copied }) {
const [detail, setDetail] = useState(null);
const [loading, setLoading] = useState(true);
useEffect(() => {
let on = true;
(async () => {
try {
const r = await fetch(`/api/me/copytrade/masters/${m.master_id}`, { credentials: 'include' });
if (on && r.ok) setDetail(await r.json());
} catch {}
if (on) setLoading(false);
})();
return () => { on = false; };
}, [m.master_id]);
const d = detail?.master || m;
const hist = detail?.history || [];
const riskMap = { low: 'низкий', medium: 'средний', high: 'высокий' };
const Stat = ({ label, val, color }) => (
);
return (
{d.nickname}
{d.followers || 0} подписчиков · {(d.exchange || 'weex').toUpperCase()} · риск {riskMap[d.risk_level] || d.risk_level}
}
footer={<>
Закрытых сделок пока нет — статистика появится после первых закрытий.
}