@bongos/core 1.19.444 → 1.19.446

package/docs/design/vanilla-hall-ui-redesign-scope.md

@@ -6,6 +6,8 @@
 
 **Status:** scope for hand-off. Owner to seed tasks from §12–§14.
 
+> **The LOOK below is superseded by [`hall-direction-v2.md`](hall-direction-v2.md)** (task 1003302, goal 1000081, 2026-08-30), which composed the hall into the chrome world `DESIGN.md` records. Everything else here still stands and was deliberately not reopened by that round: the information architecture, the component taxonomy (§9), the sizing and responsive system (§10), the voice neutralization (§11) and the implementation seams (§13). Where this document describes colour, typography or visual treatment, read `hall-direction-v2.md` instead.
+
 **Visual companion:** the annotated wireframes for every surface below are rendered as an interactive artifact — [Cloud Bongos — Vanilla UI Redesign Scope](https://claude.ai/code/artifact/b6992395-ff5b-4356-8acb-99908a574aa8).
 
 **Locked decisions (owner, 2026-07-02):**

package/docs/module-api-changelog.md

@@ -1325,5 +1325,9 @@ is load-bearing: the script throws rather than guess if it is missing, and
         landed since 1.19.442 with no explicit bump. run 33330337830. (task 1002620)
   1.19.444 — CI auto-patch (publish-on-merge, ADR 0161): carrier for merges
         landed since 1.19.443 with no explicit bump. run 33334908383. (task 1002620)
+  1.19.445 — CI auto-patch (publish-on-merge, ADR 0161): carrier for merges
+        landed since 1.19.444 with no explicit bump. run 33337122866. (task 1002620)
+  1.19.446 — CI auto-patch (publish-on-merge, ADR 0161): carrier for merges
+        landed since 1.19.445 with no explicit bump. run 33341626697. (task 1002620)
 ---------------------------------------------------------------------------
 ```

package/modules/economy/credits.js

@@ -605,24 +605,56 @@ async function awardIdeaTaskShipCredit(client, { taskId, config = rewardConfig()
 // nothing was owed this time; `settled` says why — 'up_to_date' (already paid in
 // full, the ordinary idempotent case) or 'legacy' (a row predating reward_basis,
 // deliberately left for a signed-off backfill rather than paid out on deploy).
-async function awardSessionTokenReward(client, builderId, sessionId, modelUsage, totalTokens = 0) {
+// sessionTrueCostUsd — what one session's stored usage is worth in USD, by the
+// SAME rule the reward books from. Pure, exported, and the single definition:
+// carved out of awardSessionTokenReward (task 1003436) so a backfill can ask
+// "what is this session worth" without re-deriving the formula and drifting from
+// what actually paid.
+//
+// Cost-plus zero-out fallback (task 1676). priceModelUsage returns $0 when
+// model_usage is empty or carries no token counts — the exact dev-box/CI symptom
+// ADR 0097 records ("upload no priced model usage"). When that happens but the
+// session DID carry real tokens, price the total at the opus rate so the reward
+// reflects the real spend instead of silently rounding to 0. The blend assumes a
+// marathon agent session is cache_read-dominated (the real cost driver — a large
+// context re-read each turn), so this conservatively UNDER-estimates rather than
+// over-pays vs. a true per-tier split.
+function sessionTrueCostUsd(modelUsage, totalTokens = 0) {
   const { true_cost_usd: pricedCostUsd, unknown_models: unknownModels } =
     priceModelUsage(modelUsage);
-  // Cost-plus zero-out fallback (task 1676). priceModelUsage returns $0 when
-  // model_usage is empty or carries no token counts — the exact dev-box/CI symptom
-  // ADR 0097 records ("upload no priced model usage"). When that happens but the
-  // session DID carry real tokens, price the total at the opus rate so the reward
-  // reflects the real spend instead of silently rounding to 0. The blend assumes a
-  // marathon agent session is cache_read-dominated (the real cost driver — a large
-  // context re-read each turn), so this conservatively UNDER-estimates rather than
-  // over-pays vs. a true per-tier split.
-  let trueCostUsd = pricedCostUsd;
-  let pricedFromTotalTokens = false;
   const tt = Math.max(0, Math.trunc(Number(totalTokens) || 0));
   if (!(pricedCostUsd > 0) && tt > 0) {
-    trueCostUsd = Math.round(((tt * PRICES.opus.cache_read) / 1e6) * 10000) / 10000;
-    pricedFromTotalTokens = true;
+    return {
+      trueCostUsd: Math.round(((tt * PRICES.opus.cache_read) / 1e6) * 10000) / 10000,
+      unknownModels,
+      pricedFromTotalTokens: true,
+    };
   }
+  return { trueCostUsd: pricedCostUsd, unknownModels, pricedFromTotalTokens: false };
+}
+
+// extraCostUsd (task 1003436) — real, already-ledgered cost this session incurred
+// that `modelUsage` cannot express. It exists for exactly one caller: the
+// subagent-reward backfill, which recovers a pre-fix session's subagent leg from
+// its `session:subagent` cost_log row (the transcripts that would prove it live
+// only on builders' machines). Defaults to 0, so every existing call site is
+// unchanged. Routing the backfill through THIS function rather than its own
+// INSERT is deliberate: the watermark, the legacy guard, the no-clawback rule and
+// the (session_id, reward_basis) uniqueness all keep applying, so a backfill row
+// is just a top-up at a higher basis and a later ship still books only its own
+// increment.
+async function awardSessionTokenReward(
+  client, builderId, sessionId, modelUsage, totalTokens = 0, extraCostUsd = 0
+) {
+  const {
+    trueCostUsd: pricedCostUsd, unknownModels, pricedFromTotalTokens,
+  } = sessionTrueCostUsd(modelUsage, totalTokens);
+  // Finite + non-negative. Infinity would otherwise survive `Number(x) || 0` and
+  // turn a top-up into an unbounded mint; the only caller reads a trusted
+  // cost_log column, but this is the payout path and the guard is one line.
+  const extraRaw = Number(extraCostUsd);
+  const extra = Number.isFinite(extraRaw) ? Math.max(0, extraRaw) : 0;
+  const trueCostUsd = Math.round((pricedCostUsd + extra) * 10000) / 10000;
   const { marginPct, usdPeg } = rewardConfig();
   const { drachmae, description } = computeSessionTokenReward(trueCostUsd, marginPct, usdPeg);
 
@@ -786,6 +818,7 @@ module.exports = {
   rewardPolicy,
   rewardConfig,
   computeSessionTokenReward,
+  sessionTrueCostUsd,
   applyKindMultiplier,
   insertMultipliedConfirmCredit,
   maybeAwardIdeaPromotionBonus,

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

@@ -8,7 +8,6 @@
   <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='25' font-size='26' text-anchor='middle'>🪘</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/atlas.css">
 </head>
@@ -20,7 +19,7 @@
   <div class="app-body">
     <header class="app-topbar" id="app-topbar"></header>
     <div class="app-content">
-      <main>
+      <main id="hall-main">
         <!-- The atlas chrome rides the hall tokens (pack + dark aware, task 1737);
              only the semantic node/edge palette stays instance-independent so a
              pack can never scramble the map's color-coded meaning (ADR 0094). -->

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

@@ -8,7 +8,6 @@
   <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/collab.css">
 </head>
@@ -24,7 +23,7 @@
         <p class="page-head__sub" id="cb-sub">Loading…</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <!-- ASKED OF YOU comes first: it is the half where someone is waiting on a
              human. Your own asks are below, because they are a status check, not a
              call to act. -->

package/modules/hall-ui/public/copy-desk.css

@@ -17,9 +17,9 @@
   flex-direction: column;
   gap: 0.15rem;
   padding: 0.75rem 0.9rem;
-  border: 1px solid var(--line, rgba(255, 255, 255, 0.12));
+  border: 1px solid var(--rule-soft);
   border-radius: 0.5rem;
-  background: var(--panel, rgba(255, 255, 255, 0.03));
+  background: var(--surface-2);
 }
 .cd-stat__n { font-size: 1.6rem; font-weight: 700; line-height: 1.1; }
 .cd-stat__l { font-size: 0.8rem; opacity: 0.7; }
@@ -28,7 +28,7 @@
 .cd-note code {
   padding: 0.05rem 0.3rem;
   border-radius: 0.25rem;
-  background: var(--panel, rgba(255, 255, 255, 0.06));
+  background: var(--surface-2);
   font-size: 0.95em;
 }
 
@@ -40,9 +40,9 @@
 .cd-dialog__input,
 .cd-dialog__text {
   padding: 0.4rem 0.6rem;
-  border: 1px solid var(--line, rgba(255, 255, 255, 0.15));
+  border: 1px solid var(--rule-soft);
   border-radius: 0.35rem;
-  background: var(--panel, rgba(0, 0, 0, 0.2));
+  background: var(--bg-deep);
   color: inherit;
   font: inherit;
 }
@@ -56,9 +56,9 @@
 
 .cd-card {
   padding: 0.85rem 1rem;
-  border: 1px solid var(--line, rgba(255, 255, 255, 0.12));
+  border: 1px solid var(--rule-soft);
   border-radius: 0.5rem;
-  background: var(--panel, rgba(255, 255, 255, 0.03));
+  background: var(--surface-2);
 }
 .cd-card--slim { padding: 0.6rem 0.8rem; }
 .cd-card__head { display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; margin-bottom: 0.4rem; }
@@ -85,7 +85,7 @@
 .cd-tag {
   display: inline-block;
   padding: 0.1rem 0.45rem;
-  border: 1px solid var(--line, rgba(255, 255, 255, 0.18));
+  border: 1px solid var(--rule);
   border-radius: 999px;
   font-size: 0.72rem;
   letter-spacing: 0.02em;
@@ -103,9 +103,9 @@
 .cd-dialog {
   width: min(34rem, 92vw);
   padding: 1.25rem;
-  border: 1px solid var(--line, rgba(255, 255, 255, 0.18));
+  border: 1px solid var(--rule);
   border-radius: 0.6rem;
-  background: var(--bg, #12131a);
+  background: var(--bg-card);
   color: inherit;
 }
 .cd-dialog::backdrop { background: rgba(0, 0, 0, 0.55); }
@@ -115,5 +115,5 @@
 .cd-dialog__hint { display: block; font-weight: 400; font-size: 0.78rem; opacity: 0.65; line-height: 1.45; margin-top: 0.1rem; }
 .cd-dialog__select, .cd-dialog__input, .cd-dialog__text { width: 100%; }
 .cd-dialog__text { resize: vertical; line-height: 1.5; }
-.cd-dialog__err { min-height: 1.2rem; margin: 0.5rem 0 0; font-size: 0.85rem; color: var(--danger, #ff8080); line-height: 1.45; }
+.cd-dialog__err { min-height: 1.2rem; margin: 0.5rem 0 0; font-size: 0.85rem; color: var(--danger); line-height: 1.45; }
 .cd-dialog__actions { display: flex; gap: 0.5rem; justify-content: flex-end; margin-top: 0.9rem; }

package/modules/hall-ui/public/copy-desk.html

@@ -8,7 +8,6 @@
   <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/copy-desk.css">
 </head>
@@ -22,7 +21,7 @@
     <div class="app-content">
       <div class="page-head"><p class="page-head__sub" id="cd-sub">Loading the copy desk…</p></div>
 
-      <main>
+      <main id="hall-main">
         <!-- The counts. Deliberately four numbers and not a dashboard: open work,
              the fast pile (targets that have since been edited away), untouched
              duplicates, and how big the inventory is. -->

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

@@ -8,7 +8,6 @@
   <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/diagram-viewer.css?v=2026-06-14-diagviewer-1">
   <style>
@@ -42,7 +41,7 @@
         <p class="page-head__sub">Five diagrams that show, at a glance, how work flows through {{worldName}}'s development system. <em>Drag to pan, scroll to zoom</em> — or open any diagram fullscreen.</p>
       </div>
 
-      <main>
+      <main id="hall-main">
 
         <section class="scroll" aria-labelledby="legend-h">
           <h2 id="legend-h" class="scroll__h">Reading the diagrams</h2>

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

@@ -8,7 +8,6 @@
   <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/primer.css?v=2026-07-02-shell1">
 </head>
@@ -28,7 +27,7 @@
         <p class="page-head__sub">How you get paid, and how you earn trust — the reward model in plain language. About a five-minute read.</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <div class="primer-layout">
 
           <!-- Sticky left-rail table of contents, built from the article's h2s. -->

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

@@ -8,7 +8,6 @@
   <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/gate.css">
 </head>
@@ -22,7 +21,7 @@
     <div class="app-content">
       <div class="page-head"><p class="page-head__sub" id="gate-sub">Loading…</p></div>
 
-      <main>
+      <main id="hall-main">
         <p class="gate-sealed" id="gate-sealed" hidden>Archons only.</p>
 
         <section id="gate-body" hidden>

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

@@ -8,7 +8,6 @@
   <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-03-goals1">
   <!-- Page-local styles (task 2171) — extracted from the old inline <style>
        block per the hall placement rules; shared pager/filter/tab/count-pill
@@ -35,7 +34,7 @@
         <p class="page-head__sub" id="goals-sub">Loading goals…</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <!-- LIST view -->
         <section id="goals-list-view" aria-labelledby="goals-list-h">
           <h2 id="goals-list-h" class="sr-only">All goals</h2>

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

@@ -8,7 +8,6 @@
   <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/government.css">
 </head>
@@ -22,7 +21,7 @@
     <div class="app-content">
       <div class="page-head"><p class="page-head__sub" id="gov-sub">Loading…</p></div>
 
-      <main>
+      <main id="hall-main">
         <p class="gov-sealed" id="gov-sealed" hidden>Archons only.</p>
 
         <section id="gov-body" hidden>

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

@@ -8,7 +8,6 @@
   <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/harbor.css">
 </head>
@@ -22,7 +21,7 @@
     <div class="app-content">
       <div class="page-head"><p class="page-head__sub" id="harbor-sub">Loading dev boxes…</p></div>
 
-      <main>
+      <main id="hall-main">
         <p class="harbor-sealed" id="harbor-sealed" hidden>Archons only.</p>
 
         <section id="harbor-body" hidden>

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

@@ -8,7 +8,6 @@
   <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/idea.css">
 </head>
@@ -28,7 +27,7 @@
         <p class="page-head__sub" id="idea-sub">Loading idea…</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <section class="scroll" id="idea-scroll" aria-labelledby="idea-h">
           <div id="idea-body">
             <p class="deeplink-card__title" id="idea-h">Loading…</p>

package/modules/hall-ui/public/ideas.css

@@ -6,14 +6,12 @@
    meter alongside, collapsing to one column where there is no room for it.
 
    USES THE REAL TOKEN NAMES — --border / --surface-2 / --accent / --ok / --warn /
-   --danger / --radius. Note for anyone copying a sibling sheet: copy-desk.css
-   reaches for `var(--line, rgba(255,255,255,.12))` and `var(--panel, …)`, and
-   NEITHER --line NOR --panel is defined in style.css — so those fallbacks apply,
-   and they assume a dark ground the hall does not have by default (--bg is
-   #f5f6f8). Borders drawn that way are invisible on the light theme. This sheet
-   deliberately does not inherit that. The hall's dark theme flips only the
-   neutrals, so every token below re-derives on its own and this page needs no
-   theme-specific block at all. */
+   --danger / --radius, so every token below re-derives on its own and this page
+   needs no theme-specific block at all. (The sibling trap this note used to warn
+   about — copy-desk.css reaching for an undefined --line / --panel and getting a
+   dark-ground fallback on the light theme — was fixed in task 1003303, when the
+   chrome-world tier defined --line as a WIDTH and those borders would otherwise
+   have gone invalid.) */
 
 /* The composer and its meter sit side by side once there is room. Below that
    width the meter stacks ABOVE the fields — a readout you cannot see while

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

@@ -8,7 +8,6 @@
   <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/ideas.css">
 </head>
@@ -22,7 +21,7 @@
     <div class="app-content">
       <div class="page-head"><p class="page-head__sub" id="fi-sub">Loading the idea template…</p></div>
 
-      <main>
+      <main id="hall-main">
         <!-- The spark queue (task 1002930 / R154). ABOVE the composer, because
              "what is already waiting" is the thing to scan before starting
              something new — and because a queue nobody sees is not a pickup

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

@@ -14,7 +14,6 @@
   <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
 </head>
 <body data-page="home">
@@ -41,12 +40,12 @@
            — core (hall-widgets.js) and module-contributed (a module's own client
            script) — registers into the hall-widget registry (window.OTB,
            dom-utils.js), and builders.js stamps the registered <section>s into the
-           view containers below (falling back to <main> itself). The registry stays
+           view containers below (falling back to <main id="hall-main"> itself). The registry stays
            the single source of truth for what the hall shows; a fitness check
            (scripts/gds/fitness.js checkHallSectionRegistry) reds the build if a
-           <section class="scroll"> is hardcoded back inside this <main>. The
+           <section class="scroll"> is hardcoded back inside this <main id="hall-main">. The
            .view/.view-zone wrappers are shell layout only. -->
-      <main class="app-views">
+      <main class="app-views" id="hall-main">
         <section class="view" id="view-home" data-view-title="Home">
           <div class="view-zone" id="zone-home-banner">
             <!-- Landing card for signed-out visitors (builders.js renderLanding)

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

@@ -8,7 +8,6 @@
   <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/modules.css">
 </head>
@@ -22,7 +21,7 @@
     <div class="app-content">
       <div class="page-head"><p class="page-head__sub" id="modules-sub">Loading modules…</p></div>
 
-      <main>
+      <main id="hall-main">
         <!-- Browse — one filter over both grids below (task 1001772). -->
         <div class="mod-browse">
           <label class="mod-browse__label" for="mod-search">Search the catalog</label>

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

@@ -8,7 +8,6 @@
   <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/my-projects.css">
 </head>
@@ -24,7 +23,7 @@
         <p class="page-head__sub">Every project you build on across the platform.</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <section class="scroll" aria-labelledby="owned-h">
           <h2 id="owned-h" class="scroll__h">Projects you own</h2>
           <div id="owned"><p class="empty">—</p></div>

package/modules/hall-ui/public/not-ready.html

@@ -8,7 +8,6 @@
   <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
 </head>
 <body data-page="not-ready" data-page-title="Locked">
@@ -19,7 +18,7 @@
   <div class="app-body">
     <header class="app-topbar" id="app-topbar"></header>
     <div class="app-content">
-      <main>
+      <main id="hall-main">
         <section class="scroll">
           <h2 class="scroll__h">Not yet available</h2>
           <p class="scroll__lede">This page unlocks as you advance.</p>

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

@@ -8,7 +8,6 @@
   <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/pair.css">
 </head>
@@ -21,7 +20,7 @@
     <header class="app-topbar" id="app-topbar"></header>
     <div class="app-content">
       <div class="page-head"><p class="page-head__sub" id="pair-sub">Reading the request…</p></div>
-      <main>
+      <main id="hall-main">
         <section class="scroll" id="pair-scroll" aria-labelledby="pair-h">
           <h2 id="pair-h" class="scroll__h">A device is asking to act as you</h2>
           <div id="pair-body">

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

@@ -8,7 +8,6 @@
   <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
 </head>
 <body data-page="people" data-page-title="People">
@@ -23,7 +22,7 @@
         <p class="page-head__sub">Everyone building across hosted projects, ranked by track record. Descriptive only — cross-project numbers never carry authority here.</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <section class="scroll" id="people-scroll" aria-labelledby="people-h">
           <h2 id="people-h" class="scroll__h">Builder directory</h2>
           <div id="people-filters"></div>

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

@@ -8,7 +8,6 @@
   <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/primer.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/diagram-viewer.css?v=2026-06-14-diagviewer-1">
@@ -31,7 +30,7 @@
         <p class="page-head__sub">Everything a new builder needs before claiming their first task. About a ten-minute read.</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <div class="primer-layout">
 
           <!-- Sticky left-rail table of contents. Built from the article's h2s after

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

@@ -13,7 +13,6 @@
   <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
 </head>
 <body data-page="profile" data-page-title="Profile">
@@ -28,7 +27,7 @@
         <p class="page-head__sub" id="profile-sub">Loading profile…</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <!-- Standing — avatar, name, rank badge, member-since. Filled by profile.js. -->
         <section class="scroll" id="standing-scroll" aria-labelledby="standing-h">
           <h2 id="standing-h" class="sr-only">Standing</h2>

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

@@ -8,7 +8,6 @@
   <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
 </head>
 <body data-page="ranks" data-page-title="Ranks">
@@ -23,7 +22,7 @@
         <p class="page-head__sub" id="ranks-sub">Loading your rank…</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <!-- Current rank summary — filled by ranks.js once /me resolves. -->
         <section class="scroll" id="standing-scroll" aria-labelledby="standing-h">
           <h2 id="standing-h" class="scroll__h">Where you stand</h2>

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

@@ -8,7 +8,6 @@
   <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-24-deck1">
   <link rel="stylesheet" href="/builders/roadmap.css">
 </head>
@@ -24,7 +23,7 @@
         <p class="page-head__sub" id="roadmap-sub">Loading the roadmap…</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <div id="rm-root">
           <div class="profile__placeholder">Loading the roadmap…</div>
         </div>

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

@@ -8,7 +8,6 @@
   <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 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <style>
     #body .who { font-weight: 600; }
@@ -26,7 +25,7 @@
         <p class="page-head__sub">Builders active across all hosted projects — an internal talent view. Descriptive only; it grants no authority anywhere.</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <section class="scroll" aria-labelledby="scouting-h">
           <h2 id="scouting-h" class="scroll__h">Cross-project builders</h2>
           <div id="body" class="profile__placeholder">Loading…</div>