/* Four products, stacked full-width rows */ const ProductRow = ({ idx, name, slug, oneLine, problem, body, points, visual, href }) => (
0{idx} / 04

{name}

{oneLine}

The problem

{problem}

{body}

    {points.map((pt) => (
  • {pt.k} {pt.v}
    • ))}
Open {name} → Get access
{visual}
); /* Visual: Marketplace — listing rows */ const VisualMarketplace = () => (
FIG.M01
EXTODAN / MARKETPLACE
EndpointPriceLatencyCalls/24h
{[ ["weather-pro/forecast", "$0.0010", "412ms", "1.24M", "ok"], ["llm-router/chat", "$0.0040", "892ms", "8.91M", "ok"], ["satellite/imagery-v2", "$0.012", "1.4s", "112K", "ok"], ["geocode/reverse", "$0.0002", "88ms", "44.2M", "ok"], ["sentiment/news-firehose", "$0.0009", "256ms", "920K", "warn"], ["whois/realtime", "$0.0015", "180ms", "2.1M", "ok"], ].map(([ep, pr, lat, ct, st]) => (
{ep} {pr} {lat} {ct}
))}
1,420 endpoints listed 2% protocol fee
); /* Visual: Vault — wallet fleet */ const VisualVault = () => (
FIG.V01
EXTODAN / VAULT
{[ ["agent-001 · researcher", "8.42", 78], ["agent-002 · scraper", "12.10", 41], ["agent-003 · summarizer", "0.84", 12], ["agent-004 · analyst", "22.04", 92], ["agent-005 · planner", "5.61", 56], ["agent-006 · trader", "1.20", 8], ].map(([nm, bal, pct]) => (
{nm}
${bal}USDC
limit · {pct}% used
))}
FLEET TOTAL · $50.21 USDC + auto top-up @ < $5
); /* Visual: Muse — fee comparison */ const VisualMuse = () => (
FIG.U01
EXTODAN / MUSE · CREATOR REVENUE %
{[ ["Substack", 90, "10% platform fee"], ["Patreon", 88, "up to 12% fee"], ["Gumroad", 90, "10% + processing"], ["Muse", 99, "1% protocol fee"], ].map(([name, pct, note], i) => (
{name} {note}
{pct}% to creator
))}
Per-piece pricing · no subscription · paid in USDC
); /* Visual: Aegis — economics chart */ const VisualAegis = () => (
FIG.A01
EXTODAN / AEGIS · COST CURVE
{/* axes */} {/* grid */} {[60, 120, 180, 240].map((y) => ( ))} {/* axis labels */} $ COST REQUESTS → {[1e3, 1e5, 1e7].map((v, i) => ( {v >= 1e6 ? `${v / 1e6}M` : `${v / 1e3}k`} ))} $10k $100 $0.01 {/* legitimate user line — flat low */} LEGITIMATE → trivial {/* attacker curve — exponential */} ATTACKER → economic floor {/* threshold line */} attack irrational
$0.001 / request 10M reqs = $1,000 floor
); const Products = () => (

Four products.
One protocol.

Each piece works alone. Together they cover discovery, payment authorization, content monetization, and abuse prevention — every layer of x402 in production.

} href="marketplace.html" /> } href="vault.html" /> } href="muse.html" /> } href="aegis.html" />
); Object.assign(window, { Products, VisualMarketplace, VisualVault, VisualMuse, VisualAegis });