@bongos/core 1.21.174 → 1.21.175

package/docs/page-inventory.json

@@ -87,6 +87,7 @@
       "files": [
         "modules/hall-ui/public/blockers.html",
         "modules/hall-ui/public/style.css",
+        "modules/hall-ui/public/hall-ask.css",
         "modules/hall-ui/public/oversight.css",
         "modules/hall-ui/public/shell-trail.js",
         "modules/hall-ui/public/craft-mode.js",
@@ -97,6 +98,7 @@
         "modules/hall-ui/public/hall-kit.js",
         "modules/hall-ui/public/task-detail.js",
         "modules/hall-ui/public/blockers-lib.js",
+        "modules/hall-ui/public/hall-ask.js",
         "modules/hall-ui/public/blockers.js"
       ],
       "states_files": [],
@@ -115,6 +117,7 @@
       "files": [
         "modules/hall-ui/public/board-room.html",
         "modules/hall-ui/public/style.css",
+        "modules/hall-ui/public/hall-ask.css",
         "modules/hall-ui/public/oversight.css",
         "modules/hall-ui/public/board-room.css",
         "modules/hall-ui/public/shell-trail.js",
@@ -578,6 +581,7 @@
       "files": [
         "modules/hall-ui/public/index.html",
         "modules/hall-ui/public/style.css",
+        "modules/hall-ui/public/hall-ask.css",
         "modules/hall-ui/public/dom-utils.js",
         "modules/hall-ui/public/task-detail.js",
         "modules/hall-ui/public/brand-apply.js",
@@ -591,6 +595,7 @@
         "modules/hall-ui/public/hall-widgets.js",
         "modules/hall-ui/public/genesis-home.js",
         "modules/hall-ui/public/goals.js",
+        "modules/hall-ui/public/hall-ask.js",
         "modules/hall-ui/public/blockers-lib.js",
         "modules/hall-ui/public/goal-inbox.js",
         "modules/hall-ui/public/hall-render.js",

package/docs/page-readings.json

@@ -5,7 +5,7 @@
   "adr": "0341 D3",
   "reread": "node scripts/gds/page-reader.js --stale",
   "how": ["Generated by node scripts/gds/page-reader.js (BV2.TW04, task 1004315; ADR 0341 D3). Do not hand-edit.","One entry per page of docs/page-inventory.json. Lines are in page order: the default state first, and a line only another state shows sits where that state shows it, with its state named.","placement: placed = a docs/copy-registry.json row renders it (file, line, string_id); shared = shell text every page of the surface carries (top bar, sidebar, footer), with its row when the registry has one; unplaced = the registry cannot place it (a rewrite becomes an engineer task, ADR 0341 D4).","text keeps {…} where the registry row has a hole, or where a value the page read from its API was filled in. A string that is only such data is counted under omitted.data, not listed.","reading_hash is over the non-shared lines (key, section, text); files_hash is over the page's inventory files. --check compares files_hash only and never opens a browser.","Rendered through the hall-preview harness (hall) and the ui-design kit stub (landing, status), at 1280x800 with the clock pinned, so a reading is the fixture world's page."],
-  "counts": {"pages":46,"lines":5405,"placed":1698,"shared":399,"unplaced":3308,"omitted_data":3498},
+  "counts": {"pages":46,"lines":5407,"placed":1698,"shared":399,"unplaced":3310,"omitted_data":3498},
   "pages": [
     {
       "id": "builders:atlas",
@@ -50,9 +50,9 @@
       "surface": "builders",
       "title": "Blockers",
       "states_read": ["default"],
-      "files_hash": "f5bf3c2244e3fbdd",
-      "reading_hash": "2b3fd98b7ba1bff6",
-      "counts": {"lines":28,"placed":12,"shared":8,"unplaced":8},
+      "files_hash": "6bbb72d61775d17b",
+      "reading_hash": "4fcc4d52c13cf804",
+      "counts": {"lines":30,"placed":12,"shared":8,"unplaced":10},
       "omitted": {"data":9},
       "notes": [],
       "lines": [
@@ -64,26 +64,28 @@
         {"key":"L0006","section":"top bar","text":"Artistry","placement":"shared"},
         {"key":"L0007","section":"top bar","text":"Ideating","placement":"shared"},
         {"key":"L0008","section":"Blockers","text":"Blockers","placement":"unplaced"},
-        {"key":"L0009","section":"Blockers","text":"A credential, a purchase, a product call, etc. gated at the owner level. Any tasks awaiting the same block will unblock automatically on resolution.","placement":"placed","file":"modules/hall-ui/public/blockers.html","line":26,"string_id":"715edae2bf8d"},
-        {"key":"L0010","section":"Open {…}","text":"Open blockers","placement":"placed","file":"modules/hall-ui/public/blockers.html","line":36,"string_id":"ade0e39c65e9"},
-        {"key":"L0011","section":"Open {…}","text":"+ File blocker","placement":"placed","file":"modules/hall-ui/public/blockers.js","line":303,"string_id":"32e5b4833f55"},
-        {"key":"L0012","section":"Open {…}","text":"{…} of {…}","placement":"placed","file":"modules/hall-ui/public/sky-panel.js","line":120,"string_id":"73c1372b43d9"},
-        {"key":"L0013","section":"Open {…}","text":"Filed {…} · Blocking nothing yet","placement":"unplaced","occurrences":3},
-        {"key":"L0014","section":"Open {…}","text":"Resolve","placement":"unplaced","occurrences":9},
-        {"key":"L0015","section":"Open {…}","text":"Link a task","placement":"placed","file":"modules/hall-ui/public/blockers.js","line":148,"string_id":"b8ba1fa4457c","occurrences":9},
-        {"key":"L0016","section":"Open {…}","text":"Filed {…} · Blocking 1 {…}:","placement":"unplaced","occurrences":6},
-        {"key":"L0017","section":"Open {…}","text":"{…} and {…}","placement":"placed","file":"modules/hall-ui/public/profile-nudge.js","line":77,"string_id":"56b00d773232"},
-        {"key":"L0018","section":"Open {…}","text":"{…} project{…}","placement":"placed","file":"modules/hall-ui/public/fleet.js","line":39,"string_id":"771bef3d31b5"},
-        {"key":"L0019","section":"footer","text":"Sign out","placement":"shared","file":"modules/hall-ui/public/shell.js","line":520,"string_id":"1883ad7f07fc"},
-        {"key":"L0020","section":"Open {…}","text":"Builders hall · this session","placement":"placed","file":"modules/hall-ui/public/craft-mode.js","line":674,"string_id":"fd1903586e8e"},
-        {"key":"L0021","section":"What are you doing now?","text":"What are you doing now?","placement":"placed","file":"modules/hall-ui/public/craft-mode.js","line":675,"string_id":"60853319f290"},
-        {"key":"L0022","section":"What are you doing now?","text":"Pick one. You can switch any time from the top bar.","placement":"placed","file":"modules/hall-ui/public/craft-mode.js","line":676,"string_id":"4f87d5b17b54"},
-        {"key":"L0023","section":"What are you doing now?","text":"Building","placement":"unplaced"},
-        {"key":"L0024","section":"What are you doing now?","text":"{…} and {…}","placement":"placed","file":"modules/hall-ui/public/profile-nudge.js","line":77,"string_id":"56b00d773232","occurrences":3},
-        {"key":"L0025","section":"What are you doing now?","text":"Artistry","placement":"unplaced"},
-        {"key":"L0026","section":"What are you doing now?","text":"Ideating","placement":"unplaced"},
-        {"key":"L0027","section":"What are you doing now?","text":"Turn thoughts into ideas.","placement":"unplaced"},
-        {"key":"L0028","section":"What are you doing now?","text":"Ask me again next session","placement":"placed","file":"modules/hall-ui/public/craft-mode.js","line":679,"string_id":"fa86bf403775"}
+        {"key":"L0009","section":"Blockers","text":"A credential, a purchase, a product call, etc. gated at the owner level. Any tasks awaiting the same block will unblock automatically on resolution.","placement":"placed","file":"modules/hall-ui/public/blockers.html","line":27,"string_id":"715edae2bf8d"},
+        {"key":"L0010","section":"Open {…}","text":"Open blockers","placement":"placed","file":"modules/hall-ui/public/blockers.html","line":37,"string_id":"ade0e39c65e9"},
+        {"key":"L0011","section":"Open {…}","text":"+ File blocker","placement":"placed","file":"modules/hall-ui/public/blockers.js","line":316,"string_id":"32e5b4833f55"},
+        {"key":"L0012","section":"Open {…}","text":"{…} project{…}","placement":"placed","file":"modules/hall-ui/public/fleet.js","line":39,"string_id":"771bef3d31b5","occurrences":10},
+        {"key":"L0013","section":"Open {…}","text":"{…} of {…}","placement":"placed","file":"modules/hall-ui/public/sky-panel.js","line":120,"string_id":"73c1372b43d9"},
+        {"key":"L0014","section":"Open {…}","text":"Filed {…} · Blocking nothing yet","placement":"unplaced","occurrences":3},
+        {"key":"L0015","section":"Open {…}","text":"Resolve it","placement":"unplaced","occurrences":9},
+        {"key":"L0016","section":"Open {…}","text":"Say what settled it","placement":"unplaced","occurrences":9},
+        {"key":"L0017","section":"Open {…}","text":"Link a task","placement":"placed","file":"modules/hall-ui/public/blockers.js","line":161,"string_id":"b8ba1fa4457c","occurrences":9},
+        {"key":"L0018","section":"Open {…}","text":"Name the {…} it holds up","placement":"unplaced","occurrences":9},
+        {"key":"L0019","section":"Open {…}","text":"Filed {…} · Blocking 1 {…}:","placement":"unplaced","occurrences":6},
+        {"key":"L0020","section":"Open {…}","text":"{…} and {…}","placement":"placed","file":"modules/hall-ui/public/profile-nudge.js","line":77,"string_id":"56b00d773232"},
+        {"key":"L0021","section":"footer","text":"Sign out","placement":"shared","file":"modules/hall-ui/public/shell.js","line":520,"string_id":"1883ad7f07fc"},
+        {"key":"L0022","section":"Open {…}","text":"Builders hall · this session","placement":"placed","file":"modules/hall-ui/public/craft-mode.js","line":674,"string_id":"fd1903586e8e"},
+        {"key":"L0023","section":"What are you doing now?","text":"What are you doing now?","placement":"placed","file":"modules/hall-ui/public/craft-mode.js","line":675,"string_id":"60853319f290"},
+        {"key":"L0024","section":"What are you doing now?","text":"Pick one. You can switch any time from the top bar.","placement":"placed","file":"modules/hall-ui/public/craft-mode.js","line":676,"string_id":"4f87d5b17b54"},
+        {"key":"L0025","section":"What are you doing now?","text":"Building","placement":"unplaced"},
+        {"key":"L0026","section":"What are you doing now?","text":"{…} and {…}","placement":"placed","file":"modules/hall-ui/public/profile-nudge.js","line":77,"string_id":"56b00d773232","occurrences":3},
+        {"key":"L0027","section":"What are you doing now?","text":"Artistry","placement":"unplaced"},
+        {"key":"L0028","section":"What are you doing now?","text":"Ideating","placement":"unplaced"},
+        {"key":"L0029","section":"What are you doing now?","text":"Turn thoughts into ideas.","placement":"unplaced"},
+        {"key":"L0030","section":"What are you doing now?","text":"Ask me again next session","placement":"placed","file":"modules/hall-ui/public/craft-mode.js","line":679,"string_id":"fa86bf403775"}
       ]
     },
     {
@@ -91,22 +93,22 @@
       "surface": "builders",
       "title": "Board Room",
       "states_read": ["room","out","sitting-meta","objection-form"],
-      "files_hash": "33d6388010313047",
+      "files_hash": "8c30d46056493f66",
       "reading_hash": "bb827082275d1b73",
       "counts": {"lines":41,"placed":19,"shared":8,"unplaced":14},
       "omitted": {"data":11},
       "notes": ["sitting-meta: an action failed (page.click: Timeout 6000ms exceeded.); read as it stood","objection-form: an action failed (page.click: Timeout 6000ms exceeded.); read as it stood"],
       "lines": [
         {"key":"L0001","section":"skip link","text":"Skip to content","placement":"shared","file":"modules/hall-ui/public/shell.js","line":872,"string_id":"87cee78ca134"},
-        {"key":"L0002","section":"top bar","text":"Board Room","placement":"shared","file":"modules/hall-ui/public/board-room.html","line":19,"string_id":"118026595c16"},
+        {"key":"L0002","section":"top bar","text":"Board Room","placement":"shared","file":"modules/hall-ui/public/board-room.html","line":20,"string_id":"118026595c16"},
         {"key":"L0003","section":"top bar","text":"Jump to…","placement":"shared","file":"modules/hall-ui/public/shell.js","line":544,"string_id":"eba610d25523"},
         {"key":"L0004","section":"top bar","text":"Ctrl K","placement":"shared"},
         {"key":"L0005","section":"top bar","text":"Building","placement":"shared"},
         {"key":"L0006","section":"top bar","text":"Artistry","placement":"shared"},
         {"key":"L0007","section":"top bar","text":"Ideating","placement":"shared"},
-        {"key":"L0008","section":"Board Room","text":"Board Room","placement":"placed","file":"modules/hall-ui/public/board-room.html","line":19,"string_id":"118026595c16"},
+        {"key":"L0008","section":"Board Room","text":"Board Room","placement":"placed","file":"modules/hall-ui/public/board-room.html","line":20,"string_id":"118026595c16"},
         {"key":"L0009","section":"Board Room","text":"Nothing is before the {…}.","placement":"unplaced"},
-        {"key":"L0010","section":"Board Room","text":"Read an idea, then decide. An objection needs a reason and the section it faults.","placement":"placed","file":"modules/hall-ui/public/board-room.html","line":51,"string_id":"fae2f90927bd"},
+        {"key":"L0010","section":"Board Room","text":"Read an idea, then decide. An objection needs a reason and the section it faults.","placement":"placed","file":"modules/hall-ui/public/board-room.html","line":52,"string_id":"fae2f90927bd"},
         {"key":"L0011","section":"Board Room","text":"Nothing is before the {…}. When a Full Idea clears the completeness grade, its window opens here.","placement":"unplaced"},
         {"key":"L0012","section":"Board Room","text":"Closed sittings","placement":"unplaced"},
         {"key":"L0013","section":"{…} project{…}","text":"{…} project{…}","placement":"placed","file":"modules/hall-ui/public/fleet.js","line":39,"string_id":"771bef3d31b5","occurrences":2},
@@ -1440,7 +1442,7 @@
       "surface": "builders",
       "title": "Builders' Hall",
       "states_read": ["home","standing","standing-karma","out","founding","genesis","decide","demo"],
-      "files_hash": "e32eb071e46bec38",
+      "files_hash": "59b17bf6a34ffe16",
       "reading_hash": "42dbab4f3948fe66",
       "counts": {"lines":117,"placed":63,"shared":10,"unplaced":44},
       "omitted": {"data":101},
@@ -1475,7 +1477,7 @@
         {"key":"L0027","section":"Goals","text":"Goals","placement":"unplaced"},
         {"key":"L0028","section":"Goals","text":"You haven’t joined any open goals.","placement":"placed","file":"modules/hall-ui/public/goals.js","line":100,"string_id":"044387a6f90c"},
         {"key":"L0029","section":"Goals","text":"Browse goals →","placement":"placed","file":"modules/hall-ui/public/goals.js","line":100,"string_id":"da910fee01d7"},
-        {"key":"L0030","section":"Needs your attention13","text":"Needs your attention","placement":"placed","file":"modules/hall-ui/public/goal-inbox.js","line":597,"string_id":"7def635421ea"},
+        {"key":"L0030","section":"Needs your attention13","text":"Needs your attention","placement":"placed","file":"modules/hall-ui/public/goal-inbox.js","line":580,"string_id":"7def635421ea"},
         {"key":"L0031","section":"Needs your attention13","text":"From the system","placement":"placed","file":"modules/hall-ui/public/hall-render.js","line":721,"string_id":"d32c5e058d1e"},
         {"key":"L0032","section":"Needs your attention13","text":"Ideas awaiting triage","placement":"placed","file":"modules/hall-ui/public/builders.js","line":895,"string_id":"e181637c5a5e"},
         {"key":"L0033","section":"Needs your attention13","text":"{…} project{…}","placement":"placed","file":"modules/hall-ui/public/fleet.js","line":39,"string_id":"771bef3d31b5"},

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

@@ -9,6 +9,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
+  <link rel="stylesheet" href="/builders/hall-ask.css">
   <!-- task 1003455: the row shape (title + facts) is the oversight family's,
        the same archetype collab/copy-desk/watch/gate already ride. -->
   <link rel="stylesheet" href="/builders/oversight.css">
@@ -65,6 +66,7 @@
      for the "blocking N tasks" facts line, but not the overlay's own render. -->
 <script src="/builders/task-detail.js?v=2026-07-03-taskdetail"></script>
 <script src="/builders/blockers-lib.js"></script>
+<script src="/builders/hall-ask.js"></script>
 <script src="/builders/blockers.js"></script>
 </body>
 </html>

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

@@ -142,6 +142,19 @@
           + '<button type="submit" class="td-btn td-btn--primary" data-submit>Link</button>'
           + '<button type="button" class="td-btn" data-row-cancel>Cancel</button>'
           + '</div><p class="td-action-note" data-err></p></form></div>';
+      } else if (window.OTBAsk) {
+        // task 1004820: a closed row a reviewer can act on is the city's ask card
+        return window.OTBAsk.html({
+          attrs: { 'data-id': id },
+          where: 'Waiting on the project owner',
+          q: b.title || ('Blocker ' + id), qHref: blockerHref(id),
+          saidHtml: facts.noteHtml + '<div class="ov-row__facts">' + facts.factsHtml + '</div>',
+          row: true,
+          opts: [
+            { label: 'Resolve it', result: 'Say what settled it', rec: true, attrs: { 'data-resolve-open': id } },
+            { label: 'Link a task', result: 'Name the task it holds up', attrs: { 'data-link-open': id } },
+          ],
+        });
       } else {
         right = '<div class="ov-row__right"><div class="ov-row__actions">'
           + '<button type="button" class="btn-ghost" data-resolve-open="' + kit.esc(id) + '">Resolve</button>'

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

@@ -76,3 +76,8 @@
 .gov-vote__sections { display: flex; flex-wrap: wrap; gap: 6px 16px; }
 .gov-vote__section { display: inline-flex; align-items: center; gap: 8px; min-height: 24px; font-size: 13px; color: var(--ink); cursor: pointer; }
 .gov-vote__section input { width: 16px; height: 16px; margin: 0; }
+/* task 1004820: the vote's two answers are the city's ask-card chips */
+.gov-vote > .hask__opt { flex: 1 1 220px; width: auto; }
+.gov-vote__no { flex: 1 1 220px; }
+.gov-vote__no > summary.hask__opt { list-style: none; }
+.gov-vote__no > summary.hask__opt::-webkit-details-marker { display: none; }

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

@@ -9,6 +9,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
+  <link rel="stylesheet" href="/builders/hall-ask.css">
   <link rel="stylesheet" href="/builders/oversight.css">
   <!-- The room's own sheet: the sitting card and the ballot controls moved here
        out of government.css with the room (ADR 0266), so neither page carries the

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

@@ -378,9 +378,9 @@
       : '';
     return `<div class="gov-vote" data-item="${escapeHtml(item.id)}">
       ${ownNote}
-      <button type="button" class="btn-accent" data-vote="yes">Vote yes</button>
+      <button type="button" class="hask__opt hask__opt--rec" data-vote="yes"><span class="hask__label">Vote yes</span><span class="hask__result">It counts toward passing</span></button>
       <details class="gov-vote__no">
-        <summary class="btn-ghost">Object…</summary>
+        <summary class="hask__opt"><span class="hask__label">Object</span><span class="hask__result">It goes back to its author with your reason</span></summary>
         <p class="gov-grid-note">This sends the idea back to its author. Say why, and which section.</p>
         <textarea data-vote-reason placeholder="Why — the reason the author will act on" maxlength="5000" rows="3"></textarea>
         <div class="gov-vote__sections">${sections}</div>

package/modules/hall-ui/public/goal-inbox.js

@@ -46,37 +46,36 @@
 
   // The goal-detail hash route on the Goals page (matches goals.js's row link).
   const goalHref = (goalId) => `/goals#/goal/${encodeURIComponent(goalId)}`;
-  const noteHtml = (note) => (note ? `<p class="ginbox__note">“${escapeHtml(note)}”</p>` : '');
 
   function invitationRow(inv) {
     const who = inv.invited_by_name || inv.invited_by_login || 'someone';
-    return `<li class="ginbox__item" data-goal="${escapeHtml(String(inv.goal_id))}">
-        <div class="ginbox__body">
-          <a class="ginbox__goal" href="${goalHref(inv.goal_id)}" title="Open ${escapeHtml(inv.goal_title || 'goal')}">${escapeHtml(inv.goal_title || 'a goal')}</a>
-          <span class="ginbox__sub">invited by ${escapeHtml(who)}</span>
-          ${noteHtml(inv.note)}
-        </div>
-        <div class="ginbox__actions">
-          <button class="btn-ghost" type="button" data-accept-inv="${escapeHtml(String(inv.id))}">Accept</button>
-          <button class="btn-ghost" type="button" data-decline-inv="${escapeHtml(String(inv.id))}">Decline</button>
-        </div>
-      </li>`;
+    const id = String(inv.id);
+    return window.OTBAsk.html({
+      cls: 'ginbox__item', attrs: { 'data-goal': String(inv.goal_id) },
+      where: `Invited by ${who}`,
+      q: `Join ${inv.goal_title || 'a goal'}?`, qHref: goalHref(inv.goal_id),
+      said: inv.note ? `“${inv.note}”` : '', row: true,
+      opts: [
+        { label: 'Join', result: 'You can claim its work', rec: true, attrs: { 'data-accept-inv': id } },
+        { label: 'No thanks', result: 'The invitation closes', attrs: { 'data-decline-inv': id } },
+      ],
+    });
   }
 
   function requestRow(r) {
     const who = r.display_name || r.github_login || 'a builder';
-    const rank = r.rank ? ` · ${escapeHtml(rankLabel(r.rank, { empty: '' }))}` : '';
-    return `<li class="ginbox__item" data-goal="${escapeHtml(String(r.goal_id))}">
-        <div class="ginbox__body">
-          <a class="ginbox__goal" href="${goalHref(r.goal_id)}" title="Open ${escapeHtml(r.goal_title || 'goal')}">${escapeHtml(r.goal_title || 'a goal')}</a>
-          <span class="ginbox__sub">${escapeHtml(who)}${rank} asks to join</span>
-          ${noteHtml(r.note)}
-        </div>
-        <div class="ginbox__actions">
-          <button class="btn-ghost" type="button" data-approve-req="${escapeHtml(String(r.id))}">Approve</button>
-          <button class="btn-ghost" type="button" data-deny-req="${escapeHtml(String(r.id))}">Deny</button>
-        </div>
-      </li>`;
+    const rank = r.rank ? ` · ${rankLabel(r.rank, { empty: '' })}` : '';
+    const id = String(r.id);
+    return window.OTBAsk.html({
+      cls: 'ginbox__item', attrs: { 'data-goal': String(r.goal_id) },
+      where: `${r.goal_title || 'A goal'}${rank}`,
+      q: `Let ${who} join?`, qHref: goalHref(r.goal_id),
+      said: r.note ? `“${r.note}”` : '', row: true,
+      opts: [
+        { label: 'Let them in', result: 'They can claim its work', rec: true, attrs: { 'data-approve-req': id } },
+        { label: 'Not now', result: 'The request closes', attrs: { 'data-deny-req': id } },
+      ],
+    });
   }
 
   function pendingLine(myPending) {
@@ -289,20 +288,16 @@
   // non-triager's fetch 403s and the slice renders nothing. One gate, on the
   // server, beats a client check that can disagree with it.
   function nodRowHtml(r) {
-    const title = escapeHtml(r.title || `task #${r.task_id}`);
-    const kind = r.kind ? `<span class="ginbox__sub">${escapeHtml(r.kind)}</span>` : '';
-    const who = r.filed_by_login ? ` · filed by ${escapeHtml(r.filed_by_login)}` : '';
-    const goal = r.goal_title ? escapeHtml(r.goal_title) : `goal ${escapeHtml(String(r.goal_id))}`;
-    return `<li class="ginbox__item" data-goal="${escapeHtml(String(r.goal_id))}">
-        <div class="ginbox__body">
-          <a class="ginbox__goal" href="/task/${encodeURIComponent(r.task_id)}">${title}</a>
-          <span class="ginbox__sub">${goal}${who}</span>
-        </div>
-        ${kind}
-        <div class="ginbox__actions">
-          <button class="btn-ghost" type="button" data-nod-task="${escapeHtml(String(r.task_id))}">Give the nod</button>
-        </div>
-      </li>`;
+    const goal = r.goal_title || `goal ${r.goal_id}`;
+    const who = r.filed_by_login ? ` · filed by ${r.filed_by_login}` : '';
+    return window.OTBAsk.html({
+      cls: 'ginbox__item', attrs: { 'data-goal': String(r.goal_id) },
+      where: `${goal}${who}`,
+      q: r.title || `Task ${r.task_id}`, qHref: `/task/${encodeURIComponent(r.task_id)}`,
+      opts: [
+        { label: 'Give the nod', result: 'It opens for anyone to claim', rec: true, attrs: { 'data-nod-task': String(r.task_id) } },
+      ],
+    });
   }
 
   function renderNodQueue(data) {
@@ -366,23 +361,18 @@
   // One word each brings it back into that band; the sentence each answer means
   // rides the `title`, and the head already says what the question is.
   function removalRowHtml(r) {
-    const title = escapeHtml(r.title || `task #${r.proposal_task_id}`);
-    const from = r.ship_task_id
-      ? `deleted by task #${escapeHtml(String(r.ship_task_id))}`
-      : 'from a ship whose id could not be read';
-    const goal = r.goal_title ? ` · ${escapeHtml(r.goal_title)}` : '';
-    return `<li class="ginbox__item ginbox__item--stacked">
-        <div class="ginbox__body">
-          <a class="ginbox__goal" href="/task/${encodeURIComponent(r.proposal_task_id)}">${title}</a>
-          <span class="ginbox__sub">${from}${goal} — open it to see what went</span>
-        </div>
-        <div class="ginbox__actions">
-          <button class="btn-ghost" type="button" data-removal-task="${escapeHtml(String(r.proposal_task_id))}"
-            data-removal-verdict="confirmed" title="That work is genuinely gone">Confirm</button>
-          <button class="btn-ghost" type="button" data-removal-task="${escapeHtml(String(r.proposal_task_id))}"
-            data-removal-verdict="dismissed" title="A refactor, a move, or work already superseded">Dismiss</button>
-        </div>
-      </li>`;
+    const from = r.ship_task_id ? `Deleted by task ${r.ship_task_id}` : 'Deleted by a ship';
+    const id = String(r.proposal_task_id);
+    return window.OTBAsk.html({
+      cls: 'ginbox__item',
+      where: `${from}${r.goal_title ? ' · ' + r.goal_title : ''}`,
+      q: r.title || `Task ${r.proposal_task_id}`, qHref: `/task/${encodeURIComponent(r.proposal_task_id)}`,
+      row: true,
+      opts: [
+        { label: 'It is gone', result: 'That work is really removed', attrs: { 'data-removal-task': id, 'data-removal-verdict': 'confirmed' } },
+        { label: 'Not removed', result: 'It moved or was replaced', attrs: { 'data-removal-task': id, 'data-removal-verdict': 'dismissed' } },
+      ],
+    });
   }
 
   function renderRemovals(data) {
@@ -437,29 +427,23 @@
   }
 
   function rotRowHtml(r) {
-    const href = r.tier === 'goal'
-      ? goalHref(r.id)
-      : `/task/${encodeURIComponent(r.id)}`;
-    const where = r.tier === 'goal'
-      ? 'goal'
-      : (r.goal_title ? escapeHtml(r.goal_title) : `goal ${escapeHtml(String(r.goal_id || '—'))}`);
-    // `watered` is worth showing: a row that is back DESPITE having been watered is
-    // a different message from one nobody has ever looked at, and hiding that would
-    // make the second watering feel like the first one did nothing.
+    const href = r.tier === 'goal' ? goalHref(r.id) : `/task/${encodeURIComponent(r.id)}`;
+    const where = r.tier === 'goal' ? 'Goal' : (r.goal_title || `goal ${r.goal_id || '—'}`);
+    // a row back DESPITE a watering says something a first-timer does not
     const again = r.ever_watered ? ' · watered before' : '';
-    const buttons = (Array.isArray(r.verbs) ? r.verbs : []).map((v) => {
-      const path = String(v.path || '').replace(':id', encodeURIComponent(r.id));
-      return `<button class="btn-ghost" type="button" data-rot-path="${escapeHtml(path)}"`
-        + ` data-rot-verb="${escapeHtml(String(v.verb || ''))}"`
-        + ` title="${escapeHtml(String(v.hint || ''))}">${escapeHtml(String(v.label || v.verb || '?'))}</button>`;
-    }).join('');
-    return `<li class="ginbox__item" data-rot-tier="${escapeHtml(String(r.tier))}">
-        <div class="ginbox__body">
-          <a class="ginbox__goal" href="${escapeHtml(href)}">${escapeHtml(r.title || `${r.tier} #${r.id}`)}</a>
-          <span class="ginbox__sub">${escapeHtml(String(r.status || ''))} · ${where} · ${escapeHtml(untouchedFor(r.last_touched_at))}${again}</span>
-        </div>
-        <div class="ginbox__actions">${buttons}</div>
-      </li>`;
+    const opts = (Array.isArray(r.verbs) ? r.verbs : []).map((v) => ({
+      label: String(v.label || v.verb || '?'),
+      result: String(v.hint || ''),
+      attrs: {
+        'data-rot-path': String(v.path || '').replace(':id', encodeURIComponent(r.id)),
+        'data-rot-verb': String(v.verb || ''),
+      },
+    }));
+    return window.OTBAsk.html({
+      cls: 'ginbox__item', attrs: { 'data-rot-tier': String(r.tier) },
+      where: `${where} · ${untouchedFor(r.last_touched_at)}${again}`,
+      q: r.title || `${r.tier} ${r.id}`, qHref: href, opts,
+    });
   }
 
   // What each verb says when it lands. Keyed by the SERVER's verb name so a new verb
@@ -531,20 +515,19 @@
       titleClass: 'ginbox__goal',
       noteClass: 'ginbox__note',
       whenClass: 'ginbox__sub',
-      // The SAME overlay task-detail.js has rendered since task 1003066's
-      // predecessor — this slice is what gives it its first door in.
       esc: window.OTBKit.esc,
       fmtDate: window.OTBKit.fmtAbsDate,
       blockerHref: (id) => `#/blocker/${encodeURIComponent(id)}`,
       taskHref: (id) => (window.OTBTaskDetail ? window.OTBTaskDetail.href(id) : `/task/${encodeURIComponent(id)}`),
     });
-    return `<li class="ginbox__item">
-        <div class="ginbox__body">
-          ${facts.titleHtml}
-          ${facts.factsHtml}
-          ${facts.noteHtml}
-        </div>
-      </li>`;
+    // Was a link only; now it answers in place: the overlay is where it resolves.
+    return window.OTBAsk.html({
+      cls: 'ginbox__item',
+      where: 'Waiting on the project owner',
+      q: b.title || `Blocker ${b.id}`, qHref: `#/blocker/${encodeURIComponent(b.id)}`,
+      saidHtml: facts.factsHtml + facts.noteHtml,
+      opts: [{ label: 'Resolve it', result: 'Say what settled it', rec: true, href: `#/blocker/${encodeURIComponent(b.id)}` }],
+    });
   }
 
   function renderBlockers(data) {

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

@@ -0,0 +1,57 @@
+/* modules/hall-ui/public/hall-ask.css — THE CITY'S ASK CARD, IN THE HALL
+   (task 1004820, criterion wa6-hall-reads-like-home).
+   The hall's actions are drawn as the city's ask card (street-deck.css `.ask`):
+   where it sits, the question large and light, what was said, then each answer
+   as a one-tap option chip carrying its result line. The hall keeps its own
+   prefix (`hask`) so a page that loads both sheets never cascades one into the
+   other; the tokens are the street's glass chip recipe on the hall's own
+   ground, light first and then twice for dark (the hall's switch). */
+
+body {
+  --hask-chip: color-mix(in srgb, var(--ink) 4%, transparent);
+  --hask-chip-pick: color-mix(in srgb, var(--bg-card) 80%, var(--bg));
+  --hask-edge: color-mix(in srgb, var(--ink) 9%, transparent);
+  --hask-edge-pick: color-mix(in srgb, var(--ink) 34%, transparent);
+}
+html[data-theme="dark"] body {
+  --hask-chip: color-mix(in srgb, var(--ink) 5%, transparent);
+  --hask-chip-pick: color-mix(in srgb, var(--ink) 11%, transparent);
+  --hask-edge: color-mix(in srgb, var(--ink) 11%, transparent);
+  --hask-edge-pick: color-mix(in srgb, var(--ink) 42%, transparent);
+}
+@media (prefers-color-scheme: dark) {
+  html:not([data-theme]) body {
+    --hask-chip: color-mix(in srgb, var(--ink) 5%, transparent);
+    --hask-chip-pick: color-mix(in srgb, var(--ink) 11%, transparent);
+    --hask-edge: color-mix(in srgb, var(--ink) 11%, transparent);
+    --hask-edge-pick: color-mix(in srgb, var(--ink) 42%, transparent);
+  }
+}
+
+/* the card: one item that waits on the reader */
+.hask { list-style: none; display: flex; flex-direction: column; gap: 12px; padding: 16px 16px 14px; margin: 0 0 10px; box-sizing: border-box; border-radius: 22px; background: var(--hask-chip); border: 1px solid var(--hask-edge); color: var(--ink); }
+.hask:last-child { margin-bottom: 0; }
+.hask__where { display: flex; align-items: center; gap: 8px; min-height: 24px; font-size: 13px; color: var(--ink-soft); min-width: 0; }
+.hask__dot { flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }
+.hask__where-t { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.hask__q { margin: 0; font-size: 21px; font-weight: 300; letter-spacing: -0.02em; line-height: 1.2; overflow-wrap: anywhere; }
+.hask__q a { color: inherit; text-decoration: none; }
+.hask__q a:hover { text-decoration: underline; text-underline-offset: 4px; text-decoration-color: var(--hask-edge-pick); }
+.hask__said { margin: -4px 0 0; font-size: 14px; line-height: 1.45; color: var(--ink-soft); }
+.hask__opts { display: flex; flex-direction: column; gap: 8px; }
+.hask__opt { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 2px; align-items: center; min-height: 52px; width: 100%; padding: 9px 16px; box-sizing: border-box; border-radius: 15px; border: 1px solid var(--hask-edge); background: transparent; color: var(--ink); font-family: var(--font-body); text-align: left; text-decoration: none; cursor: pointer; }
+.hask__opt:hover { background: var(--hask-chip-pick); }
+.hask__opt--rec { background: var(--hask-chip-pick); border-color: var(--hask-edge-pick); }
+.hask__opt[disabled] { cursor: progress; opacity: .6; }
+.hask__opt:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
+.hask__label { font-size: 15px; font-weight: 500; min-width: 0; }
+.hask__result { font-size: 13px; line-height: 1.35; color: var(--ink-soft); min-width: 0; }
+@media (min-width: 761px) {
+  .hask__opts--row { flex-direction: row; }
+  .hask__opts--row .hask__opt { flex: 1 1 0; }
+}
+
+/* an inbox row drawn as the card keeps .ginbox__item (the count and the
+   card's visibility read it); the card's own box wins over the ledger row */
+.ginbox > .hask.ginbox__item { display: flex; flex-direction: column; align-items: stretch; gap: 12px; padding: 16px 16px 14px; border: 1px solid var(--hask-edge); margin: 0 0 10px; }
+.ginbox > .hask.ginbox__item:first-child { border-top: 1px solid var(--hask-edge); }

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

@@ -0,0 +1,50 @@
+// modules/hall-ui/public/hall-ask.js — THE CITY'S ASK CARD, IN THE HALL
+// (task 1004820, criterion wa6-hall-reads-like-home).
+//
+// One builder for every hall action that waits on the reader: where it sits,
+// the question, what was said, and each answer as a one-tap option chip with
+// its result line (the city's ask card, street-deck.js, in hall-ask.css).
+//
+// It draws markup only. An option carries the SAME data-* attributes the
+// page's delegated click handler already reads, so no action gains a second
+// path: switching a row to the card changes how it looks, never what it calls.
+// An option with `href` is a link (an act that needs its own panel).
+//
+//   OTBAsk.html({ where, q, qHref, said, saidHtml, tag, cls, attrs,
+//                 row: bool, opts: [{ label, result, rec, href, attrs }] })
+//
+// Every string is escaped here; `saidHtml` is the one pre-built slot, for a
+// caller whose facts are already escaped markup (blockerFacts).
+(function () {
+  const esc = (s) => String(s == null ? '' : s)
+    .replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;').replace(/'/g, '&#39;');
+  const attrsOf = (a) => Object.keys(a || {})
+    .filter((k) => a[k] != null && a[k] !== false)
+    .map((k) => ` ${k}="${esc(a[k])}"`).join('');
+
+  function optHtml(o) {
+    const cls = 'hask__opt' + (o.rec ? ' hask__opt--rec' : '');
+    const inner = `<span class="hask__label">${esc(o.label)}</span>`
+      + (o.result ? `<span class="hask__result">${esc(o.result)}</span>` : '');
+    return o.href
+      ? `<a class="${cls}" href="${esc(o.href)}"${attrsOf(o.attrs)}>${inner}</a>`
+      : `<button class="${cls}" type="button"${attrsOf(o.attrs)}>${inner}</button>`;
+  }
+
+  function html(c) {
+    const tag = c.tag || 'li';
+    const opts = (c.opts || []).filter(Boolean);
+    const q = c.qHref ? `<a href="${esc(c.qHref)}">${esc(c.q)}</a>` : esc(c.q);
+    return `<${tag} class="hask${c.cls ? ' ' + esc(c.cls) : ''}"${attrsOf(c.attrs)}>`
+      + (c.where ? `<div class="hask__where"><span class="hask__dot" aria-hidden="true"></span><span class="hask__where-t">${esc(c.where)}</span></div>` : '')
+      + `<h4 class="hask__q">${q}</h4>`
+      + (c.saidHtml ? `<div class="hask__said">${c.saidHtml}</div>` : (c.said ? `<p class="hask__said">${esc(c.said)}</p>` : ''))
+      + (opts.length ? `<div class="hask__opts${c.row ? ' hask__opts--row' : ''}">${opts.map(optHtml).join('')}</div>` : '')
+      + `</${tag}>`;
+  }
+
+  const api = { html, esc };
+  if (typeof window !== 'undefined') window.OTBAsk = api;
+  if (typeof module !== 'undefined' && module.exports) module.exports = api;
+})();

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

@@ -19,6 +19,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
+  <link rel="stylesheet" href="/builders/hall-ask.css">
 </head>
 <body data-page="home">
 
@@ -136,6 +137,8 @@
 <!-- task 1003455: the shared blocker-row renderer (window.OTBBlockersLib), read by
      both goal-inbox.js's attention-inbox slice below and the /blockers page.
      Loaded BEFORE goal-inbox.js, which calls it while rendering. -->
+<!-- task 1004820: the city ask card, drawn for every inbox action -->
+<script src="/builders/hall-ask.js" defer></script>
 <script src="/builders/blockers-lib.js" defer></script>
 <!-- ADR 0112 (task 1954): the home-page goal-membership inbox — invitations to
      accept + join-requests to approve. Self-registers; hidden when empty. -->