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

package/scripts/chat-popover-test.mjs

@@ -1,234 +0,0 @@
-/* Issue #100 verification: click a topology node avatar → draggable singleton
- * ChatPopover. Tests open / drag / singleton-switch / close at 1, 5, 50 nodes.
- *
- * Node groups carry style="cursor:pointer"; clicking the <g> auto-scrolls it
- * into view and lands on the avatar text/circle, which bubbles to the <g>'s
- * onClick — the same path a real user click takes. */
-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-issue-100', { recursive: true });
-const browser = await chromium.launch({ headless: true });
-
-async function run(nodeCount, viewport, label) {
-  const ctx = await browser.newContext({ viewport });
-  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-nodescale', '1');
-      localStorage.removeItem('anet-brand');
-      localStorage.removeItem('anet-topo-view');
-      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 fleet = Array.from({ length: nodeCount }, (_, i) => ({
-      alias: `节点${i + 1}号`, status: i % 4 === 0 ? 'working' : 'idle', network_id: nid,
-      created_at: '2026-05-14T00:00:00Z', updated_at: '2026-05-14T00:00:00Z', last_seen_at: '2026-05-14T00:00:00Z',
-    }));
-    await route.fulfill({ response: r, json: { ...b, sessions: fleet } });
-  });
-  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.waitForTimeout(800);
-  // Below 1024px the topology is collapsed behind a "Show Topology" toggle.
-  const showBtn = page.locator('button', { hasText: 'Show Topology' });
-  if (await showBtn.count()) await showBtn.first().click();
-  await page.waitForFunction(() => {
-    const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-    return !!svg && svg.querySelectorAll('circle[r="26"]').length > 0;
-  }, { timeout: 30000 }).catch(() => {});
-  await page.waitForTimeout(600);
-
-  const results = {};
-  // The avatar status ring; force-click lands on the overlaying initial text,
-  // which bubbles to the node <g>'s onClick — the real-user click path.
-  const rings = page.locator('svg[viewBox="0 0 1000 680"] circle[r="26"]');
-  results.nodeCount = await rings.count();
-  // Scroll so the ring sits in the top quarter of the viewport, clear of a
-  // low-docked popover, then force-click it.
-  const clickNode = async (i) => {
-    const ring = rings.nth(i);
-    const b = await ring.boundingBox();
-    if (b) await page.mouse.wheel(0, b.y - 120);
-    await page.waitForTimeout(150);
-    await ring.click({ force: true });
-  };
-
-  // --- open: click first node ---
-  await clickNode(0);
-  await page.waitForTimeout(400);
-  const popover = page.locator('[role="dialog"][aria-label^="Chat with"]');
-  results.opensOnClick = (await popover.count()) === 1;
-  const alias1 = await popover.getAttribute('aria-label').catch(() => null);
-
-  // --- drag: grab header, move up-left (room on both desktop top-anchor and
-  //     mobile low-dock), confirm position changed ---
-  const box0 = await popover.boundingBox();
-  const header = popover.locator('div').first();
-  const hb = await header.boundingBox();
-  await page.mouse.move(hb.x + hb.width / 2, hb.y + 14);
-  await page.mouse.down();
-  await page.mouse.move(hb.x + hb.width / 2 - 100, hb.y + 14 - 150, { steps: 10 });
-  await page.mouse.up();
-  await page.waitForTimeout(300);
-  const box1 = await popover.boundingBox();
-  results.draggable = !!(box1 && box0) && (Math.abs(box1.x - box0.x) > 40 || Math.abs(box1.y - box0.y) > 40);
-
-  // --- resize: drag the bottom-right handle, confirm w/h changed (#106) ---
-  const sizeBefore = await popover.boundingBox();
-  const handle = popover.locator('[aria-label="Resize chat"]');
-  const grip = await handle.boundingBox();
-  // First shrink (drag handle up-left), then the popover dimensions shrink.
-  await page.mouse.move(grip.x + grip.width / 2, grip.y + grip.height / 2);
-  await page.mouse.down();
-  await page.mouse.move(grip.x - 60, grip.y - 80, { steps: 8 });
-  await page.mouse.up();
-  await page.waitForTimeout(250);
-  const sizeAfter = await popover.boundingBox();
-  results.resizable = !!(sizeBefore && sizeAfter) &&
-    (Math.abs(sizeAfter.width - sizeBefore.width) > 20 || Math.abs(sizeAfter.height - sizeBefore.height) > 20);
-  // resize must not have spawned a second popover or closed it
-  results.resizeKeepsSingle = (await popover.count()) === 1;
-
-  // --- singleton switch: park the popover at the bottom, then tap another
-  //     node in the now-exposed upper area; still ONE popover, alias changed ---
-  if (results.nodeCount > 1) {
-    const hb2 = await header.boundingBox();
-    await page.mouse.move(hb2.x + hb2.width / 2, hb2.y + 14);
-    await page.mouse.down();
-    await page.mouse.move(hb2.x + hb2.width / 2, viewport.height, { steps: 8 });
-    await page.mouse.up();
-    await page.waitForTimeout(200);
-    await clickNode(1);
-    await page.waitForTimeout(400);
-    results.stillSingle = (await popover.count()) === 1;
-    const alias2 = await popover.getAttribute('aria-label').catch(() => null);
-    results.switchesAlias = !!alias2 && alias1 !== alias2;
-  } else {
-    results.stillSingle = (await popover.count()) === 1;
-    results.switchesAlias = 'n/a';
-  }
-
-  await page.screenshot({ path: `/tmp/anet-issue-100/popover-${label}.png` });
-
-  // --- close ---
-  await popover.locator('button[aria-label="Close chat"]').click();
-  await page.waitForTimeout(300);
-  results.closes = (await popover.count()) === 0;
-
-  await ctx.close();
-  const ok = results.opensOnClick && results.draggable && results.resizable &&
-    results.resizeKeepsSingle && results.stillSingle &&
-    (results.switchesAlias === true || results.switchesAlias === 'n/a') && results.closes;
-  console.log(`${ok ? '✅' : '❌'} [${label}] ${nodeCount}n ${viewport.width}x${viewport.height}:`, JSON.stringify(results));
-  return ok;
-}
-
-// #106 addendum: the popover must work while the topology is fullscreen.
-// It's rendered inside the fullscreen container, so it must end up as a
-// descendant of document.fullscreenElement and still open / drag / resize.
-async function runFullscreen() {
-  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(() => {
-    try {
-      localStorage.setItem('anet-theme', 'cyber');
-      localStorage.setItem('anet-topo-nodescale', '1');
-      localStorage.removeItem('anet-brand');
-      localStorage.removeItem('anet-topo-view');
-      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 fleet = Array.from({ length: 5 }, (_, i) => ({
-      alias: `节点${i + 1}号`, status: 'idle', network_id: nid,
-      created_at: '2026-05-14T00:00:00Z', updated_at: '2026-05-14T00:00:00Z', last_seen_at: '2026-05-14T00:00:00Z',
-    }));
-    await route.fulfill({ response: r, json: { ...b, sessions: fleet } });
-  });
-  await ctx.route('**/api/hub/tasks*', (route) => route.fulfill({ json: { tasks: [] } }));
-  const page = await ctx.newPage();
-  await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-  await page.waitForFunction(() => {
-    const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-    return !!svg && svg.querySelectorAll('circle[r="26"]').length > 0;
-  }, { timeout: 30000 }).catch(() => {});
-  await page.waitForTimeout(600);
-
-  const results = {};
-  // enter fullscreen on the topology container
-  await page.locator('button[aria-label="Enter fullscreen"]').click();
-  await page.waitForTimeout(500);
-  results.enteredFullscreen = await page.evaluate(() => !!document.fullscreenElement);
-
-  // open the popover by clicking a node
-  const ring = page.locator('svg[viewBox="0 0 1000 680"] circle[r="26"]').first();
-  const b = await ring.boundingBox();
-  if (b) await page.mouse.wheel(0, b.y - 200);
-  await page.waitForTimeout(150);
-  await ring.click({ force: true });
-  await page.waitForTimeout(400);
-  const popover = page.locator('[role="dialog"][aria-label^="Chat with"]');
-  results.opensInFullscreen = (await popover.count()) === 1;
-  // the popover must be inside the fullscreen element, else it's invisible
-  results.insideFullscreenLayer = await page.evaluate(() => {
-    const fs = document.fullscreenElement;
-    const pop = document.querySelector('[role="dialog"][aria-label^="Chat with"]');
-    return !!fs && !!pop && fs.contains(pop);
-  });
-
-  // drag + resize must still work in fullscreen
-  const box0 = await popover.boundingBox();
-  const hb = await popover.locator('div').first().boundingBox();
-  await page.mouse.move(hb.x + hb.width / 2, hb.y + 14);
-  await page.mouse.down();
-  await page.mouse.move(hb.x + hb.width / 2 - 120, hb.y + 14 - 60, { steps: 8 });
-  await page.mouse.up();
-  await page.waitForTimeout(250);
-  const box1 = await popover.boundingBox();
-  results.draggableInFullscreen = !!(box0 && box1) && (Math.abs(box1.x - box0.x) > 40 || Math.abs(box1.y - box0.y) > 40);
-
-  const grip = await popover.locator('[aria-label="Resize chat"]').boundingBox();
-  await page.mouse.move(grip.x + 10, grip.y + 10);
-  await page.mouse.down();
-  await page.mouse.move(grip.x + 10 + 80, grip.y + 10 + 80, { steps: 8 });
-  await page.mouse.up();
-  await page.waitForTimeout(250);
-  const box2 = await popover.boundingBox();
-  results.resizableInFullscreen = !!(box1 && box2) && (Math.abs(box2.width - box1.width) > 20 || Math.abs(box2.height - box1.height) > 20);
-
-  await page.screenshot({ path: '/tmp/anet-issue-100/popover-fullscreen.png' });
-
-  await popover.locator('button[aria-label="Close chat"]').click();
-  await page.waitForTimeout(250);
-  results.closesInFullscreen = (await popover.count()) === 0;
-
-  await ctx.close();
-  const ok = results.opensInFullscreen && results.insideFullscreenLayer &&
-    results.draggableInFullscreen && results.resizableInFullscreen && results.closesInFullscreen;
-  console.log(`${ok ? '✅' : '❌'} [fullscreen] 1440x900:`, JSON.stringify(results));
-  return ok;
-}
-
-const all = [];
-all.push(await run(1, { width: 1440, height: 900 }, 'desktop-1node'));
-all.push(await run(5, { width: 1440, height: 900 }, 'desktop-5node'));
-all.push(await run(50, { width: 1440, height: 900 }, 'desktop-50node'));
-all.push(await run(5, { width: 390, height: 844 }, 'mobile-5node'));
-all.push(await runFullscreen());
-
-await browser.close();
-const pass = all.every(Boolean);
-console.log(pass ? '\n✅ ALL PASS' : '\n❌ FAIL');
-process.exit(pass ? 0 : 1);

package/scripts/chat-theme-test.mjs

@@ -1,98 +0,0 @@
-/* Issue #105 verification: TaskChatPanel + ChatPopover follow the dashboard
- * light / dark theme (CSS design tokens, no hardcoded darks). Checks the
- * popover panel + header + input resolve to a light surface under
- * data-theme="light" and a dark one under "cyber", and captures both. */
-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-issue-105', { recursive: true });
-const browser = await chromium.launch({ headless: true });
-
-// crude luminance from "rgb(r, g, b)" — >128 = light surface
-const isLight = (rgb) => {
-  const m = rgb.match(/\d+/g);
-  if (!m) return null;
-  const [r, g, b] = m.map(Number);
-  return (0.299 * r + 0.587 * g + 0.114 * b) > 128;
-};
-
-async function run(theme, expectLight) {
-  const ctx = await browser.newContext({ viewport: { width: 1280, height: 860 } });
-  await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-  await ctx.addInitScript((th) => {
-    try {
-      localStorage.setItem('anet-theme', th);
-localStorage.setItem('anet-topo-nodescale', '1');
-      localStorage.removeItem('anet-brand');
-      localStorage.removeItem('anet-topo-view');
-      localStorage.setItem('anet-topo-layout', 'grid');
-      sessionStorage.setItem('anet_v3_auth', '1');
-    } catch {}
-  }, theme);
-  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 fleet = Array.from({ length: 4 }, (_, i) => ({
-      alias: `节点${i + 1}号`, status: 'idle', network_id: nid,
-      created_at: '2026-05-15T00:00:00Z', updated_at: '2026-05-15T00:00:00Z', last_seen_at: '2026-05-15T00:00:00Z',
-    }));
-    await route.fulfill({ response: r, json: { ...b, sessions: fleet } });
-  });
-  await ctx.route('**/api/hub/tasks*', (route) => route.fulfill({ json: { tasks: [
-    { task_id: 't1', from_name: 'Dashboard', to_name: '节点1号', status: 'replied', priority: 'normal',
-      content: 'ping', result: 'pong — **ready**', created_at: '2026-05-15T00:00:00Z' },
-  ] } }));
-
-  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('circle[r="26"]').length > 0;
-  }, { timeout: 30000 }).catch(() => {});
-  await page.waitForTimeout(700);
-
-  // open the chat popover
-  const ring = page.locator('svg[viewBox="0 0 1000 680"] circle[r="26"]').first();
-  const bb = await ring.boundingBox();
-  if (bb) await page.mouse.wheel(0, bb.y - 160);
-  await page.waitForTimeout(150);
-  await ring.click({ force: true });
-  await page.waitForTimeout(500);
-
-  const popover = page.locator('[role="dialog"][aria-label^="Chat with"]');
-  const results = {};
-
-  const panelBg = await popover.evaluate(el => getComputedStyle(el).backgroundColor);
-  results.panelMatchesTheme = isLight(panelBg) === expectLight;
-
-  // header (first child div) + its title text colour
-  const header = popover.locator('div').first();
-  const headerBg = await header.evaluate(el => getComputedStyle(el).backgroundColor);
-  results.headerMatchesTheme = isLight(headerBg) === expectLight;
-  const titleColor = await header.locator('div.text-sm').first().evaluate(el => getComputedStyle(el).color);
-  // title text must contrast the panel: dark text on light theme, light on dark
-  results.titleContrasts = isLight(titleColor) === !expectLight;
-
-  // input textarea surface
-  const ta = popover.locator('textarea');
-  const taBg = await ta.evaluate(el => getComputedStyle(el).backgroundColor);
-  results.inputMatchesTheme = isLight(taBg) === expectLight;
-
-  await page.screenshot({ path: `/tmp/anet-issue-105/chat-${theme}.png` });
-  await ctx.close();
-
-  const ok = results.panelMatchesTheme && results.headerMatchesTheme &&
-    results.titleContrasts && results.inputMatchesTheme;
-  console.log(`${ok ? '✅' : '❌'} [${theme}] expectLight=${expectLight}:`, JSON.stringify(results), `panelBg=${panelBg}`);
-  return ok;
-}
-
-const all = [];
-all.push(await run('cyber', false));
-all.push(await run('light', true));
-await browser.close();
-const pass = all.every(Boolean);
-console.log(pass ? '\n✅ ALL PASS' : '\n❌ FAIL');
-process.exit(pass ? 0 : 1);

