@bongos/core 1.24.35 → 1.24.37

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

@@ -1,431 +0,0 @@
-// drachmae.js — the in-hall reader for the "Drachmae & karma" doc (task 1472),
-// rebuilt as the hall's first REFERENCE room (task 1003473, goal 1000081).
-// Fetches the canonical markdown at /builders/drachmae-and-karma.md (mounted
-// from docs/onboarding/drachmae-and-karma.md — single source of truth, also the
-// one the primer links to) and renders it through the shared OTBMdReader, so
-// builders can read exactly how they get paid without leaving the hall.
-//
-// WHAT A REFERENCE OWES THAT THE PRIMER DOES NOT. People arrive at this page to
-// answer one question about how they get paid, so it is scanned and deep-linked
-// rather than read start to finish. Three things follow, and they are the whole
-// difference between this file and primer.js (the room itself — the layout, the
-// glass contents, the card — is room.css's, shared):
-//   * the outline goes to h3 depth and the scrollspy lights the section AND
-//     its part (the trail), with the phone toggle naming where the reader is;
-//   * every h2/h3/h4 carries its own link (.room-anchor), which copies the
-//     address on click, and a deep link lands after the async render;
-//   * there is no progress hairline and no acknowledge gate: a reference has
-//     no end to reach.
-//
-// task 2174: the red-team bounty rate card lives here. It is a published reward
-// SCHEDULE — reference material that reads the same for every builder — so it
-// belongs with the rest of the reward model. The doc's §"Red-team / security
-// bounty" describes it in prose; the LIVE numbers come from /public/bounty-table
-// and are inserted as a real section (h2 + table) ahead of the closing links,
-// so the outline and the scrollspy pick it up like any other section.
-
-(() => {
-  'use strict';
-
-  const DOC_URL = '/builders/drachmae-and-karma.md';
-  // The doc lives at docs/onboarding/, so relative links resolve against it.
-  const DOC_DIR = 'docs/onboarding/';
-  const BOUNTY_URL = '/api/bongos/public/bounty-table';
-  // task 1003446: the treasury feed. NOT a new endpoint — this is the same
-  // /public/cost-summary the signed-out status page already draws as a
-  // cumulative line and the Work board already fetches to read ONE scalar off
-  // (`total_value_credits`). Its own route comment calls `daily[]` "the
-  // treasury chart's cumulative line"; the series was in the payload the whole
-  // time, and the stranger got the chart while the builder got the number.
-  const TREASURY_URL = '/api/bongos/public/cost-summary';
-  const TREASURY_SECTION_ID = 'the-treasury';
-  const TREASURY_SECTION_TITLE = 'The treasury, so far';
-  const BOUNTY_SECTION_ID = 'security-bounty-rates';
-  const BOUNTY_SECTION_TITLE = 'Security bounty rates';
-  // The section the live table is inserted AHEAD of: the doc's closing links.
-  // Matched by its opening words, so a retitled footer falls back to appending.
-  const CLOSING_H2 = /^see it/i;
-  // The y (viewport space) treated as "where the reader is looking": below the
-  // sticky top bar, where the eye lands reading down a page.
-  const READING_LINE_Y = 100;
-  const LINK_ICON = '<svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6.6 9.4a2.7 2.7 0 0 0 3.8 0l2.3-2.3a2.7 2.7 0 0 0-3.8-3.8L7.7 4.5"/><path d="M9.4 6.6a2.7 2.7 0 0 0-3.8 0L3.3 8.9a2.7 2.7 0 0 0 3.8 3.8l1.2-1.2"/></svg>';
-
-  let repoBlobBase = null;
-  let repoTreeBase = null;
-
-  function $(sel) { return document.querySelector(sel); }
-
-  // The shell's toast (style.css .toast[data-visible="1"]), the same contract
-  // primer.js and copy-on-click.js speak; this page loads no dom-utils.js.
-  function toast(msg) {
-    const el = $('#toast');
-    if (!el) return;
-    el.textContent = msg;
-    el.dataset.type = 'info';
-    el.dataset.visible = '1';
-    clearTimeout(toast._t);
-    toast._t = setTimeout(() => { el.dataset.visible = '0'; }, 2400);
-  }
-
-  async function loadRepoInfoBases() {
-    try {
-      const r = await fetch('/api/bongos/public/repo-info', { credentials: 'same-origin' });
-      if (!r.ok) return;
-      const data = await r.json();
-      if (data && typeof data.blob_base === 'string') repoBlobBase = data.blob_base;
-      if (data && typeof data.tree_base === 'string') repoTreeBase = data.tree_base;
-    } catch (_) { /* links degrade to the original href */ }
-  }
-
-  // The live rate card as a real section of the article, placed ahead of the
-  // closing links so the doc still ends on "dig deeper". Returns false when the
-  // schedule can't be read: the prose section stays, and no empty table or
-  // outline entry that leads nowhere is rendered.
-  async function insertBountySection(article) {
-    let payload;
-    try {
-      const r = await fetch(BOUNTY_URL, { credentials: 'same-origin' });
-      if (!r.ok) throw new Error(`${BOUNTY_URL} → ${r.status}`);
-      payload = await r.json();
-    } catch (err) {
-      console.warn('[drachmae] bounty schedule unavailable:', err.message);
-      return false;
-    }
-    const rows = Array.isArray(payload && payload.table) ? payload.table : [];
-    if (!rows.length) return false;
-
-    const esc = window.OTBMdReader.escapeHtml;
-    const currency = payload.currency || 'credits';
-    const section = document.createElement('section');
-    section.innerHTML =
-      `<h2 id="${esc(BOUNTY_SECTION_ID)}">${esc(BOUNTY_SECTION_TITLE)}</h2>` +
-      `<p>Find a flaw in the system’s own walls and report it: rewards are paid in ` +
-      `${esc(currency)} by severity. These are the live numbers, read from the server ` +
-      `when you opened this page, so a tuned rate shows up here immediately.</p>` +
-      '<table><thead><tr><th>Severity</th>' +
-      `<th>${esc(currency.charAt(0).toUpperCase() + currency.slice(1))}</th>` +
-      '<th>What counts</th></tr></thead><tbody>' +
-      rows.map((r) => {
-        // `overridden` means this instance tuned the tier off its default.
-        const tuned = r.overridden ? ' <em>(tuned)</em>' : '';
-        return `<tr><td><strong>${esc(r.severity || '')}</strong></td>` +
-          `<td>${esc(String(r.drachmae ?? ''))}${tuned}</td>` +
-          `<td>${esc(r.blurb || '')}</td></tr>`;
-      }).join('') +
-      '</tbody></table>';
-    const closing = [...article.querySelectorAll('h2')].find((h) => CLOSING_H2.test(h.textContent.trim()));
-    if (closing) article.insertBefore(section, closing); else article.appendChild(section);
-    return true;
-  }
-
-  // ---- 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. `fmt` renders a value for a
-  // human; `rows` is the twin's own text, so the money and the credits can read
-  // differently without the chart knowing about either.
-  function treasuryFigure({ id, title, points, fmt, foot }) {
-    const kit = window.OTBKit;
-    const esc = window.OTBMdReader.escapeHtml;
-    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: a twin with one row per calendar day since
-    // May would be ~120 rows behind a disclosure 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>`;
-  }
-
-  // The live treasury as a real section of the article, ahead of the rate card.
-  // Returns false when the summary can't be read: the prose stays and no empty
-  // panel or outline entry that leads nowhere is rendered — the same contract
-  // insertBountySection keeps.
-  async function insertTreasurySection(article) {
-    if (!window.OTBKit) {
-      console.warn('[drachmae] OTBKit missing — the treasury section needs the chart primitive');
-      return false;
-    }
-    let payload;
-    try {
-      const r = await fetch(TREASURY_URL, { credentials: 'same-origin' });
-      if (!r.ok) throw new Error(`${TREASURY_URL} → ${r.status}`);
-      payload = await r.json();
-    } catch (err) {
-      console.warn('[drachmae] cost summary unavailable:', err.message);
-      return false;
-    }
-    const esc = window.OTBMdReader.escapeHtml;
-    const kit = window.OTBKit;
-    const currency = (window.__BRANDING__ && window.__BRANDING__.currency
-      && window.__BRANDING__.currency.label) || 'credits';
-    const Currency = currency.charAt(0).toUpperCase() + currency.slice(1);
-    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 — one honest line,
-    // not two empty plots.
-    if (!spend.length && !earned.length) return false;
-
-    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: `${Currency} awarded, cumulative`,
-        points: earned,
-        fmt: num,
-        foot: `What the project has paid builders, in ${esc(currency)}, day by day.`,
-      }),
-    ].filter(Boolean).join('');
-
-    // Where the money went, as the kit's bar series rather than a fourth
-    // hand-rolled one. Categories arrive sorted biggest-first.
-    const byCategory = (payload.by_category || []).slice(0, 8);
-    const categories = byCategory.length
-      ? `<h3 id="treasury-by-category">Where it went</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' },
-        )
-      : '';
-
-    const section = document.createElement('section');
-    section.innerHTML =
-      `<h2 id="${esc(TREASURY_SECTION_ID)}">${esc(TREASURY_SECTION_TITLE)}</h2>`
-      + `<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;
-
-    const bounty = article.querySelector(`#${BOUNTY_SECTION_ID}`);
-    const closing = [...article.querySelectorAll('h2')].find((h) => CLOSING_H2.test(h.textContent.trim()));
-    // Ahead of the rate card if it landed first, else ahead of the closing
-    // links, else appended: the doc keeps ending on "dig deeper" either way.
-    const before = (bounty && bounty.parentElement === article ? bounty : null) || closing;
-    if (before) article.insertBefore(section, before); else article.appendChild(section);
-    return true;
-  }
-
-  // The outline is read from the RENDERED headings rather than the parser's raw
-  // text, so `*not*` and a [link](…) in a heading arrive as plain words, and so
-  // the live section inserted above is simply one more heading in order.
-  function collectHeadings(article) {
-    return [...article.querySelectorAll('h2[id], h3[id]')].map((el) => ({
-      level: Number(el.tagName.charAt(1)), id: el.id, text: el.textContent.trim(),
-    }));
-  }
-
-  // h2s as the list, each h3 nested under its part; no numerals (room.css turns
-  // the room's counter off for a reference). Returns the flat list in document
-  // order, each entry carrying its part's id and title, which is what the
-  // scrollspy walks and what the phone toggle names.
-  function renderToc(headings) {
-    const list = $('#primer-toc-list');
-    if (!list) return [];
-    if (headings.length === 0) { list.innerHTML = '<li class="primer-toc__placeholder">(no sections)</li>'; return []; }
-    const esc = window.OTBMdReader.escapeHtml;
-    const link = (h) => `<a href="#${esc(h.id)}" data-section="${esc(h.id)}">${esc(h.text)}</a>`;
-    const parts = [];
-    for (const h of headings) {
-      const last = parts[parts.length - 1];
-      if (h.level === 3 && last) last.subs.push(h);
-      else parts.push({ head: h, subs: [] });
-    }
-    list.innerHTML = parts.map((p) =>
-      `<li>${link(p.head)}${p.subs.length
-        ? `<ol class="primer-toc__sub">${p.subs.map((s) => `<li>${link(s)}</li>`).join('')}</ol>`
-        : ''}</li>`
-    ).join('');
-    const flat = [];
-    for (const p of parts) {
-      flat.push({ id: p.head.id, parent: null, part: p.head.text });
-      for (const s of p.subs) flat.push({ id: s.id, parent: p.head.id, part: p.head.text });
-    }
-    return flat;
-  }
-
-  // The active entry is the LAST heading whose top has scrolled past the
-  // reading line, so it stays put through a section's paragraphs. Its part, when
-  // the active entry is an h3, is the trail; the toggle's middle names the part.
-  function setupScrollspy(sections) {
-    if (sections.length === 0) return;
-    const links = new Map();
-    for (const a of document.querySelectorAll('.primer-toc__list a')) links.set(a.dataset.section, a);
-    if (links.size === 0) return;
-    const current = $('#primer-toc-current');
-    let last = null;
-    function update() {
-      let active = null;
-      for (const s of sections) {
-        const el = document.getElementById(s.id);
-        if (!el) continue;
-        if (el.getBoundingClientRect().top <= READING_LINE_Y) active = s; else break;
-      }
-      const id = active ? active.id : null;
-      if (id === last) return;
-      last = id;
-      const trail = active && active.parent;
-      for (const [sid, a] of links) {
-        a.classList.toggle('is-active', sid === id);
-        a.classList.toggle('is-trail', !!trail && sid === trail);
-      }
-      if (current) current.textContent = active ? active.part : '';
-    }
-    window.addEventListener('scroll', update, { passive: true });
-    window.addEventListener('resize', update, { passive: true });
-    update();
-  }
-
-  // Every heading is an address. The link is the heading's own id, so it works
-  // with the browser's hash navigation and no script; the click additionally
-  // copies the absolute address, so a reader can hand a colleague the exact
-  // answer, which is the reason a reference is deep-linked at all.
-  function addAnchors(article) {
-    for (const h of article.querySelectorAll('h2[id], h3[id], h4[id]')) {
-      const a = document.createElement('a');
-      a.className = 'room-anchor';
-      a.href = `#${h.id}`;
-      a.setAttribute('aria-label', `Link to this section: ${h.textContent.trim()}`);
-      a.innerHTML = LINK_ICON;
-      h.appendChild(a);
-    }
-    article.addEventListener('click', (e) => {
-      const a = e.target.closest('a.room-anchor');
-      if (!a) return;
-      if (!(navigator.clipboard && navigator.clipboard.writeText && window.isSecureContext)) return;
-      const url = new URL(a.getAttribute('href'), window.location.href).href;
-      navigator.clipboard.writeText(url).then(() => toast('Link copied.'), () => { /* the hash still navigated */ });
-    });
-  }
-
-  // A deep link arrives before the article exists, so the browser's own jump
-  // finds nothing and its :target was resolved against nothing. Once the
-  // document and the live section are in the DOM the target is scrolled into
-  // view (scroll-margin-top clears the top bar) and marked (.is-target) until
-  // the next hash change hands the mark back to :target.
-  function landOnHash() {
-    let id = '';
-    // a malformed percent-escape in the fragment throws; there is nothing to land on
-    try { id = decodeURIComponent(window.location.hash.slice(1)); } catch (_) { return; }
-    const el = id && document.getElementById(id);
-    if (!el) return;
-    el.classList.add('is-target');
-    el.scrollIntoView({ block: 'start' });
-    window.addEventListener('hashchange', () => el.classList.remove('is-target'), { once: true });
-  }
-
-  function setupTocToggle() {
-    const toc = $('#primer-toc');
-    const btn = $('#primer-toc-toggle');
-    if (!toc || !btn) return;
-    btn.addEventListener('click', () => {
-      const open = toc.classList.toggle('is-open');
-      btn.setAttribute('aria-expanded', open ? 'true' : 'false');
-    });
-    toc.addEventListener('click', (e) => {
-      const a = e.target.closest('a[data-section]');
-      if (!a) return;
-      if (window.matchMedia('(max-width: 760px)').matches) {
-        toc.classList.remove('is-open');
-        btn.setAttribute('aria-expanded', 'false');
-      }
-    });
-  }
-
-  // The three panels the article can resolve into (the primer's show()).
-  function show(which) {
-    for (const [id, on] of [['#primer-skeleton', which === 'loading'],
-                            ['#primer-article', which === 'article'],
-                            ['#primer-error', which === 'error']]) {
-      const el = $(id);
-      if (el) el.hidden = !on;
-    }
-  }
-
-  async function boot() {
-    const article = $('#primer-article');
-    if (!article || !window.OTBMdReader) return;
-    show('loading');
-    let md;
-    try {
-      const [mdRes] = await Promise.all([
-        fetch(DOC_URL, { credentials: 'same-origin' }),
-        loadRepoInfoBases(),
-      ]);
-      if (!mdRes.ok) throw new Error(`${DOC_URL} → ${mdRes.status}`);
-      md = await mdRes.text();
-    } catch (err) {
-      console.error('[drachmae] failed to load doc', err);
-      article.removeAttribute('aria-busy');
-      show('error');
-      return;
-    }
-    const resolveLinkHref = window.OTBMdReader.makeResolveLinkHref({
-      baseDir: DOC_DIR,
-      getBlobBase: () => repoBlobBase,
-      getTreeBase: () => repoTreeBase,
-      diagramsHref: '/builders/diagrams',
-    });
-    const parsed = window.OTBMdReader.parseMarkdown(md, resolveLinkHref);
-    // The doc's leading "# …" is the same page name .page-head--room already
-    // renders. Two <h1>s fails one-header-main-h1, and the page head is the one
-    // that exists before the fetch and survives its failure (task 1003307).
-    article.innerHTML = parsed.html.replace(/^\s*<h1\b[^>]*>[\s\S]*?<\/h1>\s*/, '');
-    article.removeAttribute('aria-busy');
-    show('article');
-    // Awaited before the outline is built so both live sections get their
-    // entries and scrollspy targets; the article itself is already on screen by
-    // now. The rate card goes in FIRST so the treasury can land ahead of it by
-    // id — the doc then reads prose, then what actually happened, then the
-    // published rates, then "dig deeper".
-    await insertBountySection(article);
-    await insertTreasurySection(article);
-    addAnchors(article);
-    setupTocToggle();
-    setupScrollspy(renderToc(collectHeadings(article)));
-    // After the fonts: a swap after the jump moves everything above the target
-    // (measured: 300px short on a phone, past it on a desktop).
-    (document.fonts ? document.fonts.ready : Promise.resolve()).then(landOnHash);
-  }
-
-  if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', boot);
-  } else {
-    boot();
-  }
-})();

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

