@bongos/core 1.19.482 → 1.19.483

package/docs/module-api-changelog.md

@@ -1401,5 +1401,7 @@ is load-bearing: the script throws rather than guess if it is missing, and
         landed since 1.19.480 with no explicit bump. run 33670051626. (task 1002620)
   1.19.482 — CI auto-patch (publish-on-merge, ADR 0161): carrier for merges
         landed since 1.19.481 with no explicit bump. run 33670786915. (task 1002620)
+  1.19.483 — CI auto-patch (publish-on-merge, ADR 0161): carrier for merges
+        landed since 1.19.482 with no explicit bump. run 33674657478. (task 1002620)
 ---------------------------------------------------------------------------
 ```

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

@@ -173,6 +173,11 @@
   // (same pattern as lastNeedsState). These are un-landed confirmed tasks that
   // GATE new claims and whose reward is pending until they land on ship.
   let lastRebaseState = null;
+  // task 1003464: the two halves of the greeting's status sentence — the
+  // public version progress and how many tasks the claimable feed returned.
+  // Null until each lands; the sentence says only what it knows.
+  let lastProgressState = null;
+  let lastClaimableCount = null;
 
   // Cached /me payload from the most recent loadAll() call. Used by the
   // welcome-chip reopen path (#408) so we can re-render the welcome panel
@@ -891,6 +896,10 @@
     if (!wrap || !list) return;
     try {
       const resp = await getJSON(`${API}/tasks/claimable`, { softAuth: true });
+      // task 1003464: the same feed answers the greeting's "N tasks are
+      // claimable right now" — rank-scoped, so it is THIS builder's number.
+      lastClaimableCount = resp && Array.isArray(resp.claimable) ? resp.claimable.length : null;
+      renderGreeting();
       const rows = (resp && Array.isArray(resp.claimable) ? resp.claimable : []).slice(0, 2);
       if (!rows.length) { wrap.hidden = true; if (subhead) subhead.hidden = true; return; }
       const cur = (window.__BRANDING__ && window.__BRANDING__.currency && window.__BRANDING__.currency.label) || 'credits';
@@ -1039,6 +1048,7 @@
     window.__buildersSelfId = me.builder?.id ?? null;
     renderWelcome(me.builder, me.onboarding || null);
     renderProfile(me.builder);
+    renderGreeting(); // task 1003464: "Good morning, <name>" — the h1 — as soon as /me answers
     // #731: the CLI-token re-issue card (V3.R91 #401) and the Discord connect/
     // link card (F7, ADR 0033) moved to /builders/settings — the hall's Standing
     // card is identity-only now.
@@ -1087,13 +1097,19 @@
     // down the page — log and show an inline placeholder.
     // #726: the per-skill model picker (Voices) moved to /builders/settings,
     // so the hall no longer fetches /me/skill-prefs here.
-    const [achAll, ships, versionsResp, lb] = await Promise.allSettled([
+    const [achAll, ships, versionsResp, lb, progress] = await Promise.allSettled([
       getJSON(`${API}/achievements`),
       getJSON(`${API}/me/recent-ships?limit=all`),
       getJSON(`${API}/versions`),
       getJSON(`${API}/leaderboard`),
+      getJSON(`${API}/public/progress`), // task 1003464: "<version> is N percent shipped"
     ]);
 
+    if (progress.status === 'fulfilled') {
+      lastProgressState = progress.value;
+      renderGreeting();
+    }
+
     if (achAll.status === 'fulfilled') {
       // Show top 10 by sort_order — already ordered server-side. (Set is locked at 8
       // for V2, so the slice is defensive.) Unlocked + locked-with-progress come
@@ -1314,13 +1330,15 @@
   // reads what this page holds NOW rather than what it held at boot. Everything
   // else is stable for the life of the page. This call sits AFTER every
   // declaration it passes — moving it earlier is a temporal-dead-zone crash.
-  const { SETUP_CONFIG_KEY, analyticsState, lbState, mountHallWidgets, onboardingBox, renderCurveBody, renderLanding, renderNav, renderOnboarding, renderProfile, renderRecentShips, renderWelcomeCore, shipState, shipsPager, welcomeDismissalKey } = window.OTBHallRender({
+  const { SETUP_CONFIG_KEY, analyticsState, lbState, mountHallWidgets, onboardingBox, renderCurveBody, renderGreeting, renderLanding, renderNav, renderOnboarding, renderProfile, renderRecentShips, renderWelcomeCore, shipState, shipsPager, welcomeDismissalKey } = window.OTBHallRender({
     API, RANK_ORDER, api, brandWorld, curLabel, emptyRow, fmtDate, mins, normalizeRank, pct, postJSON, rankLabel, rankWeight, signClasses, toast, usd,
     get instanceRepo() { return instanceRepo; },
+    get lastClaimableCount() { return lastClaimableCount; },
     get lastCostState() { return lastCostState; },
     get lastKarmaState() { return lastKarmaState; },
     get lastMeState() { return lastMeState; },
     get lastNeedsState() { return lastNeedsState; },
+    get lastProgressState() { return lastProgressState; },
     get lastRebaseState() { return lastRebaseState; },
     get newcomerGated() { return newcomerGated; },
   });

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

@@ -272,6 +272,13 @@
     host.hidden = true; // stays hidden until a slice finds something actionable
     host.innerHTML =
       '<h2 id="attention-h" class="scroll__h">Needs your attention<span class="count-pill" id="attention-count" hidden></span></h2>' +
+      // task 1003464: the system's own notices — rebase owed, an input the
+      // system needs, the monthly budget — used to stack as banners INSIDE the
+      // Standing card. They are lines here now (rendered by hall-render.js
+      // renderSystemNotices from the /me state it already holds), first because
+      // a paused queue outranks an invitation. Rows carry .ginbox__item so
+      // refresh() counts them.
+      '<div id="attention-system"></div>' +
       '<div id="attention-goals"></div>' +
       // task 1002802 (P06): "Complete your profile" — a DISMISSIBLE nudge when
       // bio or preferred_disciplines are empty. Rendered by builders.js (which

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

@@ -508,7 +508,7 @@
         </div>
         <div class="profile__disciplines">
           <span class="profile__disc-label">Preferred work:</span>
-          <span class="profile__disc-value">${prefs.length ? escapeHtml(prefs.join(', ')) : 'none chosen yet'}</span>
+          <span class="profile__disc-value">${prefs.length ? escapeHtml(prefs.join(', ')) : PREFS_EMPTY}</span>
           <a class="profile__disc-edit" href="/settings">Change in Settings →</a>
         </div>
       </div>
@@ -542,30 +542,121 @@
     const statsSection = document.getElementById('home-stats');
     if (statsSection && !ctx.newcomerGated) statsSection.hidden = false;
 
+    // task 1003464: the Home card as the mock draws it — an identity LINE and a
+    // three-row fact ledger. The mock repeats Credits and the place even though
+    // the stat band above carries both; the card is built as approved, all three
+    // rows, because that content is also what makes it end level with Goals.
+    // The notices that used to stack in here are inbox lines now.
     const homeStanding = document.getElementById('home-standing-body');
     if (homeStanding) {
+      const place = rollPlace ? `${ordinal(rollPlace.place)} of ${fmtNum(rollPlace.total)}` : '—';
       homeStanding.innerHTML = `
