{Math.round(v * 100)}%

); } function Demo({ go }) { const keys = Object.keys(PS_DATA.runs); const [key, setKey] = useState('licensing'); const [phase, setPhase] = useState('idle'); const [reached, setReached] = useState(0); const run = PS_DATA.runs[key]; const steps = run.pipeline; const runRef = React.useRef({ active: false }); const start = useCallback((k) => { const kk = k || key; runRef.current.active = false; setKey(kk); setPhase('running'); setReached(0); const s = PS_DATA.runs[kk].pipeline; const token = { active: true }; runRef.current = token; let i = 0; function tick() { if (!token.active) return; i += 1; setReached(i); if (i >= s.length) { token.active = false; setPhase('done'); return; } setTimeout(tick, 460); } setTimeout(tick, 460); }, [key]); useEffect(() => { const t = setTimeout(() => start('licensing'), 500); return () => clearTimeout(t); }, []); const done = phase === 'done'; const showTable = reached >= 2 || done; const showAnswer = done; const badgeTone = run.action === 'BUY' ? 'buy' : run.action === 'REUSE' ? 'reuse' : 'skip'; return (

{/* Header */}

Live demo · settlement floor

Watch the agent pay the source it cites.

Pick a scenario. The agent scores permitted sources, decides BUY / REUSE / SKIP, runs the deterministic settlement lifecycle, and seals a receipt.

start(key)} style={{ flexShrink: 0, alignSelf: 'flex-end' }}>↻ Run again

{/* Scenario picker */}

{keys.map((k) => { const r = PS_DATA.runs[k]; const on = key === k; const tone = r.action === 'BUY' ? 'var(--buy)' : r.action === 'REUSE' ? 'var(--reuse)' : 'var(--skip)'; return ( ); })}

{/* Two-column layout */}

{/* LEFT — main run view */}

{/* Question */}

{run.q}

{/* Decision + source table */}

{phase === 'running' && reached < 2 ? '…' : run.action} {showTable ? run.reasoning : 'Scoring permitted sources against value-per-cent threshold…'}

{showTable && ( {['Source', 'Relevance', 'Price', 'Verdict'].map((h) => ( ))} {run.candidates.map((c, i) => { const pick = /bought|reused/.test(c.verdict); return ( ); })}

{h}
{c.work} {c.creator}		${c.price.toFixed(3)}	{c.verdict.split(':')[0].split(' ')[0]}

)}

{/* Settlement lifecycle */}

Settlement lifecycle

{/* Answer */}

Grounded answer

{showAnswer ?

The answer appears once delivery is verified and the citation is sealed.

}

{/* RIGHT — sidebar */}

{/* Mandate */}

Operator mandate

{[ ['Budget', '$' + MANDATE.budget.toFixed(2)], ['Per-task ceiling', '$' + MANDATE.ceiling.toFixed(2)], ['Max / source', '$' + MANDATE.maxPer.toFixed(2)], ['Require citation', MANDATE.requireCite ? 'yes' : 'no'], ].map((r, i) => (

{r[0]} {r[1]}

))}

Creators price their work. You set the rules. The agent only chooses which permitted source is worth buying.

{/* This run */}

This run

{[ ['Decision', run.action, ACTION_COLOR[run.action] || 'var(--mut)'], ['Settled', usd(run.amount, 6), 'var(--text)'], ['Verification', run.amount ? (done ? 'passed' : '—') : 'n/a', 'var(--earned)'], ].map((r, i) => (

{r[0]} {r[1]}

))}

{/* Receipt */} {done && run.paid && (

)} {done && !run.paid && (

No payment this run —
{run.action === 'REUSE' ? 'agent reused owned paid context.' : 'nothing cleared the relevance floor.'}

)} {/* CTA */}

Run this for real

Create an account to run the agent against live ingested sources, with real receipts on Arc.

go('auth')}>Create account →

); } window.Demo = Demo;