@@ -1,58 +0,0 @@
-{
-  "_": "Drachmae & karma — the hall's first REFERENCE room (task 1003473): the reading-room archetype (room.css) with the reference rules on (`room--reference`). Public (no page gate), so the signed-out render is the one most readers get. Measured at three widths in both modes rather than looked at once.",
-  "page": "/builders/drachmae",
-  "surface": "hall-ui",
-  "stub": {
-    "prefix": "/builders/"
-  },
-  "modeQuery": false,
-  "_feeds": "The kit's own stub serves neither the markdown nor the bounty feed, so against it the page renders its SKELETON and then its FAILURE note — states the floors must hold in. The POPULATED document, the outline, the anchors and the live table need the hall-preview harness (node scripts/hall-preview/server.js --port 4620 --fixture-me, then this file with --base-in/--base-out pointed at it): it serves docs/onboarding/drachmae-and-karma.md and the checked-in public__bounty-table.json. Every declared 404 below is a fixture the harness does not carry, named rather than hidden.",
-  "ignoreRequests": [
-    "/api/(gds|bongos)/me$",
-    "/api/(gds|bongos)/me/",
-    "/api/(gds|bongos)/goals",
-    "/api/(gds|bongos)/inbox/",
-    "/api/(gds|bongos)/versions"
-  ],
-  "ignoreConsole": [
-    "/api/(gds|bongos)/",
-    "\\b401\\b",
-    "\\b403\\b",
-    "\\b404\\b",
-    "\\b501\\b",
-    "Unauthorized",
-    "Forbidden",
-    "Not Found",
-    "Not Implemented",
-    "load failed"
-  ],
-  "_expect": "read pins the article, so this file is run against the harness (the kit stub can only ever show the failure note). jump is the deep link: the browser's own hash jump finds nothing on a page whose document arrives after load, so drachmae.js lands it, and the outline's lit entry with its trail, plus the phone toggle naming the part, are what the shot proves.",
-  "states": {
-    "read": {
-      "auth": true,
-      "actions": [["wait", 600]],
-      "expect": { "visible": ["#primer-article", "#primer-toc"] }
-    },
-    "toc-open": {
-      "auth": true,
-      "actions": [["clickIfVisible", "#primer-toc-toggle"], ["wait", 250]],
-      "_": "the room's one disclosure. Below 760px the contents collapse behind this toggle; above it the toggle is not rendered at all, so clickIfVisible is the right verb and the state is a no-op at 1440.",
-      "expect": { "visible": ["#primer-toc"] }
-    },
-    "jump": {
-      "auth": true,
-      "url": "/builders/drachmae#how-karma-is-earned-and-lost",
-      "actions": [["wait", 700]],
-      "_": "a deep link to an h3 under Part 3. At 1440 the outline shows the entry lit and its part in the trail; at 390 the collapsed toggle reads the part's name.",
-      "expect": { "visible": ["#primer-article", "#primer-toc"] }
-    },
-    "out": {
-      "auth": false,
-      "actions": [["wait", 600]]
-    }
-  },
-  "reducedMotion": {
-    "auth": true,
-    "actions": [["wait", 600]]
-  }
-}

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