-        ${rebaseBanner}
-        ${needsBanner}
-        ${budgetBanner}
-        <div class="profile profile--compact">
-          ${avatar}
-          <div>
-            <div class="profile__name-row">
-              <p class="profile__name">${escapeHtml(builder.display_name || builder.github_login || 'Builder')}</p>
-              ${rankBadge}
-            </div>
-            <p class="profile__handle">@${escapeHtml(builder.github_login || 'unknown')}</p>
-            <div class="profile__stats">
-              <span>Member since ${fmtDate(builder.created_at)}</span>
-              <span>${prefs.length ? escapeHtml(prefs.join(', ')) : 'no preferred work yet'}</span>
-            </div>
+        <div class="home-who">
+          ${builder.avatar_url
+            ? `<img class="home-who__avatar" src="${escapeHtml(builder.avatar_url)}" alt="">`
+            : '<span class="home-who__avatar" aria-hidden="true"></span>'}
+          <div class="home-who__meta">
+            <p class="home-who__name">${escapeHtml(builder.display_name || builder.github_login || 'Builder')}</p>
+            <p class="home-who__handle">@${escapeHtml(builder.github_login || 'unknown')}</p>
           </div>
+          <span class="home-who__rank">${builder.rank ? renderRankBadge(normalizeRank(builder.rank), { tip: false }) : ''}</span>
         </div>
