@lovek4d/kickflip 0.5.3 → 0.6.1

package/board/public/app-cards.js

@@ -3,7 +3,7 @@
 // app-core.js and app-threads.js.
 BoardView.part((B) => {
   const { $, store, state, markSeen, seen, toast, links } = B;
-  const { esc, ago, REVIEW, reviewAge, unreadCount, workLines, BUILD_PHASES, phaseStrip, phaseMotion, heldUntilWords, holdPicker, linkText, mergeButton, installButton, tryButton, tryWords, waitOn, prName, BUTTON, LINK_ARROW } = BoardUI;
+  const { esc, escText, ago, REVIEW, reviewAge, unreadCount, workLines, BUILD_PHASES, phaseStrip, phaseMotion, heldUntilWords, holdPicker, linkText, mergeButton, installButton, tryButton, tryWords, waitOn, prName, BUTTON, LINK_ARROW } = BoardUI;
 
   const mainSheet = $('#mainLogSheet');
   const mainRetry = $('#mainLogRetry');
@@ -41,7 +41,7 @@ BoardView.part((B) => {
     if (!mainSheet.open || mainSheet.classList.contains('closing') || !main) return;
     const words = tryWords(main.kind);
     $('#mainLogTitle').textContent = `Main’s ${words.failed.toLowerCase()}`;
-    $('#mainLogSource').innerHTML = `<code>.kickflip/build</code> stopped at main@<code>${esc(main.sha)}</code> · last lines of <code>data/try/main.log</code>`;
+    $('#mainLogSource').innerHTML = `<code>${esc(main.script)}</code> stopped at main@<code>${esc(main.sha)}</code> · last lines of <code>data/try/main.log</code>`;
     // Only a load begun after the POST resolved can settle this retry.
     const fresh = !postingMain && load !== null && (followMainAfter === null || load >= followMainAfter);
     if (fresh) {
@@ -215,7 +215,7 @@ BoardView.part((B) => {
     const pr = it.pr;
     const ctx = links(it.key);
     const rows = [];
-    rows.push(['Wave', esc(it.waveTitle)]);
+    rows.push(['Wave', escText(it.waveTitle)]);
     if (pr) {
       const ci = pr.checks ? `${pr.checks.state}${pr.checks.fail ? ` (${pr.checks.fail} failing)` : pr.checks.pending ? ` (${pr.checks.pending} running)` : ''}` : 'unknown';
       if (pr.state === 'OPEN') {
@@ -269,14 +269,13 @@ BoardView.part((B) => {
   const openPRs = (it) => (it.prs || []).filter((p) => p.state === 'OPEN');
   const CONFIRM = {
     resume: (it, ref) => `Unhold ${ref}?${it.heldUntil ? ` It's held until ${heldUntilWords(it.heldUntil)}.` : ''} It can start again once nothing blocks it.`,
-    nudge: () => 'Nudge Claude to check this implementer?',
     // docs/adr/2026-11-04-2100-a-land-waits-for-your-merge.md
     merge: (it, ref) => (it.mergeReady ? `Merge ${ref}? The board rebases ${it.mergeReady.branch} onto ${it.mergeReady.base} as it is now, reruns the tests if  moved, and lands it.`
       : openPRs(it).length > 1
       ? `Merge ${ref}? Claude squash-merges ${openPRs(it).map(prName).join(', ')} in turn if they are still approved, green and clean.`
       : `Merge ${ref}? Claude squash-merges ${openPRs(it).map(prName).join('')} if it is still approved, green and clean.`),
-    'card-build': (it, ref) => (it.blockedBy?.length
-      ? `${it.held ? 'Unhold and implement' : 'Implement'} ${ref} once ${it.blockedBy.map((d) => d.ref).join(', ')} ${it.blockedBy.length === 1 ? 'is' : 'are'} done? It is bumped to the top of Todo until then.`
+    'card-build': (it, ref) => (it.blocked
+      ? `${it.held ? 'Unhold and implement' : 'Implement'} ${ref} once ${[it.blockedBy.length && `${it.blockedBy.map((d) => d.ref).join(', ')} ${it.blockedBy.length === 1 ? 'is' : 'are'} done`, it.blockedUntil].filter(Boolean).join(' and ')}? It is bumped to the top of Todo until then.`
       : `${it.held ? `Unhold and implement ${ref}?` : `Implement ${ref}?`} Claude starts its implementer now with the notes as they stand.`),
     finish: (it, ref) => (it.kind === 'ask' ? `Mark this task done? "${it.title}" moves to Done.`
       : it.ownerStep ? `Done with "${it.ownerStep}"? ${ref} moves to Done and its ticket closes.`
@@ -297,14 +296,18 @@ BoardView.part((B) => {
     const ask = (act, label, cls = '') => `<button${cls ? ` class="${cls}"` : ''} data-confirm="${act}" data-key="${key}">${label}</button>`;
     const hold = it.kind !== 'work' || !it.holdable ? ''
       : it.held ? ask('resume', 'Unhold', 'unhold') : ask('hold', 'Hold');
+    // A Todo card's Close, right of Hold; an In Review card's Done is in its thread box
+    // (docs/adr/2026-11-05-1918-done-shows-only-in-in-review-beside-reply.md).
+    const close = it.lane === 'todo' && it.finishable ? ask('finish', 'Close') : '';
     // A Todo card's Implement is in its thread box (app-threads.js; docs/adr/2026-11-05-0300-implement-in-the-thread-queues-the-card-for-the-orchestrator.md).
-    return `<div class="actions" data-actions="${key}">${actionRow('workflow', `${mergeButton(it)}${hold}${actionButton(it)}${tryButton(it)}${notesButton(it)}`)}</div>`;
+    return `<div class="actions" data-actions="${key}">${actionRow('workflow', `${hold}${close}${notesButton(it)}${tryButton(it)}${actionButton(it)}${mergeButton(it)}`)}</div>`;
   }
 
   // board/domain.mjs actionButtonOf picks the button and resolvedBy its colour (docs/adr/2026-10-30-1309-an-unstarted-card-waits-on-its-questions-in-todo.md).
+  // Every prototype round is a question on its card, so this button reaches the prototypes too, Done cards included
+  // (docs/adr/2026-11-09-1100-needs-you-button-reaches-the-prototypes.md).
   const ACTION_BUTTONS = {
-    [BUTTON.openQuestions]: (it) => `<a${classes(it, BUTTON.openQuestions, 'button')} href="questions.html#${esc(it.questions.first)}">Open questions</a>`,
-    [BUTTON.markDone]: (it) => `<button${classes(it, BUTTON.markDone)} data-confirm="finish" data-key="${esc(it.key)}">Mark as done</button>`,
+    [BUTTON.openQuestions]: (it) => `<a${classes(it, BUTTON.openQuestions, 'button')} href="questions.html#${esc(it.questions.first)}">Needs you</a>`,
   };
   const actionButton = (it) => ACTION_BUTTONS[it.actionButton]?.(it) || '';
 
@@ -358,7 +361,7 @@ BoardView.part((B) => {
   // After lanes redraw: compares each card's reached count to its last, then enters, fills or leaves its strip. An
   // entering strip grows in one bar at a time, then sweeps each reached bar.
   function moveStrips(items, before) {
-    const next = new Map(items.map((it) => [it.key, phaseStrip(it)?.reached ?? null]));
+    const next = new Map(items.map((it) => [it.key, phaseStrip(it)?.done ?? null]));
     const still = reduceMotion.matches || !drawn;
     for (const [key, reached] of next) {
       const kind = still ? null : phaseMotion(phases.get(key), reached);
@@ -392,6 +395,7 @@ BoardView.part((B) => {
     const key = el.dataset.key;
     if (el.open) {
       state.openItems.add(key);
+      state.restored.delete(key);
       const it = state.board.items.find((i) => i.key === key) || state.archived.cards.find((i) => i.key === key);
       markSeen(it);
       B.renderBanner(state.board);
@@ -457,12 +461,15 @@ BoardView.part((B) => {
     catch (e) { B.failed(e); }
   });
 
-  B.on(B.root, 'click', async (ev) => {
+  B.on(B.root, 'click', (ev) => {
     const b = ev.target.closest('button[data-confirm]');
     if (!b) return;
     ev.preventDefault();
+    confirmTap(b);
+  });
+  // A data-confirm button's tap: Hold's sheet, or its confirm, then its event. The thread box's Done comes here on ⌥↵ too.
+  async function confirmTap(b) {
     const { key, confirm: act } = b.dataset;
-    if (b.classList.contains('nudging')) return;
     const it = state.board.items.find((i) => i.key === key);
     if (it && act === 'hold') { openHold(it); return; }
     if (!it || !(await B.confirm(CONFIRM[act](it, it.ref)))) return;
@@ -470,41 +477,27 @@ BoardView.part((B) => {
     // server records them (docs/adr/2026-11-03-1850-a-tap-waits-for-the-server-to-record-it.md).
     const sent = { resume: ['card-hold', { key, hold: false }], merge: ['card-merge', { key }], 'card-build': ['card-build', { key }],
       finish: it.kind === 'ask' ? ['ask-done', { id: it.id }] : ['card-done', { key }] }[act];
-    if (sent) {
-      // Done closes its card once the server answers, before the answer's board lands, or app-core.js steady would
-      // anchor it and scroll the page after it into Done (docs/adr/2026-11-02-0009-the-board-applies-the-owners-hold-resume-and-done-at-once.md).
-      const close = act === 'finish' ? () => {
-        const card = $(`details.item[data-key="${CSS.escape(key)}"]`);
-        if (card) BoardUI.closeDetails(card);
-        state.openItems.delete(key);
-        store.set('openItems', [...state.openItems]);
-      } : null;
-      // docs/adr/2026-11-04-2320-a-merge-tap-waits-its-turn-to-land.md: Merge spins until a board shows the card left
-      // In Review, or no longer merging there, which is its refusal.
-      const pend = act === 'merge' ? `${key}:merge` : null;
-      if (pend) BoardUI.pending.start(pend, (board) => { const c = board.items.find((i) => i.key === key); return !c || c.lane !== 'review' || !c.merging; });
-      try {
-        const out = await waitOn(b, B.sentHere(key, () => B.send(...sent, close)));
-        if (pend) { BoardUI.pending.answered(pend, out.board.generatedAt); B.render(); }
-      } catch (e) {
-        if (pend) { BoardUI.pending.drop(pend); B.render(); }
-        B.failed(e);
-      }
-      if (act === 'finish') B.syncDone(key);
-      return;
-    }
-    // A stalled line's nudge calms it to orange with a ripple, not a spinner, until a board shows the card's status line
-    // changed, the builder no longer stalled or the card gone (style.css .nudging).
-    const id = `${key}:nudge`;
-    const { progress, at } = it.builder;
-    BoardUI.pending.start(id, (board) => { const c = board.items.find((i) => i.key === key); return !c?.builder?.stalled || c.builder.progress !== progress || c.builder.at !== at; }, B.stillWaiting);
-    B.render();
+    // Done closes its card once the server answers, before the answer's board lands, or app-core.js steady would
+    // anchor it and scroll the page after it into Done (docs/adr/2026-11-02-0009-the-board-applies-the-owners-hold-resume-and-done-at-once.md).
+    const close = act === 'finish' ? () => {
+      const card = $(`details.item[data-key="${CSS.escape(key)}"]`);
+      if (card) BoardUI.closeDetails(card);
+      state.openItems.delete(key);
+      store.set('openItems', [...state.openItems]);
+    } : null;
+    // docs/adr/2026-11-04-2320-a-merge-tap-waits-its-turn-to-land.md: Merge spins until a board shows the card left
+    // In Review, or no longer merging there, which is its refusal.
+    const pend = act === 'merge' ? `${key}:merge` : null;
+    if (pend) BoardUI.pending.start(pend, (board) => { const c = board.items.find((i) => i.key === key); return !c || c.lane !== 'review' || !c.merging; });
     try {
-      const out = await B.sentHere(key, () => B.send('builder-nudge', { key }));
-      BoardUI.pending.answered(id, out.board.generatedAt); toast('Nudge sent');
-    } catch { BoardUI.pending.drop(id); toast('Could not send. Is the host awake?'); }
-    B.render();
-  });
+      const out = await waitOn(b, B.sentHere(key, () => B.send(...sent, close)));
+      if (pend) { BoardUI.pending.answered(pend, out.board.generatedAt); B.render(); }
+    } catch (e) {
+      if (pend) { BoardUI.pending.drop(pend); B.render(); }
+      B.failed(e);
+    }
+    if (act === 'finish') B.syncSends(key);
+  }
 
-  Object.assign(B, { captureStrips, moveStrips, detail, card });
+  Object.assign(B, { captureStrips, moveStrips, detail, card, confirmTap });
 });

package/board/public/app-header.js

@@ -85,27 +85,26 @@ BoardView.part((B) => {
   state.link = 'online';
   const controls = { wired: false, boardSettled: false, reloading: false };
   function applyControls() {
-    const on = headerControls({ link: state.link, ...controls });
+    const on = headerControls(controls);
     $('#refresh').disabled = !on.refresh;
     $('#refresh').classList.toggle('spinning', on.spin);
     const gear = $('#settingsLink');
     if (on.settings) { gear.removeAttribute('aria-disabled'); gear.removeAttribute('tabindex'); } else { gear.setAttribute('aria-disabled', 'true'); gear.tabIndex = -1; }
   }
   const headerWired = () => { controls.wired = true; applyControls(); };
-  // style.css dims the offline view from .view-board.offline.
+  // Offline, the board stays as it was and reads as before; only the header time turns red, and style.css holds the
+  // buttons that send from .view-board.offline (docs/adr/2026-11-06-0135-a-board-out-of-reach-keeps-its-copy-or-shows-a-landing.md).
   function setLink(link) {
-    const was = state.link;
     state.link = link;
     if (link !== 'reconnecting') controls.boardSettled = true;
-    const off = link !== 'online';
-    B.root.classList.toggle('offline', off);
-    if (link === 'offline' && was === 'online') toast('Offline. Use refresh in the header to retry.');
+    B.root.classList.toggle('offline', link !== 'online');
     applyControls();
     renderStatus();
   }
+  BoardUI.holdSends(B.on, B.root, () => state.link !== 'online', () => B.toast(BoardUI.WAITING));
   const linkUp = () => setLink('online');
   const linkDown = () => { if (state.link !== 'reconnecting') setLink('offline'); };
-  B.on($('.nav'), 'click', (ev) => {
+  B.on($('#settingsLink'), 'click', (ev) => {
     if (ev.target.closest('a[aria-disabled="true"]')) { ev.preventDefault(); ev.stopImmediatePropagation(); }
   }, true);
   // A load can return in milliseconds, so the spin and "reconnecting…" hold long enough to read.

package/board/public/app-lanes.js

@@ -1,25 +1,24 @@
 // The board view's lanes and the Auto Review lane leading them: each lane's header and cards, Done's and Asks' Show more,
-// Done's finished-wave folds, and Todo's wave bands with their Implement, triage and card order.
+// Done's finished-wave folds, and Todo's wave bands with their Implement and card order.
 // Needs app-core.js and app-cards.js.
 BoardView.part((B) => {
   const { $, store, state } = B;
-  const { esc, waitOn } = BoardUI;
+  const { esc, escText, waitOn } = BoardUI;
   const LANES = [
     { id: 'review', name: 'In Review', open: true },
-    { id: 'stale', name: 'Stale', open: true, hideEmpty: true },
     { id: 'progress', name: 'In Progress', open: true },
     { id: 'todo', name: 'Todo', open: true },
     { id: 'done', name: 'Done', open: false, capped: true },
     { id: 'asks', name: 'Asks', open: false, capped: true },
   ];
   // docs/adr/2026-11-03-0259-answered-asks-have-their-own-section-below-done.md
-  // A capped lane shows STEP cards, and each Show more tap adds STEP more, kept in memory per lane. A card the owner has
-  // open stays shown past the cap. Show more says how many are left (docs/adr/2026-10-29-1639-lists-never-cut-silently.md).
+  // A capped lane shows STEP cards, and each Show more tap adds STEP more, kept in memory per lane. A card the owner opened
+  // this visit stays shown past the cap; one open from before a reload does not (state.restored). Show more says how many are left (docs/adr/2026-10-29-1639-lists-never-cut-silently.md).
   // older is how many cards wait past `cards` in the archive; the tap that would show past `cards` fetches them first.
   const STEP = 10;
   const moreTaps = new Map();
   function cappedRows(laneId, cards, older = 0) {
-    const lastOpen = cards.findLastIndex((it) => state.openItems.has(it.key));
+    const lastOpen = cards.findLastIndex((it) => state.openItems.has(it.key) && !state.restored.has(it.key));
     const shown = Math.max(STEP * (1 + (moreTaps.get(laneId) || 0)), lastOpen + 1);
     const left = Math.max(0, cards.length - shown);
     const n = left + (older || 0);
@@ -55,11 +54,11 @@ BoardView.part((B) => {
   // A fold's open state lives in storage, not in setHTML's summary-text match, because its row's count changes.
   // Fold ids are wave:<slug> (board/domain.mjs waveFold), so any id maps to its own storage key.
   const FOLDS = new Proxy({}, { get: (_, id) => ({ store: `foldOpen:${String(id)}` }) });
-  // A fold's header reads like a lane's: its name, then its count, then an optional note.
-  function fold(id, list, name, note = '') {
+  // A fold's header reads like a lane's: its name, then its count.
+  function fold(id, list, name) {
     if (!list.length) return '';
     return `<details class="fold" data-fold="${esc(id)}" ${store.get(FOLDS[id].store, false) ? 'open' : ''}>
-        <summary><span class="lane-name">${name}</span><span class="count">${list.length}</span>${note ? `<span class="count">· ${note}</span>` : ''}</summary>
+        <summary><span class="lane-name">${name}</span><span class="count">${list.length}</span></summary>
         <div class="fold-list">${list.map((it) => B.card(it)).join('')}</div>
       </details>`;
   }
@@ -69,8 +68,7 @@ BoardView.part((B) => {
     const slugs = [...new Set(items.filter((i) => i.fold === `wave:${i.wave}`).map((i) => i.wave))];
     return slugs.map((slug) => {
       const w = d.waves.find((x) => x.slug === slug);
-      const { dropped } = w.finished;
-      return fold(`wave:${slug}`, items.filter((i) => i.fold === `wave:${slug}`), esc(w.title), dropped ? `${dropped} dropped` : '');
+      return fold(`wave:${slug}`, items.filter((i) => i.fold === `wave:${slug}`), escText(w.title));
     }).join('');
   }
 
@@ -94,7 +92,6 @@ BoardView.part((B) => {
     return reviewsHtml(d) + LANES.map((lane) => {
       // Items arrive in each lane's fixed order (domain.mjs laneOrder).
       const items = shown.filter((i) => i.lane === lane.id);
-      if (lane.hideEmpty && !items.length) return '';
       const expanded = laneState[lane.id] ?? lane.open;
       const open = items.filter((i) => !i.fold);
       const rows = lane.id === 'todo' ? todoRows(d, shown, open) : (lane.id === 'done' ? doneRows(d, open) : lane.capped ? cappedRows(lane.id, open) : waveGroups(lane.id, open)) + waveFolds(d, items);
@@ -109,19 +106,18 @@ BoardView.part((B) => {
   // docs/adr/2026-11-05-0215-every-lane-groups-its-cards-by-wave.md
   // Every lane but Todo groups its cards under a header per open wave (state.board.waveBands) that has cards there, in
   // band order, then the cards in no wave under No wave. A lane with no card in a wave lists its cards plainly. A header
-  // counts its wave's cards in Todo, In Progress (Stale included), In Review and Done as x/y/k/z, from every lane, with
-  // the lane's own number bold in its colour and a tooltip that spells the counts out.
+  // counts its wave's cards in Todo, In Progress, In Review and Done as x/y/k/z, from every lane, with
+  // the lane's own number bold in that lane's colour (style.css: review blue, progress orange, Todo and Done gray) and a tooltip that spells the counts out.
   // A tap on the counts opens the tooltip (countsShown, the header's lane/wave); a second tap or a tap elsewhere closes it.
   let countsShown = null;
   const COUNT_LANES = [['todo', 'in Todo'], ['progress', 'in progress'], ['review', 'in review'], ['done', 'done']];
   function waveCounts(band, laneId) {
-    const lanes = state.board.items.reduce((m, i) => m.set(i.key, i.lane === 'stale' ? 'progress' : i.lane), new Map());
+    const lanes = state.board.items.reduce((m, i) => m.set(i.key, i.lane), new Map());
     const n = COUNT_LANES.map(([id]) => band.keys.filter((k) => lanes.get(k) === id).length);
-    const here = laneId === 'stale' ? 'progress' : laneId;
     const id = `${laneId}/${band.slug}`;
     const spelled = COUNT_LANES.map(([, word], at) => `${n[at]} ${word}`);
     const tip = `<span class="wb-tip" role="tooltip">${spelled.map((t) => `<div>${t}</div>`).join('')}</span>`;
-    return `<button type="button" class="wb-counts${countsShown === id ? ' open' : ''}" data-counts="${esc(id)}" aria-label="${spelled.join(', ')}">${COUNT_LANES.map(([lane], at) => `<span${lane === here ? ` class="wv-cur wv-${lane}"` : ''}>${n[at]}</span>`).join('<span aria-hidden="true">/</span>')}${tip}</button>`;
+    return `<button type="button" class="wb-counts${countsShown === id ? ' open' : ''}" data-counts="${esc(id)}" aria-label="${spelled.join(', ')}">${COUNT_LANES.map(([lane], at) => `<span${lane === laneId ? ` class="wv-cur wv-${lane}"` : ''}>${n[at]}</span>`).join('<span aria-hidden="true">/</span>')}${tip}</button>`;
   }
   function waveGroups(laneId, cards) {
     const bands = state.board.waveBands || [];
@@ -130,7 +126,7 @@ BoardView.part((B) => {
     if (!grouped.length) return cards.map((it) => B.card(it)).join('');
     const loose = cards.filter((i) => !bands.some((b) => b.keys.includes(i.key)));
     const group = (cls, data, name, n, counts, list) => `<section class="${cls}"${data}><div class="wb-head wb-loosehead">${counts ? BoardUI.WAVE_ICON : ''}<span class="wb-label"><span class="lane-name">${name}</span> <span class="count">${n}</span></span>${counts}</div>${list.map((it) => B.card(it)).join('')}</section>`;
-    return grouped.map((b) => group('wb-lane', ` data-wave="${esc(b.slug)}"`, esc(b.title), inBand(b).length, waveCounts(b, laneId), inBand(b))).join('')
+    return grouped.map((b) => group('wb-lane', ` data-wave="${esc(b.slug)}"`, escText(b.title), inBand(b).length, waveCounts(b, laneId), inBand(b))).join('')
       + (loose.length ? group('wb-loose', '', 'No wave', loose.length, '', loose) : '');
   }
 
@@ -141,16 +137,9 @@ BoardView.part((B) => {
   // card whose ⋯ menu is open, goalShown the band whose goal popover is open.
   let menu = null;
   let goalShown = null;
-  const triaging = new Set();
-  const triageTopic = (r) => `${r.kind}:${r.slug}`;
-  function triageLink(r) {
-    if (r.triage.running || triaging.has(triageTopic(r))) return '<span class="wv-busy" role="status"><span class="try-spin" aria-hidden="true"></span>triaging…</span>';
-    if (r.triage.questions) return `<span class="muted">Triage: ${B.plural(r.triage.questions, 'open question')}</span>`;
-    return `<button type="button" class="wv-link" data-triage="${esc(triageTopic(r))}">Triage</button>`;
-  }
   const bandStore = (slug) => FOLDS[`band:${slug}`].store;
   const bandOpen = (band, first) => store.get(bandStore(band.slug), band.slug === first);
-  const LANE_WORDS = { progress: 'in progress', review: 'in review', stale: 'stale' };
+  const LANE_WORDS = { progress: 'in progress', review: 'in review' };
   const DOTS = '<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><circle cx="5" cy="12" r="1.8"/><circle cx="12" cy="12" r="1.8"/><circle cx="19" cy="12" r="1.8"/></svg>';
 
   // Todo's wave bands and loose cards, in the order they arrive (domain.mjs laneOrder).
@@ -169,8 +158,8 @@ BoardView.part((B) => {
     const todo = cards.filter((i) => i.lane === 'todo');
     const done = cards.filter((i) => i.lane === 'done');
     const now = cards.filter((i) => LANE_WORDS[i.lane]).map((i) => `${esc(i.ref)} ${LANE_WORDS[i.lane]}`);
-    const progress = [`${band.merged} of ${band.total} merged`, ...now].join(' · ');
-    const name = `<span class="lane-name wb-name"${band.goal ? ` title="${esc(band.goal)}" data-goal="${esc(band.slug)}"` : ''}>${esc(band.title)}</span>`;
+    const progress = now.length ? ` <span class="count">· ${now.join(' · ')}</span>` : '';
+    const name = `<span class="lane-name wb-name"${band.goal ? ` title="${esc(band.goal)}" data-goal="${esc(band.slug)}"` : ''}>${escText(band.title)}</span>`;
     const notes = band.kind === 'lineup' ? `<span class="external-link"><a href="notes.html?wave=${encodeURIComponent(band.slug)}">Notes</a></span><span class="external-separator" aria-hidden="true"> · </span>` : '';
     const next = band.next;
     const go = !next ? '' : next.ready
@@ -178,8 +167,8 @@ BoardView.part((B) => {
       : `<span class="wb-next">next: ${esc(next.ref)} ${esc(next.word)}</span>`;
     const pop = goalShown === band.slug && band.goal ? `<div class="wb-pop" role="tooltip">${esc(band.goal)}</div>` : '';
     const head = `<div class="wb-head" data-band-toggle="${esc(band.slug)}" role="button" tabindex="0" aria-expanded="${open}">${BoardUI.WAVE_ICON}`
-      + `<span class="wb-label">${name} <span class="count">${todo.length}</span> <span class="count">· ${progress}</span></span>`
-      + waveCounts(band, 'todo') + `<span class="wb-end"><span class="wb-links">${notes}${triageLink(band)}</span>${go}</span>${pop}</div>`;
+      + `<span class="wb-label">${name} <span class="count">${todo.length}</span>${progress}</span>`
+      + waveCounts(band, 'todo') + `<span class="wb-end"><span class="wb-links">${notes}</span>${go}</span>${pop}</div>`;
     if (!open) return `<section class="wb" data-band="${esc(band.slug)}">${head}</section>`;
     const doneRow = done.length ? `<div class="wb-done">${done.length} done · ${done.map((i) => `<a class="card-link" href="#item=${encodeURIComponent(i.key)}">${esc(i.ref)}</a>`).join(', ')}</div>` : '';
     const step = (it) => (band.kind === 'lineup' ? band.phases.findIndex((p) => p.includes(it.key)) + 1 : 0);
@@ -250,21 +239,6 @@ BoardView.part((B) => {
       } catch { BoardUI.pending.drop('todo:plan'); B.render(); B.notice('Could not send. Is the host awake?'); }
       return;
     }
-    const tb = ev.target.closest('button[data-triage]');
-    if (tb) {
-      const topic = tb.dataset.triage;
-      const row = state.board.waveBands.find((r) => triageTopic(r) === topic);
-      const asks = row.kind === 'lineup'
-        ? `Claude reads the code for ${row.title}'s unstarted cards and asks you in Needs you about splitting, merging, adding or closing any. Start?`
-        : `Claude checks ${row.title}'s unfinished cards, fixes what it can and asks you in Needs you about any that need you. Start?`;
-      if (!(await B.confirm(asks))) return;
-      triaging.add(topic);
-      B.render();
-      try { await B.send('wave-triage', { [row.kind]: row.slug }); }
-      catch { B.notice('Could not send. Is the host awake?'); }
-      finally { triaging.delete(topic); B.render(); }
-      return;
-    }
     const show = ev.target.closest('a[data-band-show]');
     if (show) {
       ev.preventDefault();

package/board/public/app-needs.js

@@ -5,12 +5,14 @@
 //   (the draft Send on the questions page sends) and a prompt's buttons answering it, Skip to the next, a dot for each thing waiting, and All open questions at its foot;
 // - from 900px, #waiting, one line each, in the pane beside the lanes, over Waiting on you mounted there
 //   (view-questions.js, embedded) while the width lasts. Waiting on you shows the questions there, so #waiting leaves out
-//   a line that only asks questions, and with nothing else left the orange section is gone. A link into those
-//   questions, wherever it sits on the board, picks its topic's pill there instead of opening the page.
+//   a line that only asks questions, and with nothing else left the orange section is gone. Every questions URL lands
+//   here at that width (shell.js go, focusQuestion), and a pill's double-click focuses its card on the board
+//   (docs/adr/2026-11-07-1300-board-and-open-questions-are-two-pages.md).
+// Below 900px the header's ? opens Waiting on you, with the open-question count as its badge.
 // Needs app-core.js.
 BoardView.part((B) => {
   const { $, plural, state, toast } = B;
-  const { esc, promptItem, choiceLabel, isPrototype, getDraft, setDraft } = BoardUI;
+  const { esc, escText, promptItem, choiceLabel, isPrototype, getDraft, setDraft } = BoardUI;
 
   const prompts = PromptAnswers.wire(B, {
     list: () => (state.board?.needs || []).filter((line) => line.prompt).map((line) => line.prompt),
@@ -26,22 +28,33 @@ BoardView.part((B) => {
     const needs = (d.needs || []).filter((line) => !line.prompt || prompts.shows(line.prompt));
     renderList(wide.matches ? needs.filter((line) => !line.questions || line.ready || line.action) : needs);
     renderDeck(d, needs);
+    renderAsk(d);
+  }
+
+  // The header's ? below 900px, which opens Waiting on you, carries the open-question count as its badge.
+  function renderAsk(d) {
+    const open = (d.owner || []).filter((q) => q.state === 'open').length;
+    const ask = $('#questionsLink');
+    const badge = ask.querySelector('.q-badge');
+    badge.hidden = !open;
+    badge.textContent = open ? String(open) : '';
+    ask.setAttribute('aria-label', open ? `Open questions, ${open} open` : 'Open questions');
   }
 
   function renderList(needs) {
     const parts = (line) => [
       line.questions ? `<a href="${esc(line.questions.url)}">${plural(line.questions.open, 'question')}</a>` : '',
       line.ready ? `<a href="${esc(line.ready)}" target="_blank" rel="noopener">Ready on GitHub</a>` : '',
-      line.action ? `<a href="${esc(line.action.url)}">${esc(line.action.label)}</a>` : '',
+      line.action ? `<a href="${esc(line.action.url)}">${escText(line.action.label)}</a>` : '',
     ].filter(Boolean).join(' · ');
     const w = $('#waiting');
     w.hidden = needs.length === 0;
     w.innerHTML = needs.length ? `<h2 style="margin:0 0 6px">Needs you · ${needs.length}</h2>
       <ul>${needs.map((line) => (line.prompt ? promptItem(line.prompt, prompts.state(line.prompt))
-        : line.key ? `<li><a href="${esc(line.url)}">${esc(line.title)}</a> <span class="muted small">· ${parts(line)}</span></li>`
-          : line.review ? `<li><a href="${esc(line.url)}" data-review-open="${line.review}">${esc(line.title)}</a> <span class="muted small">· review held for you</span></li>`
-          : line.band ? `<li><a href="#" data-band-show="${esc(line.band)}">${esc(line.title)}</a> <span class="muted small">· ${parts(line)}</span></li>`
-          : `<li><a href="${esc(line.url)}">${esc(line.title)}</a> <span class="muted small">${plural(line.questions.open, 'question')}</span></li>`)).join('')}</ul>` : '';
+        : line.key ? `<li><a href="${esc(line.url)}">${escText(line.title)}</a> <span class="muted small">· ${parts(line)}</span></li>`
+          : line.review ? `<li><a href="${esc(line.url)}" data-review-open="${line.review}">${escText(line.title)}</a> <span class="muted small">· review held for you</span></li>`
+          : line.band ? `<li><a href="#" data-band-show="${esc(line.band)}">${escText(line.title)}</a> <span class="muted small">· ${parts(line)}</span></li>`
+          : `<li><a href="${esc(line.url)}">${escText(line.title)}</a> <span class="muted small">${plural(line.questions.open, 'question')}</span></li>`)).join('')}</ul>` : '';
   }
 
   // The deck's things, in Needs you order: a prompt; each open question of a line that asks some, in its topic's
@@ -64,14 +77,14 @@ BoardView.part((B) => {
         : ['Open', line.url, ''];
       const title = line.key ? line.title.slice(what.length + 1).trim() : line.title;
       return [{ id: `l:${line.key || line.review || line.band || line.url}`, what,
-        html: `<h3>${line.key ? `<a href="${esc(line.url)}">${esc(title)}</a>` : esc(title)}</h3>${line.review ? '<p class="ctx">review held for you</p>' : ''}<div class="deck-acts"><a class="button primary" href="${esc(href)}"${attrs}>${esc(label)}</a></div>` }];
+        html: `<h3>${line.key ? `<a href="${esc(line.url)}">${escText(title)}</a>` : escText(title)}</h3>${line.review ? '<p class="ctx">review held for you</p>' : ''}<div class="deck-acts"><a class="button primary" href="${esc(href)}"${attrs}>${esc(label)}</a></div>` }];
     });
   }
   const questionHtml = (q) => {
     const picked = getDraft(q.id).choice;
-    return `<h3>${esc(q.question)}</h3>${q.context ? `<p class="ctx">${esc(q.context)}</p>` : ''}
+    return `<h3>${escText(q.question)}</h3>${q.context ? `<p class="ctx">${escText(q.context)}</p>` : ''}
     ${isPrototype(q.url) ? `<a class="button deck-proto" href="${esc(q.url)}">View prototypes</a>` : ''}
-    <div class="deck-opts" role="group" aria-label="${esc(q.question)}">${q.options.map((o) => `<button type="button" class="${o.recommended ? 'rec' : ''}" aria-pressed="${o.id === picked}" data-deck-pick="${esc(o.id)}"><span class="lbl">${esc(choiceLabel(q, o.id))}${o.recommended ? ' <span class="rec-word">recommended</span>' : ''}</span>${o.detail ? `<small>${esc(o.detail)}</small>` : ''}</button>`).join('')}</div>`;
+    <div class="deck-opts" role="group" aria-label="${esc(q.question)}">${q.options.map((o) => `<button type="button" class="${o.recommended ? 'rec' : ''}" aria-pressed="${o.id === picked}" data-deck-pick="${esc(o.id)}"><span class="lbl">${esc(choiceLabel(q, o.id))}${o.recommended ? ' <span class="rec-word">recommended</span>' : ''}</span>${o.detail ? `<small>${escText(o.detail)}</small>` : ''}</button>`).join('')}</div>`;
   };
 
   // The thing on screen, by id, so an arrival or a repaint keeps it; once it is gone the deck shows what took its place.
@@ -88,7 +101,7 @@ BoardView.part((B) => {
     const open = (d.owner || []).filter((q) => q.state === 'open').length;
     const drafted = (d.owner || []).filter((q) => q.state === 'open' && 'choice' in getDraft(q.id)).length;
     BoardUI.setHTML(el, `<div class="deck-head"><h2>Needs you</h2><span class="deck-n">${deck.length}</span></div>
-      <div class="deck-card" data-deck="${esc(now.id)}"><p class="deck-what">${esc(now.what)}</p>${now.html}</div>
+      <div class="deck-card" data-deck="${esc(now.id)}"><p class="deck-what">${escText(now.what)}</p>${now.html}</div>
       ${deck.length > 1 ? `<div class="deck-bar"><span class="deck-dots" aria-hidden="true">${deck.map((x) => `<i${x === now ? ' class="on"' : ''}></i>`).join('')}</span><button type="button" class="ghost" data-deck-skip>Skip →</button></div>` : ''}
       ${open ? `<a class="deck-more" href="questions.html">All open questions · ${open}${drafted ? ` · ${drafted} drafted, Send there` : ''}</a>` : ''}`);
   }
@@ -121,25 +134,17 @@ BoardView.part((B) => {
     questions = Object.assign(AppViews.questions.create(slot, B.site.root, { embedded: true }), { slot });
     questions.mount();
   }
-  // From 900px, a link into open questions for a topic the pane holds picks that topic's pill there, rather than
-  // navigating to the page. It runs before the router's listener, which skips a prevented click.
-  B.on(B.root, 'click', (ev) => {
-    if (ev.defaultPrevented || ev.button || ev.metaKey || ev.ctrlKey || ev.shiftKey || ev.altKey || !questions) return;
-    const a = ev.target.closest?.('a[href]');
-    if (!a || (a.target && a.target !== '_self')) return;
-    const home = new URL(`${B.site.root}/`, location.href);
-    const url = new URL(a.getAttribute('href'), home);
-    if (url.pathname !== new URL('questions.html', home).pathname || url.hash.length < 2) return;
-    const id = decodeURIComponent(url.hash.slice(1));
+  // The shell's one rule for a questions URL from 900px (shell.js go): it shows the board and asks here for the question
+  // or topic id, or null for none. The pane opens its topic, resolved or not, and focuses its pill → false while there
+  // is no pane or it hasn't loaded, so the shell asks again.
+  function focusQuestion(id) {
     const topic = (state.board?.ownerTopics || []).find((t) => t.id === id || t.questions.includes(id));
-    const pill = topic && questions.slot.querySelector(`button[data-topic="${CSS.escape(topic.id)}"]`);
-    if (!pill) return;
-    ev.preventDefault();
-    pill.click();
-    const picked = questions.slot.querySelector(`button[data-topic="${CSS.escape(topic.id)}"]`);
-    picked.focus();
-    picked.scrollIntoView({ block: 'nearest' });
-  });
+    if (!questions?.B.openTopic(topic?.id ?? id)) return false;
+    const pill = questions.slot.querySelector('.topics button[aria-pressed="true"]');
+    pill?.focus();
+    pill?.scrollIntoView({ block: 'nearest' });
+    return true;
+  }
   // A double-click on a pane pill focuses its topic on the board: item:<key> is a card (an ask is one, ask:<id>),
   // wave:<slug> a band; any other topic, or one the board doesn't show, does nothing.
   B.on(B.root, 'dblclick', (ev) => {
@@ -153,5 +158,5 @@ BoardView.part((B) => {
   B.on(wide, 'change', fitPane);
   B.atUnmount(() => { questions?.unmount(); questions = null; });
 
-  Object.assign(B, { renderNeeds });
+  Object.assign(B, { renderNeeds, focusQuestion });
 });