// fc-plan-strategy.jsx — the interactive fight-week cut-strategy graph for the Plan // ("Your Camp") screen. One timeline: real weight walked down across camp, then the // fight-week WATER tactics stepping the last kilos off to make-weight. // · Fight-week start is labelled on the axis. // · Each tactic is a tappable dot on the fight-week portion, at the point it comes in. // · The list below shows each tactic's recommendation (Recommended / Cap / Not advised) // and lets the athlete select/deselect it — the descent recomputes live. // Grounded in §8 (CutStrategy): selected tactics define the fight-week water portion, // which combines with camp true-weight loss to reach make-weight. Yields are % of // scale weight; Sweat is capped ≤5% bodyweight. const PCS_GREEN = '#2f5a24'; const PCS_AMBER = '#a87b22'; const PCS_ACCENT = 'var(--accent)'; // tactic catalogue — timeline `day` = days before weigh-in (fight week ≈ 5-day window) const PCS_STRATS = [ { key: 'water', name: 'Water load', effect: 'Manipulate water — a temporary ~0.5% drop.', pct: 0.005, rec: 'no', day: 4.2 }, { key: 'fibre', name: 'Low-fibre day', effect: 'Clears the gut — about 1% of scale weight.', pct: 0.010, rec: 'rec', day: 3.0 }, { key: 'sodium', name: 'Low sodium', effect: '2–3 days drops ~0.5–1% in water.', pct: 0.009, rec: 'rec', day: 2.0 }, { key: 'carb', name: 'Low carb', effect: 'Glycogen is your engine — 24h to reload.', pct: 0.007, rec: 'no', day: 1.4 }, { key: 'sweat', name: 'Sweat / sauna', effect: 'Final 24h — never past 5% of bodyweight.', pct: 0.012, rec: 'cap', day: 0.7 }, ]; const PCS_REC_META = { rec: { label: 'Recommended', color: PCS_GREEN }, cap: { label: 'Capped', color: PCS_AMBER }, no: { label: 'Not advised', color: PCS_ACCENT }, }; function PlanCutStrategy({ startW, targetW, water = true, width = 291 }) { const cut = Math.max(0.1, startW - targetW); // default selection: the plan's recommendation — Recommended + Capped tactics on, // Not-advised off. No water window → nothing selectable. const [sel, setSel] = React.useState(() => { const o = {}; PCS_STRATS.forEach((s) => { o[s.key] = water && (s.rec === 'rec' || s.rec === 'cap'); }); return o; }); const toggle = (k) => setSel((p) => ({ ...p, [k]: !p[k] })); // selected tactics, earliest (largest day) → latest, each with its water yield in kg const chosen = PCS_STRATS.filter((s) => sel[s.key]).sort((a, b) => b.day - a.day); const rawWater = chosen.reduce((sum, s) => sum + s.pct * startW, 0); const fwWater = Math.min(rawWater, cut); // can't shed more water than the whole cut const scale = rawWater > cut ? cut / rawWater : 1; // if over-selected, scale steps to land on target const campKg = Math.max(0, cut - fwWater); // ── geometry ──────────────────────────────────────────────────────────────── const W = width, H = 208, padL = 10, padR = 40, padT = 32, padB = 30; const innerW = W - padL - padR, innerH = H - padT - padB; const bandTop = padT, bandBot = H - padB; const campFrac = water && chosen.length ? 0.5 : 0.86; // camp share of the x-axis const fwX0 = padL + innerW * campFrac; // fight-week starts here const fwX1 = padL + innerW; const span = Math.max(0.4, startW - targetW); const wTop = startW + span * 0.10, wBot = targetW - span * 0.16; const yAt = (w) => bandTop + innerH * (1 - (w - wBot) / (wTop - wBot)); const xForDay = (day) => fwX1 - ((5 - day) / 5) * (fwX1 - fwX0); // day 5→fwX0, day 0→fwX1 const yStart = yAt(startW), yTarget = yAt(targetW); const fwStartW = targetW + fwWater; // weight when fight week begins // camp line: eased descent from start → fight-week-start weight const campPts = []; const nCamp = 5; for (let k = 0; k <= nCamp; k++) { const t = k / nCamp, ease = 1 - Math.pow(1 - t, 1.8); campPts.push([padL + (fwX0 - padL) * t, yAt(startW - campKg * ease)]); } // fight-week line: straight steps down at each selected tactic's day, landing on target const stepNodes = []; let w = fwStartW; chosen.forEach((s) => { const x = xForDay(s.day); stepNodes.push({ x, yTop: yAt(w), key: s.key, rec: s.rec, name: s.name }); w = Math.max(targetW, w - s.pct * startW * scale); stepNodes[stepNodes.length - 1].yBot = yAt(w); }); // build the path (camp eased + fight-week steps) let d = campPts.map((p, i) => (i ? 'L' : 'M') + p[0].toFixed(1) + ' ' + p[1].toFixed(1)).join(' '); let cx = fwX0; stepNodes.forEach((n) => { d += ` L ${n.x.toFixed(1)} ${n.yTop.toFixed(1)} L ${n.x.toFixed(1)} ${n.yBot.toFixed(1)}`; cx = n.x; }); d += ` L ${fwX1.toFixed(1)} ${yTarget.toFixed(1)}`; const noneChosen = water && chosen.length === 0; return (
{/* fight-week band tint */} {water && ( )} {/* start-weight guide + readout */} {startW.toFixed(1)} {/* make-weight floor + readout */} {targetW.toFixed(1)} {/* fight-week start divider + label */} {water && ( Fight week )} Camp · real weight {/* the descent */} {/* start node */} {/* interactive tactic dots — one per selected tactic, at its entry point */} {water && stepNodes.map((n) => { const meta = PCS_REC_META[n.rec]; return ( toggle(n.key)}> ); })} {/* weigh-in node */} {/* baseline labels */} Start Weigh-in {/* split readout */}
Real weight · camp
{campKg.toFixed(1)}kg
Fight-week water
{fwWater.toFixed(1)}kg
{/* tactic list — recommendation + selectable */}
Fight-week tactics Tap to include
{!water && (
Same-day weigh-in — no rehydration window, so there’s no safe water cut. The whole cut is real weight, walked down across camp.
)} {water && (
{PCS_STRATS.map((s) => { const on = sel[s.key]; const meta = PCS_REC_META[s.rec]; return ( ); })}
)} {noneChosen && (
Nothing selected — the whole {cut.toFixed(1)} kg would have to come off as real weight across camp. Add the recommended tactics to keep the cut safe.
)}
); } Object.assign(window, { PlanCutStrategy });