@bongos/core 1.24.51 → 1.24.52

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/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@bongos/core",
-  "version": "1.24.51",
+  "version": "1.24.52",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@bongos/core",
-      "version": "1.24.51",
+      "version": "1.24.52",
       "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.52",
   "description": "Cloud Bongos — the AI-first build platform core (GDS + platform surfaces + module system), installed as a versioned dependency (ADR 0108).",
   "license": "AGPL-3.0-or-later",
   "main": "src/platform-server.js",

package/release-notes.json

@@ -11277,5 +11277,11 @@
       "id": "1005090",
       "text": "The public status page now talks plainly: 'Top builders', 'Recently shipped', 'Spending' instead of the old ancient-city words, and costs show in dollars."
     }
+  ],
+  "1.24.52": [
+    {
+      "id": "1005085",
+      "text": "The hall's pop-up questions now use one Cloud Bongos dialog instead of the browser's grey box: every 'are you sure?' says plainly what will happen, and the six home-made pop-ups on different pages now share one look and the sa"
+    }
   ]
 }

package/src/module-api.js

@@ -81,7 +81,7 @@ const { sleep } = require('./sleep');
 // MAJOR (see allowBoxScope below): passes the request through untouched.
 function deprecatedNoopMiddleware(_req, _res, next) { next(); }
 
-const CORE_VERSION = '1.24.51'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
+const CORE_VERSION = '1.24.52'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
 
 // A namespaced logger so a module's log lines are attributable + consistent.
 // Usage: const log = api.logger('discord'); log.info('mounted');

package/tests/bulk_toolbar.mjs

@@ -46,7 +46,7 @@ function stubPage(present) {
   const els = {};
   for (const id of present) els[id] = { hidden: true, disabled: false, textContent: '', title: '', listeners: {}, addEventListener(t, fn) { this.listeners[t] = fn; } };
   globalThis.document = { getElementById: (id) => els[id] || null };
-  globalThis.window = { confirm: () => true };
+  globalThis.window = { OTBDialog: { confirm: async () => true } }; // the branded confirm (task 1005085)
   globalThis.location = loc;
   return els;
 }

package/tests/hall_approval_queue.mjs

