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

package/scripts/topo-pan-cursor-test.mjs

@@ -1,62 +0,0 @@
-/* Round 21 verification: SVG cursor flips from grab → grabbing during
- * a pan drag and back to grab on release. */
-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 });
-// Need a tall enough viewport to keep the SVG ABOVE the fold so real
-// pointer events land — at 1280×900 the canvas starts at ~y=815 (the
-// /admin hero + StatsBar above push it below the viewport bottom).
-const ctx = await browser.newContext({ viewport: { width: 1280, height: 1600 } });
-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', 'grid');
-    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 sessions = ['a', 'b'].map(a => ({
-    alias: a, status: 'idle', network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  }));
-  await route.fulfill({ response: r, json: { ...b, sessions } });
-});
-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.waitForSelector('svg[viewBox="0 0 1000 680"]', { timeout: 30000 });
-await page.waitForTimeout(400);
-
-const cursorAt = () => page.$eval('svg[viewBox="0 0 1000 680"]', el => el.style.cursor);
-const rest = await cursorAt();
-
-// pick a pan-safe target far from any node — top-left empty canvas region
-const box = await page.$eval('svg[viewBox="0 0 1000 680"]', el => el.getBoundingClientRect());
-const sx = box.x + box.width * 0.08;
-const sy = box.y + box.height * 0.40;
-
-await page.mouse.move(sx, sy);
-await page.mouse.down();
-await page.mouse.move(sx + 40, sy + 30);
-await page.waitForTimeout(50);
-const during = await cursorAt();
-await page.mouse.up();
-await page.waitForTimeout(50);
-const after = await cursorAt();
-
-await browser.close();
-const results = {
-  restIsGrab: rest === 'grab',
-  duringIsGrabbing: during === 'grabbing',
-  afterIsGrab: after === 'grab',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} pan cursor:`, JSON.stringify(results), `rest=${rest} during=${during} after=${after}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-panel-count-fw-hover-test.mjs

