arc-builder-kit 0.2.0__py3-none-any.whl

arc_builder_kit/examples/agent-identity-profile-preview/identity.js

@@ -0,0 +1,126 @@
+const ARC_IDENTITY_PREVIEW = Object.freeze({
+  network: {
+    name: 'arc-testnet',
+    chainId: 5042002,
+    chainIdHex: '0x4cef52',
+  },
+  registries: {
+    identityRegistry: '0x8004A818BFB912233c491871b3d84c89A494BD9e',
+    reputationRegistry: '0x8004B663056A597Dffe9eCcC1965A193B7388713',
+    validationRegistry: '0x8004Cb1BF31DAf7788923b405b754f57acEB4272',
+  },
+});
+
+const fields = {
+  name: document.querySelector('#agent-name'),
+  type: document.querySelector('#agent-type'),
+  capabilities: document.querySelector('#capabilities'),
+  controller: document.querySelector('#controller-note'),
+  reputation: document.querySelector('#reputation-note'),
+  validation: document.querySelector('#validation-note'),
+};
+const nodes = {
+  status: document.querySelector('#status-badge'),
+  registries: document.querySelector('#registry-json'),
+  safety: document.querySelector('#safety-json'),
+  profile: document.querySelector('#profile-json'),
+};
+const buttons = {
+  freeze: document.querySelector('#freeze-profile'),
+  reset: document.querySelector('#reset-profile'),
+};
+
+let state = 'draft_profile';
+let frozenAt = null;
+
+function capabilitiesList() {
+  return fields.capabilities.value
+    .split(',')
+    .map((item) => item.trim())
+    .filter(Boolean);
+}
+
+function safetyFlags() {
+  return {
+    localOnly: true,
+    statusImpliesRegistration: false,
+    walletConnected: false,
+    walletActionEnabled: false,
+    metadataUploaded: false,
+    registrationTransactionPrepared: false,
+    reputationTransactionPrepared: false,
+    validationTransactionPrepared: false,
+    signingEnabled: false,
+    transactionBroadcast: false,
+    backendCalls: false,
+    remoteRpcCalls: false,
+    humanApprovalRequired: true,
+    mainnetEnabled: false,
+  };
+}
+
+function profileObject() {
+  return {
+    schema: 'arc-mcp-builder-assistant.agentIdentity.preview.v1',
+    state,
+    status: 'unregistered_local_preview',
+    frozenAt,
+    sourceGrounding: [
+      'https://docs.arc.network/arc/tutorials/register-your-first-ai-agent',
+      'https://docs.arc.network/build/agentic-economy',
+    ],
+    network: ARC_IDENTITY_PREVIEW.network,
+    registries: ARC_IDENTITY_PREVIEW.registries,
+    profile: {
+      name: fields.name.value.trim(),
+      agentType: fields.type.value.trim(),
+      capabilities: capabilitiesList(),
+      metadataUri: 'not_uploaded',
+      agentId: 'unknown_until_registered',
+      ownerAddress: 'unknown_until_wallet_confirmed',
+      validatorAddress: 'unknown_until_validator_selected',
+    },
+    review: {
+      controllerNote: fields.controller.value.trim(),
+      reputationNote: fields.reputation.value.trim(),
+      validationRequirement: fields.validation.value.trim(),
+      ownerCannotSelfValidate: true,
+      futureRegistrationRequiresSeparatePr: true,
+    },
+    safety: safetyFlags(),
+  };
+}
+
+function render() {
+  const profile = profileObject();
+  const profileFrozen = state === 'profile_frozen_for_review';
+  nodes.status.textContent = state;
+  nodes.registries.textContent = JSON.stringify(ARC_IDENTITY_PREVIEW.registries, null, 2);
+  nodes.safety.textContent = JSON.stringify(safetyFlags(), null, 2);
+  nodes.profile.textContent = JSON.stringify(profile, null, 2);
+  for (const field of Object.values(fields)) {
+    field.disabled = profileFrozen;
+  }
+  buttons.freeze.disabled = profileFrozen;
+}
+
+buttons.freeze.addEventListener('click', () => {
+  state = 'profile_frozen_for_review';
+  frozenAt = new Date().toISOString();
+  render();
+});
+buttons.reset.addEventListener('click', () => {
+  state = 'draft_profile';
+  frozenAt = null;
+  fields.name.value = 'Research Buyer Agent';
+  fields.type.value = 'research';
+  fields.capabilities.value = 'quote-paid-data, prepare-payment-intent, explain-source-cost';
+  fields.controller.value = 'Controller address is unknown until a reviewed wallet integration exists.';
+  fields.reputation.value = 'External validators should record feedback only after observable outcomes.';
+  fields.validation.value = 'Validation status remains unknown until an external validator responds on Arc Testnet.';
+  render();
+});
+for (const field of Object.values(fields)) {
+  field.addEventListener('input', render);
+}
+render();

