// onnext-screens.jsx — Onnext prototype screens const { DRIFT, Mark, Wordmark, MiniChart, ScoreRing, BandPill, Readout, Chip, PrimaryBtn, GhostBtn, Eyebrow, SourceIcon, BottomNav } = window; function Screen({ children }) { return
{children}
; } function TopBar({ left, right }) { return
{left}{right}
; } function Body({ children, style }) { return
{children}
; } function Card({ children, style, onClick }) { return
{children}
; } // ── ONBOARDING — connect your stack ─────────────────────────── function OnboardingConnect({ onNext }) { const [on, setOn] = React.useState(['Strava','Garmin']); const t = v => setOn(on.includes(v)?on.filter(x=>x!==v):[...on,v]); const SRC = [ ['Strava','Activity, distance, effort'], ['Garmin','Heart rate, sleep, stress'], ['WHOOP','Recovery, strain, HRV'], ['Oura','Sleep, readiness'], ['TrainingPeaks','Planned vs actual load'], ]; return (
Step 1 / 3 · Connect your stack

Point Onnext at your data

It learns your baseline from what you already track. Read-only. Nothing posts back.

{SRC.map(([n,d])=>{ const active = on.includes(n); return ( ); })}

You can run Drift on manual check-ins alone.
Wearables make the signal sharper.

Continue · {on.length} linked
); } // ── HOME A — score-forward ──────────────────────────────────── function HomeA() { return ( } right={}/>

You're holding your baseline. Sleep is dipping — today protect energy, don't chase load.

Today's one action
Z2
Easy 30 min, zone 2
Keeps the streak alive without cost
›
); } // ── HOME B — chart-forward telemetry ────────────────────────── function HomeB({ onNext }) { return (
FRI · WK 24

Your signal

} right={
82
}/>
BASELINE vs SIGNAL · 8 WK● HOLDING
MAYJUNNOW
below your 4-wk avg
stable, within range
One factor is starting to drift
Load down two weeks running. Not alarming — but the trend is. Tap to see the catch.
); } // ── ASK A — conversational answer ───────────────────────────── function AskA() { return ( Ask} right={
5 sources
}/> {/* user query */}
Why did my half-marathon PB happen?
{/* answer */}

Three things lined up in the eight weeks before it:

{[['Sleep','7h41 avg · +38 min vs usual',DRIFT.hold],['Long runs','6 of 8 weekends hit',DRIFT.hold],['Easy ratio','81% easy / 19% hard',DRIFT.signal]].map(([a,b,c])=>(
{a} {b}
))}

The PB tracked your sleep more than your mileage. Protecting sleep is your highest-leverage move.
Show the dataWhat broke it after?
Ask your training data anything…
↑
); } // ── ASK B — suggested-questions launcher ────────────────────── function AskB() { const Q = [ ['What predicts my best weeks?','PATTERN'], ['Am I overtraining right now?','RISK'], ['Which sessions drive my biggest gains?','GAINS'], ['When am I most likely to drift?','FORECAST'], ['Compare this block to my last PB build','COMPARE'], ]; return (

Ask your training
data anything

Eight weeks of Strava, Garmin and WHOOP, synthesised. Start here:

{Q.map(([q,tag])=>( ))}
Type your own…
↑
); } // ── DRIFT CATCH — the early-warning intervention ────────────── function DriftCatch({ onNext }) { return (
Drift detected · early

You're starting to
pull off baseline

caught 11 days early
What's moving
{[['Sessions','5/wk → 3/wk',DRIFT.watch],['Sleep','down 14% this week',DRIFT.watch],['Check-ins','quiet 3 days',DRIFT.drift]].map(([a,b,c])=>(
{a} {b}
))}
THE SMALLEST CORRECTION

Don't chase the missed sessions. Put one easy 20-minute run on the calendar for tomorrow.

Not now Schedule it
); } // ── SCHEDULED — confirmation / back on baseline ─────────────── function Scheduled({ onRestart }) { return (
Correction scheduled

Tomorrow, 7:00am
Easy 20 minutes

That's the whole job. One small action keeps you on baseline — the drift never compounds.

signal recovering
Back to start Open dashboard
); } Object.assign(window, { OnboardingConnect, HomeA, HomeB, AskA, AskB, DriftCatch, Scheduled });