);
}
// ════════════════════════════════════════════════════════════════════════════
// TRACKING DETAIL, the "bigger summary" pushed when the How-you're-tracking card
// is tapped. iOS navigation-push pattern: own status bar, back header, scroll body.
// ════════════════════════════════════════════════════════════════════════════
function TrackingDetail({ paceKey, onClose }) {
const p = computePace(paceKey), tone = TONE[p.tone];
const goal = FC.goalWeight, proj = p.projected, gap = proj - goal;
const targetWk = -(p.toGo) / (p.daysOut / 7);
const daysToGoal = p.dailyVel < -0.001 ? Math.round(p.toGo / -p.dailyVel) : null;
const rel = daysToGoal == null ? null : daysToGoal - p.daysOut;
let head, hcol;
if (paceKey === 'onTrack') { hcol = 'var(--t-green)'; head = <>Making weight, {Math.abs(gap).toFixed(1)} kg to spare.; }
else if (paceKey === 'tooFast') { hcol = tone.ink; head = <>Making weight, but cutting too fast.; }
else { hcol = tone.ink; head = <>At this pace, {gap.toFixed(1)} kg over.; }
const margin = gap <= 0 ? `${Math.abs(gap).toFixed(1)} kg under` : `${gap.toFixed(1)} kg over`;
const marginCol = gap <= 0 ? 'var(--t-green)' : tone.ink;
const reaches = daysToGoal == null ? 'Not at this pace' : (rel <= 0 ? `${Math.abs(rel)} days early` : `~${rel} days late`);
const reachesCol = daysToGoal == null ? tone.ink : (rel <= 0 ? 'var(--t-green)' : tone.ink);
const explain = {
onTrack: 'Your trend is right on target. Daily ups and downs are normal, so trust the line. Hold this and you hit fight week in great shape.',
tooFast: 'You’re dropping faster than planned. Hard cuts cost power and recovery. Add food back and protect fight night.',
trailing: 'A little behind, nothing major. Tighten your food slightly to course-correct. Small moves now, no crash later.',
danger: 'This rate won’t make the limit safely. Push harder and you risk your performance and your health. Move up a class or rework the plan now.',
}[paceKey] || '';
const eyebrow = (t) =>
{t}
;
return (
How you{'’'}re tracking
{head}
{explain}
{/* DRIFT-WATCH, the soft CUSUM early-warning tier (§9.5). Off the alarm
channel: a quiet note when a consistent drift is building, days before
the 7-day rate would confirm it. Never red, never fires re-plan. */}
{(() => {
const dw = window.driftWatch ? window.driftWatch(paceKey) : { status: 'clear', pct: 0 };
const map = {
clear: { dot: 'var(--t-green)', label: 'No drift', body: 'Your trend is holding against plan. Nothing building under the daily noise.' },
behind: { dot: 'var(--t-amber)', label: 'Watching a slow drift', body: `You've trended a touch behind for ${dw.days} days running. Not acting yet, just flagging it early so there's room to adjust gently.` },
fast: { dot: 'var(--t-amber)', label: 'Watching a fast drift', body: `You've trended a little quick for ${dw.days} days running. Not acting yet, just keeping an eye so the cut stays controlled.` },
};
const m = map[dw.status] || map.clear;
return (
Drift watch · {m.label}
EARLY SIGNAL
{/* accumulation bar: how close the drift is to opening a watch */}
{m.body}{dw.tightened && dw.status === 'clear' ? ' Sensitivity is raised this close to fight day.' : ''}
);
})()}
The projection
Your pace
{/* HOW WE READ IT, the tracking cascade (§9.1), so the verdict is trusted */}
{eyebrow('How we read your weight')}
Daily weight is mostly water. We never call your cut on one reading. We step through three timescales and judge it on the rate.
{[
['Daily number', 'Logged, never a verdict. Too much noise.', false],
['3-day average', 'A smoother read. A filter, not the call.', false],
['7-day rate', 'This is the verdict. Signal beats the noise here.', true],
].map(([t, d, on], i, a) => (
{i < a.length - 1 && }
{t}
{d}
))}
Every read is checked against your cycle-adjusted plan, so a water week never reads as falling behind.
);
}
// ════════════════════════════════════════════════════════════════════════════
// BALANCED, editorial hero (flat, big light numeral) on the canvas, then native
// iOS structure below: segmented control, status banner, grouped cells, chart card.
// ════════════════════════════════════════════════════════════════════════════
function DashBalanced({ styleKey, paceKey, btnStyle = 'solid', logPos = 'below', chartPlace = 'left' }) {
const [detail, setDetail] = React.useState(false);
const [manage, setManage] = React.useState(false);
const p = computePace(paceKey), tone = TONE[p.tone];
const today = dToday(p), d = dDelta(p), down = d <= 0;
const cardSurface = { background: 'var(--paper)', borderRadius: 'var(--radius)', boxShadow: 'var(--card-shadow)', border: 'var(--card-border)' };
return (
} eyebrowColor="var(--ink-3)" />
{/* pace-state + logged time, grouped tight so they read as one unit */}
{p.badge}
06:18 Today
{addBtn}
);
})()}
{/* HOW YOU'RE TRACKING, one interpreted headline + projected / goal / timing. Mirrors the Progress "this camp" hierarchy: eyebrow, one bold human verdict, three quiet stats. */}
{(() => {
const goal = FC.goalWeight;
const proj = p.projected;
const gap = proj - goal;
const daysToGoal = p.dailyVel < -0.001 ? Math.round(p.toGo / -p.dailyVel) : null;
const rel = daysToGoal == null ? null : daysToGoal - p.daysOut;
// THE point, will you make weight, in plain language.
// diagnosis (coloured) + one-line interpretation
let diag, diagCol, body;
if (paceKey === 'onTrack') { diag = 'Making weight'; diagCol = 'var(--t-green)'; body = 'A safe, steady pace. You make weight without draining your power.'; }
else if (paceKey === 'tooFast') { diag = 'Cutting too fast'; diagCol = tone.ink; body = 'Quicker than you need. Good for the scale, hard on your strength and recovery.'; }
else if (paceKey === 'trailing') { diag = 'Slightly behind'; diagCol = tone.ink; body = 'A touch slow, but an easy fix. Tighten up this week and you’re back on it.'; }
else { diag = 'Off the pace'; diagCol = tone.ink; body = 'Too slow to make weight safely. Time to rework the plan before fight week.'; }
// timing, when this pace actually reaches the goal, relative to weigh-in.
let tVal, tUnit, tCol;
if (daysToGoal == null) { tVal = '\u2014'; tUnit = 'never'; tCol = tone.ink; }
else if (rel <= 0) { tVal = Math.abs(rel); tUnit = 'd early'; tCol = 'var(--t-green)'; }
else { tVal = rel; tUnit = 'd late'; tCol = tone.ink; }
return (
How you{'’'}re tracking
);
})()}
{/* TREND, section label above the card, matching the other cards' rhythm */}
Your trend
{/* CYCLE GLANCE, surfaces today's cycle read, links to the full section */}
{window.CycleGlanceRow && (
Your cycle
)}
{/* CAMP AHEAD, the road to fight day at camp scale: where you are now,
when the fight-week strategies fire, weigh-in, fight. Phases + dates,
not daily weight, a horizon without the fluctuation noise. */}
Camp ahead
{detail && setDetail(false)} />}
{manage && window.ManageFightSheet && setManage(false)} />}
);
}
// ════════════════════════════════════════════════════════════════════════════
// FIGHT WEEK, distinct Today state for the final descent. Projection gives way to
// EXECUTION: a cycle-adjusted working target, the week's descent protocol, and
// today's single job. Dietician voice: supportive, scientific, never alarmist.
// ════════════════════════════════════════════════════════════════════════════
function DashFightWeek({ styleKey = 'balanced' }) {
// ── fight-week model ────────────────────────────────────────────────────────
const limit = FC.goalWeight; // division limit, the hard line, 74.4
// Weigh-in-week water = this athlete's LEARNED amplitude (§9.4/§15.4), not the
// 0.5 kg population default and not an arbitrary guess. She has 3 cycles logged
// and holds more than average, so the buffer is individualised upward.
const retention = (window.LEARNED_CYCLE && window.LEARNED_CYCLE.blendKg) || FC.cycle.retention;
const working = +(limit - retention).toFixed(1); // aim point so she lands AT the limit
const current = 74.9; // this morning's trend
const toWorking = +(current - working).toFixed(1);
const water = { logged: 3.2, target: 6 };
const plan = [
{ label: 'MON', tag: 'Today', title: 'Water load', detail: '6 L. Flush and build a drop response', state: 'today' },
{ label: 'TUE', title: 'Water load', detail: '6 L. Hold the volume', state: 'todo' },
{ label: 'WED', title: 'Taper', detail: '4 L. Ease sodium down', state: 'todo' },
{ label: 'THU', title: 'Reduce', detail: '2 L. Low-residue food', state: 'todo' },
{ label: 'FRI', title: 'Water cut', detail: '250 ml. The final descent', state: 'todo' },
{ label: 'SAT', title: 'Weigh-in', detail: '9:00 AM, then rehydrate', state: 'goal' },
];
const loggedS = { fontFamily: 'var(--mono)', fontSize: 10.5, letterSpacing: '0.1em', color: 'var(--ink-3)', fontWeight: 500, textTransform: 'uppercase' };
// fight-week theme shift, warm, deepened clay surface + intensified accents.
const FWV = { '--paper': '#fdf9f3', '--rule': '#ddd0bb', '--card-shadow': '0 1px 3px rgba(40,28,12,0.06), 0 10px 26px rgba(40,28,12,0.08)' };
const FW_S = '#e9ddcd';
const [manage, setManage] = React.useState(false);
return (
{/* HERO, where you are this morning, and the one human read */}
{current.toFixed(1)}
KG
06:18 Today
On plan for Saturday. {toWorking.toFixed(1)} kg to your working target.
{/* CYCLE-ADJUSTED TARGET, the headline insight: aim lower so you land AT the limit */}
Your working target
Aim lower this week
Weigh-in falls in your high-retention week. You hold about {retention.toFixed(1)} kg of extra water then. Aim {retention.toFixed(1)} kg under, so you land on {limit.toFixed(1)} kg on the day.
{/* TODAY'S JOB, single focus, with progress */}
Today · Monday
Water load{water.logged.toFixed(1)} / {water.target} L
Keep the volume up. Loading now makes Friday’s cut easier. Hit 6 L.
{/* CUT STRATEGY — the whole cut on one arc: real weight across camp, then
fight-week water. Same graph as the Plan screen. */}
{(() => {
const startW = (FC.planStart != null ? FC.planStart : current);
const cut = +(startW - limit).toFixed(1);
const pType = window.planTypeFor ? window.planTypeFor(FC.sport || 'MMA', true) : 'camp';
const water = pType !== 'walk';
const fwWater = water ? +(cut * 0.28).toFixed(1) : 0;
const campKg = +(cut - fwWater).toFixed(1);
const dsc = { targetW: limit, cut, fwWater, campKg, water };
return (