@bongos/core 1.24.51 → 1.24.53

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

@@ -1,8 +1,9 @@
 /* oversight.css — the oversight family's archetype (task 1003469, goal
    1000081): what an oversight ROW is in the chrome world, and the pieces the
    pages (government, watch, gate) share around it — the figure
-   band inside a panel, the group head, the inline form, the grant toggle, the
-   confirm modal. The third family sheet after record.css and room.css: a page
+   band inside a panel, the group head, the inline form, the grant toggle (the
+   confirm modal it once kept is the hall's one dialog now, controls.css
+   .hall-dialog, task 1005085). The third family sheet after record.css and room.css: a page
    sheet holds only what one page has and the others do not. The collaboration
    pages (collab, copy desk — task 1003471) ride the same row rather than a
    fourth: a page whose repeated thing is a titled row with facts and actions
@@ -318,34 +319,3 @@ a.fact-chip:hover { color: var(--accent-ink); border-color: var(--accent-ink); t
    the 24px floor and the equal negative margin hands the space back. */
 .ov-foot a { display: inline-block; color: var(--accent-ink); min-height: 24px; min-width: 24px; padding: 3px 4px; margin: -3px -4px; line-height: 18px; }
 
-/* ---- the confirm modal ----------------------------------------------------------
-   Gate's confirm dialog. A --bg-card panel closed by one rule
-   hairline and no shadow (the hub's project card is the reference), on the
-   shell's --z-modal layer, over a scrim mixed from the ink. */
-.ov-modal-bg {
-  position: fixed;
-  inset: 0;
-  z-index: var(--z-modal);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 20px;
-  background: var(--scrim);
-}
-.ov-modal {
-  width: 100%;
-  max-width: 480px;
-  padding: 22px 24px 24px;
-  background: var(--bg-card);
-  border: var(--line) solid var(--rule);
-  border-radius: var(--radius);
-}
-.ov-modal .scroll__h { margin-bottom: 10px; }
-.ov-modal p { margin: 0 0 12px; font-size: 13.5px; line-height: 1.5; color: var(--ink-soft); }
-.ov-modal p strong, .ov-modal p b { color: var(--ink); font-weight: 500; }
-.ov-modal p:last-of-type { margin-bottom: 0; }
-.ov-modal label:not(.ov-modal__check) { display: block; margin: 14px 0 6px; font-family: var(--label-face); font-size: 10.5px; letter-spacing: var(--label-space); text-transform: var(--label-case); color: var(--ink-faint); }
-.ov-modal input[type="text"], .ov-modal textarea { width: 100%; box-sizing: border-box; }
-.ov-modal__check { display: flex; align-items: flex-start; gap: 8px; margin: 14px 0 0; font-size: 13px; color: var(--ink); }
-.ov-modal__check input { margin-top: 3px; width: 16px; height: 16px; }
-.ov-modal__actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 20px; }

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

@@ -114,6 +114,7 @@
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
 <script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
+<script src="/builders/hall-dialog.js"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- the shared markdown reader (window.OTBMdReader) — primer.js renders through

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

@@ -250,6 +250,7 @@
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
 <script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
+<script src="/builders/hall-dialog.js"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- task 1004727: the ONE karma vote control every task/idea list renders -->

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

@@ -78,6 +78,7 @@
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
 <script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
+<script src="/builders/hall-dialog.js"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/hall-kit.js"></script>

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

@@ -60,6 +60,7 @@
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
 <script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
+<script src="/builders/hall-dialog.js"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- the branding pack's currency label, loaded BEFORE roster.js. -->

package/modules/hall-ui/public/settings-ai-keys.js

