@bongos/core 1.21.27 → 1.21.29

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

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

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

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

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

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

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

@@ -83,7 +83,9 @@
   </div>
 </div>
 
-<script src="/builders/shell.js?v=2026-10-02-trail"></script>
+<script src="/builders/shell-trail.js?v=2026-10-02-craft"></script>
+<script src="/builders/craft-mode.js?v=2026-10-02-craft"></script>
+<script src="/builders/shell.js?v=2026-10-02-craft"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/city-draw.js?v=2026-10-02-city1"></script>
 <script src="/builders/city.js?v=2026-10-02-city1"></script>

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

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

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

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

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

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

package/modules/hall-ui/public/craft-mode.js

@@ -0,0 +1,297 @@
+// craft-mode.js — the hall's craft mode (task 1004492, goal 1000095 WA6).
+//
+// On entering the hall (once per browser session) a picker asks "What are you
+// doing now?": Building, Artistry, Ideating, Governing, or Legacy mode. The
+// answer is ONE attribute, html[data-craft="<mode>"], that every hall page can
+// read, and a switch in the top bar changes it at any time without a reload.
+// Each change also fires `otb:craft` on document ({ detail: { mode } }).
+//
+// It is a MODE the existing hall wears, never a second hall (the founding-mode
+// precedent, docs/design/project-startup-direction.md). This task only records
+// and shows the choice; the nav, tools and colours that follow it are their own
+// tasks (1004493 onward). Legacy mode is the hall exactly as it was.
+//
+// NO MODE is the default and the fallback: a reader who closes the picker, a
+// browser whose storage throws, a page that opts out — none of them get the
+// attribute, and the hall renders as it did before craft modes existed
+// (tests/craft_mode.mjs pins it). Cosmetic only; nothing is enforced (ADR 0016).
+//
+// Loaded BEFORE shell.js on every hall page. shell.js asks for the switch's
+// markup when it draws the top bar, calls mount() once, and hands onAccess()
+// what /me said — the picker waits for a signed-in builder, so a visitor who
+// is not signed in is never asked.
+(function () {
+  'use strict';
+
+  var ICONS = {
+    building: '<path d="M2 13.5h12M3.5 13.5V8.5h4v5M7.5 13.5V4.5h5v9"/>',
+    artistry: '<path d="M8 2a6 6 0 1 0 0 12c.9 0 1.4-.6 1.4-1.3 0-.8-.6-1-.6-1.7 0-.6.5-1 1.2-1h1.6A2.4 2.4 0 0 0 14 7.6C14 4.5 11.3 2 8 2Z"/><path d="M5 6.2h.01M7.6 4.6h.01M10.4 5.2h.01M4.6 9h.01" stroke-width="2.2"/>',
+    ideating: '<path d="M6 12.5h4M6.6 14.5h2.8M8 1.8a4.2 4.2 0 0 0-2.6 7.5c.6.5 1 1.2 1 2h3.2c0-.8.4-1.5 1-2A4.2 4.2 0 0 0 8 1.8Z"/>',
+    governing: '<path d="M2 6 8 2.5 14 6M3.5 6.5v6M6.5 6.5v6M9.5 6.5v6M12.5 6.5v6M2 13.5h12"/>',
+    legacy: '<path d="M3 3.5h10v9H3z"/><path d="M3 6.5h10M6 6.5v6"/>',
+    modes: '<rect x="2.5" y="2.5" width="4.5" height="4.5" rx="1"/><rect x="9" y="2.5" width="4.5" height="4.5" rx="1"/><rect x="2.5" y="9" width="4.5" height="4.5" rx="1"/><rect x="9" y="9" width="4.5" height="4.5" rx="1"/>',
+  };
+  // The four crafts, then Legacy. `short` is the switch's label; `line` is the
+  // picker's one sentence — what you do in the mode, never a feature not built yet.
+  var MODES = [
+    { id: 'building', label: 'Building', short: 'Building', line: 'Claim tasks and ship code.' },
+    { id: 'artistry', label: 'Artistry', short: 'Artistry', line: 'Review how pages look and read.' },
+    { id: 'ideating', label: 'Ideating', short: 'Ideating', line: 'Turn thoughts into ideas.' },
+    { id: 'governing', label: 'Governing', short: 'Governing', line: 'Decide, approve and keep it healthy.' },
+    { id: 'legacy', label: 'Legacy mode', short: 'Legacy', line: 'The hall as it was: every tab, no mode tools or colour.' },
+  ];
+  var IDS = MODES.map(function (m) { return m.id; });
+  // sessionStorage: this session's mode, or that the picker was already shown.
+  var MODE_KEY = 'hall-craft';
+  var ASKED_KEY = 'hall-craft-asked';
+  // localStorage: the mode to keep when "Ask me again next session" is unticked.
+  var KEEP_KEY = 'hall-craft-keep';
+
+  function esc(s) {
+    return String(s == null ? '' : s).replace(/[&<>"']/g, function (c) {
+      return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c];
+    });
+  }
+  function icon(id, cls) {
+    return '<svg class="' + cls + '" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">' + ICONS[id] + '</svg>';
+  }
+  function valid(v) { return IDS.indexOf(v) !== -1 ? v : null; }
+  function get(store, key) { try { return window[store].getItem(key); } catch (_) { return null; } }
+  function set(store, key, v) { try { window[store].setItem(key, v); } catch (_) { /* private mode */ } }
+  function drop(store, key) { try { window[store].removeItem(key); } catch (_) { /* private mode */ } }
+  // Storage that throws cannot remember that the picker was shown, so it would ask
+  // on every page; such a browser is simply never asked (no mode is the fallback).
+  function sessionOk() {
+    try { window.sessionStorage.setItem(ASKED_KEY + ':probe', '1'); window.sessionStorage.removeItem(ASKED_KEY + ':probe'); return true; } catch (_) { return false; }
+  }
+
+  // The mode this session is in: chosen this session, else the one kept from an
+  // earlier session. null = no mode, which is the hall as it always was.
+  function read() {
+    return valid(get('sessionStorage', MODE_KEY)) || valid(get('localStorage', KEEP_KEY));
+  }
+
+  // A page can say it never wears a mode: <body data-craft-mode="off">.
+  function pageOptsOut() {
+    var b = document.body;
+    return !!(b && b.getAttribute && b.getAttribute('data-craft-mode') === 'off');
+  }
+
+  function apply(mode) {
+    var root = document.documentElement;
+    if (mode) root.dataset.craft = mode; else delete root.dataset.craft;
+    var opts = document.querySelectorAll('#craft-switch [data-craft-opt]');
+    for (var i = 0; i < opts.length; i++) {
+      var on = opts[i].getAttribute('data-craft-opt') === mode;
+      opts[i].setAttribute('aria-pressed', on ? 'true' : 'false');
+    }
+    var sw = document.getElementById('craft-switch');
+    if (sw) sw.classList.toggle('craft-switch--unset', !mode);
+    try { document.dispatchEvent(new CustomEvent('otb:craft', { detail: { mode: mode } })); } catch (_) { /* old engine */ }
+  }
+
+  // Choose a mode: this session always; across sessions only when asked to keep it.
+  function choose(mode, keep) {
+    mode = valid(mode);
+    if (!mode) return;
+    set('sessionStorage', MODE_KEY, mode);
+    set('sessionStorage', ASKED_KEY, '1');
+    if (keep === true) set('localStorage', KEEP_KEY, mode);
+    else if (keep === false) drop('localStorage', KEEP_KEY);
+    else if (get('localStorage', KEEP_KEY)) set('localStorage', KEEP_KEY, mode);
+    apply(mode);
+  }
+
+  // ---------- the header switch ----------
+  function switchHtml() {
+    if (pageOptsOut()) return '';
+    var current = read();
+    return '<div class="craft-switch' + (current ? '' : ' craft-switch--unset') + '" id="craft-switch" role="group" aria-label="Mode">' +
+      MODES.map(function (m) {
+        return '<button class="craft-switch__opt craft-switch__opt--' + m.id + '" type="button" data-craft-opt="' + m.id + '"' +
+          ' aria-pressed="' + (m.id === current ? 'true' : 'false') + '" title="' + esc(m.label + ' — ' + m.line) + '">' +
+          icon(m.id, 'craft-switch__icon') + '<span class="craft-switch__label">' + esc(m.short) + '</span></button>';
+      }).join('') +
+      // At phone width the options fold away and this one button opens the picker.
+      '<button class="craft-switch__open" type="button" data-craft-open aria-haspopup="dialog" aria-label="Choose your mode" title="Choose your mode">' +
+        icon('modes', 'craft-switch__icon') + '</button>' +
+      '</div>';
+  }
+  function narrow() {
+    return !!(window.matchMedia && window.matchMedia('(max-width: 640px)').matches);
+  }
+  function onSwitchClick(e) {
+    var btn = e.target.closest && e.target.closest('button');
+    if (!btn) return;
+    if (btn.hasAttribute('data-craft-open')) { openPicker(); return; }
+    var mode = btn.getAttribute('data-craft-opt');
+    // At phone width only the current mode shows; tapping it opens the full picker.
+    if (narrow() && btn.getAttribute('aria-pressed') === 'true') { openPicker(); return; }
+    choose(mode);
+  }
+
+  // ---------- the picker ----------
+  var picker = null, returnFocus = null;
+  // Each door's little scene, drawn from the approved prototype: the work desk,
+  // the night room, the sky of ideas, the governor city. Fixed positions (a
+  // seeded walk), so every visit draws the same picture. Decorative only.
+  function seeded(seed) {
+    return function () { seed = (seed * 9301 + 49297) % 233280; return seed / 233280; };
+  }
+  function dot(x, y, r, style, kind) {
+    return '<span class="craft-art__dot craft-art__dot--' + kind + '" style="left:' + x + 'px;top:' + y + 'px;width:' + r + 'px;height:' + r + 'px;' + (style || '') + '"></span>';
+  }
+  function cityPaths() {
+    var TW = 26, TH = 13, OX = 150, OY = 30, S = 0.5, out = '';
+    var P = function (x, y, z) { return [OX + (x - y) * TW / 2, OY + (x + y) * TH / 2 - (z || 0) * S]; };
+    var poly = function (pts) { return 'M' + pts.map(function (p) { return Math.round(p[0] * 10) / 10 + ' ' + Math.round(p[1] * 10) / 10; }).join('L') + 'Z'; };
+    var T = ['#25252a', '#18181c', '#3b3b41', 'rgba(255,255,255,.14)'];
+    var G = ['rgba(120,140,230,.17)', 'rgba(100,120,210,.12)', 'rgba(150,170,255,.22)', 'rgba(170,190,255,.42)'];
+    var face = function (pts, fill, stroke) { out += '<path d="' + poly(pts) + '" fill="' + fill + '" stroke="' + stroke + '"/>'; };
+    var box = function (x0, y0, x1, y1, z0, h, t) {
+      var z1 = z0 + h;
+      face([P(x0, y1, z1), P(x1, y1, z1), P(x1, y1, z0), P(x0, y1, z0)], t[0], t[3]);
+      face([P(x1, y1, z1), P(x1, y0, z1), P(x1, y0, z0), P(x1, y1, z0)], t[1], t[3]);
+      face([P(x0, y0, z1), P(x1, y0, z1), P(x1, y1, z1), P(x0, y1, z1)], t[2], t[3]);
+    };
+    face([P(0, 0), P(6, 0), P(6, 6), P(0, 6)], 'rgba(255,255,255,.03)', 'rgba(255,255,255,.12)');
+    box(0.4, 0.4, 1.6, 1.6, 0, 30, T); box(2.3, 0.3, 3.7, 1.5, 0, 22, T); box(4.3, 0.4, 5.6, 1.6, 0, 40, T);
+    box(0.4, 2.4, 1.6, 3.6, 0, 18, T); box(2.4, 2.4, 3.6, 3.6, 0, 70, T); box(2.65, 2.65, 3.35, 3.35, 70, 26, G);
+    box(4.4, 2.4, 5.6, 3.6, 0, 26, G); box(0.4, 4.4, 1.6, 5.6, 0, 34, T);
+    return out;
+  }
+  function artHtml(id) {
+    var html = '', rnd, i;
+    if (id === 'building') {
+      html = '<span class="craft-art__bar" style="left:20px;top:22px;width:110px"></span>' +
+        '<span class="craft-art__bar craft-art__bar--dim" style="left:20px;top:42px;width:150px"></span>' +
+        '<span class="craft-art__pill" style="left:20px;top:68px"></span><span class="craft-art__card"></span>';
+    } else if (id === 'artistry') {
+      rnd = seeded(7);
+      for (i = 0; i < 14; i++) html += dot(Math.round(rnd() * 250), Math.round(rnd() * 66), rnd() > 0.8 ? 2 : 1, 'opacity:' + (0.4 + rnd() * 0.6).toFixed(2), 'star');
+      html += '<span class="craft-art__moon"></span><span class="craft-art__ground"></span>' +
+        '<span class="craft-art__house" style="left:24px;height:54px;width:26px"></span><span class="craft-art__house" style="left:60px;height:44px;width:34px"></span>' +
+        dot(32, 66, 3, '', 'lit') + dot(70, 72, 3, '', 'lit');
+    } else if (id === 'ideating') {
+      rnd = seeded(11);
+      html = '<span class="craft-art__ring"></span>';
+      for (i = 0; i < 18; i++) {
+        var proto = rnd() > 0.7, r = proto ? 6 : (rnd() > 0.75 ? 5 : 2);
+        html += dot(Math.round(rnd() * 260), Math.round(6 + rnd() * 90), r, '', proto ? 'proto' : (r > 3 ? 'glow' : 'gold'));
+      }
+    } else if (id === 'governing') {
+      html = '<svg class="craft-art__city" viewBox="0 0 300 110" aria-hidden="true">' + cityPaths() + '</svg>';
+    }
+    return '<span class="craft-art craft-art--' + id + '" aria-hidden="true">' + html + '</span>';
+  }
+  function pickerHtml(preselect) {
+    var doors = MODES.filter(function (m) { return m.id !== 'legacy'; }).map(function (m) {
+      return '<button class="craft-door craft-door--' + m.id + (m.id === preselect ? ' craft-door--pre' : '') + '" type="button" data-craft-pick="' + m.id + '">' +
+        artHtml(m.id) +
+        '<span class="craft-door__head">' + icon(m.id, 'craft-door__icon') + '<span class="craft-door__name">' + esc(m.label) + '</span></span>' +
+        '<span class="craft-door__line">' + esc(m.line) + '</span></button>';
+    }).join('');
+    var legacy = MODES[MODES.length - 1];
+    return '<div class="craft-picker__panel" role="dialog" aria-modal="true" aria-labelledby="craft-picker-title" aria-describedby="craft-picker-lede">' +
+      '<button class="craft-picker__close" type="button" data-craft-close aria-label="Close without choosing">' +
+        '<svg viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" aria-hidden="true"><path d="M5 5l8 8M13 5l-8 8"/></svg></button>' +
+      '<p class="craft-picker__eyebrow">Builders hall · this session</p>' +
+      '<h2 class="craft-picker__title" id="craft-picker-title">What are you doing now?</h2>' +
+      '<p class="craft-picker__lede" id="craft-picker-lede">Pick one. You can switch any time from the top bar.</p>' +
+      '<div class="craft-picker__doors">' + doors + '</div>' +
+      '<div class="craft-picker__foot">' +
+        '<label class="craft-picker__again"><input type="checkbox" data-craft-again checked> Ask me again next session</label>' +
+        '<span class="craft-picker__side">' +
+          (preselect === 'artistry' ? '<span class="craft-picker__hint">Artists start on Artistry.</span>' : '') +
+          '<button class="craft-picker__legacy" type="button" data-craft-pick="legacy" title="' + esc(legacy.line) + '">Legacy mode · the hall as it was</button>' +
+        '</span>' +
+      '</div>' +
+    '</div>';
+  }
+  function focusables() {
+    return picker ? Array.prototype.slice.call(picker.querySelectorAll('button, input')) : [];
+  }
+  function onPickerKey(e) {
+    if (!picker) return;
+    if (e.key === 'Escape') { e.preventDefault(); closePicker(); return; }
+    if (e.key !== 'Tab') return;
+    var f = focusables();
+    if (!f.length) return;
+    var first = f[0], last = f[f.length - 1];
+    if (e.shiftKey && document.activeElement === first) { e.preventDefault(); last.focus(); }
+    else if (!e.shiftKey && document.activeElement === last) { e.preventDefault(); first.focus(); }
+  }
+  function onPickerClick(e) {
+    if (e.target === picker) { closePicker(); return; }
+    var btn = e.target.closest && e.target.closest('button');
+    if (!btn) return;
+    if (btn.hasAttribute('data-craft-close')) { closePicker(); return; }
+    var mode = btn.getAttribute('data-craft-pick');
+    if (!mode) return;
+    var again = picker.querySelector('[data-craft-again]');
+    choose(mode, !(again && again.checked));
+    closePicker();
+  }
+  function openPicker(preselect) {
+    if (picker || pageOptsOut() || !document.body) return;
+    set('sessionStorage', ASKED_KEY, '1');
+    returnFocus = document.activeElement;
+    picker = document.createElement('div');
+    picker.className = 'craft-picker';
+    picker.id = 'craft-picker';
+    picker.innerHTML = pickerHtml(valid(preselect) || read());
+    picker.addEventListener('click', onPickerClick);
+    document.addEventListener('keydown', onPickerKey, true);
+    document.body.appendChild(picker);
+    document.documentElement.classList.add('craft-picker-open');
+    // Focus the pre-selected door; with none, the close button, so no door looks chosen.
+    var pre = picker.querySelector('.craft-door--pre') || picker.querySelector('[data-craft-close]');
+    if (pre && pre.focus) pre.focus();
+  }
+  // Closing without choosing leaves the mode as it was: no mode is the hall as today.
+  function closePicker() {
+    if (!picker) return;
+    document.removeEventListener('keydown', onPickerKey, true);
+    if (picker.parentNode) picker.parentNode.removeChild(picker);
+    picker = null;
+    document.documentElement.classList.remove('craft-picker-open');
+    if (returnFocus && returnFocus.focus) { try { returnFocus.focus(); } catch (_) { /* gone */ } }
+    returnFocus = null;
+  }
+
+  // Artistry is the pre-selection for a builder whose main role is artist.
+  function preselectFor(builder) {
+    if (!builder) return null;
+    var main = builder.main_discipline;
+    var crafts = Array.isArray(builder.preferred_disciplines) ? builder.preferred_disciplines : [];
+    return (main === 'artist' || (!main && crafts[0] === 'artist')) ? 'artistry' : null;
+  }
+
+  // ---------- the shell's three calls ----------
+  var mounted = false;
+  function mount() {
+    if (pageOptsOut()) return;
+    apply(read());
+    if (mounted) return;
+    mounted = true;
+    var sw = document.getElementById('craft-switch');
+    if (sw) sw.addEventListener('click', onSwitchClick);
+  }
+  // Once a signed-in builder is known, ask — unless this session already has a
+  // mode, already saw the picker, or the page opts out.
+  function onAccess(access, builder) {
+    if (!access || access.authed !== true || !builder || pageOptsOut() || !sessionOk()) return;
+    if (read() || get('sessionStorage', ASKED_KEY)) return;
+    openPicker(preselectFor(builder));
+  }
+
+  window.OTBCraftMode = {
+    MODES: IDS.slice(),
+    current: read,
+    choose: choose,
+    open: openPicker,
+    switchHtml: switchHtml,
+    mount: mount,
+    onAccess: onAccess,
+  };
+})();

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

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

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

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

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

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

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

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

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

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

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

@@ -137,7 +137,9 @@
   </div>
 </div>
 
-<script src="/builders/shell.js?v=2026-10-02-trail"></script>
+<script src="/builders/shell-trail.js?v=2026-10-02-craft"></script>
+<script src="/builders/craft-mode.js?v=2026-10-02-craft"></script>
+<script src="/builders/shell.js?v=2026-10-02-craft"></script>
 <script src="/builders/palette.js" defer></script>
 
 <script src="/builders/idea-objects.js?v=2026-09-27-split"></script>

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

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

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

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

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

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

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

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

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

@@ -106,7 +106,9 @@
 <script src="/builders/brand-apply.js?v=2026-06-27-r75" defer></script>
 <!-- The app shell (sidebar + top bar + view router). Dependency-free; loaded
      BEFORE builders.js so the chrome ids exist when events are wired. -->
-<script src="/builders/shell.js?v=2026-10-02-trail" defer></script>
+<script src="/builders/shell-trail.js?v=2026-10-02-craft" defer></script>
+<script src="/builders/craft-mode.js?v=2026-10-02-craft" defer></script>
+<script src="/builders/shell.js?v=2026-10-02-craft" defer></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- task 2166: the shared component kit (window.OTBKit) — pager/ledger/rail.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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