@@ -90,6 +90,9 @@ function bootPanel({ answers = {}, writes = null, mode = 'light' } = {}) {
     getElementById: byId,
     createElement: (tag) => augment(makeEl(tag, {})),
     get activeElement() { return boot.focused || null; },
+    // the shared dialog (hall-dialog.js, task 1005085) hears its keys on the document
+    listeners: {},
+    addEventListener(type, fn) { (this.listeners[type] = this.listeners[type] || []).push(fn); },
   };
   const api = {
     // The REAL client's shape: request(method, path, { body }). This fake once
@@ -110,6 +113,7 @@ function bootPanel({ answers = {}, writes = null, mode = 'light' } = {}) {
   win.window = win;
   vm.runInContext(read('brand-holes.js'), ctx, { filename: 'brand-holes.js' });
   vm.runInContext(read('approval-queue-lib.js'), ctx, { filename: 'approval-queue-lib.js' });
+  vm.runInContext(read('hall-dialog.js'), ctx, { filename: 'hall-dialog.js' }); // the shared dialog behaviour (task 1005085)
   vm.runInContext(read('approval-queue.js'), ctx, { filename: 'approval-queue.js' });
   const panel = win.OTBApprovalQueue.mount({
     api,
@@ -124,7 +128,9 @@ function bootPanel({ answers = {}, writes = null, mode = 'light' } = {}) {
   const q = (sel) => scrim.querySelector(sel);
   const qa = (sel) => scrim.querySelectorAll(sel);
   const click = async (el) => { assert.ok(el, 'the control exists'); scrim.fire('click', { target: el }); await settle(); await settle(); };
-  boot = { body, scrim, q, qa, click, requests, counts, panel, classes, win, focused: null };
+  boot = { body, scrim, q, qa, click, requests, counts, panel, classes, win, focused: null,
+    // a key pressed anywhere in the page reaches the document, where the shared dialog listens
+    key: (ev) => (documentObj.listeners.keydown || []).forEach((fn) => fn({ preventDefault() {}, stopPropagation() {}, ...ev })) };
   return boot;
 }
 
@@ -330,7 +336,7 @@ await test('empty, closed with Escape, and focus goes back where it was', async
   await b.panel.open(); await settle();
   assert.equal(text(b.q('.aq-title')), 'Nothing waiting');
   assert.match(text(b.q('.aq-frame__note')), /Nothing is waiting for you/);
-  b.scrim.fire('keydown', { key: 'Escape', preventDefault() {}, target: b.scrim });
+  b.key({ key: 'Escape', target: b.scrim });
   assert.equal(b.scrim.hidden, true);
   assert.equal(b.focused, opener);
   assert.ok(!b.classes.has('aq-open'));

package/tests/hall_audit.mjs

@@ -510,7 +510,7 @@ test('the verdict classes and the scrim exist in the token tier, in both modes',
   assert.match(css, /\.ledger__verdict--danger\s*\{[^}]*var\(--danger\)/, 'fell short → --danger');
   assert.match(css, /\.ledger__verdict--none\s*\{[^}]*var\(--ink-soft\)/, 'not graded → --ink-soft');
   assert.match(css, /--scrim:/, 'the modal scrim is a token, not a sheet-local literal');
-  assert.match(read('copy-desk.css'), /::backdrop\s*\{[^}]*var\(--scrim\)/, 'the copy-desk backdrop takes it');
+  assert.match(read('controls.css'), /\.hall-dialog::backdrop \{ background: var\(--scrim\); \}/, 'the one dialog backdrop takes it (task 1005085)');
 });
 
 // ---- 10. an outline: none always names its replacement (task 1003496) -----

package/tests/hall_city.mjs

@@ -288,7 +288,7 @@ test('the city sits in the hall chrome, behind the shell\'s full-screen switch',
   // task 1004685 (the living city): gov-living.js, the model under the drawing, and
   // gov-feeds.js, its one reader per page (shared with the shell's tally), load before it
   // task 1004702: the card answers its first ask in place, so the deck's card and sender (and the desk rows under them) load before the page
-  assert.deepEqual(scripts, ['dom-utils', 'shell-trail', 'craft-mode', 'shell', 'palette', 'gov-living', 'gov-feeds', 'city-draw', 'hall-kit', 'street-draw', 'street-card', 'street-inside', 'street-desk', 'street-deck', 'city-decide', 'city-switchboard', 'city'], 'the shell first, as on every hall page');
+  assert.deepEqual(scripts, ['dom-utils', 'shell-trail', 'craft-mode', 'shell', 'hall-dialog', 'palette', 'gov-living', 'gov-feeds', 'city-draw', 'hall-kit', 'street-draw', 'street-card', 'street-inside', 'street-desk', 'street-deck', 'city-decide', 'city-switchboard', 'city'], 'the shell first, then the shared dialog (task 1005085), as on every hall page');
   // task 1004925: every script but dom-utils.js is deferred, so none holds up the
   // parser; defer runs them in document order, which is why the order above still
   // holds. dom-utils.js stays synchronous: the one-escaper guard

package/tests/hall_collab_world.mjs

@@ -53,7 +53,9 @@ test('the page sheets spend only the fifteen, in px, and never opacity', () => {
   const cd = read('copy-desk.css');
   const literals = cd.match(/rgba?\([^)]*\)/g) || [];
   assert.deepEqual(literals, [], 'not even the scrim is a literal here any more');
-  assert.match(cd, /\.cd-dialog::backdrop \{ background: var\(--scrim\); \}/, 'the backdrop spends the token');
+  // task 1005085: the dialogs are the hall's one dialog, whose backdrop lives in controls.css
+  assert.doesNotMatch(cd, /::backdrop/, 'no backdrop of its own');
+  assert.match(read('controls.css'), /\.hall-dialog::backdrop \{ background: var\(--scrim\); \}/, 'the shared backdrop spends the token');
 });
 
 test('every list is the family\'s row, and the card-in-a-card is gone', () => {
@@ -335,15 +337,16 @@ test('the filters and the search are the kit\'s bar; the duplicates are paged th
   assert.match(read('copy-desk.html'), /src="\/builders\/hall-kit\.js/, 'the page loads the kit');
 });
 
-test('the three dialogs are the family modal on a native <dialog>, with the number input in a field', () => {
+test('the three dialogs are the hall\'s one dialog on a native <dialog>, with the number input in a field', () => {
   const html = read('copy-desk.html');
-  // Three since task 1003114 (R03): flag, close, and the proposal composer.
-  assert.equal((html.match(/<dialog id="cd-(close-dialog|dialog|propose-dialog)" class="ov-modal cd-dialog">/g) || []).length, 3);
+  // Three since task 1003114 (R03): flag, close, and the proposal composer; the
+  // shared .hall-dialog since task 1005085, each named by its own title.
+  assert.equal((html.match(/<dialog id="cd-(close-dialog|dialog|propose-dialog)" class="hall-dialog cd-dialog" aria-labelledby="cd-(close|dialog|propose)-h">/g) || []).length, 3);
   assert.match(html, /<div class="ov-field ov-field--wide">\s*<label class="ov-field__l" for="cd-close-task">[^<]*<\/label>\s*<input type="number" id="cd-close-task"/, 'the number input sits in the family field, which restates the 30px pill');
   assert.ok(!/<label[^>]*>[^<]*<span class="cd-dialog__hint"/.test(html), 'no hint lives inside a label (the label voice would uppercase it)');
   assert.equal((html.match(/class="ov-form__why"/g) || []).length, 4, 'the four hints are the form\'s own explainer line');
-  assert.match(html, /class="btn-accent" id="cd-submit"/, 'the accent door files the flag');
-  assert.match(html, /class="btn-accent" id="cd-propose-submit"/, 'and the proposal composer has its own');
+  assert.match(html, /class="btn" id="cd-submit"/, 'the accent door files the flag');
+  assert.match(html, /class="btn" id="cd-propose-submit"/, 'and the proposal composer has its own');
 });
 
 test('the proposal composer is prefilled, and says what filing it does and does not do', () => {