{tapBurst && (

)} {/* HEADER */}

CIRCLES

UNSW · Growth Constellation

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

0 ? -10 : 0, animation: 'orbGlow 3s ease-in-out infinite', }}> {!m?.avatarUrl && (m?.displayName?.[0] ?? '?')}

))}

{/* ZONE 1: CONSTELLATION */}

{/* Connection lines */} {/* Center orb */}

✨

{/* Quest Nodes */} {(quests || []).map((quest, i) => { if (!quest) return null; const pos = getNodePosition(i, (quests || []).length); const isActive = activeNode === quest.id; const isDone = (completedIds || []).includes(quest.id); const nodeSize = isActive ? 64 : 52; const progress = quest?.progress ?? 0; return (

handleNodeTap(quest)} > {isDone ? '✅' : quest.emoji} {/* Progress ring */}

); })} {/* Active Node Detail Card */} {activeQuest && (

{activeQuest.emoji}

{activeQuest.title}

{activeQuest.desc}

{/* Progress bar */}

{Math.round((activeQuest?.progress ?? 0) * 100)}% complete {!isCompleted && ( )} {isCompleted && ( 🎉 Done! )}

)}

{/* ZONE 2: DISCOVERY NEXUS */}

⚡ Discovery Nexus

{currentDiscovery?.emoji ?? '✨'}

{currentDiscovery?.title ?? 'Discover'}

{currentDiscovery?.desc ?? ''}

Join

{/* Dots indicator */}

{(discoveries || []).map((d, i) => (

))}

{/* ZONE 3: BOTTOM ACTION BAR */}

{/* Stats overlay */} {currentView === 'stats' && (

YOUR GROWTH MAP

{[ { label: 'Active Quests', value: (quests || []).length - (completedIds || []).length, emoji: '🔥', color: '#FF006E' }, { label: 'Completed', value: (completedIds || []).length, emoji: '✅', color: '#39FF14' }, { label: 'Streak Days', value: 7, emoji: '⚡', color: '#00D4FF' }, { label: 'Circles', value: (memberList || []).length, emoji: '👥', color: '#BD00FF' }, ].map((stat, i) => (

{stat.emoji}

{stat.value}

{stat.label}

))}

)}

); }