@@ -1,69 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Fleet costs — {{worldName}}</title>
-  <meta name="description" content="What each hosted project costs this platform, and an estimate of what its owner pays for their own hosting.">
-  <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/builders/style.css?v=2026-09-23-changelist1">
-  <link rel="stylesheet" href="/builders/oversight.css">
-  <link rel="stylesheet" href="/builders/project-settings.css">
-</head>
-<body data-page="fleet" data-page-title="Fleet costs">
-
-<div class="app">
-  <aside class="app-sidebar" id="app-sidebar" aria-label="Primary"></aside>
-  <div class="app-scrim" id="app-scrim" hidden></div>
-  <div class="app-body">
-    <header class="app-topbar" id="app-topbar"></header>
-    <div class="app-content">
-      <!-- The page's one h1, for screen readers: no page shows its head (task
-           1004836), so its sub-line went in task 1004829. -->
-      <div class="page-head page-head--board">
-        <h1 class="page-head__h">Fleet costs</h1>
-      </div>
-
-      <main id="hall-main">
-        <!-- task 1005043: the page loader, shown until any section below is revealed. -->
-        <p class="hall-loading hall-loading--page hall-loading--wait" role="status">Loading…</p>
-        <section class="scroll" id="fl-sealed" aria-labelledby="fl-sealed-h" hidden>
-          <h2 class="scroll__h" id="fl-sealed-h">Restricted</h2>
-          <p class="scroll__lede">This page opens at a higher rank.</p>
-        </section>
-
-        <section class="scroll" id="fl-body" aria-labelledby="fl-body-h" hidden>
-          <h2 class="scroll__h" id="fl-body-h">What each project costs</h2>
-          <!-- Two different bills, one column each (ADR 0327): a cloud host runs on its
-               OWNER's account, so it costs this platform nothing and its owner pays their
-               hosting provider directly. Nothing on this page is charged to anyone. -->
-          <p class="scroll__lede">
-            Two different bills, one column each. The first is what a project costs this
-            platform. The second is an estimate of what its owner pays their own hosting
-            provider, which bills them directly. A project with no recorded plan reads
-            "not priced yet", never $0, and is left out of the total. A self-hosted
-            project runs on its owner's own machine, so its bill is not visible to us.
-          </p>
-          <div id="fl-panel"><span class="kit-skel"></span></div>
-        </section>
-      </main>
-
-      <footer class="app-foot" id="app-foot"></footer>
-    </div>
-  </div>
-</div>
-
-<div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
-
-<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-10-30-market-watch"></script>
-<script src="/builders/shell.js?v=2026-11-04-one-market-watch"></script>
-<script src="/builders/palette.js" defer></script>
-<script src="/builders/hall-kit.js"></script>
-<script src="/builders/fleet-costs.js"></script>
-<script src="/builders/fleet.js"></script>
-</body>
-</html>

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

