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

package/scripts/topo-chiprow-data-weight-test.mjs

@@ -1,94 +0,0 @@
-/* Round 313 verification: chip-row data chips (working, online,
- * active-links) pick up font-medium (500). Extends the R312
- * 'HTML-context data = font-medium' rule from the chrome strip
- * zoom readout to the chip-row chips at the title block.
- *
- * Contract:
- *   - [data-working-chip] className contains 'font-medium'.
- *   - [data-online-chip]  className contains 'font-medium'.
- *   - [data-active-links-chip] className contains 'font-medium'.
- *   - Computed font-weight === 500 for each.
- *   - tabular-nums kept on all three (R232 regression).
- *   - R312 chrome zoom readout still font-medium (sibling).
- *   - R311/R310/R309/R294 regressions 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();
-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-working-chip]', { timeout: 15000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const sel = (s) => document.querySelector(s);
-  const working = sel('[data-working-chip]');
-  const online  = sel('[data-online-chip]');
-  const active  = sel('[data-active-links-chip]');
-  const fwOf = (el) => el ? getComputedStyle(el).fontWeight : null;
-  const clsHas = (el, needle) => (el?.className ?? '').includes(needle);
-  return {
-    workingCls:  working?.className ?? '',
-    onlineCls:   online?.className ?? '',
-    activeCls:   active?.className ?? '',
-    workingFw:   fwOf(working),
-    onlineFw:    fwOf(online),
-    activeFw:    fwOf(active),
-    workingHasTabular: clsHas(working, 'tabular-nums'),
-    onlineHasTabular:  clsHas(online,  'tabular-nums'),
-    activeHasTabular:  clsHas(active,  'tabular-nums'),
-    chromeZoomCls: sel('[data-topo-chrome-zoom-level]')?.className ?? '',
-    recentCountFw: sel('[data-recent-panel-count]')?.getAttribute('font-weight') ?? null,
-    rowWorkingFw:  sel('[data-legend-count="working"]')?.getAttribute('font-weight') ?? null,
-    pulseCount:    document.querySelectorAll('[data-pulse-wrapper]').length,
-  };
-});
-await browser.close();
-
-const hasMedium = (s) => s.includes('font-medium');
-
-const results = {
-  working_has_font_medium:     hasMedium(probe.workingCls),
-  online_has_font_medium:      hasMedium(probe.onlineCls),
-  active_has_font_medium:      hasMedium(probe.activeCls),
-  working_fw_500:              String(probe.workingFw) === '500',
-  online_fw_500:               String(probe.onlineFw) === '500',
-  active_fw_500:               String(probe.activeFw) === '500',
-  working_tabular_kept:        probe.workingHasTabular,
-  online_tabular_kept:         probe.onlineHasTabular,
-  active_tabular_kept:         probe.activeHasTabular,
-  r312_chrome_zoom_kept:       probe.chromeZoomCls.includes('font-medium'),
-  r311_recent_count_fw_600:    probe.recentCountFw === '600',
-  r309_row_count_fw_600:       probe.rowWorkingFw === '600',
-  r294_pulse_absent:           probe.pulseCount === 0,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} chiprow data weight:`, JSON.stringify(results),
-  '\n  fw: working=', probe.workingFw, ' online=', probe.onlineFw, ' active=', probe.activeFw,
-  '\n  chrome zoom (R312):', probe.chromeZoomCls.includes('font-medium') ? 'has font-medium' : 'MISSING font-medium');
-process.exit(ok ? 0 : 1);

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

@@ -1,107 +0,0 @@
-/* Round 154 verification: TopoGraph chrome buttons gain stable
- * data-* hooks for tests + focus-visible ring matching the
- * dashboard's cyan accent (browser default focus outline often
- * vanishes on the dark canvas).
- *
- * Chrome inventory (bottom-right of canvas):
- *   data-topo-chrome              (wrapper div)
- *   data-topo-chrome-nodesize=S|M|L  (segmented control, R113)
- *   data-topo-chrome-nodesize-active="true|false"
- *   data-topo-chrome-zoom-out     (R104)
- *   data-topo-chrome-zoom-level   (readout, also R104)
- *   data-topo-chrome-zoom-in
- *   data-topo-chrome-reset
- *   data-topo-chrome-fullscreen
- *   data-topo-chrome-fullscreen-active="true|false"
- *
- * Each button gains focus-visible:ring-1 ring-cyan-400/60. Tabs
- * land somewhere visible.
- *
- * Test: every chrome button surfaces its data attribute, plus the
- * three S/M/L buttons report active correctly when one is picked.
- */
-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.waitForSelector('[data-topo-chrome]', { timeout: 10000 });
-await page.waitForTimeout(300);
-
-const inspect = () => page.evaluate(() => {
-  const sel = (s) => document.querySelector(s);
-  const all = (s) => [...document.querySelectorAll(s)];
-  return {
-    wrapper:        !!sel('[data-topo-chrome]'),
-    nodesizeS:      sel('[data-topo-chrome-nodesize="S"]')?.getAttribute('data-topo-chrome-nodesize-active'),
-    nodesizeM:      sel('[data-topo-chrome-nodesize="M"]')?.getAttribute('data-topo-chrome-nodesize-active'),
-    nodesizeL:      sel('[data-topo-chrome-nodesize="L"]')?.getAttribute('data-topo-chrome-nodesize-active'),
-    zoomOut:        !!sel('[data-topo-chrome-zoom-out]'),
-    zoomLevel:      sel('[data-topo-chrome-zoom-level]')?.textContent?.trim(),
-    zoomIn:         !!sel('[data-topo-chrome-zoom-in]'),
-    reset:          !!sel('[data-topo-chrome-reset]'),
-    fullscreen:     !!sel('[data-topo-chrome-fullscreen]'),
-    fullscreenActive: sel('[data-topo-chrome-fullscreen]')?.getAttribute('data-topo-chrome-fullscreen-active'),
-    // focus-visible ring is a CSS pseudo-class; just verify the
-    // className carries the focus-visible:ring tokens.
-    chromeButtonsHaveFocusRing: all('[data-topo-chrome] button').every(b =>
-      (b.className || '').includes('focus-visible:ring')),
-  };
-});
-
-const before = await inspect();
-
-// Click L → it becomes active, M becomes inactive (default)
-await page.locator('[data-topo-chrome-nodesize="L"]').click();
-await page.waitForTimeout(150);
-const afterL = await inspect();
-
-await browser.close();
-
-const results = {
-  wrapper_present:         before.wrapper === true,
-  nodesizeS_present:       before.nodesizeS === 'false',
-  nodesizeM_activeDefault: before.nodesizeM === 'true', // default scale 0.84 → M
-  nodesizeL_present:       before.nodesizeL === 'false',
-  zoomOut_present:         before.zoomOut === true,
-  zoomLevel_100pct:        before.zoomLevel === '100%',
-  zoomIn_present:          before.zoomIn === true,
-  reset_present:           before.reset === true,
-  fullscreen_present:      before.fullscreen === true,
-  fullscreenActive_false:  before.fullscreenActive === 'false',
-  focusRing_onAllButtons:  before.chromeButtonsHaveFocusRing === true,
-
-  // After clicking L: active flips to L
-  afterL_LActive:          afterL.nodesizeL === 'true',
-  afterL_MInactive:        afterL.nodesizeM === 'false',
-  afterL_SInactive:        afterL.nodesizeS === 'false',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} chrome a11y:`, JSON.stringify(results),
-  `\n  before=`, before,
-  `\n  afterL=`, afterL);
-process.exit(ok ? 0 : 1);

package/scripts/topo-chrome-active-weight-test.mjs

@@ -1,104 +0,0 @@
-/* Round 318 verification: chrome segmented-control ACTIVE button
- * gains font-medium (500) — visual weight emphasis layered on top
- * of the existing cyan-300 color + cyan-500/15 background. The
- * polish broadened across all four chrome control families that
- * share the same active-state class string:
- *   - Layout toggle (Ring / Grid) — bottom-right
- *   - nodeSize segmented (S / M / L) — bottom-right
- *   - Fullscreen toggle — top-right (single button, isFullscreen
- *     branch is its "active" state)
- *
- * Direction:  R313/R314/R315 established font-medium as the data-
- * weight chip family. R318 extends the same weight tier to chrome
- * control ACTIVE states so the currently-selected option carries
- * stronger visual prominence than just color alone.
- *
- * Contract:
- *   - The active Layout toggle button has className containing
- *     'font-medium'.
- *   - The inactive Layout toggle button does NOT have font-medium
- *     in its class string (still default 400).
- *   - Computed font-weight of active button === 500.
- *   - R317 inactive gray-400 + R316 brand-logo width=40 + R313
- *     chip-row weight + R294 pulse absent all 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');
-    // Force ring layout so Ring is the active button.
-    localStorage.setItem('anet-topo-layout', 'ring');
-  } 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-chrome-layout="ring"]', { timeout: 15000 });
-await page.waitForTimeout(400);
-
-const probe = await page.evaluate(() => {
-  const sel = (s) => document.querySelector(s);
-  const ringBtn = sel('[data-topo-chrome-layout="ring"]');
-  const gridBtn = sel('[data-topo-chrome-layout="grid"]');
-  const logo = sel('[data-topo-brand-logo]');
-  return {
-    ringActive:    ringBtn?.getAttribute('data-topo-chrome-layout-active') === 'true',
-    gridActive:    gridBtn?.getAttribute('data-topo-chrome-layout-active') === 'true',
-    ringCls:       ringBtn?.className ?? '',
-    gridCls:       gridBtn?.className ?? '',
-    ringFw:        ringBtn ? getComputedStyle(ringBtn).fontWeight : null,
-    gridFw:        gridBtn ? getComputedStyle(gridBtn).fontWeight : null,
-    brandLogoW:    logo?.getAttribute('width') ?? null,
-    workingChipCls: sel('[data-working-chip]')?.className ?? '',
-    pulseCount:    document.querySelectorAll('[data-pulse-wrapper]').length,
-  };
-});
-await browser.close();
-
-const activeCls   = probe.ringActive ? probe.ringCls : probe.gridCls;
-const inactiveCls = probe.ringActive ? probe.gridCls : probe.ringCls;
-const activeFw    = probe.ringActive ? probe.ringFw : probe.gridFw;
-
-const results = {
-  exactly_one_active:        probe.ringActive !== probe.gridActive,
-  active_has_font_medium:    activeCls.includes('font-medium'),
-  inactive_no_font_medium:   !inactiveCls.includes('font-medium'),
-  active_fw_500:             String(activeFw) === '500',
-  // R317 regression: inactive still gray-400.
-  r317_inactive_gray_400:    inactiveCls.includes('text-gray-400'),
-  // R316 brand-logo width=40 regression.
-  r316_brand_logo_width_40:  probe.brandLogoW === '40',
-  // R313 chip-row data weight regression.
-  r313_working_chip_kept:    probe.workingChipCls.includes('font-medium'),
-  // R294 pulse absent regression.
-  r294_pulse_absent:         probe.pulseCount === 0,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} chrome active weight:`, JSON.stringify(results),
-  '\n  ring active:', probe.ringActive, ' grid active:', probe.gridActive,
-  '\n  active fw:', activeFw, ' inactive fw:', probe.ringActive ? probe.gridFw : probe.ringFw);
-process.exit(ok ? 0 : 1);

