@bongos/core 1.24.36 → 1.24.37

package/modules/hall-ui/public/money.js

@@ -0,0 +1,302 @@
+// money.js — the owner's one money page (task 1005047; owner decision 2026-11-03,
+// idea 1001312).
+//
+// WHY. What the project spent and paid out was drawn on three pages: Project
+// settings ("Where the money went"), the Economy page and then the Primer ("The
+// treasury, so far") and /fleet (what each hosted project costs). Each is a section
+// here now, drawn by the same code that drew it there, moved whole:
+//   * #payouts      — GET /project-account/outflow (+ /ledger-checks), the payout
+//                     authority's read (payout.approve). From project-settings.js.
+//   * #the-treasury — GET /public/cost-summary, the same feed the status page's
+//                     treasury chart draws. From primer-live.js (once drachmae.js).
+//   * #hosting      — GET /provisioning/fleet/cost-ledger, drawn by fleet-costs.js.
+//                     Its route exists only where the provisioning module is on and
+//                     answers only `provisioning.fleet.manage`, as /fleet did.
+// Each section stays hidden until its own read answers with something to draw, so a
+// reader a read refuses, or a hall without the module, sees no empty panel. If none
+// answers, one plain line says so instead of a page that never stops loading.
+//
+// The pure builders are exposed as window.OTBMoney so tests run the real drawing
+// against the checked-in fixtures; the page boots only where its sections exist.
+(() => {
+  'use strict';
+
+  const API = '/api/bongos';
+  const TREASURY_URL = `${API}/public/cost-summary`;
+  const escapeHtml = (s) => window.OTB.escapeHtml(s);
+  const esc = escapeHtml;
+  const $ = (id) => document.getElementById(id);
+  const currencyLabel = () => (window.__BRANDING__ && window.__BRANDING__.currency
+    && window.__BRANDING__.currency.label) || 'credits';
+  const caps = (s) => s.charAt(0).toUpperCase() + s.slice(1);
+
+  // ---- where the money went (task 1003184, criterion money-outflow-visible) --------
+  //
+  // The owner's outflow view. The server sums every figure (modules/economy/outflow.js);
+  // this only draws it. It leads with what is left AFTER what is owed, because a balance
+  // that looks healthy while it owes three payouts is the trap the view exists to show.
+  // Any outcome but a 200 leaves the section hidden: the read is the payout authority's,
+  // and everyone else on this page has nothing to see here, not an error.
+
+  const money = (micro) => {
+    const usd = Number(micro || 0) / 1e6;
+    const abs = Math.abs(usd).toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+    return `${usd < 0 ? '−' : ''}$${abs}`;
+  };
+  const monthLabel = (ym) => {
+    const [y, m] = String(ym).split('-').map(Number);
+    return new Date(Date.UTC(y, m - 1, 1)).toLocaleDateString(undefined, { month: 'short', year: 'numeric', timeZone: 'UTC' });
+  };
+  const dayLabel = (iso) => (iso ? new Date(iso).toLocaleDateString() : '');
+
+  function moneyFiguresHtml(out) {
+    const c = out.committed;
+    const after = out.balance.after_commitments_micro;
+    const fig = (label, value, note, tone) => `<div class="ps-money__fig${tone ? ` ps-money__fig--${tone}` : ''}">
+        <span class="ps-money__label">${escapeHtml(label)}</span>
+        <strong class="ps-money__value">${escapeHtml(value)}</strong>
+        <span class="ps-money__note">${escapeHtml(note)}</span>
+      </div>`;
+    const owedNote = c.owed_count === 1 ? '1 payment' : `${c.owed_count} payments`;
+    const apprNote = c.approved_count === 1 ? '1 approval' : `${c.approved_count} approvals`;
+    return `<div class="ps-money__figs">
+      ${fig('Balance', money(out.balance.available_micro), c.held_micro ? `after ${money(c.held_micro)} held` : 'on our record')}
+      ${fig('Owed but not paid', money(c.owed_micro), owedNote, c.owed_micro ? 'warn' : '')}
+      ${fig('Approved, not started', money(c.approved_micro), apprNote, c.approved_micro ? 'warn' : '')}
+      ${fig('Left after all of that', money(after), after < 0 ? 'the project owes more than it holds' : 'what is really free', after < 0 ? 'bad' : '')}
+    </div>${c.other_currency_count ? `<p class="ps-prov">${c.other_currency_count} more in a currency other than US dollars, not added in.</p>` : ''}`;
+  }
+
+  // The payout's latest try in words. A reason is either the processor's own sentence, shown
+  // as it is, or one of core's held codes (builder-payouts.js HELD_WORDS). The codes an owner
+  // can act on get a short phrase here; any other code is left out rather than shown as a slug.
+  const TRY_WORDS = { held: 'Waiting', failed: 'Did not go through' };
+  const REASON_WORDS = {
+    no_processor: 'no payment processor connected yet',
+    recipient_gated: 'this person cannot be paid right now',
+    guardian_cosign_missing: 'a guardian has not co-signed yet',
+    currency_not_supported: 'not in US dollars',
+  };
+  function lastTryWords(r) {
+    if (!r.last_outcome) return 'Not tried yet';
+    const reason = String(r.last_reason || '');
+    const why = REASON_WORDS[reason] || (/^[a-z_]+$/.test(reason) ? '' : reason);
+    return `${TRY_WORDS[r.last_outcome] || r.last_outcome}${why ? ` — ${why}` : ''}`;
+  }
+
+  function owedHtml(out) {
+    const rows = out.committed.owed;
+    if (!rows.length) return '';
+    return `<h3 class="ps-money__h">Owed but not paid</h3>
+      <div class="ps-money__wrap"><table class="ledger">
+        <thead><tr><th>Builder</th><th>Task</th><th>Amount</th><th>Owed since</th><th>Last try</th></tr></thead>
+        <tbody>${rows.map((r) => `<tr>
+          <td>${escapeHtml(r.builder_name || `builder ${r.builder_id}`)}</td>
+          <td><a href="/builders/task/${encodeURIComponent(r.task_id)}">${escapeHtml(r.task_title || `task ${r.task_id}`)}</a></td>
+          <td>${escapeHtml(money(r.amount_micro))}</td>
+          <td>${escapeHtml(dayLabel(r.since))}</td>
+          <td>${escapeHtml(lastTryWords(r))}</td>
+        </tr>`).join('')}</tbody>
+      </table></div>`;
+  }
+
+  function buildersHtml(out) {
+    const rows = out.by_builder;
+    if (!rows.length) return '';
+    return `<h3 class="ps-money__h">By builder</h3>
+      <div class="ps-money__wrap"><table class="ledger">
+        <thead><tr><th>Builder</th><th>Spent</th><th>Paid</th><th>Owed</th><th>Approved</th></tr></thead>
+        <tbody>${rows.map((b) => `<tr>
+          <td>${escapeHtml(b.builder_name || `builder ${b.builder_id}`)}</td>
+          <td>${escapeHtml(money(b.spend_micro))}</td>
+          <td>${escapeHtml(money(b.paid_micro))}</td>
+          <td>${escapeHtml(money(b.owed_micro))}</td>
+          <td>${escapeHtml(money(b.approved_micro))}</td>
+        </tr>`).join('')}</tbody>
+      </table></div>
+      <p class="ps-prov">Spent is the recorded cost of each builder’s sessions (API, compute). Paid, owed and approved are payouts.</p>`;
+  }
+
+  function burnHtml(out) {
+    const months = out.burn.months;
+    if (!months.some((m) => m.total_micro > 0)) return '';
+    const bars = window.OTBKit.barSeriesHtml(
+      months.map((m) => ({ label: monthLabel(m.month), value: m.total_micro, valueLabel: money(m.total_micro) })),
+      { list: true, ariaLabel: 'Money out by month', valueWidth: '96px' });
+    return `<h3 class="ps-money__h">Money out, by month</h3>${bars}
+      <p class="ps-prov">Each month is recorded spend (${escapeHtml(money(months.reduce((s, m) => s + m.spend_micro, 0)))} over these ${months.length} months) plus payouts and fees out of the project account. Read from the cost log and the account’s own record.</p>`;
+  }
+
+  // The daily check of our record against the processor's (task 1004912). The newest check
+  // in words, and on a difference each one with both amounts. The blocker it raises is public
+  // and carries no numbers, so this is where the owner reads them.
+  const CHECK_WORDS = {
+    clean: 'Our records and the payment processor’s agree.',
+    drift: 'Our records and the payment processor’s differ.',
+    unchecked: 'Not checked: no payment processor is connected yet, so there is nothing to compare with.',
+    error: 'Could not check: the payment processor could not be read.',
+  };
+  function ledgerCheckHtml(out) {
+    const c = out && out.checks && out.checks[0];
+    if (!c) return '';
+    const words = out.kind_words || {};
+    const amt = (v) => (v === null || v === undefined ? '—' : money(v));
+    const rows = (c.findings || []).map((f) => `<tr>
+          <td>${escapeHtml(words[f.kind] || f.kind)}</td>
+          <td>${escapeHtml(f.ref || 'the project balance')}</td>
+          <td>${escapeHtml(amt(f.ours_micro))}</td>
+          <td>${escapeHtml(amt(f.theirs_micro))}</td>
+        </tr>`).join('');
+    return `<h3 class="ps-money__h">Daily check against the payment processor</h3>
+      <p class="ps-prov">${escapeHtml(dayLabel(c.created_at))}: ${escapeHtml(CHECK_WORDS[c.outcome] || c.outcome)}${c.outcome === 'clean' || c.outcome === 'drift' ? ` ${c.refs_compared} ${c.refs_compared === 1 ? 'movement' : 'movements'} compared.` : ''}</p>
+      ${rows ? `<div class="ps-money__wrap"><table class="ledger">
+        <thead><tr><th>Difference</th><th>Reference</th><th>Our record</th><th>Processor</th></tr></thead>
+        <tbody>${rows}</tbody>
+      </table></div>` : ''}`;
+  }
+
+  // ---- the treasury (task 1003446) -----------------------------------------
+
+  // One cumulative figure: the plot, the number it ends on, and the table twin
+  // that keeps it out of picture-only territory.
+  function treasuryFigure({ id, title, points, fmt, foot }) {
+    const kit = window.OTBKit;
+    if (!points.length) return '';
+    const last = points[points.length - 1];
+    const series = kit.timeStepSeriesHtml(points, { x0: points[0].x, x1: last.x, yMax: last.value });
+    const { endX, endY } = series.geometry;
+    const day = (t) => new Date(t).toISOString().slice(0, 10);
+    // Every 7th day plus the last: one row per calendar day would be a table
+    // nobody finishes reading.
+    const twinRows = points.filter((p, i) => i % 7 === 0 || i === points.length - 1);
+    return `<figure class="pchart" id="${esc(id)}">
+      <figcaption class="pchart__title">${esc(title)}</figcaption>
+      ${kit.plotSvgHtml({
+    series: series.body,
+    // No readout is wired here, so no focus stop and no dead crosshair.
+    interactive: false,
+    ariaLabel: `${title}: ${fmt(last.value)} as of ${day(last.x)}`,
+    label: kit.plotValueLabelHtml(endX, endY - 8, fmt(last.value), 'end'),
+    leftTick: day(points[0].x),
+    rightTick: day(last.x),
+  })}
+      <details class="pchart__twin">
+        <summary>Read it as a table</summary>
+        <table class="ledger pchart__table"><thead><tr><th>Day</th><th>${esc(title)}</th></tr></thead><tbody>
+        ${twinRows.map((p) => `<tr><td>${esc(day(p.x))}</td><td>${esc(fmt(p.value))}</td></tr>`).join('')}
+        </tbody></table>
+      </details>
+      <p class="pchart__foot">${esc(foot)}</p>
+    </figure>`;
+  }
+
+  function treasuryHtml(payload) {
+    const kit = window.OTBKit;
+    if (!payload || !kit) return '';
+    const currency = currencyLabel();
+    const usd = (n) => `$${Number(n || 0).toLocaleString(undefined, { maximumFractionDigits: 0 })}`;
+    const num = (n) => Number(n || 0).toLocaleString();
+    // The server already ran generate_series, so every calendar day is present
+    // and a flat run is a real flat run rather than a missing sample.
+    const spend = kit.cumulateByDay(payload.daily, { valueOf: (r) => r.amount_usd });
+    const earned = kit.cumulateByDay(payload.daily_credits, { valueOf: (r) => r.credits });
+    // Both series empty is a treasury with nothing in it yet: no section at all.
+    if (!spend.length && !earned.length) return '';
+    const figures = [
+      treasuryFigure({
+        id: 'treasury-spend', title: 'Spent, cumulative', points: spend, fmt: usd,
+        foot: 'Every recorded cost — API, infra, compute, art — added up day by day.',
+      }),
+      treasuryFigure({
+        id: 'treasury-earned', title: `${caps(currency)} awarded, cumulative`, points: earned, fmt: num,
+        foot: `What the project has awarded builders, in ${currency}, day by day.`,
+      }),
+    ].filter(Boolean).join('');
+    // Where the money went, as the kit's bar series. Categories arrive sorted
+    // biggest-first.
+    const byCategory = (payload.by_category || []).slice(0, 8);
+    const categories = byCategory.length
+      ? '<h3 class="ps-money__h" id="treasury-by-category">Spent, by kind</h3>'
+        + kit.barSeriesHtml(
+          byCategory.map((c) => ({ label: c.category, value: c.total_usd, valueLabel: usd(c.total_usd) })),
+          { list: true, ariaLabel: 'Spend by category', valueWidth: '84px' },
+        )
+      : '';
+    return '<p>These are this project’s real numbers, read from the server when you '
+      + `opened this page. It has spent <strong>${esc(usd(payload.total_usd))}</strong> `
+      + `and awarded <strong>${esc(num(payload.total_value_credits))} ${esc(currency)}</strong> `
+      + 'for the work that money bought.</p>'
+      + `<div class="pcharts">${figures}</div>`
+      + categories;
+  }
+
+  function payoutsHtml(out, checks) {
+    if (!out || !out.balance || !out.committed) return '';
+    return moneyFiguresHtml(out) + ledgerCheckHtml(checks) + owedHtml(out) + buildersHtml(out) + burnHtml(out);
+  }
+
+  // ---- the page -------------------------------------------------------------
+
+  // One GET, never a throw: any outcome but a 200 is "nothing here for you".
+  async function read(api, url) {
+    try {
+      const res = await api.request('GET', url);
+      return res.ok ? res.data : null;
+    } catch (_) { return null; }
+  }
+
+  function reveal(id, html) {
+    if (!html) return false;
+    $(`${id}-body`).innerHTML = html;
+    $(id).hidden = false;
+    return true;
+  }
+
+  async function loadPayouts(api) {
+    const out = await read(api, `${API}/project-account/outflow`);
+    if (!out || !out.balance || !out.committed) return false;
+    const checks = await read(api, `${API}/project-account/ledger-checks?limit=1`);
+    return reveal('payouts', payoutsHtml(out, checks));
+  }
+
+  async function loadTreasury(api) {
+    if (!window.OTBKit) {
+      console.warn('[money] OTBKit missing — the treasury section needs the chart primitive');
+      return false;
+    }
+    return reveal('the-treasury', treasuryHtml(await read(api, TREASURY_URL)));
+  }
+
+  async function loadHosting(api) {
+    const ledger = await read(api, `${API}/provisioning/fleet/cost-ledger`);
+    if (!ledger || !window.OTBFleetCosts) return false;
+    // its own scroll strip on a phone, as the payout tables have (hall-ui/CLAUDE.md)
+    return reveal('hosting', `<div class="ps-money__wrap">${window.OTBFleetCosts.ledgerHtml(ledger)}</div>`);
+  }
+
+  // A deep link (/money#hosting, or an old /fleet URL that serve-internal.js 302s
+  // here) arrives before its section is shown, so the browser's own jump found
+  // nothing. Once every section has settled, scroll the target into view.
+  function landOnHash() {
+    let id = '';
+    try { id = decodeURIComponent(window.location.hash.slice(1)); } catch (_) { return; }
+    const el = id && document.getElementById(id);
+    if (el && !el.hidden) el.scrollIntoView({ block: 'start' });
+  }
+
+  async function boot() {
+    const api = window.BongosClient.createClient({ baseUrl: '', credentials: 'same-origin', throwOnError: false });
+    const shown = await Promise.all([loadPayouts(api), loadTreasury(api), loadHosting(api)]);
+    if (!shown.some(Boolean)) $('money-empty').hidden = false;
+    landOnHash();
+  }
+
+  // `ready` settles when every section has (null where this is not the page).
+  let ready = null;
+  if (typeof document !== 'undefined' && document.getElementById && document.getElementById('payouts')) {
+    ready = document.readyState === 'loading'
+      ? new Promise((resolve) => document.addEventListener('DOMContentLoaded', () => resolve(boot())))
+      : boot();
+  }
+  window.OTBMoney = { payoutsHtml, treasuryHtml, lastTryWords, ready };
+})();

