@bongos/core 1.24.62 → 1.24.63

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

@@ -314,6 +314,16 @@ select option { background: var(--bg-card); color: var(--ink); }
   color: var(--ink-soft);
 }
 .hall-dialog__body p:last-child { margin-bottom: 0; }
+/* the prompt's one field (OTBDialog.prompt, task 1005136): the hall's field,
+   the dialog's full width, under its label */
+.hall-dialog__label {
+  display: block;
+  margin: var(--ds-space-xs) 0 var(--ds-space-hair);
+  font-size: var(--ds-text-sm);
+  color: var(--ink-soft);
+}
+.hall-dialog__field { display: block; width: 100%; margin-top: var(--ds-space-xs); }
+.hall-dialog__label + .hall-dialog__field { margin-top: 0; }
 .hall-dialog__actions {
   display: flex;
   flex-wrap: wrap;

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

@@ -284,7 +284,11 @@
       // questions. Turning it ON needs no reason — the allowlist already is one.
       let reason = null;
       if (on) {
-        reason = window.prompt('Why are you turning the runner off? (shown to anyone who asks why it is idle)');
+        reason = await window.OTBDialog.prompt({
+          title: 'Why are you turning the runner off?',
+          label: 'Shown to anyone who asks why it is idle',
+          confirmLabel: 'Turn off',
+        });
         if (reason === null) return;   // cancelled — not the same as an empty reason
       }
       try {
@@ -414,7 +418,12 @@
         const pausing = btn.getAttribute('data-paused') !== '1';
         let reason = null;
         if (pausing) {
-          reason = window.prompt('Why are you pausing this builder’s runner? (shown to them)');
+          reason = await window.OTBDialog.prompt({
+            title: 'Why are you pausing this builder’s runner?',
+            label: 'Shown to them',
+            confirmLabel: 'Pause',
+            trigger: btn,
+          });
           if (reason === null) return;
         }
         try {

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

@@ -4,7 +4,8 @@
    The UI audit found six dialog builds (attn, cd, mw, aq, ov, st), each with
    its own scrim, layer, Escape handling and focus rules, and fourteen
    window.confirm() calls whose browser box neither looks like the hall nor
-   reads in its voice. This is the one of each that replaces them.
+   reads in its voice. This is the one of each that replaces them; its prompt
+   replaces the browser's text box the same way (task 1005136).
 
    window.OTBDialog:
      confirm({ title, body, confirmLabel, cancelLabel, danger }) → Promise<boolean>
@@ -12,6 +13,14 @@
          starts a new paragraph. Resolves true only on the confirm button;
          Cancel, the close mark, Escape and a click on the scrim all resolve
          false. A `danger` confirm opens with focus on Cancel.
+     prompt({ title, body, label, value, placeholder, confirmLabel, cancelLabel, required, maxLength })
+         → Promise<string|null>
+         The branded prompt (task 1005136): the confirm with one text field.
+         Resolves the text as typed on the confirm button or Enter, and null
+         on Cancel, the close mark, Escape or the scrim — so a caller can tell
+         "cancelled" from "left empty". `required` keeps the confirm button
+         off while the field is blank. The field is labelled by `label`, or by
+         the title when there is none; it opens focused with its text selected.
      open({ title, body, actions, wide, className, initialFocus }) → { el, close(value), result }
          A dialog built here and removed on close; `result` resolves with the
          pressed action's `value` (or null when dismissed).
@@ -249,7 +258,46 @@
     return dlg.result.then((v) => v === true);
   }
 
-  const api = { bind, open, confirm };
+  // The prompt's confirm action resolves to this, never to a value a caller could
+  // pass, so "use what was typed" cannot be confused with an action's own value.
+  const TYPED = {};
+  let fieldSeq = 0;
+
+  function prompt(opts = {}) {
+    const d = doc();
+    const fid = `hall-prompt-${++fieldSeq}`;
+    const form = d.createElement('form');
+    form.className = 'hall-dialog__form';
+    form.noValidate = true;
+    const label = opts.label ? `<label class="hall-dialog__label" for="${fid}">${esc(opts.label)}</label>` : '';
+    form.innerHTML = (opts.body ? bodyHtml(opts.body) : '') + label
+      + `<input type="text" class="hall-dialog__field" id="${fid}" autocomplete="off">`;
+    const field = form.querySelector('input');
+    if (!opts.label) field.setAttribute('aria-label', String(opts.title || ''));
+    if (opts.placeholder) field.setAttribute('placeholder', String(opts.placeholder));
+    if (opts.maxLength > 0) field.setAttribute('maxlength', String(opts.maxLength));
+    field.value = opts.value == null ? '' : String(opts.value);
+    const dlg = open({
+      title: opts.title,
+      body: form,
+      actions: [
+        { label: opts.cancelLabel || 'Cancel', value: null, kind: 'ghost' },
+        { label: opts.confirmLabel || 'Save', value: TYPED, kind: 'primary' },
+      ],
+      trigger: opts.trigger,
+      initialFocus: () => field,
+    });
+    const ok = dlg.el.querySelector('[data-dialog-value="1"]');
+    const sync = () => { if (opts.required) ok.disabled = !field.value.trim(); };
+    sync();
+    field.addEventListener('input', sync);
+    // Enter in the one field submits the form: the same as pressing the confirm.
+    form.addEventListener('submit', (ev) => { ev.preventDefault(); if (!ok.disabled) dlg.close(TYPED); });
+    if (typeof field.select === 'function') field.select();
+    return dlg.result.then((v) => (v === TYPED ? field.value : null));
+  }
+
+  const api = { bind, open, confirm, prompt };
   if (typeof window !== 'undefined') window.OTBDialog = api;
   if (typeof module !== 'undefined' && module.exports) module.exports = api;
 })();

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

