@bongos/core 1.24.38 → 1.24.40

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

@@ -95,3 +95,13 @@
   -webkit-mask-position: left top, right top;
   mask-position: left top, right top;
 }
+
+/* ---- the government columns (task 1005048) -------------------------------
+   Watch's roster folded in here. A stale claim takes the danger ink and a
+   small badge; the viewer's own row states a fact in the faint ink where the
+   others carry a control; the foot line under the table says why. */
+.roster-warn { color: var(--danger); font-weight: 500; }
+.roster-self { color: var(--ink-faint); }
+.badge--sev-medium { color: var(--info); }
+.badge--status { color: var(--ink-faint); }
+.roster-foot { margin: 14px 0 0; font-size: 12.5px; color: var(--ink-faint); max-width: var(--measure); }

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

@@ -4,7 +4,7 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Builders — {{worldName}}</title>
-  <meta name="description" content="Who builds on this project: the roster, ranked by work shipped, with rank, credits, karma and tokens.">
+  <meta name="description" content="Who builds on this project: the roster, ranked by work shipped, with rank, credits, karma and tokens — and, for a government seat, active claims and standing.">
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -41,6 +41,9 @@
           <div id="roster-body">
             <div class="hall-loading hall-loading--page" role="status">Loading the roster…</div>
           </div>
+          <!-- task 1005048: shown only to a viewer the roster route lets read the
+               government columns; says what they are and why one row has no controls. -->
+          <p class="roster-foot" id="roster-gov-foot" hidden></p>
         </section>
       </main>
 

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

@@ -136,6 +136,125 @@
   var sortBy = '';
   var role = '';
 
