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

package/scripts/topo-svg-focus-transition-test.mjs

@@ -1,105 +0,0 @@
-/* Round 491 verification: SVG-side focus outline on `.anet-topo-svg-focus`
- * (R156 class, applied to SVG g elements for recent-signal rows, legend
- * rows, group labels, edge badges, nodes, "+N more" footer) now eases
- * outline-color through 200ms ease-out instead of hard-cutting.
- *
- * Sibling polish to R490 (HTML chip-focus). Together: every keyboard-
- * focus surface on the TopoGraph canvas — HTML chips + SVG g — fades
- * smoothly.
- *
- * Verifies:
- *  1. baseline outline: 2px solid transparent on every .anet-topo-svg-focus
- *  2. outline-color in computed transition-property
- *  3. transition-duration === 200ms
- *  4. source CSS rule wired
- */
-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('alpha·a1', 'working'),
-    mk('alpha·a2', 'idle'),
-    mk('beta·b1',  'working'),
-  ] } });
-});
-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('.anet-topo-svg-focus', { timeout: 15000 });
-await page.waitForTimeout(1500);
-
-// Scan ALL .anet-topo-svg-focus elements
-const baseline = await page.evaluate(() => {
-  const els = Array.from(document.querySelectorAll('.anet-topo-svg-focus'));
-  if (!els.length) return null;
-  let allOutlineBaseline = true;
-  let allOutlineInTransition = true;
-  let allDuration200 = true;
-  const samples = [];
-  els.slice(0, 10).forEach((el) => {
-    const cs = window.getComputedStyle(el);
-    const transp = /rgba\(0,\s*0,\s*0,\s*0\)/.test(cs.outlineColor) || cs.outlineColor === 'transparent';
-    if (!(cs.outlineWidth.startsWith('2') && cs.outlineStyle === 'solid' && transp)) {
-      allOutlineBaseline = false;
-    }
-    if (!/outline/i.test(cs.transitionProperty || '')) {
-      allOutlineInTransition = false;
-    }
-    if (!/\b0\.2s\b/.test(cs.transitionDuration || '')) {
-      allDuration200 = false;
-    }
-    samples.push({
-      tag: el.tagName.toLowerCase(),
-      role: el.getAttribute('role') || '-',
-      ow: cs.outlineWidth, os: cs.outlineStyle, oc: cs.outlineColor,
-      tp: cs.transitionProperty, td: cs.transitionDuration,
-    });
-  });
-  return { allOutlineBaseline, allOutlineInTransition, allDuration200, count: els.length, samples };
-});
-
-await browser.close();
-
-const css = readFileSync('/home/vansin/agent-network-dashboard/app/globals.css', 'utf8');
-const baselineWired   = /\.anet-topo-svg-focus\s*\{[^}]*outline:\s*2px solid transparent/.test(css);
-const transitionWired = /\.anet-topo-svg-focus\s*\{[^}]*transition-property:\s*outline-color\s*!important/.test(css);
-const focusWired      = /\.anet-topo-svg-focus:focus-visible\s*\{[^}]*outline-color:\s*#67e8f9/.test(css);
-
-const results = {
-  baseline_resolved:        baseline !== null,
-  any_elements_found:       !!(baseline && baseline.count > 0),
-  all_outline_baseline:     !!(baseline && baseline.allOutlineBaseline),
-  all_outline_in_transition:!!(baseline && baseline.allOutlineInTransition),
-  all_duration_200ms:       !!(baseline && baseline.allDuration200),
-  source_baseline_wired:    baselineWired,
-  source_transition_wired:  transitionWired,
-  source_focus_wired:       focusWired,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} svg-focus outline-color transition (R491):`, JSON.stringify(results),
-  '\n  count:', baseline && baseline.count,
-  '\n  sample[0]:', baseline && JSON.stringify(baseline.samples?.[0]));
-process.exit(ok ? 0 : 1);

package/scripts/topo-svg-title-a11y-r731-test.mjs

@@ -1,93 +0,0 @@
-/* Round 731 — extend SVG <title> a11y children to 2 more decorative
- * SVG elements: title-block brand logo + canvas-corner crescent mark.
- * Continues R730's a11y sub-family thread.
- *
- * R730 + R731 a11y title coverage so far (5 elements):
- *   R730 watermark <text>           "sleep2agi · brand watermark"
- *   R730 recent panel title         "recent signal · activity panel title"
- *   R730 legend panel title         "legend · status / vendor / runtime swatch panel"
- *   R731 title-block brand logo     "sleep2agi · brand logo"
- *   R731 canvas-corner crescent     "sleep2agi · canvas-corner brand mark"
- *
- * Canonical title format: "<surface-name> · <structural-role>".
- *
- * Assertions:
- *   - Brand logo <svg> has a <title> child with expected text
- *   - Canvas-corner crescent <g> has a <title> child with expected text
- *   - Both follow the canonical "<name> · <role>" format
- *   - R730 watermark title still present (regression)
- *   - R730 legend title 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-brand-logo]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const state = await page.evaluate(() => {
-  const brandLogo  = document.querySelector('[data-topo-brand-logo]');
-  const canvasMark = document.querySelector('[data-topo-brand-canvas-mark]');
-  const watermark  = document.querySelector('[data-topo-brand-watermark]');
-  const legend     = document.querySelector('[data-legend-panel-title]');
-  /* Get DIRECT child <title> (not descendant) so we don't pick up
-   * titles from nested SVG elements inside the brand logo's mask defs. */
-  const directTitleText = (el) => {
-    if (!el) return null;
-    for (const child of el.children) {
-      if (child.tagName.toLowerCase() === 'title') return child.textContent;
-    }
-    return null;
-  };
-  return {
-    brand_logo_title:    directTitleText(brandLogo),
-    canvas_mark_title:   directTitleText(canvasMark),
-    watermark_title:     directTitleText(watermark),
-    legend_title:        directTitleText(legend),
-  };
-});
-
-await browser.close();
-
-const canonicalFormat = (s) => typeof s === 'string' && /^[^·]+ · [^·]+$/.test(s);
-
-const results = {
-  brand_logo_title_present:        state.brand_logo_title === 'sleep2agi · brand logo',
-  canvas_mark_title_present:       state.canvas_mark_title === 'sleep2agi · canvas-corner brand mark',
-  brand_logo_canonical_format:     canonicalFormat(state.brand_logo_title),
-  canvas_mark_canonical_format:    canonicalFormat(state.canvas_mark_title),
-  r730_watermark_title_kept:       state.watermark_title === 'sleep2agi · brand watermark',
-  r730_legend_title_kept:          state.legend_title === 'legend · status / vendor / runtime swatch panel',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R731 SVG <title> a11y extension to brand logo + canvas-corner crescent:`,
-  JSON.stringify(results, null, 2),
-  `\n  state: ${JSON.stringify(state)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-svg-title-a11y-test.mjs

@@ -1,88 +0,0 @@
-/* Round 730 — SVG <title> a11y children on the 3 primary SVG text
- * anchors (watermark, recent panel title, legend panel title). Pure
- * additive a11y improvement: screen readers can now identify these
- * decorative SVG elements via their accessible name. No visible chrome
- * change (mouse tooltips don't fire because the elements have
- * pointer-events: none), no overlap risk.
- *
- * Pivot round: first non-breath-family addition after the R721–R729
- * triple-axis + meta-doc hexagon thread.
- *
- * Assertions:
- *   - Watermark <text> has a <title> child with expected text
- *   - Recent panel title (when rendered) has a <title> child
- *   - Legend panel title has a <title> child
- *   - Each title text matches the canonical format "<name> · <role>"
- *   - Existing breath animations on all 3 are preserved (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-brand-watermark]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const state = await page.evaluate(() => {
-  const watermark = document.querySelector('[data-topo-brand-watermark]');
-  const recent    = document.querySelector('[data-recent-panel-title]');
-  const legend    = document.querySelector('[data-legend-panel-title]');
-  const titleOf = (el) => el?.querySelector('title')?.textContent ?? null;
-  const smilCount = (el) => el?.querySelectorAll('animate').length ?? 0;
-  return {
-    watermark_present:        !!watermark,
-    watermark_title_text:     titleOf(watermark),
-    watermark_smil_count:     smilCount(watermark),     // expect 2 (R519 opacity + R712 letter-spacing)
-    recent_present:           !!recent,
-    recent_title_text:        titleOf(recent),
-    recent_smil_count:        smilCount(recent),        // expect 2 (R700 opacity + R713 font-size)
-    legend_present:           !!legend,
-    legend_title_text:        titleOf(legend),
-    legend_smil_count:        smilCount(legend),        // expect 2 (R701 opacity + R713 font-size)
-  };
-});
-
-await browser.close();
-
-const results = {
-  watermark_title_present:        state.watermark_present && state.watermark_title_text === 'sleep2agi · brand watermark',
-  watermark_smil_preserved:       state.watermark_smil_count === 2,
-  /* Recent panel renders conditionally on flowLinks; same conditional-
-   * presence pattern as R728. Treat as pass if not rendered, strict
-   * check otherwise. */
-  recent_title_present:           !state.recent_present || state.recent_title_text === 'recent signal · activity panel title',
-  recent_smil_preserved:          !state.recent_present || state.recent_smil_count === 2,
-  legend_title_present:           state.legend_present && state.legend_title_text === 'legend · status / vendor / runtime swatch panel',
-  legend_smil_preserved:          state.legend_present && state.legend_smil_count === 2,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R730 SVG <title> a11y children on 3 SVG text anchors (watermark + recent + legend titles):`,
-  JSON.stringify(results, null, 2),
-  `\n  state: ${JSON.stringify(state)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-sweep-busyness-test.mjs

@@ -1,94 +0,0 @@
-/* Round 146 verification: R45 radar sweep rotation rate buckets on
- * workingCount, completing the 5-layer busyness-driven motion family:
- *
- *   R84  hub grounding-halo breath  — 4 / 3.2 / 2.7 / 2.4 s
- *   R131 outer-ring orbit period    — 16 / 14 / 12 / 10 s
- *   R132 groupbox marching ants     — 14 / 12 / 10 / 8 s  (grid only)
- *   R145 idle-spoke flow rate       — 2.8 / 2.4 / 2.0 / 1.6 s (ring only)
- *   R146 radar sweep rotation       — 8 / 6 / 4 / 3 s  (both layouts)
- *
- * Shared R84 thresholds (0 / 1-2 / 3-5 / 6+) drive every layer. The
- * sweep is the only layer visible in BOTH layouts and ties the family
- * together at the canvas-wide scope.
- *
- * R45 baseline 6s sits at bucket 1 — preserved when workingCount in
- * [1, 2] so existing demos and screenshots stay identical.
- */
-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('.anet-topo-sweep', { timeout: 10000 });
-  await page.waitForTimeout(400);
-
-  const out = await page.evaluate(() => {
-    const g = document.querySelector('.anet-topo-sweep');
-    return {
-      bucket: g?.getAttribute('data-topo-sweep-bucket'),
-      dur:    g?.getAttribute('data-topo-sweep-dur'),
-      cssDur: g ? getComputedStyle(g).getPropertyValue('animation-duration').trim() : null,
-    };
-  });
-  await browser.close();
-  return out;
-}
-
-const b0 = await probe(0, 4);  // 0 working → bucket 0 (8s)
-const b1 = await probe(2, 4);  // 2 working → bucket 1 (6s, R45 baseline)
-const b2 = await probe(4, 5);  // 4 working → bucket 2 (4s)
-const b3 = await probe(7, 8);  // 7 working → bucket 3 (3s)
-
-const consistent = (probe, bucket, dur) =>
-  probe.bucket === String(bucket) && probe.dur === String(dur) && probe.cssDur === `${dur}s`;
-
-const results = {
-  b0_bucket0_8s:   consistent(b0, 0, 8),
-  b1_bucket1_6s:   consistent(b1, 1, 6),
-  b2_bucket2_4s:   consistent(b2, 2, 4),
-  b3_bucket3_3s:   consistent(b3, 3, 3),
-  // dur strictly decreases as busy climbs
-  dur_monotonic:
-    Number(b0.dur) > Number(b1.dur) &&
-    Number(b1.dur) > Number(b2.dur) &&
-    Number(b2.dur) > Number(b3.dur),
-  // R45 baseline preservation: bucket 1 still 6s
-  baseline_preserved: b1.dur === '6',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} sweep busyness:`, JSON.stringify(results),
-  `\n  b0(0w/4)=`, b0,
-  `\n  b1(2w/4)=`, b1,
-  `\n  b2(4w/5)=`, b2,
-  `\n  b3(7w/8)=`, b3);
-process.exit(ok ? 0 : 1);

