{/* HEADER */}

🏎️ DESCENT_RXR

{/* ACTIVE PLAYERS RAIL */}

{(memberList || []).map(member => { const color = getUserColor(member.id); return (

openProfile && openProfile(member.handle)} style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 4, cursor: 'pointer' }} >

{!member.avatarUrl && 👽}

{(member.displayName || member.name || 'Anon').split(' ')[0]}

) })}

{/* CANVAS VISUALIZATION */}

{/* LEADERBOARD / RECENT RUNS */} {(() => { const runs = Object.keys(appData || {}).filter(k => k.startsWith('run_')).map(k => appData[k]).filter(Boolean).sort((a, b) => (b._timestamp || b.time || 0) - (a._timestamp || a.time || 0)); if ((runs || []).length === 0) return null; return (

🏆 RACE LOG

{(runs || []).map((run, i) => { const uName = run._user?.displayName || run.userName || 'Anon'; const uHandle = run._user?.handle; const uAvatar = run._user?.profileImageUrl; const color = getUserColor(run.userId || run._user?.id); const status = run.diverged ? '💥 DIVERGED' : (run.reachedMin ? '✅ GLOBAL MIN' : '⚠️ LOCAL MIN'); return (

uHandle && openProfile && openProfile(uHandle)} style={{ display: 'flex', alignItems: 'center', gap: 10, padding: '6px 0', borderTop: i > 0 ? '1px solid rgba(255,255,255,0.06)' : 'none', cursor: uHandle ? 'pointer' : 'default' }}>

{!uAvatar && 👽}

{uName}

η={run.lr?.toFixed(2)} · {run.steps ?? '?'} steps

{status}

); })}

); })()} {/* CONTROLS (BOTTOM SHEET STYLE) */}

{/* SLIDER ROW */}

🎚️ LEARNING RATE (η) 1.2 ? '#FF0000' : (localLr > 0.8 && localLr < 1.1 ? '#05FFA1' : '#FF71CE'), textShadow: '0 0 8px currentColor' }}> {localLr.toFixed(2)}

setLocalLr(parseFloat(e.target.value))} style={{ width: '100%', height: 48, margin: 0, WebkitAppearance: 'none', background: 'transparent', cursor: 'pointer' }} /> {/* Custom style for the range input thumb using a wrapper hack since inline pseudo-elements are blocked */}

CAUTIOUS CHAOS

{/* BUTTONS ROW */}

); }