@lovek4d/kickflip 0.1.0 → 0.4.0

package/board/public/hub.css

@@ -1,5 +1,6 @@
-/* The hub page and settings modals (view-hub.js, view-hub-settings.js, view-polling.js), whose root carries .hub-view, and the hub's
-   down page (hub/hub.mjs), whose <html> does; served as /_hub/app/hub.css and /_hub/hub.css. Every rule is under
+/* The hub page and settings modals (view-hub.js, view-hub-settings.js), whose root carries .hub-view, and the hub's
+   down page (hub/hub.mjs), whose <html> does, and the board's Hold sheet picker (ui-cards.js holdPicker), which shares the
+   duration picker's rules; served as /_hub/app/hub.css and /_hub/hub.css. Every rule is under
    .hub-view, since style.css uses the same short class names. The app shell links it after style.css, so a rule here
    wins a tie, and the header is style.css's alone, as on every view; each style.css rule that would reach these rows
    is set back here. */
@@ -27,7 +28,7 @@
 .hub-view .title { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; overflow-wrap:normal; }
 .hub-view .sub { display:block; color:var(--muted); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; overflow-wrap:normal; }
 .hub-view .sub.wrap { white-space:normal; }
-.hub-view .st { font-weight:600; } .hub-view .st.down { color:var(--color-danger); } .hub-view .st.wait { color:var(--color-notice); }
+.hub-view .st { font-weight:600; } .hub-view button.st { background:none; border:0; padding:0; font:inherit; font-weight:600; color:inherit; cursor:pointer; text-decoration:underline dotted; text-underline-offset:3px; } .hub-view .st.down { color:var(--color-danger); } .hub-view .st.wait { color:var(--color-notice); }
 @keyframes pulse { 50% { opacity:.35; } }
 .hub-view main .icon { flex:none; width:34px; height:34px; border-radius:9px; display:grid; place-items:center; color:var(--c); background:color-mix(in srgb, var(--c) 18%, transparent); font-weight:700; font-size:16px; line-height:1; }
 .hub-view main .icon.sm { width:29px; height:29px; border-radius:7px; }
