@lovek4d/kickflip 0.10.1 → 0.11.1

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); }
@@ -285,6 +285,9 @@ main { padding-bottom: calc(110px + env(safe-area-inset-bottom)); }
     border-radius: 15px 15px 0 0; padding-bottom: calc(max(12px, calc(env(safe-area-inset-bottom) - var(--app-bottom, 0px))) + var(--kb, 0px)); }
   .sheet.keyboard-sheet.kb form { padding-bottom: calc(10px + var(--kb, 0px)); }
   #askText { font-size: 16px; }
+  /* The thread box is as tall as the New task box: 4 rows, its 8px top padding and the 40px under the text for the
+     attach row (the borders sit inside the box). It grows past that as it does elsewhere. */
+  form[data-reply] .dz.bare > textarea { font-size: 16px; min-height: calc(4lh + 48px); }
 }
 @keyframes sheet-in { from { transform: translateY(100%); } }
 @keyframes sheet-out { to { transform: translateY(100%); } }
@@ -392,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); }
@@ -444,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); }
@@ -468,13 +477,15 @@ 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; }
 .down-landing-line { margin: 0; font-size: 20px; font-weight: 600; line-height: 1.3; text-wrap: balance; }
 .down-landing-hint { margin: 0; font-size: 14px; color: var(--muted); }
-.view-board.down main > :not(#downLanding), .view-board.down :is(#needsPane, #compose) { display: none; }
+.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 #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);
@@ -529,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; }
@@ -654,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; }
@@ -698,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; }
@@ -756,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; }
@@ -776,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); }
@@ -938,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,16 +280,19 @@
   // 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'], grilling: ['grilling', 'info'], prototyping: ['prototyping', 'info'], staging: ['staging', 'notice'], ready: ['ready', 'success'],
