/* ── storage bridge ── */ window.storage={ async get(key){ try{const r=await fetch("/api/state",{headers:{Accept:"application/json"}}); if(r.ok){const j=await r.json(); if(j&&j.value){localStorage.setItem(key,j.value);return {value:j.value};}}}catch(e){} const v=localStorage.getItem(key);return v?{value:v}:null;}, async set(key,value){ localStorage.setItem(key,value); const r=await fetch("/api/state",{method:"PUT", headers:{"Content-Type":"application/json"},body:value}); if(!r.ok) throw new Error("remote save failed"); return {ok:true};}, }; const { useState, useEffect, useMemo, useCallback, useRef } = React; const { useState, useEffect, useMemo, useCallback, useRef } = React; /* ═══════════════════════════════════════════════════════════ HARMATTAN VERIFY Automated claim detection · human signed verdicts · share cards ═══════════════════════════════════════════════════════════ */ const STORE = "harmattan-verify-v1"; const C = { night:"#120C22", night2:"#1F1636", ink:"#120C22", ink2:"#463C63", soft:"#877CA6", canvas:"#FAF7FF", panel:"#FFFFFF", line:"#E9E2F6", line2:"#F4F0FC", violet:"#7C3AED", pink:"#EC4899", cyan:"#06B6D4", lime:"#84CC16", amber:"#F59E0B", green:"#10B981", red:"#E11D48", slate:"#94A3B8", }; /* verdict system */ const V = { FALSE: {label:"False", color:"#E11D48", ink:"#fff", icon:"✕", rank:1}, MISLEADING: {label:"Misleading", color:"#F59E0B", ink:"#3B2400", icon:"!", rank:2}, CONTEXT: {label:"Needs context", color:"#06B6D4", ink:"#04303B", icon:"?", rank:3}, TRUE: {label:"True", color:"#10B981", ink:"#03291D", icon:"✓", rank:4}, UNVERIFIED: {label:"Unverified", color:"#94A3B8", ink:"#12212E", icon:"·", rank:5}, }; const VK = Object.keys(V); const PARTIES=["NDC","APC","ADC","PDP","NNPP","LP","Other"]; const CHANNELS=["X","Facebook","Instagram","TikTok","Radio","Television","Rally","Print","WhatsApp"]; const STATES=["National","Abia","Adamawa","Akwa Ibom","Anambra","Bauchi","Bayelsa","Benue","Borno","Cross River","Delta","Ebonyi","Edo","Ekiti","Enugu","FCT","Gombe","Imo","Jigawa","Kaduna","Kano","Katsina","Kebbi","Kogi","Kwara","Lagos","Nasarawa","Niger","Ogun","Ondo","Osun","Oyo","Plateau","Rivers","Sokoto","Taraba","Yobe","Zamfara"]; const num=n=>(n||0).toLocaleString(); const today=()=>new Date().toISOString().slice(0,10); const dOff=n=>{const x=new Date();x.setDate(x.getDate()-n);return x.toISOString().slice(0,10);}; /* ── demo corpus. Sample claims for demonstration, speakers anonymised ── */ const K=(id,date,speaker,party,channel,state,claim,verdict,ruling,evidence,reach,status,viz,why)=> ({id:"C-"+String(id).padStart(4,"0"),date,speaker,party,channel,state,claim,verdict,ruling,evidence, reach,status,viz:viz||null,why:why||"", checkedBy:verdict?"Verify desk":"",minutes:verdict?[38,52,71,95,126,144][id%6]:null}); const SEED={ version:1, updated:new Date().toISOString(), claims:[ K(12,dOff(0),"Party spokesperson","APC","X","National", "Nigeria's unemployment rate has fallen to the lowest level in a decade.",null,null,[],48200,"pending"), K(11,dOff(0),"Campaign surrogate","NDC","Radio","Kano", "No presidential candidate has visited Kano in the last six months.",null,null,[],12400,"pending"), K(10,dOff(1),"State official","APC","Television","Rivers", "The federal government has completed every road project awarded in the South South since 2023.", "FALSE","No published project register supports a completion rate of 100 per cent. The Bureau of Public Procurement portal and the ministry's own quarterly reports both list active and uncompleted contracts in the zone during the period.", ["Bureau of Public Procurement contract register","Ministry quarterly implementation report","Budget Office capital releases"], 96500,"published"), K(9,dOff(1),"Party spokesperson","ADC","X","National", "Voter turnout in 2023 was the highest since 1999.", "FALSE","Turnout in 2023 was approximately 27 per cent, the lowest of the Fourth Republic. Roughly 25.3 million people were accredited from a register of about 93 million.", ["INEC declared results, 2023 presidential","INEC voter register summary"], 142000,"published", {title:"Presidential turnout, per cent of registered voters",unit:"%", bars:[{label:"1999",value:52.3},{label:"2003",value:69.1},{label:"2011",value:53.7}, {label:"2019",value:34.8},{label:"2023",value:26.7,tone:"bad"}], claimedNote:"Claimed: highest since 1999",actualNote:"Actual: the lowest of the Fourth Republic"}, "If turnout is misremembered as high, the real story is missed: about 68 million registered Nigerians did not vote in 2023."), K(8,dOff(2),"Campaign surrogate","NDC","Rally","Enugu", "Our ticket has held more public engagements this month than any other campaign.", "CONTEXT","Correct on the record we can verify, but the comparison rests on what each campaign chose to publish. Two campaigns publish no schedule at all, so the gap may reflect disclosure rather than activity.", ["Harmattan Reach Desk weekly record","Published campaign schedules"], 31000,"published"), K(7,dOff(2),"Party official","APC","Print","National", "Electricity generation has doubled in the past two years.", "MISLEADING","Installed capacity and actual generation are different measures. Average daily generation rose within a far narrower band over the period, and the doubling figure appears to describe peak capacity rather than delivered output.", ["System operator daily generation data","NERC quarterly report"], 58000,"published", {title:"Capacity against delivered generation",unit:"MW", bars:[{label:"Installed capacity",value:13000},{label:"Available capacity",value:6000}, {label:"Average delivered",value:4200,tone:"bad"}], claimedNote:"Claimed: generation doubled",actualNote:"Delivered output moved within a far narrower band"}, "Capacity is what exists on paper. Generation is what reaches a home. Quoting one and calling it the other is the oldest trick in energy politics."), K(6,dOff(3),"Campaign surrogate","ADC","X","National", "INEC charged one and a half billion naira for access to the voter register.", "TRUE","INEC approved a request for certified true copies of the register and polling unit records priced at ₦1,505,901,750, which triggered public criticism in October 2025.", ["INEC correspondence reported nationally","Contemporaneous news coverage"], 77000,"published", {title:"Cost of the certified voter register request",unit:"₦m", bars:[{label:"Quoted by INEC",value:1506,tone:"bad"},{label:"Cost to publish openly",value:0}], claimedNote:"Claimed: ₦1.5bn charged",actualNote:"Confirmed: ₦1,505,901,750"}, "The same data was later published free by two volunteers. The price was a choice, not a cost."), K(5,dOff(3),"Party spokesperson","NNPP","Television","Kano", "More than eighty per cent of northern youth are unemployed.", "MISLEADING","The figure conflates unemployment with underemployment and informal work, and uses a definition the national statistics office does not apply. The published rate for the age band is substantially lower.", ["National Bureau of Statistics labour force survey"], 43000,"published", {title:"What the eighty per cent figure actually contains",unit:"%", bars:[{label:"Unemployed",value:19},{label:"Underemployed",value:26}, {label:"Informal work",value:36},{label:"Claimed as unemployed",value:81,tone:"bad"}], claimedNote:"Claimed: over 80% unemployed",actualNote:"Three different categories added together"}, "Underemployment and informal work are real problems. Calling them unemployment makes the number louder and the argument weaker."), K(4,dOff(4),"State official","PDP","Facebook","Oyo", "This administration built more classrooms than the previous two combined.", "UNVERIFIED","No disaggregated classroom construction data has been published for the comparison years. We have requested the figures and will update this ruling when they arrive.", ["Request filed with the state ministry of education"], 19000,"published"), K(3,dOff(5),"Campaign surrogate","NDC","WhatsApp","National", "A viral message claims a candidate has withdrawn from the race.", "FALSE","No withdrawal has been filed with INEC and the campaign has publicly denied it. The message originated from an account created four days earlier.", ["INEC candidate list","Campaign statement","Account creation metadata"], 210000,"published", {title:"How far the message travelled before it was checked",unit:"shares", bars:[{label:"Hour 1",value:4000},{label:"Hour 6",value:38000},{label:"Hour 12",value:120000}, {label:"Hour 24",value:210000,tone:"bad"},{label:"After our check",value:9000,tone:"good"}], claimedNote:"Claimed: candidate withdrew",actualNote:"No withdrawal filed with INEC"}, "Twenty four hours of unchecked reach is the whole problem. Speed of response is the product."), K(2,dOff(6),"Party official","APC","Rally","Lagos", "Lagos has the highest number of registered voters in the country.", "TRUE","Lagos has consistently recorded the largest state register in recent cycles, ahead of Kano.", ["INEC state register summary"], 26000,"published"), K(1,dOff(6),"Campaign surrogate","LP","X","National", "Fuel prices have tripled since the subsidy was removed.", "CONTEXT","Directionally correct but sensitive to the start date chosen. Measured from the month before removal the multiple is lower than three, and prices have varied by region since.", ["NBS retail price watch","Petroleum pricing bulletins"], 88000,"published"), ], settings:{org:"Harmattan Verify",keeper:"Harmattan Research", handle:"@HarmattanIntel",site:"verify.harmattanintelligence.com", autoDetect:true, threshold:60, template:{ brand:"HARMATTAN VERIFY", dataEyebrow:"THE DATA", evidenceEyebrow:"WHAT WE CHECKED IT AGAINST", whyEyebrow:"WHY IT MATTERS", signoffLine1:"Do not take", signoffLine2:"our word for it.", signoffBody1:"Every ruling on our site carries its full evidence,", signoffBody2:"the editor who signed it, and the date it was checked.", signoffFootnote:"Detection is automated. Every verdict is signed by a human editor.", threadCloser:"Do not take our word for it. Full ruling, sources and the editor who signed it:" }}, }; /* ── hooks and atoms ── */ function useNarrow(px=920){ const[n,setN]=useState(typeof window!=="undefined"?window.innerWidth{const h=()=>setN(window.innerWidthwindow.removeEventListener("resize",h);},[px]); return n; } function Count({to,format=num,dur=1000}){ const[v,setV]=useState(0);const raf=useRef(); useEffect(()=>{ if(window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches){setV(to);return;} const t0=performance.now(); const step=n=>{const p=Math.min(1,(n-t0)/dur); setV(Math.round(to*(1-Math.pow(1-p,3))));if(p<1)raf.current=requestAnimationFrame(step);}; raf.current=requestAnimationFrame(step);return()=>cancelAnimationFrame(raf.current); },[to,dur]); return <>{format(v)}; } const Pill=({children,bg=C.violet,fg="#fff"})=>( {children}); const Card=({title,action,children,pad=20,accent})=>(
{accent&&
} {title&&

{title}

{action}
}
{children}
); const Btn=({children,onClick,kind="ghost",size,title})=>{ const b={fontFamily:"'Outfit',sans-serif",fontSize:size==="sm"?12:13.5,fontWeight:700,cursor:"pointer", borderRadius:99,padding:size==="sm"?"7px 14px":"11px 20px",transition:"transform .15s,filter .15s"}; const k={grad:{background:`linear-gradient(120deg,${C.violet},${C.pink})`,color:"#fff",border:"none"}, dark:{background:C.night,color:"#fff",border:"none"}, lime:{background:C.lime,color:C.ink,border:"none"}, ghost:{background:"#fff",color:C.ink2,border:`1.5px solid ${C.line}`}, danger:{background:"#fff",color:C.red,border:`1.5px solid ${C.red}`}}; return ;}; const Stat=({label,value,sub,tone})=>(
{label}
{value}
{sub&&
{sub}
}
); const Empty=({children})=>
{children}
; const Verdict=({v,size})=>{ if(!v) return Awaiting review; const d=V[v]; return {d.icon}{d.label}; }; /* ── charts ── */ function Donut({slices,size=190,centreLabel}){ const[hi,setHi]=useState(null); const total=slices.reduce((a,s)=>a+s.value,0)||1;let acc=0;const R=15.9155; return
{slices.map((s,i)=>{const pct=(s.value/total)*100; const el=setHi(i)} onMouseLeave={()=>setHi(null)}/>;acc+=pct;return el;})}
{hi==null?total:slices[hi].value}
{hi==null?(centreLabel||"claims"):slices[hi].name}
{slices.map((s,i)=>(
setHi(i)} onMouseLeave={()=>setHi(null)} style={{display:"flex",alignItems:"center",gap:10,padding:"7px 10px",borderRadius:10, background:hi===i?C.line2:"transparent",cursor:"pointer",fontSize:14}}> {s.name} {s.value} {Math.round((s.value/total)*100)}%
))}
; } function Bars({rows,gradient,format=num}){ const[hi,setHi]=useState(null);const max=Math.max(1,...rows.map(r=>r.value)); return
{rows.map((r,i)=>(
setHi(i)} onMouseLeave={()=>setHi(null)} style={{display:"flex",alignItems:"center",gap:12,padding:"8px 10px",borderRadius:10, background:hi===i?C.line2:"transparent"}}> {r.name} {format(r.value)}
))}{rows.length===0&&Nothing to chart.}
; } /* ═══ CARD SEQUENCE ENGINE ═════════════════════════════════ One ruling becomes a five card sequence: 1 HOOK the claim and the verdict stamp 2 DATA what was said against what the record shows 3 EVIDENCE the sources, named 4 WHY why the distortion matters 5 SIGN OFF where to check it yourself Cards are SVG, rasterised through canvas, so there is no library to install and the templates are editable text. ═══════════════════════════════════════════════════════ */ const FORMATS={ x: {w:1200,h:675, name:"X / Twitter", note:"16:9"}, square: {w:1080,h:1080,name:"Instagram", note:"1:1"}, story: {w:1080,h:1920,name:"Story / Reel", note:"9:16"}, }; const STEPS=[ {key:"hook", label:"1 · The claim"}, {key:"data", label:"2 · The data"}, {key:"evidence", label:"3 · The evidence"}, {key:"why", label:"4 · Why it matters"}, {key:"signoff", label:"5 · Check it yourself"}, ]; function wrap(text,max){ const words=String(text||"").split(/\s+/);const lines=[];let cur=""; words.forEach(w=>{ if((cur+" "+w).trim().length<=max){cur=(cur+" "+w).trim();} else {if(cur)lines.push(cur);cur=w;} }); if(cur)lines.push(cur);return lines; } function esc(s){return String(s==null?"":s).replace(/&/g,"&").replace(//g,">");} const fmtN=n=>Number(n).toLocaleString(); /* shared chrome for every card in the sequence */ function frame(F,d,step,total,inner,settings,tone){ const T=tpl(settings); const {w:W,h:H}=F; const story=H/W>1.5, sq=Math.abs(H/W-1)<0.1; const PAD=story?86:66; return ` ${esc(T.brand)} ${step} / ${total} ${inner} ${esc(settings.site)} ${esc(settings.handle)} `; } const TPL_DEFAULT={brand:"HARMATTAN VERIFY",dataEyebrow:"THE DATA", evidenceEyebrow:"WHAT WE CHECKED IT AGAINST",whyEyebrow:"WHY IT MATTERS", signoffLine1:"Do not take",signoffLine2:"our word for it.", signoffBody1:"Every ruling on our site carries its full evidence,", signoffBody2:"the editor who signed it, and the date it was checked.", signoffFootnote:"Detection is automated. Every verdict is signed by a human editor.", threadCloser:"Do not take our word for it. Full ruling, sources and the editor who signed it:"}; const tpl=settings=>({...TPL_DEFAULT,...((settings&&settings.template)||{})}); function cardSVG(claim,fmt,settings,stepKey){ const T=tpl(settings); const F=FORMATS[fmt]; const {w:W,h:H}=F; const story=H/W>1.5, sq=Math.abs(H/W-1)<0.1; const PAD=story?86:66; const d=V[claim.verdict]||V.UNVERIFIED; const top=story?300:(sq?230:180); const idx=STEPS.findIndex(s=>s.key===stepKey)+1; /* ── 1 HOOK ── */ if(stepKey==="hook"){ const size=story?62:(sq?54:46); const lines=wrap(claim.claim,story?24:(sq?26:32)).slice(0,story?7:(sq?6:5)); const bandH=story?132:96; const inner=` ${d.icon} ${d.label.toUpperCase()} ${lines.map((l,i)=>`${esc(l)}`).join("")} ${esc(claim.speaker)} · ${esc(claim.party)} · ${esc(claim.channel)} · ${esc(claim.date)}`; return frame(F,d,idx,STEPS.length,inner,settings); } /* ── 2 DATA ── */ if(stepKey==="data"){ const viz=claim.viz; if(!viz){ const lines=wrap(claim.ruling,story?36:44).slice(0,story?9:7); const inner=`${esc(T.dataEyebrow)} ${lines.map((l,i)=>`${esc(l)}`).join("")}`; return frame(F,d,idx,STEPS.length,inner,settings,"#06B6D4"); } const max=Math.max(...viz.bars.map(b=>b.value))||1; const chartTop=top+ (story?150:110); const chartH=story?720:(sq?430:260); const bw=(W-PAD*2)/viz.bars.length; const barW=bw*0.56; const bars=viz.bars.map((b,i)=>{ const h=Math.max(6,(b.value/max)*chartH); const x=PAD+i*bw+(bw-barW)/2; const y=chartTop+chartH-h; const col=b.tone==="bad"?d.color:(b.tone==="good"?"#84CC16":"#8B5CF6"); return ` ${esc(fmtN(b.value))} ${esc(b.label)}`; }).join(""); const tLines=wrap(viz.title,story?32:40).slice(0,2); const inner=` ${esc(T.dataEyebrow)} ${tLines.map((l,i)=>`${esc(l)}`).join("")} ${bars} ✕ ${esc(viz.claimedNote)} ✓ ${esc(viz.actualNote)}`; return frame(F,d,idx,STEPS.length,inner,settings,"#06B6D4"); } /* ── 3 EVIDENCE ── */ if(stepKey==="evidence"){ const ev=(claim.evidence||[]).slice(0,story?7:5); const rows=ev.map((e,i)=>{ const y=top+(story?90:70)+i*(story?110:82); const lines=wrap(e,story?32:38).slice(0,2); return ` ${lines.map((l,j)=>`${esc(l)}`).join("")}`; }).join(""); const inner=` ${esc(T.evidenceEyebrow)} ${rows}`; return frame(F,d,idx,STEPS.length,inner,settings,"#06B6D4"); } /* ── 4 WHY ── */ if(stepKey==="why"){ const txt=claim.why||claim.ruling; const size=story?46:(sq?42:36); const lines=wrap(txt,story?30:(sq?32:38)).slice(0,story?9:7); const inner=` ${esc(T.whyEyebrow)} ${lines.map((l,i)=>`${esc(l)}`).join("")}`; return frame(F,d,idx,STEPS.length,inner,settings,"#F59E0B"); } /* ── 5 SIGN OFF ── */ const inner=` ${esc(T.signoffLine1)} ${esc(T.signoffLine2)} ${esc(T.signoffBody1)} ${esc(T.signoffBody2)} ${esc(settings.site)} ${esc(T.signoffFootnote)}`; return frame(F,d,idx,STEPS.length,inner,settings,"#84CC16"); } function CardImg({claim,fmt,settings,step}){ const svg=cardSVG(claim,fmt,settings,step); return {step}; } function rasterise(claim,fmt,settings,step){ return new Promise((res,rej)=>{ const F=FORMATS[fmt]; const img=new Image(); img.onload=()=>{ const cv=document.createElement("canvas");cv.width=F.w;cv.height=F.h; cv.getContext("2d").drawImage(img,0,0,F.w,F.h); cv.toBlob(b=>res(b),"image/png"); }; img.onerror=rej; img.src="data:image/svg+xml;charset=utf-8,"+encodeURIComponent(cardSVG(claim,fmt,settings,step)); }); } async function downloadOne(claim,fmt,settings,step,n){ const b=await rasterise(claim,fmt,settings,step); const a=document.createElement("a"); a.href=URL.createObjectURL(b); a.download=`${claim.id}-${fmt}-${n}-${step}.png`;a.click(); setTimeout(()=>URL.revokeObjectURL(a.href),2000); } async function downloadSequence(claim,fmt,settings){ for(let i=0;isetTimeout(r,420)); } } /* thread text that matches the card order */ function threadText(claim,settings){ const d=V[claim.verdict]||V.UNVERIFIED; const t=[]; t.push(`${d.icon} ${d.label.toUpperCase()}\n\n“${claim.claim}”\n\n— ${claim.speaker}, ${claim.party}, ${claim.channel}, ${claim.date}`); if(claim.viz){ t.push(`THE DATA\n\n${claim.viz.title}\n\n`+ claim.viz.bars.map(b=>`${b.label}: ${fmtN(b.value)}${claim.viz.unit?" "+claim.viz.unit:""}`).join("\n")+ `\n\n${claim.viz.actualNote}`); } else { t.push(`THE RECORD\n\n${claim.ruling}`); } t.push(`${tpl(settings).evidenceEyebrow}\n\n`+(claim.evidence||[]).map(e=>`· ${e}`).join("\n")); t.push(`${tpl(settings).whyEyebrow}\n\n${claim.why||claim.ruling}`); const T=tpl(settings); t.push(`${T.threadCloser}\n${settings.site}\n\n${T.signoffFootnote}`); return t; } /* ═══ APP ═══ */ function Verify(){ const[page,setPage]=useState("feed"); const[db,setDb]=useState(null); const[log,setLog]=useState([]); const[toast,setToast]=useState(null); const[busy,setBusy]=useState(false); const[desk,setDesk]=useState(false); const[open,setOpen]=useState(null); const[menu,setMenu]=useState(false); const narrow=useNarrow(920); const push=(m,p,s,ms)=>setLog(L=>[{id:Math.random(),time:new Date().toLocaleTimeString(),m,p,s,ms},...L].slice(0,40)); useEffect(()=>{(async()=>{const s=Date.now(); try{const r=await window.storage.get(STORE); setDb(r&&r.value?JSON.parse(r.value):SEED);push("GET","/api/claims",200,Date.now()-s);} catch{setDb(SEED);push("GET","/api/claims",404,Date.now()-s);}})();},[]); const commit=useCallback(async(next,note)=>{ const p={...next,version:(next.version||0)+1,updated:new Date().toISOString()}; setDb(p);setBusy(true);const s=Date.now(); try{await window.storage.set(STORE,JSON.stringify(p)); push("PUT","/api/claims",200,Date.now()-s);setToast({ok:true,msg:note||"Saved"});} catch{push("PUT","/api/claims",503,Date.now()-s); setToast({ok:false,msg:"Storage unreachable. Held for this session."});} setBusy(false);setTimeout(()=>setToast(null),2500);},[]); const all=db?db.claims:[]; const pub=useMemo(()=>all.filter(c=>c.status==="published"),[all]); const pending=useMemo(()=>all.filter(c=>c.status==="pending"),[all]); if(!db) return
STARTING VERIFY…
; const NAV=[["feed","Live feed"],["cards","Card studio"],["analytics","Analytics"],["method","Method"]]; const DESKNAV=[["queue","Detection queue",pending.length],["editor","Sequence editor",0], ["new","Add claim",0],["api","Backend",0],["settings","Settings",0]]; const go=k=>{setPage(k);setMenu(false);setOpen(null);window.scrollTo({top:0,behavior:"smooth"});}; return
{!narrow&&}
{busy?"SYNCING":"MONITORING"} {narrow&&}
{narrow&&menu&&
{NAV.map(([k,l])=>)}
} {desk&&
VERIFY DESK {DESKNAV.map(([k,l,b])=>)} v{db.version}
}
{page==="feed"&&} {page==="cards"&&} {page==="analytics"&&} {page==="method"&&} {page==="editor"&&} {page==="queue"&&} {page==="new"&&} {page==="api"&&} {page==="settings"&&}
{db.settings.org} · detection is automated, every verdict is signed by a human editor {db.settings.site}
{toast&&
{toast.msg}
}
; } /* ── FEED ── */ function Feed({db,pub,pending,desk,go,setOpen}){ const[filter,setFilter]=useState("ALL"); const[q,setQ]=useState(""); const rows=pub .filter(c=>filter==="ALL"?true:c.verdict===filter) .filter(c=>q?(c.claim+c.speaker+c.party+c.state).toLowerCase().includes(q.toLowerCase()):true); const counts={};pub.forEach(c=>{counts[c.verdict]=(counts[c.verdict]||0)+1;}); const falseish=(counts.FALSE||0)+(counts.MISLEADING||0); const reach=pub.reduce((a,c)=>a+(c.reach||0),0); const med=(()=>{const m=pub.map(c=>c.minutes).filter(Boolean).sort((a,b)=>a-b); return m.length?m[Math.floor(m.length/2)]:0;})(); return
{/* hero */}
Live claim monitor

{falseish} false or misleading claims
caught this week.

Every public claim we can source, checked against the record and published with the evidence. Detection runs continuously. Nothing is published until an editor signs it.

{desk&&pending.length>0&&(
{pending.length} detected, unreviewed Detection flagged these. No verdict has been assigned. go("queue")}>Open queue
)}
} sub="published rulings"/> } sub="of the claims we checked"/>
setQ(e.target.value)} style={{width:190}}/>
{VK.map(k=>)}
}> {rows.map(c=>(
{c.party} {c.speaker} · {c.channel} · {c.state} · {c.date} {num(c.reach)} reach {setOpen(c.id);go("cards");}}>Make card
“{c.claim}”

{c.ruling}

{c.evidence&&c.evidence.length>0&&(
{c.evidence.map(e=>( {e}))}
)}
))} {rows.length===0&&Nothing matches that filter.}
; } /* ── CARD STUDIO ── */ function CardStudio({db,pub,open}){ const[sel,setSel]=useState(open||(pub[0]&&pub[0].id)); const[fmt,setFmt]=useState("x"); const[step,setStep]=useState("hook"); const[busy,setBusy]=useState(false); const[copied,setCopied]=useState(false); const claim=pub.find(c=>c.id===sel)||pub[0]; if(!claim) return Publish a ruling first, then come back to build a sequence.; const thread=threadText(claim,db.settings); return
Sequence studio

One lie, five cards, in order

A single card states a verdict and convinces nobody. The sequence shows the claim, then the data that breaks it, then the sources, then why it matters. Built as a template, so every future ruling produces the same five cards automatically.

{pub.map(c=>( ))}
{Object.entries(FORMATS).map(([k,f])=>( ))}
}>
{STEPS.map(st=>( ))}
{setBusy(true); await downloadSequence(claim,fmt,db.settings);setBusy(false);}}> {busy?"Exporting…":"Download all five"} downloadOne(claim,fmt,db.settings,step, STEPS.findIndex(x=>x.key===step)+1)}>This card only {FORMATS[fmt].w} × {FORMATS[fmt].h} px
{FORMATS[fmt].name}}>
{STEPS.map((st,i)=>(
{st.label} downloadOne(claim,fmt,db.settings,st.key,i+1)}>PNG
))}
Post in this order. On Instagram it is one carousel. On X it is a thread, with the card attached to the matching post.
 { try{navigator.clipboard.writeText(thread.join("\n\n———\n\n"));setCopied(true); setTimeout(()=>setCopied(false),2000);}catch{} }}>{copied?"Copied":"Copy all five"}}>
{thread.map((t,i)=>(
{i+1} of {thread.length} {STEPS[i].label} 270?C.red:C.soft}}> {t.length} characters
{t}
))}
This is a template, not a one off