@@ -1,41 +0,0 @@
-// fleet.js — the fleet cost page (task 1001949, ADR 0327): the chrome around
-// fleet-costs.js, which does all the drawing.
-//
-// One read, GET /provisioning/fleet/cost-ledger, gated on `provisioning.fleet.manage`
-// exactly as this page is. A 403 shows the sealed state rather than an empty table,
-// so a refusal is never mistaken for a fleet with nothing in it.
-(() => {
-  'use strict';
-
-  const API = '/api/bongos';
-  const api = window.BongosClient.createClient({ baseUrl: '', credentials: 'same-origin', throwOnError: false });
-  const { escapeHtml } = window.OTB;
-  const $ = (id) => document.getElementById(id);
-
-  function fail(message) {
-    $('fl-body').hidden = false;
-    $('fl-panel').innerHTML = `<p class="ps-invalid">${escapeHtml(message)}</p>`;
-  }
-
-  async function load() {
-    let res;
-    try {
-      res = await api.request('GET', `${API}/provisioning/fleet/cost-ledger`);
-    } catch (e) {
-      return fail('Could not reach the server.');
-    }
-    if (res.status === 401) { window.location.assign(`${API}/auth/web/start`); return; }
-    if (res.status === 403) {
-      $('fl-sealed').hidden = false;
-      return;
-    }
-    if (!res.ok) {
-      const err = (res.data && res.data.error) || {};
-      return fail(err.message && err.message !== err.code ? err.message : 'Could not read the fleet costs.');
-    }
-    $('fl-body').hidden = false;
-    $('fl-panel').innerHTML = window.OTBFleetCosts.ledgerHtml(res.data);
-  }
-
-  document.addEventListener('DOMContentLoaded', load);
-})();

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

