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

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

@@ -1,113 +0,0 @@
-/* Round 50 verification: hovering a flow edge boosts that edge's own
- * opacity 2× and thickens its stroke 1.4×, while every other edge dims
- * to 0.35×. Complements R49 (which highlights the endpoint nodes) —
- * together they make "this is the edge you're pointing at" unmistakable.
- *
- * Sessions: alpha, beta, gamma, delta. Messages: alpha→beta + gamma→delta.
- * Hover the alpha→beta hitbox and read:
- *   - alpha→beta visible-path opacity boosts (~2× base)
- *   - alpha→beta visible-path strokeWidth = 1.4 × base (rounded by browser)
- *   - gamma→delta visible-path opacity dims (~0.35× base)
- *   - gamma→delta visible-path strokeWidth unchanged
- */
-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: 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');
-    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);
-
-// Read each flow edge's visible base path (the one with marker-end).
-const readEdges = () => page.evaluate(() => {
-  const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-  const rows = [];
-  for (const g of svg.querySelectorAll(':scope > g > g')) {
-    const t = g.querySelector('path[data-edge-hitbox] title');
-    if (!t) continue;
-    const route = (t.textContent || '').split('\n')[0];
-    const base = [...g.querySelectorAll(':scope > path')].find(
-      p => !p.hasAttribute('data-edge-hitbox') && p.hasAttribute('marker-end')
-    );
-    if (!base) continue;
-    rows.push({
-      route,
-      opacity: +base.getAttribute('opacity'),
-      strokeWidth: +base.getAttribute('stroke-width'),
-    });
-  }
-  return rows;
-});
-
-const before = await readEdges();
-
-// Move cursor to a point ON the alpha→beta hitbox curve.
-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); }
-await page.mouse.move(10, 10);
-await page.mouse.move(target.x, target.y);
-await page.waitForTimeout(350);
-const during = await readEdges();
-
-await browser.close();
-
-const find = (rows, r) => rows.find(e => e.route === r);
-const b_ab = find(before, 'alpha → beta');
-const b_gd = find(before, 'gamma → delta');
-const a_ab = find(during, 'alpha → beta');
-const a_gd = find(during, 'gamma → delta');
-
-const results = {
-  baselineMatches: b_ab && b_gd && Math.abs(b_ab.opacity - b_gd.opacity) < 0.001 && b_ab.strokeWidth === b_gd.strokeWidth,
-  hoveredEdgeBrightens: a_ab && a_ab.opacity > b_ab.opacity * 1.5,
-  hoveredEdgeThickens: a_ab && a_ab.strokeWidth > b_ab.strokeWidth * 1.2,
-  otherEdgeDims: a_gd && a_gd.opacity < b_gd.opacity * 0.6,
-  otherEdgeStaysThin: a_gd && a_gd.strokeWidth === b_gd.strokeWidth,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} edge focus:`, JSON.stringify(results),
-  `\n  before α→β=${JSON.stringify(b_ab)} γ→δ=${JSON.stringify(b_gd)}`,
-  `\n  during α→β=${JSON.stringify(a_ab)} γ→δ=${JSON.stringify(a_gd)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-edge-freshness-floor-test.mjs

@@ -1,99 +0,0 @@
-/* Round 406 verification: edge freshness fade floor 0.35 → 0.40.
- * Stale-state legibility lift family (6th anchor) — stale edges
- * (>5min) now sit at 40% intensity instead of 35%. The decay
- * curve shape (linear 1 - ageMs/300s) unchanged.
- *
- * Contract:
- *   - Source-file verification of `Math.max(0.40, 1 - ageMs / (5 * 60 * 1000))`
- *   - DOM probe: seed a STALE edge (ageMs > 5min) so fresh hits the
- *     floor; assert the visible flow path's opacity reflects the
- *     lifted floor (computed as 0.40 × edge_opacity_mul × base).
- *   - Compare against pre-R406 expectation (0.35 floor): the lifted
- *     floor produces ~14.3 % higher edge opacity on stale edges.
- */
-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();
-// 10 minutes ago — well past the 5-min decay window; freshness hits floor.
-const stale = new Date(Date.now() - 10 * 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'), mk('beta'), mk('gamma') ] } });
-});
-// Seed a stale flow link 10 minutes ago — past the 5-min decay so floor binds.
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({
-  json: { messages: [
-    { id: 'm1', from_alias: 'alpha', to_alias: 'beta', content: 'old', created_at: stale, 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(600);
-
-const probe = await page.evaluate(() => {
-  const edge = document.querySelector('[data-edge-visible]');
-  if (!edge) return null;
-  return {
-    opacityAttr: edge.getAttribute('opacity'),
-    edgeKey:     edge.getAttribute('data-edge-visible'),
-  };
-});
-
-const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceHasFloor040 = /Math\.max\(0\.40, 1 - ageMs/.test(fileText);
-const sourceLacksFloor035 = !/Math\.max\(0\.35, 1 - ageMs/.test(fileText);
-
-await browser.close();
-
-// Pre-R406 expected: (0.28 cyber base) × 0.35 floor × 1 mul = 0.098
-// Post-R406 expected: (0.28 cyber base) × 0.40 floor × 1 mul = 0.112
-// On the visible flow path the wire is:
-//   opacity = Math.min(1, (isLight ? 0.22 : 0.28) * fresh * edgeOpacityMul)
-// For an unhovered edge in a fresh sessions context (no other hover/active):
-//   edgeOpacityMul = !hoveredAlias && !activeGroup ? (hoveredActiveLinks ? 1.5 : 1) : 0.35
-// = 1 in this probe → opacity ≈ 0.112 post-R406
-// Browser may serialize this as "0.112" or "0.11" — accept either with
-// a tolerance probe.
-const opacityNum = probe ? parseFloat(probe.opacityAttr || '0') : 0;
-const expectedPost = 0.28 * 0.40 * 1;       // 0.112
-const expectedPre  = 0.28 * 0.35 * 1;       // 0.098
-const distToPost = Math.abs(opacityNum - expectedPost);
-const distToPre  = Math.abs(opacityNum - expectedPre);
-
-const results = {
-  // Edge mounted from seeded stale flow
-  edge_mounted:                 !!probe,
-  edge_key_present:             !!probe?.edgeKey,
-  // Post-R406 opacity is CLOSER to 0.112 than 0.098
-  opacity_close_to_post_r406:   distToPost < 0.01,
-  // Opacity is FURTHER from the pre-R406 0.098 baseline
-  opacity_not_pre_r406:         distToPre > distToPost,
-  // Source-file canonical wire
-  source_floor_040:             sourceHasFloor040,
-  source_no_floor_035:          sourceLacksFloor035,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} edge freshness floor 0.35 → 0.40:`, JSON.stringify(results),
-  '\n  probe:', probe,
-  '\n  opacityNum:', opacityNum, '/ expectedPost:', expectedPost, '/ distToPost:', distToPost.toFixed(4),
-  '\n  expectedPre:', expectedPre, '/ distToPre:', distToPre.toFixed(4));
-process.exit(ok ? 0 : 1);

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

@@ -1,93 +0,0 @@
-/* Round 40 verification: hovering a node brightens edges touching it
- * and dims the rest. Three edges in the fleet — hover one node and
- * compare base-path opacity of touching vs non-touching edges. */
-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.setItem('anet-topo-layout', 'grid');
-    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 } });
-});
-// Edges:
-//   alpha → beta  (touches alpha + beta)
-//   alpha → gamma (touches alpha + gamma)
-//   delta → gamma (touches delta + gamma — does NOT touch alpha)
-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: 'alpha', to_alias: 'gamma', content: 'm', created_at: now },
-  { from_alias: 'delta', to_alias: 'gamma', 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 edgeOpacities = () => page.evaluate(() => {
-  const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-  // R48 reordered the children of each flow-link <g>:
-  //   path[data-edge-hitbox]   <-- transparent hover surface, carries <title>
-  //   path[marker-end]         <-- the visible base edge with opacity
-  //   path[id^=flow-path-]     <-- the dashed runway
-  // Read the route from the hitbox's <title>, but the opacity from the
-  // visible base path. Picking by marker-end keeps the selector resilient
-  // to future siblings.
-  return [...svg.querySelectorAll(':scope > g > g')]
-    .map(g => {
-      const hitbox = g.querySelector('path[data-edge-hitbox]');
-      const title = hitbox?.querySelector('title');
-      const base = [...g.querySelectorAll(':scope > path')].find(
-        p => !p.hasAttribute('data-edge-hitbox') && p.hasAttribute('marker-end')
-      );
-      if (!title || !base) return null;
-      return { route: title.textContent.split('\n')[0], opacity: +base.getAttribute('opacity') };
-    })
-    .filter(Boolean);
-});
-
-const before = await edgeOpacities();
-// Hover alpha → its two outgoing edges should brighten, delta→gamma should dim.
-await page.locator('g[data-node="alpha"]').hover();
-await page.waitForTimeout(350);
-const after = await edgeOpacities();
-
-await browser.close();
-const get = (rows, r) => rows.find(e => e.route === r)?.opacity ?? null;
-const b_ab = get(before, 'alpha → beta');
-const b_ag = get(before, 'alpha → gamma');
-const b_dg = get(before, 'delta → gamma');
-const a_ab = get(after,  'alpha → beta');
-const a_ag = get(after,  'alpha → gamma');
-const a_dg = get(after,  'delta → gamma');
-
-const results = {
-  baselineMatches: b_ab !== null && b_ag !== null && b_dg !== null && Math.abs(b_ab - b_dg) < 0.001,
-  hoverBrightensAlphaBeta: a_ab !== null && a_ab > b_ab + 0.05,
-  hoverBrightensAlphaGamma: a_ag !== null && a_ag > b_ag + 0.05,
-  hoverDimsDeltaGamma: a_dg !== null && a_dg < b_dg - 0.05,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} edge hover:`, JSON.stringify(results),
-  `\n  before α→β=${b_ab} α→γ=${b_ag} δ→γ=${b_dg}`,
-  `\n  after  α→β=${a_ab} α→γ=${a_ag} δ→γ=${a_dg}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-edge-particle-brightness-test.mjs

@@ -1,82 +0,0 @@
-/* Round 583 verification: edge flow particle gains filter
- * brightness(1.15) on edge hover/endpoint hover. 22nd anchor in
- * per-element brightness family.
- *
- * Test phases:
- *   1. mock 1 message → 1 flowLink → particle renders (SMIL-animated)
- *   2. rest: filter='none', brightness-attr='1'
- *   3. transition-property contains 'filter'
- *   4. source: filter conditional + data-attr + 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: 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-particle]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const rest = await page.evaluate(() => {
-  const el = document.querySelector('[data-edge-particle]');
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    filter: cs.filter,
-    transitionProperty: cs.transitionProperty,
-    brightnessAttr: el.getAttribute('data-edge-particle-brightness'),
-    liftedAttr: el.getAttribute('data-edge-particle-lifted'),
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceFilter = /filter: \(isHoveredEdge \|\| isEndpointHoveredEdge\)\s*\?\s*\(isLight \? 'brightness\(1\.15\)' : 'url\(#topo-glow\) brightness\(1\.15\)'\)\s*:\s*undefined/.test(src);
-const sourceAttr = /data-edge-particle-brightness=\{\(isHoveredEdge \|\| isEndpointHoveredEdge\) \? '1\.15' : '1'\}/.test(src);
-const sourceTransition = /transition: 'fill 200ms ease-out, opacity 200ms ease-out, r 200ms ease-out, filter 200ms ease-out'/.test(src);
-
-const results = {
-  particle_present:       !!rest,
-  // On cyber theme at rest, particle inherits url(#topo-glow) via attribute
-  rest_filter_has_url_or_none: /url\(/.test(rest?.filter || '') || rest?.filter === 'none',
-  rest_filter_no_brightness:   !/brightness\(/.test(rest?.filter || ''),
-  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 ? '✅' : '❌'} R583 edge flow particle brightness (22nd anchor):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(rest)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-edge-particle-halo-layers-test.mjs

@@ -1,91 +0,0 @@
-/* Round 679 — edge flow particle (the moving SMIL circle) extends
- * single-axis brightness hover to 2-layer drop-shadow at pal.flow-
- * Particle tint with 2+4 stride, alpha 80/40. Closes per-edge ALL
- * 5 surfaces multi-layer (badge circle + badge digit + visible path
- * + flow-rail + flow particle). 38th anchor in family.
- *
- * Source assertions:
- *   - light filter uses pal.flowParticle at 80/40, 2+4 stride
- *   - cyber filter prepends drop-shadows before url(#topo-glow)
- *   - data-edge-particle-halo-layers attr toggles '2' ↔ '0'
- *
- * Runtime assertions:
- *   - particles present in DOM (reduced-motion must be off)
- *   - all rest: halo-layers='0'
- *   - cross-particle 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 },
-  reducedMotion: 'no-preference',
-});
-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-particle-halo-layers]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const restState = await page.evaluate(() => {
-  return Array.from(document.querySelectorAll('[data-edge-particle]')).map(el => ({
-    edge:       el.getAttribute('data-edge-particle'),
-    layers:     el.getAttribute('data-edge-particle-halo-layers'),
-    brightness: el.getAttribute('data-edge-particle-brightness'),
-  }));
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceLight  = /isLight\s*\?\s*`drop-shadow\(0 0 2px \$\{pal\.flowParticle\}80\) drop-shadow\(0 0 4px \$\{pal\.flowParticle\}40\) brightness\(1\.15\)`/.test(src);
-const sourceCyber  = /:\s*`drop-shadow\(0 0 2px \$\{pal\.flowParticle\}80\) drop-shadow\(0 0 4px \$\{pal\.flowParticle\}40\) url\(#topo-glow\) brightness\(1\.15\)`/.test(src);
-const sourceAttr   = /data-edge-particle-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 = {
-  particles_present:    restState.length >= 2,
-  rest_all_layers_zero: restState.every(e => e.layers === '0'),
-  rest_gate_consistent: allConsistent,
-  source_light_filter:  sourceLight,
-  source_cyber_filter:  sourceCyber,
-  source_layers_attr:   sourceAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R679 edge flow particle multi-layer halo (closes per-edge 5/5 surfaces):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(restState)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-edge-particle-hover-r-test.mjs

@@ -1,113 +0,0 @@
-/* Round 439 verification: edge flow particle radius hover lift —
- * r 4.5 → 5.5 on (isHoveredEdge || isEndpointHoveredEdge). Continues
- * the edge paint-layer parity arc (R436 visible path / R437 flow rail
- * / R439 particle).
- *
- * Contract:
- *   - rest: every particle reports data-edge-particle-radius '4.5' +
- *     lifted='false'
- *   - hover one node alias: particles on edges incident to that node
- *     report radius '5.5' + lifted='true'
- *   - siblings unaffected
- *   - 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-particle]', { timeout: 15000 });
-await page.waitForTimeout(400);
-
-const readAll = () => page.evaluate(() => {
-  const ps = [...document.querySelectorAll('[data-edge-particle]')];
-  return ps.map(p => ({
-    key:    p.getAttribute('data-edge-particle'),
-    r_attr: p.getAttribute('r'),
-    r_data: parseFloat(p.getAttribute('data-edge-particle-radius') || '0'),
-    lifted: p.getAttribute('data-edge-particle-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      = /r=\{\(isHoveredEdge \|\| isEndpointHoveredEdge\) \? 5\.5 : 4\.5\}/.test(fileText);
-const sourceTransition = /transition: 'fill 200ms ease-out, opacity 200ms ease-out, r 200ms ease-out'/.test(fileText);
-
-await browser.close();
-
-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 restAllR_4_5     = rest.every(r => r.r_data === 4.5);
-const restNoneLifted   = rest.every(r => r.lifted === 'false');
-const alphaAllR_5_5    = alphaEntries.length > 0 && alphaEntries.every(([, h]) => h.r_data === 5.5 && h.lifted === 'true');
-const nonAlphaRestR    = nonAlphaEntries.every(([, h]) => h.r_data === 4.5 && h.lifted === 'false');
-
-const results = {
-  rest_particle_count_ge_2:    rest.length >= 2,
-  rest_all_r_4_5:              restAllR_4_5,
-  rest_none_lifted:            restNoneLifted,
-  hover_alpha_count_ge_2:      alphaEntries.length >= 2,
-  hover_alpha_all_lifted_5_5:  alphaAllR_5_5,
-  hover_non_alpha_unaffected:  nonAlphaRestR,
-  source_r_wired:              sourceWired,
-  source_transition_wired:     sourceTransition,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} edge-particle r hover lift:`, JSON.stringify(results),
-  '\n  rest:', JSON.stringify(rest),
-  '\n  hover:', JSON.stringify(hover));
-process.exit(ok ? 0 : 1);