@bongos/core 1.21.11 → 1.21.13

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

@@ -0,0 +1,191 @@
+{
+  "_": "THE MATTER CARD THAT ACTS (task 1004528, goal 1000125) on the street page, through modules/ui-design/kit/render.js. Kept beside street.states.json rather than inside it, so the street and its interiors (task 1004526) and the card each own their states. The populated card needs the hall-preview harness, whose government__docket.json puts the review-seat amendment on the board source (board:47) and whose government__board__items.json carries its ballot (item 47), with a canned answer for a vote:\n\n  node scripts/hall-preview/server.js --port 4625 --fixture-me\n  node modules/ui-design/kit/render.js --states modules/hall-ui/public/street-card.states.json --base-in http://localhost:4625 --base-out http://localhost:4625\n\nAgainst the kit stub there is no docket and no pin, so these states are for the harness.",
+  "page": "/builders/street",
+  "surface": "hall-ui",
+  "stub": {
+    "prefix": "/builders/"
+  },
+  "modeQuery": false,
+  "ignoreRequests": [
+    "/api/(gds|bongos)/",
+    "fonts.g(oogleapis|static).com"
+  ],
+  "ignoreConsole": [
+    "/api/(gds|bongos)/",
+    "\\b401\\b",
+    "\\b403\\b",
+    "\\b404\\b",
+    "\\b501\\b",
+    "Unauthorized",
+    "Forbidden",
+    "Not Found",
+    "load failed",
+    "fonts.g(oogleapis|static).com"
+  ],
+  "states": {
+    "sitting": {
+      "auth": true,
+      "_": "The review-seat amendment pin pressed: the proposer in their own words, the change struck and inserted, the seats with the tally, counsel, vote for / object and abstain.",
+      "actions": [
+        [
+          "wait",
+          900
+        ],
+        [
+          "click",
+          ".street-pin[data-matter=\"board:47\"]"
+        ],
+        [
+          "wait",
+          700
+        ]
+      ],
+      "expect": {
+        "visible": [
+          "#streetCard",
+          "#streetCardBody",
+          "[data-act=\"for\"]",
+          "[data-act=\"object\"]",
+          "[data-act=\"abstain\"]"
+        ]
+      }
+    },
+    "object": {
+      "auth": true,
+      "_": "object pressed: the reason (on the record) and the part it objects to.",
+      "actions": [
+        [
+          "wait",
+          900
+        ],
+        [
+          "click",
+          ".street-pin[data-matter=\"board:47\"]"
+        ],
+        [
+          "wait",
+          700
+        ],
+        [
+          "click",
+          "[data-act=\"object\"]"
+        ],
+        [
+          "wait",
+          300
+        ]
+      ],
+      "expect": {
+        "visible": [
+          "#mcardReason",
+          "#mcardSection",
+          "[data-act=\"object-send\"]"
+        ]
+      }
+    },
+    "voted": {
+      "auth": true,
+      "_": "vote for pressed: the canned vote answers, the toast says so and the Charter lights; the harness changes nothing, so the card reads the same ballot again.",
+      "actions": [
+        [
+          "wait",
+          900
+        ],
+        [
+          "click",
+          ".street-pin[data-matter=\"board:47\"]"
+        ],
+        [
+          "wait",
+          700
+        ],
+        [
+          "click",
+          "[data-act=\"for\"]"
+        ],
+        [
+          "wait",
+          500
+        ]
+      ],
+      "expect": {
+        "visible": [
+          "#streetToast",
+          "#streetCard"
+        ]
+      }
+    },
+    "admission": {
+      "auth": true,
+      "_": "An admission at People: fine by me, or object.",
+      "actions": [
+        [
+          "wait",
+          900
+        ],
+        [
+          "click",
+          ".street-pin[data-matter=\"access_requests:7\"]"
+        ],
+        [
+          "wait",
+          400
+        ]
+      ],
+      "expect": {
+        "visible": [
+          "[data-act=\"fine\"]",
+          "[data-act=\"refuse\"]"
+        ]
+      }
+    },
+    "settled": {
+      "auth": true,
+      "_": "A release that is not yours yet: read-only, no acts.",
+      "actions": [
+        [
+          "wait",
+          900
+        ],
+        [
+          "click",
+          ".street-pin[data-matter=\"override_requests:9\"]"
+        ],
+        [
+          "wait",
+          400
+        ]
+      ],
+      "expect": {
+        "visible": [
+          "#streetCard"
+        ]
+      }
+    }
+  },
+  "reducedMotion": {
+    "auth": true,
+    "actions": [
+      [
+        "wait",
+        900
+      ],
+      [
+        "click",
+        ".street-pin[data-matter=\"board:47\"]"
+      ],
+      [
+        "wait",
+        700
+      ],
+      [
+        "click",
+        "[data-act=\"for\"]"
+      ],
+      [
+        "wait",
+        200
+      ]
+    ]
+  }
+}

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

