@bongos/core 1.24.81 → 1.24.82

package/modules/hall-ui/public/options-menu.js

@@ -66,7 +66,8 @@
         ] },
     ] },
     { head: 'Preferences', items: [
-      { id: 'preferences', label: 'Preferences', native: true, gate: 'signed', words: 'usage reports' },
+      { id: 'preferences', label: 'Preferences', native: true, gate: 'signed', words: 'usage reports view game classic mode sidebar',
+        anchors: [{ label: 'View: game or classic', anchor: 'view-scroll', words: 'game classic mode full screen sidebar' }] },
       { id: 'sound', label: 'Sound', native: true, gate: 'signed', words: 'sounds audio chime event volume mute' },
     ] },
     { head: 'The project', items: [

package/modules/hall-ui/public/primer.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-11-helm">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-view2">
   <link rel="stylesheet" href="/builders/room.css">
   <link rel="stylesheet" href="/builders/primer.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/diagram-viewer.css?v=2026-11-04-reading-room">
@@ -111,10 +111,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-11-helm"></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-11-helm"></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/profile.html

@@ -14,7 +14,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-11-helm">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-view2">
   <!-- The PANEL archetype (task 1003308) before the page's own sheet. -->
   <link rel="stylesheet" href="/builders/panel.css">
   <link rel="stylesheet" href="/builders/hall-ask.css">
@@ -248,10 +248,10 @@
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-11-helm"></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-11-helm"></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/project-settings.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-11-helm">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-view2">
   <link rel="stylesheet" href="/builders/oversight.css">
   <link rel="stylesheet" href="/builders/project-settings.css?v=2026-11-02-outflow">
 </head>
@@ -75,10 +75,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-11-helm"></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-11-helm"></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/roster.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-11-helm">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-view2">
   <!-- task 1003441: the identity cell (avatar, name, login). It was shared with
        the cross-project /people page until task 1003444 deleted it. -->
   <link rel="stylesheet" href="/builders/roster.css">
@@ -57,10 +57,10 @@
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-11-helm"></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-11-helm"></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/settings-view.js

@@ -0,0 +1,75 @@
+// modules/hall-ui/public/settings-view.js — Options → Preferences → View: game or
+// classic (task 1005200; owner, 2026-11-11). The one place the view is switched after
+// sign-in. The two never mix: classic is the hall with its sidebar, game is the city
+// full screen with only the game's places (shell-game.js).
+//
+// The account holds the choice (GET/PATCH /api/bongos/me/hall-view, builder-settings
+// hall-view-prefs.js), so it follows the builder to any browser. This panel saves it
+// there first and only then switches the page, so a failed save never leaves the page
+// in one view and the account in the other.
+//
+// Own file on the settings-usage-reports.js precedent: it shares nothing with the rest
+// of the page.
+
+(() => {
+  'use strict';
+
+  const PATH = '/api/bongos/me/hall-view';
+  const { $ } = window.OTB;
+  const toast = (msg) => window.OTB.toast(msg);
+  const api = window.BongosClient.createClient({ baseUrl: '', credentials: 'same-origin', throwOnError: false });
+  const game = () => window.OTBShellGame;
+
+  const CHOICES = [
+    { value: 'game', label: 'Game', desc: 'The project city, full screen. Only the game’s places: the city, the skies and the atlas.' },
+    { value: 'classic', label: 'Classic', desc: 'The hall with its sidebar and every page.' },
+  ];
+
+  function render(view) {
+    const wrap = $('#view-rows');
+    if (!wrap) return;
+    wrap.innerHTML =
+      '<fieldset class="pgroup" id="view-group">' +
+      '<legend class="prow__label">How you see the project</legend>' +
+      CHOICES.map((c) => {
+        const id = `view-${c.value}`;
+        return (
+          `<label class="prow prow--pick" for="${id}">` +
+          `<input class="pradio" type="radio" name="hall-view" id="${id}" value="${c.value}"${view === c.value ? ' checked' : ''}>` +
+          '<span class="prow__main">' +
+          `<span class="prow__label">${c.label}</span>` +
+          `<span class="prow__desc">${c.desc}</span>` +
+          '</span></label>'
+        );
+      }).join('') +
+      '</fieldset>';
+  }
+
+  async function save(view) {
+    const status = $('#view-status');
+    if (status) status.textContent = 'Saving…';
+    const res = await api.request('PATCH', PATH, { body: { view } });
+    if (!res.ok) {
+      render(game() && game().on() ? 'game' : 'classic');
+      if (status) status.textContent = 'Could not save. Try again.';
+      toast('Could not switch the view. Try again.');
+      return;
+    }
+    const msg = view === 'game' ? 'Saved. You are in the game view.' : 'Saved. You are in the classic view.';
+    if (status) status.textContent = msg;
+    if (game()) game().set(view === 'game', { local: true });
+  }
+
+  function setup() {
+    const section = $('#view-scroll');
+    if (!section || !game()) return;
+    render(game().on() ? 'game' : 'classic');
+    section.hidden = false;
+    $('#view-rows').addEventListener('change', (e) => {
+      if (e.target && e.target.name === 'hall-view') save(e.target.value);
+    });
+  }
+
+  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', setup);
+  else setup();
+})();

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

@@ -11,7 +11,7 @@
   <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-view2">
   <!-- The PANEL archetype (task 1003308): the row, the switch, the field, the
        chip control and the family's voices, shared with profile and pair.
        settings.css then holds only what this page
@@ -287,6 +287,18 @@
                  on the same routes. They live on My agents only now; this line is where
                  they were. Old deep links (#interaction, #wandering, #rendering, …) are
                  sent there by settings-moved.js. -->
+            <!-- VIEW — game or classic (task 1005200): the one place the view is switched
+                 after sign-in. Kept on the account (GET/PATCH /me/hall-view); drawn by
+                 settings-view.js. -->
+            <section class="scroll" id="view-scroll" aria-labelledby="view-h" data-group="preferences" hidden>
+              <h2 id="view-h" class="scroll__h">View</h2>
+              <p class="scroll__lede">
+                Game or classic, never both. You also choose each time you sign in.
+              </p>
+              <div class="sound-rows" id="view-rows"></div>
+              <p class="settings-status" id="view-status" role="status" aria-live="polite"></p>
+            </section>
+
             <section class="scroll" id="agents-moved-preferences" aria-labelledby="agents-moved-preferences-h" data-group="preferences">
               <h2 id="agents-moved-preferences-h" class="scroll__h">Your agents</h2>
               <p class="scroll__lede">
@@ -405,10 +417,10 @@
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page scripts run. -->
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-11-helm"></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-11-helm"></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>
@@ -420,7 +432,7 @@
 <!-- task 1005044: the old deep links to the agent settings that moved to My agents -->
 <script src="/builders/settings-moved.js?v=2026-11-03-moved"></script>
 <!-- task 1005144: the ONE options menu — the rail, its search, and the screens it opens in a frame. -->
-<script src="/builders/options-menu.js?v=2026-11-10-options"></script>
+<script src="/builders/options-menu.js?v=2026-11-11-view2"></script>
 <script src="/builders/settings.js?v=2026-11-10-options"></script>
 <!-- task 1003341: the Active sessions panel. Its own file rather than more of
      settings.js, which sits close to the 1500-line size ratchet. -->
@@ -437,6 +449,7 @@
 <script src="/builders/runner-button.js"></script>
 <script src="/builders/settings-autobongos.js?v=2026-11-09-run-button"></script>
 <!-- task 1003793: Settings → Module install reports. Own file on the same precedent. -->
+<script src="/builders/settings-view.js?v=2026-11-11-view"></script>
 <script src="/builders/settings-usage-reports.js?v=2026-10-08-usage-reports"></script>
 </body>
 </html>

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

@@ -85,6 +85,16 @@ html.gs-open { overflow: hidden; }
 .gs__foot { padding: var(--ds-space-md) var(--ds-space-lg) 0; border-top: var(--line-strong) solid var(--rule); }
 .gs__line, .gs__note { margin: 0; font-size: var(--ds-text-lg); line-height: 1.5; text-wrap: pretty; color: var(--ink-soft); }
 .gs__note { margin-top: var(--ds-space-xs); color: var(--ink); }
+/* the view chooser in front of the menu (task 1005200): Game or Classic as two rows in the
+   panel's own voice, each with one line saying what it is; the view chosen last time is lit
+   with the accent on its edge and says so */
+.gs__ask { margin: 0; padding: 0 var(--ds-space-lg) var(--ds-space-sm); font-size: var(--ds-text-lg); color: var(--ink-soft); }
+.gs__ask[hidden] { display: none; }
+.gs__item--view { flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--ds-space-hair); padding-top: var(--ds-space-sm); padding-bottom: var(--ds-space-sm); }
+.gs__item--last { box-shadow: inset var(--line-strong) 0 0 var(--accent); }
+.gs__view { display: inline-flex; align-items: baseline; gap: var(--ds-space-sm); }
+.gs__sub { font-family: var(--font-body); font-size: var(--ds-text-md); letter-spacing: 0; text-transform: none; color: var(--ink-soft); }
+.gs__last { font-family: var(--font-body); font-size: var(--label-size); letter-spacing: var(--label-space); text-transform: uppercase; color: var(--accent); }
 .gs__note[hidden] { display: none; }
 
 /* the load screen: the week it is showing, a segment per week, the city, and the tip under it */

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

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

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

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

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

@@ -10,7 +10,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-11-helm">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-view2">
   <link rel="stylesheet" href="/builders/street.css?v=2026-11-11-helm">
   <link rel="stylesheet" href="/builders/street-card.css?v=2026-10-04-record1">
   <link rel="stylesheet" href="/builders/street-deck.css?v=2026-10-17-tidy">
@@ -225,10 +225,10 @@
 </div>
 
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-11-helm"></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-11-helm"></script>
+<script src="/builders/shell.js?v=2026-11-11-view2"></script>
 <script src="/builders/hall-dialog.js"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/gov-living.js?v=2026-10-09-positions1"></script>

package/modules/hall-ui/public/studio.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-11-helm">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-view2">
   <link rel="stylesheet" href="/builders/studio.css?v=2026-10-09-day">
   <link rel="stylesheet" href="/builders/approval-queue.css?v=2026-09-29-aqfix">
   <link rel="stylesheet" href="/builders/home-gallery.css?v=2026-11-04-studio">
@@ -222,10 +222,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-11-helm"></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-11-helm"></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>
 <!-- The kit, for its ONE renderer: the full-size ship-time visual figure

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

@@ -1323,6 +1323,8 @@ html[data-fullscreen="on"] .app-topbar {
 }
 html[data-fullscreen="on"] .app-topbar > :not(.topbar-side),
 html[data-fullscreen="on"] .topbar-side > :not(.fullscreen-toggle):not(.upd-pill) { display: none; }
+/* Game mode keeps its full screen: no way back to the bars inside it (task 1005200). */
+html[data-game="on"] .fullscreen-toggle { display: none; }
 /* task 1005191: the Update pill stays with the bars away. Game mode opens every page
    this way, and an update nobody can see is an update nobody takes. */
 html[data-fullscreen="on"] .upd-pill {

package/modules/hall-ui/public/task.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-11-helm">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-view2">
   <!-- The record archetype (shared with idea.html) and this page's own two
        shapes. Promoted out of an inline <style> by task 1003305 — the block was
        the hall's last substantive one and sat at its hall_audit ratchet. -->
@@ -57,10 +57,10 @@
 <!-- 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/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-11-helm"></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-11-helm"></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/thinking.html

@@ -12,7 +12,7 @@
        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).
        The template carried its own Google Fonts link for the same two faces. -->
-  <link rel="stylesheet" href="/builders/style.css?v=2026-11-11-helm">
+  <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>
@@ -140,13 +140,13 @@
 </div>
 
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-11-helm"></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-11-helm"></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>