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

package/scripts/topo-edge-ping-pulse-retired-test.mjs

@@ -1,119 +0,0 @@
-/* Round 279 verification: arrival ping + dispatch pulse SMIL retired
- * (R75 + R76 + R228 + R231 + R252 family) — 减法 cut #5.
- *
- * Per active flow edge the pre-R279 SMIL family was:
- *   particle (R50 animateMotion along curve path)         ← KEPT
- *   arrival ping (R75 circle + r/opacity animate)         ← RETIRED
- *   dispatch pulse (R76 circle + r/opacity animate)       ← RETIRED
- *
- * For a 5-edge fleet that's 5×3 = 15 simultaneous SMIL on edges
- * alone, pre-R279. The particle (a moving dot along the path) is the
- * primary "data flowing from A → B" visual signal; the ping + pulse
- * are secondary "arrival/dispatch confirmation" that the moving
- * particle already conveys. R279 culls ping + pulse, keeps particle.
- *
- * Net: -10 SMIL animations for a 5-edge fleet. Combined with R276
- * (-4 orbit) and R278 (-4 working halo), the canvas motion budget
- * is now: 1 hub breath + N particles per active edge, that's it.
- *
- * Test scope:
- *   1. No element matches `[data-arrival-ping]` (R75 retired).
- *   2. No element matches `[data-dispatch-pulse]` (R76 retired).
- *   3. Particles still present (`[data-edge-particle]` or equivalent).
- *   4. R275 freshness chip absent (regression).
- *   5. R276 orbit absent (regression).
- *   6. R277 legend height 88 (regression).
- *   7. R278 working halo <animate> count 0 (regression).
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias) => ({
-    alias, status: 'working', model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha'), mk('beta'), mk('gamma'), mk('delta'),
-  ] } });
-});
-// 5 distinct flow pairs so particles + (formerly) ping/pulse mount
-// on multiple edges with link.count >= 3 (the dispatch-pulse gate
-// pre-R279).
-const now = Date.now();
-const msgs = [];
-for (let pair = 0; pair < 5; pair++) {
-  for (let i = 0; i < 5; i++) {
-    const from = ['alpha','beta','gamma','delta'][pair % 4];
-    const to   = ['beta','gamma','delta','alpha'][pair % 4];
-    msgs.push({
-      id: `m${pair}-${i}`, from_alias: from, to_alias: to, content: 'hi',
-      network_id: 'default',
-      created_at: new Date(now - (1000 + pair * 200 + i * 50)).toISOString(),
-    });
-  }
-}
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: msgs } }));
-await ctx.route('**/api/hub/tasks*', (r) => r.fulfill({ json: { tasks: [] } }));
-
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForFunction(() => document.querySelectorAll('g[data-node]').length === 4, { timeout: 30000 });
-await page.waitForSelector('[data-topo-panel="legend"]', { timeout: 10000 });
-await page.waitForSelector('[data-edge-particle]',       { timeout: 10000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const ping     = document.querySelectorAll('[data-arrival-ping]');
-  const pulse    = document.querySelectorAll('[data-dispatch-pulse]');
-  const particle = document.querySelectorAll('[data-edge-particle]');
-  const freshnessChip = document.querySelector('[data-freshness-chip]');
-  const orbits   = document.querySelectorAll('[data-topo-orbit-bucket]');
-  const legendG  = document.querySelector('[data-topo-panel="legend"]');
-  const legendH  = legendG?.querySelector('rect')?.getAttribute('height') ?? null;
-  const halos    = document.querySelectorAll('[data-node-halo-breath="on"]');
-  let haloAnimateCount = 0;
-  halos.forEach((h) => { haloAnimateCount += h.querySelectorAll('animate').length; });
-  return {
-    pingCount:        ping.length,
-    pulseCount:       pulse.length,
-    particleCount:    particle.length,
-    freshnessPresent: freshnessChip !== null,
-    orbitCount:       orbits.length,
-    legendHeight:     legendH,
-    haloAnimateCount,
-  };
-});
-await browser.close();
-
-const results = {
-  arrival_ping_absent:           probe.pingCount === 0,
-  dispatch_pulse_absent:         probe.pulseCount === 0,
-  particles_still_present:       probe.particleCount > 0,
-  r275_freshness_absent:         probe.freshnessPresent === false,
-  r276_orbit_absent:             probe.orbitCount === 0,
-  r277_legend_height_88:         probe.legendHeight === '88',
-  r278_halo_animate_count_zero:  probe.haloAnimateCount === 0,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} edge ping/pulse retired:`, JSON.stringify(results),
-  '\n  arrival ping count (expect 0):',  probe.pingCount,
-  '\n  dispatch pulse count (expect 0):', probe.pulseCount,
-  '\n  particle count (expect > 0):',     probe.particleCount,
-  '\n  freshness absent:', !probe.freshnessPresent,
-  '\n  orbit count (expect 0):', probe.orbitCount,
-  '\n  legend height:', probe.legendHeight,
-  '\n  halo animate count (expect 0):', probe.haloAnimateCount);
-process.exit(ok ? 0 : 1);

package/scripts/topo-edge-stroke-ease-test.mjs

@@ -1,100 +0,0 @@
-/* Round 245 verification: edge surface (visible flow path + flow
- * rail dashed underline) picks up stroke-color transitions so
- * theme toggle eases instead of snapping.
- *
- * Pre-R245:
- *   - [data-edge-visible]: transition = 'opacity 300ms ease-out,
- *     stroke-width 300ms ease-out' (R166)
- *   - [data-edge-flow-rail]: Tailwind className 'transition-opacity
- *     duration-300' (opacity only, no stroke)
- *
- * Post-R245:
- *   - [data-edge-visible]: transition list adds 'stroke 300ms ease-
- *     out' alongside the existing two
- *   - [data-edge-flow-rail]: inline style with both 'opacity' and
- *     'stroke' at 300ms ease-out; Tailwind className dropped
- *
- * Scenario: 4 working agents + 5-msg alpha→beta flow → at least
- * one visible flow + flow-rail pair.
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias) => ({
-    alias, status: 'working', model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha'), mk('beta'), mk('gamma'), mk('delta'),
-  ] } });
-});
-const now = Date.now();
-const msgs = [];
-for (let i = 0; i < 5; i++) {
-  msgs.push({
-    id: `m${i}`, from_alias: 'alpha', to_alias: 'beta', content: 'hi',
-    network_id: 'default', created_at: new Date(now - (1000 + i * 50)).toISOString(),
-  });
-}
-await ctx.route('**/api/hub/messages*', (r2) => r2.fulfill({ json: { messages: msgs } }));
-await ctx.route('**/api/hub/tasks*', (r2) => r2.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-visible]', { timeout: 10000, state: 'attached' });
-await page.waitForSelector('[data-edge-flow-rail]', { timeout: 10000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const out = await page.evaluate(() => {
-  const probe = (sel) => {
-    const el = document.querySelector(sel);
-    if (!el) return null;
-    return {
-      transition: getComputedStyle(el).transition,
-      className:  el.getAttribute('class') || '',
-      stroke:     el.getAttribute('stroke'),
-    };
-  };
-  return {
-    visible: probe('[data-edge-visible]'),
-    rail:    probe('[data-edge-flow-rail]'),
-  };
-});
-await browser.close();
-
-const hasProp = (s, prop) => new RegExp(`${prop}\\s+(?:300ms|0\\.3s)`).test(s || '');
-
-const results = {
-  visible_present:                  out.visible !== null,
-  visible_has_opacity_300ms:        hasProp(out.visible?.transition, 'opacity'),
-  visible_has_stroke_width_300ms:   hasProp(out.visible?.transition, 'stroke-width'),
-  visible_has_stroke_300ms:         hasProp(out.visible?.transition, 'stroke'),
-
-  rail_present:                     out.rail !== null,
-  rail_has_opacity_300ms:           hasProp(out.rail?.transition, 'opacity'),
-  rail_has_stroke_300ms:            hasProp(out.rail?.transition, 'stroke'),
-  // Tailwind 'transition-opacity duration-300' className dropped
-  // (the inline transition list replaces it; Tailwind would
-  // otherwise OVERRIDE the inline stroke transition with its
-  // opacity-only declaration)
-  rail_no_tailwind_class:           !/transition-opacity/.test(out.rail?.className || ''),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} edge stroke ease:`, JSON.stringify(results),
-  '\n  visible:', out.visible,
-  '\n  rail:   ', out.rail);
-process.exit(ok ? 0 : 1);

