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

package/scripts/topo-offline-dim-test.mjs

@@ -1,70 +0,0 @@
-/* Round 17 verification: offline nodes render at opacity 0.6 at rest,
- * online stay at 1, and the chat-focused node (even if offline) jumps
- * to 1 when its ChatPopover opens. */
-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: 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.removeItem('anet-brand');
-    localStorage.removeItem('anet-topo-view');
-    localStorage.setItem('anet-topo-layout', 'grid');
-    sessionStorage.setItem('anet_v3_auth', '1');
-  } catch {}
-});
-// fresh-enough so the ghost-age-out filter doesn't drop the offline node
-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 = [
-    { alias: 'on1', status: 'idle',    network_id: nid, project_dir: null, created_at: fresh, updated_at: fresh, last_seen_at: fresh },
-    { alias: 'on2', status: 'working', network_id: nid, project_dir: null, created_at: fresh, updated_at: fresh, last_seen_at: fresh },
-    { alias: 'off1', status: 'offline', network_id: nid, project_dir: null, created_at: fresh, updated_at: fresh, last_seen_at: fresh },
-    { alias: 'off2', status: 'offline', 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.waitForFunction(() => {
-  const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-  return !!svg && svg.querySelectorAll('g[data-node]').length === 4;
-}, { timeout: 30000 }).catch(() => {});
-await page.waitForTimeout(500);
-
-const opacityOf = (alias) => page.$eval(`g[data-node="${alias}"]`, el =>
-  parseFloat(getComputedStyle(el).opacity || el.style.opacity || '1'));
-
-const restOn1 = await opacityOf('on1');
-const restOn2 = await opacityOf('on2');
-const restOff1 = await opacityOf('off1');
-const restOff2 = await opacityOf('off2');
-
-// Click an offline node — the chat popover should open and that node
-// should jump to full opacity.
-await page.locator('g[data-node="off1"]').click();
-await page.waitForTimeout(300);
-const focusedOff1 = await opacityOf('off1');
-const otherOff2 = await opacityOf('off2');
-
-await browser.close();
-const results = {
-  onlineFullOpacity: Math.abs(restOn1 - 1) < 0.01 && Math.abs(restOn2 - 1) < 0.01,
-  offlineDimmedAtRest: Math.abs(restOff1 - 0.6) < 0.01 && Math.abs(restOff2 - 0.6) < 0.01,
-  chatFocusOfflineRestoresOpacity: Math.abs(focusedOff1 - 1) < 0.01,
-  otherOfflineStaysDimmed: Math.abs(otherOff2 - 0.6) < 0.01,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} offline dim:`, JSON.stringify(results),
-  `rest=on1:${restOn1} on2:${restOn2} off1:${restOff1} off2:${restOff2}`,
-  `clicked off1=${focusedOff1} off2=${otherOff2}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-online-chip-nav-test.mjs

@@ -1,143 +0,0 @@
-/* Round 140 verification: the "N online" chip in the chip row
- * gets an onClick that navigates to /nodes when interactive.
- * Mirrors R136 active-links→/messages idiom; complements R139
- * working→pin idiom. The online chip is the third chip-row chip
- * that had cursor:pointer without a click action since R79.
- *
- * Why nav not pin: "online" = working + idle in semantics; there's
- * no single pinnedStatus value that captures both. /nodes is the
- * natural full-list destination.
- *
- * Three states tested:
- *   - Empty fleet (onlineCount=0): chip not interactive
- *   - 1 online: clickable, role=link, click → /nodes
- *   - 5 online (mix of working+idle): same shape, click → /nodes
- *
- * Hover preview still works (R79 highlight all online) — that's
- * a separate gesture verified in topo-active-links-chip-hover-test
- * for the chip-row's hover ladder.
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-
-// status: 'working' | 'idle' | 'offline' — distribute by counts
-async function probe({ working, idle, offline }) {
-  const browser = await chromium.launch({ headless: true });
-  const ctx = await browser.newContext({ viewport: { width: 1400, 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 sessions = [];
-    let i = 0;
-    for (let n = 0; n < working;  n++, i++) sessions.push(mk(i, 'working',  fresh, nid));
-    for (let n = 0; n < idle;     n++, i++) sessions.push(mk(i, 'idle',     fresh, nid));
-    for (let n = 0; n < offline;  n++, i++) sessions.push(mk(i, 'offline',  fresh, nid));
-    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' });
-  // offline-only fleet won't render g[data-node] (only online ones do),
-  // but the chip row still renders because sessions.length > 0.
-  await page.waitForSelector('[data-online-chip]', { timeout: 10000 });
-  await page.waitForTimeout(400);
-
-  return { browser, page };
-}
-
-function mk(i, status, fresh, nid) {
-  return {
-    alias: `node${i}`,
-    status,
-    model: 'claude-opus-4', runtime: 'cli-claude-code',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  };
-}
-
-// State A: 5 online (3 working / 2 idle)
-const { browser: b1, page: p1 } = await probe({ working: 3, idle: 2, offline: 0 });
-const fiveProbe = await p1.evaluate(() => {
-  const chip = document.querySelector('[data-online-chip]');
-  return {
-    text:        chip?.textContent,
-    clickable:   chip?.getAttribute('data-online-chip-clickable'),
-    role:        chip?.getAttribute('role'),
-    tabindex:    chip?.getAttribute('tabindex'),
-    cursor:      chip?.getAttribute('style')?.includes('cursor: pointer'),
-    title:       chip?.getAttribute('title'),
-  };
-});
-await p1.locator('[data-online-chip]').click();
-await p1.waitForURL('**/nodes', { timeout: 10000 });
-const fiveUrl = p1.url();
-await b1.close();
-
-// State B: 1 online (1 idle, 0 working)
-const { browser: b2, page: p2 } = await probe({ working: 0, idle: 1, offline: 0 });
-const oneProbe = await p2.evaluate(() => {
-  const chip = document.querySelector('[data-online-chip]');
-  return {
-    text: chip?.textContent,
-    clickable: chip?.getAttribute('data-online-chip-clickable'),
-    role: chip?.getAttribute('role'),
-  };
-});
-await p2.locator('[data-online-chip]').click();
-await p2.waitForURL('**/nodes', { timeout: 10000 });
-const oneUrl = p2.url();
-await b2.close();
-
-// State C: offline-only fleet (2 sessions, all offline → onlineNodes=0)
-// 0-session fleet hits Overview's R52/R70 first-run CTA path, not
-// TopoGraph; offline-only keeps the chip row alive so the non-
-// interactive contract on "0 online" can be verified.
-const { browser: b3, page: p3 } = await probe({ working: 0, idle: 0, offline: 2 });
-const emptyProbe = await p3.evaluate(() => {
-  const chip = document.querySelector('[data-online-chip]');
-  return {
-    text: chip?.textContent,
-    clickable: chip?.getAttribute('data-online-chip-clickable'),
-    role: chip?.getAttribute('role'),
-    tabindex: chip?.getAttribute('tabindex'),
-    cursor: chip?.getAttribute('style')?.includes('cursor: pointer'),
-  };
-});
-await b3.close();
-
-const results = {
-  five_text5Online:        fiveProbe.text === '5 online',
-  five_clickableTrue:      fiveProbe.clickable === 'true',
-  five_roleLink:           fiveProbe.role === 'link',
-  five_tabIndex0:          fiveProbe.tabindex === '0',
-  five_cursorPointer:      fiveProbe.cursor === true,
-  five_titleMentionsNodes: (fiveProbe.title || '').includes('/nodes'),
-  five_navToNodes:         /\/nodes$/.test(fiveUrl),
-
-  one_text1Online:         oneProbe.text === '1 online',
-  one_clickableTrue:       oneProbe.clickable === 'true',
-  one_roleLink:            oneProbe.role === 'link',
-  one_navToNodes:          /\/nodes$/.test(oneUrl),
-
-  empty_text0Online:       emptyProbe.text === '0 online',
-  empty_clickableFalse:    emptyProbe.clickable === 'false',
-  empty_noRole:            emptyProbe.role === null || emptyProbe.role === undefined,
-  empty_noTabIndex:        emptyProbe.tabindex === null || emptyProbe.tabindex === undefined,
-  empty_noCursor:          !emptyProbe.cursor,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} online chip nav:`, JSON.stringify(results),
-  `\n  fiveProbe=`, fiveProbe, ` fiveUrl=`, fiveUrl,
-  `\n  oneProbe=`, oneProbe, ` oneUrl=`, oneUrl,
-  `\n  emptyProbe=`, emptyProbe);
-process.exit(ok ? 0 : 1);

package/scripts/topo-orbit-particles-retired-test.mjs

@@ -1,91 +0,0 @@
-/* Round 276 verification: outer-ring orbit particles retired by default.
- *
- * R50 introduced 4 cyan particles orbiting r=330 (outer ring edge) at
- * 16s revolution. R131 added busy-bucket speed (workingCount → 16/14/
- * 12/10s). R216 added busy-bucket opacity (0.5/0.7/0.85/1.0).
- *
- * Pre-R276 the orbit family rendered 4 <g data-topo-orbit-bucket=...>
- * groups whenever the canvas was non-light theme. Each particle was a
- * 2.2-2.8 px cyan circle with animateTransform rotation, opacity gated
- * by busy bucket.
- *
- * The orbit family encoded workingCount busyness via speed + opacity,
- * but that signal was ALREADY conveyed by:
- *   · hub halo opacity breath (R244 / R84)
- *   · hub digit workingCount text (R130)
- *   · pressure-bar working/idle/offline ratio (R31)
- *
- * Info-redundant decoration. For a static Twitter screenshot, 4 small
- * dots at the canvas outer edge contributed to "乱" without
- * proportional signal. R276 gates the render block with `false &&` so
- * the code remains in place (commented context + rollback-friendly)
- * but nothing renders.
- *
- * Test scope:
- *   1. No element matches `[data-topo-orbit-bucket]` in DOM (orbit
- *      particles absent).
- *   2. No element matches `[data-topo-orbit-opacity]` (R216 attr).
- *   3. R275 freshness chip still absent at fresh state (regression —
- *      simplification family continues).
- *   4. R273 Layout toggle Grid inactive has hover:text-cyan-300
- *      (regression).
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias) => ({
-    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'), mk('delta'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*', (r) => r.fulfill({ json: { tasks: [] } }));
-
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForFunction(() => document.querySelectorAll('g[data-node]').length === 4, { timeout: 30000 });
-await page.waitForSelector('[data-topo-chrome-layout="grid"]', { timeout: 10000 });
-await page.waitForTimeout(500);
-
-const probe = await page.evaluate(() => {
-  const orbits        = document.querySelectorAll('[data-topo-orbit-bucket]');
-  const orbitsOpacity = document.querySelectorAll('[data-topo-orbit-opacity]');
-  const freshnessChip = document.querySelector('[data-freshness-chip]');
-  const grid          = document.querySelector('[data-topo-chrome-layout="grid"]');
-  return {
-    orbitCount:         orbits.length,
-    orbitOpacityCount:  orbitsOpacity.length,
-    freshnessPresent:   freshnessChip !== null,
-    gridClasses:        grid ? grid.className.toString() : null,
-  };
-});
-await browser.close();
-
-const results = {
-  orbit_bucket_absent:                probe.orbitCount === 0,
-  orbit_opacity_absent:               probe.orbitOpacityCount === 0,
-  r275_freshness_absent_at_fresh:     probe.freshnessPresent === false,
-  r273_grid_has_cyan_hover_text:      (probe.gridClasses || '').includes('hover:text-cyan-300'),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} orbit particles retired:`, JSON.stringify(results),
-  '\n  orbit count (expect 0):',         probe.orbitCount,
-  '\n  orbit-opacity count (expect 0):', probe.orbitOpacityCount,
-  '\n  freshness chip absent (R275):',   !probe.freshnessPresent);
-process.exit(ok ? 0 : 1);

package/scripts/topo-orphan-band-test.mjs

@@ -1,106 +0,0 @@
-/* v0.10.4 #150 verification: orphan-band layout algorithm. Vincent
- * /goal 5453 + screenshot: "落单的散落在中间", "升级一下算法".
- *
- * Pre-#150: single-member runs interleaved between real groups as
- * centred bands → orphan nodes scattered in cluster centres.
- * Post-#150: ALL singletons bundled into ONE band at the bottom of
- * the grid + rendered with an "其他" cluster box.
- *
- * Contract:
- *   - fixture: 2 prefix groups (alpha · 3, beta · 2) + 3 orphans
- *     (zeta, omega, lonely)
- *   - data-group-tier on the orphan band = 'mixed' or 'all-X'
- *     depending on statuses (no special "orphan" tier)
- *   - data-group attribute on the orphan box = '其他'
- *   - orphan box is positioned BELOW all prefix-group boxes
- *     (highest y-coord among groupBoxes)
- *   - prefix groups still render as before (alpha · 3, beta · 2)
- *   - topo-overlap-test contract: ZERO OVERLAP holds
- */
-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 {}
-});
-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: [
-    // prefix group: alpha · 3
-    mk('alpha·1', 'working'), mk('alpha·2', 'idle'), mk('alpha·3', 'working'),
-    // prefix group: beta · 2
-    mk('beta·1',  'working'), mk('beta·2',  'idle'),
-    // orphans (no prefix neighbour)
-    mk('zeta',    'working'),
-    mk('omega',   'idle'),
-    mk('lonely',  'offline'),
-  ] } });
-});
-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]', { timeout: 15000 });
-await page.waitForTimeout(500);
-
-const probe = await page.evaluate(() => {
-  const gs = [...document.querySelectorAll('g[data-group]')];
-  return gs.map(g => {
-    const rect = g.querySelector('rect[data-group-box-rx]') || g.querySelector('rect');
-    return {
-      key:   g.getAttribute('data-group'),
-      tier:  g.getAttribute('data-group-tier'),
-      y:     rect ? parseFloat(rect.getAttribute('y') || '0') : null,
-      h:     rect ? parseFloat(rect.getAttribute('height') || '0') : null,
-    };
-  });
-});
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceOrphanBand     = /orphanMembers\.push\(\.\.\.run\.members\)/.test(src);
-const sourceOrphanBox      = /band\.isOrphan\s*\?\s*'其他'/.test(src);
-const sourceTypeIsOrphan   = /isOrphan\?:\s*boolean/.test(src);
-
-await browser.close();
-
-const alphaBox  = probe.find(g => g.key === 'alpha·');
-const betaBox   = probe.find(g => g.key === 'beta·');
-const orphanBox = probe.find(g => g.key === '其他');
-
-// Orphan box should be positioned BELOW (higher y) all prefix-group boxes
-const orphanBelowPrefix = orphanBox && alphaBox && betaBox &&
-  orphanBox.y > alphaBox.y && orphanBox.y > betaBox.y;
-
-const results = {
-  alpha_box_present:        !!alphaBox,
-  beta_box_present:         !!betaBox,
-  orphan_box_present:       !!orphanBox,
-  orphan_below_prefix:      !!orphanBelowPrefix,
-  source_orphan_collect:    sourceOrphanBand,
-  source_orphan_box_key:    sourceOrphanBox,
-  source_type_isOrphan:     sourceTypeIsOrphan,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} v0.10.4 #150 orphan-band layout:`, JSON.stringify(results),
-  '\n  alpha:', JSON.stringify(alphaBox),
-  '\n  beta:', JSON.stringify(betaBox),
-  '\n  orphan:', JSON.stringify(orphanBox));
-process.exit(ok ? 0 : 1);

