@bongos/core 1.24.80 → 1.24.82

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-11-10-options">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-view2">
   <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-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/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",

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

@@ -8,7 +8,7 @@
   <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/builders/style.css?v=2026-11-10-options">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-view2">
   <link rel="stylesheet" href="/builders/oversight.css">
   <link rel="stylesheet" href="/builders/hall-ask.css">
   <link rel="stylesheet" href="/builders/project-settings.css">
@@ -79,10 +79,10 @@
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-10-options"></script>
+<script src="/builders/shell-game.js?v=2026-11-11-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/hall-kit.js"></script>

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

@@ -1,6 +1,7 @@
 {
   "_": "DEPLOY (task 1003159, ADR 0293; the npm-release module's sections, task 1002622) through modules/ui-design/kit/render.js. The page reads authenticated routes gated on core.pin.move, so against the kit's own stub it renders its restricted or failed-read state. To look at the populated page — the deploy door AND the module's 'where the work is' + version history, from a fixture taken off the live registry and ledger — run the hall-preview harness with the module on:\n\n  BONGOS_MODULE_NPM_RELEASE=1 node scripts/hall-preview/server.js --port 4602 --rank archon --fixture-me --modules-on npm-release,provisioning\n  node modules/ui-design/kit/render.js --states modules/hall-ui/public/deploy.states.json --base-in http://localhost:4602 --base-out http://localhost:4602",
   "page": "/builders/deploy",
+  "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/goal-map.html

@@ -11,7 +11,7 @@
   <!-- 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/style.css?v=2026-11-11-view2">
   <link rel="stylesheet" href="/builders/visor.css?v=2026-11-10-visor">
   <link rel="stylesheet" href="/builders/thinking.css?v=2026-11-10-visor">
 </head>
@@ -139,13 +139,13 @@
 </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>
 <!-- task 1005148: the visor (glass over the scene, game mode only; ADR 0399), after the shell and hall-dialog.js -->
-<script src="/builders/visor.js?v=2026-11-10-visor"></script>
+<script src="/builders/visor.js?v=2026-11-11-view2"></script>
 <script src="/builders/palette.js" defer></script>
 
 <script src="/builders/idea-objects.js?v=2026-09-27-split"></script>

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

@@ -8,7 +8,7 @@
   <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/builders/style.css?v=2026-11-10-options">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-view2">
   <!-- task 1003470: the family sheet the list's figure band and group heads
        come from (.ov-figs, .ov-group__head), linked before the page's own. -->
   <link rel="stylesheet" href="/builders/oversight.css">
@@ -251,10 +251,10 @@
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-10-options"></script>
+<script src="/builders/shell-game.js?v=2026-11-11-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>
 <!-- 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/goals.states.json

@@ -1,6 +1,7 @@
 {
   "_": "The hall's Goals list + goal detail through modules/ui-design/kit/render.js (task 1003307; redesigned in task 1003470). Goals is the LIST ARCHETYPE the governance-and-lists re-skin applies across thirteen pages, so its floors are measured first and the rest are held against them. Populated look: node scripts/hall-preview/server.js --port 4620 --fixture-me, then --base-in/--base-out at that origin (the harness carries goals, goals/rollups and work-categories since task 1003470). `filters` opens the kit's Filters disclosure (the five lenses that left the open bar); `cards` flips the rows|cards toggle on the count line.",
   "page": "/builders/goals",
+  "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/government.html

@@ -8,7 +8,7 @@
   <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/builders/style.css?v=2026-11-10-options">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-view2">
   <link rel="stylesheet" href="/builders/oversight.css">
   <link rel="stylesheet" href="/builders/government.css">
 </head>
@@ -155,10 +155,10 @@
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-10-options"></script>
+<script src="/builders/shell-game.js?v=2026-11-11-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>
 <!-- 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/government.states.json

@@ -1,6 +1,7 @@
 {
   "_": "Government — the constitution, ranks, permissions and assignments, behind requireGovernmentPage (metic+). The tabbed panels are the state vocabulary here: one render per tab is what proves the panel switch does not reflow the column. Written with the re-skin (task 1003307) so this page is MEASURED at three widths in both modes rather than looked at once.",
   "page": "/builders/government",
+  "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/idea.html

@@ -8,7 +8,7 @@
   <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/builders/style.css?v=2026-11-10-options">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-view2">
   <!-- The record archetype, shared with task.html (task 1003305). idea.css below
        carries only what an idea record has and a task record does not. -->
   <link rel="stylesheet" href="/builders/record.css">
@@ -51,10 +51,10 @@
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-10-options"></script>
+<script src="/builders/shell-game.js?v=2026-11-11-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>
 <!-- task-detail.js still owns the #/idea/N and #/blocker/N overlay, so a ref

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

@@ -1,6 +1,7 @@
 {
   "_": "The hall's IDEA RECORD through modules/ui-design/kit/render.js (task 1003305). Same harness note as task.states.json: the idea's five answers, its completeness bar and its author-only mark control need a LOADED idea, so run it against the hall-preview harness:\n\n  node scripts/hall-preview/server.js --port 4612 --fixture-me\n  node modules/ui-design/kit/render.js --states modules/hall-ui/public/idea.states.json --base-in http://builders.localhost:4612 --base-out http://builders.localhost:4612",
   "page": "/idea/12",
+  "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/ideas.html

@@ -12,7 +12,7 @@
   <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/builders/style.css?v=2026-11-10-options">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-view2">
   <link rel="stylesheet" href="/builders/ideas.css">
 </head>
 <body data-page="ideas" data-page-title="Ideas">
@@ -226,10 +226,10 @@
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-10-options"></script>
+<script src="/builders/shell-game.js?v=2026-11-11-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>
 <!-- task 1004727: the ONE karma vote control every task/idea list renders -->

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

@@ -1,6 +1,7 @@
 {
   "_": "The hall's IDEA COMPOSER through modules/ui-design/kit/render.js (task 1003305). The five questions are rendered from GET /inbox/template and the spark queue from GET /inbox/sparks, so the populated form needs the hall-preview harness; the kit's own stub answers neither and renders the honest `could not load the idea template` line instead, which is the `no-template` state below.\n\n  node scripts/hall-preview/server.js --port 4612 --fixture-me\n  node modules/ui-design/kit/render.js --states modules/hall-ui/public/ideas.states.json --base-in http://builders.localhost:4612 --base-out http://builders.localhost:4612\n\nTHE FOLD (task 1004087 / spec R04) is why there are now three states rather than two. `compose` is what a builder actually lands on — the one-line composer at the top, the Full Idea form folded away behind one press, and NO rail reserve, which is the whole reason that state is rendered at 1440 as well as at 390/320. `full` is the same page one press later: the five questions, the meter, and the rail. Rendering only one of them would measure half the page, and the half that is measured on every arrival is the first.",
   "page": "/ideas",
+  "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/index-founding.states.json

@@ -1,6 +1,7 @@
 {
   "_": "The founding wall on Home (task 1004424): the home-founding widget a founded project shows, from the kit fixture founding-builders-sample.json. The page itself is index.states.json's; only the founding read differs. The never-founded case is index.states.json, where the wall stays hidden. Run it with --states (Home has no last path segment).",
   "page": "/builders/",
+  "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/index-genesis-decide.states.json

@@ -1,6 +1,7 @@
 {
   "_": "The genesis home on Home (task 1004423) while the founder decides the plan: each stage's length and done-when line, the starting government by its real name with its plain explanation (the recommended one picked, from government-constitution-sample.json), passes and advisors, every default pre-picked so a solo founder needs one click. /founding/genesis answers founding-genesis-decide.json, built from the real server shaper.",
   "page": "/builders/",
+  "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/index-genesis-demo.states.json

@@ -1,6 +1,7 @@
 {
   "_": "The genesis home of a DEMO, born into genesis (task 1004506): 3 people, 4 hours each. The plan was settled at birth from the demo's picks, so there is no decide form: one line names the plan, and each stage reads in minutes (scope in progress, due at a time). /me says founding at scope (kit fixture me-founding-demo.json) and /founding/genesis answers founding-genesis-demo.json, built from the real server shaper. A real project's genesis is index-genesis.states.json and index-genesis-decide.states.json; a hall that is not founding is index.states.json.",
   "page": "/builders/",
+  "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/index-genesis.states.json

@@ -1,6 +1,7 @@
 {
   "_": "The genesis home on Home (task 1004423), mid-genesis: scope passed, strategize in progress. /me says founding (kit fixture me-founding.json) and /founding/genesis answers founding-genesis-stage.json, built from the real server shaper. The deciding step is index-genesis-decide.states.json; a hall that is not founding is index.states.json, where the card never renders and never asks. Run it with --states (Home has no last path segment).",
   "page": "/builders/",
+  "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/index.html

@@ -18,10 +18,10 @@
   <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-view2">
   <link rel="stylesheet" href="/builders/visor.css?v=2026-11-10-visor">
   <link rel="stylesheet" href="/builders/welcome-boot.css?v=2026-11-07-brand-mark">
-  <link rel="stylesheet" href="/builders/shell-game.css?v=2026-11-10-start-screen">
+  <link rel="stylesheet" href="/builders/shell-game.css?v=2026-11-11-view2">
   <link rel="stylesheet" href="/builders/hall-ask.css">
   <link rel="stylesheet" href="/builders/home-city.css?v=2026-11-10-visor">
   <link rel="stylesheet" href="/builders/home-gallery.css">
@@ -110,13 +110,13 @@
 <!-- task 1004785: the first-visit-of-the-day welcome (the tower). Before shell.js, which asks it
      before the craft picker so the two never stack. Home only. -->
 <script src="/builders/welcome-boot.js?v=2026-11-07-brand-mark" defer></script>
-<script src="/builders/shell-game.js?v=2026-11-10-options" defer></script>
+<script src="/builders/shell-game.js?v=2026-11-11-view2" defer></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers" defer></script>
 <script src="/builders/craft-mode.js?v=2026-11-10-visor" defer></script>
-<script src="/builders/shell.js?v=2026-11-10-character" defer></script>
+<script src="/builders/shell.js?v=2026-11-11-view2" defer></script>
 <script src="/builders/hall-dialog.js" defer></script>
 <!-- task 1005148: the visor (glass over the scene, game mode only; ADR 0399), after the shell and hall-dialog.js -->
-<script src="/builders/visor.js?v=2026-11-10-visor" defer></script>
+<script src="/builders/visor.js?v=2026-11-11-view2" defer></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- task 2166: the shared component kit (window.OTBKit) — pager/ledger/rail.

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

@@ -1,6 +1,7 @@
 {
   "_": "The hall's HOME page through modules/ui-design/kit/render.js (task 1003304). Home is served at the surface root, so its page path has no last segment to name the file — run it with `--states modules/hall-ui/public/index.states.json`, not `--page`.",
   "page": "/builders/",
+  "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/market-watch-item.html

@@ -8,7 +8,7 @@
   <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/builders/style.css?v=2026-11-10-options">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-view2">
   <link rel="stylesheet" href="/builders/market-watch.css">
 </head>
 <body data-page="market-watch-item" data-page-title="Market Watch">
@@ -72,10 +72,10 @@
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-10-options"></script>
+<script src="/builders/shell-game.js?v=2026-11-11-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/hall-kit.js"></script>

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

@@ -1,6 +1,7 @@
 {
   "_": "MARKET WATCH ITEM, the dossier (task 1004939; design of record docs/design/mocks/market-watch/item.html, option B). One read, GET /market-watch/items/:id. Against the kit's own stub it 404s with no item code, which the page reads as the module being off. The populated card and case file need the hall-preview harness with the module reported on; its market-watch__items__4.json (GitHub Copilot coding agent) and market-watch__items__37.json (NLnet Foundation) fixtures were built from the committed 2026-10-28 seed through the real shapes:\n\n  node scripts/hall-preview/server.js --port 4639 --fixture-me --modules-on market-watch\n  node modules/ui-design/kit/render.js --states modules/hall-ui/public/market-watch-item.states.json --base-in http://localhost:4639 --base-out http://localhost:4639",
   "page": "/builders/market-watch-item?id=4",
+  "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/market-watch-rules.html

@@ -8,7 +8,7 @@
   <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/builders/style.css?v=2026-11-10-options">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-view2">
   <link rel="stylesheet" href="/builders/hall-ask.css">
   <link rel="stylesheet" href="/builders/market-watch-rules.css">
 </head>
@@ -41,10 +41,10 @@
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-10-options"></script>
+<script src="/builders/shell-game.js?v=2026-11-11-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>
 <!-- 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/market-watch-rules.states.json

@@ -1,6 +1,7 @@
 {
   "_": "The Market Watch rules page (task 1004941), built to docs/design/mocks/market-watch/rules.html, option C (the pipeline map). One read, GET /market-watch/rules. Against the kit's own stub it 404s, so the page renders its 'Market Watch is off' state, which the floors must hold too. TO SEE IT POPULATED, point the kit at the hall-preview harness: `node scripts/hall-preview/server.js --port 4641 --fixture-me`, then `render.js --page /builders/market-watch-rules --base-in http://builders.localhost:4641 --base-out http://builders.localhost:4641`. The harness answers from fixtures/market-watch__rules.json, built by the real composers (rules-view.buildView over the seed's rules and 60 items, two approved changes and four open proposals). Steps are opened with clickIfVisible because against the stub the nodes do not exist.",
   "page": "/builders/market-watch-rules",
+  "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/market-watch.html

@@ -8,7 +8,7 @@
   <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/builders/style.css?v=2026-11-10-options">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-view2">
   <link rel="stylesheet" href="/builders/market-watch.css">
   <link rel="stylesheet" href="/builders/market-watch-settings.css">
 </head>
@@ -183,10 +183,10 @@
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-10-options"></script>
+<script src="/builders/shell-game.js?v=2026-11-11-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/hall-kit.js"></script>

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

@@ -1,6 +1,7 @@
 {
   "_": "MARKET WATCH HOME, the watchtower desk (task 1004939; design of record docs/design/mocks/market-watch/home.html, option D). One read, GET /market-watch/home. Against the kit's own stub it 404s, which the page reads as the module being off, so the stub render is the quiet off state. The populated desk needs the hall-preview harness with the module reported on; its market-watch__home.json fixture was built from the committed 2026-10-28 seed through the real shapes (tests/fixtures/market-watch-seed-rows.cjs):\n\n  node scripts/hall-preview/server.js --port 4639 --fixture-me --modules-on market-watch --rank archon\n  node modules/ui-design/kit/render.js --states modules/hall-ui/public/market-watch.states.json --base-in http://localhost:4639 --base-out http://localhost:4639\n\nThe 'settings' state is the owner's Settings tab (task 1005045; task 1004938's page before it), drawn from GET /market-watch/settings (the harness's market-watch__settings.json, the mockup's month). Only an archon viewer gets the tab, so the harness needs --rank archon; for anyone else the state renders the desk with no tab strip.",
   "page": "/builders/market-watch",
+  "modes": ["dark"],
   "_storage": "The hall asks a first-visit question (the session mode picker, craft-mode.js) over every page; seeding \"already asked\" renders the page a returning builder sees (task 1005080).",
   "storage": { "session": { "hall-craft-asked": "1" } },
   "surface": "hall-ui",

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

@@ -8,7 +8,7 @@
   <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/builders/style.css?v=2026-11-10-options">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-view2">
   <!-- task 1004366: a store version's how-to reads as a document, so it borrows the
        reading room's article card (room.css is scoped to its own primer- classes). -->
   <link rel="stylesheet" href="/builders/room.css">
@@ -126,10 +126,10 @@
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-10-options"></script>
+<script src="/builders/shell-game.js?v=2026-11-11-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>
 <!-- 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/modules.states.json

@@ -1,6 +1,7 @@
 {
   "_": "Modules — the catalog as ONE panel of oversight rows (task 1003472): the kit filter bar, the figure band, two groups under heads. The empty state matters more than the populated one: a filter that matches nothing is the state a browse page spends real time in. 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 added the `lens` and `details` states. Populated look: the hall-preview harness (scripts/hall-preview/fixtures/modules.json carries eighteen modules, one built by the project).",
   "page": "/builders/modules",
+  "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",