@bongos/core 1.21.33 → 1.21.34

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

@@ -41,6 +41,16 @@
 // request, says the answer in a toast, re-reads the feeds so the pins, the
 // readings and the evening follow, and marks the building that answered (a CSS
 // class for 1.6 s: it rises or lights, and the matter's pin settles).
+//
+// THE FLOOR DESK (task 1004558). The chosen floor's block is the desk from the
+// round 2 board (Desks.dc.html): GovDesk.deskModel() (street-desk.js) gives the
+// header, tiles, rows, quiet state and record line under the line rule, and
+// this file draws it. A row's buttons send the matter card's own request
+// (GovMatterCard.request, the same routes), so acting happens in place. The
+// game layer: the today meter in the street header (one pip per decision, kept
+// for the day in this browser), a row that clears away (a CSS class, then the
+// redraw), a cleared floor that lights its windows and shows a tick in the
+// drawing, and the toast after every act.
 
 (function () {
   'use strict';
@@ -70,6 +80,11 @@
   var data = { docket: null, goals: [], rollups: [], earnings: null, loaded: false, tasks: {}, room: null, constitution: null };
   var card = { cv: null, form: null, error: '', busy: false, fresh: null, answer: null };
   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 };
+  var TODAY_KEY = 'gov-desk-today';
+  var today = { day: '', n: 0 };
 
   // ---------- light / dark ----------
   var chosen = null;
@@ -343,6 +358,7 @@
     var eveLine = $('streetEveningLine');
     if (eveLine) eveLine.textContent = m.eveningLine;
 
+    drawToday();
     $('hudNeeds').textContent = m.hud.needs;
     $('hudMoving').textContent = m.hud.moving;
     $('hudShare').textContent = m.hud.share;
@@ -392,7 +408,18 @@
 
   function drawBuilding(mode) {
     var st = view.inside;
-    var bv = I.buildingModel({ key: st.key, docket: data.docket, goals: data.goals, mode: mode, now: Date.now(), floor: st.floor, drawer: st.drawer, picks: st.picks });
+    var D = window.GovDesk;
+    // a building opens on the floor that needs you first (the desk's work)
+    var startFloor = st.floor == null && D && data.docket ? D.firstNeeds(st.key, data.docket) : null;
+    var cleared = [];
+    Object.keys(desk.cleared).forEach(function (k) { var p = k.split(':'); if (p[0] === st.key) cleared.push(Number(p[1])); });
+    var bv = I.buildingModel({ key: st.key, docket: data.docket, goals: data.goals, mode: mode, now: Date.now(), floor: st.floor == null ? startFloor : st.floor, drawer: st.drawer, picks: st.picks, cleared: cleared });
+    // a sitting's ballot is read once, so its row can vote in place
+    var C = window.GovMatterCard;
+    if (!desk.roomAsked && !data.room && C && data.docket && data.docket.matters.some(function (x) { return x && x.building === st.key && C.needsRoom(x); })) {
+      desk.roomAsked = true;
+      loadRoom().then(function () { if (view.inside) draw(); });
+    }
     view.insideModel = bv;
     setText('insideKicker', bv.kicker);
     show('insidePanel', true); show('insideDHead', false); show('insideLegend', false);
@@ -481,7 +508,7 @@
     // the chosen floor: two blocks that take turns, so the block re-enters on every pick
     var on = $(bv.flipA ? 'insideOpenA' : 'insideOpenB'), off = $(bv.flipA ? 'insideOpenB' : 'insideOpenA');
     if (off) { off.hidden = true; clear(off); }
-    if (on) { on.hidden = false; fillOpen(on, bv); }
+    if (on) { on.hidden = false; fillDesk(on, bv); }
     setText('insideOnFile', bv.onFile);
     var drawers = $('insideDrawers'); clear(drawers);
     bv.drawers.forEach(function (dw) {
@@ -505,28 +532,201 @@
     });
   }
 
-  function fillOpen(el, bv) {
+  // ---------- the floor desk (task 1004558) ----------
+  function icon(d, f, size) {
+    var svg = svgEl('svg');
+    svg.setAttribute('width', String(size)); svg.setAttribute('height', String(size)); svg.setAttribute('viewBox', '0 0 24 24'); svg.setAttribute('aria-hidden', 'true');
+    var a = svgEl('path'); a.setAttribute('d', d || '');
+    svg.appendChild(a);
+    if (f != null) { var b = svgEl('path'); b.setAttribute('d', f || ''); svg.appendChild(b); }
+    return svg;
+  }
+  function chipBtn(cls, text, onClick) {
+    var b = node('button', 'desk-chip ' + cls, text);
+    b.setAttribute('type', 'button');
+    if (desk.busy) b.setAttribute('disabled', '');
+    b.addEventListener('click', onClick);
+    return b;
+  }
+  function fillDesk(el, bv) {
     clear(el);
+    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 });
+    desk.model = dm;
+    el.className = 'inside-open desk' + (dm.quiet ? ' desk--quiet' : '');
+    el.setAttribute('data-desk', dm.key);
+    // the header: the floor's sign, its name, its status
     var head = node('div', 'inside-open__head');
     var plate = node('span', 'inside-plate');
-    var svg = svgEl('svg');
-    svg.setAttribute('width', '40'); svg.setAttribute('height', '40'); svg.setAttribute('viewBox', '0 0 24 24'); svg.setAttribute('aria-hidden', 'true');
-    var a = svgEl('path'); a.setAttribute('d', bv.sym.d || '');
-    var b = svgEl('path'); b.setAttribute('d', bv.sym.f || '');
-    svg.appendChild(a); svg.appendChild(b);
-    plate.appendChild(svg);
+    plate.appendChild(icon(bv.sym.d, bv.sym.f, 34));
     head.appendChild(plate);
     var words = node('div', 'inside-open__words');
-    words.appendChild(node('span', 'inside-open__kicker', bv.openKicker));
-    words.appendChild(node('h3', 'inside-open__title', bv.openTitle));
+    words.appendChild(node('span', 'inside-open__kicker', 'floor ' + (bv.selFloor + 1)));
+    words.appendChild(node('h3', 'inside-open__title', dm.name));
+    words.appendChild(node('span', 'desk-status' + (dm.hot ? ' desk-status--hot' : ''), dm.status));
     head.appendChild(words);
     el.appendChild(head);
-    bv.openLines.forEach(function (l) {
-      var row = node('div', 'inside-line');
-      row.appendChild(node('span', '', l.text));
-      row.appendChild(node('span', 'inside-line__meta', l.meta));
-      el.appendChild(row);
+    // up to three tiles, none of them a zero
+    if (dm.tiles.length) {
+      var tiles = node('div', 'desk-tiles');
+      dm.tiles.forEach(function (t) {
+        var tl = node('div', 'desk-tile');
+        tl.appendChild(node('span', 'desk-tile__v', t.v));
+        tl.appendChild(node('span', 'desk-tile__l', t.l));
+        tiles.appendChild(tl);
+      });
+      el.appendChild(tiles);
+    }
+    if (dm.quiet) {
+      // one line, lit: never an empty list
+      var q = node('div', 'desk-quiet' + (dm.cleared ? ' desk-quiet--cleared' : ''));
+      var tick = icon('M7.5 12.2l3 3 6-6.5', null, 44);
+      tick.setAttribute('class', 'desk-quiet__tick');
+      var ring = svgEl('circle'); ring.setAttribute('cx', '12'); ring.setAttribute('cy', '12'); ring.setAttribute('r', '9.5');
+      tick.appendChild(ring);
+      q.appendChild(tick);
+      q.appendChild(node('span', 'desk-quiet__line', dm.clearLine));
+      q.appendChild(node('span', 'desk-quiet__sub', dm.clearSub));
+      el.appendChild(q);
+    } else {
+      var list = node('div', 'desk-rows');
+      dm.rows.forEach(function (r) { list.appendChild(deskRow(r)); });
+      el.appendChild(list);
+    }
+    // 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'));
+    if (!dm.record.length) rec.appendChild(node('span', 'desk-record__item', 'nothing yet'));
+    dm.record.forEach(function (x, i) { rec.appendChild(node('span', 'desk-record__item' + (x.mine ? ' desk-record__item--mine' : '') + (x.mine && i === 0 ? ' desk-pop' : ''), x.text)); });
+    el.appendChild(rec);
+  }
+  function deskRow(r) {
+    var row = node('div', 'desk-row' + (r.needs ? ' desk-row--needs' : ''));
+    row.setAttribute('data-row', r.key);
+    var main = node('div', 'desk-row__main');
+    main.appendChild(node('span', 'desk-ini', r.ini));
+    var name = node('button', 'desk-name');
+    name.setAttribute('type', 'button');
+    name.setAttribute('aria-expanded', desk.open === r.key ? 'true' : 'false');
+    name.setAttribute('data-matter', r.matter);
+    name.appendChild(node('span', 'desk-name__t', r.name));
+    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);
+    var acts = node('span', 'desk-acts');
+    if (r.wait) acts.appendChild(node('span', 'desk-wait', r.wait));
+    // the primary button sits rightmost, as on the board
+    r.actions.slice().reverse().forEach(function (a) {
+      acts.appendChild(chipBtn('desk-chip--' + a.tone, a.label, function () {
+        if (a.go) { window.location.href = a.go; return; }
+        if (a.ask) { desk.ask = desk.ask === r.key ? null : r.key; desk.open = null; draw(); focusRow(r.key, 'chip'); return; }
+        deskAct(r, a.key, {});
+      }));
     });
+    main.appendChild(acts);
+    row.appendChild(main);
+    if (desk.open === r.key) {
+      var facts = node('div', 'desk-facts');
+      r.facts.forEach(function (f) { facts.appendChild(node('span', 'desk-fact', f)); });
+      row.appendChild(facts);
+    }
+    if (desk.ask === r.key && r.chips) {
+      var chips = node('div', 'desk-choices');
+      chips.appendChild(node('span', 'desk-choices__ask', r.chips.ask));
+      r.chips.options.forEach(function (c) { chips.appendChild(chipBtn('desk-chip--choice', c.label, function () { deskAct(r, r.chips.for, c.input); })); });
+      row.appendChild(chips);
+    }
+    return row;
+  }
+  function deskRowsEl() {
+    var st = view.insideModel;
+    var on = $(st && st.flipA ? 'insideOpenA' : 'insideOpenB');
+    var kids = on ? on.children : [];
+    for (var i = 0; i < kids.length; i++) if (/\bdesk-rows\b/.test(kids[i].className)) return kids[i];
+    return null;
+  }
+  function focusRow(key, what) {
+    var list = deskRowsEl();
+    var rows = list ? list.children : [];
+    for (var i = 0; i < rows.length; i++) {
+      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 (target && target.focus) target.focus();
+      return;
+    }
+  }
+  // The row clears away (a class the stylesheet animates), then the desk redraws without it.
+  function clearRow(key, then) {
+    var list = deskRowsEl();
+    var rows = list ? list.children : [];
+    for (var i = 0; i < rows.length; i++) if (rows[i].getAttribute('data-row') === key) rows[i].className += ' desk-row--gone';
+    if (typeof setTimeout !== 'function') return then();
+    setTimeout(then, 320);
+  }
+  var DONE_WORDS = { for: 'voted yes', object: 'voted no', fine: 'let in', refuse: 'turned away', release: 'released', hold: 'held' };
+  // 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
+  // it, the meter takes a pip and the toast says what happened. An act that
+  // records nothing (hold) clears the row for this visit and says it still waits.
+  function deskAct(r, key, input) {
+    var C = window.GovMatterCard, st = view.inside;
+    if (!C || !st || !r.card || desk.busy) return Promise.resolve(false);
+    var refused = C.check(r.card, key, input);
+    if (refused) { say(refused); return Promise.resolve(false); }
+    var k = st.key + ':' + (view.insideModel ? view.insideModel.selFloor : 0);
+    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] || []);
+      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;
+      if (st.floor == null && view.insideModel) st.floor = view.insideModel.selFloor;
+      bumpToday();
+      if (a.building && a.kind) card.answer = { building: a.building, matter: r.matter, kind: a.kind, at: Date.now() };
+      say(a.toast || 'Done.');
+    };
+    if (!req) return new Promise(function (res) { clearRow(r.key, function () { settle({}); draw(); res(true); }); });
+    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; }
+      return new Promise(function (res) {
+        clearRow(r.key, function () {
+          settle(out.body);
+          draw();
+          data.room = null; desk.roomAsked = false;
+          load().then(function () { res(true); });
+        });
+      });
+    });
+  }
+  // the today meter: decisions made today, kept for the day in this browser
+  function dayOf() { return new Date().toISOString().slice(0, 10); }
+  function readToday() {
+    var t = { day: dayOf(), n: 0 };
+    try {
+      var raw = window.localStorage ? JSON.parse(window.localStorage.getItem(TODAY_KEY) || 'null') : null;
+      if (raw && raw.day === t.day && isFinite(raw.n)) t.n = Math.max(0, Math.floor(raw.n));
+    } catch (e) { /* storage blocked: the meter starts at zero */ }
+    return t;
+  }
+  function bumpToday() {
+    if (today.day !== dayOf()) today = { day: dayOf(), n: 0 };
+    today.n += 1;
+    try { if (window.localStorage) window.localStorage.setItem(TODAY_KEY, JSON.stringify(today)); } catch (e) { /* the count still shows for this visit */ }
+  }
+  function drawToday() {
+    var D = window.GovDesk, pipsEl = $('streetTodayPips');
+    if (!D || !pipsEl) return;
+    var t = D.todayPips(today.n);
+    clear(pipsEl);
+    t.pips.forEach(function (p) { pipsEl.appendChild(node('span', 'street-today__pip' + (p.on ? ' street-today__pip--on' : '') + (p.fresh ? ' desk-pop' : ''))); });
+    setText('streetTodayN', t.text);
   }
 
   function pickFloor(i) {
@@ -534,6 +734,7 @@
     if (!st) return;
     st.floor = i;
     st.picks = (st.picks || 0) + 1;
+    desk.open = null; desk.ask = null;
     draw();
     var floors = $('insideFloors');
     var kids = (floors && floors.children) || [];
@@ -929,11 +1130,12 @@
     if (win) win.addEventListener('scroll', placeCard);
     if (media && media.addEventListener) media.addEventListener('change', function () { if (!storedTheme()) { applyTheme(); draw(); } });
     painted = applyTheme();
+    today = readToday();
     draw();
     watchShellTheme();
     return load();
   }
 
