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

package/scripts/topo-node-label-card-elevation-test.mjs

@@ -1,157 +0,0 @@
-/* Round 194 verification: node label card picks up drop-shadow
- * elevation that intensifies on node hover, mirroring R135's panel
- * hover-elevation but at per-node grain.
- *
- * Pre-R194 the card lifted 1.5 px on hover (R26) but had no shadow
- * follow — the elevation gesture lacked physical weight. R194 adds
- *   rest  : drop-shadow(0 1px 2px rgba(...,0.30 dark / 0.08 light))
- *   hover : drop-shadow(0 4px 12px rgba(0,0,0,0.60) dark
- *           / 0 3px 8px rgba(15,23,42,0.20) light)
- * with transition: filter 220ms ease-out.
- *
- * Test (cyber/dark theme, 4 sessions = card mode):
- *   1. data-node-label-card present + matches alias
- *   2. Idle elevation attr = 'idle'
- *   3. Idle filter style includes 'drop-shadow' (rest shadow on)
- *   4. Idle blur radius is small (1-2 px range)
- *   5. transition: filter 220ms ease-out
- *   6. Hover the node — wait past 250ms
- *   7. data-node-label-card-elevation flips to 'hover'
- *   8. Hover filter has bigger blur (>= 8px) — drop-shadow strengthened
- *   9. Other (non-hovered) cards stay 'idle'
- *  10. Unhover — flips back to 'idle'
- *  11. Filter transition string still present after settle
- */
-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: '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'), mk('gamma'), mk('delta'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (route) => route.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*', (route) => route.fulfill({ json: { tasks: [] } }));
-
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForFunction(() => document.querySelectorAll('g[data-node]').length === 4, { timeout: 30000 });
-await page.waitForSelector('[data-node-label-card]', { timeout: 10000 });
-await page.waitForTimeout(400);
-
-// Probe idle state of alpha's label card
-const idleAlpha = await page.evaluate(() => {
-  const el = document.querySelector('[data-node-label-card="alpha"]');
-  if (!el) return null;
-  const cs = getComputedStyle(el);
-  return {
-    alias:      el.getAttribute('data-node-label-card'),
-    elevation:  el.getAttribute('data-node-label-card-elevation'),
-    filter:     cs.filter,
-    transition: cs.transitionProperty + ' / ' + cs.transitionDuration,
-    inlineFilter: el.style.filter,
-  };
-});
-
-// Hover the alpha node's <g> wrapper
-await page.hover('g[data-node="alpha"]');
-await page.waitForTimeout(280);  // past 220ms transition
-
-const hoveredAlpha = await page.evaluate(() => {
-  const el = document.querySelector('[data-node-label-card="alpha"]');
-  const cs = getComputedStyle(el);
-  return {
-    elevation: el.getAttribute('data-node-label-card-elevation'),
-    filter:    cs.filter,
-    inlineFilter: el.style.filter,
-  };
-});
-
-// Probe non-hovered card (beta) stays idle
-const idleBeta = await page.evaluate(() => {
-  const el = document.querySelector('[data-node-label-card="beta"]');
-  return {
-    elevation: el.getAttribute('data-node-label-card-elevation'),
-  };
-});
-
-// Move away, wait for transition back
-await page.mouse.move(0, 0);
-await page.waitForTimeout(280);
-
-const settledAlpha = await page.evaluate(() => {
-  const el = document.querySelector('[data-node-label-card="alpha"]');
-  const cs = getComputedStyle(el);
-  return {
-    elevation:  el.getAttribute('data-node-label-card-elevation'),
-    filter:     cs.filter,
-    transition: cs.transitionProperty + ' / ' + cs.transitionDuration,
-  };
-});
-
-await browser.close();
-
-// Parse blur radius out of drop-shadow(). Chrome's getComputedStyle
-// canonicalises into `drop-shadow(rgba(...) 0px Ypx BLURpx)` with the
-// color first — the standard write-order `drop-shadow(0 Ypx BLURpx
-// rgba(...))` is rearranged. So scan all numeric tokens inside the
-// drop-shadow() parens with rgba/hsla content stripped first; blur is
-// the 3rd numeric value.
-function parseShadowBlur(filterStr) {
-  if (!filterStr) return null;
-  const m = filterStr.match(/drop-shadow\(([\s\S]+)\)\s*$/);
-  if (!m) return null;
-  const stripped = m[1].replace(/(rgba?|hsla?)\([^)]*\)/g, '');
-  const nums = (stripped.match(/-?\d+(?:\.\d+)?/g) || []).map(Number);
-  return nums.length >= 3 ? Math.abs(nums[2]) : null;
-}
-const idleBlur = parseShadowBlur(idleAlpha?.filter);
-const hoverBlur = parseShadowBlur(hoveredAlpha?.filter);
-const settledBlur = parseShadowBlur(settledAlpha?.filter);
-
-const results = {
-  card_present:          !!idleAlpha,
-  alias_matches:         idleAlpha?.alias === 'alpha',
-  idle_elevation_attr:   idleAlpha?.elevation === 'idle',
-  idle_has_dropshadow:   (idleAlpha?.filter || '').includes('drop-shadow'),
-  idle_blur_small:       idleBlur !== null && idleBlur > 0 && idleBlur <= 3,
-  filter_transition:     idleAlpha?.transition.includes('filter') && idleAlpha?.transition.includes('0.22s'),
-
-  hover_elevation_attr:  hoveredAlpha?.elevation === 'hover',
-  hover_has_dropshadow:  (hoveredAlpha?.filter || '').includes('drop-shadow'),
-  hover_blur_larger:     hoverBlur !== null && hoverBlur >= 8,
-  hover_blur_grew:       idleBlur !== null && hoverBlur !== null && hoverBlur > idleBlur,
-  hover_filter_changed:  idleAlpha?.filter !== hoveredAlpha?.filter,
-
-  beta_stays_idle:       idleBeta?.elevation === 'idle',
-
-  settled_back_to_idle:  settledAlpha?.elevation === 'idle',
-  settled_blur_small:    settledBlur !== null && settledBlur <= 3,
-  settled_keeps_transition: settledAlpha?.transition.includes('filter'),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} node label card elevation:`, JSON.stringify(results),
-  `\n  idleAlpha:`,     idleAlpha,
-  `\n  hoveredAlpha:`,  hoveredAlpha,
-  `\n  idleBeta:`,      idleBeta,
-  `\n  settledAlpha:`,  settledAlpha,
-  `\n  blurs:`,         { idleBlur, hoverBlur, settledBlur });
-process.exit(ok ? 0 : 1);

package/scripts/topo-node-label-card-halo-test.mjs

@@ -1,76 +0,0 @@
-/* Round 694 — per-node label card backdrop joins the multi-layer halo
- * family on hover/chat branch. Pre-R694 hover/chat filter chain was
- * elevation + brightness only. R694 prepends 2-layer radial drop-
- * shadow at pal.legendAccent (3+6 stride, alpha 80/40) — echoes the
- * R217 hover-stroke outward in soft glow. Sibling to R693 hover-
- * detail card. Rest branch unchanged.
- *
- * Source assertions:
- *   - light hover branch: drop-shadow×2 pal.legendAccent + elevation
- *     + brightness(1.15)
- *   - cyber hover branch: same pattern with cyber elevation alpha
- *   - data-node-label-card-halo-layers attr toggles '2' ↔ '0'
- *
- * Runtime assertions: cards present, halo-layers='0' at rest
- */
-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'), mk('a·3')] } });
-});
-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-node-label-card]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const restState = await page.evaluate(() => {
-  const cards = Array.from(document.querySelectorAll('[data-node-label-card]'));
-  return {
-    count: cards.length,
-    all_rest_zero: cards.every(el => el.getAttribute('data-node-label-card-halo-layers') === '0'),
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceLightHover = /isLight\s*\?\s*`drop-shadow\(0 0 3px \$\{pal\.legendAccent\}80\) drop-shadow\(0 0 6px \$\{pal\.legendAccent\}40\) drop-shadow\(0 3px 8px rgba\(15,23,42,0\.20\)\) brightness\(1\.15\)`/.test(src);
-const sourceCyberHover = /:\s*`drop-shadow\(0 0 3px \$\{pal\.legendAccent\}80\) drop-shadow\(0 0 6px \$\{pal\.legendAccent\}40\) drop-shadow\(0 4px 12px rgba\(0,0,0,0\.60\)\) brightness\(1\.15\)`/.test(src);
-const sourceHaloAttr   = /data-node-label-card-halo-layers=\{!reducedMotion && \(hoveredAlias === session\.alias \|\| chatAlias === session\.alias\) \? '2' : '0'\}/.test(src);
-
-const results = {
-  cards_present:       restState.count >= 2,
-  rest_all_zero:       restState.all_rest_zero,
-  source_light_hover:  sourceLightHover,
-  source_cyber_hover:  sourceCyberHover,
-  source_halo_attr:    sourceHaloAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R694 per-node label card multi-layer halo (50th anchor — sibling to R693 hover-detail card):`,
-  JSON.stringify(results, null, 2),
-  `\n  runtime: ${restState.count} cards rendered`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-node-label-card-rx-test.mjs

