@bongos/core 1.20.76 → 1.20.78

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

@@ -406,22 +406,17 @@
   // OTBKit's server-offset pager mode — the kit's own mode, added by this task,
   // rather than an eleventh hand-rolled pager (hall-ui/CLAUDE.md's hard rule).
 
-  // The craft tabs. 'all' leads because most tasks in the corpus carry
-  // discipline='unclassified': a page that only offered the four named crafts
-  // would hide the majority of a person's record and read as "you did less than
-  // you did". The four named crafts match the Goals page's Craft filter
-  // (goals-page.js f-goal-role) so the two surfaces speak one vocabulary.
-  const CRAFT_TABS = [
-    { id: 'all', label: 'All', role: null },
-    { id: 'engineer', label: 'Engineer', role: 'engineer' },
-    { id: 'artist', label: 'Artist', role: 'artist' },
-    { id: 'ideator', label: 'Ideator', role: 'ideator' },
-    { id: 'ui', label: 'UI', role: 'ui' },
-  ];
-  // Filing an idea is ideator work whatever craft the resulting task turned out
-  // to be, so the trail belongs to the ideator view — and to 'all', which is the
-  // whole record by definition. It is not a per-craft slice of the ideas.
-  const TRAIL_TABS = new Set(['all', 'ideator']);
+  // The role tabs (task 1004435, the approved mock): one per role the person
+  // HAS — their main role and every other role that has earned credits, the
+  // same `roles.shown` the header's chips read. Each tab is that craft's own
+  // record, never "tasks that happen to carry its label":
+  //   engineer  the works they completed and the goals they created, every
+  //             craft of task included (most of the corpus is 'unclassified',
+  //             and a filter to 'engineer' would read as "you did less")
+  //   artist    the pages they rewrote in Tweak Mode that were approved
+  //   ideator   the room's public trail: every thought they filed, in the sky's
+  //             five states, drawn and listed (the old idea trail, folded in)
+  const ROLE_TAB_WORD = { engineer: 'Engineer', artist: 'Artist', ideator: 'Ideator' };
 
   // Every href below goes through BOTH encodings, and it needs both: the ids are
   // DB integers today, but encodeURIComponent leaves a literal `'` alone, so on
@@ -586,10 +581,12 @@
   // not rebuild the DOM (which would drop the reader's per-page preference).
   let activity = null;
 
-  function buildActivity(builderId) {
+  // `view` is the person as the header reads them (task 1004435): their name,
+  // their main role, the roles to give a tab and the count beside each.
+  function buildActivity(builderId, view = {}) {
     const kit = window.OTBKit;
     if (!kit) return null;
-    let role = null;
+    const { name: ownerName, main: mainRole, roles: roleTabs, counts: roleCounts } = view;
 
     const tasks = makeActivityList({
       mountId: 'activity-tasks',
@@ -603,7 +600,7 @@
       emptyMsg: `No completed works in this ${window.OTB.roleAxisLabel().toLowerCase()}.`,
       fetchPage: async (offset, limit) => {
         const res = await api.request('GET', `${API}/builders/${encodeURIComponent(builderId)}/activity`
-          + `?section=tasks&limit=${limit}&offset=${offset}${role ? `&role=${encodeURIComponent(role)}` : ''}`);
+          + `?section=tasks&limit=${limit}&offset=${offset}`);
         if (!res.ok) throw new Error(`activity tasks → ${res.status}`);
         return { rows: res.data.rows || [], total: Number(res.data.total) || 0 };
       },
@@ -633,7 +630,7 @@
       emptyMsg: `No goals created in this ${window.OTB.roleAxisLabel().toLowerCase()}.`,
       fetchPage: async (offset, limit) => {
         const res = await api.request('GET', `${API}/builders/${encodeURIComponent(builderId)}/activity`
-          + `?section=goals&limit=${limit}&offset=${offset}${role ? `&role=${encodeURIComponent(role)}` : ''}`);
+          + `?section=goals&limit=${limit}&offset=${offset}`);
         if (!res.ok) throw new Error(`activity goals → ${res.status}`);
         return { rows: res.data.rows || [], total: Number(res.data.total) || 0 };
       },
@@ -654,83 +651,179 @@
       },
     });
 