package/modules/hall-ui/public/money.states.json

@@ -0,0 +1,15 @@
+{
+  "_": "MONEY (task 1005047; once FLEET COSTS, task 1001949, ADR 0327) through modules/ui-design/kit/render.js. The page reads three authenticated routes — GET /project-account/outflow (payout.approve), GET /public/cost-summary and GET /provisioning/fleet/cost-ledger (provisioning.fleet.manage) — each section hidden until its own read answers. Against the kit's own stub every read fails, so the page shows its one 'Nothing to show yet' line, a state the floors must hold in. To look at the populated page run it against the hall-preview harness, whose fixtures answer all three (the ledger's two cloud hosts carry no recorded plan, the state live is in today):\n\n  node scripts/hall-preview/server.js --port 4620 --fixture-me\n  node modules/ui-design/kit/render.js --states modules/hall-ui/public/money.states.json --base-in http://localhost:4620 --base-out http://localhost:4620",
+  "page": "/builders/money",
+  "surface": "hall-ui",
+  "stub": { "prefix": "/builders/" },
+  "modeQuery": false,
+  "ignoreRequests": ["/api/(gds|bongos)/"],
+  "ignoreConsole": ["/api/(gds|bongos)/", "\\b401\\b", "\\b403\\b", "\\b404\\b", "Unauthorized", "Forbidden", "Not Found", "load failed"],
+  "states": {
+    "money": { "auth": true, "actions": [["wait", 800]], "expect": { "visible": ["main"] } },
+    "hosting": { "auth": true, "url": "/builders/money#hosting", "actions": [["wait", 800]] },
+    "out": { "auth": false, "actions": [["wait", 600]] }
+  },
+  "reducedMotion": { "auth": true, "actions": [["wait", 800]] }
+}

