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

package/scripts/topo-legend-label-fontweight-test.mjs

@@ -1,94 +0,0 @@
-/* Round 364 verification: legend-row label fontWeight 400 → 500.
- * Sibling typography lift to R363 recent-row text fw 400 → 500.
- * Both surfaces render small monospace text against panel chrome
- * at fontSize 9-11 where SVG-default fw 400 sits at the legibility
- * floor.
- *
- * Family snapshot post-R364:
- *   legend  label  fw 500  (R364, this round)
- *   legend  count  fw 600  (R309)
- *   recent  alias  fw 500  (R363)
- *   recent  count  fw 600/700  (R320)
- *
- * Contract (cyber, fixture with active rows):
- *   - Each rendered [data-legend-row-label] has font-weight === '500'.
- *   - Each has data-legend-row-label-font-weight === '500'.
- *   - Pre-R364 invariants:
- *     * fontSize=11 + fontFamily=monospace
- *     * R219 letter-spacing 0 → 0.5px on pin (style.transition still
- *       lists letter-spacing)
- *     * R55 fill transition retained
- *     * data-legend-row-label key surfaces (working / idle / offline)
- */
-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('a'), mk('b'), mk('c') ] } });
-});
-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-legend-row-label]', { timeout: 15000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const labels = Array.from(document.querySelectorAll('[data-legend-row-label]'));
-  return labels.map(el => {
-    const cs = getComputedStyle(el);
-    return {
-      key:           el.getAttribute('data-legend-row-label'),
-      fontWeightAttr: el.getAttribute('font-weight'),
-      fontWeightData: el.getAttribute('data-legend-row-label-font-weight'),
-      fontSizeAttr:   el.getAttribute('font-size'),
-      fontFamily:     el.getAttribute('font-family'),
-      transition:     cs.transition,
-    };
-  });
-});
-
-await browser.close();
-
-const hasTrans = (s, prop) =>
-  new RegExp(`${prop}\\s+\\d*\\.?\\d*s|${prop}\\s+\\d+ms`, 'i').test(s || '');
-
-const allRowsOk = probe.length > 0 && probe.every(r =>
-  r.fontWeightAttr === '500'
-  && r.fontWeightData === '500'
-  && r.fontSizeAttr === '11'
-  && /monospace/i.test(r.fontFamily || '')
-  && hasTrans(r.transition, 'letter-spacing')
-  && hasTrans(r.transition, 'fill')
-);
-
-const results = {
-  rows_rendered:        probe.length >= 1,
-  all_rows_fw_500:      probe.every(r => r.fontWeightAttr === '500'),
-  all_rows_data_500:    probe.every(r => r.fontWeightData === '500'),
-  all_rows_fontsize_11: probe.every(r => r.fontSizeAttr === '11'),
-  all_rows_monospace:   probe.every(r => /monospace/i.test(r.fontFamily || '')),
-  all_rows_have_ls_trans: probe.every(r => hasTrans(r.transition, 'letter-spacing')),
-  all_rows_have_fill_trans: probe.every(r => hasTrans(r.transition, 'fill')),
-};
-const ok = allRowsOk && Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} legend-row label fw 400 → 500:`, JSON.stringify(results),
-  '\n  rows: ', probe.map(r => ({ key: r.key, fw: r.fontWeightAttr })));
-process.exit(ok ? 0 : 1);

package/scripts/topo-legend-label-fw-test.mjs

@@ -1,107 +0,0 @@
-/* Round 531 verification: legend-row label gains fontWeight 500 → 600 on
- * hover OR pin. Hover-fw family 8th anchor; symmetric to R530 recent-row.
- *
- * Test phases:
- *   1. rest: attr='500', fw=500, hovered/pinned='false'
- *   2. hover legend `idle` row label:
- *      attr='600', fw=600, hovered='true'
- *   3. mouseleave: attr returns to '500'
- *   4. source-side regex confirms ternary + transition list 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, 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,
-  });
-  // 3 idle, 1 working — legend rows have counts
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('a·1', 'idle'), mk('a·2', 'idle'), mk('a·3', 'idle'), mk('a·4', '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('[data-legend-row-label="idle"]', { timeout: 15000 });
-await page.waitForTimeout(800);
-
-const sel = '[data-legend-row-label="idle"]';
-
-const restRead = async () => page.evaluate((sel) => {
-  const el = document.querySelector(sel);
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    attrFw:      el.getAttribute('data-legend-row-label-font-weight'),
-    attrPinned:  el.getAttribute('data-legend-row-label-pinned'),
-    attrHovered: el.getAttribute('data-legend-row-label-hovered'),
-    fontWeight:  cs.fontWeight,
-    transition:  cs.transition,
-  };
-}, sel);
-
-// Phase 1: rest
-const rest = await restRead();
-
-// Phase 2: hover the row label
-await page.hover(sel);
-await page.waitForTimeout(400);
-const hover = await restRead();
-
-// Phase 3: mouseleave
-await page.mouse.move(50, 50);
-await page.waitForTimeout(400);
-const leave = await restRead();
-
-await browser.close();
-
-// Source regex
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceFwTernary =
-  /fontWeight=\{\(hoveredStatus === row\.key \|\| isPinned\) \? '600' : '500'\}/.test(src);
-const sourceAttrWired =
-  /data-legend-row-label-font-weight=\{\(hoveredStatus === row\.key \|\| isPinned\) \? '600' : '500'\}/.test(src);
-const sourceTransitionExt =
-  /transition: 'fill 200ms ease-out, letter-spacing 200ms ease-out, font-weight 200ms ease-out'/.test(src);
-
-const results = {
-  rest_attr_500:           rest?.attrFw === '500',
-  rest_fw_500:             rest?.fontWeight === '500',
-  rest_hovered_false:      rest?.attrHovered === 'false',
-  rest_pinned_false:       rest?.attrPinned === 'false',
-  hover_attr_600:          hover?.attrFw === '600',
-  hover_fw_600:            hover?.fontWeight === '600',
-  hover_hovered_true:      hover?.attrHovered === 'true',
-  leave_attr_500:          leave?.attrFw === '500',
-  leave_fw_500:            leave?.fontWeight === '500',
-  source_fw_ternary:       sourceFwTernary,
-  source_attr_wired:       sourceAttrWired,
-  source_transition_ext:   sourceTransitionExt,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R531 legend-label hover-fw:`,
-  JSON.stringify(results, null, 2),
-  '\n  rest:', JSON.stringify(rest),
-  '\n  hover:', JSON.stringify(hover),
-  '\n  leave:', JSON.stringify(leave));
-process.exit(ok ? 0 : 1);

