TradeRadar
● LIVE · 07:54 ET
{/* LEFT — bucket rail */}
{/* RIGHT — stream: synopsis + running list */}
{/* Article modal — opens on double-click */}
{openArticle && (
Narratives
{buckets.map((b, bi) => {
const active = b === activeBucket;
return (
{/* bottom — sort toggle */}
setActiveIdx(bi)}
style={{
padding: '10px 12px',
background: active ? T.ink300 : 'transparent',
border: `1px solid ${active ? T.edgeHi : 'transparent'}`,
borderRadius: 8,
boxShadow: active ? 'inset 0 0.5px 0 rgba(255,255,255,0.08)' : 'none',
position: 'relative',
cursor: active ? 'default' : 'pointer',
transition: 'background 120ms cubic-bezier(0.2,0.7,0.2,1)',
}}>
{active && (
)}
);
})}
{b.label}
{b.pulse && (
)}
{b.items.length} ITEMS
Sort within bucket
{[
{ key: 'newest', label: 'Newest' },
{ key: 'impact', label: 'Impact' },
].map(s => {
const active = s.key === sortMode;
return (
setSortMode(s.key)}
style={{
flex: 1, height: 20, display: 'flex',
alignItems: 'center', justifyContent: 'center',
fontSize: 10.5, fontWeight: 500,
color: active ? T.ink000 : T.textMid,
background: active ? T.signal : 'transparent',
borderRadius: 5, letterSpacing: 0.2,
cursor: active ? 'default' : 'pointer',
transition: 'background 120ms cubic-bezier(0.2,0.7,0.2,1), color 120ms cubic-bezier(0.2,0.7,0.2,1)',
}}>{s.label}
);
})}
{/* Synopsis header */}
Narrative
CATALYST PENDING
{activeBucket.label}
{activeBucket.synopsis}
{/* Metrics strip */}
{activeBucket.metrics.map((m, idx) => (
))}
{m.label}
{m.v}
Articles · {sortedItems.length} · {sortMode === 'impact' ? 'By impact' : 'Newest first'}
DOUBLE-CLICK TO OPEN
No articles in this bucket yet. New items will land here as they publish.
)}
{sortedItems.map((it, idx) => {
const risk = riskOf(it.imp);
const [dPart, tPart] = it.date.split(' · ');
return (
setOpenArticle({ item: it, bucket: activeBucket })}
title="Double-click to open"
style={{
flex: '0 0 300px', scrollSnapAlign: 'start',
background: T.ink100, border: `1px solid ${T.edge}`,
borderRadius: 10, padding: '14px 14px 12px',
display: 'flex', flexDirection: 'column', gap: 10,
cursor: 'pointer', userSelect: 'none',
transition: 'background 120ms cubic-bezier(0.2,0.7,0.2,1), border-color 120ms cubic-bezier(0.2,0.7,0.2,1), transform 120ms cubic-bezier(0.2,0.7,0.2,1)',
}}>
{/* Top row: date/source · risk badge */}
{/* Source · importance dots */}
);
})}
{dPart}
{tPart} ET
{(() => {
const riskKey = risk.label === 'HIGH' ? 'news-risk-high' : risk.label === 'MED' ? 'news-risk-medium' : 'news-risk-low';
const tipText = (window.TR_EXPLAIN && window.TR_EXPLAIN[riskKey]) || '';
const chip = (
);
return tipText && typeof TRTooltip !== 'undefined'
? {chip}
: chip;
})()}
RISK · {risk.label}
{it.source.toUpperCase()} · {(it.sub || '').toUpperCase()}
{it.title}
{/* Body preview */}
{it.body}
{/* Impact footer */}
setOpenArticle(null)}
style={{
position: 'absolute', inset: 0, background: 'rgba(7,9,12,0.72)',
backdropFilter: 'blur(12px) saturate(150%)',
WebkitBackdropFilter: 'blur(12px) saturate(150%)',
display: 'flex', alignItems: 'center', justifyContent: 'center',
zIndex: 50, padding: 40,
}}>
)}
e.stopPropagation()}
style={{
width: 720, maxHeight: '90%', overflow: 'auto',
background: T.ink100, border: `1px solid ${T.edgeHi}`,
borderRadius: 14, padding: '24px 28px',
boxShadow: '0 24px 80px rgba(0,0,0,0.6), inset 0 0.5px 0 rgba(255,255,255,0.08)',
}}>
{/* Modal header */}
{/* Date/time */}
{openArticle.bucket.label}
· {openArticle.item.source.toUpperCase()}
{(() => {
const r = riskOf(openArticle.item.imp);
return (
);
})()}
RISK · {r.label}
setOpenArticle(null)}
style={{
width: 24, height: 24, borderRadius: 6,
background: T.ink300, border: `1px solid ${T.edge}`,
display: 'flex', alignItems: 'center', justifyContent: 'center',
cursor: 'pointer', color: T.textMid, fontSize: 12, lineHeight: 1,
}}>✕
{openArticle.item.date} ET
{/* Title */}
{openArticle.item.title}
{/* Importance */}
Importance
{openArticle.item.imp}/5
{openArticle.item.body}
{/* Impact section */}
5-Day Cross-Asset Impact · Curated
Score this headline · 4-LLM panel
scoreWithAI(openArticle.item)}
style={{
marginLeft: 'auto', padding: '5px 12px',
background: aiScoring ? T.ink300 : T.signal,
color: aiScoring ? T.textDim : T.ink000,
borderRadius: 6, fontSize: 11, fontWeight: 600, letterSpacing: 0.3,
cursor: aiScoring ? 'default' : 'pointer',
}}>{aiScoring ? 'ANALYZING…' : 'Score with AI'}
{openArticle.item.url && (
Read at source →
)}
{[
{ key: 'claude', label: 'Claude', brand: '#D97757' },
{ key: 'gpt', label: 'ChatGPT', brand: '#0077B5' },
{ key: 'gemini', label: 'Gemini', brand: '#4285F4' },
{ key: 'grok', label: 'Grok', brand: '#9AA3B2' },
].map(m => {
const r = aiScore.result[m.key];
const ok = r && r.result;
return (
{ok ? (
<>
);
})}
{aiScore.result.consensus && (
)}
{m.label}
{ok && (
{r.result.confidence}/10
)}
{r.result.sentiment}
{r.result.summary}
) : (
{r && r.error === 'no key' ? 'No API key in Settings' : (r && r.error) || '—'}
)}
{aiScore.result.consensus.label} · {aiScore.result.consensus.modelCount} MODELS
{aiScore.result.consensus.summary}
)}