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

package/scripts/topo-brand-logo-hover-brightness-test.mjs

@@ -1,105 +0,0 @@
-/* Round 557 verification: title-block brand logo gains 4th hover
- * axis — hover:brightness-110 (filter). Composes with R548 scale +
- * R549 rotate + R553 idle breath.
- *
- * Test phases:
- *   1. rest: filter = 'none' (no brightness on idle, breath uses opacity)
- *   2. hover: filter contains 'brightness(1.1)' (or similar)
- *   3. data-attr present
- *   4. source: className contains hover:brightness-110 and
- *      transition-[transform,filter]
- *
- * R553 breath uses opacity, NOT filter — so filter stays clean at
- * rest. On hover, Tailwind adds filter: brightness(1.1).
- */
-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')] } });
-});
-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-topo-brand-logo]', { timeout: 15000 });
-await page.waitForTimeout(500);
-
-const sel = '[data-topo-brand-logo]';
-const rest = await page.evaluate((s) => {
-  const el = document.querySelector(s);
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    filter: cs.filter,
-    transitionProperty: cs.transitionProperty,
-    transitionDuration: cs.transitionDuration,
-    hoverBrightnessAttr: el.getAttribute('data-topo-brand-logo-hover-brightness'),
-  };
-}, sel);
-
-await page.hover(sel);
-await page.waitForTimeout(400);
-const hover = await page.evaluate((s) => {
-  const el = document.querySelector(s);
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    filter: cs.filter,
-    scale: cs.scale,
-    rotate: cs.rotate,
-  };
-}, sel);
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceClassname = /hover:brightness-110/.test(src);
-const sourceTransition = /transition-\[transform,filter\] duration-200 ease-out hover:scale-105 hover:rotate-6 hover:brightness-110/.test(src);
-const sourceAttr = /data-topo-brand-logo-hover-brightness="1\.1"/.test(src);
-
-const results = {
-  rest_filter_none:        rest?.filter === 'none',
-  rest_brightness_attr:    rest?.hoverBrightnessAttr === '1.1',
-  // Computed filter on hover should contain brightness(1.1) — handle
-  // both raw and serialized forms.
-  hover_filter_brightness: /brightness\(1\.1\)/.test(hover?.filter || ''),
-  hover_scale_still_105:   hover?.scale === '1.05',
-  hover_rotate_still_6:    hover?.rotate === '6deg',
-  transition_has_transform: /transform/.test(rest?.transitionProperty || ''),
-  transition_has_filter:   /filter/.test(rest?.transitionProperty || ''),
-  // 3 axes (color + transform + filter) → '0.2s, 0.2s, 0.2s'
-  transition_duration:     /^0\.2s(,\s*0\.2s)*$/.test(rest?.transitionDuration || ''),
-  source_classname:        sourceClassname,
-  source_transition_list:  sourceTransition,
-  source_attr:             sourceAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R557 brand-logo hover:brightness-110 (4th axis):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest filter: ${rest?.filter}`,
-  `\n  hover filter: ${hover?.filter}`,
-  `\n  hover scale: ${hover?.scale}, rotate: ${hover?.rotate}`,
-  `\n  transition: ${rest?.transitionProperty}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-brand-logo-hover-rotate-test.mjs

@@ -1,93 +0,0 @@
-/* Round 549 verification: title-block brand logo gains hover:rotate-6
- * paired with R548's hover:scale-105. Banked R547 Tailwind 4 pattern —
- * probe BOTH cs.scale AND cs.rotate (individual CSS properties, not
- * combined transform).
- *
- * Test phases:
- *   1. rest: scale='none' (or '1'), rotate='none' (or '0deg')
- *   2. hover: scale='1.05', rotate='6deg'
- *   3. source-side regex confirms className + data-attr 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', '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')] } });
-});
-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-topo-brand-logo]', { timeout: 15000 });
-await page.waitForTimeout(500);
-
-const sel = '[data-topo-brand-logo]';
-const rest = await page.evaluate((s) => {
-  const el = document.querySelector(s);
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    attrScale:  el.getAttribute('data-topo-brand-logo-hover-scale'),
-    attrRotate: el.getAttribute('data-topo-brand-logo-hover-rotate'),
-    scale:      cs.scale,
-    rotate:     cs.rotate,
-  };
-}, sel);
-
-await page.hover(sel);
-await page.waitForTimeout(400);
-const hover = await page.evaluate((s) => {
-  const el = document.querySelector(s);
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return { scale: cs.scale, rotate: cs.rotate };
-}, sel);
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceClassNameWired =
-  /className="shrink-0 transition-transform duration-200 ease-out hover:scale-105 hover:rotate-6 transform-gpu"/.test(src);
-const sourceScaleAttrWired =
-  /data-topo-brand-logo-hover-scale="1\.05"/.test(src);
-const sourceRotateAttrWired =
-  /data-topo-brand-logo-hover-rotate="6deg"/.test(src);
-
-const results = {
-  rest_scale_idle:        rest?.scale === 'none' || rest?.scale === '1',
-  rest_rotate_idle:       rest?.rotate === 'none' || rest?.rotate === '0deg',
-  rest_attr_scale_105:    rest?.attrScale === '1.05',
-  rest_attr_rotate_6deg:  rest?.attrRotate === '6deg',
-  hover_scale_105:        hover?.scale === '1.05',
-  hover_rotate_6deg:      hover?.rotate === '6deg',
-  source_classname:       sourceClassNameWired,
-  source_scale_attr:      sourceScaleAttrWired,
-  source_rotate_attr:     sourceRotateAttrWired,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R549 brand-logo hover-rotate-6 (paired with R548 scale-105):`,
-  JSON.stringify(results, null, 2),
-  '\n  rest:', JSON.stringify(rest),
-  '\n  hover:', JSON.stringify(hover));
-process.exit(ok ? 0 : 1);

package/scripts/topo-brand-logo-hover-test.mjs

@@ -1,85 +0,0 @@
-/* Round 548 verification: title-block brand logo gains hover:scale-105
- * delight gesture. Banked R547 Tailwind 4 pattern — probe cs.scale not
- * cs.transform.
- *
- * Test phases:
- *   1. rest: scale='none'
- *   2. hover: scale='1.05'
- *   3. source-side regex confirms className + data-attr 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', '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')] } });
-});
-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-topo-brand-logo]', { timeout: 15000 });
-await page.waitForTimeout(500);
-
-const sel = '[data-topo-brand-logo]';
-const rest = await page.evaluate((s) => {
-  const el = document.querySelector(s);
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    attrScale: el.getAttribute('data-topo-brand-logo-hover-scale'),
-    scale:     cs.scale,
-    rotate:    cs.rotate,
-  };
-}, sel);
-
-await page.hover(sel);
-await page.waitForTimeout(400);
-const hover = await page.evaluate((s) => {
-  const el = document.querySelector(s);
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return { scale: cs.scale };
-}, sel);
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceClassNameWired =
-  /className="shrink-0 transition-transform duration-200 ease-out hover:scale-105 transform-gpu"/.test(src);
-const sourceAttrWired =
-  /data-topo-brand-logo-hover-scale="1\.05"/.test(src);
-
-const results = {
-  rest_scale_none:       rest?.scale === 'none' || rest?.scale === '1',
-  rest_attr_scale_105:   rest?.attrScale === '1.05',
-  hover_scale_105:       hover?.scale === '1.05',
-  source_classname:      sourceClassNameWired,
-  source_attr:           sourceAttrWired,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R548 brand-logo hover-scale:`,
-  JSON.stringify(results, null, 2),
-  '\n  rest:', JSON.stringify(rest),
-  '\n  hover:', JSON.stringify(hover));
-process.exit(ok ? 0 : 1);

package/scripts/topo-brand-logo-transition-test.mjs

@@ -1,94 +0,0 @@
-/* Round 297 verification: brand-logo color transition.
- *
- * Codex's bbde2b7-era title-block sleep2agi crescent logo had
- * theme-conditional color (cyber #67e8f9 ↔ light #0d9488) but no
- * CSS transition — theme flips snapped the moon color in one
- * frame. R297 adds `transition: color 200ms ease-out` so the
- * brand mark joins the coordinated theme-toggle choreography
- * (R245/R246/R247/R253/R254).
- *
- * Contract:
- *   - [data-topo-brand-logo] is present (regression — codex's
- *     integration shipped).
- *   - computed transition includes 'color' with ~200ms duration.
- *   - computed color matches cyber palette (#67e8f9 in cyber theme).
- *   - R296 kicker color stays gray-500 (regression).
- *   - R295 swatch r=6 + R294 pulse absent 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) => ({
-    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: [
-    mk('alpha', 'claude-opus-4'),
-    mk('beta',  'gpt-4o'),
-  ] } });
-});
-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-topo-brand-logo]', { timeout: 15000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const logo = document.querySelector('[data-topo-brand-logo]');
-  if (!logo) return null;
-  const cs = getComputedStyle(logo);
-  const kicker = document.querySelector('[data-topo-section-kicker]');
-  const kCs = kicker ? getComputedStyle(kicker) : null;
-  const swatch = document.querySelector('[data-legend-swatch="working"]');
-  const pulses = document.querySelectorAll('[data-pulse-wrapper]');
-  return {
-    color:          cs.color,
-    transition:     cs.transition,
-    width:          logo.getAttribute('width'),
-    kickerColor:    kCs?.color ?? null,
-    swatchR:        swatch?.getAttribute('r') ?? null,
-    pulseCount:     pulses.length,
-  };
-});
-await browser.close();
-
-const hasColorTransition = (s) => /color\s+0?\.?\d*s|color\s+\d+ms/i.test(s || '');
-const isAround200ms = (s) => /(color\s+200ms|0\.2s)/i.test(s || '');
-
-// gray-600 (#4b5563 = rgb(75,85,99))
-const isNotGray600 = (s) => !/rgba?\(\s*75\s*,\s*85\s*,\s*99/.test(s || '');
-// gray-500 (#6b7280 = rgb(107,114,128))
-const isGrayish = (s) => /(rgb|oklab|lab|oklch|hsl)/.test(s || '');
-
-const results = {
-  brand_logo_present:       probe !== null,
-  // R316 bumped width 36 → 40; assertion updated.
-  brand_logo_width_40:      probe?.width === '40',
-  transition_has_color:     hasColorTransition(probe?.transition),
-  transition_200ms:         isAround200ms(probe?.transition),
-  r296_kicker_not_gray600:  isNotGray600(probe?.kickerColor),
-  r296_kicker_grayish:      isGrayish(probe?.kickerColor),
-  r295_swatch_r_6:          probe?.swatchR === '6',
-  r294_pulse_absent:        probe?.pulseCount === 0,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} brand-logo transition:`, JSON.stringify(results),
-  '\n  logo color:', probe?.color,
-  '\n  logo transition:', probe?.transition,
-  '\n  kicker color:', probe?.kickerColor);
-process.exit(ok ? 0 : 1);

package/scripts/topo-brand-shot.mjs

@@ -1,61 +0,0 @@
-/* Screenshot TopoGraph with brand=intern flag (书小生 avatars). */
-import { chromium } from 'playwright';
-
-const TOKEN = process.env.LOOP_REVIEW_TOKEN;
-const browser = await chromium.launch({ headless: true });
-
-function makeFakeSession(index) {
-  return {
-    alias: `agent${index}号`,
-    status: index % 5 === 0 ? 'working' : 'idle',
-    network_id: 'default',
-    created_at: '2026-05-13T00:00:00Z',
-    updated_at: '2026-05-13T00:00:00Z',
-    last_seen_at: '2026-05-13T00:00:00Z',
-  };
-}
-
-for (const [variant, themes] of [['normal', ['cyber', 'light']], ['large', ['cyber']]]) {
-  for (const theme of themes) {
-    const ctx = await browser.newContext({ viewport: { width: 1440, height: 900 } });
-    await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-    await ctx.addInitScript(t => {
-      try {
-        localStorage.setItem('anet-theme', t);
-        localStorage.setItem('anet-brand', 'intern');
-        sessionStorage.setItem('anet_v3_auth', '1');
-      } catch {}
-    }, theme);
-
-    if (variant === 'large') {
-      await ctx.route('**/api/hub/status*', async (route) => {
-        const response = await route.fetch();
-        const body = await response.json();
-        const real = body.sessions || [];
-        const padded = [...real];
-        while (padded.length < 25) padded.push(makeFakeSession(padded.length));
-        await route.fulfill({ response, json: { ...body, sessions: padded } });
-      });
-    }
-
-    const page = await ctx.newPage();
-    await page.goto('http://127.0.0.1:3000/?brand=intern', { waitUntil: 'domcontentloaded' });
-    await page.waitForFunction(() => {
-      const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-      const minNodes = window.location.search.includes('large') ? 14 : 8;
-      return !!svg && svg.querySelectorAll('image[href*="intern_avatar"]').length > 0;
-    }, { timeout: 30000 }).catch(() => {});
-    await page.waitForTimeout(1500);
-    await page.evaluate(t => document.documentElement.setAttribute('data-theme', t), theme);
-    await page.waitForTimeout(400);
-    await page.evaluate(() => {
-      const heading = [...document.querySelectorAll('h2')].find(h => /Command mesh/i.test(h.textContent || ''));
-      heading?.scrollIntoView({ behavior: 'instant', block: 'start' });
-    });
-    await page.waitForTimeout(800);
-    await page.screenshot({ path: `/tmp/anet-issue-50/topo-brand-${variant}-${theme}.png`, fullPage: false, animations: 'disabled', timeout: 30000 });
-    await ctx.close();
-  }
-}
-await browser.close();
-console.log('done');

package/scripts/topo-brand-watermark-test.mjs

@@ -1,97 +0,0 @@
-/* Round 282 verification: sleep2agi brand watermark at canvas bottom-left.
- *
- * Per Vincent 5215 ask via 通信龙 (logo placement on the canvas), R282
- * adds a low-opacity monospace text "sleep2agi" at viewBox (16, 672)
- * — bottom-left corner, the only fully-empty corner after R275-R281
- * 减法 arc:
- *   top-left:    recent-signal panel
- *   top-right:   legend panel
- *   bottom-right: chrome strip (HTML overlay)
- *   bottom-left: EMPTY → watermark home
- *
- * No icon yet (no sleep2agi-specific crescent asset in public/);
- * text-only watermark is the minimal-risk implementation. R283+
- * can swap in a real logo if Vincent provides asset.
- *
- * Test scope:
- *   1. data-topo-brand-watermark element exists.
- *   2. Text content === "sleep2agi".
- *   3. x === 16, y === 672 (bottom-left, 16-unit inset matching panels).
- *   4. opacity === "0.4" (subtle watermark).
- *   5. fill is set + theme-aware (not 'none', not empty).
- *   6. R281 vendor chip threshold regression: 2-vendor scenario chip absent.
- *   7. R280 spokes still retired (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';
-  // 2-vendor scenario (claude + gpt) so R281 vendor chip should be absent
-  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: [
-    mk('alpha', 'claude-opus-4'),
-    mk('beta',  'gpt-4o'),
-    mk('gamma', 'claude-sonnet-4'),
-    mk('delta', '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: 'domcontentloaded' });
-await page.waitForFunction(() => document.querySelectorAll('g[data-node]').length === 4, { timeout: 30000 });
-await page.waitForSelector('[data-topo-brand-watermark]', { timeout: 10000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const mark = document.querySelector('[data-topo-brand-watermark]');
-  const vendorChips = document.querySelectorAll('[data-vendor-letter]');
-  const spokes = document.querySelectorAll('[data-topo-spoke-angle]');
-  return {
-    present:        mark !== null,
-    text:           mark?.textContent ?? null,
-    x:              mark ? +mark.getAttribute('x') : null,
-    y:              mark ? +mark.getAttribute('y') : null,
-    opacity:        mark?.getAttribute('opacity') ?? null,
-    fill:           mark ? window.getComputedStyle(mark).fill : null,
-    vendorChipCount: vendorChips.length,
-    spokeCount:     spokes.length,
-  };
-});
-await browser.close();
-
-const results = {
-  watermark_present:           probe.present,
-  watermark_text_is_brand:     probe.text === 'sleep2agi',
-  watermark_x_is_16:           probe.x === 16,
-  watermark_y_is_672:          probe.y === 672,
-  watermark_opacity_0_4:       probe.opacity === '0.4',
-  watermark_fill_set:          probe.fill != null && probe.fill !== '' && probe.fill !== 'none',
-  r281_vendor_chip_absent_in_2_vendor: probe.vendorChipCount === 0,
-  r280_spokes_absent:          probe.spokeCount === 0,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} brand watermark:`, JSON.stringify(results),
-  '\n  text:', JSON.stringify(probe.text),
-  '\n  (x,y):', `(${probe.x}, ${probe.y})`,
-  '\n  opacity:', probe.opacity,
-  '\n  fill:', probe.fill,
-  '\n  vendor chips (expect 0):', probe.vendorChipCount,
-  '\n  spokes (expect 0):',       probe.spokeCount);
-process.exit(ok ? 0 : 1);

package/scripts/topo-canvas-aria-test.mjs

@@ -1,108 +0,0 @@
-/* Round 158 verification: main canvas SVG gains aria-label +
- * aria-roledescription.
- *
- * R151-R157 closed a11y across every interactive surface INSIDE
- * the canvas (nodes / group labels / edge badges / recent rows /
- * legend rows / chrome buttons / minimap). The canvas <svg> root
- * itself was a nameless 1000×680 box — a screen-reader user who
- * landed on it before tab-diving into children heard nothing
- * identifying the surface.
- *
- * R158 closes that gap:
- *   aria-roledescription="agent network topology"
- *   aria-label live-updates with snapshot:
- *     "Agent network topology — 5 agents online · 3 working ·
- *      1 offline · 2 active links. Tab to navigate nodes,
- *      double-click canvas to reset view."
- *
- * No role override — default SVG role (graphics-document) keeps
- * children navigable; role="img" would flatten the SVG to a
- * single opaque image and hide all the R151-R157 work.
- *
- * Test:
- *   1. Mock 3 working + 2 idle online + 1 offline + 2 active links
- *   2. Assert canvas SVG has both ARIA attrs
- *   3. Assert aria-label contains all four count fragments + gesture hints
- *   4. Assert no role="img" (would defeat children a11y)
- */
-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();
-const stale = new Date(Date.now() - 10 * 60 * 1000).toISOString();
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias, status, last) => ({
-    alias, status, model: 'claude-opus-4', runtime: 'cli-claude-code',
-    network_id: nid, project_dir: null,
-    created_at: last, updated_at: last, last_seen_at: last,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('agents-a1', 'working', fresh),
-    mk('agents-a2', 'working', fresh),
-    mk('agents-a3', 'working', fresh),
-    mk('infra-b1',  'idle',    fresh),
-    mk('infra-b2',  'idle',    fresh),
-    mk('legacy-c1', 'offline', stale),
-  ] } });
-});
-
-const now = Date.now();
-// 4 a1↔a2 msgs (R100 threshold for edge badge) + 1 a2↔a3 = 2 flowLinks
-const msgs = [];
-for (let i = 0; i < 4; i++) {
-  msgs.push({ id: `m${i}`, from_alias: 'agents-a1', to_alias: 'agents-a2', content: 'hi',
-    network_id: 'default', created_at: new Date(now - (10000 + i * 500)).toISOString() });
-}
-msgs.push({ id: 'mx', from_alias: 'agents-a2', to_alias: 'agents-a3', content: 'hi',
-  network_id: 'default', created_at: new Date(now - 14000).toISOString() });
-await ctx.route('**/api/hub/messages*', (route) => route.fulfill({ json: { messages: msgs } }));
-await ctx.route('**/api/hub/tasks*', (route) => route.fulfill({ json: { tasks: [] } }));
-
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-// 5 online + 1 offline = 6 g[data-node]
-await page.waitForFunction(() => document.querySelectorAll('g[data-node]').length === 6, { timeout: 30000 });
-await page.waitForTimeout(400);
-
-const probe = await page.evaluate(() => {
-  const el = document.querySelector('[data-topo-canvas-aria]');
-  if (!el) return null;
-  return {
-    tagName:            el.tagName.toLowerCase(),
-    role:               el.getAttribute('role'),
-    roledesc:           el.getAttribute('aria-roledescription'),
-    label:              el.getAttribute('aria-label'),
-  };
-});
-
-await browser.close();
-
-const label = probe?.label || '';
-const results = {
-  canvas_found:               probe !== null,
-  is_svg:                     probe?.tagName === 'svg',
-  no_role_img:                probe?.role !== 'img',
-  has_roledescription:        probe?.roledesc === 'agent network topology',
-  label_mentions_online:      /5 agents online/.test(label),
-  label_mentions_working:     /3 working/.test(label),
-  label_mentions_offline:     /1 offline/.test(label),
-  label_mentions_links:       /2 active links/.test(label),
-  label_mentions_tab:         /Tab to navigate/.test(label),
-  label_mentions_doubleclick: /double-click/.test(label),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} canvas SVG aria:`, JSON.stringify(results),
-  `\n  probe=`, probe);
-process.exit(ok ? 0 : 1);