🎀 Dinner Time 🎀

Who will sacrifice themselves for the crew? 🥺🍽️

{drawState === 'idle' && (

Manifest 📜✨

{typeof share === 'function' && ( )}

{(crew || []).map(c => (

c.handle && openProfile?.(c.handle)}>{c.isDemo ? `🎀 Demo • ${c.name}` : `🎀 ${c.name}`}

))}

setNewName(e.target.value)} onKeyDown={e => e.key === 'Enter' && handleAdd()} placeholder="Add a sweetie..." style={{ flex: 1, padding: '0 16px', height: 48, borderRadius: 24, border: '1px solid #FFC0CB', background: '#FFF', fontSize: 16 }} />

)} {drawState === 'drawing' && (

🥁

The fates are deciding... 🎀✨

{(crew || []).map((c, i) => (

))}

)} {drawState === 'revealed' && (

{(crew || []).map((c) => { const isChosen = c.id === chosenId; return (

{isChosen &&

💀

}

); })}

Sorry, sweetie.

{(crew || []).find(c => c.id === chosenId)?.name || 'Someone'}

You drew the shortest straw. 🍽️🎀

{typeof share === 'function' && ( )}

)} {/* Crew & History Panel */}

{/* Member List */}

🎀 Crew Aboard ({(memberList || []).length})

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

m.handle && openProfile?.(m.handle)}> {m.avatarUrl ? (

) : (

🎀

)} {m.displayName || m.name || 'Anonymous'} {m.role === 'owner' && 👑}

))}

{/* Recent Draws History */} {(history || []).length > 0 && (

📜 Recent Draws

{[...history].reverse().slice(0, 10).map((h, i) => (

💀

{h.chosenName}

drawn by{' '} h._user?.handle && openProfile?.(h._user.handle)}> {h._user?.displayName || 'someone'} {' • '}{h._timestamp ? new Date(h._timestamp).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) : ''}

))}

)}

); }