-  window.GovStreetPage = { boot: boot, draw: draw, load: load, fit: fit, openCard: openCard, closeCard: closeCard, actOn: actOn, pickFloor: pickFloor, goStreet: goStreet, amend: amend, fileDraft: fileDraft, FEEDS: FEEDS, THEME_KEY: THEME_KEY };
+  window.GovStreetPage = { boot: boot, draw: draw, load: load, fit: fit, openCard: openCard, closeCard: closeCard, actOn: actOn, pickFloor: pickFloor, deskAct: deskAct, goStreet: goStreet, amend: amend, fileDraft: fileDraft, FEEDS: FEEDS, THEME_KEY: THEME_KEY };
   window.GovStreetPage.ready = boot();
 }());

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

@@ -373,6 +373,89 @@
           "#insideLegend"
         ]
       }
+    },
+    "desk": {
+      "auth": true,
+      "_": "The floor desk (task 1004558): inside People the building opens on the floor that needs you, and the desk shows its sign, name and orange status, the tiles, the to-do rows with their two buttons, and the record line; the street header carries the today meter.",
+      "url": "/builders/street#building=people",
+      "actions": [
+        [
+          "wait",
+          900
+        ],
+        [
+          "clickIfVisible",
+          "[data-craft-close]"
+        ],
+        [
+          "wait",
+          300
+        ]
+      ],
+      "expect": {
+        "visible": [
+          ".desk-rows",
+          ".desk-status--hot",
+          ".desk-record",
+          "#streetTodayPips"
+        ]
+      }
+    },
+    "desk-facts": {
+      "auth": true,
+      "_": "A row name tapped: at most three facts open in place under it.",
+      "url": "/builders/street#building=people",
+      "actions": [
+        [
+          "wait",
+          900
+        ],
+        [
+          "clickIfVisible",
+          "[data-craft-close]"
+        ],
+        [
+          "wait",
+          300
+        ],
+        [
+          "click",
+          ".desk-name"
+        ],
+        [
+          "wait",
+          500
+        ]
+      ],
+      "expect": {
+        "visible": [
+          ".desk-facts"
+        ]
+      }
+    },
+    "desk-quiet": {
+      "auth": true,
+      "_": "A quiet floor: one line with the lights on, never an empty list.",
+      "url": "/builders/street#building=review",
+      "actions": [
+        [
+          "wait",
+          900
+        ],
+        [
+          "clickIfVisible",
+          "[data-craft-close]"
+        ],
+        [
+          "wait",
+          300
+        ]
+      ],
+      "expect": {
+        "visible": [
+          ".desk-quiet"
+        ]
+      }
     }
   },
   "reducedMotion": {

package/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@bongos/core",
-  "version": "1.21.33",
+  "version": "1.21.34",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@bongos/core",
-      "version": "1.21.33",
+      "version": "1.21.34",
       "license": "AGPL-3.0-or-later",
       "dependencies": {
         "express": "^4.21.2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bongos/core",
-  "version": "1.21.33",
+  "version": "1.21.34",
   "description": "Cloud Bongos — the AI-first build platform core (GDS + platform surfaces + module system), installed as a versioned dependency (ADR 0108).",
   "license": "AGPL-3.0-or-later",
   "main": "src/platform-server.js",

package/release-notes.json

@@ -8958,5 +8958,11 @@
       "id": "1004494",
       "text": "The look for each craft mode is decided. Artistry, Ideating and Governing each get their own colour (moonlight, star gold, city blue) on the mode switch, the tab you are on and the top bar, the mode's name beside the page titl"
     }
+  ],
+  "1.21.34": [
+    {
+      "id": "1004558",
+      "text": "Inside every building in the governor city, the floor you pick is now a desk you can act from, built from the new floor desks design. It shows the floor's name and how many things wait on you, up to three short numbers, and on"
+    }
   ]
 }

