@bongos/core 1.19.445 → 1.19.447

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

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-03-roadmap1">
   <style>
     /* Page-local styles for the task-detail page (task 751) — the full-page
@@ -56,7 +55,7 @@
         <p class="page-head__sub" id="task-sub">Loading task…</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <section class="scroll" id="task-scroll" aria-labelledby="task-h">
           <div id="task-body">
             <p class="deeplink-card__title" id="task-h">Loading…</p>

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

@@ -185,7 +185,7 @@ table.watch tr:hover td { background: var(--surface-2); }
 
 /* Invite by GitHub username (task 1003044) — the Access requests section's own
    form: the way in on an invite-only project, a shortcut on an apply one. */
-.watch-invite { margin: 0 0 14px; padding: 12px 14px; border: 1px solid var(--line, #e5e0d6); border-radius: 10px; }
+.watch-invite { margin: 0 0 14px; padding: 12px 14px; border: 1px solid var(--rule-soft); border-radius: 10px; }
 .watch-invite__label { display: block; font-weight: 600; margin-bottom: 6px; }
 .watch-invite__row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
 .watch-invite__row input[type="text"] { flex: 1 1 200px; min-width: 0; }

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

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <!-- Page-local styles (task 2173) — extracted from the old inline <style>
        block per the hall placement rules; the attention tiles + tabs come from
@@ -25,7 +24,7 @@
     <div class="app-content">
       <div class="page-head"><p class="page-head__sub" id="watch-sub">Loading…</p></div>
 
-      <main>
+      <main id="hall-main">
         <!-- Restricted notice — shown by watch.js when the viewer is not an Archon. -->
         <section class="scroll" id="sealed-scroll" aria-labelledby="sealed-h" hidden>
           <h2 id="sealed-h" class="scroll__h">Archons only</h2>

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

@@ -1,128 +1,182 @@
 /* work.css — page-local styles for the Work Board (task 2170; extracted from
    work.html's old inline <style> per the hall placement rules). Only what the
-   shared kit doesn't carry lives here: in-flight actions, claimable task
-   cards (dense 2-line layout), history list, bulk toolbar. Shared pieces —
-   .pager--paged, .count-pill, .kit-tabs, .filters overflow — are in
-   style.css. Everything derives from the shared design tokens so instance
-   packs reskin this page along with the rest of the hall. */
+   shared kit doesn't carry lives here: in-flight actions, the claimable card's
+   own bits, history list, bulk toolbar. Shared pieces — .pager--paged,
+   .count-pill, .kit-tabs, .filters overflow — are in style.css.
+
+   RE-SKINNED INTO THE CHROME WORLD by task 1003304 (goal 1000081), v3 "the
+   glass hall". Every compat alias this sheet used to spend is retired: --surface
+   → --bg-card, --surface-2 → --glass, --border → --rule-soft, --border-strong →
+   --rule, --accent-weak → --accent-tint, --accent-text → --accent-ink. The three
+   rgba(255,255,255,…) literals on the bulk toolbar are gone with the inverted
+   surface that needed them. What is NOT retired is the status vocabulary
+   (--ok / --warn / --danger and their -weak fills): the board renders
+   verification state, which DESIGN.md §Reuse names as the one sanctioned
+   exception to the Fifteen Rule.
+
+   goals.html LOADS THIS SHEET TOO — a change here lands on both pages. */
+
+/* The board's page head, in v3's LABEL voice: the display face is saved for
+   section headings, so the page's own name is quiet (mock: .greeting). It
+   overrides the pre-shell .page-head h1 compat rule in style.css, which is
+   22px/650 and belongs to the pages nobody has re-skinned yet. */
+.page-head--board .page-head__h {
+  margin: 0 0 6px;
+  font-family: var(--label-face);
+  font-size: 14px;
+  font-weight: 400;
+  letter-spacing: var(--label-space);
+  text-transform: var(--label-case);
+  color: var(--ink);
+  text-shadow: var(--type-halo);
+}
+.page-head--board .page-head__sub { font-size: 14px; max-width: var(--measure); }
 
 .kbd {
   display: inline-block;
   padding: 0 6px;
-  border: 1px solid var(--border-strong);
+  border: var(--line) solid var(--rule);
   border-radius: 5px;
-  background: var(--surface-2);
+  background: var(--glass);
+  font-family: var(--font-mono);
   font-size: 0.85em;
-  font-weight: 600;
   color: var(--ink-soft);
 }
 
-.wip-builder { color: var(--ink); font-weight: 600; }
+.wip-builder { color: var(--ink); font-weight: 500; }
 .wip-builder small { color: var(--ink-soft); font-weight: 400; }
 
-/* Filtered-count line under the filter bar. */
+/* Filtered-count line under the filter bar — the label voice, with the number
+   itself stepping up to ink so the count reads before the words. */
 .claim-count-line {
-  margin: 0 0 10px;
-  font-size: 12.5px;
+  margin: 0 0 12px;
+  font-family: var(--label-face);
+  font-size: var(--label-size);
+  letter-spacing: var(--label-space);
+  text-transform: var(--label-case);
   color: var(--ink-faint);
 }
 
-/* ---- #616 / task 2170: claim/release actions + the dense task card ---- */
-
-/* task 2170 (owner call 2026-07-10): denser 2-line cards. The card keeps its
-   grid but tightens padding and type, actions go horizontal, and the touches
-   path-dump becomes a "✎ N files" chip with the full list in the tooltip. */
-.task { padding: 8px 12px; gap: 2px 12px; }
-.task__title { font-size: 13px; line-height: 1.35; }
-.task__meta { margin-top: 1px; row-gap: 2px; }
+/* ---- #616 / task 2170 / task 1003304: claim + copy on the claimable card ----
+   The card's geometry, tags, credits figure, checkbox and copy button all live
+   in style.css's work-board section now (they are the re-skin). What stays here
+   is the page-local behaviour: the primary door, the two meta chips, and the
+   fact that the whole card is a selection target. */
 
-.task__actions {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-/* Claim is the primary action — filled accent so it reads above Copy. */
+/* The page's one primary action, and the only accent FILL on the board.
+   --accent-on is the dark ink that goes on the salmon: white on it fails AA and
+   DESIGN.md bans it outright, which is what the old `color: #fff` was. */
 .task__claim {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 34px;
+  min-width: 74px;
+  padding: 0 16px;
   background: var(--accent);
-  border: 1px solid var(--accent-deep);
-  color: #fff;
-  border-radius: var(--radius-sm);
-  font-size: 12.5px;
-  font-weight: 600;
-  padding: 5px 14px;
+  border: 0;
+  color: var(--accent-on);
+  border-radius: var(--radius-pill);
+  font-size: 13.5px;
+  font-weight: 500;
+  text-transform: lowercase;
   cursor: pointer;
   white-space: nowrap;
   transition: background 150ms, opacity 150ms;
 }
-.task__claim:hover { background: var(--accent-deep); }
-.task__claim:disabled { opacity: 0.55; cursor: default; }
+.task__claim:hover:not(:disabled) { background: var(--accent-lift); color: var(--accent-on); }
+.task__claim:disabled { background: var(--glass); color: var(--ink-faint); cursor: default; }
 
-/* Files a claimable task is responsible for — a compact count chip in the
-   meta row; the full path list rides the tooltip (task 2170 density pass). */
+/* Files a claimable task is responsible for — a compact count chip in the meta
+   row; the full path list rides the tooltip (task 2170 density pass). The mono
+   fact voice: this is a number the ledger produced. */
 .task__touches {
+  font-family: var(--font-mono);
+  font-size: 11.5px;
+  font-variant-numeric: tabular-nums;
   color: var(--ink-faint);
-  font-size: 12px;
   white-space: nowrap;
   cursor: help;
 }
 
 /* How old the task is (task 1002955, OTBKit.ageChipHtml). Quiet by default —
    it's orientation, not a call to act — but a task past the stale threshold
-   steps up from faint to soft+bold so a queue that has been sitting reads at a
-   glance instead of needing the API. The exact date is on the tooltip, hence
-   `cursor: help`. Deliberately NOT --warn: that token is a dark amber paired
-   with --warn-weak behind it, and as bare text it loses contrast on the dark
-   theme's card. --ink-soft steps up legibly in both. */
+   steps up from faint to soft so a queue that has been sitting reads at a
+   glance. The exact date is on the tooltip, hence `cursor: help`. Deliberately
+   NOT --warn: that token is the verification vocabulary and as bare text on the
+   dark card it loses contrast. --ink-soft steps up legibly in both modes. */
 .task__age {
+  font-family: var(--font-mono);
+  font-size: 11.5px;
+  font-variant-numeric: tabular-nums;
   color: var(--ink-faint);
-  font-size: 12px;
   white-space: nowrap;
   cursor: help;
 }
-.task__age--stale { color: var(--ink-soft); font-weight: 600; }
+.task__age--stale { color: var(--ink-soft); }
 
+/* The three tag variants that carry meaning beyond "a fact". Each keeps the
+   outlined shape style.css gives .task__tag and only changes what it says. */
 .task__tag--newcomer {
   background: var(--ok-weak);
   color: var(--ok);
   border-color: color-mix(in srgb, var(--ok) 30%, transparent);
 }
 .task__tag--mine {
-  background: var(--accent-weak);
-  color: var(--accent-text);
+  background: var(--accent-tint);
+  color: var(--accent-ink);
   border-color: color-mix(in srgb, var(--accent) 35%, transparent);
 }
 /* task 1498 / ADR 0084: per-task rank floor. Outlined + emphasized (not a
-   filled tag) so a gated task reads as "authority required", distinct from
-   the filled newcomer tag. */
+   filled tag) so a gated task reads as "authority required", distinct from the
+   filled newcomer tag. --warn is the verification vocabulary, kept on purpose. */
 .task__tag--rank {
   background: transparent;
   color: var(--warn);
   border-color: color-mix(in srgb, var(--warn) 45%, transparent);
-  font-weight: 600;
-  letter-spacing: 0.02em;
 }
-/* task 1752: the open (no floor) state — muted/neutral so "Any rank" reads as
-   "open to all", not as a warning like the gated --rank tag above. */
+/* task 1752: the open (no floor) state — muted so "Any rank" reads as "open to
+   all", not as a warning like the gated --rank tag above. */
 .task__tag--rank-open {
   background: transparent;
   color: var(--ink-faint);
-  border-color: var(--border);
+  border-color: var(--rule-soft);
 }
 /* task 1753: the whole card is clickable → toggles selection (task 1869). */
 .task { cursor: pointer; }
-.backlog-count { font-size: 13px; color: var(--ink-faint); margin-left: 8px; }
+.backlog-count {
+  font-family: var(--font-mono);
+  font-size: 11px;
+  font-variant-numeric: tabular-nums;
+  color: var(--ink-faint);
+  margin-left: 8px;
+}
 #backlog-list .history__row { cursor: pointer; }
 
+/* The Ready queue is .scroll--bare, so its pager has no panel to sit in and
+   takes its own — v3's board does exactly this (the cards ARE the panels, and a
+   pager floating on the bare ground has nothing to belong to). */
+#ready-pager-mount .pager {
+  background: var(--bg-card);
+  border-radius: var(--radius);
+  padding: 12px 22px;
+  margin-top: 14px;
+}
+
 /* In-flight table: release action on the viewer's own claims. */
 .wip__action { text-align: right; white-space: nowrap; }
 .wip__release {
-  background: var(--surface);
-  border: 1px solid var(--border-strong);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 30px;
+  padding: 0 14px;
+  background: none;
+  border: var(--line) solid var(--rule);
   color: var(--ink-soft);
-  border-radius: var(--radius-sm);
-  font-size: 12px;
-  font-weight: 600;
-  padding: 4px 11px;
+  border-radius: var(--radius-pill);
+  font-size: 13px;
+  text-transform: lowercase;
   cursor: pointer;
   transition: background 150ms, color 150ms, border-color 150ms;
 }
@@ -133,77 +187,149 @@
 }
 .wip__release:disabled { opacity: 0.55; cursor: default; }
 .wip__mine-none { color: var(--ink-faint); }
