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

package/scripts/topo-hover-ring-duration-test.mjs

@@ -1,87 +0,0 @@
-/* Round 489 verification: hover ring (Round 2 outer stroke) transition
- * duration harmonized from 150ms to 200ms, joining the Hero D #147
- * motion-coherence stack as 11th surface.
- *
- * Verifies the DOM rendered circle carries the Tailwind class
- * `duration-200` (and NO `duration-150`), and the computed CSS
- * transition-duration on the element resolves to 200ms.
- */
-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, 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'),
-    mk('beta·b1',  'working'),
-  ] } });
-});
-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);
-
-// Find the hover-ring circle inside the first g[data-node]: it's the
-// one with stroke="" (status.primary, varies) + strokeWidth="2" +
-// the `transition-opacity duration-200` class (R2 + R489).
-const ringInfo = await page.evaluate(() => {
-  const g = document.querySelector('g[data-node]');
-  if (!g) return null;
-  // hover ring is the circle with strokeWidth='2' that uses transition-opacity
-  const circles = Array.from(g.querySelectorAll('circle'));
-  const ring = circles.find((c) =>
-    c.getAttribute('stroke-width') === '2' && /transition-opacity/.test(c.getAttribute('class') || '')
-  );
-  if (!ring) return { found: false };
-  const cls = ring.getAttribute('class') || '';
-  const cs = window.getComputedStyle(ring);
-  return {
-    found: true,
-    has_duration_200: /\bduration-200\b/.test(cls),
-    has_duration_150: /\bduration-150\b/.test(cls),
-    class_attr: cls,
-    transition_duration: cs.transitionDuration,
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceDuration200 = /opacity-0 group-hover:opacity-70 transition-opacity duration-200/.test(src);
-const sourceNoDuration150 = !/opacity-0 group-hover:opacity-70 transition-opacity duration-150/.test(src);
-
-const results = {
-  ring_dom_found:       ringInfo && ringInfo.found,
-  ring_has_dur_200:     !!(ringInfo && ringInfo.has_duration_200),
-  ring_no_dur_150:      !!(ringInfo && !ringInfo.has_duration_150),
-  computed_200ms:       !!(ringInfo && /^0?\.?2(00)?(s|0ms)?$/.test((ringInfo.transition_duration || '').trim()) || (ringInfo && ringInfo.transition_duration === '0.2s')),
-  source_dur_200_wired: sourceDuration200,
-  source_dur_150_gone:  sourceNoDuration150,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} hover-ring duration harmonize (R489):`, JSON.stringify(results),
-  '\n  computed:', ringInfo && ringInfo.transition_duration, '/ class:', ringInfo && ringInfo.class_attr);
-process.exit(ok ? 0 : 1);

package/scripts/topo-hovered-alias-attr-test.mjs

@@ -1,111 +0,0 @@
-/* Round 488 verification: root svg surfaces `data-topo-hovered-alias`
- * identity attr — pairs with R466 any-hover boolean. Extends the
- * R469/R471/R487 root-svg state surface set to 11 attrs.
- *
- * Contract:
- *   - default (no hover): data-topo-hovered-alias=''
- *   - after hover on node g[data-node]: attr === alias
- *   - source-file wiring confirmed
- */
-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, 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'),
-    mk('beta·b1',  'working'),
-  ] } });
-});
-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('svg[data-topo-hovered-alias]', { timeout: 15000 });
-await page.waitForTimeout(1500);
-
-// Phase 1: default (no hover) — attr present and empty
-const restAttr = await page.evaluate(() =>
-  document.querySelector('svg[viewBox="0 0 1000 680"]')?.getAttribute('data-topo-hovered-alias')
-);
-
-// Phase 2: hover on first node, attr === alias
-//
-// onMouseEnter at g[data-node] is unreliable with page.mouse alone
-// (R486 banked: overlays intercept). Dispatch React-synthetic-friendly
-// pointerenter+mouseenter+mouseover on the inner circle element where
-// the actual React handler is bound.
-const firstAlias = await page.evaluate(() => {
-  const g = document.querySelector('g[data-node]');
-  if (!g) return null;
-  const alias = g.getAttribute('data-node');
-  // Find a child element that bubbles to the React listener. The hover
-  // handler is bound on the wrapping <g> via React; firing on any
-  // descendant with bubbles:true reaches it.
-  const target = g.querySelector('circle, image, rect') || g;
-  ['pointerenter', 'pointerover', 'mouseenter', 'mouseover'].forEach((type) => {
-    const ev = new Event(type, { bubbles: true, cancelable: true });
-    target.dispatchEvent(ev);
-  });
-  return alias;
-});
-await page.waitForTimeout(400);
-const hoverAttr = await page.evaluate(() =>
-  document.querySelector('svg[viewBox="0 0 1000 680"]')?.getAttribute('data-topo-hovered-alias')
-);
-
-// Phase 3: dispatch matching leave events — attr returns to empty
-await page.evaluate(() => {
-  const g = document.querySelector('g[data-node]');
-  if (!g) return;
-  const target = g.querySelector('circle, image, rect') || g;
-  ['pointerleave', 'pointerout', 'mouseleave', 'mouseout'].forEach((type) => {
-    const ev = new Event(type, { bubbles: true, cancelable: true });
-    target.dispatchEvent(ev);
-  });
-});
-await page.mouse.move(50, 50);
-await page.waitForTimeout(400);
-const afterAttr = await page.evaluate(() =>
-  document.querySelector('svg[viewBox="0 0 1000 680"]')?.getAttribute('data-topo-hovered-alias')
-);
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceAttr = /data-topo-hovered-alias=\{hoveredAlias \?\? ''\}/.test(src);
-
-const results = {
-  rest_attr_present:   restAttr !== null,
-  rest_attr_empty:     restAttr === '',
-  hover_node_resolved: !!firstAlias,
-  hover_attr_matches:  hoverAttr === firstAlias,
-  release_attr_empty:  afterAttr === '',
-  source_attr_wired:   sourceAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} svg data-topo-hovered-alias attr:`, JSON.stringify(results),
-  '\n  rest:', JSON.stringify(restAttr), '/ alias:', firstAlias, '/ hover:', JSON.stringify(hoverAttr),
-  '/ after-release:', JSON.stringify(afterAttr));
-process.exit(ok ? 0 : 1);

package/scripts/topo-html-overlay-padding-unify-test.mjs

@@ -1,120 +0,0 @@
-/* Round 261 verification: HTML overlay padding aligned with SVG corner
- * panel padding — chrome strip + minimap both at 16 CSS px from canvas
- * edges, matching the SVG corner panels at (16, 16) panel-translate.
- *
- * Pre-R261:
- *   SVG panels: 16 SVG units from edges (≈ 15 CSS px @ ~0.94× scale)
- *   chrome:     12 CSS px (bottom-3 right-3) — ~3px optical asymmetry
- *   minimap:    12 CSS px (right-3)         — same asymmetry
- *
- * Post-R261:
- *   chrome:  bottom-4 right-4 → 16 CSS px from container edges
- *   minimap: right-4          → 16 CSS px from container right edge
- *
- * 16 CSS px ≈ 17 SVG units, slightly tighter than the SVG 16-unit
- * inset due to render-scale rounding, but visually matches the SVG
- * panel padding so HTML overlays and SVG panels speak one inset
- * vocabulary.
- *
- * Test scope:
- *   1. Chrome strip's right edge sits at ~16 CSS px from container
- *      right edge (allow ±2 px sub-pixel slop).
- *   2. Chrome strip's bottom edge sits at ~16 CSS px from container
- *      bottom edge (±2 slop).
- *   3. Minimap (mounted after zoom-in × 3): right edge at ~16 CSS px.
- *   4. R255 chrome-strip semantic gap intact: fleet→view gap still ≥ 11.
- */
-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'),
-  ] } });
-});
-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.waitForFunction(() => document.querySelectorAll('g[data-node]').length === 4, { timeout: 30000 });
-await page.waitForSelector('[data-topo-chrome]',         { timeout: 10000 });
-await page.waitForSelector('[data-topo-wrapper]',        { timeout: 10000 });
-await page.waitForTimeout(300);
-
-const beforeMinimap = await page.evaluate(() => {
-  const wrapper = document.querySelector('[data-topo-wrapper]');
-  const chrome  = document.querySelector('[data-topo-chrome]');
-  const fleet   = document.querySelector('[data-topo-chrome-fleet-group-trailer]');
-  const view    = document.querySelector('[data-topo-chrome-view-group-leader]');
-  const wrR = wrapper?.getBoundingClientRect() ?? null;
-  const chR = chrome?.getBoundingClientRect()  ?? null;
-  return {
-    wrapperRight:  wrR ? wrR.right  : null,
-    wrapperBottom: wrR ? wrR.bottom : null,
-    chromeRight:   chR ? chR.right  : null,
-    chromeBottom:  chR ? chR.bottom : null,
-    fleetRight:    fleet ? fleet.getBoundingClientRect().right : null,
-    viewLeft:      view  ? view.getBoundingClientRect().left   : null,
-  };
-});
-
-// Zoom in to force minimap mount
-for (let i = 0; i < 3; i++) {
-  await page.locator('[data-topo-chrome-zoom-in]').click();
-  await page.waitForTimeout(120);
-}
-await page.waitForSelector('[data-topo-minimap]', { timeout: 5000 });
-await page.waitForTimeout(300);
-
-const minimapProbe = await page.evaluate(() => {
-  const wrapper = document.querySelector('[data-topo-wrapper]');
-  const mm      = document.querySelector('[data-topo-minimap]');
-  const wrR = wrapper?.getBoundingClientRect() ?? null;
-  const mmR = mm?.getBoundingClientRect()      ?? null;
-  return {
-    wrapperRight: wrR ? wrR.right : null,
-    minimapRight: mmR ? mmR.right : null,
-  };
-});
-await browser.close();
-
-const chromeRightOffset  = (beforeMinimap.wrapperRight  != null && beforeMinimap.chromeRight  != null)
-  ? (beforeMinimap.wrapperRight - beforeMinimap.chromeRight) : null;
-const chromeBottomOffset = (beforeMinimap.wrapperBottom != null && beforeMinimap.chromeBottom != null)
-  ? (beforeMinimap.wrapperBottom - beforeMinimap.chromeBottom) : null;
-const minimapRightOffset = (minimapProbe.wrapperRight   != null && minimapProbe.minimapRight  != null)
-  ? (minimapProbe.wrapperRight - minimapProbe.minimapRight) : null;
-const fleetToViewGap     = (beforeMinimap.fleetRight    != null && beforeMinimap.viewLeft     != null)
-  ? (beforeMinimap.viewLeft - beforeMinimap.fleetRight) : null;
-
-const inWindow = (v, target, slop) => v != null && Math.abs(v - target) <= slop;
-
-const results = {
-  chrome_right_at_16:         inWindow(chromeRightOffset,  16, 2),
-  chrome_bottom_at_16:        inWindow(chromeBottomOffset, 16, 2),
-  minimap_right_at_16:        inWindow(minimapRightOffset, 16, 2),
-  r255_fleet_view_gap_intact: fleetToViewGap != null && fleetToViewGap >= 11,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} HTML overlay padding unify:`, JSON.stringify(results),
-  '\n  chrome right offset:',  chromeRightOffset,  '/ bottom:', chromeBottomOffset,
-  '\n  minimap right offset:', minimapRightOffset,
-  '\n  R255 fleet→view gap:',  fleetToViewGap);
-process.exit(ok ? 0 : 1);

package/scripts/topo-hub-a11y-test.mjs

@@ -1,112 +0,0 @@
-/* Round 159 verification: hub <g> gains keyboard a11y.
- *
- * R151-R157 a11y sweep covered nodes, group labels, edge badges,
- * recent rows, legend rows, chrome buttons, minimap, chip-row.
- * R158 named the canvas root. The hub <g> — the most visually
- * prominent interactive element on the canvas (R39 enlarged,
- * R43 tooltip, R52 click-to-fitView, R115 hover ring) — was the
- * only major interactive R151-R157 skipped.
- *
- * R159 closes that gap with the same standard pattern:
- *   role="button"
- *   tabIndex={0}
- *   aria-label="Network hub · N online · K working · M links — Enter to fit view"
- *   className="anet-topo-svg-focus" (R156 cyan focus ring)
- *   onKeyDown(Enter/Space) → fitView() + ripple
- *
- * Test:
- *   1. Mock 3 working + 2 idle sessions + zoom in (so fit-to-view
- *      has a visible effect — zoom level moves away from 100%)
- *   2. Assert role / tabIndex / aria-label / className on hub
- *   3. Focus hub + Enter → zoom resets to 100%
- *   4. Confirm aria-label mentions counts + Enter
- */
-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');
-    // R159 hub is gated to layout === 'ring' (line 2946 — grid uses
-    // group boxes, no central hub). Force ring.
-    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, status) => ({
-    alias, status, 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('agents-a1', 'working'), mk('agents-a2', 'working'), mk('agents-a3', 'working'),
-    mk('infra-b1', 'idle'), mk('infra-b2', 'idle'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (route) => route.fulfill({ json: { messages: [] } }));
-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 === 5, { timeout: 30000 });
-await page.waitForSelector('[data-topo-hub]', { timeout: 10000 });
-await page.waitForTimeout(400);
-
-// Probe ARIA before any interaction
-const probe = await page.evaluate(() => {
-  const el = document.querySelector('[data-topo-hub]');
-  if (!el) return null;
-  return {
-    tagName:   el.tagName.toLowerCase(),
-    role:      el.getAttribute('role'),
-    tabIndex:  el.getAttribute('tabindex'),
-    ariaLabel: el.getAttribute('aria-label'),
-    className: el.getAttribute('class') || '',
-  };
-});
-
-// Zoom in twice so fitView has a visible effect
-await page.keyboard.press('+');
-await page.keyboard.press('+');
-await page.waitForTimeout(250);
-const zoomBefore = await page.evaluate(() =>
-  document.querySelector('[data-topo-chrome-zoom-level]')?.textContent?.trim());
-
-// Focus hub + Enter → fitView resets zoom to 100%
-await page.locator('[data-topo-hub]').focus();
-await page.keyboard.press('Enter');
-await page.waitForTimeout(350);
-const zoomAfter = await page.evaluate(() =>
-  document.querySelector('[data-topo-chrome-zoom-level]')?.textContent?.trim());
-
-await browser.close();
-
-const label = probe?.ariaLabel || '';
-const results = {
-  hub_found:               probe !== null,
-  is_g:                    probe?.tagName === 'g',
-  role_button:             probe?.role === 'button',
-  tabIndex_0:              probe?.tabIndex === '0',
-  label_mentions_online:   /5 online/.test(label),
-  label_mentions_working:  /3 working/.test(label),
-  label_mentions_enter:    /Enter to fit view/.test(label),
-  has_focus_class:         (probe?.className || '').includes('anet-topo-svg-focus'),
-  zoomedBefore:            zoomBefore !== '100%',
-  enter_resetsZoom:        zoomAfter === '100%',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} hub a11y:`, JSON.stringify(results),
-  `\n  probe=`, probe,
-  `\n  zoomBefore=${zoomBefore}  zoomAfter=${zoomAfter}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-hub-a11y-title-test.mjs

@@ -1,95 +0,0 @@
-/* Round 733 — extend SVG <title> a11y to the hub-highlight disc, the
- * most prominent focal element on the canvas (network center). 6th
- * surface in the R730-family a11y sweep, first non-brand a11y surface.
- *
- * Uses an extended 3-part accessible_name format:
- *   "hub · network center · idle indicator"
- *     name (hub) · spatial role (network center) · state role (idle indicator)
- * R732 catalog's canonical-format regex was widened to `[^·]+( · [^·]+)+`
- * (≥2 parts) to admit this entry.
- *
- * Assertions:
- *   - Hub-highlight <circle> has a direct <title> child with expected text
- *   - The accessible name has exactly 3 parts (3-part canonical form)
- *   - R732 catalog has 6 entries (was 5 pre-R733)
- *   - R732 catalog includes hub-highlight disc entry
- *   - Existing R497 SMIL opacity breath child preserved on hub-highlight
- *     (regression — the <title> is a sibling, not replacing)
- */
-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 state = await page.evaluate(() => {
-  const hub = document.querySelector('[data-topo-hub-highlight]');
-  const svg = document.querySelector('[data-topo-canvas-aria]');
-  const directTitleText = (el) => {
-    if (!el) return null;
-    for (const child of el.children) {
-      if (child.tagName.toLowerCase() === 'title') return child.textContent;
-    }
-    return null;
-  };
-  return {
-    hub_present:           !!hub,
-    hub_title_text:        directTitleText(hub),
-    hub_smil_animate:      hub?.querySelector('animate[attributeName="opacity"]') !== null,
-    hub_smil_dur:          hub?.querySelector('animate[attributeName="opacity"]')?.getAttribute('dur') ?? null,
-    catalog_attr:          svg?.getAttribute('data-topo-a11y-titles') ?? null,
-  };
-});
-
-await browser.close();
-
-let catalog = null;
-try { catalog = JSON.parse(state.catalog_attr ?? ''); } catch {}
-
-const hubEntry = Array.isArray(catalog) ? catalog.find(e => e.surface === 'hub-highlight disc') : null;
-const partCount = typeof state.hub_title_text === 'string' ? state.hub_title_text.split(' · ').length : 0;
-
-const results = {
-  /* Hub-highlight is conditionally visible (workingCount === 0) but
-   * the <circle> with <title> is always mounted; treat as pass if
-   * element renders, conservative SR-coverage check otherwise. */
-  hub_title_present_when_rendered:   !state.hub_present || state.hub_title_text === 'hub · network center · idle indicator',
-  three_part_canonical_form:         !state.hub_present || partCount === 3,
-  smil_opacity_breath_preserved:     !state.hub_present || (state.hub_smil_animate && state.hub_smil_dur === '4s'),
-  r732_catalog_has_6_entries:        Array.isArray(catalog) && catalog.length === 6,
-  r732_catalog_has_hub_entry:        !!hubEntry && hubEntry.accessible_name === 'hub · network center · idle indicator',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R733 hub-highlight SVG <title> a11y (6th titled surface, first non-brand):`,
-  JSON.stringify(results, null, 2),
-  `\n  state: ${JSON.stringify(state)}`,
-  `\n  hub entry: ${JSON.stringify(hubEntry)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-hub-busyness-test.mjs

@@ -1,100 +0,0 @@
-/* Round 84 verification: hub-halo breath amplitude + tempo reflect
- * `workingCount`. Buckets: 0 / 1-2 / 3-5 / 6+. An idle fleet keeps
- * the original 0.32→0.52 (light) / 0.08→0.16 (dark) cycle over 4s;
- * a busy fleet pulses faster with a higher peak. Pure visual breath
- * — geometry unchanged, overlap test untouched.
- *
- * Drive workingCount via mocked /api/hub/status sessions, then read
- * the SMIL `<animate>` attributes off the hub halo. The bucket gets
- * surfaced as `data-hub-busyness=0..3` for stable assertion without
- * parsing values strings.
- */
-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 fresh = new Date(Date.now() - 60 * 1000).toISOString();
-
-const probe = async (workers) => {
-  const ctx = await browser.newContext({ viewport: { width: 1400, 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 sessions = [];
-    for (let i = 0; i < workers; i++) {
-      sessions.push({ alias: `wkr${i}`, 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 });
-    }
-    sessions.push({ alias: 'idl', 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 } });
-  });
-  await ctx.route('**/api/hub/messages*', (route) => route.fulfill({ json: { messages: [] } }));
-  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((n) => document.querySelectorAll('g[data-node]').length === n,
-    workers + 1, { timeout: 30000 });
-  await page.waitForTimeout(400);
-
-  const data = await page.evaluate(() => {
-    const halo = document.querySelector('[data-hub-busyness]');
-    const ani  = halo?.querySelector('animate');
-    return {
-      busy:    halo?.getAttribute('data-hub-busyness'),
-      values:  ani?.getAttribute('values') || null,
-      dur:     ani?.getAttribute('dur') || null,
-    };
-  });
-  await ctx.close();
-  return data;
-};
-
-// Helper: parse "trough;peak;trough" into [trough, peak].
-const parseValues = (v) => v ? v.split(';').map(Number) : [];
-const peakOf = (v) => Math.max(...parseValues(v));
-const durOf  = (s) => s ? parseFloat(s.replace('s', '')) : 0;
-
-const b0 = await probe(0);   // idle only
-const b1 = await probe(1);   // 1 worker → bucket 1
-const b2 = await probe(4);   // 4 workers → bucket 2
-const b3 = await probe(7);   // 7 workers → bucket 3
-await browser.close();
-
-const results = {
-  b0_bucket:        b0.busy === '0',
-  b1_bucket:        b1.busy === '1',
-  b2_bucket:        b2.busy === '2',
-  b3_bucket:        b3.busy === '3',
-  // Peak climbs with bucket — dark theme values.
-  peak_monotonic:   peakOf(b0.values) < peakOf(b1.values) &&
-                    peakOf(b1.values) < peakOf(b2.values) &&
-                    peakOf(b2.values) < peakOf(b3.values),
-  // Duration shortens with bucket.
-  dur_monotonic:    durOf(b0.dur) > durOf(b1.dur) &&
-                    durOf(b1.dur) > durOf(b2.dur) &&
-                    durOf(b2.dur) > durOf(b3.dur),
-  // Idle baseline preserved.
-  b0_idleDur_4s:    durOf(b0.dur) === 4,
-  // Busy cap respected.
-  b3_capped_24s:    durOf(b3.dur) === 2.4,
-  // All have the same trough (preserving the rest baseline).
-  trough_constant:  parseValues(b0.values)[0] === parseValues(b3.values)[0],
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} hub busyness:`, JSON.stringify(results),
-  `\n  b0=`, b0,
-  `\n  b1=`, b1,
-  `\n  b2=`, b2,
-  `\n  b3=`, b3);
-process.exit(ok ? 0 : 1);