@bongos/core 1.24.55 → 1.24.57

package/docs/page-readings.json

@@ -12,7 +12,7 @@
       "surface": "builders",
       "title": "Studio",
       "states_read": ["pick","describe","make","waiting","result","result-own","failed","balance","balance-all","out"],
-      "files_hash": "30744ab6d81b279d",
+      "files_hash": "59bae8d59c4ef244",
       "reading_hash": "e381a3141dc6b9cb",
       "counts": {"lines":105,"placed":38,"shared":9,"unplaced":58},
       "omitted": {"data":15},
@@ -130,7 +130,7 @@
       "surface": "builders",
       "title": "Repo Atlas",
       "states_read": ["map","truth","detail","index","out"],
-      "files_hash": "2f05730a4fe395a5",
+      "files_hash": "383ff2c1143f8de3",
       "reading_hash": "94058beb635218ba",
       "counts": {"lines":24,"placed":11,"shared":9,"unplaced":4},
       "omitted": {"data":3},
@@ -147,7 +147,7 @@
         {"key":"L0009","section":"The map","text":"The map","placement":"placed","file":"modules/hall-ui/public/atlas.html","line":43,"string_id":"a02d386fbc13"},
         {"key":"L0010","section":"The map","text":"Context layer","placement":"placed","file":"modules/hall-ui/public/atlas.html","line":45,"string_id":"999e1955bb1c"},
         {"key":"L0011","section":"The map","text":"Module truth","placement":"placed","file":"modules/hall-ui/public/atlas.html","line":46,"string_id":"9af4b7a3a36f"},
-        {"key":"L0012","section":"The map","text":"The map has not been generated on this deploy yet.","placement":"placed","file":"modules/hall-ui/public/atlas.js","line":416,"string_id":"e1ce3766c6fe"},
+        {"key":"L0012","section":"The map","text":"The map has not been generated on this deploy yet.","placement":"placed","file":"modules/hall-ui/public/atlas.js","line":419,"string_id":"e1ce3766c6fe"},
         {"key":"L0013","section":"The map","text":"The map is being drawn.","placement":"placed","file":"modules/hall-ui/public/atlas.html","line":61,"string_id":"689a13ba5bd6"},
         {"key":"L0014","section":"The map","text":"It redraws itself each time code ships. Check back after the next deploy.","placement":"placed","file":"modules/hall-ui/public/atlas.html","line":61,"string_id":"2f920fe23b1f"},
         {"key":"L0015","section":"footer","text":"Sign out","placement":"shared","file":"modules/hall-ui/public/shell.js","line":533,"string_id":"1883ad7f07fc"},
@@ -279,7 +279,7 @@
       "surface": "builders",
       "title": "The city",
       "states_read": ["city","fullscreen","switched","focus","pins","living","card","card-ask"],
-      "files_hash": "0483812478b53385",
+      "files_hash": "761cde542c92b4e5",
       "reading_hash": "11234462e18a0037",
       "counts": {"lines":44,"placed":10,"shared":9,"unplaced":25},
       "omitted": {"data":18},
@@ -636,7 +636,7 @@
       "surface": "builders",
       "title": "The sky",
       "states_read": ["tour","sky","wells","ledger","full","full-back","out"],
-      "files_hash": "a907559340dfe218",
+      "files_hash": "c12fafe7a894d009",
       "reading_hash": "2ae796b3e72c6d26",
       "counts": {"lines":49,"placed":22,"shared":8,"unplaced":19},
       "omitted": {"data":8},
@@ -974,8 +974,8 @@
       "surface": "builders",
       "title": "Builders' Hall",
       "states_read": ["home","out","founding","genesis","decide","demo"],
-      "files_hash": "2f008792fe5d06bf",
-      "reading_hash": "7f5dcd2bdf7388a5",
+      "files_hash": "bc5ca534bc9785be",
+      "reading_hash": "425272d48d62ec92",
       "counts": {"lines":28,"placed":9,"shared":10,"unplaced":9},
       "omitted": {"data":4},
       "notes": ["founding: an action failed (page.focus: Timeout 6000ms exceeded.); read as it stood"],
@@ -999,15 +999,15 @@
         {"key":"L0017","section":"Needs your attention13","text":"Ideas awaiting triage","placement":"placed","file":"modules/hall-ui/public/builders.js","line":320,"string_id":"e181637c5a5e"},
         {"key":"L0018","section":"Needs your attention13","text":"Requires project {…} fix","placement":"unplaced"},
         {"key":"L0019","section":"footer","text":"Sign out","placement":"shared","file":"modules/hall-ui/public/shell.js","line":533,"string_id":"1883ad7f07fc"},
-        {"key":"L0020","section":"Needs your attention13","text":"core 1.24.51","placement":"unplaced"},
+        {"key":"L0020","section":"Needs your attention13","text":"core 1.24.53","placement":"unplaced"},
         {"key":"L0021","section":"Needs your attention13","text":"Skip","placement":"unplaced"},
-        {"key":"L0022","section":"Needs your attention13","text":"Built on","placement":"placed","file":"modules/hall-ui/public/welcome-boot.js","line":185,"string_id":"fef59346ffee"},
+        {"key":"L0022","section":"Needs your attention13","text":"Built on","placement":"placed","file":"modules/hall-ui/public/welcome-boot.js","line":181,"string_id":"fef59346ffee"},
         {"key":"L0023","section":"Needs your attention13","text":"cloudbongos.com","placement":"unplaced"},
