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

package/scripts/topo-inner-radar-ring-retired-test.mjs

@@ -1,89 +0,0 @@
-/* Round 290 verification: innermost radar ring at r=90 is retired.
- * Post-R290 only the outer three rings (170 / 250 / 330) remain.
- * Returns to 减法 register after R282-R289's 8 加法 rounds.
- *
- * Contract:
- *   - data-topo-radar-ring attributes resolve to ['170', '250', '330'].
- *   - NO element has data-topo-radar-ring="90".
- *   - All three remaining rings preserve fill='none' + stroke + the
- *     pal.ringStroke colour (regression on stroke styling).
- *   - R289 watermark letterSpacing + R287 minimap rect + R283 monogram
- *     stroke intact (regression).
- */
-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, model) => ({
-    alias, status: 'working', model, 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', 'claude-opus-4'),
-    mk('beta',  'gpt-4o'),
-  ] } });
-});
-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-radar-ring]', { timeout: 15000 });
-await page.waitForSelector('[data-topo-brand-watermark]', { timeout: 10000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const rings = [...document.querySelectorAll('[data-topo-radar-ring]')];
-  const sortedRadii = rings.map(r => r.getAttribute('data-topo-radar-ring')).sort((a, b) => +a - +b);
-  const innerRing90 = document.querySelector('[data-topo-radar-ring="90"]');
-  const allHaveFillNone = rings.every(r => r.getAttribute('fill') === 'none');
-  const allHaveStroke   = rings.every(r => r.getAttribute('stroke'));
-  const wm = document.querySelector('[data-topo-brand-watermark]');
-  const wmLs = wm ? getComputedStyle(wm).letterSpacing : null;
-  const alphaNode = document.querySelector('g[data-node="alpha"]');
-  const alphaCircles = alphaNode ? [...alphaNode.querySelectorAll('circle')] : [];
-  const alphaAvatarCircle = alphaCircles
-    .map(c => ({ r: +c.getAttribute('r') || 0, sw: c.getAttribute('stroke-width'), isBadge: c.hasAttribute('data-runtime-badge') }))
-    .filter(c => c.r > 0 && c.r < 18 && !c.isBadge)
-    .sort((a, b) => b.r - a.r)[0];
-  return {
-    radii: sortedRadii,
-    ringCount: rings.length,
-    innerRing90Present: innerRing90 !== null,
-    allFillNone: allHaveFillNone,
-    allStroke:   allHaveStroke,
-    watermarkLetterSpacing: wmLs,
-    alphaAvatarStroke: alphaAvatarCircle?.sw ?? null,
-  };
-});
-await browser.close();
-
-const wmLsVal = parseFloat(probe.watermarkLetterSpacing) || 0;
-
-const results = {
-  three_rings_remain:           probe.ringCount === 3,
-  radii_are_170_250_330:        JSON.stringify(probe.radii) === JSON.stringify(['170', '250', '330']),
-  r90_ring_absent:              probe.innerRing90Present === false,
-  all_rings_fill_none:          probe.allFillNone,
-  all_rings_have_stroke:        probe.allStroke,
-  r289_watermark_ls_kept:       wmLsVal >= 0.4 && wmLsVal <= 0.7,
-  r283_monogram_stroke_kept:    probe.alphaAvatarStroke === '1.5',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} inner radar ring retired:`, JSON.stringify(results),
-  '\n  remaining radii:', probe.radii,
-  '\n  watermark letter-spacing (R289):', probe.watermarkLetterSpacing,
-  '\n  alpha avatar stroke (R283):', probe.alphaAvatarStroke);
-process.exit(ok ? 0 : 1);

package/scripts/topo-inspect.mjs

@@ -1,56 +0,0 @@
-/* Verify triple-tier rendering by reading SVG node positions */
-import { chromium } from 'playwright';
-
-const TOKEN = process.env.LOOP_REVIEW_TOKEN;
-const browser = await chromium.launch({ headless: true });
-
-function makeFakeSession(index) {
-  return {
-    alias: `agent${index}号`,
-    status: index % 5 === 0 ? 'working' : 'idle',
-    network_id: 'default',
-    created_at: '2026-05-13T00:00:00Z',
-    updated_at: '2026-05-13T00:00:00Z',
-    last_seen_at: '2026-05-13T00:00:00Z',
-  };
-}
-
-const ctx = await browser.newContext({ viewport: { width: 1440, height: 900 } });
-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 response = await route.fetch();
-  const body = await response.json();
-  const real = body.sessions || [];
-  const padded = [...real];
-  while (padded.length < 25) padded.push(makeFakeSession(padded.length));
-  await route.fulfill({ response, json: { ...body, sessions: padded } });
-});
-
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForFunction(() => {
-  const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-  return !!svg && svg.querySelectorAll('circle[r="26"]').length >= 20;
-}, { timeout: 30000 }).catch(() => {});
-await page.waitForTimeout(800);
-
-const data = await page.evaluate(() => {
-  const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-  const cx = 500, cy = 330;
-  const nodes = [...svg.querySelectorAll('circle[r="26"]')];
-  const offline = [...svg.querySelectorAll('circle[r="18"]')];
-  const dist = (c) => Math.round(Math.hypot(parseFloat(c.getAttribute('cx')) - cx, parseFloat(c.getAttribute('cy')) - cy));
-  return {
-    onlineCount: nodes.length,
-    onlineRadii: nodes.map(dist).sort((a, b) => a - b),
-    offlineCount: offline.length,
-    offlineRadii: offline.map(dist).sort((a, b) => a - b),
-  };
-});
-
-console.log(JSON.stringify(data, null, 2));
-await browser.close();

package/scripts/topo-interaction-test.mjs

@@ -1,80 +0,0 @@
-/* Round 103 verification: exercise TopoGraph zoom / pan / reset / fullscreen
- * and confirm the transform group actually moves + localStorage persists. */
-import { chromium } from 'playwright';
-
-const TOKEN = process.env.LOOP_REVIEW_TOKEN;
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1440, height: 900 } });
-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 page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForFunction(() => {
-  const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-  return !!svg && svg.querySelectorAll('circle[r="26"]').length > 0;
-}, { timeout: 30000 }).catch(() => {});
-await page.waitForTimeout(800);
-await page.evaluate(() => {
-  const h = [...document.querySelectorAll('h2')].find(x => /Command mesh/i.test(x.textContent || ''));
-  h?.scrollIntoView({ behavior: 'instant', block: 'center' });
-});
-await page.waitForTimeout(500);
-
-const transformOf = () => page.evaluate(() => {
-  const g = document.querySelector('svg[viewBox="0 0 1000 680"] > g[transform^="translate"]');
-  return g?.getAttribute('transform') || null;
-});
-
-const t0 = await transformOf();
-console.log('initial transform:', t0);
-
-// --- zoom in via the + button ---
-await page.locator('button[aria-label="Zoom in"]').click();
-await page.locator('button[aria-label="Zoom in"]').click();
-await page.waitForTimeout(200);
-const tZoom = await transformOf();
-console.log('after 2x zoom-in:', tZoom);
-const zoomLabel = await page.locator('button[aria-label="Reset view"]').textContent();
-console.log('zoom label:', zoomLabel);
-
-// --- screenshot zoomed ---
-await page.locator('svg[viewBox="0 0 1000 680"]').screenshot({ path: '/tmp/anet-issue-50/topo-zoom-in.png' });
-
-// --- pan drag ---
-const svgBox = await page.locator('svg[viewBox="0 0 1000 680"]').boundingBox();
-await page.mouse.move(svgBox.x + svgBox.width / 2, svgBox.y + svgBox.height / 2);
-await page.mouse.down();
-await page.mouse.move(svgBox.x + svgBox.width / 2 + 120, svgBox.y + svgBox.height / 2 + 80, { steps: 8 });
-await page.mouse.up();
-await page.waitForTimeout(200);
-const tPan = await transformOf();
-console.log('after pan drag:', tPan);
-await page.locator('svg[viewBox="0 0 1000 680"]').screenshot({ path: '/tmp/anet-issue-50/topo-pan.png' });
-
-// --- wheel zoom ---
-await page.mouse.move(svgBox.x + svgBox.width * 0.3, svgBox.y + svgBox.height * 0.4);
-await page.mouse.wheel(0, -300);
-await page.waitForTimeout(200);
-const tWheel = await transformOf();
-console.log('after wheel zoom:', tWheel);
-
-// --- reset ---
-await page.locator('button[aria-label="Reset view"]').click();
-await page.waitForTimeout(200);
-const tReset = await transformOf();
-console.log('after reset:', tReset);
-
-// --- localStorage persist check ---
-await page.locator('button[aria-label="Zoom in"]').click();
-await page.waitForTimeout(200);
-const stored = await page.evaluate(() => localStorage.getItem('anet-topo-view'));
-console.log('localStorage anet-topo-view:', stored);
-
-// --- fullscreen button present ---
-const fsBtn = await page.locator('button[aria-label="Enter fullscreen"]').count();
-console.log('fullscreen button present:', fsBtn === 1);
-
-await browser.close();
-console.log('done');

package/scripts/topo-kicker-breath-test.mjs

@@ -1,100 +0,0 @@
-/* Round 699 — kicker "Network Topology" gains at-rest breathing fade.
- * Pre-R699 the kicker eyebrow sat at fixed alpha (text-gray-500 token)
- * — static, no sign of life. R699 adds a 6s opacity 0.78↔1 cycle via
- * `.anet-topo-kicker-breath` (globals.css). Pure opacity → geometry
- * stable → topo-overlap-test unaffected.
- *
- * Source assertions:
- *   - globals.css @keyframes anet-topo-kicker-breath-kf with 0/100% 1, 50% 0.78
- *   - globals.css .anet-topo-kicker-breath rule with 6s ease-in-out infinite
- *   - globals.css prefers-reduced-motion guard: animation: none
- *   - TopoGraph.tsx kicker element has class anet-topo-kicker-breath
- *   - TopoGraph.tsx kicker element has data-topo-section-kicker-breath="6s"
- *
- * Runtime assertions:
- *   - kicker element present
- *   - kicker has anet-topo-kicker-breath class
- *   - computed animation-name reflects the keyframe (or 'none' under reduced-motion)
- *   - computed animation-duration is 6s
- */
-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-section-kicker]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const runtimeState = await page.evaluate(() => {
-  const k = document.querySelector('[data-topo-section-kicker]');
-  if (!k) return null;
-  const cs = getComputedStyle(k);
-  return {
-    has_class: k.classList.contains('anet-topo-kicker-breath'),
-    breath_attr: k.getAttribute('data-topo-section-kicker-breath'),
-    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-kicker-breath-kf\s*\{[\s\S]*?0%, 100%\s*\{\s*opacity:\s*1;\s*\}[\s\S]*?50%\s*\{\s*opacity:\s*0\.78;/.test(cssSrc);
-const cssRule = /\.anet-topo-kicker-breath\s*\{[\s\S]*?animation:\s*anet-topo-kicker-breath-kf\s+6s\s+ease-in-out\s+infinite/.test(cssSrc);
-const cssReducedMotion = /prefers-reduced-motion:\s*reduce\s*\)\s*\{\s*\.anet-topo-kicker-breath\s*\{\s*animation:\s*none/.test(cssSrc);
-const tsxClass = /anet-topo-kicker-breath text-xs uppercase/.test(tsxSrc);
-const tsxAttr = /data-topo-section-kicker-breath="6s"/.test(tsxSrc);
-
-// Runtime animation may be 'none' under prefers-reduced-motion. In default
-// headless playwright, motion is allowed by default, so the keyframe should
-// be active (anim_name === 'anet-topo-kicker-breath-kf').
-const runtimeAnim = runtimeState?.anim_name === 'anet-topo-kicker-breath-kf' || runtimeState?.anim_name === 'none';
-const runtimeDuration = runtimeState?.anim_duration === '6s' || runtimeState?.anim_name === 'none';
-
-const results = {
-  kicker_present:        !!runtimeState,
-  has_breath_class:      runtimeState?.has_class === true,
-  breath_attr_6s:        runtimeState?.breath_attr === '6s',
-  runtime_anim_ok:       runtimeAnim,
-  runtime_duration_ok:   runtimeDuration,
-  css_keyframes:         cssKeyframes,
-  css_rule:              cssRule,
-  css_reduced_motion:    cssReducedMotion,
-  tsx_class:             tsxClass,
-  tsx_breath_attr:       tsxAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R699 kicker at-rest breathing fade (3rd respiratory rhythm — 6s eyebrow):`,
-  JSON.stringify(results, null, 2),
-  `\n  runtime: ${JSON.stringify(runtimeState)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-kicker-color-test.mjs

@@ -1,93 +0,0 @@
-/* Round 296 verification: section kicker color bumps from
- * text-gray-600 (#4b5563) → text-gray-500 (#6b7280) for slightly
- * better legibility on dark cyber backdrop without competing with
- * the white h2 title.
- *
- * Contract:
- *   - [data-topo-section-kicker] computed color resolves to
- *     gray-500 (~rgb(107, 114, 128)) in cyber theme.
- *   - text-transform 'uppercase' kept (regression).
- *   - R285 letter-spacing tracking-widest (~1.2px) kept.
- *   - R295 legend swatch r=6 + R294 pulse absent intact.
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias, model) => ({
-    alias, status: 'working', model, 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', 'claude-opus-4'),
-    mk('beta',  'gpt-4o'),
-  ] } });
-});
-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-section-kicker]', { timeout: 15000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const kicker = document.querySelector('[data-topo-section-kicker]');
-  if (!kicker) return null;
-  const cs = getComputedStyle(kicker);
-  const swatch = document.querySelector('[data-legend-swatch="working"]');
-  return {
-    color:         cs.color,
-    textTransform: cs.textTransform,
-    letterSpacing: cs.letterSpacing,
-    fontSize:      cs.fontSize,
-    text:          kicker.textContent,
-    swatchR:       swatch?.getAttribute('r') ?? null,
-    pulseCount:    document.querySelectorAll('[data-pulse-wrapper]').length,
-  };
-});
-await browser.close();
-
-// gray-500 rgb is rgb(107, 114, 128). Allow rgb(107, 114, 128), rgba(107, 114, 128, ...), or lab/oklab equivalent.
-// gray-600 (#4b5563) is rgb(75, 85, 99). Verify we are NOT at gray-600.
-const isGray500 = (s) => {
-  if (!s) return false;
-  // Direct rgb match
-  if (/rgba?\(\s*107\s*,\s*114\s*,\s*128/.test(s)) return true;
-  // oklab / lab / oklch — match by parsing RGB from canvas conversion.
-  // Fallback: ensure not gray-600.
-  if (/rgba?\(\s*75\s*,\s*85\s*,\s*99/.test(s)) return false;
-  // For lab/oklab/oklch: trust the computed style format; just check
-  // it parses to "muted gray" and not gray-600's deeper shade.
-  return /(rgb|oklab|lab|oklch|hsl)/.test(s);
-};
-
-const ls = parseFloat(probe.letterSpacing) || 0;
-
-const results = {
-  kicker_present:           probe.text === 'Network Topology',
-  kicker_uppercase:         probe.textTransform === 'uppercase',
-  kicker_color_not_gray600: !/rgba?\(\s*75\s*,\s*85\s*,\s*99/.test(probe.color),
-  kicker_color_format_ok:   isGray500(probe.color),
-  r285_tracking_widest:     ls >= 1.0 && ls <= 1.5,
-  r295_swatch_r_6:          probe.swatchR === '6',
-  r294_pulse_absent:        probe.pulseCount === 0,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} kicker color:`, JSON.stringify(results),
-  '\n  kicker color:', probe.color,
-  '\n  letter-spacing:', probe.letterSpacing,
-  '\n  swatch r (R295):', probe.swatchR);
-process.exit(ok ? 0 : 1);