@@ -438,13 +438,18 @@
           if (v) act(() => call('PATCH', `/${v.id}`, { page: views.page, is_default: !v.is_default }),
             v.is_default ? `“${v.name}” is no longer your default.` : `This page now opens with “${v.name}”.`);
         } else if (t.hasAttribute('data-rename')) {
-          const v = pick('data-rename');
-          const name = v && window.prompt('New name for this view', v.name);
-          if (name && name.trim() && name.trim() !== v.name) act(() => call('PATCH', `/${v.id}`, { page: views.page, name }), 'Renamed.');
+          renameView(pick('data-rename'), t);
         } else if (t.hasAttribute('data-delete')) {
           deleteView(pick('data-delete'), t);
         }
       });
+      async function renameView(v, trigger) {
+        if (!v) return;
+        const name = await window.OTBDialog.prompt({
+          title: 'New name for this view', value: v.name, confirmLabel: 'Rename', required: true, trigger,
+        });
+        if (name && name.trim() && name.trim() !== v.name) act(() => call('PATCH', `/${v.id}`, { page: views.page, name }), 'Renamed.');
+      }
       async function deleteView(v, trigger) {
         if (!v || !(await window.OTBDialog.confirm({
           title: `Delete the view “${v.name}”?`,

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

@@ -247,11 +247,19 @@
       var btn = e.target && e.target.closest ? e.target.closest('[data-roster-status]') : null;
       if (!btn) return;
       var status = btn.getAttribute('data-roster-status');
-      var reason = status === 'inactive' ? (window.prompt('Reason for offboarding (optional):', '') || null) : null;
-      btn.disabled = true;
-      patchBuilder(btn.getAttribute('data-id'), 'status', { status: status, reason: reason })
-        .then(function () { toast(status === 'inactive' ? 'Builder offboarded.' : 'Builder reactivated.'); return refreshGov(); })
-        .catch(function (err) { btn.disabled = false; toast('Could not change standing: ' + (err.message || err)); });
+      // Offboarding asks for a reason in the hall's own dialog (task 1005136). The reason
+      // stays optional; Cancel now stops the offboarding, where the browser box's Cancel
+      // used to offboard anyway with no reason.
+      var asked = status === 'inactive'
+        ? window.OTBDialog.prompt({ title: 'Reason for offboarding (optional)', confirmLabel: 'Offboard', trigger: btn })
+        : Promise.resolve('');
+      asked.then(function (reason) {
+        if (reason === null) return;
+        btn.disabled = true;
+        patchBuilder(btn.getAttribute('data-id'), 'status', { status: status, reason: reason || null })
+          .then(function () { toast(status === 'inactive' ? 'Builder offboarded.' : 'Builder reactivated.'); return refreshGov(); })
+          .catch(function (err) { btn.disabled = false; toast('Could not change standing: ' + (err.message || err)); });
+      });
     });
   }
 

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

@@ -42,7 +42,10 @@
 
   async function rename(id, row) {
     const current = row.querySelector('strong').textContent;
-    const next = window.prompt('Name this card', current === 'Unnamed card' ? '' : current);
+    const next = await window.OTBDialog.prompt({
+      title: 'Name this card', value: current === 'Unnamed card' ? '' : current, confirmLabel: 'Save',
+      trigger: row.querySelector('.passkeys-rename'),
+    });
     if (next === null) return;
     try {
       const res = await api.request('POST', `${API}/me/passkeys/rename`, { body: { credential_id: id, nickname: next } });

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

@@ -856,8 +856,12 @@
   // round goes back to /tweak if it still holds its batch, else it is closed.
   async function releasePage(pageId, taskId, button) {
     if (!lib || !lib.PAGE_ID_RE.test(String(pageId || ''))) return;
-    const note = window.prompt('Why is this round being released? One line, for whoever picks the page up next.',
-      'Stuck in a state the Studio could not read; released so the page can be tweaked again.');
+    const note = await window.OTBDialog.prompt({
+      title: 'Why is this round being released?',
+      label: 'One line, for whoever picks the page up next.',
+      value: 'Stuck in a state the Studio could not read; released so the page can be tweaked again.',
+      confirmLabel: 'Release', required: true, trigger: button,
+    });
     if (note == null) return;
     if (button) button.disabled = true;
     const body = { note };

package/modules/npm-release/public/work.js

@@ -191,7 +191,12 @@
 
   async function release(version) {
     if (releasing) return;
-    if (!window.confirm(`Release ${version} to every project?\n\nEvery other project will be offered ${version} and everything merged before it. This cannot be pressed back; a newer version can be released after it.`)) return;
+    // the hall's own confirm (hall-dialog.js; the deploy page loads it after the shell)
+    if (!(await window.OTBDialog.confirm({
+      title: `Release ${version} to every project?`,
+      body: `Every other project will be offered ${version} and everything merged before it. This cannot be pressed back; a newer version can be released after it.`,
+      confirmLabel: 'Release',
+    }))) return;
     releasing = version;
     releaseNote = null;
     paint();

package/modules/public-landing/public/assets/cosmos.css

@@ -343,22 +343,25 @@ h1{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,3.4vw,32
 .lede a{color:var(--link-ink);font-weight:700;text-decoration:none;}
 .lede a:hover{text-decoration:underline;}
 
-/* ── buttons ── */
-.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--accent-on);background:var(--accent);border:none;border-radius:999px;padding:11px 22px;text-decoration:none;box-shadow:0 10px 22px -8px color-mix(in srgb,var(--accent) 70%,transparent);transition:transform .15s ease, box-shadow .15s ease, background .15s ease;}
+/* ── buttons ──
+   On the shared scales (task 1005136): the pill corner, the type step and the fast
+   duration and ease every surface spends. The modifier pairs answer to the hall's
+   names too (.btn--ghost, .btn--danger), which is what the shared dialog builds. */
+.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:var(--ds-text-lg);color:var(--accent-on);background:var(--accent);border:none;border-radius:var(--ds-radius-pill);padding:11px 22px;text-decoration:none;box-shadow:0 10px 22px -8px color-mix(in srgb,var(--accent) 70%,transparent);transition:transform var(--ds-dur-fast) var(--ds-ease), box-shadow var(--ds-dur-fast) var(--ds-ease), background var(--ds-dur-fast) var(--ds-ease);}
 .btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px -8px color-mix(in srgb,var(--accent) 80%,transparent);}
 .btn:active{transform:translateY(0) scale(.98);}
 .btn:disabled{background:color-mix(in srgb,var(--ink) 12%,var(--bg-deep));color:color-mix(in srgb,var(--ink) 40%,var(--bg-deep));box-shadow:none;cursor:not-allowed;transform:none;}
-.btn.ghost{background:transparent;color:var(--ink-soft);box-shadow:none;border:2px solid var(--line);}
-.btn.ghost:hover{border-color:var(--accent);color:var(--accent-deep);}
+.btn.ghost,.btn.btn--ghost{background:transparent;color:var(--ink-soft);box-shadow:none;border:2px solid var(--line);}
+.btn.ghost:hover,.btn.btn--ghost:hover{border-color:var(--accent);color:var(--accent-deep);}
 /* a disabled ghost button must LOOK disabled — the same .btn:disabled-vs-.btn.ghost
    specificity tie .btn.danger:disabled fixed below, applied to "Applied" on the
    map's card (R10, task 1002286: it kept full-strength ghost styling and only the
    cursor said it was inert, task 1003774). */
 .btn.ghost:disabled{background:transparent;color:color-mix(in srgb,var(--ink) 40%,var(--bg-deep));border-color:color-mix(in srgb,var(--ink) 18%,transparent);box-shadow:none;cursor:not-allowed;transform:none;}
 .btn.ghost:disabled:hover{border-color:color-mix(in srgb,var(--ink) 18%,transparent);color:color-mix(in srgb,var(--ink) 40%,var(--bg-deep));}
-.btn.small{font-size:13.5px;padding:8px 16px;}
-.btn.danger{background:transparent;color:var(--err);box-shadow:none;border:2px solid color-mix(in srgb,var(--err) 35%,transparent);}
-.btn.danger:hover{background:var(--err-soft);border-color:var(--err);}
+.btn.small{font-size:var(--ds-text-sm-plus);padding:8px 16px;}
+.btn.danger,.btn.btn--danger{background:transparent;color:var(--err);box-shadow:none;border:2px solid color-mix(in srgb,var(--err) 35%,transparent);}
+.btn.danger:hover,.btn.btn--danger:hover{background:var(--err-soft);border-color:var(--err);}
 /* a disabled danger button must LOOK disabled. .btn.danger is declared AFTER
    .btn:disabled at equal specificity, so without these it keeps full-strength
    --err and only the cursor says the control is inert — on a destructive button
@@ -1152,8 +1155,8 @@ p.sec-p{font-size:var(--fs-lede);font-weight:500;color:var(--ink-soft);line-heig
    The scrim is a plain rgba black in BOTH modes on purpose, so it needs no dark
    override at all — a token here would have to be ink, and ink is near-white in
    dark, which paints a white sheet over the page instead of dimming it. */
-.cardScrim{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;
-  padding:24px;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);}
+.cardScrim{position:fixed;inset:0;z-index:var(--ds-z-modal);display:flex;align-items:center;justify-content:center;
+  padding:var(--ds-space-md);background:rgba(0,0,0,.55);backdrop-filter:blur(3px);}
 /* THE POSTER (task 1003301; the v2 pick, direction §7): a specimen sheet in the
    world, not a panel. min(560px,100%) on bg-card closed by one rule hairline,
    no shadow (the world has no shadow vocabulary for UI). A flex column ordered
@@ -1166,13 +1169,13 @@ p.sec-p{font-size:var(--fs-lede);font-weight:500;color:var(--ink-soft);line-heig
    / relationship, the faces, the facts as a mono hairline ledger, the doors. */
 .projCard{position:relative;container-type:inline-size;display:flex;flex-direction:column;
   width:min(560px,100%);max-height:calc(100vh - 48px);overflow:auto;text-align:left;
-  background:var(--bg-card);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:none;padding:0 0 26px;}
+  background:var(--bg-card);border:var(--ds-line) solid var(--rule);border-radius:var(--ds-radius-panel);box-shadow:none;padding:0 0 26px;}
 .projCard:not(.has-art){padding-top:26px;}
 .projCard .cardArt{order:0;display:block;width:100%;aspect-ratio:5/2;object-fit:cover;
-  border-radius:var(--radius) var(--radius) 0 0;}
+  border-radius:var(--ds-radius-panel) var(--ds-radius-panel) 0 0;}
 .projCard .cardX{position:absolute;top:12px;right:12px;z-index:4;display:inline-flex;align-items:center;
-  justify-content:center;width:30px;height:30px;border:0;border-radius:var(--radius-pill);
-  background:var(--glass-strong);color:var(--ink);cursor:pointer;font-size:14px;line-height:1;}
+  justify-content:center;width:30px;height:30px;border:0;border-radius:var(--ds-radius-pill);
+  background:var(--glass-strong);color:var(--ink);cursor:pointer;font-size:var(--ds-text-md);line-height:1;}
 .projCard .cardX:hover{background:var(--glass-edge);}
 /* on art the close control takes the void pill: the one legal literal is black with alpha */
 .projCard.has-art .cardX{background:var(--void-pill);color:var(--void-ink);}
