@bongos/core 1.21.20 → 1.21.22

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

@@ -91,7 +91,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/atlas.js?v=2026-09-02-index" defer></script>

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

@@ -50,7 +50,7 @@
 
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared frontend toolkit (window.OTB — rank labels, number formats) + the

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

@@ -60,7 +60,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-16-board"></script>

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

@@ -47,10 +47,24 @@ html:has(body[data-page="city"]) { height: 100%; }
 .city-mode { background: none; border: 1px solid var(--rule); border-radius: 999px; height: 36px; padding: 0 11px; display: flex; align-items: center; gap: 8px; cursor: pointer; color: var(--ink); font-family: var(--font-body); }
 .city-mode svg { display: block; stroke-width: 1.4; }
 
-/* the stage: the prototype's 1440 x 900 artboard, scaled to the window by
+/* THE STAGE IN THE HALL (task 1004544, the sky's mechanism from task 1004327).
+   <main class="city-main"> is the box under the hall's top bar and beside its
+   64px rail (the drawer's phone width has no rail) and, in full screen
+   (html[data-fullscreen="on"], shell.js), the whole window. `contain: layout
+   paint` makes it the containing block of every positioned layer inside, so
+   the home above and below measures from the stage instead of the window. */
+.city-main { position: fixed; top: var(--topbar-h, 56px); left: var(--sidebar-w-rail, 64px); right: 0; bottom: 0; max-width: none; margin: 0; contain: layout paint; z-index: 1; }
+html[data-fullscreen="on"] .city-main { top: 0; left: 0; }
+@media (max-width: 768px) { .city-main { left: 0; } }
+/* The full-screen switch floats top right over the stage, where the sun/moon
+   switch sits; the strip steps in by the button's width so nothing sits under it.
+   Under 640 the exit is the round button (style.css). */
+html[data-fullscreen="on"] .city-top { right: 184px; }
+@media (max-width: 640px) { html[data-fullscreen="on"] .city-top { right: 60px; } }
+
+/* the stage: the prototype's 1440 x 900 artboard, scaled to the stage by
    city.js (--city-scale) and centred, so 1440 x 900 is the prototype pixel
    for pixel */
-.city-main { position: fixed; inset: 0; z-index: 1; }
 .city-frame { position: absolute; inset: 0; overflow: hidden; }
 .city-stage { position: absolute; left: 50%; top: 50%; width: 1440px; height: 900px; transform: translate(-50%, -50%) scale(var(--city-scale, 1)); transform-origin: 50% 50%; }
 .city-zoom, .city-drift { position: absolute; left: 0; top: 0; width: 1440px; height: 900px; }

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

@@ -20,7 +20,17 @@
      /api/bongos/government/docket, task 1004523) and the open goals with their
      task rollups. The markup below is the prototype's home: the wordmark and
      the sun/moon switch in the header, the city, one button and one line.
-     Nothing else is on the page, on purpose: no hall sidebar, no top bar.
+
+     IN THE HALL (task 1004544, owner decision 2026-10-02). The city sits in
+     the hall's sidebar and top bar like every hall page, the way the sky has
+     since task 1004327, and the shell's full-screen switch
+     (data-fullscreen-switch) hides both so the city fills the window again,
+     remembered for this page. The whole home lives inside
+     <main class="city-main">, the stage under the top bar and beside the
+     rail (city.css), so what is drawn inside is unchanged and simply measures
+     from the stage instead of the window. The wordmark strip is a <div>, not
+     a <header>: the shell's top bar is the page's one <header>. There is still
+     no menu link to the city (owner: leave it off the sidebar).
 
      The drawing is city-draw.js (the prototype's iso kit, verbatim, as pure
      data); city.js reads the three feeds and turns the lists into SVG paths
@@ -34,16 +44,22 @@
      The page is gated on board.vote.cast (src/bongos/serve-internal.js), the
      same atom the docket read checks, so whoever reaches the city can read
      what it draws. -->
-<body data-page="city" class="city">
+<body data-page="city" data-page-title="The city" class="city" data-fullscreen-switch>
+
+<div class="app">
+  <aside class="app-sidebar" id="app-sidebar" aria-label="Primary"></aside>
+  <div class="app-scrim" id="app-scrim" hidden></div>
+  <div class="app-body">
+    <header class="app-topbar" id="app-topbar"></header>
 
-<header class="city-top">
-  <span class="city-mark">{{productName}}</span>
-  <button type="button" class="city-mode" id="cityMode" 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="cityModeIcon" d=""></path></svg>
-  </button>
-</header>
+<main id="hall-main" class="city-main">
+  <div class="city-top">
+    <span class="city-mark">{{productName}}</span>
+    <button type="button" class="city-mode" id="cityMode" 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="cityModeIcon" d=""></path></svg>
+    </button>
+  </div>
 
