{t_panels('signals')}
{filtered.length}
{['FILLED', 'ALL', 'APPROVED', 'REJECTED'].map(f => (
))}
{filtered.map((s, i) => (
{s.time}
{s.side}
{s.tag}
{s.note}
))}
);
}
// ─── CollapsibleSection — open/closed state persisted to localStorage ──
function CollapsibleSection({ title, badge, defaultOpen = true, storageKey, children }) {
const [open, setOpen] = useStateP(() => {
if (!storageKey || typeof window === 'undefined' || !window.localStorage) return defaultOpen;
try {
const v = localStorage.getItem('mmm.rail.' + storageKey);
if (v === null) return defaultOpen;
return v === '1';
} catch (e) { return defaultOpen; }
});
const toggle = () => {
setOpen(prev => {
const next = !prev;
try {
if (storageKey) localStorage.setItem('mmm.rail.' + storageKey, next ? '1' : '0');
} catch (e) { /* private mode etc — ignore */ }
return next;
});
};
return (
{t_panels('offline')}
: {t_panels('live')}}
storageKey="session_summary"
defaultOpen
>
{(() => {
const live = (typeof window !== 'undefined' && window.MMM_LIVE) || {};
const dollars = live.session_pnl_dollars;
const pct = live.session_pnl_pct;
const isDown = (dollars || 0) < 0;
const cls = isDown ? 'down' : (dollars > 0 ? 'up' : 'muted');
const fmtD = dollars === undefined || dollars === null
? '—'
: (isDown ? '−' : (dollars > 0 ? '+' : '')) + '$' + Math.abs(dollars).toLocaleString('en-US', {minimumFractionDigits:2, maximumFractionDigits:2});
const fmtP = pct === undefined || pct === null
? '—'
: ((pct > 0 ? '+' : pct < 0 ? '−' : '') + Math.abs(pct).toFixed(3) + '%');
return (
);
})()}
{(() => {
// Read Open / Realized / Gross / Fees from live_stats.json. Fall
// back to "—" (unknown) when the bot hasn't published the field
// yet — never invent numbers.
const live = (typeof window !== 'undefined' && window.MMM_LIVE) || {};
const fmtMoney = (v) => {
if (v === null || v === undefined || Number.isNaN(v)) return '—';
const sign = v < 0 ? '−' : (v > 0 ? '+' : '');
return sign + '$' + Math.abs(v).toLocaleString('en-US', {minimumFractionDigits:2, maximumFractionDigits:2});
};
const cls = (v) => (v === null || v === undefined) ? 'muted' : (v < 0 ? 'down' : (v > 0 ? 'up' : ''));
const open = live.open_pnl;
const realized = live.realized_pnl;
const gross = live.gross_pnl;
const fees = live.fees;
const grossFeesText =
(gross === null || gross === undefined) && (fees === null || fees === undefined)
? '—'
: `${fmtMoney(gross)} / ${fmtMoney(fees != null ? Math.abs(fees) : fees)}`;
return (
<>
{t_panels('open_pl')}
{fmtMoney(open)}
{t_panels('realized')}
{fmtMoney(realized)}
{t_panels('gross_fees')}
{grossFeesText}
);
})()}
{(() => {
const live = (typeof window !== 'undefined' && window.MMM_LIVE) || {};
const mode = (live.state && live.state.mode) || live.trading_mode || '—';
const bias = live.htf_bias || '—';
const approved = live.signals_approved !== undefined ? live.signals_approved : '—';
const rejected = live.signals_rejected !== undefined ? live.signals_rejected : '—';
const safety = live.safety_rails || '—';
// PR-BOT-STATE-1 (2026-05-22): publisher now emits richer strings like
// "HALTED: CONSEC_LOSS 5/5". Anything that starts with "OK" or equals
// "GREEN" is green; anything else (HALTED:..., ALERT, WARN, etc) is red.
const safetyOk = (typeof safety === 'string') && (safety.indexOf('OK') === 0 || safety === 'GREEN');
return (
{t_panels('mode')}{mode}
{t_panels('htf_bias')}{bias}
{t_panels('approved_rejected')}{approved} / {rejected}
{t_panels('safety')}{safety}
);
})()}
| {t_panels('sess')} | {t_panels('net')} | {t_panels('trades')} | {t_panels('wr')} |
|---|
{sxs.map(r => (
| {t_panels(r.sKey === 'ny' ? 'new_york' : r.sKey)}{r.active && •} |
{r.net} |
{r.t} |
{r.wr} |
))}
);
}
// PR-MTD-1 (2026-05-22): the six fixed timeframes the widget tracks.
// Values are NOT hardcoded -- they come from live.multi_tf_delta (publisher
// will populate in PR-MTD-2). If a value is missing, the row renders "—"
// rather than fabricating a number. See note on MultiTFDelta below.
const MTD_TIMEFRAMES = ['1m', '5m', '15m', '1h', '4h', 'D'];
function MultiTFDelta() {
useLiveTickP();
// PR-MTD-1 (2026-05-22): read real values from live.multi_tf_delta when
// the publisher emits them. Field shape expected: { '1m': 0.32, '5m': ... }.
// Until the publisher populates this field, every row renders "—" -- no
// fabricated numbers reach the operator's eyes. The aggregate badge follows
// the same rule: real number when at least one TF value exists, "—" otherwise.
const live = (typeof window !== 'undefined' && window.MMM_LIVE) || {};
const mtd = (live && typeof live.multi_tf_delta === 'object' && live.multi_tf_delta) || {};
const rows = MTD_TIMEFRAMES.map(tf => {
const raw = mtd[tf];
const val = (typeof raw === 'number' && isFinite(raw)) ? raw : null;
return { tf, val };
});
const present = rows.filter(r => r.val !== null).map(r => r.val);
const haveAny = present.length > 0;
const agg = haveAny ? (present.reduce((s, v) => s + v, 0) / present.length) : null;
const aggUp = agg !== null && agg >= 0;
const aggLabel = agg === null ? '—' : (aggUp ? `+${agg.toFixed(2)}` : agg.toFixed(2));
const aggClass = agg === null ? '' : (aggUp ? 'up' : 'down');
return (