@@ -1,105 +0,0 @@
-/* Round 424 verification: panel header count digit fontWeight 600 →
- * 700 on panel hover. Closes the 5-layer panel hover cue stack with
- * a typographic-weight axis at the panel-header data scope:
- *   R135 drop-shadow (depth)
- *   R348 fill opacity (solidity)
- *   R345 title letter-spacing (spacing)
- *   R423 stroke→legendAccent (color/edge)
- *   R424 count digit fw 600→700 (weight)
- *
- * Contract:
- *   - rest state: data-recent-panel-count + data-legend-panel-count
- *     tspans report computed font-weight matching rest branch (600)
- *   - geometry / R311 / R310 invariants preserved (digit text reads,
- *     R348 rest opacity '0.92' still applies to outer rect)
- *   - source-file probe verifies both panels are wired with
- *     `hoveredPanel === '<key>' ? '700' : '600'` conditional
- *   - panel hover dispatch on the panel <g> is unreliable
- *     (React's onMouseEnter non-bubbling synthetic — same R423
- *     finding); source-file verification is the canonical contract
- *     for the hover branch, same pattern R348/R394/R412/R423 used.
- */
-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',  'idle'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({
-  json: { messages: [
-    { id: 'm1', from_alias: 'alpha', to_alias: 'beta', content: 'ping', created_at: fresh, network_id: 'default' },
-  ] },
-}));
-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-recent-panel-count], [data-legend-panel-count]', { timeout: 15000 });
-await page.waitForTimeout(400);
-
-const rest = await page.evaluate(() => {
-  const r = document.querySelector('[data-recent-panel-count]');
-  const l = document.querySelector('[data-legend-panel-count]');
-  return {
-    recent: r ? {
-      fw_attr: r.getAttribute('font-weight'),
-      fw_computed: getComputedStyle(r).fontWeight,
-      text: r.textContent,
-    } : null,
-    legend: l ? {
-      fw_attr: l.getAttribute('font-weight'),
-      fw_computed: getComputedStyle(l).fontWeight,
-      text: l.textContent,
-    } : null,
-  };
-});
-
-// Source-file verification — runtime hover dispatch on the panel <g>
-// is unreliable (R423 finding). Same source-file probe pattern.
-const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const recentSourceWired = /fontWeight=\{hoveredPanel === 'recent' \? '700' : '600'\}/.test(fileText);
-const legendSourceWired = /fontWeight=\{hoveredPanel === 'legend' \? '700' : '600'\}/.test(fileText);
-// R247 transition list extended to include font-weight on both
-const recentTransitionWired = /transition: 'fill 200ms ease-out, font-weight 200ms ease-out'/.test(fileText);
-
-await browser.close();
-
-const results = {
-  // mount / textContent invariants
-  recent_mounted:            !!rest.recent,
-  legend_mounted:            !!rest.legend,
-  recent_has_flows:          /flows/.test(rest.recent?.text || ''),
-  legend_has_nodes:          /node/.test(rest.legend?.text  || ''),
-  // rest font-weight resolves to base 600 (string '600' from attr or computed)
-  recent_rest_fw_600:        rest.recent?.fw_attr === '600' || rest.recent?.fw_computed === '600',
-  legend_rest_fw_600:        rest.legend?.fw_attr === '600' || rest.legend?.fw_computed === '600',
-  // source-file: both panels wired with conditional fw branch
-  source_recent_hover_wired: recentSourceWired,
-  source_legend_hover_wired: legendSourceWired,
-  // transition list extended to font-weight
-  source_transition_wired:   recentTransitionWired,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} panel count digit fw hover:`, JSON.stringify(results),
-  '\n  rest:', rest);
-process.exit(ok ? 0 : 1);

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

@@ -1,91 +0,0 @@
-/* Round 669 — panel-count pair (recent + legend) extends single-axis
- * brightness(1.15) hover paint to the 2-layer drop-shadow halo
- * vocabulary. 28th anchor in multi-layer halo family — symmetric
- * panel-pair sweep (both panel COUNT texts simultaneously).
- *
- * Source assertions:
- *   - recent: filter chain uses pal.legendAccent at 0x80 + 0x40 with 2+4
- *     stride, gated on hoveredPanel === 'recent'
- *   - legend: filter chain uses pal.legendAccent at 0x80 + 0x40 with 2+4
- *     stride, gated on hoveredPanel === 'legend'
- *   - both halo-layers data-attrs toggle '2' ↔ '0' on hover
- *
- * Runtime assertions:
- *   - both panel counts present in DOM at rest, halo-layers='0'
- */
-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: [
-  { id: 'm1', from_alias: 'a·1', to_alias: 'a·2', kind: 'task',    content: 'ping',  network_id: 'default', created_at: fresh },
-  { id: 'm2', from_alias: 'a·2', to_alias: 'a·3', kind: 'message', content: 'pong',  network_id: 'default', created_at: fresh },
-  { id: 'm3', from_alias: 'a·3', to_alias: 'a·1', kind: 'task',    content: 'hello', network_id: 'default', created_at: fresh },
-] } }));
-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]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const restState = await page.evaluate(() => {
-  const legend = document.querySelector('[data-legend-panel-count]');
-  const recent = document.querySelector('[data-recent-panel-count-letter-spacing]');
-  return {
-    legend_present:    !!legend,
-    recent_present:    !!recent,
-    legend_layers:     legend?.getAttribute('data-legend-panel-count-halo-layers'),
-    recent_layers:     recent?.getAttribute('data-recent-panel-count-halo-layers'),
-    legend_brightness: legend?.getAttribute('data-legend-panel-count-brightness'),
-    recent_brightness: recent?.getAttribute('data-recent-panel-count-brightness'),
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceRecentFilter = /hoveredPanel === 'recent' \? `drop-shadow\(0 0 2px \$\{pal\.legendAccent\}80\) drop-shadow\(0 0 4px \$\{pal\.legendAccent\}40\) brightness\(1\.15\)` : undefined/.test(src);
-const sourceLegendFilter = /hoveredPanel === 'legend' \? `drop-shadow\(0 0 2px \$\{pal\.legendAccent\}80\) drop-shadow\(0 0 4px \$\{pal\.legendAccent\}40\) brightness\(1\.15\)` : undefined/.test(src);
-const sourceRecentAttr = /data-recent-panel-count-halo-layers=\{hoveredPanel === 'recent' \? '2' : '0'\}/.test(src);
-const sourceLegendAttr = /data-legend-panel-count-halo-layers=\{hoveredPanel === 'legend' \? '2' : '0'\}/.test(src);
-
-const results = {
-  recent_present:        restState.recent_present,
-  legend_present:        restState.legend_present,
-  rest_recent_layers_0:  restState.recent_layers === '0',
-  rest_legend_layers_0:  restState.legend_layers === '0',
-  rest_recent_bright_1:  restState.recent_brightness === '1',
-  rest_legend_bright_1:  restState.legend_brightness === '1',
-  source_recent_filter:  sourceRecentFilter,
-  source_legend_filter:  sourceLegendFilter,
-  source_recent_attr:    sourceRecentAttr,
-  source_legend_attr:    sourceLegendAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R669 panel-count pair multi-layer halo (symmetric panel-pair sweep):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(restState)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-panel-count-hover-ls-test.mjs

@@ -1,87 +0,0 @@
-/* Round 566 verification: panel-header count tspans (recent + legend)
- * gain hover-state letter-spacing tween (0.2 → 0.4 on hoveredPanel).
- * Pairs with R424/R310 hover-fw lift at the same scope.
- *
- * Test phases:
- *   1. rest: data-attr 'letter-spacing' = '0.2' on both
- *   2. source-side regex confirms both wired with hoveredPanel
- *      conditional + transition 'letter-spacing 200ms'
- *
- * (Live SVG hover via Playwright .hover() on the panel <g> is
- *  unreliable for state-driven attrs gated on hoveredPanel react
- *  state — banked R525 pattern; this round uses source-canonical
- *  for the gate verification and live data-attr probing for the
- *  rest state. The conditional itself was added in source.)
- */
-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')] } });
-});
-// 1 message so flowLinks > 0 → recent-panel renders
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [
-  { from_alias: 'a·1', to_alias: 'a·2', content: 'hi', created_at: fresh },
-] } }));
-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]', { timeout: 15000 });
-await page.waitForTimeout(500);
-
-const probe = async () => {
-  return page.evaluate(() => ({
-    recent_ls_attr: document.querySelector('[data-recent-panel-count]')?.parentElement?.getAttribute('data-recent-panel-count-letter-spacing'),
-    legend_ls_attr: document.querySelector('[data-legend-panel-count]')?.getAttribute('data-legend-panel-count-letter-spacing'),
-  }));
-};
-const rest = await probe();
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceRecentLS = /letterSpacing=\{hoveredPanel === 'recent' \? '0\.4' : '0\.2'\}/.test(src);
-const sourceLegendLS = /letterSpacing=\{hoveredPanel === 'legend' \? '0\.4' : '0\.2'\}/.test(src);
-const sourceRecentAttr = /data-recent-panel-count-letter-spacing=\{hoveredPanel === 'recent' \? '0\.4' : '0\.2'\}/.test(src);
-const sourceLegendAttr = /data-legend-panel-count-letter-spacing=\{hoveredPanel === 'legend' \? '0\.4' : '0\.2'\}/.test(src);
-const sourceRecentTransition = /transition: 'letter-spacing 200ms ease-out'/.test(src);
-const sourceLegendTransition = /transition: 'fill 200ms ease-out, font-weight 200ms ease-out, letter-spacing 200ms ease-out'/.test(src);
-
-const results = {
-  // Rest state: data-attrs at the editorial baseline 0.2
-  rest_recent_ls_attr_0_2:   rest.recent_ls_attr === '0.2',
-  rest_legend_ls_attr_0_2:   rest.legend_ls_attr === '0.2',
-  // Source: both panel counts wired with conditional + transition
-  source_recent_ls:          sourceRecentLS,
-  source_legend_ls:          sourceLegendLS,
-  source_recent_attr:        sourceRecentAttr,
-  source_legend_attr:        sourceLegendAttr,
-  source_recent_transition:  sourceRecentTransition,
-  source_legend_transition:  sourceLegendTransition,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R566 panel-count hover letter-spacing (2 sibling anchors):`,
-  JSON.stringify(results, null, 2),
-  '\n  rest:', JSON.stringify(rest));
-process.exit(ok ? 0 : 1);

