// fc-future.jsx · FUTURE STATE · SANDBOX
// Mapped-but-unbuilt concepts, parked here so they read as roadmap, not shipping
// build. Same shared kit + Balanced theme as the live screens. Screens:
// · Tapered plan shape (moved out of the Refine-Plan flow, see fc-onboarding)
// · Learn · Library (videos + articles)
// · Fuel (nutrition / calorie guidance)
// · Devices & Sync (smart scales, wearables, Apple Health)
// · Coach (AI chat assistant)
// · Find your fight (pick a competition → rules prefilled)
const { Phone, StatusBar, HomeIndicator, LargeTitle, CompactNav, NavAction, GearButton,
TabBar, SectionHeader, Card, Stat, GroupedList, Row, Toggle, TextButton, FC } = window;
// Diagonal-striped media placeholder with a mono caption + optional play glyph.
function MediaSlot({ h = 168, label = 'VIDEO', play = false, tone = 'paper' }) {
const dark = tone === 'ink';
const stripe = dark ? 'rgba(255,255,255,0.07)' : 'rgba(21,20,15,0.05)';
const ink = dark ? 'rgba(255,255,255,0.6)' : 'var(--ink-3)';
return (
{play && (
)}
{label}
);
}
// ══ TAPERED PLAN ══════════════════════════════════════════════════════════════
// Lives in fc-onboarding as OnbPlanOptions; the sandbox just renders it so the
// tapered/linear choice reads as a later add, not part of today's refine flow.
function FutTaperedPlan() { return window.OnbPlanOptions ? : null; }
// ══ LEARN · LIBRARY ═══════════════════════════════════════════════════════════
function FutLearnLibrary() {
const watch = [
['Water loading, step by step', '8 MIN'],
['Reading the trend, not the scale', '5 MIN'],
['Rehydration that actually works', '6 MIN'],
];
const read = [
['Why 1% a week is the ceiling', 'The science', '4 min'],
['Cutting around your cycle', 'For women', '6 min'],
['Fight-week checklist', 'Tactics', '3 min'],
];
return (
} />
Calories and macros track your cut phase and training load. They tighten in fight week and rebuild after weigh-in.
);
}
// ══ DEVICES & SYNC ════════════════════════════════════════════════════════════
function FutDevices() {
const DeviceRow = ({ name, sub, status, on, last }) => (
: status === 'add' ? Connect : undefined} />
);
return (
} />
Step on the scale. The weigh-in logs itself.
Connect a smart scale and your morning number lands in the trend automatically, no typing, no missed days.
Scales
Health & wearables
);
}
// ══ COACH · AI CHAT ═══════════════════════════════════════════════════════════
function FutCoachAI() {
const Bubble = ({ from, children }) => {
const me = from === 'me';
return (
{children}
);
};
return (
} />
Your AI corner
Knows your camp
You're 0.3 kg ahead of plan this week, nice. Want to hold or ease the deficit a touch?I felt flat in training today.Common when you're ahead of pace. Add ~40g carbs around your session tomorrow and we'll still land on target. Keep tonight's dinner as planned.
{['Am I on track?', 'What should I eat today?', 'Is this water weight?'].map(s => (
{s}
))}
Ask your coach…
);
}
// ══ FIND YOUR FIGHT · competition picker with prefilled rules ═════════════════
function FutCompetitionPicker() {
const events = [
['Regional MMA Series 12', 'Sat 11 Jan · Manchester', true],
['State Grappling Open', 'Sun 19 Jan · Leeds', false],
['National Amateur Boxing', 'Sat 1 Feb · London', false],
];
const rules = [['Weigh-in', 'Day before · 5 PM'], ['Class limit', '70.3 kg'], ['Gear allowance', 'None'], ['Re-weigh', 'No']];
return (
Manual} />
Search promotions & events
Near you
{events.map((e, i) => (
: undefined}
chevron={!e[2]} />
))}
Rules · prefilled
{rules.map((r, i) => (
))}
Pulled from the promotion's published rules. Review before your plan is built.
);
}
// ══ WIN-BACK · re-engagement after a declined paywall / lapse ═════════════════
// The hard paywall has no free-home fallback, so re-engagement is the only
// recovery path (Logic & Flows §10). Calm, honest, the plan they built handed
// back — never a guilt trip. Reached from a reminder / email, not a live screen.
function FutWinBack() {
const F = window.FC || {};
const start = (F.planStart || 78.4).toFixed(1);
const limit = (F.goalWeight || 74.4).toFixed(1);
return (
Close} onBack={false} />
Your camp's still here
Pick your cut back up. The fight hasn't moved.
The {start} → {limit} kg plan you built is saved. You're 6 weeks out now — still very makeable, but every week you wait makes the week-by-week steeper.
TODAY
{start}kg
FIGHT WEIGHT
{limit}kg
Your projection, cut strategy and cycle-aware targets are exactly where you left them.
A hand to get going
Come back this week and your first month's half price.
PLACEHOLDER
Not now
);
}
// ══ NEXT CAMP, SMARTER · missed-weight → fresh-start hook ═════════════════════
// Closes a missed cut on what the data says for next time, so the lowest moment
// becomes the reason to come back (Peak-End + Fresh Start). Supported, never
// judged (Copy Rules). Reached when starting the next camp, not from a live CTA.
function FutNextCampSmarter() {
const learned = [
['Started tight', 'Six weeks for a 4 kg cut left no slack. Next camp we flag the start date earlier.'],
['Week-3 stall', 'Your trend flattened mid-camp. We hold a bigger margin under the 1%/wk ceiling.'],
['Luteal hold ran high', 'Your water swing measured +1.4 kg, above typical — next plan pre-cuts that buffer.'],
['Fight-week was steep', 'The last-week water drop was aggressive. We taper it sooner and gentler.'],
];
return (
} />
What the data says
Missed by 1.2 kg. Here's what changes next time.
It happens, and it's fixable. Your logged camp tells us exactly where the cut got hard — so the next plan starts smarter, not from scratch.
{learned.map((l, i) => (
{i + 1}
{l[0]}
{l[1]}
))}
);
}
// ══ REMINDER RE-ASK · harden the daily-loop trigger ═══════════════════════════
// The loop hinges on one trigger (a deferred, opt-in push). For push-declined
// users it re-asks with value framing, and offers the widget as a no-permission
// backup trigger (BFM Habit Loop; Spotify's weak-trigger miss). Sandbox concept.
function FutReminderReask() {
return (
Close} onBack={false} />
One weigh-in a day
Your morning weigh-in runs the whole plan.
Miss the mornings and the trend goes quiet — your pace, projection and verdict all stall. A reminder keeps the habit on rails.
One ping, at your weigh-in time. Nothing else.
or, no notifications
Add the Home Screen widget
Your cut at a glance, every time you unlock your phone — no permission needed.
{/* widget preview */}
23 DAYS OUT
76.0kg
● ON TRACK
Tap it to log in two taps. The trigger that needs no permission.
);
}
// ══ COACH VIEW · the coach's roster (peer/coach accountability layer) ═════════
// The product's one real social-proof / accountability lever (BFM: Strava-style
// social). A coach sees their stable at a glance and where to step in. Net-new
// future feature — sandbox only, never wired from a live athlete screen.
function FutCoachView() {
const PaceChip = ({ tone, label }) => {
const c = { green: ['var(--t-green)', 'var(--t-green-soft)'], amber: ['var(--mustard-deep)', 'var(--t-amber-soft)'], red: ['var(--t-red)', 'rgba(176,67,47,0.10)'] }[tone];
return {label};
};
const fighters = [
['DR', 'Reyes', 'MMA · Lightweight', '23 days', '76.0', 'green', 'On track'],
['SO', 'Okafor', 'Boxing · 70 kg', '9 days', '71.8', 'amber', 'Behind'],
['LM', 'Marsh', 'BJJ · Leve', '5 days', '74.9', 'red', 'Cutting fast'],
['MT', 'Tran', 'Judo · −63', '31 days', '65.1', 'green', 'On track'],
];
return (
} eyebrowColor="var(--accent)" />
4 in camp. 2 need a look this morning.
Each fighter shares their camp with you. You see the trend and the verdict — they own the cut.
NEEDS A LOOK}>Sort · soonest first
{fighters.map((f) => (
{f[0]}
{f[1]}
{f[2]} · {f[3]} out
{f[4]}kg
))}
Tap a fighter for their trend, projection and weekly verdict. You can send a note; you can't change their plan — that stays theirs.