-.wip__row--mine { background: var(--accent-weak); }
+.wip__row--mine { background: var(--accent-tint); }
 
-/* Recently-shipped history. */
-.history { display: flex; flex-direction: column; gap: 2px; margin-top: 6px; }
+/* Recently-shipped history — v1's bare ledger row inside v3's panel: one
+   --rule-soft hairline on top, no fill, no radius. The first row drops its rule
+   AND its top padding so the list starts flush against the panel's own air,
+   which is the single adaptation v3 makes to v1's ledger. */
+.history { display: flex; flex-direction: column; gap: 0; margin-top: 6px; }
 .history__row {
   display: flex; align-items: baseline; gap: 12px;
-  padding: 6px 4px;
-  border-bottom: 1px solid var(--rule-soft);
+  padding: 14px 0;
+  border-top: var(--line) solid var(--rule-soft);
+  border-bottom: none;
 }
-.history__row:last-child { border-bottom: none; }
+.history__row:first-child { border-top: 0; padding-top: 0; }
 .history__id {
-  font-weight: 600; color: var(--ink-soft);
+  font-family: var(--font-mono);
+  font-size: 12.5px;
+  color: var(--ink-faint);
   font-variant-numeric: tabular-nums; min-width: 3.2em;
 }
 .history__title { flex: 1 1 auto; color: var(--ink); min-width: 0; }