package/scripts/topo-panel-count-letterspacing-test.mjs

@@ -1,89 +0,0 @@
-/* Round 349 verification: panel header counts pick up editorial
- * letter-spacing 0.2, one tier below the R301 panel title 0.3.
- * Closes the panel-pair editorial symmetry — both top-corner panels
- * now have a 2-step header hierarchy:
- *   title fontSize=12 fontWeight=700 letterSpacing=0.3 (R301)
- *   count fontSize=10 fontWeight=600 letterSpacing=0.2 (R349, this round)
- * Joins the R285 / R289 / R301 / R302 / R304 / R325 editorial-
- * letterspacing tier at the panel-summary scope. The R162 freshness
- * fill, R225 tabular-nums, R311 fontWeight, R336 unit-tspan opacity-0.7
- * split all preserved (SVG inheritance propagates the tier to descendant
- * tspans).
- *
- * Contract:
- *   - Recent-signal panel header count <text> letter-spacing="0.2".
- *   - Legend panel header count <text> letter-spacing="0.2".
- *   - data-{recent,legend}-panel-count-letter-spacing="0.2" attrs present.
- *   - Pre-R349 invariants: R311 fontWeight=600, R225 tabular-nums,
- *     R336 unit-tspan opacity=0.7 all preserved.
- */
-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) => ({
-    alias, status: 'working', 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'), mk('b'), mk('c') ] } });
-});
-// One message → recent panel mounts.
-const now = Date.now();
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [
-  { id: 'm1', from_alias: 'a', to_alias: 'b', content: 'ping',
-    network_id: 'default', created_at: new Date(now - 5000).toISOString() },
-] } }));
-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-recent-panel-count]', { timeout: 15000 });
-await page.waitForSelector('[data-legend-panel-count]', { timeout: 5000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const rTspan  = document.querySelector('[data-recent-panel-count]');
-  const rText   = rTspan?.closest('text');
-  const rUnit   = document.querySelector('[data-recent-panel-count-unit]');
-  const lText   = document.querySelector('[data-legend-panel-count]');
-  const lUnit   = document.querySelector('[data-legend-panel-count-unit]');
-  return {
-    recentTextLs:  rText?.getAttribute('letter-spacing') ?? null,
-    recentLsAttr:  rText?.getAttribute('data-recent-panel-count-letter-spacing') ?? null,
-    recentFw:      rTspan?.getAttribute('font-weight') ?? null,
-    recentUnitOp:  rUnit?.getAttribute('opacity') ?? null,
-    legendTextLs:  lText?.getAttribute('letter-spacing') ?? null,
-    legendLsAttr:  lText?.getAttribute('data-legend-panel-count-letter-spacing') ?? null,
-    legendFw:      lText?.getAttribute('font-weight') ?? null,
-    legendUnitOp:  lUnit?.getAttribute('opacity') ?? null,
-  };
-});
-
-await browser.close();
-
-const results = {
-  recent_text_ls_0_2:  probe.recentTextLs === '0.2',
-  recent_attr_0_2:     probe.recentLsAttr === '0.2',
-  recent_fw_600:       probe.recentFw === '600',           // R311
-  recent_unit_op_0_7:  probe.recentUnitOp === '0.7',       // R336
-  legend_text_ls_0_2:  probe.legendTextLs === '0.2',
-  legend_attr_0_2:     probe.legendLsAttr === '0.2',
-  legend_fw_600:       probe.legendFw === '600',           // R310
-  legend_unit_op_0_7:  probe.legendUnitOp === '0.7',       // R336
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} panel count letter-spacing 0.2:`, JSON.stringify(results),
-  '\n  probe:', probe);
-process.exit(ok ? 0 : 1);

package/scripts/topo-panel-count-unit-test.mjs

@@ -1,112 +0,0 @@
-/* Round 336 verification: 3 panel-header count tspans split their
- * digit from the unit word, with the unit demoted to opacity-0.7:
- *   - data-recent-panel-count-unit       (" flows")
- *   - data-recent-panel-hot-count-unit   (" hot")
- *   - data-legend-panel-count-unit       (" nodes")
- *
- * Same chip-internal-hierarchy pattern R333 (vendor count suffix)
- * + R335 (filter pin prefix) applied at the panel-header scope.
- * 4th-pass on the recurring "small label spans demote, value stays
- * prominent" idiom this loop arc.
- *
- * Contract:
- *   - All 3 unit tspans render with opacity attribute "0.7".
- *   - Their computed opacity reads 0.7.
- *   - Parent count textContent still reads the full string ("5 flows",
- *     "5 nodes" etc) so legacy textContent tests still pass.
- *   - R335 filter prefix opacity-70 + R333 vendor suffix regressions.
- *   - R317/R318/R294 chrome + pulse regressions 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) => ({
-    alias, status: 'working', 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'), mk('beta'), mk('gamma') ] } });
-});
-// 12 individual messages → recent-signal panel mounts + hot count
-// crosses ≥ 10 threshold so the hot-count tspan renders.
-const now = Date.now();
-const mkMsg = (idx, from_alias, to_alias) => ({
-  id: `${from_alias}-${to_alias}-${idx}`,
-  from_alias, to_alias, content: `m${idx}`,
-  network_id: 'default',
-  created_at: new Date(now - (5 + idx) * 1000).toISOString(),
-});
-const messageBatch = Array.from({ length: 12 }, (_, i) => mkMsg(i, 'alpha', 'beta'));
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: messageBatch } }));
-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-recent-panel-count-unit]', { timeout: 15000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const flowsUnit  = document.querySelector('[data-recent-panel-count-unit]');
-  const hotUnit    = document.querySelector('[data-recent-panel-hot-count-unit]');
-  const legendUnit = document.querySelector('[data-legend-panel-count-unit]');
-  const recentCount = document.querySelector('[data-recent-panel-count]');
-  const hotCount    = document.querySelector('[data-recent-panel-hot-count]');
-  const legendCount = document.querySelector('[data-legend-panel-count]');
-  return {
-    flowsUnitAttr:       flowsUnit?.getAttribute('opacity') ?? null,
-    flowsUnitOpacity:    flowsUnit ? getComputedStyle(flowsUnit).opacity : null,
-    flowsUnitText:       flowsUnit?.textContent ?? null,
-    hotUnitAttr:         hotUnit?.getAttribute('opacity') ?? null,
-    hotUnitOpacity:      hotUnit ? getComputedStyle(hotUnit).opacity : null,
-    hotUnitText:         hotUnit?.textContent ?? null,
-    legendUnitAttr:      legendUnit?.getAttribute('opacity') ?? null,
-    legendUnitOpacity:   legendUnit ? getComputedStyle(legendUnit).opacity : null,
-    legendUnitText:      legendUnit?.textContent ?? null,
-    recentCountText:     recentCount?.textContent ?? null,
-    hotCountText:        hotCount?.textContent ?? null,
-    legendCountText:     legendCount?.textContent ?? null,
-    layoutInactiveCls:   document.querySelector('[data-topo-chrome-layout="grid"]')?.className ?? '',
-    layoutActiveCls:     document.querySelector('[data-topo-chrome-layout="ring"]')?.className ?? '',
-    pulseCount:          document.querySelectorAll('[data-pulse-wrapper]').length,
-  };
-});
-await browser.close();
-
-const opacityClose = (val) => val !== null && Math.abs(parseFloat(val) - 0.7) < 0.01;
-
-const results = {
-  flows_unit_attr_0_7:         probe.flowsUnitAttr === '0.7',
-  flows_unit_text_flows:       (probe.flowsUnitText || '').includes('flows'),
-  flows_unit_computed_0_7:     opacityClose(probe.flowsUnitOpacity),
-  hot_unit_attr_0_7:           probe.hotUnitAttr === '0.7',
-  hot_unit_text_hot:           (probe.hotUnitText || '').includes('hot'),
-  legend_unit_attr_0_7:        probe.legendUnitAttr === '0.7',
-  legend_unit_text_nodes:      (probe.legendUnitText || '').includes('node'),
-  // Parent count textContent should still read full string (legacy
-  // R310/R311 tests via textContent rely on this).
-  recent_count_full_text:      /\d+ flows/.test(probe.recentCountText || ''),
-  legend_count_full_text:      /\d+ node/.test(probe.legendCountText || ''),
-  // R317 / R318 chrome regression.
-  r317_inactive_gray_400:      probe.layoutInactiveCls.includes('text-gray-400'),
-  r318_active_font_medium:     probe.layoutActiveCls.includes('font-medium'),
-  r294_pulse_absent:           probe.pulseCount === 0,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} panel count unit demotion:`, JSON.stringify(results),
-  '\n  flows unit:', JSON.stringify(probe.flowsUnitText), 'opacity:', probe.flowsUnitAttr,
-  '\n  hot unit:',    JSON.stringify(probe.hotUnitText),   'opacity:', probe.hotUnitAttr,
-  '\n  legend unit:', JSON.stringify(probe.legendUnitText),'opacity:', probe.legendUnitAttr,
-  '\n  parent texts:', probe.recentCountText, '/', probe.legendCountText);
-process.exit(ok ? 0 : 1);

