@lovek4d/kickflip 0.11.0 → 0.11.1

package/board/public/prototype.html

@@ -22,10 +22,9 @@
   #stage .top { position: static; }
   #stage .hub-view main { padding-bottom: 16px; }
   /* A served round's page, framed from the board's base prototype worktree, edge to edge from under the ✕ row to the
-     viewer's footer; in the board's right pane (.ps-pane) there is no ✕ row, so it starts at the top. */
+     viewer's footer. */
   #stage:has(> .kit-served) { max-width: none; padding: 0; }
   .kit-served { display: block; width: 100%; min-height: 320px; height: calc(100dvh - 60px - var(--ps-footer-h, 150px) - var(--app-bottom, 0px) - env(safe-area-inset-top)); border: 0; background: var(--panel); }
-  .ps-pane .kit-served { height: calc(100dvh - var(--ps-footer-h, 150px)); }
   .kit-served-failed pre { margin: 8px 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; }
   .kit-missing { margin: 0; padding: 16px; border: 1px dashed var(--line); border-radius: 12px; color: var(--muted); overflow-wrap: anywhere; }
   #protoToast { position: fixed; z-index: 40; left: 50%; top: calc(64px + env(safe-area-inset-top)); transform: translateX(-50%); max-width: calc(100vw - 32px); }