+        <dl class="home-facts">
+          <div><dt>${escapeHtml(curLabel(true))}</dt><dd>${fmtNum(builder.total_credits)}</dd></div>
+          <div><dt>On the board</dt><dd>${place}</dd></div>
+          <div><dt>Preferred work</dt><dd>${prefs.length ? escapeHtml(prefs.join(', ')) : PREFS_EMPTY}</dd></div>
+        </dl>
       `;
     }
     const homeStandingSection = document.getElementById('home-standing');
     if (homeStandingSection && !ctx.newcomerGated) homeStandingSection.hidden = false;
+    renderSystemNotices({ rebaseTasks, need, cost });
+  }
+
+  // The ONE string for "no preferred work chosen" — the mock's copy — on both
+  // Standing surfaces (the Home card and the full view), so they cannot drift.
+  const PREFS_EMPTY = 'Not set yet';
+
+  const ordinal = (n) => {
+    const v = Number(n) || 0;
+    const s = (v % 100 >= 11 && v % 100 <= 13) ? 'th' : ({ 1: 'st', 2: 'nd', 3: 'rd' }[v % 10] || 'th');
+    return `${v}${s}`;
+  };
+
+  // task 1003464: the three system notices as inbox LINES on Home (the
+  // placement rule in modules/hall-ui/CLAUDE.md: an action awaiting the builder
+  // is a line item in Needs-attention, never a card). Only what awaits the
+  // builder lands here — a "we cover it" note is information, and stays on the
+  // full Standing view with the other two, where the banners still render.
+  function renderSystemNotices({ rebaseTasks, need, cost }) {
+    const box = document.getElementById('attention-system');
+    if (!box) return;
+    const rows = [];
+    if (rebaseTasks.length) {
+      const refs = rebaseTasks.map((t) => {
+        const id = String(t.id);
+        const href = window.OTBTaskDetail && typeof window.OTBTaskDetail.href === 'function' ? window.OTBTaskDetail.href(id) : `/task/${encodeURIComponent(id)}`;
+        return `<a href="${escapeHtml(href)}">task ${escapeHtml(id)}</a>`;
+      }).join(', ');
+      const one = rebaseTasks.length === 1;
+      rows.push(`<li class="ginbox__item ginbox__item--danger"><div class="ginbox__body">` +
+        `<span class="ginbox__kind">Rebase owed</span>` +
+        `<span class="ginbox__line">New claims are paused: ${rebaseTasks.length} confirmed ${one ? 'task' : 'tasks'} can't land yet, so ${one ? 'its' : 'their'} reward is pending. Rebase and re-ship, or release: ${refs}.</span>` +
+        `</div></li>`);
+    }
+    if (need && need.state === 'action_needed') {
+      const act = need.action && need.action.href
+        ? `<div class="ginbox__actions"><a class="btn-ghost" href="${escapeHtml(need.action.href)}">${escapeHtml(need.action.label || 'Set it up')}</a></div>`
+        : '';
+      rows.push(`<li class="ginbox__item ginbox__item--warn"><div class="ginbox__body">` +
+        `<span class="ginbox__kind">${escapeHtml(need.title)}</span>` +
+        `<span class="ginbox__line">${escapeHtml(need.message)}</span>` +
+        `</div>${act}</li>`);
+    }
+    if (cost && (cost.level === 'warn' || cost.level === 'over')) {
+      const over = cost.level === 'over';
+      rows.push(`<li class="ginbox__item ginbox__item--${over ? 'danger' : 'warn'}"><div class="ginbox__body">` +
+        `<span class="ginbox__kind">${over ? 'Monthly budget exceeded' : 'Approaching monthly budget'}</span>` +
+        `<span class="ginbox__line">$${escapeHtml(String(cost.spend_mtd_usd))} of $${escapeHtml(String(cost.budget_mtd_usd))} this month (${escapeHtml(String(cost.pct_used))}%). ${over ? 'Shipping and art generation are paused until an Archon raises your budget.' : 'At 100% these actions pause until an Archon raises your budget.'}</span>` +
+        `</div></li>`);
+    }
+    box.innerHTML = rows.length ? `<h3 class="ginbox__sec-h">From the system</h3><ul class="ginbox">${rows.join('')}</ul>` : '';
+    if (window.OTBAttention && typeof window.OTBAttention.refresh === 'function') window.OTBAttention.refresh();
+  }
+
+  // task 1003464: the greeting IS Home's one h1 (the mock opens with it), and
+  // the sub-line is the live status sentence — how far the version is and
+  // whether there is anything to do — the one line a returning builder needs.
+  // Each half renders as its data lands; the line stays hidden until one has.
+  const SMALL_NUMBERS = ['', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'ten', 'eleven', 'twelve'];
+  const greetingWord = (hour) => (hour < 12 ? 'Good morning' : (hour < 18 ? 'Good afternoon' : 'Good evening'));
+  // The version the sentence is about: the one being built with the most work in it.
+  function currentVersion(progress) {
+    const rows = progress && Array.isArray(progress.progress) ? progress.progress : [];
+    return rows.filter((r) => r && r.status === 'building')
+      .sort((a, b) => (Number(b.total_count) || 0) - (Number(a.total_count) || 0))[0] || null;
+  }
+  function renderGreeting() {
+    const h1 = document.getElementById('hall-h1');
+    const sub = document.getElementById('hall-sub');
+    const builder = ctx.lastMeState && ctx.lastMeState.builder;
+    if (h1 && builder) {
+      h1.textContent = `${greetingWord(new Date().getHours())}, ${builder.display_name || builder.github_login || 'builder'}`;
+    }
+    if (!sub) return;
+    const parts = [];
+    const v = currentVersion(ctx.lastProgressState);
+    if (v) parts.push(`${v.version_id} is ${Math.round(Number(v.percent_complete) || 0)} percent shipped.`);
+    const n = ctx.lastClaimableCount;
+    if (typeof n === 'number') {
+      if (n === 0) parts.push('Nothing is claimable right now.');
+      else {
+        const word = n < SMALL_NUMBERS.length ? SMALL_NUMBERS[n] : fmtNum(n);
+        parts.push(`${word.charAt(0).toUpperCase()}${word.slice(1)} ${n === 1 ? 'task is' : 'tasks are'} claimable right now.`);
+      }
+    }
+    sub.textContent = parts.join(' ');
+    sub.hidden = parts.length === 0;
   }
   const ONBOARDING_STAGE_ORDER = [
     'auth_complete',
@@ -1116,6 +1207,6 @@
     return idx === -1 ? null : { place: idx + 1, total: ranked.length };
   }
 
