@bongos/core 1.19.462 → 1.19.464

package/tests/hall_roster_world.mjs

@@ -0,0 +1,287 @@
+// tests/hall_roster_world.mjs — the roster and ledger pages in the chrome world
+// (task 1003470, goal 1000081): goals, sessions, people and scouting,
+// REDESIGNED rather than re-skinned. Static pins over the shipped source plus
+// two runs of the pure goals lib: the goals list is one panel with three lenses
+// in the open and the rest behind the kit's disclosure, the readiness is the
+// family's figure band in the same dot language as the roll line, the view
+// toggle is a view and not a filter, the accent lands on the one live door; the
+// two directory pages are ONE page (the legacy door renders the same body from
+// the same script) and the directory shows the avatar, the name and the login
+// the API returns; the session ledger drops the nowrap + wrapper pair that broke
+// its sticky header, makes every id a door, and names its floor from the pack.
+import test from 'node:test';
+import assert from 'node:assert/strict';
+import fs from 'node:fs';
+import path from 'node:path';
+import vm from 'node:vm';
+import { fileURLToPath } from 'node:url';
+
+const ROOT = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
+const PUB = path.join(ROOT, 'modules', 'hall-ui', 'public');
+const FIX = path.join(ROOT, 'scripts', 'hall-preview', 'fixtures');
+const read = (f) => fs.readFileSync(path.join(PUB, f), 'utf8').replace(/\r\n/g, '\n');
+const readJson = (f) => JSON.parse(fs.readFileSync(path.join(FIX, f), 'utf8'));
+// Negative pins read the code, not its comments (a comment that says what left
+// would otherwise fail the pin that says it left).
+const decomment = (src) => src.replace(/\/\*[\s\S]*?\*\//g, '').replace(/^\s*\/\/.*$/gm, '');
+const STYLE = read('style.css');
+const OVERSIGHT = read('oversight.css');
+// A token is defined in the shell, the family sheet, or the page sheet itself
+// (goals.css declares --ring, the ring column's width, on its own list).
+const tokensDefined = (css, where) => {
+  for (const t of new Set([...css.matchAll(/var\((--[a-z0-9-]+)\)/g)].map((m) => m[1]))) {
+    const declared = (src) => new RegExp(`(^\\s*|[{;]\\s*)${t}:`, 'm').test(src);
+    assert.ok(declared(STYLE) || declared(OVERSIGHT) || declared(css),
+      `${where} spends ${t}, which neither style.css, oversight.css nor the sheet itself defines`);
+  }
+};
+const noAlias = (rawCss, where) => {
+  const css = decomment(rawCss);
+  const alias = css.match(/--(surface|surface-2|border|border-strong|accent-weak|accent-text)\b/g) || [];
+  assert.deepEqual(alias, [], `${where} spends a compat alias: ${alias.join(', ')}`);
+  const hexes = css.match(/#[0-9a-f]{3,8}\b/gi) || [];
+  assert.deepEqual(hexes, [], `${where} carries literal colours: ${hexes.join(', ')}`);
+};
+const block = (css, sel) => {
+  const i = css.indexOf(`\n${sel} {`);
+  assert.ok(i >= 0, `${sel} has a rule`);
+  return css.slice(i, css.indexOf('}', i));
+};
+
+// goals-lib.js is pure: RUN it under the two globals it reads.
+function goalsLib() {
+  const sandbox = {
+    window: {
+      OTB: { escapeHtml: (s) => String(s).replace(/[&<>"']/g, (c) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c])) },
+      OTBTaskLib: { msOf: () => 0, taskActivityMs: () => 0 },
+    },
+  };
+  vm.createContext(sandbox);
+  vm.runInContext(read('goals-lib.js'), sandbox, { filename: 'goals-lib.js' });
+  return sandbox.window.OTBGoalsLib;
+}
+
+// =========================================================================
+// GOALS — the archetype page
+// =========================================================================
+
+test('goals: the list is ONE panel — the shell\'s .scroll around the filters, the count line and the groups', () => {
+  const html = read('goals.html');
+  const list = html.slice(html.indexOf('id="goals-list-view"'), html.indexOf('id="goal-detail-view"'));
+  assert.match(list, /<div class="scroll goals-panel">/, 'the panel is the shell\'s .scroll');
+  for (const id of ['goals-filters', 'goals-count', 'goals-view', 'goal-grid', 'goals-pager-mount']) {
+    assert.ok(list.includes(`id="${id}"`), `#${id} sits inside the list view`);
+  }
+  const panelStart = list.indexOf('class="scroll goals-panel"');
+  assert.ok(list.indexOf('id="goals-filters"') > panelStart, 'the filter bar is INSIDE the panel, not on the ground above it');
+  const fam = html.indexOf('/builders/oversight.css');
+  assert.ok(fam > 0 && html.indexOf('/builders/goals.css') > fam, 'goals.html links the family sheet before its own');
+  const css = read('goals.css');
+  assert.doesNotMatch(block(css, '.gr-list'), /background:\s*var\(--bg-card\)|border-radius/, '.gr-list is no longer a second panel per group');
+});
+
+test('goals: three lenses in the open, five behind the kit\'s disclosure, and no View select', () => {
+  const src = read('goals-page.js');
+  const spec = src.slice(src.indexOf("mount: $('#goals-filters')"), src.indexOf('onChange: onListFilterChange'));
+  const ids = (part) => [...part.matchAll(/id: '(f-goal-[a-z-]+)'/g)].map((m) => m[1]);
+  const primary = spec.slice(spec.indexOf('primary: ['), spec.indexOf('overflow: ['));
+  const overflow = spec.slice(spec.indexOf('overflow: ['));
+  assert.deepEqual(ids(primary), ['f-goal-version', 'f-goal-status', 'f-goal-order'], 'the open bar is version, state, order');
+  assert.deepEqual(ids(overflow), ['f-goal-mine', 'f-goal-owner', 'f-goal-category', 'f-goal-role', 'f-goal-stale'],
+    'the five rarely-turned lenses sit behind Filters — where the kit counts and chips them');
+  assert.ok(!spec.includes("id: 'f-goal-view'"), 'rows|cards is not a filter-bar control');
+});
+
+test('goals: rows|cards is a segmented view toggle that still writes #f-goal-view and the saved pref', () => {
+  const html = read('goals.html');
+  assert.match(html, /<div class="viewtoggle" role="group" aria-label="View" id="goals-view">/);
+  assert.match(html, /<input type="hidden" id="f-goal-view" value="list">/, 'the hidden input is what renderList forks on');
+  assert.match(html, /data-view="list" aria-pressed="true"/);
+  assert.match(html, /data-view="cards" aria-pressed="false"/);
+  const src = read('goals-page.js');
+  assert.match(src, /function setGoalView\(view, opts\)/);
+  assert.match(src, /b\.setAttribute\('aria-pressed', String\(b\.dataset\.view === view\)\)/, 'the buttons carry the pressed state');
+  assert.match(src, /if \(savedGoalView === 'cards'\) setGoalView\('cards', \{ fire: false \}\)/, 'the saved pref restores the toggle without a render');
+  const css = read('goals.css');
+  const pressed = block(css, '.viewtoggle__btn[aria-pressed="true"]');
+  assert.match(pressed, /var\(--accent-tint\)/, 'the pressed side takes the current-thing tint');
+  assert.doesNotMatch(pressed, /var\(--accent\)/, 'never the accent fill: a view is not a live door');
+});
+
+test('goals: the readiness is the family figure band, in the roll line\'s own dot language', () => {
+  const src = read('goals-render.js');
+  const body = src.slice(src.indexOf('function renderList'), src.indexOf('\n  function ', src.indexOf('function renderList') + 1));
+  assert.match(body, /<div class="ov-figs gr-figs">/, 'the band is .ov-figs');
+  for (const label of ['Ready to claim', 'In progress', 'Blocked', 'Criteria met']) {
+    assert.ok(body.includes(`fig('${label}'`), `the band carries "${label}"`);
+  }
+  assert.match(body, /gr-mark gr-mark--\$\{mark\}/, 'the label\'s dot is the shared .gr-mark');
+  assert.match(body, /<div class="ov-group__head"><span class="ov-group__name">/, 'the groups take the family head');
+  for (const gone of ['gr-summary', 'gr-sec', 'gr-sm']) assert.ok(!src.includes(gone), `${gone} is gone`);
+  const lib = goalsLib();
+  const roll = lib.goalRollLine({ ready: 1, active: 0, blocked: 2, backlog: 0 });
+  assert.match(roll, /gr-mark gr-mark--ready/);
+  assert.match(roll, /gr-mark gr-mark--blocked/);
+  assert.doesNotMatch(roll, /style=/, 'the dot colours are classes, not inline styles');
+  const css = read('goals.css');
+  assert.match(block(css, '.gr-mark--blocked'), /var\(--warn\)/, 'blocked is the warn colour, the pill\'s own');
+});
+
+test('goals: the row\'s right column is one action or one state, and the accent lands on the live door only', () => {
+  const src = read('goals-render.js');
+  const facts = src.slice(src.indexOf('function goalRenderFacts'), src.indexOf('function goalRowHtml'));
+  assert.match(facts, /class="btn-accent gr-claim" href="#\/task\//, '"claim next" is the shell\'s accent door');
+  assert.match(facts, /class="btn-ghost gr-drill"/, 'the blocked door is a ghost pill');
+  assert.match(facts, /gr-state gr-state--ok">\$\{checkSvg\('gr-state__mark'\)\}achieved/, 'achieved is a drawn check, not a glyph');
+  assert.doesNotMatch(facts, /[✓✔]/, 'no typed check mark');
+  assert.match(facts, /\+ chips\.join\(''\)\n\s*\+ catHtml\n/, 'the category chip rides in the facts line with the others');
+  assert.doesNotMatch(src, /class="gr-meta"/, 'the meta run under the title is gone');
+  const lib = goalsLib();
+  assert.match(lib.ring(1, 3, false), /stroke="var\(--ink\)"/, 'an open goal\'s arc is ink');
+  assert.match(lib.ring(3, 3, true), /stroke="var\(--ok\)"/, 'an achieved goal\'s arc is the ok colour');
+  assert.doesNotMatch(read('goals-lib.js'), /var\(--accent\)/, 'the lib spends no accent');
+});
+
+test('goals: the card is the row folded — no box, one fact source, the subtitle as its tooltip', () => {
+  const src = read('goals-render.js');
+  const card = src.slice(src.indexOf('function goalCardHtml'), src.indexOf('function renderList'));
+  assert.match(card, /\$\{factsHtml\}/, 'the card renders the same facts line');
+  assert.match(card, /\$\{idHtml\}/, 'with the id inside the title');
+  assert.match(card, /class="goal-card__foot">\$\{right\}/, 'and the same right-column state as its foot');
+  const css = read('goals.css');
+  const cardRule = block(css, '.goal-card');
+  assert.doesNotMatch(cardRule, /border(-radius)?:/, 'a card inside the panel draws no box');
+  assert.match(block(css, '.goal-grid'), /gap: 1px 0; background: var\(--rule-soft\)/, 'the hairline is painted BETWEEN rows by the grid');
+  assert.ok(!/goal-card--skel|goal-card--blocked/.test(css), 'the old card skeleton and the dashed blocked card are gone');
+  assert.match(read('goals-page.js'), /gr-row gr-row--skel/, 'the boot skeleton is row-shaped');
+});
+
+test('goals.css and people.css spend only the fifteen, and every token they name exists', () => {
+  for (const f of ['goals.css', 'people.css']) {
+    const css = read(f);
+    noAlias(css, f);
+    tokensDefined(css, f);
+  }
+});
+
+// =========================================================================
+// PEOPLE + SCOUTING — one directory, two doors
+// =========================================================================
+
+test('scouting is the same page as people: one body, one script, no script of its own', () => {
+  const people = read('people.html');
+  const scouting = read('scouting.html');
+  const bodyOf = (html) => html.slice(html.indexOf('<body'));
+  assert.equal(bodyOf(scouting), bodyOf(people), 'the two bodies are byte-identical');
+  assert.ok(!fs.existsSync(path.join(PUB, 'scouting.js')), 'scouting.js is gone — the third rendering of one endpoint');
+  assert.doesNotMatch(scouting, /<style[^>]*>/, 'the legacy door carries no inline style');
+  for (const html of [people, scouting]) {
+    assert.match(html, /\/builders\/people\.js/);
+    assert.match(html, /\/builders\/people\.css/);
+    assert.match(html, /\/builders\/dom-utils\.js/, 'the toolkit the rank label and the number formats come from');
+    assert.match(html, /<h1 class="page-head__h">People<\/h1>/);
+  }
+});
+
+test('the directory row shows the avatar, the name and the login the API returns, and the name is a door', () => {
+  const src = read('people.js');
+  assert.match(src, /b\.avatar_url\s*\?\s*'<img class="dir-avatar" src="' \+ esc\(b\.avatar_url\)/, 'the avatar the pages dropped');
+  assert.match(src, /dir-avatar dir-avatar--initial/, 'an initial when there is none');
+  assert.match(src, /return b\.display_name \|\| b\.github_login \|\| \('#' \+ b\.github_id\);/, 'the display name reads first');
+  assert.match(src, /class="lb-name dir-name" href="https:\/\/github\.com\/' \+ encodeURIComponent\(b\.github_login\)/,
+    'the shell\'s .lb-name, to the one page every listed builder has');
+  assert.match(src, /'<span class="dir-login">@' \+ esc\(b\.github_login\)/, 'the login under the name says where the door goes');
+  assert.match(src, /<span class="fact-chip">' \+ esc\(String\(d\)\)/, 'crafts are chips');
+  assert.doesNotMatch(src, /class="num"/, 'the shell\'s ledger__num, not the bare .num scouting.js had corrected');
+  assert.match(src, /class="ledger__num"/);
+});
+
+test('the directory has a search, a sort and a craft lens on the kit bar, and pages through the kit', () => {
+  const src = read('people.js');
+  assert.match(src, /kit\.makeFilterBar\(\{/);
+  assert.match(src, /search: \{ id: 'people-q'/);
+  assert.match(src, /\{ id: 'people-sort', label: 'Sort'/);
+  assert.match(src, /\{ id: 'people-craft', label: 'Craft'/);
+  assert.match(src, /kit\.makePager\('people'/);
+  assert.match(src, /kit\.makeLedger\(\{/);
+  assert.doesNotMatch(src, /createElement\('table'\)/, 'no hand-built table');
+});
+
+test('the directory names its floor from the pack, and never says Archon-only', () => {
+  const src = read('people.js');
+  assert.match(src, /rankLabel\('metic'\)/);
+  assert.doesNotMatch(decomment(src), /Archon-only/);
+  assert.doesNotMatch(read('people.html'), /Archon/);
+});
+
+// =========================================================================
+// SESSIONS
+// =========================================================================
+
+test('sessions: the nowrap + wrapper pair is gone, and with it the sticky-header overlay', () => {
+  const css = decomment(read('sessions.css'));
+  assert.doesNotMatch(css, /white-space:\s*nowrap/, 'no blanket nowrap on every cell');
+  assert.doesNotMatch(css, /ledger-table-wrap/, 'no wrapper — the shell\'s card strip handles a phone');
+  assert.doesNotMatch(read('sessions.html'), /ledger-table-wrap/);
+  assert.doesNotMatch(css, /var\(--info\)|ledger-sid/, 'the session id is no longer painted in the info colour');
+  noAlias(css, 'sessions.css');
+  tokensDefined(css, 'sessions.css');
+});
+
+test('sessions: every id on a row is a door, the earned figure is shown, the totals ride the top strip', () => {
+  const src = read('sessions.js');
+  assert.match(src, /<a class="fact-chip" href="\/builders\/task\/\$\{encodeURIComponent\(String\(t\)\)\}">task \$\{escapeHtml\(String\(t\)\)\}<\/a>/,
+    'a task id is a chip to the task page');
+  assert.match(src, /<a class="lb-name" href="\/builders\/profile\?id=\$\{encodeURIComponent\(String\(s\.builder_id\)\)\}">/, 'the builder is a door to their profile');
+  assert.match(src, /<span class="ov-mono" title="\$\{escapeHtml\(s\.session_id\)\}">/, 'the session id is a mono fact with the full id on hover');
+  assert.match(src, /fmtInt\(s\.drachmae_earned\)/, 'what the session earned is on the row');
+  assert.doesNotMatch(src, /`#\$\{escapeHtml\(t\)\}`/, 'no bare hash-prefixed task text');
+  const html = read('sessions.html');
+  assert.match(html, /<section class="ov-summary" id="stats-scroll"/, 'the totals are the top-of-page strip');
+  assert.match(html, /<div class="stat-row" id="stats-body"><\/div>/);
+  const ths = (html.match(/<th[ >]/g) || []).length;
+  assert.equal(ths, 9, 'nine columns: session, builder, tasks, earned, turns, tokens, tool errors, duration, recorded');
+  assert.match(src, /colspan="9"/, 'the empty row spans them all');
+  const fam = html.indexOf('/builders/oversight.css');
+  assert.ok(fam > 0 && html.indexOf('/builders/sessions.css') > fam, 'sessions.html links the family sheet before its own');
+});
+
+test('sessions: the floor is written from the pack\'s rank label, never a hardcoded rank', () => {
+  const src = read('sessions.js');
+  const sealed = src.slice(src.indexOf('function showSealed'), src.indexOf('// ---- paging state'));
+  assert.match(sealed, /const floor = rankLabel\('metic'\)/);
+  assert.match(sealed, /\$\('#gate-h'\)\.textContent = `\$\{floor\} and up`/);
+  assert.doesNotMatch(decomment(src), /Archons only|Metic rank up|Archon-only/);
+  assert.doesNotMatch(read('sessions.html'), /Archon/);
+});
+
+// =========================================================================
+// The harness carries what the pages read, and the states files ask for the new states
+// =========================================================================
+
+test('the harness feeds: rollups for every goal, the category set, avatars on the directory', () => {
+  const goals = readJson('goals.json').goals;
+  const rollups = readJson('goals__rollups.json').rollups;
+  const byGoal = new Set(rollups.map((r) => String(r.goal_id)));
+  for (const g of goals) assert.ok(byGoal.has(String(g.id)), `goal ${g.id} has a rollup row`);
+  assert.ok(rollups.some((r) => r.next_ready_id), 'at least one row has a claimable next task');
+  assert.ok(rollups.some((r) => r.blocked > 0 && r.ready === 0 && r.active === 0), 'at least one goal is blocked-only');
+  assert.ok(goals.some((g) => g.subtitle), 'some goals carry a subtitle');
+  assert.ok(goals.some((g) => g.category && g.category.slug), 'some goals carry a category');
+  const cats = readJson('work-categories.json').categories;
+  assert.ok(cats.length >= 2 && cats.every((c) => c.slug && c.label));
+  const dir = readJson('scouting.json').builders;
+  assert.ok(dir.some((b) => b.avatar_url) && dir.some((b) => !b.avatar_url), 'the directory fixture has builders with and without an avatar');
+});
+
+test('the states files exercise the redesign\'s new states', () => {
+  const goals = JSON.parse(read('goals.states.json'));
+  assert.ok(goals.states.filters && goals.states.cards, 'goals: the Filters disclosure and the cards view are measured');
+  assert.deepEqual(goals.states.cards.expect.value, [['#f-goal-view', 'cards']]);
+  const people = JSON.parse(read('people.states.json'));
+  assert.ok(people.states.search, 'people: a search is measured');
+  const scouting = JSON.parse(read('scouting.states.json'));
+  assert.deepEqual(scouting.states.board.expect.visible, ['#people-scroll'], 'scouting expects the People panel');
+  const sessions = JSON.parse(read('sessions.states.json'));
+  assert.deepEqual(sessions.states.ledger.expect.visible, ['#stats-scroll', '#sessions-scroll']);
+});

package/tests/ui_design_skills.mjs

@@ -148,6 +148,58 @@ test('impeccable carries none of the behaviour that made its origin dangerous: n
   assert.match(skill, /1003329/, 'the detector is named as its own task, not shipped here');
 });
 
+// ── the image family (task 1003328, ADR 0222): plates and hero objects only, never screens ──
+const IMAGE_FAMILY = ['image-to-code', 'imagegen-frontend-web', 'imagegen-frontend-mobile', 'brandkit'];
+
+test('the image family of task 1003328 exists as four in-house skills, declared, each naming the sidecar, "text-free" and the art pipeline key in its own rules', () => {
+  const pre = read(path.join(SKILLS, 'PREAMBLE.md')).trimEnd();
+  for (const name of IMAGE_FAMILY) {
+    assert.ok(ownDirs.includes(name), `${name}: skills/${name}/SKILL.md exists`);
+    assert.ok(manifest.contributes.skills.includes(name), `${name}: declared in contributes.skills`);
+    const text = read(path.join(SKILLS, name, 'SKILL.md'));
+    const own = text.slice(text.indexOf(pre) + pre.length);
+    assert.match(own, /sidecar/i, `${name}: names the provenance sidecar beside every plate (DESIGN.md's materials contract)`);
+    assert.match(own, /text-free/i, `${name}: restates that a plate carries no text`);
+    assert.match(own, /art[- ]key|art pipeline/i, `${name}: generation goes through the instance's art pipeline key, never a credential of its own`);
+    assert.match(own, /1003328/, `${name}: names the port task`);
+  }
+});
+
+test('no image-family skill carries the directives the panel flagged: no eagerness, no image-count mandate, no one-image-per-section or per-screen rule, no must-invoke-any-image-tool', () => {
+  const pre = read(path.join(SKILLS, 'PREAMBLE.md')).trimEnd();
+  for (const name of IMAGE_FAMILY) {
+    const text = read(path.join(SKILLS, name, 'SKILL.md'));
+    const own = text.slice(text.indexOf(pre) + pre.length);
+    assert.doesNotMatch(own, /IMAGE_GENERATION_EAGERNESS|eagerness\s*[:=]/i, `${name}: no eagerness setting`);
+    assert.doesNotMatch(own, /do not be lazy|don't be lazy/i, `${name}: no image-count goad`);
+    assert.doesNotMatch(own, /\b(exactly|generate|produce|render)\s+one\s+(image|frame|render)\s+per\s+(section|screen)\b/i, `${name}: no one-image-per-section or per-screen rule as a directive (naming the upstream's rule in the Rebuilt-from is fine)`);
+    assert.doesNotMatch(own, /\b(must|always)\s+(invoke|call|use)\s+(any|every|an?|the)\s+(available\s+)?image[- ]generat/i, `${name}: no must-invoke-any-image-tool directive`);
+    assert.doesNotMatch(own, /scale[s]?\s+(the\s+)?image\s+count\s+with/i, `${name}: no count scaled with sections (naming it as the upstream's is fine; directing it is not)`);
+  }
+  for (const name of ['imagegen-frontend-mobile', 'brandkit']) {
+    const own = read(path.join(SKILLS, name, 'SKILL.md'));
+    assert.match(own, /never (a|an) (screen|phone mockup|generated logo)|no phone mockups?/i, `${name}: says what it will not generate`);
+  }
+});
+
+test('the worked example of the image family is the grove specimen: the pair with a sidecar beside every raster, referenced as tokens on the mock body', () => {
+  const grove = path.join(MODULE, 'styles', 'grove');
+  for (const f of ['grove-pod.jpg', 'grove-pod-cut.webp']) {
+    assert.ok(fs.existsSync(path.join(grove, 'assets', f)), `styles/grove/assets/${f} exists`);
+    const side = path.join(grove, 'assets', `${f}.json`);
+    assert.ok(fs.existsSync(side), `${f}.json sidecar beside it (named WITH the extension)`);
+    const meta = readJson(side);
+    for (const k of ['kind', 'model', 'prompt', 'encoded', 'use']) assert.ok(meta[k], `${f}.json carries ${k}`);
+    assert.match(meta.prompt, /no text/i, 'the prompt carries the text-free refusal');
+  }
+  const mock = read(path.join(grove, 'mock.html'));
+  assert.match(mock, /--plate-pod:\s*url\(\/assets\/grove-pod\.jpg\)/, 'the dark plate is a token on body, root-absolute');
+  assert.match(mock, /--plate-pod-cut:\s*url\(\/assets\/grove-pod-cut\.webp\)/, 'the light cutout is a token on body, root-absolute');
+  assert.ok(!/<img\b/i.test(mock), 'the plate is a token, not an <img>');
+  const design = read(path.join(grove, 'DESIGN.md'));
+  assert.match(design, /grove-pod\.jpg/, 'the look\'s DESIGN.md names its specimen\'s plate instead of claiming it brings none');
+});
+
 test('every in-house SKILL.md opens with the PLATFORM PREAMBLE, byte-identical to PREAMBLE.md, exactly once, right after its frontmatter', () => {
   const pre = read(path.join(SKILLS, 'PREAMBLE.md')).trimEnd();
   for (const name of ownDirs) {

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

@@ -1,73 +0,0 @@
-// scouting.js — the internal Archon-only cross-project scouting view (ADR 0141 §4,
-// task #1002114). Fetches /api/gds/scouting (Archon-gated server-side) and renders a
-// ranked table. A non-Archon gets a 403 and sees the Archon-only notice — the data
-// endpoint's rank gate is the real protection ("NOT shown to builders"). All network
-// values are rendered via textContent — never innerHTML.
-(function () {
-  'use strict';
-  var body = document.getElementById('body');
-
-  function el(tag, cls) { var e = document.createElement(tag); if (cls) e.className = cls; return e; }
-  function td(text, cls) { var c = el('td', cls); c.textContent = text; return c; }
-
-  function fmtRecency(iso) {
-    if (!iso) return '—';
-    var t = Date.parse(iso);
-    if (isNaN(t)) return '—';
-    var days = Math.floor((Date.now() - t) / 86400000);
-    if (days <= 0) return 'today';
-    if (days === 1) return '1 day ago';
-    if (days < 30) return days + ' days ago';
-    return Math.floor(days / 30) + ' mo ago';
-  }
-
-  function render(builders) {
-    body.className = '';
-    body.textContent = '';
-    if (!builders || builders.length === 0) {
-      body.className = 'profile__placeholder';
-      body.textContent = 'No cross-project activity reported yet.';
-      return;
-    }
-    // table.ledger, appended straight into #body: the design system's table
-    // styling, and #body becomes the :has(> .ledger) phone scroll strip.
-    var table = el('table', 'ledger');
-    var thead = el('thead');
-    var hr = el('tr');
-    [['Builder', ''], ['Projects', 'ledger__num'], ['Credits', 'ledger__num'], ['Ships', 'ledger__num'], ['Karma', 'ledger__num'], ['Disciplines', ''], ['Last active', '']]
-      .forEach(function (h) { var th = el('th', h[1]); th.textContent = h[0]; hr.appendChild(th); });
-    thead.appendChild(hr); table.appendChild(thead);
-    var tbody = el('tbody');
-    builders.forEach(function (b) {
-      var tr = el('tr');
-      var who = el('td');
-      var name = el('span', 'who');
-      name.textContent = b.github_login || b.display_name || ('#' + b.github_id);
-      who.appendChild(name);
-      tr.appendChild(who);
-      tr.appendChild(td(String(b.project_count != null ? b.project_count : '—'), 'ledger__num'));
-      tr.appendChild(td(String(b.total_credits != null ? b.total_credits : 0), 'ledger__num'));
-      tr.appendChild(td(String(b.total_tasks_shipped != null ? b.total_tasks_shipped : 0), 'ledger__num'));
-      tr.appendChild(td(String(b.total_karma != null ? b.total_karma : 0), 'ledger__num'));
-      tr.appendChild(td(Array.isArray(b.disciplines) ? b.disciplines.join(', ') : '—'));
-      tr.appendChild(td(fmtRecency(b.last_active)));
-      tbody.appendChild(tr);
-    });
-    table.appendChild(tbody);
-    body.appendChild(table);
-  }
-
-  fetch('/api/gds/scouting', { headers: { Accept: 'application/json' } })
-    .then(function (r) {
-      if (r.status === 403 || r.status === 401) { throw { archon: true }; }
-      if (!r.ok) throw new Error('http ' + r.status);
-      return r.json();
-    })
-    .then(function (data) { render(data && data.builders); })
-    .catch(function (e) {
-      body.className = 'profile__placeholder';
-      body.textContent = (e && e.archon)
-        ? 'This view is Archon-only.'
-        : 'Couldn’t load the scouting view right now.';
-    });
-}());