package/src/module-api.js

@@ -75,7 +75,7 @@ const { responsibilityFor, ROLE_RESPONSIBILITIES } = require('./role-responsibil
 // MAJOR (see allowBoxScope below): passes the request through untouched.
 function deprecatedNoopMiddleware(_req, _res, next) { next(); }
 
-const CORE_VERSION = '1.21.33'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
+const CORE_VERSION = '1.21.34'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
 
 // A namespaced logger so a module's log lines are attributable + consistent.
 // Usage: const log = api.logger('discord'); log.info('mounted');

package/tests/hall_matter_card.mjs

@@ -258,7 +258,7 @@ async function bootPage({ feeds, posts = {} }) {
   };
   const ctx = vm.createContext({ window, document, fetch, Promise, Math, String, Number, Array, Object, JSON, Date, console, encodeURIComponent, decodeURIComponent, isNaN, isFinite });
   ctx.globalThis = ctx;
-  for (const f of ['city-draw.js', 'street-draw.js', 'street-card.js', 'street-inside.js', 'street.js']) vm.runInContext(read(f), ctx);
+  for (const f of ['city-draw.js', 'street-draw.js', 'street-card.js', 'street-inside.js', 'street-desk.js', 'street.js']) vm.runInContext(read(f), ctx);
   await window.GovStreetPage.ready;
   return { window, byId, calls, focused };
 }

