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

package/scripts/topo-minimap-online-hover-opacity-test.mjs

@@ -1,92 +0,0 @@
-/* Round 421 verification: minimap online dot opacity 0.95 → 1.0 on
- * minimap container hover. Sibling to R346 viewport rect tween.
- * Live-fleet anchors brighten when user hovers the minimap.
- *
- * Contract:
- *   - Minimap mounts on non-default view → zoom-in twice
- *   - Rest state: online dot opacity '0.95' (R392 invariant)
- *   - Hover state (page.hover on minimap container):
- *     * online dot opacity '1' + data '1'
- *     * R346 viewport strokeWidth '1.75'
- *   - Offline dot stays at R372 '0.6' in both states
- */
-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 stale = new Date(Date.now() - 30 * 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';
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    { alias: 'alpha', 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 },
-    { alias: 'ghost', status: 'offline', model: 'claude-opus-4', runtime: 'claude-code-cli', network_id: nid, project_dir: null, created_at: stale, updated_at: stale, last_seen_at: stale },
-  ] } });
-});
-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('g[data-node]', { timeout: 15000 });
-await page.waitForTimeout(300);
-
-await page.click('[data-topo-chrome-zoom-in]');
-await page.click('[data-topo-chrome-zoom-in]');
-await page.waitForSelector('[data-topo-minimap-dot]', { timeout: 5000 });
-await page.waitForTimeout(400);
-
-const restProbe = await page.evaluate(() => {
-  const dots = Array.from(document.querySelectorAll('[data-topo-minimap-dot]'));
-  const on  = dots.find((d) => d.getAttribute('data-topo-minimap-dot-online') === 'true');
-  const off = dots.find((d) => d.getAttribute('data-topo-minimap-dot-online') === 'false');
-  return {
-    online:  on  ? { opacity: on.getAttribute('opacity'),  data: on.getAttribute('data-topo-minimap-dot-opacity')  } : null,
-    offline: off ? { opacity: off.getAttribute('opacity'), data: off.getAttribute('data-topo-minimap-dot-opacity') } : null,
-  };
-});
-
-await page.hover('[data-topo-minimap]');
-await page.waitForTimeout(400);
-
-const hoverProbe = await page.evaluate(() => {
-  const dots = Array.from(document.querySelectorAll('[data-topo-minimap-dot]'));
-  const on  = dots.find((d) => d.getAttribute('data-topo-minimap-dot-online') === 'true');
-  const off = dots.find((d) => d.getAttribute('data-topo-minimap-dot-online') === 'false');
-  const view = document.querySelector('[data-topo-minimap-viewport]');
-  return {
-    online:  on  ? { opacity: on.getAttribute('opacity'),  data: on.getAttribute('data-topo-minimap-dot-opacity')  } : null,
-    offline: off ? { opacity: off.getAttribute('opacity'), data: off.getAttribute('data-topo-minimap-dot-opacity') } : null,
-    viewportSw: view?.getAttribute('stroke-width') ?? null,
-  };
-});
-
-await browser.close();
-
-const results = {
-  // Rest state (R392 baseline)
-  rest_online_0_95:     restProbe.online?.opacity === '0.95',
-  rest_online_data_0_95: restProbe.online?.data === '0.95',
-  rest_offline_0_6:     restProbe.offline?.opacity === '0.6',
-  // Hover state (R421 lift)
-  hover_online_1:       hoverProbe.online?.opacity === '1',
-  hover_online_data_1:  hoverProbe.online?.data === '1',
-  // R372 offline invariant: stays at 0.6 in both states
-  hover_offline_0_6:    hoverProbe.offline?.opacity === '0.6',
-  // R346 viewport lift on hover (invariant)
-  hover_viewport_sw_1_75: hoverProbe.viewportSw === '1.75',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} minimap online dot hover opacity 0.95 → 1.0:`, JSON.stringify(results),
-  '\n  rest: ', restProbe,
-  '\n  hover:', hoverProbe);
-process.exit(ok ? 0 : 1);

package/scripts/topo-minimap-online-opacity-test.mjs

@@ -1,93 +0,0 @@
-/* Round 392 verification: minimap online dot opacity 0.9 → 0.95.
- * Theme-consistency / canvas-presence polish family (7th anchor)
- * after R370 hub-ring, R371 edge-badge, R372 minimap offline,
- * R386 hub-highlight idle, R387 hover-detail panel, R391 hub-spoke
- * active. Halves the online dot's idle alpha gap (0.10 → 0.05).
- * Mirrors R386's hub-highlight idle 0.9 → 0.95 on the minimap.
- *
- * Contract:
- *   - Minimap only mounts when view is non-default — test clicks
- *     zoom-in twice to mount it before probing.
- *   - Online dots: opacity attr === '0.95', data-opacity === '0.95',
- *     R384 r=1.9 invariant, data-online='true'
- *   - Offline dot (one ghost session): opacity attr === '0.6'
- *     (R372 invariant), r=1.2 invariant, data-online='false'
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-const stale = new Date(Date.now() - 30 * 60 * 1000).toISOString(); // 30 min ago → offline
-
-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';
-  await route.fulfill({ response: r, json: {
-    ...b,
-    sessions: [
-      { alias: 'alpha', 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 },
-      { alias: 'beta',  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 },
-      { alias: 'ghost', status: 'offline', model: 'claude-opus-4',  runtime: 'claude-code-cli', network_id: nid, project_dir: null, created_at: stale, updated_at: stale, last_seen_at: stale },
-    ],
-  } });
-});
-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('g[data-node]', { timeout: 15000 });
-await page.waitForTimeout(300);
-
-// Minimap mounts only on non-default view — click zoom-in twice
-await page.click('[data-topo-chrome-zoom-in]');
-await page.click('[data-topo-chrome-zoom-in]');
-await page.waitForSelector('[data-topo-minimap-dot]', { timeout: 5000 });
-await page.waitForTimeout(400);
-
-const probe = await page.evaluate(() => {
-  const dots = Array.from(document.querySelectorAll('[data-topo-minimap-dot]'));
-  const online  = dots.filter((d) => d.getAttribute('data-topo-minimap-dot-online') === 'true');
-  const offline = dots.filter((d) => d.getAttribute('data-topo-minimap-dot-online') === 'false');
-  const read = (el) => el ? ({
-    opacityAttr:  el.getAttribute('opacity'),
-    opacityData:  el.getAttribute('data-topo-minimap-dot-opacity'),
-    radiusAttr:   el.getAttribute('r'),
-  }) : null;
-  return {
-    total:        dots.length,
-    onlineCount:  online.length,
-    offlineCount: offline.length,
-    onlineSample: read(online[0]),
-    offlineSample: read(offline[0]),
-  };
-});
-
-await browser.close();
-
-const results = {
-  // Setup: 2 online + 1 offline
-  total_3_dots:          probe.total === 3,
-  online_2_dots:         probe.onlineCount === 2,
-  offline_1_dot:         probe.offlineCount === 1,
-  // R392: online opacity 0.9 → 0.95
-  online_opacity_0_95:   probe.onlineSample?.opacityAttr === '0.95',
-  online_data_0_95:      probe.onlineSample?.opacityData === '0.95',
-  online_r_1_9:          probe.onlineSample?.radiusAttr === '1.9',     // R384 invariant
-  // R372 invariant: offline opacity 0.6
-  offline_opacity_0_6:   probe.offlineSample?.opacityAttr === '0.6',
-  offline_data_0_6:      probe.offlineSample?.opacityData === '0.6',
-  offline_r_1_2:         probe.offlineSample?.radiusAttr === '1.2',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} minimap online dot opacity 0.9 → 0.95:`, JSON.stringify(results),
-  '\n  probe:', JSON.stringify(probe, null, 2));
-process.exit(ok ? 0 : 1);