-        {"key":"L0024","section":"Good morning, {…}","text":"Where do you want to start the day?","placement":"placed","file":"modules/hall-ui/public/welcome-boot.js","line":190,"string_id":"0ec8d133f878","state":"founding"},
-        {"key":"L0025","section":"Good morning, {…}","text":"Start with your role","placement":"placed","file":"modules/hall-ui/public/welcome-boot.js","line":192,"string_id":"58cef7963b6c","state":"founding"},
-        {"key":"L0026","section":"Good morning, {…}","text":"Pick today’s craft and go straight to its room.","placement":"placed","file":"modules/hall-ui/public/welcome-boot.js","line":192,"string_id":"100e4665514d","state":"founding"},
-        {"key":"L0027","section":"Good morning, {…}","text":"Your home page","placement":"placed","file":"modules/hall-ui/public/welcome-boot.js","line":193,"string_id":"2e6866532113","state":"founding"},
-        {"key":"L0028","section":"Good morning, {…}","text":"Your work, what needs you, and what shipped.","placement":"placed","file":"modules/hall-ui/public/welcome-boot.js","line":193,"string_id":"e8d92c773db0","state":"founding"}
+        {"key":"L0024","section":"Good morning, {…}","text":"Where do you want to start the day?","placement":"placed","file":"modules/hall-ui/public/welcome-boot.js","line":186,"string_id":"0ec8d133f878","state":"founding"},
+        {"key":"L0025","section":"Good morning, {…}","text":"Start with your role","placement":"placed","file":"modules/hall-ui/public/welcome-boot.js","line":188,"string_id":"58cef7963b6c","state":"founding"},
+        {"key":"L0026","section":"Good morning, {…}","text":"Pick today’s craft and go straight to its room.","placement":"placed","file":"modules/hall-ui/public/welcome-boot.js","line":188,"string_id":"100e4665514d","state":"founding"},
+        {"key":"L0027","section":"Good morning, {…}","text":"Your home page","placement":"placed","file":"modules/hall-ui/public/welcome-boot.js","line":189,"string_id":"2e6866532113","state":"founding"},
+        {"key":"L0028","section":"Good morning, {…}","text":"Your work, what needs you, and what shipped.","placement":"placed","file":"modules/hall-ui/public/welcome-boot.js","line":189,"string_id":"e8d92c773db0","state":"founding"}
       ]
     },
     {
@@ -2599,7 +2599,7 @@
       "surface": "builders",
       "title": "The street",
       "states_read": ["street","fullscreen","card","switched","focus","here","inside-rules","inside-disputes","inside-people","inside-planning","inside-automation","inside-review","inside-release","inside-treasury","floor","amend","district","desk","desk-facts","desk-quiet","desk-people-builders","desk-people-tier","desk-disputes","desk-automation-goals","desk-release-core","desk-rules","desk-rules-category","desk-planning-priorities","desk-planning-ideas","desk-planning-blockers","pins","pins-pager","living","deck","deck-treasury","sitting","object","voted","admission","settled","blocker","blocker-more","report","report-more","core","core-more","recheck","recheck-more","idea","idea-more","queue","queue-more","automation","automation-more"],
-      "files_hash": "75235fe4f627931e",
+      "files_hash": "b0825a67698a6133",
       "reading_hash": "8e9e3422f6b72884",
       "counts": {"lines":460,"placed":65,"shared":9,"unplaced":386},
       "omitted": {"data":433},
@@ -3072,7 +3072,7 @@
       "surface": "builders",
       "title": "Studio",
       "states_read": ["home","out","flow","flow-pick","status","words-offer","words-edit","reviews","full","full-back","approvals","approvals-before","approvals-phone","approvals-note","approved","sent-back","approvals-page"],
-      "files_hash": "9112880ccfde159f",
+      "files_hash": "123b87d23d62d9f0",
       "reading_hash": "99e3725589540c63",
       "counts": {"lines":51,"placed":27,"shared":9,"unplaced":15},
       "omitted": {"data":21},
@@ -3299,7 +3299,7 @@
       "surface": "builders",
       "title": "Your thinking",
       "states_read": ["tour","sky","list","simple","full-idea","full","full-list","full-back","out"],
-      "files_hash": "24cc60b6b22a94b8",
+      "files_hash": "d2d57052b0aa1b42",
       "reading_hash": "8113aa9e50ec5600",
       "counts": {"lines":49,"placed":22,"shared":8,"unplaced":19},
       "omitted": {"data":8},
@@ -3361,7 +3361,7 @@
       "surface": "builders",
       "title": "Tweak a page",
       "states_read": ["doc","typed","chrome","submitted","picking","out"],
-      "files_hash": "0d9f66e2ee466a4f",
+      "files_hash": "4ce43a078dc70592",
       "reading_hash": "711c540ebc7ef977",
       "counts": {"lines":23,"placed":15,"shared":1,"unplaced":7},
       "omitted": {"data":35},

package/modules/hall-ui/public/approval-queue.css

@@ -27,22 +27,22 @@
   --aq-glass-edge: rgba(255, 255, 255, .18);
   --aq-glass-rim: rgba(255, 255, 255, .22);
   --aq-ink: #ffffff;
-  --aq-ink-soft: #c0c0c0;
-  --aq-ink-faint: #a8a8a8;
+  --aq-ink-soft: rgba(255, 255, 255, .75);
+  --aq-ink-faint: rgba(255, 255, 255, .66);
   --aq-ink-dim: #8a8a90;
   --aq-well: rgba(0, 0, 0, .25);
   --aq-pill-on: rgba(255, 255, 255, .16);
   --aq-close: rgba(255, 255, 255, .08);
   --aq-ghost-edge: rgba(255, 255, 255, .24);
-  --aq-accent: #fb9569;
+  --aq-accent: var(--accent);
   --aq-on-accent: #000000;
-  --aq-link: #fcbfa4;
-  --aq-mark: rgba(251, 149, 105, .35);
-  --aq-paper: #edecee;
-  --aq-paper-ink: #17181a;
+  --aq-link: color-mix(in srgb, var(--accent) 55%, #ffffff);
+  --aq-mark: color-mix(in srgb, var(--accent) 35%, transparent);
+  --aq-paper: var(--bg);
+  --aq-paper-ink: var(--ink);
   --aq-rule: rgba(255, 255, 255, .12);
-  --aq-face: var(--font-body, Manrope, "Segoe UI", system-ui, sans-serif);
-  --aq-mono: var(--font-mono, "JetBrains Mono", ui-monospace, Consolas, monospace);
+  --aq-face: var(--font-body);
+  --aq-mono: var(--font-mono);
   /* the layer, the placement and the gutter are the shared .hall-scrim's
      (controls.css, task 1005085); only the artboard's tint is its own */
   background: var(--aq-scrim);

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

@@ -22,7 +22,11 @@
      purpose and are not the Fifteen Rule's business. Everything BELOW them is
      chrome, and chrome is the world's (task 1003307). */
   --ab-sun:#6366f1; --ab-sky:#0ea5e9; --ab-coral:#f43f5e; --ab-paper:#b3a284;
-  --ab-good:#10b981; --ab-core:#f59e0b; --ab-db:#ef4444; --ab-ghost:#94a3b8; --ab-danger:#dc2626;
+  --ab-ghost:#94a3b8;
+  /* the four STATE colours are the hall's status vocabulary (task 1005087), so a
+     clean module, the core, the database and a violation read as the hall's
+     ok / warn / danger everywhere, and atlas.js reads them off the page */
+  --ab-good:var(--ok); --ab-core:var(--warn); --ab-db:var(--danger); --ab-danger:var(--danger);
   /* theme-dependent, non-semantic scene values (read by atlas.js) */
   --ab-label-ink: var(--ink);
   --ab-label-halo: var(--bg-card);

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

@@ -20,14 +20,16 @@
 
   var TOKENS = {
     sun: '#6366f1', sky: '#0ea5e9', coral: '#f43f5e', paper: '#b3a284',
-    good: '#10b981', core: '#f59e0b', db: '#ef4444', ghost: '#94a3b8', danger: '#dc2626',
+    ghost: '#94a3b8',
+    // good / core / db / danger are the hall's status colours, read off the page by readTheme() (task 1005087)
+    good: '', core: '', db: '', danger: '',
   };
   var EDGE_STYLE = {
-    drill: { c: TOKENS.sky, w: 2.2, dash: 0 }, gov: { c: TOKENS.sun, w: 2, dash: 0 },
-    live: { c: TOKENS.coral, w: 2.4, dash: 0 }, drift: { c: TOKENS.danger, w: 2, dash: '5 5' },
-    clean: { c: TOKENS.good, w: 2.4, dash: 0 }, violation: { c: TOKENS.danger, w: 3, dash: '5 5' },
-    monolith: { c: TOKENS.db, w: 3, dash: 0 }, ghost: { c: TOKENS.ghost, w: 1.8, dash: '5 5' },
-    seam: { c: TOKENS.sun, w: 2, dash: 0 },
+    drill: { c: 'sky', w: 2.2, dash: 0 }, gov: { c: 'sun', w: 2, dash: 0 },
+    live: { c: 'coral', w: 2.4, dash: 0 }, drift: { c: 'danger', w: 2, dash: '5 5' },
+    clean: { c: 'good', w: 2.4, dash: 0 }, violation: { c: 'danger', w: 3, dash: '5 5' },
+    monolith: { c: 'db', w: 3, dash: 0 }, ghost: { c: 'ghost', w: 1.8, dash: '5 5' },
+    seam: { c: 'sun', w: 2, dash: 0 },
   };
   // The in-scene badge kinds map onto the shell's status pills in the HTML
   // detail (good → ok, the rest by name), so a badge reads the same on the
@@ -44,14 +46,15 @@
       var val = cs ? cs.getPropertyValue(name).trim() : '';
       return val || fallback;
     };
+    ['good', 'core', 'db', 'danger'].forEach(function (k) { TOKENS[k] = v('--ab-' + k, TOKENS.ghost); });
     THEME = {
       ambient: v('--ab-ambient', 'rgba(255,255,255,.5)'),
       glow: v('--ab-glow', '#c7cdf7'),
       badge: {
-        good: [v('--ab-b-good-bg', '#dcfce7'), v('--ab-b-good-fg', '#166534')],
-        warn: [v('--ab-b-warn-bg', '#fef3c7'), v('--ab-b-warn-fg', '#92400e')],
-        danger: [v('--ab-b-danger-bg', '#fee2e2'), v('--ab-b-danger-fg', '#991b1b')],
-        info: [v('--ab-b-info-bg', '#e0f2fe'), v('--ab-b-info-fg', '#075985')],
+        good: [v('--ab-b-good-bg', ''), v('--ab-b-good-fg', '')],
+        warn: [v('--ab-b-warn-bg', ''), v('--ab-b-warn-fg', '')],
+        danger: [v('--ab-b-danger-bg', ''), v('--ab-b-danger-fg', '')],
+        info: [v('--ab-b-info-bg', ''), v('--ab-b-info-fg', '')],
       },
       halo: v('--ab-label-halo', '#ffffff'),
     };
@@ -216,7 +219,7 @@
       var A = topCenter(na), B = topCenter(nb);
       var st = EDGE_STYLE[e.kind] || EDGE_STYLE.clean;
       var mid = { x: (A.x + B.x) / 2, y: (A.y + B.y) / 2 - Math.hypot(B.x - A.x, B.y - A.y) * 0.16 - 14 };
-      var path = el('path', { d: 'M' + r1(A.x) + ',' + r1(A.y) + ' Q' + r1(mid.x) + ',' + r1(mid.y) + ' ' + r1(B.x) + ',' + r1(B.y), stroke: st.c, 'stroke-width': st.w, 'stroke-linecap': 'round', fill: 'none', 'class': 'ab-edge' }, edgeLayer);
+      var path = el('path', { d: 'M' + r1(A.x) + ',' + r1(A.y) + ' Q' + r1(mid.x) + ',' + r1(mid.y) + ' ' + r1(B.x) + ',' + r1(B.y), stroke: TOKENS[st.c], 'stroke-width': st.w, 'stroke-linecap': 'round', fill: 'none', 'class': 'ab-edge' }, edgeLayer);
       if (st.dash) path.setAttribute('stroke-dasharray', st.dash);
       edgeEls.push({ el: path, a: e.a, b: e.b });
     });

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

