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

package/scripts/topo-orphan-label-italic-test.mjs

@@ -1,90 +0,0 @@
-/* Round 499 verification: orphan band "其他" label gets fontStyle:
- * italic, while prefix-group labels (alpha/beta/etc.) stay roman.
- * Pure typography differentiation — no opacity / weight / fill / bbox
- * change. data-group-label-orphan attr surfaces the gate for tests.
- *
- * Fixture: 2 prefix groups (alpha×3, beta×2) + 3 orphans (zeta/omega/
- * lonely) — forces #150 orphan-band creation with at least 1 orphan
- * and ≥ 1 prefix-group for differential assertion.
- */
-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');
-    // grid layout required for groupBoxes to render
-    localStorage.setItem('anet-topo-layout', 'grid');
-    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·1', 'working'),  mk('alpha·2', 'idle'),  mk('alpha·3', 'idle'),
-    mk('beta·1',  'working'),  mk('beta·2',  'idle'),
-    mk('zeta',    'idle'),
-    mk('omega',   'idle'),
-    mk('lonely',  '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-group-label]', { timeout: 15000 });
-await page.waitForTimeout(1500);
-
-const labels = await page.evaluate(() => {
-  const els = Array.from(document.querySelectorAll('[data-group-label]'));
-  return els.map((el) => {
-    const cs = window.getComputedStyle(el);
-    return {
-      key:        el.getAttribute('data-group-label'),
-      orphan_attr:el.getAttribute('data-group-label-orphan'),
-      font_style: cs.fontStyle,
-    };
-  });
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceTypeWired = /groupBoxes: \[\] as \{ key: string; isOrphan\?: boolean;/.test(src);
-const sourceFieldWired = /isOrphan: !!band\.isOrphan,/.test(src);
-const sourceStyleWired = /fontStyle: box\.isOrphan \? 'italic' : undefined/.test(src);
-const sourceAttrWired  = /data-group-label-orphan=\{box\.isOrphan \? 'true' : 'false'\}/.test(src);
-
-const orphanLabel  = labels.find((l) => l.key === '其他');
-const prefixLabels = labels.filter((l) => l.key !== '其他' && l.key !== '');
-
-const results = {
-  found_labels:                labels.length >= 2,
-  orphan_label_present:        !!orphanLabel,
-  orphan_attr_true:            orphanLabel && orphanLabel.orphan_attr === 'true',
-  orphan_font_italic:          orphanLabel && orphanLabel.font_style === 'italic',
-  prefix_labels_present:       prefixLabels.length >= 1,
-  prefix_attrs_false:          prefixLabels.length > 0 && prefixLabels.every((p) => p.orphan_attr === 'false'),
-  prefix_font_normal:          prefixLabels.length > 0 && prefixLabels.every((p) => p.font_style !== 'italic'),
-  source_type_wired:           sourceTypeWired,
-  source_field_wired:          sourceFieldWired,
-  source_style_wired:          sourceStyleWired,
-  source_attr_wired:           sourceAttrWired,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R499 orphan label italic:`, JSON.stringify(results),
-  '\n  labels:', JSON.stringify(labels));
-process.exit(ok ? 0 : 1);

package/scripts/topo-orphan-label-opacity-test.mjs

@@ -1,98 +0,0 @@
-/* Round 551 verification: orphan band ("其他") rest-state LABEL opacity
- * drops 0.55 → 0.4. 4th channel in the category-differentiation family
- * (R499 italic, R503 dash, R506 rect fill, R551 label paint).
- *
- * Needs an orphan group to exist. The cluster-by-prefix logic creates
- * an orphan band whenever there are sessions without a recognizable
- * prefix (alias with no separator). Mock with a mix: 6 sessions with
- * "alpha-" prefix (groups together) + 2 sessions with no separator
- * (orphan).
- *
- * Test phases:
- *   1. confirm grid layout active
- *   2. locate orphan group-label vs prefix group-label
- *   3. orphan rest opacity = 0.4, opacity attr surfaces value
- *   4. prefix-group rest opacity = 0.55 (unchanged)
- *   5. source-side regex confirms wiring
- */
-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', 'grid');
-    sessionStorage.setItem('anet_v3_auth', '1');
-  } catch {}
-});
-// Mock: 6 alpha-prefix sessions (prefix group) + 3 standalone (orphan band).
-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 = 'idle') => ({
-    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·1'), mk('alpha·2'), mk('alpha·3'),
-    mk('alpha·4'), mk('alpha·5'), mk('alpha·6'),
-    mk('foo'), mk('bar'), mk('baz'),
-  ] } });
-});
-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-group-label]', { timeout: 15000 });
-await page.waitForTimeout(500);
-
-const groups = await page.evaluate(() => {
-  const els = Array.from(document.querySelectorAll('[data-group-label]'));
-  return els.map(el => ({
-    key: el.getAttribute('data-group-label'),
-    orphan: el.getAttribute('data-group-label-orphan') === 'true',
-    opacityAttr: el.getAttribute('data-group-label-opacity'),
-    computedOpacity: getComputedStyle(el).opacity,
-    pinned: el.getAttribute('data-group-label-pinned') === 'true',
-    hovered: el.getAttribute('data-group-label-hovered') === 'true',
-  }));
-});
-
-await browser.close();
-
-const orphan = groups.find(g => g.orphan);
-const prefix = groups.find(g => !g.orphan);
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceWired =
-  /opacity=\{isPinned \|\| isHovered \? 1 : box\.isOrphan \? 0\.4 : 0\.55\}/.test(src);
-const sourceAttrWired =
-  /data-group-label-opacity=\{isPinned \|\| isHovered \? 1 : box\.isOrphan \? 0\.4 : 0\.55\}/.test(src);
-
-const results = {
-  orphan_present:           !!orphan,
-  prefix_present:           !!prefix,
-  orphan_attr_0_4:          orphan?.opacityAttr === '0.4',
-  orphan_computed_0_4:      orphan ? Math.abs(parseFloat(orphan.computedOpacity) - 0.4) < 0.001 : false,
-  prefix_attr_0_55:         prefix?.opacityAttr === '0.55',
-  prefix_computed_0_55:     prefix ? Math.abs(parseFloat(prefix.computedOpacity) - 0.55) < 0.001 : false,
-  orphan_rest_state:        orphan ? !orphan.pinned && !orphan.hovered : false,
-  prefix_rest_state:        prefix ? !prefix.pinned && !prefix.hovered : false,
-  source_wired:             sourceWired,
-  source_attr_wired:        sourceAttrWired,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R551 orphan label opacity 0.55→0.4 (category-differentiation 4th channel):`,
-  JSON.stringify(results, null, 2),
-  '\n  orphan:', JSON.stringify(orphan),
-  '\n  prefix:', JSON.stringify(prefix),
-  '\n  all groups:', JSON.stringify(groups, null, 2));
-process.exit(ok ? 0 : 1);

package/scripts/topo-overlap-stale-build-guard-test.mjs

@@ -1,66 +0,0 @@
-/* Round 463 verification: topo-overlap-test.mjs grew a zombie-
- * build guard that consumes R462's svg[data-dashboard-version]
- * surface. Pre-R463 a stale next-server (dash zombie holding
- * cached chunks from an earlier preview) would let overlap-test
- * report fake green — bit us in R441 + R460. R463 closes that
- * by reading the DOM-side version and comparing to the package.
- * json version, failing fast with exit code 2 on mismatch.
- *
- * This test verifies:
- *   1. The augmented topo-overlap-test source contains the
- *      guard machinery (regex assertions on the actual file).
- *   2. The live dash agrees with package.json (sanity-check
- *      the current run state matches the guard's expectation).
- *   3. The guard sentinel path is wired in the caller (sentinel
- *      object with .stale === true triggers exit code 2).
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const expected = JSON.parse(readFileSync('/home/vansin/agent-network-dashboard/package.json', 'utf8')).version;
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/scripts/topo-overlap-test.mjs', 'utf8');
-const sourceHasGuardComment  = /Round 463.*zombie-build guard/.test(src);
-const sourceHasLiveProbe     = /svg\.getAttribute\('data-dashboard-version'\)/.test(src);
-const sourceHasMismatchBail  = /STALE BUILD/.test(src);
-const sourceHasSentinelObj   = /\{ stale: true, live, expected \}/.test(src);
-const sourceHasCallerCheck   = /typeof r === 'object' && r\.stale/.test(src);
-const sourceHasExit2         = /process\.exit\(2\)/.test(src);
-
-// Run a live probe to confirm the dash + pkg are aligned (we're in
-// a clean state where the guard would PASS silently).
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1280, height: 920 } });
-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 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: 15000 });
-const live = await page.evaluate(() =>
-  document.querySelector('svg[viewBox="0 0 1000 680"]')?.getAttribute('data-dashboard-version')
-);
-await browser.close();
-
-const liveMatchesPkg = live === expected;
-
-const results = {
-  source_has_guard_comment:    sourceHasGuardComment,
-  source_has_live_probe:       sourceHasLiveProbe,
-  source_has_mismatch_bail:    sourceHasMismatchBail,
-  source_has_sentinel_object:  sourceHasSentinelObj,
-  source_has_caller_check:     sourceHasCallerCheck,
-  source_has_exit_2:           sourceHasExit2,
-  dash_live_matches_package:   liveMatchesPkg,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} overlap-test stale-build guard:`, JSON.stringify(results),
-  '\n  expected pkg:', expected,
-  '\n  live DOM:    ', live);
-process.exit(ok ? 0 : 1);

package/scripts/topo-overlap-test.mjs

@@ -1,219 +0,0 @@
-/* Issue #112 acceptance: ZERO overlap in the topology (Vincent's hard
- * done-criterion). At ~30 nodes, in both ring and grid layouts, asserts:
- *   - node ↔ node       — status rings don't intersect
- *   - node ↔ panel      — no node circle intersects an overlay panel rect
- *   - node ↔ group-label — no group-box label text covers a node
- *   - group-box ↔ box   — no two group boxes overlap
- *   - label ↔ label     — no two text labels overlap (Round 27 — caught
- *                         the dense-node-label vs group-label collision
- *                         Vincent reported in preview.29) */
-import { chromium } from 'playwright';
-import { readFileSync, mkdirSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-mkdirSync('/tmp/anet-issue-112', { recursive: true });
-const browser = await chromium.launch({ headless: true });
-
-// ~30 nodes: 4 prefix groups + a workdir group + singletons.
-// #170 tree-view MVP — the fleet now also carries `runtime` so the org-
-// chart layout can derive team leads (claude-code-cli) and deputies
-// (codex-sdk). The first node in each prefix group is the cli lead, the
-// second is the codex deputy; the rest are plain members. ring/grid
-// ignore `runtime` so their overlap geometry is unchanged.
-const lead = (a) => ({ alias: a, runtime: 'claude-code-cli' });
-const dep = (a) => ({ alias: a, runtime: 'codex-sdk' });
-const mem = (a) => ({ alias: a, runtime: 'claude-agent-sdk' });
-const FLEET = [
-  // commander roots — exercise the layer-0 / layer-1 derivation
-  lead('总指挥'), lead('副指挥A'), lead('副指挥B'),
-  [lead, dep, mem, mem, mem, mem].map((f, i) => f(['A站内容', 'A站评测', 'A站数据', 'A站设计', 'A站运营', 'A站工程'][i])),
-  [lead, dep, mem, mem, mem].map((f, i) => f(['B站产品', 'B站工程', 'B站测试', 'B站运维', 'B站运营'][i])),
-  [lead, dep, mem, mem].map((f, i) => f(['P站产品', 'P站工程', 'P站测试', 'P站运维'][i])),
-  [lead, dep, mem, mem].map((f, i) => f(['通信龙', '通信牛', '通信马', '通信SDK马'][i])),
-  ['srv-a', 'srv-b', 'srv-c'].map(a => ({ alias: a, runtime: 'http-api', project_dir: '/home/v/agent-orchestra' })),
-  // orphan singletons — collected into the 未分组 bucket in tree mode
-  ['群星马', '书生1号', '微信马', '飞书马', '独立节点', '研究员1号', '研究员2号', '游侠马'].map(a => mem(a)),
-].flat();
-
-const overlaps1D = (a0, a1, b0, b1, tol) => a0 < b1 - tol && b0 < a1 - tol;
-
-async function check(layout) {
-  const ctx = await browser.newContext({ viewport: { width: 1280, height: 920 } });
-  await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-  await ctx.addInitScript((lay) => {
-    try {
-      localStorage.setItem('anet-theme', 'cyber');
-      localStorage.removeItem('anet-brand');
-      localStorage.removeItem('anet-topo-view');
-      localStorage.removeItem('anet-topo-nodescale'); // default M
-      localStorage.setItem('anet-topo-layout', lay);
-      sessionStorage.setItem('anet_v3_auth', '1');
-    } catch {}
-  }, layout);
-  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 = FLEET.map((f, i) => ({
-      alias: f.alias, status: i % 5 === 0 ? 'working' : 'idle', network_id: nid,
-      project_dir: f.project_dir ?? null,
-      runtime: f.runtime ?? null,
-      created_at: '2026-05-15T00:00:00Z', updated_at: '2026-05-15T00:00:00Z', last_seen_at: new Date().toISOString(),
-    }));
-    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.waitForFunction(() => {
-    const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-    return !!svg && svg.querySelectorAll('g[data-node]').length > 20;
-  }, { timeout: 30000 }).catch(() => {});
-  await page.waitForTimeout(800);
-
-  // Round 463 / Loop: zombie-build guard — consumes R462's
-  // svg[data-dashboard-version] surface (preview.130+). Before
-  // reporting collision metrics, verify the dash is actually
-  // serving the build that matches package.json. This catches
-  // the dash-zombie-port-3000 failure mode (next-server cached
-  // chunks from earlier preview) that bit R441 + R460 — those
-  // rounds reported false-positive overlap-test green because
-  // probes ran against stale code. Test scripts shipping before
-  // R462 don't have the attr; we tolerate its absence (older
-  // dash) but fail hard on mismatch. The `expected` value comes
-  // from this script's CWD package.json — co-located with the
-  // working tree → it reflects whatever version was bumped this
-  // round.
-  const expected = JSON.parse(readFileSync('/home/vansin/agent-network-dashboard/package.json', 'utf8')).version;
-  const live = await page.evaluate(() => {
-    const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-    return svg ? svg.getAttribute('data-dashboard-version') : null;
-  });
-  if (live && live !== expected) {
-    console.error(`❌ [${layout}] STALE BUILD — dash serves ${live} but package.json says ${expected}.`);
-    console.error(`   Likely cause: zombie next-server (pkill -9 + restart). See feedback_dash_zombie_port_3000.md.`);
-    await ctx.close();
-    return { stale: true, live, expected };
-  }
-  if (!live) {
-    // R462 attr not present — dash is on an older build than the
-    // R462 surface ships in. Don't fail; just warn so the loop
-    // operator notices. Real overlap metrics still run.
-    console.warn(`⚠️  [${layout}] data-dashboard-version absent (dash pre-R462? expected ${expected}). Skipping zombie-guard.`);
-  }
-
-  const data = await page.evaluate(() => {
-    const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-    // node status rings: stroke-width 3 (online) / 1.5 (offline), centred on the node
-    const nodes = [...svg.querySelectorAll('g[data-node]')].map(g => {
-      const ring = g.querySelector('circle[stroke-width="3"], circle[stroke-width="1.5"]');
-      if (!ring) return null;
-      return { alias: g.getAttribute('data-node'), cx: +ring.getAttribute('cx'), cy: +ring.getAttribute('cy'), r: +ring.getAttribute('r') };
-    }).filter(Boolean);
-    // overlay panels (direct svg children, fixed)
-    const panels = [...svg.querySelectorAll(':scope > g[transform^="translate(28, 34)"], :scope > g[transform^="translate(720, 34)"]')].map(g => {
-      const m = g.getAttribute('transform').match(/translate\(([\d.]+),\s*([\d.]+)\)/);
-      const rect = g.querySelector('rect');
-      return { x: +m[1], y: +m[2], w: +rect.getAttribute('width'), h: +rect.getAttribute('height') };
-    });
-    // group boxes + their label text bounding boxes
-    const groups = [...svg.querySelectorAll('g[data-group]')].map(g => {
-      const rect = g.querySelector('rect');
-      const text = g.querySelector('text');
-      const bb = text.getBBox();
-      return {
-        box: { x: +rect.getAttribute('x'), y: +rect.getAttribute('y'), w: +rect.getAttribute('width'), h: +rect.getAttribute('height') },
-        label: { x: bb.x, y: bb.y, w: bb.width, h: bb.height },
-      };
-    });
-    // Round 27 / P0: every visible label bbox (node alias text + group
-    // headings) so we can assert label↔label clearance. Skip elements
-    // with empty bboxes (e.g., text inside an unrendered <g>).
-    const allLabels = [];
-    for (const t of svg.querySelectorAll('g[data-node] text, g[data-group] text')) {
-      const bb = t.getBBox();
-      if (bb.width === 0 || bb.height === 0) continue;
-      allLabels.push({
-        kind: t.closest('g[data-group]') ? 'group' : 'node',
-        owner: (t.closest('g[data-group]')?.getAttribute('data-group')) || (t.closest('g[data-node]')?.getAttribute('data-node')) || '?',
-        x: bb.x, y: bb.y, w: bb.width, h: bb.height,
-      });
-    }
-    return { nodes, panels, groups, allLabels };
-  });
-
-  const TOL = 2; // px slack — touching edges is fine, real overlap is not
-  let nodeNode = 0, nodePanel = 0, nodeLabel = 0, boxBox = 0, labelLabel = 0;
-
-  // node ↔ node
-  for (let i = 0; i < data.nodes.length; i++) {
-    for (let j = i + 1; j < data.nodes.length; j++) {
-      const a = data.nodes[i], b = data.nodes[j];
-      const d = Math.hypot(a.cx - b.cx, a.cy - b.cy);
-      if (d < a.r + b.r - TOL) nodeNode++;
-    }
-  }
-  // node ↔ panel  (circle vs rect)
-  for (const n of data.nodes) {
-    for (const p of data.panels) {
-      const qx = Math.max(p.x, Math.min(n.cx, p.x + p.w));
-      const qy = Math.max(p.y, Math.min(n.cy, p.y + p.h));
-      if (Math.hypot(n.cx - qx, n.cy - qy) < n.r - TOL) nodePanel++;
-    }
-  }
-  // node ↔ group label  (circle vs label text bbox)
-  for (const n of data.nodes) {
-    for (const g of data.groups) {
-      const L = g.label;
-      const qx = Math.max(L.x, Math.min(n.cx, L.x + L.w));
-      const qy = Math.max(L.y, Math.min(n.cy, L.y + L.h));
-      if (Math.hypot(n.cx - qx, n.cy - qy) < n.r - TOL) nodeLabel++;
-    }
-  }
-  // group box ↔ group box
-  for (let i = 0; i < data.groups.length; i++) {
-    for (let j = i + 1; j < data.groups.length; j++) {
-      const a = data.groups[i].box, b = data.groups[j].box;
-      if (overlaps1D(a.x, a.x + a.w, b.x, b.x + b.w, TOL) &&
-          overlaps1D(a.y, a.y + a.h, b.y, b.y + b.h, TOL)) boxBox++;
-    }
-  }
-  // label ↔ label  (Round 27)
-  // Same-node node-labels (e.g. alias + sub-status in the full card) are
-  // intentionally close and adjacent — skip pairs that share an owner.
-  for (let i = 0; i < data.allLabels.length; i++) {
-    for (let j = i + 1; j < data.allLabels.length; j++) {
-      const a = data.allLabels[i], b = data.allLabels[j];
-      if (a.owner === b.owner) continue;
-      if (overlaps1D(a.x, a.x + a.w, b.x, b.x + b.w, TOL) &&
-          overlaps1D(a.y, a.y + a.h, b.y, b.y + b.h, TOL)) labelLabel++;
-    }
-  }
-
-  await page.screenshot({ path: `/tmp/anet-issue-112/overlap-${layout}.png` });
-  await ctx.close();
-  const ok = nodeNode === 0 && nodePanel === 0 && nodeLabel === 0 && boxBox === 0 && labelLabel === 0;
-  console.log(`${ok ? '✅' : '❌'} [${layout}] nodes=${data.nodes.length} groups=${data.groups.length} — ` +
-    `node↔node:${nodeNode} node↔panel:${nodePanel} node↔label:${nodeLabel} box↔box:${boxBox} label↔label:${labelLabel}`);
-  return ok;
-}
-
-const all = [];
-all.push(await check('grid'));
-all.push(await check('ring'));
-// #170 tree-view MVP — the org-chart layout must be zero-overlap too.
-all.push(await check('tree'));
-await browser.close();
-// R463: any non-boolean return is a sentinel (e.g. { stale: true }
-// from the zombie-build guard). Treat as a hard fail — collision
-// metrics from a stale build are meaningless, and reporting them
-// as green would re-create the R441/R460 false-positive that hit
-// us before the data-dashboard-version surface existed.
-const stale = all.find(r => r && typeof r === 'object' && r.stale);
-if (stale) {
-  console.error(`\n❌ STALE BUILD — dash served ${stale.live}, expected ${stale.expected}. Restart dash + retry.`);
-  process.exit(2);
-}
-const pass = all.every(r => r === true);
-console.log(pass ? '\n✅ ZERO OVERLAP' : '\n❌ OVERLAP DETECTED');
-process.exit(pass ? 0 : 1);

package/scripts/topo-p0round-test.mjs

@@ -1,166 +0,0 @@
-/* Combined verification for the #112 + #113 + #111-workdir round:
- *  #111-workdir — nodes sharing a project_dir group together (diff prefix)
- *  #112         — grid nodes are never occluded by the overlay panels
- *  #113         — S/M/L node-size control resizes nodes + persists */
-import { chromium } from 'playwright';
-import { readFileSync, mkdirSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-mkdirSync('/tmp/anet-issue-112', { recursive: true });
-const browser = await chromium.launch({ headless: true });
-
-async function load(theme, layout, fleet, pinScale) {
-  const ctx = await browser.newContext({ viewport: { width: 1280, height: 900 } });
-  await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-  await ctx.addInitScript(({ th, lay, pin }) => {
-    try {
-      localStorage.setItem('anet-theme', th);
-      localStorage.removeItem('anet-brand');
-      localStorage.removeItem('anet-topo-view');
-      localStorage.setItem('anet-topo-layout', lay);
-      if (pin) localStorage.setItem('anet-topo-nodescale', pin);
-      else localStorage.removeItem('anet-topo-nodescale');
-      sessionStorage.setItem('anet_v3_auth', '1');
-    } catch {}
-  }, { th: theme, lay: layout, pin: pinScale });
-  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 = fleet.map(f => ({
-      alias: f.alias, status: 'idle', network_id: nid, project_dir: f.project_dir ?? null,
-      created_at: '2026-05-15T00:00:00Z', updated_at: '2026-05-15T00:00:00Z', last_seen_at: '2026-05-15T00:00:00Z',
-    }));
-    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.waitForFunction(() => {
-    const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-    return !!svg && svg.querySelectorAll('g[data-node]').length > 0;
-  }, { timeout: 30000 }).catch(() => {});
-  await page.waitForTimeout(700);
-  return { ctx, page };
-}
-
-const results = {};
-
-// --- #111-workdir: same project_dir, different prefixes → one group ---
-{
-  const fleet = [
-    { alias: 'aaa', project_dir: '/home/v/ai-insight' },
-    { alias: 'mmm', project_dir: '/home/v/ai-insight' },
-    { alias: 'zzz', project_dir: '/home/v/ai-insight' },
-    { alias: 'solo', project_dir: '/home/v/other-proj' }, // singleton dir
-  ];
-  const { ctx, page } = await load('cyber', 'grid', fleet);
-  const groups = await page.$$eval('svg[viewBox="0 0 1000 680"] g[data-group]', els => els.map(e => e.getAttribute('data-group')));
-  // aaa/mmm/zzz share ai-insight → one group labelled 'ai-insight'; solo alone → no box
-  results.workdirGroups = groups.length === 1 && groups[0] === 'ai-insight';
-  await ctx.close();
-}
-
-// --- #112: grid nodes never occluded by the overlay panels ---
-{
-  const fleet = Array.from({ length: 22 }, (_, i) => ({ alias: `A站${i + 1}号` }));
-  const { ctx, page } = await load('cyber', 'grid', fleet, '1');
-  results.panelOcclusion = await page.evaluate(() => {
-    const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-    // overlay panels: <g transform="translate(28, 34)"> and translate(720, 34)
-    const panels = [...svg.querySelectorAll(':scope > g[transform^="translate(16, 16)"], :scope > g[transform^="translate(760, 16)"]')]
-      .map(g => {
-        const m = g.getAttribute('transform').match(/translate\(([\d.]+),\s*([\d.]+)\)/);
-        const rect = g.querySelector('rect');
-        const tx = +m[1], ty = +m[2];
-        return { x: tx, y: ty, w: +rect.getAttribute('width'), h: +rect.getAttribute('height') };
-      });
-    if (panels.length !== 2) return false;
-    // node centres (any circle in the node <g> shares the node centre)
-    let clear = true;
-    for (const g of svg.querySelectorAll('g[data-node]')) {
-      const c = g.querySelector('circle');
-      if (!c) continue;
-      const cx = +c.getAttribute('cx'), cy = +c.getAttribute('cy');
-      for (const p of panels) {
-        // occluded if the centre is inside the panel rect expanded by ~28px
-        if (cx > p.x - 28 && cx < p.x + p.w + 28 && cy > p.y - 28 && cy < p.y + p.h + 28) clear = false;
-      }
-    }
-    return clear;
-  });
-  // panels exist and are OUTSIDE the zoom/pan transform group (direct svg children)
-  results.panelsOutsideTransform = await page.evaluate(() => {
-    const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-    const panels = [...svg.querySelectorAll(':scope > g[transform^="translate(16, 16)"], :scope > g[transform^="translate(760, 16)"]')];
-    return panels.length === 2; // :scope > = direct children, not inside the view <g>
-  });
-  await page.screenshot({ path: '/tmp/anet-issue-112/grid-occlusion.png' });
-  await ctx.close();
-}
-
-// --- #113: S/M/L node-size control resizes + persists ---
-{
-  const fleet = Array.from({ length: 8 }, (_, i) => ({ alias: `node${i + 1}` }));
-  const { ctx, page } = await load('cyber', 'grid', fleet); // no pin → default M
-  const onlineR = () => page.$$eval('svg[viewBox="0 0 1000 680"] g[data-node] circle[stroke-width="3"]',
-    els => els.length ? +els[0].getAttribute('r') : null);
-  const rM = await onlineR();                       // default M = round(26*0.84)=22
-  await page.locator('button[title="Node size: small"]').click();
-  await page.waitForTimeout(300);
-  const rS = await onlineR();                       // S = round(26*0.7)=18
-  await page.locator('button[title="Node size: large"]').click();
-  await page.waitForTimeout(300);
-  const rL = await onlineR();                       // L = 26
-  results.sizeMDefault = rM === 22;
-  results.sizeShrinks = rS === 18 && rS < rM;
-  results.sizeGrows = rL === 26 && rL > rM;
-  results.sizePersists = (await page.evaluate(() => localStorage.getItem('anet-topo-nodescale'))) === '1';
-  await ctx.close();
-}
-
-// --- #112 umbrella: ghost age-out — offline >24h is dropped from the topo ---
-{
-  const dayAgo = new Date(Date.now() - 26 * 60 * 60 * 1000).toISOString();
-  const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-  const ctx = await browser.newContext({ viewport: { width: 1280, 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-topo-nodescale', '1');
-      localStorage.removeItem('anet-brand');
-      localStorage.removeItem('anet-topo-view');
-      localStorage.setItem('anet-topo-layout', 'grid');
-      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';
-    await route.fulfill({ response: r, json: { ...b, sessions: [
-      { alias: 'alive-1', status: 'idle', network_id: nid, last_seen_at: fresh, created_at: fresh, updated_at: fresh },
-      { alias: 'recently-offline', status: 'offline', network_id: nid, last_seen_at: fresh, created_at: fresh, updated_at: fresh },
-      { alias: 'ghost-deleted', status: 'offline', network_id: nid, last_seen_at: dayAgo, created_at: dayAgo, updated_at: dayAgo },
-    ] } });
-  });
-  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(() => {
-    const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-    return !!svg && svg.querySelectorAll('g[data-node]').length > 0;
-  }, { timeout: 30000 }).catch(() => {});
-  await page.waitForTimeout(600);
-  const nodes = await page.$$eval('svg[viewBox="0 0 1000 680"] g[data-node]', els => els.map(e => e.getAttribute('data-node')));
-  results.ghostAgedOut = nodes.includes('alive-1') && nodes.includes('recently-offline') && !nodes.includes('ghost-deleted');
-  await ctx.close();
-}
-
-await browser.close();
-const ok = results.workdirGroups && results.panelOcclusion && results.panelsOutsideTransform &&
-  results.sizeMDefault && results.sizeShrinks && results.sizeGrows && results.sizePersists &&
-  results.ghostAgedOut;
-console.log(`${ok ? '✅' : '❌'} #112+#113+#111-workdir:`, JSON.stringify(results));
-process.exit(ok ? 0 : 1);