{/* HEADER */}

🧠

NEXUS

UNSW • {t('Postgrad', '研究生')} • ⚡ {s?.reputation ?? 0} XP

{/* NAV TABS */}

{[{id: 'nexus', icon: '🌐', label: t('Nexus', '节点')}, {id: 'quests', icon: '⚔️', label: t('Quests', '任务')}, {id: 'community', icon: '👥', label: t('Community', '社区')}].map(tab => ( ))}

{/* MAIN CONTENT */}

{/* NEXUS ZONE */} {zone === 'nexus' && (

{/* Graph Area */}

{/* Connection lines via SVG */} {/* Nodes */} {(nodes || []).map((node, i) => { const isExploded = s?.explodedNode === node.id; const floatY = Math.sin((phase + i * 60) * Math.PI / 180) * 4; return (

handleNodeTap(node.id)} style={{ position: 'absolute', left: `${node.x}%`, top: `${node.y}%`, transform: `translate(-50%, -50%) translateY(${floatY}px) scale(${isExploded ? 1.25 : 1})`, transition: 'all 0.4s cubic-bezier(0.4,0,0.2,1)', zIndex: isExploded ? 10 : 2, cursor: 'pointer' }}>

{node.label}

{node.name}

); })}

{/* Exploded Detail */} {selectedNodeData && (

{selectedNodeData.label}

{selectedNodeData.name}

{selectedNodeData.desc}

{(selectedNodeData.skills ?? []).map(sk => ( {sk} ))}

{/* Cat behavior chart for cat node */} {selectedNodeData.id === 'cat' && (

📊 {t('Behavior Model (24h)', '行为模型 (24h)')}

{Object.entries(s?.catBehavior ?? {}).map(([k, v]) => (

{t(k, k === 'sleep' ? '睡眠' : k === 'play' ? '玩耍' : k === 'eat' ? '进食' : '探索')}

{v}%

))}

)}

)} {!selectedNodeData && (

👆 {t('Tap a node to explore', '点击节点探索')}

)}

)} {/* QUESTS ZONE */} {zone === 'quests' && (

⚔️ {t('Active Quests', '活跃任务')}

{(s?.questLog ?? []).map((q, i) => { const done = q?.done ?? false; return (

{lang === 'zh' ? (q.titleZh ?? q.title) : q.title}

{q.desc}

+{q.xp} XP

{!done && ( )} {done &&

🎉 {t('Completed!', '已完成！')}

}

); })}

)} {/* COMMUNITY ZONE */} {zone === 'community' && (

{/* Members */}

👥 {t('Active Members', '活跃成员')} ({(memberList || []).length})

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

{m?.avatarUrl ?

: '👤'}

{m?.displayName ?? 'Anon'}

))}

{/* Leaderboard */}

🏆 {t('Leaderboard', '排行榜')}

{(s?.leaderboard ?? []).map((entry, i) => (

{i + 1} {entry?.name ?? 'Unknown'}

{entry?.xp ?? 0} XP

))} {/* Upcoming Events */}

📅 {t('Events', '活动')}

{[ { emoji: '🐱', title: t('Cat Necklace Demo Day', '猫咪项圈演示日'), where: 'UNSW K17', when: t('Fri 7pm', '周五 7pm') }, { emoji: '🔐', title: t('CTF Night: Packet Wars', 'CTF之夜：抓包大战'), where: 'UNSW CSE Lab', when: t('Sat 6pm', '周六 6pm') }, { emoji: '🤖', title: t('LLM Agent Workshop', 'LLM代理工坊'), where: t('Online', '线上'), when: t('Sun 3pm', '周日 3pm') } ].map((ev, i) => (

{ev.emoji}

{ev.title}

{ev.where} • {ev.when}

))}

)}

{/* COPILOT OVERLAY */} {s?.copilotOpen && (

🤖 {t('Cognitive Co-Pilot', '认知副驾驶')}

{(s?.copilotMessages ?? []).length === 0 && (

🧠

{t('Ask me about my projects, skills, or tools!', '问我关于我的项目、技能或工具的问题！')}

{[t('Cat Necklace', '猫咪项圈'), 'Docker', t('Hackathons', '黑客马拉松'), t('Security', '安全')].map(chip => ( ))}

)} {(s?.copilotMessages ?? []).map((msg, i) => (

{msg.text}

))} {copilotTyping && (

🤖 ...

)}

setS(prev => ({ ...prev, copilotQuery: e.target.value }))} onKeyDown={e => e.key === 'Enter' && handleCopilot()} placeholder={t('Ask about my skills...', '问问我的技能...')} style={{ width: '100%', border: 'none', outline: 'none', background: 'transparent', padding: '14px 16px', fontSize: 15, fontFamily: 'inherit', color: '#2D3436', boxSizing: 'border-box' }} />

)}

); }