@@ -1740,3 +1743,23 @@ p.sec-p{font-size:var(--fs-lede);font-weight:500;color:var(--ink-soft);line-heig
 #view-new .inviteBox{margin-top:34px;}
 #view-new .inviteBox .finePrint{margin-top:10px;}
 #view-new #wizInviteLater{margin-top:14px;}
+
+/* ── the shared dialog (hall-dialog.js; task 1005136) ──
+   The hub's one question ("start another project while one is building?") is the
+   hall's own dialog, OTBDialog.confirm, not the browser's box. Its frame is the
+   project card's: the card ground, one hairline, the panel corner, on the shared
+   modal layer, over the same black scrim, and like the card no shadow (the world
+   has no shadow vocabulary for UI). Its buttons are this sheet's .btn (the
+   --ghost/--danger names above). */
+.hall-dialog{z-index:var(--ds-z-modal);box-sizing:border-box;width:min(480px,calc(100vw - 2 * var(--ds-space-sm)));
+  max-height:calc(100dvh - 2 * var(--ds-space-md));overflow-y:auto;margin:auto;padding:var(--ds-space-md);
+  color:var(--ink);background:var(--bg-card);border:var(--ds-line) solid var(--rule);
+  border-radius:var(--ds-radius-panel);box-shadow:none;text-align:left;}
+.hall-dialog::backdrop{background:rgba(0,0,0,.55);}
+.hall-dialog__head{display:flex;align-items:flex-start;gap:var(--ds-space-xs);margin:0 0 var(--ds-space-xs);}
+.hall-dialog__title{flex:1;margin:0;font-family:var(--font-display);font-size:var(--ds-text-3xl);font-weight:500;line-height:1.25;color:var(--ink);}
+.hall-dialog__x{flex:none;min-width:32px;min-height:32px;padding:0;font:inherit;font-size:var(--ds-text-4xl);line-height:1;
+  color:var(--ink-soft);background:transparent;border:0;border-radius:var(--ds-radius-pill);cursor:pointer;}
+.hall-dialog__x:hover{color:var(--ink);}
+.hall-dialog__body p{margin:0 0 var(--ds-space-xs);font-size:var(--ds-text-md);line-height:1.5;color:var(--ink-soft);}
+.hall-dialog__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--ds-space-xs);margin-top:var(--ds-space-md);}

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

