Set Your Vibe

How are you feeling today?

{['🌸', '🌼', '🥀', '🌧️'].map(m => ( ))}

Choose a Daily Theme

{['Zen Zone', 'Nature Walk', 'Creative Burst', 'Sparkle Sprint'].map(t => (

setTheme(t)} style={{ ...styles.card, marginBottom: 0, cursor: 'pointer', border: theme === t ? `2px solid ${themeColors.primary}` : '1px solid rgba(0,0,0,0.05)', backgroundColor: theme === t ? '#F4F9F5' : '#FFF' }} >

{t === 'Zen Zone' ? '🧘‍♀️' : t === 'Nature Walk' ? '🌿' : t === 'Creative Burst' ? '🎨' : '✨'} {t}

))}

); } if (view === 'pick_task') { const tasks = (taskOptions || []).length > 0 ? taskOptions : generateOptions(); return (

Your Daily Seeds

Pick your next micro-task to continue blooming.

{(tasks || []).map((task, i) => (

handleStartTask(task)} style={{ ...styles.card, cursor: 'pointer', display: 'flex', alignItems: 'center', gap: 16 }} >

{task.emoji}

{task.text}

))}

); } if (view === 'do_task') { return (

{activeTask?.emoji}

{activeTask?.text}

Theme: {activeTask?.theme}

Energy Level

{energy < 2 ? '😴' : energy < 4 ? '🙂' : '⚡'}

setEnergy(parseInt(e.target.value))} style={styles.slider} />

); } if (view === 'rate_task') { return (

Amazing Job! 🌸

How did that feel?

Enjoyment

{rating.enjoyment < 2 ? '😐' : rating.enjoyment < 4 ? '😊' : '🥰'}

setRating({...rating, enjoyment: parseInt(e.target.value)})} style={styles.slider} />

Accomplishment

{rating.accomplishment < 2 ? '🌱' : rating.accomplishment < 4 ? '🌿' : '🌳'}

setRating({...rating, accomplishment: parseInt(e.target.value)})} style={styles.slider} />

); } return (

{/* Confetti Overlay */} {showConfetti && (

🎉✨🌸🌻✨🎉

)}

Bloom Daily

{new Date().toLocaleDateString('en-US', { weekday: 'long', month: 'short', day: 'numeric' })}

🌸

{/* Multiplayer Friends Header */} {isMultiplayer && (memberList || []).length > 0 && (

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

m.handle && openProfile(m.handle)} style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', minWidth: 60, cursor: m.handle ? 'pointer' : 'default' }} >

{!m.avatarUrl && '👤'}

{m.displayName?.split(' ')[0]}

))}

)}

{/* Vibe Setter CTA */} {hasVibeToday ? (

Continue Blooming

Pick your next micro-task

{dailyVibe?.mood || '🌱'}

) : (

setView('set_vibe')}>

Set Today's Vibe

Plant your intention for the day

🌱

)}

Today's Garden

{/* Tasks List */}

{(displayTasks || []).map(task => (

{task.emoji}

{task.isDemo ? DEMO : null} {task.text}

{task.theme}

))} {(appData?.history || []).slice().reverse().map((item, i) => (

item._user?.handle && openProfile(item._user.handle)} style={{ ...styles.card, marginBottom: 0, display: 'flex', alignItems: 'center', gap: 12, backgroundColor: '#F4F9F5', cursor: item._user?.handle ? 'pointer' : 'default', transition: 'transform 0.1s' }} >

{!item._user?.profileImageUrl && '👤'}

{item.task}

{item._user?.displayName || 'Someone'} • {new Date(item._timestamp || Date.now()).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })} {item.durationSeconds !== undefined && ` • ⏳ ${Math.floor(item.durationSeconds / 60)}m ${item.durationSeconds % 60}s`}

{item.emoji}

))}

{/* Garden Visualization */}

Shared Bloom Garden 🌻

{(history || []).length === 0 ? ( Waiting for the first seed... ) : ( (history || []).map((h, i) => {h.emoji || '🌸'}) )}

); } }