+  // ---- the government columns (task 1005048, owner decision on idea 1001313) --
+  // Watch kept a second list of the same people; it is this page now. A viewer
+  // the server lets read GET /builders/roster (the builder.roster.read atom) also
+  // sees each builder's active claims, the stale-claim flag and standing, and
+  // gets the rank and offboard controls that list carried. For anyone else that
+  // read is refused and the page draws the public list unchanged: the wall is
+  // the route, never this file.
+  var gov = null; // builder id → their GET /builders/roster row, once it answers
+  var viewerId = null;
+  var claims = '';
+  var RANK_OPTIONS = ['xenos', 'thetes', 'metic', 'archon'];
+  var client = window.BongosClient
+    ? window.BongosClient.createClient({ baseUrl: '', credentials: 'same-origin', throwOnError: false })
+    : null;
+  var toast = function (m) { if (OTB && OTB.toast) OTB.toast(m); };
+  // By value: /me and the roster can disagree on string vs number ids (#348).
+  function isViewer(b) { return viewerId != null && b && b.id != null && String(b.id) === String(viewerId); }
+  function govOf(b) { return gov && b.id != null ? gov[String(b.id)] || null : null; }
+  // Resolves to the government rows, or null for every refusal and failure.
+  // The roster read is asked only of a viewer whose /me map says they hold
+  // builder.roster.read, so a stranger or a builder without the seat costs this
+  // public page no extra round trip. /me itself is the shell's read, shared on
+  // window.__hallReads (the gov-feeds.js precedent); asked here only without it.
+  function readMe() {
+    var shared = window.__hallReads && window.__hallReads['/me'];
+    if (shared) return Promise.resolve(shared);
+    return client.request('GET', '/api/bongos/me').then(function (res) { return res && res.ok ? res.data : null; });
+  }
+  function loadGov() {
+    if (!client) return Promise.resolve(null);
+    return readMe().then(function (me) {
+      var perms = me && me.permissions;
+      if (!perms || perms['builder.roster.read'] !== true) return null;
+      var who = me.builder || me;
+      // No id from /me marks no row as yours, rather than the wrong one.
+      viewerId = who && who.id != null ? who.id : null;
+      return client.request('GET', '/api/bongos/builders/roster').then(function (roster) {
+        if (!roster || !roster.ok || !roster.data || !Array.isArray(roster.data.builders)) return null;
+        return roster.data.builders;
+      });
+    }).catch(function () { return null; });
+  }
+  function applyGov(rows) {
+    gov = {};
+    rows.forEach(function (r) { if (r.id != null) gov[String(r.id)] = r; });
+    // The rank a control just changed reads from the fresh row.
+    all.forEach(function (b) { var g = govOf(b); if (g && g.rank) b.rank = g.rank; });
+  }
+  function claimsHtml(g) {
+    var stale = g.stale_claim ? ' <span class="badge badge--sev-medium">stale</span>' : '';
+    return '<td class="ledger__num' + (g.stale_claim ? ' roster-warn' : '') + '">' + esc(fmtInt(g.active_claim_count || 0)) + stale + '</td>';
+  }
+  function rankControlHtml(b) {
+    var opts = RANK_OPTIONS.slice();
+    if (b.rank && opts.indexOf(b.rank) === -1) opts.unshift(b.rank);
+    return '<select data-roster-rank data-id="' + esc(b.id) + '" data-current="' + esc(b.rank || '') + '" aria-label="Rank">'
+      + opts.map(function (rk) {
+        return '<option value="' + esc(rk) + '"' + (rk === b.rank ? ' selected' : '') + '>' + esc(rankLabel(rk)) + '</option>';
+      }).join('') + '</select>';
+  }
+  // The viewer's own row offers nothing (task 1003720): both routes refuse a
+  // self-change outright, the guard that stops the last top-rank builder locking
+  // everyone out, so a live control there could only answer with a refusal.
+  function actionHtml(b, g) {
+    if (isViewer(b)) return '<span class="roster-self">That’s you</span>';
+    var inactive = String(g.status) === 'inactive';
+    return '<button type="button" class="btn-ghost' + (inactive ? '' : ' btn-ghost--danger') + '" data-roster-status="'
+      + (inactive ? 'active' : 'inactive') + '" data-id="' + esc(b.id) + '">' + (inactive ? 'Reactivate' : 'Offboard') + '</button>';
+  }
+  function govFoot() {
+    var foot = document.getElementById('roster-gov-foot');
+    if (!foot) return;
+    if (!gov) { foot.hidden = true; return; }
+    foot.textContent = 'Because you hold a government seat you also see active claims and standing, and can change a builder’s rank. '
+      + (all.some(isViewer)
+        ? 'Your own row carries no controls. Nobody can change their own rank or standing — that guard is what stops the last '
+          + rankLabel('archon') + ' locking everyone out — so another ' + rankLabel('archon') + ' does it.'
+        : '');
+    foot.hidden = false;
+  }
+  function patchBuilder(id, what, payload) {
+    return client.request('PATCH', '/api/bongos/builders/' + encodeURIComponent(id) + '/' + what, { body: payload })
+      .then(function (res) {
+        if (res && res.ok) return res.data;
+        var d = (res && res.data) || {};
+        var env = d.error && typeof d.error === 'object' ? d.error : null;
+        throw new Error((env && env.message) || d.message || (typeof d.error === 'string' ? d.error : '') || ('http ' + (res && res.status)));
+      });
+  }
+  function refreshGov() {
+    return loadGov().then(function (rows) { if (rows) applyGov(rows); else gov = null; makeRosterLedger(); rerender(); govFoot(); });
+  }
+  function wireGov() {
+    if (body['wired:gov']) return;
+    body['wired:gov'] = true;
+    // Delegated on the mount, so a page flip cannot strand a row without one.
+    body.addEventListener('change', function (e) {
+      var sel = e.target && e.target.closest ? e.target.closest('[data-roster-rank]') : null;
+      if (!sel) return;
+      var prev = sel.getAttribute('data-current');
+      var rank = sel.value;
+      if (rank === prev) return;
+      sel.disabled = true;
+      patchBuilder(sel.getAttribute('data-id'), 'rank', { rank: rank })
+        .then(function () { toast('Rank set to ' + rankLabel(rank) + '.'); return refreshGov(); })
+        .catch(function (err) { sel.value = prev; sel.disabled = false; toast('Could not change rank: ' + (err.message || err)); });
+    });
+    body.addEventListener('click', function (e) {
+      var btn = e.target && e.target.closest ? e.target.closest('[data-roster-status]') : null;
+      if (!btn) return;
+      var status = btn.getAttribute('data-roster-status');
+      var reason = status === 'inactive' ? (window.prompt('Reason for offboarding (optional):', '') || null) : null;
+      btn.disabled = true;
+      patchBuilder(btn.getAttribute('data-id'), 'status', { status: status, reason: reason })
+        .then(function () { toast(status === 'inactive' ? 'Builder offboarded.' : 'Builder reactivated.'); return refreshGov(); })
+        .catch(function (err) { btn.disabled = false; toast('Could not change standing: ' + (err.message || err)); });
+    });
+  }
+
   // PLACE IS CANONICAL, not the row's position in the current sort.
   // hall-render's leaderboardPlace() already defines a builder's place as
   // credits-descending "independent of whatever column the table is currently