package/scripts/topo-edge-stroke-transition-test.mjs

@@ -1,132 +0,0 @@
-/* Round 166 verification: visible flow edge path picks up
- * stroke-width transition.
- *
- * R50 thickens hovered edges to 1.4× (renderWidth = width * 1.4)
- * but pre-R166 only opacity transitioned — width snapped. R166
- * adds stroke-width to the transition list so the edge thickens
- * smoothly on hover, pairing with R164 edge-badge r-lift for
- * coordinated 300ms ease-out across the edge surface.
- *
- * Test:
- *   1. Mock 4 sessions + 1 flow alpha→beta
- *   2. Probe visible path before hover → strokeWidth=base
- *   3. Probe transition string includes both opacity and
- *      stroke-width
- *   4. Hover edge hitbox → wait 350ms (past transition)
- *   5. Probe strokeWidth → should be ≈ base * 1.4
- *   6. mouse away → strokeWidth back 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 });
-
-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,
-  });
-  // 4 sessions so alpha + beta are 90° apart (not 180° — that
-  // would put their edge midpoint on the hub, where the hub
-  // <g> intercepts pointer events). gamma + delta are filler.
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha'), mk('beta'), mk('gamma'), mk('delta'),
-  ] } });
-});
-
-const now = Date.now();
-// 4 msgs so:
-//   - width = Math.min(2+4, 7) = 6
-//   - hover renderWidth = Math.min(6*1.4, 10) = 8.4
-// AND the edge midpoint count badge renders (R100 threshold
-// count >= 3) so we can use it as the hover surface. The
-// visible path has pointerEvents:none; the R48 hitbox is a
-// thin stroke that Playwright's .hover() can't reliably land
-// on. The badge is a r=9 circle with pointerEvents:all and
-// propagates hover to hoveredEdgeKey (R122) — most reliable
-// target for triggering the visible-path transition.
-const msgs = [];
-for (let i = 0; i < 4; i++) {
-  msgs.push({ id: `m${i}`, from_alias: 'alpha', to_alias: 'beta', content: 'hi',
-    network_id: 'default', created_at: new Date(now - (10000 + i * 500)).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-visible]', { timeout: 10000 });
-await page.waitForTimeout(400);
-
-const idle = await page.evaluate(() => {
-  const el = document.querySelector('[data-edge-visible]');
-  if (!el) return null;
-  return {
-    strokeWidth: parseFloat(el.getAttribute('stroke-width')),
-    inlineTransition: el.style.transition || '',
-    computedTransition: getComputedStyle(el).transition || '',
-  };
-});
-
-// Hover the edge midpoint badge (R164 r=9 circle, pointerEvents:all,
-// propagates to hoveredEdgeKey via R122). The visible path has
-// pointerEvents:none; the R48 hitbox is a thin stroke that
-// Playwright .hover() can't reliably land on.
-await page.locator('[data-edge-count-badge]').hover();
-// Wait for transition to settle.
-await page.waitForTimeout(400);
-const hovered = await page.evaluate(() => {
-  const el = document.querySelector('[data-edge-visible]');
-  if (!el) return null;
-  return {
-    strokeWidth: parseFloat(el.getAttribute('stroke-width')),
-  };
-});
-
-// Move cursor away
-await page.mouse.move(10, 10);
-await page.waitForTimeout(400);
-const idleAgain = await page.evaluate(() => {
-  const el = document.querySelector('[data-edge-visible]');
-  if (!el) return null;
-  return {
-    strokeWidth: parseFloat(el.getAttribute('stroke-width')),
-  };
-});
-
-await browser.close();
-
-const hasOpacity = (idle?.inlineTransition || '').includes('opacity 300ms') ||
-                   /opacity\s+0\.3s|opacity\s+300ms/.test(idle?.computedTransition || '');
-const hasStrokeWidth = (idle?.inlineTransition || '').includes('stroke-width 300ms') ||
-                       /stroke-width\s+0\.3s|stroke-width\s+300ms/.test(idle?.computedTransition || '');
-
-// Expected: width=Math.min(2+4, 7)=6. Hover renderWidth=Math.min(6*1.4, 10)=8.4.
-const results = {
-  edge_found:                idle !== null,
-  has_opacity_transition:    hasOpacity,
-  has_stroke_width_transition: hasStrokeWidth,
-  idle_width_6:              idle && Math.abs(idle.strokeWidth - 6) < 0.05,
-  hover_width_8p4:           hovered && Math.abs(hovered.strokeWidth - 8.4) < 0.1,
-  hover_width_thicker:       hovered && idle && hovered.strokeWidth > idle.strokeWidth,
-  idle_again_width_6:        idleAgain && Math.abs(idleAgain.strokeWidth - 6) < 0.05,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} edge stroke transition:`, JSON.stringify(results),
-  `\n  idle =`, idle,
-  `\n  hovered =`, hovered,
-  `\n  idleAgain =`, idleAgain);
-process.exit(ok ? 0 : 1);

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

@@ -1,70 +0,0 @@
-/* Round 39 verification: each flow-link path carries a `<title>` with
- * "from → to\nN messages · last <relative>". Tests:
- *  - tooltip text shape (route + count + relative time)
- *  - singular vs. plural ("1 message" vs "5 messages")
- *  - missing last_at falls through cleanly */
-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'].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 } });
-});
-// Inject messages: 1 between alpha→beta (singular), 5 between alpha→gamma (plural).
-const old = new Date(Date.now() - 8 * 60 * 1000).toISOString();
-const recent = new Date(Date.now() - 30 * 1000).toISOString();
-await ctx.route('**/api/hub/messages*', (route) => route.fulfill({ json: { messages: [
-  { from_alias: 'alpha', to_alias: 'beta',  content: 'hello',  created_at: old },
-  { from_alias: 'alpha', to_alias: 'gamma', content: 'm1', created_at: recent },
-  { from_alias: 'alpha', to_alias: 'gamma', content: 'm2', created_at: recent },
-  { from_alias: 'alpha', to_alias: 'gamma', content: 'm3', created_at: recent },
-  { from_alias: 'alpha', to_alias: 'gamma', content: 'm4', created_at: recent },
-  { from_alias: 'alpha', to_alias: 'gamma', content: 'm5', created_at: recent },
-] } }));
-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 === 3, { timeout: 30000 });
-await page.waitForTimeout(600);
-
-// Collect every flow-link tooltip (each base path with a child <title>).
-const tooltips = await page.evaluate(() => {
-  const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-  // Two paths per flow link — the base one carries the <title>.
-  const titled = [...svg.querySelectorAll('path > title')];
-  return titled.map(t => t.textContent);
-});
-
-await browser.close();
-const has = (route, count, plural) => tooltips.some(t =>
-  t.includes(route) &&
-  (plural ? t.includes(`${count} messages`) : t.includes(`${count} message`)) &&
-  /last \w+ ago/.test(t)
-);
-const results = {
-  singularAlphaToBeta: has('alpha → beta', 1, false),
-  pluralAlphaToGamma: has('alpha → gamma', 5, true),
-  tooltipCount: tooltips.length === 2,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} edge tooltip:`, JSON.stringify(results), '\n  tooltips=', tooltips);
-process.exit(ok ? 0 : 1);

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

@@ -1,84 +0,0 @@
-/* Round 582 verification: edge visible flow path gains filter
- * brightness(1.15) stacked with url(#topo-glow) on cyber theme,
- * plain brightness on light. 21st anchor in per-element
- * brightness family.
- *
- * Test phases:
- *   1. mock 1 message → 1 flowLink → visible path renders
- *   2. rest (cyber): filter contains 'url("#topo-glow")'
- *      (no brightness stacked, no hover state)
- *   3. brightness-attr='1' at rest
- *   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-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;
-  const cs = getComputedStyle(el);
-  return {
-    filter: cs.filter,
-    transitionProperty: cs.transitionProperty,
-    brightnessAttr: el.getAttribute('data-edge-visible-brightness'),
-    endpointHoveredAttr: el.getAttribute('data-edge-visible-endpoint-hovered'),
-  };
-});
-
-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*\(isLight \? undefined : 'url\(#topo-glow\)'\)/.test(src);
-const sourceAttr = /data-edge-visible-brightness=\{\(isHoveredEdge \|\| isEndpointHoveredEdge\) \? '1\.15' : '1'\}/.test(src);
-const sourceTransition = /transition: 'opacity 300ms ease-out, stroke-width 300ms ease-out, stroke 300ms ease-out, filter 300ms ease-out'/.test(src);
-
-const results = {
-  path_present:           !!rest,
-  // On cyber theme (default in mock) at rest: filter = url(#topo-glow)
-  rest_filter_has_url:    /url\(/.test(rest?.filter || ''),
-  rest_filter_no_brightness: !/brightness\(/.test(rest?.filter || ''),
-  rest_brightness_1:      rest?.brightnessAttr === '1',
-  rest_endpoint_false:    rest?.endpointHoveredAttr === '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 ? '✅' : '❌'} R582 edge visible path stacked brightness (21st anchor):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(rest)}`);
-process.exit(ok ? 0 : 1);

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

