✨ VIBE CHECK ✨

{questions[localState.qIndex].q}

{questions[localState.qIndex].(a || []).map((ans, i) => ( ))}

); const renderReveal = () => (

{localState.result?.emoji}

Your Vibe Trajectory

{localState.result?.title}

); const renderHub = () => (

WEEKLY PROMPT

"Romanticize your breakfast." 🥐

{(appData?.fragments || fragments).map(f => (

handleDragStart(e, f.id)} onMouseDown={(e) => handleDragStart(e, f.id)} style={{ position: 'absolute', left: f.x, top: f.y, maxWidth: 140, padding: 12, background: localState.dragId === f.id ? '#FFF' : '#FFFFFFE0', borderRadius: '16px 16px 16px 0', boxShadow: '0 4px 12px rgba(0,0,0,0.1)', transform: localState.dragId === f.id ? 'scale(1.1) rotate(-2deg)' : 'scale(1)', transition: localState.dragId === f.id ? 'none' : 'transform 0.3s', zIndex: localState.dragId === f.id ? 100 : 1, cursor: 'grab' }}>

{f.text}

{(f.reactions || []).length > 0 &&

✨ {f.reactions[0]}

}

))}

); return (

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

✨

))} {localState.view === 'quiz' && renderQuiz()} {localState.view === 'reveal' && renderReveal()} {localState.view === 'hub' && renderHub()}

); }