@bongos/core 1.21.166 → 1.21.168

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

@@ -766,6 +766,17 @@
     let n = 0;
     CIVIC_SLOTS.forEach((s) => {
       const b = living.byKey[s[0]];
+      // Automation is a switchboard (owner, 2026-10-23): its marker is a switch,
+      // on or off, never a count of asks; it opens the board
+      if (s[0] === 'automation') {
+        const fence = living.city && living.city.fence;
+        const on = !!(fence && fence.enabled);
+        const at = P(s[1] + 1, s[2] + 1, civicTop[s[0]] + 8);
+        const nm = (b && b.name) || 'Automation';
+        pins.push({ key: 'switchboard', building: s[0], state: 'switch', on: on, count: 0, matters: [], title: 'the switchboard', aria: nm + ': switchboard, AI building: ' + (on ? 'on' : 'off'), x: r1(at[0] - 15), y: r1(at[1] - 52), h: 52, gf: null, gl: null, delay: -(n * 0.9), age: null, oldest_days: null });
+        n += 1;
+        return;
+      }
       const v = asksAt(b, answered);
       if (!v.all.length) return;
       let tier, list;
@@ -827,7 +838,7 @@
     const r = ((b && b.readings) || []).find((x) => x && x.status === 'live' && x.figure);
     if (r) return { text: String(r.figure), line: String(r.line || '') };
     const fence = living.city && living.city.fence;
-    if (b && b.key === 'automation' && fence) return { text: fence.enabled ? 'running unattended' : 'unattended off', line: '' };
+    if (b && b.key === 'automation' && fence) return { text: fence.enabled ? 'AI building: on' : 'AI building: off', line: '' };
     if (b && b.agents > 0) return { text: b.agents + ' ' + words('agents_at_work', b.agents), line: '' };
     if (b && b.decision && b.decision.rule_words) return { text: String(b.decision.rule_words), line: '' };
     return { text: 'quiet', line: '' };
@@ -862,8 +873,8 @@
   }
   function ctaFor(onYou) {
     return onYou > 0
-      ? { label: 'decide ' + onYou + ' in a row', href: STREET_HREF + '#deck', aria: 'Decide the ' + onYou + ' questions on you, one card at a time' }
-      : { label: 'start governing', href: STREET_HREF, aria: 'Start governing: enter the street view' };
+      ? { label: 'decide ' + onYou + ' in a row', href: '#decide', aria: 'Decide the ' + onYou + ' questions on you, one card at a time' }
+      : { label: 'start governing', href: '#decide', aria: 'Start governing: everything that waits, one card at a time' };
   }
   function livingLine(onYou, others, agents) {
     const parts = [onYou ? onYou + ' ' + words('on_you', onYou) : 'nothing to do'];

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

@@ -0,0 +1,141 @@
+// modules/hall-ui/public/city-switchboard.js — AUTOMATION AS A SWITCHBOARD
+// (owner, 2026-10-23): the Automation building's card is a board of switches,
+// not a queue of asks. Unattended building is a standing state, so it never
+// counts as a to-do (modules/autonomy/governor-docket.js settles the fence
+// matter); what the viewer may change is drawn here as switches.
+//
+// ONLY THE SWITCHES YOU CONTROL. Every row comes from the Automation desks the
+// docket hands THIS viewer (GovDesk.rowsFor: automation.switch, .goals,
+// .runners), and the server decides those rows and their acts per viewer from
+// the switch's own permission. So the board never draws a switch the server
+// would refuse; a viewer who controls none is told who does.
+//
+// Each flip sends the desk row's own request (GovMatterCard.request) through
+// the page's sender, then the page re-reads. No innerHTML.
+(function () {
+  'use strict';
+
+  var FLOORS = [
+    { floor: 0, title: 'AI builds on its own (Autobongos)', sub: 'On: AI agents pick up tasks and build them by themselves, even overnight. Off: nothing is built unless a person starts it.' },
+    { floor: 1, title: 'Goals the AI may work on', sub: 'Turn a goal on to let the AI build it by itself. Goals left off are never touched.' },
+    { floor: 2, title: 'Computers doing the building', sub: 'Each builder\'s computer that runs the AI. Pause one without stopping the rest.' },
+  ];
+
+  function str(v) { return v == null ? '' : String(v); }
+
+  // The board as data, for one viewer. Pure over the docket.
+  function model(docket, ctx) {
+    var D = window.GovDesk;
+    var c = ctx || {};
+    if (!D || !D.rowsFor || !docket) return { groups: [], any: false };
+    var groups = FLOORS.map(function (f) {
+      var rows = D.rowsFor('automation', f.floor, docket, { now: c.now || Date.now(), viewerId: c.viewerId, goals: c.goals || [] });
+      var switches = [];
+      rows.forEach(function (r) {
+        var keys = r.actions.map(function (a) { return a.key; });
+        var choices = r.choices || {};
+        if (keys.indexOf('switch_on') >= 0) switches.push({ id: r.key, name: 'For the whole project', on: false, fact: firstFact(r), flip: { row: r, key: 'switch_on', input: {} } });
+        else if (keys.indexOf('switch_off') >= 0) switches.push({ id: r.key, name: 'For the whole project', on: true, fact: firstFact(r), flip: { row: r, key: 'switch_off', reasons: (choices.switch_off || {}).options || [] } });
+        else if (keys.indexOf('allow') >= 0) {
+          // the "allow a goal" row: every open goal not yet allowed is an OFF switch
+          ((choices.allow || {}).options || []).forEach(function (o) {
+            switches.push({ id: r.key + ':' + o.key, name: str(o.input && o.input.label) || o.label, on: false, fact: 'off: the AI leaves it alone', flip: { row: r, key: 'allow', input: o.input } });
+          });
+        } else if (keys.indexOf('disallow') >= 0) {
+          var first = keys.indexOf('first') < 0;
+          switches.push({ id: r.key, name: r.name, on: true, fact: first ? 'on, and worked first' : 'on: the AI may build it', first: first, flip: { row: r, key: 'disallow', input: {} }, star: first ? null : { row: r, key: 'first', input: {} } });
+        } else if (keys.indexOf('pause') >= 0) switches.push({ id: r.key, name: r.name, on: true, fact: firstFact(r), flip: { row: r, key: 'pause', reasons: (choices.pause || {}).options || [] } });
+        else if (keys.indexOf('resume') >= 0) switches.push({ id: r.key, name: r.name, on: false, fact: firstFact(r) || 'paused', flip: { row: r, key: 'resume', input: {} } });
+      });
+      return { title: f.title, sub: f.sub, switches: switches };
+    }).filter(function (g) { return g.switches.length; });
+    return { groups: groups, any: groups.length > 0 };
+  }
+  function firstFact(r) { return str(r.fact) || (r.facts && r.facts[0]) || ''; }
+
+  // Draw the board into `host`. on { send(req) -> Promise<{ok,status,body}>, done(toast, ok), busy }
+  function draw(doc, host, docket, ctx, on) {
+    var h = function (tag, cls, text) { var n = doc.createElement(tag); if (cls) n.className = cls; if (text != null) n.textContent = String(text); return n; };
+    var m = model(docket, ctx);
+    var board = h('div', 'swb');
+    if (!m.any) {
+      var b = (docket && docket.buildings || []).filter(function (x) { return x && x.key === 'automation'; })[0];
+      var who = b && b.decision && b.decision.who ? b.decision.who : 'whoever may turn the AI building on and off';
+      board.appendChild(h('p', 'swb__none', 'None of these switches are yours. They belong to ' + who + '.'));
+      host.appendChild(board);
+      return m;
+    }
+    var open = null; // the switch waiting on a reason
+    function send(flip, input) {
+      var C = window.GovMatterCard;
+      var req = C && C.request ? C.request(flip.row.card, flip.key, input || flip.input || {}) : null;
+      if (!req) { on.done('That switch cannot be flipped from here.', false); return; }
+      on.send(req).then(function (res) {
+        var ok = res && res.ok;
+        var preview = res && res.status === 501 && res.body && res.body.error && res.body.error.code === 'preview_readonly';
+        var toast = ok ? (C.answer(flip.row.card, flip.key, res.body).toast || 'Done.') : preview ? 'Sent. This preview stores nothing.' : C.refusal(res.status, res.body);
+        on.done(toast, ok || preview);
+      });
+    }
+    m.groups.forEach(function (g) {
+      var sec = h('section', 'swb__group');
+      var head = h('div', 'swb__head');
+      head.appendChild(h('h4', 'swb__title', g.title));
+      head.appendChild(h('span', 'swb__sub', g.sub));
+      sec.appendChild(head);
+      g.switches.forEach(function (s) {
+        var row = h('div', 'swb__row' + (s.on ? ' swb__row--on' : ''));
+        var label = h('div', 'swb__label');
+        label.appendChild(h('span', 'swb__name', s.name));
+        if (s.fact) label.appendChild(h('span', 'swb__fact', s.fact));
+        row.appendChild(label);
+        if (s.star) {
+          var star = h('button', 'swb__star', 'do this first');
+          star.setAttribute('type', 'button');
+          star.setAttribute('title', 'Work this goal first');
+          if (on.busy) star.setAttribute('disabled', '');
+          star.addEventListener('click', function () { send(s.star); });
+          row.appendChild(star);
+        }
+        var t = h('button', 'swb__toggle');
+        t.setAttribute('type', 'button');
+        t.setAttribute('role', 'switch');
+        t.setAttribute('aria-checked', s.on ? 'true' : 'false');
+        t.setAttribute('aria-label', s.name + ': ' + (s.on ? 'on' : 'off'));
+        if (on.busy) t.setAttribute('disabled', '');
+        t.appendChild(h('span', 'swb__knob'));
+        t.appendChild(h('span', 'swb__state', s.on ? 'on' : 'off'));
+        row.appendChild(t);
+        sec.appendChild(row);
+        // turning something off asks why, in one tap
+        var why = null;
+        if (s.flip.reasons && s.flip.reasons.length) {
+          why = h('div', 'swb__why');
+          why.setAttribute('hidden', '');
+          why.appendChild(h('span', 'swb__why-ask', 'why?'));
+          s.flip.reasons.forEach(function (o) {
+            var c = h('button', 'swb__chip', o.label);
+            c.setAttribute('type', 'button');
+            c.addEventListener('click', function () { send(s.flip, o.input); });
+            why.appendChild(c);
+          });
+          sec.appendChild(why);
+        }
+        t.addEventListener('click', function () {
+          if (why) {
+            if (open && open !== why) open.setAttribute('hidden', '');
+            if (why.hasAttribute('hidden')) { why.removeAttribute('hidden'); open = why; var f = why.querySelector('.swb__chip'); if (f && f.focus) f.focus(); } else why.setAttribute('hidden', '');
+            return;
+          }
+          send(s.flip);
+        });
+      });
+      board.appendChild(sec);
+    });
+    board.appendChild(h('p', 'swb__note', 'Only the switches you control are shown.'));
+    host.appendChild(board);
+    return m;
+  }
+
+  window.GovCitySwitchboard = { model: model, draw: draw, FLOORS: FLOORS };
+}());

package/modules/hall-ui/public/city.css

@@ -218,17 +218,33 @@ html[data-fullscreen="on"] .city-top { right: 184px; }
    glass and its tokens street-deck.css's (the ask inside is the deck's card) */
 .city-card { position: absolute; left: 50%; top: 96px; z-index: 8; width: min(432px, calc(100% - 32px)); max-height: calc(100% - 80px); overflow-y: auto; box-sizing: border-box; display: flex; flex-direction: column; gap: 16px; padding: 22px 24px 18px; border-radius: 28px; color: var(--ink); }
 .city-card[hidden] { display: none; }
-.city-card__head { display: flex; flex-direction: column; gap: 4px; }
-.city-card__top { display: flex; align-items: center; gap: 10px; }
-.city-card__name { flex: 1; min-width: 0; margin: 0; font-size: 24px; font-weight: 400; letter-spacing: -0.02em; }
-.city-card__close { flex: none; display: inline-flex; background: none; border: 0; padding: 0; min-width: 24px; min-height: 24px; cursor: pointer; }
+.city-card__top { display: flex; align-items: baseline; gap: 10px; }
+.city-card__name { flex: 1; min-width: 0; margin: 0; font-size: 22px; font-weight: 400; letter-spacing: -0.02em; }
+.city-card__counts { flex: none; font-size: 12.5px; color: var(--ink-soft); font-variant-numeric: tabular-nums; white-space: nowrap; }
+.city-card__counts b { font-weight: 500; color: var(--ink); }
+.city-card__count--you, .city-card__counts b.city-card__count--you { color: var(--accent); }
 .city-card__f { margin: 0; font-size: 14px; line-height: 1.45; color: var(--ink-soft); }
-.city-card__count--you { color: var(--you-ink); }
-.city-card__said { margin: -4px 0 0; font-size: 13.5px; line-height: 1.45; color: var(--ink-soft); }
-.city-card__close:focus-visible, .city-card__go:focus-visible, .city-card__enter:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
-.city-card__acts { display: flex; align-items: center; gap: 14px; }
-.city-card__go { display: inline-flex; align-items: center; height: 46px; padding: 0 22px; box-sizing: border-box; border-radius: 999px; font-size: 15px; text-decoration: none; background: var(--ink); color: var(--bg); }
-.city-card__enter { display: inline-flex; align-items: center; min-height: 24px; font-size: 15px; color: var(--ink); text-decoration: underline; text-underline-offset: 4px; text-decoration-color: color-mix(in srgb, var(--ink) 35%, transparent); }
+.city-card__said { margin: -4px 0 0; font-size: 13px; line-height: 1.45; color: var(--ink-soft); }
+/* a building that waits on you wears the project colour, and glows it */
+.city-card.city-card--you.gov-glass { border: 1px solid color-mix(in srgb, var(--accent) 70%, transparent); background: color-mix(in srgb, var(--accent) 14%, var(--bg-card)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent), 0 0 38px color-mix(in srgb, var(--accent) 45%, transparent); }
+/* the ask inside: a smaller question, its answers inside the card, no "only you" line (the glow says it) */
+.city-card .city-ask.ask { padding: 14px 16px; gap: 10px; }
+.city-card .city-ask .ask__q { font-size: 17px; line-height: 1.3; font-weight: 400; }
+.city-card .city-ask .ask__said { font-size: 13px; }
+.city-card .city-ask .ask__opt { min-height: 44px; padding: 6px 12px 6px 10px; border-radius: 14px; }
+.city-card .city-ask .ask__label { font-size: 14px; }
+.city-card .city-ask .ask__result { font-size: 12px; }
+.city-card .city-ask .ask__foot { font-size: 12px; }
+.city-card__acts { display: flex; align-items: center; gap: 8px; }
+.city-card__gap { flex: 1; }
+.city-card__arrow { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--gov-chip-edge); background: var(--gov-chip); color: var(--ink); font-size: 18px; line-height: 1; cursor: pointer; }
+.city-card__arrow:hover { background: var(--gov-chip-pick); }
+.city-card__go { display: inline-flex; align-items: center; height: 34px; margin-left: 6px; padding: 0 16px; box-sizing: border-box; border: 0; border-radius: 999px; font-family: var(--font-body); font-size: 13.5px; cursor: pointer; background: var(--ink); color: var(--bg); }
+.city-card--you .city-card__go { background: var(--accent); color: var(--accent-on); }
+.city-card__close { flex: none; display: inline-flex; align-items: center; justify-content: center; background: none; border: 0; padding: 0; min-width: 24px; min-height: 24px; cursor: pointer; opacity: .6; }
+.city-card__close kbd { font-size: 10px; padding: 1px 4px; }
+.city-card__close:hover { opacity: 1; }
+.city-card__close:focus-visible, .city-card__go:focus-visible, .city-card__arrow:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
 .city-spot { z-index: 7; }
 
 @media (max-width: 640px) {
@@ -285,3 +301,153 @@ html[data-fullscreen="on"] .city-top { right: 184px; }
   body[data-page="city"] *, body[data-page="city"] *::before, body[data-page="city"] *::after { animation: none !important; transition: none !important; }
   .city-parcels { display: none; }
 }