The five card structure is defined once in the code as a list of steps. Every ruling that gets a verdict, a chart and a source list produces the same sequence with no design work. Add a step, change a colour, or add a format and every past and future ruling picks it up.

; } /* ── SEQUENCE EDITOR: edit what the cards say, with live preview ── */ function SequenceEditor({db,commit,go}){ const pub=db.claims.filter(c=>c.status==="published"); const[sel,setSel]=useState(pub[0]&&pub[0].id); const[fmt,setFmt]=useState("x"); const[step,setStep]=useState("hook"); const[draft,setDraft]=useState(null); const[tplDraft,setTplDraft]=useState(tpl(db.settings)); const claim=pub.find(c=>c.id===sel); useEffect(()=>{ if(claim) setDraft(JSON.parse(JSON.stringify(claim))); },[sel]); if(!claim||!draft) return Publish a ruling first, then edit its sequence here.; const preview={...draft}; const previewSettings={...db.settings,template:tplDraft}; const set=(k,v)=>setDraft({...draft,[k]:v}); const setViz=(k,v)=>setDraft({...draft,viz:{...(draft.viz||{bars:[]}),[k]:v}}); const setBar=(i,k,v)=>{const bars=[...(draft.viz.bars||[])]; bars[i]={...bars[i],[k]:k==="value"?(+v||0):v};setViz("bars",bars);}; const addBar=()=>setViz("bars",[...((draft.viz&&draft.viz.bars)||[]),{label:"New",value:0}]); const delBar=i=>setViz("bars",draft.viz.bars.filter((_,j)=>j!==i)); const addViz=()=>setDraft({...draft,viz:{title:"",unit:"",bars:[{label:"Claimed",value:0,tone:"bad"}, {label:"Actual",value:0,tone:"good"}],claimedNote:"",actualNote:""}}); const dirty=JSON.stringify(draft)!==JSON.stringify(claim) ||JSON.stringify(tplDraft)!==JSON.stringify(tpl(db.settings)); const save=()=>commit({...db, claims:db.claims.map(c=>c.id===draft.id?{...draft,evidence:(draft.evidence||[]).map(x=>x.trim()).filter(Boolean)}:c), settings:{...db.settings,template:tplDraft}},"Sequence updated"); return
Sequence editor

Edit what the cards say

Everything on the cards is editable here and saves to the backend. The quoted claim is deliberately locked, because editing what somebody said is the one thing a fact checker must never do.

{dirty?"Save changes":"Saved"} {dirty&&{setDraft(JSON.parse(JSON.stringify(claim)));setTplDraft(tpl(db.settings));}}> Discard}
{/* ── editing pane ── */}
Quoted claim, locked