package/scripts/topo-minimap-online-radius-test.mjs

@@ -1,85 +0,0 @@
-/* Round 384 verification: minimap online dot radius 1.7 → 1.9.
- * Sibling visual-weight bump (10th anchor) to R383 recent-row pip
- * 1.8 → 2.0. Widens online vs offline tier contrast (1.42× → 1.58×).
- * R372 already lifted offline opacity 0.5 → 0.6; R384 lifts online
- * radius — pair completes minimap-dot legibility polish across both
- * states.
- *
- * The minimap only renders when view is non-default (zoom !== 1 ||
- * pan), so test triggers zoom-in twice to mount it.
- *
- * Contract:
- *   - Online dot computed r === '1.9'.
- *   - Online dot data-topo-minimap-dot-radius === '1.9'.
- *   - Offline dot r === '1.2' (R198 invariant, untouched).
- *   - Offline dot data-radius === '1.2'.
- *   - Pre-R384 invariants:
- *     * R198 opacity (online 0.9 / offline 0.6 from R372)
- *     * R198 transition list (opacity + fill + r 200ms) preserved
- */
-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();
-const stale = new Date(Date.now() - 600 * 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';
-  // Mix of online (working) + offline.
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    { alias: 'on-a', 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 },
-    { alias: 'on-b', 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 },
-    { alias: 'off-c', status: 'offline', model: 'claude-opus-4', runtime: 'claude-code-cli',
-      network_id: nid, project_dir: null, created_at: stale, updated_at: stale, last_seen_at: stale },
-  ] } });
-});
-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' });
-// Trigger zoom-in to mount minimap (R30 gate).
-await page.waitForSelector('[data-topo-chrome-zoom-in]', { timeout: 15000 });
-await page.click('[data-topo-chrome-zoom-in]');
-await page.waitForTimeout(200);
-await page.click('[data-topo-chrome-zoom-in]');
-await page.waitForSelector('[data-topo-minimap-dot]', { timeout: 5000 });
-await page.waitForTimeout(400);
-
-const probe = await page.evaluate(() => {
-  const online  = document.querySelector('[data-topo-minimap-dot-online="true"]');
-  const offline = document.querySelector('[data-topo-minimap-dot-online="false"]');
-  return {
-    onlineR:        online?.getAttribute('r') ?? null,
-    onlineRData:    online?.getAttribute('data-topo-minimap-dot-radius') ?? null,
-    onlineOpacity:  online?.getAttribute('opacity') ?? null,
-    offlineR:       offline?.getAttribute('r') ?? null,
-    offlineRData:   offline?.getAttribute('data-topo-minimap-dot-radius') ?? null,
-    offlineOpacity: offline?.getAttribute('opacity') ?? null,
-  };
-});
-
-await browser.close();
-
-const results = {
-  online_r_1_9:           probe.onlineR === '1.9',
-  online_r_data_1_9:      probe.onlineRData === '1.9',
-  online_opacity_0_9:     probe.onlineOpacity === '0.9',     // R198 invariant
-  offline_r_1_2:          probe.offlineR === '1.2',          // R198 invariant
-  offline_r_data_1_2:     probe.offlineRData === '1.2',
-  offline_opacity_0_6:    probe.offlineOpacity === '0.6',    // R372 lift
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} minimap online dot radius 1.7 → 1.9:`, JSON.stringify(results),
-  '\n  probe:', probe);
-process.exit(ok ? 0 : 1);

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

@@ -1,88 +0,0 @@
-/* Round 332 verification: minimap container rounded-md → rounded-lg
- * (6 → 8 px) — extends the R330-R331 corner-radius cascade.
- *
- * Size-hierarchy gradient now:
- *   outer wrapper      rounded-xl   12 px  (R330)
- *   inner SVG panels   rx=10        10 px  (R331)
- *   minimap overlay    rounded-lg    8 px  (R332, this round)
- *   inner detail card  rx=8          8 px  (codex 8f981a9)
- *   node label card    rx=6          6 px
- *   group label hit    rx=4          4 px
- *   row hover rect     rx=3          3 px
- *
- * Contract:
- *   - [data-topo-minimap] outer container has className containing
- *     'rounded-lg' (not 'rounded-md').
- *   - Computed border-top-left-radius === '8px'.
- *   - The minimap only mounts when view is non-default (zoom != 1 or
- *     pan != 0); we trigger zoom-in click to surface it.
- *   - R331 recent-panel rx=10 + R330 wrapper rounded-xl regressions.
- *   - R317 / R318 / R294 chrome + pulse regressions 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) => ({
-    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') ] } });
-});
-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-chrome-zoom-in]', { timeout: 15000 });
-// Trigger zoom-in so view goes non-default and minimap mounts.
-await page.click('[data-topo-chrome-zoom-in]');
-await page.waitForTimeout(300);
-await page.waitForSelector('[data-topo-minimap]', { timeout: 5000 });
-await page.waitForTimeout(200);
-
-const probe = await page.evaluate(() => {
-  const minimap = document.querySelector('[data-topo-minimap]');
-  const wrapper = document.querySelector('[data-topo-wrapper]');
-  const recent = document.querySelector('[data-topo-panel="recent"]');
-  return {
-    minimapClass:        minimap?.className ?? '',
-    minimapRadius:       minimap ? getComputedStyle(minimap).borderTopLeftRadius : null,
-    wrapperClass:        wrapper?.className ?? '',
-    recentRx:            recent?.querySelector('rect')?.getAttribute('rx') ?? null,
-    layoutInactiveCls:   document.querySelector('[data-topo-chrome-layout="grid"]')?.className ?? '',
-    layoutActiveCls:     document.querySelector('[data-topo-chrome-layout="ring"]')?.className ?? '',
-    pulseCount:          document.querySelectorAll('[data-pulse-wrapper]').length,
-  };
-});
-await browser.close();
-
-const results = {
-  minimap_has_rounded_lg:     probe.minimapClass.includes('rounded-lg') && !probe.minimapClass.includes('rounded-md'),
-  minimap_radius_8px:         probe.minimapRadius === '8px',
-  // R331 panel rx=10 regression.
-  r331_recent_rx_10:          probe.recentRx === '10' || probe.recentRx === null, // null OK if panel hidden
-  // R330 wrapper regression.
-  r330_wrapper_rounded_xl:    probe.wrapperClass.includes('rounded-xl'),
-  // R317 / R318 chrome regression.
-  r317_inactive_gray_400:     probe.layoutInactiveCls.includes('text-gray-400'),
-  r318_active_font_medium:    probe.layoutActiveCls.includes('font-medium'),
-  r294_pulse_absent:          probe.pulseCount === 0,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} minimap radius rounded-lg:`, JSON.stringify(results),
-  '\n  minimap border-top-left-radius:', probe.minimapRadius,
-  '\n  recent panel rx (regression):',   probe.recentRx);
-process.exit(ok ? 0 : 1);