@@ -37,7 +38,7 @@
 .hub-view .badge { flex:none; min-width:22px; height:22px; padding:0 7px; border-radius:11px; background:var(--color-danger); color:#fff; font-size:12px; font-weight:600; line-height:22px; text-align:center; font-variant-numeric:tabular-nums; }
 .hub-view .chev { flex:none; color:var(--muted); font-size:1.3rem; line-height:1; }
 .hub-view .val { flex:none; color:var(--muted); font-size:13px; }
-.hub-view .btn { flex:none; font:inherit; font-size:13px; color:#fff; background:var(--accent); border:1px solid var(--accent); border-radius:7px; padding:6px 10px; cursor:pointer; }
+.hub-view .btn { flex:none; font:inherit; font-size:13px; color:var(--on-accent); background:var(--accent); border:1px solid var(--accent); border-radius:7px; padding:6px 10px; cursor:pointer; }
 .hub-view .btn.quiet { color:var(--text); background:var(--panel); border-color:var(--line); }
 .hub-view .btn:disabled { opacity:.5; cursor:default; }
 .hub-view .btn.danger { color:var(--color-danger); }
@@ -46,22 +47,7 @@
 .hub-view .chips form { display:contents; }
 .hub-view .chips form.field { display:inline-flex; gap:6px; }
 .hub-view .chips .field input { min-height:0; padding:.2rem .5rem; width:7.5rem; }
-.hub-view .split { display:flex; gap:8px; justify-content:flex-end; }
-.hub-view .day { position:relative; padding:18px 0 20px; }
-.hub-view .day .bar { position:relative; height:40px; border-radius:8px; overflow:hidden; background:var(--chip); }
-.hub-view .day .seg { position:absolute; top:0; bottom:0; display:grid; place-items:center; overflow:hidden; border-right:2px solid var(--panel);
-  background:color-mix(in srgb, var(--accent) var(--k), var(--chip)); }
-.hub-view .day .seg.held { background-image:repeating-linear-gradient(135deg, transparent 0 5px, color-mix(in srgb, var(--text) 22%, transparent) 5px 8px); }
-.hub-view .day .seg.sel { box-shadow:inset 0 0 0 3px var(--text); z-index:2; }
-.hub-view .day .seg span { font-size:11px; font-weight:600; line-height:1.5; color:var(--text); background:color-mix(in srgb, var(--panel) 85%, transparent); border-radius:4px; padding:0 4px; }
-.hub-view .day .pin { position:absolute; top:2px; transform:translateX(-50%); color:var(--color-notice); font-size:11px; line-height:1; }
-.hub-view .day .now { position:absolute; top:14px; height:48px; width:2px; margin-left:-1px; background:var(--color-danger); z-index:3; pointer-events:none; }
-.hub-view .day .ticks { position:absolute; left:0; right:0; bottom:0; height:16px; font-size:10px; color:var(--muted); }
-.hub-view .day .ticks span { position:absolute; transform:translateX(-50%); }
-.hub-view .day .ticks span:first-child { transform:none; } .hub-view .day .ticks span:last-child { transform:translateX(-100%); }
-.hub-view .legend { display:flex; gap:4px 12px; flex-wrap:wrap; font-size:11px; color:var(--muted); }
-.hub-view .legend i { display:inline-block; width:10px; height:10px; border-radius:2px; vertical-align:-1px; margin-right:4px; }
-.hub-view #day, .hub-view #window, .hub-view #quiet, .hub-view #wakes { scroll-margin-top:64px; }
+.hub-view .quiet-hint { margin:6px 14px 0; color:var(--muted); font-size:12px; }
 .hub-view .field input { flex:none; font:inherit; font-size:16px; color:var(--text); background:var(--panel); border:1px solid var(--line); border-radius:8px; padding:.3rem .6rem; min-height:2.2rem; width:8.75rem; min-width:0; text-align:right; }
 .hub-view .field input[type=number] { width:5rem; }
 .hub-view .field input.toggle { width:1.4rem; height:1.4rem; min-height:0; padding:0; accent-color:var(--accent); }
@@ -80,16 +66,17 @@
 .hub-view .hold-banner > span { flex:1; min-width:0; }
 .hub-view .hold-banner form { flex:none; margin:0; }
 .hub-view .hold-banner .btn { min-height:32px; }
-.hub-view .snooze-head { display:flex; align-items:center; gap:10px; }
-.hub-view .snooze-chips { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:6px; margin-top:10px; }
-.hub-view .snooze-choices { display:contents; }
-.hub-view .snooze-chips .btn { display:block; min-height:40px; padding:6px 4px; text-align:center; white-space:nowrap; }
-.hub-view .snooze-custom { position:relative; margin:0; }
-.hub-view .snooze-custom .btn { display:grid; place-items:center; height:100%; }
-.hub-view .snooze-custom input[type=datetime-local] { position:absolute; inset:0; width:100%; height:100%; min-height:0; padding:0; margin:0; border:0; background:transparent; color:transparent; opacity:.011; font-size:16px; cursor:pointer; }
-.hub-view .snooze-custom input::-webkit-calendar-picker-indicator { position:absolute; inset:0; width:auto; height:auto; opacity:0; cursor:pointer; }
-.hub-view .snooze-custom:focus-within { outline:2px solid var(--accent); outline-offset:2px; border-radius:7px; }
-.hub-view .snooze-on .title { font-weight:600; white-space:normal; }
+.hub-view .dur-head { display:flex; align-items:center; gap:10px; }
+.hub-view .dur-chips { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:6px; margin-top:10px; }
+.hub-view .dur-choices { display:contents; }
+.hub-view .dur-chips .btn { display:block; min-height:40px; padding:6px 4px; text-align:center; white-space:nowrap; }
+.hub-view .dur-custom { position:relative; margin:0; }
+.hub-view .dur-custom .btn { display:grid; place-items:center; height:100%; }
+.hub-view .dur-custom input[type=datetime-local] { position:absolute; inset:0; width:100%; height:100%; min-height:0; padding:0; margin:0; border:0; background:transparent; color:transparent; opacity:.011; font-size:16px; cursor:pointer; }
+.hub-view .dur-custom input::-webkit-calendar-picker-indicator { position:absolute; inset:0; width:auto; height:auto; opacity:0; cursor:pointer; }
+.hub-view .dur-custom:focus-within { outline:2px solid var(--accent); outline-offset:2px; border-radius:7px; }
+.hub-view .dur-on .title { font-weight:600; white-space:normal; }
+.hub-view .awake-on { color:var(--color-notice); font-weight:600; }
 .hub-view code { font-family:var(--mono); font-size:.85em; white-space:nowrap; }
 .hub-view footer { color:var(--muted); font-size:12px; margin:1.8rem 2px 0; }
 .hub-view .host { font-family:var(--mono); font-size:11px; overflow-wrap:anywhere; }
@@ -110,13 +97,14 @@
 .hub-view .hub-setting { width: 100%; display: flex; align-items: center; gap: 12px; padding: 14px 16px; font: inherit; text-align: left; color: var(--text); cursor: pointer; border: 1px solid var(--line); border-radius: 12px; margin: 10px 0; background: var(--panel); }
 .hub-view .hub-setting .text { flex: 1; min-width: 0; }
 .hub-view .hub-setting .title { font-weight: 600; }
+.hub-view .hub-setting:disabled { cursor: default; opacity: .6; }
 .hub-view .hub-setting .sub { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .hub-view .hub-modal .settings-body { padding-top: 2px; }
 .hub-view .hub-modal .setting-content > .label:first-child { margin-top: 14px; }
 .hub-view .hub-modal .setting-content > .group:first-child { margin-top: 16px; }
 .hub-view .hub-modal .rules-box { margin-top: 14px; }
 
-.hub-view .u-tone-ok { --u: var(--accent); }
+.hub-view .u-tone-ok { --u: var(--muted); }
 .hub-view .u-tone-high { --u: var(--color-notice); }
 .hub-view .u-tone-full { --u: var(--color-danger); }
 .hub-view .u-tone-stale, .hub-view .u-tone-none { --u: var(--muted); }
@@ -138,7 +126,6 @@
 .hub-view .segments.is-disabled button { cursor: not-allowed; }
 .hub-view .segments.is-disabled button[aria-pressed="true"] { border-color: var(--muted); background: var(--panel); color: var(--text); }
 .hub-view .u-share-desc { margin: 8px 2px 0; color: var(--muted); font-size: 13px; }
-.hub-view .u-share-note { margin: 4px 2px 0; color: var(--muted); font-size: 12px; }
 .hub-view .u-share-fix { margin: 6px 2px 0; }
 .hub-view .u-share-fix code { display: inline-block; padding: 3px 7px; border-radius: 6px; background: var(--chip); color: var(--text); font-size: 12.5px; user-select: all; }
 .hub-view .lk-form { display:flex; gap:8px; align-items:center; }
@@ -150,7 +137,6 @@
 .hub-view .hold-banner.ub-going { border-color: color-mix(in srgb, var(--color-danger) 45%, transparent); background: color-mix(in srgb, var(--color-danger) 10%, var(--panel)); }
 .hub-view .hold-banner.ub-going > svg { color: var(--color-danger); }
 
-.hub-view .u-buffer { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
 .hub-view .ub-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
 .hub-view .ub-label { min-width: 0; }
 .hub-view .ub-label .title { display: block; font-size: 14px; }
@@ -162,3 +148,10 @@
 .hub-view .ub-step output.off { border-color: var(--line); background: var(--panel); color: var(--muted); }
 .hub-view .ub-marked .u-bar { position: relative; }
 .hub-view .ub-marked .u-bar > .ub-mark { position: absolute; top: 0; bottom: 0; width: 2px; margin-left: -1px; border-radius: 0; background: var(--text); opacity: .5; }
+
+.hub-view .rd-fix button.link { padding: 0; font-size: inherit; }
+.hub-view .site-row > .site-link { flex:1; min-width:0; display:flex; align-items:center; gap:10px; color:inherit; }
+.hub-view .restart-btn { min-width:76px; min-height:34px; display:inline-flex; align-items:center; justify-content:center; gap:6px; }
+/* A waiting button keeps its own look (style.css button[aria-busy="true"]), over .btn's and a step's disabled dimming. */
+.hub-view button[aria-busy="true"]:disabled { opacity:1; }
+.hub-view .ub-step button[aria-busy="true"]:disabled { color:var(--text); }

package/board/public/linear-key.js

@@ -0,0 +1,143 @@
+// Hub's Linear key slot. Hub settings › Linear mounts it, and the Tickets control (dialogs.js) opens it over Board
+// settings or New board when Linear is tapped without a working key
+// (docs/adr/2026-11-02-1712-a-board-picks-linear-only-while-hubs-key-works.md). A key saves on paste, change or Enter through
+// POST /_hub/settings/linear, which checks it with Linear; linear is hub/views.mjs settingsView's `linear`.
+(function () {
+  const FAILED = 'Could not save. Is the host awake?';
+  const SPIN = '<span class="try-spin" aria-hidden="true"></span>';
+  const works = (linear) => Boolean(linear?.set && !linear.refused);
+
+  function slot(linear, { checking, flash }) {
+    const { esc, row, tile } = HubUI;
+    const sub = checking ? `<span class="lk-checking">${SPIN}Checking the key with Linear…</span>`
+      : `${linear.down ? `<span class="st down">${esc(linear.down)}</span> · ` : ''}${linear.keys
+        ? esc(linear.sub).replace(esc(linear.keys.label), `<a href="${esc(linear.keys.url)}" target="_blank" rel="noopener">${esc(linear.keys.label)}</a>`)
+        : esc(linear.sub)}`;
+    const remove = linear.set && !checking ? '<button type="button" class="btn quiet danger" data-linear-remove>Remove</button>' : '';
+    const placeholder = checking ? 'Checking…' : linear.set ? 'Paste a new key to replace it' : 'Paste a Linear API key';
+    return `${HubUI.flash(flash)}<div class="group">${row({ icon: tile('key', linear.refused ? 'var(--color-danger)' : 'var(--color-quiet)'), title: esc(linear.title), sub, wrap: !works(linear), trail: remove })}`
+      + `<form class="block lk-form"><input id="linearKey" name="key" type="password" required${checking ? ' disabled' : ''} placeholder="${placeholder}" aria-label="Linear API key" autocomplete="off" autocapitalize="off" spellcheck="false"></form></div>`
+      + '<p class="note">Stays on the host. Boards use it to list teams and projects, create issues and move the ones that are yours. A board can pick Linear for its tickets only while this key works.</p>';
+  }
+
+  // Draws the slot into root and saves from it. busy(true) starts each save and busy(false) ends it; saved(out) gets
+  // each answer, /_hub/api/settings's JSON, before the slot repaints; worked() follows a saved key Linear accepted.
+  // → {busy(), settled(): a promise that resolves once no save is out, linear(), set(linear) unless busy, destroy()}
+  function mount(root, { linear, saved = () => {}, worked = () => {}, busy = () => {} }) {
+    let current = linear, flash = null, checking = false, pending = null, destroyed = false;
+    const paint = () => {
+      const typed = root.querySelector('#linearKey')?.value || '';
+      root.innerHTML = slot(current, { checking, flash });
+      if (!checking) root.querySelector('#linearKey').value = typed;
+    };
+    function post(body) {
+      checking = body.has('key');
+      flash = null;
+      pending = (async () => {
+        try {
+          const r = await fetch('/_hub/settings/linear', { method: 'POST', headers: { accept: 'application/json', 'content-type': 'application/x-www-form-urlencoded' }, body });
+          const out = await r.json().catch(() => null);
+          if (destroyed) return;
+          if (r.ok && out) { current = out.linear; saved(out); } else flash = { text: out?.error || FAILED, error: true };
+        } catch { flash = { text: FAILED, error: true }; }
+        const key = checking;
+        checking = false;
+        pending = null;
+        if (destroyed) return;
+        busy(false);
+        paint();
+        if (key && works(current)) worked();
+      })();
+      busy(true);
+      paint();
+      return pending;
+    }
+    const save = (value) => { if (!pending && value.trim()) post(new URLSearchParams({ key: value.trim() })); };
+    const onPaste = (e) => {
+      const text = e.clipboardData?.getData('text');
+      if (!e.target.matches?.('#linearKey') || !text) return;
+      e.preventDefault();
+      e.target.value = text.trim();
+      save(e.target.value);
+    };
+    const onChange = (e) => { if (e.target.matches?.('#linearKey')) save(e.target.value); };
+    const onSubmit = (e) => {
+      if (!e.target.matches?.('.lk-form')) return;
+      e.preventDefault();
+      save(e.target.querySelector('#linearKey').value);
+    };
+    const onClick = async (e) => {
+      if (!e.target.closest?.('[data-linear-remove]') || pending) return;
+      if (await BoardDialogs.confirm('Boards on Linear fall back to internal tickets, and their cards keep the Linear tickets they have. Remove the Linear key?') && !destroyed) post(new URLSearchParams({ remove: '1' }));
+    };
+    const listeners = [['paste', onPaste], ['change', onChange], ['submit', onSubmit], ['click', onClick]];
+    for (const [type, fn] of listeners) root.addEventListener(type, fn);
+    paint();
+    return {
+      busy: () => Boolean(pending),
+      settled: () => pending || Promise.resolve(),
+      linear: () => current,
+      set(next) { if (!pending) { current = next; paint(); } },
+      destroy() { destroyed = true; for (const [type, fn] of listeners) root.removeEventListener(type, fn); },
+    };
+  }
+
+  // The footer's Done waits, disabled with a spinner in place of its word (style.css button[aria-busy="true"]), while a
+  // save is out; ✕, Escape and the backdrop close once it lands.
+  function doneBusy(buttons, busy) {
+    for (const b of buttons) {
+      if (!b.closest('.settings-footer')) continue;
+      b.disabled = busy;
+      if (busy) b.setAttribute('aria-busy', 'true'); else b.removeAttribute('aria-busy');
+    }
+  }
+
+  // The slot in a modal of its own over the page. It closes itself once a pasted key works; Done, ✕, Escape and the
+  // backdrop close it once no save is out. → a promise of whether the key works on closing
+  function open() {
+    const previous = document.activeElement;
+    const wrap = document.createElement('div');
+    // hub.css styles the slot under .hub-view main; style.css draws both as display: contents.
+    wrap.setAttribute('class', 'hub-view lk-over');
+    wrap.innerHTML = '<main><dialog class="settings-modal hub-modal" id="linearKeyModal" aria-labelledby="linearKeyTitle"><div class="settings-head"><div><h2 id="linearKeyTitle" tabindex="-1">Linear</h2><p class="muted small">Hub settings</p></div><button type="button" class="ghost" data-lk-done aria-label="Close Linear key">✕</button></div>'
+      + '<div class="set settings-body"><div class="setting-content"><p class="note">Loading…</p></div></div><div class="settings-footer"><button type="button" data-lk-done>Done</button></div></dialog></main>';
+    document.body.appendChild(wrap);
+    const dialog = wrap.querySelector('dialog');
+    const content = wrap.querySelector('.setting-content');
+    const unfit = BoardDialogs.fitSheet(dialog);
+    let key = null, closing = false, finished = false, resolve;
+    const result = new Promise((r) => { resolve = r; });
+    function finish() {
+      if (finished) return;
+      finished = true;
+      key?.destroy();
+      unfit();
+      dialog.close();
+      wrap.remove();
+      if (previous?.isConnected) previous.focus({ preventScroll: true });
+      resolve(works(key?.linear()));
+    }
+    function close() {
+      if (!key?.busy()) { finish(); return; }
+      if (closing) return;
+      closing = true;
+      key.settled().then(finish);
+    }
+    dialog.addEventListener('click', (e) => {
+      if (e.target.closest?.('[data-lk-done]')) { close(); return; }
+      if (e.target !== dialog) return;
+      const r = dialog.getBoundingClientRect();
+      if (e.clientX < r.left || e.clientX > r.right || e.clientY < r.top || e.clientY > r.bottom) close();
+    });
+    dialog.addEventListener('cancel', (e) => { e.preventDefault(); close(); });
+    dialog.showModal();
+    wrap.querySelector('#linearKeyTitle').focus({ preventScroll: true });
+    fetch('/_hub/api/settings', { cache: 'no-store', headers: { accept: 'application/json' } }).then((r) => (r.ok ? r.json() : Promise.reject())).then((out) => {
+      if (finished) return;
+      key = mount(content, { linear: out.linear, worked: finish, busy: (on) => doneBusy(wrap.querySelectorAll('[data-lk-done]'), on) });
+    }).catch(() => { if (!finished) content.innerHTML = '<p class="note">Offline. Is the host awake?</p>'; });
+    return result;
+  }
+
+  globalThis.LinearKey = { works, mount, open, doneBusy };
+})();

package/board/public/log.html

@@ -0,0 +1,48 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+<title>Log</title>
+<link rel="stylesheet" href="colors.css">
+<link rel="stylesheet" href="style.css">
+</head>
+<body>
+<!--header {"lead":"back","title":"Log","titleId":"ref","backHref":"./","controls":false}-->
+<main>
+  <p class="muted" id="note"></p>
+  <pre class="log" id="log">Loading the log…</pre>
+</main>
+<style>
+  /* The tail of a builder's log (GET /api/log), newest at the bottom. */
+  pre.log { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font: 12px/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; }
+</style>
+<script>
+// Shows the tail of the log named by ?file=, last lines in view, and re-reads it every 3 seconds while it grows;
+// the page stays where the reader scrolled to when they've left the bottom.
+(function () {
+  const name = new URLSearchParams(location.search).get('file') || '';
+  const log = document.getElementById('log');
+  const note = document.getElementById('note');
+  document.getElementById('ref').textContent = name || 'Log';
+  document.title = name || 'Log';
+  let size = -1;
+  async function read() {
+    try {
+      const r = await fetch('api/log?file=' + encodeURIComponent(name), { cache: 'no-store' });
+      const body = await r.json();
+      if (!r.ok) { log.textContent = body.error || 'Could not load this log.'; return; }
+      if (body.size === size) return;
+      const atEnd = size === -1 || innerHeight + scrollY >= document.documentElement.scrollHeight - 40;
+      size = body.size;
+      log.textContent = body.text || 'The log is empty so far.';
+      note.textContent = body.truncated ? 'Showing the last 256 KiB.' : '';
+      if (atEnd) scrollTo(0, document.documentElement.scrollHeight);
+    } catch { /* the next read tries again */ }
+  }
+  read();
+  setInterval(read, 3000);
+})();
+</script>
+</body>
+</html>

package/board/public/prompts.js

@@ -1,5 +1,5 @@
 // Answering pending prompts from their Needs you lines (ui-prompts.js promptItem), on a board view and the hub page,
-// through the hub's POST /_hub/prompts/<id>/answer (docs/adr/0060-background-sessions-prompts-come-to-the-phone.md).
+// through the hub's POST /_hub/prompts/<id>/answer (docs/adr/2026-10-30-1516-background-sessions-prompts-come-to-the-phone.md).
 // Allow once, Deny, Skip and a single question's option send on the tap. Always allow confirms first, naming its rule,
 // since it covers every later call like it until the session ends. Several questions, or one taking several picks,
 // send with Send once each has a pick.
@@ -8,13 +8,14 @@ globalThis.PromptAnswers = (function () {
   // short message; after() runs once an answer has gone. → {state(p) for promptItem, shows(p)}
   function wire(B, { list, paint, notify, after = () => {} }) {
     const picks = new Map();
-    const sending = new Set();
+    // Each prompt whose answer is out, to the button tapped (ui-prompts.js promptItem's sending).
+    const sending = new Map();
     // Answered here, hidden until the view's next load drops them.
     const answered = new Set();
     const picksOf = (id) => { if (!picks.has(id)) picks.set(id, {}); return picks.get(id); };
 
-    async function send(p, body) {
-      sending.add(p.id);
+    async function send(p, body, tapped) {
+      sending.set(p.id, tapped);
       paint();
       try {
         const r = await fetch(`/_hub/prompts/${encodeURIComponent(p.id)}/answer`, { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(body) });
@@ -40,23 +41,23 @@ globalThis.PromptAnswers = (function () {
         const got = mine[i] || [];
         const label = opt.dataset.promptOpt;
         mine[i] = q.multiSelect ? (got.includes(label) ? got.filter((l) => l !== label) : [...got, label]) : [label];
-        if (BoardUI.oneTap(p)) send(p, BoardUI.promptAnswer(p, mine));
+        if (BoardUI.oneTap(p)) send(p, BoardUI.promptAnswer(p, mine), `${i}:${label}`);
         else paint();
         return;
       }
       if (ev.target.closest('button[data-prompt-send]')) {
         const body = BoardUI.promptAnswer(p, picksOf(p.id));
-        if (body) send(p, body);
+        if (body) send(p, body, 'send');
         return;
       }
       const choice = ev.target.closest('button[data-prompt-choice]')?.dataset.promptChoice;
       if (!choice) return;
       if (choice === 'always' && !(await BoardDialogs.confirm(`Always allow ${p.rule} for the rest of this session?`))) return;
-      send(p, { choice });
+      send(p, { choice }, choice);
     });
 
     return {
-      state: (p) => ({ picks: picks.get(p.id) || {}, sending: sending.has(p.id) }),
+      state: (p) => ({ picks: picks.get(p.id) || {}, sending: sending.get(p.id) ?? null }),
       shows: (p) => !answered.has(p.id),
     };
   }

package/board/public/prototype-kit.js

@@ -1,5 +1,5 @@
 // What a prototype's take files get, on the page board/server.mjs serves from prototype.html for each topic recorded
-// with board.mjs prototype add (docs/adr/0089-the-board-serves-every-prototype-from-one-template.md). A take file,
+// with board.mjs prototype add (docs/adr/2026-11-01-1448-the-board-serves-every-prototype-from-one-template.md). A take file,
 // public/prototypes/<topic>/<KEY>.js, is a module:
 //   export function render(stage, kit) { stage.innerHTML = kit.hub(); return () => {…} }   // the cleanup is optional
 // render runs on every switch to that take with a fresh, empty stage; it may be async. The stage contains its layout
@@ -39,13 +39,13 @@
       ...(claude === null ? {} : { claude: reading(...[claude, 61].flat().slice(0, 2), 2 * 60_000, 3.4, 2.6) }),
       ...(codex === null ? {} : { codex: reading(...[codex, 40].flat().slice(0, 2), 6 * 60_000, 1.2, 4.1) }),
     }),
-    sidebar: () => ({ total: 1, sites: fake.sites(), hub: { tone: 'ok', word: 'Healthy', detail: '3 of 3 sites up' }, notifications: { state: 'on' }, usage: fake.usage() }),
+    sidebar: () => ({ total: 1, sites: fake.sites(), hub: { tone: 'ok', word: 'healthy', detail: '3 of 3 sites up' }, notifications: { state: 'on' }, usage: fake.usage() }),
     hub: () => ({
       usage: fake.usage(),
-      hub: { tone: 'ok', word: 'Healthy', detail: '3 of 3 sites up' },
+      hub: { tone: 'ok', word: 'healthy', detail: '3 of 3 sites up' },
       sites: fake.sites(),
-      polling: { title: 'Checks every 15 min until 6:00pm', lines: ['Next check 12:00pm · last 11:45am, 8 PRs, no change', 'No pushes queued.'], count: 0 },
-      settings: [['notifications', 'Notifications', 'Pushes on · Off on weekends · This device on'], ['polling', 'Polling', '3 windows, 52 checks a day · held overnight'],
+      polling: { title: 'Checks every minute while you’re here', lines: ['Next check 12:00pm · last 11:45am, 8 PRs, no change', 'No pushes queued.'], count: 0 },
+      settings: [['notifications', 'Notifications', 'Pushes on · Off on weekends · This device on'], ['quiet', 'Quiet hours', '10:00pm – 8:00am · pushes held'],
         ['codex', 'Codex share', 'Auto'], ['rules', 'Rules for every board', '1 rule'], ['closed', 'Closed boards', 'No closed boards']],
     }),
     items: () => [
@@ -63,7 +63,7 @@
   function hub(data = {}) {
     const d = { ...fake.hub(), header: true, ...data };
     const { row, tile, nowRow, CHEVRON } = HubUI;
-    const site = (s) => row({ icon: s.icon, title: esc(s.title), sub: s.status ?? '<span class="st ok">Up · listening · every link passes</span>', wrap: true, trail: CHEVRON, href: `/${s.route}/` });
+    const site = (s) => row({ icon: s.icon, title: esc(s.title), sub: s.status ?? '<span class="st ok">up · listening · every link passes</span>', wrap: true, trail: CHEVRON, href: `/${s.route}/` });
     const settings = d.settings.map(([id, title, sub]) => `<button type="button" class="hub-setting" data-setting="${esc(id)}" data-kit-inert aria-haspopup="dialog"><span class="text"><span class="title">${esc(title)}</span><span class="sub">${esc(sub)}</span></span>${CHEVRON}</button>`).join('');
     const usage = d.usageCard ?? HubUI.usageCard(d.usage);
     const header = d.header ? BoardUI.header({ lead: 'logo', title: 'Hub', time: 'now', logoSrc: '/_hub/kickflip.png', logoHref: '/_hub/', settingsHref: null }) : '';

package/board/public/prototype-switcher.js

@@ -1,4 +1,4 @@
-// The floating ‹ take › pill every prototype page switches its takes with (docs/adr/0015-prototypes-come-on-request.md).
+// The floating ‹ take › pill every prototype page switches its takes with (docs/adr/2026-10-29-1639-prototypes-come-on-request.md).
 // Load it with a relative src after claude.js, on a page whose header leads with the back arrow, then call
 //   const sw = PrototypeSwitcher.mount({ takes: { A: 'A. Name', … }, initial: 'A', render(take) {…}, above: el? })
 // render runs at mount and on each switch; sw.take is the current key. ←/→ switch unless a field has focus, and the
@@ -8,7 +8,7 @@
 // PrototypeSwitcher.current is the mounted switcher, whose go(key) shows another take in place; Waiting on you uses it
 // to switch its full-width frame without a reload (view-questions.js inPlace).
 // With ?take=<key> the page shows that take alone, with no header or pill, as questions.html frames it
-// (docs/adr/0048-a-questions-takes-show-inline.md); a page hides its own extras under html.ps-embed. There main's
+// (docs/adr/2026-10-29-1639-a-questions-takes-show-inline.md); a page hides its own extras under html.ps-embed. There main's
 // bottom padding, kept clear for the pill, shrinks to 12px whatever the page sets, since questions.html sizes the frame
 // to the page's height.
 (function () {
@@ -120,6 +120,8 @@
     let take = startTake(keys, params.get('variant'), initial);
     let question = null;
     let topics = [];
+    // The board's cards, which name their own question topics (ui-questions.js cardTopics).
+    let cards = [];
     // A push opened this page (board/store.mjs pushUrl). Read once and dropped from the URL, so a pick made here or a
     // reload stays on the page; only the first load sends an already-picked question on to its card's thread.
     let fromPush = params.get('from') === 'push';
@@ -154,8 +156,14 @@
       let board = null;
       try {
         board = await (await fetch(site.url('api/board'), { cache: 'no-store' })).json();
-        question = (board.owner || []).find((q) => q.id === qid) || null;
-        topics = board.ownerTopics || [];
+        topics = board.ownerTopics;
+        cards = board.items || [];
+        // A resolved question is left out of /api/board, and its topic's resolved questions hold it
+        // (docs/adr/2026-11-04-0128-the-board-download-leaves-out-resolved-questions.md).
+        const topic = topics.find((t) => t.questions.includes(qid));
+        question = board.owner.find((q) => q.id === qid)
+          || (topic && (await (await fetch(site.url('api/questions?topic=' + encodeURIComponent(topic.id)), { cache: 'no-store' })).json()).questions.find((q) => q.id === qid))
+          || null;
         if (!question) note('This prototype’s question is gone, so there is nothing to pick.');
       } catch { /* keep the last question shown */ }
       if (fromPush && pickedChoice(question)) {
@@ -179,7 +187,7 @@
         ui = await sharedQuestions(site);
         pills = ui.topicRow(topics, answered.topic).pills;
         const topic = topics.find((t) => t.id === answered.topic);
-        name = topic ? ui.topicName(topic) : '';
+        name = topic ? ui.topicName(ui.cardTopics([topic], cards)[0]) : '';
         await site.send('owner-answer', { id: answered.id, question: answered.question, choice: state.option.id, label: answerLabel(state.option), note: text.value.trim() });
       } catch { busy = false; paint(); note('Could not send. Is the host awake?'); return; }
       try { localStorage.removeItem(draftKey(qid)); } catch { /* nothing kept */ }

package/board/public/prototype.html

@@ -44,6 +44,7 @@
 <script src="ui.js"></script>
 <script src="ui-links.js"></script>
 <script src="ui-enums.js"></script>
+<script src="ui-phase-bars.js"></script>
 <script src="ui-cards.js"></script>
 <script src="ui-page-header.js"></script>
 <script src="ui-sidebar.js"></script>

package/board/public/router.js

@@ -1,4 +1,4 @@
-// The app shell's router (docs/adr/0055-one-app-for-the-whole-hub.md): every URL on the hub names a view, and a view
+// The app shell's router (docs/adr/2026-10-29-2005-one-app-for-the-whole-hub.md): every URL on the hub names a view, and a view
 // names its URL, so a push link, a reload and a shared link all land on the same view. viewOf and urlOf are pure;
 // 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, …}:
@@ -6,9 +6,11 @@
 //   board {route, hash}         /<route>/, hash such as #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}         /<route>/notes.html?item=<key>, and plan.html, which the board redirects there
-//   hub {hash, w}              /_hub/ with a settings modal named by hash; legacy /_hub/settings and
-//                               /_hub/settings/polling?w=<HH:MM> open the same modals (ADR 0075)
+//   notes {route, item | wave}  /<route>/notes.html?item=<key> or ?wave=<lineup slug>, and plan.html, which the board
+//                               redirects there
+//   hub {hash}                  /_hub/ with a settings modal named by hash; legacy /_hub/settings opens the same modals
+//                               ([hub settings open as modals](docs/adr/2026-11-01-1221-hub-settings-open-as-modals.md)),
+//                               and the old Polling page, /_hub/settings/polling, opens Quiet hours
 //   frame {route, url}          any other page under a route, a folder or an .html file: other sites, prototypes and
 //                               every other board page, shown in a frame
 // Any other URL, such as an image or another origin, is no view (null) and loads as itself.
@@ -28,8 +30,8 @@ globalThis.AppRouter = (function () {
     const p = u.pathname;
     if (p === '/') return { kind: 'start' };
     if (['/_hub/', '/_hub/settings', '/_hub/settings/polling'].includes(p)) {
-      const hash = p === '/_hub/settings/polling' ? '#polling' : u.hash || (p === '/_hub/settings' ? '#notifications' : '');
-      return { kind: 'hub', ...(hash ? { hash } : {}), ...(hash === '#polling' && u.searchParams.get('w') ? { w: u.searchParams.get('w') } : {}) };
+      const hash = p === '/_hub/settings/polling' ? '#quiet' : u.hash || (p === '/_hub/settings' ? '#notifications' : '');
+      return { kind: 'hub', ...(hash ? { hash } : {}) };
     }
     const m = /^\/([^/]+)\/(.*)$/.exec(p);
     let route = null;
@@ -45,7 +47,9 @@ globalThis.AppRouter = (function () {
       try { id = u.hash.length > 1 ? decodeURIComponent(u.hash.slice(1)) : null; } catch { id = u.hash.slice(1); }
       return { kind: 'questions', route, id };
     }
-    if (page === 'notes.html' || page === 'plan.html') return { kind: 'notes', route, item: u.searchParams.get('item') };
+    if (page === 'notes.html' || page === 'plan.html') {
+      return u.searchParams.has('wave') ? { kind: 'notes', route, wave: u.searchParams.get('wave') } : { kind: 'notes', route, item: u.searchParams.get('item') };
+    }
     return frame;
   }
 
@@ -56,8 +60,8 @@ globalThis.AppRouter = (function () {
       case 'board': return r + (view.hash || '');
       case 'settings': return `${r}settings.html`;
       case 'questions': return `${r}questions.html${view.id ? `#${encodeURIComponent(view.id)}` : ''}`;
-      case 'notes': return `${r}notes.html${view.item ? `?item=${encodeURIComponent(view.item)}` : ''}`;
-      case 'hub': return `/_hub/${view.w ? `?w=${encodeURIComponent(view.w)}` : ''}${view.hash || ''}`;
+      case 'notes': return `${r}notes.html${view.wave ? `?wave=${encodeURIComponent(view.wave)}` : view.item ? `?item=${encodeURIComponent(view.item)}` : ''}`;
+      case 'hub': return `/_hub/${view.hash || ''}`;
       default: return view.url;
     }
   }
@@ -74,7 +78,7 @@ globalThis.AppRouter = (function () {
     return { href: u.href, pushed };
   }
 
-  // The page tree (docs/adr/0058-back-follows-the-page-tree.md): a board, its Waiting on you, and a prototype page tied
+  // 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.
   function questionOf(view, boards) {
     if (view?.kind !== 'frame' || !boards.has(view.route)) return null;

package/board/public/rules-editor.js

@@ -1,5 +1,5 @@
 // The rules editor on Board Settings and on the Hub page
-// (docs/adr/0039-rules-live-on-settings-at-hub-and-board-level.md). Edits stay on the page until Save, as the
+// (docs/adr/2026-10-29-1639-rules-live-on-settings-at-hub-and-board-level.md). Edits stay on the page until Save, as the
 // reviewers list does; Save hands {rules: [{id?, text}], base: [the ids it loaded]} to the page's save(), whose
 // server merges it (hub/rules.mjs applyRules). It brings its own CSS, colours from colors.css only, and takes the page's
 // button classes. rows, payload, dirty and render are pure, for ui.test.mjs; mount touches the DOM.
@@ -39,7 +39,7 @@
 .rules-editor .rule-body { flex:1; min-width:0; }
 .rules-editor .rule-text { overflow-wrap:anywhere; }
 .rules-editor .rule-meta { display:flex; flex-wrap:wrap; gap:6px; margin-top:4px; font-size:12px; color:var(--muted); }
-.rules-editor .rule-by { padding:0 6px; border-radius:6px; background:var(--chip); color:var(--color-info); }
+.rules-editor .rule-by { padding:0 6px; border-radius:6px; background:var(--chip); color:var(--muted); }
 .rules-editor .rule-actions { flex:none; display:flex; gap:4px; }
 .rules-editor textarea { box-sizing:border-box; width:100%; min-width:0; resize:vertical; font:inherit; font-size:16px; color:var(--text); background:var(--panel); border:1px solid var(--line); border-radius:8px; padding:6px 8px; }
 .rules-editor .rule-add { display:flex; align-items:flex-end; gap:6px; margin-top:8px; }
@@ -110,10 +110,9 @@
     addBox.addEventListener('keydown', (ev) => { if (ev.key === 'Enter' && !ev.shiftKey && !ev.isComposing) { ev.preventDefault(); add(); } });
     addBox.addEventListener('input', mark);
     saveBtn.addEventListener('click', async () => {
-      saveBtn.disabled = true;
-      status.textContent = 'Saving…';
+      status.textContent = '';
       try {
-        const r = await opts.save(payload(list));
+        const r = await BoardUI.waitOn(saveBtn, opts.save(payload(list)));
         list = rows(r.rules);
         editing = null;
         status.textContent = r.message || 'Saved.';