package/scripts/topo-kicker-dual-axis-breath-test.mjs

@@ -1,81 +0,0 @@
-/* Round 714 — kicker dual-axis breath. R699 introduced 6s opacity
- * breath; R714 adds CSS transform scale 0.995↔1 axis in the same
- * @keyframes block, in phase. Mirror to R711 H2 dual-axis at the
- * title-block eyebrow tier. Closes title-block dual-axis symmetry
- * across kicker (R699+R714) and H2 (R702+R711).
- */
-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-section-kicker]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const runtimeState = await page.evaluate(() => {
-  const k = document.querySelector('[data-topo-section-kicker]');
-  if (!k) return null;
-  const cs = getComputedStyle(k);
-  return {
-    has_class: k.classList.contains('anet-topo-kicker-breath'),
-    breath_attr: k.getAttribute('data-topo-section-kicker-breath'),
-    anim_name: cs.animationName,
-    anim_duration: cs.animationDuration,
-  };
-});
-
-await browser.close();
-
-const cssSrc = readFileSync('/home/vansin/agent-network-dashboard/app/globals.css', 'utf8');
-
-// R699 opacity axis preserved
-const cssR699Opacity = /@keyframes anet-topo-kicker-breath-kf\s*\{[\s\S]*?0%, 100%\s*\{[\s\S]*?opacity:\s*1[\s\S]*?\}[\s\S]*?50%\s*\{[\s\S]*?opacity:\s*0\.78/.test(cssSrc);
-const cssR699Class = /\.anet-topo-kicker-breath\s*\{[\s\S]*?animation:\s*anet-topo-kicker-breath-kf\s+6s\s+ease-in-out\s+infinite/.test(cssSrc);
-
-// R714 scale axis added
-const cssR714ScaleNorm = /@keyframes anet-topo-kicker-breath-kf\s*\{[\s\S]*?0%, 100%\s*\{[\s\S]*?transform:\s*scale\(1\)/.test(cssSrc);
-const cssR714ScaleMid  = /50%\s*\{[\s\S]*?transform:\s*scale\(0\.995\)/.test(cssSrc);
-
-const runtimeAnim = runtimeState?.anim_name === 'anet-topo-kicker-breath-kf' || runtimeState?.anim_name === 'none';
-
-const results = {
-  kicker_present:           !!runtimeState,
-  has_breath_class:         runtimeState?.has_class === true,
-  breath_attr_6s_preserved: runtimeState?.breath_attr === '6s',
-  runtime_anim_ok:          runtimeAnim,
-  css_r699_opacity_kept:    cssR699Opacity,
-  css_r699_class_kept:      cssR699Class,
-  css_r714_scale_norm:      cssR714ScaleNorm,
-  css_r714_scale_mid:       cssR714ScaleMid,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R714 kicker dual-axis breath (opacity + transform scale on shared 6s @keyframes — title-block dual-axis symmetry closed):`,
-  JSON.stringify(results, null, 2),
-  `\n  runtime: ${JSON.stringify(runtimeState)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-kicker-halo-layers-test.mjs

@@ -1,82 +0,0 @@
-/* Round 685 — kicker "Network Topology" extends from 2 hover axes
- * (R555 tracking-spread + color lift) to also include multi-layer
- * halo paint axis. Closes title-block trio 3/3 (logo R683 + H2 R684
- * + kicker R685). CSS descendant rule targets the kicker via data
- * attr; 2+4px stride at currentColor (kicker scale = text-xs 12px).
- *
- * Source assertions:
- *   - globals.css has cluster-hover descendant rule for kicker with
- *     2 drop-shadow layers (2+4px)
- *   - globals.css has transition rule on kicker including 'filter 200ms'
- *   - TopoGraph.tsx kicker has data-topo-section-kicker-halo-layers="2"
- *
- * Runtime assertions:
- *   - kicker element present
- *   - halo-layers attr = "2"
- *   - kicker text = "Network Topology"
- */
-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-section-kicker]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const runtimeState = await page.evaluate(() => {
-  const kicker = document.querySelector('[data-topo-section-kicker]');
-  return {
-    present:     !!kicker,
-    halo_layers: kicker?.getAttribute('data-topo-section-kicker-halo-layers'),
-    text:        kicker?.textContent,
-  };
-});
-
-await browser.close();
-
-const tsxSrc = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const cssSrc = readFileSync('/home/vansin/agent-network-dashboard/app/globals.css', 'utf8');
-
-const cssHoverRule  = /\[data-topo-section-titleblock-group\]:hover \[data-topo-section-kicker\]\s*\{[\s\S]*?drop-shadow\(0 0 2px currentColor\)[\s\S]*?drop-shadow\(0 0 4px currentColor\)/.test(cssSrc);
-const cssTransition = /\[data-topo-section-kicker\]\s*\{[\s\S]*?transition:[\s\S]*?filter 200ms/.test(cssSrc);
-const tsxHaloAttr   = /data-topo-section-kicker-halo-layers="2"/.test(tsxSrc);
-
-const results = {
-  kicker_present:      runtimeState.present,
-  runtime_halo_layers: runtimeState.halo_layers === '2',
-  runtime_text:        runtimeState.text === 'Network Topology',
-  css_hover_rule:      cssHoverRule,
-  css_transition:      cssTransition,
-  tsx_halo_attr:       tsxHaloAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R685 kicker multi-layer halo (closes title-block trio 3/3):`,
-  JSON.stringify(results, null, 2),
-  `\n  runtime: ${JSON.stringify(runtimeState)}`);
-process.exit(ok ? 0 : 1);