@lovek4d/kickflip 0.5.3 → 0.6.0

package/board/public/view-hub.js

@@ -71,6 +71,7 @@
     return `${HubUI.flash(flash)}${HubUI.pauseBanner(d.pause)}${HubUI.holdBanner(d.hold)}${usage}${promptsHtml(d.prompts || [], prompts)}<h2 class="label"${usage ? '' : ' style="margin-top:4px"'}>Health</h2>
 <div class="group">${row({ icon: tile('power', { ok: '#22c55e', wait: '#f59e0b' }[d.hub.tone] || '#ef4444'), title: 'Hub', sub: `${word} ·${esc(d.hub.detail)}${d.awake ? `<span class="links"><span><span class="awake-on">Keeping awake</span> ${esc(d.awake)}</span></span>` : ''}`, wrap: true,
     trail: d.hub.restart ? restartHubButton(restartingHub) : '' })}
+${HubUI.machineRow(d.pause.machine)}
 ${d.empty ? row({ title: 'No sites yet', sub: 'In a Claude session, run <code>/kickflip &lt;route&gt;</code>.' }) : ''}</div>
 ${integrationsHtml(d.integrations)}${sitesHtml(d.groups, restarting)}${d.remembered?.length ? `<h2 class="label">Sessions without a board</h2><div class="group">${rememberedHtml(d.remembered)}</div>` : ''}<p class="note">The hub runs every site and restarts one that stops. A board's links are what the hub owes it: GitHub polling, the fetch of its repo, events (its session and a watcher run, or the hub can wake it), daily wakes and reviewer links. One that just broke reads settling first.</p>
 <h2 class="label">Polling status</h2>
@@ -88,7 +89,7 @@ ${integrationsHtml(d.integrations)}${sitesHtml(d.groups, restarting)}${d.remembe
   (globalThis.AppViews ||= {}).hub = {
     className: 'hub-view view-hub',
     title: () => 'Hub',
-    markup: () => `${BoardUI.header({ lead: 'logo', title: 'Hub', time: 'now', logoSrc: '/_hub/kickflip.png', settingsHref: null })}
+    markup: () => `${BoardUI.header({ lead: 'logo', title: 'Hub', time: 'now', logoSrc: '/_hub/kickflip.png' })}
 <main class="has-top"><div class="hub-status"></div><section class="hub-settings" aria-labelledby="hubSettingsLabel"><h2 class="label" id="hubSettingsLabel">Hub settings</h2>${HubSettings.markup()}</section><div class="hub-foot"></div></main>`,
 
     create: (root, siteRoot, ctx) => BoardView.page(root, siteRoot, (B) => {

package/board/public/view-notes.js

@@ -11,22 +11,42 @@
 
   create: (root, siteRoot, ctx) => BoardView.page(root, siteRoot, async (B) => {
     const { $, site } = B;
-    const { esc, markdown, linkContext, fetchJSON, restartNotice } = BoardUI;
+    const { esc, markdown, linkContext, fetchJSON, downLanding, copyNote, pageCopy } = BoardUI;
     const key = ctx.view.item || '';
     const wave = ctx.view.wave;
     const el = $('#plan');
     const get = (url, opts = {}) => fetchJSON(url, { ...opts, sleep: B.sleep });
+    const paint = (body, items, note = '') => {
+      $('#ref').textContent = `${wave ? body.title : body.ref} notes`;
+      document.title = $('#ref').textContent;
+      el.innerHTML = note + markdown(body.markdown, linkContext(items, key, { base: './' }));
+    };
+    // While the board can't be reached, the notes' last answer here shows under its copy line, or with none the landing
+    // for why (docs/adr/2026-11-06-0135-a-board-out-of-reach-keeps-its-copy-or-shows-a-landing.md).
+    const url = site.url(`api/notes?${wave ? `wave=${encodeURIComponent(wave)}` : `item=${encodeURIComponent(key)}`}`);
+    let copy = null;
+    let live = false;
+    let copied = false;
+    const waiting = (down) => {
+      copy ||= pageCopy.read(url);
+      copy.then((c) => {
+        if (!B.alive() || live || copied) return;
+        if (!c) { el.innerHTML = downLanding(down); return; }
+        copied = true;
+        paint(c.body, [], copyNote('the notes', c.savedAt));
+      });
+    };
     try {
       const board = get(site.url('api/board')).then((r) => r.body).catch(() => ({}));
-      const query = wave ? `wave=${encodeURIComponent(wave)}` : `item=${encodeURIComponent(key)}`;
-      const r = await get(site.url(`api/notes?${query}`), { onWait: () => { el.innerHTML = restartNotice(); } });
+      const r = await get(url, { onWait: (ms, down) => waiting(down) });
       if (!B.alive()) return;
       if (!r.ok) throw new Error(r.body.error || `notes ${r.status}`);
-      $('#ref').textContent = `${wave ? r.body.title : r.body.ref} notes`;
-      document.title = $('#ref').textContent;
-      el.innerHTML = markdown(r.body.markdown, linkContext((await board).items || [], key, { base: './' }));
+      live = true;
+      paint(r.body, (await board).items || []);
+      pageCopy.save(url, r.body);
     } catch (e) {
-      el.innerHTML = `<p class="muted">Could not load these notes: ${esc(e.message)}</p>`;
+      if (e.down) waiting(e.down);
+      else el.innerHTML = `<p class="muted">Could not load these notes: ${esc(e.message)}</p>`;
     }
   }),
 };

package/board/public/view-questions.js

@@ -11,17 +11,24 @@
 // The question then reads prototype requested, locked, until its prototype round arrives, and once the request is
 // recorded the page moves on as a Send does (docs/adr/2026-11-03-1803-a-question-asked-for-a-prototype-is-resolved.md,
 // docs/adr/2026-11-04-2130-a-prototype-request-waits-for-its-prototype.md).
-// A topic's resolved questions fold under "resolved (N)", read-only; a resolved question's badge, once confirmed, sends
-// `reask-request {key?, question}` (docs/adr/2026-11-04-2001-a-resolved-question-is-read-only-and-can-be-asked-again.md).
+// A question the owner has sent an answer to is resolved: read-only, green, with a Resolved badge. One that resolves
+// while its topic shows stays in place until you leave that topic, by a pill, a link or the move on after the last
+// Send; a topic's sent questions otherwise fold under "resolved (N)", which names only the count, above its open ones. A sent question's badge, once confirmed, sends `question-reopen {key?, question}`, and the question
+// opens again with its last pick and note for a new Send. Each question is numbered by its place on its card
+// (docs/adr/2026-11-05-2331-a-sent-answer-is-resolved-in-place-until-the-page-reloads.md,
+// docs/adr/2026-11-06-1100-resolved-questions-fold-away-once-you-leave-their-topic.md).
 // A topic or question that arrives while the page shows inserts its pill or card where it belongs, and the counts
 // update, with no repaint, so the open topic, its picks, the note being typed and the scroll stay
 // (docs/adr/2026-11-05-0408-needs-you-is-a-deck-on-a-phone-and-a-pane-on-a-desktop.md).
+// The page shows open questions only: it ends at the Send bar, opens by itself only a topic with an open question, and
+// with none shows the hub's moon and "no open questions". A link to a question still opens its topic, as a work item's
+// Questions button does (docs/adr/2026-11-06-0037-the-open-questions-page-shows-open-questions-only.md).
 // markup({embedded: true}) and ctx.embedded mount it in the board's desktop Needs you pane (app-needs.js): no header,
 // and the board's URL and scroll are left alone.
 (globalThis.AppViews ||= {}).questions = {
   className: 'view-questions',
   title: () => 'Waiting On You',
-  markup: ({ embedded = false } = {}) => `${embedded ? '' : BoardUI.header({ lead: 'back', title: 'Waiting on you', controls: false, trail: '<span class="muted small" id="progress"></span>' })}
+  markup: ({ embedded = false } = {}) => `${embedded ? '' : BoardUI.header({ lead: 'logo', title: 'Waiting on you', logoSrc: '/_hub/kickflip.png', controls: false, trail: '<span class="muted small" id="progress"></span>', pages: 'board' })}
 <main>
   ${embedded ? '<span class="muted small" id="progress" hidden></span>' : ''}<section id="page"></section>
 </main>`,
@@ -30,7 +37,7 @@
     const { $, site } = B;
     const scroll = (y) => { if (!ctx.embedded) scrollTo(0, y); };
     const setHash = (id) => { if (!ctx.embedded) history.replaceState(history.state, '', '#' + encodeURIComponent(id)); };
-    const { esc, getDraft, setDraft, choiceLabel, choiceOf, questionCard, roundChip, linkContext, badge, topicName, cardTopics, topicRow, nextQuestion, sentNotice, fetchJSON, restartNotice } = BoardUI;
+    const { esc, getDraft, setDraft, choiceLabel, choiceOf, noteOf, isSent, questionCard, roundChip, linkContext, badge, topicName, cardTopics, topicRow, nextQuestion, sentNotice, fetchJSON, downLanding } = BoardUI;
     const hashId = () => { if (ctx.embedded) return ''; const h = location.hash.slice(1); try { return decodeURIComponent(h); } catch { return h; } };
 
     let all = [];
@@ -46,6 +53,9 @@
     let soloId = null;
     let shown = '';
     let sentLine = '';
+    // The shown topic's questions this page has drawn unsent, which stay in place once sent or resolved until you leave
+    // the topic (setTopic).
+    const inPlace = new Set();
     // The footer after a prototype request: the blue spinner, then these words.
     const PROTOTYPE_REQUESTED = 'prototype requested';
     // The bar's line while a suggested option is still pre-checked.
@@ -57,7 +67,16 @@
     const topicOf = (qid) => topics.find((t) => t.questions.includes(qid)) || null;
     const openTopics = () => topics.filter((t) => t.state !== 'resolved');
     const links = (q) => linkContext(items, q.topic?.startsWith('item:') ? q.topic.slice(5) : null, { base: './' });
-    const urgentOpen = () => all.find((q) => q.urgent && q.state === 'open');
+    // Shows a topic, or none; the topic left folds its sent questions.
+    const setTopic = (id) => {
+      if (id !== topicId) for (const qid of topics.find((t) => t.id === topicId)?.questions || []) inPlace.delete(qid);
+      topicId = id;
+    };
+    const urgentOpen =() => all.find((q) => q.urgent && q.state === 'open');
+    // A question's number on its card: its place in its topic, which keeps every question it has had.
+    const numberOf = (q) => (topicOf(q.id)?.questions.indexOf(q.id) ?? -1) + 1;
+    // The questions the form shows, in order; the rest of qs fold under resolved (N).
+    const inForm = (qs) => qs.filter((q) => !isSent(q) || inPlace.has(q.id));
 
     // docs/adr/2026-10-29-1639-waiting-on-you-leads-with-what-needs-the-owner.md
     function topicBar() {
@@ -66,19 +85,20 @@
       return `<div class="topics" role="group" aria-label="Topics">${list.map((t) => pillHtml(t)).join('')}</div>`;
     }
     // An arrival (arrive) slides in with a glow and settles (style.css .arrived).
-    const pillHtml = (t, arrived = false) => `<button${arrived ? ' class="arrived"' : ''} data-topic="${esc(t.id)}" aria-pressed="${t.id === topicId}" title="${esc(t.title)}">${esc(topicName(t))}<span class="n">${t.state === 'resolved' ? 'resolved' : t.open}</span></button>`;
+    const pillHtml = (t, arrived = false) => `<button class="${arrived ? 'arrived ' : ''}${t.progress ? 'progress' : ''}" data-topic="${esc(t.id)}" aria-pressed="${t.id === topicId}" title="${esc(t.title)}">${esc(topicName(t))}<span class="n">${t.state === 'resolved' ? 'resolved' : t.open}</span></button>`;
     const topicHead = (t) => t ? `<div class="topichead muted small"><span>${esc(t.title)}${t.summary ? ` · ${esc(t.summary)}` : ''}</span>${roundChip(t.round)}</div>` : '';
 
-    // Only open questions changed here since their last answer, with files attached, or with a suggested option
-    // pre-checked and never answered, are sent; a resolved one is read-only.
+    // Only open questions changed here since their last answer, with files attached, reopened with a pick, or with a
+    // suggested option pre-checked and never answered, are sent; a sent one is read-only.
     const filesOf = (q) => BoardAttach.files('q:' + q.id, site.root);
     const uploading = (qs) => qs.some((q) => BoardAttach.busy('q:' + q.id, site.root));
     function pending(qs) {
-      return qs.filter((q) => q.state !== 'resolved' && q.state !== 'requested').filter((q) => {
+      return qs.filter((q) => q.state === 'open').filter((q) => {
         const d = getDraft(q.id);
         if (filesOf(q).length) return true;
         const last = q.answers[q.answers.length - 1];
         if (!last && q.suggested) return true;
+        if (q.reopened && choiceOf(q, d) !== null) return true;
         if (!('choice' in d) && !d.note) return false;
         return !last || (d.choice ?? last.choice) !== last.choice || (d.note || '') !== (last.note || '');
       });
@@ -110,37 +130,26 @@
       const el = $('#page');
       const qs = visible();
       if (!qs.length) {
-        el.innerHTML = '<p class="muted">Nothing is waiting on you.</p>' + waitingTopics() + resolvedTopics();
+        el.innerHTML = `<div class="q-empty"><svg width="72" height="72" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${HubUI.TILE_PATHS.moon}</svg><p class="muted">no open questions</p></div>`;
         $('#progress').textContent = '';
         return;
       }
       const t = topics.find((x) => x.id === topicId);
-      const live = qs.filter((q) => q.state !== 'resolved');
-      const done = qs.filter((q) => q.state === 'resolved');
+      const live = inForm(qs);
+      const done = qs.filter((q) => !live.includes(q));
+      for (const q of live) inPlace.add(q.id);
       const head = soloId
         ? `<div class="solo">${badge('notice', 'needs you first')}<button class="ghost" id="showAll">All questions</button></div>`
         : `${topicBar()}${topicHead(t)}`;
       el.innerHTML = `${head}<form id="qform">
-        ${live.map((q, i) => questionCard(q, { n: soloId ? 0 : i + 1, draft: getDraft(q.id), links: links(q) })).join('')}
-        ${done.length ? `<details class="done resolved-group"><summary><span class="caret" aria-hidden="true">›</span><span>resolved (${done.length})</span><span class="names">${done.map((q) => esc(q.id)).join(', ')}</span></summary>${done.map((q) => questionCard(q, { links: links(q) })).join('')}</details>` : ''}
+        ${done.length ? `<details class="done resolved-group"><summary><span class="caret" aria-hidden="true">›</span><span>resolved (${done.length})</span></summary>${done.map((q) => questionCard(q, { n: numberOf(q), links: links(q) })).join('')}</details>` : ''}
+        ${live.map((q) => questionCard(q, { n: numberOf(q), draft: getDraft(q.id), links: links(q) })).join('')}
         <div class="bar"><span class="muted small${sentLine ? ' sent' : ''}" id="qstatus" role="status">${statusHtml(sentLine)}</span><span class="send-hint" aria-hidden="true">${/Mac|iPhone|iPad/.test(navigator.platform || navigator.userAgent) ? '⌘↵' : 'Ctrl+↵'}</span><button class="primary" type="submit" id="send">Send</button></div>
-      </form>${soloId ? '' : waitingTopics() + resolvedTopics()}`;
+      </form>`;
       BoardAttach.paintAll();
       updateBar();
     }
 
-    function waitingTopics() {
-      const list = topicRow(topics, topicId).waiting;
-      return list.length ? `<details class="done"><summary>Waiting on Claude · ${list.length}</summary>${list.map((t) =>
-        `<div class="trow"><button class="ghost" data-topic="${esc(t.id)}">${esc(t.title)}</button><span class="muted small">${t.answered ? 'answered' : 'Claude replied'}</span></div>`).join('')}</details>` : '';
-    }
-
-    function resolvedTopics() {
-      const done = topics.filter((t) => t.state === 'resolved' && t.id !== topicId);
-      return done.length ? `<details class="done"><summary>Resolved topics · ${done.length}</summary>${done.map((t) =>
-        `<div><button class="ghost" data-topic="${esc(t.id)}">${esc(t.title)}</button></div>`).join('')}</details>` : '';
-    }
-
     // The topic a tap on this page acts for, the pills before it and its name, which moveOn reads once it is recorded.
     function leaving() {
       const from = soloId ? topicOf(soloId)?.id : topicId;
@@ -175,23 +184,24 @@
       const d = getDraft(q.id);
       return BoardUI.waitOn(button, BoardUI.pending.within((async () => {
         let out;
-        try { out = await send('prototype-request', { ...(key ? { key } : {}), question: q.id, note: (d.note || '').trim(), choice: choiceOf(q, d) }); } catch (e) { refused(e); return; }
+        try { out = await send('prototype-request', { ...(key ? { key } : {}), question: q.id, note: noteOf(q, d).trim(), choice: choiceOf(q, d) }); } catch (e) { refused(e); return; }
         setDraft(q.id, {});
         await moveOnOnceLoaded(at, `Prototype requested${at.name ? ` for ${at.name}` : ''}.`, out, PROTOTYPE_REQUESTED);
       })(), stillWaiting));
     }
 
-    // A resolved question's badge asks Claude to ask it again from the card's current notes, once the owner confirms.
-    // The topic's resolved questions load again, so the question shows its re-ask under way.
-    async function askAgain(q, button) {
-      if (!(await BoardDialogs.confirm('Ask this again from today’s context?')) || !B.alive()) return;
+    // A sent question's Resolved badge reopens it once the owner confirms: the question opens in place with its last
+    // pick and note, and stays in the form until you leave the topic.
+    async function reopen(q, button) {
+      if (!(await BoardDialogs.confirm('Reopen this question?')) || !B.alive()) return;
       const key = q.topic?.startsWith('item:') ? q.topic.slice(5) : null;
       await BoardUI.waitOn(button, BoardUI.pending.within((async () => {
         let out;
-        try { out = await send('reask-request', { ...(key ? { key } : {}), question: q.id }); } catch (e) { refused(e); return; }
+        try { out = await send('question-reopen', { ...(key ? { key } : {}), question: q.id }); } catch (e) { refused(e); return; }
         if (!B.alive()) return;
+        inPlace.add(q.id);
+        sentLine = '';
         if (!land(out.board, false)) await load(false);
-        await loadResolved(true);
         repaint(false);
       })(), stillWaiting));
     }
@@ -201,7 +211,7 @@
       const n = pending(qs).length;
       const b = $('#send');
       if (b) { b.disabled = !n || uploading(qs); b.textContent = uploading(qs) ? 'Uploading…' : 'Send'; }
-      const live = qs.filter((q) => q.state !== 'resolved');
+      const live = inForm(qs);
       const answered = live.filter((q) => q.state !== 'open').length;
       // docs/adr/2026-11-04-2200-overnight-triage-suggests-your-earlier-answers.md
       const prechecked = live.some((q) => q.suggested && !q.answers.length && choiceOf(q, getDraft(q.id)) === q.suggested.option);
@@ -212,10 +222,10 @@
 
     function pick(hash) {
       const u = urgentOpen();
-      if (u && (!hash || hash === u.id)) { soloId = u.id; topicId = topicOf(u.id)?.id ?? null; return; }
+      if (u && (!hash || hash === u.id)) { soloId = u.id; setTopic(topicOf(u.id)?.id ?? null); return; }
       soloId = null;
-      const t = (hash && topicOf(hash)) || openTopics().find((x) => x.open) || openTopics()[0];
-      topicId = t ? t.id : null;
+      const t = (hash && topicOf(hash)) || topics.find((x) => x.open);
+      setTopic(t ? t.id : null);
     }
 
     const sigNow = () => JSON.stringify([soloId, topicId, topics.map((t) => [t.id, t.state, t.open, t.answered, t.round]), visible().map((q) => [q.id, q.state, q.answers.length, q.answers.map((a) => Boolean(a.reply)), Boolean(q.reask)])]);
@@ -224,16 +234,30 @@
     let loading = null;
     let loaded = false;
     const load = (first) => (loading ||= fetchBoard(first).finally(() => { loading = null; }));
+    // While the board can't be reached, the page holds its sending buttons and shows the board's copy here, painted live,
+    // or with none and nothing landed the landing for why (docs/adr/2026-11-06-0135-a-board-out-of-reach-keeps-its-copy-or-shows-a-landing.md).
+    let copy = null;
+    BoardUI.holdSends(B.on, root, () => root.classList.contains('offline'), () => B.toast(BoardUI.WAITING));
+    const out = (down) => {
+      root.classList.add('offline');
+      copy ||= BoardUI.boardCopy(site.url(''), document.documentElement.dataset.build);
+      copy.then((c) => {
+        if (!B.alive() || loaded) return;
+        if (!c) { $('#page').innerHTML = downLanding(down); return; }
+        land(c.board, true);
+        repaint(true);
+      });
+    };
     async function fetchBoard(first) {
-      const page = $('#page');
       try {
-        const { body: d } = await fetchJSON(site.url('api/board' + (board ? '?since=' + encodeURIComponent(board.version) : '')), { tag: board?.version, onWait: () => { if (first) page.innerHTML = restartNotice(); }, sleep: B.sleep });
+        const { body: d } = await fetchJSON(site.url('api/board' + (board ? '?since=' + encodeURIComponent(board.version) : '')), { tag: board?.version, onWait: (ms, down) => out(down), sleep: B.sleep });
         if (!B.alive()) return false;
+        root.classList.remove('offline');
         if (d) land(d, first);
         repaint(first);
         return true;
       } catch (e) {
-        if (first) page.innerHTML = `<p class="muted">Could not load the questions: ${esc(e.message)}</p>`;
+        out(e.down);
         return false;
       }
     }
@@ -274,7 +298,7 @@
     let drawn = null;
     // A change that only adds topics, counts or open questions at the end of the shown topic is drawn in place: each
     // pill keeps its node and a new one lands at its place in the row, a new question's card goes after the last open
-    // one, and the topic line, the folds under the form and the bar update. → false when anything shown changed.
+    // one, and the topic line and the bar update. → false when anything shown changed.
     function arrive() {
       const form = $('#qform');
       const now = drawnOf();
@@ -300,13 +324,11 @@
       const head = page.querySelector('.topichead');
       const headHtml = topicHead(topics.find((x) => x.id === topicId));
       if (head && head.outerHTML !== headHtml) head.outerHTML = headHtml;
-      const live = visible().filter((q) => q.state !== 'resolved').length - added.length;
-      const before = form.querySelector('details.resolved-group') || form.querySelector('.bar');
-      added.forEach((q, i) => before.insertAdjacentHTML('beforebegin', questionCard(q, { n: live + i + 1, draft: getDraft(q.id), links: links(q) })));
-      const opened = new Set();
-      for (const d of [...page.children]) if (d.matches('details.done')) { if (d.open) opened.add(d.querySelector('summary').textContent.split(' ·')[0]); d.remove(); }
-      page.insertAdjacentHTML('beforeend', waitingTopics() + resolvedTopics());
-      for (const d of page.children) if (d.matches('details.done') && opened.has(d.querySelector('summary').textContent.split(' ·')[0])) d.open = true;
+      const sendBar = form.querySelector('.bar');
+      for (const q of added) {
+        inPlace.add(q.id);
+        sendBar.insertAdjacentHTML('beforebegin', questionCard(q, { n: numberOf(q), draft: getDraft(q.id), links: links(q) }));
+      }
       BoardAttach.paintAll();
       drawn = now;
       updateBar();
@@ -319,7 +341,6 @@
       const next = nextQuestion(all, pills, { topic: from });
       const left = topics.find((t) => t.id === from)?.open || 0;
       if (next?.topic === from) {
-        topicId = from;
         sentLine = countOpen ? `${footer.replace(/\.?$/, '.')} ${left} still open.` : footer;
         shown = sigNow();
         const y = scrollY;
@@ -332,9 +353,10 @@
         sentNotice.put(B.route, what);
         if (ctx.up?.()) return;
         sentNotice.take(B.route);
-        topicId = from;
+        setTopic(null);
+        B.toast(what);
       } else {
-        topicId = next.topic;
+        setTopic(next.topic);
         setHash(next.id);
       }
       shown = sigNow();
@@ -346,11 +368,11 @@
       if (ev.target.id === 'showAll') { soloId = null; sentLine = ''; shown = ''; render(); return; }
       const eye = ev.target.closest && ev.target.closest('[data-proto]');
       if (eye) { askPrototype(byId(eye.closest('section.q').dataset.q), eye); return; }
-      const reask = ev.target.closest && ev.target.closest('[data-reask]');
-      if (reask) { if (!reask.disabled) askAgain(byId(reask.dataset.reask), reask); return; }
+      const reopenBadge = ev.target.closest && ev.target.closest('[data-reopen]');
+      if (reopenBadge) { if (!reopenBadge.disabled) reopen(byId(reopenBadge.dataset.reopen), reopenBadge); return; }
       const b = ev.target.closest && ev.target.closest('[data-topic]');
       if (b) {
-        soloId = null; topicId = b.dataset.topic; sentLine = ''; shown = '';
+        soloId = null; setTopic(b.dataset.topic); sentLine = ''; shown = '';
         const first = topics.find((t) => t.id === topicId)?.questions[0];
         if (first) setHash(first);
         render(); scroll(0);
@@ -385,7 +407,7 @@
         const d = getDraft(q.id);
         const choice = choiceOf(q, d);
         const files = filesOf(q);
-        return { id: q.id, question: q.question, choice, label: choiceLabel(q, choice), note: (d.note || '').trim(), ...(files.length ? { files } : {}) };
+        return { id: q.id, question: q.question, choice, label: choiceLabel(q, choice), note: noteOf(q, d).trim(), ...(files.length ? { files } : {}) };
       });
       // Send waits until the page has moved on (docs/adr/2026-11-05-0200-a-tap-spins-until-the-board-shows-its-change.md).
       await BoardUI.waitOn($('#send'), BoardUI.pending.within((async () => {
@@ -403,18 +425,6 @@
     });
     // Each composer painted raises a bubbling attach-change (attach.js).
     B.on(root, 'attach-change', updateBar);
-    // While a text field is focused and the keyboard is up, the bar docks on the keyboard (style.css .kb-up) from
-    // visualViewport, which iOS reports apart from the layout viewport the sticky bar follows.
-    const vv = window.visualViewport;
-    let typing = false;
-    const dock = () => {
-      const kb = vv ? Math.max(0, Math.round(window.innerHeight - vv.height - vv.offsetTop)) : 0;
-      root.style.setProperty('--kb', kb + 'px');
-      root.classList.toggle('kb-up', typing && kb > 0);
-    };
-    B.on(root, 'focusin', (ev) => { typing = ev.target.matches?.('textarea, input[type="text"], input:not([type])') ?? false; dock(); });
-    B.on(root, 'focusout', () => { typing = false; dock(); });
-    if (vv) { B.on(vv, 'resize', dock); B.on(vv, 'scroll', dock); }
     // A link to another question here only moves the hash.
     if (!ctx.embedded) B.on(window, 'hashchange', () => {
       if (!loaded) return;
@@ -425,6 +435,18 @@
       scroll(0);
     });
 
+    // In the board's pane, the shell opens the topic of a question or topic id there, a resolved one included, and with
+    // none or one that's gone the topic the page would open (app-needs.js focusQuestion). → false before the first load.
+    if (ctx.embedded) B.openTopic = (id) => {
+      if (!loaded) return false;
+      const topic = topics.find((t) => t.id === id);
+      if (topic) { soloId = null; setTopic(topic.id); } else pick(id || '');
+      sentLine = '';
+      shown = '';
+      render();
+      return true;
+    };
+
     load(true);
     B.every(15000, () => { if (!document.hidden) load(false); });
     B.on(document, 'visibilitychange', () => { if (!document.hidden) load(false); });