{weeks.map((w, i) => (
0 ? 4 : 0, transition: 'height .4s ease' }} />
))}
{weeks.map((w, i) => (
{w.label}
))}
)}
{muscleEntries.length > 0 && (
<>
SERIES POR MÚSCULO · ÚLTIMAS 4 SEMANAS
{muscleEntries.map(([muscle, sets]) => {
const name = (typeof mvLabel === 'function') ? mvLabel(muscle) : muscle;
const num = sets % 1 === 0 ? String(sets) : String(Math.round(sets * 10) / 10).replace('.', ',');
return (
);
})}
)}
);
}
// ── Alerts ────────────────────────────────────────────────────────────────────
function PrAlerts({ alerts, navigate }) {
if (!alerts || !alerts.length) return null;
const SEV = {
success: { bg: 'rgba(34,197,94,0.08)', border: 'rgba(34,197,94,0.18)', color: PR.green, icon: '✓' },
info: { bg: 'rgba(59,130,246,0.06)', border: 'rgba(59,130,246,0.16)', color: PR.blue, icon: 'ℹ' },
warning: { bg: 'rgba(245,158,11,0.07)', border: 'rgba(245,158,11,0.18)', color: PR.amber, icon: '⚠' },
};
return (
{alerts.map((a, i) => {
const sev = SEV[a.severity] || SEV.info;
return (
{sev.icon}
{a.message}
);
})}
);
}
// ── Strength breakdown — progressing vs stagnant ───────────────────────────────
function PrProgressBreakdown({ strength }) {
const isMobile = useIsMobile();
const tp = strength.topProgressing || [];
const st = strength.stagnant || [];
if (!tp.length && !st.length) return null;
return (
{tp.length > 0 && (
PROGRESANDO
{tp.slice(0, 4).map(r => (
{r.exerciseName}
+{r.pct}%
))}
)}
{st.length > 0 && (
ESTANCADOS
{st.slice(0, 4).map(r => (
{r.exerciseName}
))}
)}
);
}
// ── Empty state ───────────────────────────────────────────────────────────────
function PrEmptyState({ navigate }) {
return (
📊
Sin datos de progreso
Completa entrenamientos desde el Workout Player para ver tu evolución de fuerza, volumen y consistencia.
);
}
// ── Main section ──────────────────────────────────────────────────────────────
// ── Parte C · Mapa semanal de músculos trabajados ────────────────────────────
function WeeklyMuscleCard({ log }) {
const mobile = useIsMobile();
const [weeksAgo, setWeeksAgo] = React.useState(0);
const [sel, setSel] = React.useState(null);
const vol = React.useMemo(() => (typeof mvWeek === 'function' ? mvWeek(log, weeksAgo) : {}), [log, weeksAgo]);
const planned = React.useMemo(() => {
try { const ar = JSON.parse(localStorage.getItem('atlas.routine.active.v1') || 'null'); return (ar && typeof muscleVolume === 'function') ? muscleVolume(ar, { completedOnly: false }) : null; }
catch (e) { return null; }
}, []);
const total = (typeof mvTotal === 'function') ? mvTotal(vol) : 0;
const empty = total <= 0;
const label = id => (typeof mvLabel === 'function' ? mvLabel(id) : id);
const fmt = v => (v % 1 === 0 ? String(v) : String(Math.round(v * 10) / 10).replace('.', ','));
const exForSel = React.useMemo(() => (sel && typeof mvExercisesForMuscle === 'function') ? mvExercisesForMuscle(log, sel, weeksAgo) : [], [sel, log, weeksAgo]);
const toggle = (
{[[0, 'Esta semana'], [1, 'Semana anterior']].map(([w, t]) => (
))}
);
return (
MÚSCULOS · {weeksAgo === 0 ? 'ESTA SEMANA' : 'SEMANA ANTERIOR'}
{toggle}
{empty ? (
{weeksAgo === 0 ? 'Entrena esta semana y aquí verás qué músculos has trabajado.' : 'No registraste entrenamientos esa semana.'}
) : (
<>
{['front', 'back'].map(v => (
typeof AtlasBodyHeat === 'function'
?
: null
))}
{typeof AtlasHeatLegend === 'function' &&
}
{/* Detalle del músculo tocado */}
{sel && (
{label(sel)} · {fmt(vol[sel] || 0)} series {weeksAgo === 0 ? 'esta semana' : 'esa semana'}
{planned && planned[sel] > 0 && · {fmt(vol[sel] || 0)} / {fmt(planned[sel])} planificadas}
{exForSel.length > 0 && (
{exForSel.map(e => `${e.name} (${e.sets})`).join(' · ')}
)}
)}
{!sel &&
Toca un músculo para ver sus series y ejercicios.
}
)}
);
}
function ProgresoSection() {
const { state } = useStore();
const { navigate } = useRoute();
const mobile = useIsMobile();
const profile = React.useMemo(() => prReadProfile(), []);
const log = state.log || [];
const panel = React.useMemo(() => {
if (typeof AtlasProgressionEngine === 'undefined' || log.length === 0) return null;
return AtlasProgressionEngine.getFullPanel(log, profile);
}, [log, profile]);
// Phase 2: weekly constancy (goal-based consecutive active weeks).
const activeWeekStreak = React.useMemo(
() => (typeof computeActiveWeeks === 'function') ? computeActiveWeeks(log).streak : 0,
[log]
);
const hasData = log.length >= 1;
return (
{/* Header */}
ATLAS METHOD
Tu Progreso
{hasData && (
{log.length} sesión{log.length !== 1 ? 'es' : ''} registrada{log.length !== 1 ? 's' : ''}
{activeWeekStreak > 0 ? ` · racha de ${activeWeekStreak} ${activeWeekStreak === 1 ? 'semana' : 'semanas'}` : ''}
)}
{!hasData || !panel ? (
) : (
<>
{/* Mapa semanal de músculos trabajados */}
{/* Mobile: key numbers as big cards up top */}
{mobile && (
{[
{ v: (panel.volume?.weeklyVolume?.slice(-1)[0]?.totalVolume || 0).toLocaleString('es-ES'), l: 'kg esta sem.' },
{ v: (panel.consistency?.activeWeeks ?? 0), l: 'sem activas', hot: (panel.consistency?.activeWeeks ?? 0) >= 1 },
{ v: (panel.strength?.topProgressing || []).length, l: 'progresando', good: true },
].map((t, i) => (
))}
)}
{/* Atlas Score */}
{/* Alerts */}
{/* Adherence + Consistency */}
{/* Strength */}
{/* Progressing vs Stagnant */}
{/* Volume */}
{/* CTA */}
)}
);
}