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

package/scripts/topo-toggle-inactive-cyan-hover-test.mjs

@@ -1,110 +0,0 @@
-/* Round 270 verification: chrome strip TOGGLE buttons align inactive
- * hover-bg to the Layout toggle's R163 cyan-preview pattern.
- *
- * Pre-R270:
- *   Layout Ring/Grid inactive:  'hover:bg-cyan-500/5 active:bg-cyan-500/15'   ← R163 cyan preview
- *   nodeSize S/M/L inactive:    'hover:bg-white/5 active:bg-white/10'         ← neutral white
- *   fullscreen inactive:        'hover:bg-white/5 active:bg-white/10'         ← neutral white
- *   zoom -/+ + reset:            'hover:bg-white/5 active:bg-white/10'         ← actions, no state
- *
- * The TOGGLES (Layout, nodeSize, fullscreen) split into two hover vocabularies:
- * Layout uses cyan-preview, the others use neutral white. R270 unifies the
- * other toggles to the cyan-preview pattern so all chrome TOGGLES preview
- * their active state on hover. Pure ACTIONS (zoom, reset) stay white.
- *
- * Test scope:
- *   1. nodeSize INACTIVE button(s) have 'hover:bg-cyan-500/5' class. With
- *      nodeScale=1 (L active), S and M are inactive — probe one of them.
- *   2. nodeSize ACTIVE button still has 'hover:bg-cyan-500/20' (unchanged).
- *   3. Fullscreen INACTIVE has 'hover:bg-cyan-500/5' (we're not in fullscreen).
- *   4. Pure ACTIONS (zoom-out, reset) STILL use 'hover:bg-white/5' (regression).
- *   5. R268 layout toggle border still uses pal.containerBorder (regression).
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias) => ({
-    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('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-topo-chrome-nodesize="S"]',  { timeout: 10000 });
-await page.waitForSelector('[data-topo-chrome-nodesize="L"]',  { timeout: 10000 });
-await page.waitForSelector('[data-topo-chrome-fullscreen]',    { timeout: 10000 });
-await page.waitForSelector('[data-topo-chrome-zoom-out]',      { timeout: 10000 });
-await page.waitForSelector('[data-topo-chrome-reset]',         { timeout: 10000 });
-await page.waitForSelector('[data-topo-chrome-layout-trailer]',{ timeout: 10000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  // With default state, nodeScale=1 → L active, S+M inactive.
-  const s = document.querySelector('[data-topo-chrome-nodesize="S"]');
-  const m = document.querySelector('[data-topo-chrome-nodesize="M"]');
-  const l = document.querySelector('[data-topo-chrome-nodesize="L"]');
-  const fullscreen = document.querySelector('[data-topo-chrome-fullscreen]');
-  const zoomOut    = document.querySelector('[data-topo-chrome-zoom-out]');
-  const reset      = document.querySelector('[data-topo-chrome-reset]');
-  const layoutWrap = document.querySelector('[data-topo-chrome-layout-trailer]');
-  return {
-    sClasses:           s          ? s.className.toString()          : null,
-    mClasses:           m          ? m.className.toString()          : null,
-    lClasses:           l          ? l.className.toString()          : null,
-    fullscreenClasses:  fullscreen ? fullscreen.className.toString() : null,
-    zoomOutClasses:     zoomOut    ? zoomOut.className.toString()    : null,
-    resetClasses:       reset      ? reset.className.toString()      : null,
-    layoutBorderColor:  layoutWrap ? window.getComputedStyle(layoutWrap).borderTopColor : null,
-  };
-});
-await browser.close();
-
-const has = (s, cls) => (s || '').includes(cls);
-
-// nodeScale defaults to 0.84 (M is active). S and L are inactive.
-const results = {
-  // Inactive nodeSize buttons (S + L when M is default-active) → cyan hover
-  s_inactive_has_cyan_hover:      has(probe.sClasses, 'hover:bg-cyan-500/5'),
-  l_inactive_has_cyan_hover:      has(probe.lClasses, 'hover:bg-cyan-500/5'),
-  // Active nodeSize (M @ 0.84 default) → unchanged cyan-500/20 hover (active variant)
-  m_active_has_cyan20_hover:      has(probe.mClasses, 'hover:bg-cyan-500/20'),
-  // No more white/5 on inactive nodeSize
-  s_inactive_no_white_hover:      !has(probe.sClasses, 'hover:bg-white/5'),
-  // Fullscreen INACTIVE (not in fullscreen) picks up cyan hover
-  fullscreen_inactive_has_cyan:   has(probe.fullscreenClasses, 'hover:bg-cyan-500/5'),
-  fullscreen_no_white_hover:      !has(probe.fullscreenClasses, 'hover:bg-white/5'),
-  // Pure ACTIONS stay white
-  zoom_out_keeps_white_hover:     has(probe.zoomOutClasses, 'hover:bg-white/5'),
-  reset_keeps_white_hover:        has(probe.resetClasses,   'hover:bg-white/5'),
-  // R268 regression: layout border still uses pal.containerBorder
-  r268_layout_border_unified:     probe.layoutBorderColor === 'rgb(42, 42, 74)',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} toggle inactive cyan hover:`, JSON.stringify(results),
-  '\n  S classes:',          probe.sClasses,
-  '\n  L (active):',          probe.lClasses,
-  '\n  fullscreen (inactive):', probe.fullscreenClasses,
-  '\n  zoom-out:',            probe.zoomOutClasses,
-  '\n  reset:',               probe.resetClasses,
-  '\n  layout border:',       probe.layoutBorderColor);
-process.exit(ok ? 0 : 1);

package/scripts/topo-top-rail-theme-ease-test.mjs

@@ -1,89 +0,0 @@
-/* Round 265 verification: canvas top-rail gradient gains theme-toggle
- * transition — closes the last canvas-envelope theme-snap.
- *
- * Pre-R265 the top-rail was:
- *   <div className={`absolute inset-x-0 top-0 h-px bg-gradient-to-r ${pal.topRailGradient}`} />
- *
- * pal.topRailGradient is theme-conditional:
- *   cyber: 'from-transparent via-cyan-400/70 to-transparent'
- *   light: 'from-transparent via-emerald-500/40 to-transparent'
- *
- * On theme toggle the className swap changes the gradient color but no
- * inline transition existed — so the 1px-tall bright line at the
- * canvas top edge SNAPPED while the wrapper bg (R254), border (R254),
- * and shadow (R263) all eased. Small visible holdover.
- *
- * R265 adds `transition: background-image 200ms ease-out`. CSS
- * gradient interpolation works on browsers ≥ Chrome 89 / Safari 14.1 /
- * FF 96 when both gradients share matching stop structure — both
- * gradients here are `from-transparent via-X to-transparent`
- * (identical 3-stop layout).
- *
- * Test scope:
- *   1. Top-rail element present at `[data-topo-top-rail]`.
- *   2. Inline transition contains `background-image` at 200ms (or 0.2s).
- *   3. Computed backgroundImage is a non-empty linear-gradient (not
- *      'none' / empty — confirms the className gradient applied).
- *   4. R263 wrapper box-shadow transition still in place (regression).
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias) => ({
-    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('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-topo-top-rail]', { timeout: 10000 });
-await page.waitForSelector('[data-topo-wrapper]',  { timeout: 10000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const rail    = document.querySelector('[data-topo-top-rail]');
-  const wrapper = document.querySelector('[data-topo-wrapper]');
-  return {
-    railTransition:      rail    ? rail.style.transition                                    : null,
-    railBackgroundImage: rail    ? window.getComputedStyle(rail).backgroundImage            : null,
-    wrapperTransition:   wrapper ? wrapper.style.transition                                 : null,
-  };
-});
-await browser.close();
-
-const has = (s, prop) => new RegExp(`${prop}\\s+(?:200ms|0\\.2s)`).test(s || '');
-
-const results = {
-  rail_present:                         probe.railTransition !== null,
-  rail_transition_has_bg_image_200:     has(probe.railTransition, 'background-image'),
-  rail_has_non_empty_gradient:          probe.railBackgroundImage != null
-                                        && probe.railBackgroundImage !== 'none'
-                                        && probe.railBackgroundImage.includes('linear-gradient'),
-  r263_wrapper_has_box_shadow_200:      has(probe.wrapperTransition, 'box-shadow'),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} top-rail theme ease:`, JSON.stringify(results),
-  '\n  rail transition:        ', probe.railTransition,
-  '\n  rail backgroundImage:   ', probe.railBackgroundImage,
-  '\n  wrapper transition:     ', probe.wrapperTransition);
-process.exit(ok ? 0 : 1);

package/scripts/topo-tree-diag.mjs

@@ -1,95 +0,0 @@
-/* Diagnostic: compare grid vs tree node frontend presentation.
- * Vincent UX complaint — tree view "没有像 grid 视图那样的前端展示".
- * Screenshots both layouts + dumps per-node visual element counts. */
-import { chromium } from 'playwright';
-import { readFileSync, mkdirSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-mkdirSync('/tmp/anet-tree-diag', { recursive: true });
-
-const lead = (a) => ({ alias: a, runtime: 'claude-code-cli' });
-const dep = (a) => ({ alias: a, runtime: 'codex-sdk' });
-const mem = (a) => ({ alias: a, runtime: 'claude-agent-sdk' });
-const FLEET = [
-  lead('总指挥'), lead('副指挥A'), lead('副指挥B'),
-  [lead, dep, mem, mem, mem, mem].map((f, i) => f(['A站内容', 'A站评测', 'A站数据', 'A站设计', 'A站运营', 'A站工程'][i])),
-  [lead, dep, mem, mem, mem].map((f, i) => f(['B站产品', 'B站工程', 'B站测试', 'B站运维', 'B站运营'][i])),
-  [lead, dep, mem, mem].map((f, i) => f(['P站产品', 'P站工程', 'P站测试', 'P站运维'][i])),
-  [lead, dep, mem, mem].map((f, i) => f(['通信龙', '通信牛', '通信马', '通信SDK马'][i])),
-  ['srv-a', 'srv-b', 'srv-c'].map(a => ({ alias: a, runtime: 'http-api', project_dir: '/home/v/agent-orchestra' })),
-  ['群星马', '书生1号', '微信马', '飞书马', '独立节点', '研究员1号', '研究员2号', '游侠马'].map(a => mem(a)),
-].flat();
-
-const browser = await chromium.launch({ headless: true });
-
-async function shot(layout) {
-  const ctx = await browser.newContext({ viewport: { width: 1280, height: 920 } });
-  await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-  await ctx.addInitScript((lay) => {
-    try {
-      localStorage.setItem('anet-theme', 'cyber');
-      localStorage.removeItem('anet-brand');
-      localStorage.removeItem('anet-topo-view');
-      localStorage.removeItem('anet-topo-nodescale');
-      localStorage.setItem('anet-topo-layout', lay);
-      sessionStorage.setItem('anet_v3_auth', '1');
-    } catch {}
-  }, layout);
-  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 = FLEET.map((f, i) => ({
-      alias: f.alias, status: i % 5 === 0 ? 'working' : 'idle', network_id: nid,
-      project_dir: f.project_dir ?? null, runtime: f.runtime ?? null,
-      created_at: '2026-05-15T00:00:00Z', updated_at: '2026-05-15T00:00:00Z',
-      last_seen_at: new Date().toISOString(),
-    }));
-    await route.fulfill({ response: r, json: { ...b, sessions } });
-  });
-  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(() => {
-    const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-    return !!svg && svg.querySelectorAll('g[data-node]').length > 20;
-  }, { timeout: 30000 }).catch(() => {});
-  await page.waitForTimeout(1200);
-  await page.evaluate(() => {
-    const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-    svg?.scrollIntoView({ behavior: 'instant', block: 'center' });
-  });
-  await page.waitForTimeout(500);
-
-  const facts = await page.evaluate(() => {
-    const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-    const nodes = [...svg.querySelectorAll('g[data-node]')];
-    const sample = nodes.slice(0, 3).map(g => ({
-      alias: g.getAttribute('data-node'),
-      circles: g.querySelectorAll('circle').length,
-      images: g.querySelectorAll('image').length,
-      texts: g.querySelectorAll('text').length,
-      paths: g.querySelectorAll('path').length,
-    }));
-    const viewG = svg.querySelector('g[data-topo-viewport], g[transform*="scale"]');
-    const groups = svg.querySelectorAll('g[data-group]').length;
-    return {
-      nodeCount: nodes.length,
-      groupBoxes: groups,
-      viewportTransform: viewG ? viewG.getAttribute('transform') : null,
-      sample,
-    };
-  });
-  const svgEl = await page.$('svg[viewBox="0 0 1000 680"]');
-  await svgEl.screenshot({ path: `/tmp/anet-tree-diag/${layout}.png`, animations: 'disabled' });
-  await ctx.close();
-  return facts;
-}
-
-for (const lay of ['grid', 'tree']) {
-  const f = await shot(lay);
-  console.log(`\n=== ${lay} ===`);
-  console.log(JSON.stringify(f, null, 2));
-}
-await browser.close();
-console.log('\nscreenshots: /tmp/anet-tree-diag/{grid,tree}.png');