package/scripts/topo-tabular-nums-sweep-test.mjs

@@ -1,93 +0,0 @@
-/* Round 225 verification: info-density tabular-nums sweep across
- * the three remaining digit-bearing texts in the TopoGraph after
- * R224's edge badge:
- *   1) Hub center digit       (data-topo-hub-working-count)
- *   2) Recent panel header    (data-recent-panel-count tspan)
- *   3) Recent row count       (data-recent-row-count tspan)
- *
- * Pre-R225 each suffered the same monospace-digit jitter at the
- * 9 → 10 boundary (the digit-vs-control glyph width variance is
- * non-zero even in mono fonts; textAnchor='middle' or trailing
- * text columns visibly shift on the boundary).
- *
- * Verification: getComputedStyle().fontVariantNumeric contains
- * 'tabular-nums' on each of the three. Single populated scenario
- * (4 working agents + 12-msg hot flow) drives all three at once.
- */
-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'),
-  ] } });
-});
-const now = Date.now();
-const msgs = [];
-for (let i = 0; i < 12; i++) {
-  msgs.push({
-    id: `m${i}`, from_alias: 'alpha', to_alias: 'beta', content: 'hi',
-    network_id: 'default', created_at: new Date(now - (1000 + i * 50)).toISOString(),
-  });
-}
-await ctx.route('**/api/hub/messages*', (r2) => r2.fulfill({ json: { messages: msgs } }));
-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-recent-row-count]', { timeout: 10000, state: 'attached' });
-await page.waitForTimeout(400);
-
-const out = await page.evaluate(() => {
-  const fvn = (el) => el ? getComputedStyle(el).fontVariantNumeric : null;
-  const text = (el) => el?.textContent?.trim() || null;
-  const hubDigit  = document.querySelector('[data-topo-hub-working-count]');
-  const panelCnt  = document.querySelector('[data-recent-panel-count]');
-  const rowCnt    = document.querySelector('[data-recent-row-count]');
-  return {
-    hub:   { found: !!hubDigit, fvn: fvn(hubDigit),  text: text(hubDigit),
-             working: hubDigit?.getAttribute('data-topo-hub-working-count') },
-    panel: { found: !!panelCnt, fvn: fvn(panelCnt),  text: text(panelCnt) },
-    row:   { found: !!rowCnt,   fvn: fvn(rowCnt),    text: text(rowCnt) },
-  };
-});
-await browser.close();
-
-const hasTab = (s) => /tabular-nums/.test(s || '');
-const results = {
-  hub_found:         out.hub.found,
-  hub_tabular:       hasTab(out.hub.fvn),
-  hub_text_present:  /^\d+$/.test(out.hub.text || ''),
-  hub_text_equals_4: out.hub.text === '4',
-
-  panel_found:       out.panel.found,
-  panel_tabular:     hasTab(out.panel.fvn),
-  panel_text_flows:  /^\d+\s+flows?$/.test(out.panel.text || ''),
-
-  row_found:         out.row.found,
-  row_tabular:       hasTab(out.row.fvn),
-  row_text_equals_12: out.row.text === '12',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} tabular-nums sweep:`, JSON.stringify(results),
-  '\n  hub:  ', out.hub,
-  '\n  panel:', out.panel,
-  '\n  row:  ', out.row);
-process.exit(ok ? 0 : 1);

package/scripts/topo-tier-guide-dashes-test.mjs

@@ -1,86 +0,0 @@
-/* Round 303 verification: tier guide ring strokeDasharray tightens
- * from "2 8" → "2 6". Same 2px dash; 8px gap → 6px gap so dashes
- * read closer together, giving tier-guide rings clearer continuous-
- * ring presence after R290/R291 cleared surrounding backdrop noise.
- *
- * Contract:
- *   - All [data-tier-ring] elements have stroke-dasharray '2 6'.
- *   - strokeWidth still 0.7 (regression).
- *   - At least one tier ring rendered with the test fixture (4-node
- *     working fleet → single-tier layout 220 fits).
- *   - R302 empty-hint ls=0.2 + R301 panel titles ls=0.3 + R300 kicker
- *     fw=500 + R294 pulse absent intact.
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias, model) => ({
-    alias, status: 'working', model, runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  // 4 working nodes → single-tier ring layout.
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha', 'claude-opus-4'),
-    mk('beta',  'gpt-4o'),
-    mk('gamma', 'claude-sonnet-4'),
-    mk('delta', 'gpt-4'),
-  ] } });
-});
-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.waitForTimeout(400);
-
-const probe = await page.evaluate(() => {
-  const tierRings = [...document.querySelectorAll('[data-tier-ring]')];
-  const samples = tierRings.map(t => ({
-    r:           t.getAttribute('data-tier-ring'),
-    dasharray:   t.getAttribute('stroke-dasharray'),
-    strokeWidth: t.getAttribute('stroke-width'),
-    occupancy:   t.getAttribute('data-tier-occupancy'),
-  }));
-  const empty = document.querySelector('[data-recent-signal-empty]');
-  const recentTitle = document.querySelector('[data-recent-panel-title]');
-  const legendTitle = document.querySelector('[data-legend-panel-title]');
-  const kicker = document.querySelector('[data-topo-section-kicker]');
-  return {
-    samples,
-    emptyLs:       empty?.getAttribute('letter-spacing') ?? null,
-    recentTitleLs: recentTitle?.getAttribute('letter-spacing') ?? null,
-    legendTitleLs: legendTitle?.getAttribute('letter-spacing') ?? null,
-    kickerFw:      kicker ? getComputedStyle(kicker).fontWeight : null,
-    pulseCount:    document.querySelectorAll('[data-pulse-wrapper]').length,
-  };
-});
-await browser.close();
-
-const results = {
-  tier_rings_rendered:     probe.samples.length >= 1,
-  all_dasharray_2_6:       probe.samples.every(s => s.dasharray === '2 6'),
-  all_stroke_width_0_7:    probe.samples.every(s => s.strokeWidth === '0.7'),
-  r302_empty_hint_ls_0_2:  probe.emptyLs === '0.2',
-  r301_recent_title_ls:    probe.recentTitleLs === '0.3',
-  r301_legend_title_ls:    probe.legendTitleLs === '0.3',
-  r300_kicker_fw_500:      String(probe.kickerFw) === '500',
-  r294_pulse_absent:       probe.pulseCount === 0,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} tier guide dashes:`, JSON.stringify(results),
-  '\n  tier rings sampled:', probe.samples);
-process.exit(ok ? 0 : 1);

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

