@bongos/core 1.24.38 → 1.24.39

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

@@ -61,7 +61,7 @@
 
   // Every limit of the line rule, in characters unless named otherwise.
   const LIMITS = Object.freeze({
-    nameWords: 3, name: 20, fact: 26, facts: 3, factLen: 24, actions: 2,
+    nameWords: 14, name: 90, fact: 60, facts: 3, factLen: 48, actions: 2,
     tiles: 3, tileValue: 8, tileWords: 2, tileLabel: 14,
     status: 44, clearLine: 30, clearSub: 40, record: 4, recordLen: 30,
     chips: 5, chip: 24, todayTarget: 10, pips: 12, saveLine: 48,

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

@@ -20,7 +20,8 @@
 // /goals/rollups) for the districts, and the viewer's earnings for "your share
 // this month". Where the real data had to bend the design, it is said once here
 // and in the ship notes:
-//  * Districts. One per OPEN goal, in the order the goals come, between
+//  * Districts (only with `districts: true`; the page draws none since the
+//    owner's 2026-11-04 direction, and centres the civic row). One per OPEN goal, in the order the goals come, between
 //    Automation and Review. Up to four keep the prototype's 90 px plots; past
 //    four each plot narrows (never under 56 px) and past that the street grows
 //    longer than the 1440 px artboard, so the page scrolls it sideways rather
@@ -330,9 +331,13 @@
   // between districts, 18 otherwise), starting at 43. Past MAX_DISTRICTS open
   // goals the first seven stand as districts and the eighth plot is the rest,
   // staked out, a door to the goals page.
-  function layout(goals) {
-    const shown = goals.length > MAX_DISTRICTS ? goals.slice(0, MAX_DISTRICTS - 1) : goals;
-    const more = goals.length - shown.length;
+  // The street is the governance square (owner, 2026-11-04): the working areas
+  // are the city's own buildings, so by default no district stands on the
+  // street and the civic row is centred on the artboard. `districts` keeps the
+  // prototype's row (the kit's tests hold it to the prototype).
+  function layout(goals, districts) {
+    const shown = districts ? (goals.length > MAX_DISTRICTS ? goals.slice(0, MAX_DISTRICTS - 1) : goals) : [];
+    const more = districts ? goals.length - shown.length : 0;
     const dw = districtWidth(shown.length + (more ? 1 : 0));
     const segs = [];
     SEGS.forEach((s) => {
@@ -346,6 +351,8 @@
       if (i > 0) x += segs[i - 1].g !== s.g ? 30 : (s.d ? 10 : 18);
       s.x = x; x += s.w;
     });
+    const spare = ARTBOARD_W - (x + 43);
+    if (!districts && spare > 0) segs.forEach((s) => { s.x += Math.floor(spare / 2); });
     return { segs: segs, width: Math.max(ARTBOARD_W, x + 43), districtW: dw };
   }
 
@@ -510,6 +517,10 @@
   //   living    GovLiving.livingModel() over the same feeds, or null (no Leads,
   //             no agents, no construction: the deep street with real data only)
   //   roster    GET /builders/roster body, or null (the people reading)
+  //   districts true: stand a district per open goal between Automation and
+  //             Review (the prototype's row). The page leaves it off: the
+  //             street is the governance square and the working areas are the
+  //             city's (owner, 2026-11-04)
   function streetModel(input) {
     const opts = input || {};
     const docket = opts.docket && typeof opts.docket === 'object' && Array.isArray(opts.docket.matters) ? opts.docket : null;
@@ -529,7 +540,7 @@
     const goals = (Array.isArray(opts.goals) ? opts.goals : []).filter((g) => g && g.status === 'open' && g.id != null);
     const byGoal = {};
     (Array.isArray(opts.rollups) ? opts.rollups : []).forEach((r) => { if (r && r.goal_id != null) byGoal[String(r.goal_id)] = r; });
-    const L = layout(goals);
+    const L = layout(goals, opts.districts === true);
     const segs = L.segs, W = L.width;
     const at = {};
     segs.forEach((s) => { at[s.k || ('d:' + s.d)] = s; });

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

@@ -725,7 +725,23 @@
     return dv;
   }
 
+  // The floor picker (owner, 2026-11-04: a building is a place to work). On a
+  // wide window the section is cropped to the building itself (PICKER_CROP: its
+  // crown, storeys and ground, without the 800 x 708 section's empty margins)
+  // and scaled to the stage height, never under half size (a floor stays a
+  // 24 px target) nor over 0.72 (the desk keeps the room). The CSS variables
+  // street.js sets on the drawing's box and its column.
+  const PICKER_CROP = Object.freeze({ x: 50, y: 120, w: 590, h: 580 });
+  function pickerFit(stageH) {
+    const c = PICKER_CROP;
+    const k = Math.max(0.5, Math.min(0.72, Math.round(((Number(stageH) || 708) - 60) / c.h * 1000) / 1000));
+    const px = (n) => Math.round(n * k) + 'px';
+    return { k: k, box: { '--inside-art-scale': String(k), '--inside-art-x': px(-c.x), '--inside-art-y': px(-c.y) },
+      art: { '--inside-art-w': px(c.w), '--inside-art-h': px(c.h) } };
+  }
+
   const api = {
+    pickerFit: pickerFit, PICKER_CROP: PICKER_CROP,
     crown: crown, workItem: workItem, floorSymbol: floorSymbol, symbolPath: symbolPath, buildingView: buildingView, districtView: districtView,
     civicInfo: civicInfo, floorFor: floorFor, holderOf: holderOf, recordOf: recordOf, buildingModel: buildingModel,
     districtInfo: districtInfo, districtModel: districtModel,

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

@@ -530,6 +530,37 @@ html[data-fullscreen="on"] .street-top { padding-right: 184px; }
 .inside-name:focus { outline: none; }
 .inside-name:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
 
+/* THE HALL IS FOR WORK (owner, 2026-11-04; task 1005075). The street's own
+   header strip and the six readings along the bottom repeat what the shell's
+   top bar and the buildings already say, and inside a building they squeezed
+   the floor you came to work on into a corner. Both go. */
+.street-top, .street-signs { display: none; }
+
+/* Inside a building: the drawing is the floor picker, at half size in its own
+   column (a floor stays a 24 px target); the chosen floor's desk takes the rest
+   of the window and scrolls on its own. The building's own facts (who holds it,
+   how it decides, its record) follow the desk instead of standing above it. */
+@media (min-width: 900px) {
+  .inside--work { display: block; overflow: hidden; }
+  .inside--work .inside-sizer { width: auto; height: 100%; margin: 0; overflow: visible; }
+  .inside--work .inside-board { position: static; width: auto; height: 100%; transform: none; display: grid;
+    grid-template-columns: var(--inside-art-w, 400px) minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr);
+    column-gap: 40px; padding: 0 32px 0 16px; box-sizing: border-box; animation: none; }
+  .inside--work .inside-head { position: static; grid-column: 1 / -1; padding: 14px 0 6px 16px; }
+  .inside--work .inside-art { position: relative; width: var(--inside-art-w, 400px); height: var(--inside-art-h, 354px); grid-row: 2; align-self: start; overflow: hidden; }
+  .inside--work .inside-art__box { width: 800px; transform: translate(var(--inside-art-x, 0), var(--inside-art-y, 0)) scale(var(--inside-art-scale, 1)); }
+  .inside--work .inside-panel { position: static; grid-row: 2; width: auto; max-width: 880px; height: 100%; padding: 4px 4px 32px 0; box-sizing: border-box; gap: 20px; }
+  .inside--work .inside-title { order: 0; flex-direction: row; align-items: baseline; gap: 14px; flex-wrap: wrap; }
+  .inside--work .inside-name { font-size: 28px; }
+  .inside--work .inside-holds { font-size: 14px; }
+  .inside--work .inside-open { order: 1; }
+  .inside--work .govx { order: 2; }
+  .inside--work .inside-gov { order: 3; }
+  .inside--work .inside-record { order: 4; }
+  .inside--work .inside-open__head .inside-plate { width: 44px; height: 44px; border-radius: 10px; }
+  .inside--work .inside-open__title { font-size: 24px; }
+}
+
 /* narrow: the drawing in its own sideways strip, the panel below it */
 @media (max-width: 899px) {
   .inside { display: block; overflow-x: hidden; overflow-y: auto; }
@@ -543,6 +574,11 @@ html[data-fullscreen="on"] .street-top { padding-right: 184px; }
   .inside-dhead { order: 1; }
   .inside-legend { order: 3; flex-direction: column; gap: 8px; }
   .inside-panel { order: 3; overflow: visible; }
+  /* the floor's desk straight under the name, the building's facts after it */
+  .inside-open { order: 1; }
+  .govx { order: 2; }
+  .inside-gov { order: 3; }
+  .inside-record { order: 4; }
   .inside-name { font-size: 32px; }
   .inside-gov__row { flex-wrap: wrap; row-gap: 4px; }
   .desk-row__main { flex-wrap: wrap; row-gap: 8px; }

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

@@ -77,7 +77,7 @@
     constitution: '/api/bongos/government/constitution',
     uat: function (id) { return '/api/bongos/done-when/' + encodeURIComponent(id) + '/uat'; },
   };
-  var NARROW = 900;
+  var NARROW = 900, FOCUS_W = 1120; // FOCUS_W: the civic row and its pins, which a wide window fits
   var I = window.GovInside;
   // The artboard's street band: the prototype's 900-high board less its 64 px
   // header and 128 px footer, which this page lays out as real rows, and less
@@ -159,13 +159,10 @@
   function here() { return S.parseHash(window.location && window.location.hash); }
 
   // ---------- fit the artboard's street band to the stage ----------
-  // 1440 x 708 at scale 1 is the prototype exactly. A wider or taller stage
-  // grows it, a smaller one shrinks it; a phone keeps it near full size and the
-  // street scrolls sideways inside its window, so a pin stays a pin.
-  // A stage taller than the street needs (a wide window scales the street to its
-  // width) gives the spare height to the foot of the page, under the readings, so
-  // the street sits on them with no empty sky above it (task 1004718). The window
-  // gives the height back whenever a building's inside is open.
+  // 1440 x 708 at scale 1 is the prototype exactly. A wide window fits the civic
+  // row (FOCUS_W), crops the haze either side and centres the street in the stage
+  // (owner, 2026-11-04); a phone keeps it near full size and scrolls it sideways
+  // from the first building, so a pin stays a pin.
   function fit() {
     var win = $('streetWindow'), inside = $('streetInside');
     var insideOn = !!(inside && !inside.hidden);
@@ -175,23 +172,29 @@
     if (!win || !sizer || !board) return;
     var W = view.model ? view.model.width : S.ARTBOARD_W;
     var cw = win.clientWidth || window.innerWidth || 1440, ch = win.clientHeight || 708;
-    var s = Math.min(cw / W, ch / BAND_H);
-    if (cw / W < 0.6) s = Math.min(1, ch / BAND_H);
+    var wide = cw >= NARROW;
+    var s = wide ? Math.min(cw / FOCUS_W, ch / BAND_H) : Math.min(cw / W, ch / BAND_H);
+    if (cw / W < 0.6 && !wide) s = Math.min(1, ch / BAND_H);
     s = Math.max(0.4, Math.round(s * 1000) / 1000);
     view.scale = s;
-    sizer.style.width = Math.round(W * s) + 'px';
+    var sizerW = wide ? Math.min(Math.round(W * s), cw) : Math.round(W * s);
+    sizer.style.width = sizerW + 'px';
     sizer.style.height = Math.round(BAND_H * s) + 'px';
-    if (!insideOn && win.style && Math.round(BAND_H * s) < ch - 1) win.style.flex = '0 0 ' + Math.round(BAND_H * s) + 'px';
+    board.style.left = wide ? Math.round((sizerW - W * s) / 2) + 'px' : '';
+    if (win.style) win.style.overflowX = wide ? 'hidden' : '';
     board.style.width = W + 'px';
     board.style.setProperty('--street-scale', String(s));
     var svg = $('streetSvg');
     if (svg) { svg.setAttribute('width', String(W)); svg.setAttribute('viewBox', '0 0 ' + W + ' 900'); }
+    var doors = $('streetDoors'), first = doors && (doors.firstElementChild || (doors.children && doors.children[0]));
+    if (!wide && !insideOn && !view.scrolled && first) { win.scrollLeft = Math.max(0, Math.round((parseFloat(first.style.left) || 0) * s) - 16); view.scrolled = true; }
     placeCard();
   }
 
-  // The interior's artboard: 1440 x 708 scaled to the window like the street;
-  // under NARROW px the board is a column and only the drawing scales, in its
-  // own sideways strip, never under 0.6 so a floor stays a 24 px target.
+  // The interior: a building on a wide window is laid out, its drawing the floor
+  // picker (GovInside.pickerFit) beside the desk; a district's 1440 x 708 board
+  // scales to the window like the street; under NARROW px the board is a column
+  // and only the drawing scales, in its own sideways strip, never under 0.6.
   function fitInside() {
     var box = $('streetInside'), sizer = $('insideSizer'), board = $('insideBoard'), art = $('insideArt'), artBox = $('insideArtBox'), span = $('insideArtSpan');
     if (!box || !sizer || !board || !art || !artBox || box.hidden) return;
@@ -207,6 +210,14 @@
       if (span) { span.style.width = Math.round(artW * a) + 'px'; span.style.height = Math.round(708 * a) + 'px'; }
       return;
     }
+    var work = !(view.inside && view.inside.kind === 'district');
+    if (box.classList) box.classList.toggle('inside--work', work);
+    if (work) {
+      var f = I.pickerFit(ch);
+      sizer.style.width = ''; sizer.style.height = ''; board.style.setProperty('--inside-scale', '1');
+      [[artBox, f.box], [art, f.art]].forEach(function (e) { Object.keys(e[1]).forEach(function (k) { e[0].style.setProperty(k, e[1][k]); }); });
+      if (span) { span.style.width = '0px'; span.style.height = '0px'; } return;
+    }
     var s = Math.max(0.4, Math.round(Math.min(cw / 1440, ch / 708) * 1000) / 1000);
     sizer.style.width = Math.round(1440 * s) + 'px';
     sizer.style.height = Math.round(708 * s) + 'px';
@@ -292,7 +303,9 @@
   // GovStreetDepth.page's (street-depth.js); this file hands it the street's
   // data, its card opener and a redraw, and keeps the street's own wiring.
   var X = window.GovStreetDepth.page;
-  function drawPin(p) { return X.pin(p, { open: view.open, openCard: openCard }); }
+  // a pin goes into its building, the matter a desk row there (owner, 2026-11-04: no pop-ups)
+  function goPin(key, el, keys) { var b = el && el.getAttribute && el.getAttribute('data-building'); if (b) window.location.hash = 'building=' + b; else openCard(key, el, keys); }
+  function drawPin(p) { return X.pin(p, { open: view.open, openCard: goPin }); }
   function drawSign(sg, tile) { return X.sign(sg, tile); }
   function drawDepth(dm, W) { return X.depth(dm, W); }
   // the living model arrives after the street's own reads: the street and the deck draw it

package/modules/hall-ui/records/governor-street.md

@@ -106,3 +106,15 @@ Owner decision 2026-10-04: the street should read at a glance without words, so
 - **The evening view is unchanged** ("nothing waits on you." and its line still show when nothing needs you).
 
 Tests: `tests/hall_street.mjs` asserts the model has no hint field, the module exports no `HINT`, and none of the street's four files carries the line; putting the markup or the constant back reds it.
+
+## The hall is for work: the street as a square, the building as a place to work (owner, 2026-11-04)
+
+The owner's direction: the builders' hall is where you go to do things, not to look at them. No menu on menu, no pop-ups (go to the place), no page header or footer that a web app does not need. On the street that meant:
+
+- **The street is the governance square.** The working areas are the city's own buildings, so no district stands on the street: `streetModel()` draws one only with `districts: true` (the kit's tests still hold that row to the prototype), and without it the civic row is centred on the artboard. A wide window scales the street to the row (`FOCUS_W`, 1120), not the whole 1440 artboard, so the buildings are as large as the height allows and the haze either side is cropped; a phone still scrolls it sideways and opens at the first building.
+- **The header strip and the six readings are gone** (`.street-top`, `.street-signs` are not displayed; the markup stays, so the counts, the deck link and the readings still compute). The shell's top bar names the page and the buildings carry their own state lines.
+- **A pin takes you into its building** (`#building=<key>`), where each matter is a desk row you act on. It no longer opens the short card; the card is reached only by a pin with no building, and retiring it is a follow-up.
+- **Inside a building the drawing is the floor picker.** On a wide window (`.inside--work`) the interior is laid out, not scaled as one 1440 x 708 picture: the section is cropped to the building (`CROP` in `fitInside`, 590 x 580 of the 800 x 708 section), at 0.5 to 0.72 so a floor stays a 24 px target, in its own column; the chosen floor's desk takes the rest of the window and scrolls on its own. The building's name sits on one line, then the desk, then the government layer, who holds it and how it decides, then the record. A phone keeps its column with the same order. A district keeps its scaled board.
+- **A desk row is one full line.** The board's 20 / 26 / 24 caps were sized for a desk in a corner of the interior; `LIMITS` is now name 90 (14 words), fact 60, facts 48.
+
+Tests: `tests/hall_street.mjs` (nine doors and no district on the page, a pin goes inside and fills no card, the row scaled and centred, a phone opening at the first building), `tests/hall_street_inside.mjs` (the cropped picker, never under half size, the board not scaled, a district untouched), `tests/hall_street_depth.mjs` (with no plot to fly from every agent rides the road), `tests/hall_street_desk.mjs` (the new limits).

package/package-lock.json

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

package/package.json

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

@@ -11191,5 +11191,11 @@
       "id": "1005071",
       "text": "The hall sidebar is now seven labelled sections (Work, Make, Community, You, Govern, Run the project, Help), and every craft can reach Help."
     }
+  ],
+  "1.24.39": [
+    {
+      "id": "1005077",
+      "text": "The governor street is now a work-first square: the working areas left the street, the extra header and footer are gone, a pin takes you straight into its building, and inside a building the drawing is a compact floor picker s"
+    }
   ]
 }

