14 markers

2 flagged · 1 needs follow-up

Fair

Ferritin is low at 24 ng/mL. Not urgent, but iron-rich meals plus a low-dose supplement should bring it up. Want a plan?

Make a plan Why?

All markers {markers.map((m, i) => ( ))} ); } // ========================================================================== // DNA FLOW // ========================================================================== function DNAFlowScreen({ onNavigate, onBack }) { const [step, setStep] = React.useState('connect'); // connect | importing | traits | trait const [traitIndex, setTraitIndex] = React.useState(null); const traits = [ { tag: 'Metabolism', color: 'var(--focus-nutrition)', t: 'Slow caffeine metabolizer', s: 'Cut off coffee by 11am — sleep on you depends on it.', detail: 'Your CYP1A2 variant means caffeine sticks around twice as long. Late coffee correlates strongly with your worst sleep nights.' }, { tag: 'Heart', color: 'var(--focus-heart)', t: 'Higher sensitivity to sodium', s: 'Aim for <1,500 mg/day to manage BP.', detail: 'Salt-sensitive hypertension variants are present. Sodium reduction will move your BP more than most people.' }, { tag: 'Fitness', color: 'var(--focus-fitness)', t: 'Endurance > Power', s: 'Your fast-twitch muscle ratio is lower — favor Zone 2.', detail: 'ACTN3 variant. Zone 2 cardio and long-duration efforts will produce more gains than max-power lifting.' }, { tag: 'Sleep', color: 'var(--focus-sleep)', t: 'Natural early bird', s: 'Your chronotype peaks 6-8am. Schedule deep work then.', detail: 'PER3 and CLOCK variants suggest morning chronotype. Pushing bedtime past 11pm costs you disproportionately.' }, ]; if (step === 'connect') { return (

AI tool

DNA insights

Connect your raw DNA file (23andMe / AncestryDNA) so Anna can tune everything to your genome.

{[ { i: 'scan', t: '23andMe', s: 'Sign in to import raw data.' }, { i: 'scan', t: 'AncestryDNA', s: 'Sign in to import raw data.' }, { i: 'plus', t: 'Upload raw file', s: '.txt or .vcf from any provider.' }, ].map(o => ( setStep('importing')}>

{o.t}

{o.s}

))}

Your raw file stays encrypted on your device. Anna only sees the trait read-outs, never your full genome.

); } if (step === 'importing') { return setStep('traits')} dur={2400}/>; } if (step === 'trait' && traitIndex != null) { const t = traits[traitIndex]; return ( setStep('traits')}/>

{t.tag}

{t.t}

{t.detail}

What to do

{t.s}

onNavigate('chat', { topic: t.t, focus: 'dna', newThread: true })}>Ask Anna more ); } // traits return ( setStep('connect')}/>

23andMe synced · 142 traits decoded. The 4 most actionable for you:

{traits.map((t, i) => ( { setTraitIndex(i); setStep('trait'); }}>

{t.tag}

{t.t}

{t.s}

))}

View all 142 traits ); } // ========================================================================== // MEAL PLANNER FLOW // ========================================================================== function MealPlannerFlowScreen({ onNavigate, onBack }) { const [step, setStep] = React.useState('prefs'); // prefs | generating | plan | grocery const [diet, setDiet] = React.useState('omnivore'); const [protein, setProtein] = React.useState(120); const [days, setDays] = React.useState(3); const [allergies, setAllergies] = React.useState({}); const toggleAllergy = (k) => setAllergies(a => ({ ...a, [k]: !a[k] })); if (step === 'prefs') { return (

Step 1 of 3

How do you eat?

Diet

{['omnivore','pescatarian','vegetarian','vegan'].map(d => { const a = diet === d; return ( ); })}

Allergies / avoid

{['Gluten','Dairy','Eggs','Nuts','Shellfish','Soy'].map(a => ( toggleAllergy(a)} icon={allergies[a] ? 'check' : null}>{a} ))}

Protein target

Daily target {protein} g

setProtein(+e.target.value)} style={{ width: '100%', accentColor: 'var(--brand-orange-vibey)' }}/> How many days?

