@bongos/core 1.21.113 → 1.21.114

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

@@ -0,0 +1,705 @@
+// modules/hall-ui/public/street-office.js — THE GOVERNMENT INSIDE EACH BUILDING:
+// the Lead's office, build-outs, the law book, the treasury and how strict the
+// agents run (task 1004685, the living-city prototype; V3 of four builders).
+//
+// WHAT THIS IS. The interiors (street-inside.js, street.js) already draw each
+// building in section with a desk on every floor. This file adds the layer the
+// thesis is about — government is how a project steers its AI — over the living
+// model (gov-living.js). ALL OF IT IS REAL (task 1004717): the prototype overlay
+// and this file's own sample asks are gone; what no table holds is not drawn.
+//
+//  * THE LEAD'S OFFICE, the top storey of every building (GET /government/leads,
+//    tasks 1004709-1004711): who leads it (or that the owner holds it), whether
+//    it builds without a vote (the SERVER's answer from the form of government,
+//    build_rights; never the charter, which is words), its committee rooms, and
+//    BUILD OUT for the building's holder: a committee room, a new floor, an
+//    annex, or growing into a district. A tap is POST /government/buildouts
+//    (built at once, or filed as a vote, ADR 0378); a build-out's vote card
+//    carries the picture drawn from the real building as it stands (isoPicture
+//    with its structure, GovCity's iso kit, read-only), so the board votes on a
+//    picture.
+//  * THE LAW BOOK in Rules: each law in force (GET /government/laws), who passed
+//    it, when, and what every agent does because of it; and what every agent
+//    reads at the start of a session: the interaction-profile contract the
+//    session is injected with (/me), and the laws.
+//  * THE TREASURY (GET /government/treasury, task 1004712): the spend this month
+//    and last, the pots per goal, the cap (off by default: no limit), and the dry
+//    pot's loan from the reserve as its real ask card.
+//  * STRICTNESS in the Charter (GET /government/presets, task 1004715): the
+//    preset the laws in force amount to, and a switch that files ONE real laws
+//    vote (POST /government/board/presets); only its passing changes a law.
+//
+// TWO HALVES, as street-deck.js: the model half is pure and node-require-safe
+// (tests/hall_street_deck.mjs), the page half mounts into street.js.
+
+(function (root) {
+  'use strict';
+  const req = typeof require === 'function' ? require : null;
+  const L = root.GovLiving || (req ? req('./gov-living.js') : null);
+  const City = root.GovCity || (req ? req('./city-draw.js') : null);
+  const D = root.GovDesk || (req ? req('./street-desk.js') : null);
+  const str = (v) => (v == null ? '' : String(v));
+  const fit = (s, n, w) => (D && D.fit ? D.fit(s, n, w) : str(s).slice(0, n));
+  const NAMES = L ? L.BUILDING_NAMES : {};
+  const MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+  function dayWords(iso) {
+    const m = /^(\d{4})-(\d{2})-(\d{2})/.exec(str(iso));
+    return m ? Number(m[3]) + ' ' + MONTHS[Number(m[2]) - 1] : '';
+  }
+  function usd(n) {
+    if (n == null || !isFinite(Number(n))) return '';
+    return '$' + Math.round(Number(n)).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+  }
+  // a goal's name without its working-area prefix: 'Working area 1 — Project creation' → 'Project creation'
+  function shortTitle(t) { const m = /^.+?\s+[—–-]\s+(.+)$/.exec(str(t)); return m ? m[1] : str(t); }
+  function buildingOf(living, key) { return living && Array.isArray(living.buildings) ? living.buildings.find((b) => b && b.key === key) || null : null; }
+  // the page's own state this visit: the presets it filed a vote for
+  function blank() { return { presetFiled: {} }; }
+
+  // ---------- build-outs ----------
+  // A capsule plugs into the civic core; four sizes, the last a part of the city.
+  const CAPSULES = Object.freeze([
+    { key: 'committee', chip: 'committee room', what: 'a committee room', made: 'a committee room' },
+    { key: 'floor', chip: 'new floor', what: 'a new floor', made: 'a new floor' },
+    { key: 'annex', chip: 'annex', what: 'an annex', made: 'an annex' },
+    { key: 'district', chip: 'grow a district', what: 'a district of its own', made: 'a district of its own' },
+  ]);
+  const capsuleOf = (k) => CAPSULES.find((c) => c.key === k) || null;
+
+  // The Lead's office, as the drawing and the desk read it; null when the Leads
+  // were not read (no office is invented).
+  function officeOf(living, key) {
+    const b = buildingOf(living, key);
+    // GET /government/leads was read: who holds it, what it may build without a
+    // vote and what it has grown are the server's (tasks 1004709-1004711)
+    if (!b || !living.seats_real) return null;
+    const lead = b.lead || null;
+    const owner = living.owner ? living.owner.name : 'the owner';
+    const rooms = (b.structure ? b.structure.committees : []).map((c) => ({
+      name: c.name, line: c.state === 'building' ? 'going up' + (c.line ? ' · ' + c.line : '') : c.line, proposed: false,
+    }));
+    // a committee room waiting on its vote (its sitting is open)
+    (b.construction || []).filter((c) => c.capsule === 'committee' && !c.authorised && c.ask_id).forEach((c) => rooms.push({ name: c.label, line: 'proposed · a vote is open', proposed: true }));
+    // the charter is words; it grants nothing
+    const charter = b.charter ? { scope: str(b.charter.scope) } : null;
+    return {
+      key: key, name: b.name, seated: !!lead,
+      lead: lead ? { id: str(lead.id), name: str(lead.name), since: dayWords(lead.since) } : null,
+      owner: owner,
+      line: lead ? lead.name + ' · Lead since ' + dayWords(lead.since) : 'no Lead · ' + owner + ' holds it',
+      charter: charter,
+      // what may be built here without a vote: the server's answer from the form of
+      // government (GET /government/leads build_rights, task 1004710), never the charter
+      rights: b.build_rights || null,
+      rooms: rooms,
+      // who may ask for a build-out here (GET /government/leads answers), else null
+      holders: b.answers && Array.isArray(b.answers.ids) ? b.answers.ids.map(str) : null,
+    };
+  }
+  // What stands or goes up at the building: its build-outs going up or waiting on
+  // a vote, the open sittings the model drew as scaffolds, and the annexes and
+  // districts that stand built. [{ kind, state, label, line, progress, id, ask }]
+  function worksOf(living, key) {
+    const b = buildingOf(living, key);
+    if (!b) return [];
+    const out = [];
+    (b.construction || []).forEach((c) => {
+      // a build-out (task 1004711): its committee rooms are the office's rows;
+      // a floor goes up as a site at its real progress, an annex or district on the lot
+      if (c.capsule) {
+        if (c.capsule === 'committee') return;
+        const lot = c.capsule === 'annex' || c.capsule === 'district';
+        const pct = c.progress != null ? Math.round(c.progress * 100) + '% built' : 'going up';
+        if (c.authorised) out.push({ kind: lot ? c.capsule : 'floor', state: lot ? 'proposed' : 'site', label: c.label, line: lot ? 'going up · ' + pct : pct, progress: c.progress, id: c.id });
+        else out.push({ kind: lot ? c.capsule : 'floor', state: 'proposed', label: c.label, line: 'proposed · a vote is open', id: c.id, ask: c.ask_id });
+        return;
+      }
+      // an open sitting at the building (a board vote, or its way of deciding)
+      out.push({ kind: 'floor', state: 'proposed', label: c.label, line: 'a sitting is open', id: c.id });
+    });
+    // an annex or district that stands built (task 1004711)
+    ((b.structure && b.structure.built) || []).filter((x) => x.capsule === 'annex' || x.capsule === 'district')
+      .forEach((x) => out.push({ kind: x.capsule, state: 'built', label: x.name, line: 'built', id: x.id }));
+    return out;
+  }
+  // The floors a build-out put up and that stand built (task 1004711), appended
+  // to the building's own.
+  function builtFloors(key, living) {
+    const b = living ? buildingOf(living, key) : null;
+    return ((b && b.structure && b.structure.built) || []).filter((x) => x.capsule === 'floor').map((x) => ({ name: str(x.name), line: str(x.line) || 'built by a build-out' }));
+  }
+  // May this be built without a vote? The server answers (build_rights); this
+  // only reads it, and an answer it cannot read is a vote.
+  function buildPlan(living, key, capsule) {
+    const off = officeOf(living, key);
+    if (!off || !capsuleOf(capsule)) return { authorised: false, why: 'This cannot be built from here.' };
+    const r = off.rights && off.rights.capsules ? off.rights.capsules[capsule] : null;
+    if (!r) return { authorised: false, why: 'Who may build here is not known, so the board votes on it.' };
+    return { authorised: r.without_vote === true, why: str(r.why) || (r.without_vote ? 'It may be built at once.' : 'It goes to a vote.'), ground: str(r.ground) };
+  }
+  // The office's one-line answer: does its holder build without a vote?
+  function buildsAlone(off) {
+    const r = off && off.rights && off.rights.capsules ? off.rights.capsules.floor : null;
+    if (!r || !r.without_vote) return { yes: false, fact: 'no · it goes to a vote' };
+    if (r.ground === 'form') return { yes: true, fact: 'yes, under ' + (off.rights.form_name || 'its form of government') };
+    if (r.ground === 'goal') return { yes: true, fact: 'yes, by a goal' };
+    return { yes: true, fact: 'yes, by how this building decides' };
+  }
+  // ---------- the picture the board votes on ----------
+  // The building as the city draws it (GovCity.isoInstitution), with the change
+  // as a dashed-glass ghost. Pure: paths and a viewBox fitted to them.
+  // FROM THE REAL BUILDING (task 1004711): handed the building's `structure` from
+  // the living model (GET /government/leads), the picture first draws what the
+  // building really has — each floor that stands built stacked solid on its roof,
+  // each committee room a solid capsule above them, a built annex or district
+  // solid beside it — and draws the change dashed on top of THAT, so the board
+  // votes on the building as it stands. `stands` says what was drawn solid.
+  const ROOF = Object.freeze({
+    charter: [0.75, 0.75, 1.25, 1.25, 144], rules: [0.22, 0.62, 1.78, 1.38, 36], treasury: [0.62, 0.62, 1.38, 1.38, 66],
+    planning: [0.3, 0.3, 1.7, 1.7, 51], review: [0.38, 0.38, 1.62, 1.62, 53], release: [0.3, 0.75, 0.75, 1.25, 66],
+    people: [1.1, 0.3, 1.75, 0.9, 31], disputes: [0.75, 0.55, 1.25, 1.45, 60], automation: [1.0, 0.4, 1.65, 0.9, 36],
+  });
+  const ANNEX_AT = [[2.0, 0.85, 2.35, 1.15, 10, 5], [2.35, 0.3, 3.55, 1.7, 0, 46]];
+  const DISTRICT_AT = [[2.4, 0.2, 40], [3.3, 0.6, 62], [2.6, 1.3, 30], [3.5, 1.6, 48]];
+  function isoPicture(building, change, mode, structure) {
+    if (!City || !City.isoKit) return null;
+    const I = City.isoTheme(mode === 'light' ? 'light' : 'dark');
+    const k = City.isoKit(56, 28, 0, 0, 1, I, false);
+    const out = [];
+    const ghost = Object.assign({}, I.glass, { dash: '4 3' });
+    City.isoBox(out, k, -0.2, -0.2, 2.2, 2.2, 0, 0.5, I.plinth);
+    City.isoInstitution(out, k, building, 0, 0, {});
+    const r = ROOF[building] || [0.4, 0.4, 1.6, 1.6, 40];
+    const cx = (r[0] + r[2]) / 2, cy = (r[1] + r[3]) / 2;
+    // what stands: the real building's own build-outs, solid
+    const s = structure || {};
+    const built = Array.isArray(s.built) ? s.built : [];
+    const rooms = (Array.isArray(s.committees) ? s.committees : []).filter((c) => c && c.real);
+    const floorsBuilt = built.filter((x) => x && x.capsule === 'floor').length;
+    const annexBuilt = built.some((x) => x && x.capsule === 'annex');
+    const districtBuilt = built.some((x) => x && x.capsule === 'district');
+    let z = r[4];
+    for (let i = 0; i < floorsBuilt; i++) { City.isoBox(out, k, r[0], r[1], r[2], r[3], z, 14, I.civic, { rows: true }); z += 14; }
+    rooms.forEach(() => { City.isoBox(out, k, cx - 0.22, cy - 0.22, cx + 0.22, cy + 0.22, z, 12, I.civic); z += 12; });
+    // a second annex stands further out than the first
+    const shift = (dx) => (t) => [t[0] + dx, t[1], t[2] + dx, t[3], t[4], t[5]];
+    if (annexBuilt) ANNEX_AT.forEach((t) => City.isoBox(out, k, t[0], t[1], t[2], t[3], t[4], t[5], I.civic, { rows: true }));
+    if (districtBuilt) DISTRICT_AT.forEach((t) => City.isoBox(out, k, t[0] + (annexBuilt ? 1.6 : 0), t[1], t[0] + (annexBuilt ? 1.6 : 0) + 0.7, t[1] + 0.7, 0, t[2], I.civic, { rows: true }));
+    // the change, dashed, on top of what stands
+    if (change === 'floor') City.isoBox(out, k, r[0], r[1], r[2], r[3], z, 14, ghost, { rows: true });
+    else if (change === 'committee') City.isoBox(out, k, cx - 0.22, cy - 0.22, cx + 0.22, cy + 0.22, z, 12, ghost);
+    else if (change === 'annex') {
+      const at = ANNEX_AT.map(shift(annexBuilt ? 1.4 : 0));
+      City.isoBox(out, k, at[0][0], at[0][1], at[0][2], at[0][3], at[0][4], at[0][5], ghost);
+      City.isoBox(out, k, at[1][0], at[1][1], at[1][2], at[1][3], at[1][4], at[1][5], ghost, { rows: true, door: true });
+    } else if (change === 'district') {
+      const dx = (annexBuilt ? 1.6 : 0) + (districtBuilt ? 1.8 : 0);
+      DISTRICT_AT.forEach((t) => City.isoBox(out, k, t[0] + dx, t[1], t[0] + dx + 0.7, t[1] + 0.7, 0, t[2], ghost, { rows: true }));
+    }
+    // fit the view to what was drawn
+    let x0 = Infinity, y0 = Infinity, x1 = -Infinity, y1 = -Infinity;
+    out.forEach((p) => {
+      const re = /[ML]\s*(-?[\d.]+)\s+(-?[\d.]+)/g;
+      let m;
+      while ((m = re.exec(p.d))) { const x = Number(m[1]), y = Number(m[2]); if (x < x0) x0 = x; if (x > x1) x1 = x; if (y < y0) y0 = y; if (y > y1) y1 = y; }
+    });
+    const pad = 10;
+    const vb = [Math.floor(x0 - pad), Math.floor(y0 - pad - 8), Math.ceil(x1 - x0 + pad * 2), Math.ceil(y1 - y0 + pad * 2 + 8)];
+    return {
+      viewBox: vb.join(' '), w: vb[2], h: vb[3], paths: out, change: change, building: building,
+      stands: { floors: floorsBuilt, rooms: rooms.length, annex: annexBuilt, district: districtBuilt },
+    };
+  }
+
+  // ---------- the law book ----------
+  // Every law in force (GET /government/laws, task 1004706), and the one standing
+  // rule the docket says the project runs. A law is passed by a vote (My agents'
+  // "make it a law" files one); this book only reads them.
+  function lawBook(living) {
+    const laws = living && living.city ? living.city.laws : [];
+    const rows = laws.map((l) => ({
+      id: l.id, text: l.text,
+      by: l.origin === 'docket' ? 'the docket' : l.passed_by ? str(l.passed_by.name) : 'a vote',
+      when: l.origin === 'docket' ? 'standing' : dayWords(l.passed_at),
+      ai: str(l.effect_on_ai), locks: (l.locks || []).map((x) => str(x.setting).replace(/_/g, ' ')).join(', '),
+    }));
+    return { rows: rows, n: rows.length, preset: living && living.strictness ? living.strictness.name : '' };
+  }
+  // What every agent reads at the start of a session: the interaction contract
+  // the session is injected with (/me), and the laws in force (task 1004707).
+  function injection(living, me) {
+    const book = lawBook(living);
+    const contract = me && me.interaction && me.interaction.contract ? str(me.interaction.contract) : '';
+    const lines = contract.split('\n').map((x) => x.replace(/^-\s*/, '').trim()).filter(Boolean);
+    return {
+      laws: book.rows.map((r, i) => ({ n: i + 1, text: r.text, ai: r.ai })),
+      head: lines[0] || '', profile: lines.slice(1), real: !!contract,
+    };
+  }
+
+  // ---------- the treasury ----------
+  // GET /government/treasury (task 1004712: spend.cap is there once read): the
+  // pots, the reserve and the cap are the server's, and a loan is answered on the
+  // dry pot's real ask. Unread, there is no treasury book.
+  function treasury(living) {
+    if (!living || !living.city.spend.cap) return null;
+    const sp = living.city.spend;
+    const tiles = [];
+    if (sp.month_usd) tiles.push({ v: usd(sp.month_usd), l: 'this month' });
+    if (sp.last_month_usd) tiles.push({ v: usd(sp.last_month_usd), l: 'last month' });
+    if (sp.reserve_usd != null) tiles.push({ v: usd(Math.abs(sp.reserve_usd)), l: sp.reserve_usd < 0 ? 'overdrawn' : 'in reserve' });
+    const pots = living.districts.filter((d) => d.pot).map((d) => {
+      const extra = Number(d.pot.lent_usd) || 0;
+      const budget = d.pot.budget_usd + extra;
+      return { goal: d.goal_id, title: d.title, spent: d.pot.spent_usd, budget: budget, lent: extra, pct: budget > 0 ? Math.min(100, Math.round((d.pot.spent_usd / budget) * 100)) : 100, dry: d.pot.spent_usd >= budget, ask: d.pot.borrow_ask_id, you: !!(d.pot.borrow_ask_id && (living.city.asks.find((a) => a.id === d.pot.borrow_ask_id) || {}).needs_you) };
+    }).sort((a, b) => (b.dry - a.dry) || b.spent - a.spent);
+    return {
+      tiles: tiles, pots: pots, shown: pots.slice(0, 6), more: Math.max(0, pots.length - 6),
+      cap: { on: !!sp.cap.on, line: sp.cap.on ? 'on · ' + usd(sp.cap.usd) + ' a month' : 'off · no spend limit, the default' },
+      dryAsk: pots.filter((p) => p.dry && p.ask).map((p) => p.ask)[0] || null, basis: sp.pots_basis,
+    };
+  }
+
+  // ---------- how strict ----------
+  // GET /government/presets (task 1004715): the preset is the one the laws in
+  // force amount to (none: "No preset yet"), each carries the locks a switch to
+  // it leaves, and a switch is a real laws vote (switchPreset). Unread: no book.
+  function strictness(living, os) {
+    const s = os || blank();
+    if (!living || !living.strictness || !living.strictness.presets.length) return null;
+    const cur = living.strictness.key;
+    const p = living.strictness.presets.find((x) => x.key === cur) || living.strictness;
+    return {
+      current: cur, name: str(p.name), line: str(p.line),
+      presets: living.strictness.presets.map((x) => ({ key: x.key, name: x.name, on: x.key === cur, filed: !!s.presetFiled[x.key] })),
+      locked: cur ? (p.locks || []).length : 0,
+    };
+  }
+
+  const model = {
+    CAPSULES: CAPSULES, ROOF: ROOF, blank: blank,
+    officeOf: officeOf, worksOf: worksOf, builtFloors: builtFloors, buildPlan: buildPlan, buildsAlone: buildsAlone,
+    isoPicture: isoPicture, lawBook: lawBook, injection: injection,
+    treasury: treasury, strictness: strictness, usd: usd, dayWords: dayWords,
+  };
+
+  // =====================================================================
+  // THE PAGE HALF. street.js hands the same env as the deck's, plus
+  // pickFloor(i). input(key) feeds the drawing; inside(bv, on, govt) draws the
+  // government layer and returns true when it filled the floor block itself
+  // (the office, or a floor the Lead just built).
+  // =====================================================================
+  const page = (function () {
+    let env = null, doc = null;
+    const os = blank();
+    const deckPage = () => (root.GovDeck ? root.GovDeck.page : null);
+    const living = () => { const p = deckPage(); return p ? p.living() : null; };
+    const viewerId = () => { const d = env ? env.data() : null; return d && d.docket && d.docket.viewer ? str(d.docket.viewer.id) : null; };
+
+    function input(key) {
+      const lv = living();
+      const off = lv ? officeOf(lv, key) : null;
+      if (!off) return {};
+      const extra = builtFloors(key, lv);
+      const b = buildingOf(lv, key);
+      return {
+        office: { seated: off.seated, line: off.line, ini: '', rooms: off.rooms },
+        works: worksOf(lv, key), floors: extra,
+        // a floor a build-out put up lights with a tick, as a cleared one does
+        cleared: extra.map((x, i) => (b ? (root.GovInside && root.GovInside.PLAN[key] ? root.GovInside.PLAN[key].floors.length : 0) + i : -1)).filter((i) => i >= 0),
+      };
+    }
+
+    // ---------- small DOM ----------
+    function h(tag, cls, text) { const el = doc.createElement(tag); if (cls) el.className = cls; if (text != null) el.textContent = String(text); return el; }
+    function clear(el) { while (el && el.firstChild) el.removeChild(el.firstChild); }
+    function chip(cls, text, on) { const b = h('button', 'desk-chip ' + cls, text); b.setAttribute('type', 'button'); b.addEventListener('click', on); return b; }
+    function head(label, extra) {
+      const hd = h('div', 'govx-head');
+      hd.appendChild(h('span', 'street-label', label));
+      if (extra) hd.appendChild(extra);
+      return hd;
+    }
+    function svg(tagName) { return doc.createElementNS('http://www.w3.org/2000/svg', tagName); }
+    function pictureEl(pic) {
+      if (!pic) return null;
+      // drawn from the real building as it stands (its structure on the living model)
+      const b = buildingOf(living(), pic.building);
+      const lv = isoPicture(pic.building, pic.change, env.mode(), b ? b.structure : null);
+      if (!lv) return null;
+      const fig = h('figure', 'govx-pic');
+      const s = svg('svg');
+      s.setAttribute('viewBox', lv.viewBox);
+      s.setAttribute('width', '100%');
+      s.setAttribute('height', '150');
+      s.setAttribute('role', 'img');
+      s.setAttribute('aria-label', NAMES[pic.building] + ' with the change drawn dashed: ' + (capsuleOf(pic.change) ? capsuleOf(pic.change).what : 'a change'));
+      s.setAttribute('preserveAspectRatio', 'xMidYMax meet');
+      lv.paths.forEach((p) => {
+        const e = svg('path');
+        e.setAttribute('d', p.d); e.setAttribute('fill', p.f); e.setAttribute('stroke', p.s);
+        if (p.dash && p.dash !== 'none') e.setAttribute('stroke-dasharray', p.dash);
+        e.setAttribute('stroke-width', String(p.w || 1));
+        e.setAttribute('vector-effect', 'non-scaling-stroke');
+        s.appendChild(e);
+      });
+      fig.appendChild(s);
+      fig.appendChild(h('figcaption', 'govx-pic__cap', 'dashed: what the vote would build'));
+      return fig;
+    }
+    // an ask card in place (the deck's own card, the same shape)
+    function askHere(id, pic) {
+      const p = deckPage();
+      if (!p) return null;
+      const lv = living();
+      const ask = (lv ? lv.city.asks : []).find((a) => a && a.id === id);
+      if (!ask || p.isDone(id)) return null;
+      const cv = p.cardFor(ask);
+      return p.cardEl(cv, { pick: (op) => p.answerHere(id, op) }, { inPlace: true, picture: pic ? pictureEl(pic) : null });
+    }
+
+    // ---------- the lead row and the building's stack, on every building ----------
+    function leadRow(key, off) {
+      const row = h('div', 'govx-lead');
+      const seat = h('span', 'inside-seat' + (off.seated ? '' : ' inside-seat--open'), off.seated ? off.lead.name.charAt(0).toUpperCase() : '');
+      row.appendChild(seat);
+      const words = h('span', 'govx-lead__words');
+      words.appendChild(h('span', 'govx-lead__t', off.seated ? off.lead.name + ' leads ' + off.name : 'No Lead yet'));
+      words.appendChild(h('span', 'govx-lead__f', off.seated ? 'since ' + off.lead.since + (buildsAlone(off).yes ? ' · builds without a vote' : ' · builds by vote') : off.owner + ' holds ' + off.name));
+      row.appendChild(words);
+      const go = h('button', 'inside-textbtn govx-lead__go', off.seated ? 'the Lead\'s office' : 'the office');
+      go.setAttribute('type', 'button');
+      go.addEventListener('click', () => { if (env.pickFloor) env.pickFloor('office'); });
+      row.appendChild(go);
+      return row;
+    }
+    function stackRow(key) {
+      const p = deckPage();
+      if (!p || !root.GovDeck) return null;
+      const q = root.GovDeck.queueOf(living(), p.session, key);
+      if (!q.length) return null;
+      const you = q.filter((a) => a.needs_you).length;
+      const row = h('div', 'govx-stack' + (you ? ' govx-stack--you' : ''));
+      const words = h('span', 'govx-stack__words');
+      // the deck's own words for its counts (gov-living.js COUNT_WORDS)
+      words.appendChild(h('span', 'govx-stack__n', q.length));
+      words.appendChild(h('span', 'govx-stack__t', ' to decide here'));
+      words.appendChild(h('span', 'govx-stack__f', you ? you + ' ' + L.countWords('on_you', you) : 'nothing to do'));
+      row.appendChild(words);
+      const a = h('a', 'desk-chip desk-chip--primary govx-stack__go', 'decide in a row');
+      a.setAttribute('href', '/builders/street#deck=' + key);
+      row.appendChild(a);
+      return row;
+    }
+
+    // ---------- the books: Rules, Treasury, Charter ----------
+    function lawEl() {
+      const book = lawBook(living());
+      const box = h('section', 'govx-book govx-laws');
+      box.setAttribute('aria-label', 'the law book');
+      box.appendChild(head('the law book', h('span', 'govx-head__n', book.n + ' in force')));
+      const list = h('ol', 'govx-laws__rows');
+      book.rows.forEach((r) => {
+        const li = h('li', 'govx-law');
+        const top = h('div', 'govx-law__top');
+        top.appendChild(h('span', 'govx-law__t', r.text));
+        top.appendChild(h('span', 'govx-law__by', r.by + ' · ' + r.when));
+        li.appendChild(top);
+        const ai = h('span', 'govx-law__ai');
+        ai.appendChild(h('span', 'govx-law__k', 'the AI'));
+        ai.appendChild(h('span', '', r.ai));
+        li.appendChild(ai);
+        if (r.locks) li.appendChild(h('span', 'govx-law__lock', 'locks ' + r.locks));
+        list.appendChild(li);
+      });
+      if (book.rows.length) box.appendChild(list);
+      else box.appendChild(h('p', 'inside-note', 'No law is in force yet. A law is passed by a vote.'));
+      box.appendChild(injectionEl());
+      return box;
+    }
+    function injectionEl() {
+      const d = env.data();
+      const me = deckPage() ? deckPage().feeds().me : null;
+      const inj = injection(living(), me || (d && d.me));
+      const box = h('div', 'govx-inject');
+      box.appendChild(head('what every agent reads at the start'));
+      const pre = h('div', 'govx-inject__body');
+      pre.setAttribute('role', 'region');
+      pre.setAttribute('tabindex', '0');
+      pre.setAttribute('aria-label', 'what every session starts with');
+      const prof = h('div', 'govx-inject__part');
+      prof.appendChild(h('span', 'govx-inject__h', 'how it talks to you'));
+      if (inj.real) { prof.appendChild(h('span', 'govx-inject__line', inj.head)); inj.profile.forEach((x) => prof.appendChild(h('span', 'govx-inject__line', '· ' + x))); }
+      else prof.appendChild(h('span', 'govx-inject__line', 'Your interaction profile could not be read just now.'));
+      pre.appendChild(prof);
+      if (inj.laws.length) {
+        const laws = h('div', 'govx-inject__part');
+        laws.appendChild(h('span', 'govx-inject__h', 'the project\'s laws'));
+        inj.laws.forEach((l) => laws.appendChild(h('span', 'govx-inject__line', l.n + '. ' + l.text + (l.ai ? ' — ' + l.ai : ''))));
+        pre.appendChild(laws);
+      }
+      box.appendChild(pre);
+      return box;
+    }
+    function treasuryEl() {
+      const t = treasury(living());
+      if (!t) return null;
+      const box = h('section', 'govx-book govx-money');
+      box.setAttribute('aria-label', 'the treasury');
+      box.appendChild(head('the money', h('span', 'govx-head__n', 'spend, pots and the reserve')));
+      const tiles = h('div', 'desk-tiles govx-tiles');
+      t.tiles.forEach((x) => {
+        const tl = h('div', 'desk-tile');
+        tl.appendChild(h('span', 'desk-tile__v', x.v));
+        tl.appendChild(h('span', 'desk-tile__l', x.l));
+        tiles.appendChild(tl);
+      });
+      box.appendChild(tiles);
+      const cap = h('div', 'desk-row govx-cap');
+      const cm = h('div', 'desk-row__main');
+      cm.appendChild(h('span', 'desk-ini', '$'));
+      const cn = h('span', 'desk-name govx-static');
+      cn.appendChild(h('span', 'desk-name__t', 'Spend cap'));
+      cn.appendChild(h('span', 'desk-name__f', t.cap.line));
+      cm.appendChild(cn);
+      const sw = h('span', 'govx-switch');
+      sw.setAttribute('role', 'img');
+      sw.setAttribute('aria-label', 'spend cap: ' + (t.cap.on ? 'on' : 'off'));
+      if (t.cap.on) sw.classList.add('govx-switch--on');
+      sw.appendChild(h('span', 'govx-switch__knob'));
+      cm.appendChild(sw);
+      cap.appendChild(cm);
+      box.appendChild(cap);
+      const pots = h('div', 'govx-pots');
+      pots.appendChild(head('pots per goal', h('span', 'govx-head__n', t.pots.length + (t.pots.length === 1 ? ' goal' : ' goals'))));
+      t.shown.forEach((p) => {
+        // a dry pot is lit orange only when its loan waits on you
+        const r = h('div', 'govx-pot' + (p.dry ? (p.you ? ' govx-pot--dry' : ' govx-pot--empty') : '') + (p.lent ? ' govx-pot--lent' : ''));
+        const top = h('div', 'govx-pot__top');
+        const nm = h('span', 'govx-pot__t', fit(shortTitle(p.title), 26, 4));
+        nm.setAttribute('title', p.title);
+        top.appendChild(nm);
+        top.appendChild(h('span', 'govx-pot__f', usd(p.spent) + ' of ' + usd(p.budget) + (p.dry ? ' · dry' : p.lent ? ' · topped up' : '')));
+        r.appendChild(top);
+        const bar = h('span', 'govx-pot__bar');
+        bar.setAttribute('aria-hidden', 'true');
+        const fill = h('span', 'govx-pot__fill');
+        fill.style.setProperty('width', p.pct + '%');
+        bar.appendChild(fill);
+        r.appendChild(bar);
+        pots.appendChild(r);
+      });
+      if (t.more) pots.appendChild(h('p', 'inside-note', 'and ' + t.more + ' smaller pots'));
+      if (!t.pots.length) pots.appendChild(h('p', 'inside-note', 'No goal has a pot yet.'));
+      box.appendChild(pots);
+      if (t.dryAsk) { const c = askHere(t.dryAsk); if (c) box.appendChild(c); }
+      return box;
+    }
+    function strictEl() {
+      const st = strictness(living(), os);
+      if (!st) return null;
+      const box = h('section', 'govx-book govx-strict');
+      box.setAttribute('aria-label', 'how strict the agents run');
+      box.appendChild(head('how strict the agents run', h('span', 'govx-head__n', st.current ? st.locked + (st.locked === 1 ? ' lock' : ' locks') + ' in force' : 'no preset yet')));
+      const g = h('div', 'govx-presets');
+      g.setAttribute('role', 'radiogroup');
+      g.setAttribute('aria-label', 'the preset');
+      st.presets.forEach((p) => {
+        const b = h('button', 'desk-chip desk-chip--choice govx-preset' + (p.on ? ' govx-preset--on' : ''), p.name);
+        b.setAttribute('type', 'button');
+        b.setAttribute('role', 'radio');
+        b.setAttribute('aria-checked', p.on ? 'true' : 'false');
+        if (p.filed) b.setAttribute('aria-disabled', 'true');
+        b.addEventListener('click', () => { if (!p.on && !p.filed) switchPreset(p.key); });
+        g.appendChild(b);
+      });
+      box.appendChild(g);
+      box.appendChild(h('p', 'govx-strict__line', st.line));
+      return box;
+    }
+
+    // ---------- the office desk ----------
+    function officeEl(el, key, bv) {
+      const lv = living();
+      const off = officeOf(lv, key);
+      clear(el);
+      el.className = 'inside-open desk office';
+      el.setAttribute('data-desk', key + ':office');
+      const hd = h('div', 'inside-open__head');
+      const plate = h('span', 'inside-plate');
+      const ic = svg('svg');
+      ic.setAttribute('width', '34'); ic.setAttribute('height', '34'); ic.setAttribute('viewBox', '0 0 24 24'); ic.setAttribute('aria-hidden', 'true');
+      const sp = root.GovInside ? root.GovInside.symbolPath(bv.builtSel ? 'layers' : 'hall') : { d: '', f: '' };
+      const a = svg('path'); a.setAttribute('d', sp.d); ic.appendChild(a);
+      plate.appendChild(ic);
+      hd.appendChild(plate);
+      const words = h('div', 'inside-open__words');
+      words.appendChild(h('span', 'inside-open__kicker', bv.builtSel ? 'built by a build-out' : 'the top floor'));
+      words.appendChild(h('h3', 'inside-open__title', bv.builtSel ? 'A new floor' : 'Lead\'s office'));
+      words.appendChild(h('span', 'desk-status', bv.builtSel ? 'built · empty until work comes' : off.line));
+      hd.appendChild(words);
+      el.appendChild(hd);
+      if (bv.builtSel) {
+        const q = h('div', 'desk-quiet desk-quiet--cleared');
+        q.appendChild(h('span', 'desk-quiet__line', 'Built, and lit'));
+        q.appendChild(h('span', 'desk-quiet__sub', 'its first desk opens when work comes here'));
+        el.appendChild(q);
+        return;
+      }
+      // tiles: one number and two words, never a zero
+      const tiles = h('div', 'desk-tiles');
+      const standing = off.rooms.filter((r) => !r.proposed).length;
+      if (standing) {
+        const t = h('div', 'desk-tile');
+        t.appendChild(h('span', 'desk-tile__v', standing));
+        t.appendChild(h('span', 'desk-tile__l', standing === 1 ? 'committee' : 'committees'));
+        tiles.appendChild(t);
+        el.appendChild(tiles);
+      }
+      // rows: a name, one fact
+      const rows = h('div', 'desk-rows');
+      const initials = (t) => { const w = str(t).replace(/[^A-Za-z0-9 ]+/g, ' ').trim().split(/\s+/).filter(Boolean); return (w.length > 1 ? w[0].charAt(0) + w[1].charAt(0) : str(w[0]).slice(0, 2)).toUpperCase(); };
+      const row = (name, fact) => {
+        const r = h('div', 'desk-row');
+        const m = h('div', 'desk-row__main');
+        m.appendChild(h('span', 'desk-ini', initials(name)));
+        const nm = h('span', 'desk-name govx-static');
+        nm.appendChild(h('span', 'desk-name__t', fit(name, 20, 3)));
+        nm.appendChild(h('span', 'desk-name__f', fit(fact, 40)));
+        m.appendChild(nm);
+        r.appendChild(m);
+        rows.appendChild(r);
+      };
+      if (off.seated) row('Builds alone', buildsAlone(off).fact);
+      if (off.seated && off.charter && off.charter.scope) row('Its remit', off.charter.scope);
+      off.rooms.forEach((r) => row(r.name, r.proposed ? 'proposed · a vote is open' : r.line));
+      worksOf(lv, key).forEach((w) => row(w.label, w.line));
+      if (rows.children && rows.children.length) el.appendChild(rows);
+      // build out: a capsule each, one tap. Only the building's holder sees them
+      // (GET /government/leads answers; the server holds the same wall).
+      if (off.holders && off.holders.includes(str(viewerId()))) {
+        const bo = h('div', 'govx-build');
+        bo.setAttribute('role', 'group');
+        bo.setAttribute('aria-label', 'build out');
+        bo.appendChild(h('span', 'desk-choices__ask', 'build out'));
+        CAPSULES.forEach((c) => {
+          const pl = buildPlan(lv, key, c.key);
+          const b = chip('desk-chip--choice govx-capsule', c.chip, () => buildOut(key, c.key));
+          b.setAttribute('data-capsule', c.key);
+          b.setAttribute('title', pl.why);
+          b.appendChild(h('span', 'govx-capsule__how', pl.authorised ? 'builds now' : 'a vote'));
+          bo.appendChild(b);
+        });
+        el.appendChild(bo);
+      }
+      // the votes waiting on this office: a build-out's docket card, with the picture drawn from the real building
+      (buildingOf(lv, key).construction || []).forEach((c) => {
+        if (c.capsule && c.ask_id) { const card = askHere(c.ask_id, { building: key, change: c.capsule }); if (card) el.appendChild(card); }
+      });
+    }
+    // the live site over the drawing: a tower crane over a floor going up
+    function crane(bv) {
+      const layer = doc.getElementById('insideFloors');
+      if (!layer) return;
+      // a tower crane stands beside the building, its jib over the site
+      (bv.sites || []).slice(0, 1).forEach((s) => {
+        if (s.state !== 'site') return;
+        const c = h('div', 'office-crane');
+        c.setAttribute('aria-hidden', 'true');
+        // over the roof (the office is the top storey), clear of the crown
+        const roof = bv.officeIdx >= 0 ? 676 - (bv.officeIdx + 1) * 52 : s.y;
+        const top = Math.max(16, roof - 70);
+        c.style.left = (s.x + s.w - 90) + 'px';
+        c.style.top = top + 'px';
+        c.style.width = '180px';
+        c.style.height = (676 - top) + 'px';
+        c.style.setProperty('--office-hook', Math.max(30, s.y + 12 - top) + 'px');
+        c.appendChild(h('span', 'office-crane__mast'));
+        const jib = h('span', 'office-crane__jib');
+        jib.appendChild(h('span', 'office-crane__hook'));
+        c.appendChild(jib);
+        layer.appendChild(c);
+      });
+    }
+
+    // ---------- acting ----------
+    // A BUILD-OUT (task 1004711): a tap is POST /government/buildouts — the server
+    // checks the holder and asks build_rights, then builds it at once or files the
+    // vote — and the page reads the Leads and the docket again, so the site or the
+    // ghost it draws is the server's. The hall preview stores nothing, and says so.
+    function preview(out) { return !!(out && out.status === 501 && out.body && out.body.error && out.body.error.code === 'preview_readonly'); }
+    function refusal(out) {
+      const e = (out && out.body && out.body.error) || {};
+      return str(e.what_this_means || (e.details && e.details.what_this_means) || e.message) || 'It could not be built from here.';
+    }
+    function buildOut(key, capsule) {
+      const off = officeOf(living(), key);
+      if (!off || !env.send) return Promise.resolve({ built: false });
+      const what = capsuleOf(capsule) ? capsuleOf(capsule).what : 'it';
+      return env.send({ method: 'POST', url: '/api/bongos/government/buildouts', body: { building: key, capsule: capsule } }).then((out) => {
+        if (preview(out)) { env.say('This preview stores nothing; nothing was built.', true); return { built: false, preview: true }; }
+        if (!out.ok) { env.say(refusal(out), true); return { built: false, refused: true }; }
+        const atOnce = out.body && out.body.path === 'at_once';
+        const why = out.body && out.body.rights && out.body.rights.why ? ' ' + str(out.body.rights.why) : '';
+        env.say(atOnce ? 'Building ' + what + ' now.' + why : 'Filed for a vote.' + why + ' The card has its picture.', true);
+        if (atOnce) env.decided();
+        if (root.GovFeeds && typeof root.GovFeeds.refresh === 'function') root.GovFeeds.refresh(['leads', 'docket']);
+        if (env.load) env.load();
+        return { built: atOnce, path: out.body && out.body.path };
+      });
+    }
+    // a switch of preset (task 1004715): ONE laws vote, filed through the board
+    function switchPreset(to) {
+      const st = strictness(living(), os);
+      if (!st || !env.send) return Promise.resolve();
+      return env.send({ method: 'POST', url: '/api/bongos/government/board/presets', body: { preset: to } }).then((out) => {
+        if (preview(out)) { env.say('This preview stores nothing; no vote was filed.', true); return; }
+        if (!out.ok) { env.say(refusal(out), true); return; }
+        os.presetFiled[to] = true;
+        env.say('Put to a vote. Nothing changes until the board passes it.', true);
+        if (root.GovFeeds && typeof root.GovFeeds.refresh === 'function') root.GovFeeds.refresh(['docket', 'presets']);
+        if (env.load) env.load();
+        env.draw();
+      });
+    }
+
+    function inside(bv, on, govt) {
+      if (!env || !doc || !bv) return false;
+      const lv = living();
+      const key = bv.key;
+      // the office stands from the real Leads and build-outs; each book from its
+      // own read (laws, the treasury, the presets); with none, no government layer
+      const off = lv ? officeOf(lv, key) : null;
+      const book = !lv || bv.officeSel || bv.builtSel ? null : key === 'rules' ? lawEl() : key === 'treasury' ? treasuryEl() : key === 'charter' ? strictEl() : null;
+      if (!lv || !(off || book)) { if (govt) { govt.hidden = true; clear(govt); } return false; }
+      crane(bv);
+      if (govt) {
+        clear(govt);
+        govt.hidden = false;
+        if (off) govt.appendChild(leadRow(key, off));
+        const st = stackRow(key);
+        if (st) govt.appendChild(st);
+        // the building's book stands over its floors; the office (or a built
+        // floor) is a desk of its own, so the book steps aside for it
+        if (book) govt.appendChild(book);
+      }
+      if (off && (bv.officeSel || bv.builtSel)) { officeEl(on, key, bv); return true; }
+      return false;
+    }
+
+    function mount(e) {
+      env = e;
+      doc = root.document || (typeof document !== 'undefined' ? document : null);
+      const p = deckPage();
+      if (!p) return;
+      // an answer on the deck redraws the interior it stands in
+      p.onChange(() => { if (env && env.inside && env.inside()) env.draw(); });
+    }
+
+    return { mount: mount, input: input, inside: inside, buildOut: buildOut, switchPreset: switchPreset, state: os };
+  }());
+
+  const api = Object.assign({ page: page }, model);
+  root.GovOffice = api;
+  if (typeof module !== 'undefined' && module.exports) module.exports = api;
+}(typeof window !== 'undefined' ? window : globalThis));