package/modules/hall-ui/public/my-agents.html

@@ -83,8 +83,8 @@
 
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
-<script src="/builders/craft-mode.js?v=2026-11-04-reading-room"></script>
-<script src="/builders/shell.js?v=2026-11-04-reading-room"></script>
+<script src="/builders/craft-mode.js?v=2026-11-04-money"></script>
+<script src="/builders/shell.js?v=2026-11-04-money"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/gov-living.js?v=2026-10-10-real1"></script>

package/modules/hall-ui/public/palette.js

@@ -76,6 +76,14 @@
       { label: 'Constitution', href: '/government#constitution' },
       { label: 'Ranks & Permissions', href: '/government#ranks' },
     ] },
+    // task 1005047: the owner's one money page, a section per kind of money. The
+    // treasury lived in the Primer (and before that on the Economy page) until then,
+    // so 'Treasury' still finds it.
+    { parent: 'Money', gate: 'nav-money', items: [
+      { label: 'Where the money went', href: '/money#payouts' },
+      { label: 'Treasury', href: '/money#the-treasury' },
+      { label: 'Hosting costs (Fleet)', href: '/money#hosting' },
+    ] },
     { parent: 'My agents', gate: 'nav-my-agents', items: [
       { label: 'How it talks to you', href: '/my-agents#talk' },
       { label: 'How your agents work', href: '/my-agents#work' },
@@ -86,14 +94,13 @@
     // task 1005046: the Primer is the one reading room, so the rank ladder, the
     // economy and the diagrams that had pages of their own are its chapters
     // now. Each row is a chapter's h2 slug (md-reader.js slugify over
-    // docs/onboarding/primer.md) or one of the credits chapter's live sections
+    // docs/onboarding/primer.md) or the credits chapter's live section
     // (primer-live.js SECTIONS); 'Economy' rides the label so the word a
     // builder used to type still finds the place.
     { parent: 'Primer', gate: 'nav-primer', items: [
       { label: 'Task lifecycle', href: '/primer#the-claim-ship-lifecycle' },
       { label: 'Rank ladder', href: '/primer#the-rank-ladder' },
       { label: 'Credits and karma (Economy)', href: '/primer#credits-and-karma' },
-      { label: 'Treasury', href: '/primer#the-treasury' },
       { label: 'Security bounty rates', href: '/primer#security-bounty-rates' },
       { label: 'Versions', href: '/primer#how-versions-organise-the-work' },
     ] },

package/modules/hall-ui/public/primer-live.js

@@ -1,37 +1,33 @@
-// primer-live.js — the two LIVE sections of the Primer's "Credits and karma"
-// chapter: the project's treasury (what it has spent, and what it has awarded
-// builders for that spend) and the published security bounty rates.
+// primer-live.js — the LIVE section of the Primer's "Credits and karma" chapter:
+// the published security bounty rates.
 //
 // Task 1005046 (owner decision 2026-11-03, idea 1001311): the Economy page
 // (/drachmae) folded into the Primer so credits and karma are explained once.
-// Its prose became the chapter; these two sections are the part that was never
-// prose — numbers read from the server when the reader opens the page — so they
-// moved here whole, from drachmae.js (tasks 2174 and 1003446), as a small
-// module primer.js calls rather than more lines in primer.js.
+// Its prose became the chapter; its two live sections — numbers read from the
+// server when the reader opens the page — moved here whole, from drachmae.js
+// (tasks 2174 and 1003446), as a small module primer.js calls.
 //
-// The contract each section keeps, unchanged from the Economy page:
-//   * it reads an endpoint that already existed — /public/cost-summary (the
-//     status page's treasury chart) and /public/bounty-table — no new route;
-//   * every mark is drawn by the shared chart kit (hall-kit.js, window.OTBKit);
+// Task 1005047 (owner decision 2026-11-03, idea 1001312): the other one, "The
+// treasury, so far", is a money figure, and every money figure the hall draws is
+// on the owner's one money page now (money.js, #the-treasury). The chapter links
+// there. The bounty rate card stays: it is the rule for an award, not a sum.
+//
+// The contract the section keeps, unchanged from the Economy page:
+//   * it reads an endpoint that already existed — /public/bounty-table;
 //   * the currency word is the branding pack's, never a hardcoded unit;
 //   * a feed that cannot be read degrades to NOTHING — the section is removed,
-//     never left as an empty panel or an outline entry that leads nowhere.
-// What is new: each section is placed the moment the article renders, with a
-// Loading… line, so the reader sees that something is on its way.
+//     never left as an empty panel or an outline entry that leads nowhere;
+//   * it is placed the moment the article renders, with a Loading… line, so the
+//     reader sees that something is on its way.
 
 (() => {
   'use strict';
 
   const BOUNTY_URL = '/api/bongos/public/bounty-table';
-  // NOT a new endpoint: the same /public/cost-summary the signed-out status page
-  // draws as a cumulative line. Its `daily[]` is "the treasury chart's
-  // cumulative line"; the series was in the payload all along.
-  const TREASURY_URL = '/api/bongos/public/cost-summary';
 
-  // The two sections' addresses. Kept from the Economy page, so a link someone
-  // copied there (/drachmae#the-treasury) names the same section here.
+  // The section's address, kept from the Economy page, so a link someone copied
+  // there (/drachmae#security-bounty-rates) names the same section here.
   const SECTIONS = {
-    treasury: { id: 'the-treasury', title: 'The treasury, so far' },
     bounty: { id: 'security-bounty-rates', title: 'Security bounty rates' },
   };
 
@@ -101,88 +97,5 @@
     return settle(section, bountyHtml(await readJson(BOUNTY_URL)));
   }
 
-  // ---- the treasury (task 1003446) -----------------------------------------
-
-  // One cumulative figure: the plot, the number it ends on, and the table twin
-  // that keeps it out of picture-only territory.
-  function treasuryFigure({ id, title, points, fmt, foot }) {
-    const kit = window.OTBKit;
-    if (!points.length) return '';
-    const last = points[points.length - 1];
-    const series = kit.timeStepSeriesHtml(points, { x0: points[0].x, x1: last.x, yMax: last.value });
-    const { endX, endY } = series.geometry;
-    const day = (t) => new Date(t).toISOString().slice(0, 10);
-    // Every 7th day plus the last: one row per calendar day would be a table
-    // nobody finishes reading.
-    const twinRows = points.filter((p, i) => i % 7 === 0 || i === points.length - 1);
-    return `<figure class="pchart" id="${esc(id)}">
-      <figcaption class="pchart__title">${esc(title)}</figcaption>
-      ${kit.plotSvgHtml({
-    series: series.body,
-    // No readout is wired here, so no focus stop and no dead crosshair.
-    interactive: false,
-    ariaLabel: `${title}: ${fmt(last.value)} as of ${day(last.x)}`,
-    label: kit.plotValueLabelHtml(endX, endY - 8, fmt(last.value), 'end'),
-    leftTick: day(points[0].x),
-    rightTick: day(last.x),
-  })}
-      <details class="pchart__twin">
-        <summary>Read it as a table</summary>
-        <table class="ledger pchart__table"><thead><tr><th>Day</th><th>${esc(title)}</th></tr></thead><tbody>
-        ${twinRows.map((p) => `<tr><td>${esc(day(p.x))}</td><td>${esc(fmt(p.value))}</td></tr>`).join('')}
-        </tbody></table>
-      </details>
-      <p class="pchart__foot">${esc(foot)}</p>
-    </figure>`;
-  }
-
-  function treasuryHtml(payload) {
-    const kit = window.OTBKit;
-    if (!payload || !kit) return '';
-    const currency = currencyLabel();
-    const usd = (n) => `$${Number(n || 0).toLocaleString(undefined, { maximumFractionDigits: 0 })}`;
-    const num = (n) => Number(n || 0).toLocaleString();
-    // The server already ran generate_series, so every calendar day is present
-    // and a flat run is a real flat run rather than a missing sample.
-    const spend = kit.cumulateByDay(payload.daily, { valueOf: (r) => r.amount_usd });
-    const earned = kit.cumulateByDay(payload.daily_credits, { valueOf: (r) => r.credits });
-    // Both series empty is a treasury with nothing in it yet: no section at all.
-    if (!spend.length && !earned.length) return '';
-    const figures = [
-      treasuryFigure({
-        id: 'treasury-spend', title: 'Spent, cumulative', points: spend, fmt: usd,
-        foot: 'Every recorded cost — API, infra, compute, art — added up day by day.',
-      }),
-      treasuryFigure({
-        id: 'treasury-earned', title: `${caps(currency)} awarded, cumulative`, points: earned, fmt: num,
-        foot: `What the project has awarded builders, in ${currency}, day by day.`,
-      }),
-    ].filter(Boolean).join('');
-    // Where the money went, as the kit's bar series. Categories arrive sorted
-    // biggest-first.
-    const byCategory = (payload.by_category || []).slice(0, 8);
-    const categories = byCategory.length
-      ? '<h4 id="treasury-by-category">Where it went</h4>'
-        + kit.barSeriesHtml(
-          byCategory.map((c) => ({ label: c.category, value: c.total_usd, valueLabel: usd(c.total_usd) })),
-          { list: true, ariaLabel: 'Spend by category', valueWidth: '84px' },
-        )
-      : '';
-    return '<p>These are this project’s real numbers, read from the server when you '
-      + `opened this page. It has spent <strong>${esc(usd(payload.total_usd))}</strong> `
-      + `and awarded <strong>${esc(num(payload.total_value_credits))} ${esc(currency)}</strong> `
-      + 'for the work that money bought.</p>'
-      + `<div class="pcharts">${figures}</div>`
-      + categories;
-  }
-
-  async function fillTreasury(section) {
-    if (!window.OTBKit) {
-      console.warn('[primer] OTBKit missing — the treasury section needs the chart primitive');
-      return settle(section, '');
-    }
-    return settle(section, treasuryHtml(await readJson(TREASURY_URL)));
-  }
-
-  window.OTBPrimerLive = { SECTIONS, placeholder, fillBounty, fillTreasury, bountyHtml, treasuryHtml };
+  window.OTBPrimerLive = { SECTIONS, placeholder, fillBounty, bountyHtml };
 })();

package/modules/hall-ui/public/primer.html

@@ -112,19 +112,18 @@
 
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
-<script src="/builders/craft-mode.js?v=2026-11-04-reading-room"></script>
-<script src="/builders/shell.js?v=2026-11-04-reading-room"></script>
+<script src="/builders/craft-mode.js?v=2026-11-04-money"></script>
+<script src="/builders/shell.js?v=2026-11-04-money"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- the shared markdown reader (window.OTBMdReader) — primer.js renders through
      it rather than carrying a second copy of the grammar. -->
 <script src="/builders/md-reader.js" defer></script>
-<!-- The credits chapter's live sections (task 1005046, from the retired Economy
-     page): the chart kit first, then the module that draws with it, both before
-     primer.js, which places them once the article renders. -->
-<script src="/builders/hall-kit.js" defer></script>
-<script src="/builders/primer-live.js?v=2026-11-04-reading-room" defer></script>
-<script src="/builders/primer.js?v=2026-11-04-reading-room-lazy" defer></script>
+<!-- The credits chapter's live section (task 1005046, from the retired Economy
+     page), before primer.js, which places it once the article renders. Its chart
+     kit went with the treasury to the money page (task 1005047). -->
+<script src="/builders/primer-live.js?v=2026-11-04-money" defer></script>
+<script src="/builders/primer.js?v=2026-11-04-money" defer></script>
 <script src="/builders/diagram-viewer.js?v=2026-11-04-reading-room" defer></script>
 <script src="/builders/copy-on-click.js?v=2026-06-01-copy-1" defer></script>
 </body>