{[1, 3, 7].map(n => ( ))}

setStep('generating')}>Generate plan ); } if (step === 'generating') { return setStep('plan')} dur={2400}/>; } if (step === 'grocery') { const groceries = [ { c: 'Produce', i: ['Spinach', 'Berries', 'Sweet potatoes', 'Lemons', 'Asparagus'] }, { c: 'Protein', i: ['Salmon × 2', 'Chicken breast × 3', 'Greek yogurt 32oz', 'Eggs × 12'] }, { c: 'Pantry', i: ['Steel-cut oats', 'Quinoa', 'Olive oil', 'Walnuts'] }, { c: 'Dairy', i: ['Cottage cheese', 'Almond milk'] }, ]; return ( setStep('plan')} right={}/>

{groceries.map((g, k) => (

{g.c} {g.i.map((item, i) => )}

))}

Send to grocery app

); } // plan return ( setStep('prefs')} right={}/>

AI tool · ready

Your {days}-day plan

{diet} · {protein}g protein · low sodium

{[ { t: 'Breakfast', n: 'Steel-cut oats + berries + walnuts', kcal: 410, p: 14 }, { t: 'Lunch', n: 'Grilled chicken + quinoa + greens', kcal: 540, p: 38 }, { t: 'Snack', n: 'Greek yogurt + honey', kcal: 180, p: 18 }, { t: 'Dinner', n: 'Salmon · sweet potato · asparagus', kcal: 620, p: 42 }, ].map((m, i) => (

{m.t}

{m.n}

{m.kcal} kcal {m.p}g protein

))}

setStep('grocery')}>Grocery list Save plan

); } function CheckRow({ label, last }) { const [done, setDone] = React.useState(false); return ( ); } // ========================================================================== // FITNESS / WORKOUT FLOW // ========================================================================== function WorkoutFlowScreen({ onNavigate, onBack }) { const [step, setStep] = React.useState('setup'); // setup | generating | plan | session | summary const [goal, setGoal] = React.useState('recovery'); const [equip, setEquip] = React.useState('none'); if (step === 'setup') { return (

Step 1 of 2

What's the goal?

Today

{[ { k: 'recovery', t: 'Recovery', s: 'Low-intensity reset', icon: 'heart' }, { k: 'cardio', t: 'Cardio', s: 'Zone 2 stamina', icon: 'flame' }, { k: 'strength', t: 'Strength', s: 'Build muscle', icon: 'dumbbell' }, { k: 'mobility', t: 'Mobility', s: 'Long stretch', icon: 'brain' }, ].map(o => { const a = goal === o.k; return ( ); })}

Equipment

{[ { k: 'none', t: 'Bodyweight only' }, { k: 'mat', t: 'Yoga mat' }, { k: 'bands', t: 'Resistance bands' }, { k: 'full', t: 'Full gym' }, ].map(e => ( setEquip(e.k)}>{e.t} ))}

setStep('generating')}>Build today's workout ); } if (step === 'generating') { return setStep('plan')} dur={2200}/>; } if (step === 'session') { return setStep('summary')} onBack={() => setStep('plan')}/>; } if (step === 'summary') { return ( setStep('plan')}/>

Session complete

20 min

Zone 2 · {goal}

Solid recovery session. Your BP usually drops 5–8 mmHg in the next 60 minutes — check it in.

onNavigate('home')}>Done onNavigate('home')}>Save to Health

); } // plan return ( setStep('setup')}/>

Today's workout

{goal === 'recovery' ? 'Recovery walk + mobility' : goal === 'cardio' ? 'Zone 2 cardio' : goal === 'strength' ? 'Strength · push' : 'Long mobility'}

20 min · low intensity · for your BP

