{/* Grain + scanlines */}

{/* TICKER */}

{[...tickerItems, ...tickerItems, ...tickerItems].map((it, i) => ( {it} • ))}

{/* HEADER */}

The Executive Ledger

NYSE // {new Date().toTimeString().slice(0,8)}

M&A DESK // {(user?.name || 'TRADER').toUpperCase()} // UNSW

{/* HERO SCORE */}

setSelected(selected === 'hero' ? null : 'hero')} style={{ margin: '12px 14px', padding: '18px 16px', background: 'linear-gradient(180deg, #1a0f05 0%, #0a0603 100%)', border: `2px solid ${amber}`, boxShadow: `inset 0 0 40px ${amber}22, 0 0 20px ${amber}44`, cursor: 'pointer', position: 'relative', zIndex: 2, transition: 'transform 0.2s', transform: selected === 'hero' ? 'scale(0.99)' : 'scale(1)' }} >

◆ GRIND INDEX ● LIVE

{grindScore.toLocaleString()}

{isUp ? '▲' : '▼'} {Math.abs(delta)} ({deltaPct}%)

"Greed is good."

{/* Sparkline */}

{/* MARKET DEPTH */}

▸ MARKET DEPTH // POSITIONS

{(metrics || []).map((m, i) => { const up = (m?.val ?? 0) >= (m?.prev ?? 0); const change = (m?.val ?? 0) - (m?.prev ?? 0); const isSel = selected === m.sym; return (

setSelected(isSel ? null : m.sym)} style={{ display: 'grid', gridTemplateColumns: '1fr 1fr 1fr auto', gap: 8, padding: '10px 8px', background: isSel ? `${amber}1A` : 'transparent', borderBottom: `1px dashed ${amber}33`, alignItems: 'center', cursor: 'pointer', transition: 'all 0.2s', boxShadow: isSel ? `inset 0 0 20px ${amber}33` : 'none' }} >

{m.sym}

{m.name}

{(m?.val ?? 0).toLocaleString()}

{up ? '▲' : '▼'}{Math.abs(change)}

); })} {/* AI ANALYST */}

▸ ANALYST DESK // OPTIMAL PLAY

"Double down on LEETCD. Tape says hard problems print alpha. Close the deal."

— SR. VP, M&A DIVISION

{/* CREW LEADERBOARD */}

▸ CREW // 30-DAY SPRINT

{(leaderboard || []).length} TRADER{(leaderboard || []).length === 1 ? '' : 'S'}

{(leaderboard || []).map((m, i) => (

m?.handle && openProfile?.(m.handle)} style={{ display: 'grid', gridTemplateColumns: '20px 28px 1fr auto', gap: 8, alignItems: 'center', padding: '6px 4px', borderBottom: `1px dashed ${amber}22`, cursor: m?.handle ? 'pointer' : 'default' }} >

#{i+1}

{m.avatarUrl ? (

) : (

{(m.displayName || '?').slice(0,1).toUpperCase()}

)}

{m.displayName || 'TRADER'}

{m.handle ? `@${m.handle}` : m.role || 'MEMBER'}

+{m.score || 0}

))}

{/* LOG / SHARED FEED */}

▸ {isMultiplayer ? 'CREW TAPE' : 'TRADE LOG'}

{(log || []).map((l, i) => (

[{l.t}] {l._user?.handle ? ( { e.stopPropagation(); openProfile?.(l._user.handle); }} style={{ color: amber, cursor: 'pointer', textDecoration: 'underline', textDecorationColor: `${amber}55` }} >@{l._user.handle} ) : null} {l.msg}

))}

); }