FLUID SELF

YOUR FREQUENCY (COLOR) setLocalState({ ...localState, moodHue: Number(e.target.value) })} style={{ width: '100%', accentColor: theme.accent }} /> CURRENT AURA

{['Ethereal 🌫️', 'Electric ⚡', 'Void 🌑', 'Prism 🌈'].map(aura => ( ))}

); const renderStage = () => (

{/* HEADER */}

UNSW OPEN MIC

Mind Stage

setLocalState(s => ({ ...s, view: 'identity' }))} style={{ width: 40, height: 40, borderRadius: '50%', background: `conic-gradient(from 0deg, ${theme.accent}, #fff, ${theme.accent})`, boxShadow: theme.glow, animation: 'spin 10s linear infinite' }} />

{/* PROMPT */}

✨ WEEKLY PROMPT

"Record the sound of healing happening in real time."

{/* FEED (SCROLLABLE) */}

{(appData.tracks || []).map((track) => ( setLocalState(s => ({ ...s, activeTrack: s.activeTrack === track.id ? null : track.id }))}>

{track.author}

2h ago

"{track.text}"

{/* EXPANDED CONTENT */} {localState.activeTrack === track.id && (

ECHOES FROM THE VOID

{(track.echoes || []).map((echo, i) => (

{echo}

))}

{ if (e.key === 'Enter') { const newTracks = (appData.tracks || []).map(t => t.id === track.id ? { ...t, echoes: [...t.echoes, e.target.value] } : t); handleSave({ tracks: newTracks }); e.target.value = ''; } }} /> 🎤

)} ))}

{/* RECORD BUTTON (HERO) */}

); return (

{/* DYNAMIC BACKGROUND */}

{/* CONTENT LAYER */}

{localState.view === 'stage' ? renderStage() : renderIdentity()}

); }