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

package/scripts/topo-group-label-fw-pin-test.mjs

@@ -1,99 +0,0 @@
-/* Round 457 verification: group label parent text fontWeight 700 → 800
- * on isPinned. Adds typographic weight axis at parent-text scope.
- *
- * Contract:
- *   - rest: every group-label parent <text> reports font-weight '700' +
- *     pinned='false'
- *   - click a group-label-hit: that group's <text> flips to '800' +
- *     pinned='true'; siblings stay rest
- */
-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');
-    localStorage.setItem('anet-topo-layout', 'grid');
-    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·1', 'working'),
-    mk('alpha·2', 'idle'),
-    mk('beta·1',  'working'),
-    mk('beta·2',  'idle'),
-  ] } });
-});
-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-group-label]', { timeout: 15000 });
-await page.waitForTimeout(400);
-
-const readAll = () => page.evaluate(() => {
-  const ts = [...document.querySelectorAll('[data-group-label]')];
-  return ts.map(t => ({
-    key:    t.getAttribute('data-group-label'),
-    fw:     t.getAttribute('font-weight'),
-    fw_d:   t.getAttribute('data-group-label-font-weight'),
-    pinned: t.getAttribute('data-group-label-pinned'),
-  }));
-});
-
-const rest = await readAll();
-const firstKey = rest[0]?.key;
-
-// Pin first group by clicking its hit-area
-let pinned = null;
-if (firstKey) {
-  const hit = await page.$(`[data-group-label-hit="${firstKey}"]`);
-  if (hit) {
-    await hit.click();
-    await page.waitForTimeout(250);
-    pinned = await readAll();
-  }
-}
-
-const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceWired = /fontWeight=\{isPinned \? '800' : '700'\}/.test(fileText);
-
-await browser.close();
-
-const restAll700    = rest.every(r => r.fw === '700');
-const restNoPin     = rest.every(r => r.pinned === 'false');
-const pinnedEntry   = pinned?.find(r => r.key === firstKey);
-const pinFw800      = pinnedEntry?.fw === '800';
-const pinFlag       = pinnedEntry?.pinned === 'true';
-const othersRest    = pinned ? pinned.filter(r => r.key !== firstKey).every(r => r.fw === '700' && r.pinned === 'false') : false;
-
-const results = {
-  rest_count_ge_2:        rest.length >= 2,
-  rest_all_fw_700:        restAll700,
-  rest_no_pin:            restNoPin,
-  pinned_target_fw_800:   pinFw800,
-  pinned_target_flag:     pinFlag,
-  pinned_others_stay:     othersRest,
-  source_wired:           sourceWired,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} group label fw pin:`, JSON.stringify(results),
-  '\n  rest:', JSON.stringify(rest),
-  '\n  pinned target:', JSON.stringify(pinnedEntry));
-process.exit(ok ? 0 : 1);

package/scripts/topo-group-label-glow-test.mjs

@@ -1,104 +0,0 @@
-/* Round 479 verification: group-label parent text gains filter:
- * drop-shadow glow on isPinned. 4th anchor in the R476/R477/R478
- * drop-shadow visual-polish family.
- *
- * Contract:
- *   - at rest (no group pinned): every group label has data-group-
- *     label-glow='false' AND computed filter === 'none'
- *   - click a group-label hitbox: that group's label flips to
- *     glow='true' + filter starts with 'drop-shadow' using
- *     pal.legendAccent at 0x80 alpha
- *   - sibling group labels stay rest (no spillover)
- *   - source-file conditional wired
- */
-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', 'grid');
-    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·1', 'working'), mk('alpha·2', 'idle'),
-    mk('beta·1',  'working'), mk('beta·2',  'idle'),
-  ] } });
-});
-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-group-label-glow]', { timeout: 15000 });
-await page.waitForTimeout(500);
-
-const readAll = () => page.evaluate(() => {
-  const labels = [...document.querySelectorAll('[data-group-label-glow]')];
-  return labels.map(l => {
-    const cs = getComputedStyle(l);
-    return {
-      key:    l.getAttribute('data-group-label'),
-      glow:   l.getAttribute('data-group-label-glow'),
-      filter: cs.filter,
-    };
-  });
-});
-
-const rest = await readAll();
-const firstKey = rest[0]?.key;
-
-// Click hitbox to pin the first group
-let pinned = null;
-if (firstKey) {
-  const hit = await page.$(`[data-group-label-hit="${firstKey}"]`);
-  if (hit) {
-    await hit.click();
-    await page.waitForTimeout(400);
-    pinned = await readAll();
-  }
-}
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceGlowAttr = /data-group-label-glow=\{isPinned/.test(src);
-const sourceDropShadow = /drop-shadow\(0 0 3px \$\{pal\.legendAccent\}80\)/.test(src);
-
-await browser.close();
-
-const restCount     = rest.length;
-const restAllFalse  = rest.every(r => r.glow === 'false' && r.filter === 'none');
-const pinnedTarget  = pinned?.find(r => r.key === firstKey);
-const pinTargetGlow = pinnedTarget?.glow === 'true';
-const pinTargetHasShadow = pinnedTarget && /drop-shadow/.test(pinnedTarget.filter);
-const pinSiblingsStill = pinned ? pinned.filter(r => r.key !== firstKey).every(r => r.glow === 'false') : false;
-
-const results = {
-  rest_count_ge_2:     restCount >= 2,
-  rest_all_false:      restAllFalse,
-  pinned_target_glow:  pinTargetGlow,
-  pinned_target_shadow: pinTargetHasShadow,
-  pinned_siblings_rest: pinSiblingsStill,
-  source_glow_attr:    sourceGlowAttr,
-  source_drop_shadow:  sourceDropShadow,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} group-label drop-shadow glow:`, JSON.stringify(results),
-  '\n  rest:', JSON.stringify(rest),
-  '\n  pinned target:', JSON.stringify(pinnedTarget));
-process.exit(ok ? 0 : 1);