-.history__when { color: var(--ink-faint); font-size: 12.5px; white-space: nowrap; }
+.history__when { color: var(--ink-soft); font-size: 12.5px; white-space: nowrap; font-variant-numeric: tabular-nums; }
 
 @media (max-width: 640px) {
-  .task__actions { grid-column: 2; justify-self: start; }
+  .task__actions { grid-column: 1 / -1; justify-self: start; padding-top: 6px; }
 }
 
-/* ---- task 1759: multi-select + the bottom bulk-action toolbar ---- */
+/* ---- task 1759: multi-select + the bottom bulk-action toolbar ----
+   Re-cut for the 24px floor and the world (task 1003304). The floating dark
+   pill is gone: it painted an INVERTED surface (background: var(--ink)) with
+   three rgba(255,255,255,…) literals on top, which was correct only for as long
+   as --ink stayed dark — a light-on-dark instance pack would have inverted it
+   into unreadability. v3's bulk bar is a glass band across the foot of the
+   content column instead, inset by the rail, so it never has to invert. */
 
 .wip__select-cell { width: 1%; text-align: center; }
-.wip__select { width: 15px; height: 15px; cursor: pointer; accent-color: var(--accent); }
+.wip__select {
+  appearance: none;
+  -webkit-appearance: none;
+  position: relative;
+  width: 24px;
+  height: 24px;
+  margin: 0;
+  cursor: pointer;
+}
+.wip__select::before {
+  content: "";
+  position: absolute;
+  left: 5px;
+  top: 5px;
+  width: 14px;
+  height: 14px;
+  border: var(--line) solid var(--rule);
+  border-radius: 3px;
+}
+.wip__select:checked::before { background: var(--accent); border-color: var(--accent); }
+.wip__select:checked::after {
+  content: "";
+  position: absolute;
+  left: 9px;
+  top: 8px;
+  width: 4px;
+  height: 8px;
+  border: solid var(--accent-on);
+  border-width: 0 1.5px 1.5px 0;
+  transform: rotate(42deg);
+}
 
 .bulk-toolbar {
   position: fixed;
-  left: 50%;
-  bottom: 20px;
-  transform: translateX(-50%);
-  z-index: 120;
+  left: var(--sidebar-w);
+  right: 0;
+  bottom: 0;
+  /* The chrome tier, not above it: the toast (z 100) has to stay readable over
+     this bar, and the drawer + its scrim have to cover it. */
+  z-index: var(--z-topbar);
   display: flex;
   align-items: center;
-  gap: 14px;
+  gap: 16px;
   flex-wrap: wrap;
-  background: var(--ink);
-  color: var(--bg-card);
-  padding: 10px 16px;
-  border-radius: var(--radius);
-  box-shadow: var(--shadow-pop);
-  max-width: min(92vw, 720px);
+  padding: 12px 20px;
+  /* TWO layers, and the bottom one is why. The topbar and the rail can be bare
+     --glass because the page GROUND is behind them; this bar sits over the task
+     cards, and in light --glass is a 5% ink tint with the blur at 0px, so the
+     card underneath read straight through it and the buttons landed on top of a
+     task title (looked at, 1280w light). Painting --bg under the tint makes the
+     bar opaque without giving up the glass character or spending a literal. */
+  background: linear-gradient(var(--glass), var(--glass)), var(--bg);
+  border-top: var(--line) solid var(--glass-edge);
+  backdrop-filter: blur(var(--glass-blur));
+  -webkit-backdrop-filter: blur(var(--glass-blur));
+  color: var(--ink);
 }
 .bulk-toolbar[hidden] { display: none; }
