@bongos/core 1.24.80 → 1.24.81

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

@@ -1,8 +1,13 @@
 {
-  "_": "THE STREET (task 1004525, goal 1000125) and inside every building and district (task 1004526) through modules/ui-design/kit/render.js. The page draws GET /government/docket, GET /goals, GET /goals/rollups and the viewer's GET /builders/:id/earnings; against the kit's own stub none exists, so every state renders the bare street (the nine civic buildings, no districts, no pins) with the readings saying the docket could not be read: a real state the floors must hold in. To look at the populated street, run it against the hall-preview harness, whose government__docket.json fixture carries the reference design's seven sample matters (3 need you, 2 moving, 2 settled) and whose goals fixtures carry the open goals:\n\n  node scripts/hall-preview/server.js --port 4625 --fixture-me\n  node modules/ui-design/kit/render.js --states modules/hall-ui/public/street.states.json --base-in http://localhost:4625 --base-out http://localhost:4625\n\nThe page follows the OS mode until the switch is pressed (then the hall's own 'hall-theme' preference), so the kit's dark/light emulation renders both modes.",
+  "_": "THE STREET (task 1004525, goal 1000125) and inside every building and district (task 1004526) through modules/ui-design/kit/render.js. The page draws GET /government/docket, GET /goals, GET /goals/rollups and the viewer's GET /builders/:id/earnings; against the kit's own stub none exists, so every state renders the bare street (the nine civic buildings, no districts, no pins) with the readings saying the docket could not be read: a real state the floors must hold in. To look at the populated street, run it against the hall-preview harness, whose government__docket.json fixture carries the reference design's seven sample matters (3 need you, 2 moving, 2 settled) and whose goals fixtures carry the open goals:\n\n  node scripts/hall-preview/server.js --port 4625 --fixture-me\n  node modules/ui-design/kit/render.js --states modules/hall-ui/public/street.states.json --base-in http://localhost:4625 --base-out http://localhost:4625\n\nThe hall is dark only (task 1005192, ADR 0402): the page has no light/dark switch, so this file names the one mode.",
   "page": "/builders/street",
+  "modes": ["dark"],
   "_storage": "The hall asks a first-visit question (the session mode picker, craft-mode.js) over every page; seeding \"already asked\" renders the page a returning builder sees (task 1005080).",
-  "storage": { "session": { "hall-craft-asked": "1" } },
+  "storage": {
+    "session": {
+      "hall-craft-asked": "1"
+    }
+  },
   "surface": "hall-ui",
   "stub": {
     "prefix": "/builders/",
@@ -40,7 +45,6 @@
         "visible": [
           "#streetBoard",
           "#streetSigns",
-          "#streetMode",
           "#streetHome",
           "#app-topbar",
           "#fullscreen-toggle"
@@ -78,7 +82,6 @@
         "visible": [
           "#streetBoard",
           "#streetSigns",
-          "#streetMode",
           "#fullscreen-toggle"
         ],
         "hidden": [
@@ -122,34 +125,6 @@
         ]
       }
     },
-    "switched": {
-      "auth": true,
-      "_": "The light/dark switch pressed once: the other mode, the street redrawn in it.",
-      "actions": [
-        [
-          "wait",
-          600
-        ],
-        [
-          "clickIfVisible",
-          "[data-craft-close]"
-        ],
-        [
-          "click",
-          "#streetMode"
-        ],
-        [
-          "wait",
-          400
-        ]
-      ],
-      "expect": {
-        "visible": [
-          "#streetBoard",
-          "#streetSigns"
-        ]
-      }
-    },
     "focus": {
       "auth": true,
       "_": "Keyboard: the wordmark back to the city focused, its ring drawn.",

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

@@ -12,7 +12,7 @@
   <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <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-11-10-options">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm">
   <link rel="stylesheet" href="/builders/studio.css?v=2026-10-09-day">
   <link rel="stylesheet" href="/builders/approval-queue.css?v=2026-09-29-aqfix">
   <link rel="stylesheet" href="/builders/home-gallery.css?v=2026-11-04-studio">
@@ -222,10 +222,10 @@
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-10-options"></script>
+<script src="/builders/shell-game.js?v=2026-11-11-helm"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-10-visor"></script>
-<script src="/builders/shell.js?v=2026-11-10-character"></script>
+<script src="/builders/shell.js?v=2026-11-11-helm"></script>
 <script src="/builders/hall-dialog.js"></script>
 <script src="/builders/palette.js" defer></script>
 <!-- The kit, for its ONE renderer: the full-size ship-time visual figure

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

@@ -1,6 +1,7 @@
 {
   "_": "The studio home (task 1003971 / BV2.TW16), built 1:1 on docs/design/mocks/tweak-mode/Main.dc.html: the night room, the greeting and its sub-line (editable in place as a tweak of builders:studio), the tally, Resume, and three quick actions opening glass panels (the Tweak/CopyWrite Flow, the Approval queue, Artist Review Status). Behind a quiet door, the older reviews (R06 of goal 1000074, task 1003117; retired in TW14) still answer the reviews filed before Tweak Mode. Against the kit's own stub the page renders its unread states (no copy-desk feeds). TO SEE IT POPULATED, point the kit at the hall-preview harness: `node scripts/hall-preview/server.js --port 4636 --fixture-me` then `render.js --base-in http://builders.localhost:4636 --base-out http://builders.localhost:4636`. The harness answers the tally, the pages and the next page from copy-desk__tally.json, copy-desk__pages.json and copy-desk__next.json (built by the real composers), Resume's counter from copy-desk__pages__draft.json, the studio's own lines from copy-desk__pages__draft-studio.json, the claim and the draft save from its CANNED WRITES, and the older reviews from tasks.json (whose first row IS a cascade artist review).",
   "page": "/builders/studio",
+  "modes": ["dark"],
   "_storage": "The hall asks a first-visit question (the session mode picker, craft-mode.js) over every page; seeding \"already asked\" renders the page a returning builder sees (task 1005080).",
   "storage": { "session": { "hall-craft-asked": "1" } },
   "surface": "hall-ui",

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

@@ -32,15 +32,19 @@
       grounds in both modes with ~9% of headroom. tests/hall_tokens.mjs measures
       them; do not hand-tune one without re-running it.
 
-   b. THE HALL KEEPS BOTH MODES, ON ITS OWN SWITCH. The apex went dark only
-      (ADR 0204), so light is the hall's alone. shell.js writes
-      html[data-theme] — NOT the world's html[data-mode] — so the dark tier is
-      written twice on THAT pair: html[data-theme="dark"] and, for first paint
-      before the script runs, @media (prefers-color-scheme: dark)
-      html:not([data-theme]). Both bodies are byte-identical; the twins rule is
-      what keeps them so. html[data-theme="dark"] is (0,1,1) and outranks the
-      pack's injected :root (0,1,0), which is what lets dark win over the pack
-      while the instance's accent survives.
+   b. THE HALL IS DARK ONLY, AND ITS DARK TIER IS HELM (task 1005192, ADR
+      0402). The server stamps html[data-theme="dark"] on every hall page and
+      shell.js sets it again; nothing offers light. The attribute is the
+      hall's own — NOT the world's html[data-mode] — and the dark tier is
+      still written twice on that pair: html[data-theme="dark"] and @media
+      (prefers-color-scheme: dark) html:not([data-theme]), for a page read
+      without the server's stamp. Both bodies are byte-identical; the twins
+      rule is what keeps them so. html[data-theme="dark"] is (0,1,1) and
+      outranks the pack's injected :root (0,1,0), which is what lets the night
+      win over the pack while the instance's accent survives. The light values
+      in :root are no longer rendered by the hall; they stay until the light
+      tier's own removal (the ADR 0204 precedent), so the sheets and tests
+      that still measure light keep measuring.
 
    c. --line IS A WIDTH HERE, NOT A COLOUR (DESIGN.md warns about exactly this
       name). The hairline's COLOUR is --rule / --rule-soft.
@@ -253,9 +257,67 @@
   --plate: none;
   --plate-blend: lighten;
   --plate-veil: none;
-}
 
-/* ---------- dark theme ----------
+  /* ---- HELM: the hall's look (task 1005192, ADR 0402). The kit's recipes,
+          named once here so no page sheet types one in. None of them flips
+          with the mode; the Helm NEUTRALS are the dark tier below, which is
+          the only tier the hall renders.
+
+          TYPE, TWO VOICES. The name voice names a thing (a title, a button, an
+          eyebrow): the display face in wide tracked capitals. Everything said
+          to you is the body face in plain sentences. --helm-display and
+          --helm-body are the Helm faces themselves; html[data-faces="helm"]
+          (below the dark twins) hands them to --font-display / --font-body for
+          a hall whose pack has not chosen faces of its own. ---- */
+  --helm-display: "Barlow Condensed", "Arial Narrow", "Segoe UI", system-ui, sans-serif;
+  --helm-body:    "Barlow", "Segoe UI", system-ui, -apple-system, sans-serif;
+  --name-face:        var(--font-display);
+  --name-weight:      500;
+  --name-weight-lit:  600;
+  --name-case:        uppercase;
+  --name-space:       .24em;
+  --name-space-wide:  .3em;
+  --name-space-tight: .16em;
+  /* a title's glow: the soft ink, never the accent (the accent is for what you
+     can act on) */
+  --name-glow: 0 0 22px color-mix(in srgb, var(--ink-soft) 45%, transparent);
+
+  /* SHAPE, THREE MOVES (the arc is the visor's and is not in this slice).
+     THE CUT CORNER is anything you can press: top-left and bottom-right cut,
+     no pill. A clip-path clips an outline, so a cut control's focus is the
+     inset two-tone ring --press-focus: the focus colour on the edge, then a
+     band of the ground, so one of the two reads on any fill. */
+  --cut:         12px;
+  --cut-sm:      8px;
+  --cut-path:    polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));
+  --cut-path-sm: polygon(var(--cut-sm) 0, 100% 0, 100% calc(100% - var(--cut-sm)), calc(100% - var(--cut-sm)) 100%, 0 100%, 0 var(--cut-sm));
+  --press-radius: 0px;
+  --press-fill:   var(--surface-2);
+  --press-focus:  inset 0 0 0 2px var(--focus), inset 0 0 0 4px var(--bg);
+  /* THE SEGMENT is progress: one small skewed bar per step. */
+  --seg-w:    40px;
+  --seg-h:    8px;
+  --seg-gap:  var(--ds-space-hair);
+  --seg-skew: -28deg;
+
+  /* THE PANEL OVER ART: the ground at 72%, closed left and right by the strong
+     hairline. --helm-inset is how far a full-height panel stands off the left
+     edge: nothing on a phone, growing to its full step on a desk, with no
+     breakpoint. */
+  --night-glass: color-mix(in srgb, var(--bg) 72%, transparent);
+  --line-strong: 1.5px;
+  --helm-panel-w: 400px;
+  --helm-row:     60px;
+  --helm-mark:    60px;
+  --helm-inset:   clamp(0px, calc((100vw - var(--helm-panel-w)) * .1), 96px);
+}
+
+/* ---------- dark theme: the Helm neutrals ----------
+   The only tier the hall renders (task 1005192, ADR 0402). Each colour has one
+   job: NIGHT is the ground and every panel (--bg; --bg-card is the night
+   lifted a step, for a panel at rest); ICE is information you read
+   (--ink-soft, and the hairlines as ice at 40% and 20%); WHITE is names and
+   numbers (--ink); the pack's --accent is only what you can act on.
    Only the NEUTRALS and the mode-dependent derivations flip; the pack's
    accent/sea/terracotta + fonts survive (the Unpinned Accent Rule — a dark
    block may pin no accent literal, or a re-themed instance cannot reach dark),
@@ -265,24 +327,24 @@
 
 html[data-theme="dark"] {
   color-scheme: dark;
-  --bg:        #000000;
-  --bg-card:   #101012;
-  --bg-deep:   #000000;
-  --bg-frame:  #08080a;
+  --bg:        #050d16;
+  --bg-card:   #0a1622;
+  --bg-deep:   #050d16;
+  --bg-frame:  #07111b;
   --ink:       #ffffff;
-  --ink-soft:  #c0c0c0;
-  --ink-faint: #a8a8a8;
-  --rule:      rgba(255, 255, 255, .16);
-  --rule-soft: rgba(255, 255, 255, .08);
-  --glass:        rgba(255, 255, 255, .11);
-  --glass-strong: rgba(255, 255, 255, .17);
-  --glass-edge:   rgba(255, 255, 255, .13);
+  --ink-soft:  #c8f1f7;
+  --ink-faint: #a9cdd4;
+  --rule:      rgba(200, 241, 247, .4);
+  --rule-soft: rgba(200, 241, 247, .2);
+  --glass:        rgba(200, 241, 247, .1);
+  --glass-strong: rgba(200, 241, 247, .16);
+  --glass-edge:   rgba(200, 241, 247, .2);
   --glass-blur:   18px;
-  --void:      #000000;
+  --void:      #050d16;
   --void-ink:  var(--ink);
-  --void-edge: rgba(255, 255, 255, .16);
+  --void-edge: rgba(200, 241, 247, .4);
   --accent-ink:  var(--accent);
-  --accent-tint: color-mix(in srgb, var(--accent) 22%, #0b0a09);
+  --accent-tint: color-mix(in srgb, var(--accent) 22%, #050d16);
   --accent-glow: 0 8px 28px color-mix(in srgb, var(--accent) 38%, transparent);
   --ok:          #4ade80;
   --ok-weak:     color-mix(in srgb, #4ade80 14%, var(--bg-card));
@@ -293,36 +355,36 @@ html[data-theme="dark"] {
   --info:        color-mix(in srgb, var(--sea) 80%, #ffffff);
   --info-weak:   color-mix(in srgb, var(--info) 14%, var(--bg-card));
   --focus:       var(--accent);
-  --label-face:  var(--font-body);
+  --label-face:  var(--font-display);
   --label-size:  var(--ds-text-2xs-plus);
-  --label-space: .1em;
+  --label-space: .2em;
   --type-halo:   0 2px 18px rgba(0, 0, 0, .94), 0 0 54px rgba(0, 0, 0, .72);
   --surface-2:   color-mix(in srgb, var(--ink) 6%, var(--bg-card));
-  --plate-veil:  linear-gradient(to bottom, rgba(0, 0, 0, .82), rgba(0, 0, 0, .93));
+  --plate-veil:  linear-gradient(to bottom, rgba(5, 13, 22, .82), rgba(5, 13, 22, .93));
 }
 html[data-theme="dark"] body { background: var(--bg); }
 
 @media (prefers-color-scheme: dark) {
   html:not([data-theme]) {
     color-scheme: dark;
-    --bg:        #000000;
-    --bg-card:   #101012;
-    --bg-deep:   #000000;
-    --bg-frame:  #08080a;
+    --bg:        #050d16;
+    --bg-card:   #0a1622;
+    --bg-deep:   #050d16;
+    --bg-frame:  #07111b;
     --ink:       #ffffff;
-    --ink-soft:  #c0c0c0;
-    --ink-faint: #a8a8a8;
-    --rule:      rgba(255, 255, 255, .16);
-    --rule-soft: rgba(255, 255, 255, .08);
-    --glass:        rgba(255, 255, 255, .11);
-    --glass-strong: rgba(255, 255, 255, .17);
-    --glass-edge:   rgba(255, 255, 255, .13);
+    --ink-soft:  #c8f1f7;
+    --ink-faint: #a9cdd4;
+    --rule:      rgba(200, 241, 247, .4);
+    --rule-soft: rgba(200, 241, 247, .2);
+    --glass:        rgba(200, 241, 247, .1);
+    --glass-strong: rgba(200, 241, 247, .16);
+    --glass-edge:   rgba(200, 241, 247, .2);
     --glass-blur:   18px;
-    --void:      #000000;
+    --void:      #050d16;
     --void-ink:  var(--ink);
-    --void-edge: rgba(255, 255, 255, .16);
+    --void-edge: rgba(200, 241, 247, .4);
     --accent-ink:  var(--accent);
-    --accent-tint: color-mix(in srgb, var(--accent) 22%, #0b0a09);
+    --accent-tint: color-mix(in srgb, var(--accent) 22%, #050d16);
     --accent-glow: 0 8px 28px color-mix(in srgb, var(--accent) 38%, transparent);
     --ok:          #4ade80;
     --ok-weak:     color-mix(in srgb, #4ade80 14%, var(--bg-card));
@@ -333,16 +395,27 @@ html[data-theme="dark"] body { background: var(--bg); }
     --info:        color-mix(in srgb, var(--sea) 80%, #ffffff);
     --info-weak:   color-mix(in srgb, var(--info) 14%, var(--bg-card));
     --focus:       var(--accent);
-    --label-face:  var(--font-body);
+    --label-face:  var(--font-display);
     --label-size:  var(--ds-text-2xs-plus);
-    --label-space: .1em;
+    --label-space: .2em;
     --type-halo:   0 2px 18px rgba(0, 0, 0, .94), 0 0 54px rgba(0, 0, 0, .72);
     --surface-2:   color-mix(in srgb, var(--ink) 6%, var(--bg-card));
-    --plate-veil:  linear-gradient(to bottom, rgba(0, 0, 0, .82), rgba(0, 0, 0, .93));
+    --plate-veil:  linear-gradient(to bottom, rgba(5, 13, 22, .82), rgba(5, 13, 22, .93));
   }
   html:not([data-theme]) body { background: var(--bg); }
 }
 
+/* The Helm faces (task 1005192, ADR 0402). The server stamps data-faces="helm"
+   on a hall page whose pack still names the platform's default faces
+   (src/hall-helm.js) and links the two families. (0,1,1) outranks the pack's
+   spliced :root, so the hall reads Barlow while the landing keeps the pack's
+   face; a hall that wears faces of its own never gets the attribute and keeps
+   them. */
+html[data-faces="helm"] {
+  --font-display: var(--helm-display);
+  --font-body:    var(--helm-body);
+}
+
 /* The Kill Switch Rule (DESIGN.md). Nothing escapes it, and no motion is
    authored in JavaScript, because JavaScript motion escapes it. */
 @media (prefers-reduced-motion: reduce) {
@@ -1182,23 +1255,7 @@ html[data-handoff="on"] .app-content { padding: 0; }
 .topbar-menu:hover { color: var(--ink); }
 .topbar-menu svg { width: 16px; height: 16px; }
 
-.theme-toggle {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px; height: 32px;
-  border: 0;
-  border-radius: var(--radius-pill);
-  background: none;
-  color: var(--ink-soft);
-  cursor: pointer;
-  padding: 0;
-  flex-shrink: 0;
-}
-.theme-toggle:hover { color: var(--ink); }
-.theme-toggle svg { width: 16px; height: 16px; }
-
-/* task 1475: the accessibility zoom control — sibling of the theme toggle.
+/* task 1475: the accessibility zoom control.
    Widens to fit the "125%"/"150%" label when zoom is active. */
 .zoom-toggle {
   display: inline-flex;
@@ -1991,7 +2048,7 @@ html.pb-editing main { padding-bottom: 180px; }
      tighter and each icon button is 28px — still above the 24px floor — so the
      whole row fits with room to spare. Pinned in tests/hall_topbar_320.mjs. */
   .app-topbar { gap: var(--ds-space-hair); padding: 0 var(--ds-space-xs); }
-  .topbar-menu, .theme-toggle, .fullscreen-toggle { width: 28px; height: 28px; }
+  .topbar-menu, .fullscreen-toggle { width: 28px; height: 28px; }
   .zoom-toggle { min-width: 28px; height: 28px; padding: 0 6px; }
   .topbar-side .topbar-jump { min-width: 28px; padding: 0 6px; }
 }
@@ -2073,11 +2130,13 @@ html.pb-editing main { padding-bottom: 180px; }
 /* Focus: the world's two-tone ring — a 2px accent-derived outline at 3px offset
    inside an 8px --bg halo, so the indicator keeps its own edge over whatever it
    lands on (a bare outline measured 1.1:1 over the light bar). The rail's items
-   ring inside themselves instead, or the halo would spill out of the 64px strip. */
+   ring inside themselves instead, or the halo would spill out of the 64px strip.
+   A CUT control (controls.css) hands in --focus-ring: its clip-path would clip
+   the outline and the halo away, so its ring is the inset two-tone one. */
 :focus-visible {
   outline: 2px solid var(--focus);
   outline-offset: 3px;
-  box-shadow: 0 0 0 8px var(--bg);
+  box-shadow: var(--focus-ring, 0 0 0 8px var(--bg));
   border-radius: var(--radius-sm);
 }
 .nav-item:focus-visible,

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

@@ -8,7 +8,7 @@
   <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <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-11-10-options">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm">
   <!-- The record archetype (shared with idea.html) and this page's own two
        shapes. Promoted out of an inline <style> by task 1003305 — the block was
        the hall's last substantive one and sat at its hall_audit ratchet. -->
@@ -57,10 +57,10 @@
 <!-- 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/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-10-options"></script>
+<script src="/builders/shell-game.js?v=2026-11-11-helm"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-10-visor"></script>
-<script src="/builders/shell.js?v=2026-11-10-character"></script>
+<script src="/builders/shell.js?v=2026-11-11-helm"></script>
 <script src="/builders/hall-dialog.js"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>

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

@@ -1,6 +1,7 @@
 {
   "_": "The hall's TASK RECORD through modules/ui-design/kit/render.js (task 1003305). The record's own controls — the dependency links, the lifecycle buttons, the figure band, the way back — only exist once a task has LOADED, so the floors here are run against the hall-preview harness rather than the kit's own stub, which carries the public-landing feeds and not the hall's:\n\n  node scripts/hall-preview/server.js --port 4612 --fixture-me\n  node modules/ui-design/kit/render.js --states modules/hall-ui/public/task.states.json --base-in http://builders.localhost:4612 --base-out http://builders.localhost:4612\n\nRun against the kit's own stubs instead and every state renders `no such task`, which is a real state and is the `missing` one below — just not the one the re-skin changed.",
   "page": "/task/2166",
+  "modes": ["dark"],
   "_storage": "The hall asks a first-visit question (the session mode picker, craft-mode.js) over every page; seeding \"already asked\" renders the page a returning builder sees (task 1005080).",
   "storage": { "session": { "hall-craft-asked": "1" } },
   "surface": "hall-ui",

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

@@ -12,7 +12,7 @@
        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).
        The template carried its own Google Fonts link for the same two faces. -->
-  <link rel="stylesheet" href="/builders/style.css?v=2026-11-10-options">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm">
   <link rel="stylesheet" href="/builders/visor.css?v=2026-11-10-visor">
   <link rel="stylesheet" href="/builders/thinking.css?v=2026-11-10-visor">
 </head>
@@ -140,10 +140,10 @@
 </div>
 
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-10-options"></script>
+<script src="/builders/shell-game.js?v=2026-11-11-helm"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-10-visor"></script>
-<script src="/builders/shell.js?v=2026-11-10-character"></script>
+<script src="/builders/shell.js?v=2026-11-11-helm"></script>
 <script src="/builders/hall-dialog.js"></script>
 <!-- task 1005148: the visor (glass over the scene, game mode only; ADR 0399), after the shell and hall-dialog.js -->
 <script src="/builders/visor.js?v=2026-11-10-visor"></script>

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

@@ -1,6 +1,7 @@
 {
   "_": "THE SKY (task 1004231 / sky part 3 of 5, goal 1000095; ADR 0331) through modules/ui-design/kit/render.js. 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 composer, the tour, the list drawer and the lenses all exist with no thought filed). To look at the populated sky, run it against the hall-preview harness, whose sky.json + sky__mine.json fixtures carry the wells and one of each of the five objects:\n\n  node scripts/hall-preview/server.js --port 4615 --fixture-me\n  node modules/ui-design/kit/render.js --states modules/hall-ui/public/thinking.states.json --base-in http://localhost:4615 --base-out http://localhost:4615\n\nThe tour opens by itself on a first visit (sky-tour-seen), so states that want the bare sky skip it first.\n\nIN THE HALL (task 1004327): the page sits in the hall chrome, so it renders in BOTH modes — the chrome follows the hall theme and the sky's stage stays the void in both. The full-* states press the shell's full-screen switch: the sidebar and the top bar leave, and the one button that brings them back floats top right.",
   "page": "/builders/thinking",
+  "modes": ["dark"],
   "_storage": "The hall asks a first-visit question (the session mode picker, craft-mode.js) over every page; seeding \"already asked\" renders the page a returning builder sees (task 1005080).",
   "storage": { "session": { "hall-craft-asked": "1" } },
   "surface": "hall-ui",

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

@@ -10,7 +10,7 @@
   <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <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-11-10-options">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm">
   <link rel="stylesheet" href="/builders/tweak-editor.css?v=2026-09-29-tw27-aqfix">
 </head>
 <!-- THE TWEAK EDITOR (task 1004321 / BV2.TW10, goal 1000095; ADR 0341 D4 and
@@ -143,10 +143,10 @@
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-10-options"></script>
+<script src="/builders/shell-game.js?v=2026-11-11-helm"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-10-visor"></script>
-<script src="/builders/shell.js?v=2026-11-10-character"></script>
+<script src="/builders/shell.js?v=2026-11-11-helm"></script>
 <script src="/builders/hall-dialog.js"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/brand-holes.js?v=2026-09-29-aqfix"></script>

package/modules/hall-ui/public/tweak-editor.states.json

@@ -1,6 +1,7 @@
 {
   "_": "The tweak editor (task 1004321 / BV2.TW10), built 1:1 on docs/design/mocks/tweak-mode/Editor.dc.html. Against the kit's own stub the page renders its could-not-read state (no /copy-desk feed), a state the floors must hold in. TO SEE IT POPULATED, point the kit at the hall-preview harness: `node scripts/hall-preview/server.js --port 4631 --fixture-me`, then `render.js --page '/builders/tweak-editor?page=landing:index' --base-in http://builders.localhost:4631 --base-out http://builders.localhost:4631`. The harness answers the read from fixtures/copy-desk__pages__draft.json (the real landing:index reading with the artboard's two rewrites as the saved draft), next up from copy-desk__next.json, and the autosave, the submit and the claim from its canned writes.",
   "page": "/builders/tweak-editor?page=landing:index",
+  "modes": ["dark"],
   "_storage": "The hall asks a first-visit question (the session mode picker, craft-mode.js) over every page; seeding \"already asked\" renders the page a returning builder sees (task 1005080).",
   "storage": { "session": { "hall-craft-asked": "1" } },
   "surface": "hall-ui",

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

@@ -11,7 +11,7 @@
   <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <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-11-10-options">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm">
   <!-- The oversight family's sheet (task 1003469): the figure band, the group
        head, the row, the form. Then the page's own: severities, the report
        reader, the grade trend. The attention tiles + tabs come from style.css's
@@ -269,10 +269,10 @@
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-10-options"></script>
+<script src="/builders/shell-game.js?v=2026-11-11-helm"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-10-visor"></script>
-<script src="/builders/shell.js?v=2026-11-10-character"></script>
+<script src="/builders/shell.js?v=2026-11-11-helm"></script>
 <script src="/builders/hall-dialog.js"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>

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

@@ -1,6 +1,7 @@
 {
   "_": "Watch — the attention board behind requireGovernmentPage. The SEALED state (a viewer below the gate) is a real render, not an error page, so it is a state here. Written with the re-skin (task 1003307) so this page is MEASURED at three widths in both modes rather than looked at once.",
   "page": "/builders/watch",
+  "modes": ["dark"],
   "_storage": "The hall asks a first-visit question (the session mode picker, craft-mode.js) over every page; seeding \"already asked\" renders the page a returning builder sees (task 1005080).",
   "storage": { "session": { "hall-craft-asked": "1" } },
   "surface": "hall-ui",

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

@@ -1,6 +1,7 @@
 {
   "_": "Project founding mode (task 1004422) on an ordinary hall page: the founding band above the topbar and today's nav items asleep, rendered from a /me that says founding (kit fixture me-founding.json, the real server shaper's output at stage strategize). The page itself is work.states.json's; only the identity differs. The no-founding case is every other hall states file.",
   "page": "/builders/work",
+  "modes": ["dark"],
   "_storage": "The hall asks a first-visit question (the session mode picker, craft-mode.js) over every page; seeding \"already asked\" renders the page a returning builder sees (task 1005080).",
   "storage": { "session": { "hall-craft-asked": "1" } },
   "surface": "hall-ui",

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

@@ -8,7 +8,7 @@
   <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <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-11-10-options">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm">
   <!-- Page-local styles (task 2170) — extracted from the old inline <style>
        block per the hall placement rules; shared pager/count-pill styles now
        live in style.css's hall-kit section. -->
@@ -172,10 +172,10 @@
 <!-- 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/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-10-options"></script>
+<script src="/builders/shell-game.js?v=2026-11-11-helm"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-10-visor"></script>
-<script src="/builders/shell.js?v=2026-11-10-character"></script>
+<script src="/builders/shell.js?v=2026-11-11-helm"></script>
 <script src="/builders/hall-dialog.js"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>

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

@@ -1,6 +1,7 @@
 {
   "_": "The hall's Work Board through modules/ui-design/kit/render.js (task 1003304). Written with the re-skin so the board's four tabs and its selection state are measured at 1440/390/320 in both modes, not just looked at. The populated look is the hall-preview harness (scripts/hall-preview/server.js); this file is the FLOORS.",
   "page": "/builders/work",
+  "modes": ["dark"],
   "_storage": "The hall asks a first-visit question (the session mode picker, craft-mode.js) over every page; seeding \"already asked\" renders the page a returning builder sees (task 1005080).",
   "storage": { "session": { "hall-craft-asked": "1" } },
   "surface": "hall-ui",

package/modules/hall-ui/records/start-screen.md

@@ -11,11 +11,15 @@ Covers: Home (`shell-game.js` `start()`, `shell-game.css`, the hand-off in `welc
 - **Tips rotate** (`localStorage 'hall-game-tip'` counts them), so each load shows the next one. A tip must be true of the hall today; the first one is the Escape rule from `game-mode.md` (rewritten by task 1005144: Escape opens the options menu).
 - **The craft picker waits for the world.** While the start screen is up the shell asks no picker (`onAccess` returned true). `done` runs once the screen is gone and asks `OTBCraftMode.onAccess` then.
 - **Keys.** While either screen is up it keeps every key: the arrows and Tab walk the menu, Escape folds Extras away and does nothing else, so the shell's Escape cannot flip the bars underneath. Once the world shows, the last Escape opens the options menu (task 1005144); the screen's capture listener calls `preventDefault`, so the menu never opens from under it.
-- **The look.** The painting under the hall's `--scrim`, and on it one card of the hall's own tokens per screen (`--bg-card`, `--ink`, `--rule`; Start is the hall's primary pill, `--accent` under `--accent-on`), so both follow the hall's theme and the sheet holds no colour literal (`tests/hall_audit.mjs`). Sizes, corners and spacing are `--ds-*` tokens only; the sheet has no `@media` (the column is `max-width` in `rem` and wraps). The fade into the world is one CSS opacity transition, stopped by the hall's reduced-motion rule.
+- **The look is Helm (task 1005192, [ADR 0402](../../../docs/adr/0402-helm-is-the-halls-look-and-the-hall-is-dark-only.md)).** The start screen is one full-height night panel over the painting (`--night-glass`, an ice hairline left and right at `--line-strong`), `--helm-panel-w` wide. On a desk it stands off the left edge by `--helm-inset`; that token is a `clamp`, so on a phone the panel is the whole width and the sheet still has no `@media`. In it: the mark (the project's logo when it has one) over the name in the name voice; Start as a full-width accent bar under `--accent-on` that names its key ("Enter", drawn by CSS so the choice's own text stays "Start"); the other four as quiet rows on `--rule-soft` hairlines; and at the foot, over the strong hairline, the tip the load screen will show next (`#gs-line`), with the Quit note under it when the browser keeps the tab. The rows are list rows in a panel, so they are bars, not cut buttons. A row's focus is the inset two-tone ring (`--press-focus`), which is what makes focus visible on the accent bar.
+- **The load screen is the same panel, centred** over the painting under the hall's `--scrim`: the week in the name voice (`#gs-when`), one segment per week of the history (`#gs-segs`, the shared `.segs` / `.seg`; filled up to the week being shown, counted the way the sentence words it, and hidden from a screen reader because the sentence says the same), the city, and the tip under a hairline. With no city there are no segments.
+- **The literal floor is zero.** Every colour, size, corner, shadow, face and measure in `shell-game.css` is a hall-tier token (`style.css`); `tests/hall_start_screen.mjs` fails on a typed one. The fade into the world is one CSS opacity transition, stopped by the hall's reduced-motion rule.
 
 ## For the tasks after this one
 
 - R04 (task 1005144): point Options at the options menu and move Achievements/Extras targets if those pages lose their interfaces. Escape on the start screen is free for the menu to use.
 - `shell-game.js` is loaded on every hall page but only Home calls `start()`; `shell-game.css` is linked on Home only. A second page that wants the start screen links the sheet and calls `start()` with its own still.
 
-Tests: `tests/hall_start_screen.mjs` (the hand-off and pure parts in a vm; both screens, Quit, the no-city and reduced-motion paths in a real browser).
+- New art for the start screen (the city in the clouds) is task 1005196; `welcome-boot.js` still hands in the welcome's painting.
+
+Tests: `tests/hall_start_screen.mjs` (the hand-off and pure parts in a vm; both screens, the panel's place at desk and phone widths, the segments, Quit, the no-city and reduced-motion paths in a real browser).

package/modules/hall-ui/specimens/components.states.json

@@ -1,6 +1,7 @@
 {
-  "_": "The hall's shared components, each in each tone and state (task 1005086, goal 1000138): the status pill, the panel, the empty state, the loading state, the toast per kind, the tabs and view toggle, the buttons, the field and the dialog. Rendered by the ui-design kit in both modes at 1440/390/320: node modules/ui-design/kit/render.js --states modules/hall-ui/specimens/components.states.json. The public design-system reference (task 1005083) is meant to build on this.",
+  "_": "The hall's shared components, each in each tone and state (task 1005086, goal 1000138): the status pill, the panel, the empty state, the loading state, the toast per kind, the tabs and view toggle, the buttons, the field and the dialog. Rendered by the ui-design kit, dark only like the hall (task 1005192), at 1440/390/320: node modules/ui-design/kit/render.js --states modules/hall-ui/specimens/components.states.json. The public design-system reference (task 1005083) is meant to build on this.",
   "page": "/components",
+  "modes": ["dark"],
   "surface": "modules/hall-ui/specimens",
   "stub": {
     "prefix": "/"