package/scripts/topo-legend-offline-delimiter-test.mjs

@@ -1,84 +0,0 @@
-/* Round 269 verification: legend offline-row label " / " → " · "
- * delimiter unification — closes R138 sweep.
- *
- * Pre-R269 the legend's offline row read "offline / no SSE" (ASCII
- * forward-slash separator). R138 already swept the recent-signal
- * row separators to " · " (typographic middot) along with filter
- * pills, node tooltips, edge badges, and active-links tooltip. The
- * legend offline label was the last hardcoded " / " in TopoGraph.
- *
- * R269 changes the label string from "offline / no SSE" to
- * "offline · no SSE" — same monospace cell width (no layout shift),
- * matches the dashboard-wide typographic delimiter convention.
- *
- * Test scope:
- *   1. Legend offline row label text contains the typographic middot.
- *   2. Label DOES NOT contain " / " (the ASCII separator).
- *   3. Working + idle row labels unchanged (regression: they never
- *      used " / ").
- *   4. R257 legend header symmetric inset intact (legend count x === 211).
- */
-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, status = 'working') => ({
-    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'), 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-legend-row-label="offline"]', { timeout: 10000 });
-await page.waitForSelector('[data-legend-row-label="working"]', { timeout: 10000 });
-await page.waitForSelector('[data-legend-row-label="idle"]',    { timeout: 10000 });
-await page.waitForSelector('[data-legend-panel-count]',         { timeout: 10000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const offline = document.querySelector('[data-legend-row-label="offline"]');
-  const working = document.querySelector('[data-legend-row-label="working"]');
-  const idle    = document.querySelector('[data-legend-row-label="idle"]');
-  const count   = document.querySelector('[data-legend-panel-count]');
-  return {
-    offlineText: offline ? offline.textContent : null,
-    workingText: working ? working.textContent : null,
-    idleText:    idle    ? idle.textContent    : null,
-    countX:      count   ? +count.getAttribute('x') : null,
-  };
-});
-await browser.close();
-
-const results = {
-  offline_uses_middot:           probe.offlineText === 'offline · no SSE',
-  offline_no_ascii_slash:        probe.offlineText != null && !probe.offlineText.includes(' / '),
-  working_text_unchanged:        probe.workingText === 'working node',
-  idle_text_unchanged:           probe.idleText    === 'online idle',
-  r257_legend_count_x_211:       probe.countX === 211,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} legend offline delimiter:`, JSON.stringify(results),
-  '\n  offline:', JSON.stringify(probe.offlineText),
-  '\n  working:', JSON.stringify(probe.workingText),
-  '\n  idle:   ', JSON.stringify(probe.idleText),
-  '\n  count x:', probe.countX);
-process.exit(ok ? 0 : 1);

package/scripts/topo-legend-offline-label-simplify-test.mjs

@@ -1,86 +0,0 @@
-/* Round 307 verification: legend offline row label drops the
- * '· no SSE' qualifier. 'offline · no SSE' (16 chars) → 'offline'
- * (7 chars). Visual already communicates the disconnected state
- * via status ring dashed pattern + gray fill + gray swatch.
- *
- * Contract:
- *   - [data-legend-row-label='offline'] text content === 'offline'.
- *   - Does NOT contain 'no SSE' substring.
- *   - Working row label still 'working node'.
- *   - Idle row label still 'online idle'.
- *   - R306 focus-ring-1 + R305 alias chat-target attr + R304/R302/
- *     R301/R294 regressions 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, status) => ({
-    alias, status, 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', 'working'),
-    mk('beta',  'gpt-4o',        'idle'),
-    mk('gamma', 'claude-sonnet-4', 'offline'),
-  ] } });
-});
-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-legend-row-label="offline"]', { timeout: 15000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const sel = (s) => document.querySelector(s);
-  const txt = (el) => (el?.textContent || '').trim();
-  const offlineLabel = sel('[data-legend-row-label="offline"]');
-  const workingLabel = sel('[data-legend-row-label="working"]');
-  const idleLabel    = sel('[data-legend-row-label="idle"]');
-  const layoutRing   = sel('[data-topo-chrome-layout="ring"]');
-  const alias        = sel('[data-node-alias-text]');
-  const subhint      = sel('[data-recent-signal-empty-hint]');
-  return {
-    offlineText:        txt(offlineLabel),
-    workingText:        txt(workingLabel),
-    idleText:           txt(idleLabel),
-    layoutRingCls:      layoutRing?.className ?? '',
-    aliasChatTargetAttr: alias?.hasAttribute('data-node-alias-chat-target') ?? false,
-    subhintLs:          subhint?.getAttribute('letter-spacing') ?? null,
-    pulseCount:         document.querySelectorAll('[data-pulse-wrapper]').length,
-  };
-});
-await browser.close();
-
-const results = {
-  offline_label_simplified:        probe.offlineText === 'offline',
-  offline_label_no_sse_dropped:    !/no SSE/i.test(probe.offlineText),
-  // R308 superseded the working/idle assertions — both labels were
-  // simplified further (working node → working, online idle → idle).
-  // Keep this test focused on R307's offline simplification.
-  r306_layout_ring_1_kept:         probe.layoutRingCls.includes('focus-visible:ring-1'),
-  r306_layout_no_ring_2:           !probe.layoutRingCls.includes('focus-visible:ring-2'),
-  r305_alias_chat_target_attr:     probe.aliasChatTargetAttr,
-  r304_subhint_ls_0_15:            probe.subhintLs === '0.15',
-  r294_pulse_absent:               probe.pulseCount === 0,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} legend offline label simplify:`, JSON.stringify(results),
-  '\n  offline:', JSON.stringify(probe.offlineText),
-  '\n  working:', JSON.stringify(probe.workingText),
-  '\n  idle:',    JSON.stringify(probe.idleText));
-process.exit(ok ? 0 : 1);

