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

package/scripts/topo-zoom-keys-test.mjs

@@ -1,89 +0,0 @@
-/* Round 22 verification: keyboard zoom shortcuts (+/=, -, 0) + matching
- * title hints on the existing buttons. The handler must NOT fire while
- * an input/textarea has focus. */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1280, height: 1600 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try {
-    localStorage.setItem('anet-theme', 'cyber');
-    localStorage.setItem('anet-topo-layout', 'grid');
-    sessionStorage.setItem('anet_v3_auth', '1');
-  } catch {}
-});
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const sessions = ['a', 'b'].map(a => ({
-    alias: a, status: 'idle', network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  }));
-  await route.fulfill({ response: r, json: { ...b, sessions } });
-});
-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.waitForSelector('svg[viewBox="0 0 1000 680"]', { timeout: 30000 });
-await page.waitForTimeout(400);
-
-const readZoomPct = () => page.$eval(
-  'button[title^="Zoom in"]',
-  btn => +btn.parentElement.querySelector('span[title*="zoom level"]').textContent.replace('%', ''),
-);
-
-const start = await readZoomPct();
-await page.keyboard.press('=');
-await page.waitForTimeout(50);
-const afterPlus = await readZoomPct();
-
-await page.keyboard.press('-');
-await page.waitForTimeout(50);
-const afterMinus = await readZoomPct();
-
-// Zoom in twice via + then reset via 0
-await page.keyboard.press('=');
-await page.keyboard.press('=');
-await page.waitForTimeout(50);
-const beforeReset = await readZoomPct();
-await page.keyboard.press('0');
-await page.waitForTimeout(50);
-const afterReset = await readZoomPct();
-
-// Titles present
-const titles = await page.evaluate(() => ({
-  out: document.querySelector('button[aria-label="Zoom out"]').getAttribute('title'),
-  in: document.querySelector('button[aria-label="Zoom in"]').getAttribute('title'),
-  reset: document.querySelector('button[aria-label="Reset view"]').getAttribute('title'),
-}));
-
-// Input-focus suppression: open Cmd+K, type "-", expect topology NOT to zoom
-await page.keyboard.press('Meta+k');
-await page.waitForTimeout(200);
-const palette = await page.locator('input[placeholder*="Search"], input[type="search"], [role="dialog"] input').first();
-await palette.focus().catch(() => {});
-const zoomBeforeTyping = await readZoomPct();
-await page.keyboard.press('-');
-await page.waitForTimeout(80);
-const zoomAfterTyping = await readZoomPct();
-await page.keyboard.press('Escape');
-
-await browser.close();
-const results = {
-  startsAt100:     start === 100,
-  plusZoomsIn:     afterPlus === 120,
-  minusReverts:    afterMinus === 100,
-  zeroResets:      beforeReset > 100 && afterReset === 100,
-  titleOut:        /Zoom out.*[(−\-]/.test(titles.out || ''),
-  titleIn:         /Zoom in.*\(\+/.test(titles.in || ''),
-  titleReset:      /\b0\b/.test(titles.reset || ''),
-  noZoomWhileTyping: zoomAfterTyping === zoomBeforeTyping,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} zoom keys:`, JSON.stringify(results), `titles=`, titles);
-process.exit(ok ? 0 : 1);

package/scripts/topo-zoom-level-breath-test.mjs

@@ -1,87 +0,0 @@
-/* Round 703 — chrome zoom-level readout at-rest breath. 9s slot in the
- * respiratory rolodex between 8s panel titles and 10s H2. Hover gate
- * via data-topo-chrome-zoom-level-hover="true" → animation: none, so
- * the existing 4-axis hover lift takes precedence cleanly.
- */
-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-chrome-zoom-level]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const runtimeState = await page.evaluate(() => {
-  const span = document.querySelector('[data-topo-chrome-zoom-level]');
-  if (!span) return null;
-  const cs = getComputedStyle(span);
-  return {
-    has_class: span.classList.contains('anet-topo-chrome-zoom-level-breath'),
-    breath_attr: span.getAttribute('data-topo-chrome-zoom-level-breath'),
-    hover_attr: span.getAttribute('data-topo-chrome-zoom-level-hover'),
-    anim_name: cs.animationName,
-    anim_duration: cs.animationDuration,
-    anim_iter: cs.animationIterationCount,
-  };
-});
-
-await browser.close();
-
-const cssSrc = readFileSync('/home/vansin/agent-network-dashboard/app/globals.css', 'utf8');
-const tsxSrc = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-
-const cssKeyframes = /@keyframes anet-topo-chrome-zoom-level-breath-kf\s*\{[\s\S]*?0%, 100%\s*\{\s*opacity:\s*1;\s*\}[\s\S]*?50%\s*\{\s*opacity:\s*0\.85;/.test(cssSrc);
-const cssRule = /\.anet-topo-chrome-zoom-level-breath\s*\{[\s\S]*?animation:\s*anet-topo-chrome-zoom-level-breath-kf\s+9s\s+ease-in-out\s+infinite/.test(cssSrc);
-const cssHoverGate = /\.anet-topo-chrome-zoom-level-breath\[data-topo-chrome-zoom-level-hover="true"\]\s*\{\s*animation:\s*none/.test(cssSrc);
-const cssReducedMotion = /prefers-reduced-motion:\s*reduce\s*\)\s*\{\s*\.anet-topo-chrome-zoom-level-breath\s*\{\s*animation:\s*none/.test(cssSrc);
-const tsxClass = /anet-topo-chrome-zoom-level-breath px-2 py-1/.test(tsxSrc);
-const tsxAttr = /data-topo-chrome-zoom-level-breath="9s"/.test(tsxSrc);
-
-const runtimeAnim = runtimeState?.anim_name === 'anet-topo-chrome-zoom-level-breath-kf' || runtimeState?.anim_name === 'none';
-const runtimeDuration = runtimeState?.anim_duration === '9s' || runtimeState?.anim_name === 'none';
-
-const results = {
-  span_present:          !!runtimeState,
-  has_breath_class:      runtimeState?.has_class === true,
-  breath_attr_9s:        runtimeState?.breath_attr === '9s',
-  rest_not_hover:        runtimeState?.hover_attr === 'false',
-  runtime_anim_ok:       runtimeAnim,
-  runtime_duration_ok:   runtimeDuration,
-  css_keyframes:         cssKeyframes,
-  css_rule:              cssRule,
-  css_hover_gate:        cssHoverGate,
-  css_reduced_motion:    cssReducedMotion,
-  tsx_class:             tsxClass,
-  tsx_breath_attr:       tsxAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R703 chrome zoom-level readout at-rest breath (9s, hover-gated):`,
-  JSON.stringify(results, null, 2),
-  `\n  runtime: ${JSON.stringify(runtimeState)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-zoom-level-brightness-test.mjs

@@ -1,83 +0,0 @@
-/* Round 593 verification: chrome zoom-level readout <span>
- * gains filter brightness(1.15) on hoveredZoomLevel. 32nd
- * anchor in per-element brightness family, FIRST HTML-element
- * brightness anchor outside the SVG canvas.
- *
- * Test phases:
- *   1. mock nodes → chrome strip renders with zoom-level span
- *   2. rest (no hover): filter='none', brightness-attr='1'
- *   3. transition-property contains 'filter'
- *   4. source: filter conditional + data-attr + transition extension
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1200 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try {
-    localStorage.setItem('anet-theme', 'cyber');
-    localStorage.setItem('anet-topo-layout', 'ring');
-    sessionStorage.setItem('anet_v3_auth', '1');
-  } catch {}
-});
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias) => ({
-    alias, status: 'idle', model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [mk('a·1'), mk('a·2')] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
-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-chrome-zoom-level-brightness]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const rest = await page.evaluate(() => {
-  const el = document.querySelector('[data-topo-chrome-zoom-level-brightness]');
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    filter: cs.filter,
-    transitionProperty: cs.transitionProperty,
-    brightnessAttr: el.getAttribute('data-topo-chrome-zoom-level-brightness'),
-    hoverAttr: el.getAttribute('data-topo-chrome-zoom-level-hover'),
-    colorAttr: el.getAttribute('data-topo-chrome-zoom-level-color'),
-    textContent: el.textContent,
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceFilter = /filter: hoveredZoomLevel \? 'brightness\(1\.15\)' : undefined/.test(src);
-const sourceAttr = /data-topo-chrome-zoom-level-brightness=\{hoveredZoomLevel \? '1\.15' : '1'\}/.test(src);
-const sourceTransition = /transition: 'color 200ms ease-out, border-color 200ms ease-out, letter-spacing 200ms ease-out, font-weight 200ms ease-out, filter 200ms ease-out'/.test(src);
-
-const results = {
-  span_present:           !!rest,
-  rest_filter_none:       rest?.filter === 'none',
-  rest_brightness_1:      rest?.brightnessAttr === '1',
-  rest_hover_false:       rest?.hoverAttr === 'false',
-  rest_color_text:        rest?.colorAttr === 'text',
-  text_has_percent:       /\d+%/.test(rest?.textContent || ''),
-  transition_has_filter:  /filter/.test(rest?.transitionProperty || ''),
-  source_filter:          sourceFilter,
-  source_attr:            sourceAttr,
-  source_transition:      sourceTransition,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R593 zoom-level brightness (32nd anchor, first HTML-element):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(rest)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-zoom-level-color-test.mjs

@@ -1,105 +0,0 @@
-/* Round 517 verification: chrome zoom-level readout gains a 3rd hover
- * axis — color brighten from pal.legendText → pal.legendHeadline.
- *
- * Test phases:
- *   1. rest:  data-topo-chrome-zoom-level-color = 'text'
- *             + computed color matches pal.legendText (cyber: #94a3b8)
- *   2. hover: data-topo-chrome-zoom-level-color = 'headline'
- *             + computed color matches pal.legendHeadline (cyber: #e5e7eb)
- *             + R347 letterSpacing still spreads (0.5px)
- *             + R420 fontWeight still lifts (600)
- *   3. source-side regex confirms the color ternary 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();
-
-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')] } });
-});
-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-chrome-zoom-level]', { timeout: 15000 });
-await page.waitForTimeout(800);
-
-// Phase 1: rest
-const rest = await page.evaluate(() => {
-  const el = document.querySelector('[data-topo-chrome-zoom-level]');
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    attrColor:     el.getAttribute('data-topo-chrome-zoom-level-color'),
-    attrHover:     el.getAttribute('data-topo-chrome-zoom-level-hover'),
-    color:         cs.color,
-    letterSpacing: cs.letterSpacing,
-    fontWeight:    cs.fontWeight,
-  };
-});
-
-// Phase 2: hover
-await page.hover('[data-topo-chrome-zoom-level]');
-await page.waitForTimeout(350);  // 200ms transition + slack
-const hover = await page.evaluate(() => {
-  const el = document.querySelector('[data-topo-chrome-zoom-level]');
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    attrColor:     el.getAttribute('data-topo-chrome-zoom-level-color'),
-    attrHover:     el.getAttribute('data-topo-chrome-zoom-level-hover'),
-    color:         cs.color,
-    letterSpacing: cs.letterSpacing,
-    fontWeight:    cs.fontWeight,
-  };
-});
-
-// Phase 3: source regex
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceWired =
-  /color: hoveredZoomLevel \? pal\.legendHeadline : pal\.legendText,/.test(src) &&
-  /data-topo-chrome-zoom-level-color=\{hoveredZoomLevel \? 'headline' : 'text'\}/.test(src);
-
-await browser.close();
-
-// pal.legendText cyber = #94a3b8 → rgb(148, 163, 184)
-// pal.legendHeadline cyber = #e5e7eb → rgb(229, 231, 235)
-const restColor  = 'rgb(148, 163, 184)';
-const hoverColor = 'rgb(229, 231, 235)';
-
-const results = {
-  rest_attr_text:           rest?.attrColor === 'text',
-  rest_attr_hover_false:    rest?.attrHover === 'false',
-  rest_color_legendText:    rest?.color === restColor,
-  rest_letter_spacing_0:    rest?.letterSpacing === '0px' || rest?.letterSpacing === 'normal',
-  hover_attr_headline:      hover?.attrColor === 'headline',
-  hover_attr_hover_true:    hover?.attrHover === 'true',
-  hover_color_legendHead:   hover?.color === hoverColor,
-  hover_letter_spacing_5:   hover?.letterSpacing === '0.5px',
-  hover_font_weight_600:    hover?.fontWeight === '600',
-  source_wired:             sourceWired,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R517 zoom-level 3-axis hover:`, JSON.stringify(results, null, 2),
-  '\n  rest:', JSON.stringify(rest), '\n  hover:', JSON.stringify(hover));
-process.exit(ok ? 0 : 1);

package/scripts/topo-zoom-level-dual-axis-breath-test.mjs

@@ -1,83 +0,0 @@
-/* Round 715 — chrome zoom-level readout dual-axis breath. R703 9s
- * opacity breath gains CSS transform scale axis (0.996 ↔ 1, ~0.4%)
- * in the same @keyframes block. Tier-graded ladder: faster cadence
- * + larger scale on secondary tiers (kicker 6s 0.5%), slower cadence
- * + smaller scale on primary tiers (H2 10s 0.3%), zoom-level sits
- * between at 9s 0.4%.
- */
-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-chrome-zoom-level]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const runtimeState = await page.evaluate(() => {
-  const span = document.querySelector('[data-topo-chrome-zoom-level]');
-  if (!span) return null;
-  const cs = getComputedStyle(span);
-  return {
-    has_class: span.classList.contains('anet-topo-chrome-zoom-level-breath'),
-    breath_attr: span.getAttribute('data-topo-chrome-zoom-level-breath'),
-    hover_attr: span.getAttribute('data-topo-chrome-zoom-level-hover'),
-    anim_name: cs.animationName,
-    anim_duration: cs.animationDuration,
-  };
-});
-
-await browser.close();
-
-const cssSrc = readFileSync('/home/vansin/agent-network-dashboard/app/globals.css', 'utf8');
-
-const cssR703Opacity = /@keyframes anet-topo-chrome-zoom-level-breath-kf\s*\{[\s\S]*?0%, 100%\s*\{[\s\S]*?opacity:\s*1[\s\S]*?\}[\s\S]*?50%\s*\{[\s\S]*?opacity:\s*0\.85/.test(cssSrc);
-const cssR703Class = /\.anet-topo-chrome-zoom-level-breath\s*\{[\s\S]*?animation:\s*anet-topo-chrome-zoom-level-breath-kf\s+9s\s+ease-in-out\s+infinite/.test(cssSrc);
-const cssR703HoverGate = /\.anet-topo-chrome-zoom-level-breath\[data-topo-chrome-zoom-level-hover="true"\]\s*\{\s*animation:\s*none/.test(cssSrc);
-const cssR715ScaleNorm = /@keyframes anet-topo-chrome-zoom-level-breath-kf\s*\{[\s\S]*?0%, 100%\s*\{[\s\S]*?transform:\s*scale\(1\)/.test(cssSrc);
-const cssR715ScaleMid  = /50%\s*\{[\s\S]*?transform:\s*scale\(0\.996\)/.test(cssSrc);
-
-const runtimeAnim = runtimeState?.anim_name === 'anet-topo-chrome-zoom-level-breath-kf' || runtimeState?.anim_name === 'none';
-
-const results = {
-  span_present:             !!runtimeState,
-  has_breath_class:         runtimeState?.has_class === true,
-  breath_attr_9s_preserved: runtimeState?.breath_attr === '9s',
-  rest_not_hover:           runtimeState?.hover_attr === 'false',
-  runtime_anim_ok:          runtimeAnim,
-  css_r703_opacity_kept:    cssR703Opacity,
-  css_r703_class_kept:      cssR703Class,
-  css_r703_hover_gate_kept: cssR703HoverGate,
-  css_r715_scale_norm:      cssR715ScaleNorm,
-  css_r715_scale_mid:       cssR715ScaleMid,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R715 chrome zoom-level dual-axis breath (opacity + transform scale on shared 9s @keyframes, chrome data tier):`,
-  JSON.stringify(results, null, 2),
-  `\n  runtime: ${JSON.stringify(runtimeState)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-zoom-level-halo-layers-test.mjs

@@ -1,78 +0,0 @@
-/* Round 668 — chrome zoom-level readout (the percent pill between
- * zoom-out and zoom-in) extends its single-axis brightness(1.15)
- * hover paint to the 2-layer drop-shadow halo vocabulary used by
- * R667 reset + fullscreen siblings. 27th anchor in multi-layer
- * halo family — 2nd chrome-control anchor.
- *
- * Source assertions:
- *   - filter expression uses pal.legendAccent tint at 0x80 + 0x40
- *     with 2+4 stride, gated on hoveredZoomLevel
- *   - data-topo-chrome-zoom-level-halo-layers data-attr toggles
- *     '2' ↔ '0' on hover
- *
- * Runtime assertions:
- *   - the readout span is present in DOM and starts at halo-layers='0'
- *     (no hover at initial render)
- */
-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-chrome-zoom-level]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const restState = await page.evaluate(() => {
-  const el = document.querySelector('[data-topo-chrome-zoom-level]');
-  return el ? {
-    layers:     el.getAttribute('data-topo-chrome-zoom-level-halo-layers'),
-    hover:      el.getAttribute('data-topo-chrome-zoom-level-hover'),
-    brightness: el.getAttribute('data-topo-chrome-zoom-level-brightness'),
-  } : null;
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceFilter = /hoveredZoomLevel \? `drop-shadow\(0 0 2px \$\{pal\.legendAccent\}80\) drop-shadow\(0 0 4px \$\{pal\.legendAccent\}40\) brightness\(1\.15\)` : undefined/.test(src);
-const sourceLayersAttr = /data-topo-chrome-zoom-level-halo-layers=\{hoveredZoomLevel \? '2' : '0'\}/.test(src);
-
-const results = {
-  readout_present:    !!restState,
-  rest_layers_zero:   restState?.layers === '0',
-  rest_hover_false:   restState?.hover === 'false',
-  rest_brightness_1:  restState?.brightness === '1',
-  source_filter:      sourceFilter,
-  source_layers_attr: sourceLayersAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R668 chrome zoom-level multi-layer halo (2nd chrome-control anchor):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(restState)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-zoom-level-hover-fw-test.mjs

@@ -1,95 +0,0 @@
-/* Round 420 verification: chrome zoom-level readout gains hover
- * fontWeight 500 → 600 — sibling to R347 hover letter-spacing
- * on the same element. Two-axis hover signature on the chrome
- * strip's only data display.
- *
- * Contract:
- *   - At rest: computed fontWeight === '500'
- *   - On hover: computed fontWeight === '600' AND letterSpacing > 0
- *     (R347 invariant)
- *   - Pre-R420 invariants preserved:
- *     * className includes 'tabular-nums' + 'font-medium' + 'border-x'
- *     * inline style transition list includes 'font-weight'
- *     * data-topo-chrome-zoom-level-hover toggles 'false' → 'true'
- */
-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') ] } });
-});
-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('[data-topo-chrome-zoom-level]', { timeout: 15000 });
-await page.waitForTimeout(400);
-
-const restProbe = await page.evaluate(() => {
-  const el = document.querySelector('[data-topo-chrome-zoom-level]');
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    className:    el.className,
-    fwComputed:   cs.fontWeight,
-    lsComputed:   cs.letterSpacing,
-    hoverAttr:    el.getAttribute('data-topo-chrome-zoom-level-hover'),
-    transition:   el.getAttribute('style') || '',
-  };
-});
-
-// Hover the zoom-level via DOM dispatch — onMouseEnter sets hoveredZoomLevel
-await page.hover('[data-topo-chrome-zoom-level]');
-await page.waitForTimeout(400);
-
-const hoverProbe = await page.evaluate(() => {
-  const el = document.querySelector('[data-topo-chrome-zoom-level]');
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    fwComputed: cs.fontWeight,
-    lsComputed: cs.letterSpacing,
-    hoverAttr:  el.getAttribute('data-topo-chrome-zoom-level-hover'),
-  };
-});
-
-await browser.close();
-
-const results = {
-  // Rest state
-  rest_fw_500:                  restProbe?.fwComputed === '500',
-  rest_ls_zero:                 restProbe?.lsComputed === 'normal' || restProbe?.lsComputed === '0px',
-  rest_hover_attr_false:        restProbe?.hoverAttr === 'false',
-  rest_has_tabular_nums:        restProbe?.className.includes('tabular-nums') === true,
-  rest_has_font_medium:         restProbe?.className.includes('font-medium') === true,
-  rest_has_border_x:            restProbe?.className.includes('border-x') === true,
-  // R420 transition includes font-weight
-  rest_transition_font_weight:  restProbe?.transition.includes('font-weight') === true,
-  // Hover state: fw 600 + letterSpacing > 0
-  hover_fw_600:                 hoverProbe?.fwComputed === '600',
-  hover_ls_lifted:              hoverProbe?.lsComputed === '0.5px',
-  hover_attr_true:              hoverProbe?.hoverAttr === 'true',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} chrome zoom-level hover fw 500 → 600:`, JSON.stringify(results),
-  '\n  rest: ', restProbe,
-  '\n  hover:', hoverProbe);
-process.exit(ok ? 0 : 1);