@bongos/core 1.24.40 → 1.24.42

package/modules/hall-ui/public/setup-gate.js

@@ -0,0 +1,156 @@
+// modules/hall-ui/public/setup-gate.js — the setup flow a new builder finishes once (task 1005076).
+//
+// THE SERVER DECIDES, THIS ONLY DRAWS. GET /me carries `onboarding.setup`
+// ({ complete, steps[] }, modules/onboarding/onboarding-state.js setupForApi). While
+// `complete` is false the hall is held behind this one screen on every page: the steps
+// in order, each ticking itself from a signal the server records (a linked machine, a
+// chosen role, /builder-start run from Claude). Once complete the builder is in for
+// good: the screen never draws again, and Home carries no setup banner (owner,
+// 2026-11-05: "once they're in, they're in").
+//
+// Its own file, loaded by shell.js only when setup is not complete (the core-move-notice.js
+// way): shell.js sits at the 1500-line ratchet, and a set-up builder never pays for it.
+// The role step saves through PATCH /me/disciplines, the route Settings' preferred roles use.
+
+(function () {
+  'use strict';
+
+  var POLL_MS = 8000;
+  var el = null, timer = null, api = null, state = null, picked = [], repo = null;
+
+  function esc(s) { return window.OTB.escapeHtml(s); }
+
+  var CHECK = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12.5l4.5 4.5L19 7.5" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>';
+
+  function stepDetail(step) {
+    if (step.id === 'cli_setup') {
+      // This project's own repository (GET /instance), never a hardcoded one (ADR 0062 §3).
+      var getCode = repo
+        ? '<pre class="setup-gate__code">git clone ' + esc(repo.url) + '.git\ncd ' + esc(repo.repo) + '\nnpm install\nnpx bongos setup</pre>'
+        : '';
+      return '<ol class="setup-gate__how">' +
+        '<li>Install <a href="https://nodejs.org" target="_blank" rel="noopener">Node</a> (version 22 or newer) and ' +
+          '<a href="https://claude.com/download" target="_blank" rel="noopener">Claude</a> (the desktop app, or Claude Code in a terminal).</li>' +
+        '<li>Clone the project to your machine and run <code>npm install</code> in it.' + (repo ? '' : ' The project’s README says where it lives.') + '</li>' +
+        '<li>In the project folder, run <code>npx bongos setup</code> and sign in when it asks.</li>' +
+        '</ol>' + getCode;
+    }
+    if (step.id === 'pick_disciplines') {
+      var crafts = window.OTB.disciplines();
+      return '<div class="setup-gate__crafts" role="group" aria-label="' + esc(window.OTB.roleAxisLabel()) + '">' +
+        crafts.map(function (c) {
+          var on = picked.indexOf(c) !== -1;
+          return '<button type="button" class="setup-gate__craft" data-craft="' + esc(c) + '" aria-pressed="' + on + '">' + esc(window.OTB.roleLabel(c)) + '</button>';
+        }).join('') +
+        '</div>' +
+        '<button type="button" class="setup-gate__save" data-save-crafts' + (picked.length ? '' : ' disabled') + '>Save my role</button>' +
+        '<p class="setup-gate__err" data-craft-err hidden></p>';
+    }
+    if (step.id === 'first_start') {
+      return '<p class="setup-gate__hint">In Claude, open the project folder and type <code>/builder-start</code>.</p>';
+    }
+    return '';
+  }
+
+  function render() {
+    if (!el || !state) return;
+    var steps = state.steps || [];
+    var current = steps.filter(function (s) { return !s.cleared; })[0] || null;
+    var done = steps.filter(function (s) { return s.cleared; }).length;
+    el.querySelector('.setup-gate__count').textContent = done + ' of ' + steps.length + ' done';
+    el.querySelector('.setup-gate__steps').innerHTML = steps.map(function (s, i) {
+      var isCurrent = current && s.id === current.id;
+      var cls = 'setup-gate__step' + (s.cleared ? ' is-done' : '') + (isCurrent ? ' is-current' : '');
+      return '<li class="' + cls + '"' + (isCurrent ? ' aria-current="step"' : '') + '>' +
+        '<span class="setup-gate__mark">' + (s.cleared ? CHECK : String(i + 1)) + '</span>' +
+        '<div class="setup-gate__body">' +
+          '<h3 class="setup-gate__label">' + esc(s.label) + '</h3>' +
+          (isCurrent ? '<p class="setup-gate__hint">' + esc(s.hint) + '</p>' + stepDetail(s) : '') +
+        '</div></li>';
+    }).join('');
+  }
+
+  function check() {
+    return api.request('GET', '/api/bongos/me').then(function (res) {
+      var setup = res && res.ok && res.data && res.data.onboarding && res.data.onboarding.setup;
+      if (!setup) return;
+      if (setup.complete) { finish(); return; }
+      state = setup;
+      if (!el.contains(document.activeElement) || !document.activeElement.closest('.setup-gate__step.is-current')) render();
+    }, function () { /* offline a moment: keep the screen, try again */ });
+  }
+
+  function saveCrafts(btn) {
+    var err = el.querySelector('[data-craft-err]');
+    btn.disabled = true;
+    api.request('PATCH', '/api/bongos/me/disciplines', { body: { preferred_disciplines: picked.slice() } }).then(function (res) {
+      if (res && res.ok) { check(); return; }
+      btn.disabled = false;
+      if (err) { err.textContent = 'That did not save. Try again.'; err.hidden = false; }
+    }, function () {
+      btn.disabled = false;
+      if (err) { err.textContent = 'That did not save. Check your connection and try again.'; err.hidden = false; }
+    });
+  }
+
+  function onClick(e) {
+    var craft = e.target.closest('[data-craft]');
+    if (craft) {
+      var id = craft.getAttribute('data-craft');
+      var at = picked.indexOf(id);
+      if (at === -1) picked.push(id); else picked.splice(at, 1);
+      craft.setAttribute('aria-pressed', String(at === -1));
+      var save = el.querySelector('[data-save-crafts]');
+      if (save) save.disabled = !picked.length;
+      return;
+    }
+    var save2 = e.target.closest('[data-save-crafts]');
+    if (save2) saveCrafts(save2);
+  }
+
+  function finish() {
+    if (timer) { clearInterval(timer); timer = null; }
+    if (el) el.remove();
+    el = null;
+    document.documentElement.classList.remove('setup-gate-open');
+    window.location.reload();
+  }
+
+  /** Hold the hall behind the setup screen. `setup` is /me's onboarding.setup; `opts.api` the shell's client. */
+  function show(setup, opts) {
+    if (!setup || setup.complete) return;
+    api = opts && opts.api;
+    state = setup;
+    if (el) { render(); return; }
+    var name = opts && opts.builder && (opts.builder.display_name || opts.builder.github_login);
+    el = document.createElement('div');
+    el.className = 'setup-gate';
+    el.id = 'setup-gate';
+    el.setAttribute('role', 'dialog');
+    el.setAttribute('aria-modal', 'true');
+    el.setAttribute('aria-labelledby', 'setup-gate-h');
+    el.innerHTML =
+      '<div class="setup-gate__panel">' +
+        '<p class="setup-gate__count" aria-live="polite"></p>' +
+        '<h2 class="setup-gate__title" id="setup-gate-h">' + (name ? 'Welcome, ' + esc(name) + '. ' : '') + 'Let’s get you set up</h2>' +
+        '<p class="setup-gate__lede">Finish these steps once and you’re in. Each one ticks itself as you go.</p>' +
+        '<ol class="setup-gate__steps"></ol>' +
+        '<p class="setup-gate__foot"><a href="/api/bongos/auth/logout" id="setup-gate-signout">Sign out</a></p>' +
+      '</div>';
+    el.addEventListener('click', onClick);
+    document.body.appendChild(el);
+    document.documentElement.classList.add('setup-gate-open');
+    render();
+    var h = document.getElementById('setup-gate-h');
+    if (h) { h.setAttribute('tabindex', '-1'); h.focus(); }
+    if (api) {
+      timer = setInterval(check, POLL_MS);
+      api.request('GET', '/api/bongos/instance').then(function (res) {
+        var r = res && res.ok && res.data && res.data.repo;
+        if (r && !r.error && r.url) { repo = r; render(); }
+      }, function () { /* no repo coords: the README line stands in */ });
+    }
+  }
+
+  window.OTBSetupGate = { show: show };
+})();

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