-    const ideas = makeActivityList({
-      mountId: 'activity-ideas',
-      storageKey: 'otb.profile.activityIdeasPerPage',
-      columns: [
-        { label: '#', class: 'ledger__num' },
-        'Idea',
-        'What became of it',
-        { label: 'Filed', class: 'ledger__date' },
-      ],
-      emptyMsg: 'No ideas filed yet.',
-      fetchPage: async (offset, limit) => {
-        const res = await api.request('GET', `${API}/inbox/by-builder/${encodeURIComponent(builderId)}`
-          + `?limit=${limit}&offset=${offset}`);
+    // ---- the ideator: the room's public trail (task 1004435) ----------------
+    // ONE read of up to the route's cap, drawn whole and listed under the
+    // drawing, so every mark has its row and every row its mark (the sky's
+    // accessibility rule). The ledger pages that list in the browser; past the
+    // cap the foot says how many the drawing leaves out.
+    const crafts = window.OTBProfileCrafts;
+    const TRAIL_CAP = 100;
+    let trailRows = [];
+    const trailPager = kit.makePager('activity-ideas', 'otb.profile.trailPerPage', { defaultPerPage: 10, minPerPage: 10 });
+    const trailLedger = crafts && $('#activity-ideas') ? kit.makeLedger({
+      mount: $('#activity-ideas'),
+      columns: ['Thought', 'State', { label: 'Size', class: 'ledger__r' }, { label: 'Still alive', class: 'ledger__r' }, 'What became of it'],
+      emptyMsg: 'No thoughts filed yet.',
+      pager: trailPager,
+      rowHtml: (row) => crafts.thoughtRowHtml(row, trailRows.indexOf(row), { outcomeHtml: ideaOutcomeHtml, ideaHref }),
+    }) : null;
+    let trailLoaded = false;
+    async function loadTrail() {
+      if (!crafts || !trailLedger || trailLoaded) return;
+      trailLoaded = true;
+      const first = String(ownerName || 'This builder').split(' ')[0];
+      const lede = $('#trail-lede');
+      if (lede) lede.textContent = crafts.thoughtsLede(first, mainRole === 'ideator');
+      try {
+        const res = await api.request('GET', `${API}/inbox/by-builder/${encodeURIComponent(builderId)}?limit=${TRAIL_CAP}&offset=0`);
         if (!res.ok) throw new Error(`idea trail → ${res.status}`);
-        return { rows: res.data.ideas || [], total: Number(res.data.total) || 0 };
-      },
-      rowHtml: (i) => `<tr>
-          <td class="ledger__num">#${escapeHtml(String(i.id))}</td>
-          <td><a href="${ideaHref(i.id)}">${escapeHtml(i.title || `Idea ${i.id}`)}</a></td>
-          <td>${ideaOutcomeHtml(i)}</td>
-          <td class="ledger__date">${fmtDate(i.captured_at)}</td>
-        </tr>`,
+        trailRows = res.data.ideas || [];
+        const total = Number(res.data.total) || trailRows.length;
+        const fig = $('#trail-figure');
+        if (fig) {
+          fig.innerHTML = crafts.trailSvgHtml(trailRows, { width: fig.clientWidth || 860, height: matchMedia('(max-width: 640px)').matches ? 190 : 230 });
+          fig.hidden = !trailRows.length;
+        }
+        const legend = $('#trail-legend');
+        if (legend) legend.innerHTML = trailRows.length ? crafts.legendHtml() : '';
+        trailLedger.render(trailRows);
+        const foot = $('#trail-foot');
+        if (foot) {
+          const parts = [];
+          if (total > trailRows.length) parts.push(`The newest ${trailRows.length} of ${total} thoughts are drawn here.`);
+          if (trailRows.some((r) => r.size && r.size.historical === true && Number(r.size.estimated) > 0)) parts.push('~ marks a size that includes a historical estimate.');
+          foot.textContent = parts.join(' ');
+          foot.hidden = !parts.length;
+        }
+      } catch (err) {
+        trailLoaded = false;
+        console.error('[profile] idea trail failed', err);
+        trailLedger.render([]);
+      }
+    }
+    // Hovering or focusing a mark lights its row, and a row its mark: one
+    // listener per mount, read off data-i, so a re-render needs no re-wiring.
+    function hot(i) {
+      document.querySelectorAll('#trail-figure .pt-m').forEach((m) => m.classList.toggle('is-hot', m.getAttribute('data-i') === String(i)));
+      document.querySelectorAll('#activity-ideas tr[data-i]').forEach((r) => r.classList.toggle('is-hot', r.getAttribute('data-i') === String(i)));
+    }
+    const hotFrom = (e) => { const el = e.target.closest && e.target.closest('[data-i]'); hot(el ? el.getAttribute('data-i') : -1); };
+    ['#trail-figure', '#activity-ideas'].forEach((sel) => {
+      const el = $(sel);
+      if (!el) return;
+      el.addEventListener('mouseover', hotFrom);
+      el.addEventListener('focusin', hotFrom);
+      el.addEventListener('mouseleave', () => hot(-1));
     });
+    const fig = $('#trail-figure');
+    if (fig) {
+      fig.addEventListener('click', (e) => {
+        const m = e.target.closest && e.target.closest('.pt-m[data-i]');
+        const row = m && document.getElementById(`pt-row-${m.getAttribute('data-i')}`);
+        if (row) row.focus();
+      });
+    }
 
-    // NO `panel` PER TAB, and that is deliberate. makeTabs toggles [hidden] on
-    // one panel PER TAB; here every craft shows the same three ledgers with
-    // different rows, so pointing all five tabs at one element would make the
-    // last tab's `hidden = (id !== 'ui')` win and blank the section. Omitting
-    // `panel` makes the toggle a no-op ($id(undefined) is null) and leaves this
-    // file owning what a craft change means: a re-fetch, not a panel swap.
+    // ---- the artist: approved pages (task 1004435) ---------------------------
+    // A few at a time, newest first, each with its first changed line before and
+    // after and, when the round has them, its approval renders.
+    const PAGES_STEP = 4;
+    let pagesShown = 0;
+    let pagesHtml = '';
+    let pagesTotal = 0;
+    async function visualsFor(taskId) {
+      try {
+        const res = await api.request('GET', `${API}/tasks/${encodeURIComponent(taskId)}/visuals`);
+        if (!res.ok) return null;
+        const by = {};
+        for (const s of (res.data && res.data.slots) || []) if (s && s.slot) by[s.slot] = s;
+        return by;
+      } catch { return null; }
+    }
+    async function loadPages(more) {
+      const list = $('#activity-pages');
+      if (!crafts || !list) return;
+      if (!more) { pagesShown = 0; pagesHtml = ''; list.innerHTML = ''; }
+      const first = String(ownerName || 'This builder').split(' ')[0];
+      try {
+        const res = await api.request('GET', `${API}/copy-desk/artists/${encodeURIComponent(builderId)}/pages?limit=${PAGES_STEP}&offset=${pagesShown}`);
+        if (!res.ok) throw new Error(`artist pages → ${res.status}`);
+        const rows = res.data.rows || [];
+        pagesTotal = Number(res.data.total) || 0;
+        const vis = await Promise.all(rows.map((p) => visualsFor(p.task_id)));
+        const thumb = window.OTBVisual ? window.OTBVisual.shipVisualThumbHtml : null;
+        pagesHtml += rows.map((p, k) => crafts.pageRowHtml(p, { visuals: vis[k], thumb })).join('');
+        list.innerHTML = pagesHtml;
+        pagesShown += rows.length;
+        const lede = $('#pages-lede');
+        if (lede) lede.textContent = crafts.pagesLede(first, pagesTotal);
+      } catch (err) {
+        console.error('[profile] artist pages failed', err);
+        const lede = $('#pages-lede');
+        if (lede && !pagesShown) lede.textContent = 'The approved pages could not be read just now.';
+      }
+      const moreEl = $('#pages-more');
+      if (moreEl) {
+        const left = pagesTotal - pagesShown;
+        moreEl.innerHTML = left > 0
+          ? `<p class="pt-foot">Showing ${pagesShown} of ${pagesTotal}. <button type="button" class="btn-ghost" id="pages-more-btn">Show ${Math.min(PAGES_STEP, left)} more</button></p>`
+          : '';
+        const btn = $('#pages-more-btn');
+        if (btn) btn.addEventListener('click', () => loadPages(true), { once: true });
+      }
+    }
+
+    // ---- the tabs ---------------------------------------------------------------
+    // One panel per role tab, so makeTabs' own panel toggle does the showing; a
+    // tab's record loads the first time it is opened.
+    const shownRoles = (roleTabs && roleTabs.length ? roleTabs : ['engineer']).filter((c) => ROLE_TAB_WORD[c]);
+    const loaded = new Set();
+    function load(id) {
+      if (id === 'engineer') {
+        [tasks, goals].forEach((l) => { if (l) { l.reset(); l.load(); } });
+      } else if (id === 'ideator') {
+        loadTrail();
+      } else if (id === 'artist' && !loaded.has(id)) {
+        loadPages(false);
+      }
+      loaded.add(id);
+    }
     const tabs = kit.makeTabs({
       mount: $('#activity-tabs'),
-      tabs: CRAFT_TABS.map((t) => ({ id: t.id, label: t.label })),
-      onChange: (id) => {
-        const tab = CRAFT_TABS.find((t) => t.id === id) || CRAFT_TABS[0];
-        role = tab.role;
-        show(id);
-      },
+      tabs: shownRoles.map((c) => ({ id: c, label: ROLE_TAB_WORD[c], panel: `activity-${c}-panel` })),
+      onChange: (id) => load(id),
     });
-
-    function show(tabId) {
-      const trail = TRAIL_TABS.has(tabId);
-      const ideasPanel = $('#activity-ideas-panel');
-      if (ideasPanel) ideasPanel.hidden = !trail;
-      [tasks, goals].forEach((l) => { if (l) { l.reset(); l.load(); } });
-      if (trail && ideas) { ideas.reset(); ideas.load(); }
-    }
+    // The count beside each tab: the same numbers the header leads with.
+    for (const c of shownRoles) if (roleCounts && roleCounts[c] != null) tabs.setCount(c, roleCounts[c]);
 
     // makeTabs activates its initial tab during construction, which already ran
-    // onChange → show(). So the caller must NOT kick it again on first build.
-    return { show, active: () => tabs.active() || 'all' };
+    // onChange → load(). So the caller must NOT kick it again on first build.
+    return { show: (id) => load(id), active: () => tabs.active() || shownRoles[0] };
   }
 
-  function renderActivity(builderId, signedIn) {
+  function renderActivity(builderId, signedIn, view) {
     const section = $('#activity-scroll');
     const placeholder = $('#activity-placeholder');
     if (!section) return;
+    const PANELS = ['activity-engineer-panel', 'activity-artist-panel', 'activity-ideator-panel'];
     if (!signedIn) {
-      // The public portfolio above stays public; this one section says plainly
-      // why it is not, rather than rendering an empty log that reads as "this
-      // person did nothing".
+      // Owner decision (a), 2026-09-30: "no one should be able to open up the
+      // hood of data without being signed in." The identity band, the tally and
+      // By the numbers stay public; every role's record says so instead.
+      const first = String((view && view.name) || 'This builder').split(' ')[0];
       if (placeholder) {
         placeholder.hidden = false;
-        placeholder.innerHTML = `Idea trails and goals are visible to signed-in builders — `
-          + `<a href="${API}/auth/web/start">sign in</a> to see this builder's activity.`;
+        placeholder.innerHTML = `${escapeHtml(first)}'s activity is visible to signed-in builders of this project — `
+          + `<a href="${API}/auth/web/start">sign in</a> to see it.`;
       }
-      ['activity-tasks-panel', 'activity-goals-panel', 'activity-ideas-panel']
-        .forEach((id) => { const el = $(`#${id}`); if (el) el.hidden = true; });
+      PANELS.forEach((id) => { const el = $(`#${id}`); if (el) el.hidden = true; });
       const tabsMount = $('#activity-tabs');
       if (tabsMount) tabsMount.innerHTML = '';
       return;
     }
     if (placeholder) { placeholder.hidden = true; placeholder.innerHTML = ''; }
-    ['activity-tasks-panel', 'activity-goals-panel']
-      .forEach((id) => { const el = $(`#${id}`); if (el) el.hidden = false; });
     if (!activity) {
-      activity = buildActivity(builderId);   // its makeTabs already loaded page 1
+      activity = buildActivity(builderId, view);   // its makeTabs already loaded the first tab
       return;
     }
     activity.show(activity.active());
@@ -831,7 +924,19 @@
     buildWorksLedger(builder.id, selfId != null, data.recent_ships);
     // The activity log needs a session (private goals + the idea trail), so it
     // keys off whether /me resolved — the same signal the self-detect uses.
-    renderActivity(builder.id, selfId != null);
+    // The Activity tabs are the header's roles (task 1004435): one per role
+    // shown, each counted by the number its craft leads with.
+    const r = data.roles || {};
+    renderActivity(builder.id, selfId != null, {
+      name: builder.display_name || builder.github_login || 'This builder',
+      main: view.crafts[0].craft,
+      roles: view.crafts.map((c) => c.craft),
+      counts: {
+        engineer: Number(data.shipped_count) || 0,
+        artist: r.artist && Number.isFinite(r.artist.pages_approved) ? r.artist.pages_approved : null,
+        ideator: r.ideator && Number.isFinite(r.ideator.filed) ? r.ideator.filed : null,
+      },
+    });
     // Connections (section 6, task 1002296) — a separate hub-only script that
     // reveals its own section or leaves it hidden. Optional by design: a page
     // that does not load it simply has no connections section.

package/modules/hall-ui/public/profile.states.json

@@ -73,6 +73,40 @@
         ]
       }
     },
