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

package/scripts/topo-active-pulse-ease-test.mjs

@@ -1,120 +0,0 @@
-/* Round 243 verification: active-node pulse ring gets two polishes
- * on a single element:
- *
- *   1. Always-mount-opacity-gate wrapper <g> — pulse stays in DOM
- *      for all online nodes (when reducedMotion is off); isActive
- *      flips wrapper opacity 1 ↔ 0 with 300ms ease-out, instead of
- *      conditional mount that snap-restarted SMIL from phase 0.
- *
- *   2. SMIL ease-in-out keySplines on both r + opacity animates —
- *      the breath rises and settles at both endpoints instead of
- *      linear constant-velocity interp.
- *
- * Scenario: 4 working agents + 5-msg alpha→beta flow.
- *   activeAliases = {alpha, beta} (active=true)
- *   gamma, delta = active=false
- *
- * Test scope per node:
- *   - [data-node-pulse] always present (4 pulses in DOM)
- *   - alpha + beta: data-node-pulse-active='true', wrapper opacity=1
- *   - gamma + delta: data-node-pulse-active='false', wrapper opacity=0
- *   - All 4 wrappers have style.transition with 'opacity 300ms'
- *   - All 4 contain two <animate> children (r + opacity)
- *   - Each <animate> has calcMode='spline', keyTimes='0;0.5;1',
- *     keySplines='0.42 0 0.58 1;0.42 0 0.58 1', dur='2.4s'
- */
-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');
-    localStorage.setItem('anet-topo-layout', 'ring');
-  } 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-node-pulse]', { timeout: 10000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const pulses = Array.from(document.querySelectorAll('[data-node-pulse]'));
-  return pulses.map((g) => {
-    const animates = Array.from(g.querySelectorAll('animate'));
-    return {
-      alias:        g.getAttribute('data-node-pulse'),
-      active:       g.getAttribute('data-node-pulse-active'),
-      opacityAttr:  g.getAttribute('opacity'),
-      transition:   g.style.transition,
-      animateCount: animates.length,
-      animates: animates.map(a => ({
-        attr:       a.getAttribute('attributeName'),
-        calcMode:   a.getAttribute('calcMode'),
-        keyTimes:   a.getAttribute('keyTimes'),
-        keySplines: a.getAttribute('keySplines'),
-        dur:        a.getAttribute('dur'),
-      })),
-    };
-  });
-});
-await browser.close();
-
-const EASE_INOUT = '0.42 0 0.58 1;0.42 0 0.58 1';
-const hasOpTransition = (s) => /opacity\s+(?:300ms|0\.3s)/.test(s || '');
-const activeAliases = new Set(['alpha', 'beta']);
-const expectAlias = (p) => activeAliases.has(p.alias) ? 'true' : 'false';
-
-const animateOK = (a) =>
-  (a.attr === 'r' || a.attr === 'opacity') &&
-  a.calcMode === 'spline' &&
-  a.keyTimes === '0;0.5;1' &&
-  a.keySplines === EASE_INOUT &&
-  a.dur === '2.4s';
-
-const results = {
-  four_pulses:                probe.length === 4,
-  all_have_alias:             probe.every(p => typeof p.alias === 'string'),
-  active_state_matches:       probe.every(p => p.active === expectAlias(p)),
-  active_pulses_opacity_1:    probe.filter(p => p.active === 'true').every(p => p.opacityAttr === '1'),
-  inactive_pulses_opacity_0:  probe.filter(p => p.active === 'false').every(p => p.opacityAttr === '0'),
-  all_have_op_transition:     probe.every(p => hasOpTransition(p.transition)),
-  all_two_animates:           probe.every(p => p.animateCount === 2),
-  all_animates_have_r:        probe.every(p => p.animates.some(a => a.attr === 'r')),
-  all_animates_have_opacity:  probe.every(p => p.animates.some(a => a.attr === 'opacity')),
-  all_animates_ease_inout:    probe.every(p => p.animates.every(animateOK)),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} active pulse ease+gate:`, JSON.stringify(results),
-  '\n  pulses:', probe.map(p => ({ a: p.alias, active: p.active, op: p.opacityAttr })));
-process.exit(ok ? 0 : 1);

package/scripts/topo-alias-chat-brightness-test.mjs

@@ -1,79 +0,0 @@
-/* Round 616 — alias text brightness gate extends from hover-only
- * to (hover || chat-target). 2nd anchor in chat-target-gated
- * brightness family (sibling to R615 chat ring).
- *
- * Test phases:
- *   1. mock 2 idle nodes → alias text renders
- *   2. rest (no hover, no chat): filter='none', brightness-attr='1'
- *   3. computed transition-property contains 'filter'
- *   4. source: filter conditional includes BOTH hover AND chat
- *      gates, joined by `||`
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1200 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try {
-    localStorage.setItem('anet-theme', 'cyber');
-    localStorage.setItem('anet-topo-layout', 'ring');
-    sessionStorage.setItem('anet_v3_auth', '1');
-  } catch {}
-});
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias) => ({
-    alias, status: 'idle', model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [mk('a·1'), mk('a·2')] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
-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-node-alias-text]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const rest = await page.evaluate(() => {
-  const el = document.querySelector('[data-node-alias-text]');
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    filter: cs.filter,
-    transitionProperty: cs.transitionProperty,
-    brightnessAttr: el.getAttribute('data-node-alias-brightness'),
-    hoveredAttr: el.getAttribute('data-node-alias-hovered'),
-    chatTargetAttr: el.getAttribute('data-node-alias-chat-target'),
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceFilter = /filter: !reducedMotion && \(hoveredAlias === session\.alias \|\| chatAlias === session\.alias\)\s*\?\s*`drop-shadow\(0 0 2px \$\{status\.text\}80\) brightness\(1\.15\)`\s*:\s*undefined/.test(src);
-const sourceAttr = /data-node-alias-brightness=\{!reducedMotion && \(hoveredAlias === session\.alias \|\| chatAlias === session\.alias\) \? '1\.15' : '1'\}/.test(src);
-
-const results = {
-  alias_present:          !!rest,
-  rest_filter_none:       rest?.filter === 'none',
-  rest_brightness_1:      rest?.brightnessAttr === '1',
-  rest_hovered_false:     rest?.hoveredAttr === 'false',
-  rest_chat_target_false: rest?.chatTargetAttr === 'false',
-  transition_has_filter:  /filter/.test(rest?.transitionProperty || ''),
-  source_filter_or_gate:  sourceFilter,
-  source_attr_or_gate:    sourceAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R616 alias chat-target brightness (chat-gated family 2/N):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(rest)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-alias-glow-test.mjs

@@ -1,121 +0,0 @@
-/* Round 500 verification: node alias text gains a status-coloured
- * drop-shadow on hover (extends R476-R481 drop-shadow visual-polish
- * family to 7th anchor). Pre-R500 hover triggered card-lift + alias
- * letter-spacing; post-R500 the alias glyph itself glows.
- *
- * Test scenarios:
- *  1. Rest state — no hover: data-node-alias-glow='false', no filter
- *  2. Hover state — after synthetic pointerenter dispatch on g[data-node]
- *     descendant: glow attr 'true', computed filter contains drop-shadow
- *  3. reducedMotion: glow attr 'false' regardless of hover (a11y)
- *  4. Source-side regex confirms wiring
- */
-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();
-
-async function probe({ reducedMotion }) {
-  const browser = await chromium.launch({ headless: true });
-  const ctx = await browser.newContext({
-    viewport: { width: 1500, height: 1200 },
-    reducedMotion: reducedMotion ? 'reduce' : '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, 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·a1', 'working'),
-      mk('alpha·a2', 'idle'),
-    ] } });
-  });
-  await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
-  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('g[data-node]', { timeout: 15000 });
-  await page.waitForTimeout(1500);
-
-  // Phase 1: rest state
-  const rest = await page.evaluate(() => {
-    const text = document.querySelector('[data-node-alias-text]');
-    if (!text) return null;
-    return {
-      glow_attr: text.getAttribute('data-node-alias-glow'),
-      computed_filter: window.getComputedStyle(text).filter,
-    };
-  });
-
-  // Phase 2: hover state — synthetic pointerenter (R488 banked recipe)
-  const aliasAfterHover = await page.evaluate(() => {
-    const g = document.querySelector('g[data-node]');
-    if (!g) return null;
-    const alias = g.getAttribute('data-node');
-    const target = g.querySelector('circle, image, rect') || g;
-    ['pointerenter', 'pointerover', 'mouseenter', 'mouseover'].forEach((t) => {
-      target.dispatchEvent(new Event(t, { bubbles: true, cancelable: true }));
-    });
-    return alias;
-  });
-  await page.waitForTimeout(400);
-  const hover = await page.evaluate(() => {
-    const text = document.querySelector('[data-node-alias-text]');
-    if (!text) return null;
-    return {
-      glow_attr: text.getAttribute('data-node-alias-glow'),
-      computed_filter: window.getComputedStyle(text).filter,
-      hovered_attr: text.getAttribute('data-node-alias-hovered'),
-    };
-  });
-
-  await browser.close();
-  return { rest, hover, alias: aliasAfterHover };
-}
-
-const motion = await probe({ reducedMotion: false });
-const a11y   = await probe({ reducedMotion: true  });
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceFilter = /filter: !reducedMotion && hoveredAlias === session\.alias\s*\?\s*`drop-shadow\(0 0 2px \$\{status\.text\}80\)`\s*:\s*undefined/.test(src);
-const sourceAttr   = /data-node-alias-glow=\{!reducedMotion && hoveredAlias === session\.alias \? 'true' : 'false'\}/.test(src);
-const sourceTransition = /transition: 'fill 300ms ease-out, letter-spacing 200ms ease-out, filter 200ms ease-out'/.test(src);
-
-const results = {
-  // Motion fixture, rest: attr='false', filter='none'
-  motion_rest_attr_false:  motion.rest && motion.rest.glow_attr === 'false',
-  motion_rest_filter_none: motion.rest && motion.rest.computed_filter === 'none',
-  // Motion fixture, hover: attr='true', filter contains drop-shadow
-  motion_alias_resolved:   !!motion.alias,
-  motion_hover_attr_true:  motion.hover && motion.hover.glow_attr === 'true',
-  motion_hover_filter_drop:motion.hover && /drop-shadow/.test(motion.hover.computed_filter || ''),
-  // a11y fixture: attr='false' even after hover (component-side gate)
-  a11y_rest_attr_false:    a11y.rest && a11y.rest.glow_attr === 'false',
-  a11y_hover_attr_false:   a11y.hover && a11y.hover.glow_attr === 'false',
-  a11y_hover_filter_none:  a11y.hover && a11y.hover.computed_filter === 'none',
-  // Source
-  source_filter_wired:     sourceFilter,
-  source_attr_wired:       sourceAttr,
-  source_transition_wired: sourceTransition,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R500 node alias glow:`, JSON.stringify(results),
-  '\n  motion rest :', JSON.stringify(motion.rest),
-  '\n  motion hover:', JSON.stringify(motion.hover),
-  '\n  a11y   rest :', JSON.stringify(a11y.rest),
-  '\n  a11y   hover:', JSON.stringify(a11y.hover));
-process.exit(ok ? 0 : 1);