@@ -12,6 +12,7 @@
        (tests/hall_tokens.mjs: no hall page hardcodes a web-font stylesheet). -->
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/street.css?v=2026-10-02-inside1">
+  <link rel="stylesheet" href="/builders/street-card.css?v=2026-10-02-card1">
 </head>
 <!-- THE STREET (task 1004525, goal 1000125, R03). The street view of
      docs/design/mocks/governor-city/Street.dc.html (renderVals' street branch,
@@ -177,16 +178,17 @@
     </button>
   </div>
   <h2 class="street-card__title" id="streetCardTitle"></h2>
-  <p class="street-card__meta" id="streetCardMeta" hidden></p>
-  <ul class="street-card__lines" id="streetCardLines" hidden></ul>
-  <p class="street-card__result" id="streetCardResult"></p>
+  <div class="street-card__body" id="streetCardBody"></div>
   <a class="street-card__open" id="streetCardOpen" href="/builders/street" hidden>open it where it lives</a>
 </div>
 
+<div class="street-toast" id="streetToast" role="status" aria-live="polite" hidden></div>
+
 </div>
 
 <script src="/builders/city-draw.js?v=2026-10-02-street1"></script>
 <script src="/builders/street-draw.js?v=2026-10-02-street1"></script>
+<script src="/builders/street-card.js?v=2026-10-02-card1"></script>
 <script src="/builders/street-inside.js?v=2026-10-02-inside1"></script>
 <script src="/builders/street.js?v=2026-10-02-inside1"></script>
 </body>

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

@@ -23,6 +23,8 @@
 //   /api/bongos/goals                      the open goals: one district each
 //   /api/bongos/goals/rollups              each goal's task counts: its buildings
 //   /api/bongos/builders/<viewer>/earnings your share this month (after the docket names the viewer)
+//   /api/bongos/government/board/items     a sitting's ballot, read when its card opens (task 1004528)
+//   /api/bongos/government/constitution    the constitution in force, for an amendment's wording change
 // A feed that fails leaves its part out (no pins, no districts, "—" for the
 // share) and the page says the docket could not be read; it never draws sample data.
 //
@@ -33,6 +35,12 @@
 //
 // MOTION is CSS only (street.css); nothing here animates. The scale write on
 // resize is layout, not motion.
+//
+// THE CARD ACTS (task 1004528). GovMatterCard (street-card.js) builds the full
+// card and maps each act to the existing route that does it; this file sends the
+// 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).
 
 (function () {
   'use strict';
@@ -47,6 +55,8 @@
     rollups: '/api/bongos/goals/rollups',
     earnings: function (id) { return '/api/bongos/builders/' + encodeURIComponent(id) + '/earnings'; },
     tasks: function (goalId) { return '/api/bongos/tasks?goal_id=' + encodeURIComponent(goalId); },
+    room: '/api/bongos/government/board/items',
+    constitution: '/api/bongos/government/constitution',
   };
   var NARROW = 900;
   var I = window.GovInside;
@@ -57,7 +67,8 @@
 
   var $ = function (id) { return document.getElementById(id); };
   var media = window.matchMedia ? window.matchMedia('(prefers-color-scheme: dark)') : null;
-  var data = { docket: null, goals: [], rollups: [], earnings: null, loaded: false, tasks: {} };
+  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 };
 
   // ---------- light / dark ----------
@@ -336,6 +347,7 @@
       view.insideModel = null;
     }
 