+    "activity-artist": {
+      "_": "The artist's Activity tab (task 1004435): approved pages, each with its before/after. Fixtures builders__2001__profile + copy-desk__artists__2001__pages.",
+      "auth": true,
+      "url": "/profile?id=2001#activity",
+      "actions": [
+        [
+          "wait",
+          1500
+        ]
+      ],
+      "expect": {
+        "visible": [
+          "#activity-tabs",
+          "#activity-pages"
+        ]
+      }
+    },
+    "activity-ideator": {
+      "_": "The ideator's Activity tab (task 1004435): the room's public trail, every mark also a row. Fixtures builders__2002__profile + inbox__by-builder__2002.",
+      "auth": true,
+      "url": "/profile?id=2002#activity",
+      "actions": [
+        [
+          "wait",
+          1500
+        ]
+      ],
+      "expect": {
+        "visible": [
+          "#activity-tabs",
+          "#trail-figure"
+        ]
+      }
+    },
     "other": {
       "auth": true,
       "url": "/profile?id=1000025",

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

@@ -20,6 +20,31 @@
 
   const ACC = [251, 149, 105], CHART = [242, 210, 122];
   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.
+  // 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;
+  // ink(a) is called per mark per frame, so each alpha's string is built once per palette.
+  const inkCache = new Map();
+  const ink = (a) => { let s = inkCache.get(a); if (!s) { s = rgba(INK, a); inkCache.set(a, s); } return s; };
+  let paletteStale = true;
+  function readPalette() {
+    paletteStale = false; inkCache.clear();
+    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);
+    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)));
+  {
+    const stale = () => { paletteStale = true; S.dirty = true; };
+    if (typeof MutationObserver === 'function' && document.documentElement) new MutationObserver(stale).observe(document.documentElement, { attributes: true, attributeFilter: ['data-theme'] });
+    const mq = typeof window.matchMedia === 'function' && window.matchMedia('(prefers-color-scheme: dark)');
+    if (mq && typeof mq.addEventListener === 'function') mq.addEventListener('change', stale);
+  }
   function goalAlpha(g, now) {
     if (!present(g)) return 0;
     let a = 1;
@@ -31,7 +56,7 @@
   function shuttle(x, y, ang, s, glow) {
     ctx.save(); ctx.translate(x, y); ctx.rotate(ang);
     if (glow) { ctx.shadowColor = rgba(CHART, .7); ctx.shadowBlur = 10; }
-    ctx.fillStyle = glow ? '#fff' : 'rgba(255,255,255,.85)'; ctx.strokeStyle = glow ? rgba(CHART, 1) : 'rgba(255,255,255,.5)'; ctx.lineWidth = 1;
+    ctx.fillStyle = glow ? ink(1) : ink(.85); ctx.strokeStyle = glow ? rgba(CHART, 1) : ink(.5); ctx.lineWidth = 1;
     ctx.beginPath(); ctx.moveTo(8 * s, 0); ctx.lineTo(2 * s, -2.2 * s); ctx.lineTo(-3 * s, -2.2 * s); ctx.lineTo(-5 * s, -6 * s); ctx.lineTo(-7 * s, -6 * s); ctx.lineTo(-6 * s, -1.6 * s); ctx.lineTo(-7 * s, 0); ctx.lineTo(-6 * s, 1.6 * s); ctx.lineTo(-7 * s, 6 * s); ctx.lineTo(-5 * s, 6 * s); ctx.lineTo(-3 * s, 2.2 * s); ctx.lineTo(2 * s, 2.2 * s); ctx.closePath(); ctx.fill(); ctx.stroke();
     ctx.restore();
   }
@@ -40,7 +65,8 @@
     const { W, H, DPR, cam, lens, hover, picked, gravityGoal, tourSpot, charted, goals, edges, ideas, BANDS } = S;
     const tt = (now - S.t0) / 1000;
     ctx.setTransform(DPR, 0, 0, DPR, 0, 0);
-    ctx.fillStyle = '#000'; ctx.fillRect(0, 0, W, H);
+    if (paletteStale) readPalette();
+    ctx.fillStyle = rgba(VOID, 1); ctx.fillRect(0, 0, W, H);
     const k = cam.k;
     const visible = (x, y, r) => { const [sx, sy] = toScreen(x, y); const sr = r * k; return sx + sr > -40 && sx - sr < W + 40 && sy + sr > -40 && sy - sr < H + 40; };
 
@@ -48,9 +74,9 @@
     const [cx0, cy0] = toScreen(0, 0);
     for (let bi = lens === 'simple' ? -1 : BANDS.length - 1; bi >= 0; bi--) {
       const b = BANDS[bi]; const hot = hover && hover.kind === 'band' && hover.ref === b;
-      ctx.fillStyle = `rgba(255,255,255,${(hot ? b.tone * 1.6 : b.tone).toFixed(4)})`;
+      ctx.fillStyle = ink((hot ? b.tone * 1.6 : b.tone).toFixed(4));
       ctx.beginPath(); ctx.ellipse(cx0, cy0, b.r1 * k * S.ASPECT, b.r1 * k, 0, 0, TAU); if (b.r0) ctx.ellipse(cx0, cy0, b.r0 * k * S.ASPECT, b.r0 * k, 0, 0, TAU, true); ctx.fill('evenodd');
-      ctx.strokeStyle = hot ? 'rgba(255,255,255,.14)' : 'rgba(255,255,255,.05)'; ctx.lineWidth = 1; ctx.setLineDash([]);
+      ctx.strokeStyle = hot ? ink(.14) : ink(.05); ctx.lineWidth = 1; ctx.setLineDash([]);
       ctx.beginPath(); ctx.ellipse(cx0, cy0, b.r1 * k * S.ASPECT, b.r1 * k, 0, 0, TAU); ctx.stroke();
     }
 
@@ -59,7 +85,7 @@
     for (const e of (lens === 'simple' ? [] : edges)) {
       if (!present(e.a) || !present(e.b)) continue;
       const c = curve(e); const job = charted.get(e.id);
-      if (!job) { if (lens === 'all' && k > 0.03 && seen(e.a) && seen(e.b)) { ctx.strokeStyle = 'rgba(255,255,255,.02)'; ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(c.ax, c.ay); ctx.quadraticCurveTo(c.mx, c.my, c.bx, c.by); ctx.stroke(); } continue; }
+      if (!job) { if (lens === 'all' && k > 0.03 && seen(e.a) && seen(e.b)) { ctx.strokeStyle = ink(.02); ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(c.ax, c.ay); ctx.quadraticCurveTo(c.mx, c.my, c.bx, c.by); ctx.stroke(); } continue; }
       const rev = job.from === e.b; const P = (t) => pointOn(c, rev ? 1 - t : t);
       let p = job.done ? 1 : clamp((now - job.t0) / job.ms, 0, 1);
       if (p >= 1 && !job.done) { job.done = true; reveal(rev ? e.a : e.b); }
@@ -87,23 +113,23 @@
         const has = g.thoughts.some(shown);
         if (g.band !== BANDS[0] && !has) { g._stubs = []; ctx.globalAlpha = 1; continue; }
         ctx.globalAlpha = has ? 1 : 0.55; ctx.lineWidth = 1; ctx.setLineDash([]);
-        ctx.strokeStyle = isPicked || isHover ? 'rgba(255,255,255,.22)' : 'rgba(255,255,255,.085)'; ctx.beginPath(); ctx.arc(sx, sy, sr, 0, TAU); ctx.stroke();
-        ctx.strokeStyle = 'rgba(255,255,255,.05)'; ctx.beginPath(); ctx.arc(sx, sy, sr * 0.5, 0, TAU); ctx.stroke();
+        ctx.strokeStyle = isPicked || isHover ? ink(.22) : ink(.085); ctx.beginPath(); ctx.arc(sx, sy, sr, 0, TAU); ctx.stroke();
+        ctx.strokeStyle = ink(.05); ctx.beginPath(); ctx.arc(sx, sy, sr * 0.5, 0, TAU); ctx.stroke();
         if (sr > 26 && (has || g.status === 'open')) labels.push({ x: sx, y: sy - sr - 6, text: short(g.title).toLowerCase(), sub: '', big: false, small: true, hot: isPicked || isHover, alpha: 1 });
         g._stubs = []; ctx.globalAlpha = 1; continue;
       }
       if (!seen(g)) { // a silhouette: something is there, and you have not been
-        ctx.strokeStyle = 'rgba(255,255,255,.5)'; ctx.lineWidth = 1; ctx.setLineDash([2, 6]); ctx.beginPath(); ctx.arc(sx, sy, Math.max(3, sr), 0, TAU); ctx.stroke(); ctx.setLineDash([]);
+        ctx.strokeStyle = ink(.5); ctx.lineWidth = 1; ctx.setLineDash([2, 6]); ctx.beginPath(); ctx.arc(sx, sy, Math.max(3, sr), 0, TAU); ctx.stroke(); ctx.setLineDash([]);
         if (isHover) labels.push({ x: sx, y: sy - sr - 8, text: 'unexplored', sub: 'follow a route to reach it', big: false, hot: true, alpha: 1 });
         g._stubs = []; ctx.globalAlpha = 1; continue;
       }
       if (g.status === 'open') {
         // alive: a builder holding a task now, or work landing this week — the one accent a well can wear
         if (g.live > 0) { const br = reduce ? 1 : 0.85 + 0.15 * Math.sin(tt * 0.9 + hash(g.id) * 6); const hg = ctx.createRadialGradient(sx, sy, sr * 0.92, sx, sy, sr * 1.35); hg.addColorStop(0, rgba(ACC, 0.04 + 0.14 * g.live * br)); hg.addColorStop(1, rgba(ACC, 0)); ctx.fillStyle = hg; ctx.beginPath(); ctx.arc(sx, sy, sr * 1.35, 0, TAU); ctx.fill(); }
-        const grd = ctx.createRadialGradient(sx, sy, sr * 0.2, sx, sy, sr); grd.addColorStop(0, 'rgba(255,255,255,.05)'); grd.addColorStop(1, 'rgba(255,255,255,.012)');
+        const grd = ctx.createRadialGradient(sx, sy, sr * 0.2, sx, sy, sr); grd.addColorStop(0, ink(.05)); grd.addColorStop(1, ink(.012));
         ctx.fillStyle = grd; ctx.beginPath(); ctx.arc(sx, sy, sr, 0, TAU); ctx.fill();
         ctx.lineWidth = 1; ctx.setLineDash([]);
-        ctx.strokeStyle = isGrav || isSpot ? rgba(ACC, .8) : (isPicked || isHover) ? 'rgba(255,255,255,.4)' : g.live > 0 ? rgba(ACC, 0.18 + 0.3 * g.live) : 'rgba(255,255,255,.14)';
+        ctx.strokeStyle = isGrav || isSpot ? rgba(ACC, .8) : (isPicked || isHover) ? ink(.4) : g.live > 0 ? rgba(ACC, 0.18 + 0.3 * g.live) : ink(.14);
         if (isGrav || isSpot) { ctx.shadowColor = rgba(ACC, .9); ctx.shadowBlur = 22; }
         ctx.beginPath(); ctx.arc(sx, sy, sr, 0, TAU); ctx.stroke(); ctx.shadowBlur = 0;
         if (sr > 22) for (let i = 0; i < n; i++) {
@@ -111,8 +137,8 @@
           const hot = (hoverRing && hoverRing.goal === g && hoverRing.index === i) || (tourSpot && tourSpot.kind === 'ring' && tourSpot.goal === g && tourSpot.index === i);
           ctx.beginPath(); ctx.arc(sx, sy, rr, 0, TAU);
           if (hot) { ctx.setLineDash([]); ctx.strokeStyle = rgba(ACC, .9); ctx.lineWidth = ringWidth(c) + 0.5; ctx.shadowColor = rgba(ACC, .8); ctx.shadowBlur = 14; }
-          else if (c.satisfied) { ctx.setLineDash([]); ctx.strokeStyle = 'rgba(255,255,255,.42)'; ctx.lineWidth = ringWidth(c); }
-          else { ctx.setLineDash([3, 5]); ctx.strokeStyle = 'rgba(255,255,255,.13)'; ctx.lineWidth = ringWidth(c); }
+          else if (c.satisfied) { ctx.setLineDash([]); ctx.strokeStyle = ink(.42); ctx.lineWidth = ringWidth(c); }
+          else { ctx.setLineDash([3, 5]); ctx.strokeStyle = ink(.13); ctx.lineWidth = ringWidth(c); }
           ctx.stroke(); ctx.shadowBlur = 0;
           if (c.bornOf && sr > 40) { const a = hash(c.bornOf) * TAU; ctx.setLineDash([]); ctx.strokeStyle = rgba(ACC, .9); ctx.lineWidth = 1.5; ctx.beginPath(); ctx.moveTo(sx + Math.cos(a) * (rr - 7), sy + Math.sin(a) * (rr - 7)); ctx.lineTo(sx + Math.cos(a) * (rr + 7), sy + Math.sin(a) * (rr + 7)); ctx.stroke(); }
         }
@@ -120,30 +146,30 @@
         const tasksNow = g.tasks.filter(present);
         if (tasksNow.length && sr > 60) {
           const bodies = smooth(sr, 170, 330);
-          if (bodies < 1) { ctx.globalAlpha = al * (1 - bodies); for (let i = -1; i < n; i++) { const rr = (i < 0 ? g.r * 0.99 : ringR(g, i, n)) * k; const cnt = tasksNow.filter((t) => (i < 0 ? t.ci < 0 || t.ci >= n : t.ci === i)).length; if (!cnt) continue; ctx.strokeStyle = `rgba(255,255,255,${Math.min(.3, 0.03 + cnt * 0.004)})`; ctx.lineWidth = Math.min(7, 1.5 + cnt * 0.03); ctx.beginPath(); ctx.arc(sx, sy, rr, 0, TAU); ctx.stroke(); } ctx.lineWidth = 1; ctx.globalAlpha = al; }
+          if (bodies < 1) { ctx.globalAlpha = al * (1 - bodies); for (let i = -1; i < n; i++) { const rr = (i < 0 ? g.r * 0.99 : ringR(g, i, n)) * k; const cnt = tasksNow.filter((t) => (i < 0 ? t.ci < 0 || t.ci >= n : t.ci === i)).length; if (!cnt) continue; ctx.strokeStyle = ink(Math.min(.3, 0.03 + cnt * 0.004)); ctx.lineWidth = Math.min(7, 1.5 + cnt * 0.03); ctx.beginPath(); ctx.arc(sx, sy, rr, 0, TAU); ctx.stroke(); } ctx.lineWidth = 1; ctx.globalAlpha = al; }
           if (bodies > 0) { ctx.globalAlpha = al * bodies; for (const t of tasksNow) { const [ox, oy] = taskAt(t, tt); const [tx, ty] = toScreen(g.x + ox, g.y + oy); t._sx = tx; t._sy = ty; drawTask(t, tx, ty, tt, picked && picked.kind === 'task' && picked.ref === t, hover && hover.kind === 'task' && hover.ref === t); } ctx.globalAlpha = al; }
         }
         const done = tasksNow.filter((t) => ['shipped', 'confirmed', 'completed'].includes(t.status)).length;
         const speaks = sr > 200 || (sr > 34 && g.mass >= 1500) || isPicked || isHover || isGrav || isSpot;
         if (speaks) labels.push({ x: sx, y: sr > 200 ? sy - sr + 44 : sy - sr - 8, text: g.title, sub: `${S.clock < NOW - 3600000 ? done : g.taskDone}/${S.clock < NOW - 3600000 ? tasksNow.length : g.taskTotal} tasks · ${g.credits ? g.credits + ' credits · ' : ''}${g.crit.filter((c) => c.satisfied).length} of ${g.crit.length} rings closed${g.live > 0 ? ' · alive' : ''}`, big: sr > 120, hot: isPicked || isHover || isGrav || isSpot, alpha: al });
       } else if (g.status === 'achieved') {
-        const grd = ctx.createRadialGradient(sx, sy, 0, sx, sy, Math.max(4, sr)); grd.addColorStop(0, 'rgba(255,255,255,.16)'); grd.addColorStop(0.5, 'rgba(255,255,255,.04)'); grd.addColorStop(1, 'rgba(255,255,255,0)');
+        const grd = ctx.createRadialGradient(sx, sy, 0, sx, sy, Math.max(4, sr)); grd.addColorStop(0, ink(.16)); grd.addColorStop(0.5, ink(.04)); grd.addColorStop(1, ink(0));
         ctx.fillStyle = grd; ctx.beginPath(); ctx.arc(sx, sy, Math.max(4, sr), 0, TAU); ctx.fill();
-        ctx.lineWidth = 1; ctx.setLineDash([]); ctx.strokeStyle = (isPicked || isHover || isSpot) ? 'rgba(255,255,255,.6)' : 'rgba(255,255,255,.22)';
+        ctx.lineWidth = 1; ctx.setLineDash([]); ctx.strokeStyle = (isPicked || isHover || isSpot) ? ink(.6) : ink(.22);
         ctx.beginPath(); ctx.arc(sx, sy, Math.max(3, sr), 0, TAU); ctx.stroke();
-        if (sr > 22) for (let i = 0; i < n; i++) { const c = g.crit[i]; const rr = ringR(g, i, n) * k; const hot = hoverRing && hoverRing.goal === g && hoverRing.index === i; ctx.strokeStyle = hot ? rgba(ACC, .9) : 'rgba(255,255,255,.3)'; ctx.lineWidth = ringWidth(c); ctx.beginPath(); ctx.arc(sx, sy, rr, 0, TAU); ctx.stroke(); if (c.bornOf && sr > 40) { const a = hash(c.bornOf) * TAU; ctx.strokeStyle = rgba(ACC, .9); ctx.lineWidth = 1.5; ctx.beginPath(); ctx.moveTo(sx + Math.cos(a) * (rr - 7), sy + Math.sin(a) * (rr - 7)); ctx.lineTo(sx + Math.cos(a) * (rr + 7), sy + Math.sin(a) * (rr + 7)); ctx.stroke(); } }
+        if (sr > 22) for (let i = 0; i < n; i++) { const c = g.crit[i]; const rr = ringR(g, i, n) * k; const hot = hoverRing && hoverRing.goal === g && hoverRing.index === i; ctx.strokeStyle = hot ? rgba(ACC, .9) : ink(.3); ctx.lineWidth = ringWidth(c); ctx.beginPath(); ctx.arc(sx, sy, rr, 0, TAU); ctx.stroke(); if (c.bornOf && sr > 40) { const a = hash(c.bornOf) * TAU; ctx.strokeStyle = rgba(ACC, .9); ctx.lineWidth = 1.5; ctx.beginPath(); ctx.moveTo(sx + Math.cos(a) * (rr - 7), sy + Math.sin(a) * (rr - 7)); ctx.lineTo(sx + Math.cos(a) * (rr + 7), sy + Math.sin(a) * (rr + 7)); ctx.stroke(); } }
         ctx.lineWidth = 1;
         if (g.tasks.length && sr > 170) { const bodies = smooth(sr, 170, 330); ctx.globalAlpha = al * bodies; for (const t of g.tasks.filter(present)) { const [ox, oy] = taskAt(t, tt); const [tx, ty] = toScreen(g.x + ox, g.y + oy); t._sx = tx; t._sy = ty; drawTask(t, tx, ty, tt, false, hover && hover.kind === 'task' && hover.ref === t); } ctx.globalAlpha = al; }
-        if (sr > 8) { ctx.strokeStyle = 'rgba(255,255,255,.05)'; ctx.beginPath(); ctx.arc(sx, sy, sr * 1.35, 0, TAU); ctx.stroke(); ctx.strokeStyle = 'rgba(255,255,255,.03)'; ctx.beginPath(); ctx.arc(sx, sy, sr * 1.7, 0, TAU); ctx.stroke(); }
-        const core = Math.max(2.4, Math.min(sr * 0.14, 9)); const cg = ctx.createRadialGradient(sx, sy, 0, sx, sy, core * 3); cg.addColorStop(0, 'rgba(255,255,255,.5)'); cg.addColorStop(1, 'rgba(255,255,255,0)');
-        ctx.fillStyle = cg; ctx.beginPath(); ctx.arc(sx, sy, core * 3, 0, TAU); ctx.fill(); ctx.fillStyle = 'rgba(255,255,255,.92)'; ctx.beginPath(); ctx.arc(sx, sy, core, 0, TAU); ctx.fill();
+        if (sr > 8) { ctx.strokeStyle = ink(.05); ctx.beginPath(); ctx.arc(sx, sy, sr * 1.35, 0, TAU); ctx.stroke(); ctx.strokeStyle = ink(.03); ctx.beginPath(); ctx.arc(sx, sy, sr * 1.7, 0, TAU); ctx.stroke(); }
+        const core = Math.max(2.4, Math.min(sr * 0.14, 9)); const cg = ctx.createRadialGradient(sx, sy, 0, sx, sy, core * 3); cg.addColorStop(0, ink(.5)); cg.addColorStop(1, ink(0));
+        ctx.fillStyle = cg; ctx.beginPath(); ctx.arc(sx, sy, core * 3, 0, TAU); ctx.fill(); ctx.fillStyle = ink(.92); ctx.beginPath(); ctx.arc(sx, sy, core, 0, TAU); ctx.fill();
         const speaks = sr > 200 || (sr > 40 && g.mass >= 1500) || isPicked || isHover || isSpot;
         if (speaks) labels.push({ x: sx, y: sr > 200 ? sy - sr + 44 : sy - sr - 8, text: g.title, sub: `settled · ${g.taskDone} tasks${g.credits ? ' · ' + g.credits + ' credits' : ''} · ${g.crit.length} rings closed`, big: sr > 120, hot: isPicked || isHover || isSpot, small: sr < 60, alpha: al });
       } else {
-        ctx.fillStyle = '#000'; ctx.beginPath(); ctx.arc(sx, sy, Math.max(2, sr), 0, TAU); ctx.fill();
-        ctx.strokeStyle = (isPicked || isHover || isSpot) ? 'rgba(255,255,255,.6)' : 'rgba(255,255,255,.22)'; ctx.lineWidth = 1; ctx.setLineDash([]); ctx.beginPath(); ctx.arc(sx, sy, Math.max(2, sr), 0, TAU); ctx.stroke();
-        if (sr > 5) { ctx.strokeStyle = 'rgba(255,255,255,.06)'; ctx.beginPath(); ctx.arc(sx, sy, sr * 1.5, 0, TAU); ctx.stroke(); }
-        if (sr > 30) { const grd = ctx.createRadialGradient(sx, sy, sr * 0.6, sx, sy, sr); grd.addColorStop(0, 'rgba(255,255,255,0)'); grd.addColorStop(1, 'rgba(255,255,255,.05)'); ctx.fillStyle = grd; ctx.beginPath(); ctx.arc(sx, sy, sr, 0, TAU); ctx.fill(); }
+        ctx.fillStyle = rgba(VOID, 1); ctx.beginPath(); ctx.arc(sx, sy, Math.max(2, sr), 0, TAU); ctx.fill();
+        ctx.strokeStyle = (isPicked || isHover || isSpot) ? ink(.6) : ink(.22); ctx.lineWidth = 1; ctx.setLineDash([]); ctx.beginPath(); ctx.arc(sx, sy, Math.max(2, sr), 0, TAU); ctx.stroke();
+        if (sr > 5) { ctx.strokeStyle = ink(.06); ctx.beginPath(); ctx.arc(sx, sy, sr * 1.5, 0, TAU); ctx.stroke(); }
+        if (sr > 30) { const grd = ctx.createRadialGradient(sx, sy, sr * 0.6, sx, sy, sr); grd.addColorStop(0, ink(0)); grd.addColorStop(1, ink(.05)); ctx.fillStyle = grd; ctx.beginPath(); ctx.arc(sx, sy, sr, 0, TAU); ctx.fill(); }
         const speaks = sr > 160 || isPicked || isHover || isSpot;
         if (speaks) labels.push({ x: sx, y: sr > 160 ? sy - sr + 40 : sy - sr - 8, text: g.title, sub: `collapsed · ${g.taskDone} of ${g.taskTotal} tasks`, big: false, hot: isPicked || isHover || isSpot, small: sr < 60, alpha: al });
       }
@@ -155,7 +181,7 @@
           const o = e.a === g ? e.b : e.a; if (!present(o)) continue; const a = Math.atan2(o.y - g.y, o.x - g.x);
           const r0 = sr + 5, r1 = sr + 19; const x0 = sx + Math.cos(a) * r0, y0 = sy + Math.sin(a) * r0, x1 = sx + Math.cos(a) * r1, y1 = sy + Math.sin(a) * r1;
           const hot = hover && hover.kind === 'stub' && hover.edge === e && hover.goal === g; const done = charted.has(e.id);
-          ctx.strokeStyle = hot ? rgba(CHART, 1) : done ? rgba(CHART, .5) : 'rgba(255,255,255,.3)'; ctx.lineWidth = hot ? 1.6 : 1; ctx.setLineDash([]);
+          ctx.strokeStyle = hot ? rgba(CHART, 1) : done ? rgba(CHART, .5) : ink(.3); ctx.lineWidth = hot ? 1.6 : 1; ctx.setLineDash([]);
           ctx.beginPath(); ctx.moveTo(x0, y0); ctx.lineTo(x1, y1); ctx.stroke();
           const out = e.a === g; const hx = out ? x1 : x0, hy = out ? y1 : y0, ha = out ? a : a + Math.PI;
           ctx.beginPath(); ctx.moveTo(hx, hy); ctx.lineTo(hx - Math.cos(ha - 0.5) * 5, hy - Math.sin(ha - 0.5) * 5); ctx.moveTo(hx, hy); ctx.lineTo(hx - Math.cos(ha + 0.5) * 5, hy - Math.sin(ha + 0.5) * 5); ctx.stroke();
@@ -179,7 +205,7 @@
     if (S.flying) { const f = S.flying; const p = clamp((now - f.t0) / f.ms, 0, 1); const e = ease(p); const [sx0, sy0] = [W / 2, 150]; const [sx1, sy1] = toScreen(f.idea.x, f.idea.y); const sx = lerp(sx0, sx1, e), sy = lerp(sy0, sy1, e) - Math.sin(p * Math.PI) * 40; drawThought(f.idea, sx, sy, k, tt, false, false); if (p >= 1) { f.idea.landed = true; S.flying = null; } }
     if (picked && picked.kind === 'idea' && picked.ref.lineage.length && picked.ref.x != null) {
       const i = picked.ref; const [sx, sy] = toScreen(i.x, i.y); const base = Math.max(22, diameter(i) * Math.min(1.6, k) + 10);
-      i.lineage.forEach((t, n) => { const orb = base + n * 14; const a = hash(t.id) * TAU + tt * (reduce ? 0 : 0.05) * (n % 2 ? -1 : 1); ctx.strokeStyle = 'rgba(255,255,255,.08)'; ctx.lineWidth = 1; ctx.setLineDash([]); ctx.beginPath(); ctx.arc(sx, sy, orb, 0, TAU); ctx.stroke(); const tx = sx + Math.cos(a) * orb, ty = sy + Math.sin(a) * orb; drawTask({ status: t.status }, tx, ty, tt, false, hover && hover.kind === 'ltask' && hover.ref === t); t._sx = tx; t._sy = ty; });
+      i.lineage.forEach((t, n) => { const orb = base + n * 14; const a = hash(t.id) * TAU + tt * (reduce ? 0 : 0.05) * (n % 2 ? -1 : 1); ctx.strokeStyle = ink(.08); ctx.lineWidth = 1; ctx.setLineDash([]); ctx.beginPath(); ctx.arc(sx, sy, orb, 0, TAU); ctx.stroke(); const tx = sx + Math.cos(a) * orb, ty = sy + Math.sin(a) * orb; drawTask({ status: t.status }, tx, ty, tt, false, hover && hover.kind === 'ltask' && hover.ref === t); t._sx = tx; t._sy = ty; });
     }
     for (const s of shuttles) shuttle(s.x, s.y, s.ang, 1.1, s.live || (hover && hover.kind === 'shuttle' && hover.ref === s.e));
     S.shuttles = shuttles;
@@ -196,9 +222,9 @@
       let y = l.y; let rect = { x0: l.x - w / 2, x1: l.x + w / 2, y0: y - h, y1: y };
       if (collides(rect)) { y = l.y + h + 6; rect = { x0: l.x - w / 2, x1: l.x + w / 2, y0: y - h, y1: y }; if (collides(rect) && !l.hot) continue; }
       placed.push(rect);
-      ctx.fillStyle = l.hot ? 'rgba(255,255,255,.95)' : l.small ? 'rgba(255,255,255,.4)' : 'rgba(255,255,255,.6)';
+      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 ? 'rgba(255,255,255,.6)' : 'rgba(255,255,255,.3)'; ctx.fillText(l.sub.toUpperCase(), l.x, y); }
+      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); }
     }
   }
 
