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

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

@@ -1,99 +0,0 @@
-/* Round 289 verification: sleep2agi watermark wordmark gains
- * letterSpacing="0.5". Same typographic-intent idiom R285 (kicker
- * tracking-widest) and R286 (title tracking-tight) — letter-spacing
- * as deliberate register signal.
- *
- * Contract:
- *   - [data-topo-brand-watermark] computed letter-spacing ≈ 0.5px.
- *     (SVG letter-spacing attr value is parsed as user-space units;
- *     at fontSize 11 monospace, 0.5px reads as a noticeable but
- *     non-loud track widening.)
- *   - Text content still 'sleep2agi'.
- *   - opacity still 0.4 (watermark register preserved).
- *   - fontWeight still 600.
- *   - R287 minimap rect + R286 title + R285 kicker + R283 monogram
- *     stroke all 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'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*', (r) => r.fulfill({ json: { tasks: [] } }));
-
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForSelector('[data-topo-brand-watermark]', { timeout: 15000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const mark = document.querySelector('[data-topo-brand-watermark]');
-  const ls = mark ? mark.getAttribute('letter-spacing') : null;
-  const computedLs = mark ? getComputedStyle(mark).letterSpacing : null;
-  const kicker = document.querySelector('[data-topo-section-kicker]');
-  const title  = document.querySelector('[data-topo-section-title]');
-  const kCs = kicker ? getComputedStyle(kicker) : null;
-  const tCs = title  ? getComputedStyle(title)  : null;
-  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 {
-    present:           mark !== null,
-    text:              mark?.textContent ?? null,
-    opacity:           mark?.getAttribute('opacity') ?? null,
-    fontWeight:        mark?.getAttribute('font-weight') ?? null,
-    letterSpacingAttr: ls,
-    computedLetterSpacing: computedLs,
-    kickerLs:          kCs?.letterSpacing ?? null,
-    titleLs:           tCs?.letterSpacing ?? null,
-    alphaAvatarStroke: alphaAvatarCircle?.sw ?? null,
-  };
-});
-await browser.close();
-
-const computedLsVal = parseFloat(probe.computedLetterSpacing) || 0;
-const kLs = parseFloat(probe.kickerLs) || 0;
-const tLs = parseFloat(probe.titleLs) || 0;
-
-const results = {
-  watermark_present:           probe.present,
-  watermark_text_kept:         probe.text === 'sleep2agi',
-  watermark_letter_spacing_attr_set: probe.letterSpacingAttr === '0.5',
-  watermark_computed_ls_about_half: computedLsVal >= 0.4 && computedLsVal <= 0.7,
-  watermark_opacity_kept:      probe.opacity === '0.4',
-  watermark_font_weight_kept:  probe.fontWeight === '600',
-  r285_kicker_widest_kept:     kLs >= 1.0 && kLs <= 1.5,
-  r286_title_tight_kept:       tLs < 0,
-  r283_monogram_stroke_kept:   probe.alphaAvatarStroke === '1.5',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} watermark tracking:`, JSON.stringify(results),
-  '\n  text:', JSON.stringify(probe.text),
-  '\n  attr letter-spacing:', probe.letterSpacingAttr,
-  '\n  computed letter-spacing:', probe.computedLetterSpacing,
-  '\n  opacity:', probe.opacity);
-process.exit(ok ? 0 : 1);

package/scripts/topo-watermark-triple-axis-breath-test.mjs

@@ -1,129 +0,0 @@
-/* Round 722 — watermark becomes the 2ND triple-axis breath surface.
- * R519 SMIL opacity + R712 SMIL letter-spacing joined by R722 CSS
- * text-shadow — all 3 axes at 6 s in phase. Together with R721 kicker
- * they form the "6 s triple-axis PAIR" — the first multi-member
- * triple-axis structural pattern in the family.
- *
- * Tuning vs kicker: blur 8px (vs 6px), alpha 0.20 (vs 0.30) — wider
- * spread + lower alpha to register at the watermark's quieter base
- * opacity (0.4 from R282) without overpowering.
- *
- * Assertions:
- *   - CSS keyframes 0%/100% has text-shadow: none
- *   - CSS keyframes 50% has text-shadow: 0 0 8px rgba(34, 211, 238, 0.20)
- *   - .anet-topo-brand-watermark-glow-breath rule binds 6s cadence
- *   - prefers-reduced-motion guard present
- *   - runtime watermark <text> has the glow class
- *   - runtime glow-breath data-attr = "6s" (or "false" if reducedMotion)
- *   - existing R519 SMIL opacity animate child still present (regression)
- *   - existing R712 SMIL letter-spacing animate child still present (regression)
- *   - R716 catalog watermark entry axes = ["opacity", "letter-spacing", "text-shadow"]
- *   - 2 surfaces now triple-axis (kicker + watermark) — 6s triple-axis PAIR
- */
-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-brand-watermark]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const runtimeState = await page.evaluate(() => {
-  const wm = document.querySelector('[data-topo-brand-watermark]');
-  if (!wm) return null;
-  const cs = getComputedStyle(wm);
-  const smilOpacity      = wm.querySelector('animate[attributeName="opacity"]');
-  const smilLetterSpace  = wm.querySelector('animate[attributeName="letter-spacing"]');
-  const svg = document.querySelector('[data-topo-canvas-aria]');
-  return {
-    has_glow_class:        wm.classList.contains('anet-topo-brand-watermark-glow-breath'),
-    glow_attr:             wm.getAttribute('data-topo-brand-watermark-glow-breath'),
-    anim_name:             cs.animationName,
-    anim_duration:         cs.animationDuration,
-    smil_opacity_present:  !!smilOpacity,
-    smil_opacity_dur:      smilOpacity?.getAttribute('dur'),
-    smil_letter_present:   !!smilLetterSpace,
-    smil_letter_dur:       smilLetterSpace?.getAttribute('dur'),
-    catalog:               svg?.getAttribute('data-topo-respiratory-dual-axis-surfaces') ?? null,
-  };
-});
-
-await browser.close();
-
-const cssSrc = readFileSync('/home/vansin/agent-network-dashboard/app/globals.css', 'utf8');
-const cssKfNone  = /@keyframes anet-topo-brand-watermark-glow-breath-kf\s*\{[\s\S]*?0%,\s*100%\s*\{[\s\S]*?text-shadow:\s*none/.test(cssSrc);
-const cssKfGlow  = /@keyframes anet-topo-brand-watermark-glow-breath-kf\s*\{[\s\S]*?50%\s*\{[\s\S]*?text-shadow:\s*0\s+0\s+8px\s+rgba\(34,\s*211,\s*238,\s*0\.20\)/.test(cssSrc);
-const cssClassBound6s = /\.anet-topo-brand-watermark-glow-breath\s*\{[\s\S]*?animation:\s*anet-topo-brand-watermark-glow-breath-kf\s+6s\s+ease-in-out\s+infinite/.test(cssSrc);
-const cssReducedMotion = /@media\s*\(prefers-reduced-motion:\s*reduce\)\s*\{[\s\S]*?\.anet-topo-brand-watermark-glow-breath\s*\{\s*animation:\s*none/.test(cssSrc);
-
-const runtimeAnimOk = runtimeState?.anim_name === 'anet-topo-brand-watermark-glow-breath-kf' || runtimeState?.anim_name === 'none';
-
-let catalog = null;
-try { catalog = JSON.parse(runtimeState?.catalog ?? ''); } catch {}
-const wmEntry = Array.isArray(catalog) ? catalog.find(e => e.anchor === 'watermark') : null;
-const wmTripleAxes = !!wmEntry
-  && Array.isArray(wmEntry.axes)
-  && wmEntry.axes.length === 3
-  && JSON.stringify(wmEntry.axes) === JSON.stringify(['opacity', 'letter-spacing', 'text-shadow']);
-
-const tripleAxisSurfaces = Array.isArray(catalog)
-  ? catalog.filter(e => Array.isArray(e.axes) && e.axes.length === 3)
-  : [];
-const tripleAxisAnchorsSorted = tripleAxisSurfaces.map(e => e.anchor).sort();
-/* R725 added H2 as a 3rd triple-axis surface at 10 s — the "6 s pair"
- * subset still exists (kicker + watermark @ 6 s), but the catalog
- * has 3 total entries now. Widen the assertion to verify the 6 s
- * pair SUBSET is intact rather than asserting it's the whole set. */
-const sixSecondMembers = tripleAxisSurfaces.filter(e => e.cadence_s === 6);
-const sixSecondAnchorsSorted = sixSecondMembers.map(e => e.anchor).sort();
-const triple6sPair =
-  sixSecondMembers.length === 2
-  && JSON.stringify(sixSecondAnchorsSorted) === JSON.stringify(['kicker', 'watermark']);
-
-const results = {
-  watermark_present:               !!runtimeState,
-  has_glow_class:                  runtimeState?.has_glow_class === true,
-  glow_attr_6s:                    runtimeState?.glow_attr === '6s',
-  runtime_anim_kf:                 runtimeAnimOk,
-  css_keyframes_norm_none:         cssKfNone,
-  css_keyframes_mid_glow:          cssKfGlow,
-  css_class_binds_6s:              cssClassBound6s,
-  css_reduced_motion_guard:        cssReducedMotion,
-  r519_smil_opacity_kept:          runtimeState?.smil_opacity_present === true && runtimeState?.smil_opacity_dur === '6s',
-  r712_smil_letter_kept:           runtimeState?.smil_letter_present === true && runtimeState?.smil_letter_dur === '6s',
-  catalog_watermark_three_axes:    wmTripleAxes,
-  triple_axis_pair_6s:             triple6sPair,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R722 watermark triple-axis breath (2nd triple-axis surface, 6s triple-axis PAIR with kicker):`,
-  JSON.stringify(results, null, 2),
-  `\n  watermark entry: ${JSON.stringify(wmEntry)}`,
-  `\n  triple-axis surfaces: ${JSON.stringify(tripleAxisAnchorsSorted)}`,
-  `\n  runtime: ${JSON.stringify({ anim_name: runtimeState?.anim_name, anim_duration: runtimeState?.anim_duration, smil_opacity: runtimeState?.smil_opacity_dur, smil_letter: runtimeState?.smil_letter_dur })}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-wheel-zoom-test.mjs

@@ -1,79 +0,0 @@
-/* Round 23 verification: wheel-zoom is guarded inline (requires
- * ctrl/meta) but unconditional in fullscreen. Plain wheel over the
- * canvas must let page scroll through. */
-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');
-    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'].map(a => ({
-    alias: a, 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(400);
-
-const readZoom = () => page.evaluate(() => {
-  const span = document.querySelector('button[aria-label="Zoom in"]').parentElement.querySelector('span[title*="zoom level"]');
-  return +span.textContent.replace('%', '');
-});
-
-// Move cursor over the SVG centre
-const box = await page.$eval('svg[viewBox="0 0 1000 680"]', el => el.getBoundingClientRect());
-const cx = box.x + box.width / 2;
-const cy = box.y + box.height / 2;
-await page.mouse.move(cx, cy);
-const start = await readZoom();
-
-// PLAIN wheel — must NOT zoom (guard active inline)
-await page.mouse.wheel(0, -100);
-await page.waitForTimeout(80);
-const afterPlainWheel = await readZoom();
-
-// PLAIN wheel must let page scroll
-const scrollBefore = await page.evaluate(() => window.scrollY);
-await page.mouse.wheel(0, 200);
-await page.waitForTimeout(80);
-const scrollAfter = await page.evaluate(() => window.scrollY);
-// scroll back so the next test has the SVG in view
-await page.evaluate(() => window.scrollTo(0, 0));
-await page.mouse.move(cx, cy);
-await page.waitForTimeout(100);
-
-// CTRL+wheel — must zoom inline
-const beforeCtrl = await readZoom();
-await page.keyboard.down('Control');
-await page.mouse.wheel(0, -100);
-await page.keyboard.up('Control');
-await page.waitForTimeout(80);
-const afterCtrl = await readZoom();
-
-await browser.close();
-const results = {
-  plainWheelDoesNotZoom: afterPlainWheel === start,
-  plainWheelPageScrolls: scrollAfter > scrollBefore,
-  ctrlWheelZooms: afterCtrl > beforeCtrl,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} wheel zoom guard:`, JSON.stringify(results),
-  `start=${start} plainWheel=${afterPlainWheel} scrollBefore=${scrollBefore} scrollAfter=${scrollAfter} beforeCtrl=${beforeCtrl} afterCtrl=${afterCtrl}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-working-chip-pin-test.mjs

@@ -1,154 +0,0 @@
-/* Round 139 verification: the chip-row "N working" chip click
- * pins pinnedStatus='working'. Closes the cursor-pointer-lying
- * bug from R79 — the chip's tooltip has been promising "click to
- * pin" since R79 ("hover highlights, click to pin") but no onClick
- * was ever wired. Same shape as R136 fix on the active-links chip.
- *
- * Composes with two existing pin surfaces:
- *   R60 pressure-bar segments
- *   R61 legend rows
- *   R139 working chip in the chip row (new)
- * All three toggle the same pinnedStatus state via setPinnedStatus.
- *
- * Behavior tested:
- *   1. Idle baseline: workingCount > 0, aria-pressed="false",
- *      data-pin-mirror="false", boxShadow absent
- *   2. Click → pinnedStatus='working', aria-pressed="true",
- *      data-pin-mirror="true", boxShadow set
- *   3. Click again → unpin, aria-pressed="false"
- *   4. Esc clears pin (R62 invariant)
- *   5. Empty fleet (workingCount=0): chip not interactive
- *      (no role, no tabindex, no cursor:pointer)
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-
-async function probe(workingCount, totalCount) {
-  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 sessions = [];
-    for (let i = 0; i < totalCount; i++) {
-      sessions.push({
-        alias: `node${i}`,
-        status: i < workingCount ? 'working' : 'idle',
-        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 } });
-  });
-  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((n) => document.querySelectorAll('g[data-node]').length === n, totalCount, { timeout: 30000 });
-  await page.waitForSelector('[data-working-chip]', { timeout: 10000 });
-  await page.waitForTimeout(400);
-
-  return { browser, page };
-}
-
-// State A: fleet with working agents
-const { browser: b1, page: p1 } = await probe(3, 5);
-
-const readChip = () => p1.evaluate(() => {
-  const chip = document.querySelector('[data-working-chip]');
-  return {
-    clickable:   chip?.getAttribute('data-working-chip-clickable'),
-    role:        chip?.getAttribute('role'),
-    tabindex:    chip?.getAttribute('tabindex'),
-    pinMirror:   chip?.getAttribute('data-pin-mirror'),
-    ariaPressed: chip?.getAttribute('aria-pressed'),
-    // R180 fix: probe the box-shadow PROPERTY value, not a
-    // substring match on the style attribute. Pre-R180 the
-    // inline style only contained 'box-shadow' when pinned;
-    // R180 added 'transition: box-shadow 150ms ease-out' that
-    // also matches the substring even when unpinned. Read the
-    // actual property to keep the assertion precise.
-    boxShadow:   !!(chip && chip.style && chip.style.boxShadow),
-    cursor:      chip?.getAttribute('style')?.includes('cursor: pointer'),
-  };
-});
-
-const before = await readChip();
-
-await p1.locator('[data-working-chip]').click();
-await p1.waitForTimeout(200);
-const afterClick = await readChip();
-
-await p1.locator('[data-working-chip]').click();
-await p1.waitForTimeout(200);
-const afterReclick = await readChip();
-
-// Re-pin then test Esc clears (R62 invariant)
-await p1.locator('[data-working-chip]').click();
-await p1.waitForTimeout(200);
-await p1.keyboard.press('Escape');
-await p1.waitForTimeout(200);
-const afterEsc = await readChip();
-
-await b1.close();
-
-// State B: empty fleet (workingCount=0) — chip not interactive
-const { browser: b2, page: p2 } = await probe(0, 3);
-const emptyState = await p2.evaluate(() => {
-  const chip = document.querySelector('[data-working-chip]');
-  return {
-    clickable: chip?.getAttribute('data-working-chip-clickable'),
-    role:      chip?.getAttribute('role'),
-    tabindex:  chip?.getAttribute('tabindex'),
-    cursor:    chip?.getAttribute('style')?.includes('cursor: pointer'),
-  };
-});
-await b2.close();
-
-const results = {
-  // Initial (3 working / 5 total)
-  before_clickableTrue:   before.clickable === 'true',
-  before_roleButton:      before.role === 'button',
-  before_tabIndex0:       before.tabindex === '0',
-  before_ariaPressedFalse: before.ariaPressed === 'false',
-  before_pinMirrorFalse:  before.pinMirror === 'false',
-  before_cursorPointer:   before.cursor === true,
-  before_noBoxShadow:     before.boxShadow === false,
-
-  // After click — pinned
-  click_ariaPressedTrue:  afterClick.ariaPressed === 'true',
-  click_pinMirrorTrue:    afterClick.pinMirror === 'true',
-  click_boxShadowSet:     afterClick.boxShadow === true,
-
-  // After reclick — released
-  reclick_ariaPressedFalse: afterReclick.ariaPressed === 'false',
-  reclick_pinMirrorFalse:   afterReclick.pinMirror === 'false',
-
-  // Esc clears pin
-  esc_ariaPressedFalse:   afterEsc.ariaPressed === 'false',
-  esc_pinMirrorFalse:     afterEsc.pinMirror === 'false',
-
-  // Empty fleet — not interactive
-  empty_clickableFalse:   emptyState.clickable === 'false',
-  empty_noRole:           emptyState.role === null || emptyState.role === undefined,
-  empty_noTabIndex:       emptyState.tabindex === null || emptyState.tabindex === undefined,
-  empty_noCursor:         !emptyState.cursor,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} working chip pin:`, JSON.stringify(results),
-  `\n  before=`, before,
-  `\n  afterClick=`, afterClick,
-  `\n  afterReclick=`, afterReclick,
-  `\n  afterEsc=`, afterEsc,
-  `\n  emptyState=`, emptyState);
-process.exit(ok ? 0 : 1);

package/scripts/topo-working-halo-breath-retired-test.mjs

@@ -1,99 +0,0 @@
-/* Round 278 verification: working halo breath SMIL retired (R112 +
- * R226 + R244 family) — 减法 cut #4.
- *
- * Pre-R278 each working node's halo <circle r=radius+8> contained a
- * <animate attributeName="opacity" ...> child that pulsed
- * 0.73→0.92→0.73 (cyber 0.53→0.78→0.53) at 3s cycle, R226-staggered
- * per-node by (nodeIdx * 0.37) % 3, R244 spline-eased.
- *
- * For a 4-working fleet that's 4 simultaneous SMIL breaths competing
- * with the hub-halo breath (R244 hub) for the "fleet busyness" visual
- * signal. The signal is info-redundant: hub-halo breath already
- * conveys "alive and busy"; per-node halo breath duplicates at 4×
- * volume. Working nodes are also distinguished by their halo COLOR
- * (R12 status trio green halo), so identity stays without motion.
- *
- * Post-R278 the SMIL animate is gated `false &&` — halo opacity stays
- * at the base value via the parent circle's opacity attr (no breath).
- * Working node halos visible but static.
- *
- * Test scope:
- *   1. No `<animate>` child inside working node halos (the
- *      <circle r=radius+8 ...>). Probe by looking for animate inside
- *      circles tagged data-node-halo-breath='on'.
- *   2. Halo circles still PRESENT (info preserved — just static).
- *   3. R275 freshness chip absent at fresh (regression).
- *   4. R276 orbit particles absent (regression).
- *   5. R277 legend panel height === 88 (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-node-halo-breath]', { timeout: 10000 });
-await page.waitForSelector('[data-topo-panel="legend"]', { timeout: 10000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  // Working node halos — they should still exist (info preserved)
-  // but should NOT contain <animate> children (SMIL retired).
-  const halos = document.querySelectorAll('[data-node-halo-breath="on"]');
-  let animateChildCount = 0;
-  halos.forEach((h) => {
-    animateChildCount += h.querySelectorAll('animate').length;
-  });
-  const freshnessChip = document.querySelector('[data-freshness-chip]');
-  const orbits        = document.querySelectorAll('[data-topo-orbit-bucket]');
-  const legendG       = document.querySelector('[data-topo-panel="legend"]');
-  const legendH       = legendG?.querySelector('rect')?.getAttribute('height') ?? null;
-  return {
-    haloCount:           halos.length,
-    haloAnimateCount:    animateChildCount,
-    freshnessPresent:    freshnessChip !== null,
-    orbitCount:          orbits.length,
-    legendHeight:        legendH,
-  };
-});
-await browser.close();
-
-const results = {
-  halos_still_present:               probe.haloCount >= 4,
-  halo_animate_count_zero:           probe.haloAnimateCount === 0,
-  r275_freshness_absent:             probe.freshnessPresent === false,
-  r276_orbit_absent:                 probe.orbitCount === 0,
-  r277_legend_height_88:             probe.legendHeight === '88',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} working halo breath retired:`, JSON.stringify(results),
-  '\n  halo count (expect >=4):',           probe.haloCount,
-  '\n  halo <animate> children (expect 0):', probe.haloAnimateCount,
-  '\n  freshness absent:', !probe.freshnessPresent,
-  '\n  orbit count (expect 0):', probe.orbitCount,
-  '\n  legend height:', probe.legendHeight);
-process.exit(ok ? 0 : 1);

package/scripts/topo-working-online-chip-halo-layers-test.mjs

@@ -1,94 +0,0 @@
-/* Round 687 — working + online chips extend from 4 hover axes (bg/
- * border swap + translate-y + active scale) to add multi-layer halo
- * paint axis. Per-tier tints — green-400 #4ade80 for working chip,
- * cyan-300 #67e8f9 for online chip — match the existing pinnedStatus
- * boxShadow inset rings. 2+4 stride, alpha 80/40. Sibling extension
- * to R686 active-links chip; closes chip-row left-side trio
- * (working + online + active-links) at halo-axis parity.
- *
- * Source assertions:
- *   - working chip filter: pal green-400 #4ade80 80/40 2+4 stride
- *   - online chip filter: pal cyan-300 #67e8f9 80/40 2+4 stride
- *   - both halo-layers attrs toggle '2' ↔ '0' on respective gates
- *
- * Runtime assertions:
- *   - both chips present
- *   - rest halo-layers='0' on both
- *   - mock sessions ensure both chips are interactive (workingCount + onlineNodes > 0)
- */
-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, 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('a·1', 'working'),
-    mk('a·2', 'idle'),
-    mk('a·3', '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: 'networkidle' });
-await page.waitForSelector('[data-working-chip]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const runtimeState = await page.evaluate(() => {
-  const working = document.querySelector('[data-working-chip]');
-  const online  = document.querySelector('[data-online-chip]');
-  return {
-    working_present: !!working,
-    online_present:  !!online,
-    working_halo:    working?.getAttribute('data-working-chip-halo-layers'),
-    online_halo:     online?.getAttribute('data-online-chip-halo-layers'),
-    working_click:   working?.getAttribute('data-working-chip-clickable'),
-    online_click:    online?.getAttribute('data-online-chip-clickable'),
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceWorkingFilter = /filter: hoveredStatus === 'working' && workingCount > 0\s*\?\s*'drop-shadow\(0 0 2px #4ade8080\) drop-shadow\(0 0 4px #4ade8040\)'/.test(src);
-const sourceOnlineFilter  = /filter: \(hoveredStatus === 'working' \|\| hoveredStatus === 'idle'\) && onlineNodes\.length > 0\s*\?\s*'drop-shadow\(0 0 2px #67e8f980\) drop-shadow\(0 0 4px #67e8f940\)'/.test(src);
-const sourceWorkingAttr   = /data-working-chip-halo-layers=\{hoveredStatus === 'working' && workingCount > 0 \? '2' : '0'\}/.test(src);
-const sourceOnlineAttr    = /data-online-chip-halo-layers=\{\(hoveredStatus === 'working' \|\| hoveredStatus === 'idle'\) && onlineNodes\.length > 0 \? '2' : '0'\}/.test(src);
-
-const results = {
-  working_present:        runtimeState.working_present,
-  online_present:         runtimeState.online_present,
-  rest_working_layers_0:  runtimeState.working_halo === '0',
-  rest_online_layers_0:   runtimeState.online_halo === '0',
-  working_interactive:    runtimeState.working_click === 'true',
-  online_interactive:     runtimeState.online_click === 'true',
-  source_working_filter:  sourceWorkingFilter,
-  source_online_filter:   sourceOnlineFilter,
-  source_working_attr:    sourceWorkingAttr,
-  source_online_attr:     sourceOnlineAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R687 working+online chip multi-layer halo (closes chip-row left-side trio):`,
-  JSON.stringify(results, null, 2),
-  `\n  runtime: ${JSON.stringify(runtimeState)}`);
-process.exit(ok ? 0 : 1);