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

package/scripts/p157-rc2-dedup-test.mjs

@@ -1,110 +0,0 @@
-/* #157 RC#2 verification — Servers panel hostname dedup.
- *
- * Bug (Vincent 5560 + live re-probe 2026-05-20): the hub /api/servers
- * endpoint keys host telemetry by (hostname, ip), so a machine whose
- * agents report over more than one interface surfaces as multiple
- * rows. `iZrj93pr2rcf5r2y9uo1oyZ` appeared twice — Docker-bridge IP
- * (telemetry-bearing) + loopback (telemetry null) — splitting its
- * agent count across two cards.
- *
- * Fix: `dedupeByHostname` in app/lib/serverDedupe.ts, applied in the
- * /api/hub/servers proxy before normalizeServer.
- *
- * Two legs:
- *   A. mock fixture — compile serverDedupe.ts, run a crafted payload
- *      that exercises every branch (multi-row merge, telemetry
- *      coalesce, NAT-shared IP NOT merged, `unknown` passthrough,
- *      agents[] union).
- *   B. real payload — GET the running dashboard proxy and assert no
- *      hostname appears twice + counts are summed.
- */
-import { execSync } from 'node:child_process';
-import { readFileSync, renameSync, mkdirSync } from 'node:fs';
-import { pathToFileURL } from 'node:url';
-
-let failed = 0;
-const ok = (name, cond, detail = '') => {
-  if (cond) { console.log(`  ✅ ${name}`); }
-  else { console.log(`  ❌ ${name}${detail ? ' — ' + detail : ''}`); failed++; }
-};
-
-// ── Leg A: mock fixture against the real dedup module ──────────────
-console.log('Leg A — mock fixture (compiled serverDedupe.ts):');
-const OUT = '/tmp/p157-rc2-dedupe';
-mkdirSync(OUT, { recursive: true });
-execSync(
-  `npx tsc app/lib/serverDedupe.ts --outDir ${OUT} --module es2022 --target es2022 --moduleResolution bundler --skipLibCheck`,
-  { stdio: 'inherit' },
-);
-renameSync(`${OUT}/serverDedupe.js`, `${OUT}/serverDedupe.mjs`);
-const { dedupeByHostname } = await import(pathToFileURL(`${OUT}/serverDedupe.mjs`).href);
-
-const fixture = [
-  // same hostname, two interfaces — bridge row fresh + telemetried,
-  // loopback row staler + telemetry null
-  { hostname: 'host-A', ip: '172.17.0.2', agent_count: 29, last_seen: '2026-05-20 04:41:46',
-    cpu_load_1min: 1.49, cpu_cores: 8, mem_used_gb: 22.6, mem_total_gb: 32,
-    agents: [{ alias: 'a1' }, { alias: 'a2' }] },
-  { hostname: 'host-A', ip: '127.0.0.1', agent_count: 38, last_seen: '2026-05-20 04:41:43',
-    cpu_load_1min: null, mem_used_gb: null,
-    agents: [{ alias: 'a2' }, { alias: 'a3' }] },
-  // NAT-shared public IP, distinct hostnames — must NOT merge
-  { hostname: 'host-B', ip: '223.167.142.73', agent_count: 5, last_seen: '2026-05-18 02:34:16' },
-  { hostname: 'host-C', ip: '223.167.142.73', agent_count: 2, last_seen: '2026-05-13 16:44:41' },
-  // sentinel hostname — two distinct unknown machines, pass through both
-  { hostname: 'unknown', ip: '127.0.0.1', agent_count: 2, last_seen: '2026-05-16 08:40:14' },
-  { hostname: 'unknown', ip: '10.0.0.9', agent_count: 1, last_seen: '2026-05-16 09:00:00' },
-];
-const out = dedupeByHostname(fixture);
-const byHost = (h) => out.filter(r => r.hostname === h);
-const hostA = byHost('host-A')[0];
-
-ok('host-A collapses 2 rows → 1', byHost('host-A').length === 1, `got ${byHost('host-A').length}`);
-ok('host-A agent_count summed 29+38=67', hostA?.agent_count === 67, `got ${hostA?.agent_count}`);
-ok('host-A telemetry coalesced from bridge row (cpu 1.49)', hostA?.cpu_load_1min === 1.49, `got ${hostA?.cpu_load_1min}`);
-ok('host-A mem coalesced (22.6)', hostA?.mem_used_gb === 22.6, `got ${hostA?.mem_used_gb}`);
-ok('host-A last_seen = freshest (04:41:46)', hostA?.last_seen === '2026-05-20 04:41:46', `got ${hostA?.last_seen}`);
-ok('host-A agents[] unioned + dedup by alias (a1,a2,a3)',
-  hostA?.agents?.length === 3 &&
-  new Set(hostA.agents.map(a => a.alias)).size === 3,
-  `got ${JSON.stringify(hostA?.agents)}`);
-ok('host-B + host-C NOT merged despite shared IP', byHost('host-B').length === 1 && byHost('host-C').length === 1);
-ok('two `unknown` rows both pass through (not merged)', byHost('unknown').length === 2, `got ${byHost('unknown').length}`);
-ok('total rows: 1 (A) + 1 (B) + 1 (C) + 2 (unknown) = 5', out.length === 5, `got ${out.length}`);
-
-// idempotency — running dedup on already-deduped output is a no-op
-const twice = dedupeByHostname(out);
-ok('idempotent — dedup(dedup(x)) === dedup(x)', twice.length === out.length);
-
-// ── Leg B: real payload through the running dashboard proxy ─────────
-console.log('\nLeg B — real payload (live /api/hub/servers proxy):');
-let TOKEN;
-try {
-  TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-} catch {
-  console.log('  ⚠️  no anet config — skipping live leg');
-}
-if (TOKEN) {
-  const res = await fetch('http://127.0.0.1:3000/api/hub/servers', {
-    headers: { cookie: `anet_dashboard_session=v3:${TOKEN}` },
-  });
-  ok('proxy returns 200', res.status === 200, `status ${res.status}`);
-  const body = await res.json();
-  const servers = body.servers ?? [];
-  ok('proxy returns servers[]', Array.isArray(servers) && servers.length > 0, `got ${servers.length}`);
-  const counts = {};
-  for (const s of servers) counts[s.hostname] = (counts[s.hostname] ?? 0) + 1;
-  const dups = Object.entries(counts).filter(([h, n]) => n > 1 && h !== 'unknown' && h !== '');
-  ok('no real hostname appears twice', dups.length === 0, `dups: ${JSON.stringify(dups)}`);
-  const izrj = servers.find(s => s.hostname?.startsWith('iZrj93pr'));
-  if (izrj) {
-    ok('iZrj93pr… host present as single card', true);
-    ok('iZrj93pr… has telemetry after coalesce (cpu non-null)', izrj.cpu_load_1min != null, `cpu ${izrj.cpu_load_1min}`);
-    console.log(`  ℹ️  iZrj93pr… merged: agent_count=${izrj.agent_count}, cpu=${izrj.cpu_load_1min}, ip=${izrj.ip}`);
-  } else {
-    console.log('  ℹ️  iZrj93pr… not in current live payload (hub state changed) — structural dup check still authoritative');
-  }
-}
-
-console.log(`\n${failed === 0 ? '✅ ALL GREEN' : `❌ ${failed} FAILED`}`);
-process.exit(failed === 0 ? 0 : 1);

