[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_256":257,"_258":259},"routes/_app.x.$handle.$name",{"_101":100,"_32":46,"_110":91,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_20":-5,"_122":-5,"_123":-5,"_124":25,"_125":126,"_127":60,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":25},"version",227,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","frontend/components/App.tsx","latestPath","fileId","01a0931d-4f94-72bb-aad6-37073c615cd6","name","App.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React,{useEffect,useMemo,useState} from \"https://esm.sh/react@18.2.0\";\n\ntype Idea={id:number;name:string;customer:string;problem:string;price_model:string;acquisition:string;score:number;verdict:string;status:string;requester_name?:string;requester_email?:string;sdg_goals?:string;deployment_url?:string|null};\ntype SdgRow={goal:string;goalNumber?:number;goalName?:string;label:string;unit:string;value:number|null;year:string|null;dataSource?:string|null;sourceUrl?:string|null;freshnessNote?:string;noNewer?:boolean};\ntype CountryOption={code:string;name:string;region?:string;incomeLevel?:string};\nconst initial={requester_name:\"\",requester_email:\"\",name:\"\",customer:\"\",problem:\"\",price_model:\"\",acquisition:\"\",sdg_goals:[] as number[],pain:8,buyer:7,speed:8,recurring:7,distribution:6,defensibility:6};\nconst BENJI=\"https://benji-sdg-educator-vault.hrhsafwan.chatgpt.site\";\nconst APPS4ALL=\"https://apps4allsdgs.org/\";\nconst SDGCF_LOGO=\"https://tshc-payments-gateway.floot.app/_cdn/static/04a49916-4c3b-4557-a70a-20d405181af5-sdg-champions-france.jpg\";\nconst GVVI_LOGO=\"https://tshc-payments-gateway.floot.app/_cdn/static/a932b04a-5578-4611-b4d0-8bbb9bea1534-gvvi-logo.jpg\";\nconst FWH_LOGO=\"https://tshc-payments-gateway.floot.app/_cdn/static/50c89828-3b28-47ae-b44f-ccf9f5b6f790-fwh-logo.jpg\";\nconst LOGO=\"https://tshc-payments-gateway.floot.app/_cdn/static/a6bb4ecb-64bc-486a-bcdf-3df3298e34e4-tshc-sovereign-logo.jpg\";\nconst goals=[\"No Poverty\",\"Zero Hunger\",\"Good Health & Well-being\",\"Quality Education\",\"Gender Equality\",\"Clean Water & Sanitation\",\"Affordable & Clean Energy\",\"Decent Work & Economic Growth\",\"Industry, Innovation & Infrastructure\",\"Reduced Inequalities\",\"Sustainable Cities & Communities\",\"Responsible Consumption & Production\",\"Climate Action\",\"Life Below Water\",\"Life on Land\",\"Peace, Justice & Strong Institutions\",\"Partnerships for the Goals\"];\nconst sdgColors=['#E5243B','#DDA63A','#4C9F38','#C5192D','#FF3A21','#26BDE2','#FCC30B','#A21942','#FD6925','#DD1367','#FD9D24','#BF8B2E','#3F7E44','#0A97D9','#56C02B','#00689D','#19486A'];\nfunction go(path:string){history.pushState({},\"\",path);window.dispatchEvent(new PopStateEvent(\"popstate\"));window.scrollTo(0,0)}\nfunction Btn({to,children,className=\"\",style}:{to:string;children:any;className?:string;style?:any}){return }\nfunction Field({label,value,onChange,placeholder,area=false}:{label:string;value:string;onChange:(v:string)=>void;placeholder:string;area?:boolean}){const c=\"mt-2 w-full rounded-xl border border-[#021734]/20 bg-white px-4 py-3 text-sm outline-none focus:border-amber-500\";return {label}{area?

onChange(e.target.value)} placeholder={placeholder}/>:<input className={c} value={value} onChange={e=>onChange(e.target.value)} placeholder={placeholder}/>}</label>}\nfunction Slider({label,value,onChange}:{label:string;value:number;onChange:(n:number)=>void}){return <div className=\"grid grid-cols-[110px_minmax(0,1fr)_34px] items-center gap-2 text-sm sm:grid-cols-[150px_minmax(0,1fr)_36px] sm:gap-3\"><span className=\"font-bold text-white\">{label}</span><input type=\"range\" min=\"1\" max=\"10\" value={value} onChange={e=>onChange(+e.target.value)} className=\"w-full accent-[#DDBA71]\"/><b className=\"text-[#DDBA71]\">{value*10}</b></div>}\nfunction Shell({children}:{children:any}){const [menu,setMenu]=useState(false);const current=location.pathname;const nav=[['Home','/'],['Apps','/apps'],['Tools','/tools'],['Pricing','/pricing'],['Partners','/partners'],['Member Access','/account'],['Resources','/resources'],['About','/about'],['Contact','/contact']];return <div className=\"min-h-screen overflow-x-hidden break-words text-[#071425]\" style={{background:'radial-gradient(circle at 90% -10%,rgba(221,186,113,.16),transparent 26%),linear-gradient(180deg,#fffdf8 0%,#f4efe5 100%)'}}><header className=\"sticky top-0 z-40 border-b border-[#DDBA71]/30 bg-[#021734]/95 text-white shadow-[0_10px_32px_rgba(0,10,30,.28)] backdrop-blur\"><div className=\"mx-auto flex max-w-7xl items-center justify-between px-4 py-3 md:px-6\"><button onClick={()=>go('/')} className=\"group flex min-w-0 flex-1 items-center gap-2.5 text-left sm:gap-3\"><img src={LOGO} alt=\"Trinlah Sovereign Holdings Corporation\" className=\"h-11 w-11 flex-none rounded-full border border-[#DDBA71]/80 object-cover shadow-[0_0_0_3px_rgba(221,186,113,.12)] sm:h-14 sm:w-14 md:h-16 md:w-16\"/><div className=\"min-w-0\"><div className=\"hidden truncate text-[9px] font-black uppercase tracking-[.22em] text-[#DDBA71] sm:block md:text-[10px]\">Trinlah Sovereign Holdings Corporation</div><div className=\"truncate text-lg font-black leading-none sm:mt-0.5 sm:text-xl md:text-2xl\">Sovereign Forge</div><div className=\"mt-1 hidden truncate text-[9px] font-bold tracking-[.16em] text-slate-300 md:block\">SDG INTELLIGENCE · BUILD · MONETIZE · IMPACT</div></div></button><nav className=\"hidden items-center gap-1 xl:flex\">{nav.map(([n,p])=><Btn key={n} to={p} className={`rounded-lg px-3 py-2 text-xs font-bold transition ${current===p?'bg-white/10 text-[#DDBA71] ring-1 ring-[#DDBA71]/25':'text-slate-200 hover:bg-white/8 hover:text-[#DDBA71]'}`}>{n}</Btn>)}</nav><div className=\"flex shrink-0 items-center gap-1.5 sm:gap-2 xl:hidden\"><button aria-label=\"Home\" title=\"Home\" onClick={()=>go('/')} className=\"grid h-10 w-10 place-items-center rounded-lg border border-[#DDBA71]/30 bg-white/5 text-lg font-black text-[#DDBA71]\">⌂</button><button aria-label=\"About\" title=\"About Sovereign Forge\" onClick={()=>go('/about')} className=\"h-10 rounded-lg border border-[#DDBA71]/30 bg-white/5 px-2.5 text-[11px] font-black text-white\">About</button><button aria-label=\"Open menu\" onClick={()=>setMenu(!menu)} className=\"grid h-10 w-10 place-items-center rounded-lg border border-[#DDBA71]/30 bg-white/5 text-xl\">☰</button></div></div>{menu&&<div className=\"border-t border-white/10 bg-[#021734] px-4 py-3 shadow-inner xl:hidden\">{nav.map(([n,p])=><Btn key={n} to={p} className={`block w-full rounded-lg px-3 py-3 text-left text-sm font-bold transition ${current===p?'bg-white/10 text-[#DDBA71]':'text-slate-100 hover:bg-white/5 hover:text-[#DDBA71]'}`}>{n}</Btn>)}</div>}</header>{children}<footer className=\"mt-14 border-t border-[#DDBA71]/20 bg-[#021734] text-white\"><div className=\"mx-auto max-w-7xl px-5 py-10\"><div className=\"grid gap-8 lg:grid-cols-[1.2fr_.8fr_.8fr]\"><div className=\"flex items-start gap-4\"><img src={LOGO} alt=\"TSHC\" className=\"h-20 w-20 rounded-full border border-[#DDBA71]/60 object-cover\"/><div><div className=\"text-xs font-black uppercase tracking-[.25em] text-[#DDBA71]\">TSHC</div><div className=\"mt-1 text-2xl font-black\">Sovereign Forge</div><p className=\"mt-3 max-w-md text-sm leading-6 text-slate-400\">Sovereign vision, strategic impact and global legacy—translated into SDG intelligence, opportunity and working digital products.</p></div></div><div><div className=\"text-sm font-black text-white\">Platform</div><div className=\"mt-3 grid gap-2 text-sm\">{[['Apps','/apps'],['Tools','/tools'],['Pricing','/pricing'],['Partners','/partners'],['Contact','/contact']].map(([n,p])=><Btn key={n} to={p} className=\"text-left text-slate-400 hover:text-[#DDBA71]\">{n}</Btn>)}</div></div><div><div className=\"text-sm font-black text-white\">Legal & Methodology</div><div className=\"mt-3 grid gap-2 text-sm\">{[['Resources','/resources'],['Privacy','/privacy'],['Terms','/terms'],['Refunds','/refunds']].map(([n,p])=><Btn key={n} to={p} className=\"text-left text-slate-400 hover:text-[#DDBA71]\">{n}</Btn>)}</div></div></div><div className=\"mt-8 flex flex-col gap-2 border-t border-white/8 pt-5 text-xs text-slate-500 sm:flex-row sm:items-center sm:justify-between\"><span>© 2026 Trinlah Sovereign Holdings Corporation</span><span>Sovereign Vision · Strategic Impact · Global Legacy</span></div></div></footer></div>}\nfunction Home(){const cards=[['▥','TSHC Data Explorer','SDG Intelligence','Live global indicators mapped across all 17 Sustainable Development Goals.','/data-explorer','#19486A'],['◒','Benji SDG Educator','Education Platform','Open the Benji SDG Educator Vault, learning resources and educator tools.',BENJI,'#00689D'],['⌂','Property + SDG Scanner','Opportunity Intelligence','Scan public property opportunity channels and layer SDG context over each geography.','/property-scanner','#8D7547'],['⚙','SDG Business Toolkit','Impact Enterprise','Build the business model, economics, impact thesis, KPIs and investor readiness.','/business-toolkit','#021734']];return <Shell><main><section className=\"border-b border-[#DDBA71]/30 bg-[#010B1B] px-3 py-5 sm:px-5 sm:py-8\"><div className=\"mx-auto max-w-5xl\"><h1 className=\"sr-only\">TSHC Sovereign Forge — The Specialist SDG Intelligence Application</h1><img src=\"/assets/forge-home.webp\" alt=\"TSHC Sovereign Forge — the specialist Sustainable Development Goals intelligence application\" className=\"mx-auto block h-auto max-h-[calc(100svh-12rem)] w-full rounded-2xl border border-[#DDBA71]/40 object-contain shadow-[0_28px_80px_rgba(0,0,0,.5)]\"/><div className=\"mt-5 grid gap-3 sm:grid-cols-2\"><Btn to=\"/apps\" className=\"rounded-xl bg-[#DDBA71] px-6 py-4 text-sm font-black text-[#021734]\">Enter Sovereign Forge →</Btn><Btn to=\"/build\" className=\"rounded-xl border border-[#DDBA71]/55 bg-white/5 px-6 py-4 text-sm font-black text-white\">Build an SDG App</Btn></div></div></section><section className=\"relative overflow-hidden bg-[#021734] text-white\"><div className=\"absolute -right-24 -top-24 h-96 w-96 rounded-full bg-[#DDBA71]/10 blur-3xl\"></div><div className=\"absolute bottom-0 left-0 h-px w-full bg-gradient-to-r from-transparent via-[#DDBA71]/70 to-transparent\"></div><div className=\"relative mx-auto grid max-w-7xl items-center gap-10 px-5 py-14 md:grid-cols-[1.15fr_.85fr] md:py-20\"><div><div className=\"text-xs font-black tracking-[.28em] text-[#DDBA71]\">TRINLAH SOVEREIGN HOLDINGS CORPORATION</div><h1 className=\"mt-4 max-w-3xl text-5xl font-black leading-[.95] md:text-7xl\">Sovereign <span className=\"text-[#DDBA71]\">Forge</span></h1><h2 className=\"mt-5 max-w-2xl text-xl font-black md:text-2xl\">SDG intelligence. Opportunity discovery. Venture building. Software deployment.</h2><p className=\"mt-5 max-w-2xl text-base leading-8 text-slate-300\">A sovereign innovation platform that turns public data and the Sustainable Development Goals into practical intelligence, operating tools and monetizable digital products.</p><div className=\"mt-8 flex flex-wrap gap-3\"><Btn to=\"/apps\" className=\"rounded-lg bg-[#DDBA71] px-6 py-4 text-sm font-black text-[#021734] shadow-[0_8px_24px_rgba(221,186,113,.18)]\">Explore the Forge →</Btn><Btn to=\"/build\" className=\"rounded-lg border border-[#DDBA71]/55 bg-white/5 px-6 py-4 text-sm font-black text-white\">Build an SDG App</Btn></div><div className=\"mt-8 grid max-w-2xl grid-cols-2 gap-3 sm:grid-cols-4\">{[['17','SDGs'],['Global','Data'],['Live','Tools'],['Revenue','Ready']].map(([a,b])=><div key={b} className=\"border-l-2 border-[#DDBA71] bg-white/5 px-4 py-3\"><div className=\"text-xl font-black text-[#DDBA71]\">{a}</div><div className=\"mt-1 text-[10px] font-bold uppercase tracking-[.16em] text-slate-300\">{b}</div></div>)}</div></div><div className=\"relative mx-auto w-full max-w-md\"><div className=\"absolute inset-8 rounded-full bg-[#DDBA71]/12 blur-3xl\"></div><div className=\"relative rounded-[2rem] border border-[#DDBA71]/35 bg-gradient-to-b from-white/10 to-white/3 p-5 shadow-2xl\"><img src={LOGO} alt=\"TSHC seal\" className=\"mx-auto w-full rounded-full border border-[#DDBA71]/40 object-cover\"/><div className=\"mt-5 grid grid-cols-3 gap-2 text-center\"><div className=\"rounded-lg border border-white/10 bg-black/15 p-3\"><div className=\"text-xs font-black text-[#DDBA71]\">VISION</div><div className=\"mt-1 text-[10px] text-slate-300\">Sovereign</div></div><div className=\"rounded-lg border border-white/10 bg-black/15 p-3\"><div className=\"text-xs font-black text-[#DDBA71]\">IMPACT</div><div className=\"mt-1 text-[10px] text-slate-300\">Strategic</div></div><div className=\"rounded-lg border border-white/10 bg-black/15 p-3\"><div className=\"text-xs font-black text-[#DDBA71]\">LEGACY</div><div className=\"mt-1 text-[10px] text-slate-300\">Global</div></div></div></div></div></div></section><section className=\"mx-auto max-w-7xl px-5 py-12\"><div className=\"flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between\"><div><div className=\"text-xs font-black tracking-[.2em] text-[#8D7547]\">OPERATING PRODUCTS</div><h2 className=\"mt-2 text-3xl font-black text-[#021734] md:text-4xl\">Built to produce decisions, not decoration.</h2><p className=\"mt-2 max-w-2xl text-slate-600\">Every module has a real destination, working data or a concrete operating workflow.</p></div><Btn to=\"/apps\" className=\"rounded-lg border border-[#021734]/20 bg-white px-4 py-3 text-sm font-black text-[#021734] shadow-sm\">View All Apps →</Btn></div><div className=\"mt-7 grid gap-5 md:grid-cols-2 xl:grid-cols-4\">{cards.map(([icon,name,kicker,desc,to,color])=><article key={name} className=\"group overflow-hidden rounded-2xl border border-[#021734]/8 bg-white shadow-[0_12px_30px_rgba(2,23,52,.08)] transition hover:-translate-y-1 hover:shadow-[0_18px_40px_rgba(2,23,52,.14)]\"><div className=\"relative h-24 overflow-hidden\" style={{background:color}}><div className=\"absolute right-3 top-2 text-6xl font-black text-white/10\">{icon}</div><div className=\"absolute bottom-4 left-5 text-xs font-black uppercase tracking-[.18em] text-white/80\">{kicker}</div></div><div className=\"p-5\"><h3 className=\"text-xl font-black text-[#021734]\">{name}</h3><p className=\"mt-3 min-h-28 text-sm leading-6 text-slate-600\">{desc}</p>{String(to).startsWith('http')?<a href={to} target=\"_blank\" className=\"block rounded-lg bg-[#021734] py-3 text-center text-sm font-black text-white transition group-hover:bg-[#0b2b55]\">Open Platform →</a>:<Btn to={to} className=\"w-full rounded-lg bg-[#021734] py-3 text-sm font-black text-white transition group-hover:bg-[#0b2b55]\">Open Tool →</Btn>}</div></article>)}</div><div className=\"mt-10 rounded-2xl border border-[#DDBA71]/45 bg-[#021734] p-6 text-white md:p-8\"><div className=\"grid gap-6 md:grid-cols-[1fr_auto] md:items-center\"><div><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#DDBA71]\">FROM IDEA TO LIVE ASSET</div><h3 className=\"mt-2 text-2xl font-black md:text-3xl\">Submit → validate → build → test → deploy.</h3><p className=\"mt-2 max-w-3xl text-sm leading-6 text-slate-300\">The Forge intake scores commercial viability and SDG alignment, then routes qualified concepts into the internal TSHC build pipeline.</p></div><Btn to=\"/build\" className=\"rounded-lg bg-[#DDBA71] px-5 py-4 text-sm font-black text-[#021734]\">Start an Intake →</Btn></div></div></section></main></Shell>}\nfunction Apps(){const cards=[['Free discovery','Apps4allSDGs Free Portal','Free sector-based SDG learning and impact-evaluation applications from SDG Champions France.',APPS4ALL,'#00689D'],['Live intelligence','TSHC Data Explorer','Fresh-source global indicators mapped across all 17 SDGs with provenance, comparisons and exports.','/data-explorer','#19486A'],['Education','Benji SDG Educator','Education system, educator vault and narrative SDG learning resources.',BENJI,'#4C9F38'],['Opportunity intelligence','Property + SDG Scanner','Public-source property discovery layered with local and national SDG context.','/property-scanner','#8D7547'],['Impact enterprise','SDG Business Toolkit','Build the venture model, economics, impact thesis, KPIs and investor or grant readiness.','/business-toolkit','#021734']];return <Shell><main><section className=\"border-b border-[#DDBA71]/20 bg-[#021734] text-white\"><div className=\"mx-auto max-w-7xl px-5 py-12 md:py-16\"><div className=\"text-xs font-black uppercase tracking-[.24em] text-[#DDBA71]\">Sovereign Forge Products</div><div className=\"mt-3 flex flex-col gap-5 lg:flex-row lg:items-end lg:justify-between\"><div><h1 className=\"max-w-3xl text-4xl font-black leading-tight md:text-6xl\">One platform. Multiple paths to <span className=\"text-[#DDBA71]\">measurable impact.</span></h1><p className=\"mt-4 max-w-3xl text-base leading-7 text-slate-300\">Explore free SDG resources, live intelligence, education, property opportunity tools and enterprise-building systems—each with a clear purpose and destination.</p></div><Btn to=\"/build\" className=\"shrink-0 rounded-xl bg-[#DDBA71] px-5 py-4 text-sm font-black text-[#021734]\">Build an SDG App →</Btn></div></div></section><section className=\"mx-auto max-w-7xl px-5 py-12\"><div className=\"grid gap-5 md:grid-cols-2 xl:grid-cols-3\">{cards.map(([k,n,d,t,color])=><article key={n} className=\"group overflow-hidden rounded-2xl border border-[#021734]/8 bg-white shadow-[0_10px_30px_rgba(2,23,52,.08)] transition hover:-translate-y-1 hover:shadow-[0_18px_44px_rgba(2,23,52,.14)]\"><div className=\"h-2\" style={{background:color}}></div><div className=\"flex min-h-[290px] flex-col p-6\"><div className=\"text-[10px] font-black uppercase tracking-[.2em]\" style={{color}}>{k}</div><h2 className=\"mt-3 text-2xl font-black text-[#021734]\">{n}</h2><p className=\"mt-3 flex-1 text-sm leading-7 text-slate-600\">{d}</p>{String(t).startsWith('http')?<a target=\"_blank\" rel=\"noreferrer\" href={t} className=\"mt-6 block rounded-xl bg-[#021734] px-5 py-3.5 text-center text-sm font-black text-white transition group-hover:bg-[#0B2B55]\">{t===APPS4ALL?'Explore Free SDG Apps →':'Open Platform →'}</a>:<Btn to={t} className=\"mt-6 w-full rounded-xl bg-[#021734] px-5 py-3.5 text-sm font-black text-white transition group-hover:bg-[#0B2B55]\">Open Tool →</Btn>}</div></article>)}</div><div className=\"mt-8 rounded-2xl border border-[#DDBA71]/40 bg-[#FCF5E6] p-6 text-sm leading-7 text-slate-700\"><b>Clear ownership boundary:</b> Apps4allSDGs is an external portal operated by SDG Champions France. Sovereign Forge links to it as a free discovery layer and does not claim ownership or re-licensing rights over its methodology, applications or content.</div></section></main></Shell>}\nfunction Build(){const [form,setForm]=useState(initial),[ideas,setIdeas]=useState<Idea[]>([]),[msg,setMsg]=useState(''),[saving,setSaving]=useState(false),[brief,setBrief]=useState<any>(null),[deploying,setDeploying]=useState<number|null>(null),[owner,setOwner]=useState(false),[submitted,setSubmitted]=useState<any>(null);const score=useMemo(()=>Math.round((form.pain*22+form.buyer*20+form.speed*14+form.recurring*18+form.distribution*14+form.defensibility*12)/10),[form]);const verdict=score>=80?'BUILD NOW':score>=65?'VALIDATE FAST':score>=50?'TEST CHEAPLY':'PASS';async function load(){const sr=await fetch('/api/session'),sj=await sr.json();const isOwner=!!sj?.user&&sj.user.username==='trinlahsovereignholdingscompl';setOwner(isOwner);if(isOwner){let r=await fetch('/api/ideas'),j=await r.json();if(j.ok)setIdeas(j.ideas)}}useEffect(()=>{load().catch(()=>{})},[]);async function save(e:any){e.preventDefault();setSaving(true);setMsg('');let r=await fetch('/api/ideas',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(form)}),j=await r.json();setSaving(false);if(!r.ok){setMsg(j.error);return}setSubmitted(j.idea);setForm(initial);setMsg(`Intake #${j.idea.id} received. TSHC will review the concept against commercial and SDG criteria before advancing it.`);if(owner)load()}async function status(id:number,s:string){let r=await fetch(`/api/ideas/${id}/status`,{method:'PATCH',headers:{'Content-Type':'application/json'},body:JSON.stringify({status:s})}),j=await r.json();if(j.ok)setIdeas(xs=>xs.map(x=>x.id===id?j.idea:x))}async function getBrief(id:number){let r=await fetch(`/api/ideas/${id}/brief`),j=await r.json();if(j.ok)setBrief(j.brief)}async function deploy(id:number){setDeploying(id);let r=await fetch(`/api/ideas/${id}/deploy`,{method:'POST'}),j=await r.json();setDeploying(null);if(r.status===401&&j.login){location.href=j.login;return}if(j.ok)setIdeas(xs=>xs.map(x=>x.id===id?j.idea:x));else setMsg(j.error)}return <Shell><main className=\"mx-auto max-w-7xl px-5 py-10\"><div className=\"grid gap-3 md:grid-cols-5\">{[['1','Intake'],['2','Validate'],['3','Build'],['4','Test'],['5','Live']].map(([n,s])=><div key={s} className=\"rounded-xl bg-white p-4 shadow-sm\"><div className=\"text-xs font-black text-[#8D7547]\">STEP {n}</div><div className=\"mt-1 font-black\">{s}</div></div>)}</div>{msg&&<div className=\"mt-5 rounded-xl bg-amber-100 p-4 font-bold text-amber-900\">{msg}</div>}<section className=\"mt-6 grid gap-6 lg:grid-cols-[1.3fr_.7fr]\"><form onSubmit={save} className=\"rounded-2xl bg-white p-7 shadow-sm\"><div className=\"text-xs font-black tracking-[.2em] text-[#8D7547]\">STEP 1 · INTAKE</div><h1 className=\"mt-2 text-4xl font-black\">Build an SDG-aligned app</h1><p className=\"mt-3 leading-7 text-slate-600\">Submit the concept once. Forge scores it, places it into validation, and qualified builds move through design, testing and live deployment.</p><div className=\"mt-7 grid gap-5 md:grid-cols-2\"><Field label=\"Your name\" value={form.requester_name} onChange={v=>setForm({...form,requester_name:v})} placeholder=\"Name\"/><Field label=\"Your email\" value={form.requester_email} onChange={v=>setForm({...form,requester_email:v})} placeholder=\"you@example.com\"/><Field label=\"App name\" value={form.name} onChange={v=>setForm({...form,name:v})} placeholder=\"Grant Match Engine\"/><Field label=\"Target customer\" value={form.customer} onChange={v=>setForm({...form,customer:v})} placeholder=\"Who pays?\"/><div className=\"md:col-span-2\"><Field area label=\"Problem\" value={form.problem} onChange={v=>setForm({...form,problem:v})} placeholder=\"What painful problem does it solve?\"/></div><Field label=\"Price model\" value={form.price_model} onChange={v=>setForm({...form,price_model:v})} placeholder=\"$49/month, license, transaction fee...\"/><Field label=\"Acquisition\" value={form.acquisition} onChange={v=>setForm({...form,acquisition:v})} placeholder=\"Outbound, SEO, partners...\"/></div><div className=\"mt-7\"><div className=\"text-xs font-black uppercase tracking-wider text-[#021734]\">SDG alignment</div><p className=\"mt-1 text-sm text-slate-500\">Choose the Sustainable Development Goals this product directly advances.</p><div className=\"mt-3 grid gap-2 sm:grid-cols-2 lg:grid-cols-3\">{goals.map((g,i)=>{const n=i+1,active=form.sdg_goals.includes(n);return <button type=\"button\" key={g} onClick={()=>setForm({...form,sdg_goals:active?form.sdg_goals.filter(x=>x!==n):[...form.sdg_goals,n].sort((a,b)=>a-b)})} className={`rounded-lg border p-3 text-left text-xs font-bold ${active?'border-[#DDBA71] bg-[#FCF5E6]':'bg-white'}`}>SDG {n} · {g}</button>})}</div></div><button disabled={saving} className=\"mt-7 w-full rounded-lg bg-[#DDBA71] py-4 font-black\">{saving?'Submitting…':'Submit for Validation →'}</button></form><aside className=\"self-start rounded-2xl bg-[#021734] p-7 text-white\"><div className=\"text-xs font-black text-emerald-400\">COMMERCIAL SCORE</div><div className=\"mt-3 text-7xl font-black text-[#DDBA71]\">{score}<span className=\"text-xl text-white\">/100</span></div><div className=\"mt-5 font-black\">{verdict}</div><div className=\"mt-6 space-y-4\"><Slider label=\"Pain\" value={form.pain} onChange={v=>setForm({...form,pain:v})}/><Slider label=\"Buyer\" value={form.buyer} onChange={v=>setForm({...form,buyer:v})}/><Slider label=\"Build Speed\" value={form.speed} onChange={v=>setForm({...form,speed:v})}/><Slider label=\"Recurring\" value={form.recurring} onChange={v=>setForm({...form,recurring:v})}/><Slider label=\"Distribution\" value={form.distribution} onChange={v=>setForm({...form,distribution:v})}/><Slider label=\"Defensibility\" value={form.defensibility} onChange={v=>setForm({...form,defensibility:v})}/></div></aside></section>{submitted&&!owner&&<section className=\"mt-6 rounded-2xl bg-white p-6 shadow-sm\"><h2 className=\"text-2xl font-black\">Submission received</h2><p className=\"mt-2 text-slate-600\">Reference #{submitted.id} · score {submitted.score}/100 · {submitted.verdict}. TSHC retains the internal pipeline and deployment controls.</p><Btn to=\"/pricing\" className=\"mt-5 rounded-lg bg-[#021734] px-5 py-3 font-black text-white\">View Build Services →</Btn></section>}{owner&&<section className=\"mt-8\"><div className=\"flex items-center justify-between\"><h2 className=\"text-3xl font-black\">Owner Build Pipeline</h2><span className=\"rounded-lg bg-[#E8EDF5] px-3 py-2 text-xs font-black text-[#021734]\">OWNER MODE</span></div><div className=\"mt-4 space-y-4\">{ideas.map(x=><div key={x.id} className=\"rounded-xl bg-white p-5 shadow-sm\"><div className=\"flex flex-col gap-4 md:flex-row md:items-center md:justify-between\"><div><h3 className=\"text-xl font-black\">{x.name}</h3><p className=\"text-sm text-slate-600\">{x.score}/100 · {x.verdict} · {x.customer}{x.requester_email?` · ${x.requester_name||'Requester'} · ${x.requester_email}`:''}</p></div><div className=\"flex flex-wrap gap-2\"><select value={x.status} onChange={e=>status(x.id,e.target.value)} className=\"rounded-lg border px-3 py-2 text-sm\"><option value=\"queued\">Intake</option><option value=\"validating\">Validate</option><option value=\"building\">Build</option><option value=\"testing\">Test</option><option value=\"live\">Live</option><option value=\"paused\">Paused</option><option value=\"rejected\">Rejected</option></select><button onClick={()=>getBrief(x.id)} className=\"rounded-lg border px-4 py-2 font-bold\">Build Brief</button>{x.deployment_url?<a target=\"_blank\" href={x.deployment_url} className=\"rounded-lg bg-[#021734] px-4 py-2 font-black text-white\">Open Live App</a>:<button onClick={()=>deploy(x.id)} disabled={deploying===x.id} className=\"rounded-lg bg-[#021734] px-4 py-2 font-black text-white\">{deploying===x.id?'Deploying…':'Deploy Live'}</button>}</div></div></div>)}</div></section>}{brief&&owner&&<section className=\"mt-6 rounded-2xl bg-[#021734] p-6 text-white\"><div className=\"flex justify-between\"><h2 className=\"text-2xl font-black\">Build Brief: {brief.product}</h2><button onClick={()=>setBrief(null)}>Close</button></div><div className=\"mt-4 grid gap-4 md:grid-cols-2\"><div><b>Customer</b><p>{brief.target_customer}</p></div><div><b>Monetization</b><p>{brief.monetization}</p></div><div className=\"md:col-span-2\"><b>Problem</b><p>{brief.problem}</p></div></div></section>}</main></Shell>}\nfunction DataExplorer(){const [country,setCountry]=useState('USA'),[compareCountry,setCompareCountry]=useState(''),[rows,setRows]=useState<SdgRow[]>([]),[compareRows,setCompareRows]=useState<SdgRow[]>([]),[access,setAccess]=useState<any>(null),[countries,setCountries]=useState<CountryOption[]>([]),[loading,setLoading]=useState(false),[countryLoading,setCountryLoading]=useState(false),[meta,setMeta]=useState<any>(null),[error,setError]=useState('');const quick=[['USA','United States'],['CAN','Canada'],['GBR','United Kingdom'],['NGA','Nigeria'],['FRA','France'],['ARE','United Arab Emirates']];function accessHeader(){const key=localStorage.getItem('forge_access_key');return key?{'X-Forge-Access':key}:{} as Record<string,string>}async function fetchCountry(code:string){const r=await fetch('/api/sdg/'+encodeURIComponent(code)+`?live=${Date.now()}`,{headers:{...accessHeader(),'Cache-Control':'no-cache'},cache:'no-store'});const j=await r.json();if(!r.ok||!j.ok)throw new Error(j.error||'Unable to load SDG data');return j}async function loadCountries(){if(!access||access.rank<1)return;setCountryLoading(true);try{const r=await fetch('/api/countries',{headers:accessHeader()}),j=await r.json();if(r.ok&&j.ok)setCountries(j.countries||[]);else setError(j.error||'Country directory unavailable')}catch(_){setError('Country directory unavailable')}finally{setCountryLoading(false)}}useEffect(()=>{const boot=async()=>{const key=localStorage.getItem('forge_access_key');let a:any=null;if(key){try{const r=await fetch('/api/access/verify',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({key})});if(r.ok)a=await r.json()}catch(_){}}setAccess(a);if(a?.rank>=1){setCountryLoading(true);try{const r=await fetch('/api/countries',{headers:key?{'X-Forge-Access':key}:{}}),j=await r.json();if(r.ok&&j.ok)setCountries(j.countries||[])}catch(_){}finally{setCountryLoading(false)}}setLoading(true);try{const j=await fetchCountry('USA');setRows(j.indicators||[]);setMeta(j)}catch(e){setError(e instanceof Error?e.message:'Data load failed')}finally{setLoading(false)}};boot()},[]);async function run(code=country){const primary=code.toUpperCase();setCountry(primary);setLoading(true);setError('');setCompareRows([]);try{const jobs:any[]=[fetchCountry(primary)];if(access?.rank>=1&&compareCountry)jobs.push(fetchCountry(compareCountry.toUpperCase()));const results=await Promise.all(jobs);setRows(results[0].indicators||[]);setMeta(results[0]);if(results[1])setCompareRows(results[1].indicators||[])}catch(e){setError(e instanceof Error?e.message:'Unable to load SDG data')}finally{setLoading(false)}}function exportCsv(){if(!access||access.rank<1){go('/pricing');return}const header='goal,goal_name,indicator,value,unit,year,source\\n';const csv=header+rows.map(r=>[r.goal,`\"${(r.goalName||'').replaceAll('\"','\"\"')}\"`,`\"${r.label.replaceAll('\"','\"\"')}\"`,r.value??'',`\"${r.unit}\"`,r.year??'',`\"${(r.dataSource||'World Bank').replaceAll('\"','\"\"')}\"`].join(',')).join('\\n');const blob=new Blob([csv],{type:'text/csv'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download=`tshc-sdg-${country}.csv`;a.click();URL.revokeObjectURL(a.href)}const available=rows.filter(r=>r.value!==null).length;const coverage=rows.length?Math.round(available/rows.length*100):0;const years=rows.map(r=>Number(r.year)).filter(Number.isFinite);const freshest=years.length?Math.max(...years):null;return <Shell><main className=\"mx-auto max-w-7xl px-4 py-6 md:px-6 md:py-10\"><section className=\"relative overflow-hidden rounded-3xl bg-gradient-to-br from-[#021734] via-[#0B2B55] to-[#173F70] p-6 text-white shadow-[0_20px_60px_rgba(4,29,24,.22)] md:p-9\"><div className=\"absolute -right-24 -top-24 h-72 w-72 rounded-full border border-[#DDBA71]/20 bg-[#DDBA71]/5\"></div><div className=\"absolute -bottom-24 right-24 h-56 w-56 rounded-full border border-white/10\"></div><div className=\"relative grid gap-7 lg:grid-cols-[1.25fr_.75fr]\"><div><div className=\"inline-flex items-center gap-2 rounded-full border border-[#DDBA71]/30 bg-[#DDBA71]/10 px-3 py-1.5 text-[10px] font-black uppercase tracking-[.24em] text-[#DDBA71]\"><span className=\"h-1.5 w-1.5 rounded-full bg-[#DDBA71]\"></span>Global SDG Intelligence</div><h1 className=\"mt-5 text-4xl font-black leading-tight md:text-6xl\">See the world through <span className=\"text-[#DDBA71]\">17 goals.</span></h1><p className=\"mt-4 max-w-2xl text-sm leading-7 text-slate-200 md:text-base\">Sovereign Forge selects the latest available public signal for every Sustainable Development Goal, turning scattered global data into one decision-ready intelligence layer.</p></div><div className=\"grid grid-cols-2 gap-3 self-end\"><div className=\"rounded-2xl border border-white/10 bg-white/8 p-4\"><div className=\"text-[10px] font-black uppercase tracking-[.2em] text-slate-300\">Coverage</div><div className=\"mt-2 text-4xl font-black text-[#DDBA71]\">{coverage}%</div><div className=\"mt-1 text-xs text-slate-300\">{available}/17 goals populated</div></div><div className=\"rounded-2xl border border-white/10 bg-white/8 p-4\"><div className=\"text-[10px] font-black uppercase tracking-[.2em] text-slate-300\">Freshest data</div><div className=\"mt-2 text-4xl font-black\">{freshest||'—'}</div><div className=\"mt-1 text-xs text-slate-300\">World Bank signal set</div></div></div></div></section><section className=\"relative z-10 -mt-4 mx-2 rounded-2xl border border-[#021734]/8 bg-white p-4 shadow-[0_14px_40px_rgba(2,23,52,.12)] md:mx-6 md:p-5\"><div className=\"rounded-xl border border-[#DDBA71]/35 bg-[#fffaf0] p-4\"><div className=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between\"><div><div className=\"text-[10px] font-black uppercase tracking-[.2em] text-[#8D7547]\">Country access</div><div className=\"mt-1 text-sm font-black text-[#021734]\">{access?.rank>=1?'Impact Pro · Global country directory':'Free · Quick View countries only'}</div><p className=\"mt-1 text-xs leading-5 text-slate-600\">{access?.rank>=1?'Use the full country dropdown, compare two countries and export structured SDG data.':'Free access includes United States, Canada, United Kingdom, Nigeria, France and United Arab Emirates. Impact Pro unlocks the full country dropdown.'}</p></div>{access?.rank>=1?<span className=\"rounded-lg bg-[#021734] px-3 py-2 text-xs font-black text-[#DDBA71]\">{access.plan}</span>:<Btn to=\"/pricing\" className=\"rounded-lg bg-[#DDBA71] px-4 py-3 text-xs font-black text-[#021734]\">Unlock Every Country →</Btn>}</div></div>{access?.rank>=1&&<div className=\"mt-4 grid gap-3 lg:grid-cols-[1fr_1fr_auto]\"><label className=\"block\"><span className=\"mb-2 block text-[10px] font-black uppercase tracking-[.18em] text-slate-500\">Primary country</span><select value={country} onChange={e=>setCountry(e.target.value)} className=\"w-full rounded-xl border border-slate-200 bg-[#fbfaf6] px-4 py-3.5 text-sm font-black text-[#021734] outline-none transition focus:border-[#DDBA71]\"><option value=\"\">{countryLoading?'Loading countries…':'Select a country'}</option>{countries.map(c=><option key={c.code} value={c.code}>{c.name} ({c.code})</option>)}</select></label><label className=\"block\"><span className=\"mb-2 block text-[10px] font-black uppercase tracking-[.18em] text-slate-500\">Comparison country</span><select value={compareCountry} onChange={e=>setCompareCountry(e.target.value)} className=\"w-full rounded-xl border border-slate-200 bg-[#fbfaf6] px-4 py-3.5 text-sm font-bold text-[#021734] outline-none transition focus:border-[#DDBA71]\"><option value=\"\">No comparison</option>{countries.filter(c=>c.code!==country).map(c=><option key={c.code} value={c.code}>{c.name} ({c.code})</option>)}</select></label><button onClick={()=>run()} disabled={loading||!country} className=\"self-end rounded-xl bg-[#021734] px-6 py-4 font-black text-white shadow-sm transition hover:bg-[#0B2B55] disabled:opacity-60\">{loading?'Loading intelligence…':'Load Intelligence →'}</button></div>}<div className=\"mt-4 flex flex-wrap items-center gap-2\"><span className=\"mr-1 text-[10px] font-black uppercase tracking-[.18em] text-slate-400\">Quick view · Free</span>{quick.map(([code,name])=><button key={code} title={name} onClick={()=>run(code)} className={`rounded-full px-3 py-1.5 text-xs font-black transition ${country===code?'bg-[#021734] text-white':'bg-slate-100 text-slate-600 hover:bg-[#F4F7FB] hover:text-[#021734]'}`}>{code}</button>)}<div className=\"ml-auto flex gap-2\"><button onClick={exportCsv} className=\"rounded-lg border border-[#021734]/30 px-3 py-2 text-xs font-black text-[#021734]\">{access?.rank>=1?'Export CSV':'🔒 Export'}</button></div></div>{error&&<div className=\"mt-4 rounded-xl border border-red-200 bg-red-50 p-3 text-sm font-bold text-red-800\">{error}</div>}</section><section className=\"mt-8\"><div className=\"flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between\"><div><div className=\"text-[10px] font-black uppercase tracking-[.22em] text-amber-700\">Country profile · {country}</div><h2 className=\"mt-1 text-3xl font-black\">17-goal signal board</h2><p className=\"mt-2 text-sm text-slate-500\">Forge checks the source when you load a country. Each card shows the newest observation returned, its source year, and explicitly states when no newer observation is available.</p>{meta?.retrievedAt&&<p className=\"mt-1 text-xs font-bold text-[#8D7547]\">Source checked {new Date(meta.retrievedAt).toLocaleString()} · data years may differ by indicator because official publication schedules vary.</p>}</div><div className=\"rounded-xl bg-white px-4 py-3 text-xs font-bold text-slate-500 shadow-sm\"><span className=\"text-[#021734]\">●</span> {meta?.source||'World Bank API'} · {coverage}% coverage</div></div><div className=\"mt-5 grid gap-4 md:grid-cols-2 xl:grid-cols-3\">{rows.map((r,i)=>{const n=r.goalNumber||Number(r.goal.replace('SDG ',''))||i+1;const color=sdgColors[n-1]||'#19486A';const c=compareRows.find(x=>x.goal===r.goal);return <article key={r.goal+r.label} className=\"group relative overflow-hidden rounded-2xl border border-black/5 bg-white shadow-[0_6px_24px_rgba(8,35,28,.07)] transition hover:-translate-y-0.5 hover:shadow-[0_14px_34px_rgba(8,35,28,.12)]\"><div className=\"absolute inset-y-0 left-0 w-1.5\" style={{background:color}}></div><div className=\"p-5 pl-6\"><div className=\"flex items-start justify-between gap-4\"><div className=\"flex min-w-0 items-center gap-3\"><div className=\"grid h-11 w-11 shrink-0 place-items-center rounded-xl text-sm font-black text-white shadow-sm\" style={{background:color}}>{n}</div><div className=\"min-w-0\"><div className=\"text-[10px] font-black uppercase tracking-[.18em]\" style={{color}}>SDG {n}</div><h3 className=\"truncate text-base font-black text-[#071c18]\">{r.goalName||goals[n-1]}</h3></div></div><span className=\"rounded-full bg-slate-100 px-2 py-1 text-[10px] font-black text-slate-500\">{r.year||'n/a'}</span></div><div className=\"mt-5\"><div className=\"text-xs font-bold leading-5 text-slate-500\">{r.label}</div><div className=\"mt-2 flex items-baseline gap-2\"><span className=\"text-4xl font-black tracking-tight text-[#071c18]\">{r.value==null?'—':Math.abs(Number(r.value))>=100?Number(r.value).toFixed(0):Number(r.value).toFixed(2)}</span><span className=\"max-w-[120px] text-xs font-bold leading-4 text-slate-400\">{r.unit}</span></div></div>{c&&<div className=\"mt-4 rounded-xl border border-emerald-100 bg-[#F4F7FB] p-3\"><div className=\"text-[10px] font-black uppercase tracking-[.16em] text-[#19486A]\">Compare · {compareCountry}</div><div className=\"mt-1 text-lg font-black text-[#021734]\">{c.value==null?'No data':`${Number(c.value).toFixed(2)} ${c.unit}`}</div></div>}<div className=\"mt-5 border-t border-slate-100 pt-3\"><div className=\"text-[10px] leading-4 text-slate-400\">{r.dataSource||'World Bank indicator'} · source year {r.year||'not available'}</div><div className={`mt-1 text-[10px] font-bold leading-4 ${r.noNewer?'text-[#8D7547]':'text-[#19486A]'}`}>{r.freshnessNote||'Latest available source status could not be determined.'}</div>{r.sourceUrl&&<a href={r.sourceUrl} target=\"_blank\" rel=\"noreferrer\" className=\"mt-2 inline-block text-[10px] font-black text-[#19486A] underline\">Verify raw source ↗</a>}</div></div></article>})}</div>{!loading&&rows.length===0&&<div className=\"mt-5 rounded-2xl border border-dashed border-slate-300 bg-white p-10 text-center text-slate-500\">No SDG data returned for this country code. Try a standard ISO-3 code such as USA, GBR, NGA or FRA.</div>}</section><section className=\"mt-9 grid gap-4 lg:grid-cols-[1.2fr_.8fr]\"><div className=\"rounded-2xl bg-[#021734] p-6 text-white\"><div className=\"text-[10px] font-black uppercase tracking-[.2em] text-[#DDBA71]\">Methodology</div><h3 className=\"mt-2 text-2xl font-black\">Signal intelligence, not a fake score.</h3><p className=\"mt-3 text-sm leading-7 text-slate-300\">{meta?.methodology||'Forge maps relevant public indicators to each SDG for decision support. It does not claim to reproduce official UN SDG scoring.'}</p></div><div className=\"rounded-2xl border border-amber-200 bg-[#FCF5E6] p-6\"><div className=\"text-[10px] font-black uppercase tracking-[.2em] text-amber-800\">Premium intelligence</div><h3 className=\"mt-2 text-2xl font-black\">Compare, export, operationalize.</h3><p className=\"mt-3 text-sm leading-6 text-amber-950/70\">Impact Pro adds country comparison and structured exports for reporting, investment screens and SDG business analysis.</p>{!access||access.rank<1?<Btn to=\"/pricing\" className=\"mt-5 rounded-lg bg-[#021734] px-5 py-3 text-sm font-black text-white\">See Impact Pro →</Btn>:null}</div></section></main></Shell>}\nfunction PropertyScanner(){const [country,setCountry]=useState('USA'),[state,setState]=useState('VA'),[county,setCounty]=useState(''),[sources,setSources]=useState<any[]>([]),[sdg,setSdg]=useState<any>(null),[compare,setCompare]=useState<any>(null),[access,setAccess]=useState<any>(null),[loading,setLoading]=useState(false),[msg,setMsg]=useState('');useEffect(()=>{const key=localStorage.getItem('forge_access_key');if(key)fetch('/api/access/verify',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({key})}).then(r=>r.ok?r.json():null).then(setAccess).catch(()=>{})},[]);async function scan(){setLoading(true);setMsg('');let r=await fetch(`/api/property-sources?country=${encodeURIComponent(country)}&state=${encodeURIComponent(state)}&county=${encodeURIComponent(county)}`),j=await r.json();setSources(j.sources||[]);setSdg(j.sdg||null);setCompare(null);if(access?.rank>=2&&county&&(country==='USA'||country==='US')){const sr=await fetch(`/api/property-sources?country=${encodeURIComponent(country)}&state=${encodeURIComponent(state)}&county=`),sj=await sr.json();setCompare(sj.sdg||null)}setLoading(false)}function saveScan(){if(!access||access.rank<2){go('/pricing');return}const item={savedAt:new Date().toISOString(),country,state,county,sdg,sources};const arr=JSON.parse(localStorage.getItem('forge_saved_scans')||'[]');localStorage.setItem('forge_saved_scans',JSON.stringify([item,...arr].slice(0,25)));setMsg('Scan saved to this device.')}function exportScan(){if(!access||access.rank<2){go('/pricing');return}const blob=new Blob([JSON.stringify({country,state,county,sdg,comparison:compare,sources},null,2)],{type:'application/json'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download=`tshc-sdg-property-${country}-${state||'region'}-${county||'area'}.json`;a.click();URL.revokeObjectURL(a.href)}return <Shell><main className=\"mx-auto max-w-7xl px-5 py-10\"><div className=\"text-xs font-black tracking-[.2em] text-[#8D7547]\">SDG REAL ESTATE INTELLIGENCE</div><h1 className=\"text-4xl font-black\">Property Opportunity + SDG Scanner</h1><p className=\"mt-2 max-w-3xl text-slate-600\">Find public acquisition channels and measure how the surrounding area stacks up against selected Sustainable Development Goal indicators.</p><div className=\"mt-6 grid gap-3 rounded-2xl border border-[#021734]/8 bg-white p-5 shadow-[0_10px_30px_rgba(2,23,52,.08)] sm:grid-cols-2 lg:grid-cols-[150px_150px_minmax(0,1fr)_auto]\"><input value={country} onChange={e=>setCountry(e.target.value.toUpperCase())} className=\"rounded-lg border px-4 py-3\" placeholder=\"Country: USA\"/><input value={state} onChange={e=>setState(e.target.value.toUpperCase())} className=\"rounded-lg border px-4 py-3\" placeholder=\"State/Region: VA\"/><input value={county} onChange={e=>setCounty(e.target.value)} className=\"rounded-lg border px-4 py-3\" placeholder=\"County / City / Region (optional)\"/><button onClick={scan} className=\"rounded-lg bg-[#DDBA71] px-6 py-3 font-black\">{loading?'Scanning…':'Scan Area'}</button></div>{msg&&<div className=\"mt-4 rounded-lg bg-[#F4F7FB] p-3 text-sm font-bold text-[#021734]\">{msg}</div>}{sdg?.available&&<section className=\"mt-7 rounded-2xl bg-[#021734] p-6 text-white\"><div className=\"flex flex-col gap-3 md:flex-row md:items-end md:justify-between\"><div><div className=\"text-xs font-black tracking-[.2em] text-[#DDBA71]\">LOCAL SDG SNAPSHOT</div><h2 className=\"mt-1 text-3xl font-black\">{sdg.area}</h2><p className=\"mt-1 text-sm text-slate-300\">{sdg.source}</p></div><div className=\"rounded-xl bg-white/10 px-5 py-3 text-center\"><div className=\"text-xs text-slate-300\">Directional SDG score</div><div className=\"text-4xl font-black text-[#DDBA71]\">{sdg.overall==null?'Context':`${sdg.overall}/100`}</div></div></div>{compare?.available&&<div className=\"mt-4 rounded-xl border border-white/10 bg-white/5 p-4\"><b>Property Intelligence comparison:</b> {sdg.area} scores {sdg.overall}/100 versus {compare.area} at {compare.overall}/100 ({sdg.overall-compare.overall>=0?'+':''}{sdg.overall-compare.overall} points).</div>}<div className=\"mt-6 grid gap-3 sm:grid-cols-2 lg:grid-cols-3\">{sdg.metrics.map((m:any)=><div key={m.goal} className=\"rounded-xl border border-[#DDBA71]/25 bg-white p-4 text-[#021734] shadow-sm\"><div className=\"text-xs font-black text-[#8D7547]\">SDG {m.goal}</div><div className=\"mt-1 font-black text-[#021734]\">{m.label}</div><div className=\"mt-3 text-3xl font-black tracking-tight text-[#021734]\">{m.score==null?(typeof m.value==='number'?m.value.toFixed(1):'—'):`${m.score}/100`}</div><div className=\"mt-1 text-xs font-semibold text-slate-600\">{typeof m.value==='number'?m.value.toFixed(m.value<1?3:1):m.value} · {m.unit}</div></div>)}</div><div className=\"mt-5 flex flex-wrap gap-3\"><button onClick={saveScan} className=\"rounded-lg bg-[#DDBA71] px-4 py-3 font-black text-[#06251f]\">{access?.rank>=2?'Save Scan':'🔒 Save Scan'}</button><button onClick={exportScan} className=\"rounded-lg border border-white/30 px-4 py-3 font-black\">{access?.rank>=2?'Export Report':'🔒 Export Report'}</button>{!access||access.rank<2?<Btn to=\"/pricing\" className=\"rounded-lg bg-white px-4 py-3 font-black text-[#06251f]\">Unlock Property Intelligence →</Btn>:null}</div><p className=\"mt-4 text-xs text-slate-400\">{sdg.note}</p></section>}<div className=\"mt-7 grid gap-4 md:grid-cols-2\">{sources.map((s:any)=><a key={s.name} href={s.url} target=\"_blank\" className=\"rounded-xl bg-white p-5 shadow-sm transition hover:-translate-y-0.5\"><div className=\"text-xs font-black text-[#8D7547]\">{s.type}</div><h3 className=\"mt-1 text-xl font-black\">{s.name}</h3><div className=\"mt-4 font-black text-[#021734]\">Open live source →</div></a>)}</div><div className=\"mt-7 rounded-xl border border-[#DDBA71] bg-[#FCF5E6] p-5 text-sm text-amber-950\"><b>Free:</b> source discovery + core SDG snapshot. <b>Property Intelligence:</b> state comparison, saved scans, exports and acquisition workflow tools. Local listing coverage still depends on public-source availability by jurisdiction.</div></main></Shell>}\nfunction BusinessToolkit(){const [cash,setCash]=useState(25000),[burn,setBurn]=useState(5000),[revenue,setRevenue]=useState(12000),[impact,setImpact]=useState<number[]>([4,8,9,12]),[access,setAccess]=useState<any>(null),[template,setTemplate]=useState<any>(null),[answers,setAnswers]=useState<Record<string,string>>(()=>{try{return JSON.parse(localStorage.getItem('forge_toolkit_answers')||'{}')}catch{return {}}}),[basicReport,setBasicReport]=useState<any>(null);const runway=burn>0?cash/burn:0,monthlySurplus=revenue-burn;const toggle=(g:number)=>setImpact(x=>x.includes(g)?x.filter(v=>v!==g):[...x,g]);const impactScore=Math.min(100,impact.length*6+Math.max(0,Math.min(40,monthlySurplus/500)));useEffect(()=>{const key=localStorage.getItem('forge_access_key');if(key)fetch('/api/access/verify',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({key})}).then(r=>r.ok?r.json():null).then(setAccess).catch(()=>{})},[]);const items=[['SDG business model canvas',0,'Build the commercial and impact logic on one page.'],['Impact thesis builder',0,'Connect the problem, intervention and evidence to measurable SDG outcomes.'],['Outcome & KPI map',0,'Turn activities into measurable outputs, outcomes, indicators and targets.'],['Grant-readiness checklist',1,'Start with funder fit and evidence; upgrade for the full submission control system.'],['ESG/SDG reporting outline',1,'Start with reporting scope and material goals; upgrade for the complete reporting structure.'],['Partnership map',1,'Identify essential stakeholder groups; upgrade for the scored relationship and value-exchange map.'],['Impact investor memo',1,'Frame the opportunity, thesis and business model; upgrade for the investment-ready memo.'],['30-day launch plan',1,'Set a four-week objective; upgrade for the sequenced execution plan, owners and milestones.'],['Annual SDG impact report',1,'Define reporting boundaries and priority outcomes; upgrade for the full annual report framework.']];const freeSystems:any={\n'SDG business model canvas':[['Problem & beneficiary','State the specific problem, who experiences it and the evidence that proves it is material.'],['Paying customer','Name who pays, why they have budget and what event creates urgency.'],['Value proposition','Describe the measurable result delivered—not only the product or activity.'],['Revenue model','Choose the transaction: subscription, licence, service, usage, sponsorship or blended finance.'],['Delivery system','List the essential activities, resources and partners required to produce the result.'],['SDG outcomes','Select the goals directly advanced and state the causal link between delivery and outcome.'],['Core KPIs','Track one commercial, one delivery and one outcome indicator with a baseline and target.']],\n'Impact thesis builder':[['Problem evidence','Define the affected population, scale, geography, baseline and credible source.'],['Intervention','Describe what the venture delivers and which barrier it removes.'],['Change mechanism','Explain why the intervention should cause the intended result.'],['Beneficiaries & equity','Identify direct and indirect beneficiaries and who might be excluded or harmed.'],['Outcomes','Separate immediate outputs from medium-term outcomes and long-term impact.'],['SDG alignment','Map only the goals and targets supported by the intervention and evidence.'],['Evidence & risk','Name the verification source, assumptions and the strongest alternative explanation.']],\n'Outcome & KPI map':[['Baseline','Record the starting value, population, geography, date and source.'],['Activity','Define the action the venture directly controls.'],['Output','Count the immediate product or service delivered.'],['Outcome','Measure the change experienced by the beneficiary or system.'],['Indicator','Use a precise numerator, denominator, unit and collection frequency.'],['Target','Set a value and deadline that can be tested.'],['Evidence','Assign the source, owner, validation method and audit trail.']]};const premiumUpgrades:any={\n'Grant-readiness checklist':['Scored eligibility screen','Funder-fit matrix','Evidence and theory-of-change checks','Budget and compliance controls','Submission readiness status'],\n'ESG/SDG reporting outline':['Materiality and reporting-boundary worksheet','Complete section-by-section report architecture','Indicator and evidence register','Risk, assurance and governance disclosures','Export-ready reporting pack'],\n'Partnership map':['Stakeholder influence and interest scoring','Value-exchange design','Engagement owner and cadence','Dependency and conflict flags','Priority partnership pipeline'],\n'Impact investor memo':['Market and commercial case','Traction and unit-economics structure','Impact measurement and defensibility','Capital ask and use-of-funds plan','Investment-ready memo export'],\n'30-day launch plan':['Weekly milestones and daily actions','Named owners and dependencies','Validation and conversion targets','Partnership and outreach cadence','Progress tracking and export'],\n'Annual SDG impact report':['Full reporting framework','KPI results and evidence tables','Case-study and financial-context sections','Lessons, risks and assurance notes','Next-year commitments and export']};function openItem(x:any){const locked=Boolean(x[1])&&(!access||access.rank<1);setTemplate({name:x[0],body:x[2],locked,sections:freeSystems[x[0]]||null,advanced:premiumUpgrades[x[0]]||[]})}function updateAnswer(key:string,value:string){const next={...answers,[key]:value};setAnswers(next);localStorage.setItem('forge_toolkit_answers',JSON.stringify(next))}function generateBasicReport(){const completed=Object.values(answers).filter(v=>String(v).trim()).length;const selectedGoals=impact.map(g=>`SDG ${g}: ${goals[g-1]}`);const report={generatedAt:new Date().toLocaleString(),selectedGoals,financialPosition:{cash,burn,revenue,runwayMonths:Number(runway.toFixed(1)),monthlySurplus},impactReadiness:Math.round(impactScore),completedResponses:completed,responses:answers,nextActions:[completed<7?'Complete the business model canvas before presenting the venture.':'Validate the canvas assumptions with at least three prospective customers.',monthlySurplus<0?'Close the monthly operating deficit or extend available runway.':'Protect the positive operating surplus and define how it funds impact delivery.','Assign a baseline, target date and evidence source to every priority outcome.']};setBasicReport(report);localStorage.setItem('forge_basic_report',JSON.stringify(report));setTemplate(null);setTimeout(()=>document.getElementById('basic-report')?.scrollIntoView({behavior:'smooth'}),50)}function savePlan(){const plan={savedAt:new Date().toISOString(),sdgGoals:impact,cash,burn,revenue,runway,monthlySurplus,impactScore};localStorage.setItem('forge_sdg_business_plan',JSON.stringify(plan));setTemplate({name:'Plan saved',body:'Your current SDG business profile is saved on this device. Reopen this toolkit to continue working from the same browser.',locked:false})}function exportPlan(){if(!access){go('/pricing');return}const report={generatedAt:new Date().toISOString(),sdgGoals:impact.map(g=>({goal:g,name:goals[g-1]})),financials:{cash,burn,revenue,runwayMonths:Number(runway.toFixed(1)),monthlySurplus},impactReadiness:Math.round(impactScore),recommendedModules:items.map(x=>x[0])};const blob=new Blob([JSON.stringify(report,null,2)],{type:'application/json'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='tshc-sdg-business-report.json';a.click();URL.revokeObjectURL(a.href)}return <Shell><main className=\"mx-auto max-w-7xl px-5 py-10\"><div className=\"text-xs font-black tracking-[.2em] text-[#8D7547]\">ULTIMATE SDG BUSINESS KIT</div><h1 className=\"text-4xl font-black\">SDG Business Toolkit</h1><p className=\"mt-2 max-w-3xl text-slate-600\">Build a commercially viable venture with a clear SDG thesis, measurable impact KPIs, healthy economics and a reporting path from day one.</p><section className=\"mt-6 rounded-2xl border border-[#DDBA71]/45 bg-white p-6 shadow-sm\"><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#8D7547]\">How to use the toolkit</div><h2 className=\"mt-2 text-2xl font-black text-[#021734]\">From idea to a decision-ready SDG venture brief</h2><div className=\"mt-5 grid gap-3 md:grid-cols-4\">{[['1','Choose goals','Select only the SDGs your work directly advances.'],['2','Enter economics','Add available cash, monthly burn and monthly revenue.'],['3','Build the model','Open each Free Starter card and answer every guided field.'],['4','Generate report','Create, review and save your basic venture report.']].map(([n,t,d])=><article key={n} className=\"rounded-xl bg-[#F8FAFC] p-4\"><div className=\"grid h-8 w-8 place-items-center rounded-full bg-[#021734] text-sm font-black text-[#DDBA71]\">{n}</div><h3 className=\"mt-3 font-black text-[#021734]\">{t}</h3><p className=\"mt-1 text-xs leading-5 text-slate-600\">{d}</p></article>)}</div><p className=\"mt-4 rounded-lg bg-[#FCF5E6] p-3 text-sm font-bold text-[#6E572A]\">Your answers save automatically on this device. Complete the three Free Starter systems, then generate the basic report below. Impact Pro unlocks grant, reporting, partnership, investor and launch-plan systems.</p></section><section className=\"mt-7 grid gap-5 lg:grid-cols-[1.1fr_.9fr]\"><div className=\"rounded-2xl bg-white p-6 shadow-sm\"><h2 className=\"text-2xl font-black\">1. Choose your SDG mandate</h2><p className=\"mt-2 text-sm text-slate-600\">Select the goals your business directly advances.</p><div className=\"mt-4 grid gap-2 sm:grid-cols-2 lg:grid-cols-3\">{goals.map((g,i)=><button key={g} onClick={()=>toggle(i+1)} className={`rounded-lg border p-3 text-left text-sm font-bold ${impact.includes(i+1)?'border-[#DDBA71] bg-[#FCF5E6]':'bg-white'}`}>SDG {i+1} · {g}</button>)}</div></div><div className=\"rounded-2xl bg-[#021734] p-6 text-white\"><div className=\"text-xs font-black tracking-[.2em] text-[#DDBA71]\">IMPACT READINESS</div><div className=\"mt-3 text-6xl font-black text-[#DDBA71]\">{Math.round(impactScore)}/100</div><p className=\"mt-3 text-sm text-slate-300\">Directional score based on SDG focus and current operating economics.</p><div className=\"mt-6\"><div className=\"text-xs text-slate-400\">Selected goals</div><div className=\"mt-2 flex flex-wrap gap-2\">{impact.map(g=><span key={g} className=\"rounded-full bg-white/10 px-3 py-1 text-xs font-black\">SDG {g}</span>)}</div></div>{access&&<div className=\"mt-5 rounded-lg bg-emerald-900/50 p-3 text-xs font-black text-emerald-200\">PREMIUM ACTIVE · {access.plan}</div>}</div></section><section className=\"mt-6 grid gap-5 md:grid-cols-3\"><div className=\"rounded-xl bg-white p-6 shadow-sm\"><h2 className=\"text-xl font-black\">Runway</h2><div className=\"mt-4 grid gap-3\"><input type=\"number\" value={cash} onChange={e=>setCash(+e.target.value)} className=\"rounded-lg border px-4 py-3\" placeholder=\"Cash\"/><input type=\"number\" value={burn} onChange={e=>setBurn(+e.target.value)} className=\"rounded-lg border px-4 py-3\" placeholder=\"Monthly burn\"/></div><div className=\"mt-5 text-3xl font-black text-[#021734]\">{runway.toFixed(1)} months</div></div><div className=\"rounded-xl bg-white p-6 shadow-sm\"><h2 className=\"text-xl font-black\">Revenue + Sustainability</h2><input type=\"number\" value={revenue} onChange={e=>setRevenue(+e.target.value)} className=\"mt-4 w-full rounded-lg border px-4 py-3\" placeholder=\"Monthly revenue\"/><div className={`mt-5 text-3xl font-black ${monthlySurplus>=0?'text-[#021734]':'text-red-700'}`}>${monthlySurplus.toLocaleString()}/mo</div><div className=\"text-xs text-slate-500\">Operating surplus after current burn</div></div><div className=\"rounded-xl bg-white p-6 shadow-sm\"><h2 className=\"text-xl font-black\">Impact KPI Starter</h2><div className=\"mt-4 space-y-2 text-sm\">{['Who benefits?','What measurable outcome changes?','Baseline before intervention','Target by date','Evidence source','Revenue linked to impact delivery'].map(x=><label key={x} className=\"flex gap-2\"><input type=\"checkbox\"/>{x}</label>)}</div></div></section><section className=\"mt-6 rounded-2xl bg-[#FCF5E6] p-6\"><h2 className=\"text-2xl font-black\">SDG Venture Operating System</h2><div className=\"mt-4 grid gap-3 md:grid-cols-3\">{items.map(x=>{const locked=Boolean(x[1])&&(!access||access.rank<1);return <button onClick={()=>openItem(x)} key={x[0]} className=\"group rounded-xl border border-[#021734]/10 bg-white p-4 text-left shadow-sm transition hover:-translate-y-0.5 hover:border-[#DDBA71] hover:shadow-md\"><span className=\"flex items-center justify-between gap-3\"><span className={`rounded-full px-2.5 py-1 text-[9px] font-black uppercase tracking-[.16em] ${locked?'bg-[#FCF5E6] text-[#8D7547]':'bg-[#EAF2FB] text-[#19486A]'}`}>{locked?'Impact Pro':'Free starter'}</span><span aria-hidden=\"true\" className=\"text-lg\">{locked?'🔒':'→'}</span></span><strong className=\"mt-3 block text-base font-black text-[#021734]\">{x[0]}</strong><span className=\"mt-2 block text-xs font-medium leading-5 text-slate-500\">{x[2]}</span></button>})}</div>{template&&<div role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"toolkit-dialog-title\" className=\"fixed inset-0 z-50 grid place-items-center bg-[#021734]/75 p-4 backdrop-blur-sm\" onClick={()=>setTemplate(null)}><div className=\"relative w-full max-w-xl rounded-2xl border border-[#DDBA71]/45 bg-white p-6 shadow-2xl sm:p-8\" onClick={e=>e.stopPropagation()}><button type=\"button\" aria-label=\"Close\" onClick={()=>setTemplate(null)} className=\"absolute right-4 top-4 grid h-10 w-10 place-items-center rounded-full bg-slate-100 text-xl font-black text-[#021734]\">×</button><div className=\"pr-12 text-[10px] font-black uppercase tracking-[.22em] text-[#8D7547]\">{template.locked?'Premium operating asset':'Operating workspace'}</div><h3 id=\"toolkit-dialog-title\" className=\"mt-2 pr-12 text-2xl font-black text-[#021734]\">{template.name}</h3>{template.locked?<><div className=\"mt-5 rounded-xl border border-[#021734]/10 bg-[#F8FAFC] p-5\"><div className=\"text-[10px] font-black uppercase tracking-[.18em] text-[#8D7547]\">Free basic guidance</div><p className=\"mt-2 leading-7 text-slate-700\">{template.body}</p></div><div className=\"mt-4 rounded-xl border border-[#DDBA71]/55 bg-[#FCF5E6] p-5\"><div className=\"text-lg font-black text-[#021734]\">🔒 Upgrade to unlock the advanced system</div><p className=\"mt-2 text-sm leading-6 text-slate-700\">Impact Pro adds the working templates, controls and professional outputs for this section:</p><ul className=\"mt-3 grid gap-2\">{template.advanced.map((item:string)=><li key={item} className=\"flex gap-2 text-sm font-bold text-[#021734]\"><span className=\"text-[#8D7547]\">◆</span>{item}</li>)}</ul></div><Btn to=\"/pricing\" className=\"mt-5 w-full rounded-xl bg-[#DDBA71] px-5 py-4 font-black text-[#021734]\">Upgrade to Impact Pro →</Btn></>:<><p className=\"mt-4 leading-7 text-slate-600\">{template.body}</p><div className=\"mt-4 max-h-[52vh] space-y-3 overflow-y-auto pr-1\">{template.sections?.map(([title,detail]:string[],i:number)=>{const key=`${template.name}::${title}`;return <article key={title} className=\"rounded-xl border border-[#021734]/10 bg-[#F8FAFC] p-4\"><div className=\"flex items-start gap-3\"><span className=\"grid h-7 w-7 shrink-0 place-items-center rounded-full bg-[#021734] text-xs font-black text-[#DDBA71]\">{i+1}</span><div className=\"min-w-0 flex-1\"><h4 className=\"font-black text-[#021734]\">{title}</h4><p className=\"mt-1 text-sm leading-6 text-slate-600\">{detail}</p><label className=\"mt-3 block text-[10px] font-black uppercase tracking-[.15em] text-[#8D7547]\">Your working answer<textarea value={answers[key]||''} onChange={e=>updateAnswer(key,e.target.value)} placeholder={`Enter your ${title.toLowerCase()}…`} className=\"mt-2 min-h-24 w-full rounded-lg border border-[#021734]/15 bg-white p-3 text-sm font-medium normal-case tracking-normal text-[#021734] outline-none focus:border-[#DDBA71]\"/></label></div></div></article>})}</div><div className=\"mt-4 rounded-lg bg-[#FCF5E6] p-3 text-xs font-bold leading-5 text-[#6E572A]\">Free starter system: complete each section with one clear sentence, then use the runway and KPI controls on this page to test the model.</div><div className=\"mt-5 grid gap-3 sm:grid-cols-2\"><button type=\"button\" onClick={()=>setTemplate(null)} className=\"rounded-xl border border-[#021734] px-5 py-4 font-black text-[#021734]\">Continue later</button><button type=\"button\" onClick={generateBasicReport} className=\"rounded-xl bg-[#DDBA71] px-5 py-4 font-black text-[#021734]\">Generate Basic Report →</button></div></>}</div></div>}{basicReport&&<section id=\"basic-report\" className=\"mt-6 rounded-2xl border-2 border-[#DDBA71] bg-white p-6 shadow-lg\"><div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\"><div><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#8D7547]\">Generated Basic Report</div><h2 className=\"mt-2 text-2xl font-black text-[#021734]\">SDG Venture Readiness Brief</h2><p className=\"mt-1 text-xs text-slate-500\">Generated {basicReport.generatedAt} · Saved on this device</p></div><button onClick={()=>window.print()} className=\"rounded-lg border border-[#021734] px-4 py-2 text-sm font-black text-[#021734]\">Print report</button></div><div className=\"mt-5 grid gap-3 sm:grid-cols-3\"><div className=\"rounded-xl bg-[#021734] p-4 text-white\"><div className=\"text-xs text-slate-300\">Impact readiness</div><div className=\"mt-1 text-3xl font-black text-[#DDBA71]\">{basicReport.impactReadiness}/100</div></div><div className=\"rounded-xl bg-[#F8FAFC] p-4\"><div className=\"text-xs text-slate-500\">Runway</div><div className=\"mt-1 text-3xl font-black text-[#021734]\">{basicReport.financialPosition.runwayMonths} mo</div></div><div className=\"rounded-xl bg-[#F8FAFC] p-4\"><div className=\"text-xs text-slate-500\">Working answers</div><div className=\"mt-1 text-3xl font-black text-[#021734]\">{basicReport.completedResponses}</div></div></div><div className=\"mt-5 grid gap-5 md:grid-cols-2\"><div><h3 className=\"font-black text-[#021734]\">Selected SDG mandate</h3><div className=\"mt-2 grid gap-2\">{basicReport.selectedGoals.map((g:string)=><div key={g} className=\"rounded-lg bg-[#F8FAFC] px-3 py-2 text-sm font-bold\">{g}</div>)}</div></div><div><h3 className=\"font-black text-[#021734]\">Priority next actions</h3><ol className=\"mt-2 grid gap-2\">{basicReport.nextActions.map((x:string,i:number)=><li key={x} className=\"flex gap-2 rounded-lg bg-[#FCF5E6] px-3 py-2 text-sm\"><b>{i+1}.</b><span>{x}</span></li>)}</ol></div></div><div className=\"mt-5\"><h3 className=\"font-black text-[#021734]\">Your venture inputs</h3><div className=\"mt-2 grid gap-3\">{Object.entries(basicReport.responses).filter(([,v])=>String(v).trim()).map(([k,v])=><article key={k} className=\"rounded-lg border border-[#021734]/10 p-3\"><div className=\"text-xs font-black text-[#8D7547]\">{k.replace('::',' · ')}</div><p className=\"mt-1 whitespace-pre-wrap text-sm leading-6 text-slate-700\">{String(v)}</p></article>)}</div></div></section>}<div className=\"mt-5 flex flex-wrap gap-3\"><button onClick={savePlan} className=\"rounded-lg bg-[#021734] px-4 py-3 font-black text-white\">Save My SDG Plan</button><button onClick={generateBasicReport} className=\"rounded-lg bg-[#DDBA71] px-4 py-3 font-black text-[#021734]\">Generate Basic Report</button><button onClick={exportPlan} className=\"rounded-lg border border-[#021734] px-4 py-3 font-black\">{access?'Export SDG Business Report':'🔒 Export SDG Business Report'}</button></div><p className=\"mt-5 text-sm text-slate-600\"><b>Free:</b> core canvas, SDG selection, runway, KPI starter and local save. <b>Impact Pro:</b> advanced templates and downloadable SDG business reporting assets.</p></section></main></Shell>}\nfunction Pricing(){const plans=[['Free',0,'Apps4allSDGs discovery access','Free SDG learning and impact-evaluation applications via Apps4allSDGs · external portal operated by SDG Champions France'],['Impact Pro',79,'Global SDG intelligence + reporting','Full country dropdown across the World Bank country/economy directory · country comparisons · CSV exports · advanced SDG toolkit · reporting templates · grant/investor outputs'],['Property Intelligence',149,'SDG real estate intelligence','Deeper area comparisons · saved scans · exports · acquisition workflow'],['Forge Pro',249,'Complete Sovereign Forge','All paid tools · premium datasets · build pipeline · priority releases'],['Enterprise',999,'Organization + team access','Multi-user access · custom workflows · priority support · institutional use']];const [selected,setSelected]=useState('Impact Pro'),[name,setName]=useState(''),[email,setEmail]=useState(''),[msg,setMsg]=useState(''),[busy,setBusy]=useState(false),[accessKey,setAccessKey]=useState('');useEffect(()=>{const q=new URLSearchParams(location.search);const token=q.get('token');if(q.get('paypal')==='return'&&token){setBusy(true);fetch('/api/paypal/capture',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({orderId:token})}).then(async r=>({r,j:await r.json()})).then(({r,j})=>{if(r.ok&&j.ok){localStorage.setItem('forge_access_key',j.access_key);setAccessKey(j.access_key);setMsg(`Payment complete. ${j.plan} is active.`);history.replaceState({},'', '/pricing')}else setMsg(j.error||'Payment capture failed')}).finally(()=>setBusy(false))}if(q.get('paypal')==='cancel')setMsg('PayPal checkout was cancelled. No charge was captured.')},[]);async function order(){setMsg('');if(selected==='Free'){window.location.href=APPS4ALL;return}setBusy(true);try{let r=await fetch('/api/purchase-intents',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({name,email,plan:selected})}),j=await r.json();if(!r.ok||!j.ok){setMsg(j.error||'Unable to start checkout');return}setMsg(`Opening secure PayPal checkout for ${j.plan}…`);location.href=j.approval_url}catch(e){setMsg('Unable to start PayPal checkout')}finally{setBusy(false)}}return <Shell><main className=\"mx-auto max-w-7xl px-5 py-12\"><div className=\"text-center\"><div className=\"text-xs font-black tracking-[.2em] text-[#8D7547]\">MONETIZATION</div><h1 className=\"mt-2 text-4xl font-black\">Choose Your Forge Access</h1><p className=\"mx-auto mt-3 max-w-2xl text-slate-600\">Secure PayPal checkout with automatic entitlement activation after verified capture.</p></div><div className=\"mt-8 grid gap-4 md:grid-cols-2 xl:grid-cols-5\">{plans.map(([p,price,desc,features]:any)=><button key={p} onClick={()=>setSelected(p)} className={`rounded-2xl border-2 bg-white p-5 text-left shadow-sm ${selected===p?'border-[#DDBA71]':'border-transparent'}`}><div className=\"text-sm font-black text-[#021734]\">{p}</div><div className=\"mt-3 text-4xl font-black\">${price}<span className=\"text-sm text-slate-500\">{price===0?'':' / 30 days'}</span></div><p className=\"mt-3 text-sm font-bold\">{desc}</p><p className=\"mt-3 text-xs leading-5 text-slate-500\">{features}</p></button>)}</div><section className=\"mt-8 grid gap-5 lg:grid-cols-[1fr_.8fr]\"><div className=\"rounded-2xl bg-[#021734] p-7 text-white\"><div className=\"text-xs font-black tracking-[.2em] text-[#DDBA71]\">BUILD SERVICES</div><h2 className=\"mt-2 text-3xl font-black\">Need us to build it?</h2><div className=\"mt-5 grid gap-3 sm:grid-cols-2\"><button onClick={()=>setSelected('SDG Validation Sprint')} className=\"rounded-xl border border-white/20 bg-white/5 p-5 text-left\"><div className=\"font-black\">SDG Validation Sprint</div><div className=\"mt-2 text-3xl font-black text-[#DDBA71]\">$500</div><div className=\"mt-2 text-sm text-slate-300\">Commercial score, buyer validation plan, offer and build brief.</div></button><button onClick={()=>setSelected('SDG MVP Build Sprint')} className=\"rounded-xl border border-white/20 bg-white/5 p-5 text-left\"><div className=\"font-black\">SDG MVP Build Sprint</div><div className=\"mt-2 text-3xl font-black text-[#DDBA71]\">$2,500</div><div className=\"mt-2 text-sm text-slate-300\">Working MVP, deployment, analytics-ready setup and launch handoff.</div></button></div></div><div className=\"rounded-2xl bg-white p-7 shadow-sm\"><div className=\"text-xs font-black tracking-[.2em] text-[#8D7547]\">SECURE CHECKOUT</div><h2 className=\"mt-2 text-2xl font-black\">{selected}</h2><div className=\"mt-5 space-y-3\"><input value={name} onChange={e=>setName(e.target.value)} className=\"w-full rounded-lg border px-4 py-3\" placeholder=\"Name / organization\"/><input value={email} onChange={e=>setEmail(e.target.value)} className=\"w-full rounded-lg border px-4 py-3\" placeholder=\"Billing email\" type=\"email\"/><button disabled={busy} onClick={order} className=\"w-full rounded-lg bg-[#DDBA71] py-4 font-black text-[#06251f] disabled:opacity-50\">{busy?'Processing…':selected==='Free'?'Explore Apps4allSDGs Free →':'Continue to PayPal →'}</button></div>{msg&&<div className=\"mt-4 rounded-lg bg-[#F4F7FB] p-3 text-sm font-bold text-[#021734]\">{msg}</div>}{accessKey&&<div className=\"mt-4 rounded-xl bg-[#021734] p-4 text-white\"><div className=\"text-xs font-black text-[#DDBA71]\">YOUR FORGE ACCESS KEY</div><div className=\"mt-2 break-all font-mono text-sm\">{accessKey}</div><Btn to=\"/account\" className=\"mt-4 rounded-lg bg-[#DDBA71] px-4 py-2 font-black text-[#06251f]\">Open Member Access →</Btn></div>}{selected==='Free'?<p className=\"mt-4 text-xs leading-5 text-slate-500\">Free access opens the external Apps4allSDGs portal operated by SDG Champions France. Sovereign Forge does not own or re-license Apps4allSDGs content or methodology.</p>:<p className=\"mt-4 text-xs leading-5 text-slate-500\">PayPal processes the payment. Forge access is issued only after the server verifies a completed capture. By purchasing you agree to the <button onClick={()=>go('/terms')} className=\"font-black underline\">Terms</button> and <button onClick={()=>go('/refunds')} className=\"font-black underline\">Refund & Access Policy</button>.</p>}</div></section></main></Shell>}\nfunction AccessPortal(){const [key,setKey]=useState(localStorage.getItem('forge_access_key')||''),[status,setStatus]=useState<any>(null),[msg,setMsg]=useState('');useEffect(()=>{if(key)verify().catch(()=>{})},[]);async function verify(){setMsg('');let r=await fetch('/api/access/verify',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({key:key.trim()})}),j=await r.json();if(r.ok){localStorage.setItem('forge_access_key',key.trim());setStatus(j);setMsg('Access verified. Premium Forge tools are unlocked on this device.')}else{setStatus(null);setMsg(j.error||'Access key not valid.')}}function clear(){localStorage.removeItem('forge_access_key');setKey('');setStatus(null);setMsg('Access key removed from this device.')}return <Shell><main className=\"mx-auto max-w-3xl px-5 py-14\"><div className=\"text-xs font-black tracking-[.2em] text-[#8D7547]\">MEMBER ACCESS</div><h1 className=\"mt-2 text-4xl font-black\">Sovereign Forge Access</h1><p className=\"mt-3 text-slate-600\">Enter the access key issued after verified PayPal payment. Paid access is valid for the stated access period.</p><div className=\"mt-7 rounded-2xl bg-white p-6 shadow-sm\"><input value={key} onChange={e=>setKey(e.target.value)} className=\"w-full rounded-lg border px-4 py-3\" placeholder=\"Forge access key\"/><div className=\"mt-3 grid gap-3 sm:grid-cols-2\"><button onClick={verify} className=\"rounded-lg bg-[#19486A] py-4 font-black text-white\">Verify & Unlock →</button><button onClick={clear} className=\"rounded-lg border border-[#021734]/20 py-4 font-black\">Clear This Device</button></div>{msg&&<div className=\"mt-4 rounded-lg bg-[#FCF5E6] p-3 text-sm font-bold\">{msg}</div>}{status&&<div className=\"mt-5 rounded-xl bg-[#021734] p-5 text-white\"><div className=\"text-xs font-black text-[#DDBA71]\">ACTIVE PLAN</div><div className=\"mt-1 text-2xl font-black\">{status.plan}</div><div className=\"mt-3 text-sm text-slate-300\">Access level {status.rank} · {status.expires_at?`valid through ${new Date(status.expires_at).toLocaleDateString()}`:'no automatic expiry'}</div><div className=\"mt-5 flex flex-wrap gap-3\"><Btn to=\"/apps\" className=\"rounded-lg bg-[#DDBA71] px-4 py-3 font-black text-[#06251f]\">Open Forge Tools →</Btn><Btn to=\"/pricing\" className=\"rounded-lg border border-white/20 px-4 py-3 font-black\">Renew / Upgrade →</Btn></div></div>}</div><div className=\"mt-5 text-center\"><Btn to=\"/pricing\" className=\"font-black text-[#021734]\">Need access? View pricing →</Btn></div></main></Shell>}\nfunction AdminOrders(){const [orders,setOrders]=useState<any[]>([]),[contacts,setContacts]=useState<any[]>([]),[msg,setMsg]=useState('');async function load(){const [or,cr]=await Promise.all([fetch('/api/purchase-intents'),fetch('/api/contact')]);if(or.status===401||cr.status===401){location.href='/auth/login';return}const [oj,cj]=await Promise.all([or.json(),cr.json()]);if(oj.ok)setOrders(oj.orders||[]);else setMsg(oj.error);if(cj.ok)setContacts(cj.requests||[])}useEffect(()=>{load()},[]);async function activate(id:number){let r=await fetch(`/api/purchase-intents/${id}/activate`,{method:'POST'}),j=await r.json();if(j.ok){setMsg(`Order #${id} activated. Access key: ${j.entitlement.access_key}`);load()}else setMsg(j.error)}return <Shell><main className=\"mx-auto max-w-7xl px-5 py-12\"><div className=\"text-xs font-black tracking-[.2em] text-[#8D7547]\">OWNER CONSOLE</div><h1 className=\"mt-2 text-4xl font-black\">Forge Operations</h1><p className=\"mt-2 text-slate-600\">Payments, entitlements and inbound commercial requests.</p>{msg&&<div className=\"mt-5 rounded-xl bg-amber-100 p-4 font-bold break-all\">{msg}</div>}<section className=\"mt-7\"><h2 className=\"text-2xl font-black\">Paid Access Orders</h2><div className=\"mt-4 space-y-3\">{orders.map(o=><div key={o.id} className=\"rounded-xl bg-white p-5 shadow-sm\"><div className=\"flex flex-col gap-4 md:flex-row md:items-center md:justify-between\"><div><div className=\"font-black\">#{o.id} · {o.name}</div><div className=\"text-sm text-slate-600\">{o.email} · {o.plan} · ${o.amount} · {o.status}</div></div><button disabled={o.status==='paid_active'} onClick={()=>activate(o.id)} className=\"rounded-lg bg-[#19486A] px-5 py-3 font-black text-white disabled:opacity-40\">{o.status==='paid_active'?'Active':'Confirm Paid & Activate'}</button></div></div>)}</div></section><section className=\"mt-10\"><h2 className=\"text-2xl font-black\">Contact & Partnership Requests</h2><div className=\"mt-4 grid gap-3 md:grid-cols-2\">{contacts.map(x=><div key={x.id} className=\"rounded-xl bg-white p-5 shadow-sm\"><div className=\"text-xs font-black text-[#8D7547]\">#{x.id} · {x.status}</div><h3 className=\"mt-1 text-lg font-black\">{x.subject}</h3><div className=\"mt-2 text-sm text-slate-600\">{x.name} · {x.email}{x.organization?` · ${x.organization}`:''}</div><p className=\"mt-3 text-sm leading-6 text-slate-700\">{x.message}</p></div>)}</div></section></main></Shell>}\nfunction Tools(){const tools=[['01','SDG Data Explorer','Query live public development indicators, inspect freshness, compare countries and export structured SDG intelligence.','/data-explorer','#19486A'],['02','Property + SDG Scanner','Combine public property opportunity channels with local SDG context, comparisons and acquisition-oriented reporting.','/property-scanner','#8D7547'],['03','SDG Business Toolkit','Build the commercial model, impact thesis, KPIs, reporting path and investor or grant readiness.','/business-toolkit','#4C9F38'],['04','Build an App','Move an SDG-aligned product idea through intake, validation, build, testing and deployment.','/build','#021734']];return <Shell><main><section className=\"bg-[#021734] text-white\"><div className=\"mx-auto max-w-7xl px-5 py-12 md:py-16\"><div className=\"text-xs font-black uppercase tracking-[.24em] text-[#DDBA71]\">Operating Toolset</div><h1 className=\"mt-3 max-w-4xl text-4xl font-black leading-tight md:text-6xl\">Tools built for <span className=\"text-[#DDBA71]\">decisions and execution.</span></h1><p className=\"mt-4 max-w-3xl text-base leading-7 text-slate-300\">Each module has a defined operating job: understand the data, identify opportunity, design the venture, or ship the product.</p></div></section><section className=\"mx-auto max-w-7xl px-5 py-12\"><div className=\"grid gap-5 md:grid-cols-2\">{tools.map(([num,n,d,p,color])=><article key={n} className=\"group relative overflow-hidden rounded-2xl border border-[#021734]/8 bg-white p-6 shadow-[0_10px_30px_rgba(2,23,52,.08)] transition hover:-translate-y-1 hover:shadow-[0_18px_44px_rgba(2,23,52,.14)] md:p-7\"><div className=\"absolute right-5 top-3 text-6xl font-black opacity-[.07]\" style={{color}}>{num}</div><div className=\"relative\"><div className=\"text-[10px] font-black uppercase tracking-[.2em]\" style={{color}}>Forge tool {num}</div><h2 className=\"mt-3 text-2xl font-black text-[#021734] md:text-3xl\">{n}</h2><p className=\"mt-3 max-w-xl leading-7 text-slate-600\">{d}</p><Btn to={p} className=\"mt-6 rounded-xl bg-[#021734] px-5 py-3.5 text-sm font-black text-white transition group-hover:bg-[#0B2B55]\">Open Tool →</Btn></div></article>)}</div></section></main></Shell>}\nfunction Resources(){const items=[['01','SDG methodology','Forge maps relevant public indicators to the Sustainable Development Goals for practical decision support. Directional scores are TSHC analytics—not official UN scores or certifications.','#19486A'],['02','Data sources','The Data Explorer queries World Bank indicators. U.S. local SDG snapshots use American Community Survey data surfaced through Census Reporter. Property discovery connects to public federal and jurisdictional sources.','#4C9F38'],['03','Free vs paid','The Free tier links to Apps4allSDGs for free SDG learning and impact-evaluation applications while Forge keeps a six-country Quick View preview. Paid tiers unlock deeper intelligence, comparisons, exports and operating workflows.','#8D7547'],['04','Decision-use notice','Forge outputs support research and screening. Users should independently verify title, tax status, legal eligibility, investment assumptions and official SDG reporting requirements before acting.','#A21942']];return <Shell><main><section className=\"bg-[#021734] text-white\"><div className=\"mx-auto max-w-7xl px-5 py-12 md:py-16\"><div className=\"text-xs font-black uppercase tracking-[.24em] text-[#DDBA71]\">Methodology · Sources · Disclosures</div><h1 className=\"mt-3 max-w-4xl text-4xl font-black leading-tight md:text-6xl\">Trust the work because you can <span className=\"text-[#DDBA71]\">audit the work.</span></h1><p className=\"mt-4 max-w-3xl text-base leading-7 text-slate-300\">Forge is designed to show where information came from, how fresh it is, what our analytics mean—and what they do not mean.</p></div></section><section className=\"mx-auto max-w-7xl px-5 py-12\"><div className=\"grid gap-5 md:grid-cols-2\">{items.map(([num,n,d,color])=><article key={n} className=\"relative overflow-hidden rounded-2xl border border-[#021734]/8 bg-white p-6 shadow-[0_10px_30px_rgba(2,23,52,.08)] md:p-7\"><div className=\"absolute right-4 top-2 text-6xl font-black opacity-[.06]\" style={{color}}>{num}</div><div className=\"relative\"><div className=\"text-[10px] font-black uppercase tracking-[.2em]\" style={{color}}>Resource {num}</div><h2 className=\"mt-2 text-2xl font-black text-[#021734]\">{n}</h2><p className=\"mt-3 leading-7 text-slate-600\">{d}</p></div></article>)}</div><div className=\"mt-8 grid gap-5 lg:grid-cols-[1.15fr_.85fr]\"><section className=\"rounded-2xl bg-[#021734] p-7 text-white\"><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#DDBA71]\">Freshness standard</div><h2 className=\"mt-2 text-3xl font-black\">No stale number masquerades as live data.</h2><p className=\"mt-4 leading-7 text-slate-300\">When a country is loaded, Forge re-queries the source, records the check time, shows the source observation year, and states plainly when no newer published observation is available.</p></section><section className=\"rounded-2xl border border-[#DDBA71]/40 bg-[#FCF5E6] p-7\"><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#8D7547]\">Verification</div><h2 className=\"mt-2 text-3xl font-black text-[#021734]\">Follow the source.</h2><p className=\"mt-4 leading-7 text-slate-700\">Data Explorer cards expose their underlying source links where available so researchers can independently inspect the original public data.</p><Btn to=\"/data-explorer\" className=\"mt-5 rounded-xl bg-[#021734] px-5 py-3.5 font-black text-white\">Open Data Explorer →</Btn></section></div></section></main></Shell>}\nfunction Partners(){const [type,setType]=useState('Strategic Partner'),[name,setName]=useState(''),[email,setEmail]=useState(''),[organization,setOrganization]=useState(''),[website,setWebsite]=useState(''),[audience,setAudience]=useState(''),[notes,setNotes]=useState(''),[msg,setMsg]=useState(''),[busy,setBusy]=useState(false);const partners=[[SDGCF_LOGO,'SDG Champions France','Strategic SDG Network','SDG education, evaluation and application ecosystem.'],[GVVI_LOGO,'Great Vision and Voices Initiative (GVVI)','Humanitarian & Global Citizenship Network','Human rights, global citizenship, education and multi-country community impact.'],[FWH_LOGO,'Foundation for World Harmony (FWH)','Humanitarian & Kindness Network','Kindness, youth engagement, humanitarian outreach and global harmony initiatives.']];async function submit(e:any){e.preventDefault();setBusy(true);setMsg('');const subject=`Partner Network Application · ${type}`;const message=`Application type: ${type}\\nWebsite / profile: ${website||'Not provided'}\\nAudience / reach: ${audience||'Not provided'}\\n\\n${notes}`;const r=await fetch('/api/contact',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({name,email,organization,subject,message})}),j=await r.json();setBusy(false);if(!r.ok){setMsg(j.error||'Unable to submit application');return}setMsg('Application received. TSHC will review the fit, compliance and commercial terms before approval.');setName('');setEmail('');setOrganization('');setWebsite('');setAudience('');setNotes('')}return <Shell><main><section className=\"bg-[#021734] text-white\"><div className=\"mx-auto max-w-7xl px-5 py-14 md:py-20\"><div className=\"text-xs font-black uppercase tracking-[.26em] text-[#DDBA71]\">TSHC Sovereign Forge Partner Network</div><h1 className=\"mt-4 max-w-4xl text-4xl font-black leading-tight md:text-6xl\">Build distribution, impact and revenue <span className=\"text-[#DDBA71]\">together.</span></h1><p className=\"mt-5 max-w-3xl text-base leading-8 text-slate-300\">The Partner Network connects Sovereign Forge with mission-aligned organizations, educators, consultants, institutions and commercial introducers. Strategic partners extend programs and reach; approved affiliates earn on qualified paid customers they introduce.</p><div className=\"mt-7 flex flex-wrap gap-3\"><button onClick={()=>document.getElementById('partner-apply')?.scrollIntoView({behavior:'smooth'})} className=\"rounded-lg bg-[#DDBA71] px-5 py-3.5 font-black text-[#021734]\">Apply to the Network →</button><Btn to=\"/pricing\" className=\"rounded-lg border border-[#DDBA71]/50 px-5 py-3.5 font-black text-white\">View Forge Access</Btn></div></div></section><section className=\"mx-auto max-w-7xl px-5 py-12\"><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#8D7547]\">Strategic Network & Collaboration</div><h2 className=\"mt-2 text-3xl font-black text-[#021734] md:text-4xl\">Featured relationships</h2><p className=\"mt-2 max-w-3xl text-sm leading-6 text-slate-600\">These cards identify organizations within TSHC's collaborative ecosystem. They do not imply endorsement by unrelated institutions or by organizations whose marks may appear in third-party materials.</p><div className=\"mt-7 grid gap-5 md:grid-cols-3\">{partners.map(([img,n,k,d])=><article key={n} className=\"overflow-hidden rounded-2xl border border-[#021734]/8 bg-white shadow-[0_10px_30px_rgba(2,23,52,.08)]\"><div className=\"grid h-48 place-items-center bg-white p-5\"><img src={img} alt={n} className=\"max-h-full max-w-full object-contain\"/></div><div className=\"border-t border-slate-100 p-5\"><div className=\"text-[10px] font-black uppercase tracking-[.18em] text-[#8D7547]\">{k}</div><h3 className=\"mt-2 text-xl font-black text-[#021734]\">{n}</h3><p className=\"mt-3 text-sm leading-6 text-slate-600\">{d}</p></div></article>)}</div></section><section className=\"mx-auto grid max-w-7xl gap-5 px-5 pb-12 lg:grid-cols-2\"><article className=\"rounded-2xl bg-[#021734] p-7 text-white\"><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#DDBA71]\">Strategic partners</div><h2 className=\"mt-2 text-3xl font-black\">Programs, institutions and ecosystem reach.</h2><p className=\"mt-4 leading-7 text-slate-300\">For NGOs, schools, universities, municipalities, consultants, chambers, CDFIs, property organizations and SDG networks seeking co-programming, institutional access, referral relationships, data collaboration or custom Forge deployments.</p><div className=\"mt-5 grid gap-2 text-sm text-slate-200\">{['Institutional and program collaboration','Education and SDG implementation','Data and intelligence use cases','Custom deployments and licensing','Joint outreach and referral pathways'].map(x=><div key={x}>✓ {x}</div>)}</div></article><article className=\"rounded-2xl border border-[#DDBA71]/40 bg-[#FCF5E6] p-7\"><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#8D7547]\">Affiliate program</div><h2 className=\"mt-2 text-3xl font-black text-[#021734]\">Earn by introducing qualified customers.</h2><p className=\"mt-4 leading-7 text-slate-700\">Launch terms for approved affiliates: <b>20%</b> of the first eligible self-service Forge purchase and <b>10%</b> of eligible paid build or consulting services. Commissions are calculated only on cleared, non-refunded payments and remain subject to approval, attribution and program terms.</p><p className=\"mt-4 text-sm leading-6 text-slate-600\">No lifetime recurring commission is promised at launch because current Forge access is sold in 30-day periods rather than automatic recurring subscriptions.</p></article></section><section id=\"partner-apply\" className=\"mx-auto max-w-5xl px-5 pb-14\"><div className=\"rounded-3xl border border-[#021734]/8 bg-white p-6 shadow-[0_14px_42px_rgba(2,23,52,.10)] md:p-8\"><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#8D7547]\">Application</div><h2 className=\"mt-2 text-3xl font-black text-[#021734]\">Join the TSHC Sovereign Forge Partner Network</h2><p className=\"mt-2 text-sm leading-6 text-slate-600\">Applications are reviewed before any partnership designation, referral code or commission eligibility is granted.</p><form onSubmit={submit} className=\"mt-7 grid gap-5 md:grid-cols-2\"><label className=\"text-xs font-black uppercase tracking-wider text-[#021734]\">Application type<select value={type} onChange={e=>setType(e.target.value)} className=\"mt-2 w-full rounded-xl border border-[#021734]/20 bg-white px-4 py-3 text-sm\"><option>Strategic Partner</option><option>Affiliate</option></select></label><Field label=\"Name\" value={name} onChange={setName} placeholder=\"Your name\"/><Field label=\"Email\" value={email} onChange={setEmail} placeholder=\"you@example.com\"/><Field label=\"Organization\" value={organization} onChange={setOrganization} placeholder=\"Organization / company\"/><Field label=\"Website or profile\" value={website} onChange={setWebsite} placeholder=\"https://...\"/><Field label=\"Audience / reach\" value={audience} onChange={setAudience} placeholder=\"Who do you serve or reach?\"/><div className=\"md:col-span-2\"><Field area label=\"Why this partnership fits\" value={notes} onChange={setNotes} placeholder=\"Describe your audience, SDG alignment, proposed collaboration or referral strategy.\"/></div><div className=\"md:col-span-2\"><button disabled={busy} className=\"w-full rounded-lg bg-[#DDBA71] py-4 font-black text-[#021734] disabled:opacity-50\">{busy?'Submitting…':'Submit Application →'}</button>{msg&&<div className=\"mt-4 rounded-lg bg-[#F4F7FB] p-3 text-sm font-bold text-[#021734]\">{msg}</div>}<p className=\"mt-3 text-xs leading-5 text-slate-500\">Submitting an application does not create a partnership, agency relationship or right to compensation. Approval and written program terms are required.</p></div></form></div></section></main></Shell>}\nfunction Contact(){const [name,setName]=useState(''),[email,setEmail]=useState(''),[organization,setOrganization]=useState(''),[subject,setSubject]=useState(''),[message,setMessage]=useState(''),[msg,setMsg]=useState(''),[busy,setBusy]=useState(false);async function submit(e:any){e.preventDefault();setBusy(true);setMsg('');const r=await fetch('/api/contact',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({name,email,organization,subject,message})}),j=await r.json();setBusy(false);if(!r.ok){setMsg(j.error||'Unable to send request');return}setMsg('Request received. TSHC will review it.');setName('');setEmail('');setOrganization('');setSubject('');setMessage('')}return <Shell><main className=\"mx-auto max-w-5xl px-5 py-14\"><div className=\"text-xs font-black tracking-[.2em] text-[#8D7547]\">CONTACT TSHC</div><h1 className=\"mt-2 text-4xl font-black\">Build, data & partnership requests</h1><p className=\"mt-3 max-w-3xl leading-7 text-slate-600\">Use this form for Forge access, institutional data, SDG business support, property intelligence, app builds or partnership discussions.</p><form onSubmit={submit} className=\"mt-7 rounded-2xl bg-white p-7 shadow-sm\"><div className=\"grid gap-5 md:grid-cols-2\"><Field label=\"Name\" value={name} onChange={setName} placeholder=\"Your name\"/><Field label=\"Email\" value={email} onChange={setEmail} placeholder=\"you@example.com\"/><Field label=\"Organization\" value={organization} onChange={setOrganization} placeholder=\"Organization (optional)\"/><Field label=\"Subject\" value={subject} onChange={setSubject} placeholder=\"How can we help?\"/><div className=\"md:col-span-2\"><Field area label=\"Message\" value={message} onChange={setMessage} placeholder=\"Tell us what you need, desired outcome, geography or SDGs involved.\"/></div></div><button disabled={busy} className=\"mt-6 w-full rounded-lg bg-[#DDBA71] py-4 font-black text-[#06251f]\">{busy?'Sending…':'Send Request →'}</button>{msg&&<div className=\"mt-4 rounded-lg bg-[#F4F7FB] p-3 text-sm font-bold text-[#021734]\">{msg}</div>}</form></main></Shell>}\nfunction Legal({title,children}:{title:string;children:any}){return <Shell><main className=\"mx-auto max-w-4xl px-5 py-14\"><h1 className=\"text-4xl font-black\">{title}</h1><div className=\"mt-6 space-y-5 rounded-2xl bg-white p-7 leading-7 text-slate-700 shadow-sm\">{children}</div></main></Shell>}\nfunction About(){const pillars=[['SDG Intelligence','Live-source development indicators mapped to all 17 Sustainable Development Goals with visible provenance and freshness notes.'],['Opportunity Intelligence','Property and public-opportunity discovery combined with local and national SDG context.'],['Impact Enterprise','Tools that connect revenue, operating discipline, measurable outcomes, grants, investors and SDG reporting.'],['Venture Forge','A structured intake-to-deployment pipeline for turning validated SDG-aligned ideas into working digital products.']];return <Shell><main><section className=\"bg-[#021734] text-white\"><div className=\"mx-auto grid max-w-7xl gap-8 px-5 py-14 md:grid-cols-[1.1fr_.9fr] md:items-center md:py-20\"><div><div className=\"text-xs font-black uppercase tracking-[.26em] text-[#DDBA71]\">Why Sovereign Forge Exists</div><h1 className=\"mt-4 text-4xl font-black leading-tight md:text-6xl\">Turn global goals into <span className=\"text-[#DDBA71]\">usable intelligence and action.</span></h1><p className=\"mt-5 max-w-2xl text-base leading-8 text-slate-300\">TSHC Sovereign Forge is an SDG-first operating platform built by Trinlah Sovereign Holdings Corporation. Its purpose is to move the Sustainable Development Goals out of static reports and into practical tools people, businesses, educators and institutions can actually use to make decisions, find opportunities, build ventures and measure impact.</p><div className=\"mt-7 flex flex-wrap gap-3\"><Btn to=\"/apps\" className=\"rounded-lg bg-[#DDBA71] px-5 py-3.5 font-black text-[#021734]\">Explore the Platform →</Btn><Btn to=\"/data-explorer\" className=\"rounded-lg border border-[#DDBA71]/50 px-5 py-3.5 font-black text-white\">Open Live SDG Data</Btn></div></div><div className=\"mx-auto max-w-sm\"><img src={LOGO} alt=\"Trinlah Sovereign Holdings Corporation seal\" className=\"w-full rounded-full border border-[#DDBA71]/45 shadow-2xl\"/></div></div></section><section className=\"mx-auto max-w-7xl px-5 py-12\"><div className=\"grid gap-5 md:grid-cols-2\">{pillars.map(([t,d])=><article key={t} className=\"rounded-2xl border border-[#021734]/8 bg-white p-6 shadow-[0_8px_28px_rgba(2,23,52,.07)]\"><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#8D7547]\">Platform pillar</div><h2 className=\"mt-2 text-2xl font-black text-[#021734]\">{t}</h2><p className=\"mt-3 leading-7 text-slate-600\">{d}</p></article>)}</div><div className=\"mt-8 grid gap-5 lg:grid-cols-[1.15fr_.85fr]\"><section className=\"rounded-2xl bg-[#021734] p-7 text-white\"><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#DDBA71]\">Data integrity standard</div><h2 className=\"mt-2 text-3xl font-black\">Auditable by design.</h2><p className=\"mt-4 leading-7 text-slate-300\">Forge re-queries live public sources when data is requested, shows the observation year, identifies when no newer published observation is available, records when the source was checked, and exposes source links where possible. Directional TSHC analytics are labeled as such and are never presented as official UN scores.</p></section><section className=\"rounded-2xl border border-[#DDBA71]/40 bg-[#FCF5E6] p-7\"><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#8D7547]\">Access model</div><h2 className=\"mt-2 text-3xl font-black text-[#021734]\">Useful free. Powerful paid.</h2><p className=\"mt-4 leading-7 text-slate-700\">The Free tier routes users into the Apps4allSDGs ecosystem operated by SDG Champions France, while Forge keeps a six-country Quick View preview for people evaluating our intelligence layer. Impact Pro unlocks the full Forge country directory, comparisons and exports. Higher tiers add property intelligence, premium workflows and enterprise capabilities.</p><Btn to=\"/pricing\" className=\"mt-5 rounded-lg bg-[#021734] px-5 py-3 font-black text-white\">View Access Levels →</Btn></section></div></section></main></Shell>}\nfunction Simple({title,body}:{title:string;body:string}){return <Shell><main className=\"mx-auto max-w-4xl px-5 py-16\"><h1 className=\"text-4xl font-black\">{title}</h1><p className=\"mt-4 text-lg leading-8 text-slate-600\">{body}</p></main></Shell>}\nexport function App(){const [path,setPath]=useState(location.pathname);useEffect(()=>{const f=()=>setPath(location.pathname);addEventListener('popstate',f);return()=>removeEventListener('popstate',f)},[]);if(path==='/apps')return <Apps/>;if(path==='/build')return <Build/>;if(path==='/pricing')return <Pricing/>;if(path==='/account')return <AccessPortal/>;if(path==='/admin-orders')return <AdminOrders/>;if(path==='/data-explorer')return <DataExplorer/>;if(path==='/property-scanner')return <PropertyScanner/>;if(path==='/business-toolkit')return <BusinessToolkit/>;if(path==='/tools')return <Tools/>;if(path==='/resources')return <Resources/>;if(path==='/partners')return <Partners/>;if(path==='/about')return <About/>;if(path==='/contact')return <Contact/>;if(path==='/privacy')return <Legal title=\"Privacy Notice\"><p>TSHC Sovereign Forge collects information you submit for purchases, access verification, build intake and contact requests. Payment card and PayPal account details are processed by PayPal and are not stored by Forge.</p><p>Forge may store your name, email, organization, selected plan, order status, access entitlement and submitted project information to deliver the service, support customers and maintain transaction records.</p><p>Public-data tools may query third-party sources such as the World Bank, Census Reporter and government property websites. Those sources have their own privacy practices.</p><p>Do not submit passwords, government identification numbers, medical records or other highly sensitive information through general intake forms.</p></Legal>;if(path==='/terms')return <Legal title=\"Terms of Use\"><p>Forge provides research, screening, planning and software-development tools. Outputs are informational and should not be treated as legal, tax, investment, appraisal, title, engineering or official United Nations advice or certification.</p><p>Property users must independently verify title, liens, taxes, auction rules, zoning, physical condition and eligibility before committing funds. SDG scores shown by Forge are directional TSHC analytics unless explicitly identified as an official external source.</p><p>Paid Forge access is a limited, revocable, non-exclusive and non-transferable licence for the purchaser and stated access period. Automated abuse, credential sharing, resale of access keys, removal of rights notices, scraping, mirroring, reverse engineering or misuse of third-party data is prohibited.</p><p>Unless TSHC gives written permission, users may not copy, reconstruct or create a substantially similar product from protected Forge designs, software, schemas, prompts, scoring logic, datasets, workflows or documentation. Protected material may not be entered into generative-AI systems, model-training pipelines, retrieval systems, embedding services or automated agents for training, fine-tuning, evaluation, competitive replication or derivative-product creation.</p><p>TSHC retains its rights in original selection, arrangement, expression, software and proprietary additions; external sources retain their respective rights. App-build services cover only the scope purchased or agreed in writing. Additional features, third-party fees, integrations, rights or compliance work may require a separate scope.</p><p>Unauthorized use may result in access suspension, evidence preservation and pursuit of available contractual, copyright, trademark, trade-secret or other remedies. Contact TSHC before any AI, redistribution, publication or institutional reuse.</p></Legal>;if(path==='/refunds')return <Legal title=\"Refund & Access Policy\"><p>Digital access activates after verified PayPal capture. Because access to digital tools is delivered immediately, completed access purchases are generally non-refundable once material use has begun, except where required by law or where TSHC confirms a service failure.</p><p>Build-service payments may be refundable only for work not yet performed. Once validation, design, development, research or deployment work has begun, completed work and incurred third-party costs are not refundable.</p><p>If a duplicate charge, technical access failure or billing error occurs, contact TSHC through the Contact page with the order email and transaction details for review.</p></Legal>;return <Home/>}\n","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React,{useEffect,useMemo,useState} from \"https://esm.sh/react@18.2.0\";\n\ntype Idea={id:number;name:string;customer:string;problem:string;price_model:string;acquisition:string;score:number;verdict:string;status:string;requester_name?:string;requester_email?:string;sdg_goals?:string;deployment_url?:string|null};\ntype SdgRow={goal:string;goalNumber?:number;goalName?:string;label:string;unit:string;value:number|null;year:string|null;dataSource?:string|null;sourceUrl?:string|null;freshnessNote?:string;noNewer?:boolean};\ntype CountryOption={code:string;name:string;region?:string;incomeLevel?:string};\nconst initial={requester_name:\"\",requester_email:\"\",name:\"\",customer:\"\",problem:\"\",price_model:\"\",acquisition:\"\",sdg_goals:[] as number[],pain:8,buyer:7,speed:8,recurring:7,distribution:6,defensibility:6};\nconst BENJI=\"https://benji-sdg-educator-vault.hrhsafwan.chatgpt.site\";\nconst APPS4ALL=\"https://apps4allsdgs.org/\";\nconst SDGCF_LOGO=\"https://tshc-payments-gateway.floot.app/_cdn/static/04a49916-4c3b-4557-a70a-20d405181af5-sdg-champions-france.jpg\";\nconst GVVI_LOGO=\"https://tshc-payments-gateway.floot.app/_cdn/static/a932b04a-5578-4611-b4d0-8bbb9bea1534-gvvi-logo.jpg\";\nconst FWH_LOGO=\"https://tshc-payments-gateway.floot.app/_cdn/static/50c89828-3b28-47ae-b44f-ccf9f5b6f790-fwh-logo.jpg\";\nconst LOGO=\"https://tshc-payments-gateway.floot.app/_cdn/static/a6bb4ecb-64bc-486a-bcdf-3df3298e34e4-tshc-sovereign-logo.jpg\";\nconst goals=[\"No Poverty\",\"Zero Hunger\",\"Good Health & Well-being\",\"Quality Education\",\"Gender Equality\",\"Clean Water & Sanitation\",\"Affordable & Clean Energy\",\"Decent Work & Economic Growth\",\"Industry, Innovation & Infrastructure\",\"Reduced Inequalities\",\"Sustainable Cities & Communities\",\"Responsible Consumption & Production\",\"Climate Action\",\"Life Below Water\",\"Life on Land\",\"Peace, Justice & Strong Institutions\",\"Partnerships for the Goals\"];\nconst sdgColors=['#E5243B','#DDA63A','#4C9F38','#C5192D','#FF3A21','#26BDE2','#FCC30B','#A21942','#FD6925','#DD1367','#FD9D24','#BF8B2E','#3F7E44','#0A97D9','#56C02B','#00689D','#19486A'];\nfunction go(path:string){history.pushState({},\"\",path);window.dispatchEvent(new PopStateEvent(\"popstate\"));window.scrollTo(0,0)}\nfunction Btn({to,children,className=\"\",style}:{to:string;children:any;className?:string;style?:any}){return <button onClick={()=>go(to)} className={className} style={style}>{children}</button>}\nfunction Field({label,value,onChange,placeholder,area=false}:{label:string;value:string;onChange:(v:string)=>void;placeholder:string;area?:boolean}){const c=\"mt-2 w-full rounded-xl border border-[#021734]/20 bg-white px-4 py-3 text-sm outline-none focus:border-amber-500\";return <label className=\"text-xs font-black uppercase tracking-wider text-[#021734]\">{label}{area?<textarea className={c+\" min-h-24\"} value={value} onChange={e=>onChange(e.target.value)} placeholder={placeholder}/>:<input className={c} value={value} onChange={e=>onChange(e.target.value)} placeholder={placeholder}/>}</label>}\nfunction Slider({label,value,onChange}:{label:string;value:number;onChange:(n:number)=>void}){return <div className=\"grid grid-cols-[110px_minmax(0,1fr)_34px] items-center gap-2 text-sm sm:grid-cols-[150px_minmax(0,1fr)_36px] sm:gap-3\"><span className=\"font-bold text-white\">{label}</span><input type=\"range\" min=\"1\" max=\"10\" value={value} onChange={e=>onChange(+e.target.value)} className=\"w-full accent-[#DDBA71]\"/><b className=\"text-[#DDBA71]\">{value*10}</b></div>}\nfunction Shell({children}:{children:any}){const [menu,setMenu]=useState(false);const current=location.pathname;const nav=[['Home','/'],['Apps','/apps'],['Tools','/tools'],['Pricing','/pricing'],['Partners','/partners'],['Member Access','/account'],['Resources','/resources'],['About','/about'],['Contact','/contact']];return <div className=\"min-h-screen overflow-x-hidden break-words text-[#071425]\" style={{background:'radial-gradient(circle at 90% -10%,rgba(221,186,113,.16),transparent 26%),linear-gradient(180deg,#fffdf8 0%,#f4efe5 100%)'}}><header className=\"sticky top-0 z-40 border-b border-[#DDBA71]/30 bg-[#021734]/95 text-white shadow-[0_10px_32px_rgba(0,10,30,.28)] backdrop-blur\"><div className=\"mx-auto flex max-w-7xl items-center justify-between px-4 py-3 md:px-6\"><button onClick={()=>go('/')} className=\"group flex min-w-0 flex-1 items-center gap-2.5 text-left sm:gap-3\"><img src={LOGO} alt=\"Trinlah Sovereign Holdings Corporation\" className=\"h-11 w-11 flex-none rounded-full border border-[#DDBA71]/80 object-cover shadow-[0_0_0_3px_rgba(221,186,113,.12)] sm:h-14 sm:w-14 md:h-16 md:w-16\"/><div className=\"min-w-0\"><div className=\"hidden truncate text-[9px] font-black uppercase tracking-[.22em] text-[#DDBA71] sm:block md:text-[10px]\">Trinlah Sovereign Holdings Corporation</div><div className=\"truncate text-lg font-black leading-none sm:mt-0.5 sm:text-xl md:text-2xl\">Sovereign Forge</div><div className=\"mt-1 hidden truncate text-[9px] font-bold tracking-[.16em] text-slate-300 md:block\">SDG INTELLIGENCE · BUILD · MONETIZE · IMPACT</div></div></button><nav className=\"hidden items-center gap-1 xl:flex\">{nav.map(([n,p])=><Btn key={n} to={p} className={`rounded-lg px-3 py-2 text-xs font-bold transition ${current===p?'bg-white/10 text-[#DDBA71] ring-1 ring-[#DDBA71]/25':'text-slate-200 hover:bg-white/8 hover:text-[#DDBA71]'}`}>{n}</Btn>)}</nav><div className=\"flex shrink-0 items-center gap-1.5 sm:gap-2 xl:hidden\"><button aria-label=\"Home\" title=\"Home\" onClick={()=>go('/')} className=\"grid h-10 w-10 place-items-center rounded-lg border border-[#DDBA71]/30 bg-white/5 text-lg font-black text-[#DDBA71]\">⌂</button><button aria-label=\"About\" title=\"About Sovereign Forge\" onClick={()=>go('/about')} className=\"h-10 rounded-lg border border-[#DDBA71]/30 bg-white/5 px-2.5 text-[11px] font-black text-white\">About</button><button aria-label=\"Open menu\" onClick={()=>setMenu(!menu)} className=\"grid h-10 w-10 place-items-center rounded-lg border border-[#DDBA71]/30 bg-white/5 text-xl\">☰</button></div></div>{menu&&<div className=\"border-t border-white/10 bg-[#021734] px-4 py-3 shadow-inner xl:hidden\">{nav.map(([n,p])=><Btn key={n} to={p} className={`block w-full rounded-lg px-3 py-3 text-left text-sm font-bold transition ${current===p?'bg-white/10 text-[#DDBA71]':'text-slate-100 hover:bg-white/5 hover:text-[#DDBA71]'}`}>{n}</Btn>)}</div>}</header>{children}<footer className=\"mt-14 border-t border-[#DDBA71]/20 bg-[#021734] text-white\"><div className=\"mx-auto max-w-7xl px-5 py-10\"><div className=\"grid gap-8 lg:grid-cols-[1.2fr_.8fr_.8fr]\"><div className=\"flex items-start gap-4\"><img src={LOGO} alt=\"TSHC\" className=\"h-20 w-20 rounded-full border border-[#DDBA71]/60 object-cover\"/><div><div className=\"text-xs font-black uppercase tracking-[.25em] text-[#DDBA71]\">TSHC</div><div className=\"mt-1 text-2xl font-black\">Sovereign Forge</div><p className=\"mt-3 max-w-md text-sm leading-6 text-slate-400\">Sovereign vision, strategic impact and global legacy—translated into SDG intelligence, opportunity and working digital products.</p></div></div><div><div className=\"text-sm font-black text-white\">Platform</div><div className=\"mt-3 grid gap-2 text-sm\">{[['Apps','/apps'],['Tools','/tools'],['Pricing','/pricing'],['Partners','/partners'],['Contact','/contact']].map(([n,p])=><Btn key={n} to={p} className=\"text-left text-slate-400 hover:text-[#DDBA71]\">{n}</Btn>)}</div></div><div><div className=\"text-sm font-black text-white\">Legal & Methodology</div><div className=\"mt-3 grid gap-2 text-sm\">{[['Resources','/resources'],['Privacy','/privacy'],['Terms','/terms'],['Refunds','/refunds']].map(([n,p])=><Btn key={n} to={p} className=\"text-left text-slate-400 hover:text-[#DDBA71]\">{n}</Btn>)}</div></div></div><div className=\"mt-8 flex flex-col gap-2 border-t border-white/8 pt-5 text-xs text-slate-500 sm:flex-row sm:items-center sm:justify-between\"><span>© 2026 Trinlah Sovereign Holdings Corporation</span><span>Sovereign Vision · Strategic Impact · Global Legacy</span></div></div></footer></div>}\nfunction Home(){const cards=[['▥','TSHC Data Explorer','SDG Intelligence','Live global indicators mapped across all 17 Sustainable Development Goals.','/data-explorer','#19486A'],['◒','Benji SDG Educator','Education Platform','Open the Benji SDG Educator Vault, learning resources and educator tools.',BENJI,'#00689D'],['⌂','Property + SDG Scanner','Opportunity Intelligence','Scan public property opportunity channels and layer SDG context over each geography.','/property-scanner','#8D7547'],['⚙','SDG Business Toolkit','Impact Enterprise','Build the business model, economics, impact thesis, KPIs and investor readiness.','/business-toolkit','#021734']];return <Shell><main><section className=\"border-b border-[#DDBA71]/30 bg-[#010B1B] px-3 py-5 sm:px-5 sm:py-8\"><div className=\"mx-auto max-w-5xl\"><h1 className=\"sr-only\">TSHC Sovereign Forge — The Specialist SDG Intelligence Application</h1><img src=\"/assets/forge-home.webp\" alt=\"TSHC Sovereign Forge — the specialist Sustainable Development Goals intelligence application\" className=\"mx-auto block h-auto max-h-[calc(100svh-12rem)] w-full rounded-2xl border border-[#DDBA71]/40 object-contain shadow-[0_28px_80px_rgba(0,0,0,.5)]\"/><div className=\"mt-5 grid gap-3 sm:grid-cols-2\"><Btn to=\"/apps\" className=\"rounded-xl bg-[#DDBA71] px-6 py-4 text-sm font-black text-[#021734]\">Enter Sovereign Forge →</Btn><Btn to=\"/build\" className=\"rounded-xl border border-[#DDBA71]/55 bg-white/5 px-6 py-4 text-sm font-black text-white\">Build an SDG App</Btn></div></div></section><section className=\"relative overflow-hidden bg-[#021734] text-white\"><div className=\"absolute -right-24 -top-24 h-96 w-96 rounded-full bg-[#DDBA71]/10 blur-3xl\"></div><div className=\"absolute bottom-0 left-0 h-px w-full bg-gradient-to-r from-transparent via-[#DDBA71]/70 to-transparent\"></div><div className=\"relative mx-auto grid max-w-7xl items-center gap-10 px-5 py-14 md:grid-cols-[1.15fr_.85fr] md:py-20\"><div><div className=\"text-xs font-black tracking-[.28em] text-[#DDBA71]\">TRINLAH SOVEREIGN HOLDINGS CORPORATION</div><h1 className=\"mt-4 max-w-3xl text-5xl font-black leading-[.95] md:text-7xl\">Sovereign <span className=\"text-[#DDBA71]\">Forge</span></h1><h2 className=\"mt-5 max-w-2xl text-xl font-black md:text-2xl\">SDG intelligence. Opportunity discovery. Venture building. Software deployment.</h2><p className=\"mt-5 max-w-2xl text-base leading-8 text-slate-300\">A sovereign innovation platform that turns public data and the Sustainable Development Goals into practical intelligence, operating tools and monetizable digital products.</p><div className=\"mt-8 flex flex-wrap gap-3\"><Btn to=\"/apps\" className=\"rounded-lg bg-[#DDBA71] px-6 py-4 text-sm font-black text-[#021734] shadow-[0_8px_24px_rgba(221,186,113,.18)]\">Explore the Forge →</Btn><Btn to=\"/build\" className=\"rounded-lg border border-[#DDBA71]/55 bg-white/5 px-6 py-4 text-sm font-black text-white\">Build an SDG App</Btn></div><div className=\"mt-8 grid max-w-2xl grid-cols-2 gap-3 sm:grid-cols-4\">{[['17','SDGs'],['Global','Data'],['Live','Tools'],['Revenue','Ready']].map(([a,b])=><div key={b} className=\"border-l-2 border-[#DDBA71] bg-white/5 px-4 py-3\"><div className=\"text-xl font-black text-[#DDBA71]\">{a}</div><div className=\"mt-1 text-[10px] font-bold uppercase tracking-[.16em] text-slate-300\">{b}</div></div>)}</div></div><div className=\"relative mx-auto w-full max-w-md\"><div className=\"absolute inset-8 rounded-full bg-[#DDBA71]/12 blur-3xl\"></div><div className=\"relative rounded-[2rem] border border-[#DDBA71]/35 bg-gradient-to-b from-white/10 to-white/3 p-5 shadow-2xl\"><img src={LOGO} alt=\"TSHC seal\" className=\"mx-auto w-full rounded-full border border-[#DDBA71]/40 object-cover\"/><div className=\"mt-5 grid grid-cols-3 gap-2 text-center\"><div className=\"rounded-lg border border-white/10 bg-black/15 p-3\"><div className=\"text-xs font-black text-[#DDBA71]\">VISION</div><div className=\"mt-1 text-[10px] text-slate-300\">Sovereign</div></div><div className=\"rounded-lg border border-white/10 bg-black/15 p-3\"><div className=\"text-xs font-black text-[#DDBA71]\">IMPACT</div><div className=\"mt-1 text-[10px] text-slate-300\">Strategic</div></div><div className=\"rounded-lg border border-white/10 bg-black/15 p-3\"><div className=\"text-xs font-black text-[#DDBA71]\">LEGACY</div><div className=\"mt-1 text-[10px] text-slate-300\">Global</div></div></div></div></div></div></section><section className=\"mx-auto max-w-7xl px-5 py-12\"><div className=\"flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between\"><div><div className=\"text-xs font-black tracking-[.2em] text-[#8D7547]\">OPERATING PRODUCTS</div><h2 className=\"mt-2 text-3xl font-black text-[#021734] md:text-4xl\">Built to produce decisions, not decoration.</h2><p className=\"mt-2 max-w-2xl text-slate-600\">Every module has a real destination, working data or a concrete operating workflow.</p></div><Btn to=\"/apps\" className=\"rounded-lg border border-[#021734]/20 bg-white px-4 py-3 text-sm font-black text-[#021734] shadow-sm\">View All Apps →</Btn></div><div className=\"mt-7 grid gap-5 md:grid-cols-2 xl:grid-cols-4\">{cards.map(([icon,name,kicker,desc,to,color])=><article key={name} className=\"group overflow-hidden rounded-2xl border border-[#021734]/8 bg-white shadow-[0_12px_30px_rgba(2,23,52,.08)] transition hover:-translate-y-1 hover:shadow-[0_18px_40px_rgba(2,23,52,.14)]\"><div className=\"relative h-24 overflow-hidden\" style={{background:color}}><div className=\"absolute right-3 top-2 text-6xl font-black text-white/10\">{icon}</div><div className=\"absolute bottom-4 left-5 text-xs font-black uppercase tracking-[.18em] text-white/80\">{kicker}</div></div><div className=\"p-5\"><h3 className=\"text-xl font-black text-[#021734]\">{name}</h3><p className=\"mt-3 min-h-28 text-sm leading-6 text-slate-600\">{desc}</p>{String(to).startsWith('http')?<a href={to} target=\"_blank\" className=\"block rounded-lg bg-[#021734] py-3 text-center text-sm font-black text-white transition group-hover:bg-[#0b2b55]\">Open Platform →</a>:<Btn to={to} className=\"w-full rounded-lg bg-[#021734] py-3 text-sm font-black text-white transition group-hover:bg-[#0b2b55]\">Open Tool →</Btn>}</div></article>)}</div><div className=\"mt-10 rounded-2xl border border-[#DDBA71]/45 bg-[#021734] p-6 text-white md:p-8\"><div className=\"grid gap-6 md:grid-cols-[1fr_auto] md:items-center\"><div><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#DDBA71]\">FROM IDEA TO LIVE ASSET</div><h3 className=\"mt-2 text-2xl font-black md:text-3xl\">Submit → validate → build → test → deploy.</h3><p className=\"mt-2 max-w-3xl text-sm leading-6 text-slate-300\">The Forge intake scores commercial viability and SDG alignment, then routes qualified concepts into the internal TSHC build pipeline.</p></div><Btn to=\"/build\" className=\"rounded-lg bg-[#DDBA71] px-5 py-4 text-sm font-black text-[#021734]\">Start an Intake →</Btn></div></div></section></main></Shell>}\nfunction Apps(){const cards=[['Free discovery','Apps4allSDGs Free Portal','Free sector-based SDG learning and impact-evaluation applications from SDG Champions France.',APPS4ALL,'#00689D'],['Live intelligence','TSHC Data Explorer','Fresh-source global indicators mapped across all 17 SDGs with provenance, comparisons and exports.','/data-explorer','#19486A'],['Education','Benji SDG Educator','Education system, educator vault and narrative SDG learning resources.',BENJI,'#4C9F38'],['Opportunity intelligence','Property + SDG Scanner','Public-source property discovery layered with local and national SDG context.','/property-scanner','#8D7547'],['Impact enterprise','SDG Business Toolkit','Build the venture model, economics, impact thesis, KPIs and investor or grant readiness.','/business-toolkit','#021734']];return <Shell><main><section className=\"border-b border-[#DDBA71]/20 bg-[#021734] text-white\"><div className=\"mx-auto max-w-7xl px-5 py-12 md:py-16\"><div className=\"text-xs font-black uppercase tracking-[.24em] text-[#DDBA71]\">Sovereign Forge Products</div><div className=\"mt-3 flex flex-col gap-5 lg:flex-row lg:items-end lg:justify-between\"><div><h1 className=\"max-w-3xl text-4xl font-black leading-tight md:text-6xl\">One platform. Multiple paths to <span className=\"text-[#DDBA71]\">measurable impact.</span></h1><p className=\"mt-4 max-w-3xl text-base leading-7 text-slate-300\">Explore free SDG resources, live intelligence, education, property opportunity tools and enterprise-building systems—each with a clear purpose and destination.</p></div><Btn to=\"/build\" className=\"shrink-0 rounded-xl bg-[#DDBA71] px-5 py-4 text-sm font-black text-[#021734]\">Build an SDG App →</Btn></div></div></section><section className=\"mx-auto max-w-7xl px-5 py-12\"><div className=\"grid gap-5 md:grid-cols-2 xl:grid-cols-3\">{cards.map(([k,n,d,t,color])=><article key={n} className=\"group overflow-hidden rounded-2xl border border-[#021734]/8 bg-white shadow-[0_10px_30px_rgba(2,23,52,.08)] transition hover:-translate-y-1 hover:shadow-[0_18px_44px_rgba(2,23,52,.14)]\"><div className=\"h-2\" style={{background:color}}></div><div className=\"flex min-h-[290px] flex-col p-6\"><div className=\"text-[10px] font-black uppercase tracking-[.2em]\" style={{color}}>{k}</div><h2 className=\"mt-3 text-2xl font-black text-[#021734]\">{n}</h2><p className=\"mt-3 flex-1 text-sm leading-7 text-slate-600\">{d}</p>{String(t).startsWith('http')?<a target=\"_blank\" rel=\"noreferrer\" href={t} className=\"mt-6 block rounded-xl bg-[#021734] px-5 py-3.5 text-center text-sm font-black text-white transition group-hover:bg-[#0B2B55]\">{t===APPS4ALL?'Explore Free SDG Apps →':'Open Platform →'}</a>:<Btn to={t} className=\"mt-6 w-full rounded-xl bg-[#021734] px-5 py-3.5 text-sm font-black text-white transition group-hover:bg-[#0B2B55]\">Open Tool →</Btn>}</div></article>)}</div><div className=\"mt-8 rounded-2xl border border-[#DDBA71]/40 bg-[#FCF5E6] p-6 text-sm leading-7 text-slate-700\"><b>Clear ownership boundary:</b> Apps4allSDGs is an external portal operated by SDG Champions France. Sovereign Forge links to it as a free discovery layer and does not claim ownership or re-licensing rights over its methodology, applications or content.</div></section></main></Shell>}\nfunction Build(){const [form,setForm]=useState(initial),[ideas,setIdeas]=useState<Idea[]>([]),[msg,setMsg]=useState(''),[saving,setSaving]=useState(false),[brief,setBrief]=useState<any>(null),[deploying,setDeploying]=useState<number|null>(null),[owner,setOwner]=useState(false),[submitted,setSubmitted]=useState<any>(null);const score=useMemo(()=>Math.round((form.pain*22+form.buyer*20+form.speed*14+form.recurring*18+form.distribution*14+form.defensibility*12)/10),[form]);const verdict=score>=80?'BUILD NOW':score>=65?'VALIDATE FAST':score>=50?'TEST CHEAPLY':'PASS';async function load(){const sr=await fetch('/api/session'),sj=await sr.json();const isOwner=!!sj?.user&&sj.user.username==='trinlahsovereignholdingscompl';setOwner(isOwner);if(isOwner){let r=await fetch('/api/ideas'),j=await r.json();if(j.ok)setIdeas(j.ideas)}}useEffect(()=>{load().catch(()=>{})},[]);async function save(e:any){e.preventDefault();setSaving(true);setMsg('');let r=await fetch('/api/ideas',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(form)}),j=await r.json();setSaving(false);if(!r.ok){setMsg(j.error);return}setSubmitted(j.idea);setForm(initial);setMsg(`Intake #${j.idea.id} received. TSHC will review the concept against commercial and SDG criteria before advancing it.`);if(owner)load()}async function status(id:number,s:string){let r=await fetch(`/api/ideas/${id}/status`,{method:'PATCH',headers:{'Content-Type':'application/json'},body:JSON.stringify({status:s})}),j=await r.json();if(j.ok)setIdeas(xs=>xs.map(x=>x.id===id?j.idea:x))}async function getBrief(id:number){let r=await fetch(`/api/ideas/${id}/brief`),j=await r.json();if(j.ok)setBrief(j.brief)}async function deploy(id:number){setDeploying(id);let r=await fetch(`/api/ideas/${id}/deploy`,{method:'POST'}),j=await r.json();setDeploying(null);if(r.status===401&&j.login){location.href=j.login;return}if(j.ok)setIdeas(xs=>xs.map(x=>x.id===id?j.idea:x));else setMsg(j.error)}return <Shell><main className=\"mx-auto max-w-7xl px-5 py-10\"><div className=\"grid gap-3 md:grid-cols-5\">{[['1','Intake'],['2','Validate'],['3','Build'],['4','Test'],['5','Live']].map(([n,s])=><div key={s} className=\"rounded-xl bg-white p-4 shadow-sm\"><div className=\"text-xs font-black text-[#8D7547]\">STEP {n}</div><div className=\"mt-1 font-black\">{s}</div></div>)}</div>{msg&&<div className=\"mt-5 rounded-xl bg-amber-100 p-4 font-bold text-amber-900\">{msg}</div>}<section className=\"mt-6 grid gap-6 lg:grid-cols-[1.3fr_.7fr]\"><form onSubmit={save} className=\"rounded-2xl bg-white p-7 shadow-sm\"><div className=\"text-xs font-black tracking-[.2em] text-[#8D7547]\">STEP 1 · INTAKE</div><h1 className=\"mt-2 text-4xl font-black\">Build an SDG-aligned app</h1><p className=\"mt-3 leading-7 text-slate-600\">Submit the concept once. Forge scores it, places it into validation, and qualified builds move through design, testing and live deployment.</p><div className=\"mt-7 grid gap-5 md:grid-cols-2\"><Field label=\"Your name\" value={form.requester_name} onChange={v=>setForm({...form,requester_name:v})} placeholder=\"Name\"/><Field label=\"Your email\" value={form.requester_email} onChange={v=>setForm({...form,requester_email:v})} placeholder=\"you@example.com\"/><Field label=\"App name\" value={form.name} onChange={v=>setForm({...form,name:v})} placeholder=\"Grant Match Engine\"/><Field label=\"Target customer\" value={form.customer} onChange={v=>setForm({...form,customer:v})} placeholder=\"Who pays?\"/><div className=\"md:col-span-2\"><Field area label=\"Problem\" value={form.problem} onChange={v=>setForm({...form,problem:v})} placeholder=\"What painful problem does it solve?\"/></div><Field label=\"Price model\" value={form.price_model} onChange={v=>setForm({...form,price_model:v})} placeholder=\"$49/month, license, transaction fee...\"/><Field label=\"Acquisition\" value={form.acquisition} onChange={v=>setForm({...form,acquisition:v})} placeholder=\"Outbound, SEO, partners...\"/></div><div className=\"mt-7\"><div className=\"text-xs font-black uppercase tracking-wider text-[#021734]\">SDG alignment</div><p className=\"mt-1 text-sm text-slate-500\">Choose the Sustainable Development Goals this product directly advances.</p><div className=\"mt-3 grid gap-2 sm:grid-cols-2 lg:grid-cols-3\">{goals.map((g,i)=>{const n=i+1,active=form.sdg_goals.includes(n);return <button type=\"button\" key={g} onClick={()=>setForm({...form,sdg_goals:active?form.sdg_goals.filter(x=>x!==n):[...form.sdg_goals,n].sort((a,b)=>a-b)})} className={`rounded-lg border p-3 text-left text-xs font-bold ${active?'border-[#DDBA71] bg-[#FCF5E6]':'bg-white'}`}>SDG {n} · {g}</button>})}</div></div><button disabled={saving} className=\"mt-7 w-full rounded-lg bg-[#DDBA71] py-4 font-black\">{saving?'Submitting…':'Submit for Validation →'}</button></form><aside className=\"self-start rounded-2xl bg-[#021734] p-7 text-white\"><div className=\"text-xs font-black text-emerald-400\">COMMERCIAL SCORE</div><div className=\"mt-3 text-7xl font-black text-[#DDBA71]\">{score}<span className=\"text-xl text-white\">/100</span></div><div className=\"mt-5 font-black\">{verdict}</div><div className=\"mt-6 space-y-4\"><Slider label=\"Pain\" value={form.pain} onChange={v=>setForm({...form,pain:v})}/><Slider label=\"Buyer\" value={form.buyer} onChange={v=>setForm({...form,buyer:v})}/><Slider label=\"Build Speed\" value={form.speed} onChange={v=>setForm({...form,speed:v})}/><Slider label=\"Recurring\" value={form.recurring} onChange={v=>setForm({...form,recurring:v})}/><Slider label=\"Distribution\" value={form.distribution} onChange={v=>setForm({...form,distribution:v})}/><Slider label=\"Defensibility\" value={form.defensibility} onChange={v=>setForm({...form,defensibility:v})}/></div></aside></section>{submitted&&!owner&&<section className=\"mt-6 rounded-2xl bg-white p-6 shadow-sm\"><h2 className=\"text-2xl font-black\">Submission received</h2><p className=\"mt-2 text-slate-600\">Reference #{submitted.id} · score {submitted.score}/100 · {submitted.verdict}. TSHC retains the internal pipeline and deployment controls.</p><Btn to=\"/pricing\" className=\"mt-5 rounded-lg bg-[#021734] px-5 py-3 font-black text-white\">View Build Services →</Btn></section>}{owner&&<section className=\"mt-8\"><div className=\"flex items-center justify-between\"><h2 className=\"text-3xl font-black\">Owner Build Pipeline</h2><span className=\"rounded-lg bg-[#E8EDF5] px-3 py-2 text-xs font-black text-[#021734]\">OWNER MODE</span></div><div className=\"mt-4 space-y-4\">{ideas.map(x=><div key={x.id} className=\"rounded-xl bg-white p-5 shadow-sm\"><div className=\"flex flex-col gap-4 md:flex-row md:items-center md:justify-between\"><div><h3 className=\"text-xl font-black\">{x.name}</h3><p className=\"text-sm text-slate-600\">{x.score}/100 · {x.verdict} · {x.customer}{x.requester_email?` · ${x.requester_name||'Requester'} · ${x.requester_email}`:''}</p></div><div className=\"flex flex-wrap gap-2\"><select value={x.status} onChange={e=>status(x.id,e.target.value)} className=\"rounded-lg border px-3 py-2 text-sm\"><option value=\"queued\">Intake</option><option value=\"validating\">Validate</option><option value=\"building\">Build</option><option value=\"testing\">Test</option><option value=\"live\">Live</option><option value=\"paused\">Paused</option><option value=\"rejected\">Rejected</option></select><button onClick={()=>getBrief(x.id)} className=\"rounded-lg border px-4 py-2 font-bold\">Build Brief</button>{x.deployment_url?<a target=\"_blank\" href={x.deployment_url} className=\"rounded-lg bg-[#021734] px-4 py-2 font-black text-white\">Open Live App</a>:<button onClick={()=>deploy(x.id)} disabled={deploying===x.id} className=\"rounded-lg bg-[#021734] px-4 py-2 font-black text-white\">{deploying===x.id?'Deploying…':'Deploy Live'}</button>}</div></div></div>)}</div></section>}{brief&&owner&&<section className=\"mt-6 rounded-2xl bg-[#021734] p-6 text-white\"><div className=\"flex justify-between\"><h2 className=\"text-2xl font-black\">Build Brief: {brief.product}</h2><button onClick={()=>setBrief(null)}>Close</button></div><div className=\"mt-4 grid gap-4 md:grid-cols-2\"><div><b>Customer</b><p>{brief.target_customer}</p></div><div><b>Monetization</b><p>{brief.monetization}</p></div><div className=\"md:col-span-2\"><b>Problem</b><p>{brief.problem}</p></div></div></section>}</main></Shell>}\nfunction DataExplorer(){const [country,setCountry]=useState('USA'),[compareCountry,setCompareCountry]=useState(''),[rows,setRows]=useState<SdgRow[]>([]),[compareRows,setCompareRows]=useState<SdgRow[]>([]),[access,setAccess]=useState<any>(null),[countries,setCountries]=useState<CountryOption[]>([]),[loading,setLoading]=useState(false),[countryLoading,setCountryLoading]=useState(false),[meta,setMeta]=useState<any>(null),[error,setError]=useState('');const quick=[['USA','United States'],['CAN','Canada'],['GBR','United Kingdom'],['NGA','Nigeria'],['FRA','France'],['ARE','United Arab Emirates']];function accessHeader(){const key=localStorage.getItem('forge_access_key');return key?{'X-Forge-Access':key}:{} as Record<string,string>}async function fetchCountry(code:string){const r=await fetch('/api/sdg/'+encodeURIComponent(code)+`?live=${Date.now()}`,{headers:{...accessHeader(),'Cache-Control':'no-cache'},cache:'no-store'});const j=await r.json();if(!r.ok||!j.ok)throw new Error(j.error||'Unable to load SDG data');return j}async function loadCountries(){if(!access||access.rank<1)return;setCountryLoading(true);try{const r=await fetch('/api/countries',{headers:accessHeader()}),j=await r.json();if(r.ok&&j.ok)setCountries(j.countries||[]);else setError(j.error||'Country directory unavailable')}catch(_){setError('Country directory unavailable')}finally{setCountryLoading(false)}}useEffect(()=>{const boot=async()=>{const key=localStorage.getItem('forge_access_key');let a:any=null;if(key){try{const r=await fetch('/api/access/verify',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({key})});if(r.ok)a=await r.json()}catch(_){}}setAccess(a);if(a?.rank>=1){setCountryLoading(true);try{const r=await fetch('/api/countries',{headers:key?{'X-Forge-Access':key}:{}}),j=await r.json();if(r.ok&&j.ok)setCountries(j.countries||[])}catch(_){}finally{setCountryLoading(false)}}setLoading(true);try{const j=await fetchCountry('USA');setRows(j.indicators||[]);setMeta(j)}catch(e){setError(e instanceof Error?e.message:'Data load failed')}finally{setLoading(false)}};boot()},[]);async function run(code=country){const primary=code.toUpperCase();setCountry(primary);setLoading(true);setError('');setCompareRows([]);try{const jobs:any[]=[fetchCountry(primary)];if(access?.rank>=1&&compareCountry)jobs.push(fetchCountry(compareCountry.toUpperCase()));const results=await Promise.all(jobs);setRows(results[0].indicators||[]);setMeta(results[0]);if(results[1])setCompareRows(results[1].indicators||[])}catch(e){setError(e instanceof Error?e.message:'Unable to load SDG data')}finally{setLoading(false)}}function exportCsv(){if(!access||access.rank<1){go('/pricing');return}const header='goal,goal_name,indicator,value,unit,year,source\\n';const csv=header+rows.map(r=>[r.goal,`\"${(r.goalName||'').replaceAll('\"','\"\"')}\"`,`\"${r.label.replaceAll('\"','\"\"')}\"`,r.value??'',`\"${r.unit}\"`,r.year??'',`\"${(r.dataSource||'World Bank').replaceAll('\"','\"\"')}\"`].join(',')).join('\\n');const blob=new Blob([csv],{type:'text/csv'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download=`tshc-sdg-${country}.csv`;a.click();URL.revokeObjectURL(a.href)}const available=rows.filter(r=>r.value!==null).length;const coverage=rows.length?Math.round(available/rows.length*100):0;const years=rows.map(r=>Number(r.year)).filter(Number.isFinite);const freshest=years.length?Math.max(...years):null;return <Shell><main className=\"mx-auto max-w-7xl px-4 py-6 md:px-6 md:py-10\"><section className=\"relative overflow-hidden rounded-3xl bg-gradient-to-br from-[#021734] via-[#0B2B55] to-[#173F70] p-6 text-white shadow-[0_20px_60px_rgba(4,29,24,.22)] md:p-9\"><div className=\"absolute -right-24 -top-24 h-72 w-72 rounded-full border border-[#DDBA71]/20 bg-[#DDBA71]/5\"></div><div className=\"absolute -bottom-24 right-24 h-56 w-56 rounded-full border border-white/10\"></div><div className=\"relative grid gap-7 lg:grid-cols-[1.25fr_.75fr]\"><div><div className=\"inline-flex items-center gap-2 rounded-full border border-[#DDBA71]/30 bg-[#DDBA71]/10 px-3 py-1.5 text-[10px] font-black uppercase tracking-[.24em] text-[#DDBA71]\"><span className=\"h-1.5 w-1.5 rounded-full bg-[#DDBA71]\"></span>Global SDG Intelligence</div><h1 className=\"mt-5 text-4xl font-black leading-tight md:text-6xl\">See the world through <span className=\"text-[#DDBA71]\">17 goals.</span></h1><p className=\"mt-4 max-w-2xl text-sm leading-7 text-slate-200 md:text-base\">Sovereign Forge selects the latest available public signal for every Sustainable Development Goal, turning scattered global data into one decision-ready intelligence layer.</p></div><div className=\"grid grid-cols-2 gap-3 self-end\"><div className=\"rounded-2xl border border-white/10 bg-white/8 p-4\"><div className=\"text-[10px] font-black uppercase tracking-[.2em] text-slate-300\">Coverage</div><div className=\"mt-2 text-4xl font-black text-[#DDBA71]\">{coverage}%</div><div className=\"mt-1 text-xs text-slate-300\">{available}/17 goals populated</div></div><div className=\"rounded-2xl border border-white/10 bg-white/8 p-4\"><div className=\"text-[10px] font-black uppercase tracking-[.2em] text-slate-300\">Freshest data</div><div className=\"mt-2 text-4xl font-black\">{freshest||'—'}</div><div className=\"mt-1 text-xs text-slate-300\">World Bank signal set</div></div></div></div></section><section className=\"relative z-10 -mt-4 mx-2 rounded-2xl border border-[#021734]/8 bg-white p-4 shadow-[0_14px_40px_rgba(2,23,52,.12)] md:mx-6 md:p-5\"><div className=\"rounded-xl border border-[#DDBA71]/35 bg-[#fffaf0] p-4\"><div className=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between\"><div><div className=\"text-[10px] font-black uppercase tracking-[.2em] text-[#8D7547]\">Country access</div><div className=\"mt-1 text-sm font-black text-[#021734]\">{access?.rank>=1?'Impact Pro · Global country directory':'Free · Quick View countries only'}</div><p className=\"mt-1 text-xs leading-5 text-slate-600\">{access?.rank>=1?'Use the full country dropdown, compare two countries and export structured SDG data.':'Free access includes United States, Canada, United Kingdom, Nigeria, France and United Arab Emirates. Impact Pro unlocks the full country dropdown.'}</p></div>{access?.rank>=1?<span className=\"rounded-lg bg-[#021734] px-3 py-2 text-xs font-black text-[#DDBA71]\">{access.plan}</span>:<Btn to=\"/pricing\" className=\"rounded-lg bg-[#DDBA71] px-4 py-3 text-xs font-black text-[#021734]\">Unlock Every Country →</Btn>}</div></div>{access?.rank>=1&&<div className=\"mt-4 grid gap-3 lg:grid-cols-[1fr_1fr_auto]\"><label className=\"block\"><span className=\"mb-2 block text-[10px] font-black uppercase tracking-[.18em] text-slate-500\">Primary country</span><select value={country} onChange={e=>setCountry(e.target.value)} className=\"w-full rounded-xl border border-slate-200 bg-[#fbfaf6] px-4 py-3.5 text-sm font-black text-[#021734] outline-none transition focus:border-[#DDBA71]\"><option value=\"\">{countryLoading?'Loading countries…':'Select a country'}</option>{countries.map(c=><option key={c.code} value={c.code}>{c.name} ({c.code})</option>)}</select></label><label className=\"block\"><span className=\"mb-2 block text-[10px] font-black uppercase tracking-[.18em] text-slate-500\">Comparison country</span><select value={compareCountry} onChange={e=>setCompareCountry(e.target.value)} className=\"w-full rounded-xl border border-slate-200 bg-[#fbfaf6] px-4 py-3.5 text-sm font-bold text-[#021734] outline-none transition focus:border-[#DDBA71]\"><option value=\"\">No comparison</option>{countries.filter(c=>c.code!==country).map(c=><option key={c.code} value={c.code}>{c.name} ({c.code})</option>)}</select></label><button onClick={()=>run()} disabled={loading||!country} className=\"self-end rounded-xl bg-[#021734] px-6 py-4 font-black text-white shadow-sm transition hover:bg-[#0B2B55] disabled:opacity-60\">{loading?'Loading intelligence…':'Load Intelligence →'}</button></div>}<div className=\"mt-4 flex flex-wrap items-center gap-2\"><span className=\"mr-1 text-[10px] font-black uppercase tracking-[.18em] text-slate-400\">Quick view · Free</span>{quick.map(([code,name])=><button key={code} title={name} onClick={()=>run(code)} className={`rounded-full px-3 py-1.5 text-xs font-black transition ${country===code?'bg-[#021734] text-white':'bg-slate-100 text-slate-600 hover:bg-[#F4F7FB] hover:text-[#021734]'}`}>{code}</button>)}<div className=\"ml-auto flex gap-2\"><button onClick={exportCsv} className=\"rounded-lg border border-[#021734]/30 px-3 py-2 text-xs font-black text-[#021734]\">{access?.rank>=1?'Export CSV':'🔒 Export'}</button></div></div>{error&&<div className=\"mt-4 rounded-xl border border-red-200 bg-red-50 p-3 text-sm font-bold text-red-800\">{error}</div>}</section><section className=\"mt-8\"><div className=\"flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between\"><div><div className=\"text-[10px] font-black uppercase tracking-[.22em] text-amber-700\">Country profile · {country}</div><h2 className=\"mt-1 text-3xl font-black\">17-goal signal board</h2><p className=\"mt-2 text-sm text-slate-500\">Forge checks the source when you load a country. Each card shows the newest observation returned, its source year, and explicitly states when no newer observation is available.</p>{meta?.retrievedAt&&<p className=\"mt-1 text-xs font-bold text-[#8D7547]\">Source checked {new Date(meta.retrievedAt).toLocaleString()} · data years may differ by indicator because official publication schedules vary.</p>}</div><div className=\"rounded-xl bg-white px-4 py-3 text-xs font-bold text-slate-500 shadow-sm\"><span className=\"text-[#021734]\">●</span> {meta?.source||'World Bank API'} · {coverage}% coverage</div></div><div className=\"mt-5 grid gap-4 md:grid-cols-2 xl:grid-cols-3\">{rows.map((r,i)=>{const n=r.goalNumber||Number(r.goal.replace('SDG ',''))||i+1;const color=sdgColors[n-1]||'#19486A';const c=compareRows.find(x=>x.goal===r.goal);return <article key={r.goal+r.label} className=\"group relative overflow-hidden rounded-2xl border border-black/5 bg-white shadow-[0_6px_24px_rgba(8,35,28,.07)] transition hover:-translate-y-0.5 hover:shadow-[0_14px_34px_rgba(8,35,28,.12)]\"><div className=\"absolute inset-y-0 left-0 w-1.5\" style={{background:color}}></div><div className=\"p-5 pl-6\"><div className=\"flex items-start justify-between gap-4\"><div className=\"flex min-w-0 items-center gap-3\"><div className=\"grid h-11 w-11 shrink-0 place-items-center rounded-xl text-sm font-black text-white shadow-sm\" style={{background:color}}>{n}</div><div className=\"min-w-0\"><div className=\"text-[10px] font-black uppercase tracking-[.18em]\" style={{color}}>SDG {n}</div><h3 className=\"truncate text-base font-black text-[#071c18]\">{r.goalName||goals[n-1]}</h3></div></div><span className=\"rounded-full bg-slate-100 px-2 py-1 text-[10px] font-black text-slate-500\">{r.year||'n/a'}</span></div><div className=\"mt-5\"><div className=\"text-xs font-bold leading-5 text-slate-500\">{r.label}</div><div className=\"mt-2 flex items-baseline gap-2\"><span className=\"text-4xl font-black tracking-tight text-[#071c18]\">{r.value==null?'—':Math.abs(Number(r.value))>=100?Number(r.value).toFixed(0):Number(r.value).toFixed(2)}</span><span className=\"max-w-[120px] text-xs font-bold leading-4 text-slate-400\">{r.unit}</span></div></div>{c&&<div className=\"mt-4 rounded-xl border border-emerald-100 bg-[#F4F7FB] p-3\"><div className=\"text-[10px] font-black uppercase tracking-[.16em] text-[#19486A]\">Compare · {compareCountry}</div><div className=\"mt-1 text-lg font-black text-[#021734]\">{c.value==null?'No data':`${Number(c.value).toFixed(2)} ${c.unit}`}</div></div>}<div className=\"mt-5 border-t border-slate-100 pt-3\"><div className=\"text-[10px] leading-4 text-slate-400\">{r.dataSource||'World Bank indicator'} · source year {r.year||'not available'}</div><div className={`mt-1 text-[10px] font-bold leading-4 ${r.noNewer?'text-[#8D7547]':'text-[#19486A]'}`}>{r.freshnessNote||'Latest available source status could not be determined.'}</div>{r.sourceUrl&&<a href={r.sourceUrl} target=\"_blank\" rel=\"noreferrer\" className=\"mt-2 inline-block text-[10px] font-black text-[#19486A] underline\">Verify raw source ↗</a>}</div></div></article>})}</div>{!loading&&rows.length===0&&<div className=\"mt-5 rounded-2xl border border-dashed border-slate-300 bg-white p-10 text-center text-slate-500\">No SDG data returned for this country code. Try a standard ISO-3 code such as USA, GBR, NGA or FRA.</div>}</section><section className=\"mt-9 grid gap-4 lg:grid-cols-[1.2fr_.8fr]\"><div className=\"rounded-2xl bg-[#021734] p-6 text-white\"><div className=\"text-[10px] font-black uppercase tracking-[.2em] text-[#DDBA71]\">Methodology</div><h3 className=\"mt-2 text-2xl font-black\">Signal intelligence, not a fake score.</h3><p className=\"mt-3 text-sm leading-7 text-slate-300\">{meta?.methodology||'Forge maps relevant public indicators to each SDG for decision support. It does not claim to reproduce official UN SDG scoring.'}</p></div><div className=\"rounded-2xl border border-amber-200 bg-[#FCF5E6] p-6\"><div className=\"text-[10px] font-black uppercase tracking-[.2em] text-amber-800\">Premium intelligence</div><h3 className=\"mt-2 text-2xl font-black\">Compare, export, operationalize.</h3><p className=\"mt-3 text-sm leading-6 text-amber-950/70\">Impact Pro adds country comparison and structured exports for reporting, investment screens and SDG business analysis.</p>{!access||access.rank<1?<Btn to=\"/pricing\" className=\"mt-5 rounded-lg bg-[#021734] px-5 py-3 text-sm font-black text-white\">See Impact Pro →</Btn>:null}</div></section></main></Shell>}\nfunction PropertyScanner(){const [country,setCountry]=useState('USA'),[state,setState]=useState('VA'),[county,setCounty]=useState(''),[sources,setSources]=useState<any[]>([]),[sdg,setSdg]=useState<any>(null),[compare,setCompare]=useState<any>(null),[access,setAccess]=useState<any>(null),[loading,setLoading]=useState(false),[msg,setMsg]=useState('');useEffect(()=>{const key=localStorage.getItem('forge_access_key');if(key)fetch('/api/access/verify',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({key})}).then(r=>r.ok?r.json():null).then(setAccess).catch(()=>{})},[]);async function scan(){setLoading(true);setMsg('');let r=await fetch(`/api/property-sources?country=${encodeURIComponent(country)}&state=${encodeURIComponent(state)}&county=${encodeURIComponent(county)}`),j=await r.json();setSources(j.sources||[]);setSdg(j.sdg||null);setCompare(null);if(access?.rank>=2&&county&&(country==='USA'||country==='US')){const sr=await fetch(`/api/property-sources?country=${encodeURIComponent(country)}&state=${encodeURIComponent(state)}&county=`),sj=await sr.json();setCompare(sj.sdg||null)}setLoading(false)}function saveScan(){if(!access||access.rank<2){go('/pricing');return}const item={savedAt:new Date().toISOString(),country,state,county,sdg,sources};const arr=JSON.parse(localStorage.getItem('forge_saved_scans')||'[]');localStorage.setItem('forge_saved_scans',JSON.stringify([item,...arr].slice(0,25)));setMsg('Scan saved to this device.')}function exportScan(){if(!access||access.rank<2){go('/pricing');return}const blob=new Blob([JSON.stringify({country,state,county,sdg,comparison:compare,sources},null,2)],{type:'application/json'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download=`tshc-sdg-property-${country}-${state||'region'}-${county||'area'}.json`;a.click();URL.revokeObjectURL(a.href)}return <Shell><main className=\"mx-auto max-w-7xl px-5 py-10\"><div className=\"text-xs font-black tracking-[.2em] text-[#8D7547]\">SDG REAL ESTATE INTELLIGENCE</div><h1 className=\"text-4xl font-black\">Property Opportunity + SDG Scanner</h1><p className=\"mt-2 max-w-3xl text-slate-600\">Find public acquisition channels and measure how the surrounding area stacks up against selected Sustainable Development Goal indicators.</p><div className=\"mt-6 grid gap-3 rounded-2xl border border-[#021734]/8 bg-white p-5 shadow-[0_10px_30px_rgba(2,23,52,.08)] sm:grid-cols-2 lg:grid-cols-[150px_150px_minmax(0,1fr)_auto]\"><input value={country} onChange={e=>setCountry(e.target.value.toUpperCase())} className=\"rounded-lg border px-4 py-3\" placeholder=\"Country: USA\"/><input value={state} onChange={e=>setState(e.target.value.toUpperCase())} className=\"rounded-lg border px-4 py-3\" placeholder=\"State/Region: VA\"/><input value={county} onChange={e=>setCounty(e.target.value)} className=\"rounded-lg border px-4 py-3\" placeholder=\"County / City / Region (optional)\"/><button onClick={scan} className=\"rounded-lg bg-[#DDBA71] px-6 py-3 font-black\">{loading?'Scanning…':'Scan Area'}</button></div>{msg&&<div className=\"mt-4 rounded-lg bg-[#F4F7FB] p-3 text-sm font-bold text-[#021734]\">{msg}</div>}{sdg?.available&&<section className=\"mt-7 rounded-2xl bg-[#021734] p-6 text-white\"><div className=\"flex flex-col gap-3 md:flex-row md:items-end md:justify-between\"><div><div className=\"text-xs font-black tracking-[.2em] text-[#DDBA71]\">LOCAL SDG SNAPSHOT</div><h2 className=\"mt-1 text-3xl font-black\">{sdg.area}</h2><p className=\"mt-1 text-sm text-slate-300\">{sdg.source}</p></div><div className=\"rounded-xl bg-white/10 px-5 py-3 text-center\"><div className=\"text-xs text-slate-300\">Directional SDG score</div><div className=\"text-4xl font-black text-[#DDBA71]\">{sdg.overall==null?'Context':`${sdg.overall}/100`}</div></div></div>{compare?.available&&<div className=\"mt-4 rounded-xl border border-white/10 bg-white/5 p-4\"><b>Property Intelligence comparison:</b> {sdg.area} scores {sdg.overall}/100 versus {compare.area} at {compare.overall}/100 ({sdg.overall-compare.overall>=0?'+':''}{sdg.overall-compare.overall} points).</div>}<div className=\"mt-6 grid gap-3 sm:grid-cols-2 lg:grid-cols-3\">{sdg.metrics.map((m:any)=><div key={m.goal} className=\"rounded-xl border border-[#DDBA71]/25 bg-white p-4 text-[#021734] shadow-sm\"><div className=\"text-xs font-black text-[#8D7547]\">SDG {m.goal}</div><div className=\"mt-1 font-black text-[#021734]\">{m.label}</div><div className=\"mt-3 text-3xl font-black tracking-tight text-[#021734]\">{m.score==null?(typeof m.value==='number'?m.value.toFixed(1):'—'):`${m.score}/100`}</div><div className=\"mt-1 text-xs font-semibold text-slate-600\">{typeof m.value==='number'?m.value.toFixed(m.value<1?3:1):m.value} · {m.unit}</div></div>)}</div><div className=\"mt-5 flex flex-wrap gap-3\"><button onClick={saveScan} className=\"rounded-lg bg-[#DDBA71] px-4 py-3 font-black text-[#06251f]\">{access?.rank>=2?'Save Scan':'🔒 Save Scan'}</button><button onClick={exportScan} className=\"rounded-lg border border-white/30 px-4 py-3 font-black\">{access?.rank>=2?'Export Report':'🔒 Export Report'}</button>{!access||access.rank<2?<Btn to=\"/pricing\" className=\"rounded-lg bg-white px-4 py-3 font-black text-[#06251f]\">Unlock Property Intelligence →</Btn>:null}</div><p className=\"mt-4 text-xs text-slate-400\">{sdg.note}</p></section>}<div className=\"mt-7 grid gap-4 md:grid-cols-2\">{sources.map((s:any)=><a key={s.name} href={s.url} target=\"_blank\" className=\"rounded-xl bg-white p-5 shadow-sm transition hover:-translate-y-0.5\"><div className=\"text-xs font-black text-[#8D7547]\">{s.type}</div><h3 className=\"mt-1 text-xl font-black\">{s.name}</h3><div className=\"mt-4 font-black text-[#021734]\">Open live source →</div></a>)}</div><div className=\"mt-7 rounded-xl border border-[#DDBA71] bg-[#FCF5E6] p-5 text-sm text-amber-950\"><b>Free:</b> source discovery + core SDG snapshot. <b>Property Intelligence:</b> state comparison, saved scans, exports and acquisition workflow tools. Local listing coverage still depends on public-source availability by jurisdiction.</div></main></Shell>}\nfunction BusinessToolkit(){const [cash,setCash]=useState(25000),[burn,setBurn]=useState(5000),[revenue,setRevenue]=useState(12000),[impact,setImpact]=useState<number[]>([4,8,9,12]),[access,setAccess]=useState<any>(null),[template,setTemplate]=useState<any>(null),[answers,setAnswers]=useState<Record<string,string>>(()=>{try{return JSON.parse(localStorage.getItem('forge_toolkit_answers')||'{}')}catch{return {}}}),[basicReport,setBasicReport]=useState<any>(null);const runway=burn>0?cash/burn:0,monthlySurplus=revenue-burn;const toggle=(g:number)=>setImpact(x=>x.includes(g)?x.filter(v=>v!==g):[...x,g]);const impactScore=Math.min(100,impact.length*6+Math.max(0,Math.min(40,monthlySurplus/500)));useEffect(()=>{const key=localStorage.getItem('forge_access_key');if(key)fetch('/api/access/verify',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({key})}).then(r=>r.ok?r.json():null).then(setAccess).catch(()=>{})},[]);const items=[['SDG business model canvas',0,'Build the commercial and impact logic on one page.'],['Impact thesis builder',0,'Connect the problem, intervention and evidence to measurable SDG outcomes.'],['Outcome & KPI map',0,'Turn activities into measurable outputs, outcomes, indicators and targets.'],['Grant-readiness checklist',1,'Start with funder fit and evidence; upgrade for the full submission control system.'],['ESG/SDG reporting outline',1,'Start with reporting scope and material goals; upgrade for the complete reporting structure.'],['Partnership map',1,'Identify essential stakeholder groups; upgrade for the scored relationship and value-exchange map.'],['Impact investor memo',1,'Frame the opportunity, thesis and business model; upgrade for the investment-ready memo.'],['30-day launch plan',1,'Set a four-week objective; upgrade for the sequenced execution plan, owners and milestones.'],['Annual SDG impact report',1,'Define reporting boundaries and priority outcomes; upgrade for the full annual report framework.']];const freeSystems:any={\n'SDG business model canvas':[['Problem & beneficiary','State the specific problem, who experiences it and the evidence that proves it is material.'],['Paying customer','Name who pays, why they have budget and what event creates urgency.'],['Value proposition','Describe the measurable result delivered—not only the product or activity.'],['Revenue model','Choose the transaction: subscription, licence, service, usage, sponsorship or blended finance.'],['Delivery system','List the essential activities, resources and partners required to produce the result.'],['SDG outcomes','Select the goals directly advanced and state the causal link between delivery and outcome.'],['Core KPIs','Track one commercial, one delivery and one outcome indicator with a baseline and target.']],\n'Impact thesis builder':[['Problem evidence','Define the affected population, scale, geography, baseline and credible source.'],['Intervention','Describe what the venture delivers and which barrier it removes.'],['Change mechanism','Explain why the intervention should cause the intended result.'],['Beneficiaries & equity','Identify direct and indirect beneficiaries and who might be excluded or harmed.'],['Outcomes','Separate immediate outputs from medium-term outcomes and long-term impact.'],['SDG alignment','Map only the goals and targets supported by the intervention and evidence.'],['Evidence & risk','Name the verification source, assumptions and the strongest alternative explanation.']],\n'Outcome & KPI map':[['Baseline','Record the starting value, population, geography, date and source.'],['Activity','Define the action the venture directly controls.'],['Output','Count the immediate product or service delivered.'],['Outcome','Measure the change experienced by the beneficiary or system.'],['Indicator','Use a precise numerator, denominator, unit and collection frequency.'],['Target','Set a value and deadline that can be tested.'],['Evidence','Assign the source, owner, validation method and audit trail.']]};const premiumUpgrades:any={\n'Grant-readiness checklist':['Scored eligibility screen','Funder-fit matrix','Evidence and theory-of-change checks','Budget and compliance controls','Submission readiness status'],\n'ESG/SDG reporting outline':['Materiality and reporting-boundary worksheet','Complete section-by-section report architecture','Indicator and evidence register','Risk, assurance and governance disclosures','Export-ready reporting pack'],\n'Partnership map':['Stakeholder influence and interest scoring','Value-exchange design','Engagement owner and cadence','Dependency and conflict flags','Priority partnership pipeline'],\n'Impact investor memo':['Market and commercial case','Traction and unit-economics structure','Impact measurement and defensibility','Capital ask and use-of-funds plan','Investment-ready memo export'],\n'30-day launch plan':['Weekly milestones and daily actions','Named owners and dependencies','Validation and conversion targets','Partnership and outreach cadence','Progress tracking and export'],\n'Annual SDG impact report':['Full reporting framework','KPI results and evidence tables','Case-study and financial-context sections','Lessons, risks and assurance notes','Next-year commitments and export']};function openItem(x:any){const locked=Boolean(x[1])&&(!access||access.rank<1);setTemplate({name:x[0],body:x[2],locked,sections:freeSystems[x[0]]||null,advanced:premiumUpgrades[x[0]]||[]})}function updateAnswer(key:string,value:string){const next={...answers,[key]:value};setAnswers(next);localStorage.setItem('forge_toolkit_answers',JSON.stringify(next))}function generateBasicReport(){const entries=Object.entries(answers).filter(([,v])=>String(v).trim());const completed=entries.length,total=21,completionPercent=Math.min(100,Math.round(completed/total*100));const selectedGoals=impact.map(g=>`SDG ${g}: ${goals[g-1]}`);const has=(term:string)=>entries.some(([k,v])=>k.toLowerCase().includes(term)&&String(v).trim().length>=20);const financialStatus=monthlySurplus>=0?(runway>=6?'Stable operating position':'Positive margin; strengthen cash reserve'):(runway>=6?'Funded deficit; corrective plan required':'Critical runway and deficit exposure');const diagnostics=[{area:'Commercial model',rating:[has('paying customer'),has('value proposition'),has('revenue model')].filter(Boolean).length===3?'Strong foundation':'Needs validation',feedback:has('paying customer')&&has('value proposition')?'The buyer and measurable value logic are recorded. Validate willingness to pay, purchasing authority and urgency through direct interviews.':'Define the paying customer separately from the beneficiary, state the measurable value delivered and document why a budget holder will act.'},{area:'Impact thesis',rating:[has('problem evidence'),has('intervention'),has('change mechanism')].filter(Boolean).length===3?'Coherent':'Incomplete',feedback:has('change mechanism')?'Your causal pathway is stated. Test the assumptions and identify an alternative explanation for the observed outcome.':'Connect verified problem evidence to a specific intervention and explain why that intervention should cause the intended change.'},{area:'Measurement system',rating:[has('baseline'),has('indicator'),has('target'),has('evidence')].filter(Boolean).length>=3?'Measurable':'Not decision-ready',feedback:has('indicator')&&has('target')?'The measurement frame is developing. Confirm numerator, denominator, frequency, owner and independent evidence source.':'Add a baseline, precise indicator, numeric target, deadline, collection frequency and evidence owner.'},{area:'Financial resilience',rating:financialStatus,feedback:monthlySurplus>=0?`Current inputs show a ${monthlySurplus.toLocaleString()} monthly surplus and ${runway.toFixed(1)} months of runway. Test whether revenue is recurring and whether delivery costs rise with impact volume.`:`Current inputs show a ${Math.abs(monthlySurplus).toLocaleString()} monthly deficit and ${runway.toFixed(1)} months of runway. Reduce burn, increase dependable revenue or secure bridge capital before expansion.`}];const riskFlags=[!has('paying customer')&&'Paying customer and budget authority are not sufficiently defined.',!has('evidence')&&'Evidence ownership and audit trail are incomplete.',!has('target')&&'No testable outcome target and deadline are recorded.',monthlySurplus<0&&'The current operating model consumes more cash than it generates.',impact.length>5&&'The SDG mandate may be too broad; prioritize goals with direct causal evidence.'].filter(Boolean);const nextActions=[completed<7?'Finish the seven business-model canvas fields before presenting the venture.':'Interview at least three prospective buyers and record evidence for willingness to pay.',monthlySurplus<0?'Close the monthly deficit and establish a minimum six-month runway plan.':'Protect the positive operating surplus and link a defined share of revenue to impact delivery.',!has('baseline')||!has('target')?'Create a baseline and time-bound target for the primary outcome.':'Assign an owner and verification schedule to each primary KPI.',completionPercent<100?'Complete the remaining free-system fields to raise report confidence.':'Review every assumption quarterly and update the evidence register.'];const report={generatedAt:new Date().toLocaleString(),selectedGoals,financialPosition:{cash,burn,revenue,runwayMonths:Number(runway.toFixed(1)),monthlySurplus,financialStatus},impactReadiness:Math.round(impactScore),completedResponses:completed,totalResponses:total,completionPercent,reportConfidence:completionPercent>=80?'High':completionPercent>=45?'Developing':'Preliminary',diagnostics,riskFlags,responses:answers,nextActions};setBasicReport(report);localStorage.setItem('forge_basic_report',JSON.stringify(report));setTemplate(null);setTimeout(()=>document.getElementById('basic-report')?.scrollIntoView({behavior:'smooth'}),50)}function savePlan(){const plan={savedAt:new Date().toISOString(),sdgGoals:impact,cash,burn,revenue,runway,monthlySurplus,impactScore};localStorage.setItem('forge_sdg_business_plan',JSON.stringify(plan));setTemplate({name:'Plan saved',body:'Your current SDG business profile is saved on this device. Reopen this toolkit to continue working from the same browser.',locked:false})}function exportPlan(){if(!access){go('/pricing');return}const report={generatedAt:new Date().toISOString(),sdgGoals:impact.map(g=>({goal:g,name:goals[g-1]})),financials:{cash,burn,revenue,runwayMonths:Number(runway.toFixed(1)),monthlySurplus},impactReadiness:Math.round(impactScore),recommendedModules:items.map(x=>x[0])};const blob=new Blob([JSON.stringify(report,null,2)],{type:'application/json'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='tshc-sdg-business-report.json';a.click();URL.revokeObjectURL(a.href)}return <Shell><main className=\"mx-auto max-w-7xl px-5 py-10\"><div className=\"text-xs font-black tracking-[.2em] text-[#8D7547]\">ULTIMATE SDG BUSINESS KIT</div><h1 className=\"text-4xl font-black\">SDG Business Toolkit</h1><p className=\"mt-2 max-w-3xl text-slate-600\">Build a commercially viable venture with a clear SDG thesis, measurable impact KPIs, healthy economics and a reporting path from day one.</p><section className=\"mt-6 rounded-2xl border border-[#DDBA71]/45 bg-white p-6 shadow-sm\"><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#8D7547]\">How to use the toolkit</div><h2 className=\"mt-2 text-2xl font-black text-[#021734]\">From idea to a decision-ready SDG venture brief</h2><div className=\"mt-5 grid gap-3 md:grid-cols-4\">{[['1','Choose goals','Select only the SDGs your work directly advances.'],['2','Enter economics','Add available cash, monthly burn and monthly revenue.'],['3','Build the model','Open each Free Starter card and answer every guided field.'],['4','Generate report','Create, review and save your basic venture report.']].map(([n,t,d])=><article key={n} className=\"rounded-xl bg-[#F8FAFC] p-4\"><div className=\"grid h-8 w-8 place-items-center rounded-full bg-[#021734] text-sm font-black text-[#DDBA71]\">{n}</div><h3 className=\"mt-3 font-black text-[#021734]\">{t}</h3><p className=\"mt-1 text-xs leading-5 text-slate-600\">{d}</p></article>)}</div><p className=\"mt-4 rounded-lg bg-[#FCF5E6] p-3 text-sm font-bold text-[#6E572A]\">Your answers save automatically on this device. Complete the three Free Starter systems, then generate the basic report below. Impact Pro unlocks grant, reporting, partnership, investor and launch-plan systems.</p></section><section className=\"mt-7 grid gap-5 lg:grid-cols-[1.1fr_.9fr]\"><div className=\"rounded-2xl bg-white p-6 shadow-sm\"><h2 className=\"text-2xl font-black\">1. Choose your SDG mandate</h2><p className=\"mt-2 text-sm text-slate-600\">Select the goals your business directly advances.</p><div className=\"mt-4 grid gap-2 sm:grid-cols-2 lg:grid-cols-3\">{goals.map((g,i)=><button key={g} onClick={()=>toggle(i+1)} className={`rounded-lg border p-3 text-left text-sm font-bold ${impact.includes(i+1)?'border-[#DDBA71] bg-[#FCF5E6]':'bg-white'}`}>SDG {i+1} · {g}</button>)}</div></div><div className=\"rounded-2xl bg-[#021734] p-6 text-white\"><div className=\"text-xs font-black tracking-[.2em] text-[#DDBA71]\">IMPACT READINESS</div><div className=\"mt-3 text-6xl font-black text-[#DDBA71]\">{Math.round(impactScore)}/100</div><p className=\"mt-3 text-sm text-slate-300\">Directional score based on SDG focus and current operating economics.</p><div className=\"mt-6\"><div className=\"text-xs text-slate-400\">Selected goals</div><div className=\"mt-2 flex flex-wrap gap-2\">{impact.map(g=><span key={g} className=\"rounded-full bg-white/10 px-3 py-1 text-xs font-black\">SDG {g}</span>)}</div></div>{access&&<div className=\"mt-5 rounded-lg bg-emerald-900/50 p-3 text-xs font-black text-emerald-200\">PREMIUM ACTIVE · {access.plan}</div>}</div></section><section className=\"mt-6 grid gap-5 md:grid-cols-3\"><div className=\"rounded-xl bg-white p-6 shadow-sm\"><h2 className=\"text-xl font-black\">Runway</h2><div className=\"mt-4 grid gap-3\"><input type=\"number\" value={cash} onChange={e=>setCash(+e.target.value)} className=\"rounded-lg border px-4 py-3\" placeholder=\"Cash\"/><input type=\"number\" value={burn} onChange={e=>setBurn(+e.target.value)} className=\"rounded-lg border px-4 py-3\" placeholder=\"Monthly burn\"/></div><div className=\"mt-5 text-3xl font-black text-[#021734]\">{runway.toFixed(1)} months</div></div><div className=\"rounded-xl bg-white p-6 shadow-sm\"><h2 className=\"text-xl font-black\">Revenue + Sustainability</h2><input type=\"number\" value={revenue} onChange={e=>setRevenue(+e.target.value)} className=\"mt-4 w-full rounded-lg border px-4 py-3\" placeholder=\"Monthly revenue\"/><div className={`mt-5 text-3xl font-black ${monthlySurplus>=0?'text-[#021734]':'text-red-700'}`}>${monthlySurplus.toLocaleString()}/mo</div><div className=\"text-xs text-slate-500\">Operating surplus after current burn</div></div><div className=\"rounded-xl bg-white p-6 shadow-sm\"><h2 className=\"text-xl font-black\">Impact KPI Starter</h2><div className=\"mt-4 space-y-2 text-sm\">{['Who benefits?','What measurable outcome changes?','Baseline before intervention','Target by date','Evidence source','Revenue linked to impact delivery'].map(x=><label key={x} className=\"flex gap-2\"><input type=\"checkbox\"/>{x}</label>)}</div></div></section><section className=\"mt-6 rounded-2xl bg-[#FCF5E6] p-6\"><h2 className=\"text-2xl font-black\">SDG Venture Operating System</h2><div className=\"mt-4 grid gap-3 md:grid-cols-3\">{items.map(x=>{const locked=Boolean(x[1])&&(!access||access.rank<1);return <button onClick={()=>openItem(x)} key={x[0]} className=\"group rounded-xl border border-[#021734]/10 bg-white p-4 text-left shadow-sm transition hover:-translate-y-0.5 hover:border-[#DDBA71] hover:shadow-md\"><span className=\"flex items-center justify-between gap-3\"><span className={`rounded-full px-2.5 py-1 text-[9px] font-black uppercase tracking-[.16em] ${locked?'bg-[#FCF5E6] text-[#8D7547]':'bg-[#EAF2FB] text-[#19486A]'}`}>{locked?'Impact Pro':'Free starter'}</span><span aria-hidden=\"true\" className=\"text-lg\">{locked?'🔒':'→'}</span></span><strong className=\"mt-3 block text-base font-black text-[#021734]\">{x[0]}</strong><span className=\"mt-2 block text-xs font-medium leading-5 text-slate-500\">{x[2]}</span></button>})}</div>{template&&<div role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"toolkit-dialog-title\" className=\"fixed inset-0 z-50 grid place-items-center bg-[#021734]/75 p-4 backdrop-blur-sm\" onClick={()=>setTemplate(null)}><div className=\"relative w-full max-w-xl rounded-2xl border border-[#DDBA71]/45 bg-white p-6 shadow-2xl sm:p-8\" onClick={e=>e.stopPropagation()}><button type=\"button\" aria-label=\"Close\" onClick={()=>setTemplate(null)} className=\"absolute right-4 top-4 grid h-10 w-10 place-items-center rounded-full bg-slate-100 text-xl font-black text-[#021734]\">×</button><div className=\"pr-12 text-[10px] font-black uppercase tracking-[.22em] text-[#8D7547]\">{template.locked?'Premium operating asset':'Operating workspace'}</div><h3 id=\"toolkit-dialog-title\" className=\"mt-2 pr-12 text-2xl font-black text-[#021734]\">{template.name}</h3>{template.locked?<><div className=\"mt-5 rounded-xl border border-[#021734]/10 bg-[#F8FAFC] p-5\"><div className=\"text-[10px] font-black uppercase tracking-[.18em] text-[#8D7547]\">Free basic guidance</div><p className=\"mt-2 leading-7 text-slate-700\">{template.body}</p></div><div className=\"mt-4 rounded-xl border border-[#DDBA71]/55 bg-[#FCF5E6] p-5\"><div className=\"text-lg font-black text-[#021734]\">🔒 Upgrade to unlock the advanced system</div><p className=\"mt-2 text-sm leading-6 text-slate-700\">Impact Pro adds the working templates, controls and professional outputs for this section:</p><ul className=\"mt-3 grid gap-2\">{template.advanced.map((item:string)=><li key={item} className=\"flex gap-2 text-sm font-bold text-[#021734]\"><span className=\"text-[#8D7547]\">◆</span>{item}</li>)}</ul></div><Btn to=\"/pricing\" className=\"mt-5 w-full rounded-xl bg-[#DDBA71] px-5 py-4 font-black text-[#021734]\">Upgrade to Impact Pro →</Btn></>:<><p className=\"mt-4 leading-7 text-slate-600\">{template.body}</p><div className=\"mt-4 max-h-[52vh] space-y-3 overflow-y-auto pr-1\">{template.sections?.map(([title,detail]:string[],i:number)=>{const key=`${template.name}::${title}`;return <article key={title} className=\"rounded-xl border border-[#021734]/10 bg-[#F8FAFC] p-4\"><div className=\"flex items-start gap-3\"><span className=\"grid h-7 w-7 shrink-0 place-items-center rounded-full bg-[#021734] text-xs font-black text-[#DDBA71]\">{i+1}</span><div className=\"min-w-0 flex-1\"><h4 className=\"font-black text-[#021734]\">{title}</h4><p className=\"mt-1 text-sm leading-6 text-slate-600\">{detail}</p><label className=\"mt-3 block text-[10px] font-black uppercase tracking-[.15em] text-[#8D7547]\">Your working answer<textarea value={answers[key]||''} onChange={e=>updateAnswer(key,e.target.value)} placeholder={`Enter your ${title.toLowerCase()}…`} className=\"mt-2 min-h-24 w-full rounded-lg border border-[#021734]/15 bg-white p-3 text-sm font-medium normal-case tracking-normal text-[#021734] outline-none focus:border-[#DDBA71]\"/></label></div></div></article>})}</div><div className=\"mt-4 rounded-lg bg-[#FCF5E6] p-3 text-xs font-bold leading-5 text-[#6E572A]\">Free starter system: complete each section with one clear sentence, then use the runway and KPI controls on this page to test the model.</div><div className=\"mt-5 grid gap-3 sm:grid-cols-2\"><button type=\"button\" onClick={()=>setTemplate(null)} className=\"rounded-xl border border-[#021734] px-5 py-4 font-black text-[#021734]\">Continue later</button><button type=\"button\" onClick={generateBasicReport} className=\"rounded-xl bg-[#DDBA71] px-5 py-4 font-black text-[#021734]\">Generate Basic Report →</button></div></>}</div></div>}{basicReport&&<section id=\"basic-report\" className=\"mt-6 rounded-2xl border-2 border-[#DDBA71] bg-white p-6 shadow-lg\"><div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\"><div><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#8D7547]\">Generated Basic Report</div><h2 className=\"mt-2 text-2xl font-black text-[#021734]\">SDG Venture Readiness Brief</h2><p className=\"mt-1 text-xs text-slate-500\">Generated {basicReport.generatedAt} · Saved on this device</p></div><button onClick={()=>window.print()} className=\"rounded-lg border border-[#021734] px-4 py-2 text-sm font-black text-[#021734]\">Print report</button></div><div className=\"mt-5 grid gap-3 sm:grid-cols-3\"><div className=\"rounded-xl bg-[#021734] p-4 text-white\"><div className=\"text-xs text-slate-300\">Impact readiness</div><div className=\"mt-1 text-3xl font-black text-[#DDBA71]\">{basicReport.impactReadiness}/100</div></div><div className=\"rounded-xl bg-[#F8FAFC] p-4\"><div className=\"text-xs text-slate-500\">Runway</div><div className=\"mt-1 text-3xl font-black text-[#021734]\">{basicReport.financialPosition.runwayMonths} mo</div></div><div className=\"rounded-xl bg-[#F8FAFC] p-4\"><div className=\"text-xs text-slate-500\">Working answers</div><div className=\"mt-1 text-3xl font-black text-[#021734]\">{basicReport.completedResponses}</div></div></div><div className=\"mt-5 grid gap-5 md:grid-cols-2\"><div><h3 className=\"font-black text-[#021734]\">Selected SDG mandate</h3><div className=\"mt-2 grid gap-2\">{basicReport.selectedGoals.map((g:string)=><div key={g} className=\"rounded-lg bg-[#F8FAFC] px-3 py-2 text-sm font-bold\">{g}</div>)}</div></div><div><h3 className=\"font-black text-[#021734]\">Priority next actions</h3><ol className=\"mt-2 grid gap-2\">{basicReport.nextActions.map((x:string,i:number)=><li key={x} className=\"flex gap-2 rounded-lg bg-[#FCF5E6] px-3 py-2 text-sm\"><b>{i+1}.</b><span>{x}</span></li>)}</ol></div></div><div className=\"mt-5\"><h3 className=\"font-black text-[#021734]\">Your venture inputs</h3><div className=\"mt-2 grid gap-3\">{Object.entries(basicReport.responses).filter(([,v])=>String(v).trim()).map(([k,v])=><article key={k} className=\"rounded-lg border border-[#021734]/10 p-3\"><div className=\"text-xs font-black text-[#8D7547]\">{k.replace('::',' · ')}</div><p className=\"mt-1 whitespace-pre-wrap text-sm leading-6 text-slate-700\">{String(v)}</p></article>)}</div></div></section>}<div className=\"mt-5 flex flex-wrap gap-3\"><button onClick={savePlan} className=\"rounded-lg bg-[#021734] px-4 py-3 font-black text-white\">Save My SDG Plan</button><button onClick={generateBasicReport} className=\"rounded-lg bg-[#DDBA71] px-4 py-3 font-black text-[#021734]\">Generate Basic Report</button><button onClick={exportPlan} className=\"rounded-lg border border-[#021734] px-4 py-3 font-black\">{access?'Export SDG Business Report':'🔒 Export SDG Business Report'}</button></div><p className=\"mt-5 text-sm text-slate-600\"><b>Free:</b> core canvas, SDG selection, runway, KPI starter and local save. <b>Impact Pro:</b> advanced templates and downloadable SDG business reporting assets.</p></section></main></Shell>}\nfunction Pricing(){const plans=[['Free',0,'Apps4allSDGs discovery access','Free SDG learning and impact-evaluation applications via Apps4allSDGs · external portal operated by SDG Champions France'],['Impact Pro',79,'Global SDG intelligence + reporting','Full country dropdown across the World Bank country/economy directory · country comparisons · CSV exports · advanced SDG toolkit · reporting templates · grant/investor outputs'],['Property Intelligence',149,'SDG real estate intelligence','Deeper area comparisons · saved scans · exports · acquisition workflow'],['Forge Pro',249,'Complete Sovereign Forge','All paid tools · premium datasets · build pipeline · priority releases'],['Enterprise',999,'Organization + team access','Multi-user access · custom workflows · priority support · institutional use']];const [selected,setSelected]=useState('Impact Pro'),[name,setName]=useState(''),[email,setEmail]=useState(''),[msg,setMsg]=useState(''),[busy,setBusy]=useState(false),[accessKey,setAccessKey]=useState('');useEffect(()=>{const q=new URLSearchParams(location.search);const token=q.get('token');if(q.get('paypal')==='return'&&token){setBusy(true);fetch('/api/paypal/capture',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({orderId:token})}).then(async r=>({r,j:await r.json()})).then(({r,j})=>{if(r.ok&&j.ok){localStorage.setItem('forge_access_key',j.access_key);setAccessKey(j.access_key);setMsg(`Payment complete. ${j.plan} is active.`);history.replaceState({},'', '/pricing')}else setMsg(j.error||'Payment capture failed')}).finally(()=>setBusy(false))}if(q.get('paypal')==='cancel')setMsg('PayPal checkout was cancelled. No charge was captured.')},[]);async function order(){setMsg('');if(selected==='Free'){window.location.href=APPS4ALL;return}setBusy(true);try{let r=await fetch('/api/purchase-intents',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({name,email,plan:selected})}),j=await r.json();if(!r.ok||!j.ok){setMsg(j.error||'Unable to start checkout');return}setMsg(`Opening secure PayPal checkout for ${j.plan}…`);location.href=j.approval_url}catch(e){setMsg('Unable to start PayPal checkout')}finally{setBusy(false)}}return <Shell><main className=\"mx-auto max-w-7xl px-5 py-12\"><div className=\"text-center\"><div className=\"text-xs font-black tracking-[.2em] text-[#8D7547]\">MONETIZATION</div><h1 className=\"mt-2 text-4xl font-black\">Choose Your Forge Access</h1><p className=\"mx-auto mt-3 max-w-2xl text-slate-600\">Secure PayPal checkout with automatic entitlement activation after verified capture.</p></div><div className=\"mt-8 grid gap-4 md:grid-cols-2 xl:grid-cols-5\">{plans.map(([p,price,desc,features]:any)=><button key={p} onClick={()=>setSelected(p)} className={`rounded-2xl border-2 bg-white p-5 text-left shadow-sm ${selected===p?'border-[#DDBA71]':'border-transparent'}`}><div className=\"text-sm font-black text-[#021734]\">{p}</div><div className=\"mt-3 text-4xl font-black\">${price}<span className=\"text-sm text-slate-500\">{price===0?'':' / 30 days'}</span></div><p className=\"mt-3 text-sm font-bold\">{desc}</p><p className=\"mt-3 text-xs leading-5 text-slate-500\">{features}</p></button>)}</div><section className=\"mt-8 grid gap-5 lg:grid-cols-[1fr_.8fr]\"><div className=\"rounded-2xl bg-[#021734] p-7 text-white\"><div className=\"text-xs font-black tracking-[.2em] text-[#DDBA71]\">BUILD SERVICES</div><h2 className=\"mt-2 text-3xl font-black\">Need us to build it?</h2><div className=\"mt-5 grid gap-3 sm:grid-cols-2\"><button onClick={()=>setSelected('SDG Validation Sprint')} className=\"rounded-xl border border-white/20 bg-white/5 p-5 text-left\"><div className=\"font-black\">SDG Validation Sprint</div><div className=\"mt-2 text-3xl font-black text-[#DDBA71]\">$500</div><div className=\"mt-2 text-sm text-slate-300\">Commercial score, buyer validation plan, offer and build brief.</div></button><button onClick={()=>setSelected('SDG MVP Build Sprint')} className=\"rounded-xl border border-white/20 bg-white/5 p-5 text-left\"><div className=\"font-black\">SDG MVP Build Sprint</div><div className=\"mt-2 text-3xl font-black text-[#DDBA71]\">$2,500</div><div className=\"mt-2 text-sm text-slate-300\">Working MVP, deployment, analytics-ready setup and launch handoff.</div></button></div></div><div className=\"rounded-2xl bg-white p-7 shadow-sm\"><div className=\"text-xs font-black tracking-[.2em] text-[#8D7547]\">SECURE CHECKOUT</div><h2 className=\"mt-2 text-2xl font-black\">{selected}</h2><div className=\"mt-5 space-y-3\"><input value={name} onChange={e=>setName(e.target.value)} className=\"w-full rounded-lg border px-4 py-3\" placeholder=\"Name / organization\"/><input value={email} onChange={e=>setEmail(e.target.value)} className=\"w-full rounded-lg border px-4 py-3\" placeholder=\"Billing email\" type=\"email\"/><button disabled={busy} onClick={order} className=\"w-full rounded-lg bg-[#DDBA71] py-4 font-black text-[#06251f] disabled:opacity-50\">{busy?'Processing…':selected==='Free'?'Explore Apps4allSDGs Free →':'Continue to PayPal →'}</button></div>{msg&&<div className=\"mt-4 rounded-lg bg-[#F4F7FB] p-3 text-sm font-bold text-[#021734]\">{msg}</div>}{accessKey&&<div className=\"mt-4 rounded-xl bg-[#021734] p-4 text-white\"><div className=\"text-xs font-black text-[#DDBA71]\">YOUR FORGE ACCESS KEY</div><div className=\"mt-2 break-all font-mono text-sm\">{accessKey}</div><Btn to=\"/account\" className=\"mt-4 rounded-lg bg-[#DDBA71] px-4 py-2 font-black text-[#06251f]\">Open Member Access →</Btn></div>}{selected==='Free'?<p className=\"mt-4 text-xs leading-5 text-slate-500\">Free access opens the external Apps4allSDGs portal operated by SDG Champions France. Sovereign Forge does not own or re-license Apps4allSDGs content or methodology.</p>:<p className=\"mt-4 text-xs leading-5 text-slate-500\">PayPal processes the payment. Forge access is issued only after the server verifies a completed capture. By purchasing you agree to the <button onClick={()=>go('/terms')} className=\"font-black underline\">Terms</button> and <button onClick={()=>go('/refunds')} className=\"font-black underline\">Refund & Access Policy</button>.</p>}</div></section></main></Shell>}\nfunction AccessPortal(){const [key,setKey]=useState(localStorage.getItem('forge_access_key')||''),[status,setStatus]=useState<any>(null),[msg,setMsg]=useState('');useEffect(()=>{if(key)verify().catch(()=>{})},[]);async function verify(){setMsg('');let r=await fetch('/api/access/verify',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({key:key.trim()})}),j=await r.json();if(r.ok){localStorage.setItem('forge_access_key',key.trim());setStatus(j);setMsg('Access verified. Premium Forge tools are unlocked on this device.')}else{setStatus(null);setMsg(j.error||'Access key not valid.')}}function clear(){localStorage.removeItem('forge_access_key');setKey('');setStatus(null);setMsg('Access key removed from this device.')}return <Shell><main className=\"mx-auto max-w-3xl px-5 py-14\"><div className=\"text-xs font-black tracking-[.2em] text-[#8D7547]\">MEMBER ACCESS</div><h1 className=\"mt-2 text-4xl font-black\">Sovereign Forge Access</h1><p className=\"mt-3 text-slate-600\">Enter the access key issued after verified PayPal payment. Paid access is valid for the stated access period.</p><div className=\"mt-7 rounded-2xl bg-white p-6 shadow-sm\"><input value={key} onChange={e=>setKey(e.target.value)} className=\"w-full rounded-lg border px-4 py-3\" placeholder=\"Forge access key\"/><div className=\"mt-3 grid gap-3 sm:grid-cols-2\"><button onClick={verify} className=\"rounded-lg bg-[#19486A] py-4 font-black text-white\">Verify & Unlock →</button><button onClick={clear} className=\"rounded-lg border border-[#021734]/20 py-4 font-black\">Clear This Device</button></div>{msg&&<div className=\"mt-4 rounded-lg bg-[#FCF5E6] p-3 text-sm font-bold\">{msg}</div>}{status&&<div className=\"mt-5 rounded-xl bg-[#021734] p-5 text-white\"><div className=\"text-xs font-black text-[#DDBA71]\">ACTIVE PLAN</div><div className=\"mt-1 text-2xl font-black\">{status.plan}</div><div className=\"mt-3 text-sm text-slate-300\">Access level {status.rank} · {status.expires_at?`valid through ${new Date(status.expires_at).toLocaleDateString()}`:'no automatic expiry'}</div><div className=\"mt-5 flex flex-wrap gap-3\"><Btn to=\"/apps\" className=\"rounded-lg bg-[#DDBA71] px-4 py-3 font-black text-[#06251f]\">Open Forge Tools →</Btn><Btn to=\"/pricing\" className=\"rounded-lg border border-white/20 px-4 py-3 font-black\">Renew / Upgrade →</Btn></div></div>}</div><div className=\"mt-5 text-center\"><Btn to=\"/pricing\" className=\"font-black text-[#021734]\">Need access? View pricing →</Btn></div></main></Shell>}\nfunction AdminOrders(){const [orders,setOrders]=useState<any[]>([]),[contacts,setContacts]=useState<any[]>([]),[msg,setMsg]=useState('');async function load(){const [or,cr]=await Promise.all([fetch('/api/purchase-intents'),fetch('/api/contact')]);if(or.status===401||cr.status===401){location.href='/auth/login';return}const [oj,cj]=await Promise.all([or.json(),cr.json()]);if(oj.ok)setOrders(oj.orders||[]);else setMsg(oj.error);if(cj.ok)setContacts(cj.requests||[])}useEffect(()=>{load()},[]);async function activate(id:number){let r=await fetch(`/api/purchase-intents/${id}/activate`,{method:'POST'}),j=await r.json();if(j.ok){setMsg(`Order #${id} activated. Access key: ${j.entitlement.access_key}`);load()}else setMsg(j.error)}return <Shell><main className=\"mx-auto max-w-7xl px-5 py-12\"><div className=\"text-xs font-black tracking-[.2em] text-[#8D7547]\">OWNER CONSOLE</div><h1 className=\"mt-2 text-4xl font-black\">Forge Operations</h1><p className=\"mt-2 text-slate-600\">Payments, entitlements and inbound commercial requests.</p>{msg&&<div className=\"mt-5 rounded-xl bg-amber-100 p-4 font-bold break-all\">{msg}</div>}<section className=\"mt-7\"><h2 className=\"text-2xl font-black\">Paid Access Orders</h2><div className=\"mt-4 space-y-3\">{orders.map(o=><div key={o.id} className=\"rounded-xl bg-white p-5 shadow-sm\"><div className=\"flex flex-col gap-4 md:flex-row md:items-center md:justify-between\"><div><div className=\"font-black\">#{o.id} · {o.name}</div><div className=\"text-sm text-slate-600\">{o.email} · {o.plan} · ${o.amount} · {o.status}</div></div><button disabled={o.status==='paid_active'} onClick={()=>activate(o.id)} className=\"rounded-lg bg-[#19486A] px-5 py-3 font-black text-white disabled:opacity-40\">{o.status==='paid_active'?'Active':'Confirm Paid & Activate'}</button></div></div>)}</div></section><section className=\"mt-10\"><h2 className=\"text-2xl font-black\">Contact & Partnership Requests</h2><div className=\"mt-4 grid gap-3 md:grid-cols-2\">{contacts.map(x=><div key={x.id} className=\"rounded-xl bg-white p-5 shadow-sm\"><div className=\"text-xs font-black text-[#8D7547]\">#{x.id} · {x.status}</div><h3 className=\"mt-1 text-lg font-black\">{x.subject}</h3><div className=\"mt-2 text-sm text-slate-600\">{x.name} · {x.email}{x.organization?` · ${x.organization}`:''}</div><p className=\"mt-3 text-sm leading-6 text-slate-700\">{x.message}</p></div>)}</div></section></main></Shell>}\nfunction Tools(){const tools=[['01','SDG Data Explorer','Query live public development indicators, inspect freshness, compare countries and export structured SDG intelligence.','/data-explorer','#19486A'],['02','Property + SDG Scanner','Combine public property opportunity channels with local SDG context, comparisons and acquisition-oriented reporting.','/property-scanner','#8D7547'],['03','SDG Business Toolkit','Build the commercial model, impact thesis, KPIs, reporting path and investor or grant readiness.','/business-toolkit','#4C9F38'],['04','Build an App','Move an SDG-aligned product idea through intake, validation, build, testing and deployment.','/build','#021734']];return <Shell><main><section className=\"bg-[#021734] text-white\"><div className=\"mx-auto max-w-7xl px-5 py-12 md:py-16\"><div className=\"text-xs font-black uppercase tracking-[.24em] text-[#DDBA71]\">Operating Toolset</div><h1 className=\"mt-3 max-w-4xl text-4xl font-black leading-tight md:text-6xl\">Tools built for <span className=\"text-[#DDBA71]\">decisions and execution.</span></h1><p className=\"mt-4 max-w-3xl text-base leading-7 text-slate-300\">Each module has a defined operating job: understand the data, identify opportunity, design the venture, or ship the product.</p></div></section><section className=\"mx-auto max-w-7xl px-5 py-12\"><div className=\"grid gap-5 md:grid-cols-2\">{tools.map(([num,n,d,p,color])=><article key={n} className=\"group relative overflow-hidden rounded-2xl border border-[#021734]/8 bg-white p-6 shadow-[0_10px_30px_rgba(2,23,52,.08)] transition hover:-translate-y-1 hover:shadow-[0_18px_44px_rgba(2,23,52,.14)] md:p-7\"><div className=\"absolute right-5 top-3 text-6xl font-black opacity-[.07]\" style={{color}}>{num}</div><div className=\"relative\"><div className=\"text-[10px] font-black uppercase tracking-[.2em]\" style={{color}}>Forge tool {num}</div><h2 className=\"mt-3 text-2xl font-black text-[#021734] md:text-3xl\">{n}</h2><p className=\"mt-3 max-w-xl leading-7 text-slate-600\">{d}</p><Btn to={p} className=\"mt-6 rounded-xl bg-[#021734] px-5 py-3.5 text-sm font-black text-white transition group-hover:bg-[#0B2B55]\">Open Tool →</Btn></div></article>)}</div></section></main></Shell>}\nfunction Resources(){const items=[['01','SDG methodology','Forge maps relevant public indicators to the Sustainable Development Goals for practical decision support. Directional scores are TSHC analytics—not official UN scores or certifications.','#19486A'],['02','Data sources','The Data Explorer queries World Bank indicators. U.S. local SDG snapshots use American Community Survey data surfaced through Census Reporter. Property discovery connects to public federal and jurisdictional sources.','#4C9F38'],['03','Free vs paid','The Free tier links to Apps4allSDGs for free SDG learning and impact-evaluation applications while Forge keeps a six-country Quick View preview. Paid tiers unlock deeper intelligence, comparisons, exports and operating workflows.','#8D7547'],['04','Decision-use notice','Forge outputs support research and screening. Users should independently verify title, tax status, legal eligibility, investment assumptions and official SDG reporting requirements before acting.','#A21942']];return <Shell><main><section className=\"bg-[#021734] text-white\"><div className=\"mx-auto max-w-7xl px-5 py-12 md:py-16\"><div className=\"text-xs font-black uppercase tracking-[.24em] text-[#DDBA71]\">Methodology · Sources · Disclosures</div><h1 className=\"mt-3 max-w-4xl text-4xl font-black leading-tight md:text-6xl\">Trust the work because you can <span className=\"text-[#DDBA71]\">audit the work.</span></h1><p className=\"mt-4 max-w-3xl text-base leading-7 text-slate-300\">Forge is designed to show where information came from, how fresh it is, what our analytics mean—and what they do not mean.</p></div></section><section className=\"mx-auto max-w-7xl px-5 py-12\"><div className=\"grid gap-5 md:grid-cols-2\">{items.map(([num,n,d,color])=><article key={n} className=\"relative overflow-hidden rounded-2xl border border-[#021734]/8 bg-white p-6 shadow-[0_10px_30px_rgba(2,23,52,.08)] md:p-7\"><div className=\"absolute right-4 top-2 text-6xl font-black opacity-[.06]\" style={{color}}>{num}</div><div className=\"relative\"><div className=\"text-[10px] font-black uppercase tracking-[.2em]\" style={{color}}>Resource {num}</div><h2 className=\"mt-2 text-2xl font-black text-[#021734]\">{n}</h2><p className=\"mt-3 leading-7 text-slate-600\">{d}</p></div></article>)}</div><div className=\"mt-8 grid gap-5 lg:grid-cols-[1.15fr_.85fr]\"><section className=\"rounded-2xl bg-[#021734] p-7 text-white\"><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#DDBA71]\">Freshness standard</div><h2 className=\"mt-2 text-3xl font-black\">No stale number masquerades as live data.</h2><p className=\"mt-4 leading-7 text-slate-300\">When a country is loaded, Forge re-queries the source, records the check time, shows the source observation year, and states plainly when no newer published observation is available.</p></section><section className=\"rounded-2xl border border-[#DDBA71]/40 bg-[#FCF5E6] p-7\"><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#8D7547]\">Verification</div><h2 className=\"mt-2 text-3xl font-black text-[#021734]\">Follow the source.</h2><p className=\"mt-4 leading-7 text-slate-700\">Data Explorer cards expose their underlying source links where available so researchers can independently inspect the original public data.</p><Btn to=\"/data-explorer\" className=\"mt-5 rounded-xl bg-[#021734] px-5 py-3.5 font-black text-white\">Open Data Explorer →</Btn></section></div></section></main></Shell>}\nfunction Partners(){const [type,setType]=useState('Strategic Partner'),[name,setName]=useState(''),[email,setEmail]=useState(''),[organization,setOrganization]=useState(''),[website,setWebsite]=useState(''),[audience,setAudience]=useState(''),[notes,setNotes]=useState(''),[msg,setMsg]=useState(''),[busy,setBusy]=useState(false);const partners=[[SDGCF_LOGO,'SDG Champions France','Strategic SDG Network','SDG education, evaluation and application ecosystem.'],[GVVI_LOGO,'Great Vision and Voices Initiative (GVVI)','Humanitarian & Global Citizenship Network','Human rights, global citizenship, education and multi-country community impact.'],[FWH_LOGO,'Foundation for World Harmony (FWH)','Humanitarian & Kindness Network','Kindness, youth engagement, humanitarian outreach and global harmony initiatives.']];async function submit(e:any){e.preventDefault();setBusy(true);setMsg('');const subject=`Partner Network Application · ${type}`;const message=`Application type: ${type}\\nWebsite / profile: ${website||'Not provided'}\\nAudience / reach: ${audience||'Not provided'}\\n\\n${notes}`;const r=await fetch('/api/contact',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({name,email,organization,subject,message})}),j=await r.json();setBusy(false);if(!r.ok){setMsg(j.error||'Unable to submit application');return}setMsg('Application received. TSHC will review the fit, compliance and commercial terms before approval.');setName('');setEmail('');setOrganization('');setWebsite('');setAudience('');setNotes('')}return <Shell><main><section className=\"bg-[#021734] text-white\"><div className=\"mx-auto max-w-7xl px-5 py-14 md:py-20\"><div className=\"text-xs font-black uppercase tracking-[.26em] text-[#DDBA71]\">TSHC Sovereign Forge Partner Network</div><h1 className=\"mt-4 max-w-4xl text-4xl font-black leading-tight md:text-6xl\">Build distribution, impact and revenue <span className=\"text-[#DDBA71]\">together.</span></h1><p className=\"mt-5 max-w-3xl text-base leading-8 text-slate-300\">The Partner Network connects Sovereign Forge with mission-aligned organizations, educators, consultants, institutions and commercial introducers. Strategic partners extend programs and reach; approved affiliates earn on qualified paid customers they introduce.</p><div className=\"mt-7 flex flex-wrap gap-3\"><button onClick={()=>document.getElementById('partner-apply')?.scrollIntoView({behavior:'smooth'})} className=\"rounded-lg bg-[#DDBA71] px-5 py-3.5 font-black text-[#021734]\">Apply to the Network →</button><Btn to=\"/pricing\" className=\"rounded-lg border border-[#DDBA71]/50 px-5 py-3.5 font-black text-white\">View Forge Access</Btn></div></div></section><section className=\"mx-auto max-w-7xl px-5 py-12\"><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#8D7547]\">Strategic Network & Collaboration</div><h2 className=\"mt-2 text-3xl font-black text-[#021734] md:text-4xl\">Featured relationships</h2><p className=\"mt-2 max-w-3xl text-sm leading-6 text-slate-600\">These cards identify organizations within TSHC's collaborative ecosystem. They do not imply endorsement by unrelated institutions or by organizations whose marks may appear in third-party materials.</p><div className=\"mt-7 grid gap-5 md:grid-cols-3\">{partners.map(([img,n,k,d])=><article key={n} className=\"overflow-hidden rounded-2xl border border-[#021734]/8 bg-white shadow-[0_10px_30px_rgba(2,23,52,.08)]\"><div className=\"grid h-48 place-items-center bg-white p-5\"><img src={img} alt={n} className=\"max-h-full max-w-full object-contain\"/></div><div className=\"border-t border-slate-100 p-5\"><div className=\"text-[10px] font-black uppercase tracking-[.18em] text-[#8D7547]\">{k}</div><h3 className=\"mt-2 text-xl font-black text-[#021734]\">{n}</h3><p className=\"mt-3 text-sm leading-6 text-slate-600\">{d}</p></div></article>)}</div></section><section className=\"mx-auto grid max-w-7xl gap-5 px-5 pb-12 lg:grid-cols-2\"><article className=\"rounded-2xl bg-[#021734] p-7 text-white\"><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#DDBA71]\">Strategic partners</div><h2 className=\"mt-2 text-3xl font-black\">Programs, institutions and ecosystem reach.</h2><p className=\"mt-4 leading-7 text-slate-300\">For NGOs, schools, universities, municipalities, consultants, chambers, CDFIs, property organizations and SDG networks seeking co-programming, institutional access, referral relationships, data collaboration or custom Forge deployments.</p><div className=\"mt-5 grid gap-2 text-sm text-slate-200\">{['Institutional and program collaboration','Education and SDG implementation','Data and intelligence use cases','Custom deployments and licensing','Joint outreach and referral pathways'].map(x=><div key={x}>✓ {x}</div>)}</div></article><article className=\"rounded-2xl border border-[#DDBA71]/40 bg-[#FCF5E6] p-7\"><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#8D7547]\">Affiliate program</div><h2 className=\"mt-2 text-3xl font-black text-[#021734]\">Earn by introducing qualified customers.</h2><p className=\"mt-4 leading-7 text-slate-700\">Launch terms for approved affiliates: <b>20%</b> of the first eligible self-service Forge purchase and <b>10%</b> of eligible paid build or consulting services. Commissions are calculated only on cleared, non-refunded payments and remain subject to approval, attribution and program terms.</p><p className=\"mt-4 text-sm leading-6 text-slate-600\">No lifetime recurring commission is promised at launch because current Forge access is sold in 30-day periods rather than automatic recurring subscriptions.</p></article></section><section id=\"partner-apply\" className=\"mx-auto max-w-5xl px-5 pb-14\"><div className=\"rounded-3xl border border-[#021734]/8 bg-white p-6 shadow-[0_14px_42px_rgba(2,23,52,.10)] md:p-8\"><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#8D7547]\">Application</div><h2 className=\"mt-2 text-3xl font-black text-[#021734]\">Join the TSHC Sovereign Forge Partner Network</h2><p className=\"mt-2 text-sm leading-6 text-slate-600\">Applications are reviewed before any partnership designation, referral code or commission eligibility is granted.</p><form onSubmit={submit} className=\"mt-7 grid gap-5 md:grid-cols-2\"><label className=\"text-xs font-black uppercase tracking-wider text-[#021734]\">Application type<select value={type} onChange={e=>setType(e.target.value)} className=\"mt-2 w-full rounded-xl border border-[#021734]/20 bg-white px-4 py-3 text-sm\"><option>Strategic Partner</option><option>Affiliate</option></select></label><Field label=\"Name\" value={name} onChange={setName} placeholder=\"Your name\"/><Field label=\"Email\" value={email} onChange={setEmail} placeholder=\"you@example.com\"/><Field label=\"Organization\" value={organization} onChange={setOrganization} placeholder=\"Organization / company\"/><Field label=\"Website or profile\" value={website} onChange={setWebsite} placeholder=\"https://...\"/><Field label=\"Audience / reach\" value={audience} onChange={setAudience} placeholder=\"Who do you serve or reach?\"/><div className=\"md:col-span-2\"><Field area label=\"Why this partnership fits\" value={notes} onChange={setNotes} placeholder=\"Describe your audience, SDG alignment, proposed collaboration or referral strategy.\"/></div><div className=\"md:col-span-2\"><button disabled={busy} className=\"w-full rounded-lg bg-[#DDBA71] py-4 font-black text-[#021734] disabled:opacity-50\">{busy?'Submitting…':'Submit Application →'}</button>{msg&&<div className=\"mt-4 rounded-lg bg-[#F4F7FB] p-3 text-sm font-bold text-[#021734]\">{msg}</div>}<p className=\"mt-3 text-xs leading-5 text-slate-500\">Submitting an application does not create a partnership, agency relationship or right to compensation. Approval and written program terms are required.</p></div></form></div></section></main></Shell>}\nfunction Contact(){const [name,setName]=useState(''),[email,setEmail]=useState(''),[organization,setOrganization]=useState(''),[subject,setSubject]=useState(''),[message,setMessage]=useState(''),[msg,setMsg]=useState(''),[busy,setBusy]=useState(false);async function submit(e:any){e.preventDefault();setBusy(true);setMsg('');const r=await fetch('/api/contact',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({name,email,organization,subject,message})}),j=await r.json();setBusy(false);if(!r.ok){setMsg(j.error||'Unable to send request');return}setMsg('Request received. TSHC will review it.');setName('');setEmail('');setOrganization('');setSubject('');setMessage('')}return <Shell><main className=\"mx-auto max-w-5xl px-5 py-14\"><div className=\"text-xs font-black tracking-[.2em] text-[#8D7547]\">CONTACT TSHC</div><h1 className=\"mt-2 text-4xl font-black\">Build, data & partnership requests</h1><p className=\"mt-3 max-w-3xl leading-7 text-slate-600\">Use this form for Forge access, institutional data, SDG business support, property intelligence, app builds or partnership discussions.</p><form onSubmit={submit} className=\"mt-7 rounded-2xl bg-white p-7 shadow-sm\"><div className=\"grid gap-5 md:grid-cols-2\"><Field label=\"Name\" value={name} onChange={setName} placeholder=\"Your name\"/><Field label=\"Email\" value={email} onChange={setEmail} placeholder=\"you@example.com\"/><Field label=\"Organization\" value={organization} onChange={setOrganization} placeholder=\"Organization (optional)\"/><Field label=\"Subject\" value={subject} onChange={setSubject} placeholder=\"How can we help?\"/><div className=\"md:col-span-2\"><Field area label=\"Message\" value={message} onChange={setMessage} placeholder=\"Tell us what you need, desired outcome, geography or SDGs involved.\"/></div></div><button disabled={busy} className=\"mt-6 w-full rounded-lg bg-[#DDBA71] py-4 font-black text-[#06251f]\">{busy?'Sending…':'Send Request →'}</button>{msg&&<div className=\"mt-4 rounded-lg bg-[#F4F7FB] p-3 text-sm font-bold text-[#021734]\">{msg}</div>}</form></main></Shell>}\nfunction Legal({title,children}:{title:string;children:any}){return <Shell><main className=\"mx-auto max-w-4xl px-5 py-14\"><h1 className=\"text-4xl font-black\">{title}</h1><div className=\"mt-6 space-y-5 rounded-2xl bg-white p-7 leading-7 text-slate-700 shadow-sm\">{children}</div></main></Shell>}\nfunction About(){const pillars=[['SDG Intelligence','Live-source development indicators mapped to all 17 Sustainable Development Goals with visible provenance and freshness notes.'],['Opportunity Intelligence','Property and public-opportunity discovery combined with local and national SDG context.'],['Impact Enterprise','Tools that connect revenue, operating discipline, measurable outcomes, grants, investors and SDG reporting.'],['Venture Forge','A structured intake-to-deployment pipeline for turning validated SDG-aligned ideas into working digital products.']];return <Shell><main><section className=\"bg-[#021734] text-white\"><div className=\"mx-auto grid max-w-7xl gap-8 px-5 py-14 md:grid-cols-[1.1fr_.9fr] md:items-center md:py-20\"><div><div className=\"text-xs font-black uppercase tracking-[.26em] text-[#DDBA71]\">Why Sovereign Forge Exists</div><h1 className=\"mt-4 text-4xl font-black leading-tight md:text-6xl\">Turn global goals into <span className=\"text-[#DDBA71]\">usable intelligence and action.</span></h1><p className=\"mt-5 max-w-2xl text-base leading-8 text-slate-300\">TSHC Sovereign Forge is an SDG-first operating platform built by Trinlah Sovereign Holdings Corporation. Its purpose is to move the Sustainable Development Goals out of static reports and into practical tools people, businesses, educators and institutions can actually use to make decisions, find opportunities, build ventures and measure impact.</p><div className=\"mt-7 flex flex-wrap gap-3\"><Btn to=\"/apps\" className=\"rounded-lg bg-[#DDBA71] px-5 py-3.5 font-black text-[#021734]\">Explore the Platform →</Btn><Btn to=\"/data-explorer\" className=\"rounded-lg border border-[#DDBA71]/50 px-5 py-3.5 font-black text-white\">Open Live SDG Data</Btn></div></div><div className=\"mx-auto max-w-sm\"><img src={LOGO} alt=\"Trinlah Sovereign Holdings Corporation seal\" className=\"w-full rounded-full border border-[#DDBA71]/45 shadow-2xl\"/></div></div></section><section className=\"mx-auto max-w-7xl px-5 py-12\"><div className=\"grid gap-5 md:grid-cols-2\">{pillars.map(([t,d])=><article key={t} className=\"rounded-2xl border border-[#021734]/8 bg-white p-6 shadow-[0_8px_28px_rgba(2,23,52,.07)]\"><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#8D7547]\">Platform pillar</div><h2 className=\"mt-2 text-2xl font-black text-[#021734]\">{t}</h2><p className=\"mt-3 leading-7 text-slate-600\">{d}</p></article>)}</div><div className=\"mt-8 grid gap-5 lg:grid-cols-[1.15fr_.85fr]\"><section className=\"rounded-2xl bg-[#021734] p-7 text-white\"><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#DDBA71]\">Data integrity standard</div><h2 className=\"mt-2 text-3xl font-black\">Auditable by design.</h2><p className=\"mt-4 leading-7 text-slate-300\">Forge re-queries live public sources when data is requested, shows the observation year, identifies when no newer published observation is available, records when the source was checked, and exposes source links where possible. Directional TSHC analytics are labeled as such and are never presented as official UN scores.</p></section><section className=\"rounded-2xl border border-[#DDBA71]/40 bg-[#FCF5E6] p-7\"><div className=\"text-xs font-black uppercase tracking-[.2em] text-[#8D7547]\">Access model</div><h2 className=\"mt-2 text-3xl font-black text-[#021734]\">Useful free. Powerful paid.</h2><p className=\"mt-4 leading-7 text-slate-700\">The Free tier routes users into the Apps4allSDGs ecosystem operated by SDG Champions France, while Forge keeps a six-country Quick View preview for people evaluating our intelligence layer. Impact Pro unlocks the full Forge country directory, comparisons and exports. Higher tiers add property intelligence, premium workflows and enterprise capabilities.</p><Btn to=\"/pricing\" className=\"mt-5 rounded-lg bg-[#021734] px-5 py-3 font-black text-white\">View Access Levels →</Btn></section></div></section></main></Shell>}\nfunction Simple({title,body}:{title:string;body:string}){return <Shell><main className=\"mx-auto max-w-4xl px-5 py-16\"><h1 className=\"text-4xl font-black\">{title}</h1><p className=\"mt-4 text-lg leading-8 text-slate-600\">{body}</p></main></Shell>}\nexport function App(){const [path,setPath]=useState(location.pathname);useEffect(()=>{const f=()=>setPath(location.pathname);addEventListener('popstate',f);return()=>removeEventListener('popstate',f)},[]);if(path==='/apps')return <Apps/>;if(path==='/build')return <Build/>;if(path==='/pricing')return <Pricing/>;if(path==='/account')return <AccessPortal/>;if(path==='/admin-orders')return <AdminOrders/>;if(path==='/data-explorer')return <DataExplorer/>;if(path==='/property-scanner')return <PropertyScanner/>;if(path==='/business-toolkit')return <BusinessToolkit/>;if(path==='/tools')return <Tools/>;if(path==='/resources')return <Resources/>;if(path==='/partners')return <Partners/>;if(path==='/about')return <About/>;if(path==='/contact')return <Contact/>;if(path==='/privacy')return <Legal title=\"Privacy Notice\"><p>TSHC Sovereign Forge collects information you submit for purchases, access verification, build intake and contact requests. Payment card and PayPal account details are processed by PayPal and are not stored by Forge.</p><p>Forge may store your name, email, organization, selected plan, order status, access entitlement and submitted project information to deliver the service, support customers and maintain transaction records.</p><p>Public-data tools may query third-party sources such as the World Bank, Census Reporter and government property websites. Those sources have their own privacy practices.</p><p>Do not submit passwords, government identification numbers, medical records or other highly sensitive information through general intake forms.</p></Legal>;if(path==='/terms')return <Legal title=\"Terms of Use\"><p>Forge provides research, screening, planning and software-development tools. Outputs are informational and should not be treated as legal, tax, investment, appraisal, title, engineering or official United Nations advice or certification.</p><p>Property users must independently verify title, liens, taxes, auction rules, zoning, physical condition and eligibility before committing funds. SDG scores shown by Forge are directional TSHC analytics unless explicitly identified as an official external source.</p><p>Paid Forge access is a limited, revocable, non-exclusive and non-transferable licence for the purchaser and stated access period. Automated abuse, credential sharing, resale of access keys, removal of rights notices, scraping, mirroring, reverse engineering or misuse of third-party data is prohibited.</p><p>Unless TSHC gives written permission, users may not copy, reconstruct or create a substantially similar product from protected Forge designs, software, schemas, prompts, scoring logic, datasets, workflows or documentation. Protected material may not be entered into generative-AI systems, model-training pipelines, retrieval systems, embedding services or automated agents for training, fine-tuning, evaluation, competitive replication or derivative-product creation.</p><p>TSHC retains its rights in original selection, arrangement, expression, software and proprietary additions; external sources retain their respective rights. App-build services cover only the scope purchased or agreed in writing. Additional features, third-party fees, integrations, rights or compliance work may require a separate scope.</p><p>Unauthorized use may result in access suspension, evidence preservation and pursuit of available contractual, copyright, trademark, trade-secret or other remedies. Contact TSHC before any AI, redistribution, publication or institutional reuse.</p></Legal>;if(path==='/refunds')return <Legal title=\"Refund & Access Policy\"><p>Digital access activates after verified PayPal capture. Because access to digital tools is delivered immediately, completed access purchases are generally non-refundable once material use has begun, except where required by law or where TSHC confirms a service failure.</p><p>Build-service payments may be refundable only for work not yet performed. Once validation, design, development, research or deployment work has begun, completed work and incurred third-party costs are not refundable.</p><p>If a duplicate charge, technical access failure or billing error occurs, contact TSHC through the Contact page with the order email and transaction details for review.</p></Legal>;return <Home/>}\n","createdAt",["D",1789223798446],"branchVersion","branchId","698c7db4-f798-408f-9f54-cba04ce926c4","id","222b4979-77c9-4640-9cd3-6491920f8fef","tshc-sovereign-forge",["D",1789174566710],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","TSHC digital products, data, apps and monetization platform","imageUrl","0cce99a2-0224-422c-8ce9-4e129a87382d","pinnedFileId","01a0931d-4f94-72bb-aad6-59c393cbb331","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01a092c1-0339-7542-bc2e-459240dd145d","tursoName","222b497977c946409cd36491920f8fef","tursoHostname","222b497977c946409cd36491920f8fef-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789522836959],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_109":105},"org",{"_101":100,"_102":103,"_104":105,"_18":56,"_106":107,"_108":25},"branch",{"_13":90,"_32":91,"_44":43,"_92":45,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":46,"_99":100},"isOwned",234,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","trinlahsovereignholdingscompl","handle","displayName","TRINLAH SOVEREIGN HOLDINGS Compliance Division","avatar","https://lh3.googleusercontent.com/a/ACg8ocK500eu3JpQRz4TQ75u5iayqr1SHc3qirk1hq9DIcMTkCtyrME=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":251,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":252,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":253,"_85":254,"_87":255,"_89":25},"tree",[178,186,187,188],"files",[178,179,180,181,182,183,184,185,186,187,188],"counts",{"_167":64,"_168":169,"_170":64,"_171":172,"_173":174},"contents",[132,133,134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":161,"_32":162,"_30":163,"_138":-5,"_42":43,"_41":152,"_140":60,"_39":164,"_13":64,"_34":165,"_36":-5,"_24":25,"_145":-5,"_27":166},{"_44":155,"_32":156,"_30":157,"_138":-5,"_42":43,"_41":152,"_140":60,"_39":158,"_13":64,"_34":20,"_36":159,"_24":25,"_145":-5,"_27":160},{"_44":147,"_32":148,"_30":149,"_138":-5,"_42":43,"_41":150,"_140":60,"_39":151,"_13":152,"_34":20,"_36":153,"_24":25,"_145":-5,"_27":154},{"_44":136,"_32":137,"_30":58,"_138":-5,"_42":43,"_41":139,"_140":25,"_39":141,"_13":142,"_34":143,"_36":144,"_24":25,"_145":46,"_27":146},"8db80bb1-dd4a-4f6d-ab32-41c5ae267f08","index.ts","parentId",213,"latest",["D",1789220352368],68,"http","import { parseVal, serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { getOAuthUserData, oauthMiddleware } from \"https://esm.town/v/std/oauth/middleware.ts\";\nimport ValTown from \"npm:@valtown/sdk\";\nimport { Hono } from \"npm:hono\";\nimport { Root } from \"./frontend/root.tsx\";\n\nconst app = new Hono();\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS app_ideas (\n  id INTEGER PRIMARY KEY AUTOINCREMENT,\n  name TEXT NOT NULL,\n  customer TEXT NOT NULL,\n  problem TEXT NOT NULL,\n  price_model TEXT NOT NULL,\n  acquisition TEXT NOT NULL,\n  pain INTEGER NOT NULL,\n  buyer INTEGER NOT NULL,\n  speed INTEGER NOT NULL,\n  recurring INTEGER NOT NULL,\n  distribution INTEGER NOT NULL,\n  defensibility INTEGER NOT NULL,\n  score INTEGER NOT NULL,\n  verdict TEXT NOT NULL,\n  status TEXT NOT NULL DEFAULT 'queued',\n  created_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP\n)`);\nfor (const sql of [\n  \"ALTER TABLE app_ideas ADD COLUMN deployment_url TEXT\",\n  \"ALTER TABLE app_ideas ADD COLUMN deployment_val_id TEXT\",\n  \"ALTER TABLE app_ideas ADD COLUMN deployed_at TEXT\",\n  \"ALTER TABLE app_ideas ADD COLUMN requester_name TEXT\",\n  \"ALTER TABLE app_ideas ADD COLUMN requester_email TEXT\",\n  \"ALTER TABLE app_ideas ADD COLUMN sdg_goals TEXT\",\n]) { try { await sqlite.execute(sql); } catch (_) {} }\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS purchase_intents (\n  id INTEGER PRIMARY KEY AUTOINCREMENT,\n  name TEXT NOT NULL,\n  email TEXT NOT NULL,\n  plan TEXT NOT NULL,\n  amount REAL NOT NULL,\n  billing TEXT NOT NULL,\n  status TEXT NOT NULL DEFAULT 'pending_invoice',\n  created_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP\n)`);\nfor (const sql of [\n  \"ALTER TABLE purchase_intents ADD COLUMN paypal_order_id TEXT\",\n  \"ALTER TABLE purchase_intents ADD COLUMN paypal_mode TEXT\",\n  \"ALTER TABLE purchase_intents ADD COLUMN paid_at TEXT\",\n]) { try { await sqlite.execute(sql); } catch (_) {} }\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS entitlements (\n  id INTEGER PRIMARY KEY AUTOINCREMENT,\n  order_id INTEGER NOT NULL UNIQUE,\n  email TEXT NOT NULL,\n  plan TEXT NOT NULL,\n  access_key TEXT NOT NULL UNIQUE,\n  active INTEGER NOT NULL DEFAULT 1,\n  created_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP,\n  FOREIGN KEY(order_id) REFERENCES purchase_intents(id)\n)`);\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS contact_requests (\n  id INTEGER PRIMARY KEY AUTOINCREMENT,\n  name TEXT NOT NULL,\n  email TEXT NOT NULL,\n  organization TEXT,\n  subject TEXT NOT NULL,\n  message TEXT NOT NULL,\n  status TEXT NOT NULL DEFAULT 'new',\n  created_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP\n)`);\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS analytics_events (\n  id INTEGER PRIMARY KEY AUTOINCREMENT,\n  event_name TEXT NOT NULL,\n  path TEXT NOT NULL,\n  target TEXT,\n  destination TEXT,\n  referrer_host TEXT,\n  utm_source TEXT,\n  utm_medium TEXT,\n  utm_campaign TEXT,\n  utm_content TEXT,\n  session_id TEXT NOT NULL,\n  created_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP\n)`);\nawait sqlite.execute(\"CREATE INDEX IF NOT EXISTS idx_analytics_created_at ON analytics_events(created_at)\");\nawait sqlite.execute(\"CREATE INDEX IF NOT EXISTS idx_analytics_event_name ON analytics_events(event_name)\");\nawait sqlite.execute(\"CREATE INDEX IF NOT EXISTS idx_analytics_session_id ON analytics_events(session_id)\");\nfor (const sql of [\n  \"ALTER TABLE entitlements ADD COLUMN expires_at TEXT\",\n]) { try { await sqlite.execute(sql); } catch (_) {} }\n\nfunction planRank(plan:string){return ({\"Impact Pro\":1,\"Property Intelligence\":2,\"Forge Pro\":3,\"Enterprise\":4} as Record<string,number>)[plan]||0}\nasync function entitlementFromRequest(req:Request){\n  const key=req.headers.get(\"X-Forge-Access\")||\"\";\n  if(!key) return null;\n  const r=await sqlite.execute({sql:\"SELECT plan,active,expires_at,created_at FROM entitlements WHERE access_key=?\",args:[key]});\n  const row:any=r.rows[0];\n  if(!row||!row.active) return null;\n  if(row.expires_at && new Date(String(row.expires_at)).getTime()<Date.now()) return null;\n  return {plan:String(row.plan),rank:planRank(String(row.plan)),expires_at:row.expires_at,created_at:row.created_at};\n}\n\nfunction clamp(n: unknown) {\n  const v = Number(n);\n  return Number.isFinite(v) ? Math.max(1, Math.min(10, Math.round(v))) : 1;\n}\n\nfunction scoreIdea(body: any) {\n  const pain = clamp(body.pain), buyer = clamp(body.buyer), speed = clamp(body.speed);\n  const recurring = clamp(body.recurring), distribution = clamp(body.distribution), defensibility = clamp(body.defensibility);\n  const score = Math.round((pain*22 + buyer*20 + speed*14 + recurring*18 + distribution*14 + defensibility*12) / 10);\n  const verdict = score >= 80 ? \"BUILD NOW\" : score >= 65 ? \"VALIDATE FAST\" : score >= 50 ? \"TEST CHEAPLY\" : \"PASS\";\n  return { pain, buyer, speed, recurring, distribution, defensibility, score, verdict };\n}\n\nfunction requiredText(value: unknown, field: string) {\n  const s = String(value ?? \"\").trim();\n  if (!s) throw new Error(`${field} is required`);\n  return s.slice(0, 2000);\n}\n\nfunction slugify(name: string, id: number) {\n  const base = name.toLowerCase().replace(/[^a-z0-9]+/g, \"-\").replace(/^-|-$/g, \"\").slice(0, 32) || \"app\";\n  return `tshc-${base}-${id}`.slice(0, 48);\n}\n\nfunction generatedAppSource(idea: any) {\n  const data = JSON.stringify({\n    name: idea.name,\n    customer: idea.customer,\n    problem: idea.problem,\n    priceModel: idea.price_model,\n    acquisition: idea.acquisition,\n    sdgGoals: (()=>{try{return JSON.parse(idea.sdg_goals||'[]')}catch{return []}})(),\n    score: idea.score,\n    verdict: idea.verdict,\n  });\n  return `import { Hono } from \"npm:hono\";\nconst app = new Hono();\nconst product = ${data};\napp.get(\"/api/info\", (c) => c.json({ ok: true, product }));\napp.get(\"/health\", (c) => c.json({ ok: true, app: product.name }));\napp.get(\"/\", (c) => c.html(\\`<!doctype html><html><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"><title>\\${product.name}</title><script src=\"https://cdn.twind.style\" crossorigin></script></head><body class=\"m-0 bg-stone-50 text-emerald-950\"><main class=\"mx-auto max-w-4xl px-6 py-16\"><div class=\"inline-flex rounded-full bg-amber-100 px-3 py-1 text-xs font-black text-amber-800\">TSHC APP FOUNDRY MVP</div><h1 class=\"mt-6 text-5xl font-black\">\\${product.name}</h1><p class=\"mt-5 text-lg leading-8 text-emerald-800\">\\${product.problem}</p><div class=\"mt-10 grid gap-4 md:grid-cols-2\"><section class=\"rounded-2xl border border-emerald-200 bg-white p-6\"><div class=\"text-xs font-black tracking-widest text-amber-600\">TARGET CUSTOMER</div><p class=\"mt-2 font-semibold\">\\${product.customer}</p></section><section class=\"rounded-2xl border border-emerald-200 bg-white p-6\"><div class=\"text-xs font-black tracking-widest text-amber-600\">MONETIZATION</div><p class=\"mt-2 font-semibold\">\\${product.priceModel}</p></section><section class=\"rounded-2xl border border-emerald-200 bg-white p-6\"><div class=\"text-xs font-black tracking-widest text-amber-600\">ACQUISITION</div><p class=\"mt-2 font-semibold\">\\${product.acquisition}</p></section><section class=\"rounded-2xl bg-emerald-950 p-6 text-white\"><div class=\"text-xs font-black tracking-widest text-emerald-300\">COMMERCIAL SCORE</div><div class=\"mt-2 text-4xl font-black text-amber-400\">\\${product.score}/100</div><div class=\"mt-2 font-bold\">\\${product.verdict}</div></section></div><p class=\"mt-10 text-sm text-emerald-600\">Generated and deployed by TSHC App Foundry.</p></main></body></html>\\`));\napp.onError((err) => Promise.reject(err));\nexport default app.fetch;`;\n}\n\napp.get(\"/\", (c) => c.html(Root()));\nfor (const path of [\"/apps\",\"/build\",\"/tools\",\"/pricing\",\"/partners\",\"/account\",\"/admin-orders\",\"/resources\",\"/about\",\"/contact\",\"/privacy\",\"/terms\",\"/refunds\",\"/data-explorer\",\"/property-scanner\",\"/business-toolkit\"]) {\n  app.get(path, (c) => c.html(Root()));\n}\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\napp.get(\"/assets/forge-home.webp\", async () => {\n  const asset = await blob.get(\"assets/forge-home.webp\");\n  return new Response(asset.body, { headers: { \"Content-Type\": \"image/webp\", \"Cache-Control\": \"public, max-age=86400\" } });\n});\napp.get(\"/robots.txt\", (c) => c.text(`User-agent: GPTBot\\nDisallow: /\\nUser-agent: Google-Extended\\nDisallow: /\\nUser-agent: ClaudeBot\\nDisallow: /\\nUser-agent: CCBot\\nDisallow: /\\nUser-agent: Bytespider\\nDisallow: /\\nUser-agent: Applebot-Extended\\nDisallow: /\\nUser-agent: *\\nAllow: /\\n`));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\napp.get(\"/api/health\", (c) => c.json({ ok: true, service: \"TSHC Sovereign Forge\", version: 3, sdgFirst: true, paymentGateway: true, entitlementGate: true, deployBridge: true }));\n\napp.get(\"/api/session\", async (c) => {\n  const session = await getOAuthUserData(c.req.raw);\n  return c.json({ ok: true, authenticated: !!session?.user, user: session?.user ? { username: session.user.username, type: session.user.type } : null });\n});\n\napp.get(\"/api/ideas\", async (c) => {\n  const session = await getOAuthUserData(c.req.raw);\n  if (!session?.user || session.user.username !== \"trinlahsovereignholdingscompl\") return c.json({ ok:false, error:\"Owner access required\" }, 401);\n  const result = await sqlite.execute(\"SELECT * FROM app_ideas ORDER BY id DESC LIMIT 50\");\n  return c.json({ ok: true, ideas: result.rows });\n});\n\napp.post(\"/api/ideas\", async (c) => {\n  try {\n    const body = await c.req.json();\n    const requesterName = requiredText(body.requester_name, \"Your name\").slice(0,120);\n    const requesterEmail = requiredText(body.requester_email, \"Your email\").slice(0,200);\n    if (!/^\\S+@\\S+\\.\\S+$/.test(requesterEmail)) return c.json({ok:false,error:\"Valid email required\"},400);\n    const name = requiredText(body.name, \"App name\");\n    const customer = requiredText(body.customer, \"Customer\");\n    const problem = requiredText(body.problem, \"Problem\");\n    const priceModel = requiredText(body.price_model, \"Price model\");\n    const acquisition = requiredText(body.acquisition, \"Acquisition route\");\n    const sdgGoals = Array.isArray(body.sdg_goals) ? [...new Set(body.sdg_goals.map((x:any)=>Number(x)).filter((x:number)=>Number.isInteger(x)&&x>=1&&x<=17))].sort((a:number,b:number)=>a-b) : [];\n    const s = scoreIdea(body);\n    const result = await sqlite.execute({\n      sql: `INSERT INTO app_ideas (requester_name, requester_email, sdg_goals, name, customer, problem, price_model, acquisition, pain, buyer, speed, recurring, distribution, defensibility, score, verdict, status)\n            VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, 'queued')`,\n      args: [requesterName, requesterEmail, JSON.stringify(sdgGoals), name, customer, problem, priceModel, acquisition, s.pain, s.buyer, s.speed, s.recurring, s.distribution, s.defensibility, s.score, s.verdict],\n    });\n    const row = await sqlite.execute({ sql: \"SELECT * FROM app_ideas WHERE id = ?\", args: [Number(result.lastInsertRowid)] });\n    return c.json({ ok: true, idea: row.rows[0] }, 201);\n  } catch (err) {\n    return c.json({ ok: false, error: err instanceof Error ? err.message : \"Invalid request\" }, 400);\n  }\n});\n\napp.patch(\"/api/ideas/:id/status\", async (c) => {\n  const session = await getOAuthUserData(c.req.raw);\n  if (!session?.user || session.user.username !== \"trinlahsovereignholdingscompl\") return c.json({ ok:false, error:\"Owner access required\" }, 401);\n  const id = Number(c.req.param(\"id\"));\n  const body = await c.req.json();\n  const allowed = new Set([\"queued\", \"validating\", \"building\", \"testing\", \"live\", \"paused\", \"rejected\"]);\n  const status = String(body.status ?? \"\");\n  if (!Number.isInteger(id) || !allowed.has(status)) return c.json({ ok: false, error: \"Invalid id or status\" }, 400);\n  await sqlite.execute({ sql: \"UPDATE app_ideas SET status = ? WHERE id = ?\", args: [status, id] });\n  const row = await sqlite.execute({ sql: \"SELECT * FROM app_ideas WHERE id = ?\", args: [id] });\n  if (!row.rows[0]) return c.json({ ok: false, error: \"Not found\" }, 404);\n  return c.json({ ok: true, idea: row.rows[0] });\n});\n\napp.get(\"/api/ideas/:id/brief\", async (c) => {\n  const session = await getOAuthUserData(c.req.raw);\n  if (!session?.user || session.user.username !== \"trinlahsovereignholdingscompl\") return c.json({ ok:false, error:\"Owner access required\" }, 401);\n  const id = Number(c.req.param(\"id\"));\n  const row = await sqlite.execute({ sql: \"SELECT * FROM app_ideas WHERE id = ?\", args: [id] });\n  const idea: any = row.rows[0];\n  if (!idea) return c.json({ ok: false, error: \"Not found\" }, 404);\n  const brief = {\n    product: idea.name,\n    target_customer: idea.customer,\n    problem: idea.problem,\n    monetization: idea.price_model,\n    acquisition: idea.acquisition,\n    sdg_goals: (()=>{try{return JSON.parse(idea.sdg_goals||'[]')}catch{return []}})(),\n    commercial_score: idea.score,\n    verdict: idea.verdict,\n    mvp: [\"Single clear core workflow\", \"Persistent data model\", \"Mobile-friendly UI\", \"Analytics-ready events\", \"Production health endpoint\"],\n    launch_gate: idea.score >= 65 ? \"Proceed to validation/build\" : \"Run demand test before build\",\n  };\n  return c.json({ ok: true, brief });\n});\n\napp.post(\"/api/ideas/:id/deploy\", async (c) => {\n  const session = await getOAuthUserData(c.req.raw);\n  if (!session?.user || !session.accessToken || session.user.username !== \"trinlahsovereignholdingscompl\") return c.json({ ok: false, error: \"Owner sign-in required\", login: \"/auth/login\" }, 401);\n  const id = Number(c.req.param(\"id\"));\n  const row = await sqlite.execute({ sql: \"SELECT * FROM app_ideas WHERE id = ?\", args: [id] });\n  const idea: any = row.rows[0];\n  if (!idea) return c.json({ ok: false, error: \"Not found\" }, 404);\n  if (idea.deployment_url) return c.json({ ok: true, idea, reused: true });\n\n  const client = new ValTown({ bearerToken: session.accessToken });\n  let createdVal: any = null;\n  try {\n    const name = slugify(idea.name, idea.id);\n    createdVal = await client.vals.create({ name, privacy: \"public\", description: `MVP generated by TSHC App Foundry: ${idea.name}`.slice(0, 120) });\n    const file = await client.vals.files.create(createdVal.id, { path: \"main.ts\", type: \"http\", content: generatedAppSource(idea) });\n    const endpoint = file.links.endpoint;\n    if (!endpoint) throw new Error(\"Val Town did not return a deployed endpoint\");\n    await sqlite.execute({ sql: \"UPDATE app_ideas SET status = 'live', deployment_url = ?, deployment_val_id = ?, deployed_at = CURRENT_TIMESTAMP WHERE id = ?\", args: [endpoint, createdVal.id, id] });\n    const updated = await sqlite.execute({ sql: \"SELECT * FROM app_ideas WHERE id = ?\", args: [id] });\n    return c.json({ ok: true, idea: updated.rows[0], deployment_url: endpoint }, 201);\n  } catch (err) {\n    if (createdVal?.id) { try { await client.vals.delete(createdVal.id); } catch (_) {} }\n    return c.json({ ok: false, error: err instanceof Error ? err.message : \"Deployment failed\" }, 500);\n  }\n});\n\nconst FREE_SDG_COUNTRIES = new Set([\"USA\",\"CAN\",\"GBR\",\"NGA\",\"FRA\",\"ARE\"]);\n\napp.get(\"/api/countries\", async (c) => {\n  const ent = await entitlementFromRequest(c.req.raw);\n  const session = await getOAuthUserData(c.req.raw);\n  const owner = session?.user?.username === \"trinlahsovereignholdingscompl\";\n  if (!owner && (!ent || ent.rank < 1)) return c.json({ok:false,error:\"Impact Pro or higher is required for the full country directory\"},401);\n  try {\n    const r = await fetch(\"https://api.worldbank.org/v2/country?format=json&per_page=400\");\n    const j:any = await r.json();\n    const countries = (Array.isArray(j?.[1]) ? j[1] : [])\n      .filter((x:any)=>x?.region?.value && x.region.value !== \"Aggregates\" && x.id)\n      .map((x:any)=>({code:String(x.id),name:String(x.name),region:String(x.region?.value||\"\"),incomeLevel:String(x.incomeLevel?.value||\"\")}))\n      .sort((a:any,b:any)=>a.name.localeCompare(b.name));\n    return c.json({ok:true,count:countries.length,countries,source:\"World Bank country directory\"});\n  } catch (_) {\n    return c.json({ok:false,error:\"Country directory is temporarily unavailable\"},502);\n  }\n});\n\napp.get(\"/api/sdg/:country\", async (c) => {\n  c.header(\"Cache-Control\",\"no-store, no-cache, must-revalidate\");\n  c.header(\"Pragma\",\"no-cache\");\n  const country = (c.req.param(\"country\") || \"USA\").toUpperCase();\n  if (!FREE_SDG_COUNTRIES.has(country)) {\n    const ent = await entitlementFromRequest(c.req.raw);\n    const session = await getOAuthUserData(c.req.raw);\n    const owner = session?.user?.username === \"trinlahsovereignholdingscompl\";\n    if (!owner && (!ent || ent.rank < 1)) return c.json({ok:false,error:\"Free access is limited to USA, Canada, United Kingdom, Nigeria, France and United Arab Emirates. Impact Pro unlocks the full country directory.\"},403);\n  }\n  const goals:any[] = [\n    {goal:1,name:\"No Poverty\",candidates:[[\"SI.POV.NAHC\",\"Poverty headcount at national poverty lines\",\"%\"],[\"SI.POV.GINI\",\"Income inequality (poverty-risk proxy)\",\"Gini\"]]},\n    {goal:2,name:\"Zero Hunger\",candidates:[[\"SN.ITK.DEFC.ZS\",\"Prevalence of undernourishment\",\"%\"],[\"SH.STA.STNT.ZS\",\"Child stunting\",\"%\"]]},\n    {goal:3,name:\"Good Health & Well-being\",candidates:[[\"SP.DYN.LE00.IN\",\"Life expectancy\",\"years\"],[\"SH.XPD.CHEX.GD.ZS\",\"Current health expenditure\",\"% GDP\"]]},\n    {goal:4,name:\"Quality Education\",candidates:[[\"SE.TER.ENRR\",\"Tertiary school enrollment\",\"% gross\"],[\"SE.PRM.CMPT.ZS\",\"Primary completion rate\",\"%\"]]},\n    {goal:5,name:\"Gender Equality\",candidates:[[\"SL.TLF.CACT.FE.ZS\",\"Female labor force participation\",\"%\"],[\"SG.GEN.PARL.ZS\",\"Women in national parliaments\",\"% seats\"]]},\n    {goal:6,name:\"Clean Water & Sanitation\",candidates:[[\"SH.H2O.SMDW.ZS\",\"Safely managed drinking water\",\"% population\"],[\"SH.STA.SMSS.ZS\",\"Safely managed sanitation\",\"% population\"]]},\n    {goal:7,name:\"Affordable & Clean Energy\",candidates:[[\"EG.ELC.ACCS.ZS\",\"Access to electricity\",\"% population\"],[\"EG.FEC.RNEW.ZS\",\"Renewable energy consumption\",\"% final energy\"]]},\n    {goal:8,name:\"Decent Work & Economic Growth\",candidates:[[\"NY.GDP.PCAP.KD.ZG\",\"GDP per capita growth\",\"% annual\"],[\"SL.UEM.TOTL.ZS\",\"Unemployment\",\"% labor force\"]]},\n    {goal:9,name:\"Industry, Innovation & Infrastructure\",candidates:[[\"IT.NET.USER.ZS\",\"Individuals using the internet\",\"% population\"],[\"NV.IND.MANF.ZS\",\"Manufacturing value added\",\"% GDP\"]]},\n    {goal:10,name:\"Reduced Inequalities\",candidates:[[\"SI.POV.GINI\",\"Gini index\",\"index\"],[\"SI.DST.FRST.20\",\"Income share held by lowest 20%\",\"% income\"]]},\n    {goal:11,name:\"Sustainable Cities & Communities\",candidates:[[\"SP.URB.TOTL.IN.ZS\",\"Urban population\",\"% population\"],[\"EN.POP.SLUM.UR.ZS\",\"Urban population living in slums\",\"% urban\"]]},\n    {goal:12,name:\"Responsible Consumption & Production\",candidates:[[\"EN.ATM.PM25.MC.M3\",\"PM2.5 exposure\",\"µg/m³\"],[\"EG.USE.COMM.FO.ZS\",\"Fossil-fuel energy consumption\",\"% energy\"]]},\n    {goal:13,name:\"Climate Action\",candidates:[[\"EN.ATM.CO2E.PC\",\"CO2 emissions per capita\",\"t/person\"],[\"EN.GHG.ALL.PC.CE.AR5\",\"Greenhouse-gas emissions per capita\",\"tCO2e/person\"]]},\n    {goal:14,name:\"Life Below Water\",candidates:[[\"ER.MRN.PTMR.ZS\",\"Marine protected areas\",\"% territorial waters\"],[\"ER.H2O.FWTL.ZS\",\"Annual freshwater withdrawals\",\"% internal resources\"]]},\n    {goal:15,name:\"Life on Land\",candidates:[[\"AG.LND.FRST.ZS\",\"Forest area\",\"% land area\"],[\"ER.LND.PTLD.ZS\",\"Terrestrial protected areas\",\"% land area\"]]},\n    {goal:16,name:\"Peace, Justice & Strong Institutions\",candidates:[[\"VC.IHR.PSRC.P5\",\"Intentional homicides\",\"per 100k\"],[\"GE.EST\",\"Government effectiveness\",\"index\"]]},\n    {goal:17,name:\"Partnerships for the Goals\",candidates:[[\"NE.TRD.GNFS.ZS\",\"Trade and global economic connectedness\",\"% GDP\"],[\"BX.KLT.DINV.WD.GD.ZS\",\"Foreign direct investment inflows\",\"% GDP\"]]},\n  ];\n  async function latest(candidate:any){\n    const [id,label,unit]=candidate;\n    try{\n      const sourceUrl=`https://api.worldbank.org/v2/country/${country}/indicator/${id}?format=json&date=2010:2026&per_page=50`;\n      const r=await fetch(sourceUrl,{cache:\"no-store\",headers:{\"Cache-Control\":\"no-cache\"}});\n      const j:any=await r.json();\n      const row=Array.isArray(j?.[1])?j[1].find((x:any)=>x?.value!==null):null;\n      if(!row) return null;\n      const currentYear=new Date().getUTCFullYear();\n      const observationYear=Number(row.date);\n      const noNewer=Number.isFinite(observationYear) && observationYear < currentYear;\n      const freshnessNote=noNewer ? `Latest available source observation is ${row.date}; no newer observation was returned by the source as of this request.` : `Latest available source observation is ${row.date}.`;\n      return {id,label,unit,value:Number(row.value),year:String(row.date),source:row?.indicator?.value||label,sourceUrl,freshnessNote,noNewer};\n    }catch(_){return null}\n  }\n  const indicators=await Promise.all(goals.map(async g=>{\n    const results=await Promise.all(g.candidates.map((x:any)=>latest(x)));\n    const picked=results.find(Boolean);\n    return {goal:`SDG ${g.goal}`,goalNumber:g.goal,goalName:g.name,id:picked?.id||g.candidates[0][0],label:picked?.label||g.candidates[0][1],unit:picked?.unit||g.candidates[0][2],value:picked?.value??null,year:picked?.year??null,dataSource:picked?.source||null,sourceUrl:picked?.sourceUrl||null,freshnessNote:picked?.freshnessNote||\"No published observation was returned by the source for the configured indicator set.\",noNewer:picked?.noNewer??true};\n  }));\n  const available=indicators.filter(x=>x.value!==null).length;\n  return c.json({ok:true,country,source:\"World Bank API\",retrievedAt:new Date().toISOString(),available,total:17,coverage:Math.round(available/17*100),freeCountries:[\"USA\",\"CAN\",\"GBR\",\"NGA\",\"FRA\",\"ARE\"],indicators,methodology:\"Forge requests the latest available public World Bank observations at query time and selects a relevant signal for each SDG. When a newer observation is not available, the displayed source year is explicitly identified. These are decision-support signals, not official UN SDG scores.\"});\n});\n\nconst stateFips:Record<string,string>={AL:'01',AK:'02',AZ:'04',AR:'05',CA:'06',CO:'08',CT:'09',DE:'10',DC:'11',FL:'12',GA:'13',HI:'15',ID:'16',IL:'17',IN:'18',IA:'19',KS:'20',KY:'21',LA:'22',ME:'23',MD:'24',MA:'25',MI:'26',MN:'27',MS:'28',MO:'29',MT:'30',NE:'31',NV:'32',NH:'33',NJ:'34',NM:'35',NY:'36',NC:'37',ND:'38',OH:'39',OK:'40',OR:'41',PA:'42',RI:'44',SC:'45',SD:'46',TN:'47',TX:'48',UT:'49',VT:'50',VA:'51',WA:'53',WV:'54',WI:'55',WY:'56'};\nfunction n(v:any){const x=Number(v);return Number.isFinite(x)?x:0}\nfunction cap(v:number){return Math.max(0,Math.min(100,Math.round(v)))}\napp.get(\"/api/property-sources\", async (c) => {\n  const country = String(c.req.query(\"country\") || \"USA\").toUpperCase();\n  const state = String(c.req.query(\"state\") ?? ((country === 'USA' || country === 'US') ? \"VA\" : \"\")).toUpperCase();\n  const county = String(c.req.query(\"county\") || \"\").trim();\n  const q = country === 'USA' || country === 'US' ? (county ? `${county} County ${state}` : state) : (county ? `${county}, ${country}` : country);\n  const enc = encodeURIComponent(q);\n  if(country !== 'USA' && country !== 'US'){\n    const sources=[\n      {type:'Global',name:'Government Property / Surplus Search',url:`https://www.google.com/search?q=${enc}+government+surplus+property+auction`},\n      {type:'Global',name:'Tax / Distressed Property Search',url:`https://www.google.com/search?q=${enc}+tax+delinquent+distressed+property+auction`},\n      {type:'Global',name:'Bank / Receiver Property Search',url:`https://www.google.com/search?q=${enc}+bank+owned+receiver+property+sale`},\n      {type:'Global',name:'Land / Development Authority Search',url:`https://www.google.com/search?q=${enc}+land+authority+property+sale`},\n    ];\n    const ids=[['SI.POV.GINI',10,'Reduced Inequalities','Gini index'],['NY.GDP.PCAP.KD.ZG',8,'Decent Work & Economic Growth','GDP per capita growth %'],['EG.ELC.ACCS.ZS',7,'Affordable & Clean Energy','Electricity access %'],['SP.DYN.LE00.IN',3,'Good Health & Well-being','Life expectancy'],['SE.PRM.CMPT.ZS',4,'Quality Education','Primary completion %']];\n    const metrics=(await Promise.all(ids.map(async ([id,goal,label,unit])=>{try{const r=await fetch(`https://api.worldbank.org/v2/country/${country}/indicator/${id}?format=json&per_page=8`);const j:any=await r.json();const row=Array.isArray(j?.[1])?j[1].find((x:any)=>x?.value!==null):null;return row?{goal,label,value:row.value,unit,score:null,year:row.date}:null}catch(_){return null}}))).filter(Boolean);\n    return c.json({ok:true,country,state,county,sources,sdg:{available:metrics.length>0,area:q,source:'World Bank API',metrics,overall:null,note:'International scans use public country indicators as context. No official UN or property valuation score is implied.'},note:'Global property discovery uses public search routes because auction and distressed-property systems vary by country and jurisdiction.'});\n  }\n  const sources = [\n    { type: \"Federal\", name: \"GSA Real Property Disposal\", url: \"https://disposal.gsa.gov/s/\" },\n    { type: \"Federal\", name: \"HUD Home Store\", url: \"https://www.hudhomestore.gov/\" },\n    { type: \"Federal\", name: \"USDA Rural Development Properties\", url: \"https://properties.sc.egov.usda.gov/resales/public/home\" },\n    { type: \"Federal\", name: \"Treasury Real Property Auctions\", url: \"https://www.treasury.gov/auctions/treasury/rp/\" },\n    { type: \"Local\", name: \"Tax Sale / Delinquent Tax Search\", url: `https://www.google.com/search?q=${enc}+tax+sale+delinquent+property` },\n    { type: \"Local\", name: \"Land Bank Search\", url: `https://www.google.com/search?q=${enc}+land+bank+properties` },\n    { type: \"Local\", name: \"Sheriff / Foreclosure Sale Search\", url: `https://www.google.com/search?q=${enc}+sheriff+foreclosure+sale+property` },\n    { type: \"Local\", name: \"County Surplus Property Search\", url: `https://www.google.com/search?q=${enc}+county+surplus+real+estate` },\n  ];\n  let sdg:any={available:false,area:q,source:'U.S. Census ACS 5-year',metrics:[],overall:null};\n  try{\n    const sf=stateFips[state];\n    if(sf){\n      let countyFips='';\n      if(county){\n        const csv=await (await fetch('https://raw.githubusercontent.com/kjhealy/fips-codes/master/state_and_county_fips_master.csv')).text();\n        const lines=csv.split(/\\r?\\n/).slice(1);\n        const hit=lines.find(line=>{const parts=line.split(',');const fips=String(parts[0]||'').replaceAll('\"','').padStart(5,'0');const name=String(parts[1]||'').replaceAll('\"','').toLowerCase();const st=String(parts[2]||'').replaceAll('\"','').trim().toUpperCase();return st===state&&fips.startsWith(sf)&&name.includes(county.toLowerCase())});\n        if(hit) countyFips=String(hit.split(',')[0]||'').replaceAll('\"','').padStart(5,'0').slice(2);\n      }\n      const geoid=countyFips?`05000US${sf}${countyFips}`:`04000US${sf}`;\n      const cr:any=await (await fetch(`https://api.censusreporter.org/1.0/data/show/latest?table_ids=B17001,B19013,B19083,B23025,B25003,B15003&geo_ids=${geoid}`)).json();\n      const d=cr?.data?.[geoid];\n      if(d){\n        const e=(table:string,key:string)=>n(d?.[table]?.estimate?.[key]);\n        const poverty=e('B17001','B17001002')/Math.max(1,e('B17001','B17001001'))*100;\n        const unemployment=e('B23025','B23025005')/Math.max(1,e('B23025','B23025003'))*100;\n        const ownership=e('B25003','B25003002')/Math.max(1,e('B25003','B25003001'))*100;\n        const degree=(e('B15003','B15003022')+e('B15003','B15003023')+e('B15003','B15003024')+e('B15003','B15003025'))/Math.max(1,e('B15003','B15003001'))*100;\n        const gini=e('B19083','B19083001'),income=e('B19013','B19013001');\n        const metrics=[\n          {goal:1,label:'No Poverty',value:poverty,unit:'% below poverty',score:cap(100-poverty*4.5)},\n          {goal:4,label:'Quality Education',value:degree,unit:'% bachelor degree or higher',score:cap(degree*2.4)},\n          {goal:8,label:'Decent Work & Economic Growth',value:unemployment,unit:'% unemployment',score:cap(100-unemployment*7)},\n          {goal:10,label:'Reduced Inequalities',value:gini,unit:'Gini index (0–1)',score:cap((1-gini)*100)},\n          {goal:11,label:'Sustainable Cities & Communities',value:ownership,unit:'% owner-occupied housing',score:cap(ownership*1.2)},\n          {goal:17,label:'Partnerships / Economic Capacity',value:income,unit:'median household income',score:cap(income/1000)},\n        ];\n        sdg={available:true,area:cr?.geography?.[geoid]?.name||q,source:cr?.release?.name||'American Community Survey',metrics,overall:Math.round(metrics.reduce((a:any,m:any)=>a+m.score,0)/metrics.length),note:'Directional local SDG alignment score built from public socioeconomic indicators; it is not an official UN SDG score.'};\n      }\n    }\n  }catch(e){sdg.error='Local SDG data unavailable for this scan.'}\n  return c.json({ ok: true, state, county, sources, sdg, note: \"Property discovery plus local SDG context. Listing-level aggregation varies by jurisdiction and provider access.\" });\n});\n\napp.post(\"/api/purchase-intents\", async (c) => {\n  try {\n    const body = await c.req.json();\n    const name = requiredText(body.name, \"Name\").slice(0, 120);\n    const email = requiredText(body.email, \"Email\").slice(0, 200);\n    if (!/^\\S+@\\S+\\.\\S+$/.test(email)) return c.json({ ok:false, error:\"Valid email required\" }, 400);\n    const catalog:any = {\n      \"Impact Pro\": { amount:79, billing:\"monthly\" },\n      \"Property Intelligence\": { amount:149, billing:\"monthly\" },\n      \"Forge Pro\": { amount:249, billing:\"monthly\" },\n      \"Enterprise\": { amount:999, billing:\"monthly\" },\n      \"SDG Validation Sprint\": { amount:500, billing:\"one-time\" },\n      \"SDG MVP Build Sprint\": { amount:2500, billing:\"one-time\" },\n    };\n    const plan = String(body.plan || \"\");\n    const item = catalog[plan];\n    if (!item) return c.json({ ok:false, error:\"Unknown plan\" }, 400);\n    const r = await sqlite.execute({ sql:\"INSERT INTO purchase_intents (name,email,plan,amount,billing,status) VALUES (?,?,?,?,?,'creating_paypal')\", args:[name,email,plan,item.amount,item.billing] });\n    const orderId = Number(r.lastInsertRowid);\n    const origin = new URL(c.req.url).origin;\n    const gateway = await fetch(\"https://tshc-payments-gateway.floot.app/_api/paypal/create-order\", {\n      method:\"POST\",\n      headers:{\"Content-Type\":\"application/json\"},\n      body:JSON.stringify({ plan, forgeOrderId:orderId, returnUrl:`${origin}/pricing?paypal=return`, cancelUrl:`${origin}/pricing?paypal=cancel` }),\n    });\n    const payment:any = await gateway.json();\n    if (!gateway.ok || !payment.ok) {\n      await sqlite.execute({ sql:\"UPDATE purchase_intents SET status='payment_error' WHERE id=?\", args:[orderId] });\n      return c.json({ ok:false, error:payment.error || \"Unable to create PayPal checkout\" }, 502);\n    }\n    await sqlite.execute({ sql:\"UPDATE purchase_intents SET status='pending_paypal', paypal_order_id=?, paypal_mode=? WHERE id=?\", args:[payment.orderId,payment.mode,orderId] });\n    return c.json({ ok:true, order_id:orderId, plan, amount:item.amount, billing:item.billing, status:\"pending_paypal\", paypal_order_id:payment.orderId, approval_url:payment.approvalUrl, paypal_mode:payment.mode }, 201);\n  } catch (err) { return c.json({ ok:false, error:err instanceof Error?err.message:\"Invalid request\" }, 400); }\n});\n\napp.post(\"/api/paypal/capture\", async (c) => {\n  try {\n    const body = await c.req.json();\n    const paypalOrderId = requiredText(body.orderId, \"PayPal order ID\").slice(0, 120);\n    const gateway = await fetch(\"https://tshc-payments-gateway.floot.app/_api/paypal/capture-order\", {\n      method:\"POST\",\n      headers:{\"Content-Type\":\"application/json\"},\n      body:JSON.stringify({ orderId:paypalOrderId }),\n    });\n    const paid:any = await gateway.json();\n    if (!gateway.ok || !paid.ok || paid.status !== \"COMPLETED\") return c.json({ ok:false, error:paid.error || \"Payment was not completed\" }, 402);\n    const order = await sqlite.execute({ sql:\"SELECT * FROM purchase_intents WHERE id=? AND paypal_order_id=?\", args:[paid.forgeOrderId,paypalOrderId] });\n    const row:any = order.rows[0];\n    if (!row) return c.json({ ok:false, error:\"Forge order does not match PayPal order\" }, 409);\n    if (row.plan !== paid.plan || Number(row.amount).toFixed(2) !== Number(paid.amount).toFixed(2)) return c.json({ ok:false, error:\"Payment verification mismatch\" }, 409);\n    let ent = await sqlite.execute({ sql:\"SELECT * FROM entitlements WHERE order_id=?\", args:[row.id] });\n    if (!ent.rows[0]) {\n      const accessKey = crypto.randomUUID().replaceAll(\"-\",\"\") + crypto.randomUUID().replaceAll(\"-\",\"\");\n      const expiresAt = row.billing === 'monthly' ? new Date(Date.now()+30*24*60*60*1000).toISOString() : null;\n      await sqlite.execute({ sql:\"INSERT INTO entitlements (order_id,email,plan,access_key,expires_at) VALUES (?,?,?,?,?)\", args:[row.id,row.email,row.plan,accessKey,expiresAt] });\n      await sqlite.execute({ sql:\"UPDATE purchase_intents SET status='paid_active', paid_at=CURRENT_TIMESTAMP WHERE id=?\", args:[row.id] });\n      ent = await sqlite.execute({ sql:\"SELECT * FROM entitlements WHERE order_id=?\", args:[row.id] });\n    }\n    const entitlement:any = ent.rows[0];\n    return c.json({ ok:true, status:\"paid_active\", order_id:row.id, plan:row.plan, access_key:entitlement.access_key });\n  } catch (err) { return c.json({ ok:false, error:err instanceof Error?err.message:\"Payment capture failed\" }, 400); }\n});\n\napp.get(\"/api/purchase-intents\", async (c) => {\n  const session = await getOAuthUserData(c.req.raw);\n  if (!session?.user || session.user.username !== \"trinlahsovereignholdingscompl\") return c.json({ ok:false, error:\"Owner sign in required\" }, 401);\n  const r = await sqlite.execute(\"SELECT * FROM purchase_intents ORDER BY id DESC LIMIT 100\");\n  return c.json({ ok:true, orders:r.rows });\n});\n\napp.post(\"/api/purchase-intents/:id/activate\", async (c) => {\n  const session = await getOAuthUserData(c.req.raw);\n  if (!session?.user || session.user.username !== \"trinlahsovereignholdingscompl\") return c.json({ ok:false, error:\"Owner sign in required\" }, 401);\n  const id = Number(c.req.param(\"id\"));\n  const order = await sqlite.execute({ sql:\"SELECT * FROM purchase_intents WHERE id = ?\", args:[id] });\n  const row:any = order.rows[0];\n  if (!row) return c.json({ ok:false, error:\"Order not found\" }, 404);\n  let ent = await sqlite.execute({ sql:\"SELECT * FROM entitlements WHERE order_id = ?\", args:[id] });\n  if (!ent.rows[0]) {\n    const accessKey = crypto.randomUUID().replaceAll(\"-\",\"\") + crypto.randomUUID().replaceAll(\"-\",\"\");\n    const expiresAt = row.billing === 'monthly' ? new Date(Date.now()+30*24*60*60*1000).toISOString() : null;\n    await sqlite.execute({ sql:\"INSERT INTO entitlements (order_id,email,plan,access_key,expires_at) VALUES (?,?,?,?,?)\", args:[id,row.email,row.plan,accessKey,expiresAt] });\n    await sqlite.execute({ sql:\"UPDATE purchase_intents SET status = 'paid_active' WHERE id = ?\", args:[id] });\n    ent = await sqlite.execute({ sql:\"SELECT * FROM entitlements WHERE order_id = ?\", args:[id] });\n  }\n  return c.json({ ok:true, entitlement:ent.rows[0] });\n});\n\napp.post(\"/api/access/verify\", async (c) => {\n  const body = await c.req.json().catch(()=>({}));\n  const key = String(body.key||\"\").trim();\n  if(!key) return c.json({ok:false,error:\"Access key required\"},400);\n  const r = await sqlite.execute({ sql:\"SELECT plan, active, created_at, expires_at FROM entitlements WHERE access_key = ?\", args:[key] });\n  const row:any = r.rows[0];\n  if (!row || !row.active) return c.json({ ok:false, error:\"Invalid or inactive access key\" }, 404);\n  if(row.expires_at && new Date(String(row.expires_at)).getTime()<Date.now()) return c.json({ok:false,error:\"Access has expired\"},403);\n  return c.json({ ok:true, plan:row.plan, rank:planRank(String(row.plan)), active:true, created_at:row.created_at, expires_at:row.expires_at });\n});\napp.get(\"/api/premium/status\", async (c)=>{\n  const ent=await entitlementFromRequest(c.req.raw);\n  if(!ent) return c.json({ok:false,error:\"Premium access required\"},401);\n  return c.json({ok:true,...ent});\n});\napp.post(\"/api/contact\", async (c) => {\n  try {\n    const body = await c.req.json();\n    const name = requiredText(body.name, \"Name\").slice(0,120);\n    const email = requiredText(body.email, \"Email\").slice(0,200);\n    if (!/^\\S+@\\S+\\.\\S+$/.test(email)) return c.json({ok:false,error:\"Valid email required\"},400);\n    const organization = String(body.organization||\"\").trim().slice(0,160);\n    const subject = requiredText(body.subject, \"Subject\").slice(0,160);\n    const message = requiredText(body.message, \"Message\").slice(0,5000);\n    const r = await sqlite.execute({sql:\"INSERT INTO contact_requests (name,email,organization,subject,message) VALUES (?,?,?,?,?)\",args:[name,email,organization,subject,message]});\n    return c.json({ok:true,id:Number(r.lastInsertRowid),message:\"Request received. TSHC will review it.\"},201);\n  } catch(err) { return c.json({ok:false,error:err instanceof Error?err.message:\"Invalid request\"},400); }\n});\napp.get(\"/api/contact\", async (c) => {\n  const session = await getOAuthUserData(c.req.raw);\n  if (!session?.user || session.user.username !== \"trinlahsovereignholdingscompl\") return c.json({ok:false,error:\"Owner access required\"},401);\n  const r=await sqlite.execute(\"SELECT * FROM contact_requests ORDER BY id DESC LIMIT 100\");\n  return c.json({ok:true,requests:r.rows});\n});\n\napp.post(\"/api/analytics/event\", async (c) => {\n  try {\n    const origin = c.req.header(\"Origin\");\n    const ownOrigin = new URL(c.req.url).origin;\n    if (origin && origin !== ownOrigin) return c.json({ok:false,error:\"Origin rejected\"},403);\n    const body = await c.req.json();\n    const allowed = new Set([\"page_view\",\"click\",\"outbound_click\",\"checkout_click\",\"partner_cta_click\",\"contact_cta_click\",\"build_cta_click\"]);\n    const eventName = String(body.event_name || \"\");\n    if (!allowed.has(eventName)) return c.json({ok:false,error:\"Invalid event\"},400);\n    const clean = (value:unknown,max:number) => String(value || \"\").replace(/[\\r\\n\\t]+/g,\" \").trim().slice(0,max);\n    const path = clean(body.path,200);\n    const sessionId = clean(body.session_id,80);\n    if (!path.startsWith(\"/\") || !/^[a-zA-Z0-9-]{16,80}$/.test(sessionId)) return c.json({ok:false,error:\"Invalid analytics payload\"},400);\n    await sqlite.execute({\n      sql:\"INSERT INTO analytics_events (event_name,path,target,destination,referrer_host,utm_source,utm_medium,utm_campaign,utm_content,session_id) VALUES (?,?,?,?,?,?,?,?,?,?)\",\n      args:[\n        eventName,path,clean(body.target,120),clean(body.destination,240),\n        clean(body.referrer_host,160),clean(body.utm_source,80),clean(body.utm_medium,80),\n        clean(body.utm_campaign,120),clean(body.utm_content,120),sessionId\n      ]\n    });\n    return c.body(null,204);\n  } catch (_) {\n    return c.json({ok:false,error:\"Invalid analytics payload\"},400);\n  }\n});\n\napp.get(\"/api/analytics/summary\", async (c) => {\n  const session = await getOAuthUserData(c.req.raw);\n  if (!session?.user || session.user.username !== \"trinlahsovereignholdingscompl\") return c.json({ok:false,error:\"Owner access required\"},401);\n  const [totals,byEvent,byPath,bySource,byCampaign,daily,purchases,contacts,builds] = await Promise.all([\n    sqlite.execute(`SELECT COUNT(*) AS events,\n      COUNT(DISTINCT session_id) AS sessions,\n      SUM(CASE WHEN event_name='page_view' THEN 1 ELSE 0 END) AS page_views,\n      SUM(CASE WHEN event_name='checkout_click' THEN 1 ELSE 0 END) AS checkout_clicks,\n      SUM(CASE WHEN event_name='partner_cta_click' THEN 1 ELSE 0 END) AS partner_clicks,\n      SUM(CASE WHEN event_name='contact_cta_click' THEN 1 ELSE 0 END) AS contact_clicks,\n      SUM(CASE WHEN event_name='build_cta_click' THEN 1 ELSE 0 END) AS build_clicks\n      FROM analytics_events WHERE created_at >= datetime('now','-30 days') AND COALESCE(utm_source,'') <> 'codex_test'`),\n    sqlite.execute(\"SELECT event_name,COUNT(*) AS count FROM analytics_events WHERE created_at >= datetime('now','-30 days') AND COALESCE(utm_source,'') <> 'codex_test' GROUP BY event_name ORDER BY count DESC\"),\n    sqlite.execute(\"SELECT path,COUNT(*) AS page_views,COUNT(DISTINCT session_id) AS sessions FROM analytics_events WHERE event_name='page_view' AND created_at >= datetime('now','-30 days') AND COALESCE(utm_source,'') <> 'codex_test' GROUP BY path ORDER BY page_views DESC LIMIT 30\"),\n    sqlite.execute(\"SELECT COALESCE(NULLIF(utm_source,''),'direct/unknown') AS source,COUNT(DISTINCT session_id) AS sessions FROM analytics_events WHERE created_at >= datetime('now','-30 days') AND COALESCE(utm_source,'') <> 'codex_test' GROUP BY source ORDER BY sessions DESC LIMIT 30\"),\n    sqlite.execute(\"SELECT COALESCE(NULLIF(utm_campaign,''),'unattributed') AS campaign,COUNT(DISTINCT session_id) AS sessions FROM analytics_events WHERE created_at >= datetime('now','-30 days') AND COALESCE(utm_source,'') <> 'codex_test' GROUP BY campaign ORDER BY sessions DESC LIMIT 30\"),\n    sqlite.execute(\"SELECT date(created_at) AS day,COUNT(DISTINCT session_id) AS sessions,SUM(CASE WHEN event_name='page_view' THEN 1 ELSE 0 END) AS page_views FROM analytics_events WHERE created_at >= datetime('now','-30 days') AND COALESCE(utm_source,'') <> 'codex_test' GROUP BY day ORDER BY day\"),\n    sqlite.execute(\"SELECT COUNT(*) AS intents,SUM(CASE WHEN status='paid_active' THEN 1 ELSE 0 END) AS paid_orders,COALESCE(SUM(CASE WHEN status='paid_active' THEN amount ELSE 0 END),0) AS verified_revenue FROM purchase_intents WHERE created_at >= datetime('now','-30 days')\"),\n    sqlite.execute(\"SELECT COUNT(*) AS contact_requests FROM contact_requests WHERE created_at >= datetime('now','-30 days')\"),\n    sqlite.execute(\"SELECT COUNT(*) AS build_requests FROM app_ideas WHERE created_at >= datetime('now','-30 days')\")\n  ]);\n  return c.json({\n    ok:true,window_days:30,privacy:\"Anonymous session-level analytics; no IP address, user agent or form content stored.\",\n    totals:totals.rows[0],by_event:byEvent.rows,by_path:byPath.rows,by_source:bySource.rows,\n    by_campaign:byCampaign.rows,daily:daily.rows,\n    conversions:{...(purchases.rows[0] as any),...(contacts.rows[0] as any),...(builds.rows[0] as any)}\n  });\n});\n\napp.onError((err) => Promise.reject(err));\nexport default oauthMiddleware(app.fetch);","label",[137],"471b5774-b9e9-4c92-80c4-9ae35b7ed57b","README.md","01a0931d-4f94-72bb-aad6-541ee31b495b",42,["D",1789177879936],1,"# TSHC Sovereign Forge\n\nMonetization-first digital product platform for TSHC.\n\n## PayPal checkout integration\n\nThe production checkout routes are designed to use PayPal Orders v2 server-side. Add these encrypted environment variables before enabling live checkout:\n\n- `PAYPAL_CLIENT_ID`\n- `PAYPAL_CLIENT_SECRET`\n- `PAYPAL_MODE` = `sandbox` or `live` (defaults to `sandbox` until explicitly changed)\n\nThe app should never expose the client secret to the browser. Order creation and capture must remain server-side. If credentials are not present, the Forge falls back to the existing invoice/order-intake flow rather than pretending checkout succeeded.\n\n## Revenue flow\n\nPricing -> order intake -> PayPal checkout or invoice -> payment confirmation -> entitlement activation -> member access.\n\n## Owner controls\n\nOwner-only paid-order activation remains available for invoice/manual-payment workflows. Automatic entitlement activation should occur only after a verified PayPal capture.\n",[148],"e0643d78-2ef4-49ea-9f86-375bb21412e4","CHANGELOG.md","01a0931d-4f94-72bb-aad6-519736a08e1a",["D",1789174566710],"# Changelog\n\n## 2026-07-30 — Immutable asset caching\n\nFrontend files are now served at version-addressed URLs\n(`/__immutable/45/frontend/index.tsx`) with\n`Cache-Control: public, max-age=31536000, immutable`, so repeat visits load the\nwhole client graph from the browser cache — roughly 3× faster (~665ms → ~157ms\nmeasured). Publishing your val bumps its version, which changes every URL, so\ncaches invalidate automatically. Old-version URLs return 404 after a publish\n(like Next.js build assets); a reload picks up the new version.\n\nWhat changed in the template:\n\n- `frontend/index.html` → [`frontend/root.tsx`](/frontend/root.tsx): the HTML\n  shell is now JSX and stamps asset URLs with `immutableFileUrl()`\n- [`index.ts`](/index.ts): serves `Root()` at `/`, and one\n  `app.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path))` route\n  serves all frontend files\n\n### Upgrading an existing remix\n\nYour copy of this template doesn't update automatically. Two options:\n\n**Minimal (most of the benefit):** point both routes at `serveImmutableFile` —\nyour existing bare URLs redirect into versioned space, the new route serves\nthem, and the whole module graph gets cached (costs one redirect per page view):\n\n```ts\nimport { serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\n\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\napp.get(\"/frontend/**/*\", (c) => serveImmutableFile(c.req.path)); // was serveFile\n```\n\n**Full upgrade (also removes the redirect):** three self-contained steps —\nno other files needed. Adjust the `<title>`, favicon, and body of `Root()` to\nmatch your app's existing `index.html`, and stamp anything else your shell\nreferences directly (images, css) with `immutableFileUrl()`.\n\n1. Create `frontend/root.tsx`:\n\n```tsx\n/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\n// The HTML shell for the app. It is never cached, so immutableFileUrl can stamp\n// the current val version into each asset URL — the browser caches those\n// immutably, and publishing the val changes the URLs, refetching exactly once.\nexport function Root() {\n  return (\n    <>\n      {raw(\"<!DOCTYPE html>\")}\n      <html lang=\"en\">\n        <head>\n          <meta charSet=\"UTF-8\" />\n          <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n          <title>React Hono Val Town Starter</title>\n          <script src=\"https://cdn.twind.style\" crossOrigin=\"\" />\n          <link rel=\"icon\" href={immutableFileUrl(\"/frontend/favicon.svg\")} type=\"image/svg+xml\" />\n        </head>\n        <body className=\"font-sans text-gray-800 p-6\">\n          <main>\n            <div id=\"root\" />\n          </main>\n          <script src=\"https://esm.town/v/std/catch\" />\n          <script src={immutableFileUrl(\"/frontend/index.tsx\")} type=\"module\" />\n        </body>\n      </html>\n    </>\n  );\n}\n```\n\n2. In your Hono entrypoint, import `Root` and `serveImmutableFile`, and replace\n   your `/` and frontend file routes with:\n\n```ts\nimport { serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Root } from \"./frontend/root.tsx\";\n\n// Serve the (never-cached) HTML shell at the root /\napp.get(\"/\", (c) => c.html(Root()));\n\n// Serve frontend files at the version-addressed URLs Root() stamps, cached immutably\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\n```\n\n3. Delete `frontend/index.html` (and any now-unused `serveFile` import).\n",[156],"db25cc86-53e8-4d1b-b5e2-c7115d49c416","frontend","01a0931d-4f94-72bb-aad6-4e2de1d0c118",["D",1789174566710],"directory",[162],"pulls","branches",2,"forks","envVars",{"_175":152,"_177":64},"connections",{"_175":64,"_176":64},"count","unfilledCount","emptyCount",{"_44":161,"_32":162,"_30":163,"_138":-5,"_42":43,"_41":152,"_140":60,"_39":248,"_13":64,"_34":165,"_36":-5,"_24":25,"_145":-5,"_190":249,"_27":250},{"_44":244,"_32":238,"_30":233,"_138":163,"_42":43,"_41":152,"_140":60,"_39":245,"_13":64,"_34":165,"_36":-5,"_24":25,"_145":-5,"_190":246,"_27":247},{"_44":239,"_32":33,"_30":31,"_138":233,"_42":43,"_41":14,"_140":25,"_39":240,"_13":241,"_34":35,"_36":38,"_24":25,"_145":-5,"_190":242,"_27":243},{"_44":230,"_32":231,"_30":232,"_138":233,"_42":43,"_41":152,"_140":60,"_39":234,"_13":64,"_34":35,"_36":235,"_24":25,"_145":-5,"_190":236,"_27":237},{"_44":222,"_32":223,"_30":224,"_138":163,"_42":43,"_41":225,"_140":60,"_39":226,"_13":64,"_34":35,"_36":227,"_24":25,"_145":-5,"_190":228,"_27":229},{"_44":215,"_32":216,"_30":217,"_138":163,"_42":43,"_41":152,"_140":60,"_39":218,"_13":64,"_34":20,"_36":219,"_24":25,"_145":-5,"_190":220,"_27":221},{"_44":208,"_32":209,"_30":210,"_138":163,"_42":43,"_41":152,"_140":60,"_39":211,"_13":64,"_34":35,"_36":212,"_24":25,"_145":-5,"_190":213,"_27":214},{"_44":199,"_32":200,"_30":201,"_138":163,"_42":43,"_41":202,"_140":60,"_39":203,"_13":204,"_34":35,"_36":205,"_24":25,"_145":-5,"_190":206,"_27":207},{"_44":155,"_32":156,"_30":157,"_138":-5,"_42":43,"_41":152,"_140":60,"_39":196,"_13":64,"_34":20,"_36":159,"_24":25,"_145":-5,"_190":197,"_27":198},{"_44":147,"_32":148,"_30":149,"_138":-5,"_42":43,"_41":150,"_140":60,"_39":193,"_13":152,"_34":20,"_36":153,"_24":25,"_145":-5,"_190":194,"_27":195},{"_44":136,"_32":137,"_30":58,"_138":-5,"_42":43,"_41":139,"_140":25,"_39":189,"_13":142,"_34":143,"_36":144,"_24":25,"_145":46,"_190":191,"_27":192},["D",1789220352368],"children",[],[137],["D",1789177879936],[],[148],["D",1789174566710],[],[156],"8460b949-eb1b-45ae-9a8e-842edff6ca8e","root.tsx","01a0931d-4f94-72bb-aad6-4a62535d9a45",199,["D",1789187360636],9,"/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\n// The HTML shell for the app. It is never cached, so immutableFileUrl can stamp\n// the current val version into each asset URL — the browser caches those\n// immutably, and publishing the val changes the URLs, refetching exactly once.\nexport function Root() {\n  return (\n    <>\n      {raw(\"<!DOCTYPE html>\")}\n      <html lang=\"en\">\n        <head>\n          <meta charSet=\"UTF-8\" />\n          <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n          <title>TSHC Sovereign Forge | SDG Intelligence & Innovation</title>\n          <meta name=\"description\" content=\"TSHC Sovereign Forge is an SDG-first platform for global data intelligence, property opportunity screening, impact-business tools, education and app-build services.\" />\n          <meta name=\"theme-color\" content=\"#021734\" />\n          <meta property=\"og:title\" content=\"TSHC Sovereign Forge\" />\n          <meta property=\"og:description\" content=\"Build, analyze and commercialize with SDG-aligned data, property intelligence, business tools and software.\" />\n          <meta property=\"og:type\" content=\"website\" />\n          <meta property=\"og:url\" content=\"https://tshc-sovereign-forge.val.run/\" />\n          <meta name=\"twitter:card\" content=\"summary\" />\n          <script src=\"https://cdn.twind.style\" crossOrigin=\"\" />\n          <link rel=\"icon\" href=\"https://tshc-payments-gateway.floot.app/_cdn/static/a6bb4ecb-64bc-486a-bcdf-3df3298e34e4-tshc-sovereign-logo.jpg\" type=\"image/jpeg\" />\n        </head>\n        <body className=\"font-sans text-[#071425] m-0\">\n          <main>\n            <div id=\"root\" />\n          </main>\n          <script src=\"https://esm.town/v/std/catch\" />\n          <script src={immutableFileUrl(\"/frontend/analytics.ts\")} type=\"module\" />\n          <script src={immutableFileUrl(\"/frontend/index.tsx\")} type=\"module\" />\n        </body>\n      </html>\n    </>\n  );\n}\n",[],[162,200],"91fcda13-65f2-4264-a245-ec208118e967","index.tsx","01a0931d-4f94-72bb-aad6-4662492fcda9",["D",1789174566710],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n  throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render(<App />);",[],[162,209],"b5781641-eac6-4df8-bba8-39214e0ab9d4","favicon.svg","01a0931d-4f94-72bb-aad6-40272259d028",["D",1789174566710],"<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\">\n  <rect x=\"4\" y=\"4\" width=\"24\" height=\"24\" rx=\"6\" fill=\"#4a90e2\" />\n  <circle cx=\"16\" cy=\"16\" r=\"8\" fill=\"#ffffff\" opacity=\"0.3\" />\n</svg>",[],[162,216],"44566922-908f-4697-88f0-c55a74eeb2eb","analytics.ts","82b7b520-ae62-11f1-8921-1607ee4eb77e",198,["D",1789187354764],"const ANALYTICS_ENDPOINT = \"/api/analytics/event\";\n\nfunction clean(value: string | null, max = 120) {\n  return String(value || \"\").replace(/[\\r\\n\\t]+/g, \" \").trim().slice(0, max);\n}\n\nfunction campaignParams() {\n  const q = new URLSearchParams(location.search);\n  return {\n    utm_source: clean(q.get(\"utm_source\"), 80),\n    utm_medium: clean(q.get(\"utm_medium\"), 80),\n    utm_campaign: clean(q.get(\"utm_campaign\"), 120),\n    utm_content: clean(q.get(\"utm_content\"), 120),\n  };\n}\n\nfunction sessionId() {\n  const key = \"forge_session_id\";\n  let id = sessionStorage.getItem(key);\n  if (!id) {\n    id = crypto.randomUUID();\n    sessionStorage.setItem(key, id);\n  }\n  return id;\n}\n\nfunction referrerHost() {\n  try { return document.referrer ? new URL(document.referrer).hostname.slice(0, 160) : \"\"; }\n  catch { return \"\"; }\n}\n\nfunction track(event_name: string, target = \"\", destination = \"\") {\n  if (navigator.doNotTrack === \"1\" || localStorage.getItem(\"forge_analytics_opt_out\") === \"1\") return;\n  const payload = JSON.stringify({\n    event_name,\n    path: location.pathname.slice(0, 200),\n    target: clean(target, 120),\n    destination: clean(destination, 240),\n    referrer_host: referrerHost(),\n    session_id: sessionId(),\n    ...campaignParams(),\n  });\n  try {\n    if (navigator.sendBeacon) {\n      navigator.sendBeacon(ANALYTICS_ENDPOINT, new Blob([payload], { type: \"application/json\" }));\n    } else {\n      fetch(ANALYTICS_ENDPOINT, { method: \"POST\", headers: { \"Content-Type\": \"application/json\" }, body: payload, keepalive: true });\n    }\n  } catch {}\n}\n\nlet lastPage = \"\";\nfunction pageView() {\n  const key = location.pathname + location.search;\n  if (key === lastPage) return;\n  lastPage = key;\n  track(\"page_view\");\n}\n\nfunction clickEvent(el: HTMLElement) {\n  const label = clean(el.getAttribute(\"aria-label\") || el.textContent, 120);\n  const href = el instanceof HTMLAnchorElement ? el.href : \"\";\n  const lower = label.toLowerCase();\n  let name = href && new URL(href, location.href).origin !== location.origin ? \"outbound_click\" : \"click\";\n  if (lower.includes(\"paypal\") || lower.includes(\"unlock\") || lower.includes(\"impact pro\") || lower.includes(\"forge access\")) name = \"checkout_click\";\n  else if (lower.includes(\"partner\") || lower.includes(\"affiliate\") || lower.includes(\"application\")) name = \"partner_cta_click\";\n  else if (lower.includes(\"contact\") || lower.includes(\"send request\")) name = \"contact_cta_click\";\n  else if (lower.includes(\"build\") || lower.includes(\"intake\") || lower.includes(\"submit\")) name = \"build_cta_click\";\n  track(name, label, href ? new URL(href, location.href).pathname : \"\");\n}\n\ndocument.addEventListener(\"click\", (event) => {\n  const el = (event.target as HTMLElement | null)?.closest(\"a,button\") as HTMLElement | null;\n  if (el) clickEvent(el);\n}, { capture: true });\n\nconst originalPush = history.pushState.bind(history);\nhistory.pushState = function (...args) {\n  originalPush(...args);\n  queueMicrotask(pageView);\n};\nconst originalReplace = history.replaceState.bind(history);\nhistory.replaceState = function (...args) {\n  originalReplace(...args);\n  queueMicrotask(pageView);\n};\naddEventListener(\"popstate\", pageView);\npageView();\n",[],[162,223],"c8bb0c22-d458-4be6-a7b2-e938952b1e81","Counter.tsx","01a0931d-4f94-72bb-aad6-3be3a021a8c0","01a0931d-4f94-72bb-aad6-3c83fb9316f3",["D",1789174566710],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n  const [count, setCount] = useState(0);\n  return (\n    <div class=\"flex items-center gap-3\">\n      <span class=\"text-lg\">Clicked</span>\n      <button\n        onClick={() => setCount((c) => c + 1)}\n        class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n      >\n        {count}\n      </button>\n      <span class=\"text-lg\">times</span>\n    </div>\n  );\n}\n",[],[162,238,231],"components","9d9703bc-c75b-414b-aed5-22721329463b",["D",1789223798446],147,[],[162,238,33],"7cf8e897-ce89-479a-bde5-60c4ef449813",["D",1789174566710],[180,181],[162,238],["D",1789174566710],[179,182,183,184,185],[162],["D",1789174566710],["D",1789522836959],{"_101":100,"_109":105},{"_101":100,"_102":103,"_104":105,"_18":56,"_106":107,"_108":25},{"_13":90,"_32":91,"_44":43,"_92":45,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":46,"_99":100},"ctx",{"_83":-5,"_129":289,"_290":291,"_292":293,"_294":25,"_295":25,"_296":25,"_297":60,"_298":-5,"_299":-7,"_300":-7,"_301":64,"_302":25,"_303":25,"_304":-5,"_305":25,"_306":25,"_307":25,"_308":-5},"ENV",{"_260":261,"_262":263,"_264":91,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]
</article></body></html>

Diff · v227