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

package/scripts/topo-chrome-segmented-radius-test.mjs

@@ -1,100 +0,0 @@
-/* Round 376 verification: nodeSize + zoom segmented control wrappers
- * rounded-md → rounded-lg (6 → 8 px). Sibling polish to R375 Layout-
- * toggle wrapper — three chrome-strip segmented controls now all
- * share rounded-lg at the wrapper tier:
- *   R375 Layout-toggle wrapper  rounded-lg  8 px
- *   R376 nodeSize wrapper       rounded-lg  8 px (this round)
- *   R376 zoom wrapper           rounded-lg  8 px (this round)
- *
- * Individual atomic chrome buttons (reset, fullscreen) keep rounded-
- * md (6 px) as their own atomic-button tier — chrome strip now
- * expresses a two-tier hierarchy: 'segmented control container'
- * (rounded-lg) vs 'standalone button' (rounded-md).
- *
- * Contract:
- *   - [data-topo-chrome-nodesize-radius] computed border-radius '8px'.
- *   - data-topo-chrome-nodesize-radius === 'rounded-lg'.
- *   - [data-topo-chrome-zoom-wrapper-radius] computed border-radius '8px'.
- *   - data-topo-chrome-zoom-wrapper-radius === 'rounded-lg'.
- *   - Pre-R376 invariants: border 1px + flex display + overflow:hidden
- *     + R263 background-color/border-color transition preserved on
- *     each wrapper.
- *   - Atomic reset + fullscreen buttons still have border-radius 6px
- *     (rounded-md, untouched).
- */
-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('a'), mk('b'), mk('c') ] } });
-});
-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-nodesize-radius]',     { timeout: 15000 });
-await page.waitForSelector('[data-topo-chrome-zoom-wrapper-radius]', { timeout: 5000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const nodesize = document.querySelector('[data-topo-chrome-nodesize-radius]');
-  const zoom     = document.querySelector('[data-topo-chrome-zoom-wrapper-radius]');
-  const reset    = document.querySelector('[data-topo-chrome-reset]');
-  const fs       = document.querySelector('[data-topo-chrome-fullscreen]');
-  const ncs      = nodesize ? getComputedStyle(nodesize) : null;
-  const zcs      = zoom     ? getComputedStyle(zoom)     : null;
-  const rcs      = reset    ? getComputedStyle(reset)    : null;
-  const fcs      = fs       ? getComputedStyle(fs)       : null;
-  return {
-    nodesizeRadius:    ncs?.borderRadius ?? null,
-    nodesizeData:      nodesize?.getAttribute('data-topo-chrome-nodesize-radius') ?? null,
-    nodesizeBorderW:   ncs?.borderWidth ?? null,
-    nodesizeTrans:     ncs?.transition ?? null,
-    zoomRadius:        zcs?.borderRadius ?? null,
-    zoomData:          zoom?.getAttribute('data-topo-chrome-zoom-wrapper-radius') ?? null,
-    zoomBorderW:       zcs?.borderWidth ?? null,
-    zoomTrans:         zcs?.transition ?? null,
-    resetRadius:       rcs?.borderRadius ?? null,
-    fullscreenRadius:  fcs?.borderRadius ?? null,
-  };
-});
-
-await browser.close();
-
-const hasTrans = (s, prop) =>
-  new RegExp(`${prop}\\s+\\d*\\.?\\d*s|${prop}\\s+\\d+ms`, 'i').test(s || '');
-
-const results = {
-  nodesize_radius_8px:    probe.nodesizeRadius === '8px',           // rounded-lg
-  nodesize_data_lg:       probe.nodesizeData === 'rounded-lg',
-  nodesize_border_1px:    probe.nodesizeBorderW === '1px',
-  nodesize_trans_border:  hasTrans(probe.nodesizeTrans, 'border-color'),  // R263 / R268
-  zoom_radius_8px:        probe.zoomRadius === '8px',
-  zoom_data_lg:           probe.zoomData === 'rounded-lg',
-  zoom_border_1px:        probe.zoomBorderW === '1px',
-  zoom_trans_border:      hasTrans(probe.zoomTrans, 'border-color'),
-  // Atomic chrome buttons stay rounded-md (6 px) — invariant.
-  reset_still_md:         probe.resetRadius === '6px',
-  fullscreen_still_md:    probe.fullscreenRadius === '6px',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} chrome segmented wrappers rounded-md → rounded-lg:`, JSON.stringify(results),
-  '\n  probe:', probe);
-process.exit(ok ? 0 : 1);

package/scripts/topo-chrome-strip-entrance-animation-test.mjs

@@ -1,115 +0,0 @@
-/* Round 743 — chrome strip entrance animation. 3rd member of the
- * entrance family, completing the entrance trio. Three-stage cascade:
- *   R740 canvas       0   → 600 ms   scale 0.99→1, opacity 0.8→1
- *   R742 title-block  200 → 700 ms   translateY -4→0, opacity 0.7→1
- *   R743 chrome strip 400 → 900 ms   translateX 8→0, opacity 0.7→1
- *
- * Assertions:
- *   - .anet-topo-chrome-strip-entrance class on [data-topo-chrome]
- *   - data-topo-chrome-entrance="true"
- *   - CSS @keyframes 0% translateX(8px) opacity 0.7 → 100% translateX(0) opacity 1
- *   - .anet-topo-chrome-strip-entrance binds 500ms ease-out 400ms delay
- *   - one-shot (runtime iteration count === '1')
- *   - prefers-reduced-motion guard present
- *   - Animation done within ~1.1s (400ms delay + 500ms + buffer);
- *     after 1100ms computed transform is identity & opacity = 1
- *   - chrome strip wrapper has NO compound animation (single anim) —
- *     anim_name is exactly the entrance keyframe (not comma-joined)
- *   - R741 catalog one-shot-mount.members === 3, includes chrome strip
- *   - R740 + R742 entrance siblings still present (regression)
- */
-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]', { timeout: 15000, state: 'attached' });
-/* Wait past the 400ms delay + 500ms duration + buffer. */
-await page.waitForTimeout(1100);
-
-const state = await page.evaluate(() => {
-  const chrome = document.querySelector('[data-topo-chrome]');
-  const svg = document.querySelector('[data-topo-canvas-aria]');
-  const titleBlock = document.querySelector('[data-topo-section-titleblock-group]');
-  if (!chrome) return null;
-  const cs = getComputedStyle(chrome);
-  return {
-    has_entrance_class:    chrome.classList.contains('anet-topo-chrome-strip-entrance'),
-    entrance_attr:         chrome.getAttribute('data-topo-chrome-entrance'),
-    anim_name:             cs.animationName,
-    anim_duration:         cs.animationDuration,
-    anim_delay:            cs.animationDelay,
-    anim_iteration:        cs.animationIterationCount,
-    computed_transform:    cs.transform,
-    computed_opacity:      cs.opacity,
-    canvas_entrance:       svg?.classList.contains('anet-topo-canvas-entrance') ?? null,
-    title_block_entrance:  titleBlock?.classList.contains('anet-topo-title-block-entrance') ?? null,
-    temporal_modes:        svg?.getAttribute('data-topo-animation-temporal-modes') ?? null,
-  };
-});
-
-await browser.close();
-
-const cssSrc = readFileSync('/home/vansin/agent-network-dashboard/app/globals.css', 'utf8');
-const cssKfStart = /@keyframes anet-topo-chrome-strip-entrance-kf\s*\{[\s\S]*?0%\s*\{[\s\S]*?transform:\s*translateX\(8px\)[\s\S]*?opacity:\s*0\.7/.test(cssSrc);
-const cssKfEnd   = /@keyframes anet-topo-chrome-strip-entrance-kf\s*\{[\s\S]*?100%\s*\{[\s\S]*?transform:\s*translateX\(0\)[\s\S]*?opacity:\s*1/.test(cssSrc);
-const cssClassBound = /\.anet-topo-chrome-strip-entrance\s*\{[\s\S]*?animation:\s*anet-topo-chrome-strip-entrance-kf\s+500ms\s+ease-out\s+400ms\s+backwards/.test(cssSrc);
-const cssReducedMotion = /@media\s*\(prefers-reduced-motion:\s*reduce\)\s*\{[\s\S]*?\.anet-topo-chrome-strip-entrance\s*\{\s*animation:\s*none/.test(cssSrc);
-
-const transformSettled = state?.computed_transform === 'none'
-  || state?.computed_transform === 'matrix(1, 0, 0, 1, 0, 0)';
-const opacitySettled = parseFloat(state?.computed_opacity ?? '0') > 0.99;
-const singleAnimation = state?.anim_name === 'anet-topo-chrome-strip-entrance-kf';
-
-let modes = null;
-try { modes = JSON.parse(state?.temporal_modes ?? ''); } catch {}
-const oneShot = Array.isArray(modes) ? modes.find(m => m.mode === 'one-shot-mount') : null;
-const oneShotHas3 = oneShot?.members === 3 && Array.isArray(oneShot?.examples) && oneShot.examples.includes('chrome strip');
-
-const results = {
-  has_entrance_class:              state?.has_entrance_class === true,
-  entrance_attr_true:              state?.entrance_attr === 'true',
-  css_keyframe_start:              cssKfStart,
-  css_keyframe_end:                cssKfEnd,
-  css_class_binds_500ms_delay_400: cssClassBound,
-  css_reduced_motion_guard:        cssReducedMotion,
-  runtime_animation_one_shot:      state?.anim_iteration === '1',
-  single_animation_no_compound:    singleAnimation,
-  transform_settled:               transformSettled,
-  opacity_settled_to_1:            opacitySettled,
-  r740_canvas_entrance_kept:       state?.canvas_entrance === true,
-  r742_title_block_entrance_kept:  state?.title_block_entrance === true,
-  r741_one_shot_members_now_3:     oneShotHas3,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R743 chrome strip entrance animation (3rd one-shot member, entrance trio complete):`,
-  JSON.stringify(results, null, 2),
-  `\n  state: ${JSON.stringify(state)}`,
-  `\n  one-shot entry: ${JSON.stringify(oneShot)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-chrome-strip-semantic-gap-test.mjs

@@ -1,99 +0,0 @@
-/* Round 255 verification: chrome-strip semantic gap.
- *
- * Pre-R255 the bottom-right chrome strip had all 4 groups at uniform
- * gap-1.5 (6px):
- *   [ S | M | L ] 6px [ - | % | + ] 6px [ reset ] 6px [ fullscreen ]
- *
- * R255 doubles the gap before the first view-control group via ml-1.5
- * on the zoom container — stacks on top of parent's gap-1.5 (6+6=12px):
- *   [ S | M | L ]   12px   [ - | % | + ] 6px [ reset ] 6px [ fullscreen ]
- *                         ↑
- *                         semantic boundary: fleet | view
- *
- * Test scope:
- *   1. Both data attrs resolve to elements.
- *   2. Gap between fleet group's right edge and view group's left edge
- *      is ≥ 11px (allowing 1px sub-pixel rounding from 12px target).
- *   3. Gap between adjacent view-control elements (zoom→reset, reset→
- *      fullscreen) stays at ~6px (the parent gap-1.5) — confirms the
- *      ml-1.5 didn't accidentally widen ALL gaps.
- *   4. Vertical alignment preserved — both groups still share the same
- *      Y center (chrome strip didn't get visually broken).
- */
-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'), mk('gamma'), mk('delta'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r2) => r2.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*', (r2) => r2.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-chrome-fleet-group-trailer]', { timeout: 10000 });
-await page.waitForSelector('[data-topo-chrome-view-group-leader]',  { timeout: 10000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const fleet      = document.querySelector('[data-topo-chrome-fleet-group-trailer]');
-  const view       = document.querySelector('[data-topo-chrome-view-group-leader]');
-  const reset      = document.querySelector('[data-topo-chrome-reset]');
-  const fullscreen = document.querySelector('[data-topo-chrome-fullscreen]');
-  const r = (el) => el ? el.getBoundingClientRect() : null;
-  return {
-    fleet:      r(fleet),
-    view:       r(view),
-    reset:      r(reset),
-    fullscreen: r(fullscreen),
-  };
-});
-await browser.close();
-
-const gapFleetToView = probe.view  && probe.fleet      ? probe.view.left      - probe.fleet.right      : null;
-const gapViewToReset = probe.reset && probe.view       ? probe.reset.left     - probe.view.right       : null;
-const gapResetToFull = probe.fullscreen && probe.reset ? probe.fullscreen.left - probe.reset.right     : null;
-const yAlignedFleetView   = probe.fleet && probe.view ? Math.abs((probe.fleet.top  + probe.fleet.height / 2)
-                                                              - (probe.view.top   + probe.view.height  / 2)) : null;
-
-const results = {
-  fleet_present:               probe.fleet !== null,
-  view_present:                probe.view  !== null,
-  reset_present:               probe.reset !== null,
-  fullscreen_present:          probe.fullscreen !== null,
-
-  // Doubled gap fleet→view: target 12px, accept ≥11 for sub-pixel
-  fleet_to_view_gap_doubled:   gapFleetToView != null && gapFleetToView >= 11,
-
-  // Adjacent view-control gaps stay at ~6px (the parent gap-1.5).
-  // Accept 5-9px window for sub-pixel + Tailwind v4 token drift.
-  view_to_reset_gap_unchanged: gapViewToReset != null && gapViewToReset >= 5 && gapViewToReset <= 9,
-  reset_to_full_gap_unchanged: gapResetToFull != null && gapResetToFull >= 5 && gapResetToFull <= 9,
-
-  // Vertical center alignment preserved (≤1px slop).
-  y_aligned_fleet_view:        yAlignedFleetView != null && yAlignedFleetView <= 1,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} chrome strip semantic gap:`, JSON.stringify(results),
-  '\n  gaps: fleet→view =', gapFleetToView, 'view→reset =', gapViewToReset, 'reset→full =', gapResetToFull,
-  '\n  yAlignedΔ:', yAlignedFleetView);
-process.exit(ok ? 0 : 1);

