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

package/scripts/topo-node-stroke-transition-test.mjs

@@ -1,103 +0,0 @@
-/* Round 167 verification: node status-ring picks up stroke-width
- * transition.
- *
- * Pre-R167 the node outer ring (cx,cy,r,fill,stroke + binary
- * stroke-width 3/1.5 + dasharray) had transition-[fill,stroke]
- * duration-300 — colors transitioned but stroke-width snapped
- * when a session went working → offline. R167 adds stroke-width
- * to the transition list (300ms ease-out), symmetric with R165
- * (pressure-bar width) and R166 (edge stroke-width).
- *
- * Test:
- *   1. Mock 2 working + 2 offline sessions
- *   2. Probe each node's status ring (via data-node-status-ring)
- *   3. Working ring: strokeWidth=3, transition includes
- *      'stroke-width 300ms'
- *   4. Offline ring: strokeWidth=1.5, dasharray='5 5',
- *      transition includes 'stroke-width 300ms'
- *   5. Both rings expose data-node-status-ring with the status
- *      label
- *
- * The DOM attribute reflects the React-rendered value, not the
- * CSS-interpolated value during transitions — so the R51
- * overlap-test's stroke-width=3 / 1.5 selectors still match.
- */
-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();
-const stale = new Date(Date.now() - 10 * 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, last) => ({
-    alias, status, model: 'claude-opus-4', runtime: 'cli-claude-code',
-    network_id: nid, project_dir: null,
-    created_at: last, updated_at: last, last_seen_at: last,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('w1', 'working', fresh), mk('w2', 'working', fresh),
-    mk('o1', 'offline', stale), mk('o2', 'offline', stale),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (route) => route.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*', (route) => route.fulfill({ json: { tasks: [] } }));
-
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForFunction(() => document.querySelectorAll('g[data-node]').length === 4, { timeout: 30000 });
-await page.waitForSelector('[data-node-status-ring]', { timeout: 10000 });
-await page.waitForTimeout(400);
-
-const probe = await page.evaluate(() => {
-  const rings = [...document.querySelectorAll('[data-node-status-ring]')];
-  return rings.map(r => ({
-    label:       r.getAttribute('data-node-status-ring'),
-    strokeWidth: parseFloat(r.getAttribute('stroke-width')),
-    dasharray:   r.getAttribute('stroke-dasharray'),
-    inlineTransition: r.style.transition || '',
-    computedTransition: getComputedStyle(r).transition || '',
-  }));
-});
-
-await browser.close();
-
-const working = probe.filter(p => p.label === 'working');
-const offline = probe.filter(p => p.label === 'offline');
-
-const allHaveStrokeWidth = probe.every(p =>
-  p.inlineTransition.includes('stroke-width 300ms') ||
-  /stroke-width\s+0\.3s|stroke-width\s+300ms/.test(p.computedTransition));
-const allHaveFill = probe.every(p =>
-  p.inlineTransition.includes('fill 300ms') ||
-  /fill\s+0\.3s|fill\s+300ms/.test(p.computedTransition));
-const allHaveStroke = probe.every(p =>
-  p.inlineTransition.includes('stroke 300ms') ||
-  /[^-]stroke\s+0\.3s|[^-]stroke\s+300ms/.test(p.computedTransition));
-
-const results = {
-  four_rings_found:       probe.length === 4,
-  two_working_rings:      working.length === 2,
-  two_offline_rings:      offline.length === 2,
-  working_strokeWidth_3:  working.every(p => p.strokeWidth === 3),
-  offline_strokeWidth_15: offline.every(p => p.strokeWidth === 1.5),
-  working_no_dasharray:   working.every(p => p.dasharray === 'none' || !p.dasharray),
-  offline_dasharray_5_5:  offline.every(p => p.dasharray === '5 5'),
-  all_have_stroke_width_transition: allHaveStrokeWidth,
-  all_have_fill_transition:         allHaveFill,
-  all_have_stroke_transition:       allHaveStroke,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} node status-ring transition:`, JSON.stringify(results),
-  `\n  rings=`, probe);
-process.exit(ok ? 0 : 1);

package/scripts/topo-node-sub-text-brightness-test.mjs

@@ -1,88 +0,0 @@
-/* Round 567 verification: node sub-text gains filter brightness(1.15)
- * on hover. Joins R501/R558/R564 per-node hover-brightness family
- * at 6th anchor.
- *
- * Test phases:
- *   1. rest: filter='none', brightness-attr='1'
- *   2. hover the node group → filter='brightness(1.15)';
- *      brightness-attr='1.15'
- *   3. transition-property contains 'filter'
- *   4. source-side regex confirms 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'), 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-node-sub-text="a·1"]', { timeout: 15000 });
-await page.waitForTimeout(500);
-
-const subSel = '[data-node-sub-text="a·1"]';
-const probe = () => page.evaluate((s) => {
-  const el = document.querySelector(s);
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    filter: cs.filter,
-    transitionProperty: cs.transitionProperty,
-    brightnessAttr: el.getAttribute('data-node-sub-text-brightness'),
-    hoveredAttr: el.getAttribute('data-node-sub-text-hovered'),
-  };
-}, subSel);
-
-const rest = await probe();
-await page.hover('g[data-node="a·1"]');
-await page.waitForTimeout(400);
-const hover = await probe();
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceFilter = /filter: !reducedMotion && hoveredAlias === session\.alias\s*\?\s*'brightness\(1\.15\)'\s*:\s*undefined/.test(src);
-const sourceAttr = /data-node-sub-text-brightness=\{!reducedMotion && hoveredAlias === session\.alias \? '1\.15' : '1'\}/.test(src);
-const sourceTransition = /transition: 'fill 300ms ease-out, letter-spacing 200ms ease-out, filter 200ms ease-out'/.test(src);
-
-const results = {
-  rest_filter_none:       rest?.filter === 'none',
-  rest_brightness_1:      rest?.brightnessAttr === '1',
-  rest_hovered_false:     rest?.hoveredAttr === 'false',
-  hover_filter_1_15:      /brightness\(1\.15\)/.test(hover?.filter || ''),
-  hover_brightness_1_15:  hover?.brightnessAttr === '1.15',
-  hover_hovered_true:     hover?.hoveredAttr === 'true',
-  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 ? '✅' : '❌'} R567 node sub-text brightness(1.15) on hover:`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(rest)}`,
-  `\n  hover: ${JSON.stringify(hover)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-node-sub-text-fw-test.mjs

@@ -1,75 +0,0 @@
-/* Round 448 verification: node sub-text fontWeight 400 → 500.
- * Static legibility lift for small mono text at fontSize=9.
- * Sibling to R363/R364 small-text fw lifts.
- *
- * Contract:
- *   - every node sub-text reports font-weight '500'
- *   - geometry invariants preserved (R428 hover ls + R211 fill
- *     transition still intact)
- */
-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, 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', 'working'),
-    mk('beta',  'idle'),
-    mk('gamma', '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: 'domcontentloaded' });
-await page.waitForSelector('[data-node-sub-text]', { timeout: 15000 });
-await page.waitForTimeout(400);
-
-const subs = await page.evaluate(() => {
-  const ts = [...document.querySelectorAll('[data-node-sub-text]')];
-  return ts.map(t => ({
-    alias: t.getAttribute('data-node-sub-text'),
-    fw:    t.getAttribute('font-weight'),
-    fw_data: t.getAttribute('data-node-sub-text-font-weight'),
-    text:  t.textContent,
-  }));
-});
-
-const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceWired = /fontWeight="500"\s*\n\s*data-node-sub-text=\{session\.alias\}/.test(fileText);
-
-await browser.close();
-
-const restAllFw500    = subs.every(s => s.fw === '500');
-const restAllAttr500  = subs.every(s => s.fw_data === '500');
-const restCountGe3    = subs.length >= 3;
-const restAllHaveText = subs.every(s => s.text && s.text.length > 0);
-
-const results = {
-  sub_count_ge_3:           restCountGe3,
-  all_fw_500_attr:          restAllFw500,
-  all_fw_data_attr_500:     restAllAttr500,
-  all_have_text:            restAllHaveText,
-  source_wired:             sourceWired,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} node sub-text fw 500:`, JSON.stringify(results),
-  '\n  subs:', JSON.stringify(subs));
-process.exit(ok ? 0 : 1);

package/scripts/topo-node-sub-text-letter-spacing-test.mjs

@@ -1,115 +0,0 @@
-/* Round 428 verification: node sub-text (status label line beneath
- * the alias) adopts hover letter-spacing tween 0 → 0.2px on
- * hoveredAlias. Sibling to R427 alias-text 0 → 0.3 — the alias is
- * primary identity (0.3 kerning), sub-text is secondary status (0.2).
- *
- * Contract:
- *   - rest: every sub-text has letter-spacing '0px' and hover='false'
- *   - hover one node: that sub-text has letter-spacing '0.2px' and
- *     hover='true'; siblings stay at rest
- *   - alias-text and sub-text tween together on the same hovered node
- *     (R427 0.3 + R428 0.2)
- *   - source-file probe confirms conditional + transition extended
- */
-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, 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,
-  });
-  // small fleet — card-mode labels
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha', 'working'),
-    mk('beta',  'idle'),
-    mk('gamma', '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: 'domcontentloaded' });
-await page.waitForSelector('[data-node-sub-text]', { timeout: 15000 });
-await page.waitForTimeout(400);
-
-const readAll = () => page.evaluate(() => {
-  const subs = [...document.querySelectorAll('[data-node-sub-text]')];
-  const alis = [...document.querySelectorAll('[data-node-alias-text]')];
-  return {
-    sub: subs.map(t => ({
-      alias: t.getAttribute('data-node-sub-text'),
-      ls:    t.style.letterSpacing,
-      hover: t.getAttribute('data-node-sub-text-hovered'),
-    })),
-    alias: alis.map(t => ({
-      alias: t.getAttribute('data-node-alias-text'),
-      ls:    t.style.letterSpacing,
-      hover: t.getAttribute('data-node-alias-hovered'),
-    })),
-  };
-});
-
-const rest = await readAll();
-const firstAlias = rest.sub[0]?.alias;
-let hover = null;
-if (firstAlias) {
-  const box = await page.evaluate((alias) => {
-    const t = document.querySelector(`[data-node-alias-text="${alias}"]`);
-    if (!t) return null;
-    const node = t.closest('[data-node]');
-    const target = node || t;
-    const b = target.getBoundingClientRect();
-    return { x: b.x + b.width / 2, y: b.y + b.height / 2 };
-  }, firstAlias);
-  if (box) {
-    await page.mouse.move(box.x, box.y);
-    await page.waitForTimeout(300);
-    hover = await readAll();
-    await page.mouse.move(0, 0);
-  }
-}
-
-// Source-file probe
-const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceWired         = /data-node-sub-text-hovered.*\n.*letterSpacing:\s*hoveredAlias\s*===\s*session\.alias\s*\?\s*'0\.2px'\s*:\s*'0px'/s.test(fileText);
-const sourceTransition    = /transition: 'fill 300ms ease-out, letter-spacing 200ms ease-out'/.test(fileText);
-
-await browser.close();
-
-const isRest = (ls) => ls === '0px' || ls === '' || ls === 'normal';
-const hoveredSubEntry   = hover?.sub.find(r => r.alias === firstAlias);
-const hoveredAliasEntry = hover?.alias.find(r => r.alias === firstAlias);
-const othersSubRest = hover ? hover.sub.filter(r => r.alias !== firstAlias).every(r => isRest(r.ls)) : false;
-
-const results = {
-  rest_sub_count_gte_3:        rest.sub.length >= 3,
-  rest_sub_all_zero:           rest.sub.every(r => isRest(r.ls)),
-  rest_sub_all_hover_false:    rest.sub.every(r => r.hover === 'false'),
-  hover_sub_target_ls_0_2:     hoveredSubEntry?.ls === '0.2px',
-  hover_sub_target_attr_true:  hoveredSubEntry?.hover === 'true',
-  hover_sub_others_stay_rest:  othersSubRest,
-  // R427/R428 sibling parity — alias and sub-text tween together on same hovered node
-  hover_alias_target_ls_0_3:   hoveredAliasEntry?.ls === '0.3px',
-  source_conditional_wired:    sourceWired,
-  source_transition_wired:     sourceTransition,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} node sub-text letter-spacing hover:`, JSON.stringify(results),
-  '\n  hover sub:', JSON.stringify(hoveredSubEntry),
-  '\n  hover alias:', JSON.stringify(hoveredAliasEntry));
-process.exit(ok ? 0 : 1);

package/scripts/topo-node-text-fill-transition-test.mjs

@@ -1,119 +0,0 @@
-/* Round 211 verification: node alias-card text fills (alias + sub-
- * status label) transition fill on status flip, matching R167
- * status-ring fill 300ms. Pre-R211 the ring smoothly recolored
- * while the text snap-cut to the new tier hue.
- *
- * Test (cyber dark, 4 sessions in card mode):
- *   1. 4 [data-node-alias-text] alias texts present, 4
- *      [data-node-sub-text] sub texts present.
- *   2. Each has inline style.transition: 'fill 300ms ease-out'.
- *   3. Alias fill matches the session's status.text colour family
- *      (working green-ish, idle teal-ish, offline gray-ish).
- *   4. Sub  fill matches status.primary (similar tier hue).
- *   5. transition value is identical across all alias texts
- *      (signals consistent timing — not per-node drift).
- *   6. Truncate verified — alias rendered text matches the
- *      session.alias (no extra chars, no missing).
- */
-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) => ({
-    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', 'working'),
-    mk('beta',  'working'),
-    mk('gamma', 'idle'),
-    mk('delta', 'offline'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r2) => r2.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*', (r2) => r2.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-node-alias-text]', { timeout: 10000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const aliasTexts = [...document.querySelectorAll('[data-node-alias-text]')];
-  const subTexts   = [...document.querySelectorAll('[data-node-sub-text]')];
-  return {
-    alias: aliasTexts.map(el => ({
-      alias:      el.getAttribute('data-node-alias-text'),
-      text:       el.textContent,
-      fill:       el.getAttribute('fill'),
-      transition: el.style.transition,
-    })),
-    sub: subTexts.map(el => ({
-      alias:      el.getAttribute('data-node-sub-text'),
-      text:       el.textContent,
-      fill:       el.getAttribute('fill'),
-      transition: el.style.transition,
-    })),
-  };
-});
-
-await browser.close();
-
-const hasFillT = (s) => /fill\s+(?:300ms|0\.3s)\s+ease-out/.test(s || '');
-
-const aliasAlpha = probe.alias.find(t => t.alias === 'alpha');
-const aliasGamma = probe.alias.find(t => t.alias === 'gamma');
-const aliasDelta = probe.alias.find(t => t.alias === 'delta');
-const subAlpha   = probe.sub.find(t => t.alias === 'alpha');
-const subDelta   = probe.sub.find(t => t.alias === 'delta');
-
-const results = {
-  four_alias_texts:           probe.alias.length === 4,
-  four_sub_texts:             probe.sub.length === 4,
-
-  alpha_alias_renders:        aliasAlpha?.text === 'alpha',
-  gamma_alias_renders:        aliasGamma?.text === 'gamma',
-  delta_alias_renders:        aliasDelta?.text === 'delta',
-
-  // All alias texts have fill transition
-  all_alias_have_fill_transition: probe.alias.every(t => hasFillT(t.transition)),
-  all_sub_have_fill_transition:   probe.sub.every(t => hasFillT(t.transition)),
-
-  // Working alpha vs offline delta — fill differs (different tier color)
-  alpha_delta_fill_differs:   aliasAlpha?.fill && aliasDelta?.fill
-                              && aliasAlpha.fill !== aliasDelta.fill,
-
-  // Working vs idle — fill differs (working green / idle teal in palette)
-  alpha_gamma_fill_differs:   aliasAlpha?.fill && aliasGamma?.fill
-                              && aliasAlpha.fill !== aliasGamma.fill,
-
-  // Sub text fill present (non-empty)
-  sub_fills_present:          probe.sub.every(t => !!t.fill && t.fill !== 'none'),
-
-  // Sub text content reflects status label (working / idle / offline)
-  sub_alpha_has_working:      /working|sse/i.test(subAlpha?.text || ''),
-  sub_delta_has_offline:      /offline/i.test(subDelta?.text || ''),
-
-  // Transition uniformity — all alias texts share the same transition string
-  alias_transition_uniform:   new Set(probe.alias.map(t => t.transition)).size === 1,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} node text fill transition:`, JSON.stringify(results),
-  `\n  alias:`, probe.alias,
-  `\n  sub:`,   probe.sub);
-process.exit(ok ? 0 : 1);

package/scripts/topo-node-title-peers-test.mjs

@@ -1,107 +0,0 @@
-/* Round 147 verification: node tooltip extends R98's flow summary
- * with the actual sender / receiver alias breakdown. The R97 idiom
- * — anywhere the UI shows "N" should hover-explain WHICH N — was
- * applied to filter pills, group labels, vendor letters, pressure
- * segments, recent-row, active-links chip. The node title was the
- * last surface showing only aggregate counts ("12 in / 5 out");
- * R147 adds peer lines.
- *
- * Fleet:
- *   alpha — sends 3 msgs to beta, 5 to gamma, 2 to delta
- *   beta  — sends 4 msgs to alpha, 1 to gamma
- *   gamma — quiet (receiver only)
- *   delta — quiet (receiver only)
- *
- * For alpha:
- *   flowOut = 3 + 5 + 2 = 10
- *   flowIn  = 4 (from beta)
- *   senders ← beta (4)
- *   receivers → beta (3), gamma (5), delta (2) — sorted by count desc:
- *               gamma (5), beta (3), delta (2)
- *
- * Title should contain:
- *   "flows: 4 in / 10 out"
- *   "← from: beta (4)"
- *   "→ to:   gamma (5), beta (3), delta (2)"  (sorted desc by count)
- *
- * Also verify a node with no flows (gamma will have 5 inbound from alpha
- * and 1 from beta; let's pick delta which only has 2 inbound from alpha).
- */
-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, status) => ({
-    alias, status, model: 'claude-opus-4', runtime: 'cli-claude-code',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha', 'working'), mk('beta', 'working'),
-    mk('gamma', 'idle'),    mk('delta', 'idle'),
-  ] } });
-});
-
-const now = Date.now();
-const mkMsg = (id, from, to, ageMs) => ({
-  id, from_alias: from, to_alias: to, content: 'hi',
-  network_id: 'default', created_at: new Date(now - ageMs).toISOString(),
-});
-const msgs = [];
-let id = 0;
-// alpha → beta (3), gamma (5), delta (2)
-for (let i = 0; i < 3; i++) msgs.push(mkMsg(`m${id++}`, 'alpha', 'beta',  10000 + id * 100));
-for (let i = 0; i < 5; i++) msgs.push(mkMsg(`m${id++}`, 'alpha', 'gamma', 10000 + id * 100));
-for (let i = 0; i < 2; i++) msgs.push(mkMsg(`m${id++}`, 'alpha', 'delta', 10000 + id * 100));
-// beta → alpha (4), gamma (1)
-for (let i = 0; i < 4; i++) msgs.push(mkMsg(`m${id++}`, 'beta',  'alpha', 10000 + id * 100));
-for (let i = 0; i < 1; i++) msgs.push(mkMsg(`m${id++}`, 'beta',  'gamma', 10000 + id * 100));
-await ctx.route('**/api/hub/messages*', (route) => route.fulfill({ json: { messages: msgs } }));
-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.waitForTimeout(400);
-
-const readTitle = (alias) => page.evaluate((a) => {
-  const node = document.querySelector(`g[data-node="${a}"]`);
-  return node?.querySelector('title')?.textContent || '';
-}, alias);
-
-const alphaTitle = await readTitle('alpha');
-const deltaTitle = await readTitle('delta');
-
-await browser.close();
-
-const results = {
-  // alpha: flows aggregate
-  alpha_flowSummary:  alphaTitle.includes('flows: 4 in / 10 out'),
-  // alpha: senders line
-  alpha_sendersLine:  alphaTitle.includes('← from: beta (4)'),
-  // alpha: receivers line — must be sorted desc by count (gamma 5, beta 3, delta 2)
-  alpha_receiversOrder: alphaTitle.includes('→ to:   gamma (5), beta (3), delta (2)'),
-
-  // delta: receiver only, only inbound from alpha (2 msgs)
-  delta_flowSummary:  deltaTitle.includes('flows: 2 in / 0 out'),
-  delta_sendersLine:  deltaTitle.includes('← from: alpha (2)'),
-  delta_noReceivers:  !deltaTitle.includes('→ to:'),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} node title peers:`, JSON.stringify(results),
-  `\n  alpha title:\n${alphaTitle}`,
-  `\n  delta title:\n${deltaTitle}`);
-process.exit(ok ? 0 : 1);