@bongos/core 1.24.29 → 1.24.30

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

@@ -185,9 +185,6 @@
   // (same pattern as lastNeedsState). These are un-landed confirmed tasks that
   // GATE new claims and whose reward is pending until they land on ship.
   let lastRebaseState = null;
-  // The public version progress, which the Home version tab draws (task 1004774).
-  // Null until it lands.
-  let lastProgressState = null;
 
   // Cached /me payload from the most recent loadAll() call. Used by the
   // welcome-chip reopen path (#408) so we can re-render the welcome panel
@@ -874,62 +871,6 @@
     if (btn) window.location.hash = `#/idea/${encodeURIComponent(btn.dataset.triageIdea)}`;
   });
 
-  // ---- Home "Next up" slice (task 2184) -------------------------------------
-
-  // Fill the top of the "Your work" card with the first five rows of the
-  // claimable queue (server order: priority, then calibrated estimate) so Home
-  // answers "what's my next action". Best-effort: a primer-gated 403, an auth
-  // hiccup, or an empty queue hides the slice — Home never shows an error for
-  // it. Re-runs with every loadAll (SSE nudges keep it current).
-  async function loadNextUp() {
-    const wrap = document.getElementById('home-next');
-    const list = document.getElementById('home-next-list');
-    const subhead = document.getElementById('home-recent-subh');
-    if (!wrap || !list) return;
-    try {
-      // ?limit=2 — this card is TWO lines. It used to download the entire claimable
-      // feed, every row with its full description, and `.slice(0, 2)` it: the same
-      // shape goal 1000072's criterion names, and the one goal-rollup.js was carved to
-      // fix on the Goals page (5,229,455 bytes to produce forty counters). The server
-      // already orders by priority then calibrated estimate, so the first two rows ARE
-      // the top two. `claimable_total` comes back so the foot can say how many are
-      // waiting instead of leaving two rows to imply there are only two.
-      // task 1004774: five rows, level with the five Recently shipped rows beside it.
-      const resp = await getJSON(`${API}/tasks/claimable?limit=5`, { softAuth: true });
-      // capped as well as asked for: a server that ignores ?limit must not grow the card.
-      const rows = resp && Array.isArray(resp.claimable) ? resp.claimable.slice(0, 5) : [];
-      if (!rows.length) { wrap.hidden = true; if (subhead) subhead.hidden = true; return; }
-      const total = Number(resp.claimable_total);
-      const cur = (window.__BRANDING__ && window.__BRANDING__.currency && window.__BRANDING__.currency.label) || 'credits';
-      list.innerHTML = rows.map((t) => {
-        const credits = window.OTBBranding?.taskCreditValue?.(t) ?? t.credits_reward;
-        const mins = t.est_minutes ? ` · ~${escapeHtml(String(t.est_minutes))}m` : '';
-        // task 1003459 — this row now claims directly (the extracted claim
-        // action, task 1003458) rather than only linking to the record and
-        // making the builder find the door there.
-        return `<li class="next-up__item">
-            <a class="next-up__title" href="/task/${encodeURIComponent(t.id)}">${escapeHtml(t.title || `task ${t.id}`)}</a>
-            <span class="next-up__meta">#${escapeHtml(String(t.id))}${mins} · ${fmtNum(credits)} ${escapeHtml(cur)} est.</span>
-            <button class="task__claim next-up__claim" type="button" data-task-id="${escapeHtml(String(t.id))}" aria-label="Claim task ${escapeHtml(String(t.id))}">Claim</button>
-          </li>`;
-      }).join('');
-      // Name the size of the queue these two came off. Silent when the count is
-      // missing or not bigger than what is shown — "See all 2" under two rows is
-      // noise, and a made-up number is worse than none.
-      const foot = document.getElementById('home-next-foot');
-      if (foot) {
-        foot.textContent = Number.isFinite(total) && total > rows.length
-          ? `See all ${fmtNum(total)} ready work →`
-          : 'See all ready work →';
-      }
-      wrap.hidden = false;
-      if (subhead) subhead.hidden = false;
-    } catch (_) {
-      wrap.hidden = true;
-      if (subhead) subhead.hidden = true;
-    }
-  }
-
   // ---- the Roll’s rows, for the Standing card -----------------------------
   //
   // task 1003441 moved the leaderboard TABLE to its own page (/roster,
@@ -1084,11 +1025,6 @@
     // /me because it spans all builders' work), loaded fire-and-forget so a
     // slow/failed feed can't hold up the rest of the hall.
     loadAcclaimFeed();
-    // task 2184: the Home "Next up" slice — top of the claimable queue, so the
-    // page answers "what's my next action" without a trip to the Work board.
-    // Fire-and-forget; hides itself when the feed is gated (primer 403) or empty.
-    loadNextUp();
-
     // #408: build the sticky nav now that every section has settled its
     // hidden state (welcome → karma → onboarding → security/roster).
     // The renderNav call also wires the IntersectionObserver for active-
@@ -1108,21 +1044,15 @@
     // down the page — log and show an inline placeholder.
     // #726: the per-skill model picker (Voices) moved to /builders/settings,
     // so the hall no longer fetches /me/skill-prefs here.
