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

package/scripts/topo-pulse-dot-crossfade-test.mjs

@@ -1,122 +0,0 @@
-/* Round 214 verification: working-status pulse dot always-mounts;
- * visibility crossfades via parent <g> opacity instead of mount/
- * unmount snap. Extends R181/R182/R183/R213 always-mount-opacity-
- * gate idiom down to per-node grain.
- *
- * Test (cyber dark, 4 sessions in mixed status):
- *   1. 4 [data-pulse-wrapper] elements present (one per node —
- *      always-mounted regardless of status).
- *   2. Working sessions: data-pulse-visible='true', wrapper
- *      opacity = 1.
- *   3. Non-working sessions: data-pulse-visible='false', wrapper
- *      opacity = 0.
- *   4. Each wrapper has inline transition: 'opacity 300ms ease-out'.
- *   5. Each wrapper contains the inner <circle> with the SMIL
- *      <animate> still present (working-rate pulse R24 preserved).
- *   6. SMIL animate attributeName='opacity', values cycling 1→0.25.
- *
- * The key invariant — pulse dot wrapper is DOM-present for ALL
- * sessions (working and non-working), with visibility purely a
- * CSS opacity gate.
- */
-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, 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,
-  });
-  // 2 working + 1 idle + 1 offline — pulse dot only mounts visibly for
-  // working, but R214 keeps wrapper in DOM for all 4
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha', 'working'),
-    mk('beta',  'working'),
-    mk('gamma', 'idle'),
-    mk('delta', 'offline'),
-  ] } });
-});
-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-pulse-wrapper]', { timeout: 10000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  return [...document.querySelectorAll('[data-pulse-wrapper]')].map(el => {
-    const cs = getComputedStyle(el);
-    const inner = el.querySelector('circle');
-    const animate = inner?.querySelector('animate');
-    return {
-      alias:       el.getAttribute('data-pulse-wrapper'),
-      visible:     el.getAttribute('data-pulse-visible'),
-      opacity:     parseFloat(cs.opacity),
-      transition:  el.style.transition,
-      hasInner:    !!inner,
-      animateAttr: animate?.getAttribute('attributeName'),
-      animateVals: animate?.getAttribute('values'),
-    };
-  });
-});
-
-await browser.close();
-
-const alpha    = probe.find(p => p.alias === 'alpha');
-const beta     = probe.find(p => p.alias === 'beta');
-const gamma    = probe.find(p => p.alias === 'gamma');
-const delta    = probe.find(p => p.alias === 'delta');
-
-const near = (got, want, tol = 0.05) => Math.abs(got - want) < tol;
-
-const results = {
-  // All 4 wrappers in DOM regardless of status
-  four_wrappers_in_dom:      probe.length === 4,
-  alpha_in_dom:              !!alpha,
-  beta_in_dom:               !!beta,
-  gamma_in_dom:              !!gamma,
-  delta_in_dom:              !!delta,
-
-  // Working sessions: visible=true, opacity 1
-  alpha_visible:             alpha?.visible === 'true',
-  alpha_opacity_1:           near(alpha?.opacity ?? 0, 1),
-  beta_visible:              beta?.visible === 'true',
-  beta_opacity_1:            near(beta?.opacity ?? 0, 1),
-
-  // Non-working: visible=false, opacity 0
-  gamma_hidden:              gamma?.visible === 'false',
-  gamma_opacity_0:           near(gamma?.opacity ?? 1, 0),
-  delta_hidden:              delta?.visible === 'false',
-  delta_opacity_0:           near(delta?.opacity ?? 1, 0),
-
-  // Inline transition includes opacity 300ms
-  all_have_transition:       probe.every(p => /opacity\s+(?:300ms|0\.3s)/.test(p.transition || '')),
-
-  // Inner <circle> + SMIL <animate> still present in working wrappers
-  // (R24 working-rate pulse preserved)
-  alpha_has_inner:           alpha?.hasInner === true,
-  alpha_animate_opacity:     alpha?.animateAttr === 'opacity',
-  alpha_animate_values:      alpha?.animateVals === '1;0.25;1',
-  // Even hidden wrappers keep inner circle in DOM (always-mount)
-  gamma_has_inner:           gamma?.hasInner === true,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} pulse-dot crossfade:`, JSON.stringify(results),
-  `\n  probe:`, probe);
-process.exit(ok ? 0 : 1);

package/scripts/topo-pulse-dot-retired-test.mjs

@@ -1,86 +0,0 @@
-/* Round 294 verification: per-node "working" pulse dot retired.
- *
- * Pre-R294 each working node carried a small SMIL-animated green
- * circle at its top (R24, R214). After R278 (working halo) /
- * R279 (arrival ping + dispatch pulse) / R280 (backdrop spokes)
- * cleared the surrounding per-node animation family, the pulse
- * dot was the last surviving "wiggling per-node decoration".
- * R294 gates its render block with `{false && ...}` per the
- * R276/R278/R279/R280 rollback-friendly retirement pattern.
- *
- * Working status is preserved via 4 redundant non-animated
- * signals: status ring colour (R167), label sub-text (R211),
- * chip-row count, hub centre digit (R130).
- *
- * Contract:
- *   - Zero [data-pulse-wrapper] elements present on the canvas.
- *   - Working nodes still render (status ring + alias label intact).
- *   - g[data-node] count matches mock session count.
- *   - R290 three radar rings + R291 starfield 14 dots intact.
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias, model) => ({
-    alias, status: 'working', model, runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  // 4 working sessions — pre-R294 this would mean 4 pulse dots.
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha', 'claude-opus-4'),
-    mk('beta',  'gpt-4o'),
-    mk('gamma', 'claude-sonnet-4'),
-    mk('delta', 'gpt-4'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*', (r) => r.fulfill({ json: { tasks: [] } }));
-
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForFunction(() => document.querySelectorAll('g[data-node]').length === 4, { timeout: 30000 });
-await page.waitForTimeout(400);
-
-const probe = await page.evaluate(() => {
-  const pulses = document.querySelectorAll('[data-pulse-wrapper]');
-  const nodes  = document.querySelectorAll('g[data-node]');
-  const aliasTexts = document.querySelectorAll('[data-node-alias-text]');
-  const rings = [...document.querySelectorAll('[data-topo-radar-ring]')]
-    .map(r => r.getAttribute('data-topo-radar-ring')).sort((a, b) => +a - +b);
-  const dots = document.querySelectorAll('[data-topo-starfield-dot]');
-  return {
-    pulseCount:        pulses.length,
-    nodeCount:         nodes.length,
-    aliasTextCount:    aliasTexts.length,
-    radarRings:        rings,
-    starfieldDotCount: dots.length,
-  };
-});
-await browser.close();
-
-const results = {
-  pulse_dots_absent:        probe.pulseCount === 0,
-  four_nodes_present:       probe.nodeCount === 4,
-  alias_labels_still_render: probe.aliasTextCount >= 4,
-  r290_three_rings:         JSON.stringify(probe.radarRings) === JSON.stringify(['170', '250', '330']),
-  r291_starfield_14:        probe.starfieldDotCount === 14,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} pulse dot retired:`, JSON.stringify(results),
-  '\n  pulse [data-pulse-wrapper] count (expect 0):', probe.pulseCount,
-  '\n  node count:', probe.nodeCount,
-  '\n  alias text count:', probe.aliasTextCount);
-process.exit(ok ? 0 : 1);