@@ -206,21 +232,21 @@
     const d = diameter(i) * clamp(k, 0.55, 1.6); const breathe = reduce ? 1 : 0.9 + 0.1 * Math.sin(tt * 1.3 + hash(i.id) * 6); ctx.setLineDash([]);
     if (i.shaped) { ctx.strokeStyle = rgba(ACC, .7); ctx.lineWidth = 1; ctx.beginPath(); ctx.arc(sx, sy, Math.max(d / 2 + 6, 10), 0, TAU); ctx.stroke(); }
     if (i.st === 'star') { const a = 0.32 + 0.68 * i.lit; const glow = d * (0.8 + 1.6 * i.lit) * breathe; const grd = ctx.createRadialGradient(sx, sy, 0, sx, sy, glow); grd.addColorStop(0, rgba(ACC, 0.55 * i.lit)); grd.addColorStop(1, rgba(ACC, 0)); ctx.fillStyle = grd; ctx.beginPath(); ctx.arc(sx, sy, glow, 0, TAU); ctx.fill(); ctx.fillStyle = rgba(ACC, a); ctx.beginPath(); ctx.arc(sx, sy, d / 2, 0, TAU); ctx.fill(); }
-    else if (i.st === 'remnant') { ctx.strokeStyle = 'rgba(255,255,255,.4)'; ctx.lineWidth = 1; ctx.beginPath(); ctx.arc(sx, sy, d / 2 * 1.15, 0, TAU); ctx.stroke(); }
-    else if (i.st === 'protostar') { const aw = i.awaiting || (i.state && i.state.awaitingNod); const pulse = aw && !reduce ? 0.5 + 0.5 * Math.sin(tt * 2 + hash(i.id) * 6) : 0; const c = SKY.temp(i); ctx.fillStyle = rgba(c, .06); ctx.beginPath(); ctx.arc(sx, sy, 7 + pulse * 6, 0, TAU); ctx.fill(); ctx.fillStyle = aw ? rgba(ACC, 0.55 + 0.45 * pulse) : rgba(c, i.well ? .6 : .5); ctx.beginPath(); ctx.arc(sx, sy, 3.2, 0, TAU); ctx.fill(); }
-    else if (i.st === 'satellite') { ctx.fillStyle = 'rgba(255,255,255,.4)'; ctx.beginPath(); ctx.arc(sx, sy, 2.6, 0, TAU); ctx.fill(); ctx.strokeStyle = 'rgba(255,255,255,.16)'; ctx.lineWidth = 1; ctx.beginPath(); ctx.arc(sx, sy, 6.5, 0, TAU); ctx.stroke(); if (i.host && i.host.x != null) { const [hx, hy] = toScreen(i.host.x, i.host.y); ctx.strokeStyle = 'rgba(255,255,255,.1)'; ctx.beginPath(); ctx.moveTo(sx, sy); ctx.lineTo(hx, hy); ctx.stroke(); } }
-    else { ctx.fillStyle = '#141418'; ctx.beginPath(); ctx.arc(sx, sy, 3, 0, TAU); ctx.fill(); ctx.strokeStyle = 'rgba(255,255,255,.18)'; ctx.lineWidth = 1; ctx.beginPath(); ctx.arc(sx, sy, 3, 0, TAU); ctx.stroke(); }
-    if (isPicked || isHover) { ctx.strokeStyle = isPicked ? rgba(ACC, .7) : 'rgba(255,255,255,.35)'; ctx.lineWidth = 1; ctx.beginPath(); ctx.arc(sx, sy, Math.max(d / 2 + 8, 12), 0, TAU); ctx.stroke(); }
+    else if (i.st === 'remnant') { ctx.strokeStyle = ink(.4); ctx.lineWidth = 1; ctx.beginPath(); ctx.arc(sx, sy, d / 2 * 1.15, 0, TAU); ctx.stroke(); }
+    else if (i.st === 'protostar') { const aw = i.awaiting || (i.state && i.state.awaitingNod); const pulse = aw && !reduce ? 0.5 + 0.5 * Math.sin(tt * 2 + hash(i.id) * 6) : 0; const c = tone(SKY.temp(i)); ctx.fillStyle = rgba(c, .06); ctx.beginPath(); ctx.arc(sx, sy, 7 + pulse * 6, 0, TAU); ctx.fill(); ctx.fillStyle = aw ? rgba(ACC, 0.55 + 0.45 * pulse) : rgba(c, i.well ? .6 : .5); ctx.beginPath(); ctx.arc(sx, sy, 3.2, 0, TAU); ctx.fill(); }
+    else if (i.st === 'satellite') { ctx.fillStyle = ink(.4); ctx.beginPath(); ctx.arc(sx, sy, 2.6, 0, TAU); ctx.fill(); ctx.strokeStyle = ink(.16); ctx.lineWidth = 1; ctx.beginPath(); ctx.arc(sx, sy, 6.5, 0, TAU); ctx.stroke(); if (i.host && i.host.x != null) { const [hx, hy] = toScreen(i.host.x, i.host.y); ctx.strokeStyle = ink(.1); ctx.beginPath(); ctx.moveTo(sx, sy); ctx.lineTo(hx, hy); ctx.stroke(); } }
+    else { ctx.fillStyle = rgba(COLD, 1); ctx.beginPath(); ctx.arc(sx, sy, 3, 0, TAU); ctx.fill(); ctx.strokeStyle = ink(.18); ctx.lineWidth = 1; ctx.beginPath(); ctx.arc(sx, sy, 3, 0, TAU); ctx.stroke(); }
+    if (isPicked || isHover) { ctx.strokeStyle = isPicked ? rgba(ACC, .7) : ink(.35); ctx.lineWidth = 1; ctx.beginPath(); ctx.arc(sx, sy, Math.max(d / 2 + 8, 12), 0, TAU); ctx.stroke(); }
   }
   function drawTask(t, sx, sy, tt, isPicked, isHover) {
     ctx.setLineDash([]); ctx.lineWidth = 1; const s = t.status;
     if (s === 'active') { const g = ctx.createRadialGradient(sx, sy, 0, sx, sy, 9); g.addColorStop(0, rgba(ACC, .6)); g.addColorStop(1, rgba(ACC, 0)); ctx.fillStyle = g; ctx.beginPath(); ctx.arc(sx, sy, 9, 0, TAU); ctx.fill(); ctx.fillStyle = rgba(ACC, 1); ctx.beginPath(); ctx.arc(sx, sy, 2.6, 0, TAU); ctx.fill(); }
-    else if (s === 'shipped' || s === 'confirmed' || s === 'completed') { ctx.fillStyle = 'rgba(255,255,255,.55)'; ctx.beginPath(); ctx.arc(sx, sy, 1.8, 0, TAU); ctx.fill(); }
-    else if (s === 'ready') { ctx.strokeStyle = 'rgba(255,255,255,.7)'; ctx.beginPath(); ctx.arc(sx, sy, 2.6, 0, TAU); ctx.stroke(); }
-    else if (s === 'backlog') { ctx.strokeStyle = 'rgba(255,255,255,.28)'; ctx.beginPath(); ctx.arc(sx, sy, 2.4, 0, TAU); ctx.stroke(); }
-    else if (s === 'blocked') { ctx.strokeStyle = 'rgba(255,255,255,.5)'; ctx.beginPath(); ctx.arc(sx, sy, 2.6, 0, TAU); ctx.stroke(); ctx.beginPath(); ctx.moveTo(sx - 4, sy + 4); ctx.lineTo(sx + 4, sy - 4); ctx.stroke(); }
-    else { ctx.strokeStyle = 'rgba(255,255,255,.22)'; ctx.beginPath(); ctx.moveTo(sx - 3, sy); ctx.lineTo(sx + 3, sy); ctx.stroke(); }
-    if (isPicked || isHover) { ctx.strokeStyle = isPicked ? rgba(ACC, .7) : 'rgba(255,255,255,.4)'; ctx.beginPath(); ctx.arc(sx, sy, 9, 0, TAU); ctx.stroke(); }
+    else if (s === 'shipped' || s === 'confirmed' || s === 'completed') { ctx.fillStyle = ink(.55); ctx.beginPath(); ctx.arc(sx, sy, 1.8, 0, TAU); ctx.fill(); }
+    else if (s === 'ready') { ctx.strokeStyle = ink(.7); ctx.beginPath(); ctx.arc(sx, sy, 2.6, 0, TAU); ctx.stroke(); }
+    else if (s === 'backlog') { ctx.strokeStyle = ink(.28); ctx.beginPath(); ctx.arc(sx, sy, 2.4, 0, TAU); ctx.stroke(); }
+    else if (s === 'blocked') { ctx.strokeStyle = ink(.5); ctx.beginPath(); ctx.arc(sx, sy, 2.6, 0, TAU); ctx.stroke(); ctx.beginPath(); ctx.moveTo(sx - 4, sy + 4); ctx.lineTo(sx + 4, sy - 4); ctx.stroke(); }
+    else { ctx.strokeStyle = ink(.22); ctx.beginPath(); ctx.moveTo(sx - 3, sy); ctx.lineTo(sx + 3, sy); ctx.stroke(); }
+    if (isPicked || isHover) { ctx.strokeStyle = isPicked ? rgba(ACC, .7) : ink(.4); ctx.beginPath(); ctx.arc(sx, sy, 9, 0, TAU); ctx.stroke(); }
   }
 
   // ---------------------------------------------------------------- hit testing
@@ -241,5 +267,6 @@
     return null;
   }
 
-  Object.assign(SKY, { ctx, ACC, CHART, rgba, goalAlpha, draw, drawThought, drawTask, hit });
+  // INK/VOID/ink/tone/readPalette are exported for tests/hall_sky.mjs; COLD and TEMP stay private.
+  Object.assign(SKY, { ctx, ACC, CHART, INK, VOID, rgba, ink, tone, readPalette, goalAlpha, draw, drawThought, drawTask, hit });
 })();