@bongos/core 1.19.1013 → 1.19.1015

package/docs/module-api-changelog.md

@@ -2500,5 +2500,9 @@ is load-bearing: the script throws rather than guess if it is missing, and
         landed since 1.19.1011 with no explicit bump. run 36067980398. (task 1002620)
   1.19.1013 — CI auto-patch (publish-on-merge, ADR 0161): carrier for merges
         landed since 1.19.1012 with no explicit bump. run 36072935774. (task 1002620)
+  1.19.1014 — CI auto-patch (publish-on-merge, ADR 0161): carrier for merges
+        landed since 1.19.1013 with no explicit bump. run 36076310606. (task 1002620)
+  1.19.1015 — CI auto-patch (publish-on-merge, ADR 0161): carrier for merges
+        landed since 1.19.1014 with no explicit bump. run 36078214605. (task 1002620)
 ---------------------------------------------------------------------------
 ```

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

@@ -91,7 +91,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-09-22-movefeedback1"></script>
+<script src="/builders/shell.js?v=2026-09-25-sky4b"></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/atlas.js?v=2026-09-02-index" defer></script>

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

@@ -50,7 +50,7 @@
 
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
-<script src="/builders/shell.js?v=2026-09-22-movefeedback1"></script>
+<script src="/builders/shell.js?v=2026-09-25-sky4b"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared frontend toolkit (window.OTB — rank labels, number formats) + the

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

@@ -60,7 +60,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-09-22-movefeedback1"></script>
+<script src="/builders/shell.js?v=2026-09-25-sky4b"></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/dom-utils.js?v=2026-06-16-board"></script>

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

@@ -148,7 +148,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-09-22-movefeedback1"></script>
+<script src="/builders/shell.js?v=2026-09-25-sky4b"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-23-contrib"></script>
 <script src="/builders/collab-lib.js?v=2026-09-24-archive"></script>

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

@@ -177,7 +177,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-09-22-movefeedback1"></script>
+<script src="/builders/shell.js?v=2026-09-25-sky4b"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-23-contrib"></script>
 <script src="/builders/hall-kit.js"></script>

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

@@ -60,7 +60,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-09-22-movefeedback1"></script>
+<script src="/builders/shell.js?v=2026-09-25-sky4b"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-16-gate"></script>
 <script src="/builders/hall-kit.js"></script>

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

@@ -97,7 +97,7 @@
 
 <!-- The app shell (sidebar + top bar + footer). Dependency-free; runs at parse
      time so the chrome exists before the deferred page scripts execute. -->
-<script src="/builders/shell.js?v=2026-09-22-movefeedback1"></script>
+<script src="/builders/shell.js?v=2026-09-25-sky4b"></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/diagram-viewer.js?v=2026-06-14-diagviewer-1" defer></script>

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

@@ -98,7 +98,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-09-22-movefeedback1"></script>
+<script src="/builders/shell.js?v=2026-09-25-sky4b"></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/md-reader.js?v=2026-09-02-mdreader-2"></script>

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

@@ -0,0 +1,80 @@
+// fleet-costs.js — the fleet cost page's builders (task 1001949, ADR 0327).
+//
+// WHY. GET /provisioning/fleet/cost-ledger answers two questions per project, one
+// column each: what the project costs US, and an ESTIMATE of its owner's own hosting
+// bill. null in either means UNPRICED — the row names no plan anything can price.
+// What this file exists to hold: an unpriced cost never renders as $0 and never moves
+// a total. A $0 there would be a price nobody quoted.
+//
+// Pure, so a test runs the real rendering over the real fixture instead of a copy of
+// it. Exposed as window.OTBFleetCosts; node-require-safe (the roadmap-timeline.js
+// pattern — assignment is the only eval-time side effect). fleet.js is the chrome.
+(() => {
+  'use strict';
+
+  const UNPRICED = 'not priced yet';
+  const SHAPE = {
+    'cloud-host': 'Cloud host (owner’s account)',
+    'byo-host': 'Self-hosted',
+    'control-plane': 'This platform’s server',
+    'co-tenant': 'Shared server (retired)',
+  };
+
+  const ESC = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' };
+  const esc = (s) => String(s == null ? '' : s).replace(/[&<>"']/g, (c) => ESC[c]);
+  const isPriced = (v) => typeof v === 'number' && Number.isFinite(v);
+  const quiet = (text) => `<span class="ledger__est">${text}</span>`;
+
+  function money(v) {
+    if (!isPriced(v)) return null;
+    return `$${Number.isInteger(v) ? v : v.toFixed(2)}`;
+  }
+
+  // A self-hosted project runs on its owner's own machine, so its bill is not ours to
+  // see: a different absence from a plan nobody has recorded yet.
+  function cellHtml(v, shape, column) {
+    if (isPriced(v)) return esc(money(v));
+    return quiet(column === 'owner' && shape === 'byo-host' ? 'not visible to us' : UNPRICED);
+  }
+
+  // The server's total sums only priced rows and counts the rest as one number; the
+  // self-hosted share of that count is split back out so the total says what its cells
+  // say. A column with NOTHING priced gets no figure at all: the sum of no prices is not $0.
+  function totalHtml(total, rows, column) {
+    const unpriced = Number(total && total.unpriced) || 0;
+    const hidden = column === 'owner'
+      ? rows.filter((r) => r.hosting_shape === 'byo-host' && !isPriced(r.owner_monthly_usd)).length
+      : 0;
+    const notPriced = unpriced - hidden;
+    if (rows.length - unpriced <= 0) return quiet(notPriced > 0 ? UNPRICED : 'not visible to us');
+    const notes = [notPriced > 0 && `${notPriced} not priced`, hidden > 0 && `${hidden} not visible`].filter(Boolean);
+    const figure = esc(money(Number(total && total.monthly_usd) || 0));
+    return notes.length ? `${figure} ${quiet(`+ ${notes.join(', ')}`)}` : figure;
+  }
+
+  function rowHtml(r) {
+    return `<tr>
+      <td>${esc(r.slug)}</td>
+      <td>${esc(r.owner)}</td>
+      <td>${esc(SHAPE[r.hosting_shape] || r.hosting_shape)}</td>
+      <td>${r.tier ? esc(r.tier) : quiet('none recorded')}</td>
+      <td class="ledger__num">${cellHtml(r.platform_monthly_usd, r.hosting_shape, 'platform')}</td>
+      <td class="ledger__num">${cellHtml(r.owner_monthly_usd, r.hosting_shape, 'owner')}</td>
+    </tr>`;
+  }
+
+  function ledgerHtml(ledger) {
+    const rows = ledger && Array.isArray(ledger.instances) ? ledger.instances : [];
+    if (!rows.length) return '<p class="ledger__note">No projects are hosted here yet.</p>';
+    const totals = (ledger && ledger.totals) || {};
+    return `<table class="ledger" id="fl-table">
+      <thead><tr><th>Project</th><th>Owner</th><th>Hosting</th><th>Plan</th><th>Costs us / month</th><th>Owner’s bill / month (est.)</th></tr></thead>
+      <tbody>${rows.map(rowHtml).join('')}</tbody>
+      <tfoot><tr><th scope="row" colspan="4">Total</th><td class="ledger__num">${totalHtml(totals.platform, rows, 'platform')}</td><td class="ledger__num">${totalHtml(totals.owner, rows, 'owner')}</td></tr></tfoot>
+    </table>`;
+  }
+
+  const api = { money, ledgerHtml };
+  if (typeof window !== 'undefined') window.OTBFleetCosts = api;
+  if (typeof module !== 'undefined' && module.exports) module.exports = api;
+})();

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

@@ -0,0 +1,64 @@
+<!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">
+      <div class="page-head page-head--board">
+        <h1 class="page-head__h">Fleet costs</h1>
+        <p class="page-head__sub" id="fl-sub">Loading…</p>
+      </div>
+
+      <main id="hall-main">
+        <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/shell.js?v=2026-09-25-sky4b"></script>
+<script src="/builders/palette.js" defer></script>
+<script src="/builders/dom-utils.js?v=2026-06-16-gate"></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

@@ -0,0 +1,45 @@
+// 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-sub').textContent = 'Unavailable';
+    $('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;
+      $('fl-sub').textContent = 'Restricted';
+      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.');
+    }
+    const n = ((res.data && res.data.instances) || []).length;
+    $('fl-sub').textContent = `${n} project${n === 1 ? '' : 's'}`;
+    $('fl-body').hidden = false;
+    $('fl-panel').innerHTML = window.OTBFleetCosts.ledgerHtml(res.data);
+  }
+
+  document.addEventListener('DOMContentLoaded', load);
+})();

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

@@ -0,0 +1,14 @@
+{
+  "_": "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/gate.html

@@ -76,7 +76,7 @@
 <div id="gate-modal-root"></div>
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-09-22-movefeedback1"></script>
+<script src="/builders/shell.js?v=2026-09-25-sky4b"></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/dom-utils.js?v=2026-06-16-gate"></script>

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

@@ -2,69 +2,142 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Goal map — {{worldName}}</title>
-  <meta name="description" content="Which goals wait on which other goals: the goals that are tied together drawn as a map, the goals that stand alone listed beside it, and every goal in a table.">
+  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+  <title>The sky — {{worldName}}</title>
+  <meta name="description" content="The whole project, drawn from the ledger: every goal a gravity well sized by its credits, the routes between goals that wait on each other, and a ledger drawer that lists all of it.">
   <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-07-02-shell1">
-  <link rel="stylesheet" href="/builders/goal-map.css">
+  <!-- The faces (Manrope, JetBrains Mono) come from the branding pack's font
+       links, injected into this head by the server like every hall page's
+       (tests/hall_tokens.mjs: no hall page hardcodes a web-font stylesheet). -->
+  <link rel="stylesheet" href="/builders/thinking.css?v=2026-09-25-sky4">
 </head>
-<!-- THE GOAL MAP (task 1003479, goal 1000089; ADR 0227 §6 item 3 + §10.4). The
-     picture is the ENHANCEMENT and the table is the page: every fact the map
-     draws is a cell in the table under it, on screen by default and not behind a
-     toggle (ADR 0227 §5). It takes no nav slot — like the sky, it is reached from
-     the page it maps (Goals) and is never the only path to anything it shows. -->
-<body data-page="goal-map" data-page-title="Goal map">
+<!-- THE PROJECT SKY (task 1004232 / sky part 4 of 5, goal 1000095; ADR 0331,
+     ADR 0227 §11). The SAME page as /thinking — docs/design/mocks/sky/
+     sky.template.html, the prototype the owner adopted as the design of record
+     — opened in its "the whole project" lens: goals as wells sized by credits,
+     settled and collapsed goals with mass, alive wells glowing, routes as rim
+     arrows charted by a shuttle, explore on by default, the clock, "my ideas"
+     off by default, and the ledger drawer (L) — every goal, both directions of
+     each dependency by name — which is what the old goal map's table said and
+     is the accessible path. It replaced that goal map (task 1003479) at this
+     URL and took the nav slot the map was denied, under Goals (owner,
+     2026-09-24; ADR 0227 §11).
 
-<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">
-      <div class="page-head page-head--board">
-        <h1 class="page-head__h">Goal map</h1>
-        <p class="page-head__sub" id="gm-sub">Reading the goals…</p>
-      </div>
+     The markup is thinking.html's, verbatim but for three things: the body
+     says which lens is home (`data-sky-lens="all"` — sky-tour.js boots into it
+     and the tour hands back to it), the brand line and the lens switcher start
+     in that lens, and the canvas's own words say what this sky draws. The
+     sheet and the seven sky-*.js files are SHARED with /thinking, never
+     copied: the switcher's "simple" and "your thinking" leave for /thinking,
+     and /thinking's "the whole project" leaves for here. The same rule as
+     /thinking on chrome: none — the sky is a full-screen surface with its own
+     header, and the hall's doors (the goal, the task, the record) open from
+     the panel.
 
-      <main id="hall-main">
-        <section class="scroll" id="gm-graph-scroll" aria-labelledby="gm-graph-h">
-          <h2 id="gm-graph-h" class="scroll__h">Goals that wait on each other</h2>
-          <div id="gm-graph"><p class="profile__placeholder">Loading…</p></div>
-          <ul id="gm-legend" class="gm-legend" aria-label="Categories" hidden></ul>
-        </section>
+     ADR 0227 §1's refusal stands here: tasks are drawn only inside ONE goal
+     once its well is past the zoom threshold (dust density on its rings below
+     it), never for every goal at once, and there is no "show every task"
+     control — tests/goal_map_page.mjs pins both. -->
+<body data-page="goal-map" data-page-title="The sky" data-sky-lens="all">
 
-        <section class="scroll" id="gm-alone-scroll" aria-labelledby="gm-alone-h" hidden>
-          <h2 id="gm-alone-h" class="scroll__h">Goals that stand alone</h2>
-          <p class="scroll__lede" id="gm-alone-lede"></p>
-          <ul id="gm-alone" class="gm-alone"></ul>
-        </section>
+<!-- The one <main> landmark the kit's a11y floor asks of every hall page
+     (one-header-main-h1). The canvas is the page's content, and the landmark
+     wraps it with no rule of its own, so nothing moves — the canvas is
+     position: fixed. -->
+<main>
+<canvas id="sky" tabindex="0" role="img" aria-label="The sky, drawn from the ledger: every goal a gravity well, every dependency a route. Every goal here is also a row in the ledger; press L to open it, ? to take the tour."></canvas>
+</main>
 
-        <section class="scroll" id="gm-table-scroll" aria-labelledby="gm-table-h" hidden>
-          <h2 id="gm-table-h" class="scroll__h">Every goal, as a table</h2>
-          <p class="scroll__lede">The same facts as the map, and more of them: with this many separate clusters the table holds more of the structure than the picture does. Each goal lists, by name, the goals it waits on and the goals that wait on it, with how many tasks the dependency runs through.</p>
-          <div id="gm-table"></div>
-        </section>
-      </main>
-
-      <footer class="app-foot" id="app-foot"></footer>
-    </div>
+<!-- The <header> is the BRAND (the h1 and the figures) and the lens and tools
+     stay its siblings inside the same .top strip — the kit's phone floor
+     (top-bar-80px) measures the page's <header>. thinking.html's shape. -->
+<div class="top">
+  <header class="brand">
+    <h1>the sky <em id="lensWord">— the whole project</em></h1>
+    <div class="stats" id="stats"></div>
+  </header>
+  <div class="lens" role="group" aria-label="Filter" id="lensGroup">
+    <button type="button" id="lensSimple" aria-pressed="false">simple</button>
+    <button type="button" id="lensMine" aria-pressed="false">your thinking</button>
+    <button type="button" id="lensAll" aria-pressed="true">the whole project</button>
+  </div>
+  <div class="tools" id="tools">
+    <button type="button" class="pill" id="roomBtn" aria-pressed="false" title="The same sky, as a list (L)">list</button>
+    <button type="button" class="pill" id="recentBtn" aria-pressed="false" hidden title="Only the thoughts of the last thirty days.">recent</button>
+    <button type="button" class="pill" id="claudeBtn" aria-pressed="false" hidden title="Show the thoughts a session filed under your name. Off by default: only what a person filed.">claude layer</button>
+    <button type="button" class="pill" id="influenceBtn" aria-pressed="false" hidden title="Only the goals your thoughts touched — everything else fades.">my influence</button>
+    <button type="button" class="pill" id="exploreBtn" aria-pressed="true" title="Explore: the sky reveals itself as you follow routes from where you begin.">explore</button>
+    <button type="button" class="pill" id="ideasBtn" aria-pressed="false" title="Lay your thoughts over the project map.">my ideas</button>
+    <button type="button" class="pill" id="rehearse" aria-pressed="false" hidden title="What if: invents removals, dimming and nods — none has happened in the ledger yet — so you can see how the dead would read. Sizes are never invented.">what if</button>
+    <button type="button" class="pill icon" id="clockBtn" title="Show or hide the clock" aria-label="Show or hide the clock">◷</button>
+    <button type="button" class="pill icon" id="tourBtn" title="How to read the sky (?)" aria-label="How to read the sky">?</button>
+    <button type="button" class="pill icon" id="fitBtn" title="Fit the sky (0)" aria-label="Fit the whole sky">⌂</button>
   </div>
 </div>
 
-<div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
+<div class="jump">
+  <input type="search" id="jump" placeholder="jump to a goal or a thought" autocomplete="off" aria-label="Jump to a goal or a thought">
+  <ul id="jumpList" hidden></ul>
+</div>
+
+<div class="composer" id="composerWrap">
+  <form id="file" autocomplete="off">
+    <input type="text" id="thought" placeholder="release a thought — one line" aria-label="Release a thought" maxlength="180">
+    <button type="button" class="mode" id="fullToggle" aria-pressed="false" title="File it as a Full Idea: the line, then five questions, scored on completeness. Off = a quick idea, one line.">full idea</button>
+    <button type="submit" class="go" id="fileGo">file</button>
+  </form>
+  <div class="gravity" id="gravity" aria-live="polite">gravity — the goal that catches it lights as you type; letting it float is a real answer</div>
+  <div class="steps" id="fullSteps" hidden></div>
+  <div class="receipt" id="receipt" hidden role="status"><span class="dot"></span><span id="receiptText"></span><button type="button" id="receiptGo">see it</button><button type="button" id="receiptX" aria-label="Dismiss">×</button></div>
+</div>
+
+<div class="card glass" id="card" role="tooltip" aria-hidden="true"></div>
+<div class="menu glass" id="menu" hidden role="menu" aria-label="Chart the routes"></div>
+
+<aside class="room" id="room" hidden aria-label="The list">
+  <div class="head"><h2 id="roomTitle">the ledger</h2><span class="lbl" id="roomCount"></span></div>
+  <div class="filters" id="filters" role="group" aria-label="Filter"></div>
+  <div class="rows" id="rows"></div>
+</aside>
+
+<aside class="panel" id="panel" hidden aria-live="polite"></aside>
+
+<div class="start glass" id="start" hidden role="dialog" aria-label="Where do you begin?">
+  <span class="lbl">explore</span>
+  <h3>Where do you begin?</h3>
+  <p>The sky reveals itself as you go. Pick a well to start in; every route you chart brings the goal at its far end into view.</p>
+  <div class="opts" id="startOpts"></div>
+</div>
+
+<div class="tour glass" id="tour" hidden role="dialog" aria-label="How to read the sky">
+  <div class="step"><span class="lbl" id="tourN"></span><span class="dots" id="tourDots"></span></div>
+  <h3 id="tourH"></h3>
+  <p id="tourP"></p>
+  <div class="acts"><button type="button" class="door primary" id="tourNext">next</button><button type="button" class="door" id="tourBack">back</button><button type="button" class="skip" id="tourSkip">skip the tour</button></div>
+</div>
+
+<footer class="foot">
+  <div class="time" id="time">
+    <button type="button" class="play" id="play" aria-pressed="false" aria-label="Replay the sky from the first day">▶</button>
+    <input type="range" id="clock" min="0" max="1000" value="1000" aria-label="The day the sky is drawn for">
+    <span class="when" id="when">today</span>
+    <button type="button" class="hide" id="timeHide" aria-label="Hide the clock">×</button>
+  </div>
+  <div class="footrow">
+    <div class="legend" id="legend"></div>
+    <div class="alt" id="alt"></div>
+  </div>
+</footer>
 
-<script src="/builders/shell.js?v=2026-09-22-movefeedback1"></script>
-<script src="/builders/palette.js" defer></script>
-<script src="/builders/dom-utils.js?v=2026-06-23-contrib"></script>
-<script src="/builders/hall-kit.js"></script>
-<!-- The model and layout are a pure lib so a test runs the real arithmetic; the
-     page script keeps only the drawing and the table. Lib BEFORE page. -->
-<script src="/builders/goal-map-lib.js"></script>
-<!-- task 1004204: measured-width text fitting, shared with the goal forest. -->
-<script src="/builders/text-fit.js"></script>
-<script src="/builders/goal-map.js"></script>
+<script src="/builders/idea-objects.js?v=2026-09-25-sky4"></script>
+<script src="/builders/sky-data.js?v=2026-09-25-sky4"></script>
+<script src="/builders/sky-layout.js?v=2026-09-25-sky4"></script>
+<script src="/builders/sky-draw.js?v=2026-09-25-sky4"></script>
+<script src="/builders/sky-interaction.js?v=2026-09-25-sky4"></script>
+<script src="/builders/sky-panel.js?v=2026-09-25-sky4"></script>
+<script src="/builders/sky-composer.js?v=2026-09-25-sky4"></script>
+<script src="/builders/sky-tour.js?v=2026-09-25-sky4"></script>
 </body>
 </html>

package/modules/hall-ui/public/goal-map.states.json

@@ -1,14 +1,38 @@
 {
-  "_": "THE GOAL MAP (task 1003479, goal 1000089; ADR 0227 §6 item 3) through modules/ui-design/kit/render.js. The page reads ONE authenticated aggregate, GET /goals/graph, so against the kit's own stub it renders its signed-out / failed-read state — a state the floors must hold in and is rendered here deliberately. To look at the populated map (the layered picture, the stand-alone chips, the table), run it against the hall-preview harness, whose goals__graph.json fixture carries one large cluster, a triple, pairs, a mutual pair (a loop) and a private goal beside the stand-alone majority:\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/goal-map.states.json --base-in http://localhost:4620 --base-out http://localhost:4620",
+  "_": "THE PROJECT SKY (task 1004232 / sky part 4 of 5, goal 1000095; ADR 0331, ADR 0227 §11) through modules/ui-design/kit/render.js — the same page as /thinking (thinking.states.json) opened in its 'the whole project' lens. The page draws GET /sky + GET /sky/mine; against the kit's own stub neither exists, so every state below renders the EMPTY sky — a real state the floors must hold in (the lenses, the tools, the ledger drawer and the tour all exist with no goal read). To look at the populated sky — the wells sized by credits, the routes, the shuttle menu, explore's 'where do you begin' — run it against the hall-preview harness, whose sky.json + sky__mine.json fixtures carry the wells and the routes:\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/goal-map.states.json --base-in http://localhost:4620 --base-out http://localhost:4620\n\nThe tour opens by itself on a first visit (sky-tour-seen), so states that want the bare sky skip it first; explore is on by default and asks where you begin the first time (sky-seen), so the 'sky' state renders that prompt on purpose.",
   "page": "/builders/goal-map",
   "surface": "hall-ui",
   "stub": { "prefix": "/builders/" },
+  "modes": ["dark"],
   "modeQuery": false,
-  "ignoreRequests": ["/api/(gds|bongos)/"],
-  "ignoreConsole": ["/api/(gds|bongos)/", "\\b401\\b", "\\b404\\b", "Unauthorized", "Not Found", "load failed"],
+  "ignoreRequests": ["/api/(gds|bongos)/", "fonts\\.g(oogleapis|static)\\.com"],
+  "ignoreConsole": ["/api/(gds|bongos)/", "\\b401\\b", "\\b404\\b", "Unauthorized", "Not Found", "load failed", "fonts\\.g(oogleapis|static)\\.com"],
   "states": {
-    "map": { "auth": true, "actions": [["wait", 1200]], "expect": { "visible": ["#gm-graph"] } },
+    "tour": {
+      "auth": true,
+      "_": "The first visit: the project sky with the tour's first step over it.",
+      "actions": [["wait", 1400]],
+      "expect": { "visible": ["#sky", "#tour"] }
+    },
+    "sky": {
+      "auth": true,
+      "_": "The 'the whole project' lens, bare: the brand line, the lenses, explore + my ideas + the clock in the tools, the legend — and explore's 'where do you begin' prompt on a first visit.",
+      "actions": [["wait", 1200], ["clickIfVisible", "#tourSkip"], ["wait", 300]],
+      "expect": { "visible": ["#sky", "#exploreBtn", "#ideasBtn"] }
+    },
+    "wells": {
+      "auth": true,
+      "_": "The whole sky at once: 'show me everything' answers the prompt, explore goes off, and every well is drawn — the shot to compare with the old goal map.",
+      "actions": [["wait", 1200], ["clickIfVisible", "#tourSkip"], ["wait", 200], ["clickIfVisible", "#startOpts [data-start=\"all\"]"], ["wait", 700]],
+      "expect": { "visible": ["#sky", "#exploreBtn"] }
+    },
+    "ledger": {
+      "auth": true,
+      "_": "The ledger drawer — every goal as a row, with the alive / wells / settled / collapsed / with-routes filters — opened by the L key.",
+      "actions": [["wait", 1200], ["clickIfVisible", "#tourSkip"], ["wait", 200], ["press", "l"], ["wait", 300]],
+      "expect": { "visible": ["#room", "#rows"] }
+    },
     "out": { "auth": false, "actions": [["wait", 600]] }
   },
-  "reducedMotion": { "auth": true, "actions": [["wait", 1200]] }
+  "reducedMotion": { "auth": true, "actions": [["wait", 1200], ["clickIfVisible", "#tourSkip"], ["wait", 200]] }
 }

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

@@ -235,7 +235,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-09-22-movefeedback1"></script>
+<script src="/builders/shell.js?v=2026-09-25-sky4b"></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/dom-utils.js?v=2026-06-14-domutils"></script>

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

@@ -134,7 +134,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-09-22-movefeedback1"></script>
+<script src="/builders/shell.js?v=2026-09-25-sky4b"></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/dom-utils.js?v=2026-06-16-gate"></script>

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

@@ -52,7 +52,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-09-22-movefeedback1"></script>
+<script src="/builders/shell.js?v=2026-09-25-sky4b"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-23-contrib" defer></script>
 <!-- task-detail.js still owns the #/idea/N and #/blocker/N overlay, so a ref

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

@@ -225,7 +225,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-09-22-movefeedback1"></script>
+<script src="/builders/shell.js?v=2026-09-25-sky4b"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-23-contrib"></script>
 <!-- task 1003069 (R08) — the quick-filing form's routed result links a task