@@ -165,6 +284,12 @@
 
   function matches(b) {
     if (role && shownOf(b).indexOf(role) === -1) return false;
+    if (claims) {
+      var g = govOf(b);
+      if (!g) return false;
+      if (claims === 'stale' && !g.stale_claim) return false;
+      if (claims === 'holding' && !(Number(g.active_claim_count) > 0)) return false;
+    }
     if (!query) return true;
     var hay = ((b.github_login || '') + ' ' + (b.display_name || '')).toLowerCase();
     return hay.indexOf(query) !== -1;
@@ -229,22 +354,31 @@
     var tokens = hasTokens(b)
       ? esc(fmtInt(b.tokens_used))
       : '<span class="lb-none" aria-label="No AI sessions">—</span>';
+    var g = govOf(b);
+    var govCells = g
+      ? claimsHtml(g)
+        + '<td><span class="badge badge--status">' + esc(g.status || '—') + '</span></td>'
+        + '<td>' + actionHtml(b, g) + '</td>'
+      : (gov ? '<td class="ledger__num">—</td><td>—</td><td></td>' : '');
+    var rankCell = g && !isViewer(b) ? rankControlHtml(b) : rankBadgeHtml(b.rank);
     return '<tr>'
       + '<td class="ledger__num ledger__place">' + esc(String(place || '—')) + idHtml(b) + '</td>'
       + '<td>' + whoHtml(b) + foundingHtml(b) + achRowHtml(b.achievements) + '</td>'
       + '<td class="ledger__roles">' + rolesHtml(b) + '</td>'
-      + '<td class="ledger__rank">' + rankBadgeHtml(b.rank) + '</td>'
+      + '<td class="ledger__rank">' + rankCell + '</td>'
       + '<td class="ledger__num">' + esc(fmtInt(creditOf(b))) + '</td>'
       + '<td class="ledger__num">' + esc(fmtInt(b.karma)) + '</td>'
       + '<td class="ledger__num" title="' + esc(b.__eff || '') + '">' + tokens + '</td>'
+      + govCells
       + '</tr>';
   }
 
   function columns() {
-    return ['Place', 'Builder', 'Roles', 'Rank',
+    var cols = ['Place', 'Builder', 'Roles', 'Rank',
       { label: role ? currencyLabel() + ' as ' + CRAFT_WORD[role].toLowerCase() : currencyLabel(), class: 'ledger__num' },
       { label: 'Karma', class: 'ledger__num' },
       { label: 'Tokens', class: 'ledger__num' }];
+    return gov ? cols.concat([{ label: 'Active claims', class: 'ledger__num' }, 'Standing', 'Action']) : cols;
   }
 
   function makeRosterLedger() {
@@ -294,8 +428,21 @@
     body.textContent = msg;
   }
 
-  function mountRoster(rows) {
-    all = stampPlaces(Array.isArray(rows) ? rows : []);
+  function mountRoster(rows, govRows) {
+    all = Array.isArray(rows) ? rows : [];
+    if (govRows) {
+      // The government list is every builder; the public one only those who have
+      // earned. Nobody drops off the one list for having earned nothing yet.
+      var seen = {};
+      all.forEach(function (b) { if (b.id != null) seen[String(b.id)] = true; });
+      govRows.forEach(function (r) {
+        if (r.id == null || seen[String(r.id)]) return;
+        all.push({ id: r.id, github_login: r.github_login, display_name: r.display_name, avatar_url: r.avatar_url,
+          rank: r.rank, total_credits: r.total_credits, karma: r.karma, tokens_used: 0 });
+      });
+    }
+    all = stampPlaces(all);
+    if (govRows) applyGov(govRows);
     if (!all.length) {
       notice('Nobody has earned anything on this project yet. A builder joins the roster the '
         + 'first time they ship a claimed task.');
@@ -307,10 +454,19 @@
         + ' on this project, ranked by ' + currencyLabel().toLowerCase() + ' earned. This '
         + 'project’s own ledger — everyone who builds here is listed.';
     }
+    // Watch's stale-claims tile links here as ?claims=stale.
+    var asked = '';
+    try { asked = new URLSearchParams(window.location.search).get('claims') || ''; } catch (e) { asked = ''; }
+    claims = gov && (asked === 'stale' || asked === 'holding') ? asked : '';
+    var claimsControl = gov ? [{ id: 'roster-claims', label: 'Claims', value: claims, options: [
+      { value: '', label: 'anyone' },
+      { value: 'holding', label: 'holding a claim' },
+      { value: 'stale', label: 'stale claims' },
+    ] }] : [];
     kit.makeFilterBar({
       mount: document.getElementById('roster-filters'),
       search: { id: 'roster-q', label: 'Search', placeholder: 'name or login' },
-      primary: [
+      primary: claimsControl.concat([
         { id: 'roster-sort',
           label: 'Sort',
           options: [
@@ -319,10 +475,11 @@
             { value: 'karma', label: 'most karma' },
             { value: 'tokens', label: 'most tokens' },
           ] },
-      ],
+      ]),
       onChange: function (vals) {
         query = String(vals['roster-q'] || '').trim().toLowerCase();
         sortBy = String(vals['roster-sort'] || '');
+        if (gov) claims = String(vals['roster-claims'] || '');
         pager.page = 1;
         rerender();
       },
@@ -330,21 +487,23 @@
     mountRoleChips();
     makeRosterLedger();
     rerender();
+    if (gov) { wireGov(); govFoot(); }
   }
 
   var foundingLoad = window.OTBFounding ? window.OTBFounding.load() : Promise.resolve([]);
   // The PUBLIC list (task 1004437): the same rows the authed /leaderboard
   // carries plus each builder's roles, and the one the status page reads, so
   // the hall and the public page cannot rank a role differently.
+  var govLoad = loadGov();
   fetch('/api/bongos/public/leaderboard', { headers: { Accept: 'application/json' } })
     .then(function (r) {
       if (!r.ok) throw new Error('http ' + r.status);
       return r.json();
     })
     .then(function (data) {
-      return foundingLoad.then(function (list) {
-        marks = window.OTBFounding ? window.OTBFounding.byId(list) : {};
-        mountRoster(data && data.leaderboard);
+      return Promise.all([foundingLoad, govLoad]).then(function (got) {
+        marks = window.OTBFounding ? window.OTBFounding.byId(got[0]) : {};
+        mountRoster(data && data.leaderboard, got[1]);
       });
     })
     .catch(function () { notice('Couldn’t load the roster right now.'); });

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/public/watch.css

@@ -21,12 +21,6 @@
 /* Row actions inside a ledger cell: ghost pills in a row. */
 .watch-actions { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
 
-/* The reader's own roster row (task 1003720). Nobody may change their own rank
-   or standing — the server refuses both outright — so that row states a fact
-   where the others carry a control, and a fact is written in the faint ink, not
-   painted as a disabled pill. The foot line under the table says why. */
-.watch-self { color: var(--ink-faint); }
-
 /* A sealed or failed section says so in place. Three states, three sentences:
    "nothing here" is the kit's empty state, this is "you may not see this" and
    "could not load". */

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

@@ -4,7 +4,7 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Watch — {{worldName}}</title>
-  <meta name="description" content="Archon oversight for {{worldName}} — access requests, security, roster, reviews, and repo health.">
+  <meta name="description" content="Archon oversight for {{worldName}} — access requests, security, stale claims, reviews, and repo health.">
   <!-- The hub's origin, for the link from a guild's head in the applications queue to
        its page on the hub (task 1002304). Empty on a vanilla instance: no link. -->
   <meta name="hub-origin" content="{{hubOrigin}}">
@@ -48,7 +48,7 @@
         <div class="stat-row ov-summary" id="watch-attention" hidden>
           <a class="stat-tile" href="#people"><span class="stat-tile__label">Access requests</span><span class="stat-tile__num" id="att-access">—</span><span class="stat-tile__sub">pending, on the People tab</span></a>
           <a class="stat-tile" href="#security"><span class="stat-tile__label">Security reports</span><span class="stat-tile__num" id="att-security">—</span><span class="stat-tile__sub">open, on the Security tab</span></a>
-          <a class="stat-tile" href="#people"><span class="stat-tile__label">Stale claims</span><span class="stat-tile__num" id="att-stale">—</span><span class="stat-tile__sub">builders, on the People tab</span></a>
+          <a class="stat-tile" href="/roster?claims=stale"><span class="stat-tile__label">Stale claims</span><span class="stat-tile__num" id="att-stale">—</span><span class="stat-tile__sub">builders, on the Builders page</span></a>
           <a class="stat-tile" href="#operations"><span class="stat-tile__label">Sessions</span><span class="stat-tile__num" id="att-sessions">—</span><span class="stat-tile__sub">recorded, on the Operations tab</span></a>
         </div>
 
@@ -66,13 +66,6 @@
             <div id="gate-body"><span class="kit-skel"></span></div>
           </section>
 
-          <!-- 2. ROSTER -->
-          <section class="scroll" id="roster-scroll" aria-labelledby="roster-h" hidden>
-            <h2 id="roster-h" class="scroll__h">Roster</h2>
-            <p class="scroll__lede">Every builder in {{worldName}} — rank, {{currency}}, karma, and active claims.</p>
-            <div id="roster-body"><span class="kit-skel"></span></div>
-          </section>
-
           <!-- 3. REVIEWS BY BUILDER -->
           <section class="scroll" id="marks-scroll" aria-labelledby="marks-h" hidden>
             <h2 id="marks-h" class="scroll__h">Reviews by builder</h2>
@@ -175,6 +168,6 @@
 <script src="/builders/hall-kit.js"></script>
 <script src="/builders/task-detail.js?v=2026-07-03-taskdetail"></script>
 <script src="/builders/brand-apply.js?v=2026-06-19-r56"></script>
-<script src="/builders/watch.js?v=2026-09-02-ledgers"></script>
+<script src="/builders/watch.js?v=2026-11-05-roster"></script>
 </body>
 </html>