package/scripts/topo-legend-panel-count-weight-test.mjs

@@ -1,89 +0,0 @@
-/* Round 310 verification: legend panel-header count 'N nodes' gains
- * fontWeight=600 for parity with R309 per-row count weight. Same
- * "digit semibold > label regular" hierarchy applied to the panel-
- * summary scope.
- *
- * Contract:
- *   - [data-legend-panel-count] attr font-weight === '600'.
- *   - Text content matches '{N} node[s]' pattern.
- *   - R266 fill transition + R292 tabular-nums preserved.
- *   - R309 per-row counts still font-weight='600' (regression).
- *   - R308 row labels + R307 offline label + R306 chrome focus-ring-1
- *     + R304 sub-hint + R294 pulse all preserved.
- */
-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, status) => ({
-    alias, status, 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', 'working'),
-    mk('beta',  'gpt-4o',        'idle'),
-    mk('gamma', 'claude-sonnet-4', 'offline'),
-  ] } });
-});
-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-legend-panel-count]', { timeout: 15000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const sel = (s) => document.querySelector(s);
-  const panelCount = sel('[data-legend-panel-count]');
-  const fvn = (el) => el ? getComputedStyle(el).fontVariantNumeric : null;
-  return {
-    panelCountFw:   panelCount?.getAttribute('font-weight') ?? null,
-    panelCountText: panelCount?.textContent?.trim() ?? null,
-    panelCountFvn:  fvn(panelCount),
-    rowCountWorkingFw: sel('[data-legend-count="working"]')?.getAttribute('font-weight') ?? null,
-    rowCountIdleFw:    sel('[data-legend-count="idle"]')?.getAttribute('font-weight') ?? null,
-    rowCountOfflineFw: sel('[data-legend-count="offline"]')?.getAttribute('font-weight') ?? null,
-    workingLabel:   sel('[data-legend-row-label="working"]')?.textContent?.trim() ?? null,
-    idleLabel:      sel('[data-legend-row-label="idle"]')?.textContent?.trim() ?? null,
-    offlineLabel:   sel('[data-legend-row-label="offline"]')?.textContent?.trim() ?? null,
-    layoutRingCls:  sel('[data-topo-chrome-layout="ring"]')?.className ?? '',
-    subhintLs:      sel('[data-recent-signal-empty-hint]')?.getAttribute('letter-spacing') ?? null,
-    pulseCount:     document.querySelectorAll('[data-pulse-wrapper]').length,
-  };
-});
-await browser.close();
-
-const hasTab = (s) => /tabular-nums/.test(s || '');
-
-const results = {
-  panel_count_fw_600:        probe.panelCountFw === '600',
-  panel_count_text_pattern:  /^\d+ node/.test(probe.panelCountText || ''),
-  panel_count_tabular_kept:  hasTab(probe.panelCountFvn),
-  r309_row_working_fw_600:   probe.rowCountWorkingFw === '600',
-  r309_row_idle_fw_600:      probe.rowCountIdleFw === '600',
-  r309_row_offline_fw_600:   probe.rowCountOfflineFw === '600',
-  r308_working_label:        probe.workingLabel === 'working',
-  r308_idle_label:           probe.idleLabel === 'idle',
-  r307_offline_label:        probe.offlineLabel === 'offline',
-  r306_focus_ring_1_kept:    probe.layoutRingCls.includes('focus-visible:ring-1'),
-  r304_subhint_ls_0_15:      probe.subhintLs === '0.15',
-  r294_pulse_absent:         probe.pulseCount === 0,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} legend panel count weight:`, JSON.stringify(results),
-  '\n  panel count:', probe.panelCountText, 'fw=', probe.panelCountFw,
-  '\n  row counts fw:', probe.rowCountWorkingFw, '/', probe.rowCountIdleFw, '/', probe.rowCountOfflineFw);
-process.exit(ok ? 0 : 1);

package/scripts/topo-legend-panel-header-test.mjs

@@ -1,83 +0,0 @@
-/* Round 106 verification: legend panel gains a header matching the
- * recent-signal panel's "recent signal · N flows" format. Same
- * font/position vocabulary so the two side panels feel paired. The
- * fleet count is right-aligned at x=215 in the accent colour.
- *
- * Sanity-checks:
- *   - "legend" title text exists in the legend panel
- *   - "N node(s)" count matches sessions.length
- *   - Singular vs plural ("1 node" vs "5 nodes") correct
- *   - Existing rows still render (hover affordance preserved)
- */
-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 (count) => {
-  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 {}
-  });
-  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 < count; i++) {
-      sessions.push({
-        alias: `n${i}`, 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, count, { timeout: 30000 });
-  await page.waitForSelector('[data-legend-panel-count]', { timeout: 10000 });
-  await page.waitForTimeout(400);
-
-  const data = await page.evaluate(() => {
-    const headerCount = document.querySelector('[data-legend-panel-count]')?.textContent;
-    const headerTitle = (() => {
-      // Find a <text> with "legend" content in the legend panel <g>
-      const panel = document.querySelector('[data-topo-panel-elevation="legend"]')?.parentElement;
-      if (!panel) return null;
-      for (const t of panel.querySelectorAll('text')) {
-        if (t.textContent === 'legend') return t.textContent;
-      }
-      return null;
-    })();
-    const legendRows = document.querySelectorAll('[data-legend-status]').length;
-    return { headerCount, headerTitle, legendRows };
-  });
-  await ctx.close();
-  return data;
-};
-
-const single = await probe(1);
-const many   = await probe(5);
-await browser.close();
-
-const results = {
-  single_hasTitle:        single.headerTitle === 'legend',
-  single_count1Node:      single.headerCount === '1 node',
-  many_hasTitle:          many.headerTitle === 'legend',
-  many_count5Nodes:       many.headerCount === '5 nodes',
-  many_rowsStillRender:   many.legendRows >= 1, // depends on which states are present
-  // Sanity: singular vs plural
-  singular_correct:       single.headerCount?.endsWith(' node'),
-  plural_correct:         many.headerCount?.endsWith(' nodes'),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} legend panel header:`, JSON.stringify(results),
-  `\n  single (1 node)=`, single,
-  `\n  many (5 nodes)=`,  many);
-process.exit(ok ? 0 : 1);

