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

package/scripts/topo-vendor-chip-hover-lift-test.mjs

@@ -1,87 +0,0 @@
-/* Round 401 verification: vendor letter chips close the hover-lift
- * gesture family at the last interactive HTML chip surface. Sibling
- * to R397 filter pin pills + R398/R399 chip-row chips + R400 chrome
- * standalone buttons.
- *
- * Contract:
- *   - Vendor letter chip mounted with at least one vendor present:
- *     * data-vendor-letter-hover-lift === 'true'
- *     * className includes 'hover:-translate-y-px'
- *     * className includes 'transition-transform' + 'transform-gpu'
- *   - Pre-R401 invariants preserved:
- *     * tabular-nums + font-medium + anet-topo-chip-focus
- *     * data-vendor-letter / -count / -pinned / -hovered attrs present
- */
-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, 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,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha', 'claude-opus-4'),
-    mk('beta',  'gpt-5'),
-    mk('gamma', 'gemini-2.0-pro'),
-  ] } });
-});
-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-vendor-letter-hover-lift="true"]', { timeout: 15000 });
-await page.waitForTimeout(400);
-
-const probe = await page.evaluate(() => {
-  const chips = Array.from(document.querySelectorAll('[data-vendor-letter-hover-lift="true"]'));
-  if (chips.length === 0) return null;
-  return {
-    count: chips.length,
-    sample: {
-      className:   chips[0].className,
-      letter:      chips[0].getAttribute('data-vendor-letter'),
-      vendorCount: chips[0].getAttribute('data-vendor-letter-count'),
-      lift:        chips[0].getAttribute('data-vendor-letter-hover-lift'),
-      pinned:      chips[0].getAttribute('data-vendor-pinned'),
-    },
-  };
-});
-
-await browser.close();
-
-const cls = probe?.sample?.className || '';
-const results = {
-  // At least one vendor chip rendered (3 vendors in fixture)
-  chips_count_ge_1:             (probe?.count || 0) >= 1,
-  // R401 lift attrs + className tokens
-  lift_true:                    probe?.sample?.lift === 'true',
-  has_hover_translate:          cls.includes('hover:-translate-y-px'),
-  has_transition_transform:     cls.includes('transition-transform'),
-  has_transform_gpu:            cls.includes('transform-gpu'),
-  // Pre-R401 invariants (R314 + R232 + R266)
-  has_tabular_nums:             cls.includes('tabular-nums'),
-  has_font_medium:              cls.includes('font-medium'),
-  has_chip_focus:               cls.includes('anet-topo-chip-focus'),
-  has_inline_flex:              cls.includes('inline-flex'),
-  has_letter_attr:              !!probe?.sample?.letter,
-  has_count_attr:               !!probe?.sample?.vendorCount,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} vendor letter chip hover lift translateY(-1px):`, JSON.stringify(results),
-  '\n  chips:', probe?.count, '/ sample:', JSON.stringify(probe?.sample, null, 2));
-process.exit(ok ? 0 : 1);

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

@@ -1,111 +0,0 @@
-/* Round 80 verification: hovering a vendor letter in the distribution
- * chip dims nodes from other vendors. Composes with R55/R77/R79 dim
- * mechanic — same 0.28 dim weight, distinct filter dimension.
- *
- * Fleet: 2 Claude nodes (alpha, gamma) + 1 GPT node (beta). The chip
- * renders "C:2 G:1" (with the unknown bucket if any models don't
- * resolve). Hover `C` → alpha + gamma stay bright, beta dims. Hover
- * `G` → beta stays, alpha + gamma dim. Mouseleave restores.
- */
-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', 'ring');
-    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 sessions = [
-    { alias: 'alpha', 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 },
-    { alias: 'beta',  status: 'idle', model: 'gpt-5',         runtime: 'codex-cli',
-      network_id: nid, project_dir: null, created_at: fresh, updated_at: fresh, last_seen_at: fresh },
-    { alias: 'gamma', 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(() => document.querySelectorAll('g[data-node]').length === 3, { timeout: 30000 });
-await page.waitForTimeout(500);
-
-const opacities = () => page.evaluate(() => {
-  const o = {};
-  for (const a of ['alpha', 'beta', 'gamma']) {
-    const g = document.querySelector(`g[data-node="${a}"]`);
-    o[a] = g ? +(g.style.opacity || '1') : null;
-  }
-  return o;
-});
-const vendorLetters = await page.evaluate(() => {
-  return [...document.querySelectorAll('[data-vendor-letter]')].map(el => el.getAttribute('data-vendor-letter'));
-});
-
-const before = await opacities();
-
-// vendorIdentity maps Anthropic→`A`, OpenAI→`O` (initials, not first
-// letter of the model name). Find which sessions land in which bucket
-// dynamically — `alpha` + `gamma` use claude-opus-4 (Anthropic = A),
-// `beta` uses gpt-5 (OpenAI = O).
-const aLetter = vendorLetters.find(l => l === 'A') || vendorLetters[0];
-const oLetter = vendorLetters.find(l => l === 'O') || vendorLetters[1];
-
-await page.locator(`[data-vendor-letter="${aLetter}"]`).hover();
-await page.waitForTimeout(250);
-const onClaude = await opacities();
-
-await page.mouse.move(10, 10);
-await page.waitForTimeout(250);
-const afterClaude = await opacities();
-
-if (oLetter) {
-  await page.locator(`[data-vendor-letter="${oLetter}"]`).hover();
-  await page.waitForTimeout(250);
-}
-const onGpt = await opacities();
-
-await page.mouse.move(10, 10);
-await page.waitForTimeout(250);
-const afterGpt = await opacities();
-
-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.alpha) && bright(before.beta) && bright(before.gamma),
-  vendorLetters_atLeast2: vendorLetters.length >= 2,
-  anthropicLetter_A:      vendorLetters.includes('A'),
-  openaiLetter_O:         vendorLetters.includes('O'),
-  hoverA_keepsClaudes:    bright(onClaude.alpha) && bright(onClaude.gamma),
-  hoverA_dimsGPT:         dim(onClaude.beta),
-  leaveA_restoresAll:     bright(afterClaude.alpha) && bright(afterClaude.beta) && bright(afterClaude.gamma),
-  hoverO_keepsGPT:        bright(onGpt.beta),
-  hoverO_dimsClaudes:     dim(onGpt.alpha) && dim(onGpt.gamma),
-  leaveO_restoresAll:     bright(afterGpt.alpha) && bright(afterGpt.beta) && bright(afterGpt.gamma),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} vendor-chip hover:`, JSON.stringify(results),
-  `\n  vendorLetters=`, vendorLetters,
-  `\n  before=`,        before,
-  `\n  onClaude=`,      onClaude,
-  `\n  onGpt=`,         onGpt);
-process.exit(ok ? 0 : 1);

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