@@ -1,85 +0,0 @@
-/* Round 411 verification: node label card rx 6 → 8. Corner-radius
- * cascade family 8th anchor — compact card tier aligns with the
- * R332/R375/R376 compact-chrome rx=8 tier.
- *
- * Contract:
- *   - Each node's label-card <rect> rx attr === '8'
- *   - data-node-label-card-rx === '8'
- *   - Pre-R411 invariants on the rect:
- *     * cardW (width) > 0
- *     * cardH (height) > 0
- *     * fill, stroke present
- */
-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: [] } }));
-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-node-label-card]', { timeout: 15000 });
-await page.waitForTimeout(400);
-
-const probe = await page.evaluate(() => {
-  const cards = Array.from(document.querySelectorAll('[data-node-label-card]'));
-  if (cards.length === 0) return { count: 0 };
-  const sample = cards[0];
-  return {
-    count:        cards.length,
-    rxAttr:       sample.getAttribute('rx'),
-    rxData:       sample.getAttribute('data-node-label-card-rx'),
-    widthAttr:    sample.getAttribute('width'),
-    heightAttr:   sample.getAttribute('height'),
-    fillPresent:  !!sample.getAttribute('fill'),
-    strokePresent: !!sample.getAttribute('stroke'),
-    allRx8:       cards.every((c) => c.getAttribute('rx') === '8'),
-  };
-});
-
-const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceRx8 = /rx="8"\s*\n\s+fill=\{pal\.labelBox\.fill\}/.test(fileText) || /width=\{cardW\} height=\{cardH\} rx="8"/.test(fileText);
-const sourceDataRx8 = /data-node-label-card-rx="8"/.test(fileText);
-
-await browser.close();
-
-const results = {
-  // At least one label card mounted
-  cards_count_ge_1:           (probe.count || 0) >= 1,
-  // R411 wire
-  rx_attr_8:                  probe.rxAttr === '8',
-  rx_data_8:                  probe.rxData === '8',
-  all_cards_rx_8:             probe.allRx8 === true,
-  // Pre-R411 invariants
-  width_present:              Number(probe.widthAttr) > 0,
-  height_present:             Number(probe.heightAttr) > 0,
-  fill_present:               probe.fillPresent === true,
-  stroke_present:             probe.strokePresent === true,
-  // Source-file canonical wire
-  source_rx_8:                sourceRx8,
-  source_data_rx_8:           sourceDataRx8,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} node label card rx 6 → 8:`, JSON.stringify(results),
-  '\n  probe:', probe);
-process.exit(ok ? 0 : 1);

package/scripts/topo-node-label-card-stroke-test.mjs

@@ -1,135 +0,0 @@
-/* Round 217 verification: node label card stroke tints to
- * legendAccent (cyan) on parent-node hover, adding a 3rd hover-
- * feedback channel alongside R26 lift + R194 drop-shadow.
- *
- * Pre-R217 only 2 channels responded (translateY + drop-shadow);
- * stroke stayed constant at pal.labelBox.stroke. R217 adds the
- * 3rd channel for full hover-elevation triple coverage.
- *
- * Test (cyber dark, 4 working sessions = card mode):
- *   1. data-node-label-card present + 4 alias matches.
- *   2. Idle alpha: elevation='idle', stroke == pal.labelBox.stroke
- *      (NOT cyan)
- *   3. transition includes BOTH 'filter 220ms' AND 'stroke 220ms'
- *   4. Hover g[data-node="alpha"] → wait 250ms
- *   5. alpha elevation='hover', stroke shifted to legendAccent
- *      (cyan-leaning — B > R in computed color)
- *   6. Beta (non-hovered) card stroke STILL pal.labelBox.stroke
- *   7. Move away → alpha stroke back to pal.labelBox.stroke
- */
-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*', (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-node-label-card]', { timeout: 10000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const probe = async () => page.evaluate(() => {
-  const cards = [...document.querySelectorAll('[data-node-label-card]')];
-  return cards.map(el => ({
-    alias:      el.getAttribute('data-node-label-card'),
-    elevation:  el.getAttribute('data-node-label-card-elevation'),
-    stroke:     el.getAttribute('stroke'),
-    computedStroke: getComputedStyle(el).stroke,
-    transition: el.style.transition,
-  }));
-});
-
-const idle = await probe();
-
-await page.hover('g[data-node="alpha"]');
-await page.waitForTimeout(260);
-const hovered = await probe();
-
-await page.mouse.move(0, 0);
-await page.waitForTimeout(260);
-const settled = await probe();
-
-await browser.close();
-
-// Detect "cyan-leaning" — RGB or OKLab parse, blue/teal axis dominant
-function isCyanish(s) {
-  if (!s) return false;
-  let m = s.match(/rgba?\(\s*(\d+)\s*,?\s*(\d+)\s*,?\s*(\d+)/);
-  if (m) {
-    const r = +m[1], g = +m[2], b = +m[3];
-    // cyan/teal: B and G both clearly > R
-    return (b - r >= 50 && g - r >= 30) || (b > r + 60);
-  }
-  m = s.match(/oklab\(\s*([\-\d.]+)\s+([\-\d.]+)\s+([\-\d.]+)/);
-  if (m) {
-    const a = +m[2], b = +m[3];
-    return a < -0.05 || b < -0.05;
-  }
-  m = s.match(/oklch\(\s*([\-\d.]+)\s+([\-\d.]+)\s+([\-\d.]+)/);
-  if (m) {
-    const h = +m[3];
-    // cyan/teal hues are roughly 180-220 in OKLCH
-    return h > 150 && h < 240 && parseFloat(m[2]) > 0.05;
-  }
-  m = s.match(/^#([0-9a-f]{6})/i);
-  if (m) {
-    const v = parseInt(m[1], 16);
-    const r = (v >> 16) & 0xff, g = (v >> 8) & 0xff, b = v & 0xff;
-    return b - r >= 50 && g - r >= 30;
-  }
-  return false;
-}
-
-const idleAlpha    = idle.find(c => c.alias === 'alpha');
-const idleBeta     = idle.find(c => c.alias === 'beta');
-const hovAlpha     = hovered.find(c => c.alias === 'alpha');
-const hovBeta      = hovered.find(c => c.alias === 'beta');
-const settledAlpha = settled.find(c => c.alias === 'alpha');
-
-const results = {
-  four_cards_present:           idle.length === 4,
-  idle_alpha_elevation:         idleAlpha?.elevation === 'idle',
-  idle_alpha_stroke_not_cyan:   !isCyanish(idleAlpha?.computedStroke),
-  transition_has_filter:        /filter\s+(?:220ms|0\.22s)/.test(idleAlpha?.transition || ''),
-  transition_has_stroke:        /stroke\s+(?:220ms|0\.22s)/.test(idleAlpha?.transition || ''),
-
-  hover_alpha_elevation:        hovAlpha?.elevation === 'hover',
-  hover_alpha_stroke_cyan:      isCyanish(hovAlpha?.computedStroke),
-  hover_alpha_stroke_changed:   idleAlpha?.computedStroke !== hovAlpha?.computedStroke,
-  hover_beta_stays_neutral:     hovBeta?.elevation === 'idle'
-                                && !isCyanish(hovBeta?.computedStroke),
-
-  settled_alpha_back_to_idle:   settledAlpha?.elevation === 'idle',
-  settled_alpha_stroke_neutral: !isCyanish(settledAlpha?.computedStroke),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} node label card stroke:`, JSON.stringify(results),
-  `\n  idleAlpha:`,    idleAlpha,
-  `\n  hovAlpha:`,     hovAlpha,
-  `\n  hovBeta:`,      hovBeta,
-  `\n  settledAlpha:`, settledAlpha);
-process.exit(ok ? 0 : 1);

