@bongos/core 1.21.175 → 1.21.177

package/modules/hall-ui/public/welcome-boot.css

@@ -0,0 +1,130 @@
+/* welcome-boot.css — the first-visit-of-the-day welcome (tasks 1004785, 1004818; welcome-boot.js).
+   The scene is the owner's painting of a circuit city (welcome-day.webp / welcome-night.webp) with
+   motion laid over it. Its palette is the painting's, by time of day rather than by hall theme, so its
+   ink is fixed here rather than --ink (which flips with the theme). */
+html.wb-open { overflow: hidden; }
+.wb {
+  position: fixed; inset: 0; z-index: 1000; overflow: hidden;
+  color: #f4f4f6; font-family: var(--font-body);
+  background: linear-gradient(180deg, #0b1230 0%, #1b2347 50%, #2b2c4a 100%);
+}
+.wb--day { color: #14161c; background: linear-gradient(180deg, #a9d6dc 0%, #f1d9d0 55%, #e9cfc6 100%); }
+
+/* the painting: covers the screen at its own 1024x572 shape, so the motion layer stays on its marks */
+.wb__art {
+  position: absolute; left: 50%; top: 50%; z-index: 1;
+  width: max(100vw, calc(100vh * 1024 / 572)); aspect-ratio: 1024 / 572;
+  transform: translate(-50%, -50%);
+  transition: transform 2.2s cubic-bezier(.45, 0, .25, 1);
+}
+.wb__pan { position: absolute; inset: 0; transform-origin: 62% 42%; animation: wb-pan 40s ease-in-out infinite alternate; }
+@keyframes wb-pan { from { transform: scale(1); } to { transform: scale(1.07) translateX(-1.2%); } }
+.wb__img, .wb__fx, .wb-motion { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
+.wb__img { object-fit: cover; }
+.wb__img[hidden] { display: none; }
+
+/* the motion: pulses climb the circuit towers, cars cross, and at night the lights blink */
+.wb-pulses { opacity: 0; transition: opacity 1.6s ease-out; }
+.wb--live .wb-pulses { opacity: 1; }
+.wb-pulse { fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-dasharray: 7 100; stroke-dashoffset: 7; animation: wb-climb linear infinite; }
+@keyframes wb-climb { to { stroke-dashoffset: -100; } }
+.wb--night .wb-pulse { filter: drop-shadow(0 0 3px currentColor); }
+.wb--day .wb-pulse { opacity: .8; stroke-width: 1.8; }
+.wb-car { animation: wb-car linear infinite; }
+@keyframes wb-car {
+  0% { transform: translate(0, 0); opacity: 0; }
+  10%, 88% { opacity: 1; }
+  100% { transform: translate(var(--wb-dx), var(--wb-dy)); opacity: 0; }
+}
+.wb-beacon { animation: wb-beacon 1.8s steps(1) infinite; filter: drop-shadow(0 0 4px #ef4444); }
+@keyframes wb-beacon { 0%, 60% { opacity: 1; } 61%, 100% { opacity: .15; } }
+.wb-star { animation: wb-twinkle ease-in-out infinite alternate; }
+@keyframes wb-twinkle { from { opacity: .15; } to { opacity: .9; } }
+.wb-moon { animation: wb-moon 6s ease-in-out infinite alternate; filter: blur(6px); }
+@keyframes wb-moon { from { opacity: .35; } to { opacity: .8; } }
+.wb__cloud { position: absolute; z-index: 2; border-radius: 50%; background: rgba(255, 255, 255, .06); filter: blur(30px); animation: wb-drift linear infinite; pointer-events: none; }
+.wb--day .wb__cloud { background: rgba(255, 255, 255, .35); filter: blur(28px); }
+.wb__cloud--a { top: 8vh; width: 40vw; height: 7vh; animation-duration: 80s; animation-delay: -20s; }
+.wb__cloud--b { top: 22vh; width: 50vw; height: 9vh; animation-duration: 110s; animation-delay: -70s; }
+@keyframes wb-drift { from { transform: translateX(-30vw); } to { transform: translateX(130vw); } }
+
+.wb__skip {
+  position: absolute; top: 18px; right: 20px; z-index: 7; min-height: 32px;
+  background: rgba(0, 0, 0, .35); border: 1px solid rgba(255, 255, 255, .25); color: #fff;
+  border-radius: 999px; padding: 6px 14px; font: inherit; cursor: pointer;
+}
+.wb__skip:hover, .wb__skip:focus-visible { border-color: rgba(255, 255, 255, .6); outline: none; }
+.wb--day .wb__skip { background: rgba(255, 255, 255, .55); border-color: rgba(20, 22, 30, .2); color: #14161c; }
+
+/* the banner: what is being built */
+.wb__banner {
+  position: absolute; top: 20px; left: 50%; transform: translateX(-50%); z-index: 4;
+  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 22px;
+  max-width: calc(100% - 140px); text-align: center;
+  background: rgba(10, 14, 32, .55); border: 1px solid rgba(94, 234, 212, .35); border-radius: 999px;
+  backdrop-filter: blur(6px);
+  transition: transform 2.2s cubic-bezier(.45, 0, .25, 1);
+}
+.wb__eyebrow { font-family: var(--font-display); font-size: clamp(15px, 2.2vw, 22px); font-weight: 500; letter-spacing: .01em; }
+.wb__version { font-family: var(--font-mono); font-size: 12px; color: #a5b4cf; }
+.wb--day .wb__banner { background: rgba(255, 255, 255, .7); border-color: rgba(15, 159, 143, .4); }
+.wb--day .wb__version { color: #475569; }
+
+/* the greeting and the choice */
+.wb__after {
+  position: absolute; left: 0; right: 0; bottom: 8vh; z-index: 5;
+  display: flex; flex-direction: column; align-items: center; gap: 22px; padding: 0 16px;
+  opacity: 0; transform: translateY(12px); visibility: hidden; pointer-events: none;
+  transition: opacity .8s .35s, transform .8s .35s, visibility 0s .35s;
+}
+.wb__after::before {
+  content: ""; position: absolute; inset: -40px -10vw -8vh; z-index: -1; pointer-events: none;
+  background: radial-gradient(ellipse at 50% 55%, rgba(7, 10, 24, .8) 0%, rgba(7, 10, 24, .45) 45%, transparent 72%);
+}
+.wb--day .wb__after::before { background: radial-gradient(ellipse at 50% 55%, rgba(250, 246, 244, .85) 0%, rgba(250, 246, 244, .5) 45%, transparent 72%); }
+.wb--done .wb__after { opacity: 1; transform: none; visibility: visible; pointer-events: auto; transition-delay: .35s, .35s, 0s; }
+.wb__hi { font-family: var(--font-display); font-weight: 300; font-size: clamp(28px, 5vw, 46px); margin: 0; text-align: center; text-shadow: 0 2px 20px rgba(0, 0, 0, .7); }
+.wb--day .wb__hi { text-shadow: 0 2px 18px rgba(255, 255, 255, .8); }
+.wb__lede { margin: -12px 0 0; color: #c9c9d4; text-align: center; text-shadow: 0 1px 10px rgba(0, 0, 0, .7); }
+.wb--day .wb__lede { color: #3b4252; text-shadow: 0 1px 10px rgba(255, 255, 255, .8); }
+.wb__choices { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; width: min(620px, 100%); }
+.wb__choice, .wb__role {
+  background: rgba(14, 18, 34, .86); border: 1px solid rgba(255, 255, 255, .13); border-radius: var(--radius);
+  color: #f4f4f6; font: inherit; cursor: pointer; text-align: left;
+}
+.wb--day .wb__choice, .wb--day .wb__role { background: rgba(255, 255, 255, .86); border-color: rgba(20, 22, 30, .12); color: #14161c; }
+.wb__choice { padding: 18px 20px; display: flex; flex-direction: column; gap: 6px; backdrop-filter: blur(8px); }
+.wb__choice:hover, .wb__choice:focus-visible, .wb__role:hover, .wb__role:focus-visible { border-color: var(--accent); outline: none; }
+.wb__choice b { font-size: 16px; }
+.wb__choice span, .wb__role small { color: #a9a9b6; font-size: 13px; }
+.wb--day .wb__choice span, .wb--day .wb__role small { color: #4b5563; }
+.wb__roles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; width: min(620px, 100%); }
+.wb__roles[hidden] { display: none; }
+.wb__roles:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, 1fr); }
+.wb__role { padding: 12px 14px; min-height: 44px; }
+.wb__role small { display: block; margin-top: 3px; }
+.wb__role i { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 7px; }
+
+/* the veil: white by day, black by night, lifting slowly once the painting is in */
+.wb__veil { position: absolute; inset: 0; z-index: 6; pointer-events: none; background: #000; opacity: 1; transition: opacity 1.6s ease-out; }
+.wb--day .wb__veil { background: #fff; }
+.wb--lit .wb__veil { opacity: 0; }
+
+/* the way out: the view sinks past the rooftops and the welcome fades into the hall underneath;
+   bound for another room, the veil comes back instead */
+.wb--leaving { pointer-events: none; }
+.wb--leaving .wb__art { transform: translate(-50%, calc(-50% - 30vh)) scale(1.12); }
+.wb--leaving .wb__banner { transform: translate(-50%, -40vh); }
+.wb--done.wb--leaving .wb__after { opacity: 0; transform: translateY(24px); transition: opacity .5s, transform .5s; }
+.wb--leaving:not(.wb--to-room) { opacity: 0; transition: opacity 1.8s ease-in .5s; }
+.wb--lit.wb--to-room .wb__veil { opacity: 1; transition: opacity 1.4s ease-in .8s; }
+
+@media (prefers-reduced-motion: reduce) {
+  .wb, .wb * { animation: none !important; transition: none !important; }
+}
+@media (max-width: 600px) {
+  .wb__banner { top: 16px; max-width: calc(100% - 110px); border-radius: 18px; }
+  .wb__eyebrow { font-size: 14px; }
+  .wb__choices { grid-template-columns: 1fr; }
+  .wb__roles, .wb__roles:has(> :nth-child(3):last-child) { grid-template-columns: 1fr 1fr; }
+}

package/modules/hall-ui/public/welcome-boot.js

@@ -0,0 +1,334 @@
+// welcome-boot.js — the welcome on a builder's first visit of the day (tasks 1004785, 1004818; idea 1001262).
+//
+// Home only. The scene is the owner's own painting of a circuit city (welcome-day.webp and
+// welcome-night.webp, 2026-10-23), brought to life: a slow drift across the skyline, data pulses
+// climbing the circuit towers, hover cars crossing, and by night blinking aircraft lights, a breathing
+// moon and twinkling stars. A banner at the top says what is being built ("Working on the core of
+// <project>"). The picture follows the local time of day: the day painting from 06:00 to 17:59, the
+// night one otherwise. It opens from a white (day) or black (night) veil, then "Good morning, <name>"
+// comes up with two choices. The way out is slow: the view sinks past the rooftops and fades into the
+// hall underneath.
+//
+// Rules:
+//   - Once per builder per LOCAL day, remembered in localStorage. Storage that throws cannot
+//     remember, so such a browser is never shown it (it would replay on every visit).
+//   - Never for a visitor who is not signed in, and never over a deep link (#/task/N, #/idea/N).
+//   - shell.js asks onAccess() BEFORE the craft picker; a load where the welcome showed marks the
+//     picker asked (OTBCraftMode.markAsked), so the two never stack.
+//   - Picking a role also sets the hall's craft mode. Governing is a seat (craft-mode.js), so the
+//     Owner role shows only when OTBCraftMode offers it.
+//   - A painting that will not load leaves the sky gradient behind it, and the welcome works the same.
+//   - prefers-reduced-motion: no motion; the still painting and the greeting at once, leaving is immediate.
+//
+// The pure parts (the day rule, the banner, the roles, the motion layout) are exported for
+// tests/welcome_boot.mjs; tests/welcome_boot_browser.mjs runs the overlay itself in a real browser.
+(function () {
+  'use strict';
+
+  var DAY_KEY = 'hall-welcome-day:';
+  var ART = { day: '/builders/welcome-day.webp', night: '/builders/welcome-night.webp' };
+  var ART_WAIT = 1500;       // the veil lifts once the painting is in, or after this long
+  var RUN_MS = 3400;         // the city powering up before the greeting
+  var LEAVE_MS = 2400;       // the way down into the hall
+
+  // ---------- the day rule ----------
+  function pad(n) { return (n < 10 ? '0' : '') + n; }
+  function localDay(d) { return d.getFullYear() + '-' + pad(d.getMonth() + 1) + '-' + pad(d.getDate()); }
+  function firstVisitToday(stored, now) { return stored !== localDay(now); }
+  function greetingFor(now) {
+    var h = now.getHours();
+    return h < 12 ? 'Good morning' : h < 18 ? 'Good afternoon' : 'Good evening';
+  }
+  // Day is 06:00 to 17:59 local: a white veil and the day painting. Night: a black veil and the night one.
+  function timeOfDay(now) { var h = now.getHours(); return h >= 6 && h < 18 ? 'day' : 'night'; }
+  function artFor(when) { return when === 'day' ? ART.day : ART.night; }
+  function nameOf(builder) {
+    return String((builder && (builder.display_name || builder.github_login)) || 'builder');
+  }
+  // The banner names the project from the branding pack (never a hardcoded word).
+  function projectName(branding) {
+    var id = branding && branding.identity;
+    return String((id && (id.worldName || id.productName)) || 'this project');
+  }
+  function bannerText(branding) { return 'Working on the core of ' + projectName(branding); }
+
+  // ---------- the roles (the owner's mapping) ----------
+  // `mode` is the craft mode the pick sets; `href` null means stay on Home.
+  var ROLES = [
+    { id: 'owner', label: 'Owner', room: 'City', href: '/city', mode: 'governing', dot: '#f59e0b' },
+    { id: 'ideator', label: 'Ideator', room: 'Your thinking', href: '/thinking', mode: 'ideating', dot: '#facc15' },
+    { id: 'artist', label: 'Artist', room: 'Studio', href: '/studio', mode: 'artistry', dot: '#f472b6' },
+    { id: 'engineer', label: 'Engineer', room: 'Home', href: null, mode: 'building', dot: '#60a5fa' },
+  ];
+  function rolesFor(craft) {
+    return ROLES.filter(function (r) { return !craft || typeof craft.offered !== 'function' || craft.offered(r.mode); });
+  }
+  function roleById(id) { return ROLES.filter(function (r) { return r.id === id; })[0] || null; }
+
+  // ---------- the motion, laid over the painting ----------
+  // In the painting's own pixels (1024x572; both paintings share one layout), so every light sits on
+  // the thing it belongs to however the picture is cropped to the screen.
+  var AW = 1024, AH = 572;
+  // The circuit towers: a box each, and the colour its traces glow in the night painting.
+  var TOWERS = [
+    { x: 140, y: 168, w: 62, h: 118, glow: '#60a5fa' },
+    { x: 280, y: 150, w: 58, h: 200, glow: '#22d3ee' },
+    { x: 184, y: 296, w: 100, h: 196, glow: '#fbbf24' },
+    { x: 636, y: 222, w: 42, h: 140, glow: '#4ade80' },
+    { x: 702, y: 212, w: 84, h: 190, glow: '#4ade80' },
+    { x: 2, y: 196, w: 52, h: 150, glow: '#4ade80' },
+    { x: 910, y: 410, w: 110, h: 160, glow: '#22d3ee' },
+  ];
+  // Aircraft warning lights on the masts, and the hover-car lanes on the right.
+  var BEACONS = [[10, 157], [322, 103], [393, 198], [941, 251]];
+  var LANES = [
+    { x1: 770, y1: 350, x2: 1040, y2: 362, dur: 5.5 },
+    { x1: 1040, y1: 340, x2: 760, y2: 352, dur: 7 },
+    { x1: 820, y1: 258, x2: 1040, y2: 254, dur: 6.5 },
+  ];
+  var MOON = [665, 82];
+  function seeded(s) { return function () { s = (s * 16807) % 2147483647; return (s - 1) / 2147483646; }; }
+  // Where each data pulse climbs: a vertical run inside a tower, bottom to top. Pure, so it is testable.
+  function pulseRuns(towers, perTower, seed) {
+    var rnd = seeded(seed || 7), out = [];
+    towers.forEach(function (t, ti) {
+      for (var i = 0; i < perTower; i++) {
+        var x = Math.round((t.x + 6 + rnd() * (t.w - 12)) * 10) / 10;
+        var y1 = Math.round((t.y + t.h * (0.75 + rnd() * 0.25)) * 10) / 10;
+        var y0 = Math.round((t.y + t.h * rnd() * 0.3) * 10) / 10;
+        out.push({ tower: ti, x: x, y0: y0, y1: y1, glow: t.glow, dur: Math.round((2.2 + rnd() * 2.4) * 100) / 100, delay: Math.round(rnd() * 400) / 100 });
+      }
+    });
+    return out;
+  }
+
+  var NS = 'http://www.w3.org/2000/svg';
+  function el(t, a, p) { var e = document.createElementNS(NS, t); for (var k in a) e.setAttribute(k, a[k]); if (p) p.appendChild(e); return e; }
+
+  function drawMotion(host, when) {
+    var night = when !== 'day';
+    var rnd = seeded(11);
+    var svg = el('svg', { viewBox: '0 0 ' + AW + ' ' + AH, preserveAspectRatio: 'none', 'class': 'wb-motion' }, host);
+    if (night) {
+      // the moon breathes; stars twinkle in the open sky
+      el('circle', { 'class': 'wb-moon', cx: MOON[0], cy: MOON[1], r: 26, fill: 'rgba(226,232,255,.25)' }, svg);
+      for (var i = 0; i < 40; i++) {
+        var sx = rnd() * AW, sy = rnd() * 140;
+        if (Math.abs(sx - MOON[0]) < 50 && Math.abs(sy - MOON[1]) < 50) continue;
+        el('circle', { 'class': 'wb-star', cx: sx.toFixed(1), cy: sy.toFixed(1), r: (0.6 + rnd() * 0.9).toFixed(2), fill: '#e0e7ff',
+          style: 'animation-duration:' + (2 + rnd() * 3).toFixed(2) + 's;animation-delay:' + (-rnd() * 4).toFixed(2) + 's' }, svg);
+      }
+      BEACONS.forEach(function (b, i) {
+        el('circle', { 'class': 'wb-beacon', cx: b[0], cy: b[1], r: 3.2, fill: '#ef4444', style: 'animation-delay:' + (-i * 0.45) + 's' }, svg);
+      });
+    }
+    // data pulses climbing the circuit towers (the whole set brightens as the city powers up)
+    var pulses = el('g', { 'class': 'wb-pulses' }, svg);
+    pulseRuns(TOWERS, 3, 7).forEach(function (r) {
+      el('line', { 'class': 'wb-pulse', x1: r.x, y1: r.y1, x2: r.x, y2: r.y0, pathLength: 100, stroke: night ? r.glow : '#ffffff',
+        style: 'color:' + r.glow + ';animation-duration:' + r.dur + 's;animation-delay:' + (-r.delay) + 's' }, pulses);
+    });
+    // hover cars, each a light with a short trail, crossing on its lane
+    LANES.forEach(function (l, i) {
+      var g = el('g', { 'class': 'wb-car', style: '--wb-dx:' + (l.x2 - l.x1) + 'px;--wb-dy:' + (l.y2 - l.y1) + 'px;animation-duration:' + l.dur + 's;animation-delay:' + (-i * 1.7) + 's' }, svg);
+      var dir = l.x2 > l.x1 ? -1 : 1;
+      el('line', { x1: l.x1, y1: l.y1, x2: l.x1 + dir * 26, y2: l.y1, stroke: night ? 'rgba(125,211,252,.55)' : 'rgba(255,255,255,.7)', 'stroke-width': 2, 'stroke-linecap': 'round' }, g);
+      el('circle', { cx: l.x1, cy: l.y1, r: 2.4, fill: night ? '#e0f2fe' : '#ffffff' }, g);
+    });
+    return svg;
+  }
+
+  // ---------- the overlay ----------
+  function esc(s) {
+    return String(s == null ? '' : s).replace(/[&<>"']/g, function (c) {
+      return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c];
+    });
+  }
+  function craft() { return window.OTBCraftMode || null; }
+  function reducedMotion() {
+    return !!(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches);
+  }
+
+  var root = null, timers = [], returnFocus = null, shown = false, leaving = false;
+
+  function overlayHtml(builder, now, when) {
+    return '<div class="wb__art" aria-hidden="true"><div class="wb__pan">' +
+        '<img class="wb__img" alt="" src="' + artFor(when) + '" decoding="async">' +
+        '<div class="wb__fx" id="wb-fx"></div>' +
+      '</div></div>' +
+      '<div class="wb__cloud wb__cloud--a" aria-hidden="true"></div><div class="wb__cloud wb__cloud--b" aria-hidden="true"></div>' +
+      '<div class="wb__banner"><span class="wb__eyebrow">' + esc(bannerText(window.__BRANDING__)) + '</span>' +
+        '<span class="wb__version" id="wb-version" hidden></span></div>' +
+      '<div class="wb__veil" aria-hidden="true"></div>' +
+      '<button class="wb__skip" type="button" data-wb-skip>Skip</button>' +
+      '<div class="wb__after">' +
+        '<h2 class="wb__hi" id="wb-hi">' + esc(greetingFor(now) + ', ' + nameOf(builder)) + '</h2>' +
+        '<p class="wb__lede">Where do you want to start the day?</p>' +
+        '<div class="wb__choices">' +
+          '<button class="wb__choice" type="button" data-wb-roles aria-expanded="false" aria-controls="wb-roles"><b>Start with your role</b><span>Pick today’s craft and go straight to its room.</span></button>' +
+          '<button class="wb__choice" type="button" data-wb-home><b>Your home page</b><span>Your work, what needs you, and what shipped.</span></button>' +
+        '</div>' +
+        '<div class="wb__roles" id="wb-roles" hidden></div>' +
+      '</div>';
+  }
+  function rolesHtml() {
+    return rolesFor(craft()).map(function (r) {
+      return '<button class="wb__role" type="button" data-wb-role="' + r.id + '"><i style="background:' + r.dot + '"></i>' +
+        esc(r.label) + '<small>→ ' + esc(r.room) + '</small></button>';
+    }).join('');
+  }
+
+  function at(ms, fn) { timers.push(setTimeout(fn, ms)); }
+  function clearTimers() { timers.forEach(clearTimeout); timers = []; }
+
+  // The powering-up is over (ran out, skipped, or no motion): the city lit, the greeting in.
+  function finish() {
+    if (!root) return;
+    clearTimers();
+    root.classList.add('wb--live', 'wb--done');
+    var skip = root.querySelector('[data-wb-skip]');
+    if (skip) skip.hidden = true;
+    var first = root.querySelector('.wb__choice');
+    if (first && first.focus) first.focus();
+  }
+
+  // The veil lifts once the painting is in (or after ART_WAIT), then the city powers up.
+  function begin() {
+    if (!root || root.classList.contains('wb--lit')) return;
+    root.classList.add('wb--lit');
+    if (reducedMotion()) { finish(); return; }
+    at(900, function () { if (root) root.classList.add('wb--live'); });
+    at(RUN_MS, finish);
+  }
+
+  // The core version under the banner, when the server says it (GET /version is public).
+  function loadVersion() {
+    if (typeof fetch !== 'function') return;
+    fetch('/version', { credentials: 'same-origin' }).then(function (r) { return r.ok ? r.json() : null; }).then(function (v) {
+      var slot = root && root.querySelector('#wb-version');
+      if (!slot || !v || typeof v.coreVersion !== 'string' || !/^\d+\.\d+\.\d+/.test(v.coreVersion)) return;
+      slot.textContent = 'core ' + v.coreVersion;
+      slot.hidden = false;
+    }, function () { /* no version: the banner stands alone */ });
+  }
+
+  function close() {
+    if (!root) return;
+    clearTimers();
+    leaving = false;
+    document.removeEventListener('keydown', onKey, true);
+    if (root.parentNode) root.parentNode.removeChild(root);
+    root = null;
+    document.documentElement.classList.remove('wb-open');
+    if (returnFocus && returnFocus.focus) { try { returnFocus.focus(); } catch (_) { /* gone */ } }
+    returnFocus = null;
+  }
+
+  function go(href) { try { window.location.assign(href); } catch (_) { close(); } }
+
+  // The way out: the view sinks past the rooftops while the welcome fades into the hall underneath.
+  // Bound for another room, the veil comes back instead and the room opens.
+  function leave(href) {
+    if (!root || leaving) return;
+    if (reducedMotion()) { if (href) go(href); else close(); return; }
+    leaving = true;
+    clearTimers();
+    document.removeEventListener('keydown', onKey, true);
+    document.documentElement.classList.remove('wb-open');
+    root.classList.add('wb--leaving');
+    if (href) root.classList.add('wb--to-room');
+    at(LEAVE_MS, function () { if (href) go(href); else close(); });
+  }
+
+  function pickRole(id) {
+    var r = roleById(id), c = craft();
+    if (!r) return;
+    if (c && typeof c.choose === 'function') c.choose(r.mode);
+    leave(r.href);
+  }
+
+  function onClick(e) {
+    var btn = e.target.closest && e.target.closest('button');
+    if (!btn || !root || leaving) return;
+    if (btn.hasAttribute('data-wb-skip')) { begin(); finish(); return; }
+    if (btn.hasAttribute('data-wb-home')) { leave(); return; }
+    if (btn.hasAttribute('data-wb-roles')) {
+      var box = root.querySelector('#wb-roles');
+      var open = box.hidden;
+      if (open) box.innerHTML = rolesHtml();   // asked now, when the seats are known
+      box.hidden = !open;
+      btn.setAttribute('aria-expanded', open ? 'true' : 'false');
+      if (open) { var r = box.querySelector('button'); if (r && r.focus) r.focus(); }
+      return;
+    }
+    var role = btn.getAttribute('data-wb-role');
+    if (role) pickRole(role);
+  }
+
+  function onKey(e) {
+    if (!root) return;
+    if (e.key === 'Escape') { e.preventDefault(); leave(); return; }
+    if (e.key !== 'Tab') return;
+    var f = Array.prototype.filter.call(root.querySelectorAll('button'), function (b) { return !b.hidden && b.offsetParent !== null; });
+    if (!f.length) return;
+    var first = f[0], last = f[f.length - 1];
+    if (e.shiftKey && document.activeElement === first) { e.preventDefault(); last.focus(); }
+    else if (!e.shiftKey && document.activeElement === last) { e.preventDefault(); first.focus(); }
+  }
+
+  function show(builder) {
+    if (root || !document.body) return;
+    var now = new Date(), when = timeOfDay(now);
+    returnFocus = document.activeElement;
+    root = document.createElement('div');
+    root.className = 'wb wb--' + when;
+    root.id = 'welcome-boot';
+    root.setAttribute('role', 'dialog');
+    root.setAttribute('aria-modal', 'true');
+    root.setAttribute('aria-labelledby', 'wb-hi');
+    root.innerHTML = overlayHtml(builder, now, when);
+    root.addEventListener('click', onClick);
+    document.addEventListener('keydown', onKey, true);
+    document.body.appendChild(root);
+    document.documentElement.classList.add('wb-open');
+    drawMotion(root.querySelector('#wb-fx'), when);
+    var img = root.querySelector('.wb__img');
+    // A painting that fails to load is hidden, leaving the sky gradient; the welcome goes on regardless.
+    var go1 = function () { if (window.requestAnimationFrame) window.requestAnimationFrame(function () { window.requestAnimationFrame(begin); }); else begin(); };
+    img.addEventListener('load', go1);
+    img.addEventListener('error', function () { img.hidden = true; if (root) root.classList.add('wb--bare'); go1(); });
+    if (img.complete && img.naturalWidth) go1();
+    at(ART_WAIT, begin);
+    var skip = root.querySelector('[data-wb-skip]');
+    if (skip && skip.focus) skip.focus();
+    loadVersion();
+  }
+
+  // A link straight to an overlay (#/task/N, #/idea/N, #/blocker/N) is not greeted over.
+  function deepLink() { return /^#\//.test((window.location && window.location.hash) || ''); }
+
+  // shell.js's call, before the craft picker's. True when the welcome is (or was) up on this load.
+  function onAccess(access, builder) {
+    if (shown) return true;
+    if (!access || access.authed !== true || !builder || builder.id == null || deepLink()) return false;
+    var key = DAY_KEY + builder.id, now = new Date();
+    try {
+      if (!firstVisitToday(window.localStorage.getItem(key), now)) return false;
+      window.localStorage.setItem(key, localDay(now));
+    } catch (_) { return false; }
+    shown = true;
+    var c = craft();
+    if (c && typeof c.markAsked === 'function') c.markAsked();
+    show(builder);
+    return true;
+  }
+
+  var api = {
+    DAY_KEY: DAY_KEY, ROLES: ROLES, ART: ART, TOWERS: TOWERS, BEACONS: BEACONS, LANES: LANES, AW: AW, AH: AH,
+    localDay: localDay, firstVisitToday: firstVisitToday, greetingFor: greetingFor, nameOf: nameOf, timeOfDay: timeOfDay,
+    artFor: artFor, projectName: projectName, bannerText: bannerText, rolesFor: rolesFor, pulseRuns: pulseRuns,
+    onAccess: onAccess, finish: finish, close: close,
+  };
+  if (typeof window !== 'undefined') window.OTBWelcome = api;
+  if (typeof module !== 'undefined' && module.exports) module.exports = api;
+})();

package/modules/hall-ui/public/work-summary.js

@@ -11,7 +11,7 @@
 //      the most recent ship — rendered as stat tiles above the Completed list.
 //      It shares no state with the claim path and reads no per-builder data.
 //   2. work.js sits ON the fitness size ceiling (OVERSIZE_LINES = 1500 in
-//      scripts/gds/fitness-ratchets.js, with the repo's baseline at zero
+//      scripts/bongos/fitness-ratchets.js, with the repo's baseline at zero
 //      oversized files). It had no headroom at all, so the Only-mine lens could
 //      not be added without something leaving, and the ratchet's own rule is to
 //      fix the regression rather than raise the baseline. This block is what

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

@@ -78,6 +78,7 @@
   font-size: 12.5px;
   color: var(--ink-faint);
   font-variant-numeric: tabular-nums; min-width: 3.2em;
+  flex: none; white-space: nowrap; /* task 1004832: never shrink below the digits */
 }
 /* work.js breaks a title after each "/" (a slash-joined run ran 44px past its column
    at 390, task 1004209); `anywhere` is the backstop for a run with no slash at all. */

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

@@ -173,11 +173,13 @@
      time so the chrome exists before the deferred page scripts execute. -->
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-09-living3"></script>
-<script src="/builders/shell.js?v=2026-10-18-core-move1"></script>
+<script src="/builders/shell.js?v=2026-10-25-logo1"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared frontend toolkit (window.OTB) — loaded FIRST so work.js can pull from it. -->
 <script src="/builders/dom-utils.js?v=2026-06-14-domutils" defer></script>
+<!-- task 1004727: the ONE karma vote control every task/idea list renders -->
+<script src="/builders/vote-control.js"></script>
 <!-- shared component kit (window.OTBKit) — tabs, pager, filter bar (task 2166). -->
 <script src="/builders/hall-kit.js" defer></script>
 <!-- shared TASK-DOMAIN helpers (window.OTBTaskLib) — priority/touches/prompt/refusal-copy, one copy for both boards (task 1002463). -->

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

@@ -790,6 +790,7 @@
           <span class="history__id">#${escapeHtml(String(t.id))}</span>
           <span class="history__title">${escapeHtml(t.title || '(untitled)').replace(/\//g, '/<wbr>')} ${ver}</span>
           <span class="history__when" title="${escapeHtml(fmtDate(t.shipped_at))}">${escapeHtml(when)}</span>
+          ${window.OTBVote ? window.OTBVote.taskHtml({ ...t, status: t.status || 'shipped' }) : ''}
         </div>
       `;
     }).join('');
@@ -938,7 +939,7 @@
     const sub = $('#work-sub');
     if (sub) {
       const name = me?.builder?.display_name || me?.builder?.github_login || 'builder';
-      sub.textContent = `Welcome, ${name}. Claim and release tasks and follow work in progress — no terminal needed.`;
+      sub.textContent = `Welcome, ${name}. Pick up work, or follow what is moving.`;
     }
 
     // Recent history — public read surface, never gated. Independent of the

package/modules/hall-ui/records/accomplishments.md

@@ -0,0 +1,16 @@
+# Accomplishments — Standing renamed and rebuilt like Home (task 1004826)
+
+Criterion `wa6-hall-reads-like-home` of goal 1000095 (owner, 2026-10-23: "very important").
+
+- **One name for the reader.** The nav item, the jump palette group, the top bar, the Home chip's
+  label, the stat tiles, "All your work" and the page descriptions say **Accomplishments**, and the
+  links are `#accomplishments` / `#accomplishments-<group>` (work, karma, progress, achievements).
+  The view keeps its internal key `standing` (ids, `zone-standing`, widget `view:`/`group:` keys,
+  `STANDING_GROUPS`), so nothing that registers a widget changed. Every old `#standing*` hash is still
+  routed (`VIEWS` + `VIEW_ALIASES`), so bookmarks land. Its own glyph is a medal (`ICONS.accomplishments`).
+- **No notices on the band.** The rebase-owed, needs and budget banners left the identity band: Home's
+  attention cards already carry all three (`renderSystemNotices`), so here they only repeated it.
+- **Shorter words.** Each section's lede is one plain line; Peer recognition stays a plain +/− per row
+  (a rating, not a decision about the project, so no ask card).
+- Tests: `tests/hall_nav.mjs` (the name, the links, old hashes still land; the band has no notices),
+  `tests/hall_palette.mjs` (sections are `#accomplishments-*`, aliased onto the view's anchors).

package/modules/hall-ui/records/hall-ask-card.md

@@ -22,3 +22,12 @@ on inside the hall use the card template the city view built (`street-deck.css`
 Left for the page tasks of the same criterion (1004821–1004829), which each re-lay a whole page: the
 task page's lifecycle buttons, Goals' row claim/release, collab, gate, profile connections and the
 government forms.
+- **Roadmap (task 1004821)** has no ask card: only one version is built at a time, so the owner dropped the focus pick (2026-10-23); the stars only show the focus. Header shortened, filler lines cut.
+- **Tasks (task 1004822).** Only the task page's two lifecycle decisions are cards: "Ship this task?" and the Archon's "Confirm this work?". Claim, Release, Copy prompt and Retire stay plain controls — the owner (2026-10-23): a card only where the page asks the reader to decide. Notes and the board's sub-line shortened.
+- **No top block (task 1004836).** Every page but Home hides its page head; Goals' New goal and goal map moved onto the list line, the way back into the goal panel.
+- **Goals (task 1004823).** A join request on a goal is the card ("Let Ana join?" — Let them in / Say no), shown only to people who may manage that goal; invitations, claim, join and the goal settings stay plain controls. Shorter page sub-lines.
+- **Blockers (task 1004824).** A reviewer row is the card with ONE answer, "Resolve it"; "Link a task" is a plain button on its facts line. Both show only to a viewer holding `blocker.review` — the atom the routes check, now reported by `/me.permissions` — on the page and in the blocker overlay, never a rank guess. The list is "Requires project owner fix" (Home's name), the repeated "Waiting on the project owner" line and the hidden sub-line are gone, and the form copy is shorter.
+- **Board Room (task 1004825).** The vote is the card ("Pass this idea?" / "Pass this change?" / "Close this stage?" — Vote yes / Object; Object opens the reason-and-section form under it). It shows only where the room's read says `viewer_may_vote` — the vote route's own check (board membership under the item's snapshot, clock not run out), computed per viewer in `boardRoomView`; a missing flag hides it. The sub-line and the intro line are gone; "One vote per member." and the long empty state shortened.
+- **Profile (task 1004827).** A connection request someone sent you is the card on their profile ("Connect with @ana?" — Accept / Decline), drawn only from your own inbox, as before. Connect, Remove and the suggestions stay plain buttons. The head lost its eyebrow and sub-line (the identity section already names the person, rank and headline); the "no builder" and "could not load" messages moved into the body, since the hidden head reached nobody. "Your Bongoing." is "Activity", its lede and the Works lede are shorter, and "Standing there" is "Rank there".
+- **Docs (task 1004828).** No ask card: nothing on Primer, Ranks, Economy, Commands, Diagrams, Repo Atlas or Modules asks the reader to decide something about the project — the primer's "I have read it" is personal, and the module switches and "submit for review" are settings the reader reaches for, not questions put to them. Every head lost its eyebrow and sub-line; Ranks' "could not load" message moved into "Where you stand", and Modules no longer hides a sub-line it no longer has. The diagrams' "drag to pan" hint moved into the legend's lede, and the ledes on Ranks, Commands, Diagrams, the atlas and Modules are shorter. `tests/hall_reading_world.mjs` pins every Docs head to its h1 alone.
+- **Government (task 1004829).** Two decisions are cards. On **Gate**, a held PR is "Let PR #N through?" with one answer, Approve — the card is its own confirmation, so the modal that repeated the question is gone. It shows only where `GET /gate-approvals` says `viewer_may_approve`: the approve route's own two checks (`gate_approval.decide`, then act-alone at Release), fail-closed. Before this a Metic who may read the gate was offered an Approve the route refused. On **Deploy**, step two is "Move <project> to core X?" with Move as the answer and Cancel as a plain step back; it shows only where the preview says `viewer_may_move` (the read already took the move's two doors; this adds act-alone at Release, skipped for the project's owner as the move skips it). Everyone else is told the move is decided by the government. Watch, Sessions, Project settings, Fleet costs and Permissions hold settings and readings, not questions, so they have no card. Every head lost its sub-line; "could not load" and "could not check your access" moved into the sealed panel (Watch, Sessions) and the session count onto the ledger (`#ledger-status`). The Gate's tiles read Held / Hard floor / Needs trust. `tests/hall_oversight_world.mjs`, `tests/deploy_page_projects.mjs` and `tests/gate_approvals.mjs` pin it.

package/modules/hall-ui/records/karma-vote-control.md

@@ -0,0 +1,13 @@
+# The karma vote control — one up/down control on every task and idea list: work board, goals, profile, ideas, Home triage (task 1004727)
+
+**What it is.** `public/vote-control.js` (`window.OTBVote`) is the ONE karma vote control the hall renders in a list. A page only calls `OTBVote.taskHtml(task)` or `OTBVote.ideaHtml(idea)` inside its row markup and loads the script. The control installs one capturing click listener and one MutationObserver, so a list that re-renders (pager, filter, tab) is hydrated with no page code. Hydration is ONE batched read per kind: `GET /tasks/peer-votes/lookup?ids=` (lifecycle, `routes/task-votes.js`) and `GET /inbox/votes?ids=` (ideas). A click posts to `POST /tasks/:id/vote` or `POST /inbox/:id/vote` and repaints that row in place from the server's answer.
+
+**Owner decisions it carries (2026-10-23).**
+- A task row offers the vote only where the server accepts one: `confirmed` or `shipped`. Any other row renders NOTHING, never a disabled button.
+- An idea vote earns karma for the idea's SUBMITTER, weighs the same as a task vote, and has the same guards (Metic+ by default via its own `idea.vote` permission, seeded wherever `task.vote` is, task 1004834; no self-vote, frozen once folded, the same 7-day lag in the one weekly fold).
+
+**Where it renders.** `/work` Completed rows (`work.js` renderHistory), the goal page's done ledger (`goals-render.js` taskRowsDone, inside the title cell so the five-column table and its colspans are unchanged), the profile's works ledger (`profile.js` worksRowHtml), the ideas page queue (`ideas.js` renderQueue), and Home's ideas-awaiting-triage list (`builders.js`). The click listener stops propagation, so voting inside a clickable row does not also open the task.
+
+**Home's acclaim feed rides it too (task 1004833).** The feed's rows carry their own `net_votes` / `my_vote`, so `taskHtml` pre-paints them (marked ready, no batched read). After a vote the control raises a bubbling `otb-vote` event with the server's answer; the feed's `onAcclaimVote` writes it into the held, paged rows. The feed's old buttons, click handler and `.acclaim__btn/__vote/__net/__readonly` CSS are gone; the table is Work | By | Votes, and a viewer below the vote floor sees the net alone. `tests/hall_acclaim_vote_control.mjs` drives the real control into the feed's real handler.
+
+**Look.** `.vote` in `style.css`: 24px targets on both axes, the net between the arrows, `flex: none` so it never shrinks inside a flex row. The harness serves `tasks__peer-votes__lookup.json` and `inbox__votes.json` (empty tallies) so the renders show the control at net 0. Tests: `tests/karma_vote_lists.mjs` (DB-free) and `tests/idea_votes_fold_db.mjs` (the real fold, integration set).

package/modules/hall-ui/records/oversight-family.md

@@ -2,7 +2,7 @@
 
 **The OVERSIGHT family landed next (task 1003469)** — government, watch, harbor and gate, then the four Metic+ pages behind `requireGovernmentPage`. This was the REDESIGN, not the re-skin: task 1003307 had put the four in the world token-wise and the owner read the result as "minimal effort reskins", so this pass changed composition. `oversight.css` is the third archetype sheet — what an oversight ROW is in this world, the figure band inside a panel (`.ov-figs`, the record family's band restated), the group head, the inline form, the grant toggle, and the ONE confirm modal harbor and gate now share on `--z-modal`. Five things it settled:
 
-- **The sheet is named `oversight`, not `governance`, and that is the vocabulary wall, not taste.** `scripts/gds/fitness.js` `checkVocabularyWall` bans "governance" and "role" on the government surface (ADR 0174: it is the GOVERNMENT now), and a `<link href="governance.css">` in `government.html` reds the build. Name a thing this family shares for what the four pages do together — oversight — and keep the word out of `government.*` entirely, comments included.
+- **The sheet is named `oversight`, not `governance`, and that is the vocabulary wall, not taste.** `scripts/bongos/fitness.js` `checkVocabularyWall` bans "governance" and "role" on the government surface (ADR 0174: it is the GOVERNMENT now), and a `<link href="governance.css">` in `government.html` reds the build. Name a thing this family shares for what the four pages do together — oversight — and keep the word out of `government.*` entirely, comments included.
 - **The government copy test pins two class names by their literal markup.** `tests/government_board_room_copy.mjs` looks for `<h2 class="gov-h">Constitution</h2>` followed by `<p class="gov-grid-note">`, so those two names stay in `government.html` and `government.css` gives them the shell's own voice (`.scroll__h` / `.scroll__lede` recipes). Do not "converge" them onto the shell names — the test reads the markup, not the render.
 - **Three pages threw a fact away, and the row now shows it.** A rank's `description` was collected by the create form and never rendered (it is the rank row's sub line); Watch fetched `/sessions/search?limit=5` and read only `totals` (the five rows are a ledger under the tally, in `#sessions-recent`); the box's `claude_active` was a suffix nobody scanned for (it is a fact on the row and a clause on the summary tile).
 - **Every Watch list is the kit ledger, and a list that pages delegates its actions.** `renderTable` and `<table class="watch">` are gone; nine lists ride `makeLedger`, the six that can grow with a `makePager` (the bar hides itself under one page). A row the kit re-renders on a page flip has no listener of its own, so reports, overrides and the roster wire ONE listener on the section (`delegate()`), guarded so a reload does not stack a second.

package/modules/hall-ui/records/profile-connections.md

@@ -8,3 +8,5 @@ The owner's call of 2026-09-25 (ADR 0337 D5.4) made the hub the home of connecti
 - **"Builders you may know" stays.** ADR 0337 D4.2 puts it on both sides and D5.4 moved only connections and their requests, so it keeps its place under the list, unchanged.
 - **Only the hub's own hall shows this tab.** The connections routes exist where `platform-identity` is on, which is the hub; a hosted project's hall never reveals the key. Giving hosted halls the cut needs a cross-site read and was left out on the owner's pick.
 - **Looked at:** before/after full-page renders of `/profile#connections` against the hall-preview harness (own profile re-keyed to the `--fixture-me` builder, hub origin filled as the hub stamps it), 1440 dark and light, 390 light; floors probed at 1440/390/320 in both modes: no page-level sideways scroll, the link 236x38, no target under 24px. No new CSS; `.conn-req__state` went with the outbox that was its only user.
+
+- **The incoming request is the ask card (task 1004827).** On another builder's profile, a request they sent you renders through `OTBAsk` ("Connect with @handle?" — Accept / Decline) with the same `data-act`/`data-id` the delegated handler reads; `profile.html` loads `hall-ask.js` + `hall-ask.css`, and the vm suite loads the real builder.

package/modules/hall-ui/records/profile-roles.md

@@ -4,7 +4,7 @@
 
 ## What the page says now
 
-- **The subtitle** under the h1 is the main craft's headline: "N works shipped" (engineer), "N pages approved" (artist), "N thoughts filed" (ideator).
+- **The main craft's headline** — "N works shipped" (engineer), "N pages approved" (artist), "N thoughts filed" (ideator) — leads the tally. It was also the subtitle under the h1 until task 1004827 removed the page's sub-line (no top block).
 - **The identity band** keeps the avatar, name, rank badge, handle, member-since and the "Answerable for" block unchanged. The "Preferred work:" line became **craft chips**, main role first ("Artist, main role"), then every other craft the server lists in `roles.shown`, which is a craft that has *earned* credits (the owner's 2026-09-30 rule; the server decides it, never this page).
 - **The tally** replaces the credits/karma column: the studio's corner tally carried onto the profile, the total first and then the two numbers the main craft leads with (engineer: works shipped, karma; artist: pages approved, this week; ideator: thoughts filed, ignited).
 - **By the numbers** is the main craft's set of tiles, then one headline tile per other shown craft. The artist adds the studio's "N of M tweaked" per surface underneath, on `OTBKit.barSeriesHtml` with this sheet only moving the three cells into the mock's layout (name and count on a line, the bar under them).

package/modules/hall-ui/records/reading-rooms.md

@@ -9,6 +9,6 @@
 
 Also gone, and the one rule in that list: **a page-local `:root` is forbidden both ways** (`roadmap.css` had the hall's only one) — the pack's `:root` is spliced at the end of `<head>` at (0,1,0), so a page's own `:root` neither wins reliably nor loses cleanly.
 
-**Two page-head voices, one per archetype, and that is the pick, not drift.** `.page-head--board` is quiet because a working surface's own name is the least interesting thing on it; `.page-head--room` is a lowercase display line over the ground with a one-word eyebrow, because in a reading room the document *is* the page. The roadmap deck takes the **board's** voice — it is a figure surface, not a document. The modifier carries the voice only; the room's WIDTH (`--room-max`, 1010px — past that a reading card is more empty ground than page) lives in `room.css`, so Ranks can take the voice without loading the archetype and never ends up with a 1010px head over 1120px cards.
+**Two page-head voices, one per archetype, and that is the pick, not drift.** `.page-head--board` is quiet because a working surface's own name is the least interesting thing on it; `.page-head--room` is a lowercase display line over the ground (its one-word eyebrow went in task 1004828 — no page shows its head since task 1004836), because in a reading room the document *is* the page. The roadmap deck takes the **board's** voice — it is a figure surface, not a document. The modifier carries the voice only; the room's WIDTH (`--room-max`, 1010px — past that a reading card is more empty ground than page) lives in `room.css`, so Ranks can take the voice without loading the archetype and never ends up with a 1010px head over 1120px cards.
 
 **The figures follow the theme ([task 1003639](https://cloudbongos.com/builders#/task/1003639)).** mermaid-cli renders one LIGHT figure per diagram at deploy, so on dark mode the canvas was a white plate on black. The fix is two CSS twins and one JS line, not a second render: `diagram-viewer.js` drops the `background-color: white` mermaid bakes into the SVG root, and in dark `diagram-viewer.css` turns the inline SVG with `filter: invert(1) hue-rotate(180deg)` (invert, then turn the hues back, so dark ink reads light and a purple edge stays purple). `room.css` turns the fallback PNG the same way, so a dark reader gets no white flash before the SVG arrives. A second, dark render per diagram was the alternative; it was not taken because it doubles the deploy's headless-Chrome work on a small host and needs the viewer to swap files on a theme switch, where CSS follows the switch for free. Measured on the rendered page, dark, at 137%: 16.1:1 on a node, 11.4:1 on an edge label, 18.8:1 on the note. `tests/hall_reading_world.mjs` §7b pins both twins and the JS line.