@sleep2agi/agent-network-dashboard 0.5.6 → 0.5.7-preview.0

package/scripts/topo-legend-count-brightness-test.mjs

@@ -1,80 +0,0 @@
-/* Round 588 verification: legend panel count <text> gains
- * filter brightness(1.15) on hoveredPanel === 'legend'.
- * 27th anchor in per-element brightness family. Closes
- * title↔count parity at legend panel header.
- *
- * Test phases:
- *   1. mock nodes → legend panel renders
- *   2. rest (no panel hover): filter='none', brightness-attr='1'
- *   3. transition-property contains 'filter'
- *   4. source: filter conditional + data-attr
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1200 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try {
-    localStorage.setItem('anet-theme', 'cyber');
-    localStorage.setItem('anet-topo-layout', 'ring');
-    sessionStorage.setItem('anet_v3_auth', '1');
-  } catch {}
-});
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias) => ({
-    alias, status: 'idle', model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [mk('a·1'), mk('a·2'), mk('a·3')] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*',    (r) => r.fulfill({ json: { tasks: [] } }));
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'networkidle' });
-await page.waitForSelector('[data-legend-panel-count-brightness]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const rest = await page.evaluate(() => {
-  const el = document.querySelector('[data-legend-panel-count-brightness]');
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    filter: cs.filter,
-    transitionProperty: cs.transitionProperty,
-    brightnessAttr: el.getAttribute('data-legend-panel-count-brightness'),
-    letterSpacingAttr: el.getAttribute('data-legend-panel-count-letter-spacing'),
-    textContent: el.textContent,
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceFilter = /filter: hoveredPanel === 'legend' \? 'brightness\(1\.15\)' : undefined/.test(src);
-const sourceAttr = /data-legend-panel-count-brightness=\{hoveredPanel === 'legend' \? '1\.15' : '1'\}/.test(src);
-const sourceTransition = /transition: 'fill 200ms ease-out, font-weight 200ms ease-out, letter-spacing 200ms ease-out, filter 200ms ease-out'/.test(src);
-
-const results = {
-  count_present:          !!rest,
-  rest_filter_none:       rest?.filter === 'none',
-  rest_brightness_1:      rest?.brightnessAttr === '1',
-  rest_letter_spacing:    rest?.letterSpacingAttr === '0.2',
-  transition_has_filter:  /filter/.test(rest?.transitionProperty || ''),
-  source_filter:          sourceFilter,
-  source_attr:            sourceAttr,
-  source_transition:      sourceTransition,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R588 legend-panel-count brightness (27th anchor, panel-header parity):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(rest)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-legend-count-empty-test.mjs

@@ -1,126 +0,0 @@
-/* Round 204 verification: legend count text recedes when its status
- * tier is empty (count = 0). Pre-R204 "0" at opacity 0.65 read
- * visually identical to "12" at opacity 0.65; R204 drops empty rows
- * to 0.30 (dark) / 0.28 (light) so the eye gets a "no nodes in this
- * tier" signal without parsing the digit.
- *
- * Test (cyber dark, all 4 sessions = working → idle=0, offline=0):
- *   1. Three legend count texts present with data-legend-count for
- *      working / idle / offline.
- *   2. Working row: count='4', data-legend-count-empty='false',
- *      opacity = 0.65 (idle, not hovered).
- *   3. Idle row: count='0', data-legend-count-empty='true',
- *      opacity ≈ 0.30 (dim recede).
- *   4. Offline row: count='0', data-legend-count-empty='true',
- *      opacity ≈ 0.30.
- *   5. Hover working row → its count bumps to opacity ~0.95
- *      (existing R95 hover behaviour unbroken).
- *   6. Hover idle row → empty-tier opacity DOES NOT bump (empty
- *      gate wins over hover). Recedes regardless.
- *   7. Transition: opacity 150ms ease-out still on all three.
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const browser = await chromium.launch({ headless: true });
-
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  // All 4 working — idle / offline tiers empty
-  const mk = (alias) => ({
-    alias, status: 'working', model: 'claude-opus-4', runtime: 'cli-claude-code',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha'), mk('beta'), mk('gamma'), mk('delta'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (route) => route.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*', (route) => route.fulfill({ json: { tasks: [] } }));
-
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForFunction(() => document.querySelectorAll('g[data-node]').length === 4, { timeout: 30000 });
-await page.waitForSelector('[data-legend-count="working"]', { timeout: 10000 });
-await page.waitForTimeout(300);
-
-const probe = async () => page.evaluate(() => {
-  const pick = (key) => {
-    const el = document.querySelector(`[data-legend-count="${key}"]`);
-    if (!el) return null;
-    return {
-      key,
-      text:        el.textContent,
-      empty:       el.getAttribute('data-legend-count-empty'),
-      opacity:     parseFloat(el.getAttribute('opacity') || ''),
-      transition:  el.style.transition,
-    };
-  };
-  return { working: pick('working'), idle: pick('idle'), offline: pick('offline') };
-});
-
-const idle = await probe();
-
-// Hover the working row — verify R95 hover bump still fires (count > 0)
-await page.hover('[data-legend-status="working"]');
-await page.waitForTimeout(200);
-const hovWorking = await probe();
-
-// Move off, then hover the empty (idle=0) row — verify empty gate wins
-await page.mouse.move(0, 0);
-await page.waitForTimeout(200);
-await page.hover('[data-legend-status="idle"]');
-await page.waitForTimeout(200);
-const hovIdle = await probe();
-
-await page.mouse.move(0, 0);
-await page.waitForTimeout(200);
-
-await browser.close();
-
-const opacityNear = (got, want, tol = 0.04) => Math.abs(got - want) < tol;
-
-const results = {
-  working_present:           !!idle?.working,
-  idle_present:              !!idle?.idle,
-  offline_present:           !!idle?.offline,
-
-  working_text_4:            idle?.working?.text === '4',
-  working_not_empty:         idle?.working?.empty === 'false',
-  working_opacity_0p65:      opacityNear(idle?.working?.opacity ?? 0, 0.65),
-
-  idle_text_0:               idle?.idle?.text === '0',
-  idle_empty_true:           idle?.idle?.empty === 'true',
-  idle_opacity_dim:          opacityNear(idle?.idle?.opacity ?? 0, 0.30),
-
-  offline_text_0:            idle?.offline?.text === '0',
-  offline_empty_true:        idle?.offline?.empty === 'true',
-  offline_opacity_dim:       opacityNear(idle?.offline?.opacity ?? 0, 0.30),
-
-  // R95 hover still bumps when row populated
-  working_hover_opacity_high: opacityNear(hovWorking?.working?.opacity ?? 0, 0.95),
-
-  // Empty-gate wins: hovering an empty row does NOT bump its count opacity
-  idle_hover_stays_dim:       opacityNear(hovIdle?.idle?.opacity ?? 0, 0.30),
-
-  // Transition still in place across all 3
-  all_have_transition:        ['working', 'idle', 'offline'].every(k =>
-    /opacity\s+(?:150ms|0\.15s)/.test(idle?.[k]?.transition || '')),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} legend count empty:`, JSON.stringify(results),
-  `\n  idle:`,        idle,
-  `\n  hovWorking:`,  hovWorking,
-  `\n  hovIdle:`,     hovIdle);
-process.exit(ok ? 0 : 1);

package/scripts/topo-legend-count-halo-layers-test.mjs

@@ -1,79 +0,0 @@
-/* Round 671 — legend-row COUNT text extends single-axis brightness
- * to 2-layer drop-shadow at row.fill (per-tier color) tint with 3+6
- * stride and alpha 99/4c — matches R665 swatch convention. Completes
- * legend-row tier closure: swatch + label + count all multi-layer
- * halo. 30th anchor in family.
- *
- * Source assertions:
- *   - filter chain uses row.fill at 0x99 + 0x4c with 3+6 stride
- *   - data-legend-count-halo-layers attr toggles '2' ↔ '0'
- *
- * Runtime assertions:
- *   - all 3 legend rows present, halo-layers='0' at rest
- *   - brightness attr at rest: '1' on all rows
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1200 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try {
-    localStorage.setItem('anet-theme', 'cyber');
-    localStorage.setItem('anet-topo-layout', 'ring');
-    sessionStorage.setItem('anet_v3_auth', '1');
-  } catch {}
-});
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias, status) => ({
-    alias, status, model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('a·1', 'working'), mk('a·2', 'working'),
-    mk('a·3', 'idle'),    mk('a·4', 'idle'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*',    (r) => r.fulfill({ json: { tasks: [] } }));
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'networkidle' });
-await page.waitForSelector('[data-legend-count-brightness]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const restCounts = await page.evaluate(() => {
-  return Array.from(document.querySelectorAll('[data-legend-count-brightness]')).map(el => ({
-    brightness: el.getAttribute('data-legend-count-brightness'),
-    layers:     el.getAttribute('data-legend-count-halo-layers'),
-  }));
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceFilter = /\? `drop-shadow\(0 0 3px \$\{row\.fill\}99\) drop-shadow\(0 0 6px \$\{row\.fill\}4c\) brightness\(1\.15\)`/.test(src);
-const sourceLayersAttr = /data-legend-count-halo-layers=\{\(hoveredStatus === row\.key \|\| isPinned\) \? '2' : '0'\}/.test(src);
-
-const restAllZero    = restCounts.every(r => r.layers === '0');
-const restAllOneBri  = restCounts.every(r => r.brightness === '1');
-
-const results = {
-  counts_present:        restCounts.length >= 3,
-  rest_all_layers_zero:  restAllZero,
-  rest_all_brightness_1: restAllOneBri,
-  source_filter:         sourceFilter,
-  source_layers_attr:    sourceLayersAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R671 legend-row count multi-layer halo (per-tier row.fill tint):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(restCounts)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-legend-count-letter-spacing-test.mjs

@@ -1,108 +0,0 @@
-/* Round 518 verification: legend-row COUNT digit gains the same 3-tier
- * hover-letter-spacing tween R433 added to the LABEL — symmetric row
- * hover gesture. Also lifts transition list 150 → 200ms closing R475
- * panel-row cadence at the count surface.
- *
- * Test phases:
- *   1. rest:  letter-spacing 0px, attr='0px', transition includes '200ms'
- *   2. hover: letter-spacing 0.25px, attr='0.25px'
- *   3. source-side regex confirms 3-tier wiring + 200ms cadence
- *
- * Pin tier (0.5px) requires real click + filter-pin localStorage —
- * skip and rely on source-regex for the pinned tier.
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1200 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try {
-    localStorage.setItem('anet-theme', 'cyber');
-    localStorage.setItem('anet-topo-layout', 'ring');
-    sessionStorage.setItem('anet_v3_auth', '1');
-  } catch {}
-});
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias, status) => ({
-    alias, status, model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('a·1', 'idle'),
-    mk('a·2', 'idle'),
-    mk('b·1', 'working'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*',    (r) => r.fulfill({ json: { tasks: [] } }));
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'networkidle' });
-await page.waitForSelector('[data-legend-count]', { timeout: 15000 });
-await page.waitForTimeout(800);
-
-// Pick the 'online' row's count (it'll have count > 0 so we see typography)
-const targetSel = '[data-legend-count="idle"]';
-
-// Phase 1: rest
-const rest = await page.evaluate((sel) => {
-  const el = document.querySelector(sel);
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    attrLS:        el.getAttribute('data-legend-count-letter-spacing'),
-    attrTrans:     el.getAttribute('data-legend-count-transition'),
-    letterSpacing: cs.letterSpacing,
-    transition:    cs.transition,
-  };
-}, targetSel);
-
-// Phase 2: hover the row's hitbox (the parent g — but row hover is keyed
-// on hoveredStatus which is set by mouseEnter on the row-hitbox rect.
-// Easier: hover the LABEL text (also part of the row) and observe count.
-await page.hover('[data-legend-row-label="idle"]');
-await page.waitForTimeout(350);
-const hover = await page.evaluate((sel) => {
-  const el = document.querySelector(sel);
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    attrLS:        el.getAttribute('data-legend-count-letter-spacing'),
-    letterSpacing: cs.letterSpacing,
-  };
-}, targetSel);
-
-await browser.close();
-
-// Phase 3: source regex — verifies all 3 tiers + 200ms cadence
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceWiredLS =
-  /letterSpacing: isPinned \? '0\.5px' :\s*hoveredStatus === row\.key \? '0\.25px' : '0px',/.test(src);
-const sourceWiredAttr =
-  /data-legend-count-letter-spacing=\{isPinned \? '0\.5px' : hoveredStatus === row\.key \? '0\.25px' : '0px'\}/.test(src);
-const sourceWiredCadence =
-  /transition: 'opacity 200ms ease-out, fill 200ms ease-out, font-weight 200ms ease-out, letter-spacing 200ms ease-out',/.test(src);
-
-const results = {
-  rest_attr_0:               rest?.attrLS === '0px',
-  rest_attr_transition_200:  rest?.attrTrans === '200ms',
-  rest_letter_spacing_0:     rest?.letterSpacing === '0px' || rest?.letterSpacing === 'normal',
-  rest_transition_200ms:     /(200ms|0\.2s)/.test(rest?.transition || ''),
-  hover_attr_025:            hover?.attrLS === '0.25px',
-  hover_letter_spacing_025:  hover?.letterSpacing === '0.25px',
-  source_3_tier_ls:          sourceWiredLS,
-  source_attr_3_tier:        sourceWiredAttr,
-  source_200ms_cadence:      sourceWiredCadence,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R518 legend-count 3-tier letter-spacing + 200ms:`, JSON.stringify(results, null, 2),
-  '\n  rest:', JSON.stringify(rest), '\n  hover:', JSON.stringify(hover));
-process.exit(ok ? 0 : 1);

package/scripts/topo-legend-count-pin-fw-test.mjs

@@ -1,90 +0,0 @@
-/* Round 446 verification: legend-row count fontWeight lift on isPinned.
- * 600 → 700 when the status tier is pinned. Mirror of R444/R445 at
- * legend-row scope.
- *
- * Contract:
- *   - rest: every legend-count reports font-weight '600' + pinned='false'
- *   - click a legend-status group: that row's count flips to '700' +
- *     pinned='true'; siblings stay rest
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias, status) => ({
-    alias, status, model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha', 'working'),
-    mk('beta',  'working'),
-    mk('gamma', 'idle'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*',    (r) => r.fulfill({ json: { tasks: [] } }));
-
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForSelector('[data-legend-count]', { timeout: 15000 });
-await page.waitForTimeout(400);
-
-const readAll = () => page.evaluate(() => {
-  const ts = [...document.querySelectorAll('[data-legend-count]')];
-  return ts.map(t => ({
-    key:    t.getAttribute('data-legend-count'),
-    fw:     t.getAttribute('font-weight'),
-    pinned: t.getAttribute('data-legend-count-pinned'),
-  }));
-});
-
-const rest = await readAll();
-
-// Click the 'working' status row to pin it
-let pinned = null;
-const workingGroup = await page.$(`[data-legend-status="working"]`);
-if (workingGroup) {
-  await workingGroup.click();
-  await page.waitForTimeout(250);
-  pinned = await readAll();
-}
-
-const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceWired = /fontWeight=\{isPinned \? '700' : '600'\}/.test(fileText);
-
-await browser.close();
-
-const restAll600    = rest.every(r => r.fw === '600');
-const restNoPin     = rest.every(r => r.pinned === 'false');
-const pinnedEntry   = pinned?.find(r => r.key === 'working');
-const pinFw_700     = pinnedEntry?.fw === '700';
-const pinFlag       = pinnedEntry?.pinned === 'true';
-const othersStayRest = pinned ? pinned.filter(r => r.key !== 'working').every(r => r.fw === '600' && r.pinned === 'false') : false;
-
-const results = {
-  rest_three_rows:       rest.length === 3,
-  rest_all_fw_600:       restAll600,
-  rest_no_pin:           restNoPin,
-  pinned_target_fw_700:  pinFw_700,
-  pinned_target_flag:    pinFlag,
-  pinned_others_stay:    othersStayRest,
-  source_wired:          sourceWired,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} legend count fw pin:`, JSON.stringify(results),
-  '\n  rest:', JSON.stringify(rest),
-  '\n  pinned target:', JSON.stringify(pinnedEntry));
-process.exit(ok ? 0 : 1);

package/scripts/topo-legend-count-tabular-parity-test.mjs

@@ -1,90 +0,0 @@
-/* Round 292 verification: legend panel header count picks up explicit
- * fontVariantNumeric='tabular-nums' parity with the recent-signal
- * panel header count (R232). Both panel headers now declare tabular-
- * nums explicitly in inline style.
- *
- * Pre-R292 the legend count inherited tabular digit width via
- * monospace but lacked the explicit directive its sibling
- * recent-signal count carries. Post-R292 the panel-header pair
- * shares the same explicit declaration.
- *
- * Note distinct from R274 (topo-legend-count-tabular-test.mjs)
- * which probes the per-ROW counts (working/idle/offline). R292
- * is the panel-level HEADER count ("N nodes" right-anchored).
- *
- * Contract:
- *   - [data-legend-panel-count] computed font-variant-numeric
- *     includes 'tabular-nums'.
- *   - Text content still '{N} node[s]'.
- *   - [data-recent-panel-count] also tabular (sibling parity check).
- *   - R291 starfield 14 dots + R290 three radar rings intact.
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias, model) => ({
-    alias, status: 'working', model, runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha', 'claude-opus-4'),
-    mk('beta',  'gpt-4o'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*', (r) => r.fulfill({ json: { tasks: [] } }));
-
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForSelector('[data-legend-panel-count]', { timeout: 15000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const legendCount = document.querySelector('[data-legend-panel-count]');
-  const recentCount = document.querySelector('[data-recent-panel-count]');
-  const legendFvn = legendCount ? getComputedStyle(legendCount).fontVariantNumeric : null;
-  const recentFvn = recentCount ? getComputedStyle(recentCount).fontVariantNumeric : null;
-  const dots = document.querySelectorAll('[data-topo-starfield-dot]');
-  const rings = [...document.querySelectorAll('[data-topo-radar-ring]')]
-    .map(r => r.getAttribute('data-topo-radar-ring')).sort((a, b) => +a - +b);
-  return {
-    legendText:        legendCount?.textContent ?? null,
-    legendFvn,
-    legendFontFamily:  legendCount ? getComputedStyle(legendCount).fontFamily : null,
-    recentFvn,
-    starfieldCount:    dots.length,
-    radarRings:        rings,
-  };
-});
-await browser.close();
-
-const hasTab = (s) => /tabular-nums/.test(s || '');
-
-const results = {
-  legend_count_tabular:       hasTab(probe.legendFvn),
-  legend_count_text_kept:     /^\d+ node/.test(probe.legendText || ''),
-  legend_count_monospace:     /mono/i.test(probe.legendFontFamily || ''),
-  recent_count_tabular_sib:   hasTab(probe.recentFvn),
-  r291_starfield_14:          probe.starfieldCount === 14,
-  r290_three_rings:           JSON.stringify(probe.radarRings) === JSON.stringify(['170', '250', '330']),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} legend count tabular parity:`, JSON.stringify(results),
-  '\n  legend text:', JSON.stringify(probe.legendText),
-  '\n  legend font-variant-numeric:', probe.legendFvn,
-  '\n  legend font-family:', probe.legendFontFamily,
-  '\n  recent (sibling) font-variant-numeric:', probe.recentFvn);
-process.exit(ok ? 0 : 1);

package/scripts/topo-legend-count-tabular-test.mjs

@@ -1,87 +0,0 @@
-/* Round 274 verification: legend per-row count text gains tabular-nums.
- *
- * Pre-R274 the legend per-row count at x=215 used fontFamily="monospace"
- * (typically tabular by nature) but NO explicit fontVariantNumeric:
- * 'tabular-nums'. The recent-signal panel header flow-count (R225)
- * AND the group-label pip strip (R230) both explicitly set tabular-
- * nums for digit-width stability across 9→10 / 99→100 thresholds.
- *
- * R274 closes the consistency gap: legend per-row counts now also
- * carry fontVariantNumeric: 'tabular-nums'. Belt-and-suspenders for
- * monospace fonts where some implementations have subtle digit-pair
- * variance.
- *
- * Test scope:
- *   1. Working row count text has computed fontVariantNumeric ===
- *      'tabular-nums'.
- *   2. Idle row count text same.
- *   3. Offline row count text same.
- *   4. R273 Layout toggle Grid inactive has hover:text-cyan-300
- *      (regression).
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias, status = 'working') => ({
-    alias, status, model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  // Mix of statuses so all 3 legend row counts have non-zero values
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha', 'working'), mk('beta', 'idle'),
-    mk('gamma', 'idle'),    mk('delta', 'idle'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*', (r) => r.fulfill({ json: { tasks: [] } }));
-
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForFunction(() => document.querySelectorAll('g[data-node]').length === 4, { timeout: 30000 });
-await page.waitForSelector('[data-legend-count="working"]', { timeout: 10000 });
-await page.waitForSelector('[data-legend-count="idle"]',    { timeout: 10000 });
-await page.waitForSelector('[data-legend-count="offline"]', { timeout: 10000 });
-await page.waitForSelector('[data-topo-chrome-layout="grid"]', { timeout: 10000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const working = document.querySelector('[data-legend-count="working"]');
-  const idle    = document.querySelector('[data-legend-count="idle"]');
-  const offline = document.querySelector('[data-legend-count="offline"]');
-  const grid    = document.querySelector('[data-topo-chrome-layout="grid"]');
-  return {
-    workingFVN: working ? window.getComputedStyle(working).fontVariantNumeric : null,
-    idleFVN:    idle    ? window.getComputedStyle(idle).fontVariantNumeric    : null,
-    offlineFVN: offline ? window.getComputedStyle(offline).fontVariantNumeric : null,
-    gridClasses: grid    ? grid.className.toString() : null,
-  };
-});
-await browser.close();
-
-const isTabular = (v) => v != null && v.includes('tabular-nums');
-
-const results = {
-  working_count_tabular:        isTabular(probe.workingFVN),
-  idle_count_tabular:           isTabular(probe.idleFVN),
-  offline_count_tabular:        isTabular(probe.offlineFVN),
-  r273_grid_has_cyan_hover_text: (probe.gridClasses || '').includes('hover:text-cyan-300'),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} legend count tabular-nums:`, JSON.stringify(results),
-  '\n  working FVN:', probe.workingFVN,
-  '\n  idle FVN:   ', probe.idleFVN,
-  '\n  offline FVN:', probe.offlineFVN);
-process.exit(ok ? 0 : 1);