@bongos/core 1.21.163 → 1.21.164

package/modules/copy-desk/page-status.js

@@ -691,6 +691,8 @@ function approvalFor({ page, pageId, rounds, round, builderId, isArtist }) {
   const applied = pages.parseAppliedBlock(round.description);
   const refusedBy = new Map();
   if (applied.ok) for (const r of applied.applied.refused || []) if (r && r.key) refusedBy.set(String(r.key), String(r.code || 'refused'));
+  const pinnedBy = new Map();
+  if (applied.ok) for (const p of applied.applied.pinned_tests || []) if (p && p.key && Array.isArray(p.tests)) pinnedBy.set(String(p.key), p.tests.map(String));
   const lines = batch.ok ? batch.batch.lines.map((l) => ({
     key: l.key,
     section: l.section == null ? null : l.section,
@@ -698,6 +700,7 @@ function approvalFor({ page, pageId, rounds, round, builderId, isArtist }) {
     after: l.after,
     placement: l.placement || null,
     refused: refusedBy.get(String(l.key)) || null,
+    ...(pinnedBy.has(String(l.key)) ? { pinned_by: pinnedBy.get(String(l.key)) } : {}),
   })) : [];
   const shipped = (rounds || []).filter((r) => r.status === 'shipped');
   const now = countsFor(rounds);

package/modules/copy-desk/pages.js

@@ -164,6 +164,11 @@ function composeAppliedBlock(a) {
     reading_hash_after: a.reading_hash_after,
     lines_after: (a.lines_after || []).map(String),
     refused: (a.refused || []).map((x) => ({ key: x.key, code: x.code })),
+    // task 1004775: tests that still assert a rewritten line's old words, named
+    // at apply time so the artist sees them before approving, not CI after.
+    ...(Array.isArray(a.pinned_tests) && a.pinned_tests.length
+      ? { pinned_tests: a.pinned_tests.map((p) => ({ key: p.key, tests: (p.tests || []).map(String) })) }
+      : {}),
   });
 }
 

package/modules/hall-ui/public/approval-queue-lib.js

@@ -119,6 +119,10 @@
       marked: after && !line.refused,
       aside: line.refused ? refusedWords(line.refused) : (after ? `was: ${line.before}` : `becomes: ${line.after}`),
       refused: !!line.refused,
+      // task 1004775: a test still asserts the old words, so it fails once this lands.
+      ...(!line.refused && Array.isArray(line.pinned_by) && line.pinned_by.length
+        ? { pinned: `A test still checks the old words: ${line.pinned_by.join(', ')}. It needs updating when this ships.` }
+        : {}),
     };
   }
 

package/modules/hall-ui/public/approval-queue.css

@@ -226,6 +226,8 @@ html.aq-open { overflow: hidden; }
 }
 .aq-line__aside { font-size: 13px; line-height: 1.45; color: var(--aq-ink-faint); overflow-wrap: anywhere; }
 .aq-line--refused .aq-line__aside { color: var(--aq-link); }
+/* task 1004775: a test that still checks the old words. */
+.aq-line__pinned { font-size: 13px; line-height: 1.45; color: var(--aq-link); overflow-wrap: anywhere; }
 .aq-lines__none { margin: 0; font-size: 14px; color: var(--aq-ink-faint); }
 
 /* The decision row. */

package/modules/hall-ui/public/approval-queue.js

@@ -152,6 +152,7 @@
           ${r.section ? `<span class="aq-line__section">${esc(r.section)}</span>` : ''}
           <span class="aq-line__text">${r.marked ? `<mark class="aq-mark">${words(r.text)}</mark>` : words(r.text)}</span>
           <span class="aq-line__aside">${words(r.aside)}</span>
+          ${r.pinned ? `<span class="aq-line__pinned">${esc(r.pinned)}</span>` : ''}
         </li>`).join('')}</ol>`;
     }
 

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

@@ -929,7 +929,7 @@
 
   // ---- Home "Next up" slice (task 2184) -------------------------------------
 
-  // Fill the top of the "Your work" card with the first two rows of the
+  // Fill the top of the "Your work" card with the first five rows of the
   // claimable queue (server order: priority, then calibrated estimate) so Home
   // answers "what's my next action". Best-effort: a primer-gated 403, an auth
   // hiccup, or an empty queue hides the slice — Home never shows an error for
@@ -947,7 +947,8 @@
       // already orders by priority then calibrated estimate, so the first two rows ARE
       // the top two. `claimable_total` comes back so the foot can say how many are
       // waiting instead of leaving two rows to imply there are only two.