@@ -504,7 +504,9 @@ body{
 @media (max-width:900px){
   .topbar{height:var(--top-h);padding:0 12px;gap:10px}
   .barLeft{gap:12px}
-  .barRight{gap:12px}
+  /* the shared step, not 12: at 320 signed out the bar was 1px wider than the room, and the
+     mark slid under the projects trigger by that pixel (task 1005136) */
+  .barRight{gap:var(--ds-space-xs)}
   /* the wordmark folds away so the bar holds ONE row down to 320; the link keeps its name */
   .barMark{min-width:44px;justify-content:center}
   .mark-word{display:none}
@@ -515,6 +517,10 @@ body{
   .pill{min-height:42px;font-size:13.5px}
   .signin,.newacct{padding:0 14px}
   .newacct{margin-right:6px}
+  /* signed in, the bar carries four doors and the mark: the second-account door folds
+     into the profile band (its bandFold twin) so the bar holds one row with no overlap
+     down to 320 (task 1005136) */
+  .barRight:has(.who) .newacct{display:none}
   .bandIn{padding:0 12px 16px}
   .bandRow{grid-template-columns:1fr;gap:0}
   .bandT{font-size:20px}
@@ -749,6 +755,8 @@ composition A; landing composition v3, picked by the owner 2026-08-27. No roll,
            Apex-only because the page is — /account is served only where
            platform-identity runs, so a child instance loses the item whole. -->
       <!--apex-only:start--><li class="bandCell"><a class="bandT" href="/invitations">Invitations</a></li><li class="bandCell"><a class="bandT" href="/connections">Connections</a></li><li class="bandCell"><a class="bandT" href="/account">Account</a></li><!--apex-only:end-->
+      <!-- the bar's second-account door, folded here on a narrow bar (task 1005136) -->
+      <li class="bandCell bandFold"><a class="bandT" href="/api/bongos/auth/web/start?return=/&amp;repos=1&amp;switch=1" title="Sign in with a different GitHub account">New account</a></li>
       <!-- the honest hover target; the script upgrades the click to the POST -->
       <li class="bandCell"><a class="bandT signout" href="/api/bongos/auth/logout">Sign out</a></li>
     </ul>

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

@@ -2185,6 +2185,8 @@ summary{min-height:24px;padding:3px 0;}
 <footer class="foot"><!--apex-only:start--><span>A non-profit, capture-resistant commons. </span><!--apex-only:end-->Built by agents, on <span data-brand-product-inline>Cloud&nbsp;Bongos</span>. <a href="https://www.npmjs.com/package/@bongos/core" target="_blank" rel="noopener">Open source</a> (<a href="https://www.gnu.org/licenses/agpl-3.0.html" target="_blank" rel="noopener">AGPL-3.0</a>).<nav class="footNav" aria-label="Site"><a href="/#about">About</a><a href="/docs">Docs</a><a href="/privacy">Privacy</a><a href="/terms">Terms</a><a href="/contact">Contact</a><!--apex-only:start--><a data-link-hall href="{{buildersOrigin}}">Builders' hall</a><!--apex-only:end--></nav></footer>
 
 <script src="/modules/hall-ui/public/dom-utils.js"></script>
+<!-- the hall's one dialog (task 1005136): the hub asks its question in it, never in the browser's box -->
+<script src="/modules/hall-ui/public/hall-dialog.js"></script>
 <script>
 /* Brand-pack fill (R57): the server injects window.__BRANDING__ ahead of this
    script; baked markup above is the standalone fallback. */
@@ -7855,8 +7857,14 @@ summary{min-height:24px;padding:3px 0;}
       var again = document.createElement('button');
       again.type = 'button'; again.className = 'again'; again.textContent = 'Start another project';
       again.addEventListener('click', function () {
-        /* a standup still being watched is not abandoned by accident */
-        if (instanceId && pollTimer && !confirm((state.name || state.slug) + ' keeps building — you’ll find it on your projects page. Start a new one?')) return;
+        /* a standup still being watched is not abandoned by accident — asked in the
+           shared dialog (hall-dialog.js), never the browser's box (task 1005136) */
+        var asked = instanceId && pollTimer
+          ? window.OTBDialog.confirm({ title: 'Start a new one?', body: (state.name || state.slug) + ' keeps building — you’ll find it on your projects page.', confirmLabel: 'Start a new one', trigger: again })
+          : Promise.resolve(true);
+        asked.then(function (yes) { if (yes) startAnother(); });
+      });
+      function startAnother() {
         resetForNewProject();
         /* the deliberate goodbye: the record goes too, so nothing offers to resume
            the project the founder has just said they are finished watching */
@@ -7868,7 +7876,7 @@ summary{min-height:24px;padding:3px 0;}
         try { sessionStorage.removeItem(CREATED_KEY); } catch (e) {}
         paintResumeOffer(null);
         show(1, true);
-      });
+      }
       $('doneActs').insertBefore(again, $('hopLink'));
     }
     wireAgain();