package/scripts/topo-pulse-rate-test.mjs

@@ -1,71 +0,0 @@
-/* Round 24 verification: working-node pulse duration tiers by sse:N.
- *   sse 0-1 → 1.2s    (calm)
- *   sse 2-3 → 0.9s    (active)
- *   sse ≥ 4 → 0.7s    (busy)
- * Inject sse counts via mocked /api/hub/health → sse_sessions map. */
-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: 1280, height: 900 } });
-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', 'grid');
-    sessionStorage.setItem('anet_v3_auth', '1');
-  } catch {}
-});
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-// Three working sessions with different sse counts. Use a known network_id
-// so the `${nid}:${alias}` sse-map key works (the page's grouped lookup).
-const NID = 'net_test';
-await ctx.route('**/api/hub/status*', async (route) => {
-  await route.fulfill({ json: {
-    ok: true,
-    sessions: ['calm', 'active', 'busy'].map(alias => ({
-      alias, status: 'working', network_id: NID, project_dir: null,
-      created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-    })),
-  } });
-});
-await ctx.route('**/api/hub/health*', async (route) => {
-  await route.fulfill({ json: {
-    ok: true,
-    version: '0.8.0-test',
-    sse_sessions: {
-      [`${NID}:calm`]: 1,
-      [`${NID}:active`]: 2,
-      [`${NID}:busy`]: 4,
-    },
-  } });
-});
-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(() => {
-  const svg = document.querySelector('svg[viewBox="0 0 1000 680"]');
-  return !!svg && svg.querySelectorAll('g[data-node]').length === 3;
-}, { timeout: 30000 }).catch(() => {});
-await page.waitForTimeout(600);
-
-const durOf = alias => page.$eval(
-  `g[data-node="${alias}"] circle[data-pulse-dur]`,
-  el => el.getAttribute('data-pulse-dur'),
-).catch(() => null);
-
-const calm = await durOf('calm');
-const active = await durOf('active');
-const busy = await durOf('busy');
-
-await browser.close();
-const results = {
-  calmIs1_2s: calm === '1.2s',
-  activeIs0_9s: active === '0.9s',
-  busyIs0_7s: busy === '0.7s',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} pulse rate:`, JSON.stringify(results), `calm=${calm} active=${active} busy=${busy}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-r104-test.mjs