package/scripts/topo-alias-text-halo-layers-test.mjs

@@ -1,98 +0,0 @@
-/* Round 645 — node alias text gains a SECOND drop-shadow layer at
- * 4px blur + 0x40 alpha. Extends the chromatic-identity 2-layer
- * halo family from rings (R642/R643/R644) to TEXT — first text-
- * scope multi-layer halo anchor.
- *
- * Test phases:
- *   1. rest: alias text halo-layers='0', no filter
- *   2. click a·1 → chat-target gate fires → alias text halo-layers='2',
- *      computed filter has EXACTLY 2 drop-shadow substrings with
- *      status.text tint at different alphas
- *   3. source: filter expression stacks 2 drop-shadows
- */
-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: [] } }));
-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-node-alias-text]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const restTexts = await page.evaluate(() => {
-  return Array.from(document.querySelectorAll('[data-node-alias-text]')).map(el => ({
-    layers: el.getAttribute('data-node-alias-halo-layers'),
-    glow: el.getAttribute('data-node-alias-glow'),
-    chatTarget: el.getAttribute('data-node-alias-chat-target'),
-  }));
-});
-
-await page.click('[data-node="a·1"]', { force: true });
-await page.waitForTimeout(400);
-
-const chatState = await page.evaluate(() => {
-  return Array.from(document.querySelectorAll('[data-node-alias-text]')).map(el => {
-    const cs = getComputedStyle(el);
-    return {
-      alias: el.getAttribute('data-node-alias-text'),
-      layers: el.getAttribute('data-node-alias-halo-layers'),
-      chatTarget: el.getAttribute('data-node-alias-chat-target'),
-      filter: cs.filter,
-    };
-  });
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceFilter = /`drop-shadow\(0 0 2px \$\{status\.text\}80\) drop-shadow\(0 0 4px \$\{status\.text\}40\) brightness\(1\.15\)`/.test(src);
-const sourceLayersAttr = /data-node-alias-halo-layers=\{!reducedMotion && \(hoveredAlias === session\.alias \|\| chatAlias === session\.alias\) \? '2' : '0'\}/.test(src);
-
-const restAllZero = restTexts.every(t => t.layers === '0');
-const chatActive = chatState.find(c => c.alias === 'a·1');
-const chatActiveDropShadowCount = (chatActive?.filter?.match(/drop-shadow/g) || []).length;
-const chatIdle = chatState.find(c => c.alias === 'a·2');
-
-const results = {
-  texts_present:           restTexts.length >= 2,
-  rest_all_zero:           restAllZero,
-  chat_a1_present:         !!chatActive,
-  chat_a1_layers_2:        chatActive?.layers === '2',
-  chat_a1_chat_target_true:chatActive?.chatTarget === 'true',
-  chat_a1_two_dropshadows: chatActiveDropShadowCount === 2,
-  chat_a1_brightness:      /brightness/.test(chatActive?.filter || ''),
-  chat_a2_layers_0:        chatIdle?.layers === '0',
-  source_filter:           sourceFilter,
-  source_layers_attr:      sourceLayersAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R645 node alias text multi-layer halo (text-scope chromatic identity):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(restTexts)}`,
-  `\n  chat: ${JSON.stringify(chatState)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-animation-temporal-modes-catalog-test.mjs

@@ -1,144 +0,0 @@
-/* Round 741 — animation temporal modes catalog. 8TH orthogonal
- * meta-doc axis on the topology introspection layer. Octagon:
- *
- *   R710 rolodex              (cadences)              breath
- *   R716 dual-axis-surfaces   (axes)                  breath
- *   R717 patterns             (structural shapes)     cross-family
- *   R720 tiers                (functional roles)      breath
- *   R723 triple-axis-surfaces (multi-axis)            breath
- *   R729 axis-count-stats     (aggregate stats)       breath + cross-family
- *   R732 a11y-titles          (accessible names)      a11y
- *   R741 animation-temporal-modes (lifecycle)         cross-family ← this round
- *
- * Documents WHEN animations run rather than HOW. Three temporal
- * modes after R740:
- *   infinite-rest  → breath family   18 members
- *   infinite-sweep → ambient family   3 members
- *   one-shot-mount → entrance family  1 member
- *
- * Cross-validation against runtime:
- *   - infinite-rest member count: rolodex (R710) flat anchor count = 18
- *   - infinite-sweep member count: scan-beam-trio (R717) anchors = 3
- *     OR distinct anchors across ambient patterns in R717
- *   - one-shot-mount member count: 1 (canvas root entrance only)
- *
- * Assertions:
- *   - attr present on root <svg>
- *   - JSON parses to Array of exactly 3 entries
- *   - shape: each entry has {mode, family, members, examples}
- *   - modes sorted = ['infinite-rest', 'infinite-sweep', 'one-shot-mount']
- *   - families sorted = ['ambient', 'breath', 'entrance']
- *   - members are positive integers
- *   - examples is non-empty array of strings (≤3 per mode)
- *   - Cross-check: infinite-rest.members === R710 rolodex anchor count
- *   - Cross-check: infinite-sweep.members === scan-beam-trio anchor count (3)
- *   - Cross-check: one-shot-mount.members === 1
- */
-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: [] } }));
-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-topo-canvas-aria]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const runtimeAttrs = await page.evaluate(() => {
-  const svg = document.querySelector('[data-topo-canvas-aria]');
-  return {
-    modes:    svg?.getAttribute('data-topo-animation-temporal-modes') ?? null,
-    rolodex:  svg?.getAttribute('data-topo-respiratory-rolodex')      ?? null,
-    patterns: svg?.getAttribute('data-topo-respiratory-patterns')     ?? null,
-  };
-});
-
-await browser.close();
-
-let modes = null;
-let rolodex = null;
-let patterns = null;
-let parseError = null;
-try {
-  modes    = JSON.parse(runtimeAttrs.modes    ?? '');
-  rolodex  = JSON.parse(runtimeAttrs.rolodex  ?? '');
-  patterns = JSON.parse(runtimeAttrs.patterns ?? '');
-} catch (e) {
-  parseError = String(e);
-}
-
-const validShape = Array.isArray(modes)
-  ? modes.every(m => m && typeof m === 'object'
-      && typeof m.mode === 'string' && m.mode.length > 0
-      && typeof m.family === 'string' && m.family.length > 0
-      && Number.isInteger(m.members) && m.members > 0
-      && Array.isArray(m.examples) && m.examples.length > 0 && m.examples.length <= 3
-      && m.examples.every(e => typeof e === 'string' && e.length > 0))
-  : false;
-
-const modeNames = Array.isArray(modes) ? modes.map(m => m.mode).sort() : [];
-const familyNames = Array.isArray(modes) ? modes.map(m => m.family).sort() : [];
-const expectedModes = ['infinite-rest', 'infinite-sweep', 'one-shot-mount'];
-const expectedFamilies = ['ambient', 'breath', 'entrance'];
-
-const infRest = Array.isArray(modes) ? modes.find(m => m.mode === 'infinite-rest') : null;
-const infSweep = Array.isArray(modes) ? modes.find(m => m.mode === 'infinite-sweep') : null;
-const oneShot = Array.isArray(modes) ? modes.find(m => m.mode === 'one-shot-mount') : null;
-
-const rolodexAnchorCount = rolodex && typeof rolodex === 'object'
-  ? Object.values(rolodex).reduce((acc, v) => acc + (Array.isArray(v) ? v.length : 0), 0)
-  : -1;
-
-const scanBeamTrio = Array.isArray(patterns) ? patterns.find(p => p.name === 'scan-beam-trio') : null;
-const scanBeamTrioAnchorCount = Array.isArray(scanBeamTrio?.anchors) ? scanBeamTrio.anchors.length : -1;
-
-const results = {
-  attr_present:                    !!runtimeAttrs.modes,
-  json_parses:                     modes !== null && parseError === null,
-  is_array:                        Array.isArray(modes),
-  has_3_entries:                   Array.isArray(modes) && modes.length === 3,
-  shape_valid:                     validShape,
-  modes_match_expected:            JSON.stringify(modeNames) === JSON.stringify(expectedModes),
-  families_match_expected:         JSON.stringify(familyNames) === JSON.stringify(expectedFamilies),
-  inf_rest_breath_pair:            infRest?.family === 'breath',
-  inf_sweep_ambient_pair:          infSweep?.family === 'ambient',
-  one_shot_entrance_pair:          oneShot?.family === 'entrance',
-  inf_rest_matches_rolodex_count:  infRest?.members === rolodexAnchorCount,
-  inf_sweep_matches_trio_count:    infSweep?.members === scanBeamTrioAnchorCount,
-/* Entrance family has grown: R740 solo (1) → R742 pair (2) → R743
- * trio (3). The cardinality assertion tracks the current snapshot;
- * one_shot_count_at_least_1 is the stable invariant. */
-  one_shot_count_at_least_1:       (oneShot?.members ?? 0) >= 1,
-  one_shot_count_is_3:              oneShot?.members === 3,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R741 animation temporal modes catalog (8th meta-doc — octagon, lifecycle dimension):`,
-  JSON.stringify(results, null, 2),
-  `\n  modes: ${JSON.stringify(modes)}`,
-  `\n  rolodex anchors: ${rolodexAnchorCount} · scan-beam-trio anchors: ${scanBeamTrioAnchorCount}`,
-  parseError ? `\n  parseError: ${parseError}` : '');
-process.exit(ok ? 0 : 1);

package/scripts/topo-any-hover-attr-test.mjs

@@ -1,83 +0,0 @@
-/* Round 466 verification: root svg gains `data-topo-any-hover`
- * aggregate hover attr. Composed from 6 per-surface hover vars
- * (hoveredAlias, hoveredHub, hoveredEdgeKey, hoveredGroupLabel,
- * hoveredStatus, hoveredVendor). Read-only computed signal —
- * useful for tests + external CSS hooks.
- *
- * Contract:
- *   - at rest (no hover): data-topo-any-hover === 'false'
- *   - hover a node: 'true'
- *   - leave the node: back to 'false'
- *   - source-file conditional wired
- */
-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', 'grid');
-    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·1', 'working'),
-    mk('alpha·2', 'idle'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
-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('svg[data-topo-any-hover]', { timeout: 15000 });
-await page.waitForTimeout(400);
-
-const readAttr = () => page.evaluate(() =>
-  document.querySelector('svg[viewBox="0 0 1000 680"]')?.getAttribute('data-topo-any-hover')
-);
-
-const restValue = await readAttr();
-
-// Hover a group label to flip hoveredGroupLabel
-await page.hover('[data-group-label-hit]');
-await page.waitForTimeout(200);
-const hoverValue = await readAttr();
-
-// Move pointer far away to clear hover
-await page.mouse.move(2, 2);
-await page.waitForTimeout(300);
-const restAgainValue = await readAttr();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceHasAttr        = /data-topo-any-hover=\{/.test(src);
-const sourceCombines6Vars  = /hoveredAlias \|\| hoveredHub \|\| hoveredEdgeKey \|\| hoveredGroupLabel \|\|/.test(src);
-
-await browser.close();
-
-const results = {
-  rest_is_false:        restValue === 'false',
-  hover_flips_true:     hoverValue === 'true',
-  rest_again_is_false:  restAgainValue === 'false',
-  source_attr_wired:    sourceHasAttr,
-  source_6_vars:        sourceCombines6Vars,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} data-topo-any-hover aggregate:`, JSON.stringify(results),
-  '\n  rest:', restValue, '/ hover:', hoverValue, '/ rest again:', restAgainValue);
-process.exit(ok ? 0 : 1);