Exercises {['Easy walk · 10 min Z2','Cat-cow · 8 slow','Hip circles · 5 each side','Forward fold · 60s hold','Walk-out + push · 6 reps','Cool down · 3 min'].map((line, i, arr) => (

{i+1}

{line}

))} ); } function WorkoutSessionView({ goal, onFinish, onBack }) { const [exercises, setExercises] = React.useState([ { n: 'Easy walk', sub: '10 min Z2', done: false }, { n: 'Cat-cow', sub: '8 reps slow', done: false }, { n: 'Hip circles',sub: '5 each side', done: false }, { n: 'Forward fold', sub: '60s hold', done: false }, { n: 'Walk-out', sub: '6 reps', done: false }, { n: 'Cool down', sub: '3 min stretch', done: false }, ]); const [elapsed, setElapsed] = React.useState(0); React.useEffect(() => { const id = setInterval(() => setElapsed(e => e + 1), 1000); return () => clearInterval(id); }, []); const done = exercises.filter(e => e.done).length; const mm = String(Math.floor(elapsed / 60)).padStart(2, '0'); const ss = String(elapsed % 60).padStart(2, '0'); const toggle = (i) => setExercises(es => es.map((e, j) => j === i ? { ...e, done: !e.done } : e)); return (

{goal} · live

{mm}:{ss}

Done

{done} / {exercises.length}

{exercises.map((ex, i) => (

toggle(i)}/>

{ex.n}

{ex.sub}

))}

Finish session ); } function SummaryStat({ label, value, dark }) { return (

{label}

{value}

); } // ========================================================================== // VOICE FLOW // ========================================================================== function VoiceFlowScreen({ onNavigate, onBack }) { const [step, setStep] = React.useState('preflight'); // preflight | live | transcript | summary if (step === 'preflight') { return (

Before we start

Voice with Anna

{[ { i: 'mic', t: 'Microphone', s: 'Allow when prompted.' }, { i: 'voice', t: 'Quiet room helps', s: 'Anna interrupts less.' }, { i: 'shield', t: 'Voice is private', s: 'Transcript stays on your device.' }, ].map(o => (

{o.t}

{o.s}

))}

setStep('live')}>Start session ); } if (step === 'transcript') { return ( setStep('live')}/>

{[ { from: 'user', text: 'My BP read 132/86 this morning.' }, { from: 'anna', text: `Hi ${(window.HEALIFY_USER && window.HEALIFY_USER.first) || 'Kathryn'} — you're right to flag that. 132/86 is in Stage 1 territory. Two days in a row?` }, { from: 'user', text: 'Yeah, second day. Should I be worried?' }, { from: 'anna', text: 'Not alarming, but worth steering down. Three things would help most: cut sodium under 1,500mg today, walk 20 minutes after lunch, and skip the evening wine for the next two weeks. I can set you up.' }, { from: 'user', text: 'Yes please.' }, { from: 'anna', text: 'Done. I queued a low-sodium meal swap and dropped a 6:30pm walking reminder on your calendar. We\'ll re-check Friday morning.' }, ].map((m, i) => ( {m.text} ))}

setStep('summary')}>End & summarize

); } if (step === 'summary') { return ( setStep('transcript')}/>

3 min · BP check-in

Steering BP down

You flagged 132/86. I queued sodium ≤ 1,500mg today, a 6:30pm walk, and two weeks no evening wine. Re-check Friday morning.

What I'll do

onNavigate('home')}>Discard onNavigate('home')}>Save to Health

); } // live — reuse the VoiceCallScreen orb return setStep('transcript')}/>; } // ========================================================================== // LOADER — shared loading screen used by every multi-step flow // ========================================================================== function LoaderScreen({ label, steps = [], onDone, dur = 2200 }) { const [i, setI] = React.useState(0); React.useEffect(() => { if (i >= steps.length - 1) { const t = setTimeout(() => onDone && onDone(), dur / 2); return () => clearTimeout(t); } const t = setTimeout(() => setI(i + 1), dur / steps.length); return () => clearTimeout(t); }, [i, steps.length]); return (

{label}

{steps.map((s, k) => { const active = k <= i; return (

{active && k < i ? : null}

{s}

); })}

); } Object.assign(window, { BloodworkFlowScreen, DNAFlowScreen, MealPlannerFlowScreen, WorkoutFlowScreen, VoiceFlowScreen, LoaderScreen, });