@bongos/core 1.19.458 → 1.19.460

package/docs/file-map.md

@@ -130,7 +130,7 @@
 │   ├── hall-ui/                ← CORE-DOMAIN WEB-SURFACE carve (BV1.R85, default-on): the authenticated builders' hall at builders.<apex>, moved from public-builders/ (~13k LOC, the largest). NO routes/db/port — declares contributes.webSurfaces:[{host:"builders.",dir:"public"}] for discovery, but UNLIKE status-ui keeps its DEDICATED serving block in serve-internal (the /builders shim + canonical redirects + citizen/Archon page gates + asset-stamping + hall-widget injection), partitioned out of the generic web-surface loop and served from BUILDERS_DIR. CLAUDE.md, module.json, public/{index.html,builders.js,style.css,work,watch,harbor,gate,pair,settings,ranks,sessions,primer,diagrams,atlas,...}.{html,js},cursors/,chime.wav. Three ARCHETYPE sheets sit beside the per-page ones: `record.css` (the task + idea records, task 1003305), `room.css` (the READING ROOMS — the primer + the diagrams index, task 1003306: the reading measure and rhythm, the table of contents, the progress hairline and the framed figure diagram-viewer.js upgrades on both pages) and `oversight.css` (the OVERSIGHT family — government, watch, harbor, gate, task 1003469: the row, the figure band inside a panel, the group head, the inline form, the grant toggle and the shared confirm modal; named oversight because the vocabulary wall bans "governance" on the government surface). A page sheet then holds only what one page has and the others do not — `primer.css` the acknowledge gate, `diagrams.css` the legend strip, `gate.css` the hold reasons and file chips, `watch.css` the severities, the report reader and the grade trend.
 │   ├── lifecycle/               ← CORE-DOMAIN carve (BV1.R86, default-on): the build state machine — tasks · claims · versions · done-when · goals · dependencies · claim→ship→grade→credit · github-push + merge-lock + conflict-resolve + publish-reconciler. The LAST, most-coupled carve; registers the `lifecycle` kernel port (createTask, classifyTaskKind, tallyPeerVotes, work-tracking reads). CLAUDE.md, module.json, routes/{tasks,claims,versions,done-when,goals,dependencies,gate-approvals,analytics}.js, lifecycle.js, github-push.js, merge-lock.js, conflict-resolve.js, publish-reconciler.js, task-visuals.js + task-visual-db.js + routes/visuals.js (the optional ship-time visual, task 1003109 — the route file is NOT named task-*.js on purpose; see the module CLAUDE.md).
 │   ├── copy-desk/               ← CORE-DOMAIN module (task 1003113 / R02 of goal 1000074, default-on): the COPY half of the design contract — ADR 0081 gave design TOKENS a repo-owned source of truth, text had none. Owns the FLAG (anyone in any role marks a string or a whole surface as needing an artist's attention, with a reason required in BOTH the route and a CHECK constraint) and the QUEUE an artist reads it from. READS R01's committed registry (docs/copy-registry.json, generated by scripts/gds/copy-inventory.js) and never writes it. NO LIVE CMS is the hard non-goal: no column here could hold replacement text, and copy_no_cms.mjs pins that. Key is `copy-desk`, not `copy` — the branding contract already owns a `copy` block, so the bare word reds the "core carries no module code" fitness check. CLAUDE.md, module.json, registry.js, flags.js, routes/copy-desk.js, migrations/copy_desk_001_flags.sql, tests/{copy_flags,copy_queue,copy_no_cms}.mjs. Its hall surface lives with hall-ui (public/copy-desk.{html,js,css}), per the one-key-per-web-surface precedent.
-│   ├── ui-design/               ← CORE-DOMAIN module (task 1003324 / ADR 0197, default-on): the design capability every builder on every instance gets — ships METHOD, never a world. Absorbs ADR 0081's layer: adapters/{claude-design,figma}/index.js (moved from src/ui/adapters/), scripts/{design-sync,figma-design-sync,validate-design}.js (moved from scripts/gds/, which keeps thin shims), docs/design-contract.md (moved from docs/). Declaration-only: contributes.skills design (the /design playbook, new) + design-sync + figma-design-sync; no routes/port/migrations, so disabling it touches no served surface. CLAUDE.md separates the platform FLOORS (the Fifteen Rule, the dark twins, no page :root, the 24px floor, AA in both modes, the kill switch) from the instance's WORLD (its packs + DESIGN.md). kit/ (task 1003320) is the look-before-you-ship kit: lib.js (the floors, the states/probes contracts, the action + expectation vocabularies, the WCAG maths, the stub spawner), serve.js (any surface through the doorway's real transforms + fixtures/), render.js (states × 1440/390/320 × dark/light, audited), probe.js (PASS/FAIL contracts), check-mock.js (platform rules + the instance's DESIGN.md taste bans), contrast.js + png.js; a page's <page>.states.json / <page>.probes.json sit BESIDE the surface (modules/public-landing/public/, modules/hall-ui/public/). Recipe: docs/recipes/ui-look-before-you-ship.md. skills/ (task 1003321 / ADR 0198) is the vendoring policy: policy.json (licence allowlist, verdicts that may land, sidecar fields, preamble markers), PREAMBLE.md (the platform preamble every vendored SKILL.md opens with), README.md (the roster — both origins scanned dangerous on 2026-08-28, landed as rebuild specs; nothing vendored — and the landing recipe); a landable copy goes under skills/vendor/<name>/ with PROVENANCE.md + LICENSE and is materialised into an instance's .claude/skills/ by claude-materialize.js step 1b. Reserved home styles/ (1003323) with a README. config/design-tokens.* + design-sources.json STAY in config/ as the host boundary; public-landing keeps its own key (first customer, not owner).
+│   ├── ui-design/               ← CORE-DOMAIN module (task 1003324 / ADR 0197, default-on): the design capability every builder on every instance gets — ships METHOD, never a world. Absorbs ADR 0081's layer: adapters/{claude-design,figma}/index.js (moved from src/ui/adapters/), scripts/{design-sync,figma-design-sync,validate-design}.js (moved from scripts/gds/, which keeps thin shims), docs/design-contract.md (moved from docs/). Declaration-only: contributes.skills design (the /design playbook, new) + design-sync + figma-design-sync; no routes/port/migrations, so disabling it touches no served surface. CLAUDE.md separates the platform FLOORS (the Fifteen Rule, the dark twins, no page :root, the 24px floor, AA in both modes, the kill switch) from the instance's WORLD (its packs + DESIGN.md). kit/ (task 1003320) is the look-before-you-ship kit: lib.js (the floors, the states/probes contracts, the action + expectation vocabularies, the WCAG maths, the stub spawner), serve.js (any surface through the doorway's real transforms + fixtures/), render.js (states × 1440/390/320 × dark/light, audited), probe.js (PASS/FAIL contracts), check-mock.js (platform rules + the instance's DESIGN.md taste bans), contrast.js + png.js; a page's <page>.states.json / <page>.probes.json sit BESIDE the surface (modules/public-landing/public/, modules/hall-ui/public/). Recipe: docs/recipes/ui-look-before-you-ship.md. skills/ (task 1003321 / ADR 0198) is the vendoring policy: policy.json (licence allowlist, verdicts that may land, sidecar fields, preamble markers), PREAMBLE.md (the platform preamble every vendored SKILL.md opens with), README.md (the roster — both origins scanned dangerous on 2026-08-28, landed as rebuild specs; nothing vendored — and the landing recipe); a landable copy goes under skills/vendor/<name>/ with PROVENANCE.md + LICENSE and is materialised into an instance's .claude/skills/ by claude-materialize.js step 1b. styles/ (task 1003323 / ADR 0219) is the style library: <name>/pack.json (the theme.ui overlay, exactly the fifteen) + DESIGN.md (the look's derived recipes, thirteen in lockstep with the pack) + mock.html (the specimen); chrome-world (pinned to the neutral pack), expedition, grove; STYLE=<name> on the kit lays a look over the instance's pack through GDS_BRANDING_FILE; tests/ui_design_styles.mjs runs the world/cosmos/hall token suites once per alternate (UI_DESIGN_PACK). config/design-tokens.* + design-sources.json STAY in config/ as the host boundary; public-landing keeps its own key (first customer, not owner).
 │   ├── character-anim/          ← consistent-character generative animation (ADR 0088) — graded painterly frame sets + manifest, the otb-character-review skill. CLAUDE.md, module.json.
 │   ├── provisioning/            ← stands up + operates a Cloud Bongos instance's own infra (server/DB/domain/DNS/TLS) via the API (ADR 0111); web-tier request+state only, no cloud tokens — a separate control-plane runner drains the intents. Distinct from the `hosting` module (ADR 0092), which brokers compute workloads. CLAUDE.md, module.json.
 │   └── demo/                    ← BV1.R52 acceptance-proof module: one rank-gated write route + one namespaced migration proving the loader mounts a scaffolded module with zero core edits. CLAUDE.md, module.json.

package/docs/module-api-changelog.md

@@ -1353,5 +1353,9 @@ is load-bearing: the script throws rather than guess if it is missing, and
         landed since 1.19.456 with no explicit bump. run 33561330390. (task 1002620)
   1.19.458 — CI auto-patch (publish-on-merge, ADR 0161): carrier for merges
         landed since 1.19.457 with no explicit bump. run 33566876510. (task 1002620)
+  1.19.459 — CI auto-patch (publish-on-merge, ADR 0161): carrier for merges
+        landed since 1.19.458 with no explicit bump. run 33568609735. (task 1002620)
+  1.19.460 — CI auto-patch (publish-on-merge, ADR 0161): carrier for merges
+        landed since 1.19.459 with no explicit bump. run 33571137958. (task 1002620)
 ---------------------------------------------------------------------------
 ```

package/docs/recipes/ui-look-before-you-ship.md

@@ -21,6 +21,7 @@ SURFACE=hall-ui PREFIX=/builders/ node modules/ui-design/kit/serve.js
 CHILD=1 node modules/ui-design/kit/serve.js                  # the child-instance shape (apex-only regions stripped)
 LIVE=1 node modules/ui-design/kit/serve.js                   # public feeds proxied to the pack's public origin
 FAIL=featured,progress node modules/ui-design/kit/serve.js   # those feeds answer 500
+STYLE=grove node modules/ui-design/kit/serve.js              # under a look from the style library (modules/ui-design/styles/; task 1003323)
 ```
 
 The stub runs the page through the **instance's real transforms** — the apex-only strip, the brand-token stamp, the pack's theme injection, run by the core-side command `scripts/gds/ui-kit-transform.js` (a module may not require core, so the stub spawns the command and memoises the page) — then the content-hash `?v=` stamp, with the instance's own branding pack, and answers the public feeds from `kit/fixtures/`. It also serves `docs/` raw, so a mock under `docs/design/mocks/` renders with its relative links: `http://127.0.0.1:3412/docs/design/mocks/hub/v2.html`.
@@ -34,6 +35,7 @@ node modules/ui-design/kit/render.js --page /projects
 node modules/ui-design/kit/render.js --page /                       # MSYS_NO_PATHCONV=1 in Git Bash, or the kit reads the mangled root back
 node modules/ui-design/kit/render.js --page /builders/ranks --surface hall-ui
 node modules/ui-design/kit/render.js --page /projects --only in-map,card --modes dark --sizes 390
+node modules/ui-design/kit/render.js --page / --style expedition        # the same page under a look from the style library
 ```
 
 `render.js` starts its own two stubs (signed out, signed in), renders each state of the page's **states file** in dark + light at 1440×900 / 390×844 / 320×700, drives the state's actions, and audits every render against the **platform floors**:

package/modules/hall-ui/public/collab-lib.js

@@ -1,5 +1,6 @@
 // modules/hall-ui/public/collab-lib.js — the Collab page's PURE helpers, exposed
-// as window.OTBCollabLib (task 1003172 / C02, goal 1000075).
+// as window.OTBCollabLib (task 1003172 / C02, goal 1000075; the row's first
+// line, the asker and the groups added by the redesign, task 1003471).
 //
 // Same split as goals-lib.js: everything here is a pure function of its
 // arguments, so the rules can be executed by a test instead of grepped out of a
@@ -52,15 +53,29 @@
 
   // Who a request is addressed to, in words. A craft request and a by-name
   // request read differently on purpose: "asked of builders" is a call anyone of
-  // that craft may take, "asked of you" is personal and should feel it.
+  // that craft may take, "asked of you" is personal and should feel it. A
+  // by-name ask that is not yours names the person when the server joined a
+  // name, and says "one person" when it did not.
   function addressedTo(req, viewerId) {
     if (req && req.needs_builder_id != null) {
-      return String(req.needs_builder_id) === String(viewerId) ? 'asked of you by name' : 'asked of one person';
+      if (String(req.needs_builder_id) === String(viewerId)) return 'asked of you by name';
+      var name = req.needs_builder_name || req.needs_builder_login;
+      return name ? 'asked of ' + name + ' by name' : 'asked of one person';
     }
     if (req && req.needs_craft) return 'asked of ' + req.needs_craft + 's';
     return 'asked';
   }
 
+  // Who is ASKING, in words — the fact a helper needs to answer. The name the
+  // server joined, else the login, else the bare id an older server sends;
+  // never nothing.
+  function askerOf(req) {
+    if (!req) return '';
+    if (req.requested_by_name) return String(req.requested_by_name);
+    if (req.requested_by_login) return String(req.requested_by_login);
+    return req.requested_by != null ? 'builder ' + req.requested_by : '';
+  }
+
   // What the request is about, if anything. Returns null rather than an empty
   // string so a caller can skip the element entirely.
   function contextOf(req) {
@@ -70,8 +85,29 @@
     return null;
   }
 
+  // The row's first line. A help request has no title field, so the ask's
+  // first sentence is the title and the rest is the sub line — both the asker's
+  // own words, nothing clipped. A first sentence too long to be a line, or an
+  // ask with no sentence break, is the whole ask.
+  var TITLE_MAX = 140;
+  function titleOf(text) {
+    var s = String(text == null ? '' : text).trim();
+    var m = /^([\s\S]*?[.?!])\s+([\s\S]+)$/.exec(s);
+    if (!m || m[1].length > TITLE_MAX) return { title: s, rest: '' };
+    return { title: m[1], rest: m[2].trim() };
+  }
+
+  // The "asked of you" list reads in runs: what is asked of you BY NAME first
+  // (a personal ask is the one you owe an answer), then one run per craft.
+  function groupOf(req) {
+    if (req && req.needs_builder_id != null) return { id: 'you', label: 'asked of you by name' };
+    if (req && req.needs_craft) return { id: req.needs_craft, label: 'asked of ' + req.needs_craft + 's' };
+    return { id: 'other', label: 'asked' };
+  }
+
   window.OTBCollabLib = {
     BANDS: BANDS, ageBand: ageBand, byAgeOldestFirst: byAgeOldestFirst,
-    addressedTo: addressedTo, contextOf: contextOf,
+    addressedTo: addressedTo, askerOf: askerOf, contextOf: contextOf,
+    titleOf: titleOf, groupOf: groupOf,
   };
 })();

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

@@ -1,36 +1,20 @@
-/* modules/hall-ui/public/collab.css — the Collab page (task 1003172 / C02).
-   Tokens only from style.css's real set: inventing one renders as nothing, which
-   is how copy-desk.css ended up with invisible fallbacks (idea 1000821). */
-
-.cb-list { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
-
-.cb-item {
-  border: var(--line) solid var(--rule);
-  border-left: 3px solid var(--rule);
-  border-radius: var(--radius-sm);
-  background: var(--bg-card);
-  padding: 10px 12px;
-}
-
-.cb-item__stuck { margin: 0; color: var(--ink); font-size: 14px; line-height: 1.5; white-space: pre-wrap; }
-.cb-item__meta { margin: 6px 0 0; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 12px; }
-.cb-item__actions { margin: 8px 0 0; display: flex; gap: 8px; }
-.cb-who { color: var(--ink-soft); }
-.cb-ctx { color: var(--accent); text-decoration: none; }
-.cb-ctx:hover { text-decoration: underline; }
-.cb-empty { color: var(--ink-faint); font-size: 13px; margin: 10px 0 0; }
+/* modules/hall-ui/public/collab.css — the Collab page (task 1003172 / C02),
+   rebuilt on the hall's row archetype by task 1003471: the panel is the shell's
+   .scroll, the row is oversight.css's .ov-row, the age is a .fact-pill, the
+   context a .fact-chip. This sheet holds only what Collab has and no other
+   page does — the colour of each age band.
+   Tokens only from style.css's real set: inventing one renders as nothing,
+   which is how copy-desk.css once ended up with invisible fallbacks (idea
+   1000821). */
 
 /* THE AGEING SIGNAL. The criterion asks that a request nobody takes be visibly
-   aging rather than silently dead — so age changes how a row LOOKS, not only
-   where it sits. The left border carries it (a band of colour that reads at a
-   glance down a list) and the chip says it in words, because colour alone is not
-   a message and not everyone sees it. */
-.cb-age { color: var(--ink-faint); font-size: 11.5px; letter-spacing: 0.01em; }
-.cb-item--fresh   { border-left-color: var(--rule); }
-.cb-item--waiting { border-left-color: var(--ink-faint); }
-.cb-item--aging   { border-left-color: var(--warn); }
-.cb-item--stale   { border-left-color: var(--danger); }
-.cb-item--aging .cb-age { color: var(--warn); }
-.cb-item--stale .cb-age { color: var(--danger); font-weight: 600; }
-
-.btn--quiet { background: transparent; color: var(--ink-soft); border-color: var(--rule); }
+   aging rather than silently dead — so the age is a state pill in the row's
+   right column: read down the list and the column says it in words AND in the
+   verification colours, because colour alone is not a message and not everyone
+   sees it. Four bands, four treatments: faint, soft, warn, danger. The 3px
+   coloured band the first cut painted down the row's left edge is gone — this
+   world marks state with a pill, never with a bar. */
+.cb-age--fresh   { color: var(--ink-faint); }
+.cb-age--waiting { color: var(--ink-soft); }
+.cb-age--aging   { color: var(--warn); }
+.cb-age--stale   { color: var(--danger); font-weight: 600; }

package/modules/hall-ui/public/collab.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/oversight.css">
   <link rel="stylesheet" href="/builders/collab.css">
 </head>
 <body data-page="collab" data-page-title="Collab">
@@ -19,11 +20,9 @@
   <div class="app-body">
     <header class="app-topbar" id="app-topbar"></header>
     <div class="app-content">
-      <!-- task 1003307: the board page head. Collab shipped with NO <h1> at all
-           (one-header-main-h1 measured 0 on every render), so the re-skin
-           carries the structural fix rather than porting the hole. The heading
-           is the LABEL voice, not a display line: on a working surface the
-           page's own name is the least interesting thing on it. -->
+      <!-- The board page head: the page's own name in the LABEL voice, not a
+           display line — on a working surface it is the least interesting
+           thing on it. -->
       <div class="page-head page-head--board">
         <h1 class="page-head__h">Collab</h1>
         <p class="page-head__sub" id="cb-sub">Loading…</p>
@@ -32,28 +31,29 @@
       <main id="hall-main">
         <!-- ASKED OF YOU comes first: it is the half where someone is waiting on a
              human. Your own asks are below, because they are a status check, not a
-             call to act. -->
+             call to act. The rows are the hall's row archetype (oversight.css);
+             collab.js fills the mount with one run per addressee. -->
         <section class="scroll" aria-labelledby="cb-for-me-h">
           <h2 class="scroll__h" id="cb-for-me-h">Asked of you</h2>
-          <p class="scroll__note" id="cb-for-me-note">
+          <p class="scroll__lede" id="cb-for-me-note">
             Requests addressed to your craft, or to you by name. Answering is optional
             and declining costs nothing — nobody is assigned by being asked.
           </p>
-          <ul class="cb-list" id="cb-for-me"></ul>
-          <p class="cb-empty" id="cb-for-me-empty" hidden>
-            Nothing is waiting on you. Requests reach you by your craft — set yours in
-            <a href="/builders/settings">Settings</a> if this stays empty.
-          </p>
+          <div id="cb-for-me"></div>
+          <div class="empty-state" id="cb-for-me-empty" hidden>
+            <p>Nothing is waiting on you. Requests reach you by your craft — set yours in
+            <a href="/builders/settings">Settings</a> if this stays empty.</p>
+          </div>
         </section>
 
         <section class="scroll" aria-labelledby="cb-mine-h">
           <h2 class="scroll__h" id="cb-mine-h">Your asks</h2>
-          <p class="scroll__note">
+          <p class="scroll__lede">
             Only you can settle your own request — mark it answered when someone
             helped, or withdraw it when you no longer need it.
           </p>
-          <ul class="cb-list" id="cb-mine"></ul>
-          <p class="cb-empty" id="cb-mine-empty" hidden>You have no open asks.</p>
+          <ul class="ov-rows" id="cb-mine"></ul>
+          <div class="empty-state" id="cb-mine-empty" hidden><p>You have no open asks.</p></div>
         </section>
       </main>
     </div>
@@ -65,7 +65,7 @@
 <script src="/builders/shell.js?v=2026-07-02-shell1"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-23-contrib"></script>
-<script src="/builders/collab-lib.js?v=2026-08-24-c02"></script>
-<script src="/builders/collab.js?v=2026-08-24-c02"></script>
+<script src="/builders/collab-lib.js?v=2026-09-01-redesign"></script>
+<script src="/builders/collab.js?v=2026-09-01-redesign"></script>
 </body>
 </html>

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

@@ -1,15 +1,19 @@
 // modules/hall-ui/public/collab.js — the Collab page (/builders/collab).
-// Task 1003172 / C02 of goal 1000075, criterion collab-page-matches-my-craft.
+// Task 1003172 / C02 of goal 1000075, criterion collab-page-matches-my-craft;
+// rebuilt on the hall's row archetype by task 1003471 (goal 1000081).
 //
-// The hall surface for C01's help requests. Two sections, in this order on
+// The hall surface for C01's help requests. Two panels, in this order on
 // purpose: what is ASKED OF YOU first, because someone is waiting on a human
 // answer, then YOUR OWN ASKS, which are a status check rather than a call to act.
+// "Asked of you" reads in runs — by name first, then each craft — because a
+// personal ask is the one you owe an answer.
 //
-// THE PART THAT IS EASY TO SKIP, and the criterion names it explicitly: a request
-// nobody takes must be VISIBLY AGING, not silently dead. Sorting the oldest to the
-// top does not satisfy that — the oldest then looks exactly like the newest, only
-// lower. So every row carries an age BAND with its own label and styling, and the
-// rules for it live in collab-lib.js where a test can execute them.
+// A row is the family's .ov-row: the ask's first sentence as the title and the
+// rest as the sub (collab-lib titleOf), WHO IS ASKING as a fact with a door to
+// their profile, the task or goal as a chip, and the AGE as a state pill in the
+// right column, so a glance down the list reads the ages in words and in the
+// verification colours. The band rules live in collab-lib.js where a test can
+// execute them.
 //
 // MATCHING IS THE SERVER'S JOB, not this file's. GET /help-requests/for-me derives
 // the viewer's crafts from their own profile; sending a craft from here would be
@@ -31,15 +35,38 @@
 
   let settling = false;
 
+  // The age pill: the band's words, in the band's colour (collab.css .cb-age--*).
   function ageChip(req, nowMs) {
     const band = L.ageBand(req.created_at, nowMs);
-    return `<span class="cb-age cb-age--${band.id}" title="Asked ${escapeHtml(String(req.created_at || ''))}">${escapeHtml(band.label)}</span>`;
+    return `<span class="fact-pill cb-age cb-age--${band.id}" title="Asked ${escapeHtml(String(req.created_at || ''))}">${escapeHtml(band.label)}</span>`;
+  }
+
+  function whenLine(iso) {
+    const d = iso ? new Date(iso) : null;
+    if (!d || Number.isNaN(d.getTime())) return '';
+    return `<span class="ov-row__when">${escapeHtml(d.toLocaleDateString(undefined, { day: 'numeric', month: 'short', year: 'numeric' }))}</span>`;
+  }
+
+  function titleHtml(req) {
+    const t = L.titleOf(req.what_is_stuck);
+    return `<span class="ov-row__title">${escapeHtml(t.title)}</span>`
+      + (t.rest ? `<p class="ov-row__sub">${escapeHtml(t.rest)}</p>` : '');
   }
 
   function contextChip(req) {
     const ctx = L.contextOf(req);
     if (!ctx) return '';
-    return `<a class="cb-ctx" href="${escapeHtml(ctx.href)}">${escapeHtml(ctx.kind)} #${escapeHtml(String(ctx.id))}</a>`;
+    return `<a class="fact-chip" href="${escapeHtml(ctx.href)}">${escapeHtml(ctx.kind)} #${escapeHtml(String(ctx.id))}</a>`;
+  }
+
+  // Who to answer: the asker's name, as a door to their profile.
+  function askerFact(req) {
+    const name = L.askerOf(req);
+    if (!name) return '';
+    const who = req.requested_by != null
+      ? `<a href="/builders/profile?id=${escapeHtml(String(req.requested_by))}">${escapeHtml(name)}</a>`
+      : escapeHtml(name);
+    return `<span class="ov-fact">asked by ${who}</span>`;
   }
 
   // A row for the "asked of you" list. There is deliberately NO "claim this"
@@ -47,58 +74,67 @@
   // be reimplementing the Agora, which this goal explicitly forbids (C06 owns the
   // chat mirror). What the page owes a helper is the request, its age, its
   // context, and who to answer.
-  function forMeRow(req, viewerId, nowMs) {
-    const who = L.addressedTo(req, viewerId);
-    return `<li class="cb-item cb-item--${L.ageBand(req.created_at, nowMs).id}">
-      <p class="cb-item__stuck">${escapeHtml(req.what_is_stuck || '')}</p>
-      <p class="cb-item__meta">
-        <span class="cb-who">${escapeHtml(who)}</span>
-        ${contextChip(req)}
-        ${ageChip(req, nowMs)}
-      </p>
+  function forMeRow(req, nowMs) {
+    return `<li class="ov-row" data-id="${escapeHtml(String(req.id))}">
+      <div class="ov-row__main">${titleHtml(req)}
+        <div class="ov-row__facts">${askerFact(req)}${contextChip(req)}</div>
+      </div>
+      <div class="ov-row__right">${ageChip(req, nowMs)}${whenLine(req.created_at)}</div>
     </li>`;
   }
 
   // Your own ask, with the two settle actions. Only the asker can settle — the
   // server enforces it in the UPDATE's WHERE, this is just the affordance.
   function mineRow(req, nowMs) {
-    return `<li class="cb-item cb-item--${L.ageBand(req.created_at, nowMs).id}" data-id="${escapeHtml(String(req.id))}">
-      <p class="cb-item__stuck">${escapeHtml(req.what_is_stuck || '')}</p>
-      <p class="cb-item__meta">
-        <span class="cb-who">${escapeHtml(L.addressedTo(req, null))}</span>
-        ${contextChip(req)}
-        ${ageChip(req, nowMs)}
-      </p>
-      <p class="cb-item__actions">
-        <button class="btn btn--sm" data-settle="answered" data-id="${escapeHtml(String(req.id))}">Someone helped</button>
-        <button class="btn btn--sm btn--quiet" data-settle="withdrawn" data-id="${escapeHtml(String(req.id))}">Withdraw</button>
-      </p>
+    const id = escapeHtml(String(req.id));
+    return `<li class="ov-row" data-id="${id}">
+      <div class="ov-row__main">${titleHtml(req)}
+        <div class="ov-row__facts"><span class="ov-fact">${escapeHtml(L.addressedTo(req, null))}</span>${contextChip(req)}</div>
+      </div>
+      <div class="ov-row__right">${ageChip(req, nowMs)}
+        <div class="ov-row__actions">
+          <button class="btn-accent" data-settle="answered" data-id="${id}">Someone helped</button>
+          <button class="btn-ghost" data-settle="withdrawn" data-id="${id}">Withdraw</button>
+        </div>
+      </div>
     </li>`;
   }
 
-  function renderList(hostSel, emptySel, rows, html) {
+  // "Asked of you" as runs under a group head: by name first, then each craft.
+  function groupedHtml(rows, nowMs) {
+    const groups = [];
+    for (const r of rows) {
+      const g = L.groupOf(r);
+      let hit = groups.find((x) => x.id === g.id);
+      if (!hit) { hit = { id: g.id, label: g.label, rows: [] }; groups.push(hit); }
+      hit.rows.push(r);
+    }
+    groups.sort((a, b) => Number(b.id === 'you') - Number(a.id === 'you'));
+    return groups.map((g) => `<section class="ov-group">
+      <div class="ov-group__head"><span class="ov-group__name">${escapeHtml(g.label)}</span><span class="ov-group__n">${g.rows.length}</span></div>
+      <ul class="ov-rows">${g.rows.map((r) => forMeRow(r, nowMs)).join('')}</ul>
+    </section>`).join('');
+  }
+
+  function paint(hostSel, emptySel, html, n) {
     const host = $(hostSel);
     const empty = $(emptySel);
-    if (!host) return;
-    host.innerHTML = rows.map(html).join('');
-    if (empty) empty.hidden = rows.length > 0;
+    if (host) host.innerHTML = html;
+    if (empty) empty.hidden = n > 0;
   }
 
   async function load() {
     const nowMs = Date.now();
-    const [forMe, mine, me] = await Promise.all([
+    const [forMe, mine] = await Promise.all([
       api.helpRequests.getHelpRequestsForMe({}),
       api.helpRequests.getHelpRequestsMine({ query: { status: 'open' } }),
-      api.me.getMe ? api.me.getMe({}) : Promise.resolve({ ok: false }),
     ]);
 
-    const viewerId = me && me.ok && me.data && me.data.builder ? me.data.builder.id : null;
-
     const forMeRows = ((forMe.ok && forMe.data && forMe.data.help_requests) || []).slice().sort(L.byAgeOldestFirst);
     const mineRows = ((mine.ok && mine.data && mine.data.help_requests) || []).slice().sort(L.byAgeOldestFirst);
 
-    renderList('#cb-for-me', '#cb-for-me-empty', forMeRows, (r) => forMeRow(r, viewerId, nowMs));
-    renderList('#cb-mine', '#cb-mine-empty', mineRows, (r) => mineRow(r, nowMs));
+    paint('#cb-for-me', '#cb-for-me-empty', groupedHtml(forMeRows, nowMs), forMeRows.length);
+    paint('#cb-mine', '#cb-mine-empty', mineRows.map((r) => mineRow(r, nowMs)).join(''), mineRows.length);
 
     const sub = $('#cb-sub');
     if (sub) {

package/modules/hall-ui/public/collab.states.json

@@ -1,12 +1,12 @@
 {
-  "_": "Collab — the two-sided ask board. ASKED OF YOU comes first because it is the half where someone is waiting, and the empty state of that half is the page's most common render. Written with the re-skin (task 1003307) so this page is MEASURED at three widths in both modes rather than looked at once.",
+  "_": "Collab — the two-sided ask board. ASKED OF YOU comes first because it is the half where someone is waiting, and the empty state of that half is the page's most common render. Written with the re-skin (task 1003307) so this page is MEASURED at three widths in both modes rather than looked at once; the redesign (task 1003471) put four asks and two of the viewer's own in the harness so the rows can be looked at.",
   "page": "/builders/collab",
   "surface": "hall-ui",
   "stub": {
     "prefix": "/builders/"
   },
   "modeQuery": false,
-  "_feeds": "The kit's own stub carries no feed for this page, so against it the page renders its EMPTY and SKELETON states — which is the point: those are states the floors must hold in. Against the hall-preview harness the same states render populated. Every declared 404 below is a fixture the harness does not carry, named rather than hidden.",
+  "_feeds": "The kit's own stub carries no feed for this page, so against it the page renders its EMPTY state — which is the point: that is a state the floors must hold in. Against the hall-preview harness the same state renders populated: help-requests__for-me.json (four asks across the four age bands, one by name) and help-requests__mine.json (two of the viewer's own). Every declared 404 below is a feed the kit's stub does not carry, named rather than hidden.",
   "ignoreRequests": [
     "/api/(gds|bongos)/me$",
     "/api/(gds|bongos)/me/",