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

package/scripts/topo-edge-chat-gate-test.mjs

@@ -1,71 +0,0 @@
-/* Round 624 — extend isEndpointHoveredEdge gate to include
- * chatAlias. All edges incident on the chat partner now light
- * up. 10th anchor in chat-target-gated brightness family.
- *
- * Test phases:
- *   1. mock 2 nodes + 1 flow message → 1 flowLink/edge renders
- *   2. rest (no hover, no chat): edge at idle stroke-width
- *   3. source: isEndpointHoveredEdge declaration uses gate union
- *      `(hover || chat)` joined by ||
- */
-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-visible]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const rest = await page.evaluate(() => {
-  const el = document.querySelector('[data-edge-visible]');
-  if (!el) return null;
-  return {
-    endpointAttr: el.getAttribute('data-edge-visible-endpoint-hovered'),
-    brightnessAttr: el.getAttribute('data-edge-visible-brightness'),
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceGate = /const isEndpointHoveredEdge = \(!!hoveredAlias && \(link\.from === hoveredAlias \|\| link\.to === hoveredAlias\)\)\s*\|\|\s*\(!!chatAlias\s*&& \(link\.from === chatAlias\s*\|\| link\.to === chatAlias\)\)/.test(src);
-
-const results = {
-  edge_present:           !!rest,
-  rest_endpoint_false:    rest?.endpointAttr === 'false',
-  rest_brightness_1:      rest?.brightnessAttr === '1',
-  source_gate_or:         sourceGate,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R624 incident-edge chat-target gate (chat-gated family 10th anchor):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(rest)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-edge-count-badge-test.mjs

@@ -1,86 +0,0 @@
-/* Round 100 verification: edges with count >= 3 render a midpoint
- * count badge. The edge stroke width gauges intensity but at high
- * volume "5 vs 12" is hard to read off the line. The badge spells
- * out the integer at the bezier midpoint.
- *
- * Fleet: alpha → beta with 5 messages, gamma → delta with 1, all
- * fresh. Expect one badge for the 5-msg flow, none for the 1-msg
- * flow (count below threshold). Verify badge text matches the
- * link.count and pointer-events:none so the existing R48 edge
- * hitbox stays alive.
- */
-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: 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() - 30 * 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: 'idle', model: 'claude-opus-4', runtime: 'cli-claude-code',
-    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')] } });
-});
-
-const now = Date.now();
-const mkMsg = (id, from_alias, to_alias, ageMs) => ({
-  id, from_alias, to_alias, content: 'ping', network_id: 'default',
-  created_at: new Date(now - ageMs).toISOString(),
-});
-await ctx.route('**/api/hub/messages*', (route) => route.fulfill({ json: { messages: [
-  // 5 alpha → beta (count=5, badge expected)
-  mkMsg('m1', 'alpha', 'beta', 30 * 1000),
-  mkMsg('m2', 'alpha', 'beta', 40 * 1000),
-  mkMsg('m3', 'alpha', 'beta', 50 * 1000),
-  mkMsg('m4', 'alpha', 'beta', 60 * 1000),
-  mkMsg('m5', 'alpha', 'beta', 70 * 1000),
-  // 1 gamma → delta (count=1, NO badge)
-  mkMsg('m6', 'gamma', 'delta', 80 * 1000),
-  // 3 beta → alpha (count=3 — threshold, badge expected)
-  mkMsg('m7', 'beta', 'alpha', 35 * 1000),
-  mkMsg('m8', 'beta', 'alpha', 45 * 1000),
-  mkMsg('m9', 'beta', 'alpha', 55 * 1000),
-] } }));
-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(() => document.querySelectorAll('g[data-node]').length === 4, { timeout: 30000 });
-await page.waitForSelector('[data-edge-count-badge]', { timeout: 10000 });
-await page.waitForTimeout(400);
-
-const badges = await page.evaluate(() => {
-  return [...document.querySelectorAll('[data-edge-count-badge]')].map(g => ({
-    key:   g.getAttribute('data-edge-count-badge'),
-    count: g.querySelector('text')?.textContent || '',
-    pe:    getComputedStyle(g).pointerEvents,
-  }));
-});
-
-await browser.close();
-
-const byKey = Object.fromEntries(badges.map(b => [b.key, b]));
-const results = {
-  twoBadges:               badges.length === 2,
-  alphaBeta_badge:         byKey['alpha->beta']?.count === '5',
-  betaAlpha_badge:         byKey['beta->alpha']?.count === '3',
-  gammaDelta_noBadge:     !byKey['gamma->delta'],
-  // R121 promoted the badge from passive display to a click-to-pin
-  // affordance — assertion flipped from non-interactive to interactive.
-  badges_interactive:      badges.every(b => b.pe === 'all'),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} edge-count badge:`, JSON.stringify(results),
-  `\n  badges=`, badges);
-process.exit(ok ? 0 : 1);

package/scripts/topo-edge-endpoint-highlight-test.mjs

@@ -1,111 +0,0 @@
-/* Round 49 verification: hovering a flow edge highlights its two endpoint
- * nodes and dims the rest — the reverse direction of R40 (node→edges) so
- * "who is this edge between" reads at a glance without the tooltip.
- *
- * Sessions: alpha, beta, gamma, delta. Messages: alpha→beta + gamma→delta.
- * - Before hover: all 4 nodes at base opacity (~1.0).
- * - Hover alpha→beta hitbox: alpha + beta opacity ≥ 0.6, gamma + delta
- *   drop below 0.4 (composed via `hoveredEdgeEndpoints`).
- * - Move off the edge: opacities return to base.
- */
-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 });
-
-// The dashboard chrome (sidebar + header + stats row) pushes the topology
-// SVG well below the fold at width 1280. Height 1500 fits the whole canvas
-// so SVG-local coordinates map to in-viewport screen coordinates.
-const ctx = await browser.newContext({ viewport: { width: 1280, 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');
-    // Ring layout places nodes around the SVG center and edges curve through
-    // it — well inside the 1280x900 viewport. Grid layout pushes the lower-
-    // row edges below the fold and breaks locator.hover positioning.
-    localStorage.setItem('anet-topo-layout', 'ring');
-    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 = ['alpha', 'beta', 'gamma', 'delta'].map(a => ({
-    alias: a, status: 'idle', network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  }));
-  await route.fulfill({ response: r, json: { ...b, sessions } });
-});
-const now = new Date().toISOString();
-await ctx.route('**/api/hub/messages*', (route) => route.fulfill({ json: { messages: [
-  { from_alias: 'alpha', to_alias: 'beta',  content: 'm', created_at: now },
-  { from_alias: 'gamma', to_alias: 'delta', content: 'm', created_at: now },
-] } }));
-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(() => document.querySelectorAll('g[data-node]').length === 4, { timeout: 30000 });
-await page.waitForTimeout(600);
-
-const opacities = () => page.evaluate(() => {
-  const out = {};
-  for (const a of ['alpha', 'beta', 'gamma', 'delta']) {
-    const g = document.querySelector(`g[data-node="${a}"]`);
-    out[a] = g ? +(g.style.opacity || '1') : null;
-  }
-  return out;
-});
-
-const before = await opacities();
-
-// Hover the alpha→beta edge hitbox. The hitbox is a curved <path> with
-// `pointer-events: stroke`, so the cursor only triggers events when it
-// sits on the stroke itself — the bbox centroid is inside an empty region.
-// Sample a real point at half the path's length via getPointAtLength and
-// convert SVG-local coordinates to screen via getScreenCTM, then move the
-// physical mouse there.
-const target = await page.evaluate(() => {
-  const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-  for (const g of svg.querySelectorAll(':scope > g > g')) {
-    const t = g.querySelector('path[data-edge-hitbox] title');
-    if (t && /^alpha → beta/.test(t.textContent || '')) {
-      const hb = g.querySelector('path[data-edge-hitbox]');
-      const pt = hb.getPointAtLength(hb.getTotalLength() / 2);
-      const ctm = hb.getScreenCTM();
-      return { x: pt.x * ctm.a + pt.y * ctm.c + ctm.e, y: pt.x * ctm.b + pt.y * ctm.d + ctm.f };
-    }
-  }
-  return null;
-});
-if (!target) { console.log('❌ no alpha→beta hitbox found'); process.exit(1); }
-console.log('  hover target:', target);
-// Move twice — first to an empty spot, then to the curve point — so the
-// browser registers a pointermove from "elsewhere" to the hitbox stroke.
-await page.mouse.move(10, 10);
-await page.mouse.move(target.x, target.y);
-await page.waitForTimeout(350);
-const during = await opacities();
-
-// Move far away — over an empty corner — so no node/edge is hovered.
-await page.mouse.move(20, 20);
-await page.waitForTimeout(250);
-const after = await opacities();
-
-await browser.close();
-const baseOk = (o) => o >= 0.55;   // online nodes at base ~1.0; allow 0.6 floor
-const dimOk  = (o) => o !== null && o < 0.4;
-const results = {
-  beforeBaseAll: baseOk(before.alpha) && baseOk(before.beta) && baseOk(before.gamma) && baseOk(before.delta),
-  hoverKeepsEndpoints: baseOk(during.alpha) && baseOk(during.beta),
-  hoverDimsNonEndpoints: dimOk(during.gamma) && dimOk(during.delta),
-  releaseRestoresAll: baseOk(after.alpha) && baseOk(after.beta) && baseOk(after.gamma) && baseOk(after.delta),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} edge-endpoint highlight:`, JSON.stringify(results),
-  `\n  before=`, before, `\n  during=`, during, `\n  after=`, after);
-process.exit(ok ? 0 : 1);

package/scripts/topo-edge-endpoint-hover-sw-test.mjs

@@ -1,127 +0,0 @@
-/* Round 436 verification: edge visible-path stroke-width lift on
- * hoveredAlias endpoint. Mirrors R430/R435 hub-spoke pattern at edge
- * scope — when hoveredAlias matches one of the edge's endpoints, the
- * visible path thickens by 1.15× alongside the existing edgeOpacityMul
- * 1.7× lift (now BOTH paint and geometry lift on endpoint hover).
- *
- * Contract:
- *   - rest: no edge reports data-edge-visible-endpoint-hovered='true'
- *   - hover one node alias: exactly the edges incident on that alias
- *     report endpoint-hovered='true' AND their renderWidth > rest base
- *   - siblings unaffected
- *   - source-file probe confirms the new conditional + endpoint cap
- */
-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: [
-    // alpha is incident on both edges; gamma↔beta is the non-incident edge
-    { 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-visible]', { timeout: 15000 });
-await page.waitForTimeout(400);
-
-const readAll = () => page.evaluate(() => {
-  const ps = [...document.querySelectorAll('[data-edge-visible]')];
-  return ps.map(p => ({
-    key:       p.getAttribute('data-edge-visible'),
-    endHover:  p.getAttribute('data-edge-visible-endpoint-hovered'),
-    sw:        parseFloat(p.getAttribute('data-edge-visible-stroke-width') || '0'),
-  }));
-});
-
-const rest = await readAll();
-
-// Hover alpha
-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 = /isEndpointHoveredEdge\s*\?\s*Math\.min\(width \* 1\.15,\s*8\)\s*\n?\s*:\s*width/.test(fileText);
-const sourceIsEndpoint = /const isEndpointHoveredEdge = !!hoveredAlias && \(link\.from === hoveredAlias \|\| link\.to === hoveredAlias\)/.test(fileText);
-
-await browser.close();
-
-// rest: no edge should report endpoint-hover=true
-const restNoneEndHover = rest.every(r => r.endHover === 'false');
-
-// hover state: edges where alpha is an endpoint should report endpoint=true.
-// fixture edges: alpha↔beta, alpha↔gamma, gamma↔beta (deduped keys).
-const hoverByKey = new Map((hover || []).map(h => [h.key, h]));
-const restByKey  = new Map((rest  || []).map(r => [r.key, r]));
-
-// flow link keys are e.g. "alpha->beta" or "alpha-beta" — we don't know the
-// exact format. Detect alpha-incident edges by key substring.
-const isAlphaEdge = (key) => key && /alpha/i.test(key);
-const alphaEdges = [...hoverByKey.entries()].filter(([k]) => isAlphaEdge(k));
-const nonAlphaEdges = [...hoverByKey.entries()].filter(([k]) => !isAlphaEdge(k));
-
-const alphaAllEndHover = alphaEdges.length > 0 && alphaEdges.every(([, h]) => h.endHover === 'true');
-const nonAlphaNoEndHover = nonAlphaEdges.every(([, h]) => h.endHover === 'false');
-
-// width lifted for alpha edges (compare to rest sw for same key)
-const alphaSwLifted = alphaEdges.every(([k, h]) => {
-  const r = restByKey.get(k);
-  return r && h.sw > r.sw;
-});
-
-const results = {
-  rest_edge_count_ge_2:        rest.length >= 2,
-  rest_no_endpoint_hover:      restNoneEndHover,
-  hover_alpha_edges_present:   alphaEdges.length >= 1,
-  hover_alpha_all_endHover:    alphaAllEndHover,
-  hover_alpha_sw_lifted:       alphaSwLifted,
-  hover_non_alpha_unaffected:  nonAlphaNoEndHover,
-  source_renderWidth_wired:    sourceWired,
-  source_isEndpoint_wired:     sourceIsEndpoint,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} edge endpoint-hover sw lift:`, JSON.stringify(results),
-  '\n  rest:', JSON.stringify(rest),
-  '\n  hover:', JSON.stringify(hover));
-process.exit(ok ? 0 : 1);

package/scripts/topo-edge-fadein-test.mjs

@@ -1,106 +0,0 @@
-/* Round 172 verification: edges fade-in alongside R9 staggered
- * node reveal.
- *
- * Pre-R172 nodes used `anet-fade-in` with R9 stagger
- * (animationDelay = tier×180 + nodeIdx×25 / nodeIdx×25 capped
- * at 24) but edges appeared instantly. First-paint sequence:
- * nodes ease in over ~600ms while edges already at full
- * visibility — reveal looks inconsistent.
- *
- * R172 wraps each edge <g> in:
- *   className="anet-fade-in"
- *   style={{ animationDelay: '280ms + index*35ms (cap 20)' }}
- *   data-edge-group={link.key}
- *
- * Edges start fading in 280ms after first paint (after node
- * stagger lands), staggered by 35ms intra-edge offset.
- *
- * Test:
- *   1. Mock 4 sessions + 3 flows
- *   2. Probe each edge <g[data-edge-group]>
- *   3. Verify .anet-fade-in className present
- *   4. Verify animation-delay attribute increments by 35ms
- *      starting from 280ms (clamped at idx=20)
- */
-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: 'cli-claude-code',
-    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'),
-  ] } });
-});
-
-const now = Date.now();
-// 3 distinct flow links so we can probe stagger across multiple indices
-const msgs = [
-  { id: 'a', from_alias: 'alpha', to_alias: 'beta',  content: 'hi', network_id: 'default', created_at: new Date(now - 5000).toISOString() },
-  { id: 'b', from_alias: 'beta',  to_alias: 'gamma', content: 'hi', network_id: 'default', created_at: new Date(now - 10000).toISOString() },
-  { id: 'c', from_alias: 'gamma', to_alias: 'delta', content: 'hi', network_id: 'default', created_at: new Date(now - 15000).toISOString() },
-];
-await ctx.route('**/api/hub/messages*', (route) => route.fulfill({ json: { messages: msgs } }));
-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(() => document.querySelectorAll('g[data-node]').length === 4, { timeout: 30000 });
-await page.waitForSelector('[data-edge-group]', { timeout: 10000 });
-await page.waitForTimeout(400);
-
-const probe = await page.evaluate(() => {
-  const edges = [...document.querySelectorAll('[data-edge-group]')];
-  return edges.map(e => ({
-    key:            e.getAttribute('data-edge-group'),
-    hasFadeClass:   (e.getAttribute('class') || '').includes('anet-fade-in'),
-    animationDelay: e.style.animationDelay || getComputedStyle(e).animationDelay,
-  }));
-});
-
-await browser.close();
-
-if (probe.length < 3) {
-  console.log(`❌ wrong edge count: expected 3+, got ${probe.length}`, probe);
-  process.exit(1);
-}
-
-// Parse animationDelay (e.g. "280ms" or "0.28s") → number in ms
-const parseDelay = (s) => {
-  if (!s) return null;
-  if (s.endsWith('ms')) return parseFloat(s);
-  if (s.endsWith('s')) return parseFloat(s) * 1000;
-  return parseFloat(s);
-};
-const delays = probe.map(p => parseDelay(p.animationDelay));
-
-const results = {
-  three_plus_edges:         probe.length >= 3,
-  all_have_fadeClass:       probe.every(p => p.hasFadeClass),
-  all_have_delay:           delays.every(d => d !== null && d >= 280),
-  first_edge_280ms:         Math.abs(delays[0] - 280) < 0.5,
-  second_edge_315ms:        Math.abs(delays[1] - 315) < 0.5,
-  third_edge_350ms:         Math.abs(delays[2] - 350) < 0.5,
-  delays_strictly_increase: delays[0] < delays[1] && delays[1] < delays[2],
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} edge fade-in:`, JSON.stringify(results),
-  `\n  edges =`, probe,
-  `\n  delays (ms) =`, delays);
-process.exit(ok ? 0 : 1);

package/scripts/topo-edge-flow-rail-halo-layers-test.mjs

@@ -1,89 +0,0 @@
-/* Round 678 — edge flow-rail (dashed underline) extends single-axis
- * brightness hover to 2-layer drop-shadow at pal.flowPath tint with
- * 2+4 stride, alpha 80/40. Sibling to R677 visible-path's pal.flowEdge
- * halo. Completes the edge stroke pair (visible + rail) at full halo
- * coverage. Per-edge ALL 4 surfaces now multi-layer (badge circle,
- * badge digit, visible path, flow-rail). 37th anchor in family.
- *
- * The rail is dashed (strokeDasharray="2 12") so each dash halos
- * individually — glow-stones-along-path effect.
- *
- * Source assertions:
- *   - filter uses pal.flowPath at 0x80 + 0x40 with 2+4 stride
- *   - data-edge-flow-rail-halo-layers attr toggles '2' ↔ '0'
- *
- * Runtime assertions:
- *   - rails present in DOM
- *   - rest: halo-layers='0' on all
- *   - gate consistency: brightness ↔ layers
- */
-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'), mk('a·3'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [
-  { id: 'm1', from_alias: 'a·1', to_alias: 'a·2', kind: 'message', content: 'p',  network_id: 'default', created_at: fresh },
-  { id: 'm2', from_alias: 'a·2', to_alias: 'a·3', kind: 'task',    content: 'p2', network_id: 'default', 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-halo-layers]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const restState = await page.evaluate(() => {
-  return Array.from(document.querySelectorAll('[data-edge-flow-rail]')).map(el => ({
-    rail:       el.getAttribute('data-edge-flow-rail'),
-    layers:     el.getAttribute('data-edge-flow-rail-halo-layers'),
-    brightness: el.getAttribute('data-edge-flow-rail-brightness'),
-  }));
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceFilter = /\? `drop-shadow\(0 0 2px \$\{pal\.flowPath\}80\) drop-shadow\(0 0 4px \$\{pal\.flowPath\}40\) brightness\(1\.15\)`/.test(src);
-const sourceAttr   = /data-edge-flow-rail-halo-layers=\{\(isHoveredEdge \|\| isEndpointHoveredEdge\) \? '2' : '0'\}/.test(src);
-
-const allConsistent = restState.every(e =>
-  (e.brightness === '1' && e.layers === '0') ||
-  (e.brightness === '1.15' && e.layers === '2')
-);
-
-const results = {
-  rails_present:        restState.length >= 2,
-  rest_all_layers_zero: restState.every(e => e.layers === '0'),
-  rest_gate_consistent: allConsistent,
-  source_filter:        sourceFilter,
-  source_layers_attr:   sourceAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R678 edge flow-rail multi-layer halo (completes edge stroke pair 2/2):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(restState)}`);
-process.exit(ok ? 0 : 1);