@@ -50,10 +49,8 @@
   #stage .kit-sidebar.sidebar:not(.kit-head) > header.top { display: none; }
   @media (min-width: 900px) { #stage .kit-sidebar.sidebar { width: 272px; } }
   /* Everything a take draws shows at every width: the board's width-gated hides are undone here (style.css hides
-     .needs-deck from 900px and .needs-pane below it, .key-hint below 600px). render-check.mjs refuses a take whose box is
+     .key-hint below 600px). render-check.mjs refuses a take whose box is
      still hidden at one of its two widths, so a gate missed here fails the round instead of drawing blank. */
-  #stage .needs-deck { display: block; }
-  #stage .needs-pane { display: block; position: static; height: auto; overflow: visible; border-left: 0; padding: 0; }
   #stage .key-hint { display: inline; }
   #stage .kit-sheet-strip { padding: 32px 0 0; border-radius: 12px; background: rgba(0,0,0,.35); overflow: hidden; }
   #stage .kit-sheet { max-width: 560px; margin: 0 auto; border: 1px solid var(--line); border-bottom: 0; border-radius: 16px 16px 0 0; background: var(--panel); color: var(--text); box-shadow: 0 -8px 30px rgba(0,0,0,.18); }
@@ -99,7 +96,6 @@
 <script src="app-cards.js"></script>
 <script src="app-lanes.js"></script>
 <script src="app-asks.js"></script>
-<script src="app-needs.js"></script>
 <script src="app-header.js"></script>
 <script src="app-arch.js"></script>
 <script src="app-reader.js"></script>

package/board/public/router.js

@@ -3,7 +3,7 @@
 // ui.test.mjs runs them in node:vm. listen() catches clicks on links to a view the shell mounts, and back and forward.
 // A view is {kind, …}:
 //   start                       `/`, which the shell turns into the last board
-//   board {route, hash}         /<route>/, hash such as #selectedCard=<key>&openItemsCard=<topic id>, or the older #item=<key>&reply
+//   board {route, hash}         /<route>/, hash such as #selectedCard=<key>, or the older #item=<key>&reply
 //   settings {route}            /<route>/settings.html, a request to open the modal over that board
 //   questions {route, id}       /<route>/questions.html#<id>
 //   notes {route, item | wave}  /<route>/notes.html?item=<key> or ?wave=<wave slug>, and plan.html, which the board
@@ -81,24 +81,23 @@ globalThis.AppRouter = (function () {
 
   // The page tree (docs/adr/2026-10-30-1125-back-follows-the-page-tree.md): a board, its Waiting on you, and a prototype page tied
   // to one of its questions by ?q=, framed. levelOf → 0, 1 or 2 down the tree, or null for a view outside it.
-  // A board's prototype page, which from 900px opens in the board's right pane (shell.js go).
+  // A board's prototype page.
   const isPrototype = (view, boards) => view?.kind === 'frame' && boards.has(view.route) && /^\/[^/]+\/prototype-[\w-]+\.html$/.test(new URL(view.url, 'http://hub').pathname);
   function questionOf(view, boards) {
     return isPrototype(view, boards) ? new URL(view.url, 'http://hub').searchParams.get('q') || null : null;
   }
-  // wide: from 900px Waiting on you is the board's pane, so a prototype's parent is the board itself.
-  function levelOf(view, { boards = new Set(), wide = false } = {}) {
+  function levelOf(view, { boards = new Set() } = {}) {
     if (view?.kind === 'board') return 0;
     if (view?.kind === 'questions') return 1;
-    return questionOf(view, boards) ? (wide ? 1 : 2) : null;
+    return questionOf(view, boards) ? 2 : null;
   }
   // → the views above view in the tree, its board first. card: the card whose thread the owner left the board from,
   // which the board keeps open.
-  function parentsOf(view, { boards = new Set(), card = null, wide = false } = {}) {
+  function parentsOf(view, { boards = new Set(), card = null } = {}) {
     const q = questionOf(view, boards);
     if (!q && view?.kind !== 'questions') return [];
     const board = { kind: 'board', route: view.route, hash: card ? `#selectedCard=${encodeURIComponent(card)}` : '' };
-    return q && !wide ? [board, { kind: 'questions', route: view.route, id: q }] : [board];
+    return q ? [board, { kind: 'questions', route: view.route, id: q }] : [board];
   }
 
   // Each history entry carries {idx}, its distance from the shell's first entry, pushed when a push opened it, and on a
@@ -111,8 +110,8 @@ globalThis.AppRouter = (function () {
   // boards() → the board routes now.
   // → {push(href, from), replace(href), up()}: push and replace write an entry for a view go is showing; replace answers
   // 'up' when it went back to a parent instead, which then takes href, and go shows it on that pop.
-  function listen({ boards, go, wide = () => false }) {
-    const b = () => ({ boards: boards(), wide: wide() });
+  function listen({ boards, go }) {
+    const b = () => ({ boards: boards() });
     const mark = (pushed) => (pushed ? { pushed: true } : {});
     let idx = Number.isInteger(history.state?.idx) ? history.state.idx : 0;
     let landing = null;
@@ -225,32 +224,27 @@ globalThis.AppRouter = (function () {
     return { push: (href, from) => write('push', href, from), replace: (href) => write('replace', href), up };
   }
 
-  // A board's fragment is &-joined keys: selectedCard=<key> (the focused card), openItemsCard=<topic id> (the selected
-  // open-items pill), review=<PR number>, and a bare reply. The older #item=<key> reads as selectedCard.
-  // → {selectedCard, openItemsCard, review, reply}, each null or false when absent.
+  // A board's fragment is &-joined keys: selectedCard=<key> (the focused card), review=<PR number>, and a bare reply.
+  // The older #item=<key> reads as selectedCard.
+  // → {selectedCard, review, reply}, each null or false when absent.
   function fragmentOf(hash) {
-    const out = { selectedCard: null, openItemsCard: null, review: null, reply: false };
+    const out = { selectedCard: null, review: null, reply: false };
     const decode = (v) => { try { return decodeURIComponent(v); } catch { return v; } };
     for (const part of String(hash).replace(/^#/, '').split('&')) {
       const eq = part.indexOf('=');
       const [k, v] = eq < 0 ? [part, ''] : [part.slice(0, eq), part.slice(eq + 1)];
       if (k === 'selectedCard' || k === 'item') out.selectedCard = decode(v) || null;
-      else if (k === 'openItemsCard') out.openItemsCard = decode(v) || null;
       else if (k === 'review' && /^\d+$/.test(v)) out.review = Number(v);
       else if (k === 'reply') out.reply = true;
     }
     return out;
   }
   // hash with the named keys of changes replaced (null drops one) → the new fragment, '' for none. A #review= link is
-  // alone in its fragment, so a change to a card or pill replaces it; reply is spent once the card is shown.
+  // alone in its fragment, so a change to the card replaces it; reply is spent once the card is shown.
   function hashWith(hash, changes) {
-    const now = fragmentOf(hash);
-    const next = { selectedCard: now.selectedCard, openItemsCard: now.openItemsCard, ...changes };
-    const parts = [];
-    if (next.selectedCard) parts.push(`selectedCard=${encodeURIComponent(next.selectedCard)}`);
-    if (next.openItemsCard) parts.push(`openItemsCard=${encodeURIComponent(next.openItemsCard)}`);
-    return parts.length ? '#' + parts.join('&') : '';
+    const next = { selectedCard: fragmentOf(hash).selectedCard, ...changes };
+    return next.selectedCard ? `#selectedCard=${encodeURIComponent(next.selectedCard)}` : '';
   }
 
-  return { viewOf, urlOf, mounted, entryOf, isPrototype, listen, fragmentOf, hashWith };
+  return { viewOf, urlOf, mounted, entryOf, listen, fragmentOf, hashWith };
 })();

package/board/public/shell.js

@@ -242,35 +242,10 @@ window.AppShell = (function () {
     // go(view, href, how, from): router.js's, with how 'replace' for a framed page's hand-off and 'reload' for a view's
     // own refresh. → true, or a promise of whether the view switched once the owner answers about an unsaved edit.
     let router = null;
-    const wide = matchMedia('(min-width: 900px)');
-    // Board and Waiting on you are a board's two pages (docs/adr/2026-11-07-1300-board-and-open-questions-are-two-pages.md):
-    // from 900px the board shows Waiting on you in its pane, so every view of the questions page, a link, a push, a
-    // hand-off, a history entry or a cold load, shows the board at its own URL and opens the question's topic there (id,
-    // or null for none). A board's prototype page does the same and opens in the pane
-    // (docs/adr/2026-11-07-2030-on-desktop-the-prototype-viewer-opens-in-the-right-pane.md).
-    const inPane = (view) => wide.matches && (view?.kind === 'questions' || AppRouter.isPrototype(view, boards()));
-    // ask(B) → true once the board's pane did what the view asks. A board just shown takes a moment to fill its pane, so
-    // the pane is asked again until it has.
-    const paneAsk = (view, href) => (view.kind === 'questions' ? (B) => B.focusQuestion?.(view.id) : (B) => B.openViewer?.(href));
-    function askPane(ask, tries = 50) {
-      if (current?.view.kind !== 'board' || ask(current.v.B) || tries <= 0) return;
-      setTimeout(() => askPane(ask, tries - 1), 100);
-    }
+    // Board and Waiting on you are a board's two pages at every width, and a prototype is a page of its own
+    // (docs/adr/2026-11-07-1300-board-and-open-questions-are-two-pages.md, docs/adr/2026-11-12-0700-the-board-has-no-needs-you-deck-or-pane.md).
     function go(view, href, how, from) {
       if (!AppRouter.mounted(view)) return false;
-      if (inPane(view)) {
-        const ask = paneAsk(view, href);
-        const board = { kind: 'board', route: view.route, hash: '' };
-        const boardHref = new URL(AppRouter.urlOf(board), location.href).href;
-        if (how === 'pop') history.replaceState(history.state, '', boardHref);
-        // On its own board it only asks the pane, so the URL, history and an open card stay as they are.
-        else if (current?.view.kind === 'board' && current.route === view.route && !settings) {
-          askPane(ask);
-          sidebar.close();
-          return true;
-        }
-        return Promise.resolve(go(board, boardHref, how, from)).then((shown) => { if (shown) askPane(ask); return shown; });
-      }
       if (view.kind === 'settings') {
         if (current?.view.kind === 'board' && current.route === view.route) {
           const here = AppRouter.viewOf(location.href, { boards: boards() });
@@ -322,17 +297,7 @@ window.AppShell = (function () {
     }
     if (!AppRouter.mounted(first)) { location.replace('/_hub/'); return; }
 
-    let pane = null;
-    if (inPane(first)) {
-      pane = paneAsk(first, location.href);
-      first = { kind: 'board', route: first.route, hash: '' };
-      history.replaceState(history.state, '', AppRouter.urlOf(first));
-    }
-    router = AppRouter.listen({ boards, go, wide: () => wide.matches });
-    // Widening past 900px on Waiting on you or a prototype swaps to the board with it open in the pane.
-    wide.addEventListener('change', () => {
-      if (current && inPane(current.view)) go(AppRouter.viewOf(location.href, { boards: boards() }), location.href, 'replace');
-    });
+    router = AppRouter.listen({ boards, go });
     opener = (url, { replace = false, frames = true } = {}) => {
       const view = AppRouter.viewOf(url, { boards: boards() });
       if (!AppRouter.mounted(view) || (!frames && view.kind === 'frame')) return false;
@@ -348,7 +313,6 @@ window.AppShell = (function () {
     navigator.serviceWorker?.startMessages?.();
 
     show(first);
-    if (pane) askPane(pane);
     openStream();
     addEventListener('visibilitychange', () => { if (!document.hidden) openStream(); });
     addEventListener('pageshow', openStream);

package/board/public/style.css

@@ -85,7 +85,7 @@ button.chip { border: 0; }
 .sub.agent { color: var(--color-notice); }
 .sub.next { color: var(--color-notice); }
 .card-hold { color: var(--color-quiet); }
-.card-blocked, .card-action { color: var(--color-notice); }
+.card-blocked { color: var(--color-notice); }
 /* docs/adr/2026-11-11-1200-every-lane-has-phases.md: a card's phase word, toned by who acts next (ui-cards.js PHASE_LOOK). */
 .card-phase.ph-quiet { color: var(--color-quiet); }
 .card-phase.ph-info { color: var(--color-info); }
@@ -395,19 +395,22 @@ div.status-line { padding-left: 33px; text-indent: -23px; }
 .msg.agent.started { color: var(--color-notice); } .msg.agent.finished { color: var(--color-success); }
 .msg.agent .muted { font-weight: 400; }
 /* A planner's line in the thread, dot included, is the owner's blue; its finish stays green
-   (docs/adr/2026-11-03-1551-planners-and-implementers-are-two-kinds-of-agent.md). On the card it takes the lane's colour below. */
+   (docs/adr/2026-11-03-1551-planners-and-implementers-are-two-kinds-of-agent.md). On the card it is blue too (.sub.agent.planner below). */
 .msg.builder-status.planner, .msg.agent.started.planner { color: var(--accent); }
 .planner .working-dot { background: currentColor; }
-/* A run's status line, dot included, takes its card's lane colour, a planner's too: grey in Todo, the phase-bar orange in
+/* A builder run's status line, dot included, takes its card's lane colour: grey in Todo, the phase-bar orange in
    In Progress, blue in In Review; a Todo card's planner dashes are its grey, the running one pulsing
    (docs/adr/2026-11-06-0145-every-run-takes-its-lanes-colour.md). */
 .sub.agent.in-todo { color: var(--muted); }
 .sub.agent.in-progress { color: var(--color-notice); }
 .sub.agent.in-review { color: var(--color-info); }
 .sub.agent.in-todo .working-dot, .sub.agent.in-progress .working-dot, .sub.agent.in-review .working-dot { background: currentColor; }
-/* docs/adr/2026-11-05-0410-a-card-status-word-comes-from-a-signal-the-board-checks.md: a quiet builder and a request no planner
-   has picked up are grey, after the lane colours so they win. */
-.sub.agent.quiet, .sub.asked { color: var(--muted); }
+/* docs/adr/2026-11-12-0600-every-planner-launches-from-the-orchestrators-brief.md: a grill, prototype or visual's status
+   line, its brief's and its agent's, is blue in every lane, after the lane colours so it wins. */
+.sub.agent.planner { color: var(--color-info); }
+/* docs/adr/2026-11-05-0410-a-card-status-word-comes-from-a-signal-the-board-checks.md: a quiet builder is grey, after the
+   lane colours so it wins. */
+.sub.agent.quiet { color: var(--muted); }
 .sub.agent.waiting-gray { color: var(--muted); }
 /* A stale build's status line is grey, its dot still (ui-cards.js builderStatus). */
 .sub.agent.stale { color: var(--muted); }
@@ -447,8 +450,11 @@ button.attach[aria-pressed="true"] { color: var(--accent); background: var(--chi
 /* INT-30: card line order */
 .line6 { margin-top: 4px; }
 .card-time time { font-variant-numeric: tabular-nums; }
-.card-unread { color: var(--accent); font-weight: 600; }
-.card-unread .sep { color: var(--muted); font-weight: 400; }
+.card-alert { color: var(--color-notice); font-weight: 600; }
+.card-alert .sep { color: var(--muted); font-weight: 400; }
+.card-alert .card-action { color: var(--color-notice); }
+.card-alert .card-stalled { color: var(--color-danger); }
+.lane[data-lane="done"] .card-alert .card-unread { color: var(--color-info); }
 /* Lane headers: Linear-style group bands */
 .lane > summary { display: flex; align-items: center; gap: 8px; margin: 0; min-height: 34px; padding: 5px 12px;
   background: var(--band); border: 1px solid var(--line); border-radius: 10px; font-size: 13px; font-weight: 500; color: var(--text); }
@@ -471,7 +477,7 @@ button.attach[aria-pressed="true"] { color: var(--accent); background: var(--chi
 .view-only-strip b { color: var(--accent); }
 /* A board out of reach (docs/adr/2026-11-06-0135-a-board-out-of-reach-keeps-its-copy-or-shows-a-landing.md): it reads as before,
    undimmed, and only the buttons that send, ui.js SENDS, are held, the labelled ones saying why; app-header.js stops their taps. */
-.offline :is(form button[type="submit"], .actions button, button[data-confirm], button[data-deck-pick], button[data-review-answer], button[data-prompt-send], button[data-prompt-choice], button[data-quick], button[data-card-bump], button[data-bump], button[data-withdraw], button[data-grill], button[data-proto], button[data-visual], button[data-plan], button[data-main-pull], button[data-arch-run], button[data-try], button[data-try-kill], button[data-reopen]) { opacity: .55; cursor: not-allowed; }
+.offline :is(form button[type="submit"], .actions button, button[data-confirm], button[data-review-answer], button[data-prompt-send], button[data-prompt-choice], button[data-quick], button[data-card-bump], button[data-bump], button[data-withdraw], button[data-grill], button[data-proto], button[data-visual], button[data-plan], button[data-main-pull], button[data-arch-run], button[data-try], button[data-try-kill], button[data-reopen]) { opacity: .55; cursor: not-allowed; }
 /* With no copy to show, the landing takes the board's place: the kickflip mark and two lines, as hub/front-door.mjs's page has them. */
 .down-landing { min-height: 60vh; display: grid; place-content: center; justify-items: center; gap: 10px; padding: 32px 24px; text-align: center; }
 .down-landing-mark { display: block; margin-bottom: 8px; width: 70px; height: 60px; object-fit: contain; }
@@ -479,7 +485,7 @@ button.attach[aria-pressed="true"] { color: var(--accent); background: var(--chi
 .down-landing-hint { margin: 0; font-size: 14px; color: var(--muted); }
 .down-landing-stack { margin: 0; max-width: 100%; overflow: auto; text-align: left; font-size: 12px; padding: 10px; border-radius: 8px; background: color-mix(in srgb, var(--muted) 14%, transparent); }
 .down-landing-stack[hidden] { display: none; }
-.view-board.down main > :not(#downLanding), .view-board.down :is(#needsPane, #compose) { display: none; }
+.view-board.down main > :not(#downLanding), .view-board.down #compose { display: none; }
 .view-settings.down .settings-body > :not(.down-landing) { display: none; }
 /* INT-28: answer banner */
 .answer-banner { display: flex; align-items: center; gap: 4px; background: var(--accent-soft); border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
@@ -534,7 +540,7 @@ button.attach[aria-pressed="true"] { color: var(--accent); background: var(--chi
 .board-foot .arch-bulb[hidden] { display: none; }
 .board-foot .arch-bulb.running { color: var(--color-notice); }
 .board-foot a.icon[aria-disabled="true"] { opacity: .35; pointer-events: none; }
-/* The pages switch below 900px: the board header's ? with the open-question count on its corner, and Waiting on you's check back to the board. */
+/* The pages switch: the board header's ? with the open-question count on its corner, and Waiting on you's check back to the board. */
 .top .pages-switch { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: none; width: auto; height: auto; margin: 0; padding: 4px; border: 0; border-radius: 0; line-height: 1; color: var(--muted); }
 .top .pages-switch:hover { color: var(--text); }
 .top .pages-switch:active { background: none; }
@@ -659,13 +665,13 @@ main > * { transition: opacity .25s ease; }
    (docs/adr/2026-11-09-1453-orchestrator-messages-replies-and-transcript-text-are-markdown.md), whose blocks break the
    lines, not the text's own newlines. */
 :is(.msg .body, .reader-row).md { white-space: normal; }
-:is(.view-questions .ctx, .view-questions .opt .det, .deck-card .ctx, .deck-opts .det, .md) { overflow-wrap: anywhere; }
-:is(.view-questions .ctx, .view-questions .opt .det, .deck-card .ctx, .deck-opts .det, .md) :is(p, ul, ol, blockquote, pre, table) { margin: 0 0 6px; }
-:is(.view-questions .ctx, .view-questions .opt .det, .deck-card .ctx, .deck-opts .det, .md) :is(h1, h2, h3, h4, h5, h6) { font-size: inherit; font-weight: 600; margin: 6px 0 2px; }
-:is(.view-questions .ctx, .view-questions .opt .det, .deck-card .ctx, .deck-opts .det, .md) :is(ul, ol) { padding-left: 18px; }
-:is(.view-questions .ctx, .view-questions .opt .det, .deck-card .ctx, .deck-opts .det, .md) :is(pre, code) { white-space: pre-wrap; font-size: 12px; }
-:is(.view-questions .ctx, .view-questions .opt .det, .deck-card .ctx, .deck-opts .det, .md) table { display: block; max-width: 100%; overflow-x: hidden; }
-:is(.view-questions .ctx, .view-questions .opt .det, .deck-card .ctx, .deck-opts .det, .md) > :last-child { margin-bottom: 0; }
+:is(.view-questions .ctx, .view-questions .opt .det, .md) { overflow-wrap: anywhere; }
+:is(.view-questions .ctx, .view-questions .opt .det, .md) :is(p, ul, ol, blockquote, pre, table) { margin: 0 0 6px; }
+:is(.view-questions .ctx, .view-questions .opt .det, .md) :is(h1, h2, h3, h4, h5, h6) { font-size: inherit; font-weight: 600; margin: 6px 0 2px; }
+:is(.view-questions .ctx, .view-questions .opt .det, .md) :is(ul, ol) { padding-left: 18px; }
+:is(.view-questions .ctx, .view-questions .opt .det, .md) :is(pre, code) { white-space: pre-wrap; font-size: 12px; }
+:is(.view-questions .ctx, .view-questions .opt .det, .md) table { display: block; max-width: 100%; overflow-x: hidden; }
+:is(.view-questions .ctx, .view-questions .opt .det, .md) > :last-child { margin-bottom: 0; }
 .view-questions .opt .suggested-why { margin-top: 4px; color: var(--color-info); font-size: 13px; line-height: 1.35; overflow-wrap: anywhere; }
 .view-questions .note { margin-top: 4px; }
 .view-questions .ans { background: var(--accent-soft); border-radius: 9px; padding: 7px 10px; margin-top: 8px; font-size: 13px; }
@@ -703,8 +709,7 @@ main > * { transition: opacity .25s ease; }
 /* The + rides above the sticky Send bar rather than over its Send. */
 .view-questions .bar #qstatus { min-width: 0; }
 .view-questions .bar #qstatus.sent { color: var(--color-success); font-weight: 600; }
-/* With no open question, the moon and its line sit at the centre of what the page shows between its top and the nav,
-   or of what the desktop pane has left under its Needs you lines. */
+/* With no open question, the moon and its line sit at the centre of what the page shows between its top and the nav. */
 .view-questions .q-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; color: var(--muted); text-align: center;
   min-height: calc(var(--vh, 100dvh) - var(--app-bottom, 0px) - max(16px, env(safe-area-inset-top))); }
 .view-questions .q-empty p { margin: 0; font-size: 15px; }
@@ -761,8 +766,8 @@ main > * { transition: opacity .25s ease; }
 .view-notes .md-table th, .view-notes .md-table td { text-align: left; vertical-align: top; padding: 6px 8px; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
 .view-notes .md-table th { background: var(--bg); font-weight: 600; }
 .view-notes .md-table tr:last-child td { border-bottom: 0; }
-/* The sidebar and every pane never scroll sideways: content wraps at the pane's width, overflow-x hidden is the last guard. */
-.view-questions, .view-notes, .reader-sheet, .pane-viewer { overflow-x: hidden; }
+/* The sidebar and every page never scroll sideways: content wraps at its width, overflow-x hidden is the last guard. */
+.view-questions, .view-notes, .reader-sheet { overflow-x: hidden; }
 /* A framed page (view-frame.js) fills the space beside the header, and scrolls inside its frame. */
 .view-frame { display: flex; flex-direction: column; height: 100vh; height: 100dvh; }
 .view-frame > .top { flex: none; }
@@ -781,7 +786,7 @@ main > * { transition: opacity .25s ease; }
     border-bottom: 0; border-top: 1px solid var(--line); padding-top: 4px; padding-bottom: max(4px, env(safe-area-inset-bottom));
   }
   .top .nav #refresh, .top .nav a.icon, .top .pages-switch { min-width: 44px; min-height: 44px; }
-  body > main, body.has-sidebar > :not(.sidebar) > main, body.has-sidebar > :not(.sidebar) > .split > main { padding-top: max(16px, env(safe-area-inset-top)); padding-bottom: calc(96px + var(--app-bottom, 0px) + env(safe-area-inset-bottom)); }
+  body > main, body.has-sidebar > :not(.sidebar) > main { padding-top: max(16px, env(safe-area-inset-top)); padding-bottom: calc(96px + var(--app-bottom, 0px) + env(safe-area-inset-bottom)); }
   .view-frame:not(.own-header) { padding-bottom: var(--app-bottom, 0px); }
   .sheet { bottom: max(0px, calc(var(--app-bottom, 0px) - var(--kb, 0px)));
     max-height: calc(var(--vh, 100dvh) + var(--kb, 0px) - max(var(--app-bottom, 0px), var(--kb, 0px)) - env(safe-area-inset-top) - 12px); }
@@ -943,92 +948,34 @@ button[aria-busy="true"]:is([data-card-bump]) svg { fill: currentColor; }
 .rv-acts { display: flex; flex-wrap: wrap; gap: 8px; }
 .view-questions .bar #qstatus .try-spin { color: var(--accent); margin-right: 6px; }
 
-/* Needs you (app-needs.js): a deck at the top of the board on a phone; from 900px a pane beside the lanes, its lines over
-   Waiting on you (docs/adr/2026-11-05-0408-needs-you-is-a-deck-on-a-phone-and-a-pane-on-a-desktop.md). */
-.needs-pane { display: none; }
 .col-handle { display: none; }
-.needs-deck { margin: 0 0 12px; border: 1px solid color-mix(in srgb, var(--color-notice) 45%, var(--line)); border-radius: 14px;
-  background: color-mix(in srgb, var(--color-notice) 7%, var(--panel)); overflow: hidden; }
-.deck-head { display: flex; align-items: center; gap: 8px; padding: 10px 14px 4px; }
-.deck-head h2 { margin: 0; flex: 1; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--color-notice); }
-.deck-n { min-width: 20px; padding: 1px 7px; border-radius: 999px; background: var(--color-notice); color: #1c1407; font-size: 12px; font-weight: 700; text-align: center; }
-.deck-card { padding: 2px 14px 12px; min-width: 0; overflow-wrap: anywhere; }
-.deck-what { margin: 0 0 2px; font-size: 12px; color: var(--muted); }
-.deck-card h3 { margin: 0 0 4px; font-size: 15px; line-height: 1.3; }
-.deck-card h3 a { color: inherit; text-decoration: none; }
-.deck-card .ctx { margin: 0 0 10px; font-size: 13px; color: var(--muted); }
-.deck-proto { margin: 0 0 10px; color: var(--accent); }
-.deck-opts { display: flex; flex-direction: column; gap: 6px; }
-.deck-opts button { text-align: left; border-radius: 10px; padding: 10px 12px; font-size: 14px; }
-.deck-opts button.rec { border-color: var(--accent); }
-.deck-opts button.armed { border-color: var(--sel-line); background: var(--sel-bg); font-weight: 600; }
-.deck-opts .rec-word { color: var(--accent); font-weight: 500; font-size: 12px; margin-left: 4px; }
-.deck-opts .det { color: var(--muted); font-size: 12.5px; font-weight: 400; }
-.deck-prompt { margin: 0; padding: 0; list-style: none; }
-.deck-prompt li.prompt { padding: 8px 10px; background: var(--panel); border: 1px solid var(--line); border-radius: 8px; }
-.deck-acts { display: flex; flex-wrap: wrap; gap: 8px; }
-.deck-bar { display: flex; align-items: center; gap: 10px; padding: 0 14px 10px; }
-.deck-dots { flex: 1; display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; }
-.deck-dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--line); }
-.deck-dots i.on { background: var(--color-notice); }
-.deck-bar button { border-radius: 999px; padding: 5px 12px; font-size: 13px; }
-.deck-more { display: flex; align-items: center; justify-content: space-between; min-height: 46px; padding: 10px 14px; border-top: 1px solid color-mix(in srgb, var(--color-notice) 28%, var(--line));
-  background: color-mix(in srgb, var(--color-notice) 14%, var(--panel)); color: var(--text); font-weight: 600; font-size: 14px; text-decoration: none; }
-.deck-more::after { content: '›'; color: var(--accent); font-size: 18px; }
-.deck-more:hover { text-decoration: none; }
+/* From 900px the lanes take the board's full width; Waiting on you is the header's ?
+   (docs/adr/2026-11-12-0700-the-board-has-no-needs-you-deck-or-pane.md). */
 @media (min-width: 900px) {
-  .split { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) var(--pane-w, minmax(0, 1fr)); align-items: start; }
-  .split > main { max-width: none; margin: 0; }
-  .needs-deck { display: none; }
-  /* Waiting on you is the board's pane here, so neither page shows the switch to the other. */
-  .top .pages-switch { display: none; }
-  .top .nav a.pages-switch { display: none; }
-  /* The board's + sits at the bottom right of the left pane: the pane ends at the middle of the space right of the sidebar. */
-  .view-board .fab { right: calc(var(--pane-w, calc(50% - var(--sidebar-w, 0px) / 2)) + var(--fab-edge)); }
+  .view-board > main { max-width: none; margin: 0; }
   body.has-sidebar { --sidebar-w: var(--sb-w, 272px); }
   html.sb-collapsed body.has-sidebar { --sidebar-w: 0px; }
-  /* The drag edges (col-resize.js): a hairline that thickens on hover, on the pane's left edge and the sidebar's right. */
+  /* The sidebar's drag edge (col-resize.js): a hairline that thickens on hover. */
   .col-handle { display: block; position: absolute; z-index: 5; top: 0; bottom: 0; width: 9px; cursor: col-resize; touch-action: none; }
   .col-handle::after { content: ''; position: absolute; top: 0; bottom: 0; left: 4px; width: 1px; background: transparent; transition: background .12s, width .12s, left .12s; }
   .col-handle:is(:hover, :focus-visible, .dragging)::after { left: 3px; width: 3px; background: var(--accent); }
   .col-handle:focus-visible { outline: none; }
   html.col-dragging, html.col-dragging * { cursor: col-resize !important; user-select: none; }
-  .split > .col-handle { right: calc(var(--pane-w, 50%) - 4px); }
-  .split:has(.needs-pane.widened) > .col-handle { display: none; }
-  /* The reader sheet (app-reader.js) is a panel over the pane's half, at the width the seam gives it, while it is open. */
-  .sheet.reader-sheet { position: fixed; z-index: 30; inset: 56px 0 0 auto; margin: 0; width: var(--pane-w, calc((100vw - var(--sidebar-w, 0px)) / 2)); max-width: none;
+  /* The reader sheet (app-reader.js) is a panel over the right half of the space beside the sidebar while it is open. */
+  .sheet.reader-sheet { position: fixed; z-index: 30; inset: 56px 0 0 auto; margin: 0; width: calc((100vw - var(--sidebar-w, 0px)) / 2); max-width: none;
     height: auto; max-height: none; border-width: 0 0 0 1px; border-radius: 0; box-shadow: none; }
   .sheet.reader-sheet[open] { animation: reader-in .22s ease-out; }
   .sheet.reader-sheet.closing { animation: reader-out .18s ease-in forwards; }
   .reader-sheet::backdrop { background: transparent; }
-  .needs-pane { display: block; position: sticky; top: 56px; height: calc(100vh - 56px); overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; padding: 12px 16px 0; border-left: 1px solid var(--line); }
-  .needs-pane .needs-questions main { padding: 0; max-width: none; }
-  .needs-pane:has(.q-empty), .needs-pane .needs-questions:has(.q-empty), .needs-pane .needs-questions:has(.q-empty) main, .needs-pane #page:has(.q-empty) { display: flex; flex-direction: column; }
-  .needs-pane .needs-questions:has(.q-empty), .needs-pane .needs-questions:has(.q-empty) main, .needs-pane #page:has(.q-empty), .needs-pane .q-empty { flex: 1; min-height: 0; }
-  .needs-pane .waiting { margin: 0 0 12px; }
-  .needs-pane * { min-width: 0; overflow-wrap: anywhere; }
-  .needs-pane pre, .needs-pane code { white-space: pre-wrap; }
-  .needs-pane :is(.deck-opts, .row, .actions, .btns) { flex-wrap: wrap; }
-  /* A prototype in the pane (app-needs.js openViewer): a top bar over the framed page, whose footer ends the pane; ⤢
-     (.widened) lays the pane over the lanes, from the sidebar's edge. */
-  .needs-pane.viewing { display: flex; flex-direction: column; padding: 0; overflow: hidden; }
-  .needs-pane.viewing > :not(.pane-viewer) { display: none; }
-  .needs-pane.viewing.widened { position: fixed; top: 56px; left: var(--sidebar-w, 0px); right: 0; bottom: 0; height: auto; z-index: 7; border-left: 0; background: var(--bg); }
-  .pane-viewer { position: relative; flex: 1; min-height: 0; display: flex; flex-direction: column; }
-  .pv-top { flex: none; display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-bottom: 1px solid var(--line); background: var(--panel); }
-  .pv-top .pv-grow { flex: 1; }
-  .pv-top button { min-height: 36px; border-radius: 8px; font-weight: 600; }
-  .pv-top .pv-back { border: 0; background: transparent; color: var(--text); padding: 6px 8px; }
-  .pv-top .pv-back:hover { background: var(--line); }
-  .pv-top .pv-widen { width: 36px; padding: 0; font-size: 17px; }
-  .pv-top .pv-widen[aria-pressed="true"] { background: var(--accent); color: var(--on-accent); border-color: var(--accent); }
-  .pv-top .ps-chip { border-radius: 999px; padding: 0 14px; }
-  .pv-frame { flex: 1; min-height: 0; width: 100%; border: 0; display: block; background: var(--panel); }
-  .pane-viewer .ps-sheet { position: absolute; left: 8px; right: 8px; top: 56px; z-index: 2; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); box-shadow: 0 8px 30px rgba(0,0,0,.25); }
-  .pane-viewer .ps-sheet h3 { margin: 0 0 6px; font-size: 14px; }
-  .pane-viewer .ps-sheet button { display: flex; justify-content: space-between; gap: 12px; width: 100%; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; color: var(--text); padding: 10px 2px; text-align: left; }
-  .pane-viewer .ps-sheet button span + span { color: var(--muted); }
 }
 /* The Send bar is the last thing on its page: only the phone nav under it is left clear, so its background runs to the edge. */
 body .view-questions.view-questions main { padding-bottom: var(--app-bottom, 0px); }
 .pfile.retry { cursor: pointer; }
+/* The Todo header's filter (docs/adr/2026-11-12-0600-the-todo-header-has-a-filter.md): a funnel at the right, orange while a box is unchecked, and its checklist under the header. */
+.lane { position: relative; }
+.lane-filter { margin-left: auto; display: inline-flex; align-items: center; padding: 4px; border: 0; background: none; color: var(--muted); cursor: pointer; }
+.lane-filter.on { color: var(--color-notice); }
+.lane-filter-menu { position: absolute; z-index: 5; top: 36px; right: 8px; display: flex; flex-direction: column; min-width: 160px; padding: 4px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); box-shadow: 0 6px 18px rgba(0, 0, 0, .25); }
+.lane-filter-box { display: flex; align-items: center; gap: 8px; padding: 7px 8px; border: 0; background: none; color: var(--text); font: inherit; text-align: left; cursor: pointer; }
+.lane-filter-box .box { width: 14px; height: 14px; border: 1.5px solid var(--muted); border-radius: 4px; }
+.lane-filter-box[aria-checked="true"] .box { border-color: var(--accent); background: var(--accent); }

package/board/public/ui-cards.js

@@ -254,7 +254,7 @@
     if (b && b.kind !== BUILDER_KIND.install) return b.stopped || (b.pause ? (b.pause.paused ? 'paused' : 'pausing') : b.alive === false ? 'stopped' : b.phase === 'landing' ? 'landing' : 'implementing');
     if (it.waitsOn === 'checking') return 'Orchestrator review';
     if (it.lane === 'done') return 'done';
-    if (it.grilling || it.prototyping) return 'preheating';
+    if (it.planning) return it.planning;
     if (it.lane === 'todo') return it.phase && (it.ready || it.phase !== 'ready') ? PHASE_LOOK[it.phase][0] : 'to do';
     if (it.lane === 'progress') return it.reachedPhase ? `stopped at ${it.reachedPhase}` : 'in progress';
     return 'in review';
@@ -280,18 +280,18 @@
   // docs/adr/2026-11-11-1200-every-lane-has-phases.md
   // A Todo, In Review or Done card's phase as a word, toned by who acts next: grey while a machine waits, blue while
   // Claude works, orange while it waits on the owner, green once it can go and purple once merged. In Progress shows its
-  // phase only as its progress bar, and a card In Review for an owner wait other than the merge has none. Ready reads
+  // phase only as its progress bar, a New card has none (its footer line says it), and a card In Review for an owner wait other than the merge has none. Ready reads
   // only on a card that can start (domain.mjs ready), so a blocked one shows what blocks it instead.
   const PHASE_LOOK = {
     new: ['new', 'quiet'], discussing: ['discussing', 'info'], grilling: ['grilling', 'info'], prototyping: ['prototyping', 'info'], staging: ['staging', 'notice'], ready: ['ready', 'success'],
     draft: ['draft', 'quiet'], reviewers: ['pending review', 'notice'], merge: ['pending merge', 'notice'], stale: ['stale', 'quiet'],
     merged: ['merged', 'merged'], closed: ['closed', 'quiet'],
   };
-  // docs/adr/2026-11-12-0500-a-new-task-is-a-conversation.md: a discussing card says whose turn it is, blue for the
-  // owner's, orange while the orchestrator owes the reply.
-  const TURN_LOOK = { owner: ['discussing · your turn', 'info'], claude: ["discussing · Claude's turn", 'notice'] };
+  // docs/adr/2026-11-12-0500-a-new-task-is-a-conversation.md: a discussing card reads just "discussing", blue on the
+  // owner's turn and grey while the orchestrator owes the reply.
+  const TURN_LOOK = { owner: ['discussing', 'info'], claude: ['discussing', 'quiet'] };
   function phaseWord(it) {
-    if (it.kind !== 'work' || it.lane === 'progress' || !it.phase || (it.phase === 'ready' && !it.ready)) return '';
+    if (it.kind !== 'work' || it.lane === 'progress' || !it.phase || it.phase === 'new' || (it.phase === 'ready' && !it.ready)) return '';
     const [word, tone] = it.phase === 'discussing' ? TURN_LOOK[it.turn] : PHASE_LOOK[it.phase];
     return `<span class="card-phase ph-${tone}">${word}</span>`;
   }
@@ -300,26 +300,29 @@
   // orange while its builder runs on to its stopping point, then "paused · blocked by #61" in grey.
   const pauseOf = (it) => (it.lane === 'progress' ? it.builder?.pause ?? null : null);
   const pauseWords = (pause) => pause && `<span class="card-${pause.paused ? 'paused' : 'pausing'}">${pause.paused ? 'paused' : 'pausing'} · ${esc(pause.words)}</span>`;
-  // A card's last line: the time its lane sorts by (domain.mjs sortAt), then its hold, what blocks it, then Action needed,
-  // held while host recovers on a bumped ready card a busy host holds, in grey
-  // (docs/adr/2026-11-06-1700-a-bump-marks-the-priority-through-every-lane.md), stalled in red or a build's stale
-  // in grey (docs/adr/2026-11-06-1252-stale-is-automatic-stalled-is-the-orchestrators-flag.md), a stale review reading it
-  // once, as its phase, then the phase word (phaseWord), then a paused build's words (pauseWords), then an In Progress card's phase bars, then its unread messages, new questions counting as one, which app-cards.js
-  // takes away when the card opens (docs/adr/2026-11-04-0247-a-builder-asks-the-orchestrator-mid-build.md,
-  // docs/adr/2026-11-03-0516-a-new-card-is-ready-grilling-or-prototyping.md, docs/adr/2026-11-03-1519-a-building-cards-phase-bars-end-its-time-row.md).
+  // A card's last two rows. The footer: the time its lane sorts by (domain.mjs sortAt), then its hold and what blocks it,
+  // or its phase word (phaseWord) when neither shows, then a build's stale in grey, held while host recovers on a bumped
+  // ready card a busy host holds, in grey (docs/adr/2026-11-06-1700-a-bump-marks-the-priority-through-every-lane.md),
+  // a paused build's words (pauseWords), then an In Progress card's phase bars
+  // (docs/adr/2026-11-03-1519-a-building-cards-phase-bars-end-its-time-row.md). The row under it, drawn only when it has
+  // something: Action needed and the unread messages in bold orange, new questions counting as one (app-cards.js takes
+  // the count away when the card opens), then stalled in red, rightmost
+  // (docs/adr/2026-11-06-1252-stale-is-automatic-stalled-is-the-orchestrators-flag.md,
+  // docs/adr/2026-11-04-0247-a-builder-asks-the-orchestrator-mid-build.md,
+  // docs/adr/2026-11-12-0600-action-needed-and-new-messages-get-their-own-row.md).
   const SEP = '<span class="sep"> · </span>';
   const newWords = (n, word) => n && `${n} new ${word}${n === 1 ? '' : 's'}`;
   function timeLine(it, unread, bars) {
     const iso = it.sortAt;
     const pause = pauseOf(it);
-    const parts = [iso && `<time datetime="${esc(iso)}">${esc(cardTime(iso))}</time>`, pause?.cause !== 'held' && holdWords(it), pause?.cause !== 'blocked' && blockedWords(it), actionWords(it),
+    const holdBlock = [pause?.cause !== 'held' && holdWords(it), pause?.cause !== 'blocked' && blockedWords(it)].filter(Boolean);
+    const footer = [iso && `<time datetime="${esc(iso)}">${esc(cardTime(iso))}</time>`, ...(holdBlock.length ? holdBlock : [phaseWord(it)]),
       it.hostHeld && '<span class="card-host-held">held while host recovers</span>',
-      it.stalled ? '<span class="card-stalled">stalled</span>' : it.stale && it.phase !== 'stale' && '<span class="card-stale">stale</span>', phaseWord(it), pauseWords(pause)].filter(Boolean);
+      !it.stalled && it.stale && it.phase !== 'stale' && '<span class="card-stale">stale</span>', pauseWords(pause), bars].filter(Boolean);
     const news = newWords(unread, 'message');
-    const count = news ? `<span class="card-unread">${parts.length || bars ? SEP : ''}${news}</span>` : '';
-    const tail = bars ? `${parts.length ? SEP : ''}${bars}` : '';
-    if (!parts.length && !count && !tail) return '';
-    return `<div class="line6 sub card-time">${parts.join(SEP)}${tail}${count}</div>`;
+    const alert = [actionWords(it), news && `<span class="card-unread">${news}</span>`, it.stalled && '<span class="card-stalled">stalled</span>'].filter(Boolean);
+    return [footer.length && `<div class="line6 sub card-time">${footer.join(SEP)}</div>`,
+      alert.length && `<div class="line6 sub card-alert">${alert.join(SEP)}</div>`].filter(Boolean).join('');
   }
   // The Hold sheet's picker (app-cards.js): /api/board's holdChoices, the chips hub/duration.mjs shares with Snooze and
   // Pause hub, then Custom. Its .hub-view root takes hub.css's duration picker rules, which view-hub-settings.js
@@ -346,15 +349,16 @@
   const PICKUP_WAIT = '<span class="pickup-wait"><span class="working-dot" aria-hidden="true"></span>waiting…</span>';
   const askLine = (ask) => [ask.from && `Moved from ${esc(ask.from)}`, ask.edited && 'Edited', ask.state === 'working' ? thinkingLine() : ask.state === 'waiting' && PICKUP_WAIT].filter(Boolean).join(' · ');
   function workLines(it, { unread = 0 } = {}) {
-    const ticket = it.ticket ? ticketChip(it) : it.internal ? badge('quiet', esc(it.ref), { title: 'Work on this site, not a product PR' }) : it.linear?.length ? linearChips(it) : taskChip(it);
-    // A card shows its ticket, or Task when it has none; the card an ask became shows New there until it is sorted.
-    const ids = it.isNew ? badge('notice', 'New') : ticket;
+    const ids = it.ticket ? ticketChip(it) : it.internal ? badge('quiet', esc(it.ref), { title: 'Work on this site, not a product PR' }) : it.linear?.length ? linearChips(it) : taskChip(it);
+    // A card shows its ticket, or Task when it has none; the card an ask became shows its ticket from the moment it lands.
     const chips = `${prChips(it)}${reviewChips(it)}${it.risky ? badge('notice', 'risky') : ''}${installChip(it)}`;
     const status = it.isNew && !it.action ? (askLine(it.ask) && `<div class="line3 sub">${askLine(it.ask)}</div>`)
+      // docs/adr/2026-11-12-0600-every-planner-launches-from-the-orchestrators-brief.md: preheating, planning prototype
+      // or planning visual while the orchestrator writes the brief, generating visual while a visual agent draws, in blue.
+      : it.planning && !it.builder ? `<div class="line3 sub agent planner">${DOT}${esc(it.planning)}</div>`
       : it.orchestrator && !it.builder ? `${it.rebaseFailed ? `<div class="line3 sub">${escText(it.rebaseFailed)}</div>` : ''}${orchestratorStatus(it)}`
       : it.waitsOn === 'checking' ? `<div class="line3 sub agent${tone(it)}">${DOT}Orchestrator review</div>`
       : it.builder ? builderStatus(it)
-      : it.grilling || it.prototyping ? '<div class="line3 sub asked">preheating</div>'
       : it.refusal ? `<div class="line3 sub refused">${escText(it.refusal)}</div>`
       : it.landStopped ? `<div class="line3 sub">${escText(`${it.landStopped.words} · ${lasted(it.landStopped.at)}`)}</div>`
       : it.working ? `<div class="line3 sub agent">${thinkingLine()}</div>`

package/board/public/ui-enums.js

@@ -3,8 +3,8 @@
 // badge shows (docs/adr/2026-11-03-1843-a-merged-card-reopens-and-its-pr-badge-shows-the-prs-state.md). Each value is its name,
 // since cards carry it in the board's JSON. Needs nothing else: board/domain.mjs runs this file in a vm context (docs/adr/2026-10-30-1309-an-unstarted-card-waits-on-its-questions-in-todo.md).
 (function () {
-  const BUTTON = Object.freeze({ openQuestions: 'openQuestions', github: 'github', merge: 'merge', reply: 'reply' });
-  const ACTION_KIND = Object.freeze({ pick: 'pick', questions: 'questions', ready: 'ready', steps: 'steps', merge: 'merge', stalled: 'stalled' });
+  const BUTTON = Object.freeze({ openQuestions: 'openQuestions', github: 'github', merge: 'merge', reply: 'reply', implement: 'implement' });
+  const ACTION_KIND = Object.freeze({ pick: 'pick', questions: 'questions', ready: 'ready', steps: 'steps', merge: 'merge', stalled: 'stalled', implement: 'implement' });
   const BUILDER_KIND = Object.freeze({ install: 'install' });
   const PR_STATE = Object.freeze({ open: 'open', draft: 'draft', merged: 'merged', closed: 'closed' });
   // Each lane's phases, in order, which a card stores beside its lane (docs/adr/2026-11-11-1200-every-lane-has-phases.md).

package/board/public/ui-page-header.js

@@ -47,9 +47,9 @@
   // lead is 'logo' (the kickflip, which toggles the sidebar, sidebar.js; logoHref, the hub's page, without it)
   // or 'back' (the arrow, which follows backStep, with backHref the work item or the board, after the logo). The controls (time and refresh) paint disabled with refresh spinning until the
   // page's script turns them on (docs/adr/2026-10-29-1639-the-board-shows-github-checks-and-watcher-health.md). With controls
-  // false, trail (HTML) takes their place. pages is the switch between a board's two pages below 900px
+  // false, trail (HTML) takes their place. pages is the switch between a board's two pages
   // (docs/adr/2026-11-07-1300-board-and-open-questions-are-two-pages.md): 'questions' puts the ? after the controls, with
-  // the open-question count in its badge (app-needs.js), and 'board' puts the check, back up to the board, after trail. leadAttrs adds to or replaces the lead link's attributes, and level is the
+  // the open-question count in its badge (app-header.js), and 'board' puts the check, back up to the board, after trail. leadAttrs adds to or replaces the lead link's attributes, and level is the
   // title's heading level, for a header that isn't the page's own, such as the sidebar's (ui-sidebar.js). moon puts the
   // away moon right of the title, hidden until app-header.js renderStatus shows it (docs/adr/2026-11-04-0226-the-hub-checks-every-minute-while-youre-here-and-every-5-when-away.md).
   function header({ lead = 'logo', title = '', titleId, backHref = './', backLabel = 'Back to the board', backId, logoSrc = 'kickflip.png',

package/board/public/ui-prompts.js

@@ -22,7 +22,7 @@
   // '<question index>:<label>'. It waits (ui.js BUSY) and the line's other buttons are disabled.
   function promptItem(p, { picks = {}, sending = null } = {}) {
     const off = (tapped) => (sending === null ? '' : sending === tapped ? BoardUI.BUSY : ' disabled');
-    const where = [ago(p.at), p.cwd].filter(Boolean).map(esc).join(' · ');
+    const where = [p.board, ago(p.at), p.cwd].filter(Boolean).map(esc).join(' · ');
     const head = `<div class="prompt-head"><b>${esc(p.questions ? 'Question' : p.tool)}</b><span class="muted small">${where}</span></div>`;
     if (p.questions) {
       const questions = p.questions.map((q, i) => `<div class="prompt-q"><p>${q.header ? `<span class="chip">${esc(q.header)}</span> ` : ''}${esc(q.question)}</p>

package/board/public/ui-questions.js

@@ -21,7 +21,7 @@
   // resolved it. A sent question draws as resolvedCard, locked, until its badge reopens it.
   const isSent = (q) => q.state === 'answered' || q.state === 'replied' || q.state === 'resolved';
   // A question's unsent {choice, note} on this device, in localStorage under qdraft:<id>. view-questions.js and the
-  // phone's deck (app-needs.js) and the prototype viewer's Choose this (prototype-switcher.js) write it.
+  // prototype viewer's Choose this (prototype-switcher.js) write it.
   const getDraft = (id) => { try { return JSON.parse(localStorage.getItem('qdraft:' + id) || '{}'); } catch { return {}; } };
   const setDraft = (id, v) => { try { localStorage.setItem('qdraft:' + id, JSON.stringify(v)); } catch {} };
   const suggestedLine = (q, o, links) => q.suggested?.option === o.id ? linkText(q.suggested.reason ?? `you answered this on ${q.suggested.card}: "${q.suggested.answer}"`, links) : '';
@@ -178,8 +178,7 @@
     },
   };
 
-  // A prototype viewer's Round pill and its sheet, on the full page (prototype-switcher.js) and in the board's right pane
-  // (app-needs.js). rounds: the card's prototype questions, oldest round first, as /api/board's card prototypes.rounds
+  // A prototype viewer's Round pill and its sheet (prototype-switcher.js). rounds: the card's prototype questions, oldest round first, as /api/board's card prototypes.rounds
   // lists them ({n, q, url, confirm, state}). The pill names the round qid is in, out of the newest round's number; a
   // card with a single round gets none.
   function roundPill(rounds, qid) {