+    markAnswer();
     fit();
     if (view.open) fillCard();
     return m;
@@ -587,22 +599,16 @@
   }
 
 
-  // ---------- the short matter card ----------
+  // ---------- the matter card (task 1004528: it acts) ----------
   function fillCard() {
-    var cv = S.cardFor(data.docket, view.open, Date.now());
+    var C = window.GovMatterCard;
+    var cv = C ? C.model({ docket: data.docket, key: view.open, room: data.room, constitution: data.constitution, now: Date.now() }) : null;
     if (!cv) { closeCard(false); return null; }
+    card.cv = cv;
     $('streetCardWhere').textContent = cv.where;
     $('streetCardWhen').textContent = cv.when;
     $('streetCardTitle').textContent = cv.title;
-    var meta = $('streetCardMeta');
-    var metaText = [cv.proposer, cv.tally].filter(Boolean).join(' · ');
-    meta.textContent = metaText;
-    meta.hidden = !metaText;
-    var lines = $('streetCardLines');
-    clear(lines);
-    cv.lines.forEach(function (t) { lines.appendChild(node('li', '', t)); });
-    lines.hidden = !cv.lines.length;
-    $('streetCardResult').textContent = cv.result;
+    C.render(document, $('streetCardBody'), cv, { act: actOn, openForm: openForm }, { form: card.form, error: card.error, busy: card.busy, fresh: card.fresh });
     var open = $('streetCardOpen');
     if (cv.href) open.setAttribute('href', cv.href);
     open.hidden = !cv.href;
@@ -624,19 +630,22 @@
   function openCard(key, opener) {
     view.open = key;
     view.opener = opener || null;
-    var card = $('streetCard');
+    card.form = null; card.error = ''; card.fresh = null;
+    var el = $('streetCard');
     if (!fillCard()) return;
-    card.hidden = false;
+    el.hidden = false;
     draw();
     var close = $('streetCardClose');
     if (close && close.focus) close.focus();
+    if (card.cv && card.cv.loading) return loadRoom();
   }
   function closeCard(restore) {
     var was = view.opener;
     view.open = null;
     view.opener = null;
-    var card = $('streetCard');
-    if (card) card.hidden = true;
+    card.cv = null; card.form = null; card.error = ''; card.busy = false; card.fresh = null;
+    var el = $('streetCard');
+    if (el) el.hidden = true;
     draw();
     // The pins were redrawn, so focus goes back to the new button for the same matter.
     if (restore !== false && was && was.getAttribute) {
@@ -652,6 +661,87 @@
       }
     }
   }
