@bongos/core 1.24.31 → 1.24.33

package/modules/hall-ui/public/craft-mode.js

@@ -216,20 +216,29 @@
   // under the brand (artHtml, the picker's own art, so the two never drift).
   // Building and no mode have no entry here and wear nothing.
   var LOOKS = { artistry: 'the studio · night', ideating: 'the sky', governing: 'the city' };
+  // The plate is the Home button in every mode (owner, 2026-11-04, task 1005065): the
+  // mode's scene with a home mark over it. Building wears no look, so its plate shows
+  // the city, the scene its Home is.
+  var PLATE_ART = { building: 'governing', artistry: 'artistry', ideating: 'ideating', governing: 'governing' };
+  var HOME_MARK = '<span class="craft-plate__home" aria-hidden="true"><svg viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round">' +
+    '<path d="M3 8.5 9 3l6 5.5V15a1 1 0 0 1-1 1h-3.5v-4h-3v4H4a1 1 0 0 1-1-1V8.5Z"/></svg></span>';
   function remove(el) { if (el && el.parentNode) el.parentNode.removeChild(el); }
   function applyLook(mode) {
     var look = Object.prototype.hasOwnProperty.call(LOOKS, mode) ? LOOKS[mode] : null;
+    var art = Object.prototype.hasOwnProperty.call(PLATE_ART, mode) ? PLATE_ART[mode] : null;
     var plate = document.getElementById('craft-plate');
-    if (plate && plate.getAttribute('data-plate') !== (look ? mode : null)) { remove(plate); plate = null; }
+    if (plate && plate.getAttribute('data-plate') !== (art ? mode : null)) { remove(plate); plate = null; }
     var nav = document.getElementById('app-sidebar');
-    var brand = look && nav && nav.querySelector ? nav.querySelector('.app-sidebar__brand') : null;
+    var brand = art && nav && nav.querySelector ? nav.querySelector('.app-sidebar__brand') : null;
     if (!plate && brand && brand.parentNode) {
-      plate = document.createElement('div');
+      plate = document.createElement('a');
       plate.id = 'craft-plate';
       plate.className = 'craft-plate';
+      plate.setAttribute('href', '/');
+      plate.setAttribute('aria-label', 'Home');
+      plate.setAttribute('title', 'Home');
       plate.setAttribute('data-plate', mode);
-      plate.setAttribute('aria-hidden', 'true');
-      plate.innerHTML = artHtml(mode);
+      plate.innerHTML = artHtml(art) + HOME_MARK;
       brand.parentNode.insertBefore(plate, brand.nextSibling);
     }
     var mark = document.getElementById('craft-eyebrow');

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

@@ -22,6 +22,10 @@
 // (home-city-draw.js skySvg) from the same read, and the ladder ranks the week's
 // ideators — ideas filed, votes cast, ideas that became work. Every other craft keeps
 // the builder's city exactly as it was.
+//
+// The governor's Home is the street (task 1005064; the v16 round's v16-governing.html):
+// choosing Governing on Home, or opening Home with it chosen, goes to the street page
+// (GovCity.STREET_HREF), which is never redrawn here.
 (function () {
   'use strict';
   if (!window.OTB || typeof window.OTB.contributeHallWidget !== 'function') return;
@@ -295,7 +299,17 @@
     host.hidden = !(art || shown);
   }
 
+  // ---- the governor's Home is the street; tests swap the hop for a recorder ----
+  function streetHop() {
+    const href = window.GovCity && window.GovCity.STREET_HREF;
+    if (document.documentElement.dataset.craft !== 'governing' || !href) return false;
+    (window.OTBHomeStreetHop || ((h) => window.location.assign(h)))(href);
+    return true;
+  }
+
   function mount(hostEl) {
+    document.addEventListener('otb:craft', streetHop);
+    if (streetHop()) return; // leaving for the street: build nothing, read nothing
     host = hostEl;
     host.innerHTML =
       '<h2 id="home-city-h" class="sr-only">The project this week</h2>' +

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

@@ -1614,6 +1614,9 @@ html:is([data-craft="artistry"], [data-craft="ideating"], [data-craft="governing
    never redrawn: each scene's pieces are placed from its edges or its centre. */
 .craft-plate {
   position: relative;
+  display: block;
+  color: inherit;
+  text-decoration: none;
   height: 40px;
   margin: 10px 8px 0;
   border-radius: var(--radius-sm);
@@ -1631,6 +1634,26 @@ html:is([data-craft="artistry"], [data-craft="ideating"], [data-craft="governing
   transform-origin: 0 0;
 }
 .craft-plate .craft-art__city { top: 0; }
+/* At the plate's size the studio's houses vanished into the night (owner, 2026-11-04):
+   lift them off the sky so the scene reads. The picker's larger door is unchanged. */
+.craft-plate .craft-art__house { background: #232b4d; }
+/* The plate is the Home button (task 1005065): a home mark sits over the scene. */
+.craft-plate__home {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 24px;
+  height: 24px;
+  margin: -12px 0 0 -12px;
+  display: grid;
+  place-items: center;
+  border-radius: 999px;
+  color: #fff;
+  background: var(--scrim);
+}
+.craft-plate__home svg { width: 14px; height: 14px; }
+.craft-plate:hover .craft-plate__home { background: rgba(0, 0, 0, .8); }
+.craft-plate:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
 .app-sidebar:hover .craft-plate,
 .app-sidebar:focus-within .craft-plate { height: 64px; margin: 10px 16px 0; }
 .app-sidebar:hover .craft-plate .craft-art,

package/modules/hall-ui/records/home-city.md

@@ -175,6 +175,16 @@ leaderboard.
 - Pinned in `tests/home_studio.mjs` and `tests/home_studio_widget.mjs` (real browser, empty states included); harness
   fixtures `copy-desk__studio.json` and `home__studio__works.json`.
 
+## The governor's Home is the street (task 1005064)
+
+The owner, 2026-11-04, after the four Homes went live: "when you tab between the pages the home screen
+doesn't change." Building, Ideating and Artistry had their own Homes, but Governing still showed the
+builder's city. The v16 round settled it ([`v16-governing.html`](../../../docs/design/mocks/hall/home/v16-governing.html)):
+Governing's Home **is** the street page, never redrawn. Governing's nav already leads with `city`, the street.
+So choosing Governing on Home, or opening Home with it chosen, goes to `GovCity.STREET_HREF`
+(`home-city.js` `streetHop`). In Governing the street's "← Home" link therefore lands back on the street;
+switching craft from the top bar leaves it. Pinned in `tests/home_city_widget.mjs`.
+
 ## Private areas
 
 A private goal the viewer is neither a member of nor an Archon over still stands as a tower (its counts are structure), but the server sends no title for it or for the ideas tied to it; the drawing labels them "A private area" and "A private idea" (ADR 0112, as the goal map and the sky apply it). Pinned in `tests/home_city.mjs`.

package/package-lock.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bongos/core",
-  "version": "1.24.31",
+  "version": "1.24.33",
   "description": "Cloud Bongos — the AI-first build platform core (GDS + platform surfaces + module system), installed as a versioned dependency (ADR 0108).",
   "license": "AGPL-3.0-or-later",
   "main": "src/platform-server.js",

package/release-notes.json

@@ -11145,5 +11145,17 @@
       "id": "1005054",
       "text": "Home now shows the whole project as a living city: towers that grow as work ships, the people building them, and a slider to replay the last ten weeks."
     }
+  ],
+  "1.24.32": [
+    {
+      "id": "1005064",
+      "text": "The governor's Home is now the street: choosing Owner on Home takes you straight to it, so each of the four crafts has its own Home."
+    }
+  ],
+  "1.24.33": [
+    {
+      "id": "1005065",
+      "text": "The small picture at the top of the sidebar is now the Home button in every mode, with a home icon on it."
+    }
   ]
 }

package/src/module-api.js

@@ -81,7 +81,7 @@ const { sleep } = require('./sleep');
 // MAJOR (see allowBoxScope below): passes the request through untouched.
 function deprecatedNoopMiddleware(_req, _res, next) { next(); }
 
-const CORE_VERSION = '1.24.31'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
+const CORE_VERSION = '1.24.33'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
 
 // A namespaced logger so a module's log lines are attributable + consistent.
 // Usage: const log = api.logger('discord'); log.info('mounted');

package/tests/craft_mode_looks.mjs

@@ -86,25 +86,33 @@ test('each looked mode frames its own door scene under the brand, and names itse
     const plate = p.plates()[0];
     assert.equal(p.brand.nextSibling, plate, `${m}: the plate sits right under the brand`);
     assert.equal(plate.getAttribute('data-plate'), m);
-    assert.equal(plate.getAttribute('aria-hidden'), 'true', 'the plate is decoration');
-    assert.equal(plate.innerHTML, p.craft.artHtml(m), `${m}: the plate IS the picker's door art, not a second copy`);
+    assert.equal(plate.tagName, 'A', `${m}: the plate is a link`);
+    assert.equal(plate.getAttribute('href'), '/', `${m}: the plate goes Home`);
+    assert.equal(plate.getAttribute('aria-label'), 'Home', `${m}: named Home for a screen reader`);
+    assert.ok(plate.innerHTML.startsWith(p.craft.artHtml(m)), `${m}: the plate IS the picker's door art, not a second copy`);
+    assert.match(plate.innerHTML, /class="craft-plate__home" aria-hidden="true"/, `${m}: a home mark sits over the scene`);
     assert.equal(p.marks().length, 1, `${m}: exactly one eyebrow`);
     assert.equal(p.title.nextSibling, p.marks()[0], `${m}: the eyebrow sits right after the page title`);
     assert.equal(p.marks()[0].textContent, WORDS[m], `${m}: in the prototype's own words`);
   }
 });
 
-test('BUILDING AND NO MODE WEAR NO LOOK: no plate, no eyebrow, and switching to them takes the look away', () => {
+test('BUILDING AND NO MODE WEAR NO LOOK: no eyebrow; Building keeps only the Home plate, showing the city', () => {
   const none = boot();
   assert.equal(none.root.dataset.craft, undefined);
   assert.equal(none.plates().length + none.marks().length, 0, 'no mode draws nothing');
   for (const m of ['building']) {
     const p = boot({ 'hall-craft': m });
-    assert.equal(p.plates().length + p.marks().length, 0, `${m} at boot draws nothing`);
+    assert.equal(p.marks().length, 0, `${m} at boot names no look`);
+    assert.equal(p.plates().length, 1, `${m}: the Home plate is there too (task 1005065)`);
+    assert.equal(p.plates()[0].getAttribute('data-plate'), m);
+    assert.ok(p.plates()[0].innerHTML.startsWith(p.craft.artHtml('governing')), `${m}: its plate shows the city`);
     p.craft.choose('governing');
     assert.equal(p.plates().length, 1);
+    assert.equal(p.plates()[0].getAttribute('data-plate'), 'governing', 'switching mode swaps the plate');
     p.craft.choose(m);
-    assert.equal(p.plates().length + p.marks().length, 0, `switching to ${m} removes the plate and the eyebrow`);
+    assert.equal(p.marks().length, 0, `switching to ${m} removes the eyebrow`);
+    assert.equal(p.plates()[0].getAttribute('data-plate'), m, 'and swaps the plate back');
   }
   assert.deepEqual(Object.keys(none.craft.LOOKS).sort(), [...LOOKED].sort(), 'only the three crafts have a look');
 });
@@ -112,7 +120,7 @@ test('BUILDING AND NO MODE WEAR NO LOOK: no plate, no eyebrow, and switching to
 test('the art is drawn once: craft-mode.js has one artHtml and exports it', () => {
   assert.equal(CRAFT.match(/function artHtml\(/g).length, 1);
   assert.match(CRAFT, /artHtml: artHtml,/);
-  assert.match(CRAFT, /plate\.innerHTML = artHtml\(mode\);/);
+  assert.match(CRAFT, /plate\.innerHTML = artHtml\(art\) \+ HOME_MARK;/);
 });
 
 // Every selector in style.css that names a craft mode.
@@ -163,6 +171,8 @@ test('the shared treatment, the eyebrow and the plate are written as the directi
   }
   assert.match(CSS, /@media \(max-width: 640px\) \{ \.craft-eyebrow \{ display: none; \} \}/, 'the eyebrow is hidden on a phone');
   assert.match(CSS, /\.craft-plate \{[^}]*height: 40px;/, '40px in the closed rail');
+  assert.match(CSS, /\.craft-plate__home \{[^}]*width: 24px;[^}]*height: 24px;/, 'the home mark clears the 24px floor');
+  assert.match(CSS, /\.craft-plate:focus-visible \{ outline: 2px solid var\(--focus\);/, 'the Home plate shows keyboard focus');
   assert.match(CSS, /\.app-sidebar:focus-within \.craft-plate \{ height: 64px;/, '64px when the rail opens');
   assert.match(CSS, /html\[data-theme="light"\] \.craft-plate \.craft-art__city \{ filter: invert\(1\) hue-rotate\(180deg\); \}/,
     'the light city is the dark one inverted, not a second drawing');

package/tests/home_city_widget.mjs

@@ -41,7 +41,10 @@ const stubs = (status, craft) => `
     return p.startsWith('/api/bongos/home/city') ? { ok: true, status: 200, data: window.__CITY } : { ok: false, status: 404, data: null };
   } }) };
   window.__chosen = [];
+  window.__hops = [];
+  window.OTBHomeStreetHop = (h) => window.__hops.push(h);
   window.__craft = ${JSON.stringify(craft || null)};
+  if (window.__craft) document.documentElement.dataset.craft = window.__craft;
   window.OTBCraftMode = { iconHtml: (k, cls) => '<svg class="' + cls + '" data-icon="' + k + '"></svg>', choose: (m) => window.__chosen.push(m), current: () => window.__craft };
   window.OTB = { contributeHallWidget(w) { window.__widget = w; } };`;
 
@@ -162,6 +165,23 @@ test('the museum and the band of stars switch the craft; the core and a building
   assert.match(r.tower, /^\/goals#\/goal\/\d+$/);
 });
 
+test('the governor\'s Home is the street: Governing on Home goes there, opened or chosen; other crafts stay', { skip }, async () => {
+  const opened = await boot({ craft: 'governing' });
+  const onOpen = await opened.page.evaluate(() => ({ hops: window.__hops, asked: window.__asked, built: !!document.querySelector('.hc-svg') }));
+  await opened.ctx.close();
+  assert.deepEqual(onOpen.hops, ['/builders/street'], 'Home opened with Governing chosen goes to the street');
+  assert.deepEqual(onOpen.asked, [], 'and asks the server for nothing on the way');
+  assert.equal(onOpen.built, false, 'and builds no city it is leaving');
+
+  const { ctx, page } = await boot();
+  await page.waitForFunction(() => document.querySelectorAll('.hc-rung').length > 0);
+  const flip = (m) => page.evaluate((mode) => { document.documentElement.dataset.craft = mode; window.__craft = mode; document.dispatchEvent(new CustomEvent('otb:craft', { detail: { mode } })); return window.__hops.slice(); }, m);
+  assert.deepEqual(await flip('artistry'), [], 'Artistry stays on Home');
+  assert.deepEqual(await flip('ideating'), [], 'Ideating stays on Home');
+  assert.deepEqual(await flip('governing'), ['/builders/street'], 'choosing Governing on Home goes to the street');
+  await ctx.close();
+});
+
 test('a refused read leaves the section hidden: never an empty plate', { skip }, async () => {
   const { ctx, page } = await boot({ status: 401 });
   await page.evaluate(() => new Promise((r) => setTimeout(r, 0)));