@bongos/core 1.24.80 → 1.24.81

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

@@ -1,6 +1,7 @@
 {
   "_": "Builders — this project's OWN roster, ranked by credits earned (task 1003441, goal 1000075). Was the #leaderboard hash view on index.html; /#leaderboard now redirects here. Deliberately UNGATED, because its one data source (GET /leaderboard) is deliberately unauthenticated and mirrors the public status surface — so unlike a gated page's states file the `out` state below renders the real page rather than a seal. Populated look: the hall-preview harness (scripts/hall-preview/fixtures/public__leaderboard.json, since task 1004437 the list the page reads: fifteen builders with avatars, ranks, karma, tokens and each one's roles, including an artist and an ideator with no AI sessions).",
   "page": "/builders/roster",
+  "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/settings.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 PANEL archetype (task 1003308): the row, the switch, the field, the
        chip control and the family's voices, shared with profile and pair.
        settings.css then holds only what this page
@@ -405,10 +405,10 @@
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page scripts run. -->
 <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/settings.states.json

@@ -1,6 +1,7 @@
 {
   "_": "The hall's SETTINGS page through modules/ui-design/kit/render.js (task 1003308). Every panel on it is a form the page script fills from a dozen /me/* reads, so the floors run against the hall-preview harness rather than the kit's own stub:\n\n  node scripts/hall-preview/server.js --port 4621 --fixture-me\n  node modules/ui-design/kit/render.js --states modules/hall-ui/public/settings.states.json --base-in http://builders.localhost:4621 --base-out http://builders.localhost:4621\n\nOne group renders at a time behind the section rail, so each rail group is its own state. There is no `out` state on purpose: settings.js answers a 401 by navigating to the sign-in flow, and a state whose page navigates away measures the destination, not this page (the not-signed-in gate panel is the non-401 failure render, pinned statically in tests/hall_settings_world.mjs).",
   "page": "/settings",
+  "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/shell-game.css

@@ -1,65 +1,110 @@
-/* shell-game.css — the game's start screen and load screen (task 1005143; shell-game.js start()).
-   Both stand over the welcome's painting, darkened by the hall's scrim. The menu and the load
-   screen are each a card of the hall's own tokens, so they follow the hall's theme and the city
-   drawn in the load card sits on its own ground. Colours, sizes, corners and spacing are tokens;
-   nothing here is typed in. Rules: modules/hall-ui/records/start-screen.md. */
+/* shell-game.css — the game's start screen and load screen (task 1005143; shell-game.js start()),
+   in the Helm look (task 1005192, ADR 0402). Both stand over the welcome's painting. The start
+   screen is one full-height night panel on the left, closed left and right by an ice hairline:
+   the mark and the project's name in the name voice, the five choices as full-width rows, one
+   line at the foot. The load screen is the same panel language, centred: the week in the name
+   voice, one segment per week, the city, the tip. Colours, sizes, corners, spacing and the
+   panel's own measures are the hall tier's tokens (style.css); nothing here is typed in, and
+   there is no breakpoint: the panel is as wide as a phone and stands off the edge on a desk
+   (--helm-inset). Rules: modules/hall-ui/records/start-screen.md. */
 html.gs-open { overflow: hidden; }
 .gs {
   position: fixed; inset: 0; z-index: var(--ds-z-modal, 160); overflow: auto;
-  display: flex; align-items: center; justify-content: center;
-  padding: var(--ds-space-lg) var(--ds-space-gutter-narrow);
-  background: var(--bg); color: var(--ink); font-family: var(--font-body);
-  transition: opacity .5s var(--ds-ease);
+  display: flex; align-items: stretch; justify-content: flex-start;
+  padding: 0 0 0 var(--helm-inset);
+  background: var(--bg); color: var(--ink-soft); font-family: var(--font-body);
+  transition: opacity var(--ds-dur-slower) var(--ds-ease);
 }
 .gs--leaving { opacity: 0; pointer-events: none; }
+.gs--load { align-items: center; justify-content: center; padding: var(--ds-space-lg) var(--ds-space-gutter-narrow); }
 
-/* the still: the painting, covering the screen, under the scrim so a card reads on any part of it */
+/* the still: the painting, covering the screen. The start screen leaves it bare (the panel is
+   its own ground); the load screen lays the scrim over it so the centred panel reads anywhere. */
 .gs__art { position: absolute; inset: 0; }
-.gs__art::after { content: ""; position: absolute; inset: 0; background: var(--scrim); }
+.gs--load .gs__art::after { content: ""; position: absolute; inset: 0; background: var(--scrim); }
 .gs__img { width: 100%; height: 100%; object-fit: cover; display: block; }
 
-/* the two cards */
+/* the two panels: night over the art, an ice hairline left and right, no corner, no shadow */
 .gs__menu, .gs__load {
-  position: relative; width: 100%; box-sizing: border-box; padding: var(--ds-space-md);
-  background: var(--bg-card); border-radius: var(--ds-radius-panel); box-shadow: var(--ds-shadow-pop);
+  position: relative; box-sizing: border-box;
+  background: var(--night-glass);
+  border: 0 solid var(--rule); border-left-width: var(--line-strong); border-right-width: var(--line-strong);
 }
 .gs__menu[hidden], .gs__load[hidden] { display: none; }
 
-/* the start screen: the project's name over five choices, one column */
-.gs__menu { max-width: 24rem; }
+/* the start screen: the mark and the name, the five choices, one line at the foot */
+.gs__menu {
+  width: min(100%, var(--helm-panel-w)); min-height: 100%; flex: none;
+  display: flex; flex-direction: column; justify-content: space-between; gap: var(--ds-space-lg);
+  padding: var(--ds-space-xl) 0 var(--ds-space-lg);
+}
+.gs__top { display: flex; flex-direction: column; gap: var(--ds-space-xl); }
+.gs__head { display: flex; flex-direction: column; gap: var(--ds-space-md); padding: 0 var(--ds-space-lg); }
+.gs__mark { display: block; width: var(--helm-mark); height: var(--helm-mark); object-fit: contain; --mark-ink: var(--ink); }
 .gs__title {
-  margin: var(--ds-space-xs) 0 var(--ds-space-md); text-align: center; text-wrap: balance;
-  font-family: var(--font-display); font-size: var(--ds-text-title); font-weight: 700; line-height: 1.1;
+  margin: 0; overflow-wrap: anywhere;
+  font-family: var(--name-face); font-size: var(--ds-text-headline); font-weight: var(--name-weight);
+  letter-spacing: var(--name-space-wide); text-transform: var(--name-case); line-height: 1.15;
+  color: var(--ink); text-shadow: var(--name-glow);
 }
-.gs__items { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--ds-space-xs); }
+.gs__items { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
 .gs__items[hidden] { display: none; }
-.gs__items--extras { margin-top: var(--ds-space-sm); flex-direction: row; flex-wrap: wrap; justify-content: center; }
 .gs__item {
-  display: flex; align-items: center; justify-content: center; box-sizing: border-box;
-  width: 100%; min-height: 48px; padding: var(--ds-space-xs) var(--ds-space-md);
-  background: transparent; color: inherit; border: 1px solid var(--rule);
-  border-radius: var(--ds-radius-pill); font: inherit; font-size: var(--ds-text-xl); font-weight: 600;
+  display: flex; align-items: center; justify-content: space-between; box-sizing: border-box;
+  width: 100%; min-height: var(--helm-row); padding: var(--ds-space-hair) var(--ds-space-lg);
+  background: transparent; color: var(--ink); border: 0; border-bottom: var(--line) solid var(--rule-soft);
+  font-family: var(--name-face); font-size: var(--ds-text-5xl); font-weight: 400;
+  letter-spacing: var(--name-space); text-transform: var(--name-case); text-align: left;
   text-decoration: none; cursor: pointer;
-  transition: background-color .15s var(--ds-ease), border-color .15s var(--ds-ease);
+  transition: background-color var(--ds-dur-fast) var(--ds-ease);
+}
+.gs__items > li:last-child > .gs__item { border-bottom-color: transparent; }
+.gs__item:hover { background: var(--glass); color: var(--ink); text-decoration: none; }
+/* the ring sits inside the row: the focus colour on the edge, a band of the night inside it, so
+   one of the two reads on the accent bar as well as on the panel */
+.gs__item:focus-visible { outline: 0; border-radius: var(--press-radius); box-shadow: var(--press-focus); }
+/* Start is the one thing lit: the accent bar under its dark ink, with the key that takes it */
+.gs__item[data-gs="start"] {
+  background: var(--accent); color: var(--accent-on); border-bottom-color: transparent;
+  font-weight: var(--name-weight-lit); box-shadow: var(--accent-glow);
+}
+.gs__item[data-gs="start"]:hover { background: var(--accent-lift); color: var(--accent-on); }
+.gs__item[data-gs="start"]:focus-visible { box-shadow: var(--press-focus), var(--accent-glow); }
+.gs__item[data-gs="start"]::after {
+  content: "Enter"; padding: 0 var(--ds-space-hair);
+  border: var(--line-strong) solid currentColor;
+  font-size: var(--ds-text-md); letter-spacing: var(--label-space);
+}
+/* Extras: three quieter rows, stepped in under the menu */
+.gs__items--extras { border-top: var(--line) solid var(--rule-soft); }
+.gs__item--extra {
+  min-height: var(--ds-space-xl); padding-left: var(--ds-space-xl);
+  font-size: var(--ds-text-xl); letter-spacing: var(--name-space-tight); color: var(--ink-soft);
 }
-.gs__item:hover { background: var(--bg); border-color: var(--ink-soft); text-decoration: none; }
-.gs__item:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
-/* Start is the one filled choice, as the hall's primary pill is */
-.gs__item[data-gs="start"] { background: var(--accent); color: var(--accent-on); border-color: transparent; }
-.gs__item[data-gs="start"]:hover { background: var(--accent-lift); border-color: transparent; }
-.gs__item--extra { width: auto; min-height: 40px; font-size: var(--ds-text-md); font-weight: 500; }
-.gs__note { margin: var(--ds-space-md) 0 0; text-align: center; font-size: var(--ds-text-md); color: var(--ink-soft); }
+/* the foot: one line said to you, over the strong hairline */
+.gs__foot { padding: var(--ds-space-md) var(--ds-space-lg) 0; border-top: var(--line-strong) solid var(--rule); }
+.gs__line, .gs__note { margin: 0; font-size: var(--ds-text-lg); line-height: 1.5; text-wrap: pretty; color: var(--ink-soft); }
+.gs__note { margin-top: var(--ds-space-xs); color: var(--ink); }
 .gs__note[hidden] { display: none; }
 
-/* the load screen: the city building up, the week it is showing, and the tip under it */
-.gs__load { max-width: 44rem; display: flex; flex-direction: column; gap: var(--ds-space-sm); text-align: center; }
-.gs__city { display: block; width: 100%; height: auto; max-height: 56vh; }
-.gs__city[hidden], .gs__when[hidden] { display: none; }
-.gs__when { margin: 0; font-size: var(--ds-text-sm); color: var(--ink-soft); font-variant-numeric: tabular-nums; }
-.gs__tip { margin: 0; font-size: var(--ds-text-lg); line-height: 1.45; text-wrap: pretty; }
+/* the load screen: the week it is showing, a segment per week, the city, and the tip under it */
+.gs__load {
+  width: 100%; max-width: 44rem; padding: var(--ds-space-lg) var(--ds-space-md);
+  display: flex; flex-direction: column; gap: var(--ds-space-sm);
+}
+.gs__city { display: block; width: 100%; height: auto; max-height: 52vh; }
+.gs__city[hidden], .gs__when[hidden], .gs__segs[hidden] { display: none; }
+.gs__when {
+  margin: 0; color: var(--ink); font-variant-numeric: tabular-nums;
+  font-family: var(--name-face); font-size: var(--ds-text-xl); font-weight: var(--name-weight);
+  letter-spacing: var(--name-space); text-transform: var(--name-case);
+}
+.gs__tip {
+  margin: 0; padding-top: var(--ds-space-sm); border-top: var(--line) solid var(--rule-soft);
+  font-size: var(--ds-text-lg); line-height: 1.5; text-wrap: pretty; color: var(--ink-soft);
+}
 .gs__tip b {
-  display: inline-block; margin-right: var(--ds-space-xs); padding: 0 var(--ds-space-xs);
-  border: 1px solid var(--rule); border-radius: var(--ds-radius-pill);
-  font-size: var(--ds-text-2xs); font-weight: 600; letter-spacing: .08em; text-transform: uppercase;
-  color: var(--ink-soft); vertical-align: middle;
+  display: block; margin-bottom: var(--ds-space-hair);
+  font-family: var(--name-face); font-size: var(--label-size); font-weight: var(--name-weight);
+  letter-spacing: var(--label-space); text-transform: var(--name-case); color: var(--ink);
 }

package/modules/hall-ui/public/shell-game.js

@@ -91,22 +91,54 @@
     if (m.href) return '<li><a' + inner + ' href="' + esc(m.href) + '">' + esc(m.label) + '</a></li>';
     return '<li><button type="button"' + inner + (m.id === 'extras' ? ' aria-expanded="false" aria-controls="gs-extras"' : '') + '>' + esc(m.label) + '</button></li>';
   }
+  // The project's own logo where it has one (ADR 0358), else the shared mark, as the sidebar draws it.
+  function markHtml() {
+    var theme = (window.__BRANDING__ && window.__BRANDING__.theme) || {};
+    if (theme.logo) return '<img class="gs__mark" src="' + esc(theme.logo) + '" alt="" decoding="async">';
+    return '<svg class="gs__mark" viewBox="0 0 200 200" aria-hidden="true"><use href="/modules/ui-design/public/brand/mark.svg#mark"/></svg>';
+  }
+  // The Helm panel (task 1005192, ADR 0402): the mark and the name, the choices, one line at the foot.
   function screenHtml(o) {
     return '<div class="gs__art" aria-hidden="true">' + (o.art ? '<img class="gs__img" alt="" src="' + esc(o.art) + '" decoding="async">' : '') + '</div>' +
       '<div class="gs__menu">' +
-        '<h2 class="gs__title" id="gs-title">' + esc(o.name || 'This project') + '</h2>' +
-        '<ul class="gs__items">' + MENU.map(itemHtml).join('') + '</ul>' +
-        '<ul class="gs__items gs__items--extras" id="gs-extras" hidden>' + EXTRAS.map(function (x) {
-          return '<li><a class="gs__item gs__item--extra" href="' + esc(x.href) + '">' + esc(x.label) + '</a></li>';
-        }).join('') + '</ul>' +
-        '<p class="gs__note" id="gs-note" role="status" hidden></p>' +
+        '<div class="gs__top">' +
+          '<div class="gs__head">' + markHtml() +
+            '<h2 class="gs__title" id="gs-title">' + esc(o.name || 'This project') + '</h2>' +
+          '</div>' +
+          '<div class="gs__list">' +
+            '<ul class="gs__items">' + MENU.map(itemHtml).join('') + '</ul>' +
+            '<ul class="gs__items gs__items--extras" id="gs-extras" hidden>' + EXTRAS.map(function (x) {
+              return '<li><a class="gs__item gs__item--extra" href="' + esc(x.href) + '">' + esc(x.label) + '</a></li>';
+            }).join('') + '</ul>' +
+          '</div>' +
+        '</div>' +
+        '<div class="gs__foot">' +
+          '<p class="gs__line" id="gs-line">' + esc(tipAt(read('localStorage', TIP_KEY))) + '</p>' +
+          '<p class="gs__note" id="gs-note" role="status" hidden></p>' +
+        '</div>' +
       '</div>' +
       '<div class="gs__load" id="gs-load" role="status" hidden>' +
-        '<svg class="gs__city" id="gs-city" role="img" aria-label="The project city building up, week by week" hidden></svg>' +
         '<p class="gs__when" id="gs-when" hidden></p>' +
+        '<ol class="gs__segs segs" id="gs-segs" aria-hidden="true" hidden></ol>' +
+        '<svg class="gs__city" id="gs-city" role="img" aria-label="The project city building up, week by week" hidden></svg>' +
         '<p class="gs__tip"><b>Tip</b><span id="gs-tip"></span></p>' +
       '</div>';
   }
+  // One segment per week of the history: filled up to the week being shown. The words beside
+  // them (#gs-when) say the same thing, so the row is hidden from a screen reader.
+  // Counted the way whenLabel words it, so the row and the sentence never disagree.
+  function segsDone(weeks, t) {
+    var n = Math.max(0, Math.round(Number(weeks) || 0));
+    return Math.max(0, n - Math.round(Math.max(0, n - 1 - (Number(t) || 0))));
+  }
+  function drawSegs(weeks, t) {
+    var box = root && root.querySelector('#gs-segs'), n = Math.max(0, Math.round(Number(weeks) || 0));
+    if (!box || n < 2) return;
+    while (box.children.length < n) box.appendChild(document.createElement('li'));
+    var done = segsDone(n, t);
+    for (var i = 0; i < box.children.length; i++) box.children[i].className = i < done ? 'seg seg--done' : 'seg';
+    box.hidden = false;
+  }
 
   var root = null, opts = null, timers = [], phase = null;
   function later(ms, fn) { timers.push(setTimeout(fn, ms)); }
@@ -159,6 +191,7 @@
     svg.removeAttribute('hidden');
     when.textContent = whenLabel(model.W, t);
     when.hidden = false;
+    drawSegs(model.W, t);
   }
   // One week after another, as state: each stop is a whole drawing, so nothing here animates.
   function runHistory(model) {
@@ -325,6 +358,6 @@
       } catch (_) { /* a href the browser cannot read: leave it alone */ }
     }, true);
   }