-.bulk-toolbar__count { font-size: 13px; font-weight: 600; white-space: nowrap; }
-.bulk-toolbar__actions { display: flex; gap: 8px; flex-wrap: wrap; }
+.bulk-toolbar__count {
+  font-family: var(--label-face);
+  font-size: var(--label-size);
+  letter-spacing: var(--label-space);
+  text-transform: var(--label-case);
+  color: var(--ink);
+  white-space: nowrap;
+}
+.bulk-toolbar__actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-left: auto; }
 .bulk-toolbar__btn {
-  background: rgba(255, 255, 255, 0.12);
-  border: 1px solid rgba(255, 255, 255, 0.25);
-  color: var(--bg-card);
-  border-radius: var(--radius-sm);
-  font-size: 12.5px;
-  font-weight: 600;
-  padding: 6px 12px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 30px;
+  padding: 0 14px;
+  background: var(--glass);
+  border: var(--line) solid var(--glass-edge);
+  color: var(--ink);
+  border-radius: var(--radius-pill);
+  font-size: 13px;
+  text-transform: lowercase;
   cursor: pointer;
   white-space: nowrap;
   transition: background 150ms, opacity 150ms;
 }
-.bulk-toolbar__btn:hover:not(:disabled) { background: rgba(255, 255, 255, 0.22); }
-.bulk-toolbar__btn:disabled { opacity: 0.4; cursor: not-allowed; }
+.bulk-toolbar__btn:hover:not(:disabled) { background: var(--glass-strong); }
+.bulk-toolbar__btn:disabled { color: var(--ink-faint); border-color: var(--rule-soft); cursor: not-allowed; }
 .bulk-toolbar__clear {
+  min-height: 30px;
+  padding: 0 10px;
   background: transparent;
   border: none;
-  color: var(--bg-card);
-  opacity: 0.75;
-  font-size: 12.5px;
+  color: var(--ink-soft);
+  font-size: 13px;
+  text-transform: lowercase;
+  text-decoration: underline;
+  text-underline-offset: 4px;
   cursor: pointer;
-  padding: 4px 6px;
 }