@@ -55,18 +55,18 @@
   function isoTheme(mode) {
     if (mode === 'light') {
       return {
-        civic: { t: '#fbfafc', l: '#ecebee', r: '#d9d8dd', s: 'rgba(23,24,26,0.34)' },
-        work: { t: '#f4f3f6', l: '#e6e5e9', r: '#d4d3d8', s: 'rgba(23,24,26,0.24)' },
-        plinth: { t: '#efeef1', l: '#e2e1e5', r: '#cfced3', s: 'rgba(23,24,26,0.28)' },
-        roof: { t: '#e9e8ec', l: '#dddce1', r: '#cbcad0', s: 'rgba(23,24,26,0.34)' },
-        glass: { t: 'rgba(91,111,208,0.10)', l: 'rgba(91,111,208,0.14)', r: 'rgba(91,111,208,0.22)', s: 'rgba(60,80,180,0.50)' },
-        scaffold: { t: 'rgba(23,24,26,0.03)', l: 'rgba(23,24,26,0.02)', r: 'rgba(23,24,26,0.02)', s: 'rgba(23,24,26,0.45)', dash: '3 3' },
-        crate: { t: 'rgba(23,24,26,0.06)', l: 'rgba(23,24,26,0.04)', r: 'rgba(23,24,26,0.07)', s: 'rgba(23,24,26,0.55)', dash: '3 2' },
-        sign: { t: '#e2e1e5', l: '#e2e1e5', r: '#cfced3', s: 'rgba(23,24,26,0.45)' },
-        ground: 'rgba(23,24,26,0.025)', groundLine: 'rgba(23,24,26,0.10)', road: 'rgba(23,24,26,0.05)', lane: 'rgba(23,24,26,0.22)',
-        plaza: 'rgba(23,24,26,0.05)', plazaLine: 'rgba(23,24,26,0.16)', plot: 'rgba(23,24,26,0.035)', plotLine: 'rgba(23,24,26,0.14)', grid: 'rgba(23,24,26,0.06)',
-        detail: 'rgba(23,24,26,0.18)', wc: 'rgba(23,24,26,0.16)', wcLit: 'rgba(214,140,80,0.60)', door: '#cfced3', beacon: '#fb9569',
-        vacantFill: 'rgba(23,24,26,0.02)', vacantLine: 'rgba(23,24,26,0.45)', tree: 'rgba(91,111,208,0.22)', treeLine: 'rgba(60,80,180,0.45)',
+        civic: { t: 'var(--bg-card)', l: '#ecebee', r: '#d9d8dd', s: 'color-mix(in srgb, var(--ink) 34%, transparent)' },
+        work: { t: '#f4f3f6', l: '#e6e5e9', r: '#d4d3d8', s: 'color-mix(in srgb, var(--ink) 24%, transparent)' },
+        plinth: { t: '#efeef1', l: '#e2e1e5', r: '#cfced3', s: 'color-mix(in srgb, var(--ink) 28%, transparent)' },
+        roof: { t: '#e9e8ec', l: '#dddce1', r: '#cbcad0', s: 'color-mix(in srgb, var(--ink) 34%, transparent)' },
+        glass: { t: 'color-mix(in srgb, var(--sea) 10%, transparent)', l: 'color-mix(in srgb, var(--sea) 14%, transparent)', r: 'color-mix(in srgb, var(--sea) 22%, transparent)', s: 'rgba(60,80,180,0.50)' },
+        scaffold: { t: 'color-mix(in srgb, var(--ink) 3%, transparent)', l: 'color-mix(in srgb, var(--ink) 2%, transparent)', r: 'color-mix(in srgb, var(--ink) 2%, transparent)', s: 'color-mix(in srgb, var(--ink) 45%, transparent)', dash: '3 3' },
+        crate: { t: 'color-mix(in srgb, var(--ink) 6%, transparent)', l: 'color-mix(in srgb, var(--ink) 4%, transparent)', r: 'color-mix(in srgb, var(--ink) 7%, transparent)', s: 'color-mix(in srgb, var(--ink) 55%, transparent)', dash: '3 2' },
+        sign: { t: '#e2e1e5', l: '#e2e1e5', r: '#cfced3', s: 'color-mix(in srgb, var(--ink) 45%, transparent)' },
+        ground: 'color-mix(in srgb, var(--ink) 2.5%, transparent)', groundLine: 'color-mix(in srgb, var(--ink) 10%, transparent)', road: 'color-mix(in srgb, var(--ink) 5%, transparent)', lane: 'color-mix(in srgb, var(--ink) 22%, transparent)',
+        plaza: 'color-mix(in srgb, var(--ink) 5%, transparent)', plazaLine: 'color-mix(in srgb, var(--ink) 16%, transparent)', plot: 'color-mix(in srgb, var(--ink) 3.5%, transparent)', plotLine: 'color-mix(in srgb, var(--ink) 14%, transparent)', grid: 'color-mix(in srgb, var(--ink) 6%, transparent)',
+        detail: 'color-mix(in srgb, var(--ink) 18%, transparent)', wc: 'color-mix(in srgb, var(--ink) 16%, transparent)', wcLit: 'rgba(214,140,80,0.60)', door: '#cfced3', beacon: 'var(--accent)',
+        vacantFill: 'color-mix(in srgb, var(--ink) 2%, transparent)', vacantLine: 'color-mix(in srgb, var(--ink) 45%, transparent)', tree: 'color-mix(in srgb, var(--sea) 22%, transparent)', treeLine: 'rgba(60,80,180,0.45)',
       };
     }
     return {
@@ -81,7 +81,7 @@
       ground: 'rgba(255,255,255,0.012)', groundLine: 'rgba(255,255,255,0.05)', road: 'rgba(255,255,255,0.025)', lane: 'rgba(255,255,255,0.12)',
       plaza: 'rgba(255,255,255,0.045)', plazaLine: 'rgba(255,255,255,0.16)', plot: 'rgba(255,255,255,0.03)', plotLine: 'rgba(255,255,255,0.13)', grid: 'rgba(255,255,255,0.045)',
       detail: 'rgba(255,255,255,0.10)', wc: 'rgba(255,255,255,0.10)', wcLit: 'rgba(255,214,170,0.80)', door: '#050506', beacon: '#fff4e6',
-      vacantFill: 'rgba(255,255,255,0.02)', vacantLine: 'rgba(255,255,255,0.4)', tree: 'rgba(91,111,208,0.32)', treeLine: 'rgba(140,155,230,0.45)',
+      vacantFill: 'rgba(255,255,255,0.02)', vacantLine: 'rgba(255,255,255,0.4)', tree: 'color-mix(in srgb, var(--sea) 32%, transparent)', treeLine: 'rgba(140,155,230,0.45)',
     };
   }
 
