// fc-screens-a.jsx, Dashboard (Today), Add-Weight Result, Progress · v3 // Themed via window.Phone. Dashboard leads with today's weight + the log action // as the dominant element; interpretation sits just below. const { FC, TONE, SHADOW, computePace, Phone, Eyebrow, Num, Hairline, ToneBadge, HeroMotif, Card, SectionHeader, Stat, StatusBar, HomeIndicator, LargeTitle, CompactNav, NavAction, GearButton, TabBar, PrimaryButton, TextButton, GroupedList, Row, ProgressBar, FCChart, FCHealthCard, getStyle, _dayDate, _fmtDay } = window; const Body = ({ children, gap = 16, pad = '4px 20px 26px' }) => (
{children}
); // small kg-stat used in the verdict card function MiniStat({ k, v, c = 'var(--ink)', i = 0 }) { return (
{k}
{v} kg
); } // ── DASHBOARD ──────────────────────────────────────────────────────────────── function Dashboard({ styleKey = 'hig', paceKey = 'onTrack' }) { const st = getStyle(styleKey); const p = computePace(paceKey); const tone = TONE[p.tone]; const today = p.hist[p.hist.length - 1][1]; const dPrev = today - p.hist[p.hist.length - 2][1]; const down = dPrev <= 0; const dColor = down ? (st.heroInverted ? '#a9d18e' : 'var(--t-green)') : (st.heroInverted ? 'rgba(246,244,239,0.7)' : 'var(--ink-3)'); const inv = st.heroInverted; const muted = inv ? 'rgba(246,244,239,0.6)' : 'var(--ink-3)'; const weekTarget = 0.45, weekLoss = Math.abs(p.weeklyVel); return ( } /> {/* WEIGHT HERO, the dominant element: today's weight + log action */}
Fasted · 06:18 {p.badge}
{today.toFixed(1)}
kg
{down ? '\u2193' : '\u2191'}{Math.abs(dPrev).toFixed(1)} kg today
{/* VERDICT, interpretation, secondary to the weight */}
{p.state.verdict}
{p.state.line}
{/* TREND */}
Details}>Your trend
{p.state.chartCaption}
{/* THIS WEEK */}
This week
{p.state.weekLine} {weekLoss.toFixed(1)} / {weekTarget.toFixed(2)} kg
Target eased this week for your luteal phase. Expect a small water hold.
{/* COACH */}
From the corner
Coach Donnelly
06:42 today
“{p.state.coach}”
); } // ── ADD-WEIGHT RESULT ──────────────────────────────────────────────────────── function AddWeightResult({ styleKey = 'hig', paceKey = 'onTrack' }) { const st = getStyle(styleKey); const p = computePace(paceKey); const tone = TONE[p.tone]; const isDanger = paceKey === 'danger'; const typed = parseFloat(window.__loggedWeight); const logged = (!isNaN(typed) && typed > 30 && typed < 250) ? typed : p.hist[p.hist.length - 1][1]; return ( Done} />
{window.OWMark && (
)}
Logged {logged.toFixed(1)} kg · 06:18
{!isDanger && (
{[0, 1, 2, 3, 4, 5, 6].map((i) => ( ))}
Every morning this week
)}
{p.state.resultHead}
{p.state.resultSub}
= 0 ? '+' : '−') + Math.abs(p.weeklyVel).toFixed(1)} unit="kg" sub={p.tone === 'green' ? 'On track' : p.tone === 'red' ? 'Not enough' : (paceKey === 'tooFast' ? 'Dropping fast' : 'A little slow')} subColor={tone.ink} i={0} />
1.2 ? 'Too far off' : 'Slightly off'} subColor={tone.ink} i={0} />
What this means {p.badge}
{p.state.verdict}
{p.state.coach}
{isDanger ? (<>
Keep current goal
) : }
); } // ── PROGRESS ───────────────────────────────────────────────────────────────── const _WD = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat']; const _MON = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']; // ── CELEBRATORY DAILY LOG ───────────────────────────────────────────────────── // A brief dark "moment of joy" after a morning weigh-in — same dark, mark-centric // treatment as Building Plan (OnbLoading). Rewards showing up (the streak), not // pace, so it never shames a plateau/off day. Sits between logging and the verdict. function DailyCelebrate({ paceKey = 'onTrack', day = 12, streak = 7 }) { const sport = (window.FC && window.FC.sport) || 'Boxing'; const DARK = { '--paper': '#15140f', '--paper-2': '#211f18', '--ink': '#faf7f1', '--ink-2': 'rgba(250,247,241,0.80)', '--ink-3': 'rgba(250,247,241,0.52)', '--rule': 'rgba(250,247,241,0.14)' }; const dots = 7; return (
{window.OWMark ? : }
Logged · 06:18
That’s {streak} mornings straight.
Day {day} on the board. Consistency is what makes the trend true — not any one number.
{Array.from({ length: dots }).map((_, i) => ( ))}
); } function Progress({ styleKey = 'hig', paceKey = 'onTrack', chartPlace = 'left' }) { const p = computePace(paceKey); const start = p.hist[0][1], current = p.hist[p.hist.length - 1][1]; const change = current - start; const rows = window.recentLog(paceKey, 8); return ( } /> This camp
Down {Math.abs(change).toFixed(1)} kg so far. Steady and safe.
See all}>Recent log {rows.map((r, i) => ( {r.dayLabel}{r.time}{r.off ? ' · OFF WINDOW' : ''}} control={
{r.d <= 0 ? '\u2193' : '\u2191'} {Math.abs(r.d).toFixed(1)} {r.w.toFixed(1)}kg
} /> ))} {rows.filter(r => r.second).map((r, i, a) => ( {r.dayLabel} · 2nd reading{r.second.time} · NOT USED} control={
{r.second.w.toFixed(1)}kg
} /> ))}
Logged twice in a day? We use the earliest fasted reading for your trend.
 ); } Object.assign(window, { Dashboard, AddWeightResult, DailyCelebrate, Progress });