-      const resp = await getJSON(`${API}/tasks/claimable?limit=2`, { softAuth: true });
+      // task 1004774: five rows, level with the five Recently shipped rows beside it.
+      const resp = await getJSON(`${API}/tasks/claimable?limit=5`, { softAuth: true });
       // task 1003464: the greeting's "N tasks are claimable right now" — rank-scoped,
       // so it is THIS builder's number. It reads claimable_total rather than the length
       // of a fully-downloaded feed: the same number, without the wire cost that this
@@ -959,7 +960,8 @@
         ? claimableTotal
         : (resp && Array.isArray(resp.claimable) ? resp.claimable.length : null);
       renderGreeting();
-      const rows = resp && Array.isArray(resp.claimable) ? resp.claimable : [];
+      // capped as well as asked for: a server that ignores ?limit must not grow the card.
+      const rows = resp && Array.isArray(resp.claimable) ? resp.claimable.slice(0, 5) : [];
       if (!rows.length) { wrap.hidden = true; if (subhead) subhead.hidden = true; return; }
       const total = Number(resp.claimable_total);
       const cur = (window.__BRANDING__ && window.__BRANDING__.currency && window.__BRANDING__.currency.label) || 'credits';
@@ -1175,7 +1177,7 @@
       getJSON(`${API}/me/recent-ships?limit=all`),
       getJSON(`${API}/versions`),
       getJSON(`${API}/public/leaderboard`), // task 1004437: the list with each builder's roles
-      getJSON(`${API}/public/progress`), // task 1003464: "<version> is N percent shipped"
+      getJSON(`${API}/public/progress`), // task 1003464: "<version> is N percent complete"
     ]);
 
     if (progress.status === 'fulfilled') {

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

@@ -482,7 +482,7 @@
     }
     const shown = rows.slice(0, MAX_ROT_ROWS);
     const more = rows.length > shown.length
-      ? `<p class="ginbox__pending">…${rows.length - shown.length} more going quiet.</p>`
+      ? `<p class="ginbox__pending">…${rows.length - shown.length} more not moving.</p>`
       : '';
     // The heading names the TIMER, not just the count. A reader who disagrees with
     // the line ("30 days is too short for a backlog") needs to know which number
@@ -493,7 +493,7 @@
     const timerNote = t.invalid
       ? `<span class="ginbox__sub"> — ${escapeHtml(String(t.describe || ''))}</span>`
       : `<span class="ginbox__sub"> — untouched ${escapeHtml(String(t.rot_days ?? '?'))}+ days</span>`;
-    box.innerHTML = '<h3 class="ginbox__sec-h">Going quiet '
+    box.innerHTML = '<h3 class="ginbox__sec-h">Things not moving '
       + `<span class="count-pill">${rows.length}</span>${timerNote}</h3>`
       + `<ul class="ginbox">${shown.map(rotRowHtml).join('')}</ul>${more}`;
     window.OTBAttention?.refresh();
@@ -511,7 +511,7 @@
         // this handler swallowed it into an empty section that looked like "nothing
         // is rotting". A silent catch on the ONLY caller of a route is indistin-
         // guishable from a healthy empty state — which is the whole failure.
-        console.warn('[hall] rot feed unavailable — the "Going quiet" section is empty '
+        console.warn('[hall] rot feed unavailable — the "Things not moving" section is empty '
           + 'because the request failed, NOT because nothing is rotting:', err);
       });
   }
@@ -560,7 +560,7 @@
     const more = total > rows.length
       ? `<p class="ginbox__pending">…${total - rows.length} more — <a href="/blockers">open the queue</a>.</p>`
       : '';
-    box.innerHTML = '<h3 class="ginbox__sec-h">Stuck on the owner '
+    box.innerHTML = '<h3 class="ginbox__sec-h">Requires project owner fix '
       + `<span class="count-pill">${total}</span></h3>`
       + `<ul class="ginbox">${rows.map(blockerRowHtml).join('')}</ul>${more}`;
     window.OTBAttention?.refresh();
@@ -579,7 +579,7 @@
         if (box) box.innerHTML = '';
         window.OTBAttention?.refresh();
         if (err.code !== 'auth-needed' && err.code !== 'not-found') {
-          console.warn('[hall] blockers feed unavailable — the "Stuck on the owner" section is empty '
+          console.warn('[hall] blockers feed unavailable — the "Requires project owner fix" section is empty '
             + 'because the request failed, NOT because nothing is open:', err);
         }
       });
@@ -595,6 +595,17 @@
     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 1004774: every slice is a CARD showing its total, and a click opens the