package/scripts/topo-minimap-rect-stroke-test.mjs

@@ -1,94 +0,0 @@
-/* Round 287 verification: minimap viewport rect strokeWidth bumps
- * 1 → 1.5. The rect frames the user's current view in the minimap —
- * it IS the wayfinding "you are here" indicator. Bumping the stroke
- * by half a pixel (same micro-polish family as R283 monogram stroke)
- * lifts the boundary above ambient minimap-dot density without
- * crowding the miniaturised dots inside.
- *
- * The minimap is only rendered when view ≠ default (zoomed or
- * panned). Test simulates a zoom to surface the minimap.
- *
- * Contract:
- *   - [data-topo-minimap-viewport] exists after zoom.
- *   - Its stroke-width attribute === "1.5".
- *   - data-topo-minimap-dot still rendered (≥1 dot regression).
- *   - R283 monogram stroke + R282 watermark intact (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, 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', null),
-  ] } });
-});
-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 });
-
-// Trigger zoom-in to surface the minimap. The zoom-in button is the
-// '+' control inside the chrome strip.
-await page.click('[data-topo-chrome-zoom-in]');
-await page.click('[data-topo-chrome-zoom-in]');
-await page.waitForSelector('[data-topo-minimap-viewport]', { timeout: 5000 });
-await page.waitForTimeout(400);
-
-const probe = await page.evaluate(() => {
-  const rect = document.querySelector('[data-topo-minimap-viewport]');
-  const dots = document.querySelectorAll('[data-topo-minimap-dot]');
-  const watermark = document.querySelector('[data-topo-brand-watermark]');
-  const alphaNode = document.querySelector('g[data-node="alpha"]');
-  const alphaCircles = alphaNode ? [...alphaNode.querySelectorAll('circle')] : [];
-  const alphaAvatarCircle = alphaCircles
-    .map(c => ({ r: +c.getAttribute('r') || 0, sw: c.getAttribute('stroke-width'), isBadge: c.hasAttribute('data-runtime-badge') }))
-    .filter(c => c.r > 0 && c.r < 18 && !c.isBadge)
-    .sort((a, b) => b.r - a.r)[0];
-  return {
-    rectPresent:       rect !== null,
-    rectStrokeWidth:   rect?.getAttribute('stroke-width') ?? null,
-    rectOpacity:       rect?.getAttribute('opacity') ?? null,
-    dotCount:          dots.length,
-    alphaAvatarStroke: alphaAvatarCircle?.sw ?? null,
-    watermarkPresent:  watermark !== null,
-  };
-});
-await browser.close();
-
-const results = {
-  minimap_rect_present:           probe.rectPresent,
-  minimap_rect_stroke_is_1_5:     probe.rectStrokeWidth === '1.5',
-  minimap_rect_opacity_kept:      probe.rectOpacity === '0.9',
-  minimap_has_dots:               probe.dotCount >= 1,
-  r283_monogram_stroke_kept:      probe.alphaAvatarStroke === '1.5',
-  r282_watermark_present:         probe.watermarkPresent,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} minimap rect stroke:`, JSON.stringify(results),
-  '\n  rect strokeWidth:', probe.rectStrokeWidth,
-  '\n  rect opacity:', probe.rectOpacity,
-  '\n  dot count:', probe.dotCount,
-  '\n  alpha avatar (R283):', probe.alphaAvatarStroke);
-process.exit(ok ? 0 : 1);

package/scripts/topo-minimap-test.mjs

@@ -1,68 +0,0 @@
-/* Round 30 verification: minimap.
- *  - not mounted at default view (1×, centered)
- *  - mounted when zoomed in (one node dot per session, viewport rect)
- *  - click recenters the canvas (view.x / view.y change) */
-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: 1280, height: 1600 } });
-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');
-    localStorage.setItem('anet-topo-view', JSON.stringify({ zoom: 1, x: 0, y: 0 }));
-    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 sessions = ['A站', 'B站', 'C站', 'D站', 'E站', 'F站'].flatMap(g =>
-    Array.from({ length: 3 }, (_, i) => ({
-      alias: `${g}${i + 1}`, status: 'idle', 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/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(500);
-
-const minimap = '[data-topo-minimap]';
-const notMountedAtDefault = (await page.locator(minimap).count()) === 0;
-
-// Zoom in via `+` twice → view changes → minimap mounts
-await page.keyboard.press('=');
-await page.keyboard.press('=');
-await page.waitForTimeout(200);
-const mountedAfterZoom = (await page.locator(minimap).count()) === 1;
-const dotCount = await page.locator(`${minimap} svg circle`).count();
-const hasViewportRect = await page.locator(`${minimap} svg rect`).count() > 0;
-
-// Click on the minimap's far left → expect view.x to become more positive (canvas pans right)
-const beforeView = await page.evaluate(() => JSON.parse(localStorage.getItem('anet-topo-view')));
-const mmBox = await page.locator(minimap).boundingBox();
-await page.mouse.click(mmBox.x + 10, mmBox.y + mmBox.height / 2);
-await page.waitForTimeout(200);
-const afterView = await page.evaluate(() => JSON.parse(localStorage.getItem('anet-topo-view')));
-const clickRecenters = afterView.x !== beforeView.x || afterView.y !== beforeView.y;
-
-await browser.close();
-const results = {
-  notMountedAtDefault,
-  mountedAfterZoom,
-  oneDotPerSession: dotCount === 18, // 6 groups × 3 = 18 nodes
-  viewportRectPresent: hasViewportRect,
-  clickRecenters,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} minimap:`, JSON.stringify(results), `dots=${dotCount} view before=`, beforeView, `after=`, afterView);
-process.exit(ok ? 0 : 1);

package/scripts/topo-minimap-viewport-brightness-test.mjs

@@ -1,84 +0,0 @@
-/* Round 627 — minimap viewport rect stacks brightness(1.15) onto
- * existing hover + zoom>1.5 drop-shadow filters. Banked R582/R583
- * stacked-filter pattern at minimap chrome scope.
- *
- * Test phases:
- *   1. mock nodes → minimap viewport renders
- *   2. rest (no hover, zoom=1): filter='none', brightness-attr='1',
- *      glow='false'
- *   3. computed transition-property contains 'filter'
- *   4. source: stacked filter strings include both drop-shadow
- *      AND brightness in both gates
- */
-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' });
-// Minimap may only render when canvas is zoomed/panned. Verify source
-// patterns are correct first; runtime state is best-effort.
-await page.waitForTimeout(1000);
-
-const rest = await page.evaluate(() => {
-  const el = document.querySelector('[data-topo-minimap-viewport]');
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    filter: cs.filter,
-    transitionProperty: cs.transitionProperty,
-    brightnessAttr: el.getAttribute('data-topo-minimap-viewport-brightness'),
-    glowAttr: el.getAttribute('data-topo-minimap-viewport-glow'),
-    hoverAttr: el.getAttribute('data-topo-minimap-viewport-hover'),
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceHoverStack = /`drop-shadow\(0 0 2px \$\{pal\.legendAccent\}99\) brightness\(1\.15\)`/.test(src);
-const sourceZoomStack = /`drop-shadow\(0 0 2px \$\{pal\.legendAccent\}80\) brightness\(1\.15\)`/.test(src);
-const sourceAttr = /data-topo-minimap-viewport-brightness=\{\(hoveredMinimap \|\| view\.zoom > 1\.5\) \? '1\.15' : '1'\}/.test(src);
-
-const results = {
-  // viewport_present: !!rest,  // minimap is conditional; skip runtime check
-  source_hover_stack:     sourceHoverStack,
-  source_zoom_stack:      sourceZoomStack,
-  source_attr:            sourceAttr,
-  // If viewport renders, also check rest state
-  ...(rest ? {
-    rest_filter_none_or_glow: rest.filter === 'none' || /drop-shadow/.test(rest.filter || ''),
-    rest_brightness_present:  rest.brightnessAttr === '1' || rest.brightnessAttr === '1.15',
-    transition_has_filter:    /filter/.test(rest.transitionProperty || ''),
-  } : {}),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R627 minimap viewport stacked brightness (minimap chrome scope):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(rest)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-minimap-viewport-halo-layers-test.mjs

@@ -1,24 +0,0 @@
-/* Round 655 — minimap viewport rect filter gains a SECOND outer
- * drop-shadow on both hover + zoom>1.5 branches. 14th anchor in
- * multi-layer halo family (1st minimap-tier anchor).
- *
- * Test phases:
- *   1. minimap only renders when zoom != 1 OR pan != 0; this test
- *      only verifies source patterns (runtime check best-effort)
- */
-import { readFileSync } from 'node:fs';
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceHoverBranch = /`drop-shadow\(0 0 2px \$\{pal\.legendAccent\}99\) drop-shadow\(0 0 4px \$\{pal\.legendAccent\}4c\) brightness\(1\.15\)`/.test(src);
-const sourceZoomBranch  = /`drop-shadow\(0 0 2px \$\{pal\.legendAccent\}80\) drop-shadow\(0 0 4px \$\{pal\.legendAccent\}40\) brightness\(1\.15\)`/.test(src);
-const sourceLayersAttr  = /data-topo-minimap-viewport-halo-layers=\{\(hoveredMinimap \|\| view\.zoom > 1\.5\) \? '2' : '0'\}/.test(src);
-
-const results = {
-  source_hover_branch: sourceHoverBranch,
-  source_zoom_branch:  sourceZoomBranch,
-  source_layers_attr:  sourceLayersAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R655 minimap viewport multi-layer halo (1st minimap-tier anchor):`,
-  JSON.stringify(results, null, 2));
-process.exit(ok ? 0 : 1);