-  window.OTBShellGame = { on: on, set: set, hint: hint, start: start, tipAt: tipAt, historySteps: historySteps, whenLabel: whenLabel, MENU: MENU, TIPS: TIPS,
+  window.OTBShellGame = { on: on, set: set, hint: hint, start: start, tipAt: tipAt, historySteps: historySteps, whenLabel: whenLabel, segsDone: segsDone, MENU: MENU, TIPS: TIPS,
     embedded: function () { return embedded; }, menuPath: menuPath };
 })();

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

@@ -538,7 +538,6 @@
       '</button>' +
       (CRAFT ? CRAFT.switchHtml() : '') +
       '<button class="zoom-toggle" id="zoom-toggle" type="button" aria-label="Text size"></button>' +
-      '<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Switch theme"></button>' +
       // task 1004327: the full-screen switch, LAST so it sits in the corner the
       // collapsed bar keeps in full screen — the one control that stays put.
       // task 1004430: on every page now, unless the page opts out.
@@ -646,44 +645,21 @@
     window.setTimeout(function () { if (!e.defaultPrevented && isFullscreen()) setFullscreen(false); }, 0);
   }
 
-  // ---------- theme (light / dark) ----------
-  // The pack's :root override carries only light values; the dark neutrals live
-  // in style.css under html[data-theme="dark"] (higher specificity than :root,
-  // so they win over the pack while the instance accent survives). Stored
-  // preference beats the OS setting; no stored preference follows it live.
-  var THEME_KEY = 'hall-theme';
-  var themeMedia = window.matchMedia ? window.matchMedia('(prefers-color-scheme: dark)') : null;
-
-  function storedTheme() {
-    try { var v = window.localStorage.getItem(THEME_KEY); return v === 'dark' || v === 'light' ? v : null; } catch (_) { return null; }
-  }
-  function effectiveTheme() {
-    return storedTheme() || (themeMedia && themeMedia.matches ? 'dark' : 'light');
-  }
+  // ---------- theme: the hall is dark only (task 1005192, ADR 0402) ----------
+  // Helm is the hall's one look, so there is no light/dark switch and no stored
+  // choice: the server stamps html[data-theme="dark"] on every hall page
+  // (src/hall-helm.js) and this sets it again, for a page read without that stamp.
+  // The old 'hall-theme' preference is never read. Scripts that only READ the
+  // attribute (the city, the sky, the atlas) keep working: they always read dark.
   function applyTheme() {
-    var t = effectiveTheme();
-    document.documentElement.dataset.theme = t;
-    var btn = document.getElementById('theme-toggle');
-    if (btn) {
-      var toDark = t !== 'dark';
-      btn.setAttribute('aria-label', toDark ? 'Switch to dark theme' : 'Switch to light theme');
-      btn.title = btn.getAttribute('aria-label');
-      btn.innerHTML = toDark
-        ? '<svg viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" aria-hidden="true"><path d="M14.5 10.8A6 6 0 0 1 7.2 3.5a6 6 0 1 0 7.3 7.3Z"/></svg>'
-        : '<svg viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" aria-hidden="true"><circle cx="9" cy="9" r="3.5"/><path d="M9 1.5v2m0 11v2M1.5 9h2m11 0h2M3.7 3.7l1.4 1.4m7.8 7.8 1.4 1.4m0-10.6-1.4 1.4M5.1 12.9l-1.4 1.4"/></svg>';
-    }
-  }
-  function toggleTheme() {
-    var next = effectiveTheme() === 'dark' ? 'light' : 'dark';
-    try { window.localStorage.setItem(THEME_KEY, next); } catch (_) { /* private mode */ }
-    applyTheme();
+    document.documentElement.dataset.theme = 'dark';
   }
 
   // ---------- zoom (accessibility: enlarge the whole page) ----------
   // task 1475 (idea 280): a one-click "make everything bigger" control for
   // readability. Cycles 100% -> 125% -> 150% -> 100% via CSS `zoom` on <html>,
   // which enlarges px AND rem sizes uniformly (a font-size bump would miss the