@@ -1,54 +0,0 @@
-import { chromium } from 'playwright';
-const TOKEN = process.env.LOOP_REVIEW_TOKEN;
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1440, height: 900 } });
-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.removeItem('anet-topo-view'); sessionStorage.setItem('anet_v3_auth','1'); } catch {} });
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForFunction(() => {
-  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(() => { const h=[...document.querySelectorAll('h2')].find(x=>/Command mesh/i.test(x.textContent||'')); h?.scrollIntoView({behavior:'instant',block:'center'}); });
-await page.waitForTimeout(400);
-const scaleOf = () => page.evaluate(() => {
-  const g = document.querySelector('svg[viewBox="0 0 1000 680"] > g[transform^="translate"]');
-  const m = g?.getAttribute('transform')?.match(/scale\(([\d.]+)\)/);
-  return m ? parseFloat(m[1]) : null;
-});
-const svgBox = await page.locator('svg[viewBox="0 0 1000 680"]').boundingBox();
-const cx = svgBox.x + svgBox.width/2, cy = svgBox.y + svgBox.height/2;
-
-// single wheel tick (deltaY -100, typical mouse notch)
-await page.mouse.move(cx, cy);
-const s0 = await scaleOf();
-await page.mouse.wheel(0, -100);
-await page.waitForTimeout(150);
-const s1 = await scaleOf();
-console.log('one wheel notch (-100): scale', s0, '->', s1, '(' + ((s1/s0-1)*100).toFixed(1) + '% per notch)');
-
-// reset button is now a separate icon button
-await page.locator('button[aria-label="Reset view"]').click();
-await page.waitForTimeout(150);
-console.log('after reset-button click: scale', await scaleOf());
-
-// % is now a plain span, not a button
-const pctIsButton = await page.evaluate(() => {
-  const el = [...document.querySelectorAll('span')].find(s => /^\d+%$/.test(s.textContent?.trim()||''));
-  return el ? el.tagName : 'NOT_FOUND';
-});
-console.log('zoom % element tag:', pctIsButton, '(expect SPAN)');
-
-// zoom in twice then double-click to reset
-await page.locator('button[aria-label="Zoom in"]').click();
-await page.locator('button[aria-label="Zoom in"]').click();
-await page.waitForTimeout(150);
-console.log('after 2x zoom-in button: scale', await scaleOf());
-await page.mouse.dblclick(cx, cy);
-await page.waitForTimeout(150);
-console.log('after double-click canvas: scale', await scaleOf(), '(expect 1)');
-
-await browser.close();
-console.log('done');

package/scripts/topo-r717-scan-beam-pair-pattern-test.mjs

@@ -1,100 +0,0 @@
-/* Round 737 — formalize the R735/R736 scan beam ambient pair as the
- * 9TH entry in R717 patterns catalog. CROSS-FAMILY pattern entry:
- * prior 8 patterns are all in the respiratory (breath) family;
- * scan-beam-pair lives in the AMBIENT family but uses the same
- * R717 "pattern axis" introspection vocabulary.
- *
- * Mirrors R724's pattern-formalization round (which added the
- * triple-axis-pair entry after R721/R722 established the surfaces).
- *
- * Assertions:
- *   - R717 patterns has exactly 9 entries
- *   - `scan-beam-pair` entry exists with:
- *     - cadences [23, 30]
- *     - anchors ["scan beam horizontal", "scan beam vertical"]
- *     - shape "coprime-crosshair"
- *   - Coprime invariant: gcd(23, 30) === 1
- *   - Pattern cadences match the actual SMIL animate durs on the
- *     two beams (regression: R735 y-anim dur === 30s, R736 x-anim
- *     dur === 23s)
- *   - Pattern anchors map to actual data-attr selectors that resolve
- *     to live DOM elements (semantic anchor-to-element correspondence)
- *   - All other 8 R717 entries preserved (regression)
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1200 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try {
-    localStorage.setItem('anet-theme', 'cyber');
-    localStorage.setItem('anet-topo-layout', 'ring');
-    sessionStorage.setItem('anet_v3_auth', '1');
-  } catch {}
-});
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias) => ({
-    alias, status: 'idle', model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [mk('a·1'), mk('a·2')] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*',    (r) => r.fulfill({ json: { tasks: [] } }));
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'networkidle' });
-await page.waitForSelector('[data-topo-canvas-aria]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const state = await page.evaluate(() => {
-  const svg = document.querySelector('[data-topo-canvas-aria]');
-  const patternsAttr = svg?.getAttribute('data-topo-respiratory-patterns') ?? null;
-  const hbeam = document.querySelector('[data-topo-canvas-scan-beam]');
-  const vbeam = document.querySelector('[data-topo-canvas-scan-beam-vertical]');
-  return {
-    patterns_attr: patternsAttr,
-    hbeam_y_dur: hbeam?.querySelector('animate[attributeName="y"]')?.getAttribute('dur') ?? null,
-    vbeam_x_dur: vbeam?.querySelector('animate[attributeName="x"]')?.getAttribute('dur') ?? null,
-    hbeam_present: !!hbeam,
-    vbeam_present: !!vbeam,
-  };
-});
-
-await browser.close();
-
-let patterns = null;
-try { patterns = JSON.parse(state.patterns_attr ?? ''); } catch {}
-
-const sbpEntry = Array.isArray(patterns) ? patterns.find(p => p.name === 'scan-beam-pair') : null;
-const gcd = (a, b) => (b === 0 ? a : gcd(b, a % b));
-
-const expectedNames = ['background', 'canvas-brand-pair', 'chrome-strip', 'panel-pair', 'scan-beam-pair', 'title-block', 'triple-axis-pair', 'triple-axis-pair-8s', 'triple-axis-tier'];
-const actualNames = Array.isArray(patterns) ? patterns.map(p => p.name).sort() : [];
-
-const results = {
-  patterns_has_9_entries:            Array.isArray(patterns) && patterns.length === 9,
-  pattern_names_complete:            JSON.stringify(actualNames) === JSON.stringify(expectedNames),
-  scan_beam_pair_entry_present:      !!sbpEntry,
-  cadences_23_30:                    !!sbpEntry && JSON.stringify(sbpEntry.cadences) === JSON.stringify([23, 30]),
-  anchors_horizontal_vertical:       !!sbpEntry && JSON.stringify(sbpEntry.anchors) === JSON.stringify(['scan beam horizontal', 'scan beam vertical']),
-  shape_coprime_crosshair:           sbpEntry?.shape === 'coprime-crosshair',
-  coprime_invariant_holds:           gcd(23, 30) === 1,
-  pattern_matches_hbeam_dur:         state.hbeam_y_dur === '30s' && Array.isArray(sbpEntry?.cadences) && sbpEntry.cadences.includes(30),
-  pattern_matches_vbeam_dur:         state.vbeam_x_dur === '23s' && Array.isArray(sbpEntry?.cadences) && sbpEntry.cadences.includes(23),
-  both_beams_in_dom:                 state.hbeam_present && state.vbeam_present,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R737 R717 patterns +1: scan-beam-pair (9th entry, first cross-family pattern from the ambient layer):`,
-  JSON.stringify(results, null, 2),
-  `\n  sbp entry: ${JSON.stringify(sbpEntry)}`,
-  `\n  gcd(23, 30) = ${gcd(23, 30)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-r717-triple-axis-pair-pattern-test.mjs

@@ -1,113 +0,0 @@
-/* Round 724 — 6th entry added to R717 patterns catalog:
- * `triple-axis-pair` with shape `6s-triple-pair`. Formalizes the
- * structural motif previously implicit across R721/R722/R723:
- * kicker + watermark text — both at 6 s, both with text-shadow as
- * the 3rd axis, both sparse-hover read-target text.
- *
- * Cross-validates against R723 triple-axis-surfaces catalog (the
- * authoritative axis-count index): the anchors in this pattern entry
- * must equal R723's anchor set.
- *
- * Assertions:
- *   - R717 patterns has exactly 6 entries (was 5 before R724)
- *   - One entry named "triple-axis-pair" exists
- *   - Its cadences = [6]
- *   - Its shape = "6s-triple-pair"
- *   - Its anchors = ["kicker", "watermark text"] (order preserved)
- *   - Cross-check: R723 triple-axis-surfaces anchor set, after
- *     normalising "watermark" → "watermark text" (the R723 catalog
- *     uses the short anchor key; R717 uses the full rolodex anchor
- *     name), equals this pattern's anchors
- *   - Anchor non-exclusivity (intended): kicker also appears in
- *     "title-block" pattern; "watermark text" also appears in
- *     "canvas-brand-pair" pattern
- */
-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-canvas-aria]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const runtimeAttrs = await page.evaluate(() => {
-  const svg = document.querySelector('[data-topo-canvas-aria]');
-  return {
-    patterns: svg?.getAttribute('data-topo-respiratory-patterns')               ?? null,
-    triple:   svg?.getAttribute('data-topo-respiratory-triple-axis-surfaces')   ?? null,
-  };
-});
-
-await browser.close();
-
-let patterns = null;
-let triple = null;
-try {
-  patterns = JSON.parse(runtimeAttrs.patterns ?? '');
-  triple   = JSON.parse(runtimeAttrs.triple   ?? '');
-} catch {}
-
-const pairEntry = Array.isArray(patterns) ? patterns.find(p => p.name === 'triple-axis-pair') : null;
-const titleBlockEntry = Array.isArray(patterns) ? patterns.find(p => p.name === 'title-block') : null;
-const canvasBrandPairEntry = Array.isArray(patterns) ? patterns.find(p => p.name === 'canvas-brand-pair') : null;
-
-/* R725 extended R723 to 3 entries (H2 added at 10 s). The strict
- * equality between R723's anchor set and the R717 pair anchors no
- * longer holds — R723 is the full triple-axis SUPERSET now, the
- * pair is a subset. Widen the cross-check: every pair anchor must
- * exist in R723 (mapping watermark → watermark text), AND R723's
- * 6 s subset (members with cadence_s === 6) must equal the pair. */
-const r723AnchorsNormalised = Array.isArray(triple)
-  ? triple.map(e => e.anchor === 'watermark' ? 'watermark text' : e.anchor)
-  : [];
-const r723SixSecAnchorsNormalised = Array.isArray(triple)
-  ? triple.filter(e => e.cadence_s === 6).map(e => e.anchor === 'watermark' ? 'watermark text' : e.anchor).sort()
-  : [];
-const pairAnchorsSorted = pairEntry?.anchors ? [...pairEntry.anchors].sort() : [];
-const pairSubsetOfR723 = Array.isArray(pairEntry?.anchors)
-  && pairEntry.anchors.every(a => r723AnchorsNormalised.includes(a));
-const r723SixSecondSubsetEqualsPair = JSON.stringify(r723SixSecAnchorsNormalised) === JSON.stringify(pairAnchorsSorted);
-
-const results = {
-  patterns_has_6_entries:          Array.isArray(patterns) && patterns.length === 6,
-  pair_entry_exists:               !!pairEntry,
-  pair_cadences_is_6:              JSON.stringify(pairEntry?.cadences) === JSON.stringify([6]),
-  pair_shape_correct:              pairEntry?.shape === '6s-triple-pair',
-  pair_anchors_correct:            JSON.stringify(pairEntry?.anchors) === JSON.stringify(['kicker', 'watermark text']),
-  pair_is_subset_of_r723:          pairSubsetOfR723,
-  r723_6s_subset_equals_pair:      r723SixSecondSubsetEqualsPair,
-  kicker_also_in_title_block:      Array.isArray(titleBlockEntry?.anchors) && titleBlockEntry.anchors.includes('kicker'),
-  watermark_also_in_canvas_brand:  Array.isArray(canvasBrandPairEntry?.anchors) && canvasBrandPairEntry.anchors.includes('watermark text'),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R724 R717 patterns +1: triple-axis-pair (formalizes the 6s triple-axis pair structural motif):`,
-  JSON.stringify(results, null, 2),
-  `\n  pair entry: ${JSON.stringify(pairEntry)}`,
-  `\n  R723 anchors (normalised): ${JSON.stringify(r723AnchorsNormalised)}`);
-process.exit(ok ? 0 : 1);

package/scripts/topo-r717-triple-axis-tier-pattern-test.mjs

@@ -1,117 +0,0 @@
-/* Round 726 — 7th entry added to R717 patterns catalog: `triple-axis-tier`
- * (shape `tier-multi-cadence`). Companion to R724's `triple-axis-pair`
- * (shape `6s-triple-pair`). R725 added H2 as the 3rd triple-axis surface
- * at 10 s, proving the tier is multi-cadence; R726 documents the tier
- * as its own pattern entry covering all 3 triple-axis members across
- * both cadences.
- *
- * Pattern axis now has BOTH grain sizes:
- *   triple-axis-pair  cadences [6]      anchors [kicker, watermark text]                       — 6 s subset
- *   triple-axis-tier  cadences [6, 10]  anchors [kicker, watermark text, H2 section title]     — full tier
- *
- * Assertions:
- *   - R717 patterns has exactly 7 entries (was 6 before R726)
- *   - One entry named "triple-axis-tier" exists
- *   - Its cadences = [6, 10]
- *   - Its shape = "tier-multi-cadence"
- *   - Its anchors = ["kicker", "watermark text", "H2 section title"]
- *   - PAIR ⊂ TIER: every pair anchor appears in tier anchors
- *   - PAIR cadences ⊂ TIER cadences: 6 ∈ tier.cadences
- *   - Cross-check with R723: tier anchors (normalised) equals
- *     R723 triple-axis-surfaces anchors (normalised)
- */
-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-canvas-aria]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const runtimeAttrs = await page.evaluate(() => {
-  const svg = document.querySelector('[data-topo-canvas-aria]');
-  return {
-    patterns: svg?.getAttribute('data-topo-respiratory-patterns')               ?? null,
-    triple:   svg?.getAttribute('data-topo-respiratory-triple-axis-surfaces')   ?? null,
-  };
-});
-
-await browser.close();
-
-let patterns = null;
-let triple = null;
-try {
-  patterns = JSON.parse(runtimeAttrs.patterns ?? '');
-  triple   = JSON.parse(runtimeAttrs.triple   ?? '');
-} catch {}
-
-const pairEntry = Array.isArray(patterns) ? patterns.find(p => p.name === 'triple-axis-pair') : null;
-const tierEntry = Array.isArray(patterns) ? patterns.find(p => p.name === 'triple-axis-tier') : null;
-
-const tierAnchorsCorrect = tierEntry
-  && JSON.stringify(tierEntry.anchors) === JSON.stringify(['kicker', 'watermark text', 'recent title', 'legend title', 'zoom-level readout', 'H2 section title']);
-const tierCadencesCorrect = tierEntry
-  && JSON.stringify(tierEntry.cadences) === JSON.stringify([6, 8, 9, 10]);
-const tierShapeCorrect = tierEntry?.shape === 'tier-multi-cadence';
-
-const pairAnchorsSubsetOfTier = Array.isArray(pairEntry?.anchors) && Array.isArray(tierEntry?.anchors)
-  && pairEntry.anchors.every(a => tierEntry.anchors.includes(a));
-const pairCadencesSubsetOfTier = Array.isArray(pairEntry?.cadences) && Array.isArray(tierEntry?.cadences)
-  && pairEntry.cadences.every(c => tierEntry.cadences.includes(c));
-
-const r723AnchorsNormalisedSorted = Array.isArray(triple)
-  ? triple.map(e => {
-      if (e.anchor === 'watermark')  return 'watermark text';
-      if (e.anchor === 'H2')         return 'H2 section title';
-      if (e.anchor === 'zoom-level') return 'zoom-level readout';
-      if (e.anchor === 'recent')     return 'recent title';
-      if (e.anchor === 'legend')     return 'legend title';
-      return e.anchor;
-    }).sort()
-  : [];
-const tierAnchorsSorted = tierEntry?.anchors ? [...tierEntry.anchors].sort() : [];
-const tierEqualsR723 = JSON.stringify(tierAnchorsSorted) === JSON.stringify(r723AnchorsNormalisedSorted);
-
-const results = {
-  patterns_has_8_entries:           Array.isArray(patterns) && patterns.length === 8,
-  tier_entry_exists:                !!tierEntry,
-  tier_cadences_6_8_9_10:           !!tierCadencesCorrect,
-  tier_shape_correct:               tierShapeCorrect,
-  tier_anchors_correct:             !!tierAnchorsCorrect,
-  pair_anchors_subset_of_tier:      pairAnchorsSubsetOfTier,
-  pair_cadences_subset_of_tier:     pairCadencesSubsetOfTier,
-  tier_equals_r723_anchor_set:      tierEqualsR723,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R726 R717 patterns +1: triple-axis-tier (companion to R724 pair, covers full multi-cadence tier):`,
-  JSON.stringify(results, null, 2),
-  `\n  tier entry: ${JSON.stringify(tierEntry)}`,
-  `\n  pair entry: ${JSON.stringify(pairEntry)}`,
-  `\n  R723 anchors (normalised, sorted): ${JSON.stringify(r723AnchorsNormalisedSorted)}`);
-process.exit(ok ? 0 : 1);