-    return { SETUP_CONFIG_KEY, analyticsState, lbState, mountHallWidgets, onboardingBox, renderCurveBody, renderLanding, renderNav, renderOnboarding, renderProfile, renderRecentShips, renderWelcomeCore, shipState, shipsPager, welcomeDismissalKey };
+    return { SETUP_CONFIG_KEY, analyticsState, lbState, mountHallWidgets, onboardingBox, renderCurveBody, renderGreeting, renderLanding, renderNav, renderOnboarding, renderProfile, renderRecentShips, renderWelcomeCore, shipState, shipsPager, welcomeDismissalKey };
   };
 })();

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

@@ -34,7 +34,17 @@
            it sets document.title + this element's text from the branding pack.
            The visible brand mark lives in the sidebar (shell.js reads the pack
            directly); this stays as the invisible chrome hook + a11y page title. -->
-      <h1 id="hall-h1" class="sr-only">Builders' Hall</h1>
+      <!-- task 1003464: the mock opens with a greeting, and it IS the page's one h1
+           (one-header-main-h1 — never a second one). The static text is the no-JS /
+           signed-out fallback and what brand-apply.js writes the hall's name into;
+           hall-render.js renderGreeting turns it into "Good morning, <name>" once
+           /me answers, and fills the sub-line — the live status sentence (how far
+           the version is, whether anything is claimable) — hidden until it has
+           something to say. The label voice is the board's own (.page-head--board). -->
+      <div class="page-head page-head--board page-head--hall">
+        <h1 id="hall-h1" class="page-head__h">Builders' Hall</h1>
+        <p id="hall-sub" class="page-head__sub" hidden></p>
+      </div>
 
       <!-- BV1.R75 (ADR 0062 §4): hall widgets are NOT hardcoded here. Every widget
            — core (hall-widgets.js) and module-contributed (a module's own client

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

@@ -926,11 +926,13 @@ main:focus { outline: none; }
 }
 
 .app-views .view > .view-zone + .view-zone { margin-top: var(--sp-md); }
+/* No align-items (task 1003464): the mock's .band declares none, so the grid
+   default — stretch — makes both cards fill the row and end level. `start` let
+   each card shrink to its content, and Standing stopped short under Goals. */
 .view-zone--band {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: var(--sp-md);
-  align-items: start;
 }
 .view-zone--band > .scroll { margin: 0; }
 .view-zone:empty { display: none; }
@@ -2782,6 +2784,73 @@ main [id] { scroll-margin-top: calc(var(--topbar-h) + 16px); }
 .ginbox__note { margin: 3px 0 0; font-size: 12.5px; color: var(--ink-soft); font-style: italic; }
 .ginbox__actions { flex: 0 0 auto; display: flex; gap: 6px; }
 .ginbox__pending { font-size: 12.5px; margin: 10px 0 0; color: var(--ink-soft); }
