@bongos/core 1.24.32 → 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/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/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@bongos/core",
-  "version": "1.24.32",
+  "version": "1.24.33",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@bongos/core",
-      "version": "1.24.32",
+      "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.32",
+  "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

@@ -11151,5 +11151,11 @@
       "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.32'; // 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');