package/scripts/topo-tz-ghost-test.mjs

@@ -1,69 +0,0 @@
-/* Round 35 verification: SQL-style timestamps (CommHub format) parse as
- * UTC regardless of the browser's local timezone. Reproduces the latent
- * bug from Round 34 — a 30-min-old offline node would have been ghosted
- * on a UTC+8 browser without parseHubTime. */
-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 });
-
-// SQL-style timestamp = ISO with the T replaced by space and Z stripped.
-// This is exactly what the CommHub returns (see /api/status probe).
-const sqlMin = (m) => {
-  const d = new Date(Date.now() - m * 60 * 1000);
-  return d.toISOString().replace('T', ' ').replace(/\.\d+Z$/, '');
-};
-
-async function probe(timezoneId) {
-  const ctx = await browser.newContext({ viewport: { width: 1280, height: 900 }, timezoneId });
-  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 {}
-  });
-  const fresh = sqlMin(0.1);
-  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 = [
-      { alias: 'live',  status: 'idle',    network_id: nid, project_dir: null,
-        created_at: fresh, updated_at: fresh, last_seen_at: fresh },
-      { alias: 'off30', status: 'offline', network_id: nid, project_dir: null,
-        created_at: fresh, updated_at: fresh, last_seen_at: sqlMin(30) },   // 30 min ago, SQL format
-      { alias: 'ghost', status: 'offline', network_id: nid, project_dir: null,
-        created_at: fresh, updated_at: fresh, last_seen_at: sqlMin(75) },   // 75 min ago — should ghost
-    ];
-    await route.fulfill({ response: r, json: { ...b, sessions } });
-  });
-  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.waitForSelector('svg[viewBox="0 0 1000 680"]', { timeout: 30000 });
-  await page.waitForTimeout(600);
-  const rendered = await page.$$eval('g[data-node]', els => els.map(e => e.getAttribute('data-node')));
-  await ctx.close();
-  return rendered;
-}
-
-const utc = await probe('UTC');
-const shanghai = await probe('Asia/Shanghai');     // UTC+8 — the failing case before Round 35
-const losAngeles = await probe('America/Los_Angeles'); // UTC-7/8 — the opposite skew
-await browser.close();
-
-const expectsLiveAndOff30 = list =>
-  list.includes('live') && list.includes('off30') && !list.includes('ghost');
-
-const results = {
-  utcRendersLiveAndOff30: expectsLiveAndOff30(utc),
-  shanghaiRendersLiveAndOff30: expectsLiveAndOff30(shanghai),
-  losAngelesRendersLiveAndOff30: expectsLiveAndOff30(losAngeles),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} TZ-safe ghost:`, JSON.stringify(results),
-  `\n  UTC=${JSON.stringify(utc)}\n  Asia/Shanghai=${JSON.stringify(shanghai)}\n  America/Los_Angeles=${JSON.stringify(losAngeles)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-vendor-activelinks-press-test.mjs

@@ -1,100 +0,0 @@
-/* Round 496 verification: vendor letter chip (data-vendor-letter-
- * hover-lift="true") + active-links chip (data-active-links-chip)
- * join active:scale-95 press family. Brings press family from 13
- * surfaces (R495) to 15.
- *
- * Active-links chip is gated on isInteractive (flowLinks.length > 0)
- * — fixture provides at least 1 active edge via working session.
- * Vendor letter chip renders 1× per distinct vendor (cli runtime: 1 +
- * any others). Test uses fixture with claude-code-cli only.
- */
-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,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha·a1', 'working'),
-    mk('alpha·a2', 'idle'),
-  ] } });
-});
-// Provide messages so flowLinks isInteractive activates (R206 gate)
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [
-  { id: 'm1', from_alias: 'alpha·a1', to_alias: 'alpha·a2', content: 'test', 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.waitForTimeout(1500);
-
-const vendor = await page.evaluate(() => {
-  const els = Array.from(document.querySelectorAll('[data-vendor-letter-hover-lift="true"]'));
-  return els.map((el) => {
-    const cs = window.getComputedStyle(el);
-    return {
-      cls_has_scale95: /active:scale-95/.test(el.className || ''),
-      cls_has_lift:    /hover:-translate-y-px/.test(el.className || ''),
-      tp_has_transform:/transform/i.test(cs.transitionProperty || ''),
-    };
-  });
-});
-
-const active = await page.evaluate(() => {
-  const el = document.querySelector('[data-active-links-chip]');
-  if (!el) return null;
-  const cs = window.getComputedStyle(el);
-  return {
-    cls_has_scale95: /active:scale-95/.test(el.className || ''),
-    cls_has_lift:    /hover:-translate-y-px/.test(el.className || ''),
-    clickable:       el.getAttribute('data-active-links-clickable'),
-    tp_has_transform:/transform/i.test(cs.transitionProperty || ''),
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sVendor = /transition-transform duration-200 ease-out transform-gpu hover:-translate-y-px active:scale-95"/.test(src);
-const sActive = /hover:bg-cyan-500\/10 hover:text-cyan-200 hover:border-cyan-500\/30 hover:-translate-y-px active:scale-95'/.test(src);
-
-const allVendorsScale = vendor.length === 0 || vendor.every((v) => v.cls_has_scale95);
-const allVendorsLift  = vendor.length === 0 || vendor.every((v) => v.cls_has_lift);
-const allVendorsTp    = vendor.length === 0 || vendor.every((v) => v.tp_has_transform);
-
-const results = {
-  source_vendor_wired:     sVendor,
-  source_active_wired:     sActive,
-  vendor_rendered_or_zero: vendor.length >= 0, // tautology — gate signal only
-  vendor_all_have_scale:   allVendorsScale,
-  vendor_all_have_lift:    allVendorsLift,
-  vendor_all_tp_transform: allVendorsTp,
-  active_dom_found:        !!active,
-  // active-links only carries scale-95 when isInteractive=clickable=true
-  active_class_correct:    !active || (active.clickable === 'true' ? active.cls_has_scale95 : true),
-  active_lift_correct:     !active || (active.clickable === 'true' ? active.cls_has_lift : true),
-  active_tp_transform:     !active || active.tp_has_transform,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R496 vendor+active-links press:`, JSON.stringify(results),
-  '\n  vendor count:', vendor.length, '  active clickable:', active && active.clickable);
-process.exit(ok ? 0 : 1);

package/scripts/topo-vendor-chip-glow-test.mjs

@@ -1,97 +0,0 @@
-/* Round 541 verification: vendor letter chip gains drop-shadow glow on
- * hover/pin using its own vendor.color identity. 2-tier alpha ladder
- * (pin 99 / hover 66). Sibling to R537 legend-swatch tier-color glow.
- *
- * Test phases (multi-vendor setup so vendor chips render):
- *   1. rest: data-vendor-glow='false', filter='none'
- *   2. hover vendor chip: glow='hover', filter has drop-shadow with
- *      vendor color at lower alpha
- *   3. source-side regex confirms filter ternary + 3-value attr
- */
-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, model) => ({
-    alias, status: 'idle', model, runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  // R281 gates vendor chip render on vendorDist.length > 2 — need 3+
-  // distinct vendor types. Anthropic claude / Google gemini / OpenAI gpt.
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('a·1', 'claude-opus-4'),
-    mk('a·2', 'gemini-2.5-pro'),
-    mk('a·3', 'gpt-4'),
-  ] } });
-});
-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-vendor-letter]', { timeout: 15000 });
-await page.waitForTimeout(800);
-
-// Pick the first vendor chip — probe both computed (CSS resolved) AND
-// inline (React-set raw style) for filter, since !important class rules
-// can override computed even if inline is set.
-const restRead = async () => page.evaluate(() => {
-  const el = document.querySelector('[data-vendor-letter]');
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    glow:        el.getAttribute('data-vendor-glow'),
-    initial:     el.getAttribute('data-vendor-letter'),
-    filter:      cs.filter,
-    inlineFilter: el.style.filter,
-  };
-});
-
-// Phase 1: rest
-const rest = await restRead();
-
-// Phase 2: hover the chip
-await page.hover('[data-vendor-letter]');
-await page.waitForTimeout(400);
-const hover = await restRead();
-
-await browser.close();
-
-// Source regex — uses color-mix() instead of hex+alpha since v.color is
-// HSL format (vendorIdentity mono.text), not hex. Banked test-craft note.
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceFilterTernary =
-  /filter: isPinned\s+\? `drop-shadow\(0 0 3px color-mix\(in srgb, \$\{v\.color\} 60%, transparent\)\)`\s+: hoveredVendor === v\.initial\s+\? `drop-shadow\(0 0 3px color-mix\(in srgb, \$\{v\.color\} 40%, transparent\)\)`\s+: undefined,/.test(src);
-const sourceAttrTernary =
-  /data-vendor-glow=\{isPinned \? 'pin' : hoveredVendor === v\.initial \? 'hover' : 'false'\}/.test(src);
-
-const results = {
-  rest_glow_false:         rest?.glow === 'false',
-  rest_filter_none:        rest?.filter === 'none' || rest?.filter === '',
-  hover_glow_hover:        hover?.glow === 'hover',
-  hover_filter_drop_shadow: /drop-shadow/.test(hover?.filter || ''),
-  source_filter_ternary:   sourceFilterTernary,
-  source_attr_ternary:     sourceAttrTernary,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R541 vendor-chip glow:`,
-  JSON.stringify(results, null, 2),
-  '\n  rest:', JSON.stringify(rest),
-  '\n  hover:', JSON.stringify(hover));
-process.exit(ok ? 0 : 1);

package/scripts/topo-vendor-chip-halo-layers-test.mjs

@@ -1,18 +0,0 @@
-/* Round 663 — vendor chip filter gains a 2nd outer drop-shadow at
- * 6px with halved color-mix opacity on both pin (60%→30%) + hover
- * (40%→20%) branches. 22nd anchor in multi-layer halo family.
- */
-import { readFileSync } from 'node:fs';
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourcePin = /`drop-shadow\(0 0 3px color-mix\(in srgb, \$\{v\.color\} 60%, transparent\)\) drop-shadow\(0 0 6px color-mix\(in srgb, \$\{v\.color\} 30%, transparent\)\) brightness\(1\.15\)`/.test(src);
-const sourceHover = /`drop-shadow\(0 0 3px color-mix\(in srgb, \$\{v\.color\} 40%, transparent\)\) drop-shadow\(0 0 6px color-mix\(in srgb, \$\{v\.color\} 20%, transparent\)\) brightness\(1\.15\)`/.test(src);
-
-const results = {
-  source_pin_branch:   sourcePin,
-  source_hover_branch: sourceHover,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R663 vendor chip multi-layer halo (pin + hover branches):`,
-  JSON.stringify(results, null, 2));
-process.exit(ok ? 0 : 1);