@bongos/core 1.21.35 → 1.21.37

package/modules/hall-ui/public/street.js

@@ -82,7 +82,8 @@
   var view = { open: null, opener: null, model: null, scale: 1, mode: null, inside: null, insideModel: null };
   // the desk's own state: rows you acted on this visit, what you did per floor,
   // the floors you cleared, the row whose facts or chips are open
-  var desk = { done: {}, mine: {}, cleared: {}, open: null, ask: null, busy: false, roomAsked: false, model: null };
+  // order: the Priorities desk's order as the viewer has moved it, per floor (task 1004560)
+  var desk = { done: {}, mine: {}, cleared: {}, order: {}, open: null, ask: null, busy: false, roomAsked: false, model: null };
   var TODAY_KEY = 'gov-desk-today';
   var today = { day: '', n: 0 };
 
@@ -553,7 +554,7 @@
     var D = window.GovDesk, st = view.inside;
     if (!D || !st) return;
     var k = st.key + ':' + bv.selFloor;
-    var dm = D.deskModel({ key: st.key, floor: bv.selFloor, docket: data.docket, goals: (data.goals || []).filter(function (g) { return g && g.status === 'open'; }), now: Date.now(), room: data.room, constitution: data.constitution, done: desk.done, mine: desk.mine[k] || [], cleared: !!desk.cleared[k], today: today.n, sym: bv.sym });
+    var dm = D.deskModel({ key: st.key, floor: bv.selFloor, docket: data.docket, goals: (data.goals || []).filter(function (g) { return g && g.status === 'open'; }), now: Date.now(), room: data.room, constitution: data.constitution, done: desk.done, mine: desk.mine[k] || [], cleared: !!desk.cleared[k], today: today.n, sym: bv.sym, order: desk.order[k] || null });
     desk.model = dm;
     el.className = 'inside-open desk' + (dm.quiet ? ' desk--quiet' : '');
     el.setAttribute('data-desk', dm.key);
@@ -595,6 +596,14 @@
       dm.rows.forEach(function (r) { list.appendChild(deskRow(r)); });
       el.appendChild(list);
     }
+    // a changed order: what saving does, then undo and save (task 1004560)
+    if (dm.save) {
+      var bar = node('div', 'desk-save');
+      bar.appendChild(node('span', 'desk-save__line', dm.save.line));
+      bar.appendChild(chipBtn('desk-chip--quiet', 'undo', function () { desk.order[k] = null; draw(); }));
+      bar.appendChild(chipBtn('desk-chip--primary', dm.save.label, function () { saveOrder(dm, k); }));
+      el.appendChild(bar);
+    }
     // the record line: what you just did here, then what this building closed
     var rec = node('div', 'desk-record');
     rec.appendChild(node('span', 'desk-record__label', 'record'));
@@ -606,6 +615,7 @@
     var row = node('div', 'desk-row' + (r.needs ? ' desk-row--needs' : ''));
     row.setAttribute('data-row', r.key);
     var main = node('div', 'desk-row__main');
+    if (r.pos) main.appendChild(node('span', 'desk-pos', String(r.pos)));
     main.appendChild(node('span', 'desk-ini', r.ini));
     var name = node('button', 'desk-name');
     name.setAttribute('type', 'button');
@@ -615,10 +625,33 @@
     name.appendChild(node('span', 'desk-name__f', r.fact));
     name.addEventListener('click', function () { desk.open = desk.open === r.key ? null : r.key; desk.ask = null; draw(); focusRow(r.key, 'name'); });
     main.appendChild(name);
+    // promises kept of total, or a vote's seats: one pip each
+    if (r.pips && r.pips.length) {
+      var pips = node('span', 'desk-pips');
+      pips.setAttribute('aria-hidden', 'true');
+      r.pips.forEach(function (p) { pips.appendChild(node('span', 'desk-pip' + (p.on ? ' desk-pip--on' : ''))); });
+      main.appendChild(pips);
+    }
     var acts = node('span', 'desk-acts');
     if (r.wait) acts.appendChild(node('span', 'desk-wait', r.wait));