package/scripts/topo-node-pulse-peak-test.mjs

@@ -1,89 +0,0 @@
-/* Round 409 verification: active-node pulse SMIL peak opacity lift
- * — cyber 0.18 → 0.20 / light 0.12 → 0.14. Active-state breath
- * widens slightly at peak (+0.02 both themes) while trough stays.
- *
- * Contract:
- *   - Seed a flow link so a node becomes "active" (R243 isActive gate)
- *   - The active node's <g data-node-pulse> child has an <animate>
- *     opacity element with:
- *     * cyber: values='0.20;0.04;0.20' + data-node-pulse-peak='0.20'
- *     * light: values='0.14;0.02;0.14' + data-node-pulse-peak='0.14'
- *   - Pre-R409 invariants preserved:
- *     * dur='2.4s', calcMode='spline', repeatCount='indefinite'
- *     * keySplines='0.42 0 0.58 1;0.42 0 0.58 1'
- */
-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();
-
-async function probeTheme(theme) {
-  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((t) => {
-    try { localStorage.setItem('anet-theme', t); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-  }, theme);
-  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-node-pulse-active="true"]', { timeout: 15000 });
-  await page.waitForTimeout(500);
-  const probe = await page.evaluate(() => {
-    const pulseGroup = document.querySelector('[data-node-pulse-active="true"]');
-    if (!pulseGroup) return null;
-    const animates = pulseGroup.querySelectorAll('animate');
-    const opacityAnim = Array.from(animates).find(a => a.getAttribute('attributeName') === 'opacity');
-    return opacityAnim ? {
-      attributeName: opacityAnim.getAttribute('attributeName'),
-      values:        opacityAnim.getAttribute('values'),
-      dur:           opacityAnim.getAttribute('dur'),
-      calcMode:      opacityAnim.getAttribute('calcMode'),
-      repeatCount:   opacityAnim.getAttribute('repeatCount'),
-      keySplines:    opacityAnim.getAttribute('keySplines'),
-      peakData:      opacityAnim.getAttribute('data-node-pulse-peak'),
-    } : null;
-  });
-  await browser.close();
-  return probe;
-}
-
-const cyber = await probeTheme('cyber');
-const light = await probeTheme('light');
-
-const results = {
-  // R409: peak lifts to 0.20 cyber / 0.14 light
-  cyber_values_0_20:        cyber?.values === '0.20;0.04;0.20',
-  cyber_peak_data_0_20:     cyber?.peakData === '0.20',
-  light_values_0_14:        light?.values === '0.14;0.02;0.14',
-  light_peak_data_0_14:     light?.peakData === '0.14',
-  // Pre-R409 invariants
-  cyber_dur_2_4s:           cyber?.dur === '2.4s',
-  cyber_spline:             cyber?.calcMode === 'spline',
-  cyber_repeat_indefinite:  cyber?.repeatCount === 'indefinite',
-  cyber_keySplines:         cyber?.keySplines === '0.42 0 0.58 1;0.42 0 0.58 1',
-  light_dur_2_4s:           light?.dur === '2.4s',
-  light_keySplines:         light?.keySplines === '0.42 0 0.58 1;0.42 0 0.58 1',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} active-node pulse peak lift:`, JSON.stringify(results),
-  '\n  cyber:', cyber,
-  '\n  light:', light);
-process.exit(ok ? 0 : 1);

package/scripts/topo-node-pulse-trough-test.mjs

@@ -1,91 +0,0 @@
-/* Round 413 verification: active-node pulse SMIL trough opacity
- * lift — cyber 0.04 → 0.05 / light 0.02 → 0.03. Extends the
- * stale-state legibility lift family (8th anchor) and pairs with
- * R409 peak lift so the per-node "active flow" breath reads
- * confidently at both ends of its cycle.
- *
- * Contract:
- *   - Seed a flow link so a node becomes "active" (R243 isActive gate)
- *   - The active node's <animate> opacity element:
- *     * cyber: values='0.20;0.05;0.20' + data-node-pulse-trough='0.05'
- *     * light: values='0.14;0.03;0.14' + data-node-pulse-trough='0.03'
- *   - R409 peak invariant: data-node-pulse-peak='0.20' / '0.14'
- *   - Pre-R413 invariants preserved:
- *     * dur='2.4s', calcMode='spline', repeatCount='indefinite'
- *     * keySplines='0.42 0 0.58 1;0.42 0 0.58 1'
- */
-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();
-
-async function probeTheme(theme) {
-  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((t) => {
-    try { localStorage.setItem('anet-theme', t); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-  }, theme);
-  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-node-pulse-active="true"]', { timeout: 15000 });
-  await page.waitForTimeout(500);
-  const probe = await page.evaluate(() => {
-    const pulseGroup = document.querySelector('[data-node-pulse-active="true"]');
-    if (!pulseGroup) return null;
-    const animates = pulseGroup.querySelectorAll('animate');
-    const opacityAnim = Array.from(animates).find(a => a.getAttribute('attributeName') === 'opacity');
-    return opacityAnim ? {
-      values:        opacityAnim.getAttribute('values'),
-      peakData:      opacityAnim.getAttribute('data-node-pulse-peak'),
-      troughData:    opacityAnim.getAttribute('data-node-pulse-trough'),
-      dur:           opacityAnim.getAttribute('dur'),
-      calcMode:      opacityAnim.getAttribute('calcMode'),
-      keySplines:    opacityAnim.getAttribute('keySplines'),
-    } : null;
-  });
-  await browser.close();
-  return probe;
-}
-
-const cyber = await probeTheme('cyber');
-const light = await probeTheme('light');
-
-const results = {
-  // R413: trough lifts to 0.05 cyber / 0.03 light
-  cyber_values_0_05:        cyber?.values === '0.20;0.05;0.20',
-  cyber_trough_data_0_05:   cyber?.troughData === '0.05',
-  light_values_0_03:        light?.values === '0.14;0.03;0.14',
-  light_trough_data_0_03:   light?.troughData === '0.03',
-  // R409 peak invariants
-  cyber_peak_data_0_20:     cyber?.peakData === '0.20',
-  light_peak_data_0_14:     light?.peakData === '0.14',
-  // Pre-R413 invariants preserved
-  cyber_dur_2_4s:           cyber?.dur === '2.4s',
-  cyber_spline:             cyber?.calcMode === 'spline',
-  cyber_keySplines:         cyber?.keySplines === '0.42 0 0.58 1;0.42 0 0.58 1',
-  light_dur_2_4s:           light?.dur === '2.4s',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} active-node pulse trough lift:`, JSON.stringify(results),
-  '\n  cyber:', cyber,
-  '\n  light:', light);
-process.exit(ok ? 0 : 1);