-  // hall's many px values). Persisted per-browser like the theme preference.
+  // hall's many px values). Persisted per-browser.
   var ZOOM_KEY = 'hall-zoom';
   var ZOOM_STEPS = [1, 1.25, 1.5];
   function storedZoom() {
@@ -1326,8 +1302,6 @@
       if (document.documentElement.classList.contains('drawer-open')) closeDrawer();
       else openDrawer();
     });
-    var theme = document.getElementById('theme-toggle');
-    if (theme) theme.addEventListener('click', toggleTheme);
     var zoom = document.getElementById('zoom-toggle');
     if (zoom) zoom.addEventListener('click', cycleZoom);
     var full = document.getElementById('fullscreen-toggle');
@@ -1335,9 +1309,6 @@
       full.addEventListener('click', function () { setFullscreen(!isFullscreen()); });
       window.addEventListener('keydown', onFullscreenKey);
     }
-    if (themeMedia && themeMedia.addEventListener) {
-      themeMedia.addEventListener('change', function () { if (!storedTheme()) applyTheme(); });
-    }
     var scrim = document.getElementById('app-scrim');
     if (scrim) scrim.addEventListener('click', closeDrawer);
     var sidebar = document.getElementById('app-sidebar');
@@ -1469,9 +1440,6 @@
     closeDrawer: closeDrawer,
     isFullscreen: isFullscreen,
     setFullscreen: setFullscreen,
