@bongos/core 1.21.43 → 1.21.45

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

@@ -134,9 +134,9 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell-trail.js?v=2026-10-04-nolegacy"></script>
-<script src="/builders/craft-mode.js?v=2026-10-04-nolegacy"></script>
-<script src="/builders/shell.js?v=2026-10-04-nolegacy"></script>
+<script src="/builders/shell-trail.js?v=2026-10-04-paintbrush"></script>
+<script src="/builders/craft-mode.js?v=2026-10-04-paintbrush"></script>
+<script src="/builders/shell.js?v=2026-10-04-paintbrush"></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,9 +50,9 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell-trail.js?v=2026-10-04-nolegacy"></script>
-<script src="/builders/craft-mode.js?v=2026-10-04-nolegacy"></script>
-<script src="/builders/shell.js?v=2026-10-04-nolegacy"></script>
+<script src="/builders/shell-trail.js?v=2026-10-04-paintbrush"></script>
+<script src="/builders/craft-mode.js?v=2026-10-04-paintbrush"></script>
+<script src="/builders/shell.js?v=2026-10-04-paintbrush"></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,9 +225,9 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell-trail.js?v=2026-10-04-nolegacy"></script>
-<script src="/builders/craft-mode.js?v=2026-10-04-nolegacy"></script>
-<script src="/builders/shell.js?v=2026-10-04-nolegacy"></script>
+<script src="/builders/shell-trail.js?v=2026-10-04-paintbrush"></script>
+<script src="/builders/craft-mode.js?v=2026-10-04-paintbrush"></script>
+<script src="/builders/shell.js?v=2026-10-04-paintbrush"></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,9 +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-trail.js?v=2026-10-04-nolegacy" defer></script>
-<script src="/builders/craft-mode.js?v=2026-10-04-nolegacy" defer></script>
-<script src="/builders/shell.js?v=2026-10-04-nolegacy" defer></script>
+<script src="/builders/shell-trail.js?v=2026-10-04-paintbrush" defer></script>
+<script src="/builders/craft-mode.js?v=2026-10-04-paintbrush" defer></script>
+<script src="/builders/shell.js?v=2026-10-04-paintbrush" 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,9 +101,9 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell-trail.js?v=2026-10-04-nolegacy"></script>
-<script src="/builders/craft-mode.js?v=2026-10-04-nolegacy"></script>
-<script src="/builders/shell.js?v=2026-10-04-nolegacy"></script>
+<script src="/builders/shell-trail.js?v=2026-10-04-paintbrush"></script>
+<script src="/builders/craft-mode.js?v=2026-10-04-paintbrush"></script>
+<script src="/builders/shell.js?v=2026-10-04-paintbrush"></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/paintbrush.js

