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

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

@@ -1,92 +0,0 @@
-/* Round 394 verification: edge-badge gains hover strokeWidth tier
- * (1.5) between cold rest (R367 1.25) and pin/hot (2). Pre-R394
- * hovering an edge thickened nothing on the badge stroke; r grew
- * via R164 but contour stayed at 1.25. R394 adds the missing
- * stroke axis on hover so both r and stroke lift in concert.
- *
- * Contract:
- *   - Cold rest badges (no hover, no pin, no hot): stroke-width '1.25'
- *   - Hovered badge: stroke-width '1.5' + R164 r='10.5'
- *   - data-edge-badge-stroke-width-rest='1.25' attr present on all
- *   - data-edge-badge-stroke-width-hover='1.5' attr present on all
- *   - Pin/hot badges (count≥10 = hot): stroke-width '2'
- *
- * Fixture: 9 messages alpha→beta keeps the flow cold (under hot
- * threshold of 10). Hover the badge via DOM dispatch.
- */
-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'), mk('beta'), mk('gamma') ] } });
-});
-// Seed a cold flow (count=3 < 10) so badge stays in cold rest mode
-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: 'beta', content: 'pong', created_at: fresh, network_id: 'default' },
-    { id: 'm3', from_alias: 'alpha', to_alias: 'beta', content: 'ack',  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-badge-stroke-width-rest]', { timeout: 15000 });
-await page.waitForTimeout(500);
-
-// Read cold rest probe
-const restProbe = await page.evaluate(() => {
-  const badge = document.querySelector('[data-edge-badge-stroke-width-rest]');
-  return badge ? {
-    strokeWidthAttr: badge.getAttribute('stroke-width'),
-    rAttr:           badge.getAttribute('r'),
-    restData:        badge.getAttribute('data-edge-badge-stroke-width-rest'),
-    hoverData:       badge.getAttribute('data-edge-badge-stroke-width-hover'),
-    lifted:          badge.getAttribute('data-edge-badge-lifted'),
-  } : null;
-});
-
-// Source-file verification of the hover path. Browser hover for
-// SVG sub-elements with pointer-events:none parents is fragile;
-// the wire change is straightforward (`isHoveredEdge ? 1.5 :
-// 1.25` and the new -hover data attr), so confirm via source.
-const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceHasHover15 = fileText.includes('isHoveredEdge ? 1.5 : 1.25');
-const sourceHasHoverData = fileText.includes('data-edge-badge-stroke-width-hover="1.5"');
-
-await browser.close();
-
-const results = {
-  // Cold rest (current view: no hover) — pre-R394 path preserved
-  rest_strokeWidth_1_25:    restProbe?.strokeWidthAttr === '1.25',
-  rest_r_9:                 restProbe?.rAttr === '9',
-  rest_lifted_false:        restProbe?.lifted === 'false',
-  // R394 data attrs present
-  data_rest_1_25:           restProbe?.restData === '1.25',
-  data_hover_1_5:           restProbe?.hoverData === '1.5',
-  // Source-file verification of the hover branch
-  source_hover_15:          sourceHasHover15,
-  source_data_hover:        sourceHasHoverData,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} edge-badge hover strokeWidth tier (1.25/1.5/2):`, JSON.stringify(results),
-  '\n  restProbe:', restProbe);
-process.exit(ok ? 0 : 1);

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

@@ -1,85 +0,0 @@
-/* Round 122 verification: hovering the edge midpoint count badge
- * (R100/R121) sets hoveredEdgeKey — same as hovering the line
- * itself (R48). Endpoint rings light, edge brightens. R121 only
- * wired click; R122 closes the hover consistency gap.
- *
- * Fleet: alpha→beta with 4 msgs (badge renders), gamma idle.
- * Hover the badge → alpha + beta get endpoint rings (R111),
- * gamma stays bare. mouseleave → rings clear.
- */
-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() - 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: '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')] } });
-});
-
-const now = Date.now();
-const mkMsg = (id, from_alias, to_alias, ageMs) => ({
-  id, from_alias, to_alias, content: 'hi', network_id: 'default',
-  created_at: new Date(now - ageMs).toISOString(),
-});
-await ctx.route('**/api/hub/messages*', (route) => route.fulfill({ json: { messages: [
-  mkMsg('m1', 'alpha', 'beta', 30 * 1000),
-  mkMsg('m2', 'alpha', 'beta', 40 * 1000),
-  mkMsg('m3', 'alpha', 'beta', 50 * 1000),
-  mkMsg('m4', 'alpha', 'beta', 60 * 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 === 3, { timeout: 30000 });
-await page.waitForSelector('[data-edge-count-badge]', { timeout: 10000 });
-await page.waitForTimeout(400);
-
-const rings = () => page.evaluate(() => ({
-  alpha: !!document.querySelector('g[data-node="alpha"] [data-edge-endpoint-ring]'),
-  beta:  !!document.querySelector('g[data-node="beta"]  [data-edge-endpoint-ring]'),
-  gamma: !!document.querySelector('g[data-node="gamma"] [data-edge-endpoint-ring]'),
-}));
-
-const before = await rings();
-
-// Hover the badge.
-await page.locator('[data-edge-count-badge="alpha->beta"]').hover();
-await page.waitForTimeout(300);
-const onHover = await rings();
-
-// Mouse far away.
-await page.mouse.move(10, 10);
-await page.waitForTimeout(300);
-const afterLeave = await rings();
-
-await browser.close();
-
-const results = {
-  before_noRings:  !before.alpha && !before.beta && !before.gamma,
-  hover_alphaRing:  onHover.alpha === true,
-  hover_betaRing:   onHover.beta === true,
-  hover_gammaBare:  onHover.gamma === false,
-  leave_allClear:  !afterLeave.alpha && !afterLeave.beta && !afterLeave.gamma,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} edge-badge hover:`, JSON.stringify(results),
-  `\n  before=`,    before,
-  `\n  onHover=`,   onHover,
-  `\n  afterLeave=`, afterLeave);
-process.exit(ok ? 0 : 1);