package/modules/raise/page.js

@@ -131,7 +131,9 @@ async function renderPage({ editor }) {
   return R.fill(view('page.html'), {
     base: BASE,
     assetVersion: v,
-    editorAssets: editor ? `<script src="${BASE}/assets/edit.js?v=${v}" defer></script>` : '',
+    // the editor asks its questions in the hall's one dialog: the shared escaper first,
+    // then the dialog, then the editor (task 1005136)
+    editorAssets: editor ? `<script src="/modules/hall-ui/public/dom-utils.js" defer></script><script src="/modules/hall-ui/public/hall-dialog.js" defer></script><script src="${BASE}/assets/edit.js?v=${v}" defer></script>` : '',
     draftBanner: c.draft ? '<div class="draft" role="note">DRAFT</div>' : '',
     editBar: editor ? editBar(editor, c) : '',
     entity: R.esc(c.entity),

package/modules/raise/public/edit.js

@@ -120,10 +120,17 @@
 
   startBtn.addEventListener('click', function () { status.textContent = ''; setEditing(true); });
 
+  // Cancel with edits asks in the hall's own dialog (hall-dialog.js, loaded with this
+  // file for an editor; task 1005136), never the browser's box.
   cancelBtn.addEventListener('click', function () {
-    if (changes().count && !confirm('Discard your unsaved changes?')) return;
-    editing = false;
-    location.reload();
+    var asked = changes().count
+      ? window.OTBDialog.confirm({ title: 'Discard your unsaved changes?', confirmLabel: 'Discard', trigger: cancelBtn })
+      : Promise.resolve(true);
+    asked.then(function (yes) {
+      if (!yes) return;
+      editing = false;
+      location.reload();
+    });
   });
 
   saveBtn.addEventListener('click', function () {

package/modules/raise/public/raise.css

@@ -66,9 +66,9 @@ p { margin: 0 0 16px; max-width: 64ch; }
 
 .btn {
   display: inline-flex; align-items: center; justify-content: center; gap: 8px;
-  font: 600 16px var(--font); color: var(--on-accent); background: var(--accent);
-  border: 0; border-radius: 999px; padding: 13px 26px; cursor: pointer;
-  transition: transform .12s ease, filter .12s ease;
+  font: 600 var(--ds-text-xl) var(--font); color: var(--on-accent); background: var(--accent);
+  border: 0; border-radius: var(--ds-radius-pill); padding: 13px 26px; cursor: pointer;
+  transition: transform var(--ds-dur-fast) var(--ds-ease), filter var(--ds-dur-fast) var(--ds-ease);
 }
 .btn:hover:not(:disabled) { filter: brightness(1.05); transform: translateY(-1px); }
 .btn:disabled { background: var(--deep); color: var(--ink-faint); cursor: not-allowed; }
@@ -198,7 +198,7 @@ section { padding: 72px 0; border-bottom: 1px solid var(--rule-soft); }
 .draft { letter-spacing: .2em; }
 
 /* ── team: Sign in with Bongos + in-place editing ───────── */
-.btn--ghost { background: transparent; color: var(--ink); border: 1px solid var(--rule); padding: 10px 20px; font-size: 15px; }
+.btn--ghost { background: transparent; color: var(--ink); border: var(--ds-line) solid var(--rule); padding: 10px 20px; font-size: var(--ds-text-lg); }
 .btn--ghost:hover { border-color: var(--accent); }
 .gate__team { margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--rule-soft); display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 14px; color: var(--ink-soft); text-decoration: none; }
 .gate__team a { text-decoration: none; }
@@ -232,3 +232,30 @@ section { padding: 72px 0; border-bottom: 1px solid var(--rule-soft); }
 .tok { white-space: nowrap; }
 .is-editing .tok, .is-editing .cite { background: color-mix(in srgb, var(--sea) 18%, transparent); border-radius: 3px; padding: 0 2px; cursor: default; }
 .is-editing [data-kind="para"], .is-editing [data-kind="list"] { padding: 4px 6px; margin-left: -6px; margin-right: -6px; }
+
+/* ── the dialog ─────────────────────────────────────────────
+   The editor's "discard your changes?" is the hall's one dialog (hall-dialog.js,
+   OTBDialog.confirm; task 1005136), drawn here on this page's tokens and the shared
+   scales: the card ground, one hairline, the panel corner, the one floating shadow,
+   the modal layer, over a black scrim (the one literal the Fifteen Rule allows). */
+.hall-dialog {
+  z-index: var(--ds-z-modal); box-sizing: border-box;
+  width: min(480px, calc(100vw - 2 * var(--ds-space-sm)));
+  max-height: calc(100dvh - 2 * var(--ds-space-md)); overflow-y: auto;
+  margin: auto; padding: var(--ds-space-md);
+  color: var(--ink); background: var(--card);
+  border: var(--ds-line) solid var(--rule); border-radius: var(--ds-radius-panel);
+  box-shadow: var(--ds-shadow-pop);
+}
+.hall-dialog::backdrop { background: rgba(0, 0, 0, .55); }
+.hall-dialog__head { display: flex; align-items: flex-start; gap: var(--ds-space-xs); margin: 0 0 var(--ds-space-xs); }
+.hall-dialog__title { flex: 1; margin: 0; font-size: var(--ds-text-3xl); font-weight: 500; line-height: 1.25; }
+.hall-dialog__x {
+  flex: none; min-width: 32px; min-height: 32px; padding: 0;
+  font: inherit; font-size: var(--ds-text-4xl); line-height: 1; color: var(--ink-soft);
+  background: transparent; border: 0; border-radius: var(--ds-radius-pill); cursor: pointer;
+}
+.hall-dialog__x:hover { color: var(--ink); }
+.hall-dialog__body p { margin: 0 0 var(--ds-space-xs); font-size: var(--ds-text-md); line-height: 1.5; color: var(--ink-soft); }
+.hall-dialog__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--ds-space-xs); margin-top: var(--ds-space-md); }
+.hall-dialog__actions .btn { font-size: var(--ds-text-lg); padding: 10px 20px; }

package/modules/render-deploy/public/deploy.js

@@ -197,7 +197,7 @@
   });
 
   // Step two. Closes over `p`, the press that was shown, so what is sent is what was displayed.
