@bongos/core 1.24.80 → 1.24.82

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

@@ -7,18 +7,25 @@
 // the same html[data-fullscreen="on"] state, the same corner button and the same
 // Escape hand-off (a page listener that calls preventDefault keeps the press).
 //
-// The mode is one localStorage key (`hall-game`), so it follows the browser across
-// every hall page, and one attribute, html[data-game="on"], for a sheet or script
-// that wants to read it. Leaving full screen in game mode (the corner button)
-// brings the bars back for THAT page load only: the next page opens without them
-// again, and a page's own remembered choice is never overwritten. `?game=on` /
-// `?game=off` on any hall URL sets it by hand; the start screen's Start sets it on (R03, below).
+// GAME OR CLASSIC, never both (task 1005200; owner, 2026-11-11). Classic is the hall
+// as it always was; game is full screen with NO way back to the bars inside it (no
+// corner button, no Escape-to-leave: shell.js) and only the game PLACES below, so any
+// other hall page sends you to the city. The view is chosen at every sign-in (the
+// chooser in front of the start screen) and switched only in Options → Preferences →
+// View. It is kept on the ACCOUNT (GET/PATCH /api/bongos/me/hall-view, builder-settings
+// hall-view-prefs.js) so it follows the builder to any browser; one localStorage key
+// (`hall-game`) is only the copy a page paints from before that read answers, and one
+// attribute, html[data-game="on"], is what a sheet or script reads.
 // Loaded BEFORE shell.js on every hall page; a page without this file is simply
 // never in game mode.
 (function () {
   'use strict';
   var KEY = 'hall-game';
-  var HINT_KEY = 'hall-game-hint';
+  var VIEW_API = '/api/bongos/me/hall-view';
+  // The game's places, by page id (body data-page). Every other page is classic and is
+  // not reachable in game mode; a page joins this list when it has a game version.
+  var PLACES = ['home', 'city', 'goal-map', 'thinking', 'atlas', 'settings', 'profile'];
+  var embedded = false;   // set below, once: inside the options menu's frame
   function read(store, key) { try { return window[store].getItem(key); } catch (_) { return null; } }
   function write(store, key, value) { try { window[store].setItem(key, value); } catch (_) { /* private mode */ } }
   function on() { return read('localStorage', KEY) === 'on'; }
@@ -26,21 +33,57 @@
     var root = document.documentElement;
     if (on()) root.dataset.game = 'on'; else delete root.dataset.game;
   }
-  // Turn the mode on or off, and have the shell show what this page should now show.
-  function set(value) {
+  // '/builders' on the apex, '' on the builders host: the hall's own base.
+  function base() {
+    var p = String((window.location && window.location.pathname) || '');
+    return p.indexOf('/builders/') === 0 || p === '/builders' ? '/builders' : '';
+  }
+  // The page id an in-hall path names ('/city' → 'city', '/' → 'home'), or null.
+  function pageOf(path) {
+    var p = String(path || '').split(/[?#]/)[0].replace(/^\/builders(?=\/|$)/, '').replace(/\.html$/, '');
+    p = p.replace(/^\/+|\/+$/g, '');
+    if (p === '' || p === 'index') return 'home';
+    return p.indexOf('/') >= 0 ? null : p;
+  }
+  function isPlace(path) { return PLACES.indexOf(pageOf(path)) >= 0; }
+  function herePage() {
+    var b = document.body;
+    return (b && b.getAttribute && b.getAttribute('data-page')) || pageOf(window.location.pathname);
+  }
+  // In game mode a classic page is not there: go to the city. True when leaving.
+  function keepToPlaces() {
+    if (!on() || embedded) return false;
+    var page = herePage();
+    if (!page || PLACES.indexOf(page) >= 0) return false;
+    window.location.replace(base() + '/');
+    return true;
+  }
+  function save(view) {
+    if (typeof fetch !== 'function') return;
+    fetch(VIEW_API, { method: 'PATCH', credentials: 'same-origin', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ view: view }) })
+      .catch(function () { /* the browser's copy stands; the next choice saves again */ });
+  }
+  // Switch views: the browser's copy, the account (unless o.local: the account said so),
+  // then what this page shows. A classic page switched to game goes to the city.
+  function set(value, o) {
     write('localStorage', KEY, value ? 'on' : 'off');
+    if (!(o && o.local)) save(value ? 'game' : 'classic');
     stamp();
+    if (keepToPlaces()) return;
     if (window.OTBShell && window.OTBShell.setFullscreen) window.OTBShell.setFullscreen(null);
   }
-  // Whether the shell should say how to leave full screen. Outside game mode,
-  // always (its own rule); inside it, once per tab — every page opens in full
-  // screen there, and the same sentence on every page load is noise.
-  function hint() {
-    if (!on()) return true;
-    if (read('sessionStorage', HINT_KEY)) return false;
-    write('sessionStorage', HINT_KEY, '1');
-    return true;
+  // The account's view wins over the browser's copy (another browser may have switched).
+  // Never chosen (null), signed out, or no answer: the copy stands.
+  function sync() {
+    if (embedded || typeof fetch !== 'function') return;
+    fetch(VIEW_API, { credentials: 'same-origin' }).then(function (r) { return r.ok ? r.json() : null; }).then(function (d) {
+      var view = d && d.view;
+      if (view !== 'game' && view !== 'classic') return;
+      if ((view === 'game') !== on()) set(view === 'game', { local: true });
+    }, function () { /* offline: the copy stands */ });
   }
+  // The shell's "how to leave full screen" line. Game mode has no way to leave it.
+  function hint() { return !on(); }
 
   // ---------- the start screen and the load screen (task 1005143, BONGOS-V3 R03) ----------
   // A fresh sign-in opens on the start screen: Start, Options, Achievements, Extras, Quit over a
@@ -58,7 +101,6 @@
   var EXTRAS = [
     { label: 'The thinking sky', href: '/thinking' },
     { label: 'The atlas', href: '/atlas' },
-    { label: 'The docs', href: '/docs' },
   ];
   var TIPS = [
     'Escape opens the options menu, where every setting lives.',
@@ -91,22 +133,69 @@
     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 chooser in front of the start screen (task 1005200): game or classic, the view
+  // chosen last time marked and focused, so Enter keeps it.
+  var VIEWS = [
+    { id: 'game', label: 'Game', sub: 'The city, full screen' },
+    { id: 'classic', label: 'Classic', sub: 'The hall with its sidebar' },
+  ];
+  function lastView() { var v = read('localStorage', KEY); return v === 'on' ? 'game' : v === 'off' ? 'classic' : null; }
+  function viewHtml(v) {
+    var last = lastView() === v.id;
+    return '<li><button type="button" class="gs__item gs__item--view' + (last ? ' gs__item--last' : '') + '" data-gs="view-' + v.id + '">' +
+      '<span class="gs__view">' + esc(v.label) + (last ? '<span class="gs__last">Last time</span>' : '') + '</span>' +
+      '<span class="gs__sub">' + esc(v.sub) + '</span></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">' +
+            '<p class="gs__ask" id="gs-ask">How do you want to see it?</p>' +
+            '<ul class="gs__items" id="gs-views">' + VIEWS.map(viewHtml).join('') + '</ul>' +
+            '<ul class="gs__items" id="gs-items" hidden>' + 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 +248,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) {
@@ -211,10 +301,24 @@
     btn.setAttribute('aria-expanded', open ? 'true' : 'false');
     if (open) box.querySelector('a').focus();
   }
+  // Game: on to the start screen. Classic: the screen goes and the hall is as it always was.
+  function choose(view) {
+    if (phase !== 'choose') return;
+    if (view === 'classic') { set(false); close(); return; }
+    set(true);
+    phase = 'menu';
+    root.querySelector('#gs-ask').hidden = true;
+    root.querySelector('#gs-views').hidden = true;
+    root.querySelector('#gs-items').hidden = false;
+    var first = root.querySelector('[data-gs="start"]');
+    if (first && first.focus) first.focus();
+  }
   function onClick(e) {
     var el = e.target.closest && e.target.closest('.gs__item');
-    if (!el || phase !== 'menu') return;
+    if (!el) return;
     var id = el.getAttribute('data-gs');
+    if (id === 'view-game' || id === 'view-classic') { choose(id.slice(5)); return; }
+    if (phase !== 'menu') return;
     if (id === 'start') load();
     else if (id === 'extras') toggleExtras(el);
     else if (id === 'quit') quit();
@@ -229,7 +333,7 @@
       if (phase === 'menu' && !box.hidden) { var b = root.querySelector('[data-gs="extras"]'); toggleExtras(b); b.focus(); }
       return;
     }
-    if (phase !== 'menu') return;
+    if (phase !== 'menu' && phase !== 'choose') return;
     var f = items(), at = f.indexOf(document.activeElement), step = 0;
     if (e.key === 'ArrowDown') step = 1;
     else if (e.key === 'ArrowUp') step = -1;
@@ -244,7 +348,7 @@
   function start(o) {
     if (root || !document.body) return !!root;
     opts = o || {};
-    phase = 'menu';
+    phase = 'choose';
     root = document.createElement('div');
     root.className = 'gs';
     root.id = 'game-start';
@@ -256,15 +360,11 @@
     document.addEventListener('keydown', onKey, true);
     document.body.appendChild(root);
     document.documentElement.classList.add('gs-open');
-    var first = root.querySelector('.gs__item');
+    var first = root.querySelector('.gs__item--last') || root.querySelector('.gs__item');
     if (first && first.focus) first.focus();
     return true;
   }
 
-  try {
-    var asked = new URLSearchParams(window.location.search || '').get('game');
-    if (asked === 'on' || asked === 'off') write('localStorage', KEY, asked);
-  } catch (_) { /* old engine: the stored value stands */ }
   stamp();
 
   // ---------- the options menu (task 1005144, BONGOS-V3 R04, ADR 0401) ----------
@@ -276,7 +376,6 @@
   // Escape nobody used goes to the menu. Only inside a frame: the same URL opened
   // on its own is the page with its chrome (the server sends a plain visit of the
   // old address to the menu, serve-internal.js).
-  var embedded = false;
   try {
     embedded = new URLSearchParams(window.location.search || '').get('embed') === '1'
       && !!window.parent && window.parent !== window;
@@ -287,10 +386,9 @@
     if (document.body && document.body.setAttribute) document.body.setAttribute('data-fullscreen-switch', 'off');
   }
   // The hall's address for the menu: '/settings' on the builders host, '/builders/settings' on the apex.
-  function menuPath() {
-    var p = String((window.location && window.location.pathname) || '');
-    return (p.indexOf('/builders/') === 0 || p === '/builders' ? '/builders' : '') + '/settings';
-  }
+  function menuPath() { return base() + '/settings'; }
+  keepToPlaces();
+  sync();
   function inField(el) {
     var tag = el && el.tagName ? String(el.tagName).toLowerCase() : '';
     return tag === 'input' || tag === 'textarea' || tag === 'select' || !!(el && el.isContentEditable);
@@ -325,6 +423,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,
-    embedded: function () { return embedded; }, menuPath: menuPath };
+  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, PLACES: PLACES, pageOf: pageOf, isPlace: isPlace };
 })();

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.
@@ -561,7 +560,8 @@
   // button and Escape bring them back. Opt out with <body data-fullscreen-switch="off">;
   // the bare attribute means the page lays itself out for it, else it is `plain`.
   // State: html[data-fullscreen="on"], remembered PER PAGE (`hall-fullscreen:<data-page>`).
-  // task 1005142: in game mode (shell-game.js) EVERY page opens in it, whatever it remembers.
+  // task 1005142: in game mode (shell-game.js) EVERY page opens in it, whatever it remembers,
+  // and since task 1005200 it STAYS in it: no button (style.css), no Escape-to-leave.
   var GAME = window.OTBShellGame || { on: function () { return false; }, hint: function () { return true; } };
   var FULLSCREEN_KEY = 'hall-fullscreen:';
   function fullscreenAttr() {
@@ -605,7 +605,7 @@
     leave: '<svg viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 3v4H3M15 7h-4V3M11 15v-4h4M3 11h4v4"/></svg>',
   };
   function applyFullscreen(on) {
-    if (!fullscreenPage()) on = false;
+    if (!fullscreenPage()) on = false; else if (GAME.on()) on = true;
     var root = document.documentElement;
     if (on) root.dataset.fullscreen = 'on'; else delete root.dataset.fullscreen;
     if (on && fullscreenAttr() === null) root.dataset.fullscreenPlain = 'on'; else delete root.dataset.fullscreenPlain;
@@ -642,48 +642,25 @@
   // a text field, where Escape belongs to the field. Page listeners may be on
   // the window AFTER this one, so the verdict waits for the dispatch to finish.
   function onFullscreenKey(e) {
-    if (e.key !== 'Escape' || !isFullscreen() || e.defaultPrevented || inTextField(e.target)) return;
+    if (e.key !== 'Escape' || !isFullscreen() || GAME.on() || e.defaultPrevented || inTextField(e.target)) return;
     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 +1303,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 +1310,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 +1441,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-view2">
+  <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-view2"></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-view2"></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();
 }());