package/scripts/topo-orphan-box-dash-test.mjs

@@ -1,89 +0,0 @@
-/* Round 503 verification: orphan band rect (data-group-box-orphan="true")
- * uses strokeDasharray='3 6' at rest, while prefix-group bands keep
- * '6 6'. Pinned/hovered orphan still gets 'none' (solid stroke) — the
- * differentiation lives ONLY in the rest state.
- *
- * Category-differentiation family 2nd anchor:
- *   R499 orphan label fontStyle: italic   (1st anchor, R499)
- *   R503 orphan rect '3 6' dash pattern   (2nd anchor, this round)
- *
- * Fixture: 2 prefix groups (alpha×3, beta×2) + 3 orphans (zeta/omega/lonely)
- *   — same shape as R499 test. Drives #150 orphan-band creation with
- *   prefix groups 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');
-    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-box-orphan]', { timeout: 15000 });
-await page.waitForTimeout(1500);
-
-const rects = await page.evaluate(() => {
-  const els = Array.from(document.querySelectorAll('[data-group-box-orphan]'));
-  return els.map((el) => {
-    const cs = window.getComputedStyle(el);
-    return {
-      orphan_attr:  el.getAttribute('data-group-box-orphan'),
-      dasharray:    el.getAttribute('stroke-dasharray') || cs.strokeDasharray || '',
-    };
-  });
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceTernary = /\(isPinned \|\| isHovered\) \? 'none' :\s*box\.isOrphan \? '3 6' : '6 6'/.test(src);
-const sourceAttr    = /data-group-box-orphan=\{box\.isOrphan \? 'true' : 'false'\}/.test(src);
-
-const orphanRect = rects.find((r) => r.orphan_attr === 'true');
-const prefixRects = rects.filter((r) => r.orphan_attr === 'false');
-
-// Computed strokeDasharray comes back as 'px-suffixed' or raw — normalize
-const normalize = (s) => (s || '').replace(/px/g, '').replace(/,\s*/g, ' ').trim();
-
-const results = {
-  rects_found:           rects.length >= 2,
-  orphan_rect_present:   !!orphanRect,
-  orphan_dash_3_6:       orphanRect && (normalize(orphanRect.dasharray) === '3 6' || normalize(orphanRect.dasharray) === '3 6'),
-  prefix_rects_present:  prefixRects.length >= 1,
-  prefix_dash_6_6:       prefixRects.length > 0 && prefixRects.every((r) => normalize(r.dasharray) === '6 6'),
-  source_ternary_wired:  sourceTernary,
-  source_attr_wired:     sourceAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R503 orphan box dash:`, JSON.stringify(results),
-  '\n  rects:', JSON.stringify(rects));
-process.exit(ok ? 0 : 1);

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

@@ -1,91 +0,0 @@
-/* Round 506 verification: orphan band rect rest-state fillOpacity
- * drops slightly below prefix-group rest (0.025/0.045 → 0.015/0.028).
- * Category-differentiation family 3rd anchor.
- *
- *   R499 orphan label fontStyle italic        (1st anchor)
- *   R503 orphan rect '3 6' dasharray          (2nd anchor)
- *   R506 orphan rect lower fillOpacity        (3rd anchor)
- *
- * Pin and hover branches UNCHANGED (full inspection affordance).
- * Differentiation lives ONLY in the rest state.
- *
- * Fixture: 2 prefix groups (alpha×3 + beta×2) + 3 orphans (zeta/omega/
- * lonely) — same shape as R499/R503 tests for cross-round consistency.
- * Cyber theme drives the 0.045 (prefix) vs 0.028 (orphan) comparison.
- */
-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 {}
-});
-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-box-orphan]', { timeout: 15000 });
-await page.waitForTimeout(1500);
-
-const rects = await page.evaluate(() => {
-  const els = Array.from(document.querySelectorAll('[data-group-box-orphan]'));
-  return els.map((el) => ({
-    orphan_attr:       el.getAttribute('data-group-box-orphan'),
-    fill_opacity_attr: el.getAttribute('data-group-box-fill-opacity'),
-    fill_opacity_dom:  el.getAttribute('fill-opacity'),
-  }));
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceTernary = /box\.isOrphan \? \(isLight \? 0\.015 : 0\.028\)\s*:\s*\(isLight \? 0\.025 : 0\.045\)/.test(src);
-const sourceAttr    = /data-group-box-fill-opacity=\{[\s\S]*?box\.isOrphan \? \(isLight \? 0\.015 : 0\.028\)/.test(src);
-
-const orphanRect  = rects.find((r) => r.orphan_attr === 'true');
-const prefixRects = rects.filter((r) => r.orphan_attr === 'false');
-
-// Cyber theme: prefix = 0.045, orphan = 0.028
-const approxEq = (a, b) => Math.abs(parseFloat(a) - b) < 1e-9;
-
-const results = {
-  rects_found:           rects.length >= 2,
-  orphan_rect_present:   !!orphanRect,
-  orphan_fill_028:       orphanRect && approxEq(orphanRect.fill_opacity_attr, 0.028),
-  orphan_dom_fill_028:   orphanRect && approxEq(orphanRect.fill_opacity_dom, 0.028),
-  prefix_rects_present:  prefixRects.length >= 1,
-  prefix_fill_045:       prefixRects.length > 0 && prefixRects.every((r) => approxEq(r.fill_opacity_attr, 0.045)),
-  prefix_dom_fill_045:   prefixRects.length > 0 && prefixRects.every((r) => approxEq(r.fill_opacity_dom, 0.045)),
-  source_ternary_wired:  sourceTernary,
-  source_attr_wired:     sourceAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R506 orphan fill-opacity:`, JSON.stringify(results),
-  '\n  rects:', JSON.stringify(rects));
-process.exit(ok ? 0 : 1);