package/scripts/topo-panel-elevation-test.mjs

@@ -1,76 +0,0 @@
-/* Round 57 verification: recent-signal + legend panels carry a drop-
- * shadow filter so they read as floating cards instead of pasted-on
- * graphics — especially important on light theme where panel fill is
- * near-white on a near-white canvas.
- *
- *  - Both panels render a <rect> with `data-topo-panel-elevation`.
- *  - The rect's `style.filter` contains "drop-shadow(".
- *  - Light vs cyber themes use different shadow alpha (light tuned for
- *    contrast against white canvas; cyber for subtle depth on dark).
- *    Verify the strings differ so the theme switch isn't a no-op.
- */
-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 });
-
-async function probe(theme) {
-  const ctx = await browser.newContext({ viewport: { width: 1280, height: 1500 } });
-  await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-  await ctx.addInitScript((t) => {
-    try {
-      localStorage.setItem('anet-theme', t);
-      localStorage.setItem('anet-topo-layout', 'ring');
-      sessionStorage.setItem('anet_v3_auth', '1');
-    } catch {}
-  }, theme);
-  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 sessions = ['alpha', 'beta'].map(a => ({
-      alias: a, status: 'idle', network_id: nid, project_dir: null,
-      created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-    }));
-    await route.fulfill({ response: r, json: { ...b, sessions } });
-  });
-  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.waitForSelector('rect[data-topo-panel-elevation="recent"]', { timeout: 30000 });
-  await page.waitForTimeout(400);
-  const filters = await page.evaluate(() => {
-    const recent = document.querySelector('rect[data-topo-panel-elevation="recent"]');
-    const legend = document.querySelector('rect[data-topo-panel-elevation="legend"]');
-    return {
-      recent: recent?.getAttribute('style') || '',
-      legend: legend?.getAttribute('style') || '',
-      recentComputed: recent ? getComputedStyle(recent).filter : null,
-      legendComputed: legend ? getComputedStyle(legend).filter : null,
-    };
-  });
-  await ctx.close();
-  return filters;
-}
-
-const light = await probe('light');
-const cyber = await probe('cyber');
-await browser.close();
-
-const hasShadow = (s) => /drop-shadow\(/.test(s || '');
-const results = {
-  light_recent_hasShadow:  hasShadow(light.recent),
-  light_legend_hasShadow:  hasShadow(light.legend),
-  cyber_recent_hasShadow:  hasShadow(cyber.recent),
-  cyber_legend_hasShadow:  hasShadow(cyber.legend),
-  themes_differ:           light.recent !== cyber.recent,
-  computed_resolves:       hasShadow(light.recentComputed) && hasShadow(cyber.recentComputed),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} panel elevation:`, JSON.stringify(results),
-  `\n  light.recent=${JSON.stringify(light.recent)}`,
-  `\n  cyber.recent=${JSON.stringify(cyber.recent)}`);
-process.exit(ok ? 0 : 1);