@@ -154,7 +154,7 @@
 
   function isoLight(out, k, x, y, z, r) {
     const c = k.P(x, y, z);
-    push(out, ellipse(Math.round(c[0]), Math.round(c[1]), r * 2.6, r * 2.6), 'rgba(251,149,105,0.10)', 'none');
+    push(out, ellipse(Math.round(c[0]), Math.round(c[1]), r * 2.6, r * 2.6), 'color-mix(in srgb, var(--accent) 10%, transparent)', 'none');
     push(out, ellipse(Math.round(c[0]), Math.round(c[1]), r, r), k.I.beacon, 'none');
   }
 

package/modules/hall-ui/public/sky-draw.js

@@ -18,10 +18,12 @@
   const { $, TAU, reduce, NOW, hash, clamp, lerp, smooth, ease, short, ringR, taskAt, diameter, shown, seen, present, toScreen, toWorld, curve, pointOn, reveal, bandAt, cv } = SKY;
   const ctx = cv.getContext('2d');
 
-  const ACC = [251, 149, 105], CHART = [242, 210, 122];
+  // Filled from the stage's --accent / --chart by readPalette() before the first frame.
+  const ACC = [128, 128, 128], CHART = [128, 128, 128];
+  let FACE = 'system-ui, sans-serif', MONO = 'monospace';
   const rgba = (c, a) => `rgba(${c[0]},${c[1]},${c[2]},${a})`;
   // THE PALETTE (task 1004500). The template's white-on-void, read off the stage's