package/tests/hall_street.mjs

@@ -376,7 +376,7 @@ test('the page holds the prototype\'s header, the street, the readings and the c
   assert.match(html, /<a class="street-mark" id="streetHome" href="\/builders\/city"[^>]*>\{\{productName\}\}</);
   for (const id of ['hudNeeds', 'hudMoving', 'hudShare', 'streetMode', 'streetSigns', 'streetPins', 'streetDoors', 'streetCard']) assert.match(html, new RegExp(`id="${id}"`), id);
   const scripts = [...html.matchAll(/<script src="\/builders\/([a-z-]+)\.js/g)].map((m) => m[1]);
-  assert.deepEqual(scripts, ['shell-trail', 'craft-mode', 'shell', 'palette', 'city-draw', 'street-draw', 'street-card', 'street-inside', 'street-amend', 'street'], 'the hall shell (task 1004544), the shared kit, then the card (task 1004528), the interiors (task 1004526) and the drafted amendment (task 1004530)');
+  assert.deepEqual(scripts, ['shell-trail', 'craft-mode', 'shell', 'palette', 'city-draw', 'street-draw', 'street-card', 'street-inside', 'street-desk', 'street-amend', 'street'], 'the hall shell (task 1004544), the shared kit, then the card (task 1004528), the interiors (task 1004526), the floor desk (task 1004558) and the drafted amendment (task 1004530)');
   assert.equal(City.STREET_HREF, '/builders/street', 'the city\'s door is this page');
 });
 

package/tests/hall_street_amend.mjs

@@ -253,7 +253,7 @@ async function bootPage({ hash = '#building=review', cons = constitution(), answ
   };
   const ctx = vm.createContext({ window, document, fetch, Promise, Math, String, Number, Array, Object, JSON, Date, console, encodeURIComponent, decodeURIComponent, isNaN, isFinite, Map, setTimeout, clearTimeout });
   ctx.globalThis = ctx;
-  for (const f of ['city-draw.js', 'street-draw.js', 'street-card.js', 'street-inside.js', 'street-amend.js', 'street.js']) vm.runInContext(read(f), ctx);
+  for (const f of ['city-draw.js', 'street-draw.js', 'street-card.js', 'street-inside.js', 'street-desk.js', 'street-amend.js', 'street.js']) vm.runInContext(read(f), ctx);
   await window.GovStreetPage.ready;
   await tick();
   return { window, byId, focused, gets, posts, history };