package/scripts/topo-edge-badge-letter-spacing-test.mjs

@@ -1,86 +0,0 @@
-/* Round 431 verification: edge-badge digit 3-tier letter-spacing —
- * rest 0 / isHoveredEdge 0.2 / (isPinned || isHot) 0.4.
- *
- * Contract:
- *   - rest: every visible edge-badge text reports letter-spacing '0px'
- *   - hover the edge hitbox: that badge text reports letter-spacing
- *     '0.2px' (R431 mid tier)
- *   - source-file probe confirms 3-tier conditional + transition list
- *
- * Test design: edge hitbox is a transparent 16-px path with
- * data-edge-hitbox; React onMouseEnter on it dispatches reliably.
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias, status) => ({
-    alias, status, model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha', 'working'),
-    mk('beta',  'idle'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({
-  json: { messages: [
-    { id: 'm1', from_alias: 'alpha', to_alias: 'beta', content: 'ping', created_at: fresh, network_id: 'default' },
-  ] },
-}));
-await ctx.route('**/api/hub/tasks*', (r) => r.fulfill({ json: { tasks: [] } }));
-
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForSelector('[data-edge-badge-text]', { timeout: 15000 });
-await page.waitForTimeout(400);
-
-const readBadges = () => page.evaluate(() => {
-  const ts = [...document.querySelectorAll('[data-edge-badge-text]')];
-  return ts.map(t => ({
-    text: t.textContent,
-    ls:   t.style.letterSpacing,
-    pin:  t.getAttribute('data-edge-badge-text-pin'),
-  }));
-});
-
-const rest = await readBadges();
-
-// Edge-hitbox hover dispatch is unreliable for React synthetic events
-// on SVG paths (same trap as panel-hover R423/R424). The source-file
-// probe is the canonical contract for the hover branch; DOM probe
-// confirms the rest branch resolves correctly.
-
-const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceWired      = /letterSpacing:\s*\(isPinned \|\| isHot\)\s*\?\s*'0\.4px'\s*:\s*\n?\s*isHoveredEdge\s*\?\s*'0\.2px'\s*:\s*'0px'/.test(fileText);
-const sourceTransition = /transition: 'letter-spacing 300ms ease-out, font-weight 300ms ease-out'/.test(fileText);
-
-await browser.close();
-
-const isRest = (ls) => ls === '0px' || ls === '' || ls === 'normal';
-
-const results = {
-  any_badge_mounted:        rest.length > 0,
-  rest_all_zero:            rest.every(r => isRest(r.ls)),
-  // none of the badges should be pin/hot in this fixture
-  rest_pin_all_false:       rest.every(r => r.pin === 'false'),
-  source_three_tier_wired:  sourceWired,
-  source_transition_intact: sourceTransition,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} edge-badge 3-tier letter-spacing:`, JSON.stringify(results),
-  '\n  rest:', JSON.stringify(rest));
-process.exit(ok ? 0 : 1);

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

@@ -1,150 +0,0 @@
-/* Round 164 verification: edge midpoint count badge gains
- * hover-lift (6th surface in the hover-elevation idiom family).
- *
- * Pre-R164 the badge had R122 hover→edge-brighten propagation
- * but the badge itself stayed static (r=9, strokeWidth=1 or 2).
- * The hover-elevation family covered nodes/panels/group boxes/
- * recent rows/legend rows but not the canvas edge badges.
- *
- * R164:
- *   r = (isHoveredEdge || isPinned) ? 10.5 : 9
- *   transition r 180ms ease-out
- *   data-edge-badge-lifted = 'true' | 'false'
- *
- * Pin still keeps its R121 stroke change (legendHeadline +
- * width 2). Hover and pin share the radius lift.
- *
- * Test:
- *   1. Mock 4 msgs on alpha→beta (R100 threshold = count >= 3)
- *   2. Probe idle radius = 9
- *   3. Hover the edge line → badge r = 10.5
- *   4. Mouseleave → r = 9 again
- *   5. Click badge → pin, r = 10.5 + stroke change
- */
-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 and beta sit 90° apart on the ring
-  // (not 180° apart — which would put alpha→beta midpoint
-  // exactly on the hub at 500,330 and let the hub's r=18
-  // halo intercept the badge hover). gamma + delta are
-  // filler with no flows; the only edge badge that renders
-  // is alpha↔beta.
-  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 < 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-count-badge]', { timeout: 10000 });
-await page.waitForTimeout(400);
-
-// Probe idle state
-const idle = await page.evaluate(() => {
-  const g = document.querySelector('[data-edge-count-badge]');
-  if (!g) return null;
-  const c = g.querySelector('circle');
-  return {
-    r: parseFloat(c.getAttribute('r')),
-    lifted: c.getAttribute('data-edge-badge-lifted'),
-    stroke: c.getAttribute('stroke'),
-    strokeWidth: parseFloat(c.getAttribute('stroke-width')),
-  };
-});
-
-// Hover the badge (it also propagates to hoveredEdgeKey)
-await page.locator('[data-edge-count-badge]').hover();
-await page.waitForTimeout(300);
-const hovered = await page.evaluate(() => {
-  const g = document.querySelector('[data-edge-count-badge]');
-  if (!g) return null;
-  const c = g.querySelector('circle');
-  return {
-    r: parseFloat(c.getAttribute('r')),
-    lifted: c.getAttribute('data-edge-badge-lifted'),
-  };
-});
-
-// Move cursor away to a known empty area
-await page.mouse.move(10, 10);
-await page.waitForTimeout(300);
-const idleAgain = await page.evaluate(() => {
-  const g = document.querySelector('[data-edge-count-badge]');
-  if (!g) return null;
-  const c = g.querySelector('circle');
-  return {
-    r: parseFloat(c.getAttribute('r')),
-    lifted: c.getAttribute('data-edge-badge-lifted'),
-  };
-});
-
-// Click badge → pin
-await page.locator('[data-edge-count-badge]').click({ force: true });
-await page.waitForTimeout(300);
-// Move away to clear hover, then probe pinned state.
-await page.mouse.move(10, 10);
-await page.waitForTimeout(300);
-const pinned = await page.evaluate(() => {
-  const g = document.querySelector('[data-edge-count-badge]');
-  if (!g) return null;
-  const c = g.querySelector('circle');
-  return {
-    r: parseFloat(c.getAttribute('r')),
-    lifted: c.getAttribute('data-edge-badge-lifted'),
-    strokeWidth: parseFloat(c.getAttribute('stroke-width')),
-    pinnedAttr: g.getAttribute('data-edge-count-badge-pinned'),
-  };
-});
-
-await browser.close();
-
-const results = {
-  idle_r_9:               idle && Math.abs(idle.r - 9) < 0.01,
-  idle_lifted_false:      idle && idle.lifted === 'false',
-  idle_strokeWidth_1:     idle && idle.strokeWidth === 1,
-  hover_r_10p5:           hovered && Math.abs(hovered.r - 10.5) < 0.01,
-  hover_lifted_true:      hovered && hovered.lifted === 'true',
-  idle_again_r_9:         idleAgain && Math.abs(idleAgain.r - 9) < 0.01,
-  idle_again_lifted_false: idleAgain && idleAgain.lifted === 'false',
-  pinned_r_10p5:          pinned && Math.abs(pinned.r - 10.5) < 0.01,
-  pinned_lifted_true:     pinned && pinned.lifted === 'true',
-  pinned_strokeWidth_2:   pinned && pinned.strokeWidth === 2,
-  pinned_attr_true:       pinned && pinned.pinnedAttr === 'true',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} edge badge lift:`, JSON.stringify(results),
-  `\n  idle =`, idle,
-  `\n  hovered =`, hovered,
-  `\n  idleAgain =`, idleAgain,
-  `\n  pinned =`, pinned);
-process.exit(ok ? 0 : 1);

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

