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

package/scripts/topo-legend-swatch-grow-test.mjs

@@ -1,116 +0,0 @@
-/* Round 197 verification: legend swatch dot scales r 5.5 → 7 when
- * its row is hovered or pinned. Mirrors R177 hub hover-lift but at
- * legend grain.
- *
- * Pre-R197 the swatch was a flat constant r=5.5 — every other piece
- * of the row responded to hover/pin (R55 text brighten, R105 bg
- * tint, R144 1px row lift, R181 pin ring) but the swatch dot
- * itself stayed still. The dot is the row's visual-identity
- * anchor; making it grow gives the gesture full row-wide reach.
- *
- * Test (cyber/dark theme, 4 working sessions):
- *   1. Three swatches present: working / idle / offline.
- *   2. Idle: data-legend-swatch-state='idle', r ~ 5.5.
- *   3. Hover the "working" legend row, wait past 150ms transition.
- *   4. Working swatch: state='hover', r ~ 7.
- *   5. Other swatches (idle/offline) stay 'idle' + r ~ 5.5.
- *   6. Move away, wait — working swatch back to 'idle' + r 5.5.
- *   7. transition: r 150ms ease-out is in the inline style.
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const browser = await chromium.launch({ headless: true });
-
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias, status = 'working') => ({
-    alias, status, model: 'claude-opus-4', runtime: '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'), mk('beta'), mk('gamma'), mk('delta'),
-  ] } });
-});
-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-legend-swatch]', { timeout: 10000 });
-await page.waitForTimeout(300);
-
-const probe = async () => page.evaluate(() => {
-  return [...document.querySelectorAll('[data-legend-swatch]')].map(el => ({
-    key:   el.getAttribute('data-legend-swatch'),
-    state: el.getAttribute('data-legend-swatch-state'),
-    // Read both computed CSS r (the transitionable property) and the
-    // SVG attribute fallback. Chrome computes the CSS r as the live
-    // value, including mid-transition interpolated values.
-    cssR:  parseFloat(getComputedStyle(el).r),
-    attrR: parseFloat(el.getAttribute('r') || ''),
-    transition: el.style.transition,
-  }));
-});
-
-const idle = await probe();
-
-await page.hover('[data-legend-status="working"]');
-await page.waitForTimeout(220);  // past 150ms r transition + margin
-const hovered = await probe();
-
-await page.mouse.move(0, 0);
-await page.waitForTimeout(220);
-const settled = await probe();
-
-await browser.close();
-
-const idleWorking  = idle.find(s => s.key === 'working');
-const idleIdle     = idle.find(s => s.key === 'idle');
-const idleOffline  = idle.find(s => s.key === 'offline');
-
-const hovWorking   = hovered.find(s => s.key === 'working');
-const hovIdle      = hovered.find(s => s.key === 'idle');
-const hovOffline   = hovered.find(s => s.key === 'offline');
-
-const settledWorking = settled.find(s => s.key === 'working');
-
-const results = {
-  three_swatches:           idle.length === 3,
-  has_working_swatch:       !!idleWorking,
-  has_idle_swatch:          !!idleIdle,
-  has_offline_swatch:       !!idleOffline,
-
-  idle_working_state_idle:  idleWorking?.state === 'idle',
-  idle_working_r_small:     Math.abs((idleWorking?.cssR ?? idleWorking?.attrR ?? 0) - 5.5) < 0.4,
-  transition_includes_r:    (idleWorking?.transition || '').includes('r') &&
-                            (idleWorking?.transition || '').includes('150ms'),
-
-  hov_working_state_hover:  hovWorking?.state === 'hover',
-  hov_working_r_bigger:     (hovWorking?.cssR ?? hovWorking?.attrR ?? 0) > 6.5,
-  hov_working_r_about_7:    Math.abs((hovWorking?.cssR ?? hovWorking?.attrR ?? 0) - 7) < 0.4,
-  hov_idle_stays_idle:      hovIdle?.state === 'idle',
-  hov_idle_r_unchanged:     Math.abs((hovIdle?.cssR ?? hovIdle?.attrR ?? 0) - 5.5) < 0.4,
-  hov_offline_stays_idle:   hovOffline?.state === 'idle',
-
-  settled_state_idle:       settledWorking?.state === 'idle',
-  settled_r_back_small:     Math.abs((settledWorking?.cssR ?? settledWorking?.attrR ?? 0) - 5.5) < 0.4,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} legend swatch grow:`, JSON.stringify(results),
-  `\n  idle:`,    idle,
-  `\n  hovered:`, hovered,
-  `\n  settled:`, settled);
-process.exit(ok ? 0 : 1);

package/scripts/topo-legend-swatch-member-alias-match-test.mjs

@@ -1,139 +0,0 @@
-/* Round 562 verification: legend-row swatch lifts r + drop-shadow
- * when operator hovers a node alias whose status matches the row's
- * tier. 5th anchor in inspection-overrides-encoding family.
- *
- * Mock: alpha·1 (working) + alpha·2 (idle) + alpha·3 (offline).
- * Hover alpha·1 → 'working' legend swatch should lift; idle +
- * offline swatches stay at rest.
- *
- * Test phases:
- *   1. rest: all 3 swatches r=6, filter=none, attr='false'
- *   2. hover alpha·1 (working) → working swatch r=7, filter contains
- *      drop-shadow with green hex; idle + offline unchanged
- *   3. hover alpha·2 (idle) → idle swatch lifts, others rest
- *   4. hover alpha·3 (offline) → offline swatch lifts, others rest
- *   5. 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, 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('alpha·3', 'offline'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*',    (r) => r.fulfill({ json: { tasks: [] } }));
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'networkidle' });
-await page.waitForSelector('[data-legend-swatch="working"]', { timeout: 15000 });
-await page.waitForTimeout(500);
-
-const probeSwatch = (key) => page.evaluate((k) => {
-  const el = document.querySelector(`[data-legend-swatch="${k}"]`);
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    r: cs.r,
-    filter: cs.filter,
-    state: el.getAttribute('data-legend-swatch-state'),
-    matching: el.getAttribute('data-legend-swatch-member-alias-matching') === 'true',
-    glow: el.getAttribute('data-legend-swatch-glow') === 'true',
-  };
-}, key);
-
-const restWorking = await probeSwatch('working');
-const restIdle    = await probeSwatch('idle');
-const restOffline = await probeSwatch('offline');
-
-// Hover working node
-await page.hover('g[data-node="alpha·1"]');
-await page.waitForTimeout(400);
-const hoverWorkingWorking = await probeSwatch('working');
-const hoverWorkingIdle    = await probeSwatch('idle');
-const hoverWorkingOffline = await probeSwatch('offline');
-
-// Move away to reset
-await page.mouse.move(0, 0);
-await page.waitForTimeout(300);
-
-// Hover idle node
-await page.hover('g[data-node="alpha·2"]');
-await page.waitForTimeout(400);
-const hoverIdleIdle = await probeSwatch('idle');
-
-// Move away and hover offline node
-await page.mouse.move(0, 0);
-await page.waitForTimeout(300);
-await page.hover('g[data-node="alpha·3"]');
-await page.waitForTimeout(400);
-const hoverOfflineOffline = await probeSwatch('offline');
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceFlag = /const isMemberAliasMatching = hoveredAliasRowKey === row\.key;/.test(src);
-const sourceLifted = /const isSwatchLifted = isLifted \|\| isMemberAliasMatching;/.test(src);
-const sourceR = /r: isSwatchLifted \? '7px' : '6px'/.test(src);
-const sourceFilter = /filter: isSwatchLifted/.test(src);
-const sourceAttr = /data-legend-swatch-member-alias-matching=/.test(src);
-
-const results = {
-  // Rest state — all swatches r=6, no glow
-  rest_working_r_6:         restWorking?.r === '6px',
-  rest_working_filter_none: restWorking?.filter === 'none',
-  rest_working_matching_false: restWorking?.matching === false,
-  rest_idle_r_6:            restIdle?.r === '6px',
-  rest_offline_r_6:         restOffline?.r === '6px',
-  // Hover working node → working swatch lifts; idle + offline stay
-  hover_working_w_r_7:      hoverWorkingWorking?.r === '7px',
-  hover_working_w_matching: hoverWorkingWorking?.matching === true,
-  hover_working_w_glow:     /drop-shadow\(/.test(hoverWorkingWorking?.filter || ''),
-  hover_working_i_r_6:      hoverWorkingIdle?.r === '6px',
-  hover_working_o_r_6:      hoverWorkingOffline?.r === '6px',
-  // Hover idle node → idle swatch lifts
-  hover_idle_i_r_7:         hoverIdleIdle?.r === '7px',
-  hover_idle_i_matching:    hoverIdleIdle?.matching === true,
-  // Hover offline node → offline swatch lifts
-  hover_offline_o_r_7:      hoverOfflineOffline?.r === '7px',
-  hover_offline_o_matching: hoverOfflineOffline?.matching === true,
-  // Source
-  source_flag:    sourceFlag,
-  source_lifted:  sourceLifted,
-  source_r:       sourceR,
-  source_filter:  sourceFilter,
-  source_attr:    sourceAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R562 legend-swatch inspection-overrides-encoding (5th anchor):`,
-  JSON.stringify(results, null, 2),
-  '\n  rest working:', JSON.stringify(restWorking),
-  '\n  rest idle:', JSON.stringify(restIdle),
-  '\n  rest offline:', JSON.stringify(restOffline),
-  '\n  hover alpha·1 (working) → working:', JSON.stringify(hoverWorkingWorking),
-  '\n  hover alpha·2 (idle)    → idle:',    JSON.stringify(hoverIdleIdle),
-  '\n  hover alpha·3 (offline) → offline:', JSON.stringify(hoverOfflineOffline));
-process.exit(ok ? 0 : 1);

package/scripts/topo-legend-swatch-radius-test.mjs

@@ -1,78 +0,0 @@
-/* Round 295 verification: legend swatch idle radius 5.5 → 6.
- *
- * R197 grew the swatch on hover/pin from 5.5 → 7 (a 1.5px jump).
- * R295 bumps the idle radius to 6 so the hover delta becomes
- * a smoother 6→7 (1px lift). Idle reads slightly more like an
- * authored color anchor than a faint dot.
- *
- * Contract:
- *   - All [data-legend-swatch] circles have attribute r='6' (was 5.5).
- *   - data-legend-swatch-state='idle' on all (no fixture hover).
- *   - Three swatches present (working / idle / offline).
- *   - R294 pulse dots absent + R290 three radar rings intact.
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias, model, status) => ({
-    alias, status, model, runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha', 'claude-opus-4', 'working'),
-    mk('beta',  'gpt-4o',        'idle'),
-    mk('gamma', 'claude-sonnet-4', 'offline'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*', (r) => r.fulfill({ json: { tasks: [] } }));
-
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForSelector('[data-legend-swatch]', { timeout: 15000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const swatches = [...document.querySelectorAll('[data-legend-swatch]')];
-  const samples = swatches.map(s => ({
-    key:   s.getAttribute('data-legend-swatch'),
-    rAttr: s.getAttribute('r'),
-    rCss:  getComputedStyle(s).r,
-    state: s.getAttribute('data-legend-swatch-state'),
-  }));
-  const pulses = document.querySelectorAll('[data-pulse-wrapper]');
-  const rings = [...document.querySelectorAll('[data-topo-radar-ring]')]
-    .map(r => r.getAttribute('data-topo-radar-ring')).sort((a, b) => +a - +b);
-  return {
-    samples,
-    pulseCount:    pulses.length,
-    radarRings:    rings,
-  };
-});
-await browser.close();
-
-const results = {
-  three_swatches:           probe.samples.length === 3,
-  all_idle_state:           probe.samples.every(s => s.state === 'idle'),
-  all_radius_attr_6:        probe.samples.every(s => s.rAttr === '6'),
-  all_computed_r_6:         probe.samples.every(s => /^6/.test(s.rCss || '')),
-  r294_pulse_absent:        probe.pulseCount === 0,
-  r290_three_rings:         JSON.stringify(probe.radarRings) === JSON.stringify(['170', '250', '330']),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} legend swatch radius:`, JSON.stringify(results),
-  '\n  swatch samples:', probe.samples);
-process.exit(ok ? 0 : 1);

package/scripts/topo-legend-tint-brightness-test.mjs

@@ -1,83 +0,0 @@
-/* Round 612 — legend-row tint rect brightness on hover/pin.
- * 3rd panel-tier sibling. Closes the panel-row tint rect
- * brightness trio (group / recent / legend) at full parity.
- *
- * Test phases:
- *   1. mock 2 idle nodes → legend rows render
- *   2. rest: filter='none', brightness-attr='1', tinted='none'
- *   3. computed transition-property contains 'filter'
- *   4. source: filter conditional + data-attr + transition extension
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1200 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try {
-    localStorage.setItem('anet-theme', 'cyber');
-    localStorage.setItem('anet-topo-layout', 'ring');
-    sessionStorage.setItem('anet_v3_auth', '1');
-  } catch {}
-});
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias) => ({
-    alias, status: 'idle', model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [mk('a·1'), mk('a·2')] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*',    (r) => r.fulfill({ json: { tasks: [] } }));
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'networkidle' });
-await page.waitForSelector('[data-legend-row-tint-brightness]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const rest = await page.evaluate(() => {
-  const els = document.querySelectorAll('[data-legend-row-tint-brightness]');
-  if (!els.length) return null;
-  const el = els[0];
-  const cs = getComputedStyle(el);
-  return {
-    count: els.length,
-    filter: cs.filter,
-    transitionProperty: cs.transitionProperty,
-    brightnessAttr: el.getAttribute('data-legend-row-tint-brightness'),
-    tintedAttr: el.getAttribute('data-legend-row-tinted'),
-    transitionAttr: el.getAttribute('data-legend-row-tint-transition'),
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceFilter = /filter: \(hoveredStatus === row\.key \|\| isPinned\)\s*\?\s*'brightness\(1\.15\)'\s*:\s*undefined/.test(src);
-const sourceAttr = /data-legend-row-tint-brightness=\{\(hoveredStatus === row\.key \|\| isPinned\) \? '1\.15' : '1'\}/.test(src);
-const sourceTransition = /transition: 'fill 200ms ease-out, opacity 200ms ease-out, filter 200ms ease-out'/.test(src);
-
-const results = {
-  tint_present:           !!rest,
-  count_ge_3:             (rest?.count ?? 0) >= 3,
-  rest_filter_none:       rest?.filter === 'none',
-  rest_brightness_1:      rest?.brightnessAttr === '1',
-  rest_tinted_none:       rest?.tintedAttr === 'none',
-  transition_attr:        rest?.transitionAttr === '200ms',
-  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 ? '✅' : '❌'} R612 legend-row tint rect brightness (panel trio closure):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(rest)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-legend-trio-halo-layers-test.mjs

@@ -1,22 +0,0 @@
-/* Round 665 — 3 legend-panel internal drop-shadow surfaces gain
- * 2nd outer drop-shadow layers in one round. 24th anchor in multi-
- * layer halo family — first legend-trio sweep.
- *
- * Surfaces: legend swatch, legend-row label, legend flow-arrow.
- */
-import { readFileSync } from 'node:fs';
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceSwatch    = /`drop-shadow\(0 0 3px \$\{row\.fill\}99\) drop-shadow\(0 0 6px \$\{row\.fill\}4c\) brightness\(1\.15\)`/.test(src);
-const sourceRowLabel  = /`drop-shadow\(0 0 2px \$\{pal\.legendAccent\}80\) drop-shadow\(0 0 4px \$\{pal\.legendAccent\}40\) brightness\(1\.15\)`/.test(src);
-const sourceFlowArrow = /`drop-shadow\(0 0 3px \$\{pal\.flowEdge\}80\) drop-shadow\(0 0 6px \$\{pal\.flowEdge\}40\) brightness\(1\.15\)`/.test(src);
-
-const results = {
-  source_swatch:     sourceSwatch,
-  source_row_label:  sourceRowLabel,
-  source_flow_arrow: sourceFlowArrow,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R665 legend trio multi-layer halo (3 sibling legend surfaces):`,
-  JSON.stringify(results, null, 2));
-process.exit(ok ? 0 : 1);

package/scripts/topo-live-lanes.mjs

@@ -1,48 +0,0 @@
-/* #181 verify: load the LIVE dashboard (real ~99 sessions), tree/swimlane
- * layout, dump team-lane order top→bottom + screenshot. Confirms 设计 lane
- * sits adjacent to 海报设计师 (substring-related cluster). */
-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-181', { recursive: true });
-const browser = await chromium.launch({ headless: true });
-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(() => {
-  try {
-    localStorage.setItem('anet-theme', 'cyber');
-    localStorage.removeItem('anet-brand');
-    localStorage.removeItem('anet-topo-view');
-    localStorage.setItem('anet-topo-layout', 'tree');
-    sessionStorage.setItem('anet_v3_auth', '1');
-  } catch {}
-});
-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-group]').length > 3;
-}, { timeout: 30000 }).catch(() => {});
-await page.waitForTimeout(1200);
-await page.evaluate(() => document.querySelector('svg[viewBox="0 0 1000 680"]')
-  ?.scrollIntoView({ behavior: 'instant', block: 'center' }));
-await page.waitForTimeout(400);
-
-const lanes = await page.evaluate(() => {
-  const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-  return [...svg.querySelectorAll('g[data-group]')]
-    .map(g => {
-      const r = g.querySelector('rect');
-      return { key: g.getAttribute('data-group'), y: +r.getAttribute('y'), x: +r.getAttribute('x') };
-    })
-    .sort((a, b) => a.y - b.y);
-});
-console.log('lane order (top → bottom):');
-lanes.forEach((l, i) => console.log(`  ${String(i + 1).padStart(2)}. ${l.key}  (y=${l.y.toFixed(0)}, x=${l.x.toFixed(0)})`));
-
-const svgEl = await page.$('svg[viewBox="0 0 1000 680"]');
-await svgEl.screenshot({ path: '/tmp/anet-181/swimlane-live.png', animations: 'disabled' });
-await ctx.close();
-await browser.close();
-console.log('screenshot: /tmp/anet-181/swimlane-live.png');

package/scripts/topo-minimap-a11y-test.mjs

@@ -1,101 +0,0 @@
-/* Round 157 verification: minimap a11y completion.
- *
- * Pre-R157 the R30 minimap had role="img" (wrong — it's clickable)
- * + aria-label but no tabIndex / onKeyDown. Mouse users could
- * click to recenter; keyboard-only users couldn't reach or
- * activate it.
- *
- * R157 closes the gap with the standard pattern (R116/R139/R140/
- * R151/R152):
- *   role="button"
- *   tabIndex={0}
- *   aria-label="Topology minimap — click to recenter, Enter to reset view"
- *   onKeyDown(Enter/Space) → resetView()
- *   anet-topo-chip-focus className (R155 cyan outline)
- *
- * Test:
- *   1. Force the canvas off-default via zoom (so minimap renders)
- *   2. Verify role / tabIndex / aria-label / class on the minimap
- *   3. Press Enter on focused minimap → view resets (zoom back to 100%)
- */
-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) => ({
-    alias, status: 'working', 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'), mk('beta')] } });
-});
-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 === 2, { timeout: 30000 });
-await page.waitForTimeout(400);
-
-// Initial: zoom is 100%, minimap not rendered (gated to non-default view)
-const minimapBefore = await page.locator('[data-topo-minimap]').count();
-
-// Press + (zoom in) twice to render the minimap
-await page.keyboard.press('+');
-await page.keyboard.press('+');
-await page.waitForTimeout(250);
-
-const probe = await page.evaluate(() => {
-  const el = document.querySelector('[data-topo-minimap]');
-  if (!el) return null;
-  return {
-    role:       el.getAttribute('role'),
-    tabIndex:   el.getAttribute('tabindex'),
-    ariaLabel:  el.getAttribute('aria-label'),
-    title:      el.getAttribute('title'),
-    className:  el.getAttribute('class') || '',
-    zoomLevel:  document.querySelector('[data-topo-chrome-zoom-level]')?.textContent?.trim(),
-  };
-});
-
-// Focus minimap + Enter → reset view (zoom back to 100%)
-await page.locator('[data-topo-minimap]').focus();
-await page.keyboard.press('Enter');
-await page.waitForTimeout(250);
-const afterEnter = await page.evaluate(() => ({
-  zoomLevel: document.querySelector('[data-topo-chrome-zoom-level]')?.textContent?.trim(),
-  minimapHidden: !document.querySelector('[data-topo-minimap]'),
-}));
-
-await browser.close();
-
-const results = {
-  minimap_hiddenAtDefault: minimapBefore === 0,
-  minimap_renderedAfterZoom: probe !== null,
-  role_button:             probe?.role === 'button',
-  tabIndex_0:              probe?.tabIndex === '0',
-  ariaLabel_mentionsEnter: (probe?.ariaLabel || '').includes('Enter'),
-  title_mentionsEnter:     (probe?.title || '').includes('Enter'),
-  hasFocusClass:           (probe?.className || '').includes('anet-topo-chip-focus'),
-  zoomedBeforeReset:       probe?.zoomLevel !== '100%',
-  enter_resetsZoom:        afterEnter.zoomLevel === '100%',
-  enter_hidesMinimap:      afterEnter.minimapHidden === true,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} minimap a11y:`, JSON.stringify(results),
-  `\n  before count=${minimapBefore}`,
-  `\n  probe=`, probe,
-  `\n  afterEnter=`, afterEnter);
-process.exit(ok ? 0 : 1);