+    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 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 '';
-    const [word, tone] = PHASE_LOOK[it.phase];
+    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>`;
   }
   // docs/adr/2026-11-09-1300-a-card-pause-stops-its-builder-at-its-next-stopping-point.md
@@ -297,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
@@ -343,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,15 +3,15 @@
 // 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).
   // In Progress's are the five build steps its progress bar draws; a review's "reviewers" and "merge" read "pending review"
   // and "pending merge" on the card (ui-cards.js PHASE_LOOK).
   const PHASES = Object.freeze({
-    todo: Object.freeze(['new', 'grilling', 'prototyping', 'staging', 'ready']),
+    todo: Object.freeze(['new', 'discussing', 'grilling', 'prototyping', 'staging', 'ready']),
     progress: Object.freeze(['reading', 'building', 'testing', 'checking', 'landing']),
     review: Object.freeze(['draft', 'reviewers', 'merge', 'stale']),
     done: Object.freeze(['merged', 'closed']),

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) {

package/board/public/ui.js

@@ -106,6 +106,7 @@
     'ask-link': mini('<path d="M5 12h14"/><path d="m12 5 7 7-7 7"/>'),
     move: mini('<path d="M3 7h14"/><path d="m13 3 4 4-4 4"/><path d="M21 17H7"/><path d="m11 13-4 4 4 4"/>'),
     'Implementation requested': mini('<path d="m8 6-6 6 6 6"/><path d="m16 6 6 6-6 6"/>'),
+    'Marked as discussing': mini('<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>'),
     'Marked as staging': mini('<path d="m12 2 10 5-10 5L2 7z"/><path d="m2 12 10 5 10-5"/><path d="m2 17 10 5 10-5"/>'),
     'Marked as ready': mini('<path d="M4 22V4"/><path d="M4 4h13l-2 4 2 4H4"/>'),
     Held: mini('<path d="M9 5v14"/><path d="M15 5v14"/>'),
@@ -406,11 +407,18 @@
   // A view's place when it has no copy to show: the kickflip mark and down's two lines, as the no-access page has them.
   const downLanding = (down) => `<div class="down-landing" data-down="${down.state}"><img class="down-landing-mark" src="/_hub/kickflip.png" width="70" height="60" alt="">
 <p class="down-landing-line">${esc(down.line)}</p><p class="down-landing-hint">${esc(down.hint)}</p></div>`;
+  // The landing for a board that loaded but threw while drawing (docs/adr/2026-11-12-0400-a-board-that-throws-while-drawing-shows-a-landing-with-the-error.md):
+  // the error's message, its stack behind Show details, Reload and Copy error (app.js wires them).
+  const drawLanding = (err) => `<div class="down-landing" data-down="draw"><img class="down-landing-mark" src="/_hub/kickflip.png" width="70" height="60" alt="">
+<p class="down-landing-line">This board couldn't draw</p><p class="down-landing-hint">The board loaded, but it threw while drawing. Your data is fine.</p>
+<p class="down-landing-hint"><b>${esc(err?.name || 'Error')}:</b> ${esc(err?.message ?? String(err))}</p>
+<div class="down-landing-buttons"><button type="button" data-draw="reload">Reload</button> <button type="button" data-draw="copy">Copy error</button> <button type="button" data-draw="more">Show details</button></div>
+<pre class="down-landing-stack" hidden>${esc(err?.stack || '')}</pre></div>`;
   // The line over a side page painted from its copy while the board can't be reached.
   const copyNote = (what, savedAt) => `<p class="note copy-note">Copy of ${esc(what)} as of ${since(savedAt)}. Read only.</p>`;
   // The buttons that send, which a board out of reach holds (style.css .offline): every one greyed and stopped, keeping its
   // label and size. Reading controls, folds, links, Edit and drafts stay live.
-  const SENDS = `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]`;
+  const SENDS = `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]`;
   // While held(), a tap on one of root's sending buttons, and any form's submit there, Enter's included, goes nowhere, and onHeld
   // tells the tap it is waiting. on is the view's B.on.
   function holdSends(on, root, held, onHeld) {
@@ -464,7 +472,7 @@
 
   globalThis.BoardUI = {
     LINK_ARROW, escText, onBackdrop,
-    esc, record, time, ago, lasted, since, clock, etaLine, cardTime, replyBody, setHTML, closeDetails, BUSY, waitOn, pending, fetchJSON, WAITING, RESTARTING, restartNotice, downOf, downLanding, copyNote, SENDS, holdSends,
+    esc, record, time, ago, lasted, since, clock, etaLine, cardTime, replyBody, setHTML, closeDetails, BUSY, waitOn, pending, fetchJSON, WAITING, RESTARTING, restartNotice, downOf, downLanding, drawLanding, copyNote, SENDS, holdSends,
     attachments, attachButton, dropZone, sendButton, keyedSend, pendingFiles, protoButton, grillButton, visualButton, mark, statusMark, MARK_ICONS, withdrawButton, editButton, cardBumpButton, workingLine, thinkingLine, isPaused, PAUSED, BADGE_TONES, badge,
   };
 })();

package/board/public/view-hub.js

@@ -65,7 +65,7 @@
     ? HubUI.row({ icon: HubUI.tile('coffee', 'var(--color-quiet)'), title: 'Keep awake', sub: esc(a.unsupported), wrap: true, attrs: ' id="keep-awake"' })
     : `<form class="row field" id="keep-awake" method="post" action="/_hub/settings/keep-awake">${HubUI.tile('coffee', a.on ? 'var(--color-notice)' : 'var(--color-quiet)')}<label class="body"><span class="text"><span class="title">Keep awake</span><span class="sub wrap">${AWAKE_NOTE}</span></span><input type="checkbox" id="awake" name="keep_awake" value="on" class="toggle" data-submit${a.on ? ' checked' : ''}></label></form>`;
 
-  // A pending prompt from a session that owns no board waits here (prompts.js).
+  // Every pending prompt waits here, a board session's naming its board (prompts.js).
   function promptsHtml(list, prompts) {
     const shown = list.filter(prompts.shows);
     return shown.length ? `<section class="waiting"><h2>Needs you · ${shown.length}</h2><ul>${shown.map((p) => BoardUI.promptItem(p, prompts.state(p))).join('')}</ul></section>` : '';