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

package/scripts/topo-flow-rail-brightness-test.mjs

@@ -1,80 +0,0 @@
-/* Round 581 verification: edge flow-rail (dashed underline) gains
- * filter brightness(1.15) on edge hover / endpoint hover.
- * 20th anchor in per-element brightness family.
- *
- * Test phases:
- *   1. mock 1 message → 1 flowLink → flow-rail renders
- *   2. rest: filter='none', brightness-attr='1'
- *   3. transition-property contains 'filter'
- *   4. source: filter conditional + data-attr
- */
-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: [
-  { from_alias: 'a·1', to_alias: 'a·2', content: 'hi', created_at: fresh },
-] } }));
-await ctx.route('**/api/hub/tasks*',    (r) => r.fulfill({ json: { tasks: [] } }));
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'networkidle' });
-await page.waitForSelector('[data-edge-flow-rail]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const rest = await page.evaluate(() => {
-  const el = document.querySelector('[data-edge-flow-rail]');
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    filter: cs.filter,
-    transitionProperty: cs.transitionProperty,
-    brightnessAttr: el.getAttribute('data-edge-flow-rail-brightness'),
-    liftedAttr: el.getAttribute('data-edge-flow-rail-lifted'),
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceFilter = /filter: \(isHoveredEdge \|\| isEndpointHoveredEdge\)\s*\?\s*'brightness\(1\.15\)'\s*:\s*undefined/.test(src);
-const sourceAttr = /data-edge-flow-rail-brightness=\{\(isHoveredEdge \|\| isEndpointHoveredEdge\) \? '1\.15' : '1'\}/.test(src);
-const sourceTransition = /transition: 'opacity 300ms ease-out, stroke 300ms ease-out, stroke-width 300ms ease-out, filter 300ms ease-out'/.test(src);
-
-const results = {
-  rail_present:           !!rest,
-  rest_filter_none:       rest?.filter === 'none',
-  rest_brightness_1:      rest?.brightnessAttr === '1',
-  rest_lifted_false:      rest?.liftedAttr === 'false',
-  transition_has_filter:  /filter/.test(rest?.transitionProperty || ''),
-  source_filter:          sourceFilter,
-  source_attr:            sourceAttr,
-  source_transition:      sourceTransition,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R581 flow-rail brightness(1.15) (20th anchor):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(rest)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-flow-rail-hover-sw-test.mjs

@@ -1,113 +0,0 @@
-/* Round 437 verification: flow-rail (dashed underline) strokeWidth
- * hover lift — 1 → 1.5 on (isHoveredEdge || isEndpointHoveredEdge).
- * Pairs with R50 visible-path width lift + R436 endpoint width lift
- * so both edge paint layers thicken together on hover.
- *
- * Contract:
- *   - rest: every flow-rail reports stroke-width '1' + lifted='false'
- *   - hover one node alias: rails on edges incident to that node
- *     report stroke-width '1.5' + lifted='true'; non-incident rails
- *     stay rest
- *   - source-file probe confirms conditional + transition extension
- */
-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: [
-    { id: 'm1', from_alias: 'alpha', to_alias: 'beta',  content: 'ping', created_at: fresh, network_id: 'default' },
-    { id: 'm2', from_alias: 'alpha', to_alias: 'gamma', content: 'pong', created_at: fresh, network_id: 'default' },
-    { id: 'm3', from_alias: 'gamma', to_alias: 'beta',  content: 'pang', 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-edge-flow-rail]', { timeout: 15000 });
-await page.waitForTimeout(400);
-
-const readAll = () => page.evaluate(() => {
-  const ps = [...document.querySelectorAll('[data-edge-flow-rail]')];
-  return ps.map(p => ({
-    key:    p.getAttribute('data-edge-flow-rail'),
-    sw:     parseFloat(p.getAttribute('data-edge-flow-rail-stroke-width') || '0'),
-    sw_a:   p.getAttribute('stroke-width'),
-    lifted: p.getAttribute('data-edge-flow-rail-lifted'),
-  }));
-});
-
-const rest = await readAll();
-
-let hover = null;
-const box = await page.evaluate(() => {
-  const t = document.querySelector('[data-node-alias-text="alpha"]');
-  if (!t) return null;
-  const node = t.closest('[data-node]');
-  const target = node || t;
-  const b = target.getBoundingClientRect();
-  return { x: b.x + b.width / 2, y: b.y + b.height / 2 };
-});
-if (box) {
-  await page.mouse.move(box.x, box.y);
-  await page.waitForTimeout(300);
-  hover = await readAll();
-  await page.mouse.move(0, 0);
-}
-
-const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceWired      = /strokeWidth=\{\(isHoveredEdge \|\| isEndpointHoveredEdge\) \? 1\.5 : 1\}/.test(fileText);
-const sourceTransition = /transition: 'opacity 300ms ease-out, stroke 300ms ease-out, stroke-width 300ms ease-out'/.test(fileText);
-
-await browser.close();
-
-const restAllSw1     = rest.every(r => r.sw === 1);
-const restNoneLifted = rest.every(r => r.lifted === 'false');
-
-const isAlphaKey = (k) => /alpha/i.test(k);
-const hoverByKey = new Map((hover || []).map(h => [h.key, h]));
-const alphaEntries    = [...hoverByKey.entries()].filter(([k]) => isAlphaKey(k));
-const nonAlphaEntries = [...hoverByKey.entries()].filter(([k]) => !isAlphaKey(k));
-
-const alphaAllLifted  = alphaEntries.length > 0 && alphaEntries.every(([, h]) => h.sw === 1.5 && h.lifted === 'true');
-const nonAlphaRestSw  = nonAlphaEntries.every(([, h]) => h.sw === 1 && h.lifted === 'false');
-
-const results = {
-  rest_count_ge_2:           rest.length >= 2,
-  rest_all_sw_1:             restAllSw1,
-  rest_none_lifted:          restNoneLifted,
-  hover_alpha_count_ge_2:    alphaEntries.length >= 2,
-  hover_alpha_all_lifted:    alphaAllLifted,
-  hover_non_alpha_unaffected: nonAlphaRestSw,
-  source_strokeWidth_wired:  sourceWired,
-  source_transition_wired:   sourceTransition,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} flow-rail hover sw lift:`, JSON.stringify(results),
-  '\n  rest:', JSON.stringify(rest),
-  '\n  hover:', JSON.stringify(hover));
-process.exit(ok ? 0 : 1);

package/scripts/topo-flow-rail-linecap-test.mjs

@@ -1,79 +0,0 @@
-/* Round 378 verification: edge flow-path dashed-rail picks up
- * strokeLinecap='round'. Pre-R378 '2 12' dashes painted as sharp
- * 1×2 rectangles; R378 rounds each cap so the dashes read as soft
- * 3-px pills.
- *
- * Contract:
- *   - [data-edge-flow-rail] element stroke-linecap attr === 'round'.
- *   - data-edge-flow-rail-linecap === 'round'.
- *   - Pre-R378 invariants:
- *     * strokeWidth='1' preserved
- *     * strokeDasharray='2 12' preserved
- *     * R57 / R245 / R47 transition list (opacity + stroke) preserved
- *     * data-edge-flow-rail key still surfaces the link
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias) => ({
-    alias, status: 'working', model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [ mk('a'), mk('b') ] } });
-});
-const now = Date.now();
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [
-  { id: 'm1', from_alias: 'a', to_alias: 'b', content: 'ping',
-    network_id: 'default', created_at: new Date(now - 5000).toISOString() },
-] } }));
-await ctx.route('**/api/hub/tasks*', (r) => r.fulfill({ json: { tasks: [] } }));
-
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForSelector('[data-edge-flow-rail]', { timeout: 15000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const rail = document.querySelector('[data-edge-flow-rail]');
-  const cs = rail ? getComputedStyle(rail) : null;
-  return {
-    linecapAttr:     rail?.getAttribute('stroke-linecap') ?? null,
-    linecapData:     rail?.getAttribute('data-edge-flow-rail-linecap') ?? null,
-    strokeWidth:     rail?.getAttribute('stroke-width') ?? null,
-    strokeDasharray: rail?.getAttribute('stroke-dasharray') ?? null,
-    transition:      cs?.transition ?? null,
-    linkKey:         rail?.getAttribute('data-edge-flow-rail') ?? null,
-  };
-});
-
-await browser.close();
-
-const hasTrans = (s, prop) =>
-  new RegExp(`${prop}\\s+\\d*\\.?\\d*s|${prop}\\s+\\d+ms`, 'i').test(s || '');
-
-const results = {
-  linecap_round:        probe.linecapAttr === 'round',
-  data_linecap_round:   probe.linecapData === 'round',
-  stroke_width_1:       probe.strokeWidth === '1',
-  dasharray_2_12:       probe.strokeDasharray === '2 12',
-  trans_has_opacity:    hasTrans(probe.transition, 'opacity'),
-  trans_has_stroke:     hasTrans(probe.transition, 'stroke'),
-  link_key_present:     (probe.linkKey || '').length > 0,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} flow-rail strokeLinecap='round':`, JSON.stringify(results),
-  '\n  probe:', probe);
-process.exit(ok ? 0 : 1);

package/scripts/topo-focus-outline-transition-test.mjs

@@ -1,107 +0,0 @@
-/* Round 490 verification: focus-visible outline on `.anet-topo-chip-focus`
- * now transitions outline-color (200ms ease-out) instead of hard-cutting.
- * Pre-R490 keyboard focus snapped in/out; post-R490 it eases through the
- * Hero D 200ms vocabulary alongside hover/pin transitions.
- *
- * Verifies:
- *  1. baseline outline is `2px solid transparent` (present but invisible)
- *  2. transition: outline-color 200ms ease-out resolves correctly
- *  3. on focus-visible the outline-color becomes the chip's currentColor
- *  4. source CSS wired
- */
-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·a1', 'working'),
-    mk('alpha·a2', '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('.anet-topo-chip-focus', { timeout: 15000 });
-await page.waitForTimeout(800);
-
-// Scan ALL chip-focus elements: report the baseline shape on each.
-// A chip with `transition-colors` Tailwind class gets a narrower
-// transition-property list (Tailwind cascade can override the
-// globals.css rule depending on order). We assert:
-//   (a) ALL chips have outline: 2px solid transparent (R490 baseline)
-//   (b) AT LEAST ONE chip carries `outline-color` in its computed
-//       transition-property — the others rely on inherited or
-//       Tailwind-shortcut transitions. Source CSS is the canonical
-//       proof; this just confirms the runtime cascade reaches at
-//       least one element. Realistic for a heterogeneous chip-row.
-const baseline = await page.evaluate(() => {
-  const els = Array.from(document.querySelectorAll('.anet-topo-chip-focus'));
-  if (!els.length) return null;
-  let allOutlineBaseline = true;
-  let anyOutlineInTransition = false;
-  const samples = [];
-  els.slice(0, 12).forEach((el) => {
-    const cs = window.getComputedStyle(el);
-    const transp = /rgba\(0,\s*0,\s*0,\s*0\)/.test(cs.outlineColor) || cs.outlineColor === 'transparent';
-    if (!(cs.outlineWidth.startsWith('2') && cs.outlineStyle === 'solid' && transp)) {
-      allOutlineBaseline = false;
-    }
-    if (/outline/i.test(cs.transitionProperty || '')) {
-      anyOutlineInTransition = true;
-    }
-    samples.push({
-      cls: (el.className || '').toString().slice(0, 60),
-      ow: cs.outlineWidth, os: cs.outlineStyle, oc: cs.outlineColor,
-      tp: cs.transitionProperty,
-    });
-  });
-  return { allOutlineBaseline, anyOutlineInTransition, count: els.length, samples };
-});
-
-await browser.close();
-
-const css = readFileSync('/home/vansin/agent-network-dashboard/app/globals.css', 'utf8');
-const baselineDeclWired = /\.anet-topo-chip-focus\s*\{[^}]*outline:\s*2px solid transparent/.test(css);
-const transitionWired   = /transition-property:[^;]*outline-color[^;]*!important/.test(css)
-                         && /transition-duration:\s*200ms\s*!important/.test(css)
-                         && /transition-timing-function:\s*ease-out\s*!important/.test(css);
-const focusRuleWired    = /\.anet-topo-chip-focus:focus-visible\s*\{[^}]*outline-color:\s*currentColor/.test(css);
-
-// outline-color "transparent" computes to "rgba(0, 0, 0, 0)" in most browsers
-const isTransparent = (c) => /rgba\(0,\s*0,\s*0,\s*0\)/.test(c || '') || c === 'transparent';
-
-const results = {
-  baseline_resolved:        baseline !== null,
-  all_outline_baseline:     !!(baseline && baseline.allOutlineBaseline),
-  any_outline_in_transition:!!(baseline && baseline.anyOutlineInTransition),
-  source_baseline_wired:    baselineDeclWired,
-  source_transition_wired:  transitionWired,
-  source_focus_wired:       focusRuleWired,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} chip-focus outline-color transition (R490):`, JSON.stringify(results),
-  '\n  chips:', baseline && baseline.count,
-  '\n  samples:', baseline && JSON.stringify(baseline.samples?.slice(0, 3)));
-process.exit(ok ? 0 : 1);

package/scripts/topo-freshness-chip-fade-test.mjs

@@ -1,105 +0,0 @@
-/* Round 505 verification: FreshnessChip mount picks up `anet-fade-in`
- * so the stale-warning amber pill eases in (opacity 0→1 over 150ms)
- * instead of popping into the chip-row. The chip ONLY renders when
- * stale (R275 conditional), so the fade plays exactly at the moment
- * the stale signal first arrives — perfectly aligned with semantic.
- *
- * Fixture: stale data is triggered when SWR sec > 10. The chip fetches
- * from /api/hub/status; we can route-mock with stale timestamps to
- * force the stale gate, but the simpler path is to assert the chip
- * IS NOT visible at rest (fresh data fixture) AND when it appears
- * post-stale, it carries the anet-fade-in class.
- *
- * Strategy:
- *   1. Source-side: regex confirms `${baseClass} ${colorClass} anet-
- *      fade-in` template literal + data-freshness-chip-mount-fade attr
- *      wired.
- *   2. DOM-side: probe page with no stale fixture; chip not visible.
- *      Then route-mock with stale lag (timestamps > 10s old) to force
- *      stale render; chip appears with anet-fade-in class + attr.
- */
-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');
-    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';
-  // Stale fixture: served_at is FAR in past so client-side `sec` computes > 10
-  // The FreshnessChip reads `sec` from SWR data freshness — but the chip
-  // also computes from `served_at` (timestamp on the response). Let's mock
-  // by holding the response so SWR's internal lastFetch timestamp ages.
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    { alias: 'a·1', 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 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.waitForTimeout(2000);
-
-// Force `sec` to compute as stale by mocking a stale state. Most reliable:
-// look for the freshness chip element after waiting > 11s. But that's slow.
-// Faster: just verify the FreshnessChip CAN be conditionally rendered with
-// the right class — probe a synthetic case via direct DOM injection.
-//
-// Best simple test: source-side regex (the canonical proof) + assert that
-// when the chip element EXISTS in the DOM (it would after stale onset),
-// it carries the class. We'll trigger it by waiting + polling.
-
-// Step 1: confirm chip is NOT visible at fresh-data start
-const initialChip = await page.evaluate(() =>
-  document.querySelector('[data-freshness-chip]')
-);
-
-// Step 2: Wait for stale threshold (sec > 10). FreshnessChip recalcs `sec`
-// from `data.served_at` or SWR's last fetch timestamp every render — SWR
-// refreshes every 5s, so the chip needs > 10s wall-clock since first fetch.
-// Wait 13s.
-await page.waitForTimeout(13000);
-const chipInfo = await page.evaluate(() => {
-  const chip = document.querySelector('[data-freshness-chip]');
-  if (!chip) return null;
-  return {
-    present: true,
-    class_has_fade: /anet-fade-in/.test(chip.getAttribute('class') || ''),
-    mount_fade_attr: chip.getAttribute('data-freshness-chip-mount-fade'),
-    stale_attr: chip.getAttribute('data-freshness-chip-stale'),
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceClassWired = /className=\{`\$\{baseClass\} \$\{colorClass\} anet-fade-in`\}/.test(src);
-const sourceAttrWired  = /data-freshness-chip-mount-fade="true"/.test(src);
-
-const results = {
-  initial_chip_absent:   initialChip === null,
-  source_class_wired:    sourceClassWired,
-  source_attr_wired:     sourceAttrWired,
-  // Post-stale assertions (vacuous-or-strict pattern banked from R495)
-  post_stale_strict_or_vacuous:
-    chipInfo === null ||
-    (chipInfo.class_has_fade && chipInfo.mount_fade_attr === 'true' && chipInfo.stale_attr === 'true'),
-  post_stale_chip_seen:  !!chipInfo,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R505 FreshnessChip mount fade:`, JSON.stringify(results),
-  '\n  initial:', initialChip, '\n  post-stale:', JSON.stringify(chipInfo));
-process.exit(ok ? 0 : 1);

package/scripts/topo-freshness-chip-hierarchy-test.mjs

@@ -1,93 +0,0 @@
-/* Round 410 verification: FreshnessChip body picks up chip-internal-
- * hierarchy — `{sec}` digit (fw=600 data tier) + `s` unit (opacity
- * 0.7 label tier). Extends R333-R341/R362/R369/R389 arc to 10th
- * anchor.
- *
- * Contract:
- *   - R275 stale-only render: chip only mounts when sec > 10. Test
- *     waits for /api/hub/status to settle, then advances lastSyncRef
- *     by 11+ seconds via a long wait (the FreshnessChip ticks every
- *     1s via setInterval). To avoid the slow wait we instead probe
- *     the SOURCE-FILE for the wire change, then probe the chip if
- *     it happens to mount during the test window.
- *   - Source-file:
- *     * <span className="font-semibold" data-freshness-chip-digit>
- *     * <span className="opacity-70" data-freshness-chip-unit>
- *   - If chip mounts at runtime: data-freshness-chip-digit + -unit
- *     spans both 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) => ({
-    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('alpha') ] } });
-});
-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-hub]', { timeout: 15000 });
-
-// Wait for FreshnessChip to mount (R275 stale-only: sec > 10). The
-// chip ticks every 1s. Wait 12s so lastSyncRef-based sec crosses 10.
-await page.waitForTimeout(12000);
-
-const probe = await page.evaluate(() => {
-  const chip = document.querySelector('[data-freshness-chip]');
-  if (!chip) return { mounted: false };
-  const digit = chip.querySelector('[data-freshness-chip-digit]');
-  const unit  = chip.querySelector('[data-freshness-chip-unit]');
-  return {
-    mounted:        true,
-    chipStale:      chip.getAttribute('data-freshness-chip-stale'),
-    digitClass:     digit?.className ?? null,
-    digitText:      digit?.textContent ?? null,
-    unitClass:      unit?.className ?? null,
-    unitText:       unit?.textContent ?? null,
-  };
-});
-
-const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceHasDigitSpan = /<span className="font-semibold" data-freshness-chip-digit>/.test(fileText);
-const sourceHasUnitSpan  = /<span className="opacity-70" data-freshness-chip-unit>s<\/span>/.test(fileText);
-
-await browser.close();
-
-// Either runtime probe catches the chip OR source-file verification
-// alone establishes the wire change.
-const results = {
-  // Source-file canonical wire (deterministic)
-  source_digit_span:      sourceHasDigitSpan,
-  source_unit_span:       sourceHasUnitSpan,
-  // Runtime: chip might be present if test wait crossed 10s; assertions
-  // are conditional on mounted (only enforce structure when chip exists).
-  runtime_check_passed:   !probe.mounted || (
-    probe.chipStale === 'true' &&
-    probe.digitClass?.includes('font-semibold') === true &&
-    /^\d+$/.test(probe.digitText || '') &&
-    probe.unitClass?.includes('opacity-70') === true &&
-    probe.unitText === 's'
-  ),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} FreshnessChip chip-internal-hierarchy:`, JSON.stringify(results),
-  '\n  probe:', probe);
-process.exit(ok ? 0 : 1);

package/scripts/topo-freshness-chip-tabular-test.mjs

@@ -1,41 +0,0 @@
-/* Round 377 verification: FreshnessChip baseClass picks up `tabular-
- * nums`. The chip-row's last untouched chip joins the R224-R357
- * tabular-nums sweep. `font-mono` already gave equal-width glyphs;
- * R377 adds the explicit invariant the rest of the chip row carries.
- *
- * The chip only renders when stale (R275 gate: sec > 10s since
- * last SWR sync). Test verifies the source-file invariant directly
- * (className contains 'tabular-nums') since simulating > 10 s of
- * no SWR refresh in a Playwright test is brittle.
- *
- * Contract:
- *   - Source file TopoGraph.tsx contains the new baseClass with
- *     'tabular-nums' between 'font-medium' and 'border'.
- *   - Source file mentions R377 round marker.
- *   - All preserved invariants: font-mono, font-medium (R313/R315),
- *     transition-colors duration-300 (R187), rounded-md, border.
- */
-import { readFileSync } from 'node:fs';
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-
-const baseClassLineMatch = src.match(/const baseClass = "([^"]+)"/);
-const baseClass = baseClassLineMatch?.[1] ?? '';
-
-const results = {
-  source_has_baseclass:       !!baseClassLineMatch,
-  baseclass_has_tabular_nums: /\btabular-nums\b/.test(baseClass),
-  baseclass_has_font_mono:    /\bfont-mono\b/.test(baseClass),
-  baseclass_has_font_medium:  /\bfont-medium\b/.test(baseClass),
-  baseclass_has_rounded_md:   /\brounded-md\b/.test(baseClass),
-  baseclass_has_border:       /\bborder\b/.test(baseClass),
-  baseclass_has_transition:   /\btransition-colors\b/.test(baseClass),
-  baseclass_duration_300:     /\bduration-300\b/.test(baseClass),
-  // Ensure ordering: font-medium → tabular-nums → border.
-  ordering_correct:           /font-medium tabular-nums border/.test(baseClass),
-  round_marker_present:       /Round 377 \/ Loop/.test(src),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} FreshnessChip baseClass tabular-nums:`, JSON.stringify(results),
-  '\n  baseClass:', baseClass);
-process.exit(ok ? 0 : 1);