+  // ---------- acting from the card (task 1004528) ----------
+  // A sitting's ballot and the constitution in force, read when its card opens
+  // and again after an act. A failed read leaves an empty room, so the card says
+  // the sitting could not be read rather than drawing a ballot it never saw.
+  function loadRoom() {
+    return Promise.all([getJson(FEEDS.room), getJson(FEEDS.constitution)]).then(function (r) {
+      data.room = r[0] && (Array.isArray(r[0].open) || Array.isArray(r[0].closed)) ? r[0] : { open: [], closed: [] };
+      data.constitution = r[1] && r[1].board ? r[1] : null;
+      if (view.open) fillCard();
+    });
+  }
+  function send(req) {
+    return fetch(req.url, { method: req.method, credentials: 'same-origin', headers: { accept: 'application/json', 'content-type': 'application/json' }, body: JSON.stringify(req.body || {}) })
+      .then(function (r) {
+        return Promise.resolve(r && r.json ? r.json() : {}).catch(function () { return {}; })
+          .then(function (b) { return { ok: !!(r && r.ok), status: r ? r.status : 0, body: b || {} }; });
+      })
+      .catch(function () { return { ok: false, status: 0, body: {} }; });
+  }
+  function openForm(name) {
+    card.form = name || null;
+    card.error = '';
+    fillCard();
+    var f = name === 'object' ? $('mcardReason') : name === 'revise' ? $('mcardRevise') : $('streetCardClose');
+    if (f && f.focus) f.focus();
+  }
+  // One act: checked, sent to its own route (the server's permission checks
+  // decide), then answered. An act that records nothing (abstain, hold) is
+  // answered without a request.
+  function actOn(key, input) {
+    var C = window.GovMatterCard, cv = card.cv;
+    if (!C || !cv || card.busy) return Promise.resolve(false);
+    var refused = C.check(cv, key, input);
+    if (refused) { card.error = refused; fillCard(); return Promise.resolve(false); }
+    card.error = '';
+    var req = C.request(cv, key, input);
+    if (!req) return Promise.resolve(answered(cv, key, {}, false));
+    card.busy = true;
+    fillCard();
+    return send(req).then(function (out) {
+      card.busy = false;
+      if (!out.ok) { card.error = C.refusal(out.status, out.body); if (view.open) fillCard(); return false; }
+      return answered(cv, key, out.body, true);
+    });
+  }
+  function answered(cv, key, body, recorded) {
+    var a = window.GovMatterCard.answer(cv, key, body);
+    say(a.toast);
+    card.form = null;
+    card.fresh = key === 'for' || key === 'object' ? 'you' : null;
+    if (a.building && a.kind) card.answer = { building: a.building, matter: cv.key, kind: a.kind, at: Date.now() };
+    if (a.close) closeCard(true);
+    else if (view.open) { fillCard(); var c = $('streetCardClose'); if (c && c.focus) c.focus(); }
+    if (!recorded) return true;
+    // the street answers: pins, readings, counts and the evening from the docket
+    // as it now stands, and the ballot again when a card is still open
+    data.room = null;
+    return Promise.all([load(), view.open ? loadRoom() : null]).then(function () { return true; });
+  }
+  // The building that answered rises or lights, and the matter's pin settles:
+  // a class on the freshly drawn nodes for 1.6 s, the motion itself in CSS.
+  function markAnswer() {
+    var a = card.answer;
+    if (!a) return;
+    if (Date.now() - a.at > 1600) { card.answer = null; return; }
+    var blds = ($('streetBlds') && $('streetBlds').children) || [];
+    for (var i = 0; i < blds.length; i++) if (blds[i].getAttribute('data-key') === a.building) blds[i].setAttribute('class', 'street-answer street-answer--' + a.kind);
+    var pins = ($('streetPins') && $('streetPins').children) || [];
+    for (var j = 0; j < pins.length; j++) if (pins[j].getAttribute('data-matter') === a.matter) pins[j].className += ' street-pin--answer';
+  }
+  var toastTimer = null;
+  function say(text) {
+    var t = $('streetToast');
+    if (!t || !text) return;
+    t.textContent = text;
+    t.hidden = false;
+    if (typeof setTimeout !== 'function') return;
+    if (toastTimer && typeof clearTimeout === 'function') clearTimeout(toastTimer);
+    toastTimer = setTimeout(function () { if (t.textContent === text) t.hidden = true; }, 3600);
+  }
+
   function onKey(e) {
     if (e.key === 'Escape' && view.open) { e.preventDefault(); closeCard(true); }
   }
@@ -677,6 +767,6 @@
     return load();
   }
 
-  window.GovStreetPage = { boot: boot, draw: draw, load: load, fit: fit, openCard: openCard, closeCard: closeCard, pickFloor: pickFloor, goStreet: goStreet, FEEDS: FEEDS, THEME_KEY: THEME_KEY };
+  window.GovStreetPage = { boot: boot, draw: draw, load: load, fit: fit, openCard: openCard, closeCard: closeCard, actOn: actOn, pickFloor: pickFloor, goStreet: goStreet, FEEDS: FEEDS, THEME_KEY: THEME_KEY };
   window.GovStreetPage.ready = boot();
 }());

package/modules/public-landing/public/projects.html

@@ -249,6 +249,12 @@ h1[tabindex="-1"]:focus:not(:focus-visible){outline:none;}
   #view-new .rmGlow,#view-new .rmStem,#view-new .rmShade,#view-new .rmMug,#view-new .rmLeaf{display:none;}
   #view-new .rmFloor{top:auto;height:80px;}
 }
