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

package/scripts/topo-tier-ring-occupancy-test.mjs

@@ -1,87 +0,0 @@
-/* Round 92 verification: tier-ring opacity reflects occupancy. R54
- * drew the guide rings at a fixed opacity regardless of how many
- * nodes lived on each tier. R92 buckets the count and scales
- * opacity, so a crowded tier shouts and an empty tier disappears.
- *
- * Probe three fleet sizes: small (4 → 1 ring), medium (12 → 2 rings),
- * large (18 → 3 rings). Assert bucket monotonicity (higher count =
- * higher bucket = higher opacity) and that each rendered ring carries
- * its occupancy + bucket data attributes.
- */
-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 fresh = new Date(Date.now() - 60 * 1000).toISOString();
-
-const probe = async (count) => {
-  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');
-      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 sessions = [];
-    for (let i = 0; i < count; i++) {
-      sessions.push({ alias: `n${i}`, status: '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,
-    count, { timeout: 30000 });
-  await page.waitForTimeout(500);
-
-  const rings = await page.evaluate(() => {
-    return [...document.querySelectorAll('[data-tier-ring]')].map(r => ({
-      radius:    r.getAttribute('data-tier-ring'),
-      occupancy: r.getAttribute('data-tier-occupancy'),
-      bucket:    r.getAttribute('data-tier-bucket'),
-      opacity:   +(r.getAttribute('opacity') || '0'),
-    })).sort((a, b) => +a.radius - +b.radius);
-  });
-  await ctx.close();
-  return rings;
-};
-
-const small  = await probe(4);    // 4 nodes → 1 ring, occupancy 4, bucket 1 (3-6)
-const medium = await probe(12);   // 12 nodes → 2 rings
-const large  = await probe(18);   // 18 nodes → 3 rings
-await browser.close();
-
-const occupancySum = (rings) => rings.reduce((acc, r) => acc + +r.occupancy, 0);
-
-const results = {
-  small_oneRing:        small.length === 1,
-  small_occupancy4:     small[0]?.occupancy === '4',
-  small_bucket1:        small[0]?.bucket === '1',
-  medium_twoRings:      medium.length === 2,
-  medium_occupancyMatchesFleet: occupancySum(medium) === 12,
-  large_threeRings:     large.length === 3,
-  large_occupancyMatchesFleet:  occupancySum(large) === 18,
-  // Higher bucket → higher opacity (monotonic ladder).
-  bucketLadder_monotonic: large.every(r => {
-    const b = +r.bucket;
-    // dark theme: bucket 0 → 0.32, 1 → 0.46, 2 → 0.62
-    const expected = [0.32, 0.46, 0.62][b];
-    return Math.abs(r.opacity - expected) < 0.01;
-  }),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} tier-ring occupancy:`, JSON.stringify(results),
-  `\n  small (4)=`,  small,
-  `\n  medium (12)=`, medium,
-  `\n  large (18)=`,  large);
-process.exit(ok ? 0 : 1);

package/scripts/topo-tier-ring-test.mjs

@@ -1,69 +0,0 @@
-/* Round 54 verification: tier-radius guide rings render at the active
- * tier radii only, picked from the online node count.
- *  - N ≤ 8  → 1 ring at r=220
- *  - 9-14   → 2 rings at r=175 and r=260
- *  - N > 14 → 3 rings at r=145, 215, 285
- *  - Grid layout has NO tier rings (they're ring-only).
- * Identified via the `data-tier-ring` attribute the implementation
- * stamps on each guide circle. */
-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 });
-
-async function probe(layout, count) {
-  const ctx = await browser.newContext({ viewport: { width: 1280, height: 1500 } });
-  await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-  await ctx.addInitScript((layout) => {
-    try {
-      localStorage.setItem('anet-theme', 'cyber');
-      localStorage.setItem('anet-topo-layout', layout);
-      sessionStorage.setItem('anet_v3_auth', '1');
-    } catch {}
-  }, layout);
-  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 = Array.from({ length: count }).map((_, i) => ({
-      alias: `n${i.toString().padStart(2, '0')}`,
-      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/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(c => document.querySelectorAll('g[data-node]').length === c, count, { timeout: 30000 });
-  await page.waitForTimeout(400);
-  const radii = await page.evaluate(() => {
-    const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-    return [...svg.querySelectorAll('circle[data-tier-ring]')]
-      .map(c => +c.getAttribute('data-tier-ring'))
-      .sort((a, b) => a - b);
-  });
-  await ctx.close();
-  return radii;
-}
-
-const single = await probe('ring', 6);
-const dual = await probe('ring', 12);
-const triple = await probe('ring', 22);
-const grid = await probe('grid', 6);
-
-await browser.close();
-const eq = (a, b) => a.length === b.length && a.every((v, i) => v === b[i]);
-const results = {
-  singleHas220: eq(single, [220]),
-  dualHas175And260: eq(dual, [175, 260]),
-  tripleHas145_215_285: eq(triple, [145, 215, 285]),
-  gridHasNoTierRings: eq(grid, []),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} tier rings:`, JSON.stringify(results),
-  `\n  single=${JSON.stringify(single)} dual=${JSON.stringify(dual)} triple=${JSON.stringify(triple)} grid=${JSON.stringify(grid)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-tier-ring-tint-test.mjs

@@ -1,110 +0,0 @@
-/* Round 93 verification: tier rings tint to pal.legendAccent when
- * any of pinnedStatus / pinnedGroup / pinnedVendor is active, and
- * revert to the neutral pal.ringStroke when all three release.
- *
- * Drive pin state via the R69 CustomEvent for status (deterministic;
- * same approach the R82 chip-pin-mirror test uses) and the vendor
- * letter click for vendor. Verify data-tier-tinted toggles + stroke
- * attribute differs from the neutral baseline.
- */
-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');
-    localStorage.setItem('anet-topo-layout', 'ring');
-    sessionStorage.setItem('anet_v3_auth', '1');
-    sessionStorage.removeItem('anet-topo-pinned-status');
-    sessionStorage.removeItem('anet-topo-pinned-group');
-    sessionStorage.removeItem('anet-topo-pinned-vendor');
-  } 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';
-  // 4 nodes → single tier (≤8 threshold). Enough to have 1 ring to inspect.
-  const mk = (alias, model) => ({
-    alias, status: 'idle', model, runtime: 'cli-claude-code',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  const sessions = [
-    mk('alpha', 'claude-opus-4'),
-    mk('beta',  'gpt-5'),
-    mk('gamma', 'claude-opus-4'),
-    mk('delta', 'gpt-5'),
-  ];
-  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(() => document.querySelectorAll('g[data-node]').length === 4, { timeout: 30000 });
-await page.waitForTimeout(400);
-
-const ring = () => page.evaluate(() => {
-  const r = document.querySelector('[data-tier-ring]');
-  if (!r) return null;
-  return {
-    tinted: r.getAttribute('data-tier-tinted'),
-    stroke: r.getAttribute('stroke'),
-  };
-});
-
-const before = await ring();
-
-// Pin a status — tier ring should tint.
-await page.evaluate(() => {
-  sessionStorage.setItem('anet-topo-pinned-status', 'idle');
-  window.dispatchEvent(new CustomEvent('anet:topo-pin', { detail: { kind: 'status', value: 'idle' } }));
-});
-await page.waitForTimeout(300);
-const afterStatusPin = await ring();
-
-// Clear via Esc — ring should revert.
-await page.keyboard.press('Escape');
-await page.waitForTimeout(250);
-const afterEscStatus = await ring();
-
-// Pin vendor — tier ring should tint again.
-await page.locator('[data-vendor-letter="A"]').click();
-await page.mouse.move(10, 10);
-await page.waitForTimeout(250);
-const afterVendorPin = await ring();
-
-// Clear via Esc — back to neutral.
-await page.keyboard.press('Escape');
-await page.waitForTimeout(250);
-const afterEscVendor = await ring();
-
-await browser.close();
-
-const results = {
-  before_neutral:       before?.tinted === 'false',
-  before_strokeSet:     typeof before?.stroke === 'string' && before.stroke.length > 0,
-  statusPin_tinted:     afterStatusPin?.tinted === 'true',
-  statusPin_strokeDiffers: afterStatusPin?.stroke !== before?.stroke,
-  escStatus_revertsTinted: afterEscStatus?.tinted === 'false',
-  escStatus_strokeMatchesBaseline: afterEscStatus?.stroke === before?.stroke,
-  vendorPin_tinted:     afterVendorPin?.tinted === 'true',
-  vendorPin_strokeDiffers: afterVendorPin?.stroke !== before?.stroke,
-  escVendor_revertsTinted: afterEscVendor?.tinted === 'false',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} tier-ring tint:`, JSON.stringify(results),
-  `\n  before=`,           before,
-  `\n  afterStatusPin=`,   afterStatusPin,
-  `\n  afterEscStatus=`,   afterEscStatus,
-  `\n  afterVendorPin=`,   afterVendorPin,
-  `\n  afterEscVendor=`,   afterEscVendor);
-process.exit(ok ? 0 : 1);

package/scripts/topo-tier-stagger-test.mjs

@@ -1,89 +0,0 @@
-/* Round 72 verification: ring-layout first-paint stagger is tier-radial
- * (inner ring → outer ring → offline ring), instead of R9's pure
- * clockwise nodeIdx walk. Grid mode keeps R9 unchanged.
- *
- *  - Mount 20 sessions in ring layout → triple-tier (r1=145 / r2=215 /
- *    r3=285). data-tier-idx reflects 0/1/2 (offline=3).
- *  - For ring: every tier-2 node's animationDelay is >= every tier-0
- *    node's animationDelay (strict tier ordering).
- *  - For grid: every node has data-tier-idx="-1" and the delay falls
- *    on R9's `nodeIdx * 25` schedule (max 600ms tail).
- */
-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 });
-
-async function probe(layout, count) {
-  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((layout) => {
-    try {
-      localStorage.setItem('anet-theme', 'cyber');
-      localStorage.setItem('anet-topo-layout', layout);
-      sessionStorage.setItem('anet_v3_auth', '1');
-      sessionStorage.removeItem('anet-topo-pinned-status');
-      sessionStorage.removeItem('anet-topo-pinned-group');
-    } catch {}
-  }, layout);
-  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 = Array.from({ length: count }).map((_, i) => ({
-      alias: `n${i.toString().padStart(2, '0')}`,
-      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/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(c => document.querySelectorAll('g[data-node]').length === c, count, { timeout: 30000 });
-  await page.waitForTimeout(600);
-  const rows = await page.evaluate(() => {
-    return [...document.querySelectorAll('g[data-node]')].map(g => ({
-      alias: g.getAttribute('data-node'),
-      tier:  g.getAttribute('data-tier-idx'),
-      delay: g.style.animationDelay,
-    }));
-  });
-  await ctx.close();
-  return rows;
-}
-
-const ringRows = await probe('ring', 20);
-const gridRows = await probe('grid', 6);
-
-await browser.close();
-
-const ms = (s) => parseFloat((s || '0ms').replace('ms', ''));
-const tier0 = ringRows.filter(r => r.tier === '0').map(r => ms(r.delay));
-const tier1 = ringRows.filter(r => r.tier === '1').map(r => ms(r.delay));
-const tier2 = ringRows.filter(r => r.tier === '2').map(r => ms(r.delay));
-
-const maxTier0 = Math.max(...(tier0.length ? tier0 : [0]));
-const minTier1 = Math.min(...(tier1.length ? tier1 : [Infinity]));
-const minTier2 = Math.min(...(tier2.length ? tier2 : [Infinity]));
-const maxTier1 = Math.max(...(tier1.length ? tier1 : [0]));
-
-const results = {
-  ring_tier0_present: tier0.length > 0,
-  ring_tier1_present: tier1.length > 0,
-  ring_tier2_present: tier2.length > 0,
-  ring_tier1_after_tier0: minTier1 > maxTier0,   // every t1 delay > every t0 delay
-  ring_tier2_after_tier1: minTier2 > maxTier1,
-  grid_allTierMinus1:    gridRows.every(r => r.tier === '-1'),
-  grid_followsR9:        gridRows.every((r, i) => ms(r.delay) === Math.min(i, 24) * 25),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} tier stagger:`, JSON.stringify(results),
-  `\n  ring tier0 delays=`, tier0,
-  `\n  ring tier1 delays=`, tier1,
-  `\n  ring tier2 delays=`, tier2,
-  `\n  grid delays=`,       gridRows.map(r => r.delay));
-process.exit(ok ? 0 : 1);

package/scripts/topo-title-block-entrance-animation-test.mjs

@@ -1,127 +0,0 @@
-/* Round 742 — title-block entrance animation. 2nd member of the
- * entrance family (after R740 canvas root). Staggered choreography:
- *   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
- *
- * Assertions:
- *   - .anet-topo-title-block-entrance class on title-block wrapper
- *   - data-topo-section-titleblock-entrance="true"
- *   - CSS @keyframes 0% translateY(-4px) opacity 0.7 → 100% translateY(0) opacity 1
- *   - .anet-topo-title-block-entrance binds 500ms ease-out 200ms delay
- *   - animation NOT infinite (runtime iteration count === '1')
- *   - prefers-reduced-motion guard present
- *   - Animation completes within ~900ms (200ms delay + 500ms + 200ms buffer)
- *     → after 900ms wait, computed transform is identity & opacity = 1
- *   - Existing R706 envelope-breath class still composed (regression)
- *   - R741 catalog one-shot-mount.members === 2, includes title-block in examples
- *   - R740 canvas entrance 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-section-titleblock-group]', { timeout: 15000, state: 'attached' });
-/* Wait for both R740 (0-600ms) and R742 (200-700ms) animations to
- * complete plus a safety buffer. */
-await page.waitForTimeout(900);
-
-const state = await page.evaluate(() => {
-  const tb = document.querySelector('[data-topo-section-titleblock-group]');
-  const svg = document.querySelector('[data-topo-canvas-aria]');
-  if (!tb) return null;
-  const cs = getComputedStyle(tb);
-  return {
-    has_entrance_class:        tb.classList.contains('anet-topo-title-block-entrance'),
-    entrance_attr:             tb.getAttribute('data-topo-section-titleblock-entrance'),
-    envelope_breath_kept:      tb.classList.contains('anet-topo-title-block-envelope-breath'),
-    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_class:     svg?.classList.contains('anet-topo-canvas-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-title-block-entrance-kf\s*\{[\s\S]*?0%\s*\{[\s\S]*?transform:\s*translateY\(-4px\)[\s\S]*?opacity:\s*0\.7/.test(cssSrc);
-const cssKfEnd   = /@keyframes anet-topo-title-block-entrance-kf\s*\{[\s\S]*?100%\s*\{[\s\S]*?transform:\s*translateY\(0\)[\s\S]*?opacity:\s*1/.test(cssSrc);
-const cssClassBound = /\.anet-topo-title-block-entrance\s*\{[\s\S]*?animation:\s*anet-topo-title-block-entrance-kf\s+500ms\s+ease-out\s+200ms\s+backwards/.test(cssSrc);
-const cssReducedMotion = /@media\s*\(prefers-reduced-motion:\s*reduce\)\s*\{[\s\S]*?\.anet-topo-title-block-entrance\s*\{\s*animation:\s*none/.test(cssSrc);
-
-const transformSettled = state?.computed_transform === 'none'
-  || state?.computed_transform === 'matrix(1, 0, 0, 1, 0, 0)';
-/* The title-block carries TWO animations via the R742 compound:
- *   1. entrance      one-shot, 500ms — settles after ~700ms
- *   2. envelope-breath infinite, 11s — opacity 0.92 ↔ 1 forever (R706)
- * After the entrance completes, opacity is governed by the ongoing
- * envelope breath, so it sits SOMEWHERE in [0.92, 1] — never exactly
- * 1 at a random sample. Assert opacity ∈ [0.90, 1.00] (the R706
- * breath band with a small tolerance) rather than === 1. */
-const opacityInBreathBand = (() => {
-  const o = parseFloat(state?.computed_opacity ?? '0');
-  return o >= 0.90 && o <= 1.0;
-})();
-/* The compound animation's FIRST entry is the one-shot entrance;
- * the SECOND is the infinite breath. Verify the entrance part is
- * one-shot by checking the first iteration-count token === '1'. */
-const entranceIsOneShot = (state?.anim_iteration ?? '').split(',')[0].trim() === '1';
-const entranceIsFirstInCompound = (state?.anim_name ?? '').split(',')[0].trim() === 'anet-topo-title-block-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 oneShotHas2 = oneShot?.members === 2 && Array.isArray(oneShot?.examples) && oneShot.examples.includes('title-block');
-
-const results = {
-  has_entrance_class:              state?.has_entrance_class === true,
-  entrance_attr_true:              state?.entrance_attr === 'true',
-  envelope_breath_kept:            state?.envelope_breath_kept === true,
-  css_keyframe_start:              cssKfStart,
-  css_keyframe_end:                cssKfEnd,
-  css_class_binds_500ms_delay_200: cssClassBound,
-  css_reduced_motion_guard:        cssReducedMotion,
-  entrance_part_is_one_shot:       entranceIsOneShot,
-  entrance_first_in_compound:      entranceIsFirstInCompound,
-  transform_settled:               transformSettled,
-  opacity_in_breath_band:          opacityInBreathBand,
-  r740_canvas_entrance_kept:       state?.canvas_entrance_class === true,
-  r741_one_shot_members_now_2:     oneShotHas2,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R742 title-block entrance animation (2nd one-shot member, staggered after canvas):`,
-  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-title-block-envelope-breath-test.mjs

@@ -1,87 +0,0 @@
-/* Round 706 — title-block wrapper envelope breath at 11s. Mirrors the
- * canvas-brand-pair nested-envelope pattern (R704/R705) at the title-
- * block scope. Creates triply-nested respiration: 3 inner trio anchors
- * (brand-logo 5s + kicker 6s + H2 10s) inside outer wrapper (11s).
- *
- * 11s coprime with all 3 inner cadences (5, 6, 10) — no common factor.
- * Tighter alpha (0.92 ↔ 1, ~8%) than canvas-brand envelopes since
- * title-block carries primary text identity.
- */
-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-section-titleblock-group]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const runtimeState = await page.evaluate(() => {
-  const wrap = document.querySelector('[data-topo-section-titleblock-group]');
-  if (!wrap) return null;
-  const cs = getComputedStyle(wrap);
-  return {
-    has_class: wrap.classList.contains('anet-topo-title-block-envelope-breath'),
-    breath_attr: wrap.getAttribute('data-topo-section-titleblock-envelope-breath'),
-    anim_name: cs.animationName,
-    anim_duration: cs.animationDuration,
-    anim_iter: cs.animationIterationCount,
-  };
-});
-
-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 cssKeyframes = /@keyframes anet-topo-title-block-envelope-breath-kf\s*\{[\s\S]*?0%, 100%\s*\{\s*opacity:\s*1;\s*\}[\s\S]*?50%\s*\{\s*opacity:\s*0\.92;/.test(cssSrc);
-const cssRule = /\.anet-topo-title-block-envelope-breath\s*\{[\s\S]*?animation:\s*anet-topo-title-block-envelope-breath-kf\s+11s\s+ease-in-out\s+infinite/.test(cssSrc);
-const cssReducedMotion = /prefers-reduced-motion:\s*reduce\s*\)\s*\{\s*\.anet-topo-title-block-envelope-breath\s*\{\s*animation:\s*none/.test(cssSrc);
-const tsxClass = /anet-topo-title-block-envelope-breath group flex items-center gap-2\.5/.test(tsxSrc);
-const tsxAttr = /data-topo-section-titleblock-envelope-breath="11s"/.test(tsxSrc);
-
-const runtimeAnim = runtimeState?.anim_name === 'anet-topo-title-block-envelope-breath-kf' || runtimeState?.anim_name === 'none';
-const runtimeDuration = runtimeState?.anim_duration === '11s' || runtimeState?.anim_name === 'none';
-
-const results = {
-  wrapper_present:       !!runtimeState,
-  has_breath_class:      runtimeState?.has_class === true,
-  breath_attr_11s:       runtimeState?.breath_attr === '11s',
-  runtime_anim_ok:       runtimeAnim,
-  runtime_duration_ok:   runtimeDuration,
-  css_keyframes:         cssKeyframes,
-  css_rule:              cssRule,
-  css_reduced_motion:    cssReducedMotion,
-  tsx_class:             tsxClass,
-  tsx_breath_attr:       tsxAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R706 title-block wrapper envelope breath (11s, triply-nested respiration):`,
-  JSON.stringify(results, null, 2),
-  `\n  runtime: ${JSON.stringify(runtimeState)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-title-block-tight-leading-test.mjs

@@ -1,95 +0,0 @@
-/* Round 267 verification: title block adopts leading-tight on both
- * kicker and h2 for tighter editorial-style rhythm.
- *
- * Pre-R267 the title block used Tailwind compound defaults:
- *   kicker (text-xs): font 12px / line 16px (ratio ~1.33)
- *   h2 (text-lg):     font 18px / line 28px (ratio ~1.56)
- *   Total title block height: ~44 px
- *
- * R267 adds leading-tight (1.25) to both:
- *   kicker: 12px font in 15px line
- *   h2:     18px font in 22.5px line
- *   Total: ~37.5 px (~15% more compact)
- *
- * Test scope:
- *   1. Kicker present with data-topo-section-kicker attr.
- *   2. h2 present with data-topo-section-title attr.
- *   3. Kicker computed line-height < 16px (was 16px; should be 15px).
- *   4. h2 computed line-height < 28px (was 28px; should be 22.5px).
- *   5. Total title block bounding height ≤ 45 px (was ~44; should be ~37).
- *      Allow generous slop since browser font metrics + sub-pixel
- *      rounding vary.
- */
-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-section-kicker]', { timeout: 10000 });
-await page.waitForSelector('[data-topo-section-title]',  { timeout: 10000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const kicker = document.querySelector('[data-topo-section-kicker]');
-  const title  = document.querySelector('[data-topo-section-title]');
-  // The two stack inside a parent <div>; measure parent's bounding box
-  // for "title block height".
-  const parent = kicker?.parentElement ?? null;
-  const parseLH = (el) => {
-    const lh = window.getComputedStyle(el).lineHeight;
-    // Chrome returns either '15px' or 'normal' or a multiplier like '1.25'.
-    // For px values, parseFloat works; for 'normal', return font-size.
-    if (lh === 'normal') {
-      return parseFloat(window.getComputedStyle(el).fontSize);
-    }
-    return parseFloat(lh);
-  };
-  return {
-    kickerHasClass: kicker?.classList.contains('leading-tight') ?? false,
-    titleHasClass:  title?.classList.contains('leading-tight')  ?? false,
-    kickerLH:       kicker ? parseLH(kicker) : null,
-    titleLH:        title  ? parseLH(title)  : null,
-    parentHeight:   parent ? parent.getBoundingClientRect().height : null,
-  };
-});
-await browser.close();
-
-const results = {
-  kicker_has_leading_tight_class: probe.kickerHasClass,
-  title_has_leading_tight_class:  probe.titleHasClass,
-  kicker_line_height_under_16:    probe.kickerLH != null && probe.kickerLH < 16,
-  title_line_height_under_28:     probe.titleLH != null && probe.titleLH < 28,
-  // Pre-R267 title block was ~44px tall. Post-R267 target ~37.5px.
-  // Allow slop for browser metrics: <= 45 confirms compression happened.
-  title_block_height_under_45:    probe.parentHeight != null && probe.parentHeight <= 45,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} title block tight leading:`, JSON.stringify(results),
-  '\n  kicker line-height:', probe.kickerLH, '/ title line-height:', probe.titleLH,
-  '\n  title block height:', probe.parentHeight);
-process.exit(ok ? 0 : 1);