@bongos/core 1.24.79 → 1.24.81

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

@@ -24,11 +24,9 @@
 // A feed that fails leaves its part of the city out; it never draws sample
 // data. Without gov-living.js the page draws the city it drew before.
 //
-// THE SWITCH. Light and dark use the hall's own preference ('hall-theme' in
-// localStorage, else the OS setting) and the hall's own attribute
-// (html[data-theme]), so the city opens in the mode every other hall page is
-// in, and a change here carries back to them. The drawing's faces come from
-// the mode, so a toggle redraws the city from the last feeds (no refetch).
+// THE MODE. The hall is dark only (task 1005192, ADR 0402), so the city has no
+// light/dark switch and reads no stored choice: it draws its night faces. Day
+// and night come back as art (the city and its sky), never as a control.
 //
 // MOTION is CSS only (city.css); nothing here animates. The scale write on
 // resize is layout, not motion; the card changes a class.
@@ -42,9 +40,6 @@
   'use strict';
   var City = window.GovCity;
   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',
@@ -72,54 +67,18 @@
   };
 
   var $ = function (id) { return document.getElementById(id); };
-  var media = window.matchMedia ? window.matchMedia('(prefers-color-scheme: dark)') : null;
   var data = { docket: null, goals: [], rollups: [], loaded: false, raw: {} };
   var model = null;
   var openKey = null;
   var drewLiving = false;
 
-  // ---------- light / dark ----------
-  // A choice made on this page when storage is blocked (private mode) still
-  // holds for this page view.
-  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 applyTheme() {
-    var t = effectiveTheme();
-    document.documentElement.setAttribute('data-theme', t);
-    var btn = $('cityMode');
-    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 = $('cityModeIcon');
-    if (icon) icon.setAttribute('d', t === 'dark' ? SUN : MOON);
-    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 */ }
-    draw(applyTheme());
-    syncShell();
-  }
-  // IN THE HALL (task 1004544) the shell's top bar carries the hall's own theme
-  // switch beside this one. Both write the same 'hall-theme' preference and the
-  // same html[data-theme]; each repaints when the other flips it, so the two
-  // icons and the drawing's faces never disagree.
+  // ---------- the mode: dark only (task 1005192, ADR 0402) ----------
+  // The drawing's faces come from the mode, and the hall has one.
   var painted = null;
-  function syncShell() {
-    var shell = window.OTBShell;
-    painted = effectiveTheme();
-    if (shell && typeof shell.applyTheme === 'function' && storedTheme() === painted) shell.applyTheme();
-  }
-  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; draw(applyTheme()); }
-    }).observe(document.documentElement, { attributes: true, attributeFilter: ['data-theme'] });
+  function effectiveTheme() { return 'dark'; }
+  function applyTheme() {
+    document.documentElement.setAttribute('data-theme', 'dark');
+    return 'dark';
   }
 
   // ---------- fit the 1440 x 900 artboard to the window ----------
