// Science hi-fi — onboarding (5 steps) + report generation // Uses globals from science-hifi.jsx: SCI, MonoLabel, Pill, SciBtn, Rule, BigFiveBars, EnneaRadar, MBTIStack, Sparkline // — shared chrome ———————————————————————— function ObProgress({ step, total=5, compact }) { return (
Step {String(step).padStart(2,'0')} / {String(total).padStart(2,'0')}
{Array.from({length:total}).map((_,i)=>(
))}
); } function ObFrameDesktop({ step, title, kicker, lead, children, side, width=1400 }) { return (
{/* top chrome */}
Persona
§ Assessment intake · {kicker}
SAVE & EXIT
{/* body split */}
Question {step} of 5

{title}

{lead &&
{lead}
}
{children}
{side}
); } // — Step 01 · Name & DOB ————————————————— function ObStep1Desktop() { return ( Start with who
and when.} lead="Birth date is the seed value for seven of the ten archetypal instruments. Spelling of name matters for numerology — use what is on your birth certificate." side={} >
Continue ↵ ENTER TO CONTINUE
); } // — Step 02 · Birth time ————————————————— function ObStep2Desktop() { return ( The time
you were born.} lead="Optional, but the birth time sets the house structure for the astrology and Human Design instruments. Without it, we will still generate a report — flagged with the ~40% of signal that is unavailable." side={} >
:
{['Exact','±15 min','±1 hour','Unknown'].map((t,i)=>( {t} ))}
← Back Continue I don't know my birth time →
); } function ObSideAccuracy() { return (
FIG. 03 · Time precision → signal
More precise time, more precise houses.
{/* bar chart: precision vs signal */}
{[ ['Exact', 100, true ], ['± 15 min', 92, false], ['± 1 hour', 78, false], ['± 4 hours', 62, false], ['Unknown', 58, false], ].map(([l,v,active],i)=>(
{l}
{v}%
))}
Rounded guesses are fine — the accuracy tag follows your answer through the report. Exactness is never assumed.
); } // — Step 03 · Location ————————————————— function ObStep3Desktop() { const results = [ ['Brooklyn, New York · United States', '40.68° N · 73.94° W', true], ['Brussels · Belgium', '50.85° N · 4.35° E', false], ['Buenos Aires · Argentina', '34.61° S · 58.38° W', false], ['Brasília · Brazil', '15.79° S · 47.88° W', false], ]; return ( Where the sky
was, then.} lead="We use place of birth to compute the coordinates for astrocartography and to resolve timezone for step 02. Cities only — street-level precision is not useful here." side={} >
{results.map(([n,c,sel],i)=>(
{n} {c}
))}
← Back Continue
); } function ObSideWorldMap() { // rough world map with pin on NYC return (
FIG. 04 · Location preview
{/* graticule */} {Array.from({length:7}).map((_,i)=>( ))} {Array.from({length:5}).map((_,i)=>( ))} {/* continents (abstract blocks) */} {/* pin */} BROOKLYN 40.68° N · 73.94° W
{[['Latitude','40.6782° N'],['Longitude','73.9442° W'],['Timezone','America/New_York'],['UTC offset','−05:00 (DST)']].map(([k,v],i)=>(
{k}
{v}
))}
); } // — Step 04 · Psychometric quiz ————————————— function ObStep4Desktop() { const answers = ['Strongly disagree','Disagree','Neutral','Agree','Strongly agree']; const selected = 3; return ( Agree, or
don't.} lead="Item 24 of 120. Answer on instinct — this is an IRT-scaled instrument and it auto-adjusts to your response pattern. No right answer exists." side={} >
Item № 024 · Big Five · Openness Loading: +0.72 O
“I find abstract ideas exciting, even when they have no obvious practical use.”
{answers.map((a,i)=>(
{i+1}
{a}
))}
← Previous Continue KEYS 1–5 · TAB TO SKIP
); } function ObSideIRT() { return (
FIG. 05 · Adaptive progress
Live calibration of your profile.
Items answered 24 / 120
Running Big Five estimate · ±CI Confidence band narrows with each item.
Your profile estimate updates in real time. You can stop anywhere after item 60 — we will flag lower-confidence traits rather than guess.
); } // — Step 05 · Tier select ————————————————— function ObStep5Desktop() { const tiers = [ { t:'Observation', p:'$0', per:'forever', selected:false }, { t:'Blueprint', p:'$79', per:'once', selected:true }, { t:'Inner Circle',p:'$199', per:'year', selected:false }, ]; return ( Choose the
depth of report.} lead="Your assessment is complete. Pick a tier — you can upgrade from any tier at any time. Downgrading just hides content, never deletes it." side={} >
{tiers.map((t,i)=>(
Tier 0{i+1}
{t.t}
{t.p}
/ {t.per}
))}
Add-on
Relationship pairing — compare with a partner
+ $29
✓
← Back Continue to checkout $108.00 TOTAL
); } function ObSideCheckoutPreview() { return (
FIG. 06 · What you unlock
Blueprint tier · 10 instruments.
{[ ['All 10 instruments computed', true], ['Convergence matrix', true], ['~8,000-word editorial report',true], ['38-minute narrated audio', true], ['PDF export', true], ['Relationship pairing', true], ['Quarterly transit update', false], ['Chat with your chart', false], ].map(([l,inc],i)=>(
{inc?'✓':'·'} {l}
))}
Upgrade to Inner Circle post-purchase for the last two — retroactive credit applied.
); } // — Field ———————————————————— function FieldDesktop({ label, value, hint, mono, w, cursor }) { return (
{label}
{value} {cursor && }
{hint && {hint}}
); } // ————————————————————————————— // Readout side (shared style) function ObSideReadout({ label, figNumber, rows, extra }) { return (
FIG. {figNumber} · {label}
Every field has a purpose. Here are yours.
{rows.map(([k,v],i)=>(
{k}
{v}
))}
{extra}
The intake instrument adapts to your answers. The fewer guesses, the tighter the confidence band on your final report.
); } // ========================================================= // Report generation — the 120-second compute screen // ========================================================= function SciReportGen() { const insts = [ { n:'Big Five (OCEAN)', cat:'Psychometric', s:'done' , t:'00:12' }, { n:'MBTI 16-Type', cat:'Typological', s:'done' , t:'00:18' }, { n:'Enneagram', cat:'Typological', s:'done' , t:'00:07' }, { n:'Human Design', cat:'Synthetic', s:'active' , t:'00:09' }, { n:'Western astrology', cat:'Archetypal', s:'pending' , t:'—' }, { n:'Numerology', cat:'Archetypal', s:'pending' , t:'—' }, { n:'Astrocartography', cat:'Archetypal', s:'pending' , t:'—' }, { n:'I Ching', cat:'Archetypal', s:'pending' , t:'—' }, { n:'Gene Keys', cat:'Archetypal', s:'pending' , t:'—' }, { n:'Chinese astrology', cat:'Archetypal', s:'pending' , t:'—' }, ]; return (
Persona
§ Compute · Blueprint build DO NOT CLOSE TAB · EST 02:12 REMAINING
{/* Left — running log of instruments */}
§ 01 · Instruments

