🎀 Coquette Agenda

{(memberList || []).length > 1 && (

{(memberList ?? []).slice(0, 5).map((m, i) => (

m?.handle && openProfile(m.handle)} style={{ width: 30, height: 30, borderRadius: '50%', border: '2px solid #FFD1DC', background: m?.avatarUrl ? `url(${m.avatarUrl}) center/cover` : 'linear-gradient(135deg, #FFB6C1, #FADADD)', display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 14, marginLeft: i > 0 ? -8 : 0, zIndex: 5 - i, cursor: 'pointer', position: 'relative' }} > {!m?.avatarUrl && }

))}

)}

{/* Date Navigation */}

{(dateNav || []).map(d => ( ))}

{/* Section Title + Progress */}

{formatDateLabel(selectedDate)}

{totalCount > 0 && (

{completedCount}/{totalCount} ✓

)}

{/* Progress Bar */} {totalCount > 0 && (

)} {/* Plans List */}

{(todaysPlans || []).length === 0 ? (

🌸

No plans yet, darling

Tap the bow below to add your first plan

) : ( (todaysPlans || []).map((plan, index) => { const assigned = plan?.assignedTo ? getMemberById(plan.assignedTo) : null; const isJustAdded = justAdded === plan?.id; const isJustCompleted = completedId === plan?.id; return (

{/* Completion hearts animation overlay */} {isJustCompleted && (

{[0, 1, 2, 3, 4].map(i => ( 💗 ))}

)} {/* Checkbox */} {/* Content */}

openEditModal(plan)} >

{plan?.isDemo && ( 🎀 Demo )} {plan?.time && ( {formatTime(plan.time)} )}

{plan?.text}

{assigned && (

{ e.stopPropagation(); assigned.handle && openProfile(assigned.handle); }} style={{ fontSize: 11, color: '#B76E79', display: 'flex', alignItems: 'center', gap: 4, background: 'rgba(255,182,193,0.2)', padding: '2px 6px', borderRadius: 8, cursor: 'pointer' }} > For: {assigned?.displayName || 'Someone'}

)} {plan?._user && plan._user.id !== user?.id && (

{ e.stopPropagation(); plan._user.handle && openProfile(plan._user.handle); }} style={{ fontSize: 11, color: '#D4A5A5', display: 'flex', alignItems: 'center', gap: 4, cursor: 'pointer' }} > by {plan._user.displayName}

)}

{/* Delete */}

); }) )}

{/* FAB - Add Plan Button */} {/* Modal Backdrop */} {showModal && (

setShowModal(false)} style={{ position: 'fixed', inset: 0, background: 'rgba(139,90,107,0.25)', backdropFilter: 'blur(4px)', WebkitBackdropFilter: 'blur(4px)', zIndex: 90 }} /> )} {/* Bottom Sheet Modal */}

{/* Drag handle */}

{/* Scalloped top edge decoration */}

✩ ✩ ✩

{editingPlan ? '✏️ Edit Your Plan' : '✨ Plan Something Lovely'}

What’s the plan, darling? setFormDesc(e.target.value)} placeholder="e.g., Tea with the girls..." style={{ width: '100%', height: 52, fontSize: 16, padding: '0 16px', borderRadius: 14, border: '1.5px solid #FFD1DC', background: 'rgba(255,255,255,0.8)', color: '#5C3D4E', outline: 'none', boxSizing: 'border-box', fontFamily: 'inherit' }} />

🕰️ Time setFormTime(e.target.value)} style={{ width: '100%', height: 48, fontSize: 16, padding: '0 12px', borderRadius: 14, border: '1.5px solid #FFD1DC', background: 'rgba(255,255,255,0.8)', color: '#5C3D4E', outline: 'none', boxSizing: 'border-box', fontFamily: 'inherit' }} />

📅 Date setFormDate(e.target.value)} style={{ width: '100%', height: 48, fontSize: 16, padding: '0 12px', borderRadius: 14, border: '1.5px solid #FFD1DC', background: 'rgba(255,255,255,0.8)', color: '#5C3D4E', outline: 'none', boxSizing: 'border-box', fontFamily: 'inherit' }} />

{/* Assign to member (multiplayer) */} {(memberList || []).length > 1 && (

💌 Who with?

)} {/* Save Button */} {/* Cancel link */}

{/* Bottom lace decoration */}

); }