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

package/scripts/topo-recent-count-brightness-test.mjs

@@ -1,84 +0,0 @@
-/* Round 589 verification: recent-signal panel count <text>
- * root gains filter brightness(1.15) on hoveredPanel ===
- * 'recent'. 28th anchor in per-element brightness family.
- * Sibling to R588 at legend panel — closes panel-pair
- * brightness symmetry at the header-count scope.
- *
- * Test phases:
- *   1. mock 1 flow message → recent-signal panel renders count
- *   2. rest (no panel 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')] } });
-});
-// recent-signal panel renders only when flowLinks.length > 0
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [
-  { from_alias: 'a·1', to_alias: 'a·2', content: 'hi', created_at: fresh },
-] } }));
-await ctx.route('**/api/hub/tasks*',    (r) => r.fulfill({ json: { tasks: [] } }));
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'networkidle' });
-await page.waitForSelector('[data-recent-panel-count-brightness]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const rest = await page.evaluate(() => {
-  const el = document.querySelector('[data-recent-panel-count-brightness]');
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    filter: cs.filter,
-    transitionProperty: cs.transitionProperty,
-    brightnessAttr: el.getAttribute('data-recent-panel-count-brightness'),
-    letterSpacingAttr: el.getAttribute('data-recent-panel-count-letter-spacing'),
-    textContent: el.textContent,
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceFilter = /filter: hoveredPanel === 'recent' \? 'brightness\(1\.15\)' : undefined/.test(src);
-const sourceAttr = /data-recent-panel-count-brightness=\{hoveredPanel === 'recent' \? '1\.15' : '1'\}/.test(src);
-const sourceTransition = /transition: 'letter-spacing 200ms ease-out, filter 200ms ease-out'/.test(src);
-
-const results = {
-  count_present:          !!rest,
-  rest_filter_none:       rest?.filter === 'none',
-  rest_brightness_1:      rest?.brightnessAttr === '1',
-  rest_letter_spacing:    rest?.letterSpacingAttr === '0.2',
-  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 ? '✅' : '❌'} R589 recent-panel-count brightness (28th anchor, panel-pair symmetry closure):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(rest)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-recent-hot-pulse-test.mjs

@@ -1,102 +0,0 @@
-/* Round 498 verification: recent-signal row hot-count tspan gains a
- * 3s opacity pulse (0.85↔1.0) when count >= 10 (isHot && !reducedMotion).
- * Adds the 呼吸感 theme's second anchor after R497 hub idle-breath —
- * gentle motion attracts glance to high-traffic lanes.
- *
- * Test scenarios — needs >= 10 messages between two aliases to trigger
- * the hot threshold AND the recent-signal panel to render. Uses a
- * messages fixture with 10 messages from alpha·a1 → alpha·a2.
- */
-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'),
-    ] } });
-  });
-  // 12 messages → count >= 10 → isHot true
-  const msgs = Array.from({ length: 12 }, (_, i) => ({
-    id: `m${i}`, from_alias: 'alpha·a1', to_alias: 'alpha·a2',
-    content: 'test', created_at: fresh,
-  }));
-  await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: msgs } }));
-  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.waitForTimeout(2000);
-
-  const result = await page.evaluate(() => {
-    const tspans = Array.from(document.querySelectorAll('[data-recent-row-count]'));
-    const hotTspan = tspans.find((t) => t.getAttribute('data-recent-row-count-hot') === 'true');
-    if (!hotTspan) return { found: false, totalTspans: tspans.length };
-    const cs = window.getComputedStyle(hotTspan);
-    return {
-      found: true,
-      class_has_pulse: /anet-recent-hot-pulse/.test(hotTspan.getAttribute('class') || ''),
-      pulse_attr:      hotTspan.getAttribute('data-recent-row-count-hot-pulse'),
-      animation_name:  cs.animationName,
-      animation_duration: cs.animationDuration,
-    };
-  });
-  await browser.close();
-  return result;
-}
-
-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 css = readFileSync('/home/vansin/agent-network-dashboard/app/globals.css', 'utf8');
-const sourceClassWired = /className=\{isHot && !reducedMotion \? 'anet-recent-hot-pulse' : undefined\}/.test(src);
-const sourceAttrWired  = /data-recent-row-count-hot-pulse=\{isHot && !reducedMotion \? 'true' : 'false'\}/.test(src);
-const cssKeyframeWired = /@keyframes anet-recent-hot-pulse-kf\s*\{[\s\S]*?opacity:\s*0\.85[\s\S]*?opacity:\s*1[\s\S]*?\}/.test(css);
-const cssClassWired    = /\.anet-recent-hot-pulse\s*\{\s*animation:\s*anet-recent-hot-pulse-kf 3s ease-in-out infinite/.test(css);
-
-const results = {
-  // Motion fixture: tspan found + class applied + attr='true' + animation runs
-  motion_hot_found:    motion.found,
-  motion_class_pulse:  motion.found && motion.class_has_pulse,
-  motion_attr_true:    motion.found && motion.pulse_attr === 'true',
-  motion_anim_name:    motion.found && motion.animation_name === 'anet-recent-hot-pulse-kf',
-  // a11y fixture: class still absent (component-side gate) — attr='false'
-  a11y_hot_found:      a11y.found,
-  a11y_no_class:       a11y.found && !a11y.class_has_pulse,
-  a11y_attr_false:     a11y.found && a11y.pulse_attr === 'false',
-  // Source/CSS
-  source_class_wired:  sourceClassWired,
-  source_attr_wired:   sourceAttrWired,
-  css_keyframe_wired:  cssKeyframeWired,
-  css_class_wired:     cssClassWired,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R498 recent-row hot pulse:`, JSON.stringify(results),
-  '\n  motion:', JSON.stringify(motion),
-  '\n  a11y:  ', JSON.stringify(a11y));
-process.exit(ok ? 0 : 1);

package/scripts/topo-recent-more-fw-test.mjs

@@ -1,126 +0,0 @@
-/* Round 520 verification: `+N more flows` footer gains 5-axis hover
- * signature by adding fontWeight 500 → 600 on hover. Closes R475
- * panel-text cadence at this last 150ms holdout.
- *
- * Test phases:
- *   1. rest:  fw=500, attr='500', opacity=0.55, ls=0.2px, no underline
- *             + transition list includes opacity at 200ms (not 150ms)
- *   2. hover: fw=600, attr='600', opacity=0.85, ls=0.3px, underline
- *   3. source-side regex confirms fw ternary + cadence
- *
- * Needs flowLinks > 3 to render the footer — uses 5 working sessions
- * with at least 1 inbound flow each via mock messages.
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1200 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try {
-    localStorage.setItem('anet-theme', 'cyber');
-    localStorage.setItem('anet-topo-layout', 'ring');
-    sessionStorage.setItem('anet_v3_auth', '1');
-  } catch {}
-});
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias) => ({
-    alias, status: 'working', model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('a·1'), mk('a·2'), mk('a·3'), mk('a·4'), mk('a·5'), mk('a·6'),
-  ] } });
-});
-// Mock 6 recent messages → 6 flowLinks → "+ 3 more flows" footer (top-3 visible)
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: {
-  messages: [
-    { id: 'm1', from_alias: 'a·1', to_alias: 'a·2', content: 't', created_at: fresh },
-    { id: 'm2', from_alias: 'a·2', to_alias: 'a·3', content: 't', created_at: fresh },
-    { id: 'm3', from_alias: 'a·3', to_alias: 'a·4', content: 't', created_at: fresh },
-    { id: 'm4', from_alias: 'a·4', to_alias: 'a·5', content: 't', created_at: fresh },
-    { id: 'm5', from_alias: 'a·5', to_alias: 'a·6', content: 't', created_at: fresh },
-    { id: 'm6', from_alias: 'a·6', to_alias: 'a·1', content: 't', created_at: fresh },
-  ]
-} }));
-await ctx.route('**/api/hub/tasks*', (r) => r.fulfill({ json: { tasks: [] } }));
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'networkidle' });
-await page.waitForSelector('[data-recent-panel-more]', { timeout: 15000 });
-await page.waitForTimeout(1000);
-
-const sel = '[data-recent-panel-more]';
-
-// Phase 1: rest
-const rest = await page.evaluate((sel) => {
-  const el = document.querySelector(sel);
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    attrFw:        el.getAttribute('data-recent-panel-more-font-weight'),
-    attrHovered:   el.getAttribute('data-recent-panel-more-hovered'),
-    attrTrans:     el.getAttribute('data-recent-panel-more-transition'),
-    fontWeight:    cs.fontWeight,
-    opacity:       cs.opacity,
-    letterSpacing: cs.letterSpacing,
-    textDecoration:cs.textDecorationLine,
-    transition:    cs.transition,
-  };
-}, sel);
-
-// Phase 2: hover the parent <g> (text is wrapped in a click-target <g>)
-await page.hover('[data-recent-panel-more-nav]');
-await page.waitForTimeout(350);
-const hover = await page.evaluate((sel) => {
-  const el = document.querySelector(sel);
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    attrFw:        el.getAttribute('data-recent-panel-more-font-weight'),
-    attrHovered:   el.getAttribute('data-recent-panel-more-hovered'),
-    fontWeight:    cs.fontWeight,
-    opacity:       cs.opacity,
-    letterSpacing: cs.letterSpacing,
-    textDecoration:cs.textDecorationLine,
-  };
-}, sel);
-
-await browser.close();
-
-// Phase 3: source regex
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceWiredFw =
-  /fontWeight=\{hoveredRecentMore \? '600' : '500'\}/.test(src) &&
-  /data-recent-panel-more-font-weight=\{hoveredRecentMore \? '600' : '500'\}/.test(src);
-const sourceWiredCadence =
-  /transition: 'opacity 200ms ease-out, fill 200ms ease-out, letter-spacing 200ms ease-out, font-weight 200ms ease-out'/.test(src);
-
-const results = {
-  rest_attr_fw_500:        rest?.attrFw === '500',
-  rest_attr_hovered_false: rest?.attrHovered === 'false',
-  rest_attr_trans_200:     rest?.attrTrans === '200ms',
-  rest_fw_500:             rest?.fontWeight === '500',
-  rest_underline_none:     rest?.textDecoration === 'none' || rest?.textDecoration === '',
-  rest_transition_200:     /(200ms|0\.2s).+font-weight|font-weight.+(200ms|0\.2s)/.test(rest?.transition || '') ||
-                           /(200ms|0\.2s)/.test(rest?.transition || ''),
-  hover_attr_fw_600:       hover?.attrFw === '600',
-  hover_attr_hovered_true: hover?.attrHovered === 'true',
-  hover_fw_600:            hover?.fontWeight === '600',
-  hover_letter_spacing_3:  hover?.letterSpacing === '0.3px',
-  hover_underline:         /underline/.test(hover?.textDecoration || ''),
-  source_fw_ternary:       sourceWiredFw,
-  source_cadence_4axis:    sourceWiredCadence,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R520 recent-panel-more 5-axis hover + 200ms cadence:`,
-  JSON.stringify(results, null, 2),
-  '\n  rest:', JSON.stringify(rest), '\n  hover:', JSON.stringify(hover));
-process.exit(ok ? 0 : 1);

package/scripts/topo-recent-more-halo-layers-test.mjs

@@ -1,90 +0,0 @@
-/* Round 670 — "+N more flows" footer in recent-signal panel extends
- * its single-axis brightness(1.15) hover to the multi-layer drop-
- * shadow halo vocabulary. 29th anchor in the family. The footer is
- * the panel's primary nav into /messages — closing its hover signature
- * at 7 axes (densest on any topology surface).
- *
- * Source assertions:
- *   - filter chain uses pal.legendAccent at 0x80 + 0x40 with 2+4 stride,
- *     gated on hoveredRecentMore
- *   - data-recent-panel-more-halo-layers attr toggles '2' ↔ '0' on hover
- *
- * Runtime assertions:
- *   - footer present (≥6 recent messages so "+N more" shows)
- *   - rest: halo-layers='0', brightness='1', hovered='false'
- */
-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'), mk('a·3'), mk('a·4'), mk('a·5'),
-    mk('a·6'), mk('a·7'), mk('a·8'),
-  ] } });
-});
-// 10 unique edges across 8 nodes — enough that "+N more flows" footer renders
-// (recent panel caps visible rows; surplus surfaces the footer).
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: Array.from({ length: 10 }, (_, i) => ({
-  id: `m${i}`,
-  from_alias: `a·${(i % 8) + 1}`,
-  to_alias:   `a·${((i + 3) % 8) + 1}`,
-  kind: i % 2 ? 'task' : 'message',
-  content: `ping ${i}`,
-  network_id: 'default',
-  created_at: fresh,
-})) } }));
-await ctx.route('**/api/hub/tasks*', (r) => r.fulfill({ json: { tasks: [] } }));
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'networkidle' });
-await page.waitForSelector('[data-recent-panel-more-hovered]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const restState = await page.evaluate(() => {
-  const el = document.querySelector('[data-recent-panel-more-hovered]');
-  return el ? {
-    layers:     el.getAttribute('data-recent-panel-more-halo-layers'),
-    hovered:    el.getAttribute('data-recent-panel-more-hovered'),
-    brightness: el.getAttribute('data-recent-panel-more-brightness'),
-  } : null;
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceFilter = /hoveredRecentMore \? `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-recent-panel-more-halo-layers=\{hoveredRecentMore \? '2' : '0'\}/.test(src);
-
-const results = {
-  footer_present:     !!restState,
-  rest_layers_zero:   restState?.layers === '0',
-  rest_hovered_false: restState?.hovered === 'false',
-  rest_brightness_1:  restState?.brightness === '1',
-  source_filter:      sourceFilter,
-  source_layers_attr: sourceLayersAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R670 +N more footer multi-layer halo (7-axis hover closure):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(restState)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-recent-panel-count-freshness-test.mjs

@@ -1,109 +0,0 @@
-/* Round 162 verification: recent-signal panel header "N flows"
- * tspan picks up the R160/R161 freshness vocabulary.
- *
- * R10  fades canvas edge by freshness (per-edge stroke opacity)
- * R160 brought it to the recent-signal panel rows (per-flow pip)
- * R161 brought it to the chip-row "active links" chip bullet
- *      (fleet aggregate in the chip-row above the SVG)
- * R162 brings it to the recent-signal panel HEADER count
- *      (fleet aggregate inside the SVG corner)
- *
- * The chip-row "N active links · last 5s" and the panel-header
- * "N flows" show the same metric at two scopes. R161 tinted the
- * chip-row side; R162 tints the panel-side mirror so both
- * scopes speak the same freshness vocabulary side-by-side.
- *
- * Same alpha ramp as R160/R161:
- *   ageSec ≤ 30   → 1.0  (fully fresh)
- *   30-300s       → smooth decay 1.0 → 0.25
- *   > 300s        → 0.25 stale floor
- *
- * Hot tail (R129 amber " · N hot") is volume-tinted and stays
- * unchanged — recency tints the head; volume colors the tail.
- *
- * Test: 3 page loads, 5s / 90s / 360s ago.
- */
-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 {}
-});
-
-async function probe(msgAgeSec) {
-  const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-  await ctx.unroute('**/api/hub/status*').catch(() => {});
-  await ctx.unroute('**/api/hub/messages*').catch(() => {});
-  await ctx.unroute('**/api/hub/tasks*').catch(() => {});
-  await ctx.route('**/api/hub/status*', async (route) => {
-    const r = await route.fetch();
-    const b = await r.json();
-    const nid = (b.sessions || [])[0]?.network_id || 'default';
-    const mk = (alias) => ({
-      alias, status: 'working', model: 'claude-opus-4', runtime: 'cli-claude-code',
-      network_id: nid, project_dir: null,
-      created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-    });
-    await route.fulfill({ response: r, json: { ...b, sessions: [mk('alpha'), mk('beta')] } });
-  });
-  await ctx.route('**/api/hub/messages*', (route) => route.fulfill({ json: { messages: [
-    { id: 'x', from_alias: 'alpha', to_alias: 'beta', content: 'hi',
-      network_id: 'default', created_at: new Date(Date.now() - msgAgeSec * 1000).toISOString() },
-  ] } }));
-  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 === 2, { timeout: 30000 });
-  await page.waitForSelector('[data-recent-panel-count]', { timeout: 10000 });
-  await page.waitForTimeout(400);
-  const out = await page.evaluate(() => {
-    const el = document.querySelector('[data-recent-panel-count]');
-    if (!el) return null;
-    // SVG tspan fill attribute is the source of truth — getComputedStyle on
-    // tspan returns nothing useful on some browsers.
-    return {
-      alpha: parseFloat(el.getAttribute('data-recent-panel-count-freshness-alpha') || ''),
-      fill:  el.getAttribute('fill') || '',
-      text:  el.textContent,
-    };
-  });
-  await page.close();
-  return out;
-}
-
-const A = await probe(5);     // fresh
-const B = await probe(90);    // mid
-const C = await probe(360);   // stale
-
-await browser.close();
-
-const cyanRgb = (str) => {
-  const m = /rgba?\((\d+),\s*(\d+),\s*(\d+)/.exec(str);
-  if (!m) return null;
-  return [Number(m[1]), Number(m[2]), Number(m[3])];
-};
-
-const results = {
-  fresh_dot_found:    A !== null,
-  mid_dot_found:      B !== null,
-  stale_dot_found:    C !== null,
-  fresh_alpha_1:      A && Math.abs(A.alpha - 1.0)  < 0.05,
-  mid_alpha_window:   B && B.alpha > 0.7 && B.alpha < 0.95,
-  stale_alpha_floor:  C && Math.abs(C.alpha - 0.25) < 0.05,
-  fresh_color_cyan:   A && JSON.stringify(cyanRgb(A.fill)) === '[34,211,238]',
-  stale_alpha_in_fill: C && /0\.25/.test(C.fill),
-  ladder_descends:    A && B && C && A.alpha > B.alpha && B.alpha > C.alpha,
-  text_says_1_flow:   A && /1 flow/.test(A.text || ''),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} panel-header count freshness:`, JSON.stringify(results),
-  `\n  fresh =`, A,
-  `\n  mid   =`, B,
-  `\n  stale =`, C);
-process.exit(ok ? 0 : 1);