+    if (r.order) {
+      // the order's two arrows: the move is the viewer's until saved
+      [['up', -1, 'M6 15l6-6 6 6'], ['down', 1, 'M6 9l6 6 6-6']].forEach(function (m) {
+        if (!r.actions.some(function (a) { return a.key === m[0]; })) return;
+        var b = node('button', 'desk-arrow');
+        b.setAttribute('type', 'button');
+        b.setAttribute('aria-label', 'move ' + r.name + ' ' + m[0]);
+        // the top goal cannot go up, nor the last down
+        if (desk.busy || (m[1] < 0 && r.top) || (m[1] > 0 && r.bottom)) b.setAttribute('disabled', '');
+        b.appendChild(icon(m[2], null, 14));
+        b.addEventListener('click', function () { moveRow(r, m[1]); });
+        acts.appendChild(b);
+      });
+    }
     // the primary button sits rightmost, as on the board
-    r.actions.slice().reverse().forEach(function (a) {
+    // a row whose chips stand open is decided by its chip alone: no button for it
+    if (!r.order) r.actions.slice().reverse().forEach(function (a) {
+      if (r.show && a.key === r.show) return;
       acts.appendChild(chipBtn('desk-chip--' + a.tone, a.label, function () {
         if (a.go) { window.location.href = a.go; return; }
         if (a.ask) { var at = r.key + '|' + a.key; desk.ask = desk.ask === at ? null : at; desk.open = null; draw(); focusRow(r.key, 'chip'); return; }
@@ -633,6 +666,8 @@
       row.appendChild(facts);
     }
     var asked = desk.ask && desk.ask.indexOf(r.key + '|') === 0 ? (r.choices || {})[desk.ask.slice(r.key.length + 1)] : null;
+    // a blocker's options stand open: deciding it is picking one
+    if (!asked && r.show) asked = (r.choices || {})[r.show] || null;
     if (asked) {
       var chips = node('div', 'desk-choices');
       chips.appendChild(node('span', 'desk-choices__ask', asked.ask));
@@ -653,6 +688,35 @@
     }
     return row;
   }
+  // The Priorities desk (task 1004560): a move is kept in this visit until saved.
+  function moveRow(r, by) {
+    var D = window.GovDesk, st = view.inside;
+    if (!D || !st || !desk.model) return;
+    var k = st.key + ':' + (view.insideModel ? view.insideModel.selFloor : 0);
+    var now = desk.model.rows.filter(function (x) { return x.order; }).map(function (x) { return x.key; });
+    desk.order[k] = D.moved(now, r.key, by);
+    draw();
+    focusRow(r.key, 'arrow');
+  }
+  // Save: the order goes to POST /goals/reorder, or is filed for the council;
+  // the server's own checks decide either way.
+  function saveOrder(dm, k) {
+    var C = window.GovMatterCard;
+    var req = C && C.orderRequest ? C.orderRequest(dm.save) : null;
+    if (!req || desk.busy) return Promise.resolve(false);
+    desk.busy = true;
+    draw();
+    return send(req).then(function (out) {
+      desk.busy = false;
+      if (!out.ok) { say(C.refusal(out.status, out.body)); draw(); return false; }
+      desk.order[k] = null;
+      desk.mine[k] = [dm.save.council ? 'order sent to council' : 'order set'].concat(desk.mine[k] || []);
+      bumpToday();
+      say(dm.save.said);
+      draw();
+      return load().then(function () { return true; });
+    });
+  }
   function deskRowsEl() {
     var st = view.insideModel;
     var on = $(st && st.flipA ? 'insideOpenA' : 'insideOpenB');
@@ -667,6 +731,7 @@
       if (rows[i].getAttribute('data-row') !== key) continue;
       var main = rows[i].children[0];
       var target = what === 'chip' && rows[i].children[1] ? rows[i].children[1].children[1] : main && main.children[1];
+      if (what === 'arrow' && main) target = main.querySelector ? main.querySelector('.desk-arrow') : target;
       if (target && target.focus) target.focus();
       return;
     }
@@ -685,6 +750,8 @@
     switch_on: 'switched on', switch_off: 'switched off', allow: 'allowed', disallow: 'disallowed', first: 'put first',
     pause: 'paused', resume: 'resumed', tier: 'new tier', deactivate: 'deactivated', give: 'gave', take: 'took back',
     check: 'checked', rot: 'set', module_on: 'turned on', module_off: 'turned off', backup: 'backed up', invite: 'invited',
+    decide: 'decided', ratify: 'ratified', ratify_goal: 'made a goal of',
+    budget: 'set the limit of', unsign: 'undid',
   };
   // One act from a row: checked, sent through the card's own request (the
   // server's permission checks decide), then the row clears, the floor counts
@@ -699,7 +766,9 @@
     var req = C.request(r.card, key, input);
     var settle = function (body) {
       var a = C.answer(r.card, key, body);
-      desk.mine[k] = [DONE_WORDS[key] + ' ' + r.name].concat(desk.mine[k] || []);
+      // an act at a building a sitting decides went to it as a matter (task 1004561)
+      var sent = r.card.subject && r.card.subject.council && req && /\/government\/board\/matters$/.test(req.url);
+      desk.mine[k] = [(sent ? 'sent to council:' : DONE_WORDS[key]) + ' ' + r.name].concat(desk.mine[k] || []);
       desk.done[r.matter] = true;
       desk.open = null; desk.ask = null;
       if (desk.model && !desk.model.rows.some(function (x) { return x.matter !== r.matter; })) desk.cleared[k] = true;

package/modules/hall-ui/public/street.states.json

@@ -681,6 +681,130 @@
           ".desk-rows"
         ]
       }
+    },
+    "desk-planning-priorities": {
+      "auth": true,
+      "_": "Task 1004560: Planning, Priorities. The open goals in order with promise pips and two arrows; one goal moved down, so the save bar says the new order goes to the council and how many yes it needs, with undo.",
+      "url": "/builders/street#building=planning",
+      "actions": [
+        [
+          "wait",
+          900
+        ],
+        [
+          "clickIfVisible",
+          "[data-craft-close]"
+        ],
+        [
+          "wait",
+          300
+        ],
+        [
+          "click",
+          "[data-floor=\"0\"]"
+        ],
+        [
+          "wait",
+          600
+        ],
+        [
+          "click",
+          ".desk-arrow[aria-label$=\" down\"]"
+        ],
+        [
+          "wait",
+          400
+        ]
+      ],
+      "expect": {
+        "visible": [
+          ".desk-rows",
+          ".desk-pips",
+          ".desk-save"
+        ]
+      }
+    },
+    "desk-planning-ideas": {
+      "auth": true,
+      "_": "Task 1004560: Planning, Ideas to ratify. A Full Idea in its vote with seat pips, a promise to ratify in one tap, and a carried Full Idea made a goal from a version chip.",
+      "url": "/builders/street#building=planning",
+      "actions": [
+        [
+          "wait",
+          900
+        ],
+        [
+          "clickIfVisible",
+          "[data-craft-close]"
+        ],
+        [
+          "wait",
+          300
+        ],
+        [
+          "click",
+          "[data-floor=\"1\"]"
+        ],
+        [
+          "wait",
+          600
+        ],
+        [
+          "focus",
+          ".desk-rows .desk-row:last-child .desk-name"
+        ],
+        [
+          "wait",
+          300
+        ]
+      ],
+      "expect": {
+        "visible": [
+          ".desk-rows"
+        ]
+      }
+    },
+    "desk-planning-blockers": {
+      "auth": true,
+      "_": "Task 1004560: Planning, Waiting on you. Each blocker decided by one of its options as chips standing open; go ahead, not now, need more when it lists none.",
+      "url": "/builders/street#building=planning",
+      "actions": [
+        [
+          "wait",
+          900
+        ],
+        [
+          "clickIfVisible",
+          "[data-craft-close]"
+        ],
+        [
+          "wait",
+          300
+        ],
+        [
+          "click",
+          "[data-floor=\"2\"]"
+        ],
+        [
+          "wait",
+          600
+        ],
+        [
+          "focus",
+          ".desk-rows .desk-row:last-child .desk-name"
+        ],
+        [
+          "wait",
+          300
+        ]
+      ],
+      "expect": {
+        "visible": [
+          ".desk-rows",
+          ".desk-choices",
+          ".desk-status--hot"
+        ]
+      }
     }
   },
   "reducedMotion": {

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

@@ -176,9 +176,9 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell-trail.js?v=2026-10-03-nav"></script>
-<script src="/builders/craft-mode.js?v=2026-10-03-nav"></script>
-<script src="/builders/shell.js?v=2026-10-03-nav"></script>
+<script src="/builders/shell-trail.js?v=2026-10-03-looks"></script>
+<script src="/builders/craft-mode.js?v=2026-10-03-looks"></script>
+<script src="/builders/shell.js?v=2026-10-03-looks"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-23-contrib"></script>
 <!-- The kit, for its ONE renderer: the full-size ship-time visual figure

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

@@ -1206,8 +1206,8 @@ html[data-fullscreen="on"][data-fullscreen-plain="on"] .app-content { padding-to
 /* THE CRAFT MODE (task 1004492, craft-mode.js). The top bar's switch: one pill
    holding the four crafts and Legacy, the current one lit. Narrower windows
    drop the words, and a phone shows only the current mode (or "Mode"), which
-   opens the picker. The picker below asks once per session. Neither paints a
-   mode's colour — the looks are their own task (1004495). */
+   opens the picker. The picker below asks once per session. Each mode's look
+   (its colour on the current pill) is THE CRAFT MODE LOOKS, further down. */
 .craft-switch {
   display: inline-flex;
   align-items: center;
@@ -1431,6 +1431,125 @@ html.craft-picker-open { overflow: hidden; }
   .craft-picker__legacy { height: auto; min-height: 40px; white-space: normal; text-align: left; }
 }
 
+/* THE CRAFT MODE LOOKS (task 1004495; direction docs/design/craft-mode-direction.md).
+   Three modes wear a look: Artistry, Ideating, Governing. Building, Legacy and no
+   mode wear none — nothing below names them, so they render as the hall always
+   did (tests/craft_mode_looks.mjs pins it). --craft marks WHERE you are, never
+   what to press: the accent stays the action colour in every mode. Light values
+   clear 5.4:1 on the hall's paper; the dark values are the prototype's. Light
+   keeps the paper ground; only dark changes the ground and the glass. */
+html[data-craft="artistry"] { --craft: #2e3c6e; --craft-on: #f1e6d2; }
+html[data-craft="ideating"] { --craft: #7a5a0c; --craft-on: #fdf6dd; }
+html[data-craft="governing"] { --craft: #33479e; --craft-on: #eef1ff; }
+html[data-theme="dark"][data-craft="artistry"] {
+  --craft: #f1e6d2; --craft-on: #0c1122;
+  --bg: #07080d; --bg-frame: #0a0b12;
+  --glass: rgba(150, 170, 230, .11); --glass-strong: rgba(170, 190, 240, .17);
+  --glass-edge: rgba(241, 230, 210, .16);
+}
+html[data-theme="dark"][data-craft="ideating"] {
+  --craft: #f2d27a; --craft-on: #1d1604;
+  --bg: #05060d;
+  --glass: rgba(140, 150, 225, .10); --glass-strong: rgba(160, 170, 240, .16);
+  --glass-edge: rgba(242, 210, 122, .16);
+}
+html[data-theme="dark"][data-craft="governing"] {
+  --craft: #aabeff; --craft-on: #0a1030;
+  --glass-edge: rgba(170, 190, 255, .16);
+}
+/* The shared treatment: the switch's current pill, the current tab and the top
+   bar's hairline take the mode colour. */
+html:is([data-craft="artistry"], [data-craft="ideating"], [data-craft="governing"]) .craft-switch__opt[aria-pressed="true"] {
+  background: var(--craft); color: var(--craft-on);
+}
+html:is([data-craft="artistry"], [data-craft="ideating"], [data-craft="governing"]) .nav-item--active {
+  background: color-mix(in srgb, var(--craft) 14%, transparent); color: var(--craft);
+}
+html:is([data-craft="artistry"], [data-craft="ideating"], [data-craft="governing"]) .nav-item--active .nav-icon,
+html:is([data-craft="artistry"], [data-craft="ideating"], [data-craft="governing"]) .nav-item--active .nav-item__label { color: var(--craft); }
+html:is([data-craft="artistry"], [data-craft="ideating"], [data-craft="governing"]) .nav-item--active::before { background: var(--craft); }
+html:is([data-craft="artistry"], [data-craft="ideating"], [data-craft="governing"]) .app-topbar {
+  border-bottom-color: color-mix(in srgb, var(--craft) 30%, transparent);
+}
+/* The header mark: the mode's own words beside the page title (craft-mode.js
+   applyLook). Hidden on a phone — the switch's one pill already says the mode,
+   and the bar has no room for both. */
+.craft-eyebrow {
+  font-family: var(--label-face);
+  font-size: 11px;
+  font-weight: 500;
+  letter-spacing: .14em;
+  text-transform: uppercase;
+  color: var(--craft);
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+@media (max-width: 640px) { .craft-eyebrow { display: none; } }
+/* The signature: the mode's door scene (craft-mode.js artHtml, the same art the
+   picker draws) framed under the brand, 40px in the closed rail and 64px open.
+   The 110px-tall scene is scaled to the plate's height and widened to fill it,
+   never redrawn: each scene's pieces are placed from its edges or its centre. */
+.craft-plate {
+  position: relative;
+  height: 40px;
+  margin: 10px 8px 0;
+  border-radius: var(--radius-sm);
+  overflow: hidden;
+  flex-shrink: 0;
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--craft) 30%, transparent);
+}
+.craft-plate .craft-art {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: calc(100% / .364);
+  height: 110px;
+  transform: scale(.364);
+  transform-origin: 0 0;
+}
+.craft-plate .craft-art__city { top: 0; }
+.app-sidebar:hover .craft-plate,
+.app-sidebar:focus-within .craft-plate { height: 64px; margin: 10px 16px 0; }
+.app-sidebar:hover .craft-plate .craft-art,
+.app-sidebar:focus-within .craft-plate .craft-art { width: calc(100% / .582); transform: scale(.582); }
+@media (max-width: 768px) {
+  .craft-plate { height: 64px; margin: 10px 16px 0; }
+  .craft-plate .craft-art { width: calc(100% / .582); transform: scale(.582); }
+}
+/* The plate follows the theme (owner, 2026-10-03): light shows each scene's day. */
+html[data-theme="light"] .craft-plate .craft-art--artistry { background: #dfe3ef; }
+html[data-theme="light"] .craft-plate .craft-art__dot--star { background: #2e3c6e; }
+html[data-theme="light"] .craft-plate .craft-art__moon { background: #f3c98b; box-shadow: 0 0 0 9px rgba(243, 201, 139, .28); }
+html[data-theme="light"] .craft-plate .craft-art__ground { background: #c3c9dc; }
+html[data-theme="light"] .craft-plate .craft-art__house { background: #8d97b8; }
+html[data-theme="light"] .craft-plate .craft-art--ideating { background: #f6f0dc; }
+html[data-theme="light"] .craft-plate .craft-art__dot--gold { background: #c9a23a; }
+html[data-theme="light"] .craft-plate .craft-art__dot--glow { background: #b8891c; box-shadow: 0 0 10px rgba(184, 137, 28, .45); }
+html[data-theme="light"] .craft-plate .craft-art__dot--proto { box-shadow: inset 0 0 0 1px rgba(122, 90, 12, .6); }
+html[data-theme="light"] .craft-plate .craft-art__ring { box-shadow: inset 0 0 0 1px rgba(122, 90, 12, .35); }
+html[data-theme="light"] .craft-plate .craft-art--governing { background: #e9ecf6; }
+html[data-theme="light"] .craft-plate .craft-art__city { filter: invert(1) hue-rotate(180deg); }
+/* Ideating's star dust: a few faint fixed specks across the rail itself. */
+html[data-craft="ideating"] .app-sidebar {
+  background-image:
+    radial-gradient(1px 1px at 14px 40px, rgba(242, 210, 122, .5), transparent),
+    radial-gradient(1px 1px at 46px 130px, rgba(242, 210, 122, .35), transparent),
+    radial-gradient(1.5px 1.5px at 120px 90px, rgba(242, 210, 122, .4), transparent),
+    radial-gradient(1px 1px at 200px 190px, rgba(242, 210, 122, .35), transparent),
+    radial-gradient(1px 1px at 30px 230px, rgba(242, 210, 122, .3), transparent),
+    radial-gradient(1.5px 1.5px at 170px 260px, rgba(242, 210, 122, .3), transparent);
+  background-size: 246px 280px;
+}
+html[data-theme="light"][data-craft="ideating"] .app-sidebar {
+  background-image:
+    radial-gradient(1px 1px at 14px 40px, rgba(184, 137, 28, .45), transparent),
+    radial-gradient(1px 1px at 46px 130px, rgba(184, 137, 28, .3), transparent),
+    radial-gradient(1.5px 1.5px at 120px 90px, rgba(184, 137, 28, .35), transparent),
+    radial-gradient(1px 1px at 200px 190px, rgba(184, 137, 28, .3), transparent),
+    radial-gradient(1px 1px at 30px 230px, rgba(184, 137, 28, .25), transparent),
+    radial-gradient(1.5px 1.5px at 170px 260px, rgba(184, 137, 28, .25), transparent);
+}
+
 /* THE BACK LINK (task 1004430): at the head of the bar when the page was
    reached from inside another hall page. 24px floor on both axes. */
 .topbar-back {

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

@@ -54,9 +54,9 @@
 
 <!-- The app shell (sidebar + top bar + footer). Dependency-free; runs at parse
      time so the chrome exists before the deferred page scripts execute. -->
-<script src="/builders/shell-trail.js?v=2026-10-03-nav"></script>
-<script src="/builders/craft-mode.js?v=2026-10-03-nav"></script>
-<script src="/builders/shell.js?v=2026-10-03-nav"></script>
+<script src="/builders/shell-trail.js?v=2026-10-03-looks"></script>
+<script src="/builders/craft-mode.js?v=2026-10-03-looks"></script>
+<script src="/builders/shell.js?v=2026-10-03-looks"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared frontend toolkit (window.OTB) — loaded FIRST so task.js can pull from it. -->

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

@@ -138,9 +138,9 @@
   </div>
 </div>
 
-<script src="/builders/shell-trail.js?v=2026-10-03-nav"></script>
-<script src="/builders/craft-mode.js?v=2026-10-03-nav"></script>
-<script src="/builders/shell.js?v=2026-10-03-nav"></script>
+<script src="/builders/shell-trail.js?v=2026-10-03-looks"></script>
+<script src="/builders/craft-mode.js?v=2026-10-03-looks"></script>
+<script src="/builders/shell.js?v=2026-10-03-looks"></script>
 <script src="/builders/palette.js" defer></script>
 
 <script src="/builders/idea-objects.js?v=2026-09-27-split"></script>

package/modules/hall-ui/public/tweak-editor.html

@@ -142,9 +142,9 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell-trail.js?v=2026-10-03-nav"></script>
-<script src="/builders/craft-mode.js?v=2026-10-03-nav"></script>
-<script src="/builders/shell.js?v=2026-10-03-nav"></script>
+<script src="/builders/shell-trail.js?v=2026-10-03-looks"></script>
+<script src="/builders/craft-mode.js?v=2026-10-03-looks"></script>
+<script src="/builders/shell.js?v=2026-10-03-looks"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-23-contrib"></script>
 <script src="/builders/brand-holes.js?v=2026-09-29-aqfix"></script>

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

@@ -162,9 +162,9 @@
 
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
-<script src="/builders/shell-trail.js?v=2026-10-03-nav"></script>
-<script src="/builders/craft-mode.js?v=2026-10-03-nav"></script>
-<script src="/builders/shell.js?v=2026-10-03-nav"></script>
+<script src="/builders/shell-trail.js?v=2026-10-03-looks"></script>
+<script src="/builders/craft-mode.js?v=2026-10-03-looks"></script>
+<script src="/builders/shell.js?v=2026-10-03-looks"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared frontend toolkit (window.OTB) — loaded before watch.js, which pulls from it. -->

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

@@ -171,9 +171,9 @@
 
 <!-- The app shell (sidebar + top bar + footer). Dependency-free; runs at parse
      time so the chrome exists before the deferred page scripts execute. -->
-<script src="/builders/shell-trail.js?v=2026-10-03-nav"></script>
-<script src="/builders/craft-mode.js?v=2026-10-03-nav"></script>
-<script src="/builders/shell.js?v=2026-10-03-nav"></script>
+<script src="/builders/shell-trail.js?v=2026-10-03-looks"></script>
+<script src="/builders/craft-mode.js?v=2026-10-03-looks"></script>
+<script src="/builders/shell.js?v=2026-10-03-looks"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared frontend toolkit (window.OTB) — loaded FIRST so work.js can pull from it. -->

package/modules/hall-ui/records/craft-mode.md

@@ -27,3 +27,11 @@ Covers: every shelled hall page (`craft-mode.js`, `shell.js`, `style.css`), and
 - **Government shows only in Governing**, and outside that group Governing is the shortest list (Blockers, Board Room). Building is every tab except Government and the Board Room; Artistry is Studio, Goals, Your thinking; Ideating is Sky, Your thinking, Goals. The prototype names rooms that do not exist yet (Store, Page reviews, Treasury); a list names only real NAV items, and `tests/craft_mode_nav.mjs` requires every NAV item to sit in some mode.
 - **The mode only ever takes away, and never through `hidden`.** The access gate owns `hidden`; `applyNav()` marks what the mode leaves out with `[data-craft-off]`, which `style.css` hides. So a mode can never show a tab the gate hid, and switching mode just moves the attribute. A group head goes too once nothing under it shows.
 - **Two callers.** `apply()` runs it on every mode change (live, no reload), and `shell.js` `applyAccess` runs it right after its gate loop, so a later `/me` answer (a promotion, a permission) brings a head back with its tabs. Hidden tabs still open by their URL; nothing is enforced (ADR 0016).
+
+## Each mode's look (task 1004495)
+
+- **Three modes wear a look; Building, Legacy and no mode wear none.** Artistry, Ideating and Governing each set `--craft` (where you are) and `--craft-on` (text on it) on `html[data-craft="<mode>"]`, with a dark twin on `html[data-theme="dark"][data-craft="<mode>"]` that also darkens the ground and tints the glass (Artistry, Ideating). Values and contrast are the direction's, `docs/design/craft-mode-direction.md`. No rule in `style.css` names `building` or `legacy`, and none matches any mode at all; `tests/craft_mode_looks.mjs` pins both, and re-measures every colour pair.
+- **The accent stays the action colour.** `--craft` paints only the switch's current pill, the current tab (tint, icon, label, marker) and the top bar's hairline.
+- **Two pieces are drawn by `craft-mode.js` `applyLook()`, on every mode change:** the eyebrow beside `#topbar-title` (`LOOKS`: "the studio · night", "the sky", "the city"; hidden at <=640px, where it overflowed phones) and the scene plate under `.app-sidebar__brand` (40px closed rail, 64px open). The plate's markup IS `artHtml(mode)`, the picker's door art, exported rather than copied; light mode recolours it to each scene's day (the city is the dark one through `invert(1) hue-rotate(180deg)`). It does not animate.
+- **Always-present tabs widened** (owner, 2026-10-03): `ALWAYS_TABS` is Builders, Collab and Profile, so every mode keeps the You and Community groups.
+- **Governing's header tallies** ("needs you · moving") are task 1004563, not this look.

package/modules/ideas/governor-docket.js

@@ -19,6 +19,7 @@
 
 const api = require('../../src/module-api');
 const blockers = require('./blockers');
+const ratify = require('./ratify');
 
 const POINT = 'governor.docket';
 const DOCKET_BLOCKER_LIMIT = 50;
@@ -41,9 +42,96 @@ function blockerDocketMatter(b, mayResolve) {
     tally: null,
     href: `/blockers#blocker-${b.id}`,
     ref: { type: 'blocker', id: b.id },
+    // the floor desk's one act (task 1004560): decide, by one of its options
+    ...(mayResolve ? { acts: [{ key: 'decide', options: blockerOptions(b.body_md) }] } : {}),
   };
 }
 
+// A blocker's options as one-tap chips (task 1004560). Its own, when its body
+// lists them as "Option A: …" lines (two to five of them); otherwise the three
+// answers every blocker takes. The chosen key becomes the resolution note, so
+// a key is the option's own words (at most 64 characters) and the label its
+// first words. Pure.
+const DEFAULT_CHOICES = Object.freeze(['go ahead', 'not now', 'need more']);
+const OPTION_LINE = /^\s*(?:[-*]|\d+[.)])?\s*(?:\*\*)?option\s+[A-Za-z0-9]{1,2}(?:\*\*)?\s*[:.)—-]+\s*(?:\*\*)?(.+)$/i;
+function plainWords(s) { return String(s).replace(/[*_`[\]]+/g, '').replace(/\([^)]*\)/g, '').replace(/\s+/g, ' ').trim(); }
+function shortLabel(s) {
+  let out = '';
+  for (const w of s.split(' ')) { const next = out ? out + ' ' + w : w; if (next.length > 16) break; out = next; }
+  return out || s.slice(0, 16);
+}
+function blockerOptions(bodyMd) {
+  const found = [];
+  for (const line of String(bodyMd || '').split(/\r?\n/)) {
+    const m = OPTION_LINE.exec(line);
+    if (!m) continue;
+    const text = plainWords(m[1]).split(/\s[—–-]\s|[.;:]\s/)[0].trim();
+    if (text && !found.some((o) => o.key === text.slice(0, 64))) found.push({ key: text.slice(0, 64), label: shortLabel(text) });
+  }
+  if (found.length >= 2 && found.length <= 5) return found;
+  return DEFAULT_CHOICES.map((t) => ({ key: t, label: t }));
+}
+
+// The Ideas-to-ratify desk (task 1004560): the ideas a ratifier may take from
+// the floor, under idea.ratify (both ratify routes' atom). A criterion proposal
+// ratifies in one tap (POST /inbox/:id/ratify). A Full Idea the board has
+// carried becomes a goal (POST /inbox/:id/ratify-goal) with its target version
+// as a chip — only when its answers compose a goal on their own; one that needs
+// the ratifier to write its criterion opens its page instead. A Full Idea still
+// in its sitting is not here: it is the board's vote row (ADR 0175 §8). Pure.
+function ratifyDeskRows(ideas, versions, passed) {
+  const chips = (versions || []).slice(0, 5).map((v) => ({ key: String(v.id), label: String(v.id) }));
+  const out = [];
+  for (const i of ideas || []) {
+    if (!i || i.status !== 'open') continue;
+    const href = `/idea/${i.id}`;
+    if (i.kind === 'criterion-proposal') {
+      let p = null;
+      try { p = ratify.parseProposalBody(i.body_md); } catch (_) { p = null; }
+      if (!p || !p.target_version) continue;
+      out.push({
+        id: `p${i.id}`, name: String(i.title || 'a promise'), ref: { type: 'criterion_proposal', id: i.id }, href, opened_at: i.created_at,
+        fact: `a promise for ${p.target_version}`, facts: [String(p.criterion_md || '').slice(0, 80)],
+        acts: [{ key: 'ratify' }, { key: 'open' }],
+      });
+      continue;
+    }
+    if (i.grade !== 'full' || !passed.has(String(i.id))) continue;
+    const composed = ratify.composeGoalFromFullIdea({ ideaId: i.id, templateKey: i.template_key, fieldValues: i.field_values });
+    const fits = composed && composed.ok && chips.length > 0;
+    out.push({
+      id: `g${i.id}`, name: String(i.title || 'a full idea'), ref: { type: 'full_idea', id: i.id }, href, opened_at: i.created_at,
+      fact: 'the board carried it', facts: [fits ? 'becomes a goal' : 'needs its page to finish'],
+      acts: fits ? [{ key: 'ratify_goal', options: chips }, { key: 'open' }] : [{ key: 'open' }],
+    });
+  }
+  return out;
+}
+// The desk reads the oldest 30 open proposals and Full Ideas (older first, so
+// nothing waits forever behind newer ones); which Full Ideas the board carried
+// is one read for all of them (government.boardPassedIdeaIds).
+const RATIFY_IDEAS_LIMIT = 30;
+async function readRatifyDesk() {
+  const { rows: ideas } = await api.pool.query(
+    `SELECT i.id, i.title, i.kind, i.status, i.body_md, i.created_at,
+            COALESCE(g.grade, 'quick') AS grade, g.template_key, g.field_values
+       FROM idea_inbox i LEFT JOIN ideas_grades g ON g.idea_id = i.id
+      WHERE i.status = 'open' AND (i.kind = 'criterion-proposal' OR g.grade = 'full')
+      ORDER BY i.created_at, i.id LIMIT $1`,
+    [RATIFY_IDEAS_LIMIT],
+  );
+  const government = api.resolveOptional && api.resolveOptional('government');
+  const passed = new Set();
+  const full = ideas.filter((i) => i.grade === 'full').map((i) => i.id);
+  if (full.length && government && typeof government.boardPassedIdeaIds === 'function') {
+    (await government.boardPassedIdeaIds(full)).forEach((id) => passed.add(String(id)));
+  }
+  const { rows: versions } = passed.size
+    ? await api.pool.query(`SELECT id, name FROM versions WHERE status IN ('building', 'planning') ORDER BY (status = 'building') DESC, id LIMIT 5`)
+    : { rows: [] };
+  return ratifyDeskRows(ideas, versions, passed);
+}
+
 // The rules-at-work reading from this month's routed filings. Pure.
 function rulesReading(settledThisMonth) {
   const n = Number(settledThisMonth) || 0;
@@ -114,6 +202,7 @@ function contributeIdeasToDocket() {
       return rows.map((b) => blockerDocketMatter(b, mayResolve));
     },
   });
+  api.contribute(POINT, { desk: 'planning.ratify', gate: { permission: 'idea.ratify' }, read: () => readRatifyDesk() });
   // A count, no rows: any builder may read it.
   api.contribute(POINT, {
     reading: 'rules',
@@ -127,6 +216,8 @@ function contributeIdeasToDocket() {
 module.exports = {
   contributeIdeasToDocket,
   blockerDocketMatter,
+  blockerOptions,
+  ratifyDeskRows,
   rulesReading,
   rulesFloor,
   rulesHistory,