package/modules/hall-ui/public/primer.js

@@ -55,11 +55,11 @@
     { id: 'get-set-up-on-your-machine',       src: '/builders/diagrams/04-architecture.png',   alt: 'The complete architecture: your machine holds the worker, the code and your local memory; the server is the authority and production; GitHub holds the repo — and the path a change takes to production' },
   ];
 
-  // The chapter the two live sections close (task 1005046, moved from the
-  // retired /drachmae page): what the treasury has actually spent and paid, and
-  // the published security bounty rates. They go at the end of this chapter,
-  // ahead of the next one, as h3s — so the table of contents stays one line per
-  // chapter and a deep link (#the-treasury, #security-bounty-rates) still works.
+  // The chapter the live section closes (task 1005046, moved from the retired
+  // /drachmae page): the published security bounty rates. It goes at the end of
+  // this chapter, ahead of the next one, as an h3 — so the table of contents stays
+  // one line per chapter and a deep link (#security-bounty-rates) still works.
+  // (The treasury it once sat beside is on the money page since task 1005047.)
   const LIVE_CHAPTER_ID = 'credits-and-karma';
 
   // -----------------------------------------------------------------------
@@ -137,21 +137,20 @@
     }
   }
 
-  // The live sections of the credits chapter (primer-live.js). Placed at the
-  // END of that chapter — ahead of the next h2 — each with a Loading… line, and
+  // The live section of the credits chapter (primer-live.js). Placed at the
+  // END of that chapter — ahead of the next h2 — with a Loading… line, and
   // removed outright if its feed cannot be read, so the chapter never shows an
   // empty panel or an outline entry that leads nowhere.
   //
   // FETCHED ON APPROACH, not on load. The Primer is the hall's most-read page
   // and three old URLs now land on it, while most readers never scroll to the