Computing your
blueprint.

Each instrument runs in isolation, then we compute their pairwise agreement. This page will auto-advance when the build completes.
{['№','Instrument','Category','Time','Status'].map((h,i)=>({h}))}
{insts.map((it,i)=>(
{String(i+1).padStart(2,'0')} {it.n} {it.cat} {it.t} {it.s==='done'?'✓ done':(it.s==='active'?'● running':'· pending')}
))}
{/* Right — progress + live preview */}
§ 02 · Progress
36%
00:00ELAPSED 00:48EST 02:12
{/* Live preview — what's being computed now */}
Now computing · Human Design Type · Projector
{/* abstract body graph */} {[[110,22,'△'],[110,56,'□'],[110,90,'□'],[110,124,'□'],[110,158,'▽'],[78,78,'◇'],[142,78,'◇'],[78,118,'○'],[142,118,'○']].map(([x,y],i)=>( ))}
> resolving design-position ephemeris · 88d prior to birth
> computing gate activations · 64/64 channels
> ● projector · emotional authority
Once all ten are computed, the convergence engine produces the ~2,300 pairwise scores that drive your final editorial report.
); } // ———— Mobile variants ———— function ObStepMobile({ step, kicker, title, children, footer }) { return (
Persona
SAVE & EXIT
{kicker}
Question {step} of 5

{title}

{children}
{footer}
); } function ObStep1Mobile() { return ( Who and when.} footer={<>Continue↵ ENTER}>
); } function ObStep2Mobile() { return ( The time.} footer={<>ContinueI don't know my birth time →}>
Sets the house structure for astrology + Human Design. Optional, but precision increases report signal.
:
{['Exact','±15','±1 h','Unknown'].map((t,i)=>({t}))}
); } function ObStep3Mobile() { return ( Where the
sky was.} footer={Continue}>
{[['Brooklyn, NY · USA',true],['Brussels · BE',false],['Buenos Aires · AR',false]].map(([n,sel],i)=>(
{n}
))}
); } function ObStep4Mobile() { return ( Agree, or don't.} footer={<>ContinueITEM 024 · OPENNESS}>
“I find abstract ideas exciting, even when they have no obvious use.”
{['Strongly disagree','Disagree','Neutral','Agree','Strongly agree'].map((a,i)=>(
{a} {i+1}
))}
); } function ObStep5Mobile() { return ( Choose depth.} footer={<>Continue to checkout$108.00 TOTAL}>
{[ {t:'Observation', p:'$0', per:'forever', sel:false}, {t:'Blueprint', p:'$79', per:'once', sel:true}, {t:'Inner Circle', p:'$199', per:'year', sel:false}, ].map((t,i)=>(
{t.t}
/ {t.per}
{t.p}
))}
Add-on
Relationship pairing
+$29
✓
 ); } function SciReportGenMobile() { return (
Persona
DO NOT CLOSE
§ Compute

Computing your blueprint.

36%
ELAPSED 00:48EST 02:12
Instruments · 3 of 10 complete
{[['Big Five','done'],['MBTI','done'],['Enneagram','done'],['Human Design','active'],['Astrology','pending'],['Numerology','pending'],['Astrocartography','pending'],['I Ching','pending'],['Gene Keys','pending'],['Chinese','pending']].map(([n,s],i)=>(
{n} {s==='done'?'✓':(s==='active'?'●':'·')} {s}
))}
); } Object.assign(window, { ObStep1Desktop, ObStep2Desktop, ObStep3Desktop, ObStep4Desktop, ObStep5Desktop, ObStep1Mobile, ObStep2Mobile, ObStep3Mobile, ObStep4Mobile, ObStep5Mobile, SciReportGen, SciReportGenMobile, });