-  // --sky-*-rgb channels (thinking.css) so the light theme paints ink on paper.
+  // colour tokens (thinking.css; channels until task 1005087) so the light theme paints ink on paper.
   // The arrays are filled IN PLACE: SKY.ACC / SKY.CHART stay the same objects.
   // Re-read only when the theme flips (shell.js writes html[data-theme]).
   const INK = [255, 255, 255], VOID = [0, 0, 0], COLD = [20, 20, 24]; let TEMP = 1;
@@ -34,8 +36,24 @@
     const st = typeof document.querySelector === 'function' && document.querySelector('.sky-stage');
     if (!st || typeof getComputedStyle !== 'function') return;
     const cs = getComputedStyle(st); if (!cs || typeof cs.getPropertyValue !== 'function') return;
-    const fill = (name, into) => { const v = String(cs.getPropertyValue(name) || '').split(',').map((n) => Number(n.trim())); if (v.length === 3 && v.every((n) => Number.isFinite(n))) into.splice(0, 3, ...v); };
-    fill('--sky-ink-rgb', INK); fill('--sky-void-rgb', VOID); fill('--sky-cold-rgb', COLD); fill('--sky-accent-rgb', ACC); fill('--sky-chart-rgb', CHART);
+    // Each is a COLOUR token on the stage (thinking.css: the hall's own, task 1005087), resolved by
+    // letting the browser compute it on a probe: "rgb(r, g, b)" or, for a color-mix, "color(srgb r g b)".
+    const probe = typeof document.createElement === 'function' ? document.createElement('i') : null;
+    if (probe && probe.style) { probe.hidden = true; st.appendChild(probe); }
+    const fill = (name, into) => {
+      if (!probe || !probe.style) return;
+      probe.style.color = ''; probe.style.color = `var(${name})`;
+      const c = String(getComputedStyle(probe).color || '');
+      let v = null; let m = c.match(/^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)/);
+      if (m) v = [+m[1], +m[2], +m[3]];
+      else if ((m = c.match(/^color\(srgb\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)/))) v = [+m[1], +m[2], +m[3]].map((n) => Math.round(n * 255));
+      if (v && v.every((n) => Number.isFinite(n))) into.splice(0, 3, ...v);
+    };
+    // the canvas's two faces are the pack's stacks too (task 1005087)
+    const face = String(cs.getPropertyValue('--font-body') || '').trim(); if (face) FACE = face;
+    const mono = String(cs.getPropertyValue('--font-mono') || '').trim(); if (mono) MONO = mono;
+    fill('--ink', INK); fill('--void', VOID); fill('--sky-cold', COLD); fill('--accent', ACC); fill('--chart', CHART);
+    if (probe && typeof probe.remove === 'function') probe.remove();
     const t = Number(String(cs.getPropertyValue('--sky-temp') || '').trim()); TEMP = Number.isFinite(t) && t > 0 ? t : 1;
   }
   const tone = (c) => (TEMP === 1 ? c : c.map((v) => Math.round(v * TEMP)));