@@ -1,107 +0,0 @@
-/* Round 174 verification: tier guide rings (ring layout) fade-in
- * alongside R9/R172/R173 first-paint wave.
- *
- * Pre-R174 the structural scaffolding for ring layout — R54
- * dashed concentric guide rings — appeared instantly while
- * nodes inside eased in via R9/R72. Closes the symmetry with
- * R173 group boxes (grid layout's structural frame).
- *
- * R174 wraps each tier ring <circle> in:
- *   className="anet-fade-in"
- *   style.animationDelay: tierIdx × 60ms (cap 8)
- *   transition list grows opacity 250ms ease-out
- *   data-tier-fade-delay={...}
- *
- * Test:
- *   1. Force ring layout
- *   2. Mock 16 sessions → triggers triple-tier render (>14)
- *   3. Probe all [data-tier-ring] circles
- *   4. Each has .anet-fade-in className + correct fade-delay
- *   5. Delays strictly increase by 60ms
- */
-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');
-    localStorage.setItem('anet-topo-layout', 'ring');
-  } catch {}
-});
-
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  // 16 sessions → R98 triple-tier (threshold > 14)
-  const sessions = [];
-  for (let i = 0; i < 16; i++) {
-    sessions.push({
-      alias: `n${i}`,
-      status: 'working',
-      model: 'claude-opus-4',
-      runtime: 'cli-claude-code',
-      network_id: nid,
-      project_dir: null,
-      created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-    });
-  }
-  await route.fulfill({ response: r, json: { ...b, sessions } });
-});
-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 === 16, { timeout: 30000 });
-await page.waitForSelector('[data-tier-ring]', { timeout: 10000 });
-await page.waitForTimeout(400);
-
-const probe = await page.evaluate(() => {
-  const rings = [...document.querySelectorAll('[data-tier-ring]')];
-  return rings.map(r => ({
-    radius:         parseFloat(r.getAttribute('data-tier-ring') || ''),
-    occupancy:      parseFloat(r.getAttribute('data-tier-occupancy') || ''),
-    hasFadeClass:   (r.getAttribute('class') || '').includes('anet-fade-in'),
-    fadeDelayAttr:  parseFloat(r.getAttribute('data-tier-fade-delay') || ''),
-    animationDelay: r.style.animationDelay || getComputedStyle(r).animationDelay,
-    transition:     r.style.transition || getComputedStyle(r).transition,
-  }));
-});
-
-await browser.close();
-
-const parseDelay = (s) => {
-  if (!s) return null;
-  if (s.endsWith('ms')) return parseFloat(s);
-  if (s.endsWith('s')) return parseFloat(s) * 1000;
-  return parseFloat(s);
-};
-const delays = probe.map(p => parseDelay(p.animationDelay));
-
-const expectedDelays = probe.map((_, i) => Math.min(i, 8) * 60);
-
-const results = {
-  three_tiers_found:        probe.length === 3,
-  all_have_fade_class:      probe.every(p => p.hasFadeClass),
-  all_have_opacity_in_transition: probe.every(p =>
-    (p.transition || '').includes('opacity')),
-  delay_attrs_match:        probe.every((p, i) => p.fadeDelayAttr === expectedDelays[i]),
-  delays_match:             delays.every((d, i) => Math.abs(d - expectedDelays[i]) < 0.5),
-  delays_strictly_increase: delays[0] < delays[1] && delays[1] < delays[2],
-  first_delay_0ms:          delays[0] === 0,
-  third_delay_120ms:        delays[2] === 120,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} tier-ring fade-in:`, JSON.stringify(results),
-  `\n  rings =`, probe,
-  `\n  delays (ms) =`, delays,
-  `\n  expected =`, expectedDelays);
-process.exit(ok ? 0 : 1);