{/* 🐶 DOG POPUP OVERLAY */} {dogPopup && (

CRUSHED IT! 🐶🔥

)} {/* 🎉 CONFETTI OVERLAY */} {showConfetti && (

setShowConfetti(false)} style={{ position: 'fixed', inset: 0, zIndex: 90, background: 'rgba(0,0,0,0.9)', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', textAlign: 'center' }} >

🏆

WORKOUT
COMPLETE

Protocol successfully synced.

)} {/* 🌊 PROGRESS PULSE HEADER */}

RepFlow

{Math.round(progress * 100)}% SYNCED

{/* Progress Waveform Visualization */}

{/* Grid overlay for "tech" feel */}

{/* 🏋️ EXERCISE LIST */}

{(workout || []).map((ex) => (

{ex.name}

{(ex.sets || []).filter(s => s.completed).length}/{(ex.sets || []).length} SETS

{/* Set Headers */}

REPS

LBS

{/* Sets */}

{(ex.sets || []).map((set, idx) => (

{/* Index */}

{idx + 1}

{/* Reps Input */}

updateSet(ex.id, set.id, 'reps', e.target.value)} style={{ width: '100%', background: 'transparent', border: 'none', color: '#fff', fontSize: 18, fontWeight: 700, padding: 4 }} />

{/* Weight Input */}

updateSet(ex.id, set.id, 'weight', e.target.value)} style={{ width: '100%', background: 'transparent', border: 'none', color: '#fff', fontSize: 18, fontWeight: 700, padding: 4 }} />

{/* Completion Toggle (The Dog Trigger) */}

))}

{/* "Add Set" Placeholder Button (Visual only for this demo) */}

+ ADD SET

))}

{/* ➕ FLOAT ACTION BUTTON */}

{/* 📝 ADD EXERCISE MODAL (Bottom Sheet) */} {isAddModalOpen && (

{ if(e.target === e.currentTarget) setIsAddModalOpen(false) }}>

Add Movement

setNewExerciseName(e.target.value)} style={{ width: '100%', background: 'transparent', border: 'none', borderBottom: '2px solid #00dbde', color: '#fff', fontSize: 24, fontWeight: 700, padding: '8px 0', borderRadius: 0, marginBottom: 24 }} />

)}

); }

WORKOUTCOMPLETE

{ex.name}

Add Movement

WORKOUT
COMPLETE