package/scripts/empty-state-test.mjs

@@ -1,41 +0,0 @@
-import { chromium } from 'playwright';
-const TOKEN = process.env.LOOP_REVIEW_TOKEN;
-const browser = await chromium.launch({ headless: true });
-
-async function shoot(name, { emptyStats }) {
-  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(() => { try { localStorage.setItem('anet-theme','cyber'); sessionStorage.setItem('anet_v3_auth','1'); } catch {} });
-  // force 0 sessions
-  await ctx.route('**/api/hub/status*', async (route) => {
-    const r = await route.fetch(); const b = await r.json();
-    await route.fulfill({ response: r, json: { ...b, sessions: [] } });
-  });
-  if (emptyStats) {
-    // also zero out task history → true first-run
-    await ctx.route('**/api/hub/stats*', async (route) => {
-      const r = await route.fetch(); const b = await r.json();
-      await route.fulfill({ response: r, json: { ...b, tasks: { by_status: [] } } });
-    });
-    await ctx.route('**/api/hub/tasks*', async (route) => {
-      const r = await route.fetch(); const b = await r.json();
-      await route.fulfill({ response: r, json: { ...b, tasks: [] } });
-    });
-  }
-  const page = await ctx.newPage();
-  await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-  await page.waitForTimeout(3000);
-  // find the empty-state card text
-  const txt = await page.evaluate(() => {
-    const h3 = [...document.querySelectorAll('h3')].map(h => h.textContent?.trim());
-    return h3.filter(t => /agent/i.test(t || ''));
-  });
-  console.log(name, '→ empty-state headline(s):', JSON.stringify(txt));
-  await page.screenshot({ path: `/tmp/anet-issue-50/empty-${name}.png`, fullPage: true });
-  await ctx.close();
-}
-
-await shoot('with-history', { emptyStats: false });   // 0 sessions, real task history → "No agents online"
-await shoot('true-firstrun', { emptyStats: true });   // 0 sessions, 0 tasks → "Spin up your first agent"
-await browser.close();
-console.log('done');