+      // slice itself in a window, so its buttons work exactly as they do inline.
+      // The slices still render into their divs below (kept off-screen in
+      // #attention-slices), and refresh() rebuilds the cards from what they hold.
+      '<div class="attn-cards" id="attention-cards"></div>' +
+      '<dialog class="attn-dialog" id="attention-dialog" aria-labelledby="attention-dialog-h">' +
+        '<div class="attn-dialog__head"><h3 class="attn-dialog__h" id="attention-dialog-h"></h3>' +
+        '<button type="button" class="attn-dialog__x" id="attention-dialog-x" aria-label="Close">×</button></div>' +
+        '<div class="attn-dialog__body" id="attention-dialog-body"></div>' +
+      '</dialog>' +
+      '<div id="attention-slices" hidden>' +
       // 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
@@ -639,8 +650,10 @@
       // the card on purpose: every slice above is somebody waiting on YOU right
       // now, while rot is a standing question that has already waited weeks and
       // can wait until they are read.
-      '<div id="attention-rot"></div>';
+      '<div id="attention-rot"></div>' +
+      '</div>';
     host.addEventListener('click', onClick);
+    wireCards();
     load();
     loadNodQueue();
     loadRemovals();
@@ -651,6 +664,83 @@
     window.OTBProfileNudge?.load();
   }
 
+  // ---- the cards + the window (task 1004774) --------------------------------
+  //
+  // Each slice div is one card. The card reads its title from the slice's own
+  // heading and its total from the heading's count pill (the server total, which
+  // can exceed the rows shown) or, failing that, the rows. Opening a card MOVES
+  // the slice div into the dialog — the dialog sits inside `host`, so the
+  // delegated click handler above still sees every button — and closing moves it
+  // back to where it came from.
+  const ITEM_SEL = '.ginbox__item, .triage-inbox__item';
+  let openSlice = null;
+
+  function sliceFacts(div) {
+    const h = div.querySelector('h3, .ginbox__sec-h, h4');
+    let title = '';
+    if (h) {
+      const copy = h.cloneNode(true);
+      copy.querySelectorAll('.count-pill, .ginbox__sub').forEach((n) => n.remove());
+      title = copy.textContent.replace(/\s+/g, ' ').trim();
+    }
+    const pill = h && h.querySelector('.count-pill');
+    const pillN = pill ? parseInt(pill.textContent, 10) : NaN;
+    const rows = div.querySelectorAll(ITEM_SEL).length;
+    const total = Number.isFinite(pillN) ? pillN : rows;
+    const sub = h && h.querySelector('.ginbox__sub');
+    return { title: title || 'Needs attention', total, rows, note: sub ? sub.textContent.replace(/^\s*—\s*/, '').trim() : '' };
+  }
+
+  function renderCards() {
+    const cards = host && host.querySelector('#attention-cards');
+    const slices = host && host.querySelector('#attention-slices');
+    if (!cards || !slices) return;
+    const html = [];
+    for (const div of slices.children) {
+      if (!div.id || !div.innerHTML.trim()) continue;
+      const f = sliceFacts(div);
+      if (!f.rows && !div.querySelector('.ginbox__pending')) continue;
+      html.push(`<button type="button" class="attn-card" data-attn-open="${escapeHtml(div.id)}">`
+        + `<span class="attn-card__n">${escapeHtml(String(f.total))}</span>`
+        + `<span class="attn-card__t">${escapeHtml(f.title)}</span>`
+        + (f.note ? `<span class="attn-card__s">${escapeHtml(f.note)}</span>` : '')
+        + '</button>');
+    }
+    cards.innerHTML = html.join('');
+  }
+
+  function openCard(id) {
+    const dlg = host.querySelector('#attention-dialog');
+    const div = host.querySelector(`#attention-slices > #${CSS.escape(id)}`);
+    if (!dlg || !div) return;
+    host.querySelector('#attention-dialog-h').textContent = sliceFacts(div).title;
+    host.querySelector('#attention-dialog-body').appendChild(div);
+    openSlice = div;
+    if (typeof dlg.showModal === 'function') dlg.showModal(); else dlg.setAttribute('open', '');
+  }
+
+  function closeCard() {
+    const dlg = host && host.querySelector('#attention-dialog');
+    if (openSlice) {
+      host.querySelector('#attention-slices').appendChild(openSlice);
+      openSlice = null;
+    }
+    if (dlg && dlg.open && typeof dlg.close === 'function') dlg.close();
+    renderCards();
+  }
+
+  function wireCards() {
+    host.addEventListener('click', (e) => {
+      const card = e.target.closest('[data-attn-open]');
+      if (card) { openCard(card.getAttribute('data-attn-open')); return; }
+      if (e.target.closest('#attention-dialog-x')) { closeCard(); return; }
+      // a click on the backdrop lands on the <dialog> itself
+      if (e.target.id === 'attention-dialog') closeCard();
+    });
+    const dlg = host.querySelector('#attention-dialog');
+    if (dlg) dlg.addEventListener('close', () => { if (openSlice) closeCard(); });
+  }
+
   // The card's shared visibility contract: any slice renderer calls refresh()
   // after painting; the card shows iff any slice has actionable rows, and the
   // headline pill is the cross-slice total.