-.bulk-toolbar__clear:hover { opacity: 1; }
+.bulk-toolbar__clear:hover { color: var(--ink); }
 
-@media (max-width: 640px) {
-  .bulk-toolbar { left: 12px; right: 12px; bottom: 12px; transform: none; max-width: none; }
+/* The shell's .app-content already ends in 108px of bottom air at desktop
+   width, which is what clears the bar — but at 768 it drops to 48px for the
+   phone, and there the bar is TALLER (its actions wrap to their own row). So
+   the phone width buys the room back, scoped to this page: goals.html loads
+   this sheet too and has no bulk toolbar to clear. */
+@media (max-width: 768px) {
+  /* At the drawer breakpoint the sidebar leaves the flow, so the bar spans. */
+  .bulk-toolbar { left: 0; padding: 10px 14px; gap: 10px; }
+  .bulk-toolbar__actions { margin-left: 0; width: 100%; }
+  body[data-page="work"] .app-content { padding-bottom: 200px; }
 }

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

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <!-- Page-local styles (task 2170) — extracted from the old inline <style>
        block per the hall placement rules; shared pager/count-pill styles now
@@ -23,11 +22,17 @@
   <div class="app-body">
     <header class="app-topbar" id="app-topbar"></header>
     <div class="app-content">
-      <div class="page-head">
+      <!-- task 1003304: the board's own <h1>. The hall predates the
+           one-header-main-h1 floor and this page had none — the topbar's
+           lowercase "tasks" is chrome, not a heading. v3 sets the page head in
+           the LABEL voice and saves the display face for section headings, so
+           this is quiet on purpose (see .page-head--board in work.css). -->
+      <div class="page-head page-head--board">
+        <h1 class="page-head__h">Work board</h1>
         <p class="page-head__sub" id="work-sub">Loading tasks…</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <!-- Gate notice — shown by work.js when the viewer is signed in but hasn't
              yet acknowledged the primer (the claimable feed is primer-gated
              server-side). The server already bars an UNAUTHENTICATED visitor from
@@ -49,7 +54,13 @@
 
         <!-- READY — the claimable queue: the page's primary object, above the
              fold as the default tab. -->
-        <section class="scroll" id="claim-scroll" aria-labelledby="claim-h">
+        <!-- task 1003304: BARE, and that is the whole re-skin. In v3 a claimable
+             task IS a --bg-card panel (docs/design/mocks/hall/board/v3.html:
+             #board is a plain .sec, never .sec--sheet), so leaving this section
+             a .scroll would paint a card inside a card. The other three tabs
+             hold rows and tables, which v3 does put inside a panel — they keep
+             theirs. -->
+        <section class="scroll scroll--bare" id="claim-scroll" aria-labelledby="claim-h">
           <h2 id="claim-h" class="scroll__h">Ready — tasks to do<span class="count-pill" id="ready-count" hidden></span></h2>
           <p class="scroll__lede">Click <span class="kbd">Claim</span> to take a task right here — no terminal needed. Then click <span class="kbd">📋</span> to copy the task prompt and paste it into a fresh Claude Code session to begin.</p>
 

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

@@ -403,7 +403,7 @@
         <div class="task${selected ? ' task--selected' : ''}" data-task-id="${t.id}">
           <div class="task__id">
             <input type="checkbox" class="task__select" data-task-id="${t.id}" aria-label="Select task ${t.id} for bulk actions"${selected ? ' checked' : ''}>
-            <span>#${t.id}</span>
+            <span class="task__num">#${t.id}</span>
             <button class="task__open" type="button" data-task-id="${t.id}" title="Open task details" aria-label="Open details for task ${t.id}">⤢</button>
           </div>
           <div class="task__body">

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

@@ -0,0 +1,19 @@
+{
+  "_": "The hall's Work Board through modules/ui-design/kit/render.js (task 1003304). Written with the re-skin so the board's four tabs and its selection state are measured at 1440/390/320 in both modes, not just looked at. The populated look is the hall-preview harness (scripts/hall-preview/server.js); this file is the FLOORS.",
+  "page": "/builders/work",
+  "surface": "hall-ui",
+  "stub": { "prefix": "/builders/" },
+  "modeQuery": false,
+  "_feeds": "The kit's stub carries a small fixture set, not the hall's task feeds, so the board renders its EMPTY and SKELETON states here — which is the point: an empty queue is a state the floors must hold in. The feed 404s are declared, never hidden.",
+  "ignoreRequests": ["/api/(gds|bongos)/me$", "/api/(gds|bongos)/me/", "/api/(gds|bongos)/tasks", "/api/(gds|bongos)/claims", "/api/(gds|bongos)/goals", "/api/(gds|bongos)/inbox/", "/api/(gds|bongos)/versions"],
+  "ignoreConsole": ["/api/(gds|bongos)/", "\b401\b", "\b404\b", "Unauthorized", "Not Found", "load failed"],
+  "states": {
+    "ready": { "auth": true, "expect": { "visible": ["#claim-scroll"], "hidden": ["#wip-scroll", "#backlog-scroll", "#history-scroll"] } },
+    "in-progress": { "auth": true, "url": "/builders/work#in-progress", "actions": [["wait", 400]], "expect": { "visible": ["#wip-scroll"] } },
+    "backlog": { "auth": true, "url": "/builders/work#backlog", "actions": [["wait", 400]], "expect": { "visible": ["#backlog-scroll"] } },
+    "completed": { "auth": true, "url": "/builders/work#completed", "actions": [["wait", 400]], "expect": { "visible": ["#history-scroll"] } },
+    "filters-open": { "auth": true, "actions": [["clickIfVisible", "#work-filters [aria-expanded=\"false\"]"], ["wait", 250]] },
+    "out": { "auth": false }
+  },
+  "reducedMotion": { "auth": true }
+}

package/package-lock.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bongos/core",
-  "version": "1.19.445",
+  "version": "1.19.447",
   "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/src/module-api.js

@@ -33,7 +33,7 @@ const { validateOrRespond, LIMITS, parseId, asyncHandler, corsPublicGet, parsePa
 // there. scripts/gds/bump-version.js still rewrites the literal below; it appends
 // the entry to that file. Look for a version's history there, not here.
 // ---------------------------------------------------------------------------
-const CORE_VERSION = '1.19.445'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
+const CORE_VERSION = '1.19.447'; // 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('dev-box'); log.info('mounted');