package/src/module-api.js

@@ -81,7 +81,7 @@ const { sleep } = require('./sleep');
 // MAJOR (see allowBoxScope below): passes the request through untouched.
 function deprecatedNoopMiddleware(_req, _res, next) { next(); }
 
-const CORE_VERSION = '1.24.38'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
+const CORE_VERSION = '1.24.39'; // 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

@@ -290,9 +290,16 @@ const BASE = (d) => ({
   '/api/bongos/government/constitution': { board: { membership: 'rank:metic+', pass_rule: 'unanimous', window_minutes: 1440, close_early_on_full_turnout: true } },
 });
 
-test('a pin opens the full card: the ballot is read, then the seats, counsel and acts are drawn as text', async () => {
+// A pin goes into its building now (owner, 2026-11-04: no pop-ups); the card
+// still opens for a pin with no building, so these tests open it directly.
+const openCard = (p) => {
+  const pin = p.byId.get('streetPins').children[0];
+  p.window.GovStreetPage.openCard(pin.attrs['data-matter'], pin, pin.attrs['data-matters'].split(' '));
+};
+
+test('the full card: the ballot is read, then the seats, counsel and acts are drawn as text', async () => {
   const p = await bootPage({ feeds: BASE(docket([matter({ title: '<b>x</b>' })])) });
-  p.byId.get('streetPins').children[0].fire('click');
+  openCard(p);
   await settle(); await settle();
   assert.ok(p.calls.some((c) => c.url === '/api/bongos/government/board/items'), 'the room is read when a sitting opens');
   const body = p.byId.get('streetCardBody');
@@ -308,7 +315,7 @@ test('vote for: one POST to the vote route, a toast, the docket re-read, and the
   const feeds = BASE((() => { const d0 = docket([matter()]); return () => (reads++ === 0 ? d0 : after); })());
   feeds['/api/bongos/government/docket'] = (() => { const d0 = docket([matter()]); return () => (reads++ === 0 ? d0 : after); })();
   const p = await bootPage({ feeds, posts: { 'POST /api/bongos/government/board/items/41/votes': { ok: true, vote: {}, already_voted: false, karma_delta: 1 } } });
-  p.byId.get('streetPins').children[0].fire('click');
+  openCard(p);
   await settle(); await settle();
   byAct(p.byId.get('streetCardBody'), 'for').fire('click');
   await settle(); await settle(); await settle();
@@ -324,7 +331,7 @@ test('vote for: one POST to the vote route, a toast, the docket re-read, and the
 
 test('object: "no" opens the desk row\'s one-tap reasons, and a tap puts the reason and the part on the record', async () => {
   const p = await bootPage({ feeds: BASE(docket([matter()])), posts: { 'POST /api/bongos/government/board/items/41/votes': { ok: true, vote: {}, item_closed: true, outcome: 'returned' } } });
-  p.byId.get('streetPins').children[0].fire('click');
+  openCard(p);
   await settle(); await settle();
   const body = () => p.byId.get('streetCardBody');
   assert.equal(byAct(body(), 'object').textContent, D.ACT_WORDS.object, 'the desk row\'s word');
@@ -341,7 +348,7 @@ test('object: "no" opens the desk row\'s one-tap reasons, and a tap puts the rea
 
 test('a refused act says why and records nothing; abstain sends nothing at all', async () => {
   const p = await bootPage({ feeds: BASE(docket([matter()])), posts: { 'POST /api/bongos/government/board/items/41/votes': { __status: 403, error: { code: 'not_board_member' } } } });
-  p.byId.get('streetPins').children[0].fire('click');
+  openCard(p);
   await settle(); await settle();
   byAct(p.byId.get('streetCardBody'), 'for').fire('click');
   await settle(); await settle();
@@ -361,7 +368,7 @@ test('release: the override is approved, the card closes, Release rises, and wit
   feeds['/api/bongos/government/docket'] = () => (reads++ === 0 ? docket([ov]) : docket([]));
   const p = await bootPage({ feeds, posts: { 'POST /api/bongos/override-requests/9/decide': { ok: true } } });
   assert.equal(p.byId.get('streetEvening').hidden, true);
-  p.byId.get('streetPins').children[0].fire('click');
+  openCard(p);
   byAct(p.byId.get('streetCardBody'), 'release').fire('click');
   await settle(); await settle(); await settle();
   assert.deepEqual(p.calls.filter((c) => c.method !== 'GET').map((c) => [c.method, c.url, c.body]), [['POST', '/api/bongos/override-requests/9/decide', { decision: 'approve' }]]);
@@ -476,7 +483,7 @@ test('more expands the same card in place: the full text, who and when, and the
   const { d } = SOURCE_FIXTURES();
   d.matters = d.matters.filter((m) => m.source === 'blockers');
   const p = await bootPage({ feeds: { ...BASE(d) } });
-  p.byId.get('streetPins').children[0].fire('click');
+  openCard(p);
   await settle(); await settle();
   const body = () => p.byId.get('streetCardBody');
   const toggle = () => byAct(body(), 'more');

package/tests/hall_street.mjs

@@ -72,7 +72,9 @@ function docket(matters = [], over = {}) {
 }
 const goal = (id, status = 'open', title = `Goal ${id}`) => ({ id: String(id), title, status });
 const rollup = (id, c) => ({ goal_id: String(id), done: 0, active: 0, ready: 0, blocked: 0, backlog: 0, cut: 0, ...c });
-const model = (over = {}) => S.streetModel({ docket: docket(), goals: [], rollups: [], mode: 'dark', now: NOW, ...over });
+// The kit is held to the prototype's row, districts and all (`districts: true`); the
+// page itself draws the civic row alone (owner, 2026-11-04), pinned further down.
+const model = (over = {}) => S.streetModel({ docket: docket(), goals: [], rollups: [], mode: 'dark', now: NOW, districts: true, ...over });
 
 // ── the drawing is the prototype's ───────────────────────────────────────────
 
@@ -299,7 +301,7 @@ test('the collision pass places in tier order: when only one of two can show, th
 });
 
 test('no docket: no pins, the readings say so, and nothing is invented', () => {
-  const m = S.streetModel({ docket: null, goals: [goal(1)], rollups: [], mode: 'dark', now: NOW });
+  const m = S.streetModel({ docket: null, goals: [goal(1)], rollups: [], mode: 'dark', now: NOW, districts: true });
   assert.equal(m.pins.length, 0);
   assert.equal(m.crates.length, 0);
   assert.ok(m.signs.every((s) => s.figure === '—' && !s.hot && s.line === S.FALLBACK_LINE));
@@ -617,32 +619,30 @@ test('the page reads the four feeds and draws the docket\'s pins, the readings a
   assert.equal(p.byId.get('hudMoving').textContent, '2');
   assert.equal(p.byId.get('hudShare').textContent, '$24');
   assert.equal(p.byId.get('hudDot').className, 'street-hud__dot street-hud__dot--hot');
-  assert.equal(p.byId.get('streetDoors').children.length, 10, 'nine buildings and one district, each a door');
+  assert.equal(p.byId.get('streetDoors').children.length, 9, 'the nine civic buildings, each a door; no district stands on the street (owner, 2026-11-04)');
+  assert.ok(p.byId.get('streetDoors').children.every((a) => !/district=/.test(a.attrs.href)), 'no door to a working area');
   assert.equal(p.byId.get('streetHome').attrs.href, '/builders/city');
 });
 
-test('a pin opens its short card, Escape closes it and focus goes back to the pin', async () => {
-  const p = await bootPage({ feeds: FEEDS([matter({ id: 'board:1', building: 'charter', title: '<img src=x onerror=alert(1)>', href: '/builders/board-room' })]) });
+// Owner, 2026-11-04: no pop-ups, go to the place. A pin takes you into its
+// building, where each matter is a desk row you act on; it opens no card.
+test('a pin takes you into its building and opens no card', async () => {
+  const p = await bootPage({ feeds: FEEDS([matter({ id: 'board:1', building: 'charter', title: 'A vote', href: '/builders/board-room' })]) });
   const pin = p.byId.get('streetPins').children[0];
+  assert.equal(pin.attrs['data-building'], 'charter');
   pin.fire('click');
-  const card = p.byId.get('streetCard');
-  assert.equal(card.hidden, false);
-  assert.equal(p.byId.get('streetCardTitle').textContent, '<img src=x onerror=alert(1)>', 'docket text lands as text');
-  assert.equal(p.byId.get('streetCardOpen').attrs.href, undefined, 'the card links nowhere: it acts in place (task 1004566)');
-  assert.equal(p.focused.el, p.byId.get('streetCardClose'));
-  assert.equal(p.byId.get('streetPins').children[0].attrs['aria-expanded'], 'true');
-  const e = { key: 'Escape', prevented: false, preventDefault() { this.prevented = true; } };
-  p.key('keydown', e);
-  assert.equal(card.hidden, true);
-  assert.equal(e.prevented, true, 'the press is used, so nothing else answers it');
-  assert.equal(p.focused.el.attrs['data-matter'], 'board:1');
-});
-
-test('the card pager: a pin with several matters opens the most important with "1 of N", and previous/next reach every matter there', async () => {
+  assert.equal(p.window.location.hash, 'building=charter', 'the address names the building, so its inside opens');
+  assert.equal(p.byId.get('streetCardTitle').textContent, '', 'no card is filled');
+  assert.notEqual(p.byId.get('streetPins').children[0].attrs['aria-expanded'], 'true', 'and the pin does not say one is open');
+});
+
+// The card itself still works for the code paths that open it (a pin with no
+// building); its pager is held here by opening it directly.
+test('the card pager: a card over several matters opens the most important with "1 of N", and previous/next reach every matter there', async () => {
   const ms = [matter({ id: 'blockers:1', state: 'moving', title: 'Third' }), matter({ id: 'blockers:2', state: 'needs', title: 'First' }), matter({ id: 'blockers:3', state: 'needs', title: 'Second' }), matter({ id: 'blockers:4', state: 'settled', title: 'Fourth' })];
   const p = await bootPage({ feeds: FEEDS(ms) });
   const pin = p.byId.get('streetPins').children.find((s) => s.attrs['data-building'] === 'planning');
-  pin.fire('click');
+  p.window.GovStreetPage.openCard(pin.attrs['data-matter'], pin, pin.attrs['data-matters'].split(' '));
   const body = p.byId.get('streetCardBody');
   const pager = () => body.children[0];
   const btn = (dir) => pager().children.find((c) => c.attrs['data-act'] === 'page-' + dir);
@@ -664,7 +664,8 @@ test('the card pager: a pin with several matters opens the most important with "
   assert.equal(p.focused.el.attrs['data-building'], 'planning', 'Escape returns focus to the pin');
   // one matter: no pager
   const q = await bootPage({ feeds: FEEDS([matter({ id: 'board:1', building: 'charter' })]) });
-  q.byId.get('streetPins').children[0].fire('click');
+  const one = q.byId.get('streetPins').children[0];
+  q.window.GovStreetPage.openCard(one.attrs['data-matter'], one, one.attrs['data-matters'].split(' '));
   assert.ok(!q.byId.get('streetCardBody').children.some((c) => c.className === 'mcard-pager'), 'one matter, no pager');
 });
 
@@ -737,17 +738,22 @@ test('arriving through a door marks that building, and a failed docket says so',
   assert.equal(q.byId.get('hudShare').textContent, '—');
 });
 
-// task 1004718: a wide window scales the street to its width, and the height
-// it does not need goes under the readings, never as empty sky over the street.
-test('a stage taller than the street gives its spare height to the foot, not the sky', async () => {
+// Owner, 2026-11-04 (supersedes task 1004718's foot): the readings left the
+// page, so a wide window scales the street to its civic row, not the whole
+// artboard, crops the haze either side, and centres the street in its stage.
+test('a wide window scales the street to its civic row and centres it; a phone scrolls it from the first building', async () => {
   const p = await bootPage({ feeds: FEEDS([]), width: 1440 });
-  const win = p.byId.get('streetWindow'), sizer = p.byId.get('streetSizer');
-  win.clientHeight = 900;
-  p.key('resize', {});
-  const h = parseFloat(sizer.style.height);
-  assert.ok(h < 900, 'the street is width-bound here');
-  assert.equal(win.style.flex, '0 0 ' + h + 'px', 'the window shrinks to the street, so the readings sit right under it');
-  win.clientHeight = 300;
+  const win = p.byId.get('streetWindow'), sizer = p.byId.get('streetSizer'), board = p.byId.get('streetBoard');
+  win.clientWidth = 1376; win.clientHeight = 844;
   p.key('resize', {});
-  assert.equal(win.style.flex, '', 'a height-bound street fills its window, nothing to give back');
+  const s = Number(board.style['--street-scale']);
+  assert.ok(s > 1376 / 1440, 'larger than the whole artboard would allow');
+  assert.equal(win.style.flex, '', 'the window keeps the stage, so the street sits centred in it');
+  assert.equal(win.style.overflowX, 'hidden', 'no sideways scroll on a wide window');
+  assert.equal(parseFloat(sizer.style.width), 1376, 'the sizer is the window');
+  assert.ok(parseFloat(board.style.left) < 0, 'the artboard is centred, its haze cropped either side');
+  const q = await bootPage({ feeds: FEEDS([]), width: 390 });
+  const qwin = q.byId.get('streetWindow');
+  assert.equal(qwin.style.overflowX, '', 'a phone scrolls the street sideways');
+  assert.ok(qwin.scrollLeft > 0, 'starting at the first building, not the empty haze before it');
 });

package/tests/hall_street_depth.mjs

@@ -70,7 +70,7 @@ function feeds(over = {}) {
 function living(f) { return L.livingModel({ ...f, now: NOW }); }
 function street(over = {}, mode = 'dark') {
   const f = feeds(over);
-  return S.streetModel({ docket: f.docket, goals: f.goals.goals, rollups: f.rollups.rollups, mode, now: NOW, depth: true, living: f.living === null ? null : living(f), roster: f.roster });
+  return S.streetModel({ docket: f.docket, goals: f.goals.goals, rollups: f.rollups.rollups, mode, now: NOW, depth: true, living: f.living === null ? null : living(f), roster: f.roster, districts: true });
 }
 const openGoals = () => fx('goals').goals.filter((g) => g.status === 'open');
 
@@ -338,7 +338,7 @@ test('an overlay handed in changes nothing; the Leads not read, no Lead, capsule
   const c = street({ leads: null }).depth;
   assert.deepEqual([c.plates.length, c.capsules.length, c.sites.length], [0, 0, 0], 'no Leads read: no plate, no capsule, no build-out going up');
   // without the living model at all the deep street still draws its real skyline and windows
-  const none = S.streetModel({ docket: fx('government__docket'), goals: fx('goals').goals, rollups: fx('goals__rollups').rollups, mode: 'dark', now: NOW, depth: true, living: null, roster: null }).depth;
+  const none = S.streetModel({ docket: fx('government__docket'), goals: fx('goals').goals, rollups: fx('goals__rollups').rollups, mode: 'dark', now: NOW, depth: true, living: null, roster: null, districts: true }).depth;
   assert.deepEqual(none.clusters, a.clusters);
   assert.deepEqual(none.windows, street({ leads: null, docket: fx('government__docket') }).depth.windows, 'no living model and the hub as it is light the same, the docket\'s own');
   assert.equal(none.agents, 0);
@@ -361,7 +361,7 @@ test('street-depth.js: its model half is pure, and the two drawing files require
   const before = globalThis.GovStreetDepth;
   delete globalThis.GovStreetDepth;
   try {
-    const flat = S.streetModel({ docket: fx('government__docket'), goals: openGoals(), rollups: fx('goals__rollups').rollups, mode: 'dark', now: NOW, depth: true });
+    const flat = S.streetModel({ docket: fx('government__docket'), goals: openGoals(), rollups: fx('goals__rollups').rollups, mode: 'dark', now: NOW, depth: true, districts: true });
     assert.equal(flat.depth, undefined);
   } finally { globalThis.GovStreetDepth = before; }
 });
@@ -500,9 +500,11 @@ test('the page draws the living street: the skyline, a pod per claim, the plates
   assert.equal(cls('streetDepthFar', 'street-depth-sil__face').length, 1);
   const claims = fx('tasks__claimable').active_claims.length;
   assert.equal(cls('streetDepthSky', 'street-depth-pod').length + cls('streetDepthFront', 'street-depth-pod').length, claims, 'one pod per agent');
-  const pod = cls('streetDepthSky', 'street-depth-pod')[0];
-  assert.match(pod.style.offsetPath, /^path\('M/);
-  assert.match(pod.style.animationDelay, /^-[\d.]+s$/);
+  // The page stands no district (owner, 2026-11-04), so no claim flies a skylane
+  // from its goal's plot: every agent rides the road (the kit's skylanes are held
+  // with districts on, above).
+  assert.equal(cls('streetDepthSky', 'street-depth-pod').length, 0, 'no plot to fly from');
+  assert.equal(cls('streetDepthFront', 'street-depth-pod--road').length, claims, 'every agent on the road');
   assert.equal(cls('streetDepthFront', 'street-depth-plate').length, 9);
   assert.equal(all('streetDepthFront').concat(all('streetDepthSky')).filter((e) => 'data-proto' in e.attrs).length, 0, 'nothing is marked prototype');
   assert.equal(cls('streetDepthFront', 'street-depth-jib').length, 1, 'the live site\'s crane');

package/tests/hall_street_desk.mjs

@@ -105,11 +105,14 @@ test('fit() is the board\'s fit(), with a word cap on top', () => {
   for (const n of [5, 12, 20]) for (const w of [1, 2, 3]) assert.ok(D.fit(LONG, n, w).length <= n, 'never longer than its cap');
 });
 
-test('the limits are the board\'s numbers: name 20, fact 26, facts 24 (three), status 44, record 30 (four), three tiles, ten pips', () => {
+// A row's name and fact were the board's 20 / 26 / 24 while the desk was a
+// corner of the interior; the desk takes the window's width now (owner,
+// 2026-11-04), so a row is one full line: name 90 (14 words), fact 60, facts 48.
+test('the limits: a row is one full line (name 90, fact 60, facts 48, three), status 44, record 30 (four), three tiles, ten pips', () => {
   const L = D.LIMITS;
-  assert.deepEqual([L.name, L.nameWords, L.fact, L.factLen, L.facts, L.actions, L.status, L.recordLen, L.record, L.tiles, L.tileWords, L.todayTarget], [20, 3, 26, 24, 3, 2, 44, 30, 4, 3, 2, 10]);
+  assert.deepEqual([L.name, L.nameWords, L.fact, L.factLen, L.facts, L.actions, L.status, L.recordLen, L.record, L.tiles, L.tileWords, L.todayTarget], [90, 14, 60, 48, 3, 2, 44, 30, 4, 3, 2, 10]);
   const src = fs.readFileSync(path.join(ROOT, 'docs/design/mocks/governor-city/Desks.dc.html'), 'utf8');
-  for (const pin of ['this.fit(r.t, 20)', 'this.fit(r.f, 26)', 'this.fit(t, 24)', '.slice(0, 3)', "this.fit('nothing needs you · ' + F.quiet, 44)", "this.fit(t + ' · now', 30)", '.slice(0, 4)', 'const target = 10']) assert.ok(src.includes(pin), `the board says ${pin}`);
+  for (const pin of ['.slice(0, 3)', "this.fit('nothing needs you · ' + F.quiet, 44)", "this.fit(t + ' · now', 30)", '.slice(0, 4)', 'const target = 10']) assert.ok(src.includes(pin), `the board says ${pin}`);
 });
 
 test('THE LINE RULE: no row, tile or status any docket produces breaks it, on every floor of every building', () => {
@@ -140,8 +143,8 @@ test('breaks() names every way a desk can break the rule (so the rule test can f
   const good = D.deskModel({ key: 'people', floor: 4, docket: dk, now: NOW });
   assert.deepEqual(D.breaks(good), []);
   const bad = j(good);
-  bad.rows[0].name = 'Four words in here';
-  bad.rows[0].fact = 'x'.repeat(27);
+  bad.rows[0].name = Array(16).fill('word').join(' ');
+  bad.rows[0].fact = 'x'.repeat(61);
   bad.rows[0].actions = [{ label: 'a' }, { label: 'b' }, { label: 'c' }];
   bad.rows[0].facts = ['a', 'b', 'c', 'd'];
   bad.tiles = [{ v: '0', l: 'need you' }, { v: '3', l: 'three whole words' }, { v: '4', l: 'ok' }, { v: '5', l: 'ok' }];

package/tests/hall_street_inside.mjs

@@ -555,6 +555,24 @@ test('the markup carries the interior: one persistent lift, two flip blocks, the
   assert.match(html, /<button type="button" class="inside-textbtn" id="insideAmend"/);
 });
 
+// Owner, 2026-11-04: a building is a place to work. On a wide window the
+// drawing is a floor picker cropped to the building, at half size or more (a
+// floor stays a 24 px target), and the desk has the rest of the window; the
+// whole interior is no longer one scaled picture. A district keeps its board.
+test('inside a building the drawing is a cropped floor picker, never under half size, and the board is not scaled', async () => {
+  const p = await bootPage({ hash: '#building=planning', feeds: FEEDS([]) });
+  const box = p.byId.get('insideArtBox'), art = p.byId.get('insideArt'), board = p.byId.get('insideBoard');
+  const k = Number(box.style['--inside-art-scale']);
+  assert.ok(k >= 0.5 && k <= 0.72, `picker scale ${k}`);
+  assert.equal(board.style['--inside-scale'], '1', 'the interior is laid out, not shrunk as one picture');
+  assert.equal(art.style['--inside-art-w'], Math.round(590 * k) + 'px', 'cropped to the building, not the 800 px section');
+  assert.equal(box.style['--inside-art-x'], Math.round(-50 * k) + 'px');
+  assert.ok(47 * k >= 24, 'a floor stays a 24 px target');
+  const d = await bootPage({ hash: '#district=1', feeds: FEEDS([]) });
+  assert.equal(d.byId.get('insideArtBox').style['--inside-art-scale'], '1', 'a district keeps its whole board');
+  assert.equal(d.byId.get('insideArtBox').style['--inside-art-x'], undefined, 'and is not cropped');
+});
+
 test('a building address draws the interior in place of the street, from the docket', async () => {
   const ms = [matter({ id: 'access_requests:1', source: 'access_requests', building: 'people', state: 'needs', title: 'Admit Kai' })];
   const p = await bootPage({ hash: '#building=people', feeds: FEEDS(ms) });