@@ -697,7 +656,9 @@
   // 1 / 2 / 3 answer the card's ask, as on the deck
   function cardKey(e) {
     if (!e) return;
-    if (e.key === 'Escape') { closeCard(); return; }
+    // Spent once it closed the card (task 1005188, found by ADR 0399 §3): without it the same press
+    // also brought the bars back, and in game mode would open the options menu (task 1005144).
+    if (e.key === 'Escape') { if (e.preventDefault) e.preventDefault(); closeCard(); return; }
     if ((e.key === 'ArrowLeft' || e.key === 'ArrowRight') && !e.ctrlKey && !e.metaKey && !e.altKey && !(e.target && /^(INPUT|TEXTAREA)$/.test(String(e.target.tagName)))) { if (e.preventDefault) e.preventDefault(); flipCard(e.key === 'ArrowLeft' ? -1 : 1); return; }
     var inText = e.target && /^(INPUT|TEXTAREA)$/.test(String(e.target.tagName));
     // Tab is the next thing that needs you in this building, never the next button
@@ -745,9 +706,6 @@
     if (start) start.setAttribute('href', '#decide');
     if (start) start.addEventListener('click', function (e) { if (window.GovCityDecide && window.GovDeck) { if (e.preventDefault) e.preventDefault(); openDecide(null); } });
     window.addEventListener('hashchange', function () { var h = window.location && window.location.hash; if (/^#decide/.test(h || '')) openDecide(h.split('=')[1] || null); });
-    var btn = $('cityMode');
-    if (btn) btn.addEventListener('click', toggleTheme);
-    if (media && media.addEventListener) media.addEventListener('change', function () { if (!storedTheme()) draw(applyTheme()); });
     window.addEventListener('resize', fit);
     var card = $('cityCard');
     // the card's keys work wherever focus is while it is open (Tab never walks its buttons)
@@ -769,10 +727,13 @@
     fit();
     painted = applyTheme();
     draw(painted);
-    watchShellTheme();
     return load().then(function (r) { var h = window.location && window.location.hash; if (/^#decide/.test(h || '')) openDecide(h.split('=')[1] || null); return r; });
   }
 
-  window.GovCityPage = { boot: boot, draw: draw, load: load, fit: fit, openCard: openCard, closeCard: closeCard, openDecide: function (scope, how) { openDecide(scope, how); return decide; }, FEEDS: FEEDS, LIVING_FEEDS: LIVING_FEEDS, THEME_KEY: THEME_KEY };
+  window.GovCityPage = { boot: boot, draw: draw, load: load, fit: fit, openCard: openCard, closeCard: closeCard, openDecide: function (scope, how) { openDecide(scope, how); return decide; }, FEEDS: FEEDS, LIVING_FEEDS: LIVING_FEEDS };
   window.GovCityPage.ready = boot();
+  // task 1005148: the Governor City as the visor's scene. No camera until R13, so no movement
+  // actions (ADR 0399 §2.2); the card's own keys are listed for the sheet.
+  window.__visorScene = { name: 'city', place: 'Governor city', keys: [{ label: 'On a card: answer', key: '1–9' }, { label: 'On a card: next', key: '← →' }] };
+  if (window.OTBVisor) window.OTBVisor.scene(window.__visorScene);
 }());

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

@@ -1,8 +1,13 @@
 {
-  "_": "THE GOVERNOR CITY's home (task 1004524, goal 1000125) through modules/ui-design/kit/render.js. The page draws GET /government/docket, GET /goals and GET /goals/rollups; against the kit's own stub none exists, so every state renders the city with no districts and no pins and the line saying the docket could not be read: a real state the floors must hold in. To look at the populated city, 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 4624 --fixture-me\n  node modules/ui-design/kit/render.js --states modules/hall-ui/public/city.states.json --base-in http://localhost:4624 --base-out http://localhost:4624\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 GOVERNOR CITY's home (task 1004524, goal 1000125) through modules/ui-design/kit/render.js. The page draws GET /government/docket, GET /goals and GET /goals/rollups; against the kit's own stub none exists, so every state renders the city with no districts and no pins and the line saying the docket could not be read: a real state the floors must hold in. To look at the populated city, 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 4624 --fixture-me\n  node modules/ui-design/kit/render.js --states modules/hall-ui/public/city.states.json --base-in http://localhost:4624 --base-out http://localhost:4624\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/city",
+  "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/"
@@ -38,7 +43,6 @@
           "#cityStage",
           "#cityStart",
           "#cityLine",
-          "#cityMode",
           "#app-topbar",
           "#fullscreen-toggle"
         ],
@@ -75,7 +79,6 @@
         "visible": [
           "#cityStage",
           "#cityStart",
-          "#cityMode",
           "#fullscreen-toggle"
         ],
         "hidden": [
@@ -91,34 +94,6 @@
         ]
       }
     },
-    "switched": {
-      "auth": true,
-      "_": "The sun/moon switch pressed once: the other mode, the city redrawn in it.",
-      "actions": [
-        [
-          "wait",
-          600
-        ],
-        [
-          "clickIfVisible",
-          "[data-craft-close]"
-        ],
-        [
-          "click",
-          "#cityMode"
-        ],
-        [
-          "wait",
-          400
-        ]
-      ],
-      "expect": {
-        "visible": [
-          "#cityStage",
-          "#cityStart"
-        ]
-      }
-    },
     "focus": {
       "auth": true,
       "_": "Keyboard: the start button focused, its ring drawn.",

package/modules/hall-ui/public/collab.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-07-02-shell1">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm">
   <link rel="stylesheet" href="/builders/oversight.css">
   <link rel="stylesheet" href="/builders/collab.css">
 </head>
@@ -160,10 +160,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-09-game-mode"></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-05-goals"></script>
-<script src="/builders/shell.js?v=2026-11-09-game-mode"></script>
+<script src="/builders/craft-mode.js?v=2026-11-10-visor"></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/collab-lib.js?v=2026-09-24-archive"></script>

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

@@ -1,6 +1,7 @@
 {
   "_": "Collab — the two-sided ask board. ASKED OF YOU comes first because it is the half where someone is waiting, and the empty state of that half is the page's most common render. Written with the re-skin (task 1003307) so this page is MEASURED at three widths in both modes rather than looked at once; the redesign (task 1003471) put four asks and two of the viewer's own in the harness so the rows can be looked at.",
   "page": "/builders/collab",
+  "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/commands.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-07-02-shell1">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm">
   <link rel="stylesheet" href="/builders/commands.css">
 </head>
 <body data-page="commands" data-page-title="Commands">
@@ -52,10 +52,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-09-game-mode"></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-05-goals"></script>
-<script src="/builders/shell.js?v=2026-11-09-game-mode"></script>
+<script src="/builders/craft-mode.js?v=2026-11-10-visor"></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/commands.states.json

@@ -1,6 +1,7 @@
 {
   "_": "The Commands page (task 1004473): every skill and every bongos CLI verb as two grouped ledgers, filled from GET /specialities/installed-skills and GET /cli/commands. Against the kit's stub both reads 404, so the page renders its 'not available' state, which the floors must hold too. The populated look was verified against a real local server (bongos dev), since both lists are read from disk.",
   "page": "/builders/commands",
+  "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/controls.css

@@ -10,8 +10,8 @@
    THE BUTTON — `.btn` and three modifiers:
      .btn            primary: the accent fill with --accent-on, the DARK ink.
                      White on the salmon fails AA and DESIGN.md bans it.
-                     46px, a full pill: DESIGN.md's door height.
-     .btn--ghost     the quiet sibling: no fill, one hairline, soft ink.
+                     46px: DESIGN.md's door height.
+     .btn--ghost     the quiet sibling: the press fill, one hairline, soft ink.
      .btn--sm        the row size, for a button that repeats down a list or
                      sits in a table: 30px, still over the 24px floor.
      .btn--text      a button that reads as a link: no fill, no edge, the
@@ -31,6 +31,21 @@
      text     .cb-ask__door
    A new page writes `.btn` and its modifiers, never a new name.
 
+   THE SHAPE AND THE VOICE ARE HELM'S IN THE HALL (task 1005192, ADR 0402).
+   Anything you can press takes the CUT CORNER (top-left and bottom-right, the
+   hall tier's --cut-path) and names itself in the NAME VOICE (the display
+   face, wide tracked capitals: --name-face / --name-weight / --name-space-tight
+   / --name-case). Every one of those is a hall-tier token spent with a
+   fallback, and the fallback is the pill and the lowercase body voice this
+   sheet drew before: the status page links this sheet without the hall's tier,
+   so there the fallbacks stand and nothing on it moves.
+   A clip-path clips an outline, so in the hall a cut button's focus is the
+   inset two-tone ring --press-focus (the focus colour on the edge, a band of
+   the ground inside it: one of the two reads on any fill). A cut also removes
+   the hairline at the two cut corners, so the ghost takes the press fill
+   (--press-fill) and reads as a shape rather than as a broken outline.
+   The text button is a link in a sentence: no cut, no capitals.
+
    THE FIELD — one text input / select / textarea, `.input` for a field the
    element selectors do not reach. 40px, a pill (a textarea takes the tile
    corner), an edge that clears 3:1 against the card in both modes so the
@@ -54,17 +69,21 @@
   min-height: 46px;
   min-width: 46px;
   padding: 0 var(--ds-space-md);
-  font-family: var(--font-body);
+  font-family: var(--name-face, var(--font-body));
   font-size: var(--ds-text-lg);
-  font-weight: 500;
+  font-weight: var(--name-weight, 500);
   line-height: 1.2;
-  text-transform: lowercase;
+  letter-spacing: var(--name-space-tight, normal);
+  text-transform: var(--name-case, lowercase);
   text-decoration: none;
   white-space: nowrap;
   /* transparent rather than absent: a modifier that sets only a border COLOUR
      (collab.css's .btn--quiet) cannot paint an edge that was never reserved. */
   border: var(--line) solid transparent;
-  border-radius: var(--radius-pill);
+  border-radius: var(--press-radius, var(--radius-pill));
+  clip-path: var(--cut-path, none);
+  /* the hall's :focus-visible rule (style.css) spends this in place of its halo */
+  --focus-ring: var(--press-focus);
   cursor: pointer;
   transition: background-color var(--ds-dur-fast) var(--ds-ease),
               border-color var(--ds-dur-fast) var(--ds-ease),
@@ -97,7 +116,7 @@
 .btn--ghost, .btn--quiet, .btn-ghost, .landing__btn--quiet, .td-btn, .wip__release,
 .pbtn, .settings-btn, .sessions-row__end, .event-sound-preview {
   color: var(--ink-soft);
-  background: transparent;
+  background: var(--press-fill, transparent);
   border-color: var(--rule);
 }
 .btn--ghost:hover:not(:disabled), .btn--quiet:hover:not(:disabled), .btn-ghost:hover:not(:disabled),
@@ -105,7 +124,7 @@
 .pbtn:hover:not(:disabled), .settings-btn:hover:not(:disabled),
 .sessions-row__end:hover:not(:disabled), .event-sound-preview:hover:not(:disabled) {
   color: var(--ink);
-  background: transparent;
+  background: var(--press-fill, transparent);
   border-color: var(--ink-faint);
   text-decoration: none;
 }
@@ -142,6 +161,7 @@
   min-width: 30px;
   padding: 0 var(--ds-space-sm);
   font-size: var(--ds-text-sm);
+  clip-path: var(--cut-path-sm, none);
 }
 
 /* text — a button that reads as a link: the sentence's own size and case, the
@@ -151,9 +171,13 @@
   min-height: 24px;
   min-width: 24px;
   padding: 0 2px;
+  font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
+  letter-spacing: inherit;
   text-transform: none;
+  clip-path: none;
+  --focus-ring: initial;
   color: var(--accent-ink);
   background: transparent;
   border-color: transparent;
@@ -166,16 +190,44 @@
 }
 .btn--text:disabled { color: var(--ink-faint); background: transparent; }
 
-/* Focus keeps the pill. The shell's two-tone ring (style.css :focus-visible)
-   sets the tile corner for the general case; a pill under it would square off. */
+/* Focus keeps the button's own corner. The shell's two-tone ring (style.css
+   :focus-visible) sets the tile corner for the general case; a pill under it
+   would square off. In the hall the button is cut, and the cut clips that
+   outline and its halo away, so the ring is drawn INSIDE the shape instead:
+   the base rule hands --press-focus to the shell's ring as --focus-ring. */
 .btn:focus-visible, .btn-accent:focus-visible, .btn-ghost:focus-visible,
 .landing__btn:focus-visible, .task__claim:focus-visible, .td-btn:focus-visible,
 .wip__release:focus-visible, .setup-gate__save:focus-visible, .pbtn:focus-visible,
 .settings-btn:focus-visible, .sessions-row__end:focus-visible,
 .event-sound-preview:focus-visible, button.craft-save:focus-visible {
-  border-radius: var(--radius-pill);
+  border-radius: var(--press-radius, var(--radius-pill));
 }
 
+/* ---------- the segment (task 1005192, ADR 0402) ----------
+   HELM'S PROGRESS: one small skewed bar per step, in a row. A step that is done
+   is filled with the soft ink (information you read); one still to come is an
+   outline; the accent fills only a step the reader can act on now (.seg--now).
+   Always beside words that say the same thing: a row of bars is never the only
+   reading. The measures are the hall tier's (--seg-*). */
+.segs {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--seg-gap);
+  margin: 0;
+  padding: 0 var(--seg-gap);
+  list-style: none;
+}
+.seg {
+  box-sizing: border-box;
+  flex: 0 1 var(--seg-w);
+  min-width: var(--seg-h);
+  height: var(--seg-h);
+  border: var(--line-strong) solid var(--rule);
+  transform: skewX(var(--seg-skew));
+}
+.seg--done { background: var(--ink-soft); border-color: transparent; }
+.seg--now { background: var(--accent); border-color: transparent; }
+
 /* ---------- the field ----------
    The four element selectors the hall always styled keep their weight (0,1,1),
    so nothing that leaned on them moves in the cascade. The other text types

package/modules/hall-ui/public/copy-desk.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-07-02-shell1">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm">
   <link rel="stylesheet" href="/builders/oversight.css">
   <link rel="stylesheet" href="/builders/copy-desk.css">
 </head>
@@ -178,10 +178,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-09-game-mode"></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-05-goals"></script>
-<script src="/builders/shell.js?v=2026-11-09-game-mode"></script>
+<script src="/builders/craft-mode.js?v=2026-11-10-visor"></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/hall-kit.js"></script>

package/modules/hall-ui/public/copy-desk.states.json

@@ -1,6 +1,7 @@
 {
   "_": "Copy desk — the one-voice review queue. Its three dialogs are real <dialog>s, so their ::backdrop is the sheet's single sanctioned literal (black with alpha as a scrim). Written with the re-skin (task 1003307) so this page is MEASURED at three widths in both modes rather than looked at once; the redesign (task 1003471) put a queue, ten duplicates and a search's hits in the harness so the rows and the dialogs can be looked at; task 1003114 (R03) added the proposal composer and the `proposer` state that opens it.",
   "page": "/builders/copy-desk",
+  "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",