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

package/scripts/topo-chip-row-digit-ls-test.mjs

@@ -1,135 +0,0 @@
-/* Round 539 verification: chip-row digit (working/online/active-links)
- * gains group-hover:tracking-wide alongside existing R362 group-hover:
- * font-bold. Hover-letter-spacing family 12th anchor across 3 siblings.
- *
- * Test phases:
- *   1. rest each chip-digit: computed letterSpacing='normal' (=0)
- *   2. hover the chip's parent (has `group` class — sets group-hover):
- *      digit's letterSpacing = ~0.025em
- *   3. source-side regex confirms all 3 digits have the new class
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1200 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try {
-    localStorage.setItem('anet-theme', 'cyber');
-    localStorage.setItem('anet-topo-layout', 'ring');
-    sessionStorage.setItem('anet_v3_auth', '1');
-  } catch {}
-});
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias, status) => ({
-    alias, status, model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('a·1', 'working'), mk('a·2', 'idle'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: {
-  messages: [{ id: 'm1', from_alias: 'a·1', to_alias: 'a·2', content: 't', 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-working-chip-digit]', { timeout: 15000 });
-await page.waitForTimeout(800);
-
-async function probe(digitSel, chipParentSel) {
-  const rest = await page.evaluate((s) => {
-    const el = document.querySelector(s);
-    if (!el) return null;
-    return { ls: getComputedStyle(el).letterSpacing };
-  }, digitSel);
-  await page.hover(chipParentSel);
-  await page.waitForTimeout(350);
-  const hover = await page.evaluate((s) => {
-    const el = document.querySelector(s);
-    if (!el) return null;
-    return { ls: getComputedStyle(el).letterSpacing };
-  }, digitSel);
-  // move pointer away for next probe
-  await page.mouse.move(50, 50);
-  await page.waitForTimeout(200);
-  return { rest, hover };
-}
-
-// The chip-row chip <span class="group ...">; each has parent with `group`.
-// Hover the chip's parent span — its child digit gets group-hover effects.
-// The chip parent is the closest ancestor with `group` class. Easier: find
-// the digit and walk up to nearest `.group` element via JS.
-async function hoverChipDigit(sel) {
-  const handle = await page.evaluateHandle((s) => {
-    const el = document.querySelector(s);
-    if (!el) return null;
-    let p = el.parentElement;
-    while (p && !p.classList.contains('group')) p = p.parentElement;
-    return p;
-  }, sel);
-  return handle;
-}
-
-async function probeChip(digitSel) {
-  const rest = await page.evaluate((s) => {
-    const el = document.querySelector(s);
-    if (!el) return null;
-    return { ls: getComputedStyle(el).letterSpacing };
-  }, digitSel);
-  const groupHandle = await hoverChipDigit(digitSel);
-  await groupHandle.asElement()?.hover();
-  await page.waitForTimeout(350);
-  const hover = await page.evaluate((s) => {
-    const el = document.querySelector(s);
-    if (!el) return null;
-    return { ls: getComputedStyle(el).letterSpacing };
-  }, digitSel);
-  await page.mouse.move(50, 50);
-  await page.waitForTimeout(200);
-  return { rest, hover };
-}
-
-const working    = await probeChip('[data-working-chip-digit]');
-const online     = await probeChip('[data-online-chip-digit]');
-const activeLinks = await probeChip('[data-active-links-chip-digit]');
-
-await browser.close();
-
-// Source regex — all 3 chip digits should carry the new class string
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceWorking = /class[Nn]ame="font-semibold transition-\[font-weight,letter-spacing\] duration-200 group-hover:font-bold group-hover:tracking-wide" data-working-chip-digit/.test(src);
-const sourceOnline = /class[Nn]ame="font-semibold transition-\[font-weight,letter-spacing\] duration-200 group-hover:font-bold group-hover:tracking-wide" data-online-chip-digit/.test(src);
-const sourceAL = /class[Nn]ame="font-semibold transition-\[font-weight,letter-spacing\] duration-200 group-hover:font-bold group-hover:tracking-wide" data-active-links-chip-digit/.test(src);
-
-const isRestLS = (r) => r?.ls === 'normal' || r?.ls === '0px';
-// tracking-wide = 0.025em; on text-xs (12px) digit ≈ 0.3px (varies with computed font-size)
-const isHoverLS = (r) => r?.ls && r.ls !== 'normal' && r.ls !== '0px' && parseFloat(r.ls) > 0.1;
-
-const results = {
-  working_rest_normal:  isRestLS(working?.rest),
-  working_hover_wide:   isHoverLS(working?.hover),
-  online_rest_normal:   isRestLS(online?.rest),
-  online_hover_wide:    isHoverLS(online?.hover),
-  active_rest_normal:   isRestLS(activeLinks?.rest),
-  active_hover_wide:    isHoverLS(activeLinks?.hover),
-  source_working:       sourceWorking,
-  source_online:        sourceOnline,
-  source_active_links:  sourceAL,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R539 chip-row digit hover-tracking:`,
-  JSON.stringify(results, null, 2),
-  '\n  working:', JSON.stringify(working),
-  '\n  online:', JSON.stringify(online),
-  '\n  active-links:', JSON.stringify(activeLinks));
-process.exit(ok ? 0 : 1);

package/scripts/topo-chip-row-gap-test.mjs

@@ -1,90 +0,0 @@
-/* Round 328 verification: chip-row strip wrapper gap-2 → gap-2.5
- * (8px → 10px between chips).
- *
- * The chip-row strip stacks status chips (working/online/active-
- * links), vendor letters, pressure-bar segments, filter pin pills,
- * pin-intersection chip, and the Layout toggle. Each chip has its
- * own `px-2.5` (10px) horizontal padding. Pre-R328 the gap (8px)
- * was tighter than chip-padding, so neighbors visually touched.
- * R328 makes inter-chip = chip-padding rhythm.
- *
- * Sibling family:
- *   R298 title-block gap-2.5
- *   R328 chip-row    gap-2.5 (this round)
- *   R326 chrome      gap-2
- *
- * Contract:
- *   - The chip-row wrapper carries className 'gap-2.5' (not 'gap-2').
- *   - Computed column-gap === 10px.
- *   - R326 regression: [data-topo-chrome] still column-gap 8px.
- *   - R317/R318/R294 chrome + pulse regressions intact.
- *
- * The chip-row wrapper has no test-id; we find it as the sibling
- * `<div>` of the title-block (containing the Layout toggle button
- * via `[data-topo-chrome-layout-trailer]` which is its child).
- */
-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') ] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*', (r) => r.fulfill({ json: { tasks: [] } }));
-
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForSelector('[data-topo-chrome-layout-trailer]', { timeout: 15000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const layoutWrapper = document.querySelector('[data-topo-chrome-layout-trailer]');
-  // Chip-row strip is the parent div with className containing 'flex-wrap'
-  // — walk up from the Layout toggle wrapper.
-  let chipRow = layoutWrapper?.parentElement || null;
-  while (chipRow && !chipRow.className.includes('flex-wrap')) {
-    chipRow = chipRow.parentElement;
-  }
-  const chrome = document.querySelector('[data-topo-chrome]');
-  return {
-    chipRowClass:       chipRow?.className ?? '',
-    chipRowColumnGap:   chipRow ? getComputedStyle(chipRow).columnGap : null,
-    chromeColumnGap:    chrome ? getComputedStyle(chrome).columnGap : 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 results = {
-  chip_row_has_gap_2_5:        probe.chipRowClass.includes('gap-2.5') && !/(^|\s)gap-2(\s|$)/.test(probe.chipRowClass),
-  chip_row_gap_10px:           probe.chipRowColumnGap === '10px',
-  // R326 regression: chrome strip stays at gap-2 (8px).
-  r326_chrome_gap_8px:         probe.chromeColumnGap === '8px',
-  // 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 ? '✅' : '❌'} chip-row gap-2.5:`, JSON.stringify(results),
-  '\n  chip-row column-gap:', probe.chipRowColumnGap,
-  '\n  chrome column-gap:',   probe.chromeColumnGap);
-process.exit(ok ? 0 : 1);

package/scripts/topo-chip-row-group-hover-brighten-test.mjs

@@ -1,107 +0,0 @@
-/* Round 414 verification: chip-row chip unit spans gain group-hover-
- * brighten — sibling to R355 filter pill inner-span hover-brighten.
- * Chip-row 3 chips (working / online / active-links) get `group`
- * parent + inner unit span `group-hover:opacity-100`.
- *
- * Contract:
- *   - 3 chips with data-chip-group-hover-brighten="true"
- *   - Each chip className includes `group`
- *   - Each chip's unit span (data-*-chip-unit) className includes:
- *     * opacity-70
- *     * transition-opacity
- *     * group-hover:opacity-100
- *   - Pre-R414 invariants preserved:
- *     * R398/R399 hover:-translate-y-px on clickable variant
- *     * R232 tabular-nums, font-medium
- *     * R266 anet-topo-chip-focus
- */
-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-chip-group-hover-brighten="true"]', { timeout: 15000 });
-await page.waitForTimeout(400);
-
-const probe = await page.evaluate(() => {
-  const chips = Array.from(document.querySelectorAll('[data-chip-group-hover-brighten="true"]'));
-  const read = (chip) => {
-    const unit = chip.querySelector('[data-working-chip-unit], [data-online-chip-unit], [data-active-links-chip-unit]');
-    return {
-      chipClass: chip.className,
-      unitClass: unit?.className ?? null,
-      chipAttr:  chip.getAttribute('data-working-chip') !== null ? 'working'
-              : chip.getAttribute('data-online-chip') !== null ? 'online'
-              : chip.getAttribute('data-active-links-chip') !== null ? 'active-links'
-              : 'unknown',
-    };
-  };
-  return {
-    count: chips.length,
-    chips: chips.map(read),
-  };
-});
-
-await browser.close();
-
-const wc = probe.chips.find((c) => c.chipAttr === 'working');
-const oc = probe.chips.find((c) => c.chipAttr === 'online');
-const ac = probe.chips.find((c) => c.chipAttr === 'active-links');
-
-const results = {
-  // 3 chips mounted
-  three_chips:                  probe.count === 3,
-  // working chip
-  working_has_group:            wc?.chipClass.includes('group') === true,
-  working_unit_brighten:        wc?.unitClass?.includes('group-hover:opacity-100') === true,
-  working_unit_transition:      wc?.unitClass?.includes('transition-opacity') === true,
-  working_unit_opacity_70:      wc?.unitClass?.includes('opacity-70') === true,
-  // online chip
-  online_has_group:             oc?.chipClass.includes('group') === true,
-  online_unit_brighten:         oc?.unitClass?.includes('group-hover:opacity-100') === true,
-  online_unit_transition:       oc?.unitClass?.includes('transition-opacity') === true,
-  // active-links chip
-  active_has_group:             ac?.chipClass.includes('group') === true,
-  active_unit_brighten:         ac?.unitClass?.includes('group-hover:opacity-100') === true,
-  active_unit_transition:       ac?.unitClass?.includes('transition-opacity') === true,
-  // Pre-R414 invariants
-  working_chip_focus:           wc?.chipClass.includes('anet-topo-chip-focus') === true,
-  online_tabular_nums:          oc?.chipClass.includes('tabular-nums') === true,
-  active_font_medium:           ac?.chipClass.includes('font-medium') === true,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} chip-row chip group-hover-brighten:`, JSON.stringify(results),
-  '\n  working:', wc,
-  '\n  online: ', oc,
-  '\n  active: ', ac);
-process.exit(ok ? 0 : 1);

package/scripts/topo-chip-row-hover-lift-test.mjs

@@ -1,95 +0,0 @@
-/* Round 398 verification: chip-row chips (working / online) gain
- * hover translateY(-1px) lift on clickable variant only. Extends
- * R397's filter-pill lift to the static header chips, gated to
- * the chip's clickable role so empty chips stay planted.
- *
- * Contract:
- *   - Populated working chip (workingCount > 0):
- *     * data-chip-hover-lift === 'true'
- *     * className includes 'hover:-translate-y-px'
- *     * className includes 'transition-transform' + 'transform-gpu'
- *   - Populated online chip (onlineNodes.length > 0):
- *     * data-chip-hover-lift === 'true'
- *     * className includes 'hover:-translate-y-px'
- *   - Pre-R398 invariants preserved:
- *     * transition-colors duration-200 still present
- *     * R201 hover:bg + hover:border tokens still present
- *     * anet-topo-chip-focus + tabular-nums + font-medium present
- */
-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'),
-    mk('gamma', 'idle'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*',    (r) => r.fulfill({ json: { tasks: [] } }));
-
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForSelector('[data-working-chip]', { timeout: 15000 });
-await page.waitForTimeout(400);
-
-const probe = await page.evaluate(() => {
-  const work = document.querySelector('[data-working-chip]');
-  const online = document.querySelector('[data-online-chip]');
-  return {
-    work: work ? {
-      className: work.className,
-      lift:      work.getAttribute('data-chip-hover-lift'),
-      clickable: work.getAttribute('data-working-chip-clickable'),
-    } : null,
-    online: online ? {
-      className: online.className,
-      lift:      online.getAttribute('data-chip-hover-lift'),
-      clickable: online.getAttribute('data-online-chip-clickable'),
-    } : null,
-  };
-});
-
-await browser.close();
-
-const wc = probe.work?.className || '';
-const oc = probe.online?.className || '';
-const results = {
-  // working chip: clickable + R398 lift attrs + className tokens
-  work_lift_true:               probe.work?.lift === 'true',
-  work_clickable_true:          probe.work?.clickable === 'true',
-  work_has_hover_translate:     wc.includes('hover:-translate-y-px'),
-  work_has_transition_transform: wc.includes('transition-transform'),
-  work_has_transform_gpu:       wc.includes('transform-gpu'),
-  work_has_transition_colors:   wc.includes('transition-colors'),  // R201 preserved
-  work_has_hover_bg:            wc.includes('hover:bg-green-500/15'),  // R201 preserved
-  work_has_chip_focus:          wc.includes('anet-topo-chip-focus'),
-  // online chip mirror
-  online_lift_true:             probe.online?.lift === 'true',
-  online_clickable_true:        probe.online?.clickable === 'true',
-  online_has_hover_translate:   oc.includes('hover:-translate-y-px'),
-  online_has_transition_transform: oc.includes('transition-transform'),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} chip-row chips hover lift translateY(-1px):`, JSON.stringify(results),
-  '\n  workingClass:', wc,
-  '\n  onlineClass: ', oc);
-process.exit(ok ? 0 : 1);

package/scripts/topo-chip-row-member-alias-lit-test.mjs

@@ -1,154 +0,0 @@
-/* Round 565 (50-round milestone) verification: chip-row chips
- * gain "lit" bg/border treatment when operator hovers a node
- * alias matching the chip's status tier. 7th anchor in the
- * inspection-overrides-encoding family.
- *
- * Mock: alpha·1 (working) + alpha·2 (idle) + alpha·3 (offline).
- * Hover alpha·1 → working chip lit (bg-green-500/15); hover
- * alpha·2 → online chip lit (bg-cyan-500/15).
- *
- * Test phases:
- *   1. rest: both chip bg's at /10 alpha (0.1); attrs 'false'
- *   2. hover alpha·1 (working) → working chip bg at /15 (0.15);
- *      attr 'true'; online chip stays at /10
- *   3. hover alpha·2 (idle) → online chip bg at /15; attr 'true';
- *      working stays at /10
- *   4. hover alpha·3 (offline) → neither chip lit
- *   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', 'ring');
-    sessionStorage.setItem('anet_v3_auth', '1');
-  } catch {}
-});
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias, status) => ({
-    alias, status, model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha·1', 'working'),
-    mk('alpha·2', 'idle'),
-    mk('alpha·3', '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-working-chip]', { timeout: 15000 });
-await page.waitForTimeout(500);
-
-const probeChips = async () => {
-  return page.evaluate(() => {
-    const probe = (sel) => {
-      const el = document.querySelector(sel);
-      if (!el) return null;
-      const cs = getComputedStyle(el);
-      // Tailwind v4 emits bg in oklab format: oklab(L A B / alpha)
-      // Parse the trailing alpha to detect /10 vs /15.
-      const m = (cs.backgroundColor || '').match(/\/\s*([0-9.]+)\s*\)/);
-      return {
-        bg: cs.backgroundColor,
-        bgAlpha: m ? parseFloat(m[1]) : null,
-      };
-    };
-    return {
-      working: {
-        ...probe('[data-working-chip]'),
-        lit: document.querySelector('[data-working-chip-member-alias-lit]')
-          ?.getAttribute('data-working-chip-member-alias-lit') === 'true',
-      },
-      online: {
-        ...probe('[data-online-chip]'),
-        lit: document.querySelector('[data-online-chip-member-alias-lit]')
-          ?.getAttribute('data-online-chip-member-alias-lit') === 'true',
-      },
-    };
-  });
-};
-
-const rest = await probeChips();
-
-// Hover working node
-await page.hover('g[data-node="alpha·1"]');
-await page.waitForTimeout(400);
-const hoverWorking = await probeChips();
-
-// Move and hover idle node
-await page.mouse.move(0, 0);
-await page.waitForTimeout(300);
-await page.hover('g[data-node="alpha·2"]');
-await page.waitForTimeout(400);
-const hoverIdle = await probeChips();
-
-// Move and hover offline node
-await page.mouse.move(0, 0);
-await page.waitForTimeout(300);
-await page.hover('g[data-node="alpha·3"]');
-await page.waitForTimeout(400);
-const hoverOffline = await probeChips();
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceTierKey = /const hoveredAliasTierKey: 'working' \| 'idle' \| 'offline' \| null/.test(src);
-const sourceWorkingLit = /const isWorkingChipLit = hoveredAliasTierKey === 'working';/.test(src);
-const sourceOnlineLit = /const isOnlineChipLit\s+= hoveredAliasTierKey === 'idle';/.test(src);
-const sourceWorkingClass = /isWorkingChipLit \? 'bg-green-500\/15 border-green-500\/30' : 'bg-green-500\/10 border-green-500\/20'/.test(src);
-const sourceOnlineClass = /isOnlineChipLit \? 'bg-cyan-500\/15 border-cyan-500\/30' : 'bg-cyan-500\/10 border-cyan-500\/20'/.test(src);
-const sourceWorkingAttr = /data-working-chip-member-alias-lit=/.test(src);
-const sourceOnlineAttr = /data-online-chip-member-alias-lit=/.test(src);
-
-const closeAlpha = (a, target) => a !== null && Math.abs(a - target) < 0.005;
-
-const results = {
-  rest_working_alpha_10:        closeAlpha(rest.working.bgAlpha, 0.1),
-  rest_online_alpha_10:         closeAlpha(rest.online.bgAlpha, 0.1),
-  rest_working_lit_false:       rest.working.lit === false,
-  rest_online_lit_false:        rest.online.lit === false,
-  // hover working → working chip alpha lifts to 0.15
-  hover_working_w_alpha_15:     closeAlpha(hoverWorking.working.bgAlpha, 0.15),
-  hover_working_w_lit_true:     hoverWorking.working.lit === true,
-  hover_working_o_alpha_10:     closeAlpha(hoverWorking.online.bgAlpha, 0.1),
-  hover_working_o_lit_false:    hoverWorking.online.lit === false,
-  // hover idle → online chip alpha lifts; working stays
-  hover_idle_o_alpha_15:        closeAlpha(hoverIdle.online.bgAlpha, 0.15),
-  hover_idle_o_lit_true:        hoverIdle.online.lit === true,
-  hover_idle_w_alpha_10:        closeAlpha(hoverIdle.working.bgAlpha, 0.1),
-  hover_idle_w_lit_false:       hoverIdle.working.lit === false,
-  // hover offline → neither chip lit
-  hover_offline_w_lit_false:    hoverOffline.working.lit === false,
-  hover_offline_o_lit_false:    hoverOffline.online.lit === false,
-  // Source
-  source_tier_key:    sourceTierKey,
-  source_working_lit: sourceWorkingLit,
-  source_online_lit:  sourceOnlineLit,
-  source_working_class: sourceWorkingClass,
-  source_online_class:  sourceOnlineClass,
-  source_working_attr: sourceWorkingAttr,
-  source_online_attr:  sourceOnlineAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R565 chip-row chip member-alias-lit (7th anchor, 50-round milestone):`,
-  JSON.stringify(results, null, 2),
-  '\n  rest:', JSON.stringify(rest),
-  '\n  hover working node:', JSON.stringify(hoverWorking),
-  '\n  hover idle node:', JSON.stringify(hoverIdle),
-  '\n  hover offline node:', JSON.stringify(hoverOffline));
-process.exit(ok ? 0 : 1);