{/* 🚨 ALERT LEVEL HEADER (Sticky) */}

Situationship Siren

{/* METER */}

{alertState.emoji} {alertState.text} {Math.min(totalScore, 100)}%

{/* 📜 RED FLAG REGISTRY */}

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

✨

No red flags yet... are they actually perfect?

Only one way to find out.

) : ( (flags || []).map((flag) => { const isValidated = (flag.validations ?? []).includes(user.id); const validatorCount = (flag.validations ?? []).length; return (

{/* Flag Content */}

🚩

{flag.text}

Added by {flag.createdByName} {flag.createdBy === user.id && ( { e.stopPropagation(); deleteFlag(flag.id); }} style={{ cursor: 'pointer', marginLeft: 8 }} > 🗑️ )}

{/* Validation Area */}

{/* Validators avatars */}

{(flag.validations ?? []).length > 0 ? (

{(flag.validations ?? []).slice(0, 3).map((vId, i) => { // Find member info or fallback const member = (memberList || []).find(m => m.id === vId); return (

{!member?.avatarUrl && '👤'}

); })} {validatorCount > 3 && ( +{validatorCount - 3} )}

) : ( Be the first to validate )}

{/* Validate Button */}

); }) )}

{/* ✍️ INPUT AREA */}

{/* 🚨 EXIT PLAN OVERLAY (Shows when critical) */} {showExitPlan && (

🏃‍♀️💨

Bestie, RUN!

The red flags are literally piling up. This isn't a situationship anymore, it's a hazard zone.

)}

); }