package/scripts/topo-chrome-button-hover-lift-test.mjs

@@ -1,94 +0,0 @@
-/* Round 400 verification (milestone): chrome reset + fullscreen
- * buttons gain hover translateY(-1px) lift. Closes the hover-lift
- * gesture across every standalone interactive HTML element in
- * TopoGraph. Segmented controls (zoom/-+, nodeSize S/M/L,
- * Layout Ring/Grid) intentionally stay planted to preserve the
- * unified-strip appearance.
- *
- * Contract:
- *   - Reset button:
- *     * data-topo-chrome-reset-hover-lift === 'true'
- *     * className includes 'hover:-translate-y-px'
- *     * className includes 'transition-transform' + 'transform-gpu'
- *   - Fullscreen button:
- *     * data-topo-chrome-fullscreen-hover-lift === 'true'
- *     * className includes 'hover:-translate-y-px'
- *     * className includes 'transition-transform' + 'transform-gpu'
- *   - Pre-R400 invariants preserved:
- *     * R196 active:bg deeper press states
- *     * R288 strokeWidth=2.5 on chrome icons
- *     * R350 hover-rotate (reset) / R353 group-hover scale (fullscreen)
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias) => ({
-    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('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-reset]', { timeout: 15000 });
-await page.waitForTimeout(400);
-
-const probe = await page.evaluate(() => {
-  const reset = document.querySelector('[data-topo-chrome-reset]');
-  const fs    = document.querySelector('[data-topo-chrome-fullscreen]');
-  return {
-    reset: reset ? {
-      className: reset.className,
-      lift:      reset.getAttribute('data-topo-chrome-reset-hover-lift'),
-    } : null,
-    fs: fs ? {
-      className: fs.className,
-      lift:      fs.getAttribute('data-topo-chrome-fullscreen-hover-lift'),
-    } : null,
-  };
-});
-
-await browser.close();
-
-const rc = probe.reset?.className || '';
-const fc = probe.fs?.className || '';
-const results = {
-  // Reset button R400 wiring
-  reset_lift_true:                  probe.reset?.lift === 'true',
-  reset_has_hover_translate:        rc.includes('hover:-translate-y-px'),
-  reset_has_transition_transform:   rc.includes('transition-transform'),
-  reset_has_transform_gpu:          rc.includes('transform-gpu'),
-  reset_has_transition_colors:      rc.includes('transition-colors'),  // pre-R400 preserved
-  reset_has_active_bg:              rc.includes('active:bg-white/10'),  // R196 preserved
-  reset_has_rounded_md:             rc.includes('rounded-md'),
-  // Fullscreen button R400 wiring
-  fs_lift_true:                     probe.fs?.lift === 'true',
-  fs_has_hover_translate:           fc.includes('hover:-translate-y-px'),
-  fs_has_transition_transform:      fc.includes('transition-transform'),
-  fs_has_transform_gpu:             fc.includes('transform-gpu'),
-  fs_has_transition_colors:         fc.includes('transition-colors'),
-  fs_has_group:                     fc.includes('group'),  // R353 invariant
-  fs_has_rounded_md:                fc.includes('rounded-md'),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} chrome reset + fullscreen hover lift translateY(-1px):`, JSON.stringify(results),
-  '\n  resetClass:', rc,
-  '\n  fsClass:   ', fc);
-process.exit(ok ? 0 : 1);

package/scripts/topo-chrome-control-halo-layers-test.mjs

@@ -1,22 +0,0 @@
-/* Round 667 — chrome reset + fullscreen buttons gain 2-layer drop-
- * shadow halo on hover. 26th anchor in multi-layer halo family —
- * 1st chrome-control anchor.
- */
-import { readFileSync } from 'node:fs';
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceResetFilter = /hoveredReset \? `drop-shadow\(0 0 2px \$\{pal\.legendAccent\}80\) drop-shadow\(0 0 4px \$\{pal\.legendAccent\}40\) brightness\(1\.15\)` : undefined/.test(src);
-const sourceFullscreenFilter = /hoveredFullscreen \? `drop-shadow\(0 0 2px \$\{pal\.legendAccent\}80\) drop-shadow\(0 0 4px \$\{pal\.legendAccent\}40\) brightness\(1\.15\)` : undefined/.test(src);
-const sourceResetAttr = /data-topo-chrome-reset-halo-layers=\{hoveredReset \? '2' : '0'\}/.test(src);
-const sourceFullscreenAttr = /data-topo-chrome-fullscreen-halo-layers=\{hoveredFullscreen \? '2' : '0'\}/.test(src);
-
-const results = {
-  source_reset_filter:      sourceResetFilter,
-  source_fullscreen_filter: sourceFullscreenFilter,
-  source_reset_attr:        sourceResetAttr,
-  source_fullscreen_attr:   sourceFullscreenAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R667 chrome controls multi-layer halo (reset + fullscreen sibling pair):`,
-  JSON.stringify(results, null, 2));
-process.exit(ok ? 0 : 1);

package/scripts/topo-chrome-focus-ring-unify-test.mjs

@@ -1,100 +0,0 @@
-/* Round 306 verification: Layout toggle (Ring/Grid) focus-visible:
- * ring-2 → ring-1 unifies focus-ring width across all chrome
- * buttons. Pre-R306 Layout toggle was the only chrome button at
- * 2px; nodeSize, zoom, reset, fullscreen all at 1px.
- *
- * Test approach: tab/focus each chrome button via DOM-direct
- * focus() + check the computed outline / box-shadow width. The
- * focus-visible CSS only matches keyboard-style focus, so we
- * dispatch keyboard focus to trigger the focus-visible state.
- *
- * Contract:
- *   - All chrome buttons (Layout Ring + Grid, nodeSize S+M+L,
- *     zoom-out + zoom-in, reset, fullscreen) share the same
- *     focus-visible ring style: 1px (or equivalent).
- *   - The R305 node-alias chat-pin signature is unchanged.
- *   - R304/R302/R301/R300/R294 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, 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-chrome-layout="ring"]', { timeout: 15000 });
-await page.waitForSelector('[data-topo-chrome-fullscreen]', { timeout: 5000 });
-await page.waitForTimeout(300);
-
-// Probe the source-of-truth: Tailwind compiles `focus-visible:ring-N`
-// into class names; we read className strings rather than triggering
-// focus-visible state (which requires keyboard input simulation).
-const probe = await page.evaluate(() => {
-  const sel = (s) => document.querySelector(s);
-  const cls = (el) => el?.className ?? '';
-  // Tailwind compiles `focus-visible:ring-N` literally in the className
-  // string; checking presence of `focus-visible:ring-1` vs `ring-2`.
-  const has = (s, needle) => cls(sel(s)).includes(needle);
-  return {
-    layoutRing_ring1:       has('[data-topo-chrome-layout="ring"]', 'focus-visible:ring-1'),
-    layoutRing_no_ring2:    !has('[data-topo-chrome-layout="ring"]', 'focus-visible:ring-2'),
-    layoutGrid_ring1:       has('[data-topo-chrome-layout="grid"]', 'focus-visible:ring-1'),
-    layoutGrid_no_ring2:    !has('[data-topo-chrome-layout="grid"]', 'focus-visible:ring-2'),
-    nodesizeS_ring1:        has('[data-topo-chrome-nodesize="S"]', 'focus-visible:ring-1'),
-    fullscreen_ring1:       has('[data-topo-chrome-fullscreen]',   'focus-visible:ring-1'),
-    zoomIn_ring1:           has('[data-topo-chrome-zoom-in]',      'focus-visible:ring-1'),
-    aliasChatTargetAttrPresent: (() => {
-      const a = sel('[data-node-alias-text]');
-      return a?.hasAttribute('data-node-alias-chat-target') ?? false;
-    })(),
-    subhintLs:    sel('[data-recent-signal-empty-hint]')?.getAttribute('letter-spacing') ?? null,
-    emptyLs:      sel('[data-recent-signal-empty]')?.getAttribute('letter-spacing') ?? null,
-    kickerFw:     (() => {
-      const k = sel('[data-topo-section-kicker]');
-      return k ? getComputedStyle(k).fontWeight : null;
-    })(),
-    pulseCount:   document.querySelectorAll('[data-pulse-wrapper]').length,
-  };
-});
-await browser.close();
-
-const results = {
-  layout_ring_ring_1:           probe.layoutRing_ring1,
-  layout_ring_no_ring_2:        probe.layoutRing_no_ring2,
-  layout_grid_ring_1:           probe.layoutGrid_ring1,
-  layout_grid_no_ring_2:        probe.layoutGrid_no_ring2,
-  nodesize_S_ring_1:            probe.nodesizeS_ring1,
-  fullscreen_ring_1:            probe.fullscreen_ring1,
-  zoom_in_ring_1:               probe.zoomIn_ring1,
-  r305_alias_chat_target_attr:  probe.aliasChatTargetAttrPresent,
-  r304_subhint_ls_0_15:         probe.subhintLs === '0.15',
-  r302_empty_main_ls_0_2:       probe.emptyLs === '0.2',
-  r300_kicker_fw_500:           String(probe.kickerFw) === '500',
-  r294_pulse_absent:            probe.pulseCount === 0,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} chrome focus ring unify:`, JSON.stringify(results));
-process.exit(ok ? 0 : 1);