@@ -1,14 +0,0 @@
-{
-  "_": "FLEET COSTS (task 1001949, ADR 0327) through modules/ui-design/kit/render.js. The page reads ONE authenticated route, GET /provisioning/fleet/cost-ledger, gated on provisioning.fleet.manage, so against the kit's own stub it renders its failed-read state — a state the floors must hold in. To look at the populated ledger run it against the hall-preview harness, whose provisioning__fleet__cost-ledger.json fixture carries two cloud hosts with no recorded plan (every owner cost unpriced, 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/fleet.states.json --base-in http://localhost:4620 --base-out http://localhost:4620",
-  "page": "/builders/fleet",
-  "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": {
-    "ledger": { "auth": true, "actions": [["wait", 800]], "expect": { "visible": ["#fl-body"] } },
-    "out": { "auth": false, "actions": [["wait", 600]] }
-  },
-  "reducedMotion": { "auth": true, "actions": [["wait", 800]] }
-}

package/modules/hall-ui/public/ranks-founding.states.json

@@ -1,12 +0,0 @@
-{
-  "_": "The founding mark (task 1004424) on the Ranks page: the Founding builders ledger (builder, rank, mark) a founded project shows, from the kit fixture founding-builders-sample.json. The page itself is ranks.states.json's; only the founding read differs. The never-founded case is ranks.states.json, where the section stays hidden.",
-  "page": "/builders/ranks",
-  "surface": "hall-ui",
-  "stub": { "prefix": "/builders/", "fixtures": { "founding-builders": "founding-builders-sample" } },
-  "modeQuery": false,
-  "ignoreRequests": ["/api/(gds|bongos)/me$", "/api/(gds|bongos)/goals", "/api/(gds|bongos)/inbox/", "/api/(gds|bongos)/me/"],
-  "ignoreConsole": ["/api/(gds|bongos)/me", "\\b401\\b", "Unauthorized", "404 \\(Not Found\\)", "goals load failed"],
-  "states": {
-    "founding": { "auth": true, "actions": [["wait", 400]], "expect": { "visible": ["#founding-scroll"] } }
-  }
-}