April — May 2026
{[{ s: '‹', d: -1 }, { s: '›', d: 1 }].map(btn => (
setMonthShift(prev => prev + btn.d)}
style={{
width: 24, height: 24, borderRadius: 5,
background: T.ink200, border: `1px solid ${T.edge}`,
display: 'flex', alignItems: 'center', justifyContent: 'center',
color: T.textMid, fontSize: 13, cursor: 'pointer',
}}>{btn.s}
))}
{ setMonthShift(0); setSelectedDate(todayStr); }}
style={{
height: 24, padding: '0 10px', display: 'flex', alignItems: 'center',
background: T.ink200, border: `1px solid ${T.edge}`, borderRadius: 5,
fontSize: 10, color: T.textMid, letterSpacing: 0.5, marginLeft: 6,
fontFamily: T.mono, cursor: 'pointer',
}}>TODAY
{['Month', 'Week', 'Agenda'].map(label => {
const active = view === label;
return (
setView(label)}
style={{
padding: '0 12px', height: 22, display: 'flex',
alignItems: 'center', fontSize: 11, fontWeight: 500,
color: active ? T.ink000 : T.textMid,
background: active ? T.signal : 'transparent',
borderRadius: 6, letterSpacing: 0.2,
cursor: active ? 'default' : 'pointer',
}}>{label}
);
})}
{[
{ label: 'Fed', c: T.fed, n: 4 },
{ label: 'Geo', c: T.geo, n: 2 },
{ label: 'Earn', c: T.earn, n: 3 },
{ label: 'Oil', c: T.oil, n: 2 },
{ label: 'Reg', c: T.reg, n: 1 },
{ label: 'Trump', c: T.trump, n: 1 },
].map(c => {
const on = catActive(c.label);
return (
toggleCat(c.label)}
style={{
display: 'flex', alignItems: 'center', gap: 6,
padding: '4px 10px',
background: on ? T.ink200 : T.ink100,
border: `1px solid ${on ? T.edge : 'transparent'}`,
borderRadius: 6,
opacity: on ? 1 : 0.4, cursor: 'pointer',
}}>
{c.label}
{c.n}
);
})}
{liveOn && (
)}
{
const title = window.prompt('Event title');
if (!title) return;
const time = window.prompt('Time (HH:MM ET, 24h)', '14:00') || '14:00';
setCustomEvents(prev => prev.concat([{
date: selectedDate, time, cat: 'Custom', c: T.signal, imp: 3,
title, ex: { btc: 0, oil: 0, spx: 0 },
}]));
}}
style={{
height: 28, padding: '0 12px', display: 'flex', alignItems: 'center', gap: 6,
background: T.signal, color: T.ink000, borderRadius: 7,
fontSize: 11, fontWeight: 600, letterSpacing: 0.2,
boxShadow: 'inset 0 0.5px 0 rgba(255,255,255,0.3)',
cursor: 'pointer',
}}>
+ Add Event