package/scripts/p157-servers-copy-test.mjs

@@ -1,95 +0,0 @@
-/* #157 fix verification (v0.10.8 lean ship — Fix #1 only per 通信龙 5573).
- *
- * Pre-fix the Servers panel showed:
- *   "agent rollup pending hub ≥ 0.8.2-preview"
- *   "disk metric pending hub ≥ 0.8.2-preview"
- * commhub-server@0.8.2 is LIVE on prod but still doesn't ship `agents[]`
- * or `disk_*` — the version-pinned text was misleading.
- *
- * Post-fix:
- *   "agent rollup not reported by hub"
- *   "disk metric not reported by hub"
- * + data-server-agents-missing + data-server-disk-missing test attrs.
- *
- * Test:
- *   1. Open dashboard, expand Servers drawer (localStorage flag)
- *   2. Expand first server card (localStorage flag)
- *   3. Assert visible copy lacks "0.8.2-preview"
- *   4. Assert test-surface attrs present
- *   5. Source-side regex confirms new copy + attrs wired
- */
-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: 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');
-    sessionStorage.setItem('anet_v3_auth', '1');
-    // Force servers drawer open
-    localStorage.setItem('anet-servers-drawer', '1');
-  } catch {}
-});
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'networkidle' });
-await page.waitForTimeout(3500); // wait for SWR fetch + servers to render
-
-// Expand first server card by clicking it
-const firstCard = await page.$('[data-server-host], [data-server-card], button:has-text("iZ")');
-// Simpler: just probe the drawer body text after expansion attempt
-await page.evaluate(() => {
-  const buttons = Array.from(document.querySelectorAll('button'));
-  // Find server card expand toggles by their host text
-  const candidates = buttons.filter(b => /iZ|elaine/.test(b.textContent || ''));
-  if (candidates[0]) candidates[0].click();
-});
-await page.waitForTimeout(800);
-
-const probe = await page.evaluate(() => {
-  // Probe drawer body for the placeholder text
-  const drawer = document.querySelector('[data-servers-body]') || document.body;
-  const text = drawer.textContent || '';
-  const agentsMissing = document.querySelectorAll('[data-server-agents-missing="true"]');
-  const diskMissing   = document.querySelectorAll('[data-server-disk-missing="true"]');
-  return {
-    body_text_excerpt: text.slice(0, 1500),
-    has_stale_copy: /0\.8\.2-preview/.test(text),
-    has_new_agents_copy: /agent rollup not reported by hub/.test(text),
-    has_new_disk_copy:   /disk metric not reported by hub/.test(text),
-    agents_missing_count: agentsMissing.length,
-    disk_missing_count:   diskMissing.length,
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/ServersDrawer.tsx', 'utf8');
-// The OLD strings should be gone from rendered text. The comment block keeps the
-// historical "0.8.2-preview" reference for audit — that's OK because comments
-// don't render. So source check: look for the NEW visible strings AND the test
-// attrs, not for the absence of "0.8.2-preview".
-const sourceNewAgentsCopy = /agent rollup not reported by hub/.test(src);
-const sourceNewDiskCopy   = /disk metric not reported by hub/.test(src);
-const sourceAgentsAttr    = /data-server-agents-missing="true"/.test(src);
-const sourceDiskAttr      = /data-server-disk-missing="true"/.test(src);
-
-const results = {
-  dom_no_stale_copy:    !probe.has_stale_copy,
-  dom_new_agents_copy:  probe.has_new_agents_copy,
-  dom_new_disk_copy:    probe.has_new_disk_copy,
-  agents_attr_present:  probe.agents_missing_count > 0,
-  disk_attr_present:    probe.disk_missing_count > 0,
-  source_new_agents:    sourceNewAgentsCopy,
-  source_new_disk:      sourceNewDiskCopy,
-  source_agents_attr:   sourceAgentsAttr,
-  source_disk_attr:     sourceDiskAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} #157 servers copy fix:`, JSON.stringify(results),
-  '\n  agents_missing_count:', probe.agents_missing_count, ' disk_missing_count:', probe.disk_missing_count,
-  '\n  body_excerpt:', probe.body_text_excerpt.replace(/\s+/g, ' ').slice(0, 400));
-process.exit(ok ? 0 : 1);

package/scripts/servers-drawer-live-test.mjs

@@ -1,96 +0,0 @@
-/* Round 20 / #119 step 3: ServersDrawer now consumes /api/hub/servers via
- * useSWR. Verifies:
- *   1. drawer renders live cards from the proxied endpoint (3 hosts)
- *   2. polling fires (refreshInterval 5s) — second snapshot reflects an
- *      updated payload after >5.2s
- *   3. when the hub predates 0.8.1-preview.2 the proxy returns
- *      `{ servers: [], unavailable: true }` and the drawer shows the
- *      friendly upgrade hint instead of an angry empty state
- *   4. hub-down (502) shows the retry chip */
-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 load({ payload, status = 200 }) {
-  const ctx = await browser.newContext({ viewport: { width: 1400, height: 900 } });
-  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-servers-drawer', '1'); // start expanded so SWR fires
-      sessionStorage.setItem('anet_v3_auth', '1');
-    } catch {}
-  });
-  let calls = 0;
-  await ctx.route('**/api/hub/servers', async (route) => {
-    calls++;
-    const body = typeof payload === 'function' ? payload(calls) : payload;
-    await route.fulfill({ status, contentType: 'application/json', body: JSON.stringify(body) });
-  });
-  // keep the rest of the dashboard quiet
-  await ctx.route('**/api/hub/status*', (route) => route.fulfill({ json: { 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('aside[aria-label="Servers panel"]', { timeout: 30000 });
-  return { ctx, page, getCalls: () => calls };
-}
-
-const results = {};
-
-// 1+2: live cards + polling
-{
-  const seed = (n) => ({
-    servers: [
-      { hostname: 'srv-01', ip: '10.0.0.1', cpu_load_1min: 1.2, cpu_cores: 4, mem_used_gb: 3, mem_total_gb: 16, agent_count: n, status: 'online' },
-      { hostname: 'srv-02', cpu_load_1min: 0.4, cpu_cores: 8, mem_used_gb: 6, mem_total_gb: 32, agent_count: 2, status: 'online' },
-      { hostname: 'srv-03', cpu_load_1min: null, cpu_cores: 0, mem_used_gb: null, mem_total_gb: null, agent_count: 1, status: 'offline' },
-    ],
-  });
-  const { ctx, page, getCalls } = await load({ payload: seed });
-  await page.waitForFunction(() => {
-    const cards = document.querySelectorAll('aside[aria-label="Servers panel"] [data-servers-body] > div[title]');
-    return cards.length >= 3;
-  }, { timeout: 10000 });
-  const hostnames = await page.$$eval(
-    'aside[aria-label="Servers panel"] [data-servers-body] span.font-semibold',
-    els => els.map(e => e.textContent),
-  );
-  results.rendersLiveCards = hostnames.includes('srv-01') && hostnames.includes('srv-02') && hostnames.includes('srv-03');
-
-  // wait past one poll cycle (5s + slack) and confirm the proxy was hit again
-  await page.waitForTimeout(5400);
-  results.polls = getCalls() >= 2;
-  await ctx.close();
-}
-
-// 3: hub predates 0.8.1-preview.2 → unavailable hint
-{
-  const { ctx, page } = await load({ payload: { servers: [], unavailable: true } });
-  await page.waitForFunction(() => {
-    const el = document.querySelector('aside[aria-label="Servers panel"] [data-servers-body]');
-    return el && el.textContent.includes('host telemetry not available');
-  }, { timeout: 10000 }).catch(() => {});
-  const body = await page.$eval('aside[aria-label="Servers panel"] [data-servers-body]', el => el.textContent);
-  results.showsUpgradeHint = /host telemetry not available/.test(body) && /commhub-server/.test(body);
-  await ctx.close();
-}
-
-// 4: hub-down 502 → retry chip
-{
-  const { ctx, page } = await load({ payload: { error: 'hub unreachable' }, status: 502 });
-  await page.waitForFunction(() => {
-    const el = document.querySelector('aside[aria-label="Servers panel"] [data-servers-body]');
-    return el && /hub unreachable/.test(el.textContent || '');
-  }, { timeout: 10000 }).catch(() => {});
-  const body = await page.$eval('aside[aria-label="Servers panel"] [data-servers-body]', el => el.textContent);
-  results.showsRetryChip = /hub unreachable/.test(body) && /every 5s/.test(body);
-  await ctx.close();
-}
-
-await browser.close();
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} servers drawer live:`, JSON.stringify(results));
-process.exit(ok ? 0 : 1);

package/scripts/topo-50-test.mjs

@@ -1,54 +0,0 @@
-import { chromium } from 'playwright';
-const TOKEN = process.env.LOOP_REVIEW_TOKEN;
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1440, height: 900 } });
-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.removeItem('anet-brand'); localStorage.removeItem('anet-topo-view'); 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 fleet = Array.from({length: 50}, (_, i) => ({
-    alias: `书小生${i+1}号`, status: i % 4 === 0 ? 'working' : 'idle', network_id: nid,
-    created_at:'2026-05-14T00:00:00Z', updated_at:'2026-05-14T00:00:00Z', last_seen_at:'2026-05-14T00:00:00Z',
-  }));
-  await route.fulfill({ response: r, json: { ...b, sessions: fleet } });
-});
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForFunction(() => {
-  const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-  return !!svg && svg.querySelectorAll('circle[r="26"]').length >= 40;
-}, { timeout: 30000 }).catch(() => {});
-await page.waitForTimeout(1200);
-// detect label-over-avatar overlaps: does any label rect intersect any OTHER node's avatar circle?
-const overlap = await page.evaluate(() => {
-  const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-  const nodeGs = [...svg.querySelectorAll('g')].filter(g =>
-    g.querySelector(':scope > circle[r="26"], :scope > circle[r="18"]') &&
-    g.querySelector(':scope > g > rect'));
-  const nodes = nodeGs.map(g => {
-    const ring = g.querySelector(':scope > circle[r="26"], :scope > circle[r="18"]');
-    const cx = parseFloat(ring.getAttribute('cx')), cy = parseFloat(ring.getAttribute('cy'));
-    const rr = parseFloat(ring.getAttribute('r'));
-    const labelG = g.querySelector(':scope > g[transform^="translate"]');
-    const m = labelG.getAttribute('transform').match(/translate\(([\d.-]+),\s*([\d.-]+)\)/);
-    const lx = parseFloat(m[1]), ly = parseFloat(m[2]);
-    // label rect: x -50..50, y -14..28 in local frame
-    return { cx, cy, rr, labelRect: { x1: lx-50, x2: lx+50, y1: ly-14, y2: ly+28 } };
-  });
-  let labelCoversAvatar = 0;
-  for (let i = 0; i < nodes.length; i++) {
-    for (let j = 0; j < nodes.length; j++) {
-      if (i === j) continue;
-      const lr = nodes[i].labelRect, n = nodes[j];
-      // does label rect i overlap avatar circle j (bbox approx)?
-      const ax1=n.cx-n.rr, ax2=n.cx+n.rr, ay1=n.cy-n.rr, ay2=n.cy+n.rr;
-      if (lr.x1 < ax2 && lr.x2 > ax1 && lr.y1 < ay2 && lr.y2 > ay1) { labelCoversAvatar++; break; }
-    }
-  }
-  return { total: nodes.length, labelCoversAvatar };
-});
-console.log(JSON.stringify(overlap));
-await page.locator('section:has(h2:text("Command mesh"))').screenshot({ path: '/tmp/anet-issue-50/topo-50-before.png' });
-await browser.close();
-console.log('done');

package/scripts/topo-a11y-titles-catalog-test.mjs

@@ -1,132 +0,0 @@
-/* Round 732 — a11y titles catalog on canvas root. 7TH orthogonal
- * meta-doc axis. The introspection layer crosses families:
- *
- *   Breath family (6 meta-docs):
- *     R710 data-topo-respiratory-rolodex              (cadences)
- *     R716 data-topo-respiratory-dual-axis-surfaces   (axes)
- *     R717 data-topo-respiratory-patterns             (patterns)
- *     R720 data-topo-respiratory-tiers                (tiers)
- *     R723 data-topo-respiratory-triple-axis-surfaces (triple-axis)
- *     R729 data-topo-respiratory-axis-count-stats     (stats)
- *
- *   A11y sub-family (1 meta-doc):
- *     R732 data-topo-a11y-titles                      (accessible names) ← this round
- *
- * Each entry maps surface → DOM selector → accessible name. The test
- * resolves each selector at runtime and verifies the element's direct
- * <title> child textContent matches the catalog's accessible_name.
- *
- * Assertions:
- *   - attr present on root <svg>
- *   - JSON parses to Array of 5 entries (R730: 3, R731: 2)
- *   - Each entry has {surface, selector, accessible_name} shape with
- *     non-empty string values
- *   - Each accessible_name follows canonical "<name> · <role>" format
- *   - Each selector resolves at runtime to an element (or null IF
- *     conditionally rendered, treated as pass for the cross-check)
- *   - When element exists, its direct <title> child's textContent
- *     equals catalog's accessible_name (STRICT cross-check)
- *   - All 5 surfaces are present in the expected anchor set
- */
-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')] } });
-});
-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-topo-canvas-aria]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const result = await page.evaluate(() => {
-  const svg = document.querySelector('[data-topo-canvas-aria]');
-  const catalogAttr = svg?.getAttribute('data-topo-a11y-titles') ?? null;
-  let catalog = null;
-  try { catalog = JSON.parse(catalogAttr ?? ''); } catch {}
-
-  /* Direct child <title> only — skip nested titles in mask defs etc. */
-  const directTitleText = (el) => {
-    if (!el) return null;
-    for (const child of el.children) {
-      if (child.tagName.toLowerCase() === 'title') return child.textContent;
-    }
-    return null;
-  };
-
-  const crossChecks = Array.isArray(catalog)
-    ? catalog.map(entry => {
-        const el = document.querySelector(entry.selector);
-        return {
-          surface: entry.surface,
-          element_present: !!el,
-          actual_title: directTitleText(el),
-          matches: !el || directTitleText(el) === entry.accessible_name,
-        };
-      })
-    : [];
-
-  return { catalogAttr, catalog, crossChecks };
-});
-
-await browser.close();
-
-const { catalog, crossChecks } = result;
-
-const validShape = Array.isArray(catalog) && catalog.every(e =>
-  typeof e?.surface === 'string' && e.surface.length > 0
-  && typeof e?.selector === 'string' && e.selector.length > 0
-  && typeof e?.accessible_name === 'string' && e.accessible_name.length > 0
-);
-
-/* R733 relaxed canonical-format from "exactly 2 parts" to ">=2 parts"
- * to admit the new hub-highlight entry's 3-part name ("hub · network
- * center · idle indicator"). All earlier entries still match. */
-const canonicalFormat = (s) => typeof s === 'string' && /^[^·]+( · [^·]+)+$/.test(s);
-const allCanonical = Array.isArray(catalog) && catalog.every(e => canonicalFormat(e.accessible_name));
-
-const expectedSurfaces = ['canvas scan beam', 'canvas scan beam diagonal', 'canvas scan beam vertical', 'canvas-corner crescent', 'hub-highlight disc', 'legend panel title', 'recent panel title', 'title-block brand logo', 'watermark text'];
-const actualSurfaces = Array.isArray(catalog) ? catalog.map(e => e.surface).sort() : [];
-const surfacesMatch = JSON.stringify(actualSurfaces) === JSON.stringify(expectedSurfaces);
-
-const allCrossChecks = crossChecks.every(c => c.matches);
-
-const results = {
-  attr_present:                       !!result.catalogAttr,
-  json_parses:                        catalog !== null,
-  is_array:                           Array.isArray(catalog),
-  has_9_entries:                      Array.isArray(catalog) && catalog.length === 9,
-  shape_valid:                        validShape,
-  all_accessible_names_canonical:     allCanonical,
-  surfaces_match_expected_set:        surfacesMatch,
-  all_cross_checks_pass:              allCrossChecks,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R732 a11y titles catalog (7th meta-doc — pentagon→hexagon→HEPTAGON, cross-family):`,
-  JSON.stringify(results, null, 2),
-  `\n  catalog: ${JSON.stringify(catalog)}`,
-  `\n  cross-checks: ${JSON.stringify(crossChecks)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-active-chrome-hover-text-test.mjs

@@ -1,107 +0,0 @@
-/* Round 552 verification: chrome active-variant buttons gain
- * hover:text-cyan-200 lift. Coordinated 4-anchor edit:
- *   Ring | Grid | S/M/L | Fullscreen
- *
- * Test phases:
- *   1. Pick an active button (Ring is active by default in ring layout)
- *   2. Read rest text color (cyan-300 = rgb(103, 232, 249))
- *   3. Hover → text color = cyan-200 (rgb(165, 243, 252))
- *   4. Verify bg also deepened (cyan-500/20)
- *   5. Source-side regex: 4 occurrences of the new className substring
- */
-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')] } });
-});
-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-topo-chrome-layout="ring"]', { timeout: 15000 });
-await page.waitForTimeout(500);
-
-// Ring is active in ring layout
-const sel = '[data-topo-chrome-layout="ring"]';
-const rest = await page.evaluate((s) => {
-  const el = document.querySelector(s);
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    color: cs.color,
-    bg:    cs.backgroundColor,
-    activeAttr: el.getAttribute('data-topo-chrome-layout-active'),
-  };
-}, sel);
-
-await page.hover(sel);
-await page.waitForTimeout(400);
-const hover = await page.evaluate((s) => {
-  const el = document.querySelector(s);
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return { color: cs.color, bg: cs.backgroundColor };
-}, sel);
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-// New active-variant substring must appear 4× (Ring, Grid, S/M/L, Fullscreen)
-const occurrences = (src.match(/bg-cyan-500\/15 text-cyan-300 font-medium hover:bg-cyan-500\/20 hover:text-cyan-200 active:bg-cyan-500\/25/g) || []).length;
-
-// Tailwind v4 emits cyan-300 / cyan-200 in lab() / oklab() color
-// space, not legacy rgb(). Parse the L (lightness) component and
-// verify hover L > rest L (cyan-200 is lighter than cyan-300).
-// Bg uses oklab with alpha; rest alpha = 0.15 (cyan-500/15), hover
-// alpha = 0.2 (cyan-500/20).
-const parseLab = (s) => {
-  const m = (s || '').match(/lab\(([0-9.]+)\s/) || (s || '').match(/oklab\(([0-9.]+)\s/);
-  return m ? parseFloat(m[1]) : NaN;
-};
-const parseAlpha = (s) => {
-  const m = (s || '').match(/\/\s*([0-9.]+)\)/);
-  return m ? parseFloat(m[1]) : NaN;
-};
-const restL  = parseLab(rest?.color);
-const hoverL = parseLab(hover?.color);
-const restBgA  = parseAlpha(rest?.bg);
-const hoverBgA = parseAlpha(hover?.bg);
-
-const results = {
-  active_attr:               rest?.activeAttr === 'true',
-  rest_text_parsed:          !Number.isNaN(restL),
-  hover_text_parsed:         !Number.isNaN(hoverL),
-  hover_text_lighter_than_rest: hoverL > restL + 3, // cyan-200 L≈91 > cyan-300 L≈85
-  rest_bg_alpha_0_15:        Math.abs(restBgA - 0.15) < 0.01,
-  hover_bg_alpha_0_20:       Math.abs(hoverBgA - 0.20) < 0.01,
-  source_4_occurrences:      occurrences === 4,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R552 chrome active-variant hover:text-cyan-200 (4 anchors):`,
-  JSON.stringify(results, null, 2),
-  '\n  rest:', JSON.stringify(rest),
-  '\n  hover:', JSON.stringify(hover),
-  '\n  source occurrences:', occurrences);
-process.exit(ok ? 0 : 1);