-    // task 1004544: a page with its own light/dark switch (the governor city
-    // and street) repaints the top bar's after writing 'hall-theme'.
-    applyTheme: applyTheme,
     // task 1004477: a page that renders an exit after boot asks the shell to fill it.
     fillExits: TRAIL.fillExits,
     positions: function () { return access.positions; }, // task 1004713: seats held (null while unknown)

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

@@ -1,6 +1,7 @@
 {
   "_": "THE MATTER CARD THAT ACTS (task 1004528, goal 1000125) on the street page, through modules/ui-design/kit/render.js. Kept beside street.states.json rather than inside it, so the street and its interiors (task 1004526) and the card each own their states. The populated card needs the hall-preview harness, whose government__docket.json puts the review-seat amendment on the board source (board:47) and whose government__board__items.json carries its ballot (item 47), with a canned answer for a vote:\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-card.states.json --base-in http://localhost:4625 --base-out http://localhost:4625\n\nTask 1004566 adds a card per kind the docket carries (blocker, red-team report, core update, module re-check, a Full Idea and the review queue), each compact and with \"more\" open; the harness fixture carries them. Against the kit stub there is no docket and no pin, so these states are for the harness.",
   "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" } },
   "surface": "hall-ui",

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

@@ -128,8 +128,6 @@ html[data-fullscreen="on"] .street-top { padding-right: 184px; }
 .street-hud__dot--hot { background: var(--accent); }
 .street-hud__dot--moving { width: 6px; height: 6px; border: 0; background: var(--ink); }
 .street-hud__n { font-size: 24px; font-weight: 300; font-variant-numeric: tabular-nums; }