package/scripts/topo-chrome-fullscreen-breath-test.mjs

@@ -1,121 +0,0 @@
-/* Round 719 — chrome fullscreen button respiratory anchor at 25 s.
- * 6th anchor on the chrome-strip pattern, completing the ATOMIC-CONTROL
- * DUO with R718 reset (21 s + 25 s, parity 7% alpha range). Shape
- * advances "tiered-with-quartet" → "tiered-with-quintet". 25 = 5²,
- * coprime with every other rolodex cadence (no other factor-5 anywhere)
- * — new slowest cadence on the rolodex.
- *
- * Assertions:
- *   - fullscreen button present with breath class + breath-cadence "25s"
- *   - hover attr defaults to "false" at rest (gate inactive)
- *   - CSS @keyframes 0%,100% opacity:1, 50% opacity:0.93 (parity to R718)
- *   - .anet-topo-chrome-fullscreen-breath rule binds 25s cadence
- *   - hover-gate selector `[data-topo-chrome-fullscreen-hover="true"]`
- *   - prefers-reduced-motion guard present
- *   - R710 rolodex catalog includes "25": ["fullscreen button"]
- *   - R717 patterns chrome-strip entry has cadence 25 + anchor
- *     "fullscreen button" + shape "tiered-with-quintet"
- *   - duo cadences (21, 25) both present in chrome-strip cadences
- */
-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-topo-chrome-fullscreen]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const runtimeState = await page.evaluate(() => {
-  const btn = document.querySelector('[data-topo-chrome-fullscreen]');
-  if (!btn) return null;
-  const cs = getComputedStyle(btn);
-  const svg = document.querySelector('[data-topo-canvas-aria]');
-  return {
-    has_class:         btn.classList.contains('anet-topo-chrome-fullscreen-breath'),
-    breath_attr:       btn.getAttribute('data-topo-chrome-fullscreen-breath'),
-    hover_attr:        btn.getAttribute('data-topo-chrome-fullscreen-hover'),
-    anim_name:         cs.animationName,
-    anim_duration:     cs.animationDuration,
-    rolodex_attr:      svg?.getAttribute('data-topo-respiratory-rolodex') ?? null,
-    patterns_attr:     svg?.getAttribute('data-topo-respiratory-patterns') ?? null,
-  };
-});
-
-await browser.close();
-
-const cssSrc = readFileSync('/home/vansin/agent-network-dashboard/app/globals.css', 'utf8');
-const cssKfNorm = /@keyframes anet-topo-chrome-fullscreen-breath-kf\s*\{[\s\S]*?0%,\s*100%\s*\{[\s\S]*?opacity:\s*1\s*;?[\s\S]*?\}/.test(cssSrc);
-const cssKfMid  = /@keyframes anet-topo-chrome-fullscreen-breath-kf\s*\{[\s\S]*?50%\s*\{[\s\S]*?opacity:\s*0\.93/.test(cssSrc);
-const cssBind25 = /\.anet-topo-chrome-fullscreen-breath\s*\{[\s\S]*?animation:\s*anet-topo-chrome-fullscreen-breath-kf\s+25s\s+ease-in-out\s+infinite/.test(cssSrc);
-const cssHoverGate = /\.anet-topo-chrome-fullscreen-breath\[data-topo-chrome-fullscreen-hover="true"\]\s*\{\s*animation:\s*none/.test(cssSrc);
-const cssReducedMotion = /@media\s*\(prefers-reduced-motion:\s*reduce\)\s*\{[\s\S]*?\.anet-topo-chrome-fullscreen-breath\s*\{\s*animation:\s*none/.test(cssSrc);
-
-const runtimeAnim = runtimeState?.anim_name === 'anet-topo-chrome-fullscreen-breath-kf' || runtimeState?.anim_name === 'none';
-
-let rolodex = null;
-let patterns = null;
-try {
-  rolodex  = JSON.parse(runtimeState?.rolodex_attr  ?? '');
-  patterns = JSON.parse(runtimeState?.patterns_attr ?? '');
-} catch {}
-const rolodexHas25 = !!rolodex && Array.isArray(rolodex['25']) && rolodex['25'].includes('fullscreen button');
-const chromeStripEntry = Array.isArray(patterns) ? patterns.find(p => p.name === 'chrome-strip') : null;
-const patternsChromeStripHas25AndFullscreen =
-  !!chromeStripEntry
-  && Array.isArray(chromeStripEntry.cadences) && chromeStripEntry.cadences.includes(25)
-  && Array.isArray(chromeStripEntry.anchors) && chromeStripEntry.anchors.includes('fullscreen button')
-  && chromeStripEntry.shape === 'tiered-with-quintet';
-const atomicDuoBothPresent =
-  !!chromeStripEntry
-  && chromeStripEntry.cadences.includes(21)
-  && chromeStripEntry.cadences.includes(25)
-  && chromeStripEntry.anchors.includes('reset button')
-  && chromeStripEntry.anchors.includes('fullscreen button');
-
-const results = {
-  button_present:                   !!runtimeState,
-  has_breath_class:                 runtimeState?.has_class === true,
-  breath_attr_25s:                  runtimeState?.breath_attr === '25s',
-  rest_not_hover:                   runtimeState?.hover_attr === 'false',
-  runtime_anim_ok:                  runtimeAnim,
-  css_keyframes_norm:               cssKfNorm,
-  css_keyframes_mid_0_93:           cssKfMid,
-  css_class_binds_25s:              cssBind25,
-  css_hover_gate_present:           cssHoverGate,
-  css_reduced_motion_guard:         cssReducedMotion,
-  rolodex_has_25_fullscreen:        rolodexHas25,
-  patterns_chrome_strip_6_anchors:  patternsChromeStripHas25AndFullscreen,
-  atomic_control_duo_complete:      atomicDuoBothPresent,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R719 chrome fullscreen button breath (6th chrome-strip anchor, atomic-control DUO complete @ 25s):`,
-  JSON.stringify(results, null, 2),
-  `\n  runtime: ${JSON.stringify({ has_class: runtimeState?.has_class, breath_attr: runtimeState?.breath_attr, hover_attr: runtimeState?.hover_attr, anim_name: runtimeState?.anim_name, anim_duration: runtimeState?.anim_duration })}`,
-  `\n  chrome-strip pattern: ${JSON.stringify(chromeStripEntry)}`);
-process.exit(ok ? 0 : 1);