{/* Global Scanline Overlay */}

{/* HUD HEADER */}

SYS.STATUS

{localState.bootSequence ? 'BOOTING...' : 'ONLINE'}

SYNC_RATE

{syncLevel}%

{/* HERO SECTION: CYBER-CANINE CORE */}

{/* Hologram Rings */}

{/* Persona Display */}

{currentPersona.icon}

{/* Persona Readout */}

{currentPersona.name}

[{currentPersona.trait}]

{/* MULTIPLAYER PACK NODES */}

PACK_NETWORK // NODES: {(memberList || []).length}

{(memberList || []).map((member, i) => (

{(member.displayName || []).slice(0, 8).toUpperCase()}

))}

{/* PUP-LINK DATA STREAM (Modules) */}

{(MODULES || []).map(mod => { const isExpanded = localState.expandedModuleId === mod.id; return (

setLocalState(s => ({ ...s, expandedModuleId: isExpanded ? null : mod.id }))} style={{ border: `1px solid ${isExpanded ? '#00FFFF' : 'rgba(0, 255, 65, 0.4)'}`, background: isExpanded ? 'rgba(0, 255, 255, 0.1)' : 'transparent', padding: '12px', transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)', cursor: 'pointer', boxShadow: isExpanded ? 'inset 0 0 15px rgba(0,255,255,0.2)' : 'none' }} >

{mod.icon} {mod.title}

{mod.status}

{/* Expanded Data Frame */} {isExpanded && (

{'>'} {mod.desc}

)}

); })}

); }