-    const [achAll, ships, versionsResp, lb, progress] = await Promise.allSettled([
+    const [achAll, ships, versionsResp, lb] = await Promise.allSettled([
       getJSON(`${API}/achievements`),
       // task 1004854: Home's newest few + a count — never the whole history,
       // which only the Accomplishments ledger fetches (hall-render.js loadShipLedger).
       getJSON(`${API}/me/recent-ships?limit=${HOME_SHIPS_LIMIT}`),
       getJSON(`${API}/versions`),
       getJSON(`${API}/public/leaderboard`), // task 1004437: the list with each builder's roles
-      getJSON(`${API}/public/progress`), // the Home version tab (task 1004774)
     ]);
 
-    if (progress.status === 'fulfilled') {
-      lastProgressState = progress.value;
-      renderGreeting();
-    }
-
     if (achAll.status === 'fulfilled') {
       // Show top 10 by sort_order — already ordered server-side. (Set is locked at 8
       // for V2, so the slice is defensive.) Unlocked + locked-with-progress come
@@ -1227,11 +1157,6 @@
     // task 1004833: the shared vote control reports each landed vote to the feed.
     $('#acclaim-feed')?.addEventListener('otb-vote', onAcclaimVote);
 
-    // task 1003459 — the Claim button on each Next-up row; the action + the
-    // delegated listener live in hall-render.js (builders.js is at the
-    // 1,500-line ratchet, hall-ui/CLAUDE.md's "growth goes in the lib/renderer").
-    wireNextUpClaim();
-
     $('#f-ships-window')?.addEventListener('change', onShipsFilterChange);
     $('#f-ships-version')?.addEventListener('change', onShipsFilterChange);
     $('#f-ships-sort')?.addEventListener('change', renderRecentShips);
@@ -1346,14 +1271,13 @@
   // reads what this page holds NOW rather than what it held at boot. Everything
   // else is stable for the life of the page. This call sits AFTER every
   // declaration it passes — moving it earlier is a temporal-dead-zone crash.
-  const { acclaimEvidenceHtml, analyticsState, lbState, mountHallWidgets, renderCurveBody, renderGreeting, renderLanding, renderSessionRefused, renderNav, renderOnboarding, renderProfile, renderRecentShips, renderWelcomeCore, HOME_SHIPS_LIMIT, populateShipVersionFilter, setRecentShips, shipsPager, welcomeDismissalKey, wireNextUpClaim } = window.OTBHallRender({
-    API, RANK_ORDER, api, brandWorld, curLabel, emptyRow, fmtDate, getJSON, loadNextUp, mins, normalizeRank, pct, postJSON, rankLabel, rankWeight, signClasses, toast, usd,
+  const { acclaimEvidenceHtml, analyticsState, lbState, mountHallWidgets, renderCurveBody, renderGreeting, renderLanding, renderSessionRefused, renderNav, renderOnboarding, renderProfile, renderRecentShips, renderWelcomeCore, HOME_SHIPS_LIMIT, populateShipVersionFilter, setRecentShips, shipsPager, welcomeDismissalKey } = window.OTBHallRender({
+    API, RANK_ORDER, api, brandWorld, curLabel, emptyRow, fmtDate, getJSON, mins, normalizeRank, pct, postJSON, rankLabel, rankWeight, signClasses, toast, usd,
     get instanceRepo() { return instanceRepo; },
     get lastCostState() { return lastCostState; },
     get lastKarmaState() { return lastKarmaState; },
     get lastMeState() { return lastMeState; },
     get lastNeedsState() { return lastNeedsState; },
-    get lastProgressState() { return lastProgressState; },
     get lastRebaseState() { return lastRebaseState; },
     get newcomerGated() { return newcomerGated; },
   });

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

@@ -22,7 +22,7 @@
   'use strict';
 
   window.OTBHallRender = function createHallRender(ctx) {
-    const { API, RANK_ORDER, api, brandWorld, curLabel, emptyRow, fmtDate, getJSON, loadNextUp, mins, normalizeRank, pct, postJSON, rankLabel, rankWeight, signClasses, toast, usd } = ctx;
+    const { API, RANK_ORDER, api, brandWorld, curLabel, emptyRow, fmtDate, getJSON, mins, normalizeRank, pct, postJSON, rankLabel, rankWeight, signClasses, toast, usd } = ctx;
     const { escapeHtml, $, fmtNum, moduleOn } = window.OTB;
 
   const RANK_UNLOCKS = {
@@ -603,14 +603,6 @@
       const el = document.getElementById(id);
       if (el) el.textContent = text;
     };
-    setText('stat-credits', fmtNum(builder.total_credits));
-    setText('stat-karma', fmtNum(karmaTotal));
-    setText('stat-karma-sub', karmaTrendText);
-    const statRank = document.getElementById('stat-rank');
-    if (statRank) statRank.innerHTML = builder.rank ? renderRankBadge(normalizeRank(builder.rank), { tip: false }) : '—';
-    setText('stat-rank-sub', rollPlace ? [`#${rollPlace.place} on the leaderboard`, rolePlaceText(rollPlace)].filter(Boolean).join(' · ') : '');
-    const statsSection = document.getElementById('home-stats');
-    if (statsSection && !ctx.newcomerGated) statsSection.hidden = false;
 
     // task 1003464: the Home card as the mock draws it — an identity LINE and a
     // three-row fact ledger. The mock repeats Credits and the place even though
@@ -635,7 +627,7 @@
           <dl class="home-facts home-facts--grid">
             <div><dt>${escapeHtml(curLabel(true))}</dt><dd>${fmtNum(builder.total_credits)}</dd></div>
             <div><dt>Karma</dt><dd>${fmtNum(karmaTotal)}</dd></div>
-            <div><dt>Shipped</dt><dd id="standing-shipped">${escapeHtml((document.getElementById('stat-shipped') || {}).textContent || '—')}</dd></div>
+            <div><dt>Shipped</dt><dd id="standing-shipped">${shipState.seen ? fmtNum(shipState.total) : '—'}</dd></div>
             <div><dt>Leaderboard place</dt><dd>${place}</dd></div>
           </dl>
           <dl class="home-facts">
@@ -716,39 +708,15 @@
   }
 
   // task 1003464: the greeting IS Home's one h1 (the mock opens with it).
-  // task 1004780: it has no sub-line any more. The version tab under the banner
-  // shows how far the version is and Next up shows the ready work, so a sentence
-  // repeating both was redundant (owner, 2026-10-23).
+  // task 1004780: it has no sub-line any more (owner, 2026-10-23); since task
+  // 1005054 the city under it (home-city.js) is how far the project has come.
   const greetingWord = (hour) => (hour < 12 ? 'Good morning' : (hour < 18 ? 'Good afternoon' : 'Good evening'));
-  // The version the tab is about: the one being built with the most work in it.
-  function currentVersion(progress) {
-    const rows = progress && Array.isArray(progress.progress) ? progress.progress : [];
-    return rows.filter((r) => r && r.status === 'building')
-      .sort((a, b) => (Number(b.total_count) || 0) - (Number(a.total_count) || 0))[0] || null;
-  }
-  // task 1004774: the version tab under the Home banner, drawn as a bar.
-  // Hidden while no version is being built.
-  function renderVersionTab(v) {
-    const tab = document.getElementById('home-version');
-    if (!tab) return;
-    if (!v) { tab.hidden = true; return; }
-    const pct = Math.max(0, Math.min(100, Math.round(Number(v.percent_complete) || 0)));
-    const name = document.getElementById('home-version-name');
-    const fill = document.getElementById('home-version-fill');
-    const pctEl = document.getElementById('home-version-pct');
-    if (name) name.textContent = v.version_id;
-    if (fill) fill.style.width = `${pct}%`;
-    if (pctEl) pctEl.textContent = `${pct}% complete`;
-    tab.setAttribute('aria-label', `${v.version_id} is ${pct} percent complete`);
-    tab.hidden = false;
-  }
   function renderGreeting() {
     const h1 = document.getElementById('hall-h1');
     const builder = ctx.lastMeState && ctx.lastMeState.builder;
     if (h1 && builder) {
       h1.textContent = `${greetingWord(new Date().getHours())}, ${builder.display_name || builder.github_login || 'builder'}`;
     }
-    renderVersionTab(currentVersion(ctx.lastProgressState));
   }
   const ONBOARDING_STAGE_ORDER = [
     'auth_complete',
@@ -1096,28 +1064,9 @@
     const countEl = $('#ships-count');
     const pagerEl = $('#ships-pager');
 
-    // task 1723: Home mirrors — the shipped-count stat tile and the compact
-    // 5-row recent-work table are fed from the same feed. Guarded writes.
-    const statShipped = document.getElementById('stat-shipped');
-    if (statShipped) statShipped.textContent = fmtNum(shipState.total);
-    // task 1004774: the Standing hover card carries the same count.
+    // task 1004774: the Standing hover card carries the shipped count.
     const standingShipped = document.getElementById('standing-shipped');
     if (standingShipped) standingShipped.textContent = fmtNum(shipState.total);
-    const homeRecent = document.querySelector('#home-recent-table tbody');
-    if (homeRecent) {
-      const latest = sortShips(shipState.recent, 'recent').slice(0, HOME_SHIPS_LIMIT);
-      homeRecent.innerHTML = latest.length
-        ? latest.map((s) => `
-          <tr>
-            <td class="ledger__num">#${s.id}</td>
-            <td>${escapeHtml(s.title)}</td>
-            <td class="ledger__drachmae">${fmtNum(window.OTBBranding?.taskCreditValue?.(s) ?? s.credits_reward)}</td>
-            <td class="ledger__date">${fmtDate(s.shipped_at)}</td>
-          </tr>`).join('')
-        : emptyRow(4, 'Nothing shipped yet. Claim a task on the Work board to get started.');
-    }
-    const homeRecentSection = document.getElementById('home-recent');
-    if (homeRecentSection && !ctx.newcomerGated) homeRecentSection.hidden = false;
 
     // The ledger waits for its own fetch (loadShipLedger); until then it keeps its placeholder.
     const all = shipState.all;
@@ -1378,31 +1327,7 @@
     return `#${p.role.place} as ${ROLE_AS[p.role.craft]}`;
   }
 
-  // task 1003459 — the Claim button on each Home "Next up" row, through the
-  // hall's ONE claim action (task 1003458) rather than a third hand-rolled
-  // POST /claims. Lives here, not builders.js, because that file is at the
-  // 1,500-line ratchet (hall-ui/CLAUDE.md: "growth in the page half has to be
-  // paid for; new pure helper → the lib/renderer"). refresh re-fetches the
-  // two-row slice so a claimed task drops out of it immediately.
-  function wireNextUpClaim() {
-    const claimAction = window.OTBClaimAction.makeClaimAction({ postJSON, toast, API, refresh: loadNextUp });
-    $('#home-next-list')?.addEventListener('click', (e) => {
-      const btn = e.target.closest('.next-up__claim');
-      if (!btn || btn.disabled) return;
-      const taskId = btn.dataset.taskId;
-      btn.disabled = true;
-      btn.textContent = '…';
-      claimAction.claim(taskId).then((out) => {
-        // A redirect to sign-in is already navigating away; re-enabling here
-        // would just invite a click that can't land.
-        if (!out.ok && !out.redirected) {
-          btn.disabled = false;
-          btn.textContent = 'Claim';
-        }
-      });
-    });
-  }
 
-    return { acclaimEvidenceHtml, analyticsState, lbState, mountHallWidgets, renderCurveBody, renderGreeting, renderLanding, renderSessionRefused, renderNav, renderOnboarding, renderProfile, renderRecentShips, renderWelcomeCore, HOME_SHIPS_LIMIT, loadShipLedger, populateShipVersionFilter, setRecentShips, shipState, shipsPager, welcomeDismissalKey, wireNextUpClaim };
+    return { acclaimEvidenceHtml, analyticsState, lbState, mountHallWidgets, renderCurveBody, renderGreeting, renderLanding, renderSessionRefused, renderNav, renderOnboarding, renderProfile, renderRecentShips, renderWelcomeCore, HOME_SHIPS_LIMIT, loadShipLedger, populateShipVersionFilter, setRecentShips, shipState, shipsPager, welcomeDismissalKey };
   };
 })();

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

@@ -62,29 +62,8 @@
     '<p class="ledger__note" id="onboarding-status" hidden></p>',
     { view: 'home', zone: 'home-banner', labelledby: 'onboarding-h', hiddenByDefault: true });
 
-  // 0c. Quick stats — headline numbers for the Home dashboard (task 1723).
-  // Filled by builders.js: credits + karma + rank from /me (renderProfile),
-  // shipped count once the ships feed settles (renderRecentShips).
-  // task 2169: each tile is a LINK — the stat row doubles as the fastest
-  // navigation on the page (Credits → the economy doc, Shipped/Karma → the
-  // Standing sections that explain them, Rank → the ladder).
-  w('home-stats', 'Overview', 15,
-    '<h2 id="home-stats-h" class="sr-only">Overview</h2>' +
-    '<div class="stat-row" id="home-stats-row">' +
-      '<a class="stat-tile" href="/drachmae"><span class="stat-tile__label" data-currency-label="caps">Credits</span><span class="stat-tile__num" id="stat-credits">—</span></a>' +
-      '<a class="stat-tile" href="#accomplishments-work"><span class="stat-tile__label">Shipped</span><span class="stat-tile__num" id="stat-shipped">—</span><span class="stat-tile__sub" id="stat-shipped-sub"></span></a>' +
-      '<a class="stat-tile" href="#accomplishments-karma"><span class="stat-tile__label">Karma</span><span class="stat-tile__num" id="stat-karma">—</span><span class="stat-tile__sub" id="stat-karma-sub"></span></a>' +
-      '<a class="stat-tile" href="/ranks"><span class="stat-tile__label">Rank</span><span class="stat-tile__num stat-tile__num--badge" id="stat-rank">—</span><span class="stat-tile__sub" id="stat-rank-sub"></span></a>' +
-    '</div>' +
-    // task 1004774: the version tab under the banner — how far the version being
-    // built has come. hall-render.js renderGreeting fills it from the same
-    // progress read as the greeting's sub-line; hidden until there is a version.
-    '<a class="version-tab" id="home-version" href="/roadmap" hidden>' +
-      '<span class="version-tab__name" id="home-version-name"></span>' +
-      '<span class="version-tab__bar" aria-hidden="true"><span class="version-tab__fill" id="home-version-fill"></span></span>' +
-      '<span class="version-tab__pct" id="home-version-pct"></span>' +
-    '</a>',
-    { view: 'home', zone: 'home-stats', sectionClass: 'scroll scroll--bare', labelledby: 'home-stats-h', hiddenByDefault: true });
+  // (task 1005054: the quick-stats strip and the version tab left Home. The
+  //  zone they held, home-stats, is the project city's — home-city.js.)
 
   // (task 1004774: the Standing summary is no longer a Home card. It is the
   // chip at the top right of the page head — index.html #hall-standing — whose
@@ -97,28 +76,8 @@
   // goal-inbox.js owns (#attention-ideas), the single landing place for every
   // actionable item. builders.js still gates the /inbox fetch to Metic+.)
 
-  // 0e. Your work — "what's my next action" + the compact recent table
-  // (task 1723; grown by task 2184). The Next-up slice surfaces the top of the
-  // claimable queue (builders.js loadNextUp fills it; hidden when the feed is
-  // gated or empty), then the 5-row recent-ships table below it.
-  w('home-recent', 'Your work', 28,
-    '<h2 id="home-recent-h" class="scroll__h">Your work</h2>' +
-    // task 1004774: Next up and Recently shipped sit side by side (stacking
-    // again on a phone); when Next up is hidden, shipped takes the full width.
-    '<div class="home-split">' +
-    '<div class="home-split__col" id="home-next" hidden>' +
-      '<h3 class="ginbox__sec-h">Next up — ready to claim</h3>' +
-      '<ul class="next-up" id="home-next-list"></ul>' +
-      '<p class="next-up__foot"><a href="/work" id="home-next-foot">See all ready work →</a></p>' +
-    '</div>' +
-    '<div class="home-split__col">' +
-    '<h3 class="ginbox__sec-h" id="home-recent-subh" hidden>Recently shipped</h3>' +
-    '<table class="ledger" id="home-recent-table"><thead><tr><th>№</th><th>Work</th><th data-currency-label="caps">Credits</th><th>Shipped</th></tr></thead>' +
-    '<tbody><tr><td colspan="4" class="ledger__empty"><span class="hall-loading" role="status">Loading…</span></td></tr></tbody></table>' +
-    '<p class="card-foot"><a href="#accomplishments-work">All your work →</a></p>' +
-    '</div>' +
-    '</div>',
-    { view: 'home', zone: 'home-main', labelledby: 'home-recent-h', hiddenByDefault: true });
+  // (task 1005054: Your work — Next up and Recently shipped — left Home; ready
+  //  work is the Work board's and your history is Accomplishments'.)
 
   // 0f. The founding wall (task 1004424) — everyone who joined while the project was
   // being founded, founder first, each with their mark. Hidden until the founding

package/modules/hall-ui/public/home-city-draw.js

@@ -0,0 +1,275 @@
+// modules/hall-ui/public/home-city-draw.js — Home's project city, as data (task 1005054).
+//
+// WHAT THIS IS. The drawing half of Home's city (the owner's v14 mock,
+// docs/design/mocks/hall/home/v14.html): one isometric tower per working area,
+// as tall as what has shipped there; artist work clads it in glass; the sites
+// worked in a week carry a crane and the face of who built there; that week's
+// ideas are lights in the sky; a salmon dot marks where something waits on the
+// viewer. Beside it, the ladder: each builder's week as one line split by craft.
+// home-city.js owns the page half (the read, the slider, the ladder's DOM,
+// hover); this file only turns the weekly summary into shapes and rows.
+//
+// PURE. No DOM, no fetch, no clock: the same summary and week give the same
+// shapes, so tests run it in node (the roadmap-timeline.js precedent). The scene
+// comes back as a tree of plain shape objects, never markup (see citySvg).
+//
+// THE PALETTE is the city's own drawing data (city-draw.js isoTheme, trimmed to
+// what this scene spends: the dark blocks in the black, the white paper model in
+// light). Everything around the drawing takes the hall's tokens; salmon
+// (var(--accent)) is spent only on what waits on the viewer.
+(function (root) {
+  'use strict';
+
+  const FOOT = 1.8;          // a tower's footprint, in tiles
+  const PER_ROW = 5;         // towers per row; rows run back (tallest) to front
+  const ROW_GAP = 4.2;       // tiles between rows
+  const COL_GAP = 3.0;       // tiles between towers in a row
+  const MAX_AREAS = 15;      // three rows; the rest are reported, not drawn
+  const TOWER_PX = 170;      // the tallest tower at the latest week
+  const TW = 56, TH = 28;    // iso tile, in viewBox units
+  const LADDER_ROWS = 7;
+
+  const r1 = (n) => Math.round(n * 10) / 10;
+  const num = (v) => (Number.isFinite(Number(v)) ? Number(v) : 0);
+  const sum = (a) => (Array.isArray(a) ? a.reduce((s, v) => s + num(v), 0) : 0);
+
+  function theme(mode) {
+    if (mode === 'light') {
+      return {
+        work: { t: '#f6f5f8', l: '#e6e5e9', r: '#d2d1d6', s: 'rgba(23,24,26,0.22)' },
+        plinth: { t: '#efeef1', l: '#e2e1e5', r: '#cfced3', s: 'rgba(23,24,26,0.22)' },
+        glassL: 'rgba(91,111,208,0.30)', glassR: 'rgba(91,111,208,0.42)', glassT: 'rgba(91,111,208,0.22)',
+        floor: 'rgba(23,24,26,0.10)', steel: 'rgba(23,24,26,0.62)', scaffold: 'rgba(23,24,26,0.40)', lit: 'rgba(226,150,90,0.55)',
+        slab: { t: '#d9d8dd', l: '#c4c3c9', r: '#b2b1b8', s: 'rgba(23,24,26,0.4)' },
+        ground: 'rgba(23,24,26,0.035)', groundLine: 'rgba(23,24,26,0.08)',
+        orb: '#d98a4e', orbGlow: 'rgba(217,138,78,0.30)', ideaLine: 'rgba(217,138,78,0.55)',
+        av: '#e4e3e7', avAgent: '#d3d8f2', avInk: '#17181a',
+      };
+    }
+    return {
+      work: { t: '#34343a', l: '#1c1c20', r: '#111114', s: 'rgba(255,255,255,0.12)' },
+      plinth: { t: '#27272c', l: '#141417', r: '#0b0b0d', s: 'rgba(255,255,255,0.08)' },
+      glassL: 'rgba(110,130,230,0.30)', glassR: 'rgba(110,130,230,0.20)', glassT: 'rgba(150,170,255,0.30)',
+      floor: 'rgba(255,255,255,0.06)', steel: 'rgba(255,255,255,0.70)', scaffold: 'rgba(255,255,255,0.40)', lit: 'rgba(255,200,150,0.55)',
+      slab: { t: '#5a5a62', l: '#3a3a40', r: '#2a2a2f', s: 'rgba(255,255,255,0.2)' },
+      ground: 'rgba(255,255,255,0.018)', groundLine: 'rgba(255,255,255,0.05)',
+      orb: '#ffe2c2', orbGlow: 'rgba(255,214,170,0.35)', ideaLine: 'rgba(255,214,170,0.45)',
+      av: '#2c2c32', avAgent: '#2b3157', avInk: '#ffffff',
+    };
+  }
+
+  // The summary as the drawing needs it: areas placed on the ground (tallest at
+  // the back), one shared height scale, people by id. A summary the server could
+  // not fill (no version being built, no areas) gives a model with no areas and
+  // the page renders nothing rather than an empty plate.
+  function cityModel(data) {
+    const d = data || {};
+    const weeks = Array.isArray(d.weeks) ? d.weeks : [];
+    const W = weeks.length;
+    const all = (Array.isArray(d.areas) ? d.areas : []).map((a) => {
+      const build = Array.from({ length: W }, (_, i) => num(a.build && a.build[i]));
+      const art = Array.from({ length: W }, (_, i) => num(a.art && a.art[i]));
+      const lead = Array.from({ length: W }, (_, i) => (a.lead && a.lead[i] != null ? String(a.lead[i]) : null));
+      return { id: String(a.goal_id), title: a.title == null ? 'A private area' : String(a.title), baseBuild: num(a.base_build), baseArt: num(a.base_art), build, art, lead };
+    });
+    all.forEach((a) => { a.total = a.baseBuild + a.baseArt + sum(a.build) + sum(a.art); });
+    all.sort((p, q) => q.total - p.total || p.id.localeCompare(q.id));
+    const areas = all.slice(0, MAX_AREAS);
+    const rows = Math.max(1, Math.ceil(areas.length / PER_ROW));
+    areas.forEach((a, n) => {
+      const row = Math.floor(n / PER_ROW), col = n % PER_ROW;
+      a.x = 0.8 + col * COL_GAP + (row % 2 ? 1.5 : 0);
+      a.y = 0.8 + row * ROW_GAP;
+    });
+    const tallest = Math.max(1, ...areas.map((a) => a.total));
+    const people = {};
+    (Array.isArray(d.people) ? d.people : []).forEach((p) => {
+      const row = (k) => Array.from({ length: W }, (_, i) => num(p[k] && p[k][i]));
+      people[String(p.id)] = { id: String(p.id), login: p.login || '', name: p.name || p.login || 'Builder', avatar: p.avatar_url || null, agent: !!p.agent, build: row('build'), art: row('art'), idea: row('idea'), gov: row('gov') };
+    });
+    const now = d.now || {};
+    const sites = {};
+    (Array.isArray(now.sites) ? now.sites : []).forEach((s) => { if (s && s.goal_id != null && s.builder_id != null) sites[String(s.goal_id)] = { builder: String(s.builder_id), agent: !!s.agent }; });
+    const waiting = {};
+    (Array.isArray(now.waiting) ? now.waiting : []).forEach((w) => { if (w && w.goal_id != null && num(w.count) > 0) waiting[String(w.goal_id)] = num(w.count); });
+    const ideas = (Array.isArray(d.ideas) ? d.ideas : []).map((x) => ({ id: String(x.id), week: num(x.week), by: x.by != null ? String(x.by) : null, title: x.title == null ? 'A private idea' : String(x.title), goal: x.goal_id != null ? String(x.goal_id) : null }));
+    return {
+      weeks, W, areas, rows, unplaced: all.length - areas.length,
+      px: TOWER_PX / tallest, people, sites, waiting, ideas,
+      width: 16.2, depth: rows * ROW_GAP - 0.6,
+    };
+  }
+
+  // What an area has built by the end of week i (the week's own ships included).
+  function doneAt(a, i) {
+    let build = a.baseBuild, art = a.baseArt;
+    for (let w = 0; w <= i && w < a.build.length; w++) { build += a.build[w]; art += a.art[w]; }
+    return { build, art };
+  }
+
+  // The sites worked in week i, goal → { builder, agent }: the latest week shows
+  // who is on each site now (open claims; an Autobongos runner working one makes it
+  // an agent's site); an earlier week shows its four busiest areas and the builder
+  // who shipped most there.
+  function sitesFor(m, i) {
+    if (i === m.W - 1 && Object.keys(m.sites).length) return Object.assign({}, m.sites);
+    const out = {};
+    m.areas.map((a) => ({ a, n: a.build[i] + a.art[i] }))
+      .filter((x) => x.n > 0 && x.a.lead[i])
+      .sort((p, q) => q.n - p.n || p.a.id.localeCompare(q.a.id))
+      .slice(0, 4)
+      .forEach((x) => { out[x.a.id] = { builder: x.a.lead[i], agent: false }; });
+    return out;
+  }
+
+  // The ladder for week i: builders by what they did that week, the top seven,
+  // and the viewer appended when they fall below (a phone leaderboard's "you").
+  function ladderFor(m, i, viewerId) {
+    const rows = Object.values(m.people).map((p) => {
+      const v = { art: p.art[i] || 0, build: p.build[i] || 0, idea: p.idea[i] || 0, gov: p.gov[i] || 0 };
+      return { id: p.id, name: p.name, avatar: p.avatar, agent: p.agent, me: viewerId != null && p.id === String(viewerId), v, total: v.art + v.build + v.idea + v.gov };
+    }).filter((r) => r.total > 0 || r.me)
+      .sort((p, q) => q.total - p.total || p.name.localeCompare(q.name));
+    const top = rows.slice(0, LADDER_ROWS);
+    const me = rows.find((r) => r.me);
+    if (me && !top.includes(me)) top.push(me);
+    return top;
+  }
+
+  // The scene's viewBox for a model: the ground and the tallest tower plus room
+  // for its crane and face, trimmed so no empty sky stands above it.
+  function viewBoxOf(m) {
+    const OY = TOWER_PX + 110, h = OY + (m.width + m.depth) * TH / 2 + 24;
+    return { w: 1000, h: Math.round(h), OX: 500 - (m.width - m.depth) * TW / 4, OY };
+  }
+
+  // The scene for week i as SHAPES, never markup: a tree of { tag, attrs, kids,
+  // text } that home-city.js turns into SVG nodes with createElementNS and
+  // setAttribute (city-draw.js's split exactly — "city.js only turns the lists into
+  // SVG nodes"). So no ledger string is ever parsed as markup: a title is an
+  // attribute value or a text node, which is also why this file needs no escaper.
+  function citySvg(m, i, opts) {
+    const o = opts || {};
+    const I = theme(o.mode);
+    const vb = viewBoxOf(m);
+    const latest = i === m.W - 1;
+    const P = (x, y, z) => [vb.OX + (x - y) * TW / 2, vb.OY + (x + y) * TH / 2 - (z || 0)];
+    const pts = (a) => 'M' + a.map((p) => r1(p[0]) + ' ' + r1(p[1])).join('L') + 'Z';
+    const node = (tag, attrs, kids, text) => ({ tag, attrs: attrs || {}, kids: kids || [], text: text == null ? null : String(text) });
+    const face = (a, fill, stroke) => node('path', { d: pts(a), fill, stroke: stroke || 'none', 'stroke-width': 1, 'stroke-linejoin': 'round', class: 'hc-face' });
+    const line = (a, b, s, w, dash) => node('line', Object.assign({ x1: r1(a[0]), y1: r1(a[1]), x2: r1(b[0]), y2: r1(b[1]), stroke: s, 'stroke-width': w || 1, 'stroke-linecap': 'round' }, dash ? { 'stroke-dasharray': dash } : {}));
+    const circle = (cx, cy, r, attrs) => node('circle', Object.assign({ cx: r1(cx), cy: r1(cy), r }, attrs));
+    const box = (x0, y0, x1, y1, z0, h, t) => {
+      const z1 = z0 + h;
+      return [
+        face([P(x0, y1, z1), P(x1, y1, z1), P(x1, y1, z0), P(x0, y1, z0)], t.l, t.s),
+        face([P(x1, y1, z1), P(x1, y0, z1), P(x1, y0, z0), P(x1, y1, z0)], t.r, t.s),
+        face([P(x0, y0, z1), P(x1, y0, z1), P(x1, y1, z1), P(x0, y1, z1)], t.t, t.s),
+      ];
+    };
+
+    const out = [
+      node('defs', {}, [node('radialGradient', { id: 'hc-orb' }, [node('stop', { offset: 0, 'stop-color': I.orbGlow }), node('stop', { offset: 1, 'stop-color': 'transparent' })])]),
+      face([P(0, 0), P(m.width, 0), P(m.width, m.depth), P(0, m.depth)], I.ground, I.groundLine),
+    ];
+
+    const sites = sitesFor(m, i);
+    const tops = {}, over = [];
+    m.areas.slice().sort((p, q) => (p.x + p.y) - (q.x + q.y)).forEach((a) => {
+      const x0 = a.x, y0 = a.y, x1 = x0 + FOOT, y1 = y0 + FOOT, base = 4;
+      const d = doneAt(a, i), built = Math.max(2, (d.build + d.art) * m.px), clad = d.art * m.px;
+      const site = sites[a.id], who = site ? m.people[site.builder] : null, agent = !!(site && (site.agent || (who && who.agent)));
+      const wait = latest ? (m.waiting[a.id] || 0) : 0;
+      const g = [];
+      g.push(...box(x0 - 0.12, y0 - 0.12, x1 + 0.12, y1 + 0.12, 0, base, I.plinth));
+      g.push(...box(x0, y0, x1, y1, base, built, I.work));
+      if (clad > 1) {
+        const c = base + Math.min(clad, built);
+        g.push(face([P(x0, y1, c), P(x1, y1, c), P(x1, y1, base), P(x0, y1, base)], I.glassL));
+        g.push(face([P(x1, y1, c), P(x1, y0, c), P(x1, y0, base), P(x1, y1, base)], I.glassR));
+        if (clad >= built - 0.5) g.push(face([P(x0, y0, base + built), P(x1, y0, base + built), P(x1, y1, base + built), P(x0, y1, base + built)], I.glassT));
+      }
+      for (let z = base + 16; z < base + built - 2; z += 16) g.push(line(P(x0, y1, z), P(x1, y1, z), I.floor), line(P(x1, y1, z), P(x1, y0, z), I.floor));
+      const top = base + built;
+      tops[a.id] = P((x0 + x1) / 2, (y0 + y1) / 2, top);
+      if (site) {
+        // the floor going up: lit, wrapped in scaffolding, a crane lifting the next slab
+        if (built > 14) {
+          const zt = top - 9, zb = top - 3;
+          g.push(face([P(x0 + 0.15, y1, zb), P(x1 - 0.15, y1, zb), P(x1 - 0.15, y1, zt), P(x0 + 0.15, y1, zt)], I.lit));
+          g.push(face([P(x1, y1 - 0.15, zb), P(x1, y0 + 0.15, zb), P(x1, y0 + 0.15, zt), P(x1, y1 - 0.15, zt)], I.lit));
+        }
+        const ov = 0.14, s0 = Math.max(base, top - 12), s1 = top + 22;
+        [x0 - ov, (x0 + x1) / 2, x1 + ov].forEach((x) => g.push(line(P(x, y1 + ov, s0), P(x, y1 + ov, s1), I.scaffold)));
+        [y1 + ov, (y0 + y1) / 2, y0 - ov].forEach((y) => g.push(line(P(x1 + ov, y, s0), P(x1 + ov, y, s1), I.scaffold)));
+        for (let zz = s0; zz <= s1 + 0.1; zz += 11) g.push(line(P(x0 - ov, y1 + ov, zz), P(x1 + ov, y1 + ov, zz), I.scaffold), line(P(x1 + ov, y1 + ov, zz), P(x1 + ov, y0 - ov, zz), I.scaffold));
+        const mx = x0 + 0.5, my = y0 + 0.5, ct = top + 56;
+        g.push(line(P(mx - 0.08, my, top), P(mx - 0.08, my, ct), I.steel, 1.3), line(P(mx + 0.08, my, top), P(mx + 0.08, my, ct), I.steel, 1.3));
+        for (let zc = top, k = 0; zc + 8 <= ct; zc += 8, k++) g.push(line(P(mx + (k % 2 ? 0.08 : -0.08), my, zc), P(mx + (k % 2 ? -0.08 : 0.08), my, zc + 8), I.steel, 0.8));
+        g.push(line(P(mx - 0.9, my, ct), P(mx + 2.2, my, ct), I.steel, 1.5));
+        g.push(line(P(mx, my, ct + 11), P(mx + 2.2, my, ct), I.steel, 0.9), line(P(mx, my, ct + 11), P(mx - 0.9, my, ct), I.steel, 0.9));
+        g.push(...box(mx - 0.95, my - 0.12, mx - 0.6, my + 0.12, ct - 8, 8, I.slab));
+        const hx = mx + 1.8;
+        g.push(line(P(hx, my, ct), P(hx, my, top - 6), I.steel, 1));
+        g.push(node('g', { class: 'hc-slab' }, box(hx - 0.3, my - 0.2, hx + 0.3, my + 0.2, top - 38, 3, I.slab)));
+        if (who) over.push({ k: 'face', p: P(mx + 0.9, my, ct + 30), who, agent, a });
+      }
+      if (wait) over.push({ k: 'dot', p: P((x0 + x1) / 2, (y0 + y1) / 2, top + (site ? 12 : 22)), a, n: wait });
+      const tip = `${d.build + d.art} shipped${d.art ? ` · ${d.art} by artists` : ''}${who ? ` · ${agent ? `${who.name}'s agent` : who.name} on site` : ''}`;
+      out.push(node('g', { class: 'hc-tower', 'data-tip': a.title, 'data-tip-body': tip }, g));
+    });
+
+    // the sky: the week's ideas bright, the week before dim; one that became work
+    // drops a line to the tower it went into
+    m.ideas.forEach((x) => {
+      const age = i - x.week;
+      if (age < 0 || age > 1) return;
+      const h = hash(x.id), bright = age === 0;
+      const cx = vb.OX + 40 + (h % 1000) / 1000 * 300, cy = 40 + (Math.floor(h / 1000) % 1000) / 1000 * 150;
+      const by = x.by && m.people[x.by] ? m.people[x.by].name : '';
+      const g = [];
+      if (bright && x.goal && tops[x.goal]) g.push(line([cx, cy], tops[x.goal], I.ideaLine, 1, '2 4'));
+      g.push(circle(cx, cy, bright ? 14 : 9, Object.assign({ fill: 'url(#hc-orb)' }, bright ? { class: 'hc-orb' } : {})));
+      g.push(circle(cx, cy, bright ? 4 : 2.6, Object.assign({ fill: I.orb }, bright ? {} : { opacity: 0.45 })));
+      g.push(circle(cx, cy, 12, { fill: 'transparent' }));
+      out.push(node('g', { class: 'hc-idea', 'data-tip': x.title, 'data-tip-body': by ? `idea · ${by}` : 'idea' }, g));
+    });
+
+    over.forEach((v, n) => {
+      if (v.k === 'face') { out.push(avatarNode(v.p, v.who, v.agent, v.a, I, n, node, line, circle)); return; }
+      const cx = v.p[0] - 30, cy = v.p[1];
+      out.push(node('g', { class: 'hc-wait', 'data-tip': v.a.title, 'data-tip-body': `${v.n} waiting on you` }, [
+        circle(cx, cy, 11, { fill: 'var(--accent)', stroke: 'var(--bg-card)', 'stroke-width': 2.5 }),
+        node('text', { x: r1(cx), y: r1(cy + 4), 'text-anchor': 'middle', class: 'hc-wait__n' }, [], v.n),
+      ]));
+    });
+    return { viewBox: `0 0 ${vb.w} ${vb.h}`, nodes: out };
+  }
+
+  // A face over a crane: the builder's avatar clipped to a circle over their
+  // initial (so a picture that fails to load still leaves a face), or the robot
+  // glyph when an agent is building the site.
+  function avatarNode(p, who, agent, a, I, n, node, line, circle) {
+    const x = p[0], y = p[1], id = `hc-av-${n}`;
+    const g = [line([x, y + 16], [x, y + 28], I.steel, 1), circle(x, y, 16, { fill: agent ? I.avAgent : I.av, stroke: 'var(--bg-card)', 'stroke-width': 3 })];
+    if (agent) {
+      g.push(node('rect', { x: r1(x - 7), y: r1(y - 5), width: 14, height: 11, rx: 3, fill: 'none', stroke: I.avInk, 'stroke-width': 1.5 }));
+      g.push(circle(x - 3, y + 0.5, 1.5, { fill: I.avInk }), circle(x + 3, y + 0.5, 1.5, { fill: I.avInk }));
+    } else {
+      g.push(node('text', { x: r1(x), y: r1(y + 5), 'text-anchor': 'middle', fill: I.avInk, class: 'hc-av__i' }, [], initial(who.name)));
+      if (who.avatar && /^https:\/\//.test(who.avatar)) {
+        g.push(node('clipPath', { id }, [circle(x, y, 14.5, {})]));
+        g.push(node('image', { href: who.avatar, x: r1(x - 14.5), y: r1(y - 14.5), width: 29, height: 29, 'clip-path': `url(#${id})`, preserveAspectRatio: 'xMidYMid slice' }));
+      }
+    }
+    return node('g', { class: 'hc-face-pin', 'data-tip': agent ? `${who.name}'s agent` : who.name, 'data-tip-body': a.title }, g);
+  }
+
+  function initial(name) { const s = String(name || '').trim(); return s ? s[0].toUpperCase() : '?'; }
+  // a stable spread for an idea's place in the sky (FNV-1a over its id)
+  function hash(s) { let h = 2166136261; for (const c of String(s)) { h ^= c.charCodeAt(0); h = Math.imul(h, 16777619); } return Math.abs(h); }
+
+  const api = { cityModel, doneAt, sitesFor, ladderFor, citySvg, viewBoxOf, theme, initial, LADDER_ROWS, MAX_AREAS };
+  if (typeof module === 'object' && module.exports) module.exports = api;
+  if (root) root.OTBHomeCityDraw = api;
+})(typeof window !== 'undefined' ? window : null);