// fc-empty.jsx, first-run & empty states — what a brand-new paid user actually // sees before any data exists. Same "balanced" system + shared kit. Each empty // keeps the real screen's chrome (banner, title, tab bar, chart frame) so the // shell never shifts when data arrives; only the content well changes. // EmptyToday · dashboard before the first weigh-in // EmptyTrend · trend chart with zero readings // EmptyPastCamps · archive before any camp is finished // EmptyWeekly · weekly check-in before the first full week closes const { Phone: EPhone, StatusBar: EStatusBar, HomeIndicator: EHome, LargeTitle: ELargeTitle, CompactNav: ECompactNav, TabBar: ETabBar, GearButton: EGear, DashBanner: EDashBanner, CoachTip: ECoachTip, Eyebrow: EEyebrow } = window; // Big primary "log" CTA matching the kit's button language (ink + accent plus). function LogFirstCTA({ label = 'LOG YOUR FIRST WEIGHT' }) { return ( ); } // ── TODAY · before the first weigh-in ───────────────────────────────────────── function EmptyToday({ styleKey = 'balanced' }) { return ( } />
{/* placeholder hero — dashed ghost of the big number */}
—.— KG
No weigh-in logged yet
{/* opt-in refine — precision pulled, not pushed (BFM: get to the first win first) */} {/* what happens next — the trend needs a few days */}
How tracking works
Log fasted, every morning. The trend builds from there.
{[ ['1', 'Weigh in first thing', 'Same time daily, before food or water — the only fair comparison.'], ['2', 'We read the trend, not the day', 'Daily swings are mostly water. Give it 3–4 logs before the line means anything.'], ['3', 'Your plan adapts', 'Once we see your real pace, every target sharpens around it.'], ].map((s, i) => (
{s[0]}
{s[1]}
{s[2]}
))}
); } // Empty chart frame — real axes/grid, dashed plan line, centred prompt. // ── TREND · zero readings ────────────────────────────────────────────────────── function EmptyTrend({ styleKey = 'balanced' }) { return ( } />
No trend yet.
Your trend line draws itself once you’ve logged a few mornings. Weigh in fasted at the same time each day and your pace to fight day appears here.
 ); } // ── PAST CAMPS · empty archive ─────────────────────────────────────────────── function EmptyPastCamps({ styleKey = 'balanced' }) { return ( } />
No camps yet.
When you finish your first camp, it lands here — your division, result, and how the cut actually went. Each one makes the next plan smarter.
 ); } // ── WEEKLY CHECK-IN · before the first week closes ───────────────────────────── function EmptyWeekly({ styleKey = 'balanced' }) { const logged = 3, need = 7; return ( } />
Week 1 · in progress
Your first check-in lands Sunday.
We need a full week of mornings before we can call your pace. Keep logging — you’re most of the way there.
{/* week dots */}
{['M','T','W','T','F','S','S'].map((d, i) => { const done = i < logged; return (
{d}
); })}
{logged} of {need} mornings logged
Past weeks
Completed weeks appear here with your pace verdict.
); } Object.assign(window, { EmptyToday, EmptyTrend, EmptyPastCamps, EmptyWeekly });