@bongos/core 1.21.166 → 1.21.168

package/modules/hall-ui/public/city-decide.js

@@ -0,0 +1,642 @@
+// modules/hall-ui/public/city-decide.js — THE CITY'S DECIDE VIEW: every ask
+// that waits, worked in place over the city instead of on the street's deck.
+//
+// Two views of one queue (GovDeck.queueOf, needs-you first, then the oldest):
+//   one by one  the deck's card (GovDeck.drawAsk) made answerable from its desk
+//               row; Tab / ↑ ↓ walk one building's items, ← / → the buildings,
+//               1-9 answer, S skips, the way artist review walks its pages.
+//   table       one row per ask, its facts in columns, a box per row; the bulk
+//               bar answers every ticked row at once with an answer they all
+//               offer, or each with its own recommended pick.
+// Every answer goes through GovDeck.sendAnswer, the same request a desk row
+// sends; nothing here learns a route. No innerHTML: every string lands as text.
+(function () {
+  'use strict';
+
+  // ---------- every card answerable in place ----------
+  // A matter with no stored ask used to say "answer it on its desk". Its desk
+  // row (GovDesk.cardFor, cv.card.row) already holds the acts the server handed
+  // this viewer, with their chips and typed fields: they become the card's own
+  // answers here, each planned exactly as the deck plans a stored option (the
+  // row's own card and act key), so GovDeck.sendAnswer sends the desk's request.
+  var QUIET = { hold: 1, abstain: 1 };
+  function str(v) { return v == null ? '' : String(v); }
+  function answerable(cv) {
+    if (!cv) return cv;
+    var out = {};
+    for (var k in cv) out[k] = cv[k];
+    // the glow says it is yours: the "only you can answer" line is left off
+    out.foot = { you: '', rest: (cv.foot || {}).rest || '' };
+    out.fields = [];
+    var card = cv.card || null;
+    var row = card && card.row;
+    if (cv.options && cv.options.length) return out;
+    if (!row || !Array.isArray(row.actions) || !row.actions.length) return out;
+    var opts = [];
+    row.actions.forEach(function (a) {
+      if (a.go) return; // a link out is not an answer
+      var choice = (row.choices || {})[a.key] || null;
+      if (choice && choice.file) return; // a sign-off with a recording stays on its desk
+      if (choice && choice.field) {
+        var f = choice.field;
+        out.fields.push({ key: a.key, label: str(a.label), ask: str(choice.ask), placeholder: f && typeof f === 'object' && f.placeholder ? str(f.placeholder) : str(choice.ask || a.label), value: str(choice.value), card: row.card });
+        return;
+      }
+      var plan = function (input) { return QUIET[a.key] ? { mode: 'note' } : { mode: 'send', key: a.key, input: input || {}, card: row.card }; };
+      if (choice && choice.options && choice.options.length) {
+        var bare = a.key === 'decide' || a.key === 'answer';
+        choice.options.forEach(function (o) {
+          opts.push({ key: a.key + ':' + str(o.key), label: bare ? str(o.label) : str(a.label) + ': ' + str(o.label), result: '', act: a.key, rec: false, plan: plan(o.input), off: false, why: '' });
+        });
+      } else {
+        opts.push({ key: a.key, label: str(a.label), result: '', act: a.key, rec: false, plan: plan({}), off: false, why: '' });
+      }
+    });
+    out.options = opts.map(function (o, i) { o.n = i + 1; return o; });
+    if (!opts.length && !out.fields.length) return out; // only a recording answers it: keep its desk link
+    // what the desk row says about it, so the answer is made with it in front of you
+    var said = [card.asked, card.fact, card.result].map(str).filter(Boolean);
+    if (!cv.said && said.length) out.said = said.join(' ');
+    out.desk = null;
+    return out;
+  }
+  // ---------- open it in Claude (the crab) ----------
+  // The matter as a prompt a person can paste into Claude to think it through:
+  // copied to the clipboard and Claude opened in a new tab. Nothing rides the
+  // URL; the words go only where the person pastes them.
+  var CLAUDE_URL = 'https://claude.ai/new';
+  function promptOf(cv) {
+    var lines = ['I need to make a decision in my project and want help understanding it.', ''];
+    lines.push('Where: the ' + str(cv.buildingName) + ' building' + (cv.waits ? ' (' + str(cv.waits) + ')' : '') + '.');
+    lines.push('The question: ' + str(cv.question));
+    if (cv.said) lines.push('What it says: ' + str(cv.said));
+    var card = cv.card || {};
+    var more = card.more && card.more.text ? str(card.more.text) : str(card.fact || '');
+    if (more && more !== cv.said) lines.push('Detail: ' + more.slice(0, 1500));
+    if (cv.options && cv.options.length) {
+      lines.push('', 'The answers I can give:');
+      cv.options.forEach(function (o) { lines.push('- ' + str(o.label) + (o.result ? ': ' + str(o.result) : '')); });
+    }
+    var f = cv.foot || {};
+    if (f.rest) lines.push('', str(f.rest));
+    lines.push('', 'Explain in plain words what this is about, what each answer would lead to, and which you would pick and why.');
+    return lines.join('\n');
+  }
+  var CRAB = [
+    ['ellipse', { cx: 12, cy: 14, rx: 6, ry: 4 }],
+    ['circle', { cx: 4, cy: 7, r: 2.6 }],
+    ['circle', { cx: 20, cy: 7, r: 2.6 }],
+  ];
+  var CRAB_LINES = 'M7 11 L4.5 9 M17 11 L19.5 9 M7 16 L3 18 M6.5 14.5 L2.5 15 M17 16 L21 18 M17.5 14.5 L21.5 15 M10 10.5 L10 8.5 M14 10.5 L14 8.5';
+  function crabButton(doc, cv, onSaid) {
+    var b = doc.createElement('button');
+    b.className = 'ask-crab';
+    b.setAttribute('type', 'button');
+    b.setAttribute('title', 'Open in Claude: copies this question so you can paste it into Claude and talk it through');
+    b.setAttribute('aria-label', 'Open in Claude');
+    var NS = 'http://www.w3.org/2000/svg';
+    if (doc.createElementNS) {
+      var svg = doc.createElementNS(NS, 'svg');
+      svg.setAttribute('viewBox', '0 0 24 24');
+      svg.setAttribute('width', '18');
+      svg.setAttribute('height', '18');
+      svg.setAttribute('aria-hidden', 'true');
+      CRAB.forEach(function (s) { var n = doc.createElementNS(NS, s[0]); Object.keys(s[1]).forEach(function (k) { n.setAttribute(k, String(s[1][k])); }); n.setAttribute('fill', 'currentColor'); svg.appendChild(n); });
+      var p = doc.createElementNS(NS, 'path');
+      p.setAttribute('d', CRAB_LINES);
+      p.setAttribute('stroke', 'currentColor');
+      p.setAttribute('stroke-width', '1.6');
+      p.setAttribute('stroke-linecap', 'round');
+      p.setAttribute('fill', 'none');
+      svg.appendChild(p);
+      b.appendChild(svg);
+    }
+    b.addEventListener('click', function (e) {
+      if (e && e.stopPropagation) e.stopPropagation();
+      var text = promptOf(cv);
+      var w = typeof window !== 'undefined' ? window : null;
+      var copied = w && w.navigator && w.navigator.clipboard && w.navigator.clipboard.writeText ? w.navigator.clipboard.writeText(text).then(function () { return true; }, function () { return false; }) : Promise.resolve(false);
+      if (w && w.open) w.open(CLAUDE_URL, '_blank', 'noopener');
+      copied.then(function (ok) { if (onSaid) onSaid(ok ? 'Copied. Paste it into Claude to talk it through.' : 'Claude is open; copying did not work here, so select the question and copy it yourself.'); });
+    });
+    return b;
+  }
+
+  // ---------- "?": I don't understand this (the reword list) ----------
+  // One press puts the matter on the reword list (POST /government/asks/:id/
+  // unclear); an AI session rewrites it into the standard short card, and that
+  // closes the flag. Flagged already (the docket's `unclear`, or pressed this
+  // visit) shows filled, and pressing again only says so.
+  var FLAGGED = {};
+  // Every matter waiting on a rewrite: flagged this visit, or flagged before
+  // (the docket's `unclear`). They leave the to-do while Claude rewrites them,
+  // and are counted apart as "Rewording" (owner, 2026-10-23).
+  function rewordingIds(docket) {
+    var out = {};
+    Object.keys(FLAGGED).forEach(function (id) { out[id] = true; });
+    var ms = docket && Array.isArray(docket.matters) ? docket.matters : [];
+    ms.forEach(function (m) { if (m && m.unclear) out[m.id] = true; });
+    return out;
+  }
+  // How many are being reworded (at one building, or everywhere).
+  function rewordingCount(docket, building) {
+    var ids = rewordingIds(docket);
+    var ms = docket && Array.isArray(docket.matters) ? docket.matters : [];
+    var at = {};
+    ms.forEach(function (m) { if (m) at[m.id] = m.building; });
+    return Object.keys(ids).filter(function (id) { return !building || !at[id] || at[id] === building; }).length;
+  }
+  // The queue's session with the reworded matters left out, as if answered.
+  function withoutReworded(done, docket) {
+    var out = {};
+    Object.keys(done || {}).forEach(function (k) { out[k] = done[k]; });
+    Object.keys(rewordingIds(docket)).forEach(function (k) { out[k] = true; });
+    return out;
+  }
+  // The "?": first it says what will happen and asks to confirm, with an
+  // optional line on what was confusing; only the confirm sends the flag.
+  function unclearButton(doc, cv, on) {
+    var b = doc.createElement('button');
+    b.className = 'ask-unclear';
+    b.setAttribute('type', 'button');
+    b.textContent = '?';
+    b.setAttribute('aria-expanded', 'false');
+    b.setAttribute('title', 'Don\'t understand this? Ask Claude to rewrite it in plain words');
+    b.setAttribute('aria-label', 'I don\'t understand this: ask Claude to rewrite it');
+    b.addEventListener('click', function (e) {
+      if (e && e.stopPropagation) e.stopPropagation();
+      var art = b.closest ? b.closest('[data-ask]') : null;
+      if (!art) return;
+      var open = art.querySelector('.ask-reword');
+      if (open) { open.parentNode.removeChild(open); b.setAttribute('aria-expanded', 'false'); return; }
+      b.setAttribute('aria-expanded', 'true');
+      var box = doc.createElement('div');
+      box.className = 'ask-reword';
+      box.setAttribute('role', 'group');
+      box.setAttribute('aria-label', 'Send this for a rewrite');
+      var h = function (tag, cls, text) { var n = doc.createElement(tag); if (cls) n.className = cls; if (text != null) n.textContent = text; return n; };
+      box.appendChild(h('p', 'ask-reword__title', 'Send this to Claude to rewrite?'));
+      var list = h('ul', 'ask-reword__list');
+      ['Claude rewrites it as one short question with clear answers.',
+        'It leaves your to-do and counts under "Rewording" until the new words are ready.',
+        'Nothing is decided or changed; it comes back to you to answer.'].forEach(function (t) { list.appendChild(h('li', null, t)); });
+      box.appendChild(list);
+      var note = h('input', 'ask-reword__note');
+      note.setAttribute('type', 'text');
+      note.setAttribute('maxlength', '500');
+      note.setAttribute('placeholder', 'What was confusing? (optional)');
+      note.setAttribute('aria-label', 'What was confusing (optional)');
+      box.appendChild(note);
+      var row = h('div', 'ask-reword__acts');
+      var go = h('button', 'ask-reword__go', 'Send for rewrite');
+      go.setAttribute('type', 'button');
+      var no = h('button', 'ask-reword__no', 'Cancel');
+      no.setAttribute('type', 'button');
+      no.addEventListener('click', function (ev) { if (ev && ev.stopPropagation) ev.stopPropagation(); box.parentNode.removeChild(box); b.setAttribute('aria-expanded', 'false'); if (b.focus) b.focus(); });
+      go.addEventListener('click', function (ev) {
+        if (ev && ev.stopPropagation) ev.stopPropagation();
+        go.setAttribute('disabled', '');
+        var text = String(note.value || '').trim();
+        on.send({ method: 'POST', url: '/api/bongos/government/asks/' + encodeURIComponent(cv.id) + '/unclear', body: text ? { note: text } : {} }).then(function (res) {
+          var preview = res && res.status === 501 && res.body && res.body.error && res.body.error.code === 'preview_readonly';
+          if (res && (res.ok || preview)) {
+            FLAGGED[cv.id] = true;
+            var msg = preview ? 'Sent for a rewrite. This preview stores nothing.' : 'Sent for a rewrite. It is back on your list once the new words are ready.';
+            if (on.reworded) on.reworded(msg); else if (on.said) on.said(msg);
+          } else {
+            go.removeAttribute('disabled');
+            var C = window.GovMatterCard;
+            if (on.said) on.said(C && C.refusal ? C.refusal(res && res.status, res && res.body) : 'That could not be sent just now.');
+          }
+        });
+      });
+      row.appendChild(go);
+      row.appendChild(no);
+      box.appendChild(row);
+      var line = b.parentNode;
+      if (line && line.parentNode && typeof line.parentNode.insertBefore === 'function') line.parentNode.insertBefore(box, line.nextSibling);
+      else art.appendChild(box);
+      if (go.focus) go.focus();
+    });
+    return b;
+  }
+
+  // The deck's card, answerable; a typed answer gets its own box and send.
+  function drawCard(doc, K, cv, on, o) {
+    var shown = answerable(cv);
+    var art = K.drawAsk(doc, shown, on, o);
+    // the crab: open this one in Claude to help decide it
+    var q = art.querySelector ? art.querySelector('.ask__q') : null;
+    if (q && q.parentNode && typeof q.parentNode.insertBefore === 'function') {
+      var line = doc.createElement('div');
+      line.className = 'ask-qline';
+      q.parentNode.insertBefore(line, q);
+      line.appendChild(q);
+      line.appendChild(crabButton(doc, shown, on.said));
+      if (on.send) line.appendChild(unclearButton(doc, shown, on));
+    } else {
+      art.appendChild(crabButton(doc, shown, on.said));
+      if (on.send) art.appendChild(unclearButton(doc, shown, on));
+    }
+    shown.fields.forEach(function (f) {
+      var form = doc.createElement('form');
+      form.className = 'ask-field';
+      var input = doc.createElement('input');
+      input.className = 'ask-field__input';
+      input.setAttribute('type', 'text');
+      input.setAttribute('aria-label', f.label);
+      input.setAttribute('placeholder', f.placeholder);
+      if (f.value) input.value = f.value;
+      if (o && o.busy) input.setAttribute('disabled', '');
+      var go = doc.createElement('button');
+      go.className = 'ask-field__send';
+      go.setAttribute('type', 'submit');
+      go.textContent = f.label;
+      if (o && o.busy) go.setAttribute('disabled', '');
+      form.appendChild(input);
+      form.appendChild(go);
+      form.addEventListener('submit', function (e) {
+        if (e && e.preventDefault) e.preventDefault();
+        var text = str(input.value).trim();
+        if (!text || !on.pick) return;
+        on.pick({ key: f.key, label: f.label, result: '', plan: { mode: 'send', key: f.key, input: { option: text, label: text, text: text }, card: f.card } });
+      });
+      var foot = art.querySelector ? art.querySelector('.ask__foot, .ask__more') : null;
+      if (foot && typeof art.insertBefore === 'function') art.insertBefore(form, foot); else art.appendChild(form);
+    });
+    return { node: art, cv: shown };
+  }
+
+  // The beat a decision lands with: a pulse on the panel and a word over it,
+  // gone in under a second (still under reduced motion: city.css).
+  function flash(host, text) {
+    if (!host || !host.ownerDocument) return;
+    var doc = host.ownerDocument;
+    host.classList.remove('is-decided');
+    void host.offsetWidth;
+    host.classList.add('is-decided');
+    var tag = doc.createElement('span');
+    tag.className = 'decided-tag';
+    tag.setAttribute('role', 'status');
+    tag.textContent = '✓ ' + text;
+    host.appendChild(tag);
+    setTimeout(function () { host.classList.remove('is-decided'); if (tag.parentNode) tag.parentNode.removeChild(tag); }, 1100);
+  }
+
+  // A number key picks first, then confirms (owner, 2026-10-23): the first
+  // press moves to that answer and marks it; the same number again sends it.
+  // host is the panel that outlives a redraw; returns true when confirmed.
+  function armKey(host, cv, n) {
+    if (!host || !cv) return false;
+    var a = host.__armed;
+    if (a && a.id === cv.id && a.n === n) { host.__armed = null; return true; }
+    host.__armed = { id: cv.id, n: n };
+    paintArmed(host);
+    return false;
+  }
+  function paintArmed(host) {
+    var a = host && host.__armed;
+    if (!a || !host.querySelectorAll) return;
+    var opts = host.querySelectorAll('.ask__opt');
+    for (var i = 0; i < opts.length; i++) {
+      var b = opts[i];
+      var hit = b.getAttribute('data-n') === String(a.n) && b.closest && b.closest('[data-ask]') && b.closest('[data-ask]').getAttribute('data-ask') === String(a.id);
+      b.classList.toggle('ask__opt--armed', !!hit);
+      var old = b.querySelector('.ask__confirm');
+      if (old) old.parentNode.removeChild(old);
+      if (hit) {
+        var t = b.ownerDocument.createElement('span');
+        t.className = 'ask__confirm';
+        t.textContent = 'press ' + a.n + ' again to confirm';
+        b.appendChild(t);
+        if (b.focus) b.focus();
+      }
+    }
+  }
+
+  function make(ctx) {
+    // ctx { data(), done{}, send(req), changed(), root() }
+    var doc = document;
+    var st = { open: false, view: 'one', scope: null, at: 0, busy: false, said: '', picked: {}, skipped: [] };
+    var el = null;
+
+    function K() { return window.GovDeck; }
+    function node(tag, cls, text) {
+      var n = doc.createElement(tag);
+      if (cls) n.className = cls;
+      if (text != null) n.textContent = String(text);
+      return n;
+    }
+    function button(cls, text, fn, label) {
+      var b = node('button', cls, text);
+      b.setAttribute('type', 'button');
+      if (label) b.setAttribute('aria-label', label);
+      b.addEventListener('click', fn);
+      return b;
+    }
+    function queue(scope) {
+      var d = ctx.data();
+      if (!K() || !d || !d.living) return [];
+      // what is out for a rewrite leaves the queue until its new words land
+      var q = K().queueOf(d.living, { done: withoutReworded(ctx.done, d.docket), delegated: {}, skipped: st.skipped, extra: [] }, scope === undefined ? st.scope : scope);
+      // one building's items together, buildings in the order their first item ranks
+      var order = [];
+      q.forEach(function (a) { if (order.indexOf(a.building) < 0) order.push(a.building); });
+      return q.slice().sort(function (a, b) { return order.indexOf(a.building) - order.indexOf(b.building); });
+    }
+    function view(ask) {
+      var d = ctx.data();
+      return K().cardView(ask, { docket: d.docket, room: ctx.room ? ctx.room() : null, constitution: d.raw && d.raw.constitution, goals: (d.goals || []).filter(function (g) { return g && g.status === 'open'; }), now: Date.now(), viewerId: d.docket && d.docket.viewer ? String(d.docket.viewer.id) : null });
+    }
+    function ageOf(cv) { var k = String(cv.kicker || ''); var i = k.indexOf(' · '); return i < 0 ? '' : k.slice(i + 3); }
+
+    function open(scope, how) {
+      st.open = true;
+      st.scope = scope || null;
+      st.at = 0;
+      st.said = '';
+      st.picked = {};
+      if (how) st.view = how;
+      render();
+      var f = el && el.querySelector('.ask__opt, .decide__row-box, .decide__close');
+      if (f && f.focus) f.focus();
+    }
+    function close() {
+      st.open = false;
+      if (el) { while (el.firstChild) el.removeChild(el.firstChild); el.setAttribute('hidden', ''); }
+      var L = window.location; if (L && /^#decide/.test(L.hash || '') && window.history && history.replaceState) history.replaceState(null, '', L.pathname + L.search);
+    }
+    function mount() {
+      if (el) return el;
+      el = node('div', 'decide gov-glass');
+      el.setAttribute('id', 'cityDecide');
+      el.setAttribute('role', 'dialog');
+      el.setAttribute('aria-label', 'Decide');
+      el.setAttribute('hidden', '');
+      if (doc.addEventListener) doc.addEventListener('keydown', key); else el.addEventListener('keydown', key);
+      (ctx.root() || doc.body).appendChild(el);
+      return el;
+    }
+
+    function render() {
+      mount();
+      while (el.firstChild) el.removeChild(el.firstChild);
+      if (!st.open) { el.setAttribute('hidden', ''); return; }
+      el.removeAttribute('hidden');
+      var all = queue(null);
+      var q = queue();
+      var yours = q.filter(function (a) { return a.needs_you; }).length;
+
+      var head = node('div', 'decide__head');
+      head.appendChild(node('h2', 'decide__title', 'Decide'));
+      // the scope: every building, or one
+      var pick = node('select', 'decide__scope');
+      pick.setAttribute('aria-label', 'Which building');
+      var o0 = node('option', null, 'All buildings (' + all.length + ')');
+      o0.value = '';
+      pick.appendChild(o0);
+      (K().scopesOf ? K().scopesOf(ctx.data().living, { done: withoutReworded(ctx.done, ctx.data().docket), delegated: {}, skipped: [], extra: [] }) : []).forEach(function (s) {
+        var o = node('option', null, s.label + ' (' + s.n + ')');
+        o.value = s.key;
+        if (s.key === st.scope) o.selected = true;
+        pick.appendChild(o);
+      });
+      pick.addEventListener('change', function () { st.scope = pick.value || null; st.at = 0; st.picked = {}; render(); });
+      head.appendChild(pick);
+      // one by one, or the table: the hall's own tabs (OTBKit.makeTabs)
+      var tabs = node('div', 'decide__tabs');
+      head.appendChild(tabs);
+      var Kit = window.OTBKit;
+      if (Kit && Kit.makeTabs) {
+        Kit.makeTabs({ mount: tabs, tabs: [{ id: 'decide-one', label: 'One by one' }, { id: 'decide-table', label: 'Table' }], initial: st.view === 'table' ? 'decide-table' : 'decide-one',
+          onChange: function (id) { var v = id === 'decide-table' ? 'table' : 'one'; if (v === st.view) return; st.view = v; st.said = ''; render(); } });
+      }
+      head.appendChild(node('span', 'decide__gap'));
+      var counts = node('span', 'decide__counts', 'Total ' + q.length + ' / ');
+      counts.appendChild(node('b', yours ? 'decide__yours' : null, 'Yours ' + yours));
+      var rw = rewordingCount(ctx.data().docket, st.scope);
+      if (rw) counts.appendChild(node('span', 'decide__rewording', 'Rewording ' + rw));
+      head.appendChild(counts);
+      var x = button('decide__close', null, close, 'Close');
+      x.setAttribute('aria-keyshortcuts', 'Escape');
+      x.appendChild(node('kbd', null, 'esc'));
+      head.appendChild(x);
+      el.appendChild(head);
+
+      if (!q.length) { el.appendChild(node('p', 'decide__empty', 'Nothing waits here. Every ask in this scope is answered.')); return; }
+      if (st.view === 'table') table(q); else one(q);
+      if (st.said) { var s = node('p', 'decide__said', st.said); s.setAttribute('role', 'status'); el.appendChild(s); }
+      // a pick waiting on its confirm survives a redraw of the same card, never a move to another
+      if (el.__armed && (st.view !== 'one' || !el._cv || el._cv.id !== el.__armed.id)) el.__armed = null;
+      else paintArmed(el);
+    }
+
+    // ---------- one by one ----------
+    function one(q) {
+      if (st.at >= q.length) st.at = q.length - 1;
+      if (st.at < 0) st.at = 0;
+      var raw = view(q[st.at]);
+      var g = groupOf(q, st.at);
+      var row = node('div', 'decide__one');
+      var prev = button('decide__arrow', '‹', function () { jump(-1); }, 'Previous building');
+      prev.setAttribute('aria-keyshortcuts', 'ArrowLeft');
+      if (g.n < 2) prev.setAttribute('disabled', '');
+      var next = button('decide__arrow', '›', function () { jump(1); }, 'Next building');
+      next.setAttribute('aria-keyshortcuts', 'ArrowRight');
+      if (g.n < 2) next.setAttribute('disabled', '');
+      var drawn = window.GovCityDecide.drawCard(doc, K(), raw, {
+        pick: function (op) { answerOne(raw, op); },
+        skip: function () { st.skipped.push(raw.id); st.said = ''; render(); },
+        said: function (t) { st.said = t; render(); },
+        reworded: function (t) { st.said = t; ctx.changed(); render(); },
+        send: ctx.send,
+        docket: function () { return ctx.data().docket; },
+      }, { where: true, acts: true, busy: st.busy, pos: (g.i + 1) + ' of ' + g.items, cls: 'decide-ask' + (raw.needsYou ? ' decide-ask--you' : '') });
+      row.appendChild(prev);
+      row.appendChild(drawn.node);
+      row.appendChild(next);
+      el.appendChild(row);
+      // where you are: this building's items, and the buildings
+      var pos = node('p', 'decide__pos');
+      pos.appendChild(node('b', 'decide__pos-n', raw.buildingName + ' ' + (g.i + 1) + ' of ' + g.items));
+      pos.appendChild(node('span', null, ' · building ' + (g.b + 1) + ' of ' + g.n + ' · Tab or ↑ ↓ next item · ← → next building · 1–9 answer · S skip'));
+      el.appendChild(pos);
+      el._cv = drawn.cv;
+    }
+    // the item's place: its index in its building, and its building's among the rest
+    function groupOf(q, at) {
+      var keys = [];
+      q.forEach(function (a) { if (keys.indexOf(a.building) < 0) keys.push(a.building); });
+      var b = q[at] ? q[at].building : keys[0];
+      var mine = [];
+      q.forEach(function (a, i) { if (a.building === b) mine.push(i); });
+      return { b: keys.indexOf(b), n: keys.length, keys: keys, idx: mine, i: mine.indexOf(at), items: mine.length };
+    }
+    function focusFirst() { var c = el.querySelector('.ask__opt, .ask-field__input'); if (c && c.focus) c.focus(); }
+    // Tab / down: the next item in this building (wrapping); Shift+Tab / up: the one before
+    function flip(d) {
+      var q = queue(), g = groupOf(q, st.at);
+      if (!g.items) return;
+      st.at = g.idx[(g.i + d + g.items) % g.items];
+      st.said = '';
+      render();
+      focusFirst();
+    }
+    // left / right: the first item of the building before or after
+    function jump(d) {
+      var q = queue(), g = groupOf(q, st.at);
+      if (g.n < 2) return;
+      var to = g.keys[(g.b + d + g.n) % g.n];
+      for (var i = 0; i < q.length; i++) if (q[i].building === to) { st.at = i; break; }
+      st.said = '';
+      render();
+      focusFirst();
+    }
+    function answerOne(cv, op) {
+      if (st.busy || !op) return;
+      if (op.plan && op.plan.mode === 'record') { st.said = 'This one is signed off with a recording: answer it on its desk.'; render(); return; }
+      st.busy = true;
+      render();
+      K().sendAnswer(op, ctx.send).then(function (res) {
+        st.busy = false;
+        st.said = res.toast;
+        if (res.ok) { ctx.done[cv.id] = true; ctx.changed(); }
+        render();
+        if (res.ok) flash(el.querySelector('.decide-ask') || el, 'Decided');
+        var c = el.querySelector('.ask__opt');
+        if (c && c.focus) c.focus();
+      });
+    }
+
+    // ---------- table ----------
+    function table(q) {
+      var cvs = q.map(function (a) { return window.GovCityDecide.answerable(view(a)); });
+      var ticked = cvs.filter(function (cv) { return st.picked[cv.id]; });
+      // the bulk bar: answers every ticked row offers, and "my pick" for each
+      var bar = node('div', 'decide__bulk');
+      bar.appendChild(node('span', 'decide__bulk-n', ticked.length ? ticked.length + ' selected' : 'Tick rows to answer them together'));
+      if (ticked.length) {
+        var common = null;
+        ticked.forEach(function (cv) {
+          var labels = cv.options.filter(function (o) { return !o.off && !(o.plan && o.plan.mode === 'record'); }).map(function (o) { return o.label; });
+          common = common === null ? labels : common.filter(function (l) { return labels.indexOf(l) >= 0; });
+        });
+        (common || []).forEach(function (label) {
+          bar.appendChild(button('decide__bulk-btn', label, function () { bulk(ticked, function (cv) { return cv.options.filter(function (o) { return o.label === label; })[0]; }); }));
+        });
+        if (ticked.some(function (cv) { return cv.rec; })) {
+          bar.appendChild(button('decide__bulk-btn decide__bulk-btn--rec', 'Use my pick for each', function () { bulk(ticked, function (cv) { return cv.rec ? cv.options.filter(function (o) { return o.label === cv.rec.label; })[0] : null; }); }));
+        }
+        bar.appendChild(button('decide__bulk-clear', 'clear', function () { st.picked = {}; render(); }));
+      }
+      el.appendChild(bar);
+
+      var wrap = node('div', 'decide__table-wrap');
+      var t = node('table', 'decide__table');
+      var thead = node('thead');
+      var hr = node('tr');
+      var allBox = node('input', 'decide__row-box');
+      allBox.type = 'checkbox';
+      allBox.setAttribute('aria-label', 'Select all');
+      allBox.checked = ticked.length === cvs.length;
+      allBox.addEventListener('change', function () { st.picked = {}; if (allBox.checked) cvs.forEach(function (cv) { st.picked[cv.id] = true; }); render(); });
+      var th0 = node('th');
+      th0.appendChild(allBox);
+      hr.appendChild(th0);
+      ['Building', 'Question', 'Waits on', 'Age', 'My pick', 'Answer'].forEach(function (h) { hr.appendChild(node('th', null, h)); });
+      thead.appendChild(hr);
+      t.appendChild(thead);
+      var tb = node('tbody');
+      cvs.forEach(function (cv) {
+        var tr = node('tr', cv.needsYou ? 'decide__tr--you' : null);
+        var td0 = node('td');
+        var box = node('input', 'decide__row-box');
+        box.type = 'checkbox';
+        box.checked = !!st.picked[cv.id];
+        box.setAttribute('aria-label', 'Select: ' + cv.question);
+        box.addEventListener('change', function () { if (box.checked) st.picked[cv.id] = true; else delete st.picked[cv.id]; render(); });
+        td0.appendChild(box);
+        tr.appendChild(td0);
+        tr.appendChild(node('td', 'decide__bld', cv.buildingName));
+        tr.appendChild(node('td', 'decide__q', cv.question));
+        tr.appendChild(node('td', null, cv.waits));
+        tr.appendChild(node('td', 'decide__age', ageOf(cv)));
+        tr.appendChild(node('td', null, cv.rec ? cv.rec.label : '—'));
+        var acts = node('td', 'decide__acts');
+        cv.fields.forEach(function (fl) {
+          var box = node('input', 'decide__text');
+          box.setAttribute('type', 'text');
+          box.setAttribute('placeholder', fl.placeholder);
+          box.setAttribute('aria-label', fl.label);
+          acts.appendChild(box);
+          acts.appendChild(button('decide__opt', fl.label, function () {
+            var t = String(box.value || '').trim();
+            if (t) bulk([cv], function () { return { label: fl.label, plan: { mode: 'send', key: fl.key, input: { option: t, label: t, text: t }, card: fl.card } }; });
+          }));
+        });
+        if (!cv.options.length && !cv.fields.length && cv.desk) {
+          var a = node('a', 'decide__desk', 'on its desk');
+          a.setAttribute('href', cv.desk);
+          acts.appendChild(a);
+        }
+        cv.options.forEach(function (op) {
+          var b = button('decide__opt' + (op.rec ? ' decide__opt--rec' : ''), op.label, function () { bulk([cv], function () { return op; }); });
+          b.setAttribute('title', op.off ? op.why : op.result);
+          if (op.off || st.busy) b.setAttribute('disabled', '');
+          acts.appendChild(b);
+        });
+        tr.appendChild(acts);
+        tb.appendChild(tr);
+      });
+      t.appendChild(tb);
+      wrap.appendChild(t);
+      el.appendChild(wrap);
+    }
+    // Answer rows one after another; say how many went and what refused.
+    function bulk(cvs, choose) {
+      if (st.busy) return;
+      var jobs = cvs.map(function (cv) { return { cv: cv, op: choose(cv) }; });
+      var skipped = jobs.filter(function (j) { return !j.op || j.op.off || (j.op.plan && j.op.plan.mode === 'record'); }).length;
+      jobs = jobs.filter(function (j) { return j.op && !j.op.off && !(j.op.plan && j.op.plan.mode === 'record'); });
+      st.busy = true;
+      st.said = 'Sending ' + jobs.length + '…';
+      render();
+      var ok = 0, refused = [];
+      jobs.reduce(function (p, j) {
+        return p.then(function () {
+          return K().sendAnswer(j.op, ctx.send).then(function (res) {
+            if (res.ok) { ok++; ctx.done[j.cv.id] = true; delete st.picked[j.cv.id]; } else refused.push(res.toast);
+          });
+        });
+      }, Promise.resolve()).then(function () {
+        st.busy = false;
+        st.said = (jobs.length === 1 && cvs.length === 1 && !refused.length ? 'Answered.' : 'Answered ' + ok + ' of ' + cvs.length + '.')
+          + (skipped ? ' ' + skipped + ' had no such answer from here.' : '')
+          + (refused.length ? ' Refused: ' + refused[0] + (refused.length > 1 ? ' (and ' + (refused.length - 1) + ' more)' : '') : '');
+        if (ok) ctx.changed();
+        render();
+        if (ok) flash(el, 'Decided ' + ok);
+      });
+    }
+
+    function key(e) {
+      if (!st.open || e.ctrlKey || e.metaKey || e.altKey) return;
+      var tag = e.target && e.target.tagName;
+      if (e.key === 'Escape') { e.preventDefault(); e.stopPropagation(); close(); return; }
+      if (st.view !== 'one' || tag === 'SELECT') return;
+      if (tag === 'INPUT' || tag === 'TEXTAREA') return;
+      if (e.key === 'Tab') { e.preventDefault(); flip(e.shiftKey ? -1 : 1); return; }
+      if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') { e.preventDefault(); jump(e.key === 'ArrowLeft' ? -1 : 1); return; }
+      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') { e.preventDefault(); flip(e.key === 'ArrowUp' ? -1 : 1); return; }
+      if (/^[sS]$/.test(e.key) && el._cv) { e.preventDefault(); st.skipped.push(el._cv.id); render(); return; }
+      if (/^[1-9]$/.test(e.key) && el._cv) {
+        var op = el._cv.options[Number(e.key) - 1];
+        if (op) { e.preventDefault(); if (armKey(el, el._cv, Number(e.key))) answerOne(el._cv, op); }
+      }
+    }
+
+    return { open: open, close: close, render: render, isOpen: function () { return st.open; } };
+  }
+
+  window.GovCityDecide = { make: make, answerable: answerable, drawCard: drawCard, flash: flash, armKey: armKey, rewordingIds: rewordingIds, rewordingCount: rewordingCount, withoutReworded: withoutReworded, paintArmed: paintArmed, promptOf: promptOf, CLAUDE_URL: CLAUDE_URL };
+}());