{/* 🧩 HEADER */}

AuraFlow @UNSW

How is your flow today?

{view === 'stream' ? ( <> {/* 🌊 CHECK-IN SECTION */}

{/* Mood Slider */}

Cloudy Sunny

setInputMood(Number(e.target.value))} style={{ width: '100%', accentColor: theme.primary, height: 8, borderRadius: 4, outline: 'none' }} />

{/* Energy & Win */}

{['🌱', '🐢', '🚶', '⚡', '🚀'].map(emoji => ( ))}

setInputWin(e.target.value)} style={{ width: '100%', border: 'none', background: 'white', borderRadius: 16, padding: 16, fontSize: 16, marginBottom: 12, boxShadow: 'inset 0 2px 6px rgba(0,0,0,0.02)' }} />

{/* 🌸 WELLBEING STREAM */}

Community Flow

{(checkins || []).map((entry, idx) => (

entry._user?.handle && openProfile(entry._user.handle)} style={{ width: 40, height: 40, borderRadius: '50%', background: '#eee', backgroundImage: entry._user?.avatarUrl ? `url(${entry._user.avatarUrl})` : 'none', backgroundSize: 'cover', display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 18, cursor: 'pointer' }} > {!entry._user?.avatarUrl && '👤'}

{entry._user?.displayName || 'Anonymous'}

{new Date(entry.timestamp || Date.now()).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}

{entry.energy}

{entry.win}

{/* Support Actions */}

{/* Animation Overlay for this specific card */} {(animations || []).map(anim => anim.targetId === entry.id && (

{anim.type === 'sit' && '🧶'} {anim.type === 'solve' && '💡'} {anim.type === 'celebrate' && '🎊'}

))}

) : ( /* 🎨 WHIMSICAL CALM CORNER */

✨ Draw your feelings • {isMultiplayer ? 'Together' : 'Just you'}

)} {/* 🏆 ENCOURAGEMENT TOAST */} {showEncouragement && (

🌟 You got this, champ!

)} {/* ANIMATION STYLES */}

); }