{/* HEADER */}

INSTANCE

{localState?.instanceId ?? 'UNSW_000000'}

TICK

{tickCount}

{isGlitching ? 'UNSTABLE — MUTATION IN EFFECT' : 'NOMINAL'} {(memberList || []).length} {(memberList || []).length === 1 ? 'entity' : 'entities'}

{/* NAV TABS */}

{['console', 'schema', 'log'].map(tab => ( ))}

{/* MAIN CONTENT */}

{/* CONSOLE VIEW */} {viewMode === 'console' && (

ENTITY STATS — {(user?.name ?? 'UNKNOWN').toUpperCase()}

{(statsData || []).map((s, i) => { const val = myStats?.[s.key] ?? 0; const isSelected = selectedStat === s.key; return (

{/* Postmortem dropdown */} {isSelected && (

POSTMORTEM

{(statPostmortems[s.key] ?? []).map((line, li) => (

{line}

))}

)}

); })}

{/* Entity List */}

CONNECTED ENTITIES

{(memberList || []).map((m, i) => { const mStats = getEntityStats(m?.id ?? 'unknown'); const isMe = (m?.id ?? '') === myId; return (

r.id === 'r3')?.active && (mStats?.consistency ?? 70) < 40) ? 0.3 : 1, transition: 'opacity 1s ease' }}>

{(m?.displayName ?? '?')[0]?.toUpperCase() ?? '?'}

{(m?.displayName ?? 'Entity').substring(0, 16)}{isMe ? ' ←' : ''}

chaos: {formatStat(mStats?.chaosIndex ?? 0)}

{formatStat(mStats?.latency ?? 0)}ms

); })}

)} {/* SCHEMA VIEW */} {viewMode === 'schema' && (

SELF-SCHEMA MUTATOR

Inspect active rules. Tap to select, then mutate. Mutations increase chaos index.

{(rules || []).map((rule, i) => { const isSelected = selectedRule === rule.id; return (

{isSelected && (

MUTATION INTERFACE

{rule.active ? 'Suspending this rule will halt its effect on all entities in this instance.' : 'Reactivating this rule will resume its system-wide effects immediately.'}

)}

); })}

)} {/* LOG VIEW */} {viewMode === 'log' && (

INSTANCE LOG

{[...logs].reverse().map((log, i) => { const logColors = { system: '#aaa', interaction: '#666', mutation: '#e53935', chaos: '#ff5722' }; return (

{log?.msg ?? ''} {new Date(log?.ts ?? Date.now()).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' })}

); })}

)}

{/* BOTTOM ACTION BAR */}

); }