import { useState } from "react"; const G = "#C9A84C"; const G_DIM = "rgba(201,168,76,0.12)"; const G_BORDER = "rgba(201,168,76,0.22)"; const BG = "#06060A"; const TXT = "#EDE8DC"; const MUTED = "#5E5749"; const MUTED2 = "#8B7E6A"; const BLOCK_CONFIG = { Absence: { color: "#64748B", bg: "rgba(100,116,139,0.13)", label: "ABSENCE", glyph: "○" }, Distortion:{ color: "#A855F7", bg: "rgba(168,85,247,0.13)", label: "DISTORTION", glyph: "◈" }, Leakage: { color: "#3B82F6", bg: "rgba(59,130,246,0.13)", label: "LEAKAGE", glyph: "◇" }, Inversion: { color: "#EF4444", bg: "rgba(239,68,68,0.13)", label: "INVERSION", glyph: "⊗" }, Clear: { color: "#C9A84C", bg: "rgba(201,168,76,0.13)", label: "CLEAR", glyph: "◉" }, }; const FIELDS = [ { id:"iam", name:"I AM Field", domain:"ORIGIN", tagline:"Your core signal — who you are before the world named you", resonanceLow:"Signal absent", resonanceHigh:"Pure frequency", symptoms:["I don't know who I am beneath the roles I play","I sense who I am, but I can't hold it consistently","Clarity arrives, but it fades before I can build on it","My sense of self contracts rather than expands me"]}, { id:"soulscape", name:"Soulscape", domain:"ORIGIN", tagline:"Your soul's blueprint — the original architecture beneath the conditioning", resonanceLow:"Disconnected", resonanceHigh:"Fully inhabited", symptoms:["I feel like I'm living someone else's life or purpose","I know there's more to me, but it feels inaccessible","I reconnect with my deeper self but quickly lose the thread","My soul's calling feels dangerous or unsafe to follow"]}, { id:"imaginal", name:"Imaginal", domain:"ORIGIN", tagline:"The field of possibility — where visions are born before they enter form", resonanceLow:"Imagination closed", resonanceHigh:"Vision fully alive", symptoms:["I struggle to envision what I truly want","I can imagine it, but the vision feels confused or contradictory","The vision is clear until I try to hold it — then it dissolves","My imagination generates fear more than possibility"]}, { id:"personscape", name:"Personscape", domain:"HUMAN INTERFACE", tagline:"Your conditioned self — the personality built over your original signal", resonanceLow:"Mask dominant", resonanceHigh:"Person aligned with signal", symptoms:["I don't know who I am outside of how others see me","My personality feels like performance, not expression","I show up authentically in flashes, but it doesn't hold","The version of me people know works against what I actually want"]}, { id:"culturescape", name:"Culturescape", domain:"HUMAN INTERFACE", tagline:"The collective field — cultural codes running beneath your choices", resonanceLow:"Culture running you", resonanceHigh:"Consciously sovereign", symptoms:["I don't see how culture is shaping my decisions","I can see the conditioning but still feel controlled by it","I break free from cultural scripts, then get pulled back in","The cultural narrative I've internalized actively limits me"]}, { id:"religioscape", name:"Religioscape", domain:"HUMAN INTERFACE", tagline:"Spiritual conditioning — where the sacred was wired into wound", resonanceLow:"Wound dominant", resonanceHigh:"Sovereign spiritual signal", symptoms:["I have no living relationship with my own source","My spiritual life feels like obligation, guilt, or performance","I experience genuine connection, but it doesn't integrate into life","My spiritual wiring tells me that being fully myself is dangerous"]}, { id:"legalscape", name:"Legalscape", domain:"STRUCTURAL SYSTEMS", tagline:"Systems and structures — how you build and operate within frameworks", resonanceLow:"Chaotic / avoidant", resonanceHigh:"Structurally sovereign", symptoms:["I avoid creating or operating within structures","I have systems but they don't serve my actual vision","I build solid structures but they collapse or get abandoned","The structures in my life constrain rather than liberate me"]}, { id:"digital", name:"Digital", domain:"STRUCTURAL SYSTEMS", tagline:"Your digital field — the signal you transmit through technology", resonanceLow:"Invisible or noisy", resonanceHigh:"Clear transmission", symptoms:["I have no consistent digital presence or signal","I show up online but it doesn't reflect who I actually am","I build momentum online then go dark or lose consistency","My digital presence attracts the wrong people or opportunities"]}, { id:"economic", name:"Economic", domain:"STRUCTURAL SYSTEMS", tagline:"Value circulation — the field where worthiness becomes currency", resonanceLow:"Value blocked", resonanceHigh:"Abundant flow", symptoms:["I don't feel that I generate real economic value","I generate value but it doesn't convert to actual income","Money flows in, then flows out just as fast — no accumulation","My economic reality is the opposite of my actual capacity"]}, { id:"matterscape", name:"Matterscape", domain:"PHYSICAL REALITY", tagline:"The body and environment — the final diagnostic. Matter never lies.", resonanceLow:"Body under siege", resonanceHigh:"Fully embodied", symptoms:["I feel disconnected from my body — it's a vehicle, not a home","My body is present but sending mixed or confusing signals","I achieve states of aliveness, but can't sustain them","My physical reality contradicts my internal state"]}, ]; const CSS = ` @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Karla:wght@300;400;500&display=swap'); *{box-sizing:border-box;margin:0;padding:0;} .nm{min-height:100vh;background:${BG};background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(201,168,76,0.06) 0%,transparent 70%);font-family:'Karla',sans-serif;color:${TXT};} .serif{font-family:'Cormorant Garamond',Georgia,serif;} .fade{animation:fi 0.55s ease forwards;} @keyframes fi{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}} .pulse{animation:gp 2.4s ease-in-out infinite;} @keyframes gp{0%,100%{box-shadow:0 0 0 0 rgba(201,168,76,0);opacity:.4;transform:scale(1)}50%{box-shadow:0 0 28px 6px rgba(201,168,76,0.18);opacity:.9;transform:scale(1.08)}} .btn-g{background:transparent;border:1px solid ${G};color:${G};padding:.85rem 2.4rem;font-family:'Karla',sans-serif;font-size:.7rem;letter-spacing:.3em;cursor:pointer;transition:background .2s;} .btn-g:hover{background:${G_DIM};} .btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.1);color:${MUTED};padding:.85rem 1.4rem;font-family:'Karla',sans-serif;font-size:.7rem;letter-spacing:.2em;cursor:pointer;transition:all .2s;} .btn-ghost:hover{border-color:${G_BORDER};color:${MUTED2};} .res-btn{flex:1;aspect-ratio:1;border:1px solid ${G_BORDER};background:transparent;color:${MUTED};font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;} .res-btn.on{border-color:${G};background:${G_DIM};color:${G};} .sym-btn{background:transparent;border:1px solid rgba(255,255,255,.07);color:${MUTED2};padding:.75rem 1rem;text-align:left;font-family:'Karla',sans-serif;font-size:.82rem;line-height:1.55;cursor:pointer;transition:all .2s;width:100%;display:flex;align-items:flex-start;gap:.75rem;} .sym-btn:hover{border-color:${G_BORDER};color:${TXT};} .sym-btn.on{border-color:${G};background:${G_DIM};color:${TXT};} .chk{width:14px;height:14px;min-width:14px;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:${BG};margin-top:2px;transition:all .2s;} .chk.on{border-color:${G};background:${G};} .row{border:1px solid ${G_BORDER};cursor:pointer;transition:all .25s;} .row:hover{border-color:rgba(201,168,76,.45);} .pb{height:1px;background:rgba(255,255,255,.04);} .pf{height:100%;background:${G};transition:width .5s ease;} .lbl{font-size:.6rem;letter-spacing:.3em;color:${G};} .lbl-m{font-size:.6rem;letter-spacing:.2em;color:${MUTED};} .badge{padding:.22rem .65rem;font-size:.55rem;letter-spacing:.18em;border:1px solid;} .dv{width:2px;background:linear-gradient(to bottom,transparent,${G},transparent);margin:0 auto;} .dv-up{width:2px;background:linear-gradient(to bottom,transparent,${G});margin:0 auto;} .dv-dn{width:2px;background:linear-gradient(to bottom,${G},transparent);margin:0 auto;} ::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:${G_BORDER};} `; function WelcomeScreen({ onStart }) { return ( ); } function FieldScreen({ field, fieldNumber, resonance, symptoms, onResonanceChange, onToggle, onNext, onBack }) { const pct = (fieldNumber / FIELDS.length) * 100; return ( ); } function LoadingScreen({ text }) { return ( ); } function ResultsScreen({ results }) { const [exp, setExp] = useState(null); const pb = BLOCK_CONFIG[results.primaryBlockType] || BLOCK_CONFIG.Clear; return ( ); } export default function App() { const [step, setStep] = useState(0); const [responses, setResponses] = useState({}); const [resonance, setResonance] = useState(3); const [symptoms, setSymptoms] = useState([]); const [results, setResults] = useState(null); const [loadingText, setLoadingText] = useState("Reading your field..."); const field = step>=1&&step<=10 ? FIELDS[step-1] : null; const goTo = (n) => { if(n>=1&&n<=10){ const saved=responses[FIELDS[n-1].id]; setResonance(saved?.resonance??3); setSymptoms(saved?.symptoms??[]); } setStep(n); }; const save = () => { if(field) setResponses(p=>({...p,[field.id]:{resonance,symptoms}})); }; const handleNext = () => { save(); if(step===10) runDiagnostic({...responses,[field.id]:{resonance,symptoms}}); else goTo(step+1); }; const handleBack = () => { save(); goTo(step-1); }; const runDiagnostic = async (all) => { setStep(11); const msgs=["Reading your field...","Mapping block signatures...","Identifying intervention points...","Assembling your read...","Transmitting..."]; let i=0; const iv=setInterval(()=>{i=(i+1)%msgs.length;setLoadingText(msgs[i]);},1900); const summaries=FIELDS.map(f=>{ const r=all[f.id]||{resonance:3,symptoms:[]}; return `${f.name} (${f.domain}): Resonance ${r.resonance}/5. Symptoms: ${r.symptoms.length?r.symptoms.join("; "):"None"}.`; }).join("\n"); const system=`You are an HSA (Human Systems Architecture) diagnostic engine within the Neomysticism framework by Neo (Traydon). Produce a full field diagnostic. Return ONLY valid JSON — no preamble, no code fences. TEN FIELDS / FOUR DOMAINS: ORIGIN: I AM Field (core source signal), Soulscape (soul blueprint), Imaginal (possibility field) HUMAN INTERFACE: Personscape (conditioned personality), Culturescape (collective conditioning), Religioscape (spiritual conditioning / wound architecture — where the sacred was wired into wound) STRUCTURAL SYSTEMS: Legalscape (structures & systems), Digital (transmission field), Economic (value circulation / worthiness) PHYSICAL REALITY: Matterscape (body & environment — final diagnostic, never lies) BLOCK TYPES: Absence: Field dormant. Signal not claimed or activated. Distortion: Field active but running corrupted code. Signal warped. Leakage: Field activates but energy dissipates. Signal can't be held. Inversion: Field reversed. Energy working against the person. Clear: Field relatively open. RULE: Intervention must match the field where the block lives. Never prescribe upstream solutions for downstream problems. RESONANCE: 1-2=blocked, 3=partial interference, 4-5=relatively clear. Return ONLY this JSON: {"overallSignature":"2-3 sentences on total field signature — precise, no performance","primaryBlockField":"field name","primaryBlockType":"Absence|Distortion|Leakage|Inversion","fieldReadings":[{"field":"name","domain":"domain","blockType":"Absence|Distortion|Leakage|Inversion|Clear","blockSeverity":"Low|Medium|High","reading":"2-3 sentence somatic, honest read","intervention":"1-2 sentences — concrete, field-matched"}],"transmissionMessage":"One powerful paragraph. Second person, present tense. Neomystic voice — somatic, compressed, no fluff. This is what they carry out."}`; try { const resp=await fetch("https://api.anthropic.com/v1/messages",{ method:"POST", headers:{"Content-Type":"application/json"}, body:JSON.stringify({model:"claude-sonnet-4-20250514",max_tokens:1000,system,messages:[{role:"user",content:`Client field responses:\n\n${summaries}`}]}) }); const data=await resp.json(); const text=data.content.map(b=>b.text||"").join(""); const parsed=JSON.parse(text.replace(/```json|```/g,"").trim()); setResults(parsed); setStep(12); } catch(err) { console.error(err); alert("Diagnostic failed. Please try again."); setStep(10); } finally { clearInterval(iv); } }; if(step===0) return goTo(1)} />; if(step===11) return ; if(step===12&&results) return ; return ( setSymptoms(p=>p.includes(s)?p.filter(x=>x!==s):[...p,s])} onNext={handleNext} onBack={handleBack} /> ); }