@@ -1,88 +0,0 @@
-/* Round 690 — extends vendor letter glyph (R676) + count suffix (R688)
- * halo gates from hover-only to (hover || pin). When a vendor is
- * pinned, all 3 nested layers (outer chip rect R663 + inner letter +
- * count) glow persistently in the brand hue. Closes vendor chip
- * pin-gesture symmetry — sibling to R689 (working/online chip pin-
- * gated halo).
- *
- * Source assertions:
- *   - vendor letter glyph filter gate: (hoveredVendor || isPinned)
- *   - count suffix filter gate:        (hoveredVendor || isPinned)
- *   - halo-layers attrs reflect extended gate logic
- *
- * Runtime assertions:
- *   - vendor letter glyphs + suffixes render (multiple vendors)
- *   - rest halo-layers='0' on both (no hover, no pin)
- */
-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,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('a·1', 'claude-opus-4'),
-    mk('a·2', 'gpt-4o'),
-    mk('a·3', 'gemini-pro'),
-  ] } });
-});
-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-glyph]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const runtimeState = await page.evaluate(() => {
-  const glyphs = Array.from(document.querySelectorAll('[data-vendor-letter-glyph]'));
-  const suffixes = Array.from(document.querySelectorAll('[data-vendor-letter-count-suffix]'));
-  return {
-    glyphs_count:   glyphs.length,
-    suffixes_count: suffixes.length,
-    rest_glyph_layers_all_zero:   glyphs.every(el => el.getAttribute('data-vendor-letter-glyph-halo-layers') === '0'),
-    rest_suffix_layers_all_zero:  suffixes.every(el => el.getAttribute('data-vendor-letter-count-suffix-halo-layers') === '0'),
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceGlyphGate  = /data-vendor-letter-glyph-halo-layers=\{\(hoveredVendor === v\.initial \|\| isPinned\) \? '2' : '0'\}/.test(src);
-const sourceSuffixGate = /data-vendor-letter-count-suffix-halo-layers=\{\(hoveredVendor === v\.initial \|\| isPinned\) \? '2' : '0'\}/.test(src);
-const sourceGlyphFilter  = /filter: \(hoveredVendor === v\.initial \|\| isPinned\) \? `drop-shadow\(0 0 2px \$\{v\.color\}80\) drop-shadow\(0 0 4px \$\{v\.color\}40\) brightness\(1\.15\)`/.test(src);
-const sourceSuffixFilter = /filter: \(hoveredVendor === v\.initial \|\| isPinned\)\s*\?\s*`drop-shadow\(0 0 2px \$\{v\.color\}80\) drop-shadow\(0 0 4px \$\{v\.color\}40\)`/.test(src);
-
-const results = {
-  glyphs_present:     runtimeState.glyphs_count >= 2,
-  suffixes_present:   runtimeState.suffixes_count >= 2,
-  rest_glyph_zero:    runtimeState.rest_glyph_layers_all_zero,
-  rest_suffix_zero:   runtimeState.rest_suffix_layers_all_zero,
-  source_glyph_gate:  sourceGlyphGate,
-  source_suffix_gate: sourceSuffixGate,
-  source_glyph_filter:  sourceGlyphFilter,
-  source_suffix_filter: sourceSuffixFilter,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R690 vendor letter glyph + count suffix pin-gated halo:`,
-  JSON.stringify(results, null, 2),
-  `\n  runtime: glyphs=${runtimeState.glyphs_count}, suffixes=${runtimeState.suffixes_count}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-vendor-chip-self-hover-test.mjs

@@ -1,131 +0,0 @@
-/* Round 202 verification: vendor letter chips (A/O/书/M/?) deepen
- * their OWN vendor colour on hover, completing the chip-row family
- * R193/R195/R201 opened.
- *
- * Pre-R202 hover fired R88 canvas dim via setHoveredVendor but the
- * chip itself stayed at bg=transparent. R202 tints the chip with
- * color-mix(in srgb, <vendor-hue> 12%, transparent) only when hovered
- * (and not pinned — pinned uses R180's stronger inset-ring treatment).
- *
- * Test (cyber dark, 2 claude + 2 gpt sessions → vendorDist={A:2, O:2}):
- *   1. vendor letter chips A + O both render (vendorDist.length > 1).
- *   2. Idle: data-vendor-hovered='false', backgroundColor='transparent'
- *      / 'rgba(0,0,0,0)'.
- *   3. Inline transition includes 'box-shadow 150ms' (R180 still there)
- *      AND 'background-color 200ms' (R202 splice).
- *   4. Hover 'A' chip — wait past 220ms.
- *   5. 'A' data-vendor-hovered='true', backgroundColor is a non-empty
- *      tint string (color-mix or rendered fallback) different from
- *      idle. 'O' chip stays 'false' + transparent.
- *   6. Move away — 'A' settles back to 'false' + transparent.
- *   7. R88 canvas-effect verification — hover 'A' sets hoveredVendor
- *      which composes into the canvas dim logic; we probe via a
- *      surrogate signal that the chip's R55-like effect fires:
- *      hoveredVendor is exposed elsewhere via data attributes; the
- *      simplest gate is that the chip itself reflects the hover via
- *      its own data-vendor-hovered attribute already asserted above
- *      (event handler clearly ran).
- */
-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) => ({
-    alias, status: 'working', model, runtime: 'cli-claude-code',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  // 3+ vendor types (R281 threshold tightened to >2): one Anthropic +
-  // one OpenAI + one InternLM (书生) + one unknown → vendorDist 4 types.
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha', 'claude-opus-4'),
-    mk('beta',  'gpt-4o'),
-    mk('gamma', 'internlm/internlm2'),
-    mk('delta', 'some-unknown-model'),
-  ] } });
-});
-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-vendor-letter="A"]', { timeout: 10000 });
-await page.waitForSelector('[data-vendor-letter="O"]', { timeout: 5000 });
-await page.waitForTimeout(300);
-
-const probe = async (initial) => page.evaluate((i) => {
-  const el = document.querySelector(`[data-vendor-letter="${i}"]`);
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    initial:    i,
-    hovered:    el.getAttribute('data-vendor-hovered'),
-    pinned:     el.getAttribute('data-vendor-pinned'),
-    bg:         cs.backgroundColor,
-    inlineBg:   el.style.backgroundColor,
-    transition: el.style.transition,
-  };
-}, initial);
-
-const idleA = await probe('A');
-const idleO = await probe('O');
-
-await page.hover('[data-vendor-letter="A"]');
-await page.waitForTimeout(260);
-const hoverA = await probe('A');
-const otherO = await probe('O');
-
-await page.mouse.move(0, 0);
-await page.waitForTimeout(280);
-const settledA = await probe('A');
-
-await browser.close();
-
-const isTransparent = (s) =>
-  !s || s === 'transparent' || s === 'rgba(0, 0, 0, 0)' || s === 'rgba(0,0,0,0)';
-
-const hasColorMix = (s) => /color-mix\s*\(/i.test(s || '');
-const isNonEmptyColor = (s) => !!s && !isTransparent(s);
-
-const results = {
-  A_chip_present:                !!idleA,
-  O_chip_present:                !!idleO,
-
-  idle_A_not_hovered:            idleA?.hovered === 'false',
-  idle_A_transparent_bg:         isTransparent(idleA?.bg),
-  idle_A_transition_boxshadow:   /box-shadow\s+(?:150ms|0\.15s)/.test(idleA?.transition || ''),
-  idle_A_transition_bgcolor:     /background-color\s+(?:200ms|0\.2s)/.test(idleA?.transition || ''),
-
-  idle_O_not_hovered:            idleO?.hovered === 'false',
-
-  hover_A_hovered_attr:          hoverA?.hovered === 'true',
-  hover_A_inline_color_mix:      hasColorMix(hoverA?.inlineBg),
-  hover_A_computed_non_transparent: isNonEmptyColor(hoverA?.bg) && !isTransparent(hoverA?.bg),
-  hover_A_bg_changed:            idleA?.bg !== hoverA?.bg,
-  hover_O_stays_idle:            otherO?.hovered === 'false' && isTransparent(otherO?.bg),
-
-  settled_A_not_hovered:         settledA?.hovered === 'false',
-  settled_A_transparent_bg:      isTransparent(settledA?.bg),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} vendor chip self-hover:`, JSON.stringify(results),
-  `\n  idleA:`,     idleA,
-  `\n  idleO:`,     idleO,
-  `\n  hoverA:`,    hoverA,
-  `\n  otherO:`,    otherO,
-  `\n  settledA:`,  settledA);
-process.exit(ok ? 0 : 1);

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

@@ -1,92 +0,0 @@
-/* Round 234 verification: vendor letter chip (the inline chips
- * showing 'A:3', 'C:2', etc. listing per-vendor session counts)
- * picks up the Tailwind `tabular-nums` utility so its ':N' suffix
- * digit doesn't reflow the chip row at the 9→10 boundary.
- *
- * 8th surface in the info-density tabular-nums sweep, completing
- * the HTML chip-side after R232's working/online/active-links.
- *
- * Scenario: 4 working agents split across two vendors — 3 on
- * claude-opus-4 (initial 'A') and 1 on gpt-4 (initial 'O') — so
- * vendorDist.length === 2, which is the condition gating the
- * chip strip render (line ~2116, `vendorDist.length > 1 && ...`).
- * Expect two chips: A:3 and O:1.
- */
-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) => ({
-    alias, status: 'working', model, runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  // R281 tightened chip threshold from >1 to >2 — need 3+ vendor types.
-  // 2 claude (A) + 1 gpt (O) + 1 InternLM (书) → vendorDist.length === 3.
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha', 'claude-opus-4'),
-    mk('beta',  'claude-opus-4'),
-    mk('gamma', 'gpt-4'),
-    mk('delta', 'internlm/internlm2'),
-  ] } });
-});
-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-vendor-letter]', { timeout: 10000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const out = await page.evaluate(() => {
-  const chips = Array.from(document.querySelectorAll('[data-vendor-letter]'));
-  return chips.map((c) => ({
-    initial:         c.getAttribute('data-vendor-letter'),
-    countAttr:       c.getAttribute('data-vendor-letter-count'),
-    classListHas:    c.className.split(/\s+/).includes('tabular-nums'),
-    fontVarNumeric:  getComputedStyle(c).fontVariantNumeric,
-    text:            (c.textContent || '').trim(),
-    // Inner ':N' suffix span — verify font-variant-numeric inherits
-    innerFvn:        (() => {
-      const inner = c.querySelectorAll('span');
-      // last span is the gray ':N' suffix
-      const last = inner[inner.length - 1];
-      return last ? getComputedStyle(last).fontVariantNumeric : null;
-    })(),
-  }));
-});
-await browser.close();
-
-const hasTab = (s) => /tabular-nums/.test(s || '');
-
-// Build a map of initial → count from the chips we found.
-const countByInitial = Object.fromEntries(out.map(o => [o.initial, o.countAttr]));
-// R281 fixture uses 2 claude (A:2) + 1 gpt (O:1) + 1 InternLM (书:1)
-// to meet the new vendorDist.length > 2 threshold for chip render.
-const results = {
-  three_chips:             out.length === 3,
-  all_have_initial:        out.every(o => typeof o.initial === 'string' && o.initial.length === 1),
-  anthropic_count_2:       countByInitial['A'] === '2',
-  openai_count_1:          countByInitial['O'] === '1',
-  internlm_count_1:        countByInitial['书'] === '1',
-  all_class_utility:       out.every(o => o.classListHas === true),
-  all_fvn_tabular:         out.every(o => hasTab(o.fontVarNumeric)),
-  all_inner_fvn_inherits:  out.every(o => hasTab(o.innerFvn)),
-  texts_match_counts:      out.every(o => new RegExp(`:${o.countAttr}$`).test(o.text)),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} vendor chip tabular:`, JSON.stringify(results),
-  '\n  chips:', out);
-process.exit(ok ? 0 : 1);

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