package/scripts/topo-chrome-strip-theme-ease-test.mjs

@@ -1,99 +0,0 @@
-/* Round 264 verification: chrome strip wrappers + zoom level readout
- * pick up theme-toggle transitions — close R263's R254-holdover sweep.
- *
- * Pre-R264 the chrome strip's STRUCTURAL pieces had theme-driven
- * inline styles but no transition coverage:
- *
- *   nodeSize wrapper   (line ~6603): bg + borderColor inline, no transition
- *   zoom wrapper       (line ~6666): bg + borderColor inline, no transition
- *   zoom level readout (line ~6711): color + border-x inline, no transition
- *
- * Reset + fullscreen buttons already had `transition-colors` className
- * covering their bg/border/color theme swaps. Inner S/M/L and -/+
- * buttons same. So inner buttons eased smoothly through theme but the
- * surrounding wrappers + readout SNAPPED — a layered hard-cut where
- * the bordered container hard-flipped under the eased buttons inside.
- *
- * R264 adds 200ms theme transitions to all three structural pieces.
- *
- * Test scope:
- *   1. nodeSize wrapper transition contains background-color + border-color.
- *   2. zoom wrapper (data-topo-chrome-zoom-wrapper) same.
- *   3. zoom level readout transition contains color + border-color.
- *   4. R263 wrapper invariant: top-level wrapper transition still has
- *      box-shadow (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) => ({
-    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'), mk('gamma'), mk('delta'),
-  ] } });
-});
-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-chrome-fleet-group-trailer]', { timeout: 10000 });
-await page.waitForSelector('[data-topo-chrome-zoom-wrapper]',        { timeout: 10000 });
-await page.waitForSelector('[data-topo-chrome-zoom-level]',          { timeout: 10000 });
-await page.waitForSelector('[data-topo-wrapper]',                    { timeout: 10000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const nodeSize     = document.querySelector('[data-topo-chrome-fleet-group-trailer]');
-  const zoom         = document.querySelector('[data-topo-chrome-zoom-wrapper]');
-  const zoomLevel    = document.querySelector('[data-topo-chrome-zoom-level]');
-  const wrapper      = document.querySelector('[data-topo-wrapper]');
-  return {
-    nodeSizeTransition:  nodeSize  ? nodeSize.style.transition  : null,
-    zoomTransition:      zoom      ? zoom.style.transition      : null,
-    zoomLevelTransition: zoomLevel ? zoomLevel.style.transition : null,
-    wrapperTransition:   wrapper   ? wrapper.style.transition   : null,
-  };
-});
-await browser.close();
-
-const has = (s, prop) => new RegExp(`${prop}\\s+(?:200ms|0\\.2s)`).test(s || '');
-
-const results = {
-  nodesize_present:                    probe.nodeSizeTransition !== null,
-  nodesize_has_bg_color_200:           has(probe.nodeSizeTransition, 'background-color'),
-  nodesize_has_border_color_200:       has(probe.nodeSizeTransition, 'border-color'),
-
-  zoom_present:                        probe.zoomTransition !== null,
-  zoom_has_bg_color_200:               has(probe.zoomTransition, 'background-color'),
-  zoom_has_border_color_200:           has(probe.zoomTransition, 'border-color'),
-
-  zoom_level_present:                  probe.zoomLevelTransition !== null,
-  zoom_level_has_color_200:            has(probe.zoomLevelTransition, '(?<!background-|border-)color'),
-  zoom_level_has_border_color_200:     has(probe.zoomLevelTransition, 'border-color'),
-
-  r263_wrapper_box_shadow_200:         has(probe.wrapperTransition, 'box-shadow'),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} chrome strip theme ease:`, JSON.stringify(results),
-  '\n  nodeSize:   ', probe.nodeSizeTransition,
-  '\n  zoom:       ', probe.zoomTransition,
-  '\n  zoomLevel:  ', probe.zoomLevelTransition,
-  '\n  wrapper:    ', probe.wrapperTransition);
-process.exit(ok ? 0 : 1);

package/scripts/topo-chrome-wrapper-halo-test.mjs

@@ -1,83 +0,0 @@
-/* Round 697 — chrome strip segmented-control wrappers (Layout /
- * nodeSize / zoom containers) gain wrapper-level multi-layer halo
- * via CSS :has(button:hover) on the 3 wrappers' data-attrs. Pre-R697
- * only individual inner buttons halo'd (R667-R675 per-button); the
- * parent wrappers stayed flat. R697 closes the chrome-strip "active
- * control group" signal at the parent scope.
- *
- * Source assertions:
- *   - globals.css :has(button:hover) rule covers all 3 wrappers
- *   - globals.css transition rule for the 3 wrappers includes filter
- *   - TopoGraph.tsx Layout wrapper has data-topo-chrome-wrapper-halo-family="layout"
- *   - TopoGraph.tsx nodeSize wrapper has data-topo-chrome-wrapper-halo-family="nodesize"
- *   - TopoGraph.tsx zoom wrapper has data-topo-chrome-wrapper-halo-family="zoom"
- *
- * Runtime assertions:
- *   - all 3 wrappers present in DOM with halo-family data-attrs
- */
-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-wrapper-halo-family]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const runtimeState = await page.evaluate(() => {
-  const wrappers = Array.from(document.querySelectorAll('[data-topo-chrome-wrapper-halo-family]'));
-  return wrappers.map(w => w.getAttribute('data-topo-chrome-wrapper-halo-family')).sort();
-});
-
-await browser.close();
-
-const cssSrc = readFileSync('/home/vansin/agent-network-dashboard/app/globals.css', 'utf8');
-const tsxSrc = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-
-const cssHoverRule = /\[data-topo-chrome-layout-trailer\]:has\(button:hover\),[\s\S]*?\[data-topo-chrome-fleet-group-trailer\]:has\(button:hover\),[\s\S]*?\[data-topo-chrome-zoom-wrapper\]:has\(button:hover\)\s*\{[\s\S]*?drop-shadow\(0 0 2px rgba\(103, 232, 249, 0\.5\)\)[\s\S]*?drop-shadow\(0 0 4px rgba\(103, 232, 249, 0\.25\)\)/.test(cssSrc);
-const cssTransition = /\[data-topo-chrome-layout-trailer\],[\s\S]*?\[data-topo-chrome-fleet-group-trailer\],[\s\S]*?\[data-topo-chrome-zoom-wrapper\]\s*\{[\s\S]*?transition:[\s\S]*?filter 200ms/.test(cssSrc);
-const tsxLayoutAttr  = /data-topo-chrome-wrapper-halo-family="layout"/.test(tsxSrc);
-const tsxNodesizeAttr = /data-topo-chrome-wrapper-halo-family="nodesize"/.test(tsxSrc);
-const tsxZoomAttr    = /data-topo-chrome-wrapper-halo-family="zoom"/.test(tsxSrc);
-
-const expectedFamilies = ['layout', 'nodesize', 'zoom'];
-
-const results = {
-  wrappers_count:      runtimeState.length === 3,
-  wrappers_families:   JSON.stringify(runtimeState) === JSON.stringify(expectedFamilies),
-  css_hover_rule:      cssHoverRule,
-  css_transition:      cssTransition,
-  tsx_layout_attr:     tsxLayoutAttr,
-  tsx_nodesize_attr:   tsxNodesizeAttr,
-  tsx_zoom_attr:       tsxZoomAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R697 chrome wrapper :has() multi-layer halo (53rd anchor — 3 wrappers via CSS rule):`,
-  JSON.stringify(results, null, 2),
-  `\n  runtime families: ${JSON.stringify(runtimeState)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-chrome-zoom-icon-sw-test.mjs

@@ -1,90 +0,0 @@
-/* Round 454 verification: chrome zoom +/- icons strokeWidth hover lift
- * via Tailwind arbitrary class group-hover:[stroke-width:2.8].
- * The attribute strokeWidth='2.5' stays at rest; CSS hover overrides
- * with stroke-width: 2.8.
- *
- * Contract:
- *   - rest: zoom-in/zoom-out icons report computed stroke-width '2.5px'
- *   - hover the zoom-in button: that icon computed stroke-width '2.8px'
- *   - source-file probe confirms group-hover:[stroke-width:2.8] in
- *     both icon className strings
- */
-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, status) => ({
-    alias, status, model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha', 'working'),
-    mk('beta',  'idle'),
-  ] } });
-});
-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-icon]', { timeout: 15000 });
-await page.waitForTimeout(400);
-
-const readIcons = () => page.evaluate(() => {
-  const zi = document.querySelector('[data-topo-chrome-zoom-in-icon]');
-  const zo = document.querySelector('[data-topo-chrome-zoom-out-icon]');
-  return {
-    zoom_in:  zi ? { sw: zi.getAttribute('stroke-width'), sw_computed: getComputedStyle(zi).strokeWidth } : null,
-    zoom_out: zo ? { sw: zo.getAttribute('stroke-width'), sw_computed: getComputedStyle(zo).strokeWidth } : null,
-  };
-});
-
-const rest = await readIcons();
-
-// Hover zoom-in button
-let hover = null;
-const btn = await page.$('[data-topo-chrome-zoom-in]');
-if (btn) {
-  await btn.hover({ force: true });
-  await page.waitForTimeout(300);
-  hover = await readIcons();
-  await page.mouse.move(0, 0);
-}
-
-const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-// className appears BEFORE data-attr on the icon SVG, so check both
-// orderings + count >= 2 to confirm both zoom icons have the class.
-const sourceMatch   = fileText.match(/group-hover:\[stroke-width:2\.8\]/g);
-const sourceTwoMatches = sourceMatch && sourceMatch.length >= 2;
-const sourceZoomOut = /group-hover:\[stroke-width:2\.8\][\s\S]{0,400}data-topo-chrome-zoom-out-icon/.test(fileText);
-const sourceZoomIn  = /group-hover:\[stroke-width:2\.8\][\s\S]{0,400}data-topo-chrome-zoom-in-icon/.test(fileText);
-
-await browser.close();
-
-const results = {
-  rest_zi_attr_2_5:        rest.zoom_in?.sw === '2.5',
-  rest_zo_attr_2_5:        rest.zoom_out?.sw === '2.5',
-  rest_zi_computed_2_5:    rest.zoom_in?.sw_computed === '2.5px' || rest.zoom_in?.sw_computed === '2.5',
-  hover_zi_computed_2_8:   hover?.zoom_in?.sw_computed === '2.8px' || hover?.zoom_in?.sw_computed === '2.8',
-  source_zoom_out_wired:   sourceZoomOut,
-  source_zoom_in_wired:    sourceZoomIn,
-  source_two_matches:      sourceTwoMatches,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} chrome zoom icon sw hover:`, JSON.stringify(results),
-  '\n  rest:', JSON.stringify(rest),
-  '\n  hover:', JSON.stringify(hover));
-process.exit(ok ? 0 : 1);