{/* Back Button */}

{/* Hero Card */}

{o?.emoji ?? '✨'}

{o?.title ?? 'Untitled Orbit'}

{o?.desc ?? 'An exploration awaits...'}

{typeIcons[o?.type] ?? '✨'} {o?.type ?? 'explore'} 🔀 {o?.forks ?? 0} forks {o?.forked && 👻 Ghost Fork}

{/* Energy Gauge */}

⚡ Energy Level

{o?.energy ?? 50}%

{/* Exploration Slider */}

🎚️ Exploration Depth

Surface 🏖️ {sliderVal}% Deep Dive 🌊

handleSliderChange(o?.id, parseInt(e.target.value))} style={{ width: '100%', height: 8, appearance: 'none', background: `linear-gradient(90deg, ${o?.color ?? '#7C9AFF'} ${sliderVal}%, #c8cdd8 ${sliderVal}%)`, borderRadius: 8, outline: 'none', cursor: 'pointer' }} />

{/* Collaborators & Fork */}

👥 Crew

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

{m?.avatarUrl ?

: (m?.displayName?.[0] ?? '?')}

))}

); } // CONSTELLATION HOME const totalEnergy = (orbits || []).reduce((s, o) => s + (o?.energy ?? 0), 0); return (

{/* Header */}

🪐

Orbit

Your curiosity constellation

{/* Energy Hub */}

Total Energy

⚡ {totalEnergy}

{(orbits || []).length} orbits

👥 {(memberList || []).length}

{/* Orbit Grid */}

{(orbits || []).map((o, i) => { const orbit = o ?? {}; const isTapped = local.tapped === orbit.id; const stagger = 0.15 + i * 0.08; const isGlowing = (local.pulsePhase + i * 60) % 360 < 120; return (

handleTapOrbit(orbit.id)} style={{ ...neumorphOuter(orbit.color), padding: 18, cursor: 'pointer', transform: isTapped ? 'scale(0.94)' : (isGlowing ? 'scale(1.02)' : 'scale(1)'), opacity: local.mounted ? 1 : 0, transition: `all 0.4s cubic-bezier(0.4, 0, 0.2, 1) ${stagger}s`, boxShadow: isGlowing ? `8px 8px 16px #b8bec7, -8px -8px 16px #ffffff, 0 0 20px ${orbit.color ?? '#7C9AFF'}33` : '8px 8px 16px #b8bec7, -8px -8px 16px #ffffff', display: 'flex', flexDirection: 'column', gap: 8, minHeight: 140, position: 'relative', overflow: 'hidden' }} > {/* Glow indicator */} {isGlowing &&

}

{orbit.emoji ?? '✨'}

{orbit.title ?? 'Untitled'}

{orbit.desc ? ((orbit.desc || []).length > 50 ? (orbit.desc || []).slice(0, 50) + '...' : orbit.desc) : ''}

{/* Mini energy bar */}

{typeIcons[orbit.type] ?? '✨'} {orbit.type ?? ''} 🔀 {orbit.forks ?? 0}

); })}

); }