@@ -91,7 +91,11 @@
   }
 
   async function removeKey(provider, label) {
-    if (!window.confirm(`Remove your ${label} key? Generations will run on ours and be charged to your balance.`)) return;
+    if (!(await window.OTBDialog.confirm({
+      title: `Remove your ${label} key?`,
+      body: 'Generations will run on ours and be charged to your balance.',
+      confirmLabel: 'Remove key', danger: true,
+    }))) return;
     const res = await api.request('DELETE', `${API}/ai-studio/keys/${encodeURIComponent(provider)}`);
     if (res.status === 401) { toAuth(); return; }
     if (!res.ok) { toast('Could not remove your key. Try again.'); return; }

package/modules/hall-ui/public/settings-passkeys.js

@@ -52,7 +52,11 @@
   }
 
   async function remove(id) {
-    if (!window.confirm('Remove this card? You can register it again later.')) return;
+    if (!(await window.OTBDialog.confirm({
+      title: 'Remove this card?',
+      body: 'You will no longer sign in with it. You can register it again later.',
+      confirmLabel: 'Remove card', danger: true,
+    }))) return;
     try {
       const res = await api.request('POST', `${API}/me/passkeys/remove`, { body: { credential_id: id } });
       if (!res.ok) throw fail(res);

package/modules/hall-ui/public/settings-sessions.js

@@ -71,7 +71,11 @@
     const row = btn.closest('.sessions-row');
     const id = row.getAttribute('data-id');
     const isCurrent = !!row.querySelector('.sessions-row__badge');
-    if (isCurrent && !window.confirm('That is the session you are using right now. Ending it signs you out of this page.')) return;
+    if (isCurrent && !(await window.OTBDialog.confirm({
+      title: 'End this session?',
+      body: 'That is the session you are using right now. Ending it signs you out of this page.',
+      confirmLabel: 'End session', danger: true, trigger: btn,
+    }))) return;
     btn.disabled = true;
     try {
       const res = await api.request('POST', `${API}/me/sessions/revoke`, { body: { session_id: id } });
@@ -91,7 +95,11 @@
   // then sends the builder back to sign-in rather than leaving a dead page up.
   async function endAll() {
     const btn = $('#sessions-revoke-all');
-    if (!window.confirm('End every session, including this one? You will need to sign in again, and any CLI token will need re-issuing.')) return;
+    if (!(await window.OTBDialog.confirm({
+      title: 'End every session, including this one?',
+      body: 'You will need to sign in again, and any CLI token will need re-issuing.',
+      confirmLabel: 'Sign out everywhere', danger: true, trigger: btn,
+    }))) return;
     btn.disabled = true;
     try {
       const res = await api.request('POST', `${API}/me/sessions/revoke-all`, { body: {} });

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

@@ -395,6 +395,7 @@
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
 <script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
+<script src="/builders/hall-dialog.js"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared component kit (window.OTBKit) — section rail (task 2166). -->

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

@@ -814,7 +814,11 @@
 
   async function removeArtKey() {
     const status = $('#artkey-status');
-    if (!window.confirm('Remove your image-generation key? Art generation will stop until you add one again.')) return;
+    if (!(await window.OTBDialog.confirm({
+      title: 'Remove your image-generation key?',
+      body: 'Art generation will stop until you add one again.',
+      confirmLabel: 'Remove key', danger: true,
+    }))) return;
     if (status) status.textContent = 'Removing…';
     try {
       const res = await api.request('DELETE', `${API}/me/art-key/own`);

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

@@ -232,6 +232,7 @@
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
 <script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
+<script src="/builders/hall-dialog.js"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/gov-living.js?v=2026-10-09-positions1"></script>
 <script src="/builders/gov-feeds.js?v=2026-10-09-living3"></script>

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

@@ -73,7 +73,6 @@ body[data-page="studio"] {
   --st-panel: rgba(255, 255, 255, .075);
   --st-panel-edge: rgba(255, 255, 255, .18);
   --st-panel-rim: rgba(255, 255, 255, .22);
-  --st-panel-drop: rgba(0, 0, 0, .55);
   --st-close: rgba(255, 255, 255, .08);
   --st-chip-edge: rgba(255, 255, 255, .16);
   --st-track: rgba(255, 255, 255, .1);
@@ -126,7 +125,6 @@ body[data-page="studio"][data-sky="day"] {
   --st-panel: rgba(255, 255, 255, .75);
   --st-panel-edge: rgba(60, 40, 20, .16);
   --st-panel-rim: rgba(255, 255, 255, .9);
-  --st-panel-drop: rgba(60, 40, 20, .18);
   --st-close: rgba(60, 40, 20, .08);
   --st-chip-edge: rgba(60, 40, 20, .2);
   --st-track: rgba(60, 40, 20, .12);
@@ -150,7 +148,6 @@ body[data-page="studio"][data-sky="day"] .aq-overlay {
   --aq-glass: rgba(255, 255, 255, .75);
   --aq-glass-edge: rgba(60, 40, 20, .16);
   --aq-glass-rim: rgba(255, 255, 255, .9);
-  --aq-drop: rgba(60, 40, 20, .18);
   --aq-ink: #1b1a1d;
   --aq-ink-soft: #4d4c52;
   --aq-ink-faint: #5a595f;
@@ -597,20 +594,13 @@ html.st-reading .st-glance { display: none; }
    page), and .88 on a phone.
    --------------------------------------------------------------------------- */
 .st-overlay {
-  position: fixed;
-  inset: 0;
-  z-index: var(--z-modal, 160);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 24px;
-  box-sizing: border-box;
+  /* the layer, the placement and the gutter are the shared .hall-scrim's
+     (controls.css, task 1005085); only the sky's tint is its own */
   background: var(--st-scrim);
   color: var(--st-ink);
   font-family: var(--st-face);
   color-scheme: dark;
 }
-.st-overlay[hidden] { display: none; }
 html[data-theme="dark"] body[data-page="studio"] { --st-scrim: rgba(4, 5, 9, .42); }
 @media (prefers-color-scheme: dark) {
   html:not([data-theme]) body[data-page="studio"] { --st-scrim: rgba(4, 5, 9, .42); }
@@ -627,7 +617,7 @@ html.st-open { overflow: hidden; }
   border: 1px solid var(--st-panel-edge);
   backdrop-filter: blur(30px) saturate(160%);
   -webkit-backdrop-filter: blur(30px) saturate(160%);
-  box-shadow: inset 0 1px 0 var(--st-panel-rim), 0 40px 90px var(--st-panel-drop);
+  box-shadow: inset 0 1px 0 var(--st-panel-rim), var(--ds-shadow-pop);
   display: flex;
   flex-direction: column;
   gap: 22px;
@@ -797,28 +787,12 @@ html.st-open { overflow: hidden; }
    tokens, in a dialog that opens from the quiet door above.
    =========================================================================== */
 .st-reviews {
-  position: fixed;
-  inset: 0;
-  z-index: var(--z-modal, 160);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 24px;
-  box-sizing: border-box;
-  background: var(--scrim);
+  /* the shared .hall-scrim (controls.css, task 1005085) is the layer and the
+     scrim; the panel inside is the shared .hall-dialog */
   color: var(--ink);
   font-family: var(--font-body);
 }
-.st-reviews[hidden] { display: none; }
-.st-reviews__dialog {
-  width: min(780px, 100%);
-  max-height: 100%;
-  overflow-y: auto;
-  box-sizing: border-box;
-  padding: clamp(18px, 3vw, 28px);
-  border-radius: var(--radius);
-  background: var(--bg);
-}
+.st-reviews__dialog { width: min(780px, 100%); }
 .st-reviews__head { display: flex; align-items: center; gap: 12px; margin-bottom: 6px; }
 .st-reviews__head .btn-ghost { margin-left: auto; }
 .st-reviews__title {

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

@@ -177,7 +177,7 @@
         <!-- The two small glass panels: the Tweak/CopyWrite Flow and Artist
              Review Status. The Approval queue is its own component
              (approval-queue.js), mounted by studio.js. -->
-        <div class="st-overlay" id="st-panel" hidden>
+        <div class="hall-scrim st-overlay" id="st-panel" hidden>
           <div class="st-dialog" role="dialog" aria-modal="true" aria-labelledby="st-panel-title">
             <div class="st-dialog__head">
               <h2 class="st-dialog__title" id="st-panel-title" tabindex="-1">Work through tweaks</h2>
@@ -189,8 +189,8 @@
 
         <!-- The reviews filed before Tweak Mode (R04, retired in TW14): the
              garden, one piece at a time, answered here until none remain. -->
-        <div class="st-reviews" id="st-reviews" hidden>
-          <div class="st-reviews__dialog" role="dialog" aria-modal="true" aria-labelledby="st-reviews-title">
+        <div class="hall-scrim st-reviews" id="st-reviews" hidden>
+          <div class="hall-dialog hall-dialog--wide st-reviews__dialog" role="dialog" aria-modal="true" aria-labelledby="st-reviews-title">
             <div class="st-reviews__head">
               <h2 class="st-reviews__title" id="st-reviews-title" tabindex="-1">Reviews from before Tweak Mode</h2>
               <button type="button" class="btn-ghost" data-close-reviews>close</button>
@@ -226,6 +226,7 @@
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
 <script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
+<script src="/builders/hall-dialog.js"></script>
 <script src="/builders/palette.js" defer></script>
 <!-- The kit, for its ONE renderer: the full-size ship-time visual figure
      (task 1003829), which the older reviews still show. -->

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

@@ -821,27 +821,33 @@
     body.innerHTML = home.panel === 'flow' ? flowHtml() : home.panel === 'site' ? siteHtml() : statusHtml();
   }
 
-  function openPanel(kind, opener) {
+  // The two panels run on the hall's one dialog behaviour (hall-dialog.js, task
+  // 1005085): Escape closes the top one only, Tab stays inside, a click on the
+  // scrim closes, the scroll locks, and focus goes back to the door that opened it.
+  function panelModal() {
     const overlay = byId('st-panel');
-    if (!overlay || !TITLES[kind]) return;
+    if (!overlay) return null;
+    return window.OTBDialog.bind(overlay, {
+      panel: overlay.querySelector('[role="dialog"]'),
+      lockClass: 'st-open',
+      initialFocus: () => byId('st-panel-title'),
+      onClose: () => { home.panel = null; },
+    });
+  }
+
+  function openPanel(kind, opener) {
+    const m = panelModal();
+    if (!m || !TITLES[kind]) return;
     home.panel = kind;
-    home.opener = opener || null;
     home.picking = false;
     setText('st-panel-title', TITLES[kind]);
     paintPanel();
-    overlay.hidden = false;
-    document.documentElement.classList.add('st-open');
-    const title = byId('st-panel-title');
-    if (title) title.focus();
+    m.open(opener || null);
   }
 
   function closePanel() {
-    const overlay = byId('st-panel');
-    if (!overlay || overlay.hidden) return;
-    overlay.hidden = true;
-    home.panel = null;
-    document.documentElement.classList.remove('st-open');
-    if (home.opener && home.opener.focus) home.opener.focus();
+    const m = panelModal();
+    if (m) m.close();
   }
 
   // Release a round the reads cannot name (task 1004837). One line of why is
@@ -875,24 +881,29 @@
 
   // ---- the older reviews' dialog --------------------------------------------
 
-  function openReviews(opener) {
+  function reviewsModal() {
     const box = byId('st-reviews');
-    if (!box) return;
-    home.opener = opener || null;
-    box.hidden = false;
-    document.documentElement.classList.add('st-open');
-    const title = byId('st-reviews-title');
-    if (title) title.focus();
+    if (!box) return null;
+    return window.OTBDialog.bind(box, {
+      panel: box.querySelector('[role="dialog"]'),
+      lockClass: 'st-open',
+      initialFocus: () => byId('st-reviews-title'),
+      // the door hides once the last review is answered: fall back to the flow door
+      returnFocus: (opener) => {
+        const door = byId('st-older');
+        return opener && !opener.hidden ? opener : (door && !door.hidden ? door : byId('st-flow'));
+      },
+    });
+  }
+
+  function openReviews(opener) {
+    const m = reviewsModal();
+    if (m) m.open(opener || null);
   }
 
   function closeReviews() {
-    const box = byId('st-reviews');
-    if (!box || box.hidden) return;
-    box.hidden = true;
-    document.documentElement.classList.remove('st-open');
-    const door = byId('st-older');
-    const back = home.opener && !home.opener.hidden ? home.opener : (door && !door.hidden ? door : byId('st-flow'));
-    if (back && back.focus) back.focus();
+    const m = reviewsModal();
+    if (m) m.close();
   }
 
   // ---- the studio's own words, typed over in place ---------------------------
@@ -1072,7 +1083,7 @@
     const overlay = byId('st-panel');
     if (overlay) {
       overlay.addEventListener('click', (ev) => {
-        if (ev.target === overlay || ev.target.closest('[data-close-panel]')) { closePanel(); return; }
+        if (ev.target.closest('[data-close-panel]')) { closePanel(); return; }
         const review = ev.target.closest('[data-review-page]');
         if (review && approvals) { ev.preventDefault(); const id = review.getAttribute('data-review-page'); closePanel(); approvals.open(id); return; }
         const rel = ev.target.closest('[data-release-page]');
@@ -1087,15 +1098,9 @@
     const reviews = byId('st-reviews');
     if (reviews) {
       reviews.addEventListener('click', (ev) => {
-        if (ev.target === reviews || ev.target.closest('[data-close-reviews]')) closeReviews();
+        if (ev.target.closest('[data-close-reviews]')) closeReviews();
       });
     }
-    document.addEventListener('keydown', (ev) => {
-      if (ev.key !== 'Escape') return;
-      if (home.panel) { closePanel(); return; }
-      const box = byId('st-reviews');
-      if (box && !box.hidden) closeReviews();
-    });
 
     const hint = byId('st-hint');
     if (hint) hint.addEventListener('click', () => beginWords(null));

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

@@ -4604,14 +4604,8 @@ body[data-page="home"] #home-stats .stat-row { border-bottom-left-radius: 0; bor
 .attn-card__n { font-family: var(--font-display); font-size: 30px; font-weight: 300; line-height: 1; font-variant-numeric: tabular-nums; }
 .attn-card__t { font-weight: 600; }
 .attn-card__s { margin-top: auto; font-size: 12px; color: var(--ink-soft); }
-.attn-dialog {
-  width: min(640px, calc(100vw - 32px)); max-height: 80vh; padding: 22px 24px; overflow: auto;
-  background: var(--bg-card); color: var(--ink); border: 0; border-radius: var(--radius);
-}
-.attn-dialog::backdrop { background: var(--scrim); }
-.attn-dialog__head { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
-.attn-dialog__h { flex: 1; margin: 0; font-family: var(--font-display); font-weight: 500; font-size: 20px; }
-.attn-dialog__x { min-width: 32px; min-height: 32px; background: none; border: 0; color: var(--ink-soft); font-size: 22px; cursor: pointer; }
+/* The window a card opens is the hall's one dialog (controls.css .hall-dialog,
+   task 1005085); the slice's own heading is the dialog's title, so it hides. */
 .attn-dialog__body .ginbox__sec-h { display: none; }
 
 .home-split { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }

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

@@ -60,6 +60,7 @@
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
 <script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
+<script src="/builders/hall-dialog.js"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- task-detail.js still owns the #/idea/N and #/blocker/N deep-link overlay

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

@@ -173,6 +173,19 @@
     }
   }
 
+  // Confirm a task. A verify-kind task's confirm attests the verification
+  // actually passed (the server requires { verified: true }), so the Archon
+  // affirms it in the hall's own confirm first (task 1005085).
+  async function confirmTask(t, btn) {
+    if (t.kind === 'verify' && !(await window.OTBDialog.confirm({
+      title: `Confirm that verification for #${t.id} actually passed?`,
+      body: 'The task is recorded as confirmed, with your word that its verification passed.',
+      confirmLabel: 'It passed', trigger: btn,
+    }))) return;
+    const body = t.kind === 'verify' ? { verified: true } : {};
+    runLifecycle(btn, `${API}/tasks/${encodeURIComponent(t.id)}/confirm`, body, `#${t.id} confirmed.`);
+  }
+
   // The two lifecycle DECISIONS (ship, confirm) as the city's ask card
   // (hall-ask.js; task 1004822, criterion wa6-hall-reads-like-home). Only a
   // decision the page waits on gets the card — claim, copy and retire stay plain
@@ -898,13 +911,7 @@
     }
     const confirmBtn = $('#confirm-btn');
     if (confirmBtn) {
-      confirmBtn.addEventListener('click', () => {
-        // A verify-kind task's confirm attests the verification actually passed
-        // (the server requires { verified: true }); make the Archon affirm it.
-        if (t.kind === 'verify' && !window.confirm(`Confirm that verification for #${t.id} actually passed?`)) return;
-        const body = t.kind === 'verify' ? { verified: true } : {};
-        runLifecycle(confirmBtn, `${API}/tasks/${encodeURIComponent(t.id)}/confirm`, body, `#${t.id} confirmed.`);
-      });
+      confirmBtn.addEventListener('click', () => confirmTask(t, confirmBtn));
     }
 
     // task 1003063 (R10): PATCH goal_id, then a full reload so the goal line, the
@@ -995,13 +1002,20 @@
         // reason is the record noting that someone did this and declining to say
         // why. Asking costs one line.
         if (!reason) { toast('Say why it is being retired — the reason goes in the record.'); return; }
-        if (!window.confirm(`Retire task ${t.id}? It leaves the claimable queue. Promote restores it to the backlog.`)) return;
-        abandonOpen = false;
-        runWrite(abandonBtn,
-          () => postJSON(`${API}/tasks/${encodeURIComponent(t.id)}/abandon`, { reason }),
-          `Task ${t.id} retired. Promote restores it to the backlog.`);
+        retireTask(t, abandonBtn, reason);
       });
     }
+    async function retireTask(task, btn, reason) {
+      if (!(await window.OTBDialog.confirm({
+        title: `Retire task ${task.id}?`,
+        body: 'It leaves the claimable queue. Promote restores it to the backlog.',
+        confirmLabel: 'Retire task', danger: true, trigger: btn,
+      }))) return;
+      abandonOpen = false;
+      runWrite(btn,
+        () => postJSON(`${API}/tasks/${encodeURIComponent(task.id)}/abandon`, { reason }),
+        `Task ${task.id} retired. Promote restores it to the backlog.`);
+    }
 
     const moveGoalBtn = $('#move-goal-btn');
     if (moveGoalBtn) {

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

@@ -142,6 +142,7 @@
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
 <script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
+<script src="/builders/hall-dialog.js"></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

@@ -146,6 +146,7 @@
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
 <script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
+<script src="/builders/hall-dialog.js"></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>

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

@@ -272,6 +272,7 @@
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
 <script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
+<script src="/builders/hall-dialog.js"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared component kit (window.OTBKit) — tabs, ledger, pager (task 2166). -->

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

@@ -175,6 +175,7 @@
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
 <script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
+<script src="/builders/hall-dialog.js"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- task 1004727: the ONE karma vote control every task/idea list renders -->

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

@@ -759,8 +759,14 @@
   async function doRelease(claimId, taskId, btn) {
     const key = `release:${claimId}`;
     if (pending.has(key)) return;
-    if (!window.confirm(`Release your claim on #${taskId}? It returns to the queue and no ${curLabel()} are earned.`)) return;
+    // Held while the confirm is open too, so a second click cannot stack a second dialog.
     pending.add(key);
+    const yes = await window.OTBDialog.confirm({
+      title: `Release your claim on #${taskId}?`,
+      body: `It returns to the queue and no ${curLabel()} are earned.`,
+      confirmLabel: 'Release', danger: true, trigger: btn,
+    });
+    if (!yes) { pending.delete(key); return; }
     if (btn) { btn.disabled = true; btn.textContent = 'Releasing…'; }
     try {
       const out = await claimAction.release(claimId, taskId);

package/modules/public-landing/public/index.html

@@ -320,10 +320,10 @@ h2{font-family:var(--font-display);font-weight:300;font-size:clamp(26px,3.1vw,42
 .figline:empty ~ .meter,.figline:empty ~ .sub{display:none}
 .rows:empty{display:none}
 
-/* verro labs: medallion, wordmark, one paragraph, no frame */
+/* the maker's band (the pack's company): medallion, wordmark, one paragraph, no frame */
 .verro{display:grid;grid-template-columns:auto 1fr;gap:clamp(26px,4vw,58px);align-items:start}
 .verro img{width:clamp(92px,9vw,124px);height:auto}
-.wordmark{font-family:var(--font-mono);font-size:13px;letter-spacing:.3em;color:var(--ink)}
+.wordmark{font-family:var(--font-mono);font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink)}
 .verro p.body{margin-top:18px;font-size:17.5px;line-height:1.55;color:var(--ink-soft);max-width:62ch}
 
 /* the basics: two columns, never three */
@@ -781,7 +781,7 @@ composition A; landing composition v3, picked by the owner 2026-08-27. No roll,
   <section class="band">
     <div class="wrap">
       <h2>Built on Bongos.</h2>
-      <p class="sub">At present, all Bongos projects are held by Verro Labs or its pilot clients.</p>
+      <!--brand-if:companyName--><p class="sub">At present, all Bongos projects are held by {{companyName}} or its pilot clients.</p><!--/brand-if:companyName-->
       <ul class="orbs" data-orbs>
         <li class="orb-item o1">
           <span class="orb-bead" aria-hidden="true"></span>
@@ -885,16 +885,19 @@ composition A; landing composition v3, picked by the owner 2026-08-27. No roll,
   </section>
 
 <!--apex-only:start-->
-  <section class="band">
+  <!-- The maker's band (task 1005091): the company is the pack's (identity.company), never
+       a name written into the portable landing, and the band drops whole when the pack
+       names none. The medallion is the hub's own asset. -->
+  <!--brand-if:companyName--><section class="band">
     <div class="wrap verro">
       <img src="/assets/verro-medallion.png" width="384" height="384" loading="lazy" decoding="async"
-           alt="The Verro Labs mark: a galaxy and constellation above a river valley threaded with circuitry">
+           alt="The {{companyName}} mark">
       <div>
-        <p class="wordmark">VERRO LABS</p>
-        <p class="body">Built by Verro Labs, Cloud Bongos is our way of making AI co-building usable by entire project groups, whether that's a 5,000-person company, a 100-person department, a college research project, or a solo dev.</p>
+        <p class="wordmark">{{companyName}}</p>
+        <p class="body">Built by {{companyName}}, {{productName}} is our way of making AI co-building usable by entire project groups, whether that's a 5,000-person company, a 100-person department, a college research project, or a solo dev.</p>
       </div>
     </div>
-  </section>
+  </section><!--/brand-if:companyName-->
 <!--apex-only:end-->
 
 <!--apex-only:start-->

package/package-lock.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bongos/core",
-  "version": "1.24.51",
+  "version": "1.24.53",
   "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",