@@ -1,87 +0,0 @@
-/* Round 677 — edge visible PRIMARY path extends single-axis brightness
- * hover paint to 2-layer drop-shadow at pal.flowEdge tint with 2+4
- * stride, alpha 80/40. Closes the per-edge identity halo tier with
- * R646 circle + R672 digit + R677 visible path all multi-layer. 36th
- * anchor in family.
- *
- * Source assertions:
- *   - light filter: drop-shadow×2 + brightness(1.15), pal.flowEdge tint
- *   - cyber filter: drop-shadow×2 + url(#topo-glow) + brightness(1.15)
- *   - data-edge-visible-halo-layers attr toggles '2' ↔ '0'
- *
- * Runtime assertions:
- *   - edges present in DOM
- *   - all rest: halo-layers='0'
- */
-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-visible-halo-layers]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const restState = await page.evaluate(() => {
-  return Array.from(document.querySelectorAll('[data-edge-visible]')).map(el => ({
-    edge:        el.getAttribute('data-edge-visible'),
-    layers:      el.getAttribute('data-edge-visible-halo-layers'),
-    brightness:  el.getAttribute('data-edge-visible-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\.flowEdge\}80\) drop-shadow\(0 0 4px \$\{pal\.flowEdge\}40\) brightness\(1\.15\)`/.test(src);
-const sourceCyber  = /:\s*`drop-shadow\(0 0 2px \$\{pal\.flowEdge\}80\) drop-shadow\(0 0 4px \$\{pal\.flowEdge\}40\) url\(#topo-glow\) brightness\(1\.15\)`/.test(src);
-const sourceAttr   = /data-edge-visible-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 = {
-  edges_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 ? '✅' : '❌'} R677 edge visible path multi-layer halo (closes per-edge tier 3/3):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(restState)}`);
-process.exit(ok ? 0 : 1);