-.street-mode { margin-left: 36px; flex: none; background: none; border: 1px solid var(--street-rule-strong); border-radius: 999px; height: 36px; padding: 0 14px; display: flex; align-items: center; gap: 8px; cursor: pointer; color: var(--ink); font-family: var(--font-body); font-size: 13px; text-transform: lowercase; }
-.street-mode svg { display: block; stroke-width: 1.4; }
 
 /* the street band: the prototype's 1440-wide artboard, scaled by street.js */
 /* The living street's parallax (task 1004685) is Keith Clark's, sideways and
@@ -309,20 +307,18 @@ html[data-fullscreen="on"] .street-top { padding-right: 184px; }
 .street-card__lines li { padding: 8px 0; border-top: 1px solid var(--street-rule); font-size: 14px; line-height: 1.4; }
 .street-card__result { margin: 0; font-size: 15px; line-height: 1.45; }
 
-.street-mark:focus-visible, .street-mode:focus-visible, .street-pin:focus-visible, .street-door:focus-visible, .street-sign:focus-visible, .street-card__close:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
+.street-mark:focus-visible, .street-pin:focus-visible, .street-door:focus-visible, .street-sign:focus-visible, .street-card__close:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
 
 /* narrower: the strip tightens, then wraps; the readings scroll sideways */
 @media (max-width: 1180px) {
   .street-hud { gap: 20px; }
   .street-hud__n { font-size: 20px; }
-  .street-mode { margin-left: 20px; }
 }
 /* narrow: two rows inside the 80 px top-bar floor, the wordmark and the switch
    on the first, the three figures on the second as their own sideways strip */
 @media (max-width: 900px) {
   .street-top { height: auto; max-height: 80px; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "brand mode" "hud hud"; row-gap: 2px; padding: 5px 16px; }
   .street-top__brand { grid-area: brand; }
-  .street-mode { grid-area: mode; margin-left: 0; height: 34px; }
   .street-hud { grid-area: hud; margin-left: 0; gap: 18px; min-width: 0; overflow-x: auto; overflow-y: hidden; white-space: nowrap; height: 30px; }
   .street-hud__item { gap: 6px; flex: none; }
   .street-hud .street-label { font-size: 11px; }

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

@@ -10,8 +10,8 @@
   <!-- 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/style.css?v=2026-11-10-options">
-  <link rel="stylesheet" href="/builders/street.css?v=2026-10-09-living3">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm">
+  <link rel="stylesheet" href="/builders/street.css?v=2026-11-11-helm">
   <link rel="stylesheet" href="/builders/street-card.css?v=2026-10-04-record1">
   <link rel="stylesheet" href="/builders/street-deck.css?v=2026-10-17-tidy">
 </head>
@@ -92,10 +92,6 @@
       <span class="street-hud__n" id="hudShare">—</span>
     </div>
   </div>
-  <button type="button" class="street-mode" id="streetMode" aria-label="Switch to light mode" title="Switch to light mode">
-    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" aria-hidden="true"><path id="streetModeIcon" d=""></path></svg>
-    <span id="streetModeWord">light</span>
-  </button>
 </div>
 
 <div class="street-window" id="streetWindow">
@@ -229,10 +225,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>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/gov-living.js?v=2026-10-09-positions1"></script>
@@ -246,6 +242,6 @@
 <script src="/builders/street-amend.js?v=2026-10-02-amend1"></script>
 <script src="/builders/street-deck.js?v=2026-10-13-glass1"></script>
 <script src="/builders/street-office.js?v=2026-10-17-tidy"></script>
-<script src="/builders/street.js?v=2026-10-17-tidy"></script>
+<script src="/builders/street.js?v=2026-11-11-helm"></script>
 </body>
 </html>

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

@@ -28,10 +28,8 @@
 // A feed that fails leaves its part out (no pins, no districts, "—" for the
 // share) and the page says the docket could not be read; it never draws sample data.
 //
-// THE SWITCH. The hall's own preference ('hall-theme', else the OS) and the
-// hall's own attribute (html[data-theme]), shared with the city and every
-// hall page. The drawing's faces are drawing data in the mode, so a toggle
-// redraws the street from the last feeds (no refetch).
+// THE MODE. The hall is dark only (task 1005192, ADR 0402), so the street has
+// no light/dark switch and reads no stored choice: it draws its night faces.
 //
 // MOTION is CSS only (street.css); nothing here animates. The scale write on
 // resize is layout, not motion.
@@ -64,9 +62,6 @@
   'use strict';
   var S = window.GovStreet;
   var SVG_NS = 'http://www.w3.org/2000/svg';
-  var THEME_KEY = 'hall-theme';
-  var SUN = 'M7 1.5V3M7 11v1.5M1.5 7H3M11 7h1.5M3.1 3.1l1 1M9.9 9.9l1 1M3.1 10.9l1-1M9.9 4.1l1-1M9.5 7A2.5 2.5 0 1 1 4.5 7A2.5 2.5 0 1 1 9.5 7Z';
-  var MOON = 'M11.5 8.6A5 5 0 0 1 5.4 2.5A5 5 0 1 0 11.5 8.6Z';
   var FEEDS = {
     docket: '/api/bongos/government/docket',
     goals: '/api/bongos/goals',
@@ -88,7 +83,6 @@
   var CARD_W = 390;
 
   var $ = function (id) { return document.getElementById(id); };
-  var media = window.matchMedia ? window.matchMedia('(prefers-color-scheme: dark)') : null;
   var data = { docket: null, goals: [], rollups: [], earnings: null, loaded: false, tasks: {}, room: null, constitution: null };
   // ask: the act whose chips stand open; more: the detail is open in place;
   // pick: which of the review queue the queue's card shows (task 1004566)
@@ -108,52 +102,12 @@
   var today = { day: '', n: 0 };
   var todayDrawn = null; // the count the meter's pips last drew: they are rebuilt only when it moves
 
-  // ---------- light / dark ----------
-  var chosen = null;
-  function storedTheme() {
-    try { var v = window.localStorage.getItem(THEME_KEY); if (v === 'dark' || v === 'light') return v; } catch (_) { /* blocked */ }
-    return chosen;
-  }
-  function effectiveTheme() { return storedTheme() || (media && media.matches ? 'dark' : 'light'); }
-  function paintSwitch(t) {
-    var btn = $('streetMode');
-    var label = t === 'dark' ? 'Switch to light mode' : 'Switch to dark mode';
-    if (btn) { btn.setAttribute('aria-label', label); btn.setAttribute('title', label); }
-    var icon = $('streetModeIcon');
-    if (icon) icon.setAttribute('d', t === 'dark' ? SUN : MOON);
-    var word = $('streetModeWord');
-    if (word) word.textContent = t === 'dark' ? 'light' : 'dark';
-  }
+  // ---------- the mode: dark only (task 1005192, ADR 0402) ----------
   function applyTheme() {
-    var t = effectiveTheme();
-    document.documentElement.setAttribute('data-theme', t);
-    paintSwitch(t);
-    return t;
-  }
-  function toggleTheme() {
-    var next = effectiveTheme() === 'dark' ? 'light' : 'dark';
-    chosen = next;
-    try { window.localStorage.setItem(THEME_KEY, next); } catch (_) { /* private mode: this page only */ }
-    painted = applyTheme();
-    draw();
-    var shell = window.OTBShell;
-    if (shell && typeof shell.applyTheme === 'function' && storedTheme() === painted) shell.applyTheme();
-  }
-  // IN THE HALL (task 1004544) the shell's top bar carries the hall's own theme
-  // switch beside this one, as on the city. Both write the same 'hall-theme'
-  // preference and html[data-theme]; each repaints when the other flips it.
-  var painted = null;
-  function watchShellTheme() {
-    if (typeof MutationObserver !== 'function') return;
-    new MutationObserver(function () {
-      var t = document.documentElement.getAttribute('data-theme');
-      if ((t === 'dark' || t === 'light') && t !== painted) { painted = t; chosen = t; paintSwitch(t); draw(); }
-    }).observe(document.documentElement, { attributes: true, attributeFilter: ['data-theme'] });
-  }
-  function currentMode() {
-    var t = document.documentElement.getAttribute('data-theme');
-    return t === 'light' || t === 'dark' ? t : effectiveTheme();
+    document.documentElement.setAttribute('data-theme', 'dark');
+    return 'dark';
   }
+  function currentMode() { return 'dark'; }
 
   // ---------- the address ----------
   function here() { return S.parseHash(window.location && window.location.hash); }
@@ -316,7 +270,6 @@
   function draw() {
     var mode = currentMode();
     view.mode = mode;
-    paintSwitch(mode);
     var h = here();
     var inside = $('streetInside');
     var sizerEl = $('streetSizer');
@@ -1465,8 +1418,6 @@
   }
 
   function boot() {
-    var btn = $('streetMode');
-    if (btn) btn.addEventListener('click', toggleTheme);
     var close = $('streetCardClose');
     if (close) close.addEventListener('click', function () { closeCard(true); });
     window.addEventListener('keydown', onKey);
@@ -1479,8 +1430,7 @@
     if (am) am.addEventListener('click', amend);
     var win = $('streetWindow');
     if (win) win.addEventListener('scroll', placeCard);
-    if (media && media.addEventListener) media.addEventListener('change', function () { if (!storedTheme()) { applyTheme(); draw(); } });
-    painted = applyTheme();
+    applyTheme();
     today = readToday();
     // the decision deck (#deck) and the government inside each building, over the
     // street's own senders (street-deck.js, street-office.js; task 1004685)
@@ -1490,10 +1440,9 @@
     // an answer in the deck moves the header's counts as it moves the deck's
     if (window.GovFeeds) window.GovFeeds.onChange(function () { if (data.loaded) draw(); });
     draw();
-    watchShellTheme();
     return load();
   }
 
-  window.GovStreetPage = { boot: boot, draw: draw, load: load, fit: fit, openCard: openCard, closeCard: closeCard, actOn: actOn, pickFloor: pickFloor, deskAct: deskAct, goStreet: goStreet, amend: amend, fileDraft: fileDraft, FEEDS: FEEDS, THEME_KEY: THEME_KEY };
+  window.GovStreetPage = { boot: boot, draw: draw, load: load, fit: fit, openCard: openCard, closeCard: closeCard, actOn: actOn, pickFloor: pickFloor, deskAct: deskAct, goStreet: goStreet, amend: amend, fileDraft: fileDraft, FEEDS: FEEDS };
   window.GovStreetPage.ready = boot();
 }());