-<main class="city-main" id="cityMain">
   <div class="city-frame" id="cityFrame">
     <div class="city-stage" id="cityStage" role="img" aria-label="The governor city">
       <div class="city-zoom">
@@ -64,7 +80,11 @@
     <h1 class="city-line" id="cityLine" aria-live="polite">reading the docket</h1>
   </div>
 </main>
+  </div>
+</div>
 
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/palette.js" defer></script>
 <script src="/builders/city-draw.js?v=2026-10-02-city1"></script>
 <script src="/builders/city.js?v=2026-10-02-city1"></script>
 </body>

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

@@ -65,6 +65,24 @@
     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.
+  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'] });
   }
 
   // ---------- fit the 1440 x 900 artboard to the window ----------
@@ -73,7 +91,10 @@
   function fit() {
     var stage = $('cityStage');
     if (!stage) return;
-    var w = window.innerWidth || 1440, h = window.innerHeight || 900;
+    // The stage is <main class="city-main">, the box the hall's chrome leaves
+    // (task 1004544); the full-screen switch resizes it and fires a resize.
+    var main = $('hall-main');
+    var w = (main && main.clientWidth) || window.innerWidth || 1440, h = (main && main.clientHeight) || window.innerHeight || 900;
     var s = Math.min(w / 1000, h / 900);
     stage.style.setProperty('--city-scale', String(Math.round(s * 1000) / 1000));
   }
@@ -168,7 +189,9 @@
     if (media && media.addEventListener) media.addEventListener('change', function () { if (!storedTheme()) draw(applyTheme()); });
     window.addEventListener('resize', fit);
     fit();
-    draw(applyTheme());
+    painted = applyTheme();
+    draw(painted);
+    watchShellTheme();
     return load();
   }
 

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

@@ -11,7 +11,13 @@
       "auth": true,
       "_": "The home: the wordmark, the switch, the city, start governing and the one line.",
       "actions": [["wait", 900]],
-      "expect": { "visible": ["#cityStage", "#cityStart", "#cityLine", "#cityMode"], "href": [["#cityStart", "/builders/street"]] }
+      "expect": { "visible": ["#cityStage", "#cityStart", "#cityLine", "#cityMode", "#app-topbar", "#fullscreen-toggle"], "href": [["#cityStart", "/builders/street"]] }
+    },
+    "fullscreen": {
+      "auth": true,
+      "_": "In the hall since task 1004544: the shell's full-screen switch pressed, the sidebar and the top bar gone, the city filling the window and the one exit in the corner (the sky's mechanism, task 1004327).",
+      "actions": [["wait", 900], ["click", "#fullscreen-toggle"], ["wait", 500]],
+      "expect": { "visible": ["#cityStage", "#cityStart", "#cityMode", "#fullscreen-toggle"], "hidden": ["#app-sidebar", "#topbar-title"], "attr": [["#fullscreen-toggle", "aria-pressed", "true"]] }
     },
     "switched": {
       "auth": true,

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

@@ -148,7 +148,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-23-contrib"></script>
 <script src="/builders/collab-lib.js?v=2026-09-24-archive"></script>

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

@@ -54,7 +54,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-14-domutils"></script>

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

@@ -177,7 +177,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-23-contrib"></script>
 <script src="/builders/hall-kit.js"></script>

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

@@ -74,7 +74,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-16-gate"></script>
 <script src="/builders/hall-kit.js"></script>

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

@@ -97,7 +97,7 @@
 
 <!-- The app shell (sidebar + top bar + footer). Dependency-free; runs at parse
      time so the chrome exists before the deferred page scripts execute. -->
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/diagram-viewer.js?v=2026-06-14-diagviewer-1" defer></script>

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

@@ -98,7 +98,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/md-reader.js?v=2026-09-02-mdreader-2"></script>

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

@@ -54,7 +54,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-16-gate"></script>
 <script src="/builders/hall-kit.js"></script>

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

@@ -77,7 +77,7 @@
 <div id="gate-modal-root"></div>
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-16-gate"></script>

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

@@ -137,7 +137,7 @@
   </div>
 </div>
 
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></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

@@ -230,7 +230,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-14-domutils"></script>

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

@@ -134,7 +134,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-16-gate"></script>

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

@@ -52,7 +52,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-23-contrib" defer></script>
 <!-- task-detail.js still owns the #/idea/N and #/blocker/N overlay, so a ref

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

@@ -225,7 +225,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-23-contrib"></script>
 <!-- task 1003069 (R08) — the quick-filing form's routed result links a task

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

@@ -106,7 +106,7 @@
 <script src="/builders/brand-apply.js?v=2026-06-27-r75" defer></script>
 <!-- The app shell (sidebar + top bar + view router). Dependency-free; loaded
      BEFORE builders.js so the chrome ids exist when events are wired. -->
-<script src="/builders/shell.js?v=2026-10-01-look" defer></script>
+<script src="/builders/shell.js?v=2026-10-02-theme" 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/modules.html

@@ -101,7 +101,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-23-contrib"></script>

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

@@ -115,7 +115,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- the shared markdown reader (window.OTBMdReader) — primer.js renders through

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

@@ -206,7 +206,7 @@
 
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared frontend toolkit (window.OTB) — loaded before profile.js, which pulls from it. -->

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

@@ -58,7 +58,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-16-gate"></script>

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

@@ -77,7 +77,7 @@
 
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared frontend toolkit (window.OTB) — loaded before ranks.js, which pulls from it. -->

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

@@ -41,7 +41,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-14-domutils"></script>

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

@@ -53,7 +53,7 @@
 
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared frontend toolkit (window.OTB — rank labels, number formats) + the

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

@@ -99,7 +99,7 @@
 
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared frontend toolkit (window.OTB) — loaded BEFORE sessions.js so it can pull from it. -->

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

@@ -435,7 +435,7 @@
 
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page scripts run. -->
-<script src="/builders/shell.js?v=2026-10-01-look"></script>
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared frontend toolkit (window.OTB) — loaded before consuming IIFEs. -->

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

@@ -1404,5 +1404,8 @@
     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,
   };
 })();

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