@@ -216,7 +234,7 @@
     const collides = (r) => placed.some((p) => r.x0 < p.x1 && r.x1 > p.x0 && r.y0 < p.y1 && r.y1 > p.y0);
     for (const l of labels) {
       if (l.alpha != null && l.alpha < 0.5 && !l.hot) continue;
-      ctx.font = (l.big ? '300 15px' : l.small ? '400 11px' : '400 12px') + ' Manrope, "Segoe UI", system-ui, sans-serif';
+      ctx.font = (l.big ? '300 15px' : l.small ? '400 11px' : '400 12px') + ' ' + FACE;
       const text = l.text.length > 46 && !l.big ? l.text.slice(0, 44).trimEnd() + '…' : l.text;
       const w = ctx.measureText(text).width + 12, h = l.small ? 14 : 30;
       let y = l.y; let rect = { x0: l.x - w / 2, x1: l.x + w / 2, y0: y - h, y1: y };
@@ -224,7 +242,7 @@
       placed.push(rect);
       ctx.fillStyle = l.hot ? ink(.95) : l.small ? ink(.4) : ink(.6);
       ctx.fillText(text, l.x, y - (l.small ? 0 : 14));
-      if (!l.small && l.sub) { ctx.font = '400 10px "JetBrains Mono", monospace'; ctx.fillStyle = l.hot ? ink(.6) : ink(.3); ctx.fillText(l.sub.toUpperCase(), l.x, y); }
+      if (!l.small && l.sub) { ctx.font = '400 10px ' + MONO; ctx.fillStyle = l.hot ? ink(.6) : ink(.3); ctx.fillText(l.sub.toUpperCase(), l.x, y); }
     }
   }
 

package/modules/hall-ui/public/sky-interaction.js

@@ -31,7 +31,7 @@
     if (!h || h.kind === 'shuttle') { card.classList.remove('on'); card.setAttribute('aria-hidden', 'true'); return; }
     const { goalById } = S; let html = '';
     if (h.kind === 'idea') { const i = h.ref; const o = OBJ[i.st] || { noun: i.st, word: i.st }; const wellG = i.well && goalById.get(i.well); const r = reach(i).length; html = `<div class="k">${glyphHtml(i)}<span class="lbl${i.st === 'star' ? ' hot' : ''}">${o.noun} · ${o.word}${i.origin === 'claude' ? ' · filed by a session' : ''}</span></div><div class="t">${esc(i.title)}</div><div class="m">${i.shaped ? `<b>${i.shaped.kind === 'goal' ? 'became this goal' : 'became a ring'}</b> · ` : ''}${wellG ? `caught by <b>${esc(short(wellG.title))}</b>` : `open space · ${Math.round(i.age)} days adrift`} · ${esc(became(i))}${i.size && i.size.credits ? ` · size <b>${i.size.credits}</b>` : ''}${i.lit < 1 ? ` · <b>${Math.round(i.lit * 100)}%</b> alive` : ''}${r ? ' · its reach is drawn' : ''}</div>`; }