package/scripts/topo-legend-panel-title-breath-test.mjs

@@ -1,86 +0,0 @@
-/* Round 701 — legend panel title at-rest SVG opacity breath, sibling
- * to R700 recent-panel-title breath. Closes the panel-pair breath
- * symmetry — both panel titles now share the 8s cadence.
- *
- * Source assertions:
- *   - TopoGraph.tsx has data-legend-panel-title-breath="..." attr
- *   - TopoGraph.tsx <animate> with values "0.78;1;0.78" dur="8s" inside legend title
- *
- * Runtime assertions:
- *   - legend title element present
- *   - data-legend-panel-title-breath='8s' at rest (!pinnedStatus)
- *   - <animate> child element present at rest with dur="8s"
- */
-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-legend-panel-title]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const runtimeState = await page.evaluate(() => {
-  const title = document.querySelector('[data-legend-panel-title]');
-  if (!title) return null;
-  const animate = title.querySelector('animate[attributeName="opacity"]');
-  return {
-    title_present: true,
-    breath_attr: title.getAttribute('data-legend-panel-title-breath'),
-    active_attr: title.getAttribute('data-legend-panel-title-active'),
-    animate_present: !!animate,
-    animate_dur: animate?.getAttribute('dur'),
-    animate_values: animate?.getAttribute('values'),
-    animate_repeat: animate?.getAttribute('repeatCount'),
-  };
-});
-
-await browser.close();
-
-const tsxSrc = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const tsxBreathAttr = /data-legend-panel-title-breath=\{!reducedMotion && !pinnedStatus \? '8s' : 'off'\}/.test(tsxSrc);
-// Look for the second animate element after legend (R700 has one for recent, R701 has the same line for legend)
-const allAnimates = tsxSrc.match(/<animate attributeName="opacity" values="0\.78;1;0\.78" dur="8s" repeatCount="indefinite" \/>/g) || [];
-const tsxAnimateCount = allAnimates.length;
-
-const results = {
-  title_present:           !!runtimeState?.title_present,
-  rest_breath_8s:          runtimeState?.breath_attr === '8s',
-  rest_not_active:         runtimeState?.active_attr === 'false',
-  animate_child_present:   runtimeState?.animate_present === true,
-  animate_dur_8s:          runtimeState?.animate_dur === '8s',
-  animate_values_correct:  runtimeState?.animate_values === '0.78;1;0.78',
-  animate_repeat_indef:    runtimeState?.animate_repeat === 'indefinite',
-  tsx_breath_attr:         tsxBreathAttr,
-  tsx_animate_count_2:     tsxAnimateCount === 2,  // R700 + R701
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R701 legend-panel-title at-rest SVG breath (panel-pair breath symmetry closed):`,
-  JSON.stringify(results, null, 2),
-  `\n  runtime: ${JSON.stringify(runtimeState)} animate_count: ${tsxAnimateCount}`);
-process.exit(ok ? 0 : 1);