@lovek4d/kickflip 0.5.3 → 0.6.1

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, 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); });

package/board/public/view-settings.js

@@ -4,16 +4,24 @@
 // (GET api/reviewer-people), or a typed login, and stays off until both are chosen. Tickets save on each change, and Done, ✕,
 // Escape and the backdrop wait for that save to land before closing. An unsaved edit marks [data-dirty], and the shell
 // asks before closing the modal then. Sharing (docs/adr/2026-11-05-2215-a-board-is-shared-view-only-with-a-tailscale-login.md)
-// lists the hub's GET /_hub/share/<route>, who can look and who was just refused, and saves each Add and ✕ at once
-// through POST api/share.
+// lists the hub's GET /_hub/share/<route>, who it's shared with, each View or Full, and who was just refused, and saves
+// each Add, level and ✕ at once through POST api/share.
 (globalThis.AppViews ||= {}).settings = {
   className: 'view-settings',
   title: () => 'Board Settings',
   markup: (view, { siteTitle = '' } = {}) => `<dialog class="settings-modal" id="boardSettingsModal" aria-labelledby="boardSettingsTitle"><div class="settings-head"><div><h2 id="boardSettingsTitle" tabindex="-1">Board settings</h2><p class="muted small">${BoardUI.esc(siteTitle)}</p></div><button type="button" class="ghost" data-settings-dismiss aria-label="Close board settings">✕</button></div>
 <div class="set settings-body">
+  <h2>Pause board</h2>
+  <div class="hub-view"><div class="group" id="pauseBoard"><p class="muted small block">Loading…</p></div></div>
+  <p class="muted small">Running steps finish. No new builders, planners or pulls start on this board until then, as when usage reaches the pause line.</p>
+  <p class="muted small" id="pauseBoardStatus" role="status"></p>
   <h2>Repo</h2>
   <button type="button" class="who repo-row" id="boardRepo" aria-haspopup="dialog" disabled><span id="boardRepoValue">Loading…</span><span class="muted small" id="boardRepoChange">Change ›</span></button>
   <p class="muted small" id="boardRepoStatus"></p>
+  <label class="who" for="buildTarget"><span><span>Build target</span>
+    <span class="muted small sub" id="buildTargetSub">The hub runs <code>.kickflip/build</code> from each card’s branch and from main. Claude wrote it when it set up this board; if builds break, file a card.</span></span>
+    <select id="buildTarget" disabled><option value="">Default</option></select></label>
+  <p class="muted small" id="buildTargetStatus" role="status"></p>
   <h2>Tickets</h2>
   <p class="muted small">Every card on this board has a ticket from here. A new card gets a new ticket unless you name one.</p>
   <form id="ticketsForm" class="tk-section"><div id="boardTickets">Loading…</div></form>
@@ -34,7 +42,7 @@
     <input type="checkbox" class="toggle" id="autoPull" disabled></label>
   <p class="muted small" id="autoPullStatus" role="status"></p>
   <label class="who" for="maxImplementers"><span><span>Maximum parallel implementers</span>
-    <span class="muted small sub">Cards building or waiting in Orchestrator review count. Grills and cards waiting on you don’t.</span></span>
+    <span class="muted small sub">Each agent that builds or runs tests counts, a card’s helpers included. Grills, read-only helpers and cards waiting in Orchestrator review or on you don’t.</span></span>
     <input type="number" class="count" id="maxImplementers" min="1" max="99" step="1" inputmode="numeric" disabled></label>
   <p class="muted small" id="maxImplementersStatus" role="status"></p>
   <label class="who" for="maxPlanners"><span><span>Maximum parallel planners</span>
@@ -61,7 +69,6 @@
     <span class="muted small sub">Pushes once when the board has been idle for 15 minutes, with what closed since the last one.</span></span>
     <input type="checkbox" class="toggle" id="idleNotification" disabled></label>
   <p class="muted small" id="idleNotificationStatus" role="status"></p>
-  <p class="muted small">The hub runs <code>.kickflip/build</code> from each card’s branch and from main. Claude wrote it when it set up this board; if builds break, file a card.</p>
   <h2>Permissions</h2>
   <div id="permissions"><p class="muted small">Loading…</p></div>
   <div id="reviewersSection" hidden>
@@ -77,11 +84,11 @@
   <div class="row" style="margin-top:12px"><span class="muted small" id="saveStatus"></span><button class="primary" id="save" disabled>Save</button></div>
   </div>
   <h2>Sharing</h2>
-  <p class="muted small">People listed here can look at this board, view only. Nothing else on the host opens for them.</p>
+  <p class="muted small">View, or Full: everything but Merge and Board settings. Nothing else on the host opens for them.</p>
   <div id="shareList"><p class="muted small">Loading…</p></div>
   <div id="shareRefused"></div>
   <form class="add" id="shareAdd"><input id="shareLogin" placeholder="Add by login, like name@github" autocomplete="off" autocapitalize="off" spellcheck="false"><button type="submit">Add</button></form>
-  <div class="share-reach"><p class="muted small">They also need the host shared to them in Tailscale (<a href="https://login.tailscale.com/admin/machines" target="_blank" rel="noopener">Tailscale’s Machines page ↗</a>). Then send them this link.</p><button type="button" id="shareCopy">Copy link</button></div>
+  <div class="share-reach"><p class="muted small">They also need the host shared to them in Tailscale (<a href="https://login.tailscale.com/admin/machines" target="_blank" rel="noopener">Tailscale’s Machines page ${BoardUI.LINK_ARROW}</a>). Then send them this link.</p><button type="button" id="shareCopy">Copy link</button></div>
   <p class="muted small" id="shareStatus" role="status"></p>
   <h2>Rules</h2>
   <p class="muted small">Standing instructions for this board's Claude session. It sees them each time it wakes, and says what changes when you save.</p>
@@ -107,8 +114,31 @@
 
   create: (root, siteRoot, ctx) => BoardView.page(root, siteRoot, (B) => {
     const { $, site } = B;
-    const { esc, fetchJSON, restartNotice } = BoardUI;
-    const get = (url, onWait) => fetchJSON(url, { onWait, sleep: B.sleep });
+    const { esc, fetchJSON, restartNotice, pageCopy, copyNote, downLanding } = BoardUI;
+    // While the board can't be reached, each part reads its last answer here and the whole body turns read only under
+    // the copy line, reopening live once the board answers; a part with no copy waits out a restart, then the body shows
+    // the landing (docs/adr/2026-11-06-0135-a-board-out-of-reach-keeps-its-copy-or-shows-a-landing.md).
+    const settingsBody = $('.settings-body');
+    let readOnly = false;
+    function fromCopy(savedAt) {
+      if (readOnly) return;
+      readOnly = true;
+      settingsBody.inert = true;
+      settingsBody.insertAdjacentHTML('afterbegin', copyNote('Settings', savedAt));
+      B.every(5000, () => { fetchJSON(site.url('api/settings'), { limit: 0 }).then(() => { if (B.alive()) ctx.reload(); }, () => {}); });
+    }
+    function down(e) {
+      if (readOnly || root.classList.contains('down')) return;
+      root.classList.add('down');
+      settingsBody.insertAdjacentHTML('afterbegin', downLanding(e.down));
+    }
+    const saved = (url, r) => { if (r.ok) pageCopy.save(url, r.body); return r; };
+    async function get(url, onWait) {
+      try { return saved(url, await fetchJSON(url, { limit: 0, sleep: B.sleep })); } catch {}
+      const c = await pageCopy.read(url);
+      if (c) { fromCopy(c.savedAt); return { ok: true, status: 200, body: c.body }; }
+      try { return saved(url, await fetchJSON(url, { onWait, sleep: B.sleep })); } catch (e) { down(e); throw e; }
+    }
     const waitIn = (sel) => () => { $(sel).innerHTML = restartNotice(); };
     const modal = $('#boardSettingsModal');
     const previous = document.activeElement;
@@ -200,7 +230,8 @@
     const repoURL = `/_hub/board-repo/${encodeURIComponent(B.route)}`;
     let repo = {}, closeRepo = () => {};
     let tickets, savedTickets, savingTickets = null, ticketsTouched = false;
-    // Landing shows on a board on GitHub that builds from its shared clone; a local board never opens PRs. Its choice is
+    // Landing shows on a board on GitHub that builds from its shared clone and on the hub board, which builds from its
+    // folder, starts on Merge and opens PRs on Draft PR or Ready PR; any other local board never opens PRs. Its choice is
     // the board's prs and skip_draft settings read together: Draft PR, prs on and skip_draft off; Ready PR, both on;
     // Merge, prs off. Reviewers show only while cards open PRs
     // (docs/adr/2026-11-05-0200-landing-is-one-choice-draft-pr-ready-pr-or-merge.md).
@@ -212,9 +243,9 @@
     let landing = 'draft';
     const landingButtons = () => Object.keys(LANDING).map((value) => $(`[data-landing="${value}"]`));
     const landingOf = (settings) => (settings?.prs === false ? 'merge' : settings?.skip_draft === true ? 'ready' : 'draft');
-    const opensPRs = () => Boolean(repo.github) && !repo.local && landing !== 'merge';
+    const opensPRs = () => Boolean(repo.github) && (!repo.local || Boolean(repo.hub)) && landing !== 'merge';
     const syncPRs = () => {
-      $('#landingSection').hidden = !repo.github || Boolean(repo.local);
+      $('#landingSection').hidden = !repo.github || (Boolean(repo.local) && !repo.hub);
       $('#reviewersSection').hidden = !opensPRs();
       $('#landingSub').textContent = LANDING[landing].sub;
       for (const button of landingButtons()) button.setAttribute('aria-pressed', String(button === $(`[data-landing="${landing}"]`)));
@@ -241,6 +272,7 @@
         tickets?.render();
         if (tickets) syncTickets();
         showRepo();
+        loadBuildTargets();
         $('#boardRepoStatus').textContent = 'Saved. The board’s session has been told.';
       } });
     });
@@ -383,7 +415,44 @@
     const autoMerge = $('#autoMerge');
     const autoMergeStatus = $('#autoMergeStatus');
     const savedCaps = {};
+    let buildTarget = null, buildTargets = null;
+    // Pause board (docs/adr/2026-11-05-1849-pause-board-and-pause-hub-pause-new-work-by-hand.md): the hub's duration
+    // picker (hub-kit.js) with the Hold sheet's chips, Forever included, posting {pause} to api/pause at once. A Forever
+    // pause lasts until Resume.
+    const pauseBox = $('#pauseBoard');
+    const pickers = HubKit.durationPickers(B);
+    let pauseChoices = [];
+    const pausedWords = (end, now) => (end === 'forever' ? 'until you resume' : `until ${BoardUI.heldUntilWords(end, now)}`);
+    function paintPause(pausedUntil) {
+      const now = new Date();
+      const choices = pauseChoices.map((c) => ({ value: c.value, label: c.label, until: pausedWords(c.ms === null ? 'forever' : new Date(now.getTime() + c.ms), now) }));
+      pauseBox.innerHTML = HubKit.durationPicker({ id: 'pauseBoard', title: 'Pause board', icon: '', action: site.url('api/pause'), name: 'pause', button: 'Resume',
+        choices: pausedUntil ? null : choices, on: pausedUntil ? { title: `Paused ${pausedWords(pausedUntil === 'forever' ? 'forever' : new Date(pausedUntil), now)}` } : null });
+      pickers.painted();
+    }
+    B.on(pauseBox, 'submit', async (e) => {
+      e.preventDefault();
+      const form = e.target;
+      const pause = e.submitter?.value ?? form.querySelector('input[type="hidden"]')?.value;
+      const status = $('#pauseBoardStatus');
+      try {
+        const out = await BoardUI.waitOn(e.submitter || form.querySelector('input:not([type="hidden"])'), (async () => {
+          const r = await fetch(site.url('api/pause'), { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ pause }) });
+          const body = await r.json().catch(() => ({}));
+          if (!r.ok) throw new Error(body.error);
+          return body;
+        })(), { group: pauseBox.querySelectorAll('button') });
+        if (!B.alive()) return;
+        paintPause(out.paused_until);
+        status.textContent = out.paused_until ? 'Paused. New work on this board waits.' : 'Resumed. New work starts again.';
+        ctx.sidebarChanged?.();
+      } catch (error) {
+        if (B.alive()) status.textContent = error.message || 'Could not save. Is the host awake?';
+      }
+    });
     get(site.url('api/settings'), waitIn('#autoMergeStatus')).then(({ body: d }) => {
+      pauseChoices = d.pause_choices || [];
+      paintPause(d.paused_until);
       if (!B.alive()) return;
       savedTickets = d.settings?.tickets || null;
       tickets = BoardDialogs.ticketsControl($('#boardTickets'), { value: savedTickets || { source: 'internal', prefix: 'INT' }, repo: () => repo.github || '', title: () => ctx.siteTitle || '',
@@ -403,6 +472,8 @@
       autoMerge.disabled = false;
       $('#autoBuild').checked = d.settings?.auto_build === true;
       $('#autoBuild').disabled = false;
+      buildTarget = d.settings?.build_target || '';
+      showBuildTargets();
       $('#autoPull').checked = d.settings?.auto_pull === true;
       $('#autoPull').disabled = false;
       for (const [id, key] of [['maxImplementers', 'max_implementers'], ['maxPlanners', 'max_planners']]) {
@@ -446,6 +517,43 @@
       }
     });
 
+    // Build target lists the repo's .kickflip/build-* scripts at main's tip and saves a pick at once, null for the
+    // default .kickflip/build (docs/adr/2026-11-05-1823-board-settings-picks-which-build-script-a-board-runs.md).
+    // A saved target the tip no longer has stays listed, marked, so the picker shows what the hub runs.
+    const buildScriptOf = (target) => (target ? `.kickflip/build-${target}` : '.kickflip/build');
+    const buildTargetSub = (target) => `The hub runs <code>${esc(buildScriptOf(target))}</code> from each card’s branch and from main. Claude wrote it when it set up this board; if builds break, file a card.`;
+    const showBuildTargets = () => {
+      if (buildTarget === null || buildTargets === null) return;
+      const select = $('#buildTarget');
+      const names = buildTargets.includes(buildTarget) || !buildTarget ? buildTargets : [...buildTargets, buildTarget];
+      select.innerHTML = [['', 'Default'], ...names.map((t) => [t, buildTargets.includes(t) ? t : `${t} (not on main)`])]
+        .map(([value, label]) => `<option value="${esc(value)}"${value && value === buildTarget ? ' selected' : ''}>${esc(label)}</option>`).join('');
+      select.value = buildTarget;
+      select.disabled = false;
+      $('#buildTargetSub').innerHTML = buildTargetSub(buildTarget);
+    };
+    // A new repo brings its own scripts, so a repo save lists them again.
+    const loadBuildTargets = () => get(site.url('api/build-targets')).then(({ body }) => {
+      if (!B.alive()) return;
+      buildTargets = body.targets;
+      showBuildTargets();
+    }).catch(() => { $('#buildTargetStatus').textContent = 'Could not list the repo’s build scripts. Is the host awake?'; });
+    loadBuildTargets();
+    B.on($('#buildTarget'), 'change', async () => {
+      const select = $('#buildTarget');
+      try {
+        const settings = await saveToggle(select, { build_target: select.value || null });
+        if (!B.alive()) return;
+        buildTarget = settings.build_target || '';
+        showBuildTargets();
+        $('#buildTargetStatus').textContent = `Saved. The hub runs ${buildScriptOf(buildTarget)} for each card and main.`;
+      } catch (e) {
+        if (!B.alive()) return;
+        select.value = buildTarget;
+        $('#buildTargetStatus').textContent = e.message || 'Could not save. Is the host awake?';
+      }
+    });
+
     B.on($('#autoBuild'), 'change', async () => {
       const toggle = $('#autoBuild');
       const want = toggle.checked;
@@ -500,7 +608,7 @@
         status.textContent = e.message || 'Could not save. Is the host awake?';
       }
     });
-    capInput('maxImplementers', 'max_implementers', (n) => `Saved. Up to ${n === 1 ? '1 card builds or waits' : `${n} cards build or wait`} in Orchestrator review at once.`);
+    capInput('maxImplementers', 'max_implementers', (n) => `Saved. Up to ${n === 1 ? '1 agent builds' : `${n} agents build`} at once.`);
     capInput('maxPlanners', 'max_planners', (n) => `Saved. Up to ${n === 1 ? '1 grill or prototype runs' : `${n} grills or prototypes run`} at once.`);
     autoToggle('autoReview', 'auto_review', (on) => (on ? 'Saved. When idle, Claude reviews incoming PRs that touch this board’s work.' : 'Saved. Claude leaves incoming PRs alone.'));
     autoToggle('idleNotification', 'idle_notification', (on) => (on ? 'Saved. One push once the board has been idle for 15 minutes.' : 'Saved. No push when the board goes idle.'));
@@ -527,13 +635,18 @@
     // the owner reach the board (docs/adr/2026-11-04-2156-the-whole-hub-answers-only-the-owner.md). A tap waits on the server with the
     // switch as it was and a spinner beside it, then draws the server's answer.
     // Sharing: each row is the person's name, then their login and when; a login Tailscale sent no name with is its own.
+    // A person's row also sets them View or Full with one tap, saying what that level can do
+    // (docs/adr/2026-11-05-1912-a-shared-person-is-view-or-full.md).
     let sharing = null;
-    const shareRow = (title, sub, button) => `<div class="who"><span>${esc(title)}<span class="muted small sub">${sub}</span></span>${button}</div>`;
+    const CAN = { view: 'Looks only. Visit links open.', full: 'Answers, taps card buttons and adds New tasks. Merge and Board settings stay yours.' };
+    const shareRow = (title, sub, button, more = '') => `<div class="who"><span>${esc(title)}<span class="muted small sub">${sub}</span>${more}</span>${button}</div>`;
+    const shareLevel = (p) => `<span role="group" class="share-level" aria-label="${esc(p.name || p.login)}’s access">${[['view', 'View'], ['full', 'Full']].map(([level, label]) =>
+      `<button type="button" data-share-level="${level}" data-login="${esc(p.login)}" aria-pressed="${p.level === level}">${label}</button>`).join('')}</span><span class="muted small sub">${CAN[p.level]}</span>`;
     const shareWhen = (p) => (p.now ? '<span class="share-now">viewing now</span>' : esc(p.at ? BoardUI.since(p.at) : 'not seen yet'));
     const shareSub = (p, when) => (p.name ? `${esc(p.login)} · ${when}` : when);
     function drawSharing() {
       $('#shareList').innerHTML = sharing.people.length ? sharing.people.map((p) => shareRow(p.name || p.login, shareSub(p, shareWhen(p)),
-        `<button type="button" class="ghost" data-share-remove="${esc(p.login)}" aria-label="Remove ${esc(p.name || p.login)}">✕</button>`)).join('') : '<p class="muted small">Nobody yet.</p>';
+        `<button type="button" class="ghost" data-share-remove="${esc(p.login)}" aria-label="Remove ${esc(p.name || p.login)}">✕</button>`, shareLevel(p))).join('') : '<p class="muted small">Nobody yet.</p>';
       $('#shareRefused').innerHTML = sharing.refused.length ? `<p class="muted small">Just refused. Tap to share with them:</p>${sharing.refused.map((r) => shareRow(r.name || r.login, shareSub(r, esc(BoardUI.since(r.at))),
         `<button type="button" data-share-add="${esc(r.login)}">Add</button>`)).join('')}` : '';
     }
@@ -557,7 +670,12 @@
       }
     }
     loadSharing();
-    B.on($('#shareList'), 'click', (e) => { const b = e.target.closest?.('[data-share-remove]'); if (b) saveShare({ remove: b.dataset.shareRemove }); });
+    B.on($('#shareList'), 'click', (e) => {
+      const b = e.target.closest?.('[data-share-remove]');
+      if (b) { saveShare({ remove: b.dataset.shareRemove }); return; }
+      const level = e.target.closest?.('[data-share-level]');
+      if (level) saveShare({ login: level.dataset.login, level: level.dataset.shareLevel });
+    });
     B.on($('#shareRefused'), 'click', (e) => { const b = e.target.closest?.('[data-share-add]'); if (b) saveShare({ add: b.dataset.shareAdd }); });
     B.on($('#shareAdd'), 'submit', async (e) => {
       e.preventDefault?.();