+/* task 1003464: the system's notices are inbox LINES on Home (rebase owed, an
+   input the system needs, the monthly budget) — the placement rule, not a
+   banner inside the Standing card. A row is a kind in the label voice over one
+   line of ink; tone marks the exception, on the kind only. */
+.ginbox__kind {
+  font-family: var(--label-face);
+  font-size: var(--label-size);
+  letter-spacing: var(--label-space);
+  text-transform: var(--label-case);
+  color: var(--ink-faint);
+}
+.ginbox__line { font-size: 13.5px; color: var(--ink); }
+/* a task ref inside a line (rebase owed) is a link in prose: the same 24px
+   row recipe as the row links below, or it sits under the floor at 13.5px */
+.ginbox__line a {
+  display: inline-block;
+  min-height: 24px;
+  padding: 3px 0;
+  line-height: 18px;
+  box-sizing: border-box;
+  color: var(--ink);
+  text-decoration: underline;
+  text-underline-offset: 3px;
+}
+.ginbox__item--warn .ginbox__kind { color: var(--warn); }
+.ginbox__item--danger .ginbox__kind { color: var(--danger); }
+/* The link in a Home row takes the mock's row recipe (.att__line a, .g__t): 3px
+   of vertical padding lifts a 13–14px line to the 24px floor without re-spacing
+   the row. The populated harness measured these at 21–23px (task 1003464); the
+   kit's own stub never showed it, because it serves no rows. */
+.ginbox__goal, .triage-inbox__link, .next-up__title {
+  display: inline-block;
+  min-height: 24px;
+  padding: 3px 0;
+  line-height: 18px;
+  box-sizing: border-box;
+}
+
+/* ---------- Home: the Standing card as the mock draws it (task 1003464) ----------
+   docs/design/mocks/hall/board/v3.html: an identity LINE (a 36px avatar, the
+   name over the handle, the rank on the right) and a three-row fact ledger —
+   Credits, On the board, Preferred work. With .view-zone--band stretching its
+   two cards, this content is what makes Standing end level with Goals. */
+.home-who { display: flex; align-items: center; gap: 12px; padding-bottom: 14px; }
+.home-who__avatar {
+  width: 36px; height: 36px; flex: none;
+  border-radius: 50%;
+  background: var(--skeleton);
+  border: 1px solid var(--rule);
+  object-fit: cover;
+}
+.home-who__meta { display: flex; flex-direction: column; min-width: 0; }
+.home-who__name { margin: 0; font-size: 15px; font-weight: 500; color: var(--ink); }
+.home-who__handle { margin: 0; font-family: var(--font-mono); font-size: 12px; color: var(--ink-faint); }
+.home-who__rank { margin-left: auto; }
+.home-facts { margin: 0; display: grid; grid-template-columns: 1fr auto; gap: 0; }
+.home-facts > div { display: contents; }
+.home-facts dt, .home-facts dd { margin: 0; padding: 9px 0; border-top: 1px solid var(--rule-soft); }
+.home-facts dt {
+  font-family: var(--label-face);
+  font-size: var(--label-size);
+  letter-spacing: var(--label-space);
+  text-transform: var(--label-case);
+  color: var(--ink-faint);
+}
+.home-facts dd { text-align: right; font-size: 14px; color: var(--ink); font-variant-numeric: tabular-nums; }
+.home-facts > div:first-child dt, .home-facts > div:first-child dd { border-top: 0; padding-top: 0; }
 
 /* ---------- hall-kit components (task 2166) ----------
    Styles for the shared kit (hall-kit.js / window.OTBKit): pager bar,

package/package-lock.json

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

package/package.json

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

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

package/tests/hall_board_world.mjs

@@ -220,3 +220,202 @@ test('the link a list writes carries WHERE it was opened from — path, query an
   sandbox.location.hash = '#backlog';
   assert.equal(api.href('7'), '/task/7?from=%2Fwork%23backlog', 'on the builders host the hall is mounted at /');
 });
+
+// ---- 8. Home matches its board mock (task 1003464) ---------------------------
+//
+// The owner compared live Home against docs/design/mocks/hall/board/v3.html and
+// found four gaps the floors cannot see: the greeting was never built (the page
+// opened cold on a row of numbers, its h1 sr-only), the band ended ragged
+// (`align-items: start` let Standing shrink under Goals), the Standing card had
+// no fact ledger, and the system banners stacked inside it against the
+// placement rule. A floor measures overflow and contrast; none compares a page
+// to the mock it was built from — so these pins do, statically and then by
+// RUNNING hall-render.js against a stub DOM.
+
+const indexHtml = read('index.html');
+const hallRenderJs = read('hall-render.js');
+const buildersJs = read('builders.js');
+const goalInboxJs = read('goal-inbox.js');
+
+test('the greeting IS the page\'s one h1, in the board\'s label voice, with a sub-line beside it', () => {
+  const h1s = indexHtml.match(/<h1\b/g) || [];
+  assert.equal(h1s.length, 1, 'one-header-main-h1: the greeting must BECOME the h1, never add a second');
+  assert.match(indexHtml, /<div class="page-head page-head--board page-head--hall">\s*<h1 id="hall-h1" class="page-head__h">Builders' Hall<\/h1>\s*<p id="hall-sub" class="page-head__sub" hidden><\/p>/,
+    'the h1 is visible (no sr-only), keeps the id brand-apply.js writes into, and the sub-line ships hidden');
+  assert.doesNotMatch(indexHtml, /id="hall-h1" class="sr-only"/, 'the sr-only h1 is gone');
+});
+
+test('the band ends level: no align-items on the grid, so the two cards stretch', () => {
+  const band = rule(styleCss, '.view-zone--band');
+  assert.ok(band, '.view-zone--band has a rule');
+  assert.doesNotMatch(band, /align-items/, 'the mock\'s .band declares none — stretch is what makes Standing end where Goals ends');
+  assert.match(styleCss.replace(/\/\*[\s\S]*?\*\//g, ''), /@media \(max-width:\s*768px\)[\s\S]*?\.view-zone--band \{ grid-template-columns: 1fr; \}/,
+    'and the single-column fallback still exists below 768px (the task text said 860; the sheet says 768)');
+});
+
+test('the Standing card is the mock\'s: an identity line and a three-row fact ledger, no banner', () => {
+  const block = hallRenderJs.match(/const homeStanding = document\.getElementById\('home-standing-body'\);[\s\S]*?renderSystemNotices\(/);
+  assert.ok(block, 'the Home card render is where it was');
+  assert.match(block[0], /class="home-who"/, 'the identity line');
+  assert.match(block[0], /<dt>\$\{escapeHtml\(curLabel\(true\)\)\}<\/dt>/,
+    'the currency row takes its label from the branding contract at render time — a data-currency-label attribute is rebranded once at load, before this row exists');
+  for (const label of ['On the board', 'Preferred work']) {
+    assert.match(block[0], new RegExp(`<dt>${label}</dt>`), `the ledger row: ${label}`);
+  }
+  assert.match(block[0], /: PREFS_EMPTY\}/, 'the empty-preference copy is the one string both Standing surfaces share');
+  assert.doesNotMatch(block[0], /Banner\}/, 'no banner is stacked into the card any more');
+  for (const sel of ['.home-who', '.home-facts', '.home-facts dt', '.home-facts dd']) {
+    assert.ok(rule(styleCss, sel), `style.css styles ${sel}`);
+  }
+  assert.match(rule(styleCss, '.home-who__avatar') || '', /var\(--skeleton\)/, 'the avatar placeholder is the skeleton tone, not --bg-deep (pure black in dark)');
+});
+
+test('the system notices are inbox LINES, first in the card, and counted by its refresh()', () => {
+  const mount = goalInboxJs.match(/host\.innerHTML =([\s\S]*?);/);
+  assert.ok(mount, 'the inbox mounts its slices');
+  const sys = mount[1].indexOf('id="attention-system"');
+  const goals = mount[1].indexOf('id="attention-goals"');
+  assert.ok(sys > -1 && sys < goals, '#attention-system is a slice, ahead of the goals slice');
+  assert.match(hallRenderJs, /function renderSystemNotices\(/, 'hall-render.js renders them from the /me state it already holds');
+  const fn = hallRenderJs.match(/function renderSystemNotices\([\s\S]*?\n  \}\n/);
+  assert.ok(fn, 'renderSystemNotices is a whole function');
+  assert.match(fn[0], /class="ginbox__item ginbox__item--/, 'rows carry .ginbox__item, so OTBAttention.refresh() counts them');
+  assert.match(fn[0], /OTBAttention[\s\S]*refresh\(\)/, 'and the renderer asks the card to re-decide its visibility');
+  assert.doesNotMatch(fn[0], /covered/, 'a "we cover it" note is information, not an action, and does not land in the inbox');
+  // the rebase-owed line carries task refs as links in prose; a 13.5px link
+  // with no compensation sits under the 24px floor, and the kit stub renders
+  // no notices, so this is pinned in the sheet rather than left to a render
+  for (const sel of ['.ginbox__line a', '.ginbox__goal, .triage-inbox__link, .next-up__title']) {
+    const r = rule(styleCss, sel) || '';
+    assert.match(r, /min-height:\s*24px/, `${sel} clears the floor`);
+    assert.match(r, /padding:\s*3px 0/, `${sel} buys it with the row recipe`);
+  }
+});
+
+test('the greeting reads /me, the public progress and the claimable feed, and builders.js feeds all three', () => {
+  assert.match(buildersJs, /getJSON\(`\$\{API\}\/public\/progress`\)/, 'Home fetches the public progress once');
+  assert.match(buildersJs, /lastClaimableCount = resp && Array\.isArray\(resp\.claimable\) \? resp\.claimable\.length : null;/,
+    'the claimable feed Home already fetches for Next-up answers the count');
+  assert.match(buildersJs, /get lastProgressState\(\)/, 'the renderer reads progress through a getter, so it cannot freeze at boot');
+  assert.match(buildersJs, /get lastClaimableCount\(\)/, 'and the count the same way');
+  assert.equal((buildersJs.match(/renderGreeting\(\)/g) || []).length, 3, 'rendered after /me, after progress and after the claimable feed — each half as it lands');
+});
+
+// Boot hall-render.js against a stub DOM and a ctx of getters (the way
+// builders.js builds it) and read what the greeting and the card actually say.
+function bootHallRender({ me, progress = null, claimable = null, leaderboard = [] }) {
+  const els = new Map();
+  const makeEl = () => ({
+    dataset: {}, style: {}, textContent: '', hidden: false, _html: '', innerHTML: '',
+    classList: { add() {}, remove() {}, toggle() { return false; }, contains() { return false; } },
+    setAttribute() {}, getAttribute() { return null; }, addEventListener() {},
+    querySelector() { return makeEl(); }, querySelectorAll() { return []; }, appendChild() {}, remove() {},
+  });
+  const documentObj = {
+    getElementById(id) { if (!els.has(id)) els.set(id, makeEl()); return els.get(id); },
+    querySelector(sel) { return this.getElementById(String(sel).replace(/^#/, '')); },
+    querySelectorAll() { return []; },
+    createElement() { return makeEl(); },
+    addEventListener() {},
+    body: { dataset: {} }, documentElement: { dataset: {} },
+  };
+  const escapeHtml = (s) => String(s == null ? '' : s).replace(/[&<>"']/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]));
+  const windowObj = {
+    OTB: { escapeHtml, $: (sel) => documentObj.querySelector(sel), fmtNum: (n) => Number(n || 0).toLocaleString('en-US'), moduleOn: () => false },
+    // the factory builds the Standing ships pager + rail at creation
+    OTBKit: { makePager: () => ({ page: 1, perPage: 10 }), makeSectionRail: () => ({ render() {}, refresh() {} }), paginate: (rows) => rows, shipVisualThumbHtml: () => '' },
+    OTBTaskDetail: { href: (id) => `/task/${id}?from=%2F` },
+    location: { hostname: 'builders.example.com', pathname: '/', hash: '', href: 'https://builders.example.com/' },
+    localStorage: { getItem() { return null; }, setItem() {}, removeItem() {} },
+    addEventListener() {},
+  };
+  const sandbox = { window: windowObj, document: documentObj, location: windowObj.location, localStorage: windowObj.localStorage, console, setTimeout, clearTimeout, Date, URL };
+  sandbox.globalThis = sandbox;
+  vm.createContext(sandbox);
+  vm.runInContext(read('hall-render.js'), sandbox, { filename: 'hall-render.js' });
+  const ctx = {
+    API: '/api/gds', RANK_ORDER: ['xenos', 'thetes', 'metic', 'archon'], api: {}, brandWorld: () => 'Cloud Bongos',
+    curLabel: (caps) => (caps ? 'Credits' : 'credits'), emptyRow: () => '', fmtDate: (d) => String(d).slice(0, 10),
+    mins: (m) => `${m}m`, normalizeRank: (r) => String(r || '').toLowerCase(), pct: (n) => `${n}%`, postJSON: async () => ({}),
+    rankLabel: (r) => r, rankWeight: () => 0, signClasses: () => '', toast() {}, usd: (n) => `$${n}`,
+    instanceRepo: null, newcomerGated: false,
+    get lastMeState() { return me; }, get lastCostState() { return me.cost || null; }, get lastKarmaState() { return me.karma || null; },
+    get lastNeedsState() { return me.needs || null; }, get lastRebaseState() { return me.needs_rebase_tasks || null; },
+    get lastProgressState() { return progress; }, get lastClaimableCount() { return claimable; },
+  };
+  const api = windowObj.OTBHallRender(ctx);
+  api.lbState.rows = leaderboard;
+  return { api, el: (id) => documentObj.getElementById(id) };
+}
+
+const ME = {
+  builder: { id: 7, display_name: 'Percy Jackson', github_login: 'percy', rank: 'metic', total_credits: 14441, karma: 96, preferred_disciplines: [], created_at: '2026-01-01T00:00:00Z' },
+  needs: { items: [{ state: 'action_needed', title: 'Image-generation key', message: 'Your free art coverage has ended.', action: { href: '/settings#art', label: 'Add your key' } }] },
+  cost: { level: 'warn', spend_mtd_usd: 80, budget_mtd_usd: 100, pct_used: 80 },
+  needs_rebase_tasks: [{ id: 1003460 }],
+};
+const LEADERBOARD = [{ github_login: 'a', total_credits: 20000 }, { github_login: 'percy', total_credits: 14441 }, { github_login: 'b', total_credits: 3 }, { github_login: 'c', total_credits: 1 }];
+const PROGRESS = { progress: [{ version_id: 'BONGOS-V1', status: 'building', total_count: 605, percent_complete: 75 }, { version_id: 'V2', status: 'planning', total_count: 9000, percent_complete: 0 }] };
+
+test('RUN: the greeting names the builder, and the sub-line says how far the version is and what is claimable', () => {
+  const { api, el } = bootHallRender({ me: ME, progress: PROGRESS, claimable: 5 });
+  api.renderGreeting();
+  assert.match(el('hall-h1').textContent, /^Good (morning|afternoon|evening), Percy Jackson$/);
+  assert.equal(el('hall-sub').textContent, 'BONGOS-V1 is 75 percent shipped. Five tasks are claimable right now.');
+  assert.equal(el('hall-sub').hidden, false);
+});
+
+test('RUN: each half of the sentence renders as its data lands, and the line hides with neither', () => {
+  const none = bootHallRender({ me: ME });
+  none.api.renderGreeting();
+  assert.equal(none.el('hall-sub').hidden, true, 'nothing to say yet');
+  const onlyProgress = bootHallRender({ me: ME, progress: PROGRESS });
+  onlyProgress.api.renderGreeting();
+  assert.equal(onlyProgress.el('hall-sub').textContent, 'BONGOS-V1 is 75 percent shipped.');
+  const zero = bootHallRender({ me: ME, progress: PROGRESS, claimable: 0 });
+  zero.api.renderGreeting();
+  assert.match(zero.el('hall-sub').textContent, /Nothing is claimable right now\.$/);
+  const one = bootHallRender({ me: ME, claimable: 1 });
+  one.api.renderGreeting();
+  assert.equal(one.el('hall-sub').textContent, 'One task is claimable right now.');
+  const many = bootHallRender({ me: ME, claimable: 63 });
+  many.api.renderGreeting();
+  assert.equal(many.el('hall-sub').textContent, '63 tasks are claimable right now.');
+});
+
+test('RUN: the Standing card carries the three facts, the place as "2nd of 4", and no banner', () => {
+  const { api, el } = bootHallRender({ me: ME, leaderboard: LEADERBOARD });
+  api.renderProfile(ME.builder);
+  const html = el('home-standing-body').innerHTML;
+  assert.match(html, /<p class="home-who__name">Percy Jackson<\/p>/);
+  assert.match(html, /<p class="home-who__handle">@percy<\/p>/);
+  // written from curLabel(true), not a data-currency-label attribute: brand-apply
+  // rebrands those once at load, and this row is stamped after /me answers
+  assert.match(html, /<dt>Credits<\/dt><dd>14,441<\/dd>/);
+  assert.match(html, /<dt>On the board<\/dt><dd>2nd of 4<\/dd>/);
+  assert.match(html, /<dt>Preferred work<\/dt><dd>Not set yet<\/dd>/, 'the mock\'s copy for an empty preference');
+  assert.doesNotMatch(html, /profile__(needs|budget|rebase)/, 'the banners are not in the card');
+  const withPrefs = bootHallRender({ me: ME, leaderboard: [] });
+  withPrefs.api.renderProfile({ ...ME.builder, preferred_disciplines: ['engineer', 'ui'] });
+  assert.match(withPrefs.el('home-standing-body').innerHTML, /<dd>engineer, ui<\/dd>/);
+  assert.match(withPrefs.el('home-standing-body').innerHTML, /<dt>On the board<\/dt><dd>—<\/dd>/, 'no roll yet: a dash, not a wrong place');
+});
+
+test('RUN: the three notices are inbox lines with a kind, a line and — where one exists — a door', () => {
+  const { api, el } = bootHallRender({ me: ME });
+  api.renderProfile(ME.builder);
+  const html = el('attention-system').innerHTML;
+  assert.match(html, /<h3 class="ginbox__sec-h">From the system<\/h3>/);
+  assert.equal((html.match(/class="ginbox__item /g) || []).length, 3, 'rebase, the needed input, the budget');
+  assert.match(html, /ginbox__item--danger"><div class="ginbox__body"><span class="ginbox__kind">Rebase owed<\/span>/);
+  assert.match(html, /<a href="\/task\/1003460\?from=%2F">task 1003460<\/a>/, 'a task ref is a door through OTBTaskDetail.href, never a bare #N');
+  assert.match(html, /ginbox__item--warn"><div class="ginbox__body"><span class="ginbox__kind">Image-generation key<\/span>/);
+  assert.match(html, /<a class="btn-ghost" href="\/settings#art">Add your key<\/a>/);
+  assert.match(html, /<span class="ginbox__kind">Approaching monthly budget<\/span>/);
+  const quiet = bootHallRender({ me: { builder: ME.builder } });
+  quiet.api.renderProfile(ME.builder);
+  assert.equal(quiet.el('attention-system').innerHTML, '', 'nothing owed, nothing rendered');
+  const covered = bootHallRender({ me: { builder: ME.builder, needs: { items: [{ state: 'covered', title: 'Art', message: 'We cover it.' }] } } });
+  covered.api.renderProfile(ME.builder);
+  assert.equal(covered.el('attention-system').innerHTML, '', 'a covered need is not an action');
+});