@@ -1,78 +0,0 @@
-/* Round 281 verification: vendor letters chip threshold tightened
- * from `vendorDist.length > 1` to `vendorDist.length > 2`.
- *
- * Pre-R281: chip rendered whenever ≥2 vendor types existed in the
- * fleet. For a typical Twitter demo (claude + gpt = 2 types), the
- * chip rendered "A:N O:M" adding ~50-80px to the chip-row width.
- *
- * Post-R281: chip only renders when ≥3 vendor types. The typical
- * 1-2 vendor case (most demos) hides the chip; only fleets with
- * actual diverse multi-vendor composition (3+ vendor types) show it.
- *
- * Scenario A: 2 vendor types (claude + gpt) — chip should be ABSENT
- * Scenario B: 3 vendor types (claude + gpt + InternLM) — chip PRESENT
- */
-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 });
-
-async function probeForScenario(sessions) {
-  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) => ({
-      alias, status: 'working', 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: sessions.map(s => mk(s.alias, s.model)) } });
-  });
-  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((n) => document.querySelectorAll('g[data-node]').length === n, sessions.length, { timeout: 30000 });
-  await page.waitForTimeout(400);
-  const result = await page.evaluate(() => {
-    const chips = document.querySelectorAll('[data-vendor-letter]');
-    return { chipCount: chips.length };
-  });
-  await ctx.close();
-  return result;
-}
-
-const twoVendors = await probeForScenario([
-  { alias: 'alpha', model: 'claude-opus-4' },
-  { alias: 'beta',  model: 'claude-sonnet-4' },
-  { alias: 'gamma', model: 'gpt-4o' },
-  { alias: 'delta', model: 'gpt-4' },
-]);
-
-const threeVendors = await probeForScenario([
-  { alias: 'alpha', model: 'claude-opus-4' },
-  { alias: 'beta',  model: 'gpt-4o' },
-  { alias: 'gamma', model: 'internlm/internlm2' },
-  { alias: 'delta', model: 'some-unknown' },
-]);
-
-await browser.close();
-
-const results = {
-  two_vendor_chip_absent:     twoVendors.chipCount === 0,
-  three_vendor_chip_present:  threeVendors.chipCount >= 3,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} vendor chip threshold:`, JSON.stringify(results),
-  '\n  2-vendor scenario chip count (expect 0):', twoVendors.chipCount,
-  '\n  3-vendor scenario chip count (expect >=3):', threeVendors.chipCount);
-process.exit(ok ? 0 : 1);