package/scripts/topo-group-label-halo-layers-test.mjs

@@ -1,78 +0,0 @@
-/* Round 648 — group-label drop-shadow gains a SECOND outer layer
- * on both pin + hover branches. 2nd panel-tier anchor in the
- * multi-layer halo family (after R647 freshness pip).
- *
- * Test phases:
- *   1. mock 2 prefix-group nodes (alpha · 1/2) in grid layout
- *      → group box + label render
- *   2. rest: group label halo-layers='0', no filter
- *   3. source: pin branch + hover branch both stack 2 drop-shadows
- */
-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', 'grid');
-    sessionStorage.setItem('anet_v3_auth', '1');
-  } catch {}
-});
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias) => ({
-    alias, status: 'idle', model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha·1'), mk('alpha·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-group-label-halo-layers]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const rest = await page.evaluate(() => {
-  const el = document.querySelector('[data-group-label-halo-layers]');
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    layers:   el.getAttribute('data-group-label-halo-layers'),
-    pinned:   el.getAttribute('data-group-label-pinned'),
-    filter:   cs.filter,
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourcePinBranch   = /`drop-shadow\(0 0 3px \$\{pal\.legendAccent\}80\) drop-shadow\(0 0 6px \$\{pal\.legendAccent\}40\) brightness\(1\.15\)`/.test(src);
-const sourceHoverBranch = /`drop-shadow\(0 0 3px \$\{pal\.legendAccent\}4d\) drop-shadow\(0 0 6px \$\{pal\.legendAccent\}26\) brightness\(1\.15\)`/.test(src);
-const sourceLayersAttr  = /data-group-label-halo-layers=\{\(isPinned \|\| isHovered\) \? '2' : '0'\}/.test(src);
-
-const results = {
-  rest_present:        !!rest,
-  rest_layers_0:       rest?.layers === '0',
-  rest_pinned_false:   rest?.pinned === 'false',
-  rest_filter_none:    rest?.filter === 'none' || !(/drop-shadow/.test(rest?.filter || '')),
-  source_pin_branch:   sourcePinBranch,
-  source_hover_branch: sourceHoverBranch,
-  source_layers_attr:  sourceLayersAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R648 group-label multi-layer halo (panel-tier 2nd anchor):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(rest)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-group-label-hover-glow-test.mjs

@@ -1,86 +0,0 @@
-/* Round 538 verification: group label drop-shadow extends from pin-only
- * (R479) to ALSO fire on hover, with 2-tier alpha ladder (pin: 80 hex /
- * hover: 4d hex).
- *
- * Test strategy: source-canonical (group labels only render in grid
- * layout AND group hover via Playwright is impractical for the same
- * SVG-deep reasons as edge-hover R534). Rest probe + source regex
- * covers the wiring.
- *
- * Test phases:
- *   1. rest grid (group label visible): glow attr='false', filter='none'
- *   2. source-side regex confirms:
- *      - filter ternary: pin > hover > undefined with 80/4d alpha
- *      - 3-value attr ('pin' | 'hover' | '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', 'grid');  // grid for group labels
-    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,
-  });
-  // Two prefix-groups so groupBoxes render
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha·1', 'working'), mk('alpha·2', 'working'),
-    mk('beta·1', 'idle'),    mk('beta·2', 'idle'),
-  ] } });
-});
-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-group-label-glow]', { timeout: 15000 });
-await page.waitForTimeout(800);
-
-const rest = await page.evaluate(() => {
-  const el = document.querySelector('[data-group-label-glow]');
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    glowAttr:   el.getAttribute('data-group-label-glow'),
-    pinnedAttr: el.getAttribute('data-group-label-pinned'),
-    filter:     cs.filter,
-    transition: cs.transition,
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceFilterTernary =
-  /filter: isPinned\s+\? `drop-shadow\(0 0 3px \$\{pal\.legendAccent\}80\)`\s+: isHovered\s+\? `drop-shadow\(0 0 3px \$\{pal\.legendAccent\}4d\)`\s+: undefined,/.test(src);
-const sourceAttrTernary =
-  /data-group-label-glow=\{isPinned \? 'pin' : isHovered \? 'hover' : 'false'\}/.test(src);
-
-const results = {
-  rest_glow_false:        rest?.glowAttr === 'false',
-  rest_pinned_false:      rest?.pinnedAttr === 'false',
-  rest_filter_none:       rest?.filter === 'none' || rest?.filter === '',
-  rest_transition_has_filter: /\bfilter\b/.test(rest?.transition || ''),
-  source_filter_ternary:  sourceFilterTernary,
-  source_attr_ternary:    sourceAttrTernary,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R538 group-label hover-glow (source-canonical):`,
-  JSON.stringify(results, null, 2),
-  '\n  rest:', JSON.stringify(rest));
-process.exit(ok ? 0 : 1);

package/scripts/topo-group-label-hover-test.mjs

@@ -1,119 +0,0 @@
-/* Round 86 verification: hovering a group label previews the same
- * dim mechanism as hovering a member node. R63 wired click-to-pin
- * but forgot the hover preview — same R83 hover/click consistency
- * gap. Now closed for group labels too.
- *
- * Fleet: 3 alpha + 2 beta in grid layout. Hover alpha label →
- * alpha nodes stay bright, beta nodes dim. Hover beta label →
- * inverse. Click alpha label → pin (R63 existing). Hover beta
- * while alpha pinned → live transient preview of beta, alpha dims.
- * Leave beta label → alpha pin restores (activeGroup =
- * hoveredGroup ?? pinnedGroup).
- */
-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');
-    localStorage.setItem('anet-topo-layout', 'grid');
-    sessionStorage.setItem('anet_v3_auth', '1');
-    sessionStorage.removeItem('anet-topo-pinned-status');
-    sessionStorage.removeItem('anet-topo-pinned-group');
-  } 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,
-  });
-  const sessions = [mk('alpha1'), mk('alpha2'), mk('alpha3'), mk('beta1'), mk('beta2')];
-  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(() => document.querySelectorAll('[data-group-label-hit]').length >= 2, { timeout: 30000 });
-await page.waitForTimeout(400);
-
-const ops = () => page.evaluate(() => {
-  const o = {};
-  for (const a of ['alpha1', 'alpha2', 'alpha3', 'beta1', 'beta2']) {
-    const g = document.querySelector(`g[data-node="${a}"]`);
-    o[a] = g ? +(g.style.opacity || '1') : null;
-  }
-  return o;
-});
-
-const before = await ops();
-
-// Hover the alpha label — alphas should stay bright, betas dim.
-await page.locator('[data-group-label-hit="alpha"]').hover();
-await page.waitForTimeout(250);
-const onHoverAlpha = await ops();
-
-// Leave (move mouse far away) — baseline restores.
-await page.mouse.move(10, 10);
-await page.waitForTimeout(250);
-const afterLeaveAlpha = await ops();
-
-// Hover beta label — inverse.
-await page.locator('[data-group-label-hit="beta"]').hover();
-await page.waitForTimeout(250);
-const onHoverBeta = await ops();
-
-await page.mouse.move(10, 10);
-await page.waitForTimeout(250);
-
-// Click alpha label to pin → alpha pinned (R63 behaviour preserved).
-await page.locator('[data-group-label-hit="alpha"]').click();
-await page.mouse.move(10, 10);
-await page.waitForTimeout(250);
-const afterPinAlpha = await ops();
-
-// Hover beta while alpha is pinned — transient preview wins.
-await page.locator('[data-group-label-hit="beta"]').hover();
-await page.waitForTimeout(250);
-const onHoverBetaWhilePin = await ops();
-
-// Leave beta — alpha pin restores.
-await page.mouse.move(10, 10);
-await page.waitForTimeout(250);
-const afterLeaveBetaWhilePin = await ops();
-
-await browser.close();
-
-const bright = (v) => v != null && v >= 0.55;
-const dim    = (v) => v != null && v < 0.4;
-const results = {
-  before_baseline:           bright(before.alpha1) && bright(before.beta1),
-  hoverAlpha_alphasBright:   bright(onHoverAlpha.alpha1) && bright(onHoverAlpha.alpha2) && bright(onHoverAlpha.alpha3),
-  hoverAlpha_betasDim:       dim(onHoverAlpha.beta1) && dim(onHoverAlpha.beta2),
-  leaveAlpha_restores:       bright(afterLeaveAlpha.alpha1) && bright(afterLeaveAlpha.beta1),
-  hoverBeta_betasBright:     bright(onHoverBeta.beta1) && bright(onHoverBeta.beta2),
-  hoverBeta_alphasDim:       dim(onHoverBeta.alpha1) && dim(onHoverBeta.alpha2),
-  pinAlpha_keepsAlpha:       bright(afterPinAlpha.alpha1) && bright(afterPinAlpha.alpha2),
-  pinAlpha_dimsBeta:         dim(afterPinAlpha.beta1) && dim(afterPinAlpha.beta2),
-  hoverBetaPin_transient:    bright(onHoverBetaWhilePin.beta1) && dim(onHoverBetaWhilePin.alpha1),
-  leaveBetaPin_alphaRestored: bright(afterLeaveBetaWhilePin.alpha1) && dim(afterLeaveBetaWhilePin.beta1),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} group-label hover:`, JSON.stringify(results),
-  `\n  before=`,            before,
-  `\n  onHoverAlpha=`,      onHoverAlpha,
-  `\n  onHoverBeta=`,       onHoverBeta,
-  `\n  afterPinAlpha=`,     afterPinAlpha,
-  `\n  onHoverBetaPin=`,    onHoverBetaWhilePin,
-  `\n  leaveBetaPin=`,      afterLeaveBetaWhilePin);
-process.exit(ok ? 0 : 1);

package/scripts/topo-group-label-letter-spacing-test.mjs

@@ -1,113 +0,0 @@
-/* Round 432 verification: group label text 3-tier letter-spacing —
- * rest 0 / hover 0.25 / pinned 0.5. Extends R427 alias 3-tier and
- * R431 edge-badge 3-tier to group-label scope. Hover-letter-spacing
- * family now 8 anchors.
- *
- * Contract:
- *   - need >1 alias prefix group to mount group boxes (grid layout)
- *   - rest: every group-label reports letter-spacing '0px' (or
- *     'normal' computed), pinned=false, hovered=false
- *   - hover one label-hit: that group-label reports letter-spacing
- *     '0.25px' + hovered=true (R432 mid tier)
- *   - source-file probe confirms 3-tier conditional
- */
-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(() => {
-  // Force grid layout (the layout toggle persists in localStorage)
-  try {
-    localStorage.setItem('anet-theme', 'cyber');
-    localStorage.setItem('anet-topo-layout', 'grid');
-    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,
-  });
-  // Sessions with alias prefix groups: alpha·X / beta·X / gamma·X
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha·1', 'working'),
-    mk('alpha·2', 'idle'),
-    mk('beta·1',  'working'),
-    mk('beta·2',  'idle'),
-    mk('gamma·1', 'working'),
-    mk('gamma·2', 'idle'),
-  ] } });
-});
-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-group-label]', { timeout: 15000 });
-await page.waitForTimeout(400);
-
-const readAll = () => page.evaluate(() => {
-  const ts = [...document.querySelectorAll('[data-group-label]')];
-  return ts.map(t => ({
-    key:     t.getAttribute('data-group-label'),
-    ls:      t.style.letterSpacing,
-    pinned:  t.getAttribute('data-group-label-pinned'),
-    hovered: t.getAttribute('data-group-label-hovered'),
-  }));
-});
-
-const rest = await readAll();
-const firstKey = rest[0]?.key;
-let hover = null;
-if (firstKey) {
-  const box = await page.evaluate((key) => {
-    // Hover the label-hit <g> wrapper which dispatches onPointerEnter →
-    // setHoveredGroupLabel(key). The associated <text> shares the same
-    // box.key as data-group-label.
-    const hit = document.querySelector(`[data-group-label-hit="${key}"]`);
-    if (!hit) return null;
-    const b = hit.getBoundingClientRect();
-    return { x: b.x + b.width / 2, y: b.y + b.height / 2 };
-  }, firstKey);
-  if (box) {
-    await page.mouse.move(box.x, box.y);
-    await page.waitForTimeout(300);
-    hover = await readAll();
-    await page.mouse.move(0, 0);
-  }
-}
-
-const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceWired = /letterSpacing:\s*isPinned\s*\?\s*'0\.5px'\s*:\s*\n?\s*isHovered\s*\?\s*'0\.25px'\s*:\s*'0px'/.test(fileText);
-
-await browser.close();
-
-const isRest = (ls) => ls === '0px' || ls === '' || ls === 'normal';
-
-const hoveredEntry = hover?.find(r => r.key === firstKey);
-const othersRest   = hover ? hover.filter(r => r.key !== firstKey).every(r => isRest(r.ls)) : false;
-
-const results = {
-  rest_count_gte_2:           rest.length >= 2,
-  rest_all_zero:              rest.every(r => isRest(r.ls)),
-  rest_all_pinned_false:      rest.every(r => r.pinned === 'false'),
-  rest_all_hovered_false:     rest.every(r => r.hovered === 'false'),
-  hover_target_ls_0_25:       hoveredEntry?.ls === '0.25px',
-  hover_target_hovered_attr:  hoveredEntry?.hovered === 'true',
-  hover_others_stay_rest:     othersRest,
-  source_three_tier_wired:    sourceWired,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} group label 3-tier letter-spacing:`, JSON.stringify(results),
-  '\n  rest count:', rest.length,
-  '\n  hover target:', JSON.stringify(hoveredEntry));
-process.exit(ok ? 0 : 1);