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

package/scripts/topo-chat-ring-r-breath-test.mjs

@@ -1,121 +0,0 @@
-/* Round 640 — chat-target ring gains a THIRD breath axis: radius.
- * r=radius+14 ↔ radius+14.5 over 3s, in lockstep with R120 opacity
- * + R630 stroke-width breaths. Three concurrent SMIL animates run
- * through the same fragment gate.
- *
- * Test phases:
- *   1. mock 2 idle nodes
- *   2. rest (no chat): chat-target ring exists, no <animate>
- *      children; r-breath attr 'off'
- *   3. click a node to open chat → ring becomes chat target →
- *      3 <animate> children: opacity, stroke-width, r — all
- *      dur='3s', repeatCount='indefinite'
- *   4. r animate values = `${radius+14};${radius+14.5};${radius+14}`
- *   5. source: new <animate attributeName="r"> sibling inside the
- *      same fragment gate
- */
-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-chat-target-ring]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const rest = await page.evaluate(() => {
-  const el = document.querySelector('[data-chat-target-ring]');
-  if (!el) return null;
-  return {
-    rBreath: el.getAttribute('data-chat-target-ring-r-breath'),
-    active: el.getAttribute('data-chat-target-active'),
-    animateCount: el.querySelectorAll('animate').length,
-  };
-});
-
-// Open chat with a·1
-await page.click('[data-node="a·1"]', { force: true });
-await page.waitForTimeout(400);
-
-const active = await page.evaluate(() => {
-  const node = document.querySelector('[data-node="a·1"]');
-  if (!node) return null;
-  const ring = node.querySelector('[data-chat-target-ring]');
-  if (!ring) return null;
-  const animates = Array.from(ring.querySelectorAll('animate'));
-  return {
-    rBreath: ring.getAttribute('data-chat-target-ring-r-breath'),
-    swBreath: ring.getAttribute('data-chat-target-ring-sw-breath'),
-    breath: ring.getAttribute('data-chat-target-breath'),
-    active: ring.getAttribute('data-chat-target-active'),
-    rAttr: ring.getAttribute('r'),
-    animateCount: animates.length,
-    animateAttrs: animates.map(a => ({
-      attr: a.getAttribute('attributeName'),
-      dur:  a.getAttribute('dur'),
-      vals: a.getAttribute('values'),
-      rep:  a.getAttribute('repeatCount'),
-    })),
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceRAnimate = /<animate\s+attributeName="r"\s+values=\{`\$\{radius \+ 14\};\$\{radius \+ 14\.5\};\$\{radius \+ 14\}`\}\s+dur="3s"\s+repeatCount="indefinite"\s*\/>/.test(src);
-const sourceRBreathAttr = /data-chat-target-ring-r-breath=\{!reducedMotion && isChat \? 'on' : 'off'\}/.test(src);
-
-const rAnimate = active?.animateAttrs?.find(a => a.attr === 'r');
-const opAnimate = active?.animateAttrs?.find(a => a.attr === 'opacity');
-const swAnimate = active?.animateAttrs?.find(a => a.attr === 'stroke-width');
-
-const results = {
-  rest_ring_present:        !!rest,
-  rest_r_breath_off:        rest?.rBreath === 'off',
-  rest_no_animate:          rest?.animateCount === 0,
-  active_ring_present:      !!active,
-  active_r_breath_on:       active?.rBreath === 'on',
-  active_sw_breath_on:      active?.swBreath === 'on',
-  active_breath_on:         active?.breath === 'on',
-  active_animate_count_3:   active?.animateCount === 3,
-  active_has_r:             rAnimate != null,
-  active_has_opacity:       opAnimate != null,
-  active_has_stroke_width:  swAnimate != null,
-  active_r_dur_3s:          rAnimate?.dur === '3s',
-  active_r_rep_indef:       rAnimate?.rep === 'indefinite',
-  // r animate values include radius+14 + radius+14.5 (radius is per-node-tier-dependent)
-  active_r_values_format:   /^[\d.]+;[\d.]+;[\d.]+$/.test(rAnimate?.vals || ''),
-  source_r_animate:         sourceRAnimate,
-  source_r_breath_attr:     sourceRBreathAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R640 chat-target ring radius breath (3-axis 呼吸感: opacity + sw + r):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest:   ${JSON.stringify(rest)}`,
-  `\n  active: ${JSON.stringify(active)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-chat-ring-status-halo-test.mjs

@@ -1,106 +0,0 @@
-/* Round 637 — chat-target ring filter gains a status-tinted
- * drop-shadow halo. The halo colour now matches the ring's stroke
- * (status.primary): green for working, teal for idle, slate for
- * offline. Chromatic identity of the chat partner reinforced
- * across stroke + halo.
- *
- * Test phases:
- *   1. mock idle node → click to open chat → ring filter contains
- *      drop-shadow with idle teal #14b8a6 + brightness(1.15) +
- *      url(#topo-glow) on cyber
- *   2. data-chat-target-ring-halo-color === status.primary hex
- *   3. transition still includes 'filter'
- *   4. source: filter expression uses status.primary in drop-shadow
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1200 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try {
-    localStorage.setItem('anet-theme', 'cyber');
-    localStorage.setItem('anet-topo-layout', 'ring');
-    sessionStorage.setItem('anet_v3_auth', '1');
-  } catch {}
-});
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias, status) => ({
-    alias, status, model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('a·1', 'idle'),
-    mk('a·2', '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('[data-chat-target-ring]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-// rest: no chat — halo color attr should be 'none'
-const restAttrs = await page.evaluate(() => {
-  const el = document.querySelector('[data-chat-target-ring]');
-  if (!el) return null;
-  return {
-    haloColor: el.getAttribute('data-chat-target-ring-halo-color'),
-    active: el.getAttribute('data-chat-target-active'),
-  };
-});
-
-// open chat with a·1 (idle)
-await page.click('[data-node="a·1"]', { force: true });
-await page.waitForTimeout(400);
-
-const chatState = await page.evaluate(() => {
-  const node = document.querySelector('[data-node="a·1"]');
-  if (!node) return null;
-  const ring = node.querySelector('[data-chat-target-ring]');
-  if (!ring) return null;
-  const cs = getComputedStyle(ring);
-  return {
-    haloColor: ring.getAttribute('data-chat-target-ring-halo-color'),
-    active:    ring.getAttribute('data-chat-target-active'),
-    stroke:    ring.getAttribute('stroke') || cs.stroke,
-    filter:    cs.filter,
-    transition:cs.transitionProperty,
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceLightFilter = /`drop-shadow\(0 0 3px \$\{status\.primary\}40\) brightness\(1\.15\)`/.test(src);
-const sourceCyberFilter = /`drop-shadow\(0 0 3px \$\{status\.primary\}40\) url\(#topo-glow\) brightness\(1\.15\)`/.test(src);
-const sourceHaloAttr   = /data-chat-target-ring-halo-color=\{isChat \? status\.primary : 'none'\}/.test(src);
-
-const results = {
-  rest_halo_color_none:   restAttrs?.haloColor === 'none',
-  rest_active_false:      restAttrs?.active === 'false',
-  chat_present:           !!chatState,
-  chat_active_true:       chatState?.active === 'true',
-  chat_halo_color_set:    /^#[0-9a-f]{6,8}$/i.test(chatState?.haloColor || ''),
-  chat_filter_has_dropshadow:    /drop-shadow/.test(chatState?.filter || ''),
-  chat_filter_has_brightness:    /brightness/.test(chatState?.filter || ''),
-  chat_transition_has_filter:    /filter/.test(chatState?.transition || ''),
-  source_light_filter:    sourceLightFilter,
-  source_cyber_filter:    sourceCyberFilter,
-  source_halo_attr:       sourceHaloAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R637 chat-target ring status-tinted halo (chromatic identity completion):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(restAttrs)}`,
-  `\n  chat: ${JSON.stringify(chatState)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-chat-ring-sw-breath-test.mjs

@@ -1,123 +0,0 @@
-/* Round 630 — chat-target ring gains a SECOND breath axis:
- * stroke-width 2.5↔2.75 over 3s, in lockstep with the existing
- * R120 opacity breath (0.72↔0.95 / 0.82↔1.0). Doubles the 呼吸感
- * — the ring "swells" as it brightens, then settles as it dims.
- * Gated `!reducedMotion && isChat`. R51 sentinel-safe (sw range
- * [2.5, 2.75] stays clear of reserved {1.5, 3}).
- *
- * Test phases:
- *   1. mock 2 nodes → no chat: chat-target ring opacity=0,
- *      sw-breath attr 'off', NO <animate> children
- *   2. click a node → opens ChatPopover for that alias →
- *      chat-target ring becomes isChat → sw-breath attr 'on',
- *      TWO <animate> children present (one opacity + one
- *      stroke-width, both dur='3s' repeatCount='indefinite')
- *   3. source: stroke-width animate uses values '2.5;2.75;2.5'
- *      and sits inside the same `!reducedMotion && isChat`
- *      gate as the opacity animate
- */
-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-chat-target-ring]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(500);
-
-const restState = await page.evaluate(() => {
-  const el = document.querySelector('[data-chat-target-ring]');
-  if (!el) return null;
-  return {
-    active: el.getAttribute('data-chat-target-active'),
-    breath: el.getAttribute('data-chat-target-breath'),
-    swBreath: el.getAttribute('data-chat-target-ring-sw-breath'),
-    animateCount: el.querySelectorAll('animate').length,
-  };
-});
-
-// Click a node to open chat → that node's chat-target ring activates
-await page.click('[data-node="a·1"]', { force: true });
-await page.waitForTimeout(400);
-
-const activeState = await page.evaluate(() => {
-  // Find the chat-target ring of node a·1 — it's inside g[data-node="a·1"]
-  const node = document.querySelector('[data-node="a·1"]');
-  if (!node) return null;
-  const ring = node.querySelector('[data-chat-target-ring]');
-  if (!ring) return null;
-  const animates = Array.from(ring.querySelectorAll('animate'));
-  return {
-    active:  ring.getAttribute('data-chat-target-active'),
-    breath:  ring.getAttribute('data-chat-target-breath'),
-    swBreath: ring.getAttribute('data-chat-target-ring-sw-breath'),
-    animateCount: animates.length,
-    animateAttrs: animates.map(a => ({
-      attr:  a.getAttribute('attributeName'),
-      dur:   a.getAttribute('dur'),
-      vals:  a.getAttribute('values'),
-      rep:   a.getAttribute('repeatCount'),
-    })),
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceSwAnimate = /<animate\s+attributeName="stroke-width"\s+values="2\.5;2\.75;2\.5"\s+dur="3s"\s+repeatCount="indefinite"\s*\/>/.test(src);
-const sourceSwAttr = /data-chat-target-ring-sw-breath=\{!reducedMotion && isChat \? 'on' : 'off'\}/.test(src);
-// Ensure both animates sit inside the same `!reducedMotion && isChat &&` gate
-const sourceFragmentGate = /\{!reducedMotion && isChat && \(\s*<>\s*<animate\s+attributeName="opacity"[\s\S]*?<animate\s+attributeName="stroke-width"/.test(src);
-
-const swAnimate = activeState?.animateAttrs?.find(a => a.attr === 'stroke-width');
-const opAnimate = activeState?.animateAttrs?.find(a => a.attr === 'opacity');
-
-const results = {
-  rest_ring_present:      !!restState,
-  rest_active_false:      restState?.active === 'false',
-  rest_breath_off:        restState?.breath === 'off',
-  rest_sw_breath_off:     restState?.swBreath === 'off',
-  rest_no_animate:        restState?.animateCount === 0,
-  active_active_true:     activeState?.active === 'true',
-  active_breath_on:       activeState?.breath === 'on',
-  active_sw_breath_on:    activeState?.swBreath === 'on',
-  active_animate_count_2: activeState?.animateCount === 2,
-  active_sw_dur_3s:       swAnimate?.dur === '3s',
-  active_sw_values:       swAnimate?.vals === '2.5;2.75;2.5',
-  active_sw_rep_indef:    swAnimate?.rep === 'indefinite',
-  active_op_dur_3s:       opAnimate?.dur === '3s',  // existing R120 still present
-  source_sw_animate:      sourceSwAnimate,
-  source_sw_attr:         sourceSwAttr,
-  source_fragment_gate:   sourceFragmentGate,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R630 chat-target ring stroke-width breath (呼吸感 2nd axis):`,
-  JSON.stringify(results, null, 2),
-  `\n  rest: ${JSON.stringify(restState)}`,
-  `\n  active: ${JSON.stringify(activeState)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-chat-target-breath-test.mjs

@@ -1,84 +0,0 @@
-/* Round 120 verification: chat-target ring breathes when chat is
- * open. R51 added the static ring at radius+14; R120 adds a SMIL
- * opacity pulse (±0.1, 3s) so the active chat session reads as
- * "live" without being intrusive. Gated by reducedMotion.
- *
- * Drive chatAlias by clicking a node to open the popover. Verify:
- *   - chat-target ring renders with data-chat-target-breath="on"
- *   - the ring has an <animate> child with dur="3s"
- *   - reducedMotion suppresses the breath
- */
-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 (reducedMotion) => {
-  const ctx = await browser.newContext({
-    viewport: { width: 1400, height: 1500 },
-    reducedMotion: reducedMotion ? 'reduce' : 'no-preference',
-  });
-  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: '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: [mk('alpha'), mk('beta')] } });
-  });
-  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 === 2, { timeout: 30000 });
-  await page.waitForTimeout(400);
-
-  // Open chat by clicking the alpha node.
-  await page.locator('g[data-node="alpha"]').click();
-  await page.waitForTimeout(500);
-
-  const data = await page.evaluate(() => {
-    const ring = document.querySelector('[data-chat-target-ring]');
-    const anim = ring?.querySelector('animate');
-    return {
-      ringPresent: !!ring,
-      breathAttr:  ring?.getAttribute('data-chat-target-breath') || '',
-      hasAnimate:  !!anim,
-      dur:         anim?.getAttribute('dur') || null,
-    };
-  });
-  await ctx.close();
-  return data;
-};
-
-const normal  = await probe(false);
-const reduced = await probe(true);
-await browser.close();
-
-const results = {
-  normal_ringPresent:   normal.ringPresent === true,
-  normal_breathOn:      normal.breathAttr === 'on',
-  normal_hasAnimate:    normal.hasAnimate === true,
-  normal_dur3s:         normal.dur === '3s',
-  reduced_ringPresent:  reduced.ringPresent === true,
-  reduced_breathOff:    reduced.breathAttr === 'off',
-  reduced_noAnimate:    reduced.hasAnimate === false,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} chat-target breath:`, JSON.stringify(results),
-  `\n  normal=`,  normal,
-  `\n  reduced=`, reduced);
-process.exit(ok ? 0 : 1);

package/scripts/topo-chat-target-ring-ease-test.mjs

@@ -1,82 +0,0 @@
-/* Round 242 verification: chat-target ring (R183) transition list
- * grows to include stroke + filter alongside the existing opacity
- * gate, so a chat-target node's status flips (green→teal etc.) and
- * the glow toggle (cyber theme) both ease over 200ms instead of
- * snapping.
- *
- * The ring is always-mounted (R183 idiom) with opacity gated by
- * isChat. Without setting a chat target, opacity stays at 0 — but
- * the transition wiring is in style.transition regardless, so we
- * can probe it without needing to demonstrate the easing live.
- *
- * Test scope per ring:
- *   - data-chat-target-ring attr present (probe entry)
- *   - data-chat-target-active='false' (no chat at default state)
- *   - style.transition includes opacity / stroke / filter
- *     each at 200ms (or 0.2s browser-normalised)
- *   - stroke attribute present (color from status.primary)
- *   - opacity attribute = 0 (gated by isChat=false)
- */
-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';
-  const mk = (alias) => ({
-    alias, status: 'working', model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha'), mk('beta'), mk('gamma'), mk('delta'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r2) => r2.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*', (r2) => r2.fulfill({ json: { tasks: [] } }));
-
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForFunction(() => document.querySelectorAll('g[data-node]').length === 4, { timeout: 30000 });
-await page.waitForSelector('[data-chat-target-ring]', { timeout: 10000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const rings = Array.from(document.querySelectorAll('[data-chat-target-ring]'));
-  return rings.map((r) => ({
-    active:     r.getAttribute('data-chat-target-active'),
-    stroke:     r.getAttribute('stroke'),
-    opacity:    r.getAttribute('opacity'),
-    transition: r.style.transition,
-  }));
-});
-await browser.close();
-
-const hasProp = (s, prop) => new RegExp(`${prop}\\s+(?:200ms|0\\.2s)`).test(s || '');
-
-const results = {
-  four_rings:                    probe.length === 4,
-  all_inactive:                  probe.every(r => r.active === 'false'),
-  all_have_stroke:               probe.every(r => typeof r.stroke === 'string' && r.stroke.length > 0),
-  all_opacity_zero:              probe.every(r => r.opacity === '0'),
-  all_transition_has_opacity:    probe.every(r => hasProp(r.transition, 'opacity')),
-  all_transition_has_stroke:     probe.every(r => hasProp(r.transition, 'stroke')),
-  all_transition_has_filter:     probe.every(r => hasProp(r.transition, 'filter')),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} chat-target ring ease:`, JSON.stringify(results),
-  '\n  rings:', probe.map(r => ({ a: r.active, stroke: r.stroke, t: r.transition.slice(0, 80) })));
-process.exit(ok ? 0 : 1);

package/scripts/topo-chat-target-ring-fade-test.mjs

@@ -1,124 +0,0 @@
-/* Round 183 verification: chat-target ring (R11/R120) fades in/out
- * instead of mount/unmount.
- *
- * Pre-R183 the ring was conditionally mounted on
- * `chatAlias === session.alias`; the className `transition-opacity
- * duration-200` never fired because the element didn't exist
- * before mount. R183 makes the ring always-mounted with opacity
- * gated by isChat — the CSS transition now fires cleanly on
- * chat-close. The SMIL <animate> stays gated by
- * `!reducedMotion && isChat` so it only runs for the active
- * chat target (otherwise SMIL on every node would fight the
- * opacity transition globally).
- *
- * Test:
- *   1. Mock 2 sessions (alpha, beta)
- *   2. Idle: both rings always-mounted, opacity=0, active=false
- *   3. Click alpha → alpha opacity=0.95 active=true,
- *      beta stays opacity=0 active=false
- *   4. Click beta → beta opacity=0.95 active=true,
- *      alpha back to 0 (chatAlias swap)
- *   5. All rings carry 'opacity 200ms ease-out' transition
- *   6. strokeWidth='2.5' (R51 sentinel-safe)
- */
-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';
-  const mk = (alias) => ({
-    alias, 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: [mk('alpha'), mk('beta')] } });
-});
-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 === 2, { timeout: 30000 });
-await page.waitForSelector('[data-chat-target-ring]', { timeout: 10000 });
-await page.waitForTimeout(400);
-
-const probe = () => page.evaluate(() => {
-  const rings = [...document.querySelectorAll('g[data-node] [data-chat-target-ring]')];
-  return rings.map(r => {
-    const node = r.closest('g[data-node]');
-    return {
-      alias:        node?.getAttribute('data-node'),
-      opacity:      parseFloat(r.getAttribute('opacity') || ''),
-      active:       r.getAttribute('data-chat-target-active'),
-      breath:       r.getAttribute('data-chat-target-breath'),
-      strokeWidth:  r.getAttribute('stroke-width'),
-      transition:   r.style.transition || getComputedStyle(r).transition,
-      hasAnimate:   !!r.querySelector('animate'),
-    };
-  });
-});
-
-const idle = await probe();
-
-await page.locator('g[data-node="alpha"]').click();
-await page.waitForTimeout(400);
-const onAlpha = await probe();
-
-await page.locator('g[data-node="beta"]').click();
-await page.waitForTimeout(400);
-const onBeta = await probe();
-
-await browser.close();
-
-const findRing = (rings, alias) => rings.find(r => r.alias === alias);
-const hasTransition = (s) =>
-  (s.transition || '').includes('opacity 200ms') ||
-  /opacity\s+0\.2s|opacity\s+200ms/.test(s.transition || '');
-
-const results = {
-  two_rings_present:        idle.length === 2,
-  all_strokewidth_2p5:      idle.every(r => r.strokeWidth === '2.5'),
-  all_have_transition:      idle.every(r => hasTransition(r)),
-
-  idle_all_opacity_0:       idle.every(r => r.opacity === 0),
-  idle_all_inactive:        idle.every(r => r.active === 'false'),
-  idle_none_have_animate:   idle.every(r => r.hasAnimate === false),
-
-  // Click alpha → alpha active, beta inactive
-  alpha_active_opacity_0p95: Math.abs((findRing(onAlpha, 'alpha')?.opacity ?? 0) - 0.95) < 0.05,
-  alpha_active_attr:        findRing(onAlpha, 'alpha')?.active === 'true',
-  alpha_breath_on:          findRing(onAlpha, 'alpha')?.breath === 'on',
-  alpha_has_animate:        findRing(onAlpha, 'alpha')?.hasAnimate === true,
-  beta_inactive_opacity_0:  findRing(onAlpha, 'beta')?.opacity === 0,
-  beta_inactive_attr:       findRing(onAlpha, 'beta')?.active === 'false',
-  beta_breath_off:          findRing(onAlpha, 'beta')?.breath === 'off',
-  beta_no_animate:          findRing(onAlpha, 'beta')?.hasAnimate === false,
-
-  // Click beta → swap; alpha back to 0, beta active
-  beta_active_opacity_0p95: Math.abs((findRing(onBeta, 'beta')?.opacity ?? 0) - 0.95) < 0.05,
-  beta_active_attr:         findRing(onBeta, 'beta')?.active === 'true',
-  alpha_back_to_0:          findRing(onBeta, 'alpha')?.opacity === 0,
-  alpha_back_to_inactive:   findRing(onBeta, 'alpha')?.active === 'false',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} chat-target ring fade:`, JSON.stringify(results),
-  `\n  idle:`, idle,
-  `\n  on alpha:`, onAlpha,
-  `\n  on beta:`, onBeta);
-process.exit(ok ? 0 : 1);