@@ -356,8 +356,7 @@
       // Metic+ oversight could not honestly hold it. Everything below IS a rank
       // surface, so this group's gate and audience are unchanged.
       { id: 'watch', label: 'Watch', icon: 'watch', href: '/watch', gate: 'government', position: true },
-      { id: 'gate', label: 'Autobongos', icon: 'gate', href: '/gate', gate: 'government', position: true }, // task 1004859: the runner panel; URL kept for bookmarks
-      { id: 'sessions', label: 'Sessions', icon: 'sessions', href: '/sessions', gate: 'government', position: true },
+      // task 1005049: Sessions and Autobongos (/gate) are tabs on Watch; both URLs redirect there.
       // The project's own fundamentals (task 1003280, goal 1000072). Mirrors the
       // server's requireGovernmentPage floor; cosmetic only, as every item here is.
       { id: 'project-settings', label: 'Project settings', icon: 'settings', href: '/project-settings', gate: 'government', position: true },
@@ -805,6 +804,16 @@
     }
     if (data && data.moved) renderCoreMoveNotice(data.moved); // task 1004731: loads core-move-notice.js, which draws it
   }
+  // task 1005076: a builder whose setup is not complete sees only the setup screen (setup-gate.js),
+  // loaded once: applyAccess runs again before the first load lands, and a second copy drew a second screen.
+  var setupGateLoading = false;
+  function holdForSetup(builder) {
+    if (access.authed !== true || !access.setup || access.setup.complete !== false) return false;
+    var go = function () { if (window.OTBSetupGate) window.OTBSetupGate.show(access.setup, { api: api, builder: builder }); };
+    if (window.OTBSetupGate) go();
+    else if (!setupGateLoading) { setupGateLoading = true; loadHallScript('setup-gate.js', go); }
+    return true;
+  }
   // One hall script on demand, stamped with the shell's own ?v= (task 1004996 made it one helper).
   function loadHallScript(file, onload, onerror) {
     var head = document.head, tag = head && head.appendChild && document.createElement ? document.createElement('script') : null;
@@ -1137,6 +1146,8 @@
       if ('founding' in state) {
         access.founding = (state.founding && typeof state.founding === 'object') ? state.founding : null;
       }
+      // task 1005076: /me's onboarding.setup; incomplete holds the hall behind setup-gate.js.
+      if ('setup' in state) access.setup = (state.setup && typeof state.setup === 'object') ? state.setup : null;
       if (state.builder) { renderUser(state.builder); applyCraftEmphasis(state.builder); }
       // task 1004713: which seats this builder holds — /me's server-resolved block.
       if (state.builder && access.authed === true) { loadPositions(state.builder, state.positions); loadGithubChip(state.builder); }
@@ -1163,7 +1174,8 @@
     // permission map, which the loop above is what the shell has just been told.
     maybeRenderCoreUpdate();
     // task 1004492: a builder with no mode yet this session is asked once — unless Home's welcome (task 1004785, welcome-boot.js) greets the day's first visit instead; it marks the picker asked.
-    if (!(window.OTBWelcome && window.OTBWelcome.onAccess(access, state && state.builder)) && CRAFT) CRAFT.onAccess(access, state && state.builder);
+    // task 1005076: neither is drawn over the setup screen; setup comes first.
+    if (!holdForSetup(state && state.builder) && !(window.OTBWelcome && window.OTBWelcome.onAccess(access, state && state.builder)) && CRAFT) CRAFT.onAccess(access, state && state.builder);
     var signin = document.getElementById('shell-signin');
     if (signin) signin.hidden = access.authed !== false;
     var user = document.getElementById('shell-user');
@@ -1407,6 +1419,8 @@
         founding: me.founding_mode || null,
         // task 1004713: the government positions this builder holds (server-resolved).
         positions: me.positions || null,
+        // task 1005076: whether setup is complete; incomplete shows setup-gate.js.
+        setup: (me.onboarding && me.onboarding.setup) || null,
         builder: me.builder,
       });
     }).catch(function () { /* cosmetic only */ });

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