-  const confirm = () => {
+  const confirmAction = () => {
     const p = state.pending;
     if (!p) return;
     return run(async () => {
@@ -218,7 +218,7 @@
     const rb = t.closest('[data-rollback]');
     if (rb) { state.pending = { action: 'rollback', deployId: rb.getAttribute('data-rollback'), liveWas: state.hist.liveDeployId }; state.error = null; state.done = null; return paint(); }
     if (t.closest('#rd-cancel')) { state.pending = null; return paint(); }
-    if (t.closest('#rd-confirm')) return confirm();
+    if (t.closest('#rd-confirm')) return confirmAction();
     const v = t.closest('[data-view]');
     if (v) { state.viewing = v.getAttribute('data-view'); return paint(); }
     if (t.closest('#rd-unview')) { state.viewing = null; return paint(); }

package/package-lock.json

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

package/package.json

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

@@ -11347,5 +11347,11 @@
       "id": "1005137",
       "text": "On a phone the hall's top bar now fits without cutting off buttons, the Studio stays a night room in dark mode, the sky page's dots no longer cover its labels, and the components reference page is readable in dark mode."
     }
+  ],
+  "1.24.63": [
+    {
+      "id": "1005136",
+      "text": "The last browser pop-up boxes are gone: every question the site asks (rename, give a reason, are you sure) now opens in Cloud Bongos's own dialog, and on a phone the signed-in front page no longer squeezes the logo under the m"
+    }
   ]
 }

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.62'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
+const CORE_VERSION = '1.24.63'; // 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');