{(hypeParticles || []).map(p => ( ))}

Studio

{(allRooms || []).map(room => ( ))} {isAddingRoom ? ( ) : ( )}

{roomNotes?.length || 0} ENTRIES — {roomHype} ♡

{(roomNotes || []).map(note => { if (!note) return null; const isPlaying = playingId === note.id; const isLoading = loadingAudio === note.id; const author = note._user || { displayName: 'Anonymous', handle: 'anon', profileImageUrl: '' }; return (

{ if (typeof e?.stopPropagation === 'function') e.stopPropagation(); if (typeof openProfile === 'function') openProfile(author.handle); }} />

{ if (typeof e?.stopPropagation === 'function') e.stopPropagation(); if (typeof openProfile === 'function') openProfile(author.handle); }} > {author.handle || 'anon'}

{note.isDemo && (

Demo

)}

handlePlay(note)}>

{[0,1,2,3,4,5,6,7,8,9,10,11,12].map(i => (

))}

); })} {(roomNotes || []).length === 0 && (

Space is empty.

)}

{uploadError && (

{ setUploadError(null); handleRecord(); }} style={{ position: 'fixed', top: 'calc(env(safe-area-inset-top, 20px) + 20px)', left: 24, right: 24, textAlign: 'center', padding: '16px', background: ds.colors.surface, border: `1px solid ${ds.colors.border}`, color: ds.colors.accent, fontSize: 11, letterSpacing: '0.1em', textTransform: 'uppercase', cursor: 'pointer', zIndex: 60 }} > {uploadError}

)}

); }