ORBIT EXCHANGE — LIVE FEED

{(tickerContent || []).map((item, i) => ( {item?.text ?? ''} ))}

); const renderGalaxy = () => (

{/* Header */}

ORBIT

PERSONAL EXCHANGE NETWORK

{totalEnergy}

▲ SOCIAL ENERGY

{/* Orbit Labels */}

{['inner', 'growth', 'wild'].map(orbit => { const count = (nodes || []).filter(n => n?.orbit === orbit).length; return (

{orbitLabels[orbit]}

{count}

); })}

{/* Galaxy Map */}

{/* Orbit rings */} {[0.18, 0.32, 0.48].map((r, i) => (

))} {/* Center point - YOU */}

{/* Nodes */} {(nodes || []).map((node, idx) => { const nx = node?.x ?? 0.5; const ny = node?.y ?? 0.5; const orbit = node?.orbit ?? 'wild'; const color = orbitColors[orbit] ?? '#FFB300'; const floatX = Math.sin((pulsePhase + idx * 40) * 0.02) * 3; const floatY = Math.cos((pulsePhase + idx * 60) * 0.015) * 3; const nodeScale = 0.8 + ((node?.gravity ?? 50) / 100) * 0.5; return (

handleNodeTap(node)} style={{ position: 'absolute', left: `${nx * 100}%`, top: `${ny * 100}%`, transform: `translate(-50%, -50%) translate(${floatX}px, ${floatY}px) scale(${nodeScale})`, cursor: 'pointer', zIndex: 10, textAlign: 'center', transition: 'transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)', opacity: mountAnim ? 1 : 0, transitionDelay: `${0.3 + idx * 0.1}s` }} > {/* Glow ring */}

{/* Node circle */}

{node?.emoji ?? '⭐'}

{/* Name */}

{(node?.name ?? 'UNKNOWN').toUpperCase()}

); })} {/* Connection lines from center to inner orbit */}

{/* Add Connection Button */}

setShowAddModal(true)} style={{ marginTop: 12, padding: '14px 0', textAlign: 'center', border: '1px solid rgba(255,179,0,0.3)', background: 'rgba(255,179,0,0.05)', borderRadius: 4, cursor: 'pointer', fontFamily: '"Courier New", monospace', fontSize: 13, letterSpacing: 3, color: '#FFB300', fontWeight: 700, transition: 'all 0.3s', textShadow: '0 0 10px rgba(255,179,0,0.3)', marginBottom: 56 }} > + NEW CONNECTION

); const renderDetail = () => { const node = selectedNode; if (!node) return null; const color = orbitColors[node?.orbit ?? 'wild'] ?? '#FFB300'; const memories = node?.memories ?? []; const energyLabel = node?.energy === 'builds' ? '▲ BUILDS YOU' : node?.energy === 'drains' ? '▼ DRAINS YOU' : '— NEUTRAL'; const energyColor = energyColors[node?.energy ?? 'neutral'] ?? '#FFB300'; return (

{/* Back */}

◄ RETURN TO GALAXY

{/* Deal Sheet Header */}

{node?.emoji ?? '⭐'}

{(node?.name ?? 'UNKNOWN').toUpperCase()}

{(node?.role ?? 'CONNECTION').toUpperCase()} — {(orbitLabels[node?.orbit ?? 'wild'] ?? 'WILD ORBIT')}

{/* Gravity Score */}

CONNECTION VALUATION — GRAVITY SCORE

{gravityAnim}

{energyLabel}

{/* Gravity bar */}

{/* Shared Memories */}

DEAL SHEET — SHARED MOMENTS

{(memories || []).length === 0 ? (

No moments logged yet...

) : (memories || []).map((mem, i) => (

►{mem}

))}

{/* Boost Button */}

handleBoostGravity(node?.id)} style={{ padding: '16px 0', textAlign: 'center', background: 'linear-gradient(135deg, rgba(255,179,0,0.2), rgba(255,179,0,0.1))', border: '2px solid rgba(255,179,0,0.4)', borderRadius: 4, cursor: 'pointer', fontFamily: '"Courier New", monospace', fontSize: 14, letterSpacing: 3, color: '#FFB300', fontWeight: 700, transition: 'all 0.3s', textShadow: '0 0 15px rgba(255,179,0,0.4)', marginBottom: 56 }} > ⚡ BOOST GRAVITY +5

); }; const renderAddModal = () => { if (!showAddModal) return null; return (

NEW CONNECTION

ADD TO YOUR ORBIT

setNewName(e.target.value)} placeholder="NAME" style={{ width: '100%', padding: '14px 12px', background: 'rgba(255,179,0,0.05)', border: '1px solid rgba(255,179,0,0.25)', borderRadius: 4, color: '#FFB300', fontFamily: '"Courier New", monospace', fontSize: 15, letterSpacing: 1, outline: 'none', marginBottom: 12, boxSizing: 'border-box' }} /> setNewRole(e.target.value)} placeholder="ROLE (e.g. Mentor, Partner)" style={{ width: '100%', padding: '14px 12px', background: 'rgba(255,179,0,0.05)', border: '1px solid rgba(255,179,0,0.25)', borderRadius: 4, color: '#FFB300', fontFamily: '"Courier New", monospace', fontSize: 15, letterSpacing: 1, outline: 'none', marginBottom: 16, boxSizing: 'border-box' }} />

{['inner', 'growth', 'wild'].map(o => (

setNewOrbit(o)} style={{ flex: 1, padding: '12px 0', textAlign: 'center', border: `2px solid ${newOrbit === o ? orbitColors[o] : orbitColors[o] + '33'}`, background: newOrbit === o ? `${orbitColors[o]}15` : 'transparent', borderRadius: 4, cursor: 'pointer', fontFamily: '"Courier New", monospace', fontSize: 10, letterSpacing: 1, color: orbitColors[o], fontWeight: 700, transition: 'all 0.2s', transform: newOrbit === o ? 'scale(1.05)' : 'scale(1)' }} > {o.toUpperCase()}

))}

setShowAddModal(false)} style={{ flex: 1, padding: '14px 0', textAlign: 'center', border: '1px solid rgba(255,179,0,0.2)', borderRadius: 4, cursor: 'pointer', fontFamily: '"Courier New", monospace', fontSize: 12, letterSpacing: 2, color: 'rgba(255,179,0,0.5)' }} > CANCEL

EXECUTE TRADE

); }; return (

{viewMode === 'galaxy' ? renderGalaxy() : renderDetail()} {renderTicker()} {renderAddModal()}

); }