@@ -9,8 +9,8 @@
    #edecee, ink, ink-soft, ink-faint, the rules, the accent #fb9569 and its
    dark ink #2a1305). The drawing's own faces are drawing data in
    street-draw.js (the prototype's front-on palette).
-   Nothing else is on the page, as on the city (task 1004524): no hall
-   sidebar, no top bar; the stage is the window.
+   In the hall's sidebar and top bar since task 1004544, behind the shell's
+   full-screen switch, as the city; the stage is the box the chrome leaves.
    No :root here (tests/hall_reading_world.mjs): page tokens live on the body.
    The two dark blocks below are byte-identical twins. */
 
@@ -51,8 +51,21 @@ html[data-theme="dark"] body[data-page="street"] {
 
 html:has(body[data-page="street"]) { height: 100%; }
 
-/* the stage: the window */
-.street-stage { position: fixed; inset: 0; margin: 0; padding: 0; display: flex; flex-direction: column; background: var(--bg); color: var(--ink); font-family: var(--font-body); overflow: hidden; }
+/* THE STAGE IN THE HALL (task 1004544, the sky's mechanism from task 1004327).
+   <main class="street-stage"> is the box under the hall's top bar and beside
+   its 64px rail (the drawer's phone width has no rail) and, in full screen
+   (html[data-fullscreen="on"], shell.js), the whole window. `contain: layout
+   paint` makes it the containing block of the card and every positioned
+   layer, so the street measures from the stage instead of the window. */
+.street-stage { position: fixed; top: var(--topbar-h, 56px); left: var(--sidebar-w-rail, 64px); right: 0; bottom: 0; max-width: none; contain: layout paint; margin: 0; padding: 0; display: flex; flex-direction: column; background: var(--bg); color: var(--ink); font-family: var(--font-body); overflow: hidden; }
+html[data-fullscreen="on"] .street-stage { top: 0; left: 0; }
+@media (max-width: 768px) { .street-stage { left: 0; } }
+/* The full-screen switch floats top right over the stage, where the strip's
+   light/dark switch ends; the strip steps in by the button's width so nothing
+   sits under it. Under 640 the exit is the round button (style.css). */
+html[data-fullscreen="on"] .street-top { padding-right: 184px; }
+@media (max-width: 900px) { html[data-fullscreen="on"] .street-top { padding-right: 168px; } }
+@media (max-width: 640px) { html[data-fullscreen="on"] .street-top { padding-right: 60px; } }
 
 .street-label { font-size: 11.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-faint); white-space: nowrap; }
 

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

@@ -20,8 +20,16 @@
      docket (GET /api/bongos/government/docket, task 1004523), the open goals
      with their task rollups, and the viewer's earnings this month.
 
-     Nothing else is on the page, on purpose, as on the city (task 1004524):
-     no hall sidebar, no top bar. It has no menu link of its own: the way in is
+     IN THE HALL (task 1004544, owner decision 2026-10-02), as the city: the
+     street sits in the hall's sidebar and top bar, the way the sky has since
+     task 1004327, and the shell's full-screen switch (data-fullscreen-switch)
+     hides both so the street fills the window again, remembered for this
+     page. The whole street lives inside <main class="street-stage">, the
+     stage under the top bar and beside the rail (street.css), so what is
+     drawn inside is unchanged. The prototype's header strip is a <div>, not a
+     <header>, and the street band is a <div>, not a <main>: the shell's top
+     bar is the page's one <header> and the stage its one <main>. It still has
+     no menu link of its own (owner: leave it off the sidebar): the way in is
      the city's start governing, and the wordmark is the way back.
 
      The markup is the prototype's: its header (the wordmark back to the city,
@@ -43,11 +51,17 @@
      The page is gated on board.vote.cast (src/bongos/serve-internal.js), the
      same atom the docket read checks, so whoever reaches the street can read
      what it draws. -->
-<body data-page="street" class="street">
+<body data-page="street" data-page-title="The street" class="street" data-fullscreen-switch>
 
-<div class="street-stage">
+<div class="app">
+  <aside class="app-sidebar" id="app-sidebar" aria-label="Primary"></aside>
+  <div class="app-scrim" id="app-scrim" hidden></div>
+  <div class="app-body">
+    <header class="app-topbar" id="app-topbar"></header>
 
-<header class="street-top">
+<main id="hall-main" class="street-stage">
+
+<div class="street-top">
   <div class="street-top__brand">
     <a class="street-mark" id="streetHome" href="/builders/city" aria-label="Back to the city overview">{{productName}}</a>
     <h1 class="street-kicker">the street</h1>
@@ -71,9 +85,9 @@
     <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>
-</header>
+</div>
 
-<main class="street-window" id="streetWindow">
+<div class="street-window" id="streetWindow">
   <div class="street-sizer" id="streetSizer">
   <div class="street-board" id="streetBoard" role="group" aria-label="The street">
     <p class="street-hint" id="streetHint"></p>
@@ -165,7 +179,7 @@
   </div>
   </div>
   </section>
-</main>
+</div>
 
 <nav class="street-signs" id="streetSigns" aria-label="The six readings"></nav>
 
@@ -185,8 +199,12 @@
 
 <div class="street-toast" id="streetToast" role="status" aria-live="polite" hidden></div>
 
+</main>
+  </div>
 </div>
 
+<script src="/builders/shell.js?v=2026-10-02-theme"></script>
+<script src="/builders/palette.js" defer></script>
 <script src="/builders/city-draw.js?v=2026-10-02-street1"></script>
 <script src="/builders/street-draw.js?v=2026-10-02-street1"></script>
 <script src="/builders/street-card.js?v=2026-10-02-amend1"></script>

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

@@ -97,8 +97,21 @@
     var next = effectiveTheme() === 'dark' ? 'light' : 'dark';
     chosen = next;
     try { window.localStorage.setItem(THEME_KEY, next); } catch (_) { /* private mode: this page only */ }
-    applyTheme();
+    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');
@@ -915,8 +928,9 @@
     var win = $('streetWindow');
     if (win) win.addEventListener('scroll', placeCard);
     if (media && media.addEventListener) media.addEventListener('change', function () { if (!storedTheme()) { applyTheme(); draw(); } });
-    applyTheme();
+    painted = applyTheme();
     draw();
+    watchShellTheme();
     return load();
   }
 

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

@@ -39,7 +39,9 @@
           "#streetBoard",
           "#streetSigns",
           "#streetMode",
-          "#streetHome"
+          "#streetHome",
+          "#app-topbar",
+          "#fullscreen-toggle"
         ],
         "href": [
           [
@@ -49,6 +51,20 @@
         ]
       }
     },
+    "fullscreen": {
+      "auth": true,
+      "_": "In the hall since task 1004544: the shell's full-screen switch pressed, the sidebar and the top bar gone, the street filling the window and the one exit in the corner (the sky's mechanism, task 1004327).",
+      "actions": [
+        ["wait", 900],
+        ["click", "#fullscreen-toggle"],
+        ["wait", 500]
+      ],
+      "expect": {
+        "visible": ["#streetBoard", "#streetSigns", "#streetMode", "#fullscreen-toggle"],
+        "hidden": ["#app-sidebar", "#topbar-title"],
+        "attr": [["#fullscreen-toggle", "aria-pressed", "true"]]
+      }
+    },
     "card": {
       "auth": true,
       "_": "A pin pressed: the matter's short card over the street.",