arc_builder_kit/examples/agent-identity-profile-preview/index.html

@@ -0,0 +1,104 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="description" content="Local-only ERC-8004 agent identity profile preview for Arc Testnet." />
+  <title>Agent Identity Profile Preview · Arc MCP Builder Assistant</title>
+  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self'; object-src 'none'; base-uri 'none'; form-action 'none'; upgrade-insecure-requests" />
+  <link rel="icon" type="image/svg+xml" href="data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%232563eb'/%3E%3Cstop offset='1' stop-color='%2306b6d4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='64' height='64' rx='16' fill='url(%23g)'/%3E%3Ctext x='50%25' y='55%25' text-anchor='middle' font-family='Inter,Arial,sans-serif' font-size='38' font-weight='900' fill='white'%3EA%3C/text%3E%3C/svg%3E" />
+  <style>
+    :root { color-scheme: dark; --bg: #070814; --panel: rgba(255,255,255,.08); --line: rgba(255,255,255,.16); --text: #fbfbff; --muted: #c9c4dc; --accent: #7cf7d4; --violet: #b697ff; --warn: #ffd166; --good: #8dffbd; }
+    * { box-sizing: border-box; }
+    html { scroll-behavior: smooth; }
+    body { margin: 0; min-height: 100vh; color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.62; background: radial-gradient(circle at 0% 0%, rgba(124,247,212,.2), transparent 36rem), radial-gradient(circle at 100% 4%, rgba(182,151,255,.22), transparent 38rem), linear-gradient(180deg, #070814 0%, #111832 72%, #070814 100%); }
+    a { color: var(--accent); text-decoration: none; }
+    a:hover { text-decoration: underline; }
+    a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
+    .skip-link { position: absolute; left: -9999px; top: 12px; z-index: 10; padding: 10px 14px; border-radius: 999px; background: var(--accent); color: #06110f; font-weight: 950; }
+    .skip-link:focus { left: 12px; }
+    .wrap { width: min(1160px, calc(100% - 32px)); margin: 0 auto; }
+    header { padding: 26px 0 12px; }
+    .topbar, nav, .actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
+    .topbar { justify-content: space-between; }
+    .brand { color: var(--text); font-weight: 950; letter-spacing: -.02em; }
+    nav a, button, .badge { border: 1px solid var(--line); border-radius: 999px; padding: 10px 14px; background: rgba(255,255,255,.055); color: var(--text); font-weight: 850; }
+    button { cursor: pointer; }
+    button.primary { background: var(--accent); border-color: transparent; color: #06110f; }
+    button:disabled { opacity: .5; cursor: not-allowed; }
+    .hero { display: grid; grid-template-columns: 1.04fr .96fr; gap: 18px; padding: 34px 0 22px; }
+    .panel, .card { border: 1px solid var(--line); border-radius: 28px; background: linear-gradient(180deg, rgba(255,255,255,.1), var(--panel)); box-shadow: 0 22px 80px rgba(0,0,0,.34); padding: clamp(20px, 4vw, 32px); }
+    .eyebrow { color: var(--accent); font-size: .78rem; letter-spacing: .16em; text-transform: uppercase; font-weight: 950; }
+    h1, h2, h3 { letter-spacing: -.035em; line-height: 1.08; }
+    h1 { margin: 12px 0 14px; font-size: clamp(2.15rem, 7vw, 4.5rem); }
+    h2 { margin-top: 0; font-size: clamp(1.35rem, 3vw, 2rem); }
+    p, li, label { color: var(--muted); }
+    .layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 18px; align-items: start; padding-bottom: 72px; }
+    .grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
+    .field { display: grid; gap: 8px; margin-bottom: 14px; }
+    input, textarea { width: 100%; border: 1px solid var(--line); border-radius: 16px; background: rgba(0,0,0,.25); color: var(--text); padding: 12px 14px; font: inherit; }
+    textarea { min-height: 86px; resize: vertical; }
+    pre { white-space: pre-wrap; word-break: break-word; overflow-x: auto; padding: 18px; border-radius: 18px; border: 1px solid var(--line); background: rgba(0,0,0,.42); color: #eafff8; }
+    code { font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
+    .badge { display: inline-flex; width: fit-content; color: var(--accent); border-color: rgba(124,247,212,.36); background: rgba(124,247,212,.08); }
+    .warning { border-color: rgba(255,209,102,.36); background: rgba(255,209,102,.08); }
+    @media (max-width: 920px) { .hero, .layout, .grid { grid-template-columns: 1fr; } nav { display: none; } }
+    @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } }
+  </style>
+</head>
+<body>
+  <a class="skip-link" href="#content">Skip to content</a>
+  <header class="wrap">
+    <div class="topbar">
+      <a class="brand" href="../../">Arc MCP Builder Assistant</a>
+      <nav aria-label="Identity navigation">
+        <a href="../../">Home</a>
+        <a href="../../docs/view.html#agent-identity-profile-preview.md">Preview docs</a>
+        <a href="../../docs/view.html#agent-identity-erc8004.md">ERC-8004 notes</a>
+        <a href="../agent-commerce-flows/">Commerce flows</a>
+      </nav>
+    </div>
+  </header>
+  <main id="content" class="wrap">
+    <section class="hero">
+      <div>
+        <p class="eyebrow">ERC-8004 · identity metadata only</p>
+        <h1>Draft an agent identity before registration exists.</h1>
+        <p>Build a local profile object for Arc Testnet agent-commerce demos. Freeze the profile for review, but do not create wallets, upload metadata, sign, or broadcast.</p>
+        <p class="badge" id="status-badge">draft_profile</p>
+      </div>
+      <div class="panel warning">
+        <h2>Safety boundary</h2>
+        <ul>
+          <li>This preview is unregistered and local-only.</li>
+          <li>Owner and validator roles are notes, not wallet authority.</li>
+          <li>Future live registration requires a separate PR with explicit human approval and Arc Testnet chain gating.</li>
+        </ul>
+      </div>
+    </section>
+    <section class="layout">
+      <div class="panel">
+        <h2>Profile editor</h2>
+        <div class="field"><label for="agent-name">Agent display name</label><input id="agent-name" value="Research Buyer Agent" /></div>
+        <div class="field"><label for="agent-type">Agent type</label><input id="agent-type" value="research" /></div>
+        <div class="field"><label for="capabilities">Capabilities, comma-separated</label><textarea id="capabilities">quote-paid-data, prepare-payment-intent, explain-source-cost</textarea></div>
+        <div class="field"><label for="controller-note">Controller note</label><textarea id="controller-note">Controller address is unknown until a reviewed wallet integration exists.</textarea></div>
+        <div class="field"><label for="reputation-note">Reputation note</label><textarea id="reputation-note">External validators should record feedback only after observable outcomes.</textarea></div>
+        <div class="field"><label for="validation-note">Validation requirement</label><textarea id="validation-note">Validation status remains unknown until an external validator responds on Arc Testnet.</textarea></div>
+        <div class="actions">
+          <button class="primary" id="freeze-profile">Freeze profile draft</button>
+          <button id="reset-profile">Reset</button>
+        </div>
+      </div>
+      <div>
+        <div class="grid">
+          <article class="card"><h2>Registries</h2><pre id="registry-json"></pre></article>
+          <article class="card"><h2>Safety flags</h2><pre id="safety-json"></pre></article>
+        </div>
+        <article class="panel" style="margin-top:16px"><h2>Agent identity preview JSON</h2><pre id="profile-json"></pre></article>
+      </div>
+    </section>
+  </main>
+  <script src="./identity.js" defer></script>
+</body>
+</html>

arc_builder_kit/examples/arc-agent-treasury-lab/index.html

@@ -0,0 +1,152 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="description" content="Local Arc Agent Treasury lab for testing x402 earnings, compute budgets, replay protection, and verified agentic loops." />
+  <title>Arc Agent Treasury Lab · Arc MCP Builder Assistant</title>
+  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self'; object-src 'none'; base-uri 'none'; form-action 'none'; upgrade-insecure-requests" />
+  <style>
+    :root { color-scheme: dark; --bg: #090b10; --surface: #11151d; --surface-2: #171d27; --line: #293241; --text: #f6f7f9; --muted: #aeb8c7; --green: #5ee6a8; --cyan: #5dc8e8; --amber: #f2c66d; --red: #ff8c8c; --focus: #ffffff; }
+    * { box-sizing: border-box; }
+    body { margin: 0; min-height: 100vh; background: var(--bg); color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.5; }
+    a { color: var(--cyan); text-decoration: none; }
+    a:hover { text-decoration: underline; }
+    button, input, select { font: inherit; }
+    button:focus-visible, input:focus-visible, select:focus-visible, a:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
+    .skip { position: absolute; left: -9999px; top: 8px; padding: 8px 12px; background: var(--text); color: var(--bg); }
+    .skip:focus { left: 8px; }
+    .wrap { width: min(1380px, calc(100% - 28px)); margin: 0 auto; }
+    header { border-bottom: 1px solid var(--line); background: #0c1016; }
+    .topbar { min-height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
+    .brand { color: var(--text); font-weight: 850; }
+    nav { display: flex; gap: 16px; flex-wrap: wrap; font-size: 14px; }
+    main { padding: 22px 0 60px; }
+    .page-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
+    h1 { margin: 0; font-size: clamp(28px, 4vw, 48px); letter-spacing: 0; }
+    h2 { margin: 0 0 14px; font-size: 18px; letter-spacing: 0; }
+    p { color: var(--muted); }
+    .boundary { max-width: 620px; margin: 0; text-align: right; font-size: 14px; }
+    .metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 12px; }
+    .metric, .panel { border: 1px solid var(--line); background: var(--surface); border-radius: 8px; }
+    .metric { padding: 15px; }
+    .metric span { display: block; color: var(--muted); font-size: 12px; text-transform: uppercase; font-weight: 800; }
+    .metric strong { display: block; margin-top: 7px; font-size: 22px; overflow-wrap: anywhere; }
+    .layout { display: grid; grid-template-columns: minmax(320px, .78fr) minmax(420px, 1.22fr); gap: 12px; align-items: start; }
+    .stack { display: grid; gap: 12px; min-width: 0; }
+    .panel { padding: 17px; min-width: 0; }
+    .fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
+    .field { display: grid; gap: 6px; min-width: 0; }
+    .field.wide { grid-column: 1 / -1; }
+    label { color: var(--muted); font-size: 12px; font-weight: 750; }
+    input, select { width: 100%; min-width: 0; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-2); color: var(--text); padding: 10px 11px; }
+    input:disabled, select:disabled { opacity: .55; }
+    .actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
+    button { border: 1px solid var(--line); border-radius: 6px; background: var(--surface-2); color: var(--text); padding: 10px 13px; font-weight: 800; cursor: pointer; }
+    button.primary { background: var(--green); color: #07130e; border-color: var(--green); }
+    button.run { background: var(--cyan); color: #061116; border-color: var(--cyan); }
+    button:disabled { opacity: .42; cursor: not-allowed; }
+    .status-line { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
+    .pill { display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: 999px; padding: 5px 9px; color: var(--green); font-size: 12px; font-weight: 850; text-transform: uppercase; }
+    .decision { margin: 0; padding: 11px; border-left: 3px solid var(--amber); background: var(--surface-2); color: var(--muted); overflow-wrap: anywhere; }
+    .decision[data-verdict="approved"] { border-color: var(--green); color: var(--green); }
+    .decision[data-verdict="denied"], .decision[data-verdict="error"] { border-color: var(--red); color: var(--red); }
+    .ledger { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; max-height: 330px; overflow: auto; }
+    .ledger li { display: grid; grid-template-columns: 160px 1fr; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--line); }
+    .ledger strong { color: var(--cyan); font-size: 12px; text-transform: uppercase; }
+    .ledger span { color: var(--muted); overflow-wrap: anywhere; }
+    pre { margin: 0; max-height: 620px; overflow: auto; white-space: pre-wrap; word-break: break-word; border: 1px solid var(--line); border-radius: 6px; background: #080b0f; color: #dbe7ef; padding: 13px; font-size: 12px; }
+    .safety { margin: 14px 0 0; padding-left: 18px; color: var(--muted); font-size: 13px; }
+    @media (max-width: 980px) { .layout { grid-template-columns: 1fr; } .boundary { text-align: left; } .page-head { align-items: start; flex-direction: column; } }
+    @media (max-width: 680px) { .metrics, .fields { grid-template-columns: 1fr; } .field.wide { grid-column: auto; } nav { display: none; } .ledger li { grid-template-columns: 1fr; gap: 3px; } }
+    @media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }
+  </style>
+</head>
+<body>
+  <a class="skip" href="#content">Skip to content</a>
+  <header>
+    <div class="wrap topbar">
+      <a class="brand" href="../../">Arc MCP Builder Assistant</a>
+      <nav aria-label="Treasury lab navigation">
+        <a href="../../">Home</a>
+        <a href="../../docs/view.html#arc-agent-treasury-lab.md">Runbook</a>
+        <a href="../../docs/view.html#x402-mcp-manifest.md">x402 boundary</a>
+        <a href="../job-escrow-simulator/">Job escrow</a>
+      </nav>
+    </div>
+  </header>
+  <main id="content" class="wrap">
+    <div class="page-head">
+      <div>
+        <p class="pill" id="status" data-state="ready">ready</p>
+        <h1>Arc Agent Treasury Lab</h1>
+      </div>
+      <p class="boundary">Local simulation of x402 revenue, bounded compute spending, replay protection, and verify/repair loops. No wallet, custody, mainnet, backend, signing, settlement, or transaction broadcast.</p>
+    </div>
+
+    <section class="metrics" aria-label="Treasury metrics">
+      <div class="metric"><span>Balance</span><strong id="metric-balance">0 USDC</strong></div>
+      <div class="metric"><span>Earned</span><strong id="metric-earned">0 USDC</strong></div>
+      <div class="metric"><span>Compute spent</span><strong id="metric-spent">0 USDC</strong></div>
+      <div class="metric"><span>Net change</span><strong id="metric-net">0 USDC</strong></div>
+    </section>
+
+    <div class="layout">
+      <div class="stack">
+        <section class="panel">
+          <h2>Treasury policy</h2>
+          <div class="fields">
+            <div class="field"><label for="opening-balance">Opening balance, USDC</label><input id="opening-balance" value="5" inputmode="decimal" /></div>
+            <div class="field"><label for="reserve">Protected reserve, USDC</label><input id="reserve" value="2" inputmode="decimal" /></div>
+            <div class="field"><label for="daily-cap">Daily compute cap, USDC</label><input id="daily-cap" value="2" inputmode="decimal" /></div>
+            <div class="field"><label for="single-task-cap">Single-task cap, USDC</label><input id="single-task-cap" value="1" inputmode="decimal" /></div>
+            <div class="field"><label for="min-profit">Minimum worst-case profit, USDC</label><input id="min-profit" value="0.10" inputmode="decimal" /></div>
+            <div class="field"><label for="policy-attempts">Maximum attempts</label><input id="policy-attempts" type="number" min="1" max="5" value="5" /></div>
+          </div>
+        </section>
+
+        <section class="panel">
+          <h2>Paid request</h2>
+          <div class="fields">
+            <div class="field"><label for="request-id">Request ID</label><input id="request-id" value="req-1" /></div>
+            <div class="field"><label for="receipt-id">Local x402 receipt ID</label><input id="receipt-id" value="receipt-1" /></div>
+            <div class="field wide"><label for="service">Service</label><input id="service" value="Arc documentation research report" /></div>
+            <div class="field"><label for="quoted-revenue">Quoted revenue, USDC</label><input id="quoted-revenue" value="1.00" inputmode="decimal" /></div>
+            <div class="field"><label for="compute-cost">Compute per attempt, USDC</label><input id="compute-cost" value="0.15" inputmode="decimal" /></div>
+            <div class="field"><label for="task-attempts">Task attempt limit</label><input id="task-attempts" type="number" min="1" max="5" value="3" /></div>
+            <div class="field"><label for="scenario">Verification scenario</label><select id="scenario"><option value="pass_first">Pass first attempt</option><option value="fail_then_pass" selected>Repair then pass</option><option value="exhaust_retries">Exhaust retries</option></select></div>
+          </div>
+          <div class="actions">
+            <button class="primary" id="review-task">Review paid task</button>
+            <button class="run" id="run-loop" disabled>Run verified loop</button>
+            <button id="next-task" disabled>Next task</button>
+            <button id="reset-lab">Reset lab</button>
+          </div>
+        </section>
+
+        <section class="panel">
+          <h2>Policy decision</h2>
+          <p class="decision" id="decision" data-verdict="idle">No task reviewed yet.</p>
+          <ul class="safety">
+            <li>Revenue receipt and settlement are local simulation facts only.</li>
+            <li>Worst-case compute cost must preserve reserve, daily cap, single-task cap, and minimum profit.</li>
+            <li>Failed verification never emits a success claim and requires manual refund review.</li>
+          </ul>
+        </section>
+      </div>
+
+      <div class="stack">
+        <section class="panel">
+          <div class="status-line"><h2>Agentic loop ledger</h2><span class="pill">reproduce → execute → verify → repair</span></div>
+          <ol class="ledger" id="ledger"></ol>
+        </section>
+        <section class="panel">
+          <h2>Machine-readable treasury snapshot</h2>
+          <pre id="snapshot"></pre>
+        </section>
+      </div>
+    </div>
+  </main>
+  <script src="./treasury.js" defer></script>
+</body>
+</html>