+/* under 600 the words fill the screen, so the window fades further and its lit windows
+   go — they read as stray marks between the review rows (task 1004543) */
+@media (max-width:600px){
+  #view-new .rmWindow{opacity:.18;}
+  #view-new .rmLight{display:none;}
+}
 /* the words column above the room, held to the mockup's measure so the window never
    slides under it; headings in the mockup's sentence case */
 #view-new .wrap{position:relative;z-index:1;min-height:calc(100vh - var(--top-h,64px) - 120px);}
@@ -386,7 +392,7 @@ h1[tabindex="-1"]:focus:not(:focus-visible){outline:none;}
   display:block;padding-top:4px;
 }
 .humanSteps b{display:block;font-size:16px;font-weight:500;color:var(--ink);}
-.humanSteps p{font-size:14px;font-weight:400;color:var(--ink-soft);line-height:1.5;margin-top:4px;max-width:56ch;}
+.humanSteps p{font-size:14px;font-weight:400;color:var(--ink-soft);line-height:1.5;margin-top:4px;max-width:56ch;overflow-wrap:anywhere;}
 /* a repo the platform already handled is named as a plain inline link (task 1002855) —
    the .ghbtn treatment reads as an action to take, and there is nothing here to do */
 .humanSteps p a{color:var(--ink);font-weight:400;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:3px 0;min-height:24px;line-height:18px;}
@@ -415,6 +421,7 @@ h1[tabindex="-1"]:focus:not(:focus-visible){outline:none;}
 .copy:hover{border-color:var(--ink-faint);color:var(--ink);}
 .copy.did{background:none;border-color:var(--ok);color:var(--ok);}
 .samePath{font-size:13px;font-weight:400;color:var(--ink-faint);margin-top:18px;}
+.samePath a{display:inline-block;padding:3px 0;min-height:24px;line-height:18px;}
 #liveProgress{margin-top:4px;}
 
 /* ── the standup strip (task 2083), drawn as the lifecycle rail (DESIGN.md):
@@ -6942,6 +6949,8 @@ summary{min-height:24px;padding:3px 0;}
           /* the alive moment (task 1004504): said only once the project has answered */
           $('done-h').textContent = (state.name || state.slug || 'Your project') + ' is alive.';
           paintInviteGate(true);   /* the hall answers, so others can join now */
+          /* task 1004543: the line under it stops saying "setting up" once it answers */
+          $('doneLede').innerHTML = 'Its home is ready. Watch the rest here, or any time on <a href="?view=mine">your projects page</a>.';
           setProgress(progressMarkup(-1, 3,
             'Your project is answering at ' + link + '. Finish the steps below and the hall is yours.', 'isLive', flow));
           return true;

package/package-lock.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bongos/core",
-  "version": "1.21.11",
+  "version": "1.21.13",
   "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

@@ -8822,5 +8822,17 @@
       "id": "1004526",
       "text": "Every building on the governor's street now opens. Step through a door and the building appears in section, drawn exactly like the prototype: each floor a real storey with its sign, name and state on the wall, dark empty floor"
     }
+  ],
+  "1.21.12": [
+    {
+      "id": "1004543",
+      "text": "When your new project comes alive, the line under \"is alive\" now says its home is ready instead of still saying it is being set up. On phones, the dim night-room picture behind the setup screens no longer shows stray lit windo"
+    }
+  ],
+  "1.21.13": [
+    {
+      "id": "1004528",
+      "text": "On the street, a pin now opens the full matter card: who raised it in their own words, exactly what would change, who has voted and what it still needs, the objections, and a short note of advice. Governors can vote for, objec"
+    }
   ]
 }

package/scripts/hall-preview/server.js

@@ -177,6 +177,9 @@ const CANNED_WRITES = [
   // afterwards from the card's "Offered skills" editor.
   ['POST', /^specialities$/, 'specialities.post'],
   ['PATCH', /^specialities\/\d+$/, 'specialities__12.patch'],
+  // a vote cast from the street's matter card (task 1004528), so the card's
+  // answer (the toast, the building lighting) renders here too.
+  ['POST', /^government\/board\/items\/\d+\/votes$/, 'government__board__items__votes.post'],
 ];
 
 // A DATE THAT ROTS CANNOT DEMO AN AGE SIGNAL (task 1004041). The help-request

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.11'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
+const CORE_VERSION = '1.21.13'; // 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');