@@ -0,0 +1,398 @@
+// paintbrush.js — the Artistry paintbrush (task 1004497, goal 1000095 WA6).
+// Loaded on demand by craft-mode.js when the paintbrush is pressed. Never on
+// page load.
+//
+// The words of the page you are on become editable where they stand. What you
+// type is a proposed wording change for THIS page, never a live edit: it is
+// the page's tweak draft (the same round the tweak editor and the studio's own
+// words write, ADR 0341), saved as you type. "Review" lists every change; "Send
+// for approval" submits the round, an engineer applies the words, and they
+// come back to the artist to approve. Nobody else's view of the page changes,
+// and leaving puts the page's own words back.
+//
+// Owner, 2026-10-04: the edits are REAL wording changes (the page-tweak path),
+// kept apart from the palette's feedback docs.
+//
+// Taking the page is the copy desk's claim: artists only, one at a time, and
+// the page shows as being tweaked while it is held. The walls are the server's
+// (modules/copy-desk); this file only draws. A word the page fills in for
+// itself (a {…} hole) and a word several pages share are left to the editor.
+(function () {
+  'use strict';
+
+  var API = '/api/bongos/copy-desk/pages/';
+  var SAVE_MS = 700;
+  var HOLE = '{…}';
+  // Never made editable: form controls, code, drawings, and the hall's own chrome.
+  var SKIP = 'script, style, svg, textarea, input, select, option, button, code, pre, [contenteditable="false"], #paintbrush';
+  var SCRIPT_V = (function () {
+    var src = document.currentScript && document.currentScript.src;
+    var m = src && /[?&]v=([^&#]+)/.exec(src);
+    return m ? m[1] : '';
+  })();
+
+  var bar = null, st = null;
+
+  function esc(s) {
+    return String(s == null ? '' : s).replace(/[&<>"']/g, function (c) {
+      return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c];
+    });
+  }
+  function tidy(s) { return String(s == null ? '' : s).replace(/\s+/g, ' ').trim(); }
+  function plural(n, one, many) { return n + ' ' + (n === 1 ? one : many); }
+  // The page's id in the readings (docs/page-readings.json): builders:<data-page>.
+  function pageId() {
+    var b = document.body || { dataset: {} };
+    var slug = String((b.dataset && b.dataset.page) || 'home').toLowerCase().replace(/[^a-z0-9-]/g, '-').slice(0, 64) || 'home';
+    return 'builders:' + slug;
+  }
+  function editorHref(id) { return '/builders/tweak-editor?page=' + encodeURIComponent(id); }
+
+  // The two pure helpers this tool shares with the studio and the editor.
+  function loadScript(name, global) {
+    if (window[global]) return Promise.resolve(window[global]);
+    return new Promise(function (resolve, reject) {
+      var tag = document.createElement('script');
+      tag.src = '/builders/' + name + (SCRIPT_V ? '?v=' + SCRIPT_V : '');
+      tag.onload = function () { if (window[global]) resolve(window[global]); else reject(new Error('missing ' + global)); };
+      tag.onerror = function () { reject(new Error('missing ' + global)); };
+      document.head.appendChild(tag);
+    });
+  }
+  function libs() {
+    return loadScript('tweak-editor-lib.js', 'OTBTweakEditor').then(function (editor) {
+      return loadScript('studio-lib.js', 'OTBStudioLib').then(function (studio) { return { editor: editor, studio: studio }; });
+    });
+  }
+  function request(method, path, body, keepalive) {
+    var opts = { method: method, credentials: 'same-origin', headers: {} };
+    // On the way out of the page the save must outlive it (tweak-editor.js's rule).
+    if (keepalive) opts.keepalive = true;
+    if (body !== undefined) { opts.headers['content-type'] = 'application/json'; opts.body = JSON.stringify(body); }
+    return fetch(API + path, opts).then(function (r) {
+      return r.json().catch(function () { return {}; }).then(function (j) { return { ok: r.ok, status: r.status, data: j }; });
+    }, function () { return { ok: false, status: 0, data: {} }; });
+  }
+  function refusal(res, fallback) {
+    var O = window.OTB || {};
+    var d = O.errDetails ? O.errDetails(res.data) : ((res.data && res.data.error && res.data.error.details) || {});
+    var code = O.errCode ? O.errCode(res.data) : ((res.data && res.data.error && res.data.error.code) || '');
+    if (res.status === 401) return 'Sign in to edit this page\'s words.';
+    if (st && st.lib) return st.lib.studio.claimWords(code, d);
+    return d.what_this_means || fallback;
+  }
+
+  // ---------- the bar ----------
+  function shell(inner) {
+    return '<div class="pb__inner">' +
+      '<p class="pb__eyebrow"><span class="pb__dot" aria-hidden="true"></span>Paintbrush · ' + esc(st.title) + '</p>' +
+      inner +
+    '</div>';
+  }
+  function paint(inner) {
+    if (!bar) return;
+    bar.innerHTML = shell(inner);
+    var first = bar.querySelector('[data-pb-focus]') || bar.querySelector('button');
+    if (first && st.focusBar) first.focus();
+    st.focusBar = false;
+  }
+  function note(text, withClose) {
+    paint('<p class="pb__line" role="status">' + text + '</p>' +
+      '<div class="pb__actions">' + (withClose === false ? '' : '<button class="pb__btn" type="button" data-pb-close data-pb-focus>Close</button>') + '</div>');
+  }
+  function offerHtml(err) {
+    return '<p class="pb__line"><strong>Edit this page\'s words where they stand?</strong> ' +
+      'Taking the page marks it as yours until you send the new words for approval. Nobody else sees them until then.</p>' +
+      '<p class="pb__error" role="alert">' + esc(err || '') + '</p>' +
+      '<div class="pb__actions">' +
+        '<button class="pb__btn" type="button" data-pb-close>Not now</button>' +
+        '<button class="pb__btn pb__btn--go" type="button" data-pb-take data-pb-focus>Take this page</button>' +
+      '</div>';
+  }
+  function editingHtml() {
+    var changed = changes().length;
+    var save = st.save === 'saving' ? 'saving…' : st.save === 'failed' ? 'not saved' : 'saved';
+    var rest = st.unreached;
+    return '<p class="pb__line" aria-live="polite"><strong>' + esc(plural(changed, 'change', 'changes')) + '</strong> · ' + esc(save) +
+      (st.error ? ' · <span class="pb__error-inline">' + esc(st.error) + '</span>' : '') + '</p>' +
+      '<p class="pb__hint">Click any underlined words and type over them.' +
+        (rest ? ' ' + esc(plural(rest, 'other line', 'other lines')) + ' of this page ' + (rest === 1 ? 'is' : 'are') + ' in the <a href="' + esc(editorHref(st.id)) + '">tweak editor</a>.' : '') + '</p>' +
+      '<div class="pb__actions">' +
+        '<button class="pb__btn" type="button" data-pb-stop>Stop editing</button>' +
+        '<button class="pb__btn pb__btn--go" type="button" data-pb-review' + (changed ? '' : ' disabled') + '>Review ' + esc(plural(changed, 'change', 'changes')) + '</button>' +
+      '</div>';
+  }
+  function reviewHtml(err) {
+    var rows = changes();
+    return '<p class="pb__line"><strong>Your changes to this page</strong></p>' +
+      '<ol class="pb__changes">' + rows.map(function (c) {
+        return '<li class="pb__change">' +
+          '<span class="pb__where">' + esc(c.section || 'this page') + '</span>' +
+          '<span class="pb__was"><span class="pb__tag">Was</span> ' + esc(c.was) + '</span>' +
+          '<span class="pb__now"><span class="pb__tag">Now</span> ' + esc(c.now) + '</span>' +
+        '</li>';
+      }).join('') + '</ol>' +
+      '<p class="pb__hint">Sending submits the page: an engineer applies the new words, and they come back to you to approve before anyone sees them.</p>' +
+      '<p class="pb__error" role="alert">' + esc(err || '') + '</p>' +
+      '<div class="pb__actions">' +
+        '<button class="pb__btn" type="button" data-pb-back>Keep editing</button>' +
+        '<button class="pb__btn pb__btn--go" type="button" data-pb-send data-pb-focus>Send for approval</button>' +
+      '</div>';
+  }
+
+  // ---------- the words ----------
+  // Every line the artist has changed, in the page's reading order.
+  function changes() {
+    if (!st || !st.lines) return [];
+    return st.lines.filter(function (l) { return st.lib.editor.isChanged(l, st.values[l.key]) && String(st.values[l.key]).trim(); })
+      .map(function (l) { return { key: l.key, section: l.section, was: l.text, now: String(st.values[l.key]).replace(/\s+/g, ' ').trim() }; });
+  }
+  // The elements on the page whose words are one reading line: a leaf holding
+  // text, inside the page's main content, not a control and not shared chrome.
+  function candidates() {
+    var root = document.querySelector('main') || document.getElementById('main') || document.body;
+    var all = root ? root.querySelectorAll('*') : [];
+    var out = [];
+    for (var i = 0; i < all.length; i++) {
+      var el = all[i];
+      if (el.childElementCount || !String(el.textContent || '').trim()) continue;
+      if (el.closest && el.closest(SKIP)) continue;
+      if (el.closest && el.closest('[hidden]')) continue;
+      out.push(el);
+    }
+    return out;
+  }
+  function start(ed) {
+    var reading = ed.reading || {};
+    st.lines = (reading.lines || []).filter(function (l) { return l.placement !== 'shared' && String(l.text).indexOf(HOLE) === -1; });
+    st.readingHash = reading.reading_hash || null;
+    st.values = st.lib.editor.initialValues(st.lines, ed.draft);
+    st.lastSent = JSON.stringify(st.lib.editor.draftBody(st.readingHash, st.lines, st.values));
+    st.els = [];
+    // The lines left are hole-free, so a match is the same words, spaces
+    // aside: one table built once, not a pattern per line per element.
+    var byText = {};
+    st.lines.forEach(function (l) { var k = tidy(l.text); if (k && !(k in byText)) byText[k] = l; });
+    var used = {};
+    candidates().forEach(function (el) {
+      var line = byText[tidy(el.textContent)] || null;
+      if (!line || used[line.key]) return;
+      used[line.key] = true;
+      st.els.push({ el: el, key: line.key, original: el.textContent });
+      el.textContent = st.values[line.key];
+      el.setAttribute('contenteditable', 'plaintext-only');
+      if (el.contentEditable !== 'plaintext-only') el.setAttribute('contenteditable', 'true');
+      el.setAttribute('spellcheck', 'false');
+      el.setAttribute('data-pb-key', line.key);
+      el.classList.add('pb-word');
+      el.classList.toggle('pb-word--changed', st.lib.editor.isChanged(line, st.values[line.key]));
+    });
+    // A hint, not a ledger: a line the page shows twice is edited once (the
+    // first), and its second showing is counted in neither number.
+    st.unreached = Math.max(0, (reading.lines || []).length - st.els.length - ((reading.lines || []).filter(function (l) { return l.placement === 'shared'; }).length));
+    st.editing = true;
+    st.save = 'saved';
+    document.documentElement.classList.add('pb-editing');
+    document.addEventListener('input', onInput, true);
+    document.addEventListener('click', onPageClick, true);
+    document.addEventListener('keydown', onPageKey, true);
+    document.addEventListener('paste', onPaste, true);
+    document.addEventListener('focusout', onBlur, true);
+    window.addEventListener('pagehide', flush);
+    if (!st.els.length) {
+      note('None of this page\'s words can be edited where they stand. <a href="' + esc(editorHref(st.id)) + '">Rewrite them in the tweak editor</a>.');
+      return;
+    }
+    paint(editingHtml());
+    st.els[0].el.focus();
+  }
+  function entryOf(el) {
+    var host = el && el.closest ? el.closest('[data-pb-key]') : null;
+    if (!host) return null;
+    for (var i = 0; i < st.els.length; i++) if (st.els[i].el === host) return st.els[i];
+    return null;
+  }
+  function onInput(e) {
+    var en = entryOf(e.target);
+    if (!en) return;
+    st.values[en.key] = en.el.textContent;
+    var line = lineOf(en.key);
+    en.el.classList.toggle('pb-word--changed', !!line && st.lib.editor.isChanged(line, st.values[en.key]));
+    if (!st.reviewing) paint(editingHtml());
+    clearTimeout(st.timer);
+    st.timer = setTimeout(save, SAVE_MS);
+  }
+  function lineOf(key) {
+    for (var i = 0; i < st.lines.length; i++) if (st.lines[i].key === key) return st.lines[i];
+    return null;
+  }
+  // While editing, a click on the words places the caret: the link or card
+  // around them does not navigate.
+  function onPageClick(e) {
+    if (entryOf(e.target)) { e.preventDefault(); }
+  }
+  function onPageKey(e) {
+    if (e.key === 'Escape' && bar && st.reviewing) { e.preventDefault(); back(); return; }
+    if (e.key === 'Enter' && entryOf(e.target)) { e.preventDefault(); e.target.blur(); return; }
+    // Words only: where plaintext-only is missing, bold/italic/underline keys do nothing.
+    if ((e.ctrlKey || e.metaKey) && /^[biu]$/i.test(e.key) && entryOf(e.target)) e.preventDefault();
+  }
+  function onPaste(e) {
+    if (!entryOf(e.target)) return;
+    e.preventDefault();
+    var text = ((e.clipboardData && e.clipboardData.getData('text/plain')) || '').replace(/\s+/g, ' ');
+    document.execCommand('insertText', false, text);
+  }
+  function onBlur(e) { if (entryOf(e.target)) save(); }
+
+  // The WHOLE draft each time (every changed line, the ones typed here and any
+  // the editor saved), one save in flight at a time.
+  function save(leaving) {
+    clearTimeout(st.timer);
+    if (!st.editing) return Promise.resolve(true);
+    if (st.inflight) { st.again = true; return st.inflight; }
+    var body = st.lib.editor.draftBody(st.readingHash, st.lines, st.values);
+    var sent = JSON.stringify(body);
+    if (sent === st.lastSent) return Promise.resolve(true);
+    st.save = 'saving';
+    st.error = '';
+    if (!st.reviewing) paint(editingHtml());
+    st.inflight = request('PUT', encodeURIComponent(st.id) + '/draft', body, leaving === true).then(function (res) {
+      st.inflight = null;
+      if (res.ok) { st.lastSent = sent; st.save = 'saved'; }
+      else { st.save = 'failed'; st.error = refusal(res, 'the words could not be saved'); }
+      if (!st.reviewing && st.editing) paint(editingHtml());
+      if (st.again) { st.again = false; return save(); }
+      return res.ok;
+    });
+    return st.inflight;
+  }
+  function flush() { if (st && st.editing) save(true); }
+
+  // Put the page's own words back and leave nothing editable behind.
+  function restore() {
+    if (!st || !st.els) return;
+    st.els.forEach(function (en) {
+      en.el.textContent = en.original;
+      en.el.removeAttribute('contenteditable');
+      en.el.removeAttribute('spellcheck');
+      en.el.removeAttribute('data-pb-key');
+      en.el.classList.remove('pb-word', 'pb-word--changed');
+    });
+    st.els = [];
+    st.editing = false;
+    document.documentElement.classList.remove('pb-editing');
+    document.removeEventListener('input', onInput, true);
+    document.removeEventListener('click', onPageClick, true);
+    document.removeEventListener('keydown', onPageKey, true);
+    document.removeEventListener('paste', onPaste, true);
+    document.removeEventListener('focusout', onBlur, true);
+    window.removeEventListener('pagehide', flush);
+  }
+
+  // ---------- the steps ----------
+  function read() {
+    return request('GET', encodeURIComponent(st.id) + '/draft');
+  }
+  function begin() {
+    note('Reading this page\'s words…', false);
+    libs().then(function (lib) {
+      st.lib = lib;
+      return read();
+    }).then(function (res) {
+      if (!bar) return;
+      if (!res.ok) { note(esc(refusal(res, 'This page\'s words could not be read just now.'))); return; }
+      var ed = res.data || {};
+      st.title = (ed.page && ed.page.title) || st.title;
+      if (!ed.reading || !ed.reading.read) { note('This page has not been read yet, so its words cannot be edited here. Use Feedback to say what its words should be.'); return; }
+      var round = ed.round;
+      if (round && round.held_by_you && round.state === 'writing') { start(ed); return; }
+      if (round && round.state === 'writing') { note(esc(st.lib.studio.claimWords('page_held', { holder: round.holder }))); return; }
+      if (round) { note(esc(st.lib.studio.claimWords('page_in_flight', {}))); return; }
+      st.focusBar = true;
+      paint(offerHtml());
+    }, function () {
+      note('The paintbrush could not load. Nothing changed. Reload the page and press it again.');
+    });
+  }
+  function take() {
+    var btn = bar && bar.querySelector('[data-pb-take]');
+    if (btn) btn.disabled = true;
+    request('POST', encodeURIComponent(st.id) + '/claim', {}).then(function (res) {
+      if (!res.ok) { paint(offerHtml(refusal(res, 'That page could not be taken just now. Nothing changed.'))); return null; }
+      return read();
+    }).then(function (res) {
+      if (!res) return;
+      if (!res.ok || !res.data || !res.data.reading) { note('The page is yours, but its words could not be read just now. <a href="' + esc(editorHref(st.id)) + '">Open it in the tweak editor</a>.'); return; }
+      start(res.data);
+    });
+  }
+  function review() {
+    save();
+    st.reviewing = true;
+    st.focusBar = true;
+    paint(reviewHtml());
+  }
+  function back() {
+    st.reviewing = false;
+    paint(editingHtml());
+    var b = bar.querySelector('[data-pb-review]');
+    if (b) b.focus();
+  }
+  function send() {
+    var btn = bar.querySelector('[data-pb-send]');
+    if (btn) btn.disabled = true;
+    save().then(function (ok) {
+      if (!ok) { paint(reviewHtml(st.error || 'The words could not be saved, so nothing was sent.')); return null; }
+      return request('POST', encodeURIComponent(st.id) + '/submit', {});
+    }).then(function (res) {
+      if (!res) return;
+      if (!res.ok) { paint(reviewHtml(refusal(res, 'The page could not be sent just now. Your words are saved.'))); return; }
+      var n = changes().length;
+      restore();
+      st.reviewing = false;
+      st.focusBar = true;
+      note('Sent for approval: ' + esc(plural(n, 'change', 'changes')) + '. An engineer applies the new words, and they come back to you in the studio to approve.');
+    });
+  }
+  function stop() {
+    var keep = changes().length;
+    save().then(function () {
+      restore();
+      close();
+      if (keep && window.OTB && typeof window.OTB.toast === 'function') {
+        window.OTB.toast('Your words are saved, and the page stays yours. Press the paintbrush to carry on.');
+      }
+    });
+  }
+  function onBarClick(e) {
+    var btn = e.target.closest && e.target.closest('button');
+    if (!btn || btn.disabled) return;
+    if (btn.hasAttribute('data-pb-close')) close();
+    else if (btn.hasAttribute('data-pb-take')) take();
+    else if (btn.hasAttribute('data-pb-review')) review();
+    else if (btn.hasAttribute('data-pb-back')) back();
+    else if (btn.hasAttribute('data-pb-send')) send();
+    else if (btn.hasAttribute('data-pb-stop')) stop();
+  }
+  function close() {
+    if (st && st.editing) { stop(); return; }
+    if (bar && bar.parentNode) bar.parentNode.removeChild(bar);
+    bar = null;
+    st = null;
+  }
+
+  function open() {
+    if (bar) { var f = bar.querySelector('button'); if (f) f.focus(); return; }
+    st = { id: pageId(), title: (document.body && document.body.dataset && document.body.dataset.pageTitle) || String(document.title || '').split(/\s[—-]\s/)[0] || 'this page', focusBar: false };
+    bar = document.createElement('section');
+    bar.className = 'pb';
+    bar.id = 'paintbrush';
+    bar.setAttribute('aria-label', 'Paintbrush: edit this page\'s words');
+    bar.addEventListener('click', onBarClick);
+    document.body.appendChild(bar);
+    begin();
+  }
+
+  window.OTBPaintbrush = { open: open, close: close, pageId: pageId };
+})();

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

@@ -115,9 +115,9 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell-trail.js?v=2026-10-04-nolegacy"></script>
-<script src="/builders/craft-mode.js?v=2026-10-04-nolegacy"></script>
-<script src="/builders/shell.js?v=2026-10-04-nolegacy"></script>
+<script src="/builders/shell-trail.js?v=2026-10-04-paintbrush"></script>
+<script src="/builders/craft-mode.js?v=2026-10-04-paintbrush"></script>
+<script src="/builders/shell.js?v=2026-10-04-paintbrush"></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,9 +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-trail.js?v=2026-10-04-nolegacy"></script>
-<script src="/builders/craft-mode.js?v=2026-10-04-nolegacy"></script>
-<script src="/builders/shell.js?v=2026-10-04-nolegacy"></script>
+<script src="/builders/shell-trail.js?v=2026-10-04-paintbrush"></script>
+<script src="/builders/craft-mode.js?v=2026-10-04-paintbrush"></script>
+<script src="/builders/shell.js?v=2026-10-04-paintbrush"></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,9 +58,9 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell-trail.js?v=2026-10-04-nolegacy"></script>
-<script src="/builders/craft-mode.js?v=2026-10-04-nolegacy"></script>
-<script src="/builders/shell.js?v=2026-10-04-nolegacy"></script>
+<script src="/builders/shell-trail.js?v=2026-10-04-paintbrush"></script>
+<script src="/builders/craft-mode.js?v=2026-10-04-paintbrush"></script>
+<script src="/builders/shell.js?v=2026-10-04-paintbrush"></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,9 +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-trail.js?v=2026-10-04-nolegacy"></script>
-<script src="/builders/craft-mode.js?v=2026-10-04-nolegacy"></script>
-<script src="/builders/shell.js?v=2026-10-04-nolegacy"></script>
+<script src="/builders/shell-trail.js?v=2026-10-04-paintbrush"></script>
+<script src="/builders/craft-mode.js?v=2026-10-04-paintbrush"></script>
+<script src="/builders/shell.js?v=2026-10-04-paintbrush"></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,9 +41,9 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell-trail.js?v=2026-10-04-nolegacy"></script>
-<script src="/builders/craft-mode.js?v=2026-10-04-nolegacy"></script>
-<script src="/builders/shell.js?v=2026-10-04-nolegacy"></script>
+<script src="/builders/shell-trail.js?v=2026-10-04-paintbrush"></script>
+<script src="/builders/craft-mode.js?v=2026-10-04-paintbrush"></script>
+<script src="/builders/shell.js?v=2026-10-04-paintbrush"></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,9 +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-trail.js?v=2026-10-04-nolegacy"></script>
-<script src="/builders/craft-mode.js?v=2026-10-04-nolegacy"></script>
-<script src="/builders/shell.js?v=2026-10-04-nolegacy"></script>
+<script src="/builders/shell-trail.js?v=2026-10-04-paintbrush"></script>
+<script src="/builders/craft-mode.js?v=2026-10-04-paintbrush"></script>
+<script src="/builders/shell.js?v=2026-10-04-paintbrush"></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,9 +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-trail.js?v=2026-10-04-nolegacy"></script>
-<script src="/builders/craft-mode.js?v=2026-10-04-nolegacy"></script>
-<script src="/builders/shell.js?v=2026-10-04-nolegacy"></script>
+<script src="/builders/shell-trail.js?v=2026-10-04-paintbrush"></script>
+<script src="/builders/craft-mode.js?v=2026-10-04-paintbrush"></script>
+<script src="/builders/shell.js?v=2026-10-04-paintbrush"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared frontend toolkit (window.OTB) — loaded BEFORE sessions.js so it can pull from it. -->

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

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

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

@@ -84,6 +84,12 @@ body[data-page="street"] {
 
 /* more: the detail, in place */
 .mcard-more__toggle { margin-top: -2px; }
+/* the pager: "1 of N" with previous and next, when a pin holds more than one matter (task 1004569) */
+.mcard-pager { display: flex; align-items: center; gap: 4px; margin: -4px 0 2px; }
+.mcard-pager__btn { width: 32px; height: 32px; border-radius: 999px; border: 1px solid var(--street-rule-strong); background: none; color: var(--ink); font-family: var(--font-body); font-size: 17px; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0 0 2px; }
+.mcard-pager__btn:hover { border-color: var(--ink-faint); }
+.mcard-pager__btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
+.mcard-pager__at { min-width: 52px; text-align: center; font-size: 12px; color: var(--ink-soft); font-variant-numeric: tabular-nums; }
 .mcard-more { display: flex; flex-direction: column; gap: 6px; padding-top: 10px; border-top: 1px solid var(--street-rule); }
 .mcard-more__text { margin: 0 0 4px; font-size: 14px; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; }
 .mcard-more__meta { margin: 0; font-size: 13px; color: var(--ink-soft); font-variant-numeric: tabular-nums; }