package/scripts/fold-only.mjs

@@ -1,47 +0,0 @@
-/* Captures the fold (viewport-only screenshot) for a given page so we
- * can inspect what the user actually sees on first paint. */
-
-import { chromium } from 'playwright';
-import { mkdirSync } from 'node:fs';
-import path from 'node:path';
-
-const TOKEN = process.env.LOOP_REVIEW_TOKEN;
-const OUT = path.resolve(process.cwd(), 'test-results/loop-review/folds');
-mkdirSync(OUT, { recursive: true });
-
-const targets = [
-  { name: 'tasks-cyber-desktop', path: '/tasks', theme: 'cyber', w: 1440, h: 900 },
-  { name: 'tasks-cyber-mobile',  path: '/tasks', theme: 'cyber', w: 390, h: 844 },
-  { name: 'nodes-cyber-desktop', path: '/nodes', theme: 'cyber', w: 1440, h: 900 },
-  { name: 'nodes-cyber-mobile',  path: '/nodes', theme: 'cyber', w: 390, h: 844 },
-  { name: 'overview-cyber-desktop', path: '/', theme: 'cyber', w: 1440, h: 900 },
-  { name: 'overview-light-desktop', path: '/', theme: 'light', w: 1440, h: 900 },
-  { name: 'server-logs-cyber-desktop', path: '/server-logs', theme: 'cyber', w: 1440, h: 900 },
-  { name: 'server-logs-cyber-mobile',  path: '/server-logs', theme: 'cyber', w: 390,  h: 844 },
-  { name: 'admin-cyber-desktop',       path: '/admin',       theme: 'cyber', w: 1440, h: 900 },
-  { name: 'admin-light-desktop',       path: '/admin',       theme: 'light', w: 1440, h: 900 },
-  { name: 'tasks-light-desktop',       path: '/tasks',       theme: 'light', w: 1440, h: 900 },
-  { name: 'server-logs-light-desktop', path: '/server-logs', theme: 'light', w: 1440, h: 900 },
-];
-
-const browser = await chromium.launch({ headless: true });
-for (const t of targets) {
-  const ctx = await browser.newContext({ viewport: { width: t.w, height: t.h } });
-  await ctx.addCookies([{
-    name: 'anet_dashboard_session',
-    value: `v3:${TOKEN}`,
-    domain: '127.0.0.1', path: '/',
-  }]);
-  await ctx.addInitScript(theme => {
-    try { localStorage.setItem('anet-theme', theme); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-  }, t.theme);
-  const page = await ctx.newPage();
-  await page.goto(`http://127.0.0.1:3000${t.path}`, { waitUntil: 'domcontentloaded' });
-  await page.waitForTimeout(2500);
-  await page.evaluate(theme => document.documentElement.setAttribute('data-theme', theme), t.theme);
-  await page.waitForTimeout(300);
-  await page.screenshot({ path: path.join(OUT, `${t.name}.png`), fullPage: false, animations: 'disabled' });
-  await ctx.close();
-}
-await browser.close();
-console.log('captured', targets.length, 'fold-only screenshots to', OUT);

package/scripts/help-overlay-topo-test.mjs

@@ -1,44 +0,0 @@
-/* Round 25 verification: pressing `?` opens the help overlay, and the
- * new "Topology canvas" section is present with the documented keys. */
-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: 900 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-await ctx.route('**/api/hub/status*', (route) => route.fulfill({ json: { 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.waitForTimeout(400);
-
-await page.keyboard.press('?');
-await page.waitForTimeout(200);
-
-// The overlay contains group headings; find the Topology canvas group + its rows.
-const data = await page.evaluate(() => {
-  // The group heading is a <div>; its parent wraps heading + the <ul> of items.
-  const heading = [...document.querySelectorAll('[role="dialog"] div')].find(el => el.textContent === 'Topology canvas');
-  if (!heading) return null;
-  return {
-    headingPresent: true,
-    sectionText: (heading.parentElement?.textContent || '').replace(/\s+/g, ' ').trim(),
-  };
-});
-
-await browser.close();
-const results = {
-  overlayOpened: !!data,
-  topologySectionPresent: !!data?.headingPresent,
-  hasZoomKeys: !!data && /Zoom in/.test(data.sectionText) && /Zoom out/.test(data.sectionText) && /Reset zoom/.test(data.sectionText),
-  hasMouseGestures: !!data && /wheel/.test(data.sectionText) && /Pan the canvas/.test(data.sectionText),
-  hasClickHint: !!data && /chat popover/.test(data.sectionText) && /dbl-click/.test(data.sectionText),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} help overlay topology section:`, JSON.stringify(results));
-if (!ok && data) console.log('section text:', data.sectionText.slice(0, 300));
-process.exit(ok ? 0 : 1);

package/scripts/intern-alias-test.mjs

@@ -1,46 +0,0 @@
-import { chromium } from 'playwright';
-const TOKEN = process.env.LOOP_REVIEW_TOKEN;
-const browser = await chromium.launch({ headless: true });
-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(() => { try { localStorage.setItem('anet-theme','cyber'); localStorage.removeItem('anet-brand'); localStorage.removeItem('anet-topo-view'); sessionStorage.setItem('anet_v3_auth','1'); } catch {} });
-// inject a 书生 fleet alongside the real sessions
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch(); const b = await r.json();
-  const real = b.sessions || [];
-  const fleet = Array.from({length: 8}, (_, i) => ({
-    alias: `书生${i+1}号`, status: i % 3 === 0 ? 'working' : 'idle',
-    network_id: real[0]?.network_id || 'default',
-    created_at:'2026-05-14T00:00:00Z', updated_at:'2026-05-14T00:00:00Z', last_seen_at:'2026-05-14T00:00:00Z',
-  }));
-  await route.fulfill({ response: r, json: { ...b, sessions: [...real, ...fleet] } });
-});
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });  // NO ?brand=intern
-await page.waitForFunction(() => {
-  const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-  return !!svg && svg.querySelectorAll('circle[r="26"]').length >= 14;
-}, { timeout: 30000 }).catch(() => {});
-await page.waitForTimeout(1000);
-const result = await page.evaluate(() => {
-  const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-  const nodeGs = [...svg.querySelectorAll('g')].filter(g =>
-    g.querySelector(':scope > circle[r="26"], :scope > circle[r="18"]') &&
-    g.querySelector(':scope > g > text[font-weight="700"]'));
-  let internWithImage = 0, internWithoutImage = 0, nonInternWithImage = 0, nonInternGeneric = 0;
-  const samples = [];
-  nodeGs.forEach(g => {
-    const alias = g.querySelector(':scope > g > text[font-weight="700"]').textContent.trim();
-    const hasImage = !!g.querySelector(':scope > image[href*="intern_avatar"]');
-    const isIntern = /书生|书小生|intern/i.test(alias);
-    if (isIntern && hasImage) internWithImage++;
-    else if (isIntern && !hasImage) { internWithoutImage++; samples.push('MISS:'+alias); }
-    else if (!isIntern && hasImage) { nonInternWithImage++; samples.push('LEAK:'+alias); }
-    else nonInternGeneric++;
-  });
-  return { internWithImage, internWithoutImage, nonInternWithImage, nonInternGeneric, samples };
-});
-console.log(JSON.stringify(result, null, 1));
-await page.locator('section:has(h2:text("Command mesh"))').screenshot({ path: '/tmp/anet-issue-50/intern-alias-cyber.png' });
-await browser.close();
-console.log('done');