package/scripts/topo-recent-panel-count-test.mjs

@@ -1,72 +0,0 @@
-/* Round 96 verification: the recent-signal panel header count now
- * reads "X flows" off flowLinks.length (matching the deduped rows
- * below), not "X msgs" off the raw messages.length. Pre-R96 a
- * fleet with 10 messages aggregating to 3 unique pairs read
- * "10 msgs" above only 3 rendered rows — read as broken.
- *
- * Mock 5 messages between 2 distinct pairs: alpha↔beta gets 4
- * msgs (4 separate exchanges, dedupes to 1 flow), gamma→delta
- * gets 1 msg (1 flow). Total = 5 msgs, 2 flows. Header should
- * show "2 flows", panel renders 2 rows.
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const browser = await chromium.launch({ headless: true });
-
-const ctx = await browser.newContext({ viewport: { width: 1400, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias) => ({
-    alias, status: 'idle', model: 'claude-opus-4', runtime: 'cli-claude-code',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [mk('alpha'), mk('beta'), mk('gamma'), mk('delta')] } });
-});
-
-const now = Date.now();
-const mkMsg = (id, from_alias, to_alias, content, ageMs) => ({
-  id, from_alias, to_alias, content, network_id: 'default',
-  created_at: new Date(now - ageMs).toISOString(),
-});
-// 5 messages → 2 flow pairs (alpha→beta × 4, gamma→delta × 1).
-await ctx.route('**/api/hub/messages*', (route) => route.fulfill({ json: { messages: [
-  mkMsg('m1', 'alpha', 'beta',  'ping-1', 60 * 1000),
-  mkMsg('m2', 'alpha', 'beta',  'ping-2', 50 * 1000),
-  mkMsg('m3', 'alpha', 'beta',  'ping-3', 40 * 1000),
-  mkMsg('m4', 'alpha', 'beta',  'ping-4', 30 * 1000),
-  mkMsg('m5', 'gamma', 'delta', 'hello',  20 * 1000),
-] } }));
-await ctx.route('**/api/hub/tasks*', (route) => route.fulfill({ json: { tasks: [] } }));
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForFunction(() => document.querySelectorAll('g[data-node]').length === 4, { timeout: 30000 });
-await page.waitForSelector('[data-recent-panel-count]', { timeout: 10000 });
-await page.waitForTimeout(400);
-
-const headerCount  = await page.locator('[data-recent-panel-count]').textContent();
-const renderedRows = await page.locator('[data-recent-row]').count();
-
-await browser.close();
-
-const results = {
-  header_saysFlowsNotMsgs:  /\bflows\b/.test(headerCount || ''),
-  header_count2:            /^2 flows/.test(headerCount || ''),
-  rows_match_header:        renderedRows === 2,
-  no_msgs_word:             !/\bmsgs?\b/.test(headerCount || ''),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} recent-panel count:`, JSON.stringify(results),
-  `\n  header=`,     JSON.stringify(headerCount),
-  `\n  rows=`,       renderedRows);
-process.exit(ok ? 0 : 1);