-  // treasury; firing /public/cost-summary (a day-by-day cumulative query) and
-  // /public/bounty-table on every open would spend that on readers who never
-  // see it. So the two reads start when the reader comes within a screen of
-  // the sections — or at once when the address points at the credits chapter
-  // or either section (an old /drachmae link), so a deep link lands on their
-  // final layout. Resolves when there is nothing left to wait for before
+  // rate card; firing /public/bounty-table on every open would spend that on
+  // readers who never see it. So the read starts when the reader comes within a
+  // screen of the section — or at once when the address points at the credits
+  // chapter or the section itself (an old /drachmae link), so a deep link lands
+  // on its final layout. Resolves when there is nothing left to wait for before
   // landing: after the fills on a deep link, at once otherwise.
-  const LIVE_HASHES = new Set([LIVE_CHAPTER_ID, 'the-treasury', 'security-bounty-rates']);
+  const LIVE_HASHES = new Set([LIVE_CHAPTER_ID, 'security-bounty-rates']);
   function insertLiveSections(articleEl) {
     const live = window.OTBPrimerLive;
     const h = articleEl.querySelector(`h2[id="${LIVE_CHAPTER_ID}"]`);
@@ -159,13 +158,13 @@
     let next = h.nextElementSibling;
     while (next && next.tagName !== 'H2') next = next.nextElementSibling;
     const place = (el) => { if (next) articleEl.insertBefore(el, next); else articleEl.appendChild(el); };
-    const treasury = live.placeholder('treasury');
+    // task 1005047: the treasury left for the money page (money.js); the chapter's
+    // prose links there, so the bounty rate card is the one live section.
     const bounty = live.placeholder('bounty');
-    place(treasury);
     place(bounty);
     let started = null;
     const fill = () => {
-      if (!started) started = Promise.allSettled([live.fillTreasury(treasury), live.fillBounty(bounty)]);
+      if (!started) started = Promise.allSettled([live.fillBounty(bounty)]);
       return started;
     };
     let hash = '';
@@ -176,7 +175,6 @@
       io.disconnect();
       fill();
     }, { rootMargin: '100% 0px' });
-    io.observe(treasury);
     io.observe(bounty);
     return Promise.resolve();
   }

package/modules/hall-ui/public/profile.html

@@ -207,8 +207,8 @@
      chrome exists before the page script runs. -->
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
-<script src="/builders/craft-mode.js?v=2026-11-04-reading-room"></script>
-<script src="/builders/shell.js?v=2026-11-04-reading-room"></script>
+<script src="/builders/craft-mode.js?v=2026-11-04-money"></script>
+<script src="/builders/shell.js?v=2026-11-04-money"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- task 1004727: the ONE karma vote control every task/idea list renders -->

package/modules/hall-ui/public/project-settings.css

@@ -247,7 +247,8 @@
 }
 .ps-ship__choice input { margin-top: 4px; flex: 0 0 auto; }
 
-/* Where the money went (task 1003184). Four lead figures that wrap two-by-two on a
+/* Where the money went (task 1003184), drawn on money.html since task 1005047, which
+   loads this sheet for it. Four lead figures that wrap two-by-two on a
    phone; the tables scroll inside their own strip, never the page (hall-ui/CLAUDE.md). */
 .ps-money__figs {
   display: grid;