@@ -658,11 +748,14 @@
     refresh() {
       const sec = document.getElementById('attention-scroll');
       if (!sec) return;
-      const n = sec.querySelectorAll('.ginbox__item, .triage-inbox__item').length;
+      const n = sec.querySelectorAll(ITEM_SEL).length;
       const pending = sec.querySelector('.ginbox__pending');
       const pill = document.getElementById('attention-count');
       if (pill) { pill.hidden = !n; pill.textContent = String(n); }
       sec.hidden = n === 0 && !pending;
+      // An open window keeps its slice; the card behind it is redrawn on close.
+      if (!openSlice) renderCards();
+      else if (!openSlice.querySelector(ITEM_SEL)) closeCard();
     },
   };
 

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

@@ -92,7 +92,7 @@
   }
 
   // task 2184 (Home rule: a summary card never lists more than 5 rows): cap the
-  // joined-goals list; the overflow count rides the "All goals" foot link.
+  // joined-goals list. The foot is one "Browse goals" link (owner, task 1004774).
   const MAX_HOME_ROWS = 5;
   function render(joined, counts) {
     const body = host.querySelector('#goals-body');
@@ -101,14 +101,12 @@
       return;
     }
     const shown = joined.slice(0, MAX_HOME_ROWS);
-    const more = joined.length - shown.length;
     body.innerHTML = `<ul class="goal-mine-list">${shown.map((d) => row(d, counts)).join('')}</ul>` +
-      `<p class="goal-mine__foot card-foot"><a href="/goals">${more > 0 ? `All ${joined.length} goals →` : 'All goals →'}</a></p>`;
+      `<p class="goal-mine__foot card-foot"><a href="/goals">Browse goals →</a></p>`;
   }
 
   const SKELETON =
     '<h2 id="goals-h" class="scroll__h">Goals</h2>' +
-    '<p class="scroll__lede">The open goals you’ve joined, and the work you can claim in each. Browse, join, and leave goals — and read their criteria — on the <a href="/goals">Goals page</a>.</p>' +
     '<div id="goals-body"><div class="profile__placeholder">Loading your goals…</div></div>';
 
   async function load() {

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

@@ -638,15 +638,25 @@
           </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>
+        <div class="hall-standing__more">
+          <dl class="home-facts home-facts--grid">
+            <div><dt>${escapeHtml(curLabel(true))}</dt><dd>${fmtNum(builder.total_credits)}</dd></div>
+            <div><dt>Karma</dt><dd>${fmtNum(karmaTotal)}</dd></div>
+            <div><dt>Shipped</dt><dd id="standing-shipped">${escapeHtml((document.getElementById('stat-shipped') || {}).textContent || '—')}</dd></div>
+            <div><dt>Leaderboard place</dt><dd>${place}</dd></div>
+          </dl>
+          <dl class="home-facts">
+            <div><dt>Preferred work</dt><dd>${prefs.length ? escapeHtml(prefs.join(', ')) : PREFS_EMPTY}</dd></div>
+          </dl>
+          ${builder.id != null ? `<p class="card-foot"><a href="/profile?id=${encodeURIComponent(builder.id)}">View full profile →</a></p>` : ''}
+        </div>
       `;
     }
-    const homeStandingSection = document.getElementById('home-standing');
-    if (homeStandingSection && !ctx.newcomerGated) homeStandingSection.hidden = false;
+    // task 1004774: Standing is the page-head chip now, not a Home card. The
+    // who-line above IS the chip: at rest it shows the avatar and rank, and on
+    // hover it widens left to show the name while .hall-standing__more drops down.
+    const standingChip = document.getElementById('hall-standing');
+    if (standingChip && !ctx.newcomerGated) standingChip.hidden = false;
     renderSystemNotices({ rebaseTasks, need, actionNeeds, cost });
   }
 
@@ -724,6 +734,22 @@
     return rows.filter((r) => r && r.status === 'building')
       .sort((a, b) => (Number(b.total_count) || 0) - (Number(a.total_count) || 0))[0] || null;
   }
+  // task 1004774: the version tab under the Home banner — the same version the
+  // sub-line names, drawn as a bar. Hidden while no version is being built.
+  function renderVersionTab(v) {
+    const tab = document.getElementById('home-version');
+    if (!tab) return;
+    if (!v) { tab.hidden = true; return; }
+    const pct = Math.max(0, Math.min(100, Math.round(Number(v.percent_complete) || 0)));
+    const name = document.getElementById('home-version-name');
+    const fill = document.getElementById('home-version-fill');
+    const pctEl = document.getElementById('home-version-pct');
+    if (name) name.textContent = v.version_id;
+    if (fill) fill.style.width = `${pct}%`;
+    if (pctEl) pctEl.textContent = `${pct}% complete`;
+    tab.setAttribute('aria-label', `${v.version_id} is ${pct} percent complete`);
+    tab.hidden = false;
+  }
   function renderGreeting() {
     const h1 = document.getElementById('hall-h1');
     const sub = document.getElementById('hall-sub');
@@ -731,10 +757,11 @@
     if (h1 && builder) {
       h1.textContent = `${greetingWord(new Date().getHours())}, ${builder.display_name || builder.github_login || 'builder'}`;
     }
+    const v = currentVersion(ctx.lastProgressState);
+    renderVersionTab(v);
     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.`);
