@bongos/core 1.19.1051 → 1.19.1052

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

@@ -971,6 +971,59 @@ main:focus { outline: none; }
   background: var(--accent-tint);
   color: var(--accent-ink);
 }
+/* task 1004327: the full-screen switch — the theme toggle's sibling, on the
+   pages that opt in (body[data-fullscreen-switch]). */
+.fullscreen-toggle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px; height: 32px;
+  border: 0;
+  border-radius: var(--radius-pill);
+  background: none;
+  color: var(--ink-soft);
+  cursor: pointer;
+  padding: 0;
+  flex-shrink: 0;
+}
+.fullscreen-toggle:hover { color: var(--ink); }
+.fullscreen-toggle svg { width: 16px; height: 16px; }
+
+/* FULL SCREEN (html[data-fullscreen="on"], shell.js). The sidebar, the scrim and
+   the foot leave the layout; the top bar does NOT leave the document — it
+   collapses to the one button that brings the chrome back, floating in the
+   corner it already held, so the page keeps exactly one <header> (the kit's
+   one-header-main-h1 floor) and the way back is where the way in was. The bar
+   stops catching the pointer; only its button does. */
+html[data-fullscreen="on"] .app-sidebar,
+html[data-fullscreen="on"] .app-scrim,
+html[data-fullscreen="on"] .app-foot { display: none; }
+html[data-fullscreen="on"] .app-body { margin-left: 0; }
+html[data-fullscreen="on"] .app-topbar {
+  position: fixed;
+  top: 12px;
+  right: 12px;
+  left: auto;
+  height: auto;
+  padding: 0;
+  gap: 0;
+  background: none;
+  border: 0;
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
+  pointer-events: none;
+}
+html[data-fullscreen="on"] .app-topbar > :not(.topbar-side),
+html[data-fullscreen="on"] .topbar-side > :not(.fullscreen-toggle) { display: none; }
+html[data-fullscreen="on"] .fullscreen-toggle {
+  pointer-events: auto;
+  width: 36px; height: 36px;
+  color: var(--ink);
+  background: var(--glass);
+  box-shadow: inset 0 0 0 1px var(--glass-edge);
+  backdrop-filter: blur(var(--glass-blur));
+  -webkit-backdrop-filter: blur(var(--glass-blur));
+}
 .zoom-toggle__pct {
   font-size: 12px;
   font-weight: 500;

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

@@ -57,7 +57,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-09-26-nopeople"></script>
+<script src="/builders/shell.js?v=2026-09-27-fullscreen"></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 FIRST so task.js can pull from it. -->

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

@@ -1,13 +1,17 @@
 /* modules/hall-ui/public/thinking.css — THE SKY's one sheet (task 1004231 / sky
    part 3 of 5, goal 1000095; ADR 0331). The <style> of
    docs/design/mocks/sky/sky.template.html, verbatim: the owner adopted the
-   prototype as the design of record and this sheet is its pixel contract. It
-   deliberately does NOT load the hall's style.css or its tokens — the sky is
-   its own surface (black void, Manrope, JetBrains Mono for figures), and the
-   template's values are the contract. Keep it one file (the task says so).
+   prototype as the design of record and this sheet is its pixel contract. The
+   sky is its own surface (black void, Manrope, JetBrains Mono for figures),
+   and the template's values are the contract. Keep it one file (the task says so).
    ONE SHEET, TWO DOORS (part 4, task 1004232): /thinking and /goal-map are the
-   same page opened in different lenses, so both bodies are named below and
-   nothing in here is per-page. */
+   same page opened in different lenses, so both are named below.
+   IN THE HALL (task 1004327): /thinking now loads style.css and sits in the
+   hall chrome; /goal-map is still standalone. So the sky's tokens and ground
+   sit on /thinking's STAGE (main.sky-stage) instead of its body — the chrome
+   around the stage keeps the hall's own palette in both modes — and the sky's
+   few global rules are written :where()-scoped, so they cost no specificity
+   (goal-map renders exactly as before) and never reach the chrome. */
 /* The template declared these on :root. They sit on the page's body here,
    with the template's values untouched, because the server splices the
    branding pack's own :root (--ink, --accent, --rule …) into <head> AFTER this
@@ -17,7 +21,7 @@
    its own — tests/hall_reading_world.mjs; color-scheme inherits from body
    too). Same reason `body` below is qualified: a pack backdrop is written as
    `body{background:…}` and the void must win. */
-body[data-page="thinking"], body[data-page="goal-map"] {
+body[data-page="goal-map"], body[data-page="thinking"] .sky-stage {
   color-scheme: dark;
   --void: #000000; --ink: #ffffff; --ink-soft: #c0c0c0; --ink-faint: #a8a8a8; --ink-dim: #65656a; --ink-ghost: #3a3a3f;
   --rule: rgba(255,255,255,.16); --rule-soft: rgba(255,255,255,.08); --glass: rgba(255,255,255,.075); --glass-strong: rgba(255,255,255,.14);
@@ -26,12 +30,46 @@ body[data-page="thinking"], body[data-page="goal-map"] {
   --face: Manrope, "Segoe UI", system-ui, -apple-system, sans-serif;
 }
 html, body { height: 100%; }
-body[data-page="thinking"], body[data-page="goal-map"] { margin: 0; background: var(--void); color: var(--ink); font-family: var(--face); font-size: 15px; line-height: 1.5; overflow: hidden; -webkit-font-smoothing: antialiased; }
-button { font-family: inherit; }
-a { color: var(--accent); }
-.lbl { font: var(--label); letter-spacing: .14em; text-transform: uppercase; color: var(--ink-faint); }
-.mono { font: var(--mono); font-variant-numeric: tabular-nums; }
+body[data-page="goal-map"], body[data-page="thinking"] .sky-stage { margin: 0; background: var(--void); color: var(--ink); font-family: var(--face); font-size: 15px; line-height: 1.5; overflow: hidden; -webkit-font-smoothing: antialiased; }
+body[data-page="thinking"] { overflow: hidden; }
+:where(body[data-page="goal-map"], .sky-stage) button { font-family: inherit; }
+:where(body[data-page="goal-map"], .sky-stage) a { color: var(--accent); }
+:where(body[data-page="goal-map"], .sky-stage) .lbl { font: var(--label); letter-spacing: .14em; text-transform: uppercase; color: var(--ink-faint); }
+:where(body[data-page="goal-map"], .sky-stage) .mono { font: var(--mono); font-variant-numeric: tabular-nums; }
 [hidden] { display: none !important; }
+
+/* THE STAGE (task 1004327). 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 position: fixed layer inside
+   it, so the template's fixed layout below measures from the stage and needs
+   no second copy; sky-layout.js sizes the canvas to the same box. The
+   template's four viewport units (100vw, 46vh) became percentages for the
+   same reason: a fixed layer's % is its containing block — the stage here,
+   the window on /goal-map, where the two are the same number. */
+.sky-stage { 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; }
+html[data-fullscreen="on"] .sky-stage { top: 0; left: 0; }
+@media (max-width: 768px) { .sky-stage { left: 0; } }
+/* The full-screen switch floats top right over the stage, where the sky's
+   tools end; the strip steps in by the button's width so nothing sits under it. */
+html[data-fullscreen="on"] .sky-stage .top { padding-right: 64px; }
+/* Under 900 the brand takes a row of its own (the template's rule below), so
+   only that row steps in and the tools keep their width. */
+@media (max-width: 900px) {
+  html[data-fullscreen="on"] .sky-stage .top { padding-right: 16px; }
+  html[data-fullscreen="on"] .sky-stage .brand { padding-right: 48px; }
+}
+/* style.css rules whose names the template also uses — each one reset to what
+   the template's page had, at the SAME specificity and earlier than the sky's
+   own rules below, so the sky's declarations still win. */
+:where(.sky-stage) * { box-sizing: revert; }
+:where(.sky-stage) a { text-decoration: revert; }
+:where(.sky-stage) .skip { position: static; left: auto; top: auto; z-index: auto; }
+:where(.sky-stage) .filters { align-items: normal; margin: 0; }
+:where(.sky-stage) .foot { margin: 0; border: 0; font-size: inherit; }
+:where(.sky-stage) :focus-visible { outline: revert; outline-offset: revert; box-shadow: revert; border-radius: revert; }
+:where(.sky-stage) input[type="text"], :where(.sky-stage) input[type="search"] { min-height: 0; padding: 1px 2px; border-radius: 0; }
+:where(.sky-stage) a:hover { text-decoration: revert; }
 #sky { position: fixed; inset: 0; display: block; width: 100%; height: 100%; cursor: grab; touch-action: none; }
 #sky.dragging { cursor: grabbing; }
 #sky:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
@@ -55,7 +93,7 @@ a { color: var(--accent); }
 .pill.icon::before { display: none; }
 .spot { outline: 2px solid var(--accent) !important; outline-offset: 4px; box-shadow: 0 0 0 8px rgba(251,149,105,.12), 0 0 40px rgba(251,149,105,.35); }
 
-.composer { position: fixed; left: 50%; top: calc(76px + env(safe-area-inset-top, 0px)); transform: translateX(-50%); width: min(620px, calc(100vw - 32px)); z-index: 6; display: flex; flex-direction: column; gap: 8px; align-items: center; }
+.composer { position: fixed; left: 50%; top: calc(76px + env(safe-area-inset-top, 0px)); transform: translateX(-50%); width: min(620px, calc(100% - 32px)); z-index: 6; display: flex; flex-direction: column; gap: 8px; align-items: center; }
 .composer form { display: flex; width: 100%; height: 48px; border-radius: 999px; background: rgba(0,0,0,.5); box-shadow: inset 0 0 0 1px var(--rule); backdrop-filter: blur(6px); align-items: center; padding: 0 6px 0 22px; gap: 8px; }
 .composer form:focus-within { box-shadow: inset 0 0 0 1px var(--ink-faint); }
 .composer input { flex: 1; min-width: 0; height: 100%; background: transparent; border: 0; color: var(--ink); font: 300 17px/1 var(--face); letter-spacing: -.01em; outline: none; }
@@ -135,7 +173,7 @@ a { color: var(--accent); }
 .jump li button:hover, .jump li button:focus-visible { background: var(--glass); color: var(--ink); }
 .jump li .lbl { flex-shrink: 0; width: 60px; }
 
-.tour, .start { position: fixed; left: 50%; bottom: calc(110px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); width: min(560px, calc(100vw - 32px)); z-index: 8; padding: 18px 22px 16px; border-radius: 16px; display: flex; flex-direction: column; gap: 10px; }
+.tour, .start { position: fixed; left: 50%; bottom: calc(110px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); width: min(560px, calc(100% - 32px)); z-index: 8; padding: 18px 22px 16px; border-radius: 16px; display: flex; flex-direction: column; gap: 10px; }
 .tour .step { display: flex; align-items: center; gap: 10px; }
 .tour .dots { display: flex; gap: 5px; margin-left: auto; }
 .tour .dots i { width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,.2); }
@@ -203,12 +241,12 @@ a { color: var(--accent); }
   .lens button, .pill { height: 32px; padding: 0 12px; font-size: 12px; }
   .pill.icon { width: 32px; }
   .tools { margin-left: auto; }
-  .composer { top: calc(186px + env(safe-area-inset-top, 0px)); width: calc(100vw - 32px); }
+  .composer { top: calc(186px + env(safe-area-inset-top, 0px)); width: calc(100% - 32px); }
   .composer form { height: 44px; padding-left: 16px; }
   .composer input { font-size: 16px; }
   .gravity { font-size: 11.5px; }
   .jump, .legend, .time { display: none; }
-  .room, .panel { left: 10px; right: 10px; width: auto; top: auto; bottom: calc(70px + env(safe-area-inset-bottom, 0px)); max-height: 46vh; }
+  .room, .panel { left: 10px; right: 10px; width: auto; top: auto; bottom: calc(70px + env(safe-area-inset-bottom, 0px)); max-height: 46%; }
   .alt { margin-left: 0; text-align: left; }
   .tour, .start { bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
   .card { max-width: 240px; }

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

@@ -12,6 +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-07-02-shell1">
   <link rel="stylesheet" href="/builders/thinking.css?v=2026-09-25-sky4">
 </head>
 <!-- THE SKY (task 1004231 / sky part 3 of 5, goal 1000095; ADR 0331, ADR 0227
@@ -27,36 +28,49 @@
      The file is still `thinking` and the URL still /thinking: this is the
      ideator's home, the page that replaced THE ROOM (task 1004098) — and the
      room survives inside it as the list drawer (L). /sky, the old ambient
-     page's URL, 301s here (src/bongos/serve-internal.js). It carries no hall
-     chrome on purpose: the sky is a full-screen surface with its own header,
-     and the hall's doors (the record, the goal, the task) open from the panel.
+     page's URL, 301s here (src/bongos/serve-internal.js).
+
+     IN THE HALL (task 1004327, owner decision 2026-09-27). The sky used to
+     carry no hall chrome; it now sits in the sidebar and top bar like every
+     hall page, and the shell's full-screen switch (data-fullscreen-switch)
+     hides both so the sky fills the window again, remembered for this page.
+     The whole sky lives inside <main class="sky-stage">, which is a
+     containing block for its position: fixed layers (thinking.css), so the
+     template's fixed layout is unchanged and simply measures from the stage
+     instead of the window. The sky's heading is a <div class="brand">, not a
+     <header>: the shell's top bar is the page's one <header>, and in full
+     screen it stays in the document as the way back.
 
      The same markup, sheet and scripts serve THE PROJECT SKY at /goal-map
      (part 4, task 1004232): that body says data-sky-lens="all", so the boot
      opens in "the whole project" and the tour hands back to it. The switcher
      is two doors — "the whole project" leaves for /goal-map from here, and
-     "simple" / "your thinking" leave for here from there. -->
-<body data-page="thinking" data-page-title="Your sky">
+     "simple" / "your thinking" leave for here from there. /goal-map keeps the
+     old standalone form: it is not in the hall chrome (yet). -->
+<body data-page="thinking" data-page-title="Your thinking" 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>
 
 <!-- The one <main> landmark the kit's a11y floor asks of every hall page
-     (one-header-main-h1). The template had none; the canvas is the page's
-     content, and the landmark wraps it with no rule of its own, so nothing
-     moves — the canvas is position: fixed. -->
-<main>
+     (one-header-main-h1). In the hall (task 1004327) it is the STAGE: the box
+     under the top bar and beside the rail that the whole sky is drawn in, and
+     the containing block every fixed layer below measures from. -->
+<main id="hall-main" class="sky-stage">
 <canvas id="sky" tabindex="0" role="img" aria-label="The sky, drawn from the ledger. Every thought and goal here is also a row in the list; press L to open it, ? to take the tour."></canvas>
-</main>
 
-<!-- The template wrote the whole top strip as the <header>. The kit's phone
-     floor (top-bar-80px) measures the page's <header>, and the strip wraps to
-     125px at 390 by the template's own rule — so the header is the BRAND (the
-     h1 and the figures) and the lens and tools stay its siblings inside the
-     same .top strip. No selector names the element, so the render is the
-     template's, pixel for pixel. -->
+<!-- The template wrote the whole top strip as the <header>; the sky's first
+     build made only the BRAND the header (the kit's top-bar-80px floor). In
+     the hall the shell's top bar is the page's header, so the brand is a
+     <div> — no selector names the element, so the render is unchanged. -->
 <div class="top">
-  <header class="brand">
+  <div class="brand">
     <h1>your sky <em id="lensWord">— your thinking</em></h1>
     <div class="stats" id="stats"></div>
-  </header>
+  </div>
   <div class="lens" role="group" aria-label="Filter" id="lensGroup">
     <button type="button" id="lensSimple" aria-pressed="false">simple</button>
     <button type="button" id="lensMine" aria-pressed="true">your thinking</button>
@@ -129,6 +143,12 @@
     <div class="alt" id="alt"></div>
   </div>
 </footer>
+</main>
+  </div>
+</div>
+
+<script src="/builders/shell.js?v=2026-09-27-fullscreen"></script>
+<script src="/builders/palette.js" defer></script>
 
 <script src="/builders/idea-objects.js?v=2026-09-25-sky4"></script>
 <script src="/builders/sky-data.js?v=2026-09-25-sky4"></script>

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

@@ -1,9 +1,8 @@
 {
-  "_": "THE SKY (task 1004231 / sky part 3 of 5, goal 1000095; ADR 0331) through modules/ui-design/kit/render.js. The page draws GET /sky + GET /sky/mine; against the kit's own stub neither exists, so every state below renders the EMPTY sky — a real state the floors must hold in (the composer, the tour, the list drawer and the lenses all exist with no thought filed). To look at the populated sky, run it against the hall-preview harness, whose sky.json + sky__mine.json fixtures carry the wells and one of each of the five objects:\n\n  node scripts/hall-preview/server.js --port 4615 --fixture-me\n  node modules/ui-design/kit/render.js --states modules/hall-ui/public/thinking.states.json --base-in http://localhost:4615 --base-out http://localhost:4615\n\nThe tour opens by itself on a first visit (sky-tour-seen), so states that want the bare sky skip it first.",
+  "_": "THE SKY (task 1004231 / sky part 3 of 5, goal 1000095; ADR 0331) through modules/ui-design/kit/render.js. The page draws GET /sky + GET /sky/mine; against the kit's own stub neither exists, so every state below renders the EMPTY sky — a real state the floors must hold in (the composer, the tour, the list drawer and the lenses all exist with no thought filed). To look at the populated sky, run it against the hall-preview harness, whose sky.json + sky__mine.json fixtures carry the wells and one of each of the five objects:\n\n  node scripts/hall-preview/server.js --port 4615 --fixture-me\n  node modules/ui-design/kit/render.js --states modules/hall-ui/public/thinking.states.json --base-in http://localhost:4615 --base-out http://localhost:4615\n\nThe tour opens by itself on a first visit (sky-tour-seen), so states that want the bare sky skip it first.\n\nIN THE HALL (task 1004327): the page sits in the hall chrome, so it renders in BOTH modes — the chrome follows the hall theme and the sky's stage stays the void in both. The full-* states press the shell's full-screen switch: the sidebar and the top bar leave, and the one button that brings them back floats top right.",
   "page": "/builders/thinking",
   "surface": "hall-ui",
   "stub": { "prefix": "/builders/" },
-  "modes": ["dark"],
   "modeQuery": false,
   "ignoreRequests": ["/api/(gds|bongos)/", "fonts\\.g(oogleapis|static)\\.com"],
   "ignoreConsole": ["/api/(gds|bongos)/", "\\b401\\b", "\\b404\\b", "Unauthorized", "Not Found", "load failed", "fonts\\.g(oogleapis|static)\\.com"],
@@ -38,6 +37,24 @@
       "actions": [["wait", 1200], ["clickIfVisible", "#tourSkip"], ["wait", 200], ["fill", "#thought", "a thought about the sky"], ["wait", 600]],
       "expect": { "visible": ["#composerWrap", "#gravity"] }
     },
+    "full": {
+      "auth": true,
+      "_": "Full screen: the shell's switch pressed — the sky fills the window, and one button brings the chrome back.",
+      "actions": [["wait", 1200], ["clickIfVisible", "#tourSkip"], ["wait", 200], ["click", "#fullscreen-toggle"], ["wait", 400]],
+      "expect": { "visible": ["#sky", "#composerWrap", "#fullscreen-toggle"], "hidden": ["#app-sidebar", "#topbar-title"], "attr": [["#fullscreen-toggle", "aria-pressed", "true"]] }
+    },
+    "full-list": {
+      "auth": true,
+      "_": "Full screen with the list drawer open (L).",
+      "actions": [["wait", 1200], ["clickIfVisible", "#tourSkip"], ["wait", 200], ["click", "#fullscreen-toggle"], ["wait", 300], ["press", "l"], ["wait", 300]],
+      "expect": { "visible": ["#room", "#fullscreen-toggle"], "hidden": ["#app-sidebar"] }
+    },
+    "full-back": {
+      "auth": true,
+      "_": "Escape leaves full screen, and the chrome is back.",
+      "actions": [["wait", 1200], ["clickIfVisible", "#tourSkip"], ["wait", 200], ["click", "#fullscreen-toggle"], ["wait", 300], ["focus", "#sky"], ["press", "Escape"], ["wait", 400]],
+      "expect": { "visible": ["#app-sidebar", "#topbar-title"], "attr": [["#fullscreen-toggle", "aria-pressed", "false"]] }
+    },
     "out": { "auth": false, "actions": [["wait", 600]] }
   },
   "reducedMotion": { "auth": true, "actions": [["wait", 1200], ["clickIfVisible", "#tourSkip"], ["wait", 200]] }

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

@@ -162,7 +162,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-09-26-nopeople"></script>
+<script src="/builders/shell.js?v=2026-09-27-fullscreen"></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 watch.js, which pulls from it. -->

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

@@ -171,7 +171,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-09-26-nopeople"></script>
+<script src="/builders/shell.js?v=2026-09-27-fullscreen"></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 FIRST so work.js can pull from it. -->

package/modules/hall-ui/records/sky.md

@@ -21,3 +21,12 @@ Pinned by `tests/hall_sky.mjs` (31 cases: the reads, the five objects, the two c
 - **THE LEDGER DRAWER IS THE ACCESSIBLE PATH** — the old goal map's table, kept (ADR 0227 §11): `L` opens it; every goal is a row that counts both directions of its dependencies ("waits on N · waited on by N") and the panel names them as doors; the filters are alive / wells / settled / collapsed / with routes. Every drawn thing is a row, one key away — spec decision 11's surviving rule.
 - **ADR 0227 §1's refusal stands.** Tasks resolve onto their rings only inside ONE well past the zoom threshold (dust density on the rings below it), never for every goal at once — at the whole-sky fit no task is a body — and there is no "show every task" control anywhere on the page or in the shuttle menu. `tests/goal_map_page.mjs` pins both, plus the nav slot, the two doors, the wells, alive, the routes, the menu, explore, "my ideas", the ledger, the clock, the bands, the tour and a hostile title.
 - **Same tier, same gates as `/thinking`.** `requireBuilderPage` (the tier the map sat on); no hall chrome (`STANDALONE_EXEMPT` in `tests/hall_audit.mjs`); `goal-map.states.json` renders the EMPTY sky against the kit stub like `thinking.states.json`, and the populated sky against the harness (`sky.json` + `sky__mine.json`). `goal-forest-*` (the per-goal forest on the goal detail page) is untouched.
+
+## In the hall, with a full-screen switch (task 1004327, BV2.TW20)
+
+**Owner decision 2026-09-27: `/thinking` and the studio sit in the hall chrome, and each has one switch that hides it.** `/goal-map` keeps its standalone form (TW21 reshapes it next). What this settled:
+- **The switch is the shell's, not a page's.** A page opts in with `<body data-fullscreen-switch>`; `shell.js` renders `#fullscreen-toggle` as the LAST top-bar control and keeps the state on `html[data-fullscreen="on"]` (the `data-theme` / `data-social` pattern). It is remembered PER PAGE (`hall-fullscreen:<data-page>` in localStorage, try/catch), and Escape leaves — unless the page used that press (it calls `preventDefault`: the sky's tour, menu and pick do) or the focus is in a text field. `tests/hall_fullscreen.mjs` boots the real shell and drives click, reload and Escape.
+- **Full screen collapses the top bar, it does not remove it.** The sidebar, scrim and foot go; the top bar shrinks to its one button, floating top right where it already sat. That keeps exactly one shown `<header>` in both states (the kit's one-header-main-h1 floor) — which is also why the sky's brand and the studio's head are `<div>`s now.
+- **The sky is drawn on a STAGE.** Everything the sky owns lives in `main.sky-stage`, fixed under the top bar and beside the 64px rail (the whole window in full screen, no rail under 768). `contain: layout paint` makes the stage the containing block of every fixed layer, so the template's fixed layout is untouched and simply measures from the stage; its four viewport units became `%` of that box (the same number on `/goal-map`). `SKY.viewport()` gives the canvas its size and the pointer its offset (`S.OX` / `S.OY`), and a `ResizeObserver` re-measures when the switch changes the box without the window resizing.
+- **The sky's palette lives on the stage, not the body, on `/thinking`** — so the chrome around it keeps the hall's own light and dark. `style.css` now loads under `thinking.css`, and the handful of hall rules whose names the template also uses (`.skip`, `.filters`, `.foot`, `:focus-visible`, text inputs, `* { box-sizing }`) are reset under `:where(.sky-stage)` at the same specificity, before the sky's own rules. The sky's global rules are `:where()`-scoped for the same reason, which leaves `/goal-map` byte-for-byte in its old cascade.
+- **Both pages render in both modes now.** The chrome follows the hall theme; the sky's stage is the void in both. The `full` and `full-back` states in both states files (and `full-list` in the sky's) press the switch.

package/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@bongos/core",
-  "version": "1.19.1051",
+  "version": "1.19.1052",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@bongos/core",
-      "version": "1.19.1051",
+      "version": "1.19.1052",
       "license": "AGPL-3.0-or-later",
       "dependencies": {
         "express": "^4.21.2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bongos/core",
-  "version": "1.19.1051",
+  "version": "1.19.1052",
   "description": "Cloud Bongos — the AI-first build platform core (GDS + platform surfaces + module system), installed as a versioned dependency (ADR 0108).",
   "license": "AGPL-3.0-or-later",
   "main": "src/platform-server.js",

package/release-notes.json

@@ -7607,5 +7607,11 @@
       "id": "1004312",
       "text": "Tweak Mode is planned and queued. An artist will take a whole page of the site from one calm studio, rewrite every word of it as a document (or offline in Word, uploaded back), and approve the finished page before it goes live"
     }
+  ],
+  "1.19.1052": [
+    {
+      "id": "1004327",
+      "text": "The studio and Your thinking now sit inside the builders hall like every other page, with the sidebar and the top bar around them. Each has one new button in the top-right corner that goes full screen: the sidebar and top bar"
+    }
   ]
 }

package/src/module-api.js

@@ -71,7 +71,7 @@ const { responsibilityFor, ROLE_RESPONSIBILITIES } = require('./role-responsibil
 // there. scripts/gds/bump-version.js still rewrites the literal below; it appends
 // the entry to that file. Look for a version's history there, not here.
 // ---------------------------------------------------------------------------
-const CORE_VERSION = '1.19.1051'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
+const CORE_VERSION = '1.19.1052'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
 
 // A namespaced logger so a module's log lines are attributable + consistent.
 // Usage: const log = api.logger('dev-box'); log.info('mounted');

package/tests/goal_map_page.mjs

@@ -401,12 +401,14 @@ await test('the page is the sky\'s own surface — the same sheet and the same s
   assert.match(html, /<body data-page="goal-map" data-page-title="The sky" data-sky-lens="all">/);
   assert.match(html, /<title>The sky — \{\{worldName\}\}<\/title>/);
   assert.match(html, /<h1>the sky <em id="lensWord">— the whole project<\/em><\/h1>/, 'the h1 is in static markup, so every state has one');
-  assert.equal(/shell\.js|style\.css/.test(html), false, 'no hall chrome, like /thinking');
+  assert.equal(/shell\.js|style\.css/.test(html), false, 'no hall chrome yet — /thinking joined it (task 1004327), the project sky did not');
   const scripts = (h) => [...h.matchAll(/<script src="\/builders\/([^"?]+)\?v=([^"]+)"/g)].map((m) => [m[1], m[2]]);
   assert.deepEqual(scripts(html).map((s) => s[0]), ['idea-objects.js', 'sky-data.js', 'sky-layout.js', 'sky-draw.js', 'sky-interaction.js', 'sky-panel.js', 'sky-composer.js', 'sky-tour.js']);
-  assert.deepEqual(scripts(html), scripts(thinking), 'the two doors load the same files at the same stamp');
+  // /thinking also loads the shell (task 1004327); the SKY's files are the same.
+  const skyScripts = (h) => scripts(h).filter((s) => s[0] !== 'shell.js');
+  assert.deepEqual(skyScripts(html), skyScripts(thinking), 'the two doors load the same sky files at the same stamp');
   assert.equal(html.match(/thinking\.css\?v=([^"]+)/)[1], thinking.match(/thinking\.css\?v=([^"]+)/)[1]);
-  assert.match(read('thinking.css'), /body\[data-page="thinking"\], body\[data-page="goal-map"\] \{/, 'the sheet names both bodies');
+  assert.match(read('thinking.css'), /body\[data-page="goal-map"\], body\[data-page="thinking"\] \.sky-stage \{/, 'the sheet names both doors: the project sky\'s body, and the stage /thinking draws in inside the hall');
   for (const f of ['goal-map.css', 'goal-map.js', 'goal-map-lib.js']) assert.equal(fs.existsSync(path.join(HALL, f)), false, `${f} is retired`);
   assert.equal(fs.existsSync(path.join(ROOT, 'tests/goal_map_lib.mjs')), false, 'and so is the lib\'s test');
   assert.equal(/goal-map-lib|goal-map\.js|goal-map\.css/.test(html), false);

package/tests/hall_audit.mjs

@@ -362,8 +362,9 @@ test('the module doc still records where the 2179 density pass landed', () => {
 // private copy of the hall's, it is a different surface's own, pinned by
 // tests/hall_sky.mjs against the template. It still stamps the branding token
 // and the pack's font links like every hall page (the server injects them).
+// /thinking left this list in task 1004327 (owner decision 2026-09-27): it sits
+// in the hall chrome now, with the shell's full-screen switch to hide it.
 const STANDALONE_EXEMPT = {
-  'thinking.html': 'the sky (task 1004231, ADR 0331) — the design of record is its own surface, not the hall chrome',
   'goal-map.html': 'the project sky (task 1004232) — the same surface as thinking.html, opened in its whole-project lens',
 };