@@ -230,8 +230,8 @@
 
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
-<script src="/builders/craft-mode.js?v=2026-11-05-sections"></script>
-<script src="/builders/shell.js?v=2026-11-05-sections"></script>
+<script src="/builders/craft-mode.js?v=2026-11-05-oversight"></script>
+<script src="/builders/shell.js?v=2026-11-05-setup-gate"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/gov-living.js?v=2026-10-09-positions1"></script>
 <script src="/builders/gov-feeds.js?v=2026-10-09-living3"></script>

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

@@ -224,8 +224,8 @@
 
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
-<script src="/builders/craft-mode.js?v=2026-11-05-sections"></script>
-<script src="/builders/shell.js?v=2026-11-05-sections"></script>
+<script src="/builders/craft-mode.js?v=2026-11-05-oversight"></script>
+<script src="/builders/shell.js?v=2026-11-05-setup-gate"></script>
 <script src="/builders/palette.js" defer></script>
 <!-- The kit, for its ONE renderer: the full-size ship-time visual figure
      (task 1003829), which the older reviews still show. -->

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

@@ -1356,6 +1356,88 @@ html[data-fullscreen="on"][data-fullscreen-plain="on"] .app-content { padding-to
    "ask me again" box. Each door carries its scene from the approved prototype,
    which is night-dark in either theme because every scene is a night one. */
 html.craft-picker-open { overflow: hidden; }
+/* The setup flow (setup-gate.js, task 1005076): the one screen a new builder sees until set up. */
+html.setup-gate-open { overflow: hidden; }
+.setup-gate {
+  position: fixed;
+  inset: 0;
+  z-index: calc(var(--z-modal) + 1);
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  padding: max(24px, 6vh) 16px 24px;
+  overflow-y: auto;
+  background: var(--bg);
+}
+.setup-gate__panel {
+  width: min(640px, 100%);
+  box-sizing: border-box;
+  padding: 36px 40px 28px;
+  border-radius: 22px;
+  background: var(--bg-card);
+  color: var(--ink);
+}
+.setup-gate__count { margin: 0; font-size: 13px; color: var(--ink-faint); }
+.setup-gate__title { margin: 6px 0 8px; font-family: var(--font-display); font-size: clamp(26px, 4vw, 34px); font-weight: 300; letter-spacing: -0.02em; line-height: 1.2; }
+.setup-gate__lede { margin: 0 0 24px; font-size: 16px; line-height: 1.5; color: var(--ink-soft); }
+.setup-gate__steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
+.setup-gate__step { display: flex; gap: 14px; padding: 12px 0; border-top: 1px solid var(--rule-soft); }
+.setup-gate__step:first-child { border-top: 0; }
+.setup-gate__mark {
+  flex: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border-radius: var(--radius-pill);
+  border: 1px solid var(--rule);
+  font-size: 13px;
+  color: var(--ink-soft);
+}
+.setup-gate__mark svg { width: 16px; height: 16px; }
+.setup-gate__step.is-done .setup-gate__mark { border-color: transparent; background: var(--ok-weak); color: var(--ok); }
+.setup-gate__step.is-current .setup-gate__mark { border-color: var(--accent); color: var(--ink); }
+.setup-gate__body { min-width: 0; flex: 1; }
+.setup-gate__label { margin: 4px 0 0; font-size: 16px; font-weight: 500; }
+.setup-gate__step.is-done .setup-gate__label { color: var(--ink-soft); font-weight: 400; }
+.setup-gate__hint { margin: 6px 0 0; font-size: 15px; line-height: 1.5; color: var(--ink-soft); }
+.setup-gate__how { margin: 10px 0 0; padding-left: 20px; font-size: 15px; line-height: 1.6; }
+/* The clone block is several commands, one per line: `pre` keeps the breaks on screen and in
+   copy-on-click (it copies innerText). Both axes named: the one-axis-strip rule. */
+.setup-gate__code {
+  display: block;
+  margin: 12px 0 0;
+  padding: 10px 14px;
+  border-radius: var(--radius-sm);
+  background: var(--glass);
+  font-family: var(--font-mono);
+  font-size: 13px;
+  white-space: pre;
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+.setup-gate code { font-family: var(--font-mono); font-size: 14px; padding: 1px 6px; border-radius: 6px; background: var(--glass); }
+.setup-gate__crafts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
+.setup-gate__craft,
+.setup-gate__save {
+  min-height: 36px;
+  padding: 0 16px;
+  border-radius: var(--radius-pill);
+  border: 1px solid var(--rule);
+  background: none;
+  color: var(--ink);
+  font: inherit;
+  font-size: 14px;
+  cursor: pointer;
+}
+.setup-gate__craft[aria-pressed="true"] { border-color: var(--accent); background: var(--accent-tint); }
+.setup-gate__save { margin-top: 12px; background: var(--accent); border-color: var(--accent); color: var(--accent-on); }
+.setup-gate__save:disabled { opacity: .5; cursor: default; }
+.setup-gate__err { margin: 8px 0 0; font-size: 14px; color: var(--danger); }
+.setup-gate__foot { margin: 24px 0 0; font-size: 14px; }
+.setup-gate__foot a { color: var(--ink-soft); }
+@media (max-width: 640px) { .setup-gate__panel { padding: 28px 20px 20px; border-radius: 18px; } }
 .craft-picker {
   position: fixed;
   inset: 0;
@@ -2116,8 +2198,7 @@ html.pb-editing main { padding-bottom: 180px; }
   text-align: center;
 }
 
-.pill-link,
-#welcome-reopen a {
+.pill-link {
   display: inline-flex;
   align-items: center;
   min-height: 28px;
@@ -2129,7 +2210,6 @@ html.pb-editing main { padding-bottom: 180px; }
   border-radius: var(--radius-pill);
   padding: 0 12px;
 }
-#welcome-reopen { margin: 0; }
 .pill-link:hover { color: var(--ink); text-decoration: none; border-color: var(--ink-faint); }
 
 /* ---------- stat tiles (Home) ----------
@@ -3166,119 +3246,8 @@ main [id] { scroll-margin-top: calc(var(--topbar-h) + 16px); }
 
 .curve__kinds { display: flex; flex-direction: column; gap: 6px; margin-top: 16px; }
 
-/* ---------- onboarding checklist ---------- */
-
-.onboarding-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-}
-.onboarding-item {
-  display: grid;
-  grid-template-columns: 26px minmax(0, 1fr) auto;
-  gap: 4px 12px;
-  align-items: start;
-  padding: 12px 4px;
-  border-bottom: 1px solid var(--rule-soft);
-}
-.onboarding-item:last-child { border-bottom: none; }
-.onboarding-item--placeholder { color: var(--ink-faint); }
-.onboarding-item__mark {
-  width: 22px; height: 22px;
-  border-radius: 50%;
-  border: 1.5px solid var(--border-strong);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 12px;
-  color: var(--ink-faint);
-  background: var(--surface);
-}
-.onboarding-item--cleared .onboarding-item__mark {
-  background: var(--ok);
-  border-color: var(--ok);
-  color: #fff;
-}
-.onboarding-item--current .onboarding-item__mark { border-color: var(--accent); color: var(--accent-text); }
-.onboarding-item--current { background: var(--accent-weak); border-radius: var(--radius-sm); padding-left: 10px; padding-right: 10px; border-bottom-color: transparent; }
-.onboarding-item--locked { opacity: 0.6; }
-.onboarding-item__body { min-width: 0; }
-.onboarding-item__label { font-weight: 600; font-size: 13.5px; }
-.onboarding-item--cleared .onboarding-item__label { color: var(--ink-soft); font-weight: 500; }
-.onboarding-item__hint { font-size: 12.5px; color: var(--ink-soft); margin-top: 1px; }
-.onboarding-item__detail { font-size: 12.5px; color: var(--ink-soft); margin-top: 6px; }
-.onboarding-item__detail code { background: var(--surface-2); padding: 1px 5px; border-radius: 4px; }
-.onboarding-item__action { align-self: center; }
-.onboarding-item__disc-pick { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
-.onboarding-item__disc {
-  border: 1px solid var(--border-strong);
-  background: var(--surface);
-  color: var(--ink-soft);
-  border-radius: 999px;
-  font-size: 12.5px;
-  font-weight: 500;
-  padding: 4px 12px;
-  cursor: pointer;
-}
-.onboarding-item__disc:hover { background: var(--surface-2); }
-.onboarding-item__disc--on {
-  background: var(--accent-weak);
-  color: var(--accent-text);
-  border-color: color-mix(in srgb, var(--accent) 40%, transparent);
-}
-.onboarding-item__discord { font-weight: 600; }
-
-@media (max-width: 560px) {
-  .onboarding-item { grid-template-columns: 26px minmax(0, 1fr); }
-  .onboarding-item__action { grid-column: 2; justify-self: start; }
-}
-
-/* ---------- welcome panel + setup selector ---------- */
-
-.scroll--welcome {
-  position: relative;
-  border-left: 3px solid var(--accent);
-}
-.scroll--welcome--minimized .welcome { display: none; }
-.welcome__minimize {
-  position: absolute;
-  top: 12px; right: 12px;
-  width: 26px; height: 26px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  background: var(--surface);
-  color: var(--ink-soft);
-  font-size: 14px;
-  line-height: 1;
-  cursor: pointer;
-}
-.welcome__minimize:hover { background: var(--surface-2); }
-.welcome__lede { font-size: 13.5px; color: var(--ink-soft); max-width: 70ch; }
-.welcome__unlocks { margin: 8px 0; padding-left: 18px; font-size: 13px; color: var(--ink-soft); }
-.welcome__cmd, .welcome__paste {
-  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
-  font-size: 12.5px;
-  background: var(--surface-2);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  padding: 8px 12px;
-  overflow-x: auto;
-}
-/* The get-the-code block is several commands, one per line. Without `pre` the
-   line breaks collapse on screen AND in copy-on-click (it copies innerText),
-   so a builder pasted every command onto one line. Both axes named: see the
-   one-axis-strip rule in this module's CLAUDE.md. */
-.setup__getcode .welcome__paste {
-  display: block;
-  white-space: pre;
-  overflow-y: hidden;
-}
+/* ---------- setup selector (the tab strip; .setup__tab is the kit's tab idiom) ---------- */
 
-.setup { margin-top: 12px; }
-.setup__intro { font-size: 13px; color: var(--ink-soft); }
-.setup__toggle { display: flex; border: 0; border-bottom: 1px solid var(--rule); margin: 8px 0 12px; flex-wrap: wrap; }
 /* An open tab is the live thing in the strip, so it is what the accent lights:
    a 2px underline sitting on the strip’s own hairline. */
 .setup__tab {
@@ -3366,8 +3335,7 @@ main [id] { scroll-margin-top: calc(var(--topbar-h) + 16px); }
 html[data-door="out"] .app-sidebar,
 html[data-door="out"] .app-scrim,
 html[data-door="out"] .app-topbar,
-html[data-door="out"] .app-foot,
-html[data-door="out"] #welcome-reopen { display: none; }
+html[data-door="out"] .app-foot { display: none; }
 html[data-door="out"] .app-body { margin-left: 0; }
 /* body in the selector outranks Home's own body[data-page="home"] .page-head--hall. */
 html[data-door="out"] body .page-head {

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

@@ -58,8 +58,8 @@
      time so the chrome exists before the deferred page scripts execute. -->
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
-<script src="/builders/craft-mode.js?v=2026-11-05-sections"></script>
-<script src="/builders/shell.js?v=2026-11-05-sections"></script>
+<script src="/builders/craft-mode.js?v=2026-11-05-oversight"></script>
+<script src="/builders/shell.js?v=2026-11-05-setup-gate"></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-detail.js still owns the #/idea/N and #/blocker/N deep-link overlay

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

@@ -140,8 +140,8 @@
 
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
-<script src="/builders/craft-mode.js?v=2026-11-05-sections"></script>
-<script src="/builders/shell.js?v=2026-11-05-sections"></script>
+<script src="/builders/craft-mode.js?v=2026-11-05-oversight"></script>
+<script src="/builders/shell.js?v=2026-11-05-setup-gate"></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/tweak-editor.html

@@ -144,8 +144,8 @@
 
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
-<script src="/builders/craft-mode.js?v=2026-11-05-sections"></script>
-<script src="/builders/shell.js?v=2026-11-05-sections"></script>
+<script src="/builders/craft-mode.js?v=2026-11-05-oversight"></script>
+<script src="/builders/shell.js?v=2026-11-05-setup-gate"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/brand-holes.js?v=2026-09-29-aqfix"></script>
 <script src="/builders/tweak-editor-lib.js?v=2026-09-29-tw27"></script>