-    else if (h.kind === 'ring') { const c = h.ref; const g = h.goal; html = `<div class="k"><span class="mk well" style="${c.satisfied ? 'border-style:solid;border-color:rgba(var(--sky-ink-rgb),.7)' : ''}"></span><span class="lbl">ring ${h.index + 1} of ${g.crit.length} · ${c.satisfied ? 'closed' : 'open'}</span></div><div class="t">${esc(SKY.plain(c.text).slice(0, 180))}${SKY.plain(c.text).length > 180 ? '…' : ''}</div><div class="m">${c.tasks.length ? `<b>${c.tasks.length}</b> task${c.tasks.length === 1 ? '' : 's'} on this ring · <b>${c.credits}</b> credits` : 'no task gates it yet'}${c.uatLabel ? ` · ${esc(c.uatLabel)}` : (c.pendingReview && !c.uat ? ' · awaiting review' : '')}${c.backendOnly ? ' · backend-only' : ''}${c.bornOf ? ` · <b style="color:var(--accent)">born of a thought</b>: ${esc(ideaTitle(c.bornOf))}` : ''}</div>`; }
+    else if (h.kind === 'ring') { const c = h.ref; const g = h.goal; html = `<div class="k"><span class="mk well" style="${c.satisfied ? 'border-style:solid;border-color:color-mix(in srgb, var(--ink) 70%, transparent)' : ''}"></span><span class="lbl">ring ${h.index + 1} of ${g.crit.length} · ${c.satisfied ? 'closed' : 'open'}</span></div><div class="t">${esc(SKY.plain(c.text).slice(0, 180))}${SKY.plain(c.text).length > 180 ? '…' : ''}</div><div class="m">${c.tasks.length ? `<b>${c.tasks.length}</b> task${c.tasks.length === 1 ? '' : 's'} on this ring · <b>${c.credits}</b> credits` : 'no task gates it yet'}${c.uatLabel ? ` · ${esc(c.uatLabel)}` : (c.pendingReview && !c.uat ? ' · awaiting review' : '')}${c.backendOnly ? ' · backend-only' : ''}${c.bornOf ? ` · <b style="color:var(--accent)">born of a thought</b>: ${esc(ideaTitle(c.bornOf))}` : ''}</div>`; }
     else if (h.kind === 'goal') { const g = h.ref; if (!seen(g)) html = `<div class="k"><span class="mk unseen"></span><span class="lbl">unexplored</span></div><div class="t">Something is here.</div><div class="m">Follow a route from a goal you know to reach it — or turn explore off to see everything.</div>`; else { const met = g.crit.filter((c) => c.satisfied).length; const state = g.status === 'open' ? (g.live > 0 ? 'gravity well · alive' : 'gravity well') : g.status === 'achieved' ? 'settled system' : 'collapsed'; html = `<div class="k"><span class="mk ${g.status === 'open' ? (g.live > 0 ? 'alive' : 'well') : g.status === 'achieved' ? 'settled' : 'collapsed'}"></span><span class="lbl${g.live > 0 ? ' hot' : ''}">${state} · ${esc(g.band.label)}</span></div><div class="t">${esc(g.title)}</div><div class="m"><b>${g.taskDone}</b> of <b>${g.taskTotal}</b> tasks${g.credits ? ` · <b>${g.credits}</b> credits` : ''} · ${g.crit.length ? `<b>${met}</b> of <b>${g.crit.length}</b> rings closed` : 'no rings written'}${g.live > 0 ? ` · <b>${g.active}</b> held now, <b>${g.recent}</b> landed this week` : ''}${g.thoughts.filter(inLayer).length ? ` · <b>${g.thoughts.filter(inLayer).length}</b> of your thoughts` : ''}${g.bornOf ? ` · <b style="color:var(--accent)">born of a thought</b>` : ''}${edgesOf(g).length ? ` · <b>${edgesOf(g).length}</b> route${edgesOf(g).length === 1 ? '' : 's'}` : ''}</div>`; } }
     else if (h.kind === 'task' || h.kind === 'ltask') { const t = h.ref; const kin = t.goal && t.kin ? t.goal.tasks.filter((x) => x.kin === t.kin && x !== t).length : 0; html = `<div class="k"><span class="mk task${t.status === 'active' ? ' live' : ''}"></span><span class="lbl${t.status === 'active' ? ' hot' : ''}">task · ${esc(t.status)}</span></div><div class="t">${esc(t.title)}</div><div class="m">${t.credits != null ? `<b>${t.credits}</b> credits · ` : ''}${t.ci >= 0 ? `ring ${t.ci + 1}` : 'outer orbit'}${t.sourceRef ? ' · born of a thought' : ''}${kin ? ` · lines up with <b>${kin}</b> kin` : ''}${t.drift ? ' · in motion' : ''}</div>`; }
     else if (h.kind === 'stub') { const e = h.edge; const waits = e.a === h.goal; html = `<div class="k"><span class="mk route"></span><span class="lbl chart">route · ${waits ? 'waits on' : 'waited on by'}</span></div><div class="t">${seen(h.other) ? esc(h.other.title) : 'an unexplored goal'}</div><div class="m"><b>${e.count}</b> task dependenc${e.count === 1 ? 'y' : 'ies'} · click to chart it · double-click to chart every route from here</div>`; }

package/modules/hall-ui/public/sky-panel.js

@@ -39,7 +39,7 @@
         ${rch.length ? fact('lives on in', rch.map((g) => `<a href="#" data-goal="${esc(g.id)}">${esc(short(g.title))}</a>`).join(', ')) : ''}
         ${fact('size — credits', i.size ? `${i.size.credits}${i.size.historical ? ' <span class="lbl">hist.</span>' : ''}` : 'unknown', true)}
         ${i.size ? fact('of which', esc(sizeWords(i))) : ''}
-        ${bright ? fact('brightness — still alive', `<span class="bar" style="width:${Math.max(4, Math.round(i.lit * 70))}px;${i.lit > 0 ? '' : 'background:rgba(var(--sky-ink-rgb),.2)'}"></span>${esc(bright)}`) : ''}
+        ${bright ? fact('brightness — still alive', `<span class="bar" style="width:${Math.max(4, Math.round(i.lit * 70))}px;${i.lit > 0 ? '' : 'background:color-mix(in srgb, var(--ink) 20%, transparent)'}"></span>${esc(bright)}`) : ''}
         ${pos ? fact('position', esc(pos)) : ''}
         ${fact('filed', esc(fmtDate(i.capturedAt)) + (i.kind ? ` · ${esc(i.kind)}` : '') + (i.grade === 'full' ? ' · full idea' : '') + ' · ' + esc(SKY.viaWord(i.filedVia)) + (i.origin === 'claude' ? ' · by a session, under your name' : ''))}
       </div>

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