+    if (v) parts.push(`${v.version_id} is ${Math.round(Number(v.percent_complete) || 0)} percent complete.`);
     const n = ctx.lastClaimableCount;
     if (typeof n === 'number') {
       if (n === 0) parts.push('Nothing is claimable right now.');
@@ -1036,6 +1063,9 @@
     // 5-row recent-work table are fed from the same feed. Guarded writes.
     const statShipped = document.getElementById('stat-shipped');
     if (statShipped) statShipped.textContent = fmtNum(shipState.all.length);
+    // task 1004774: the Standing hover card carries the same count.
+    const standingShipped = document.getElementById('standing-shipped');
+    if (standingShipped) standingShipped.textContent = fmtNum(shipState.all.length);
     const homeRecent = document.querySelector('#home-recent-table tbody');
     if (homeRecent) {
       const latest = sortShips(shipState.all, 'recent').slice(0, 5);

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

@@ -75,16 +75,20 @@
       '<a class="stat-tile" href="#standing"><span class="stat-tile__label">Shipped</span><span class="stat-tile__num" id="stat-shipped">—</span><span class="stat-tile__sub" id="stat-shipped-sub"></span></a>' +
       '<a class="stat-tile" href="#standing"><span class="stat-tile__label">Karma</span><span class="stat-tile__num" id="stat-karma">—</span><span class="stat-tile__sub" id="stat-karma-sub"></span></a>' +
       '<a class="stat-tile" href="/ranks"><span class="stat-tile__label">Rank</span><span class="stat-tile__num stat-tile__num--badge" id="stat-rank">—</span><span class="stat-tile__sub" id="stat-rank-sub"></span></a>' +
-    '</div>',
+    '</div>' +
+    // task 1004774: the version tab under the banner — how far the version being
+    // built has come. hall-render.js renderGreeting fills it from the same
+    // progress read as the greeting's sub-line; hidden until there is a version.
+    '<a class="version-tab" id="home-version" href="/roadmap" hidden>' +
+      '<span class="version-tab__name" id="home-version-name"></span>' +
+      '<span class="version-tab__bar" aria-hidden="true"><span class="version-tab__fill" id="home-version-fill"></span></span>' +
+      '<span class="version-tab__pct" id="home-version-pct"></span>' +
+    '</a>',
     { view: 'home', zone: 'home-stats', sectionClass: 'scroll scroll--bare', labelledby: 'home-stats-h', hiddenByDefault: true });
 
-  // 0d. Standing summary card — left half of the Home band (task 1723). Filled by
-  // builders.js renderProfile from the same /me payload as the full Standing view.
-  w('home-standing', 'Standing', 18,
-    '<h2 id="home-standing-h" class="scroll__h">Standing</h2>' +
-    '<div id="home-standing-body"><div class="profile__placeholder">…</div></div>' +
-    '<p class="card-foot"><a href="#standing">See your Full Account. →</a></p>',
-    { view: 'home', zone: 'home-band', labelledby: 'home-standing-h', hiddenByDefault: true });
+  // (task 1004774: the Standing summary is no longer a Home card. It is the
+  // chip at the top right of the page head — index.html #hall-standing — whose
+  // hover card holds #home-standing-body, filled by hall-render.js renderProfile.)
 
   // (Goals — goals.js registers itself into the other half of the Home band.)
 
@@ -99,15 +103,21 @@
   // gated or empty), then the 5-row recent-ships table below it.
   w('home-recent', 'Your work', 28,
     '<h2 id="home-recent-h" class="scroll__h">Your work</h2>' +
-    '<div id="home-next" hidden>' +
+    // task 1004774: Next up and Recently shipped sit side by side (stacking
+    // again on a phone); when Next up is hidden, shipped takes the full width.
+    '<div class="home-split">' +
+    '<div class="home-split__col" id="home-next" hidden>' +
       '<h3 class="ginbox__sec-h">Next up — ready to claim</h3>' +
       '<ul class="next-up" id="home-next-list"></ul>' +
       '<p class="next-up__foot"><a href="/work" id="home-next-foot">See all ready work →</a></p>' +
     '</div>' +
+    '<div class="home-split__col">' +
     '<h3 class="ginbox__sec-h" id="home-recent-subh" hidden>Recently shipped</h3>' +
     '<table class="ledger" id="home-recent-table"><thead><tr><th>№</th><th>Work</th><th data-currency-label="caps">Credits</th><th>Shipped</th></tr></thead>' +
     '<tbody><tr><td colspan="4" class="ledger__empty">…</td></tr></tbody></table>' +
-    '<p class="card-foot"><a href="#standing">All your work →</a></p>',
+    '<p class="card-foot"><a href="#standing">All your work →</a></p>' +
+    '</div>' +
+    '</div>',
     { view: 'home', zone: 'home-main', labelledby: 'home-recent-h', hiddenByDefault: true });
 
   // 0f. The founding wall (task 1004424) — everyone who joined while the project was

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

@@ -48,6 +48,13 @@
       <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>
+        <!-- task 1004774: Standing left the Home band for this chip. At rest it
+             shows the avatar and rank. On hover or keyboard focus the chip itself
+             widens to the left into the top of the card, and only the facts below
+             drop down (#home-standing-body, filled by hall-render.js renderProfile). -->
+        <div class="hall-standing" id="hall-standing" hidden tabindex="0" aria-label="Your standing">
+          <div class="hall-standing__card" id="home-standing-body"></div>
+        </div>
       </div>
 
       <!-- BV1.R75 (ADR 0062 §4): hall widgets are NOT hardcoded here. Every widget

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

@@ -4565,3 +4565,98 @@ html.palette-open { overflow: hidden; }
 .gr-cat { display: inline-flex; align-items: baseline; gap: 5px; margin-left: 8px; padding: 1px 8px; border: 1px solid var(--rule-soft); border-radius: 999px; font-size: 11px; font-weight: 600; letter-spacing: .01em; color: var(--ink-soft); background: var(--surface-2); vertical-align: baseline; white-space: nowrap; }
 .gr-cat--inherited { font-weight: 550; color: var(--ink-faint); }
 .gr-cat__from { font-style: normal; font-weight: 500; font-size: 10px; color: var(--ink-faint); opacity: .85; }
+
+/* ---- Home reshuffle (task 1004774; mock docs/design/mocks/hall/home/v1.html) ----
+   A slimmer banner pulled up under the greeting, the version as a progress tab
+   under it, Standing as a chip at the top right with a hover card, the
+   Needs-attention slices as cards that open a window, and Your work beside
+   Recently shipped. */
+body[data-page="home"] .page-head--hall { position: relative; margin: 0 0 12px; padding-right: 180px; }
+body[data-page="home"] .stat-tile { padding: 12px 22px; min-height: 0; gap: 4px; }
+body[data-page="home"] .stat-tile__num { font-size: clamp(20px, 2vw, 26px); }
+body[data-page="home"] #home-stats .stat-row { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+.version-tab {
+  display: flex; align-items: center; gap: 14px; min-height: 24px;
+  padding: 10px 22px; color: var(--ink); text-decoration: none;
+  background: var(--glass); border: 1px solid var(--glass-edge); border-top: 0;
+  border-radius: 0 0 var(--radius) var(--radius);
+}
+.version-tab:hover { text-decoration: none; background: var(--glass-strong); }
+.version-tab[hidden] { display: none; }
+.version-tab__name { font-weight: 600; white-space: nowrap; }
+.version-tab__bar { flex: 1; height: 8px; border-radius: 4px; background: var(--rule-soft); overflow: hidden; }
+.version-tab__fill { display: block; height: 100%; width: 0; background: var(--accent); border-radius: 4px; }
+.version-tab__pct { color: var(--ink-soft); font-size: 13px; white-space: nowrap; font-variant-numeric: tabular-nums; }
+
+.hall-standing { position: absolute; top: 0; right: 0; height: 44px; outline: none; }
+.hall-standing[hidden] { display: none; }
+/* The chip IS the top of the card: anchored at the right, it grows LEFT as the
+   name slides in, and only .hall-standing__more drops down below it. */
+.hall-standing__card {
+  position: absolute; top: 0; right: 0; z-index: 20; min-width: 0;
+  background: var(--bg-card); border-radius: 22px; padding: 4px 6px 4px 4px;
+  transition: min-width .2s ease, border-radius .2s ease, padding .2s ease, box-shadow .2s ease;
+}
+.hall-standing__card .home-who { gap: 8px; padding: 0; }
+.hall-standing__card .home-who__avatar { width: 36px; height: 36px; }
+.hall-standing__card .home-who__meta {
+  max-width: 0; opacity: 0; overflow: hidden; white-space: nowrap;
+  transition: max-width .2s ease, opacity .2s ease;
+}
+.hall-standing__more {
+  max-height: 0; overflow: hidden; opacity: 0;
+  transition: max-height .25s ease, opacity .2s ease;
+}
+.hall-standing__more .home-facts { margin-top: 12px; }
+.hall-standing__more .card-foot { margin: 12px 0 0; }
+.hall-standing:hover .hall-standing__card,
+.hall-standing:focus-within .hall-standing__card {
+  min-width: 300px; border-radius: var(--radius); padding: 14px 16px 16px;
+  box-shadow: 0 12px 40px rgba(0, 0, 0, .35);
+}
+.hall-standing:hover .home-who__meta,
+.hall-standing:focus-within .home-who__meta { max-width: 200px; opacity: 1; }
+.hall-standing:hover .hall-standing__more,
+.hall-standing:focus-within .hall-standing__more { max-height: 420px; opacity: 1; }
+.hall-standing:focus-visible .hall-standing__card { outline: 2px solid var(--focus); outline-offset: 2px; }
+
+.attn-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
+.attn-card {
+  display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-height: 100px;
+  padding: 16px 18px; text-align: left; font: inherit; color: var(--ink); cursor: pointer;
+  background: var(--glass); border: 1px solid var(--glass-edge); border-radius: var(--radius);
+}
+.attn-card:hover { border-color: var(--accent); }
+.attn-card__n { font-family: var(--font-display); font-size: 30px; font-weight: 300; line-height: 1; font-variant-numeric: tabular-nums; }
+.attn-card__t { font-weight: 600; }
+.attn-card__s { margin-top: auto; font-size: 12px; color: var(--ink-soft); }
+.attn-dialog {
+  width: min(640px, calc(100vw - 32px)); max-height: 80vh; padding: 22px 24px; overflow: auto;
+  background: var(--bg-card); color: var(--ink); border: 0; border-radius: var(--radius);
+}
+.attn-dialog::backdrop { background: var(--scrim); }
+.attn-dialog__head { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
+.attn-dialog__h { flex: 1; margin: 0; font-family: var(--font-display); font-weight: 500; font-size: 20px; }
+.attn-dialog__x { min-width: 32px; min-height: 32px; background: none; border: 0; color: var(--ink-soft); font-size: 22px; cursor: pointer; }
+.attn-dialog__body .ginbox__sec-h { display: none; }
+
+.home-split { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
+.home-split__col { min-width: 0; }
+.home-split > .home-split__col[hidden] + .home-split__col { grid-column: 1 / -1; }
+
+@media (max-width: 760px) {
+  body[data-page="home"] .page-head--hall { padding-right: 0; }
+  .hall-standing { position: relative; display: block; margin-top: 10px; }
+  .hall-standing__card { left: 0; right: auto; }
+  .hall-standing:hover .hall-standing__card,
+  .hall-standing:focus-within .hall-standing__card { min-width: min(300px, calc(100vw - 32px)); }
+  .home-split { grid-template-columns: 1fr; }
+}
+/* With Standing gone from the band, a lone card there (Goals) takes the row. */
+.view-zone--band > .scroll:only-child { grid-column: 1 / -1; }
+/* The Standing hover card's stat row: four figures in a 2x2 grid, label over number. */
+.home-facts--grid { grid-template-columns: 1fr 1fr; gap: 10px 14px; padding: 12px 0; border-top: 1px solid var(--rule-soft); border-bottom: 1px solid var(--rule-soft); }
+.home-facts--grid > div { display: flex; flex-direction: column; gap: 2px; }
+.home-facts--grid dt, .home-facts--grid dd { border-top: 0; padding: 0; text-align: left; }
+.home-facts--grid dd { font-family: var(--font-display); font-size: 20px; font-weight: 300; }

package/modules/hall-ui/public/task-detail.js

@@ -450,6 +450,12 @@
       var priOptions = [1, 2, 3, 4, 5].map(function (p) {
         return '<option value="' + p + '"' + (p === pri ? ' selected' : '') + '>P' + p + '</option>';
       }).join('');
+      // A create with no discipline the server cannot infer from the wording is
+      // refused (task 1002988), so the builder names the craft here. Engineer is
+      // the default, the same fallback bug routing uses (ideas/inbox.js).
+      var craftOptions = [['engineer', 'Engineer'], ['artist', 'Artist'], ['ideator', 'Ideator'], ['ui', 'UI']].map(function (c) {
+        return '<option value="' + c[0] + '"' + (c[0] === 'engineer' ? ' selected' : '') + '>' + c[1] + '</option>';
+      }).join('');
       box.innerHTML =
         '<form class="td-form" data-form="promote">'
         + '<label class="td-field td-field--wide"><span>Title</span>'
@@ -457,6 +463,7 @@
         + '<label class="td-field td-field--wide"><span>Version</span><select name="version">' + options + '</select></label>'
         + '<label class="td-field td-field--wide"><span>Goal</span><select name="goal" data-goal-select>' + goalOptions + '</select></label>'
         + '<label class="td-field"><span>Priority</span><select name="priority">' + priOptions + '</select></label>'
+        + '<label class="td-field"><span>Craft</span><select name="discipline">' + craftOptions + '</select></label>'
         + '<label class="td-field"><span>Estimate (min)</span>'
         + '<input type="number" name="est" min="0" max="100000" step="5" placeholder="—"></label>'
         + '<label class="td-field"><span>Reward</span>'
@@ -504,6 +511,7 @@
         title: title,
         description: body + provenance,
         priority: Number(form.priority.value) || 3,
+        discipline: (form.discipline && form.discipline.value) || 'engineer',
         source: 'idea_inbox',
         source_ref: 'idea:' + idea.id,
       };

package/modules/hall-ui/records/home-reshuffle.md

@@ -0,0 +1,31 @@
+# The Home reshuffle — slim banner, version tab, Standing chip, attention cards with windows (task 1004774)
+
+The owner's Builders' Hall feedback (idea 1001262), home-page half, built to the approved mock at
+[`docs/design/mocks/hall/home/v1.html`](../../../docs/design/mocks/hall/home/v1.html).
+
+- **Banner + version tab.** The stat row is slimmer (`body[data-page="home"]` overrides), and under it
+  `#home-version` draws the version the greeting's sub-line names, from the same `currentVersion()`
+  read — `renderVersionTab` in `hall-render.js`. Hidden while nothing is being built.
+- **Standing is a chip, not a card.** The `home-standing` widget is gone; `#hall-standing` sits in the
+  page head (it is chrome, not a `<section class="scroll">`, so the registry rule is untouched). The
+  card it opens on hover or keyboard focus is still `#home-standing-body`, filled by `renderProfile`.
+  The place row reads "Leaderboard place" — the owner asked for no "on the board" wording. The chip
+  IS the top of the card (owner, 2026-10-23): at rest it shows the avatar and rank with no text and
+  no link, and on hover or focus it widens LEFT as the name slides in, while only
+  `.hall-standing__more` (the facts and a "View full profile" link to /profile) drops down below it.
+- **Needs attention is cards.** Every slice still renders into its own div exactly as before, kept in
+  the hidden `#attention-slices`. `OTBAttention.refresh()` rebuilds one card per non-empty slice from
+  the slice's heading (title, count pill = the server total, the `.ginbox__sub` note). Opening a card
+  MOVES the slice div into `#attention-dialog`, which sits inside the widget host — so the delegated
+  click handler still sees every button and no slice needed a second action path. Closing moves it back.
+  `tests/home_attention_cards.mjs` runs the real file in a browser: card totals, open, X, Escape, and a
+  window whose slice empties while open.
+- **Goals card** lost its subtitle, and its foot is one "Browse goals" link; the "not joined" line shows only when you have joined none.
+- **Next up is five rows**, level with the five Recently shipped rows, asked for AND capped client-side.
+- **Renamed:** "Stuck on the owner" → "Requires project owner fix"; "Going quiet" → "Things not moving".
+- **Your work beside Recently shipped** — `.home-split` in the `home-recent` widget; shipped takes the
+  full row when Next up is hidden, and both stack under 760px.
+
+Not built, because the data does not exist yet: the "Tasks you are blocking in other goals"
+(requested / total) card, and the any-owner / main-owner split on "Requires project owner fix" —
+blockers carry no addressee today.

package/package-lock.json

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