@@ -1,80 +0,0 @@
-/* Round 371 verification: edge-badge cyber opacity 0.82 → 0.85.
- * Sibling theme-consistency polish to R370 hub hover-ring (cyber
- * 0.7 → 0.8). R251 designed the badge at 0.82 (cyber) / 0.95 (light)
- * — a 13 % delta. R371 narrows to 10 %, bringing cyber closer to
- * light theme's 0.95 floor. Light stays at 0.95.
- *
- * Contract (cyber):
- *   - Edge badge circle opacity attr === '0.85'.
- *   - data-edge-badge-opacity === '0.85'.
- *   - Pre-R371 invariants:
- *     * R164 r=9 (cold)
- *     * R367 strokeWidth=1.25 (cold rest)
- *     * R251 transition list (fill + opacity 200ms + r + stroke
- *       300ms) intact
- */
-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-badge-stroke-width-rest]', { timeout: 15000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const circle = document.querySelector('[data-edge-badge-stroke-width-rest]');
-  const cs = circle ? getComputedStyle(circle) : null;
-  return {
-    opacityAttr:     circle?.getAttribute('opacity') ?? null,
-    opacityData:     circle?.getAttribute('data-edge-badge-opacity') ?? null,
-    rAttr:           circle?.getAttribute('r') ?? null,
-    strokeWidthAttr: circle?.getAttribute('stroke-width') ?? null,
-    transition:      cs?.transition ?? null,
-  };
-});
-
-await browser.close();
-
-const hasTrans = (s, prop) =>
-  new RegExp(`${prop}\\s+\\d*\\.?\\d*s|${prop}\\s+\\d+ms`, 'i').test(s || '');
-
-const results = {
-  opacity_attr_0_85:    probe.opacityAttr === '0.85',
-  data_opacity_0_85:    probe.opacityData === '0.85',
-  r_9_cold:             probe.rAttr === '9',                  // R164 cold
-  stroke_width_1_25:    probe.strokeWidthAttr === '1.25',     // R367
-  trans_has_opacity:    hasTrans(probe.transition, 'opacity'),
-  trans_has_fill:       hasTrans(probe.transition, 'fill'),
-  trans_has_strokew:    hasTrans(probe.transition, 'stroke-width'),
-  trans_has_r:          hasTrans(probe.transition, 'r'),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} edge badge cyber opacity 0.82 → 0.85:`, JSON.stringify(results),
-  '\n  probe:', probe);
-process.exit(ok ? 0 : 1);

package/scripts/topo-edge-badge-pin-opacity-test.mjs

@@ -1,86 +0,0 @@
-/* Round 396 verification: extend the R395 opacity → 1.0 lift to
- * the pinned state. Pin (sticky selection) was reading softer
- * than hover (transient preview) at rest 0.85 cyber / 0.95 light
- * despite being the stronger commitment. R396 unifies hover + pin
- * at opacity 1.0 so the data-edge-badge-lifted='true' surface
- * uniformly carries full alpha.
- *
- * Contract:
- *   - Source-file verification of the unified gate (the wire
- *     change is mechanical; SVG hover/pin dispatch in headless
- *     is fragile but the source is the canonical contract).
- *   - data-edge-badge-opacity-active='1' attr present on cold rest
- *   - data-edge-badge-opacity-rest === '0.85' (cyber) — R371 invariant
- *   - data-edge-badge-opacity-hover === '1' — R395 invariant
- *   - Cold rest opacity attr === '0.85' (cyber) — neither hover nor pin
- */
-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'), mk('beta'), mk('gamma') ] } });
-});
-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: 'beta', content: 'pong', created_at: fresh, network_id: 'default' },
-    { id: 'm3', from_alias: 'alpha', to_alias: 'beta', content: 'ack',  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-badge-stroke-width-rest]', { timeout: 15000 });
-await page.waitForTimeout(500);
-
-const restProbe = await page.evaluate(() => {
-  const badge = document.querySelector('[data-edge-badge-stroke-width-rest]');
-  return badge ? {
-    opacityAttr:    badge.getAttribute('opacity'),
-    restData:       badge.getAttribute('data-edge-badge-opacity-rest'),
-    hoverData:      badge.getAttribute('data-edge-badge-opacity-hover'),
-    activeData:     badge.getAttribute('data-edge-badge-opacity-active'),
-    lifted:         badge.getAttribute('data-edge-badge-lifted'),
-  } : null;
-});
-
-const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceHasUnifiedGate = fileText.includes('opacity={(isHoveredEdge || isPinned) ? 1 : (isLight ? 0.95 : 0.85)}');
-const sourceHasActiveData  = fileText.includes('data-edge-badge-opacity-active="1"');
-
-await browser.close();
-
-const results = {
-  // Cold rest (no hover, no pin) — pre-R396 path preserved
-  rest_opacity_0_85:       restProbe?.opacityAttr === '0.85',
-  rest_data_0_85:          restProbe?.restData === '0.85',
-  rest_lifted_false:       restProbe?.lifted === 'false',
-  // R395 attr preserved + R396 new attr
-  hover_data_1:            restProbe?.hoverData === '1',
-  active_data_1:           restProbe?.activeData === '1',
-  // R396 source-file wire (mechanical change)
-  source_unified_gate:     sourceHasUnifiedGate,
-  source_active_attr:      sourceHasActiveData,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} edge-badge opacity unifies hover + pin → 1.0:`, JSON.stringify(results),
-  '\n  restProbe:', restProbe);
-process.exit(ok ? 0 : 1);