@@ -43,8 +43,8 @@ body[data-page="studio"] {
   --st-tower-3: #080a14;
   --st-floor: #0d0d12;
   --st-floor-edge: rgba(255, 255, 255, .06);
-  --st-glow: rgba(251, 149, 105, .22);
-  --st-glow-out: rgba(251, 149, 105, 0);
+  --st-glow: color-mix(in srgb, var(--accent) 22%, transparent);
+  --st-glow-out: color-mix(in srgb, var(--accent) 0%, transparent);
   --st-stem: #1c1c24;
   --st-shade: #22222b;
   --st-mug: #1a1a22;
@@ -52,23 +52,23 @@ body[data-page="studio"] {
   --st-leaf-2: #173022;
   --st-ink: #ffffff;
   --st-ink-sub: #c9c9ce;
-  --st-ink-soft: #c0c0c0;
-  --st-ink-faint: #a8a8a8;
+  --st-ink-soft: rgba(255, 255, 255, .75);
+  --st-ink-faint: rgba(255, 255, 255, .66);
   --st-ink-dim: #8a8a90;
   --st-ink-hint: #85858c;
   --st-glass: rgba(255, 255, 255, .06);
   --st-glass-edge: rgba(255, 255, 255, .14);
   --st-rule: rgba(255, 255, 255, .16);
-  --st-accent: #fb9569;
+  --st-accent: var(--accent);
   --st-on-accent: #000000;
-  --st-link: #fcbfa4;
-  --st-pane: #fb9569;
-  --st-credits: #fb9569;
-  --st-focus: #fb9569;
-  --st-resume: rgba(251, 149, 105, .16);
-  --st-resume-edge: rgba(251, 149, 105, .55);
+  --st-link: color-mix(in srgb, var(--accent) 55%, #ffffff);
+  --st-pane: var(--accent);
+  --st-credits: var(--accent);
+  --st-focus: var(--accent);
+  --st-resume: color-mix(in srgb, var(--accent) 16%, transparent);
+  --st-resume-edge: color-mix(in srgb, var(--accent) 55%, transparent);
   --st-word-hover: rgba(255, 255, 255, .28);
-  --st-word-ring: rgba(251, 149, 105, .45);
+  --st-word-ring: color-mix(in srgb, var(--accent) 45%, transparent);
   --st-scrim: rgba(4, 5, 9, .94);
   --st-panel: rgba(255, 255, 255, .075);
   --st-panel-edge: rgba(255, 255, 255, .18);
@@ -77,8 +77,8 @@ body[data-page="studio"] {
   --st-chip-edge: rgba(255, 255, 255, .16);
   --st-track: rgba(255, 255, 255, .1);
   --st-danger: #ff9b8a;
-  --st-face: var(--font-body, Manrope, "Segoe UI", system-ui, sans-serif);
-  --st-mono: var(--font-mono, "JetBrains Mono", ui-monospace, Consolas, monospace);
+  --st-face: var(--font-body);
+  --st-mono: var(--font-mono);
 }
 
 /* The day room: the mockup's [data-sky="day"] tokens, on the same names. Three
@@ -115,20 +115,20 @@ body[data-page="studio"][data-sky="day"] {
   --st-glass: rgba(255, 255, 255, .52);
   --st-glass-edge: rgba(60, 40, 20, .16);
   --st-rule: rgba(60, 40, 20, .14);
-  --st-link: #96410f;
-  --st-credits: #96410f;
-  --st-focus: #96410f;
-  --st-resume: rgba(251, 149, 105, .22);
-  --st-resume-edge: rgba(190, 85, 35, .6);
+  --st-link: var(--accent-deep);
+  --st-credits: var(--accent-deep);
+  --st-focus: var(--accent-deep);
+  --st-resume: color-mix(in srgb, var(--accent) 22%, transparent);
+  --st-resume-edge: color-mix(in srgb, var(--accent-deep) 60%, transparent);
   --st-word-hover: rgba(60, 40, 20, .28);
-  --st-word-ring: rgba(190, 85, 35, .6);
+  --st-word-ring: color-mix(in srgb, var(--accent-deep) 60%, transparent);
   --st-panel: rgba(255, 255, 255, .75);
   --st-panel-edge: rgba(60, 40, 20, .16);
   --st-panel-rim: rgba(255, 255, 255, .9);
   --st-close: rgba(60, 40, 20, .08);
   --st-chip-edge: rgba(60, 40, 20, .2);
   --st-track: rgba(60, 40, 20, .12);
-  --st-danger: #bb1f1f;
+  --st-danger: var(--danger);
 }
 /* The panels' scrim is the day wall's own tint, whatever the hall's theme, set
    on the overlay so it outranks the theme's .42 and the phone's .88. */
@@ -156,7 +156,7 @@ body[data-page="studio"][data-sky="day"] .aq-overlay {
   --aq-pill-on: rgba(255, 255, 255, .9);
   --aq-close: rgba(60, 40, 20, .08);
   --aq-ghost-edge: rgba(60, 40, 20, .3);
-  --aq-link: #96410f;
+  --aq-link: var(--accent-deep);
   --aq-rule: rgba(60, 40, 20, .12);
 }
 body[data-page="studio"][data-sky="day"] .aq-overlay :focus-visible { outline-color: var(--st-focus); }