+
+/* the archived street: two faint links at the city foot */
+.city-archived { position: absolute; left: 0; right: 0; bottom: 14px; z-index: 2; margin: 0; text-align: center; font-size: 12px; color: var(--ink-faint); opacity: .7; }
+.city-archived a { display: inline-block; min-height: 24px; line-height: 24px; color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, var(--ink-faint) 50%, transparent); }
+.city-archived a:hover { color: var(--ink-soft); }
+
+/* the decide view (city-decide.js): one by one, or a table to bulk-answer */
+.decide { position: absolute; inset: 16px; z-index: 9; display: flex; flex-direction: column; gap: 14px; padding: 18px 22px; border-radius: 24px; box-sizing: border-box; overflow: auto; color: var(--ink); }
+.decide[hidden] { display: none; }
+.decide__head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
+.decide__title { margin: 0; font-size: 22px; font-weight: 400; letter-spacing: -0.02em; }
+.decide__scope { min-height: 32px; padding: 0 10px; border-radius: 10px; border: 1px solid var(--gov-chip-edge); background: var(--gov-chip); color: var(--ink); font-family: var(--font-body); font-size: 13px; }
+.decide__tabs { display: inline-flex; }
+.decide__tabs .kit-tabs { border-bottom: 0; }
+.decide__gap { flex: 1; }
+.decide__counts { font-size: 13px; color: var(--ink-soft); font-variant-numeric: tabular-nums; }
+.decide__counts b { font-weight: 500; color: var(--ink); }
+.decide__counts b.decide__yours { color: var(--accent); }
+.decide__close { display: inline-flex; align-items: center; min-width: 24px; min-height: 24px; background: none; border: 0; padding: 0; cursor: pointer; opacity: .6; }
+.decide__close kbd { font-size: 10px; }
+.decide__empty, .decide__pos, .decide__said { margin: 0; font-size: 13px; color: var(--ink-soft); text-align: center; }
+.decide__pos { color: var(--ink-faint); }
+.decide__one { display: flex; align-items: center; justify-content: center; gap: 18px; flex: 1; }
+.decide__one .decide-ask { width: min(620px, 100%); box-sizing: border-box; display: flex; flex-direction: column; gap: 14px; padding: 24px 28px; border-radius: 24px; background: var(--bg-card); border: 1px solid var(--gov-chip-edge); }
+.decide .decide-ask .ask__q { font-size: 22px; line-height: 1.25; }
+.decide .ask.decide-ask--you { border: 1px solid color-mix(in srgb, var(--accent) 70%, transparent); box-shadow: 0 0 36px color-mix(in srgb, var(--accent) 40%, transparent); }
+.decide__arrow { flex: none; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--gov-chip-edge); background: var(--gov-chip); color: var(--ink); font-size: 22px; cursor: pointer; }
+.decide__arrow[disabled] { opacity: .3; cursor: default; }
+.decide__bulk { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-height: 36px; }
+.decide__bulk-n { font-size: 13px; color: var(--ink-soft); margin-right: 6px; }
+.decide__bulk-btn, .decide__opt { min-height: 28px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--gov-chip-edge); background: var(--gov-chip); color: var(--ink); font-family: var(--font-body); font-size: 12.5px; cursor: pointer; white-space: nowrap; }
+.decide__bulk-btn--rec, .decide__opt--rec { border-color: var(--ink-soft); }
+.decide__bulk-btn:hover, .decide__opt:hover { background: var(--gov-chip-pick); }
+.decide__opt[disabled] { opacity: .45; cursor: not-allowed; }
+.decide__bulk-clear { background: none; border: 0; min-height: 24px; color: var(--ink-soft); font-size: 12.5px; text-decoration: underline; cursor: pointer; }
+.decide__table-wrap { overflow: auto; flex: 1; }
+.decide__table { width: 100%; border-collapse: collapse; font-size: 13px; }
+.decide__table th { position: sticky; top: 0; text-align: left; font-weight: 500; font-size: 12px; color: var(--ink-soft); padding: 8px 10px; background: var(--bg-card); }
+.decide__table td { padding: 8px 10px; border-top: 1px solid var(--rule-soft); vertical-align: top; }
+.decide__tr--you td:first-child { box-shadow: inset 3px 0 0 var(--accent); }
+.decide__bld { white-space: nowrap; font-weight: 500; }
+.decide__q { min-width: 240px; }
+.decide__age, .decide__table td:nth-child(4) { white-space: nowrap; color: var(--ink-soft); }
+.decide__acts { display: flex; flex-wrap: wrap; gap: 6px; }
+.decide__row-box { width: 18px; height: 18px; margin: 3px; accent-color: var(--ink); }
+.decide__desk { color: var(--ink); font-size: 12.5px; }
+.decide__arrow:focus-visible, .decide__bulk-btn:focus-visible, .decide__opt:focus-visible, .decide__close:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+@media (max-width: 640px) { .decide { inset: 8px; padding: 14px; } .decide__arrow { display: none; } }
+
+/* a typed answer, in the card (city-decide.js drawCard) */
+.ask-field { display: flex; gap: 8px; }
+.ask-field__input { flex: 1; min-width: 0; min-height: 40px; padding: 0 14px; box-sizing: border-box; border-radius: 12px; border: 1px solid var(--gov-chip-edge); background: var(--gov-chip); color: var(--ink); font-family: var(--font-body); font-size: 14px; }
+.ask-field__send { flex: none; min-height: 40px; padding: 0 16px; border-radius: 12px; border: 1px solid var(--gov-chip-edge-pick); background: var(--gov-chip-pick); color: var(--ink); font-family: var(--font-body); font-size: 14px; cursor: pointer; }
+.ask-field__input:focus-visible, .ask-field__send:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
+/* a building with more than one item: which one, and the keys that step through them */
+.city-card__step { display: flex; align-items: center; gap: 8px; margin-top: -6px; font-size: 12.5px; color: var(--ink-soft); font-variant-numeric: tabular-nums; }
+.city-card__stepbtn { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 8px; border: 1px solid var(--gov-chip-edge); background: var(--gov-chip); color: var(--ink); font-size: 13px; cursor: pointer; }
+.city-card__stepbtn:hover { background: var(--gov-chip-pick); }
+.city-card__stepbtn:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
+.city-card__stepn { min-width: 46px; text-align: center; color: var(--ink); }
+.city-card__hint { margin-left: auto; font-size: 11.5px; color: var(--ink-faint); white-space: pre; }
+.decide__pos-n { font-weight: 500; color: var(--ink); }
+.decide__text { min-height: 28px; min-width: 120px; padding: 0 10px; border-radius: 8px; border: 1px solid var(--gov-chip-edge); background: var(--gov-chip); color: var(--ink); font-family: var(--font-body); font-size: 12.5px; }
+
+/* the beat a decision lands with (city-decide.js flash): a pulse and a word */
+.decide .decide-ask { position: relative; }
+.is-decided { animation: city-decided 900ms cubic-bezier(.2,.7,.3,1); }
+@keyframes city-decided {
+  0% { transform: scale(1); }
+  25% { transform: scale(.975); box-shadow: 0 0 0 2px var(--ink), 0 0 48px color-mix(in srgb, var(--ink) 30%, transparent); }
+  100% { transform: scale(1); }
+}
+.decided-tag { position: absolute; top: 14px; left: 50%; z-index: 3; transform: translateX(-50%); padding: 6px 14px; border-radius: 999px; background: var(--ink); color: var(--bg); font-size: 13px; font-weight: 500; pointer-events: none; animation: city-decided-tag 1100ms ease-out forwards; }
+@keyframes city-decided-tag {
+  0% { opacity: 0; transform: translate(-50%, 6px); }
+  20% { opacity: 1; transform: translate(-50%, 0); }
+  75% { opacity: 1; }
+  100% { opacity: 0; transform: translate(-50%, -8px); }
+}
+@media (prefers-reduced-motion: reduce) {
+  .is-decided { animation: none; }
+  .decided-tag { animation: none; }
+}
+
+/* Automation as a switchboard (city-switchboard.js): groups of on/off rows */
+.swb { display: flex; flex-direction: column; gap: 14px; }
+.swb__group { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border-radius: 16px; border: 1px solid var(--gov-chip-edge); background: var(--gov-chip); }
+.swb__head { display: flex; flex-direction: column; gap: 2px; margin-bottom: 4px; }
+.swb__title { margin: 0; font-size: 13px; font-weight: 500; letter-spacing: .02em; text-transform: uppercase; color: var(--ink-soft); }
+.swb__sub { font-size: 12px; line-height: 1.4; color: var(--ink-soft); }
+.swb__row { display: flex; align-items: center; gap: 10px; min-height: 40px; border-top: 1px solid var(--rule-soft); padding-top: 6px; }
+.swb__row:first-of-type { border-top: 0; padding-top: 0; }
+.swb__label { flex: 1; min-width: 0; display: flex; flex-direction: column; }
+.swb__name { font-size: 14px; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.swb__fact { font-size: 12px; color: var(--ink-soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.swb__toggle { flex: none; position: relative; display: inline-flex; align-items: center; width: 64px; height: 30px; padding: 0 8px; box-sizing: border-box; border-radius: 999px; border: 1px solid var(--gov-chip-edge); background: var(--gov-chip-pick); color: var(--ink-soft); font-family: var(--font-body); font-size: 11.5px; cursor: pointer; transition: background 160ms ease; }
+.swb__knob { position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: var(--ink-soft); transition: left 160ms ease, background 160ms ease; }
+.swb__state { margin-left: auto; }
+.swb__row--on .swb__toggle { background: var(--ink); color: var(--bg); justify-content: flex-start; }
+.swb__row--on .swb__knob { left: 37px; background: var(--bg); }
+.swb__row--on .swb__state { margin-left: 0; }
+.swb__toggle[disabled] { cursor: progress; opacity: .6; }
+.swb__toggle:focus-visible, .swb__chip:focus-visible, .swb__star:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
+.swb__star { flex: none; min-height: 26px; padding: 0 10px; border-radius: 999px; border: 1px solid var(--gov-chip-edge); background: none; color: var(--ink-soft); font-family: var(--font-body); font-size: 12px; cursor: pointer; }
+.swb__why { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 0 0 4px; }
+.swb__why[hidden] { display: none; }
+.swb__why-ask { font-size: 12px; color: var(--ink-faint); margin-right: 2px; }
+.swb__chip { min-height: 26px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--gov-chip-edge-pick); background: var(--gov-chip-pick); color: var(--ink); font-family: var(--font-body); font-size: 12.5px; cursor: pointer; }
+.swb__note, .swb__none { margin: 0; font-size: 12px; color: var(--ink-faint); }
+.swb__none { font-size: 13.5px; color: var(--ink-soft); }
+@media (prefers-reduced-motion: reduce) { .swb__toggle, .swb__knob { transition: none; } }
+
+/* the crab: open this question in Claude to help decide it (city-decide.js) */
+.ask-qline { display: flex; align-items: flex-start; gap: 10px; }
+.ask-qline .ask__q { flex: 1; min-width: 0; }
+.ask-crab { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-top: 1px; border-radius: 50%; border: 1px solid color-mix(in srgb, var(--accent) 45%, transparent); background: none; color: var(--accent); cursor: pointer; }
+.ask-crab:hover { background: color-mix(in srgb, var(--accent) 14%, transparent); }
+.ask-crab:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
+
+/* the switchboard's marker over Automation: a small toggle (city-draw.js state 'switch') */
+.city-pin--switch .city-pin__head { width: 34px; height: 20px; background: var(--bg-card); border: 1px solid color-mix(in srgb, var(--ink) 40%, transparent); }
+.city-pin--switch .city-pin__stem { border-left-color: color-mix(in srgb, var(--ink) 40%, transparent); }
+.city-pin__toggle { position: relative; width: 24px; height: 12px; border-radius: 999px; background: color-mix(in srgb, var(--ink-faint) 60%, transparent); }
+.city-pin__toggle-knob { position: absolute; top: 2px; left: 2px; width: 8px; height: 8px; border-radius: 50%; background: var(--ink-soft); }
+.city-pin--on .city-pin__toggle { background: var(--ink); }
+.city-pin--on .city-pin__toggle-knob { left: 14px; background: var(--bg-card); }
+.city-pin--switch { animation: none; }
+
+/* a number key pressed once picks that answer; the same key again confirms it */
+.ask__opt.ask__opt--armed { outline: 2px solid var(--focus); outline-offset: 2px; background: var(--gov-chip-pick); }
+.ask__confirm { grid-column: 2 / span 2; font-size: 12px; color: var(--ink); }
+
+/* "?": I don't understand this, ask Claude to rewrite it (city-decide.js) */
+.ask-unclear { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-top: 1px; border-radius: 50%; border: 1px solid var(--gov-chip-edge); background: none; color: var(--ink-soft); font-family: var(--font-body); font-size: 15px; font-weight: 600; cursor: pointer; }
+.ask-unclear:hover { color: var(--ink); background: var(--gov-chip-pick); }
+.ask-unclear--on { background: var(--ink); color: var(--bg); border-color: var(--ink); }
+.ask-unclear:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
+
+/* the "?" confirm: what a rewrite does, an optional note, then send (city-decide.js) */
+.ask-reword { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--gov-chip-edge-pick); background: var(--gov-chip-pick); }
+.ask-reword__title { margin: 0; font-size: 14px; font-weight: 500; color: var(--ink); }
+.ask-reword__list { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 3px; font-size: 12.5px; line-height: 1.4; color: var(--ink-soft); }
+.ask-reword__note { min-height: 34px; padding: 0 12px; box-sizing: border-box; border-radius: 10px; border: 1px solid var(--gov-chip-edge); background: var(--bg-card); color: var(--ink); font-family: var(--font-body); font-size: 13px; }
+.ask-reword__acts { display: flex; gap: 8px; }
+.ask-reword__go { min-height: 32px; padding: 0 16px; border-radius: 999px; border: 0; background: var(--ink); color: var(--bg); font-family: var(--font-body); font-size: 13px; cursor: pointer; }
+.ask-reword__go[disabled] { opacity: .6; cursor: progress; }
+.ask-reword__no { min-height: 32px; padding: 0 12px; border: 0; background: none; color: var(--ink-soft); font-family: var(--font-body); font-size: 13px; text-decoration: underline; cursor: pointer; }
+.ask-reword__go:focus-visible, .ask-reword__no:focus-visible, .ask-reword__note:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
+/* only drawn when something is out for a rewrite; a quiet footnote to the counts */
+.city-card__rewording, .decide__rewording { display: block; margin-top: 1px; font-size: 10.5px; color: var(--ink-faint); text-align: right; }

package/modules/hall-ui/public/city.html

@@ -12,7 +12,7 @@
        (tests/hall_tokens.mjs: no hall page hardcodes a web-font stylesheet).
        The prototype carried its own Google Fonts link for the same two faces. -->
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
-  <link rel="stylesheet" href="/builders/city.css?v=2026-10-17-tidy">
+  <link rel="stylesheet" href="/builders/city.css?v=2026-10-23-decide11">
   <!-- the ask card in the glass language, shared with the street's deck (task 1004702) -->
   <link rel="stylesheet" href="/builders/street-deck.css?v=2026-10-17-tidy">
 </head>
@@ -96,9 +96,11 @@
   <div class="city-card" id="cityCard" role="dialog" aria-label="A building" hidden></div>
 
   <div class="city-door">
-    <a class="city-start" id="cityStart" href="/builders/street" aria-label="Start governing: enter the street view">start governing</a>
+    <a class="city-start" id="cityStart" href="#decide" aria-label="Start governing: everything that waits, one card at a time">start governing</a>
     <h1 class="city-line" id="cityLine" aria-live="polite">reading the docket</h1>
   </div>
+  <!-- the street and its buildings are archived: reachable, not on the way -->
+  <p class="city-archived">Archived: <a href="/builders/street">Street</a> &amp; <a href="/builders/street#building=charter">Building Level Views</a>.</p>
 </main>
   </div>
 </div>
@@ -113,11 +115,14 @@
 <!-- a building's card answers its first ask in place through the deck's own
      route (task 1004702): the desk rows (street-desk.js over the street's kit)
      and the deck's card and sender (street-deck.js) -->
+<script src="/builders/hall-kit.js?v=2026-10-23-decide11"></script>
 <script src="/builders/street-draw.js?v=2026-10-09-living3"></script>
 <script src="/builders/street-card.js?v=2026-10-04-record1"></script>
 <script src="/builders/street-inside.js?v=2026-10-09-living3"></script>
 <script src="/builders/street-desk.js?v=2026-10-04-record1"></script>
 <script src="/builders/street-deck.js?v=2026-10-13-glass1"></script>
-<script src="/builders/city.js?v=2026-10-13-glass1"></script>
+<script src="/builders/city-decide.js?v=2026-10-23-decide11"></script>
+<script src="/builders/city-switchboard.js?v=2026-10-23-board4"></script>
+<script src="/builders/city.js?v=2026-10-23-decide11"></script>
 </body>
 </html>