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

package/scripts/topo-section-title-halo-layers-test.mjs

@@ -1,88 +0,0 @@
-/* Round 684 — H2 title "Command mesh" extends from 2 typographic hover
- * axes (R554 tracking-tighter + R556 font-bold via group-hover) to
- * also include a multi-layer halo paint axis. Sibling to R683 brand
- * logo (both lift together when ANY surface in the title-block cluster
- * is hovered).
- *
- * Implemented via CSS rule targeting `[data-topo-section-titleblock-
- * group]:hover [data-topo-section-title]` — 2-layer drop-shadow at
- * currentColor (inherits H2 fill), 4+8px stride.
- *
- * Source assertions:
- *   - globals.css has the cluster-hover descendant rule with 2 drop-
- *     shadow layers
- *   - globals.css has transition on the H2 including 'filter 200ms'
- *   - TopoGraph.tsx H2 has data-topo-section-title-halo-layers="2"
- *
- * Runtime assertions:
- *   - H2 element present with data-topo-section-title-halo-layers="2"
- *   - title-block wrapper present (group hover target)
- */
-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-title]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const runtimeState = await page.evaluate(() => {
-  const title = document.querySelector('[data-topo-section-title]');
-  const wrap  = document.querySelector('[data-topo-section-titleblock-group]');
-  return {
-    title_present: !!title,
-    wrap_present:  !!wrap,
-    halo_layers:   title?.getAttribute('data-topo-section-title-halo-layers'),
-    text:          title?.textContent,
-  };
-});
-
-await browser.close();
-
-const tsxSrc = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const cssSrc = readFileSync('/home/vansin/agent-network-dashboard/app/globals.css', 'utf8');
-
-const cssHoverRule = /\[data-topo-section-titleblock-group\]:hover \[data-topo-section-title\]\s*\{[\s\S]*?drop-shadow\(0 0 4px currentColor\)[\s\S]*?drop-shadow\(0 0 8px currentColor\)/.test(cssSrc);
-const cssTransition = /\[data-topo-section-title\]\s*\{[\s\S]*?transition:[\s\S]*?filter 200ms/.test(cssSrc);
-const tsxHaloAttr   = /data-topo-section-title-halo-layers="2"/.test(tsxSrc);
-
-const results = {
-  title_present:       runtimeState.title_present,
-  wrap_present:        runtimeState.wrap_present,
-  runtime_halo_layers: runtimeState.halo_layers === '2',
-  runtime_text:        runtimeState.text === 'Command mesh',
-  css_hover_rule:      cssHoverRule,
-  css_transition:      cssTransition,
-  tsx_halo_attr:       tsxHaloAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R684 H2 title multi-layer halo (sibling to R683 brand logo):`,
-  JSON.stringify(results, null, 2),
-  `\n  runtime: ${JSON.stringify(runtimeState)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-shot.mjs

@@ -1,31 +0,0 @@
-import { chromium } from 'playwright';
-const TOKEN = process.env.LOOP_REVIEW_TOKEN;
-const browser = await chromium.launch({ headless: true });
-for (const theme of ['cyber', 'light']) {
-  for (const v of [{ tag: 'desktop', width: 1440, height: 900 }, { tag: 'mobile', width: 390, height: 844 }]) {
-    const ctx = await browser.newContext({ viewport: { width: v.width, height: v.height } });
-    await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-    await ctx.addInitScript(t => { try { localStorage.setItem('anet-theme', t); sessionStorage.setItem('anet_v3_auth','1'); } catch {} }, theme);
-    const page = await ctx.newPage();
-    await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-    // dev mode hydrates slowly; wait for SWR to fetch sessions
-    await page.waitForFunction(() => {
-      const h2 = [...document.querySelectorAll('h2')].find(h => /Command mesh/i.test(h.textContent || ''));
-      if (!h2) return false;
-      const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-      return !!svg && svg.querySelectorAll('circle[r="26"]').length > 0;
-    }, { timeout: 30000 }).catch(() => {});
-    await page.waitForTimeout(800);
-    await page.evaluate(t => document.documentElement.setAttribute('data-theme', t), theme);
-    await page.waitForTimeout(300);
-    await page.evaluate(() => {
-      const heading = [...document.querySelectorAll('h2')].find(h => /Command mesh/i.test(h.textContent || ''));
-      heading?.scrollIntoView({ behavior: 'instant', block: 'start' });
-    });
-    await page.waitForTimeout(800);
-    await page.screenshot({ path: `/tmp/anet-issue-50/topo-${theme}-${v.tag}.png`, fullPage: false, animations: 'disabled', timeout: 30000 });
-    await ctx.close();
-  }
-}
-await browser.close();
-console.log('done');

package/scripts/topo-spoke-active-opacity-test.mjs

@@ -1,104 +0,0 @@
-/* Round 391 verification: hub-spoke active opacity 0.7 → 0.8. An
- * "active" spoke is one whose alias has recent message traffic
- * (activeAliases is populated from buildFlowLinks(messages)). The
- * lift unifies active-spoke alpha with R370 hub hover-ring opacity
- * 0.7 → 0.8 cyber — paired canvas signals at matching alpha.
- *
- * Contract:
- *   - When the alias appears as flow-link from/to, its spoke has:
- *     * opacity attr === '0.8'
- *     * data-topo-hub-spoke-opacity === '0.8'
- *     * data-topo-hub-spoke-active === 'true'
- *   - Idle spokes (no flow traffic) unchanged:
- *     * opacity attr === '0.45'
- *     * data-topo-hub-spoke-active === 'false'
- *   - Pre-R391 invariants preserved on the active spoke:
- *     * R382 strokeLinecap='round'
- *     * R51-safe strokeWidth=2 (active)
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias) => ({
-    alias, status: 'idle', model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [ mk('alpha'), mk('beta'), mk('gamma') ] } });
-});
-// Seed a flow link between alpha and beta so their spokes become
-// active; gamma stays idle. activeAliases = { alpha, beta }.
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({
-  json: {
-    messages: [
-      { id: 'm1', from_alias: 'alpha', to_alias: 'beta', content: 'ping', created_at: fresh, network_id: 'default' },
-      { id: 'm2', from_alias: 'alpha', to_alias: 'beta', content: 'pong', created_at: fresh, network_id: 'default' },
-    ],
-  },
-}));
-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('g[data-node]', { timeout: 15000 });
-await page.waitForTimeout(300);
-
-// Wait for the dashboard to ingest the seeded messages and recompute
-// activeAliases. The flow-links derivation runs in a useMemo that
-// depends on `messages`; allow a tick for SWR/state propagation.
-await page.waitForTimeout(800);
-
-const probe = await page.evaluate(() => {
-  const spokes = Array.from(document.querySelectorAll('[data-topo-hub-spoke-active]'));
-  const active = spokes.filter((s) => s.getAttribute('data-topo-hub-spoke-active') === 'true');
-  const idle   = spokes.filter((s) => s.getAttribute('data-topo-hub-spoke-active') === 'false');
-  const read = (el) => el ? ({
-    opacityAttr:  el.getAttribute('opacity'),
-    opacityData:  el.getAttribute('data-topo-hub-spoke-opacity'),
-    strokeWidth:  el.getAttribute('stroke-width'),
-    linecap:      el.getAttribute('stroke-linecap'),
-  }) : null;
-  return {
-    total:        spokes.length,
-    activeCount:  active.length,
-    idleCount:    idle.length,
-    activeSample: read(active[0]),
-    idleSample:   read(idle[0]),
-  };
-});
-
-await browser.close();
-
-const results = {
-  // 3 spokes total (alpha, beta, gamma)
-  total_3_spokes:           probe.total === 3,
-  // alpha + beta active (flow link)
-  active_2_spokes:          probe.activeCount === 2,
-  idle_1_spoke:             probe.idleCount === 1,
-  // R391: active opacity '0.8' (was '0.7')
-  active_opacity_0_8:       probe.activeSample?.opacityAttr === '0.8',
-  active_data_0_8:          probe.activeSample?.opacityData === '0.8',
-  // Idle invariant
-  idle_opacity_0_45:        probe.idleSample?.opacityAttr === '0.45',
-  idle_data_0_45:           probe.idleSample?.opacityData === '0.45',
-  // R382 + R51-safe invariants on active spoke
-  active_linecap_round:     probe.activeSample?.linecap === 'round',
-  active_strokeWidth_2:     probe.activeSample?.strokeWidth === '2',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} hub-spoke active opacity 0.7 → 0.8:`, JSON.stringify(results),
-  '\n  probe:', JSON.stringify(probe, null, 2));
-process.exit(ok ? 0 : 1);

package/scripts/topo-spoke-active-stroke-test.mjs

@@ -1,95 +0,0 @@
-/* Round 415 verification: hub-spoke active strokeWidth 2 → 2.25.
- * Visual-weight bump family 14th anchor — active-spoke stroke
- * thickens to match its role as the focal connection. Pairs with
- * R391 opacity 0.7 → 0.8 so the same active path lifts both
- * stroke AND opacity in concert.
- *
- * Contract:
- *   - Seed a flow link so a node becomes active (R243 isActive gate)
- *   - The active spoke <path>:
- *     * stroke-width attr === '2.25'
- *     * data-topo-hub-spoke-stroke-width-active === '2.25'
- *     * data-topo-hub-spoke-opacity === '0.8' (R391 invariant)
- *     * stroke-linecap === 'round' (R382 invariant)
- *   - Idle spokes (no flow): stroke-width === '1' (R415 doesn't touch idle)
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias) => ({
-    alias, status: 'idle', model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [ mk('alpha'), mk('beta'), mk('gamma') ] } });
-});
-// Seed flow alpha→beta so alpha + beta spokes become active
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({
-  json: { messages: [
-    { id: 'm1', from_alias: 'alpha', to_alias: 'beta', content: 'ping', created_at: fresh, network_id: 'default' },
-  ] },
-}));
-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-hub-spoke-active]', { timeout: 15000 });
-await page.waitForTimeout(500);
-
-const probe = await page.evaluate(() => {
-  const spokes = Array.from(document.querySelectorAll('[data-topo-hub-spoke-active]'));
-  const active = spokes.filter((s) => s.getAttribute('data-topo-hub-spoke-active') === 'true');
-  const idle   = spokes.filter((s) => s.getAttribute('data-topo-hub-spoke-active') === 'false');
-  const read = (el) => el ? ({
-    strokeWidth:     el.getAttribute('stroke-width'),
-    strokeWidthData: el.getAttribute('data-topo-hub-spoke-stroke-width-active'),
-    opacity:         el.getAttribute('opacity'),
-    opacityData:     el.getAttribute('data-topo-hub-spoke-opacity'),
-    linecap:         el.getAttribute('stroke-linecap'),
-  }) : null;
-  return {
-    total:        spokes.length,
-    activeCount:  active.length,
-    idleCount:    idle.length,
-    activeSample: read(active[0]),
-    idleSample:   read(idle[0]),
-  };
-});
-
-await browser.close();
-
-const results = {
-  // 3 spokes total (alpha, beta, gamma)
-  total_3_spokes:            probe.total === 3,
-  // alpha + beta active (flow link)
-  active_2_spokes:           probe.activeCount === 2,
-  idle_1_spoke:              probe.idleCount === 1,
-  // R415: active strokeWidth '2.25'
-  active_strokeWidth_2_25:   probe.activeSample?.strokeWidth === '2.25',
-  active_data_2_25:          probe.activeSample?.strokeWidthData === '2.25',
-  // R391 opacity invariant
-  active_opacity_0_8:        probe.activeSample?.opacity === '0.8',
-  // R382 linecap invariant
-  active_linecap_round:      probe.activeSample?.linecap === 'round',
-  // Idle invariant: strokeWidth '1' (R415 doesn't touch idle)
-  idle_strokeWidth_1:        probe.idleSample?.strokeWidth === '1',
-  idle_opacity_0_45:         probe.idleSample?.opacity === '0.45',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} hub-spoke active strokeWidth 2 → 2.25:`, JSON.stringify(results),
-  '\n  active:', probe.activeSample,
-  '\n  idle:  ', probe.idleSample);
-process.exit(ok ? 0 : 1);

package/scripts/topo-spoke-chat-gate-test.mjs

@@ -1,72 +0,0 @@
-/* Round 622 — extend hub-spoke isHoveredSpoke gate to include
- * chatAlias. Single conceptual change cascades the spoke's
- * opacity + sw axes to also fire on chat-target. 8th anchor in
- * chat-target-gated brightness family.
- *
- * Test phases:
- *   1. mock 2 idle nodes → hub-spokes render
- *   2. rest: spoke at idle opacity (0.50) + idle sw (1)
- *   3. source: isHoveredSpoke declaration uses gate union
- *      (hoveredAlias || chatAlias)
- */
-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-hub-spoke-hovered]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const rest = await page.evaluate(() => {
-  const el = document.querySelector('[data-topo-hub-spoke-hovered]');
-  if (!el) return null;
-  return {
-    hoveredAttr: el.getAttribute('data-topo-hub-spoke-hovered'),
-    opacityAttr: el.getAttribute('data-topo-hub-spoke-opacity'),
-    swAttr: el.getAttribute('data-topo-hub-spoke-stroke-width'),
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceGate = /const isHoveredSpoke = !reducedMotion && \(hoveredAlias === session\.alias \|\| chatAlias === session\.alias\)/.test(src);
-
-const results = {
-  spoke_present:          !!rest,
-  rest_hovered_false:     rest?.hoveredAttr === 'false',
-  rest_opacity_idle:      rest?.opacityAttr === '0.5',  // idle no-hover
-  rest_sw_idle:           rest?.swAttr === '1',  // idle no-hover
-  source_gate_or:         sourceGate,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R622 hub-spoke chat-target gate (chat-gated family 8th anchor):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(rest)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-spoke-idle-opacity-test.mjs

@@ -1,91 +0,0 @@
-/* Round 419 verification: hub-spoke idle opacity 0.45 → 0.50.
- * Stale-state legibility lift family 9th anchor — idle spokes
- * read more confidently while the active/idle contrast ratio
- * stays clear (0.8/0.50 = 1.6×).
- *
- * Contract:
- *   - Seed a flow alpha→beta so 2 spokes become active, 1 idle
- *   - Idle spoke:
- *     * opacity attr === '0.5'
- *     * data-topo-hub-spoke-opacity === '0.5'
- *     * data-topo-hub-spoke-active === 'false'
- *     * R46 className 'anet-topo-spoke-flow' preserved
- *   - Active spoke (R391/R415 invariants):
- *     * opacity '0.8'
- *     * strokeWidth '2.25'
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias) => ({
-    alias, status: 'idle', model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [ mk('alpha'), mk('beta'), mk('gamma') ] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({
-  json: { messages: [
-    { id: 'm1', from_alias: 'alpha', to_alias: 'beta', content: 'ping', created_at: fresh, network_id: 'default' },
-  ] },
-}));
-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-hub-spoke-active]', { timeout: 15000 });
-await page.waitForTimeout(500);
-
-const probe = await page.evaluate(() => {
-  const spokes = Array.from(document.querySelectorAll('[data-topo-hub-spoke-active]'));
-  const active = spokes.filter((s) => s.getAttribute('data-topo-hub-spoke-active') === 'true');
-  const idle   = spokes.filter((s) => s.getAttribute('data-topo-hub-spoke-active') === 'false');
-  const read = (el) => el ? ({
-    opacity:         el.getAttribute('opacity'),
-    opacityData:     el.getAttribute('data-topo-hub-spoke-opacity'),
-    strokeWidth:     el.getAttribute('stroke-width'),
-    className:       el.getAttribute('class'),
-  }) : null;
-  return {
-    total:        spokes.length,
-    activeCount:  active.length,
-    idleCount:    idle.length,
-    activeSample: read(active[0]),
-    idleSample:   read(idle[0]),
-  };
-});
-
-await browser.close();
-
-const results = {
-  // Setup: 2 active + 1 idle
-  total_3_spokes:            probe.total === 3,
-  active_2:                  probe.activeCount === 2,
-  idle_1:                    probe.idleCount === 1,
-  // R419: idle opacity '0.5'
-  idle_opacity_0_5:          probe.idleSample?.opacity === '0.5',
-  idle_data_0_5:             probe.idleSample?.opacityData === '0.5',
-  // R46 idle className preserved
-  idle_has_flow_class:       probe.idleSample?.className?.includes('anet-topo-spoke-flow') === true,
-  // R391/R415 active invariants
-  active_opacity_0_8:        probe.activeSample?.opacity === '0.8',
-  active_strokeWidth_2_25:   probe.activeSample?.strokeWidth === '2.25',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} hub-spoke idle opacity 0.45 → 0.50:`, JSON.stringify(results),
-  '\n  active:', probe.activeSample,
-  '\n  idle:  ', probe.idleSample);
-process.exit(ok ? 0 : 1);

package/scripts/topo-spokes-retired-test.mjs

@@ -1,93 +0,0 @@
-/* Round 280 verification: backdrop spokes retired (R93 + R240 family)
- * — 减法 cut #6.
- *
- * Pre-R280 the canvas rendered 6 <line> elements at angles 0, 30, 60,
- * 90, 120, 150° through hub center — 12 rays of a "radar" star
- * pattern, stroke opacity 0.18 (cyber) / 0.35 (light), tint shift to
- * pal.legendAccent when any pin is active (R240).
- *
- * The radial-gradient backdrop (`topo-radar`) already provides soft
- * hub-centered glow; the explicit line spokes were decorative density
- * without structural signal — the topology IS hub-and-spoke, the
- * actual hub-to-node connecting strokes already render the structure.
- *
- * Post-R280: spokes block gated with `false &&`. The 6 lines no
- * longer render; radial-gradient backdrop remains.
- *
- * Test scope:
- *   1. No element matches `[data-topo-spoke-angle]`.
- *   2. R278 working halo <animate> count still 0 (regression).
- *   3. R279 ping/pulse still absent (regression).
- *   4. R277 legend height 88 (regression).
- *   5. R275 freshness chip absent (regression).
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias) => ({
-    alias, status: 'working', model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha'), mk('beta'), mk('gamma'), mk('delta'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*', (r) => r.fulfill({ json: { tasks: [] } }));
-
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForFunction(() => document.querySelectorAll('g[data-node]').length === 4, { timeout: 30000 });
-await page.waitForSelector('[data-topo-panel="legend"]', { timeout: 10000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const spokes        = document.querySelectorAll('[data-topo-spoke-angle]');
-  const ping          = document.querySelectorAll('[data-arrival-ping]');
-  const pulse         = document.querySelectorAll('[data-dispatch-pulse]');
-  const freshnessChip = document.querySelector('[data-freshness-chip]');
-  const legendG       = document.querySelector('[data-topo-panel="legend"]');
-  const legendH       = legendG?.querySelector('rect')?.getAttribute('height') ?? null;
-  const halos         = document.querySelectorAll('[data-node-halo-breath="on"]');
-  let haloAnimateCount = 0;
-  halos.forEach((h) => { haloAnimateCount += h.querySelectorAll('animate').length; });
-  return {
-    spokeCount:       spokes.length,
-    pingCount:        ping.length,
-    pulseCount:       pulse.length,
-    freshnessPresent: freshnessChip !== null,
-    legendHeight:     legendH,
-    haloAnimateCount,
-  };
-});
-await browser.close();
-
-const results = {
-  spokes_absent:                 probe.spokeCount === 0,
-  r279_ping_absent:              probe.pingCount === 0,
-  r279_pulse_absent:             probe.pulseCount === 0,
-  r275_freshness_absent:         probe.freshnessPresent === false,
-  r277_legend_height_88:         probe.legendHeight === '88',
-  r278_halo_animate_count_zero:  probe.haloAnimateCount === 0,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} backdrop spokes retired:`, JSON.stringify(results),
-  '\n  spoke count (expect 0):',          probe.spokeCount,
-  '\n  ping/pulse:', probe.pingCount, probe.pulseCount,
-  '\n  freshness absent:', !probe.freshnessPresent,
-  '\n  legend height:', probe.legendHeight,
-  '\n  halo animate count (expect 0):', probe.haloAnimateCount);
-process.exit(ok ? 0 : 1);

package/scripts/topo-starfield-density-test.mjs

@@ -1,89 +0,0 @@
-/* Round 291 verification: starfield decorative dot count 28 → 14
- * (50% reduction). Continuation of the 减法 register R290 pivoted
- * back to. Atmospheric depth preserved; visual density cut in
- * half so the eye has less ambient decoration to skip past.
- *
- * Contract:
- *   - [data-topo-starfield] container exists (cyber only).
- *   - 14 [data-topo-starfield-dot] children (was 28).
- *   - opacity 0.5 on the container unchanged (regression).
- *   - Light theme: starfield NOT rendered (regression — pre-R291
- *     behaviour, conditional on !isLight).
- *   - R290 radar ring set still ['170','250','330'] (regression).
- *   - R289 watermark letterSpacing + R283 monogram stroke intact.
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias, model) => ({
-    alias, status: 'working', model, runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha', 'claude-opus-4'),
-    mk('beta',  'gpt-4o'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*', (r) => r.fulfill({ json: { tasks: [] } }));
-
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForSelector('[data-topo-starfield]', { timeout: 15000 });
-await page.waitForSelector('[data-topo-brand-watermark]', { timeout: 10000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const sf = document.querySelector('[data-topo-starfield]');
-  const dots = document.querySelectorAll('[data-topo-starfield-dot]');
-  const opacity = sf?.getAttribute('opacity') ?? null;
-  const rings = [...document.querySelectorAll('[data-topo-radar-ring]')]
-    .map(r => r.getAttribute('data-topo-radar-ring')).sort((a, b) => +a - +b);
-  const wm = document.querySelector('[data-topo-brand-watermark]');
-  const wmLs = wm ? getComputedStyle(wm).letterSpacing : 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 {
-    starfieldPresent: sf !== null,
-    dotCount:         dots.length,
-    opacity,
-    radarRings:       rings,
-    watermarkLs:      wmLs,
-    alphaAvatarStroke: alphaAvatarCircle?.sw ?? null,
-  };
-});
-await browser.close();
-
-const wmLsVal = parseFloat(probe.watermarkLs) || 0;
-
-const results = {
-  starfield_container_present: probe.starfieldPresent,
-  fourteen_dots:               probe.dotCount === 14,
-  opacity_0_5_kept:            probe.opacity === '0.5',
-  r290_three_rings:            JSON.stringify(probe.radarRings) === JSON.stringify(['170', '250', '330']),
-  r289_watermark_ls_kept:      wmLsVal >= 0.4 && wmLsVal <= 0.7,
-  r283_monogram_stroke_kept:   probe.alphaAvatarStroke === '1.5',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} starfield density:`, JSON.stringify(results),
-  '\n  dot count (expect 14):', probe.dotCount,
-  '\n  opacity:', probe.opacity,
-  '\n  radar rings (R290):', probe.radarRings);
-process.exit(ok ? 0 : 1);