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

package/scripts/topo-edge-badge-circle-hot-pulse-test.mjs

@@ -1,100 +0,0 @@
-/* Round 633 — edge-badge CIRCLE joins the hot-pulse family at the
- * geometric axis. SMIL stroke-width 2 ↔ 2.5 over 3s ease-in-out,
- * gated `isHot && !reducedMotion`. In lockstep with R632 digit
- * opacity pulse. 3rd anchor in hot-pulse family.
- *
- * Test phases:
- *   1. cold edge (mock 3 messages) → no hot-pulse, sw=1.25 attr
- *      doesn't exist as SMIL animate child
- *   2. hot edge (mock 12 messages) → SMIL animate child present
- *      with attributeName='stroke-width', values='2;2.5;2',
- *      dur='3s', calcMode='spline'
- *   3. hot-pulse attr === 'on' on hot edge
- *   4. source: SMIL animate gated on `isHot && !reducedMotion`,
- *      stroke-width values='2;2.5;2' explicit
- */
-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')] } });
-});
-// 12 messages → isHot (count ≥ 10 threshold)
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages:
-  Array.from({ length: 12 }, (_, i) => ({
-    from_alias: 'a·1', to_alias: 'a·2', content: `msg-${i}`, 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-badge-hot-pulse]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const hot = await page.evaluate(() => {
-  const el = document.querySelector('[data-edge-badge-hot-pulse="on"]');
-  if (!el) return null;
-  const animates = Array.from(el.querySelectorAll('animate'));
-  return {
-    hotPulseAttr: el.getAttribute('data-edge-badge-hot-pulse'),
-    glowAttr:     el.getAttribute('data-edge-badge-glow'),
-    strokeWidthAttr: el.getAttribute('stroke-width'),
-    animateCount: animates.length,
-    animateAttrs: animates.map(a => ({
-      attr:  a.getAttribute('attributeName'),
-      dur:   a.getAttribute('dur'),
-      vals:  a.getAttribute('values'),
-      calc:  a.getAttribute('calcMode'),
-      spl:   a.getAttribute('keySplines'),
-      rep:   a.getAttribute('repeatCount'),
-    })),
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceAnimate = /\{isHot && !reducedMotion && \(\s*<animate\s+attributeName="stroke-width"\s+values="2;2\.5;2"\s+dur="3s"\s+calcMode="spline"\s+keyTimes="0;0\.5;1"\s+keySplines="0\.42 0 0\.58 1;0\.42 0 0\.58 1"\s+repeatCount="indefinite"\s*\/>\s*\)\}/.test(src);
-const sourceAttr = /data-edge-badge-hot-pulse=\{isHot && !reducedMotion \? 'on' : 'off'\}/.test(src);
-
-const swAnimate = hot?.animateAttrs?.find(a => a.attr === 'stroke-width');
-const results = {
-  hot_circle_present:    !!hot,
-  hot_pulse_attr_on:     hot?.hotPulseAttr === 'on',
-  hot_glow_amber:        hot?.glowAttr === 'hot',
-  hot_has_smil_sw:       swAnimate != null,
-  hot_sw_values:         swAnimate?.vals === '2;2.5;2',
-  hot_sw_dur_3s:         swAnimate?.dur === '3s',
-  hot_sw_calc_spline:    swAnimate?.calc === 'spline',
-  hot_sw_spline_ease:    swAnimate?.spl === '0.42 0 0.58 1;0.42 0 0.58 1',
-  hot_sw_rep_indef:      swAnimate?.rep === 'indefinite',
-  hot_attr_sw_2:         hot?.strokeWidthAttr === '2',
-  source_smil_gated:     sourceAnimate,
-  source_attr_gated:     sourceAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R633 edge-badge CIRCLE hot-pulse stroke-width breath (3rd hot-pulse anchor):`,
-  JSON.stringify(results, null, 2),
-  `\n  hot: ${JSON.stringify(hot)}`);
-process.exit(ok ? 0 : 1);

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

@@ -1,94 +0,0 @@
-/* Round 121 verification: clicking an edge midpoint count badge
- * (R100) pins the matching flow, mirroring the R116 recent-signal
- * row click-pin from the canvas side. Closes the gap where the
- * canvas had no pin-from-here affordance.
- *
- * Drive: 1 flow with count >= 3 (badge renders). Click badge →
- * data-edge-count-badge-pinned="true", aria-pressed="true", the
- * matching pill (R119) appears. Click again → release.
- */
-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 probe = () => page.evaluate(() => {
-  const badge = document.querySelector('[data-edge-count-badge="alpha->beta"]');
-  return {
-    badgePinned: badge?.getAttribute('data-edge-count-badge-pinned') || '',
-    aria:        badge?.getAttribute('aria-pressed') || '',
-    pillExists:  document.querySelector('[data-active-filter="edge"]') !== null,
-    title:       badge?.querySelector('title')?.textContent || '',
-  };
-});
-
-const before = await probe();
-
-// Click the badge → pin.
-await page.locator('[data-edge-count-badge="alpha->beta"]').click();
-await page.mouse.move(10, 10);
-await page.waitForTimeout(300);
-const afterClick = await probe();
-
-// Click again → release.
-await page.locator('[data-edge-count-badge="alpha->beta"]').click();
-await page.mouse.move(10, 10);
-await page.waitForTimeout(300);
-const afterRelease = await probe();
-
-await browser.close();
-
-const results = {
-  before_notPinned:       before.badgePinned === 'false' && before.aria === 'false',
-  before_noPill:          before.pillExists === false,
-  before_titlePinHint:    /click to pin/.test(before.title),
-  click_pinned:           afterClick.badgePinned === 'true' && afterClick.aria === 'true',
-  click_pillAppears:      afterClick.pillExists === true,
-  click_titleReleaseHint: /click to release pin/.test(afterClick.title),
-  release_unpinned:       afterRelease.badgePinned === 'false' && afterRelease.aria === 'false',
-  release_pillGone:       afterRelease.pillExists === false,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} edge-badge click-pin:`, JSON.stringify(results),
-  `\n  before=`,       before,
-  `\n  afterClick=`,   afterClick,
-  `\n  afterRelease=`, afterRelease);
-process.exit(ok ? 0 : 1);

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

@@ -1,138 +0,0 @@
-/* Round 215 verification: edge midpoint count badge always-mounts;
- * visibility crossfades via wrapper <g> opacity instead of mount/
- * unmount on link.count >= 3 threshold. Closes the canvas-edge
- * surface of the always-mount-opacity-gate family.
- *
- * Pre-R215 a flow's first 2 → 3 message snap-popped the badge in
- * one frame, and a hot flow tapering 3 → 2 vanished in one frame.
- * R215 always-mounts and opacity-gates, giving 300ms ease through
- * the threshold crossing.
- *
- * Test (cyber dark, mock 3 flows below + at + above threshold):
- *   1. flow A: count=2 (below threshold) → badge in DOM but
- *      visible='false', opacity 0, pointerEvents 'none',
- *      aria-hidden='true', role unset, tabIndex=-1
- *   2. flow B: count=3 (at threshold)    → badge visible='true',
- *      opacity > 0, pointerEvents 'all', role='button', tabIndex=0
- *   3. flow C: count=12 (hot)            → badge visible='true',
- *      hot='true', opacity > 0, all interactive
- *   4. Every wrapper has inline transition: 'opacity 300ms ease-out'
- *   5. text content always matches link.count (even the hidden one)
- */
-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 = [];
-// flow A: alpha → beta · count=2 (below threshold, badge hidden)
-for (let i = 0; i < 2; i++) {
-  msgs.push({ id: `A${i}`, from_alias: 'alpha', to_alias: 'beta',  content: 'hi',
-    network_id: 'default', created_at: new Date(now - (1000 + i * 50)).toISOString() });
-}
-// flow B: alpha → gamma · count=3 (at threshold, badge visible)
-for (let i = 0; i < 3; i++) {
-  msgs.push({ id: `B${i}`, from_alias: 'alpha', to_alias: 'gamma', content: 'hi',
-    network_id: 'default', created_at: new Date(now - (5000 + i * 50)).toISOString() });
-}
-// flow C: alpha → delta · count=12 (hot)
-for (let i = 0; i < 12; i++) {
-  msgs.push({ id: `C${i}`, from_alias: 'alpha', to_alias: 'delta', content: 'hi',
-    network_id: 'default', created_at: new Date(now - (10000 + 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-count-badge]', { timeout: 10000, state: 'attached' });
-await page.waitForTimeout(400);
-
-const probe = await page.evaluate(() => {
-  return [...document.querySelectorAll('[data-edge-count-badge]')].map(el => {
-    const cs = getComputedStyle(el);
-    const txt = el.querySelector('text')?.textContent;
-    return {
-      key:           el.getAttribute('data-edge-count-badge'),
-      visible:       el.getAttribute('data-edge-count-badge-visible'),
-      hot:           el.getAttribute('data-edge-count-badge-hot'),
-      role:          el.getAttribute('role'),
-      tabIndex:      el.getAttribute('tabindex'),
-      ariaHidden:    el.getAttribute('aria-hidden'),
-      opacity:       parseFloat(el.getAttribute('opacity') || ''),
-      computedPointer: cs.pointerEvents,
-      transition:    el.style.transition,
-      text:          txt,
-    };
-  });
-});
-
-await browser.close();
-
-const flowA = probe.find(p => p.key === 'alpha->beta');   // count=2
-const flowB = probe.find(p => p.key === 'alpha->gamma');  // count=3
-const flowC = probe.find(p => p.key === 'alpha->delta');  // count=12
-
-const results = {
-  // All 3 wrappers present in DOM (always-mount)
-  three_badges_in_dom:       probe.length === 3,
-  flowA_present:             !!flowA,
-  flowB_present:             !!flowB,
-  flowC_present:             !!flowC,
-
-  // flow A (count=2, hidden)
-  A_visible_false:           flowA?.visible === 'false',
-  A_opacity_0:               flowA?.opacity === 0,
-  A_pointer_none:            flowA?.computedPointer === 'none',
-  A_aria_hidden:             flowA?.ariaHidden === 'true',
-  A_role_unset:              flowA?.role === null || flowA?.role === '',
-  A_text_2:                  flowA?.text === '2',
-
-  // flow B (count=3, just visible)
-  B_visible_true:            flowB?.visible === 'true',
-  B_opacity_positive:        (flowB?.opacity ?? 0) > 0,
-  B_pointer_all:             flowB?.computedPointer === 'all',
-  B_role_button:             flowB?.role === 'button',
-  B_text_3:                  flowB?.text === '3',
-  B_not_hot:                 flowB?.hot === 'false',
-
-  // flow C (count=12, hot)
-  C_visible_true:            flowC?.visible === 'true',
-  C_hot_true:                flowC?.hot === 'true',
-  C_opacity_positive:        (flowC?.opacity ?? 0) > 0,
-  C_text_12:                 flowC?.text === '12',
-
-  // All have transition with opacity 300ms (even hidden ones — they
-  // need the transition for when count crosses back into threshold)
-  all_have_transition:       probe.every(p => /opacity\s+(?:300ms|0\.3s)/.test(p.transition || '')),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} edge badge crossfade:`, JSON.stringify(results),
-  `\n  flowA (count=2 hidden):`, flowA,
-  `\n  flowB (count=3 visible):`, flowB,
-  `\n  flowC (count=12 hot):`, flowC);
-process.exit(ok ? 0 : 1);

package/scripts/topo-edge-badge-digit-fw-test.mjs

@@ -1,103 +0,0 @@
-/* Round 426 verification: edge-badge digit fontWeight 700 → 800 on
- * (isPinned || isHot). 4th anchor on the "data tightens under
- * attention" typographic-weight pattern:
- *   R416 chip-digit   (chip-row hover)
- *   R424 panel-digit  (panel hover)
- *   R425 hub-digit    (hub hover)
- *   R426 edge-badge   (pin/hot)   ← this round
- *
- * Contract:
- *   - rest state: edge-badge text font-weight === '700'
- *   - hot state (synthesize via dense recent traffic between two
- *     aliases): badge text font-weight === '800', data-edge-badge-
- *     text-pin === 'true', letter-spacing '0.4px' (R220 preserved)
- *   - source-file probe confirms wired conditional + transition list
- *
- * Test design: 'hot' is derived from flow link count threshold (R190
- * hotFlowCount logic). We don't depend on knowing the exact threshold —
- * we just generate many flow messages between alpha↔beta and assert
- * at least one badge enters the pin state. The source-file probe is
- * the canonical contract for the wire change; the DOM probe is best-
- * effort confirmation that the conditional resolves to '800' for at
- * least one badge in some fixture state.
- */
-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'),
-  ] } });
-});
-// Generate a thick flow: 8 messages alpha↔beta so the edge-badge
-// renders with a high count + potentially trips hot threshold.
-const flowMessages = Array.from({ length: 8 }, (_, i) => ({
-  id: `m${i}`, from_alias: 'alpha', to_alias: 'beta',
-  content: `ping ${i}`, created_at: fresh, network_id: 'default',
-}));
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({
-  json: { messages: flowMessages },
-}));
-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 badges = await page.evaluate(() => {
-  const ts = [...document.querySelectorAll('[data-edge-badge-text]')];
-  return ts.map(t => ({
-    text:   t.textContent,
-    fw:     t.getAttribute('font-weight'),
-    pin:    t.getAttribute('data-edge-badge-text-pin'),
-    fsize:  t.getAttribute('font-size'),
-  }));
-});
-
-// Source-file verification
-const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceWired      = /fontWeight=\{\(isPinned \|\| isHot\) \? '800' : '700'\}/.test(fileText);
-const sourceTransition = /transition: 'letter-spacing 300ms ease-out, font-weight 300ms ease-out'/.test(fileText);
-
-await browser.close();
-
-// At least one badge present
-const anyBadge = badges.length > 0;
-// Rest invariants on at least one badge: fontSize=11
-const anyFontSize11 = badges.some(b => b.fsize === '11');
-// Conditional resolves: every badge attr is '700' or '800'
-const fwValid = badges.every(b => b.fw === '700' || b.fw === '800');
-// If any badge is pin/hot, its fw must be '800'; if not, '700'
-const conditionalCoherent = badges.every(b => (b.pin === 'true' ? b.fw === '800' : b.fw === '700'));
-
-const results = {
-  any_badge_mounted:         anyBadge,
-  any_font_size_11:          anyFontSize11,
-  fw_attr_valid:             fwValid,
-  conditional_coherent:      conditionalCoherent,
-  source_hover_wired:        sourceWired,
-  source_transition_wired:   sourceTransition,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} edge-badge digit fw pin/hot:`, JSON.stringify(results),
-  '\n  badges:', JSON.stringify(badges));
-process.exit(ok ? 0 : 1);

package/scripts/topo-edge-badge-digit-halo-layers-test.mjs

@@ -1,107 +0,0 @@
-/* Round 672 — edge-badge DIGIT text extends single-axis brightness
- * across a unified 4-condition gate to the SAME two-branch multi-
- * layer halo pattern as R646 edge-badge CIRCLE. Cyan branch (hover/
- * pin/endpoint) uses pal.legendAccent; amber branch (hot-only) uses
- * hotStroke. Both at 2+4 stride (text scale, matches R645). Edge-
- * badge circle (R646) + digit (R672) now emit halo in lockstep on
- * edge attention. 31st anchor in family.
- *
- * Source assertions:
- *   - cyan branch: pal.legendAccent 80/40 with 2+4 stride
- *   - amber branch: hotStroke 80/40 with 2+4 stride
- *   - halo-layers + halo-branch data attrs reflect runtime state
- */
-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: '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·1'), mk('a·2'), mk('a·3'), mk('a·4'),
-  ] } });
-});
-// 12 messages between a·1 ↔ a·2 — enough to push edge into "hot" state
-// (~10 messages in window). Other edges stay non-hot.
-const HOT_PAIR = [['a·1', 'a·2']];
-const COLD_PAIRS = [['a·3', 'a·4']];
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [
-  ...Array.from({ length: 12 }, (_, i) => ({
-    id: `hot${i}`,
-    from_alias: HOT_PAIR[0][i % 2],
-    to_alias:   HOT_PAIR[0][(i + 1) % 2],
-    kind: 'task', content: `hot ${i}`,
-    network_id: 'default', created_at: fresh,
-  })),
-  ...Array.from({ length: 2 }, (_, i) => ({
-    id: `cold${i}`,
-    from_alias: COLD_PAIRS[0][i % 2],
-    to_alias:   COLD_PAIRS[0][(i + 1) % 2],
-    kind: 'message', content: `cold ${i}`,
-    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-badge-digit-halo-layers]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const restState = await page.evaluate(() => {
-  return Array.from(document.querySelectorAll('[data-edge-badge-digit-halo-layers]')).map(el => ({
-    layers: el.getAttribute('data-edge-badge-digit-halo-layers'),
-    branch: el.getAttribute('data-edge-badge-digit-halo-branch'),
-  }));
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceCyanFilter  = /\(isHoveredEdge \|\| isPinned \|\| isEndpointHoveredEdge\)\s+\?\s+`drop-shadow\(0 0 2px \$\{pal\.legendAccent\}80\) drop-shadow\(0 0 4px \$\{pal\.legendAccent\}40\) brightness\(1\.15\)`/.test(src);
-const sourceAmberFilter = /isHot\s+\?\s+`drop-shadow\(0 0 2px \$\{hotStroke\}80\) drop-shadow\(0 0 4px \$\{hotStroke\}40\) brightness\(1\.15\)`/.test(src);
-const sourceLayersAttr  = /data-edge-badge-digit-halo-layers=\{\(isHoveredEdge \|\| isPinned \|\| isEndpointHoveredEdge \|\| isHot\) \? '2' : '0'\}/.test(src);
-const sourceBranchAttr  = /data-edge-badge-digit-halo-branch=\{[\s\S]*?\(isHoveredEdge \|\| isPinned \|\| isEndpointHoveredEdge\) \? 'cyan'[\s\S]*?: isHot \? 'amber'[\s\S]*?: 'none'/.test(src);
-
-// Logical invariant at rest: branch='none' ↔ layers='0', and any non-none
-// branch must have layers='2'. Don't pin to specific message-rate thresholds
-// (those vary with mock data) — verify the cyan↔amber↔none gate consistency
-// at every edge digit instead.
-const allConsistent = restState.every(e =>
-  (e.branch === 'none' && e.layers === '0') ||
-  ((e.branch === 'cyan' || e.branch === 'amber') && e.layers === '2')
-);
-const hasNoneAtRest = restState.some(e => e.branch === 'none' && e.layers === '0');
-
-const results = {
-  digits_present:      restState.length >= 2,
-  rest_gate_consistent: allConsistent,
-  has_none_at_rest:    hasNoneAtRest,
-  source_cyan_filter:  sourceCyanFilter,
-  source_amber_filter: sourceAmberFilter,
-  source_layers_attr:  sourceLayersAttr,
-  source_branch_attr:  sourceBranchAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R672 edge-badge digit multi-layer halo (2-branch lockstep w/ R646 circle):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(restState)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-edge-badge-endpoint-gate-test.mjs

@@ -1,94 +0,0 @@
-/* Round 629 — extend edge-badge brightness gate (CIRCLE + TEXT)
- * to include isEndpointHoveredEdge. Closes the badge↔edge
- * brightness parity left open after R624 brightened the visible
- * path on endpoint-hover (incl. chat-target via R624's chatAlias
- * extension). 14th anchor in chat-target-gated brightness family
- * (indirect, via isEndpointHoveredEdge), and also a hover-gated
- * polish — two gate axes added in one expression.
- *
- * Test phases:
- *   1. mock 2 nodes + 3 messages → edge with count=3 visible
- *      (visible threshold), badge mounts
- *   2. rest (no hover, no chat): brightness '1', endpoint-active 'false'
- *      on both circle and text
- *   3. source: filter expression on circle + text includes
- *      isEndpointHoveredEdge in the OR-chain
- */
-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: 'one',   created_at: fresh },
-  { from_alias: 'a·1', to_alias: 'a·2', content: 'two',   created_at: fresh },
-  { from_alias: 'a·1', to_alias: 'a·2', content: 'three', 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-badge-brightness]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const rest = await page.evaluate(() => {
-  const c = document.querySelector('[data-edge-badge-brightness]');
-  const t = document.querySelector('[data-edge-badge-text-brightness]');
-  return {
-    circleBrightness:   c?.getAttribute('data-edge-badge-brightness'),
-    circleEndpoint:     c?.getAttribute('data-edge-badge-endpoint-active'),
-    circleGlow:         c?.getAttribute('data-edge-badge-glow'),
-    textBrightness:     t?.getAttribute('data-edge-badge-text-brightness'),
-    textEndpoint:       t?.getAttribute('data-edge-badge-text-endpoint-active'),
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceCircleFilter = /filter: \(isHoveredEdge \|\| isPinned \|\| isEndpointHoveredEdge\)\s*\n\s*\? `drop-shadow\(0 0 3px \$\{pal\.legendAccent\}99\) brightness\(1\.15\)`/.test(src);
-const sourceTextFilter   = /filter: \(isHoveredEdge \|\| isPinned \|\| isHot \|\| isEndpointHoveredEdge\)\s*\n\s*\? 'brightness\(1\.15\)'/.test(src);
-const sourceCircleAttr   = /data-edge-badge-brightness=\{\(isHoveredEdge \|\| isPinned \|\| isHot \|\| isEndpointHoveredEdge\) \? '1\.15' : '1'\}/.test(src);
-const sourceCircleEpAttr = /data-edge-badge-endpoint-active=\{isEndpointHoveredEdge \? 'true' : 'false'\}/.test(src);
-const sourceTextAttr     = /data-edge-badge-text-brightness=\{\(isHoveredEdge \|\| isPinned \|\| isHot \|\| isEndpointHoveredEdge\) \? '1\.15' : '1'\}/.test(src);
-
-const results = {
-  circle_present:         rest.circleBrightness != null,
-  rest_circle_brightness: rest.circleBrightness === '1',
-  rest_circle_endpoint:   rest.circleEndpoint === 'false',
-  rest_circle_glow_false: rest.circleGlow === 'false',
-  text_present:           rest.textBrightness != null,
-  rest_text_brightness:   rest.textBrightness === '1',
-  rest_text_endpoint:     rest.textEndpoint === 'false',
-  source_circle_filter:   sourceCircleFilter,
-  source_text_filter:     sourceTextFilter,
-  source_circle_attr:     sourceCircleAttr,
-  source_circle_ep_attr:  sourceCircleEpAttr,
-  source_text_attr:       sourceTextAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R629 edge-badge endpoint-active gate (chat-gated family 14th anchor, indirect):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(rest)}`);
-process.exit(ok ? 0 : 1);