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

package/scripts/topo-help-overlay-r91-test.mjs

@@ -1,65 +0,0 @@
-/* Round 91 verification: HelpOverlay catches up on R88 vendor click-
- * to-pin and R90 granular Cmd+K vendor-clear. Continues the
- * R59/R62/R65/R70/R78/R81/R87 docs-catch-up cadence.
- *
- * Seven generations of help-overlay assertions stacked here — any
- * future regression that drops an entry will be caught by one of
- * R91 → R87 → R81 → R78 → R74 → R70 → R65 → R59.
- */
-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'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-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.waitForTimeout(800);
-
-await page.keyboard.press('?');
-await page.waitForSelector('[role="dialog"][aria-label="Keyboard shortcuts"]', { timeout: 5000 });
-
-const items = await page.evaluate(() => {
-  const dialog = document.querySelector('[role="dialog"][aria-label="Keyboard shortcuts"]');
-  const groups = [...(dialog?.querySelectorAll('div') || [])];
-  let active = null;
-  for (const g of groups) {
-    if (g.textContent && /^Topology canvas$/i.test(g.textContent.trim())) {
-      active = g.parentElement;
-      break;
-    }
-  }
-  return active ? [...active.querySelectorAll('li')].map(li => (li.textContent || '').trim()) : [];
-});
-
-await browser.close();
-
-const has = (s) => items.some(t => t.includes(s));
-const results = {
-  r91_vendorPin:        has('Pin a vendor filter — click A/O/书/? in the chip row (R88)'),
-  r91_cmdkVendorClear:  has('Clear vendor pin only via palette → "Clear topology vendor filter" (R90)'),
-  // R87 priors (hover preview pair)
-  r87_segHover:         has('Preview a status filter — hover a pressure-bar segment (R83)'),
-  r87_groupLabelHover:  has('Preview a team focus — hover a group label (R86)'),
-  // R81 priors (chip-row hover pair)
-  r81_workingChip:      has('Highlight working nodes — chip-row sibling of legend (R79)'),
-  r81_vendorChip:       has('Highlight one vendor — hover A/O/书/? in the chip row (R80)'),
-  // R78 / R74 / R70 / R65 / R59 priors — seven generations
-  r78_pillBodyClick:    has('Clear filter — click anywhere on the pill body (R73)'),
-  r74_cmdkLayout:       has('Toggle layout / Fit canvas via palette (R74)'),
-  r70_cmdkPin:          has('(R69)'),
-  r65_groupClick:       has('Pin a team focus (R63)'),
-  r62_pinChip:          has('Pin a status filter (R60/R61)'),
-  r59_clickHub:         has('Fit topology to canvas (R52)'),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} help overlay R91:`, JSON.stringify(results),
-  `\n  items=`, items);
-process.exit(ok ? 0 : 1);

package/scripts/topo-hot-tail-crossfade-test.mjs

@@ -1,117 +0,0 @@
-/* Round 223 verification: recent-signal panel header hot-tail tspan
- * ("· N hot") always-mounts; visibility crossfades via opacity gate
- * instead of conditional mount/unmount on hotFlowCount > 0. R190's
- * anet-fade-in entrance is preserved; R223 makes the EXIT also ease.
- *
- * Test scenarios:
- *   A. 0 hot flows (all counts < 10):
- *      · tspan IN DOM (always-mount proven)
- *      · data-recent-panel-hot-visible='false'
- *      · opacity attribute = 0
- *      · text content empty (no "· 0 hot" artifact)
- *   B. 1 hot flow (count=12):
- *      · visible='true', opacity=1
- *      · text content matches "· 1 hot"
- *      · anet-fade-in className retained for R190 compat
- *   Both: inline style.transition includes 'opacity 300ms'.
- */
-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 });
-
-async function setup(messages) {
-  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-recent-panel-hot-count]', { timeout: 10000, state: 'attached' });
-  await page.waitForTimeout(400);
-  return page;
-}
-
-const probe = async (page) => page.evaluate(() => {
-  const tail = document.querySelector('[data-recent-panel-hot-count]');
-  if (!tail) return null;
-  return {
-    present:     true,
-    visible:     tail.getAttribute('data-recent-panel-hot-visible'),
-    count:       tail.getAttribute('data-recent-panel-hot-count'),
-    opacity:     parseFloat(tail.getAttribute('opacity') || ''),
-    text:        tail.textContent,
-    className:   tail.getAttribute('class') || '',
-    transition:  tail.style.transition,
-  };
-});
-
-const now = Date.now();
-
-// Scenario A: 0 hot flows — 1 cold flow with 3 messages (still cold, < 10)
-const coldMsgs = [];
-for (let i = 0; i < 3; i++) {
-  coldMsgs.push({
-    id: `cold${i}`, from_alias: 'alpha', to_alias: 'beta', content: 'hi',
-    network_id: 'default', created_at: new Date(now - (1000 + i * 50)).toISOString(),
-  });
-}
-const pageA = await setup(coldMsgs);
-const probeA = await probe(pageA);
-await pageA.close();
-
-// Scenario B: 1 hot flow — 12 messages from alpha to beta
-const hotMsgs = [];
-for (let i = 0; i < 12; i++) {
-  hotMsgs.push({
-    id: `hot${i}`, from_alias: 'alpha', to_alias: 'beta', content: 'hi',
-    network_id: 'default', created_at: new Date(now - (1000 + i * 50)).toISOString(),
-  });
-}
-const pageB = await setup(hotMsgs);
-const probeB = await probe(pageB);
-await pageB.close();
-await browser.close();
-
-const results = {
-  // A: 0 hot flows — tspan in DOM but hidden
-  A_present_in_dom:       probeA?.present === true,
-  A_visible_false:        probeA?.visible === 'false',
-  A_opacity_0:            probeA?.opacity === 0,
-  A_text_empty:           probeA?.text === '' || probeA?.text === null,
-  A_count_attr_0:         probeA?.count === '0',
-  A_has_transition:       /opacity\s+(?:300ms|0\.3s)/.test(probeA?.transition || ''),
-
-  // B: 1 hot flow — visible
-  B_present_in_dom:       probeB?.present === true,
-  B_visible_true:         probeB?.visible === 'true',
-  B_opacity_1:            probeB?.opacity === 1,
-  B_text_one_hot:         /·\s*1\s*hot/.test(probeB?.text || ''),
-  B_count_attr_1:         probeB?.count === '1',
-  B_fade_class_present:   (probeB?.className || '').split(/\s+/).includes('anet-fade-in'),
-  B_has_transition:       /opacity\s+(?:300ms|0\.3s)/.test(probeB?.transition || ''),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} hot-tail crossfade:`, JSON.stringify(results),
-  `\n  probeA (0 hot):`, probeA,
-  `\n  probeB (1 hot):`, probeB);
-process.exit(ok ? 0 : 1);

package/scripts/topo-hover-detail-body-fw-test.mjs

@@ -1,101 +0,0 @@
-/* Round 388 verification: hover-detail panel body lines fw 400 → 500.
- * Small-text fw lift family (6th anchor) after R363 recent-row
- * alias, R364 legend-row label, R366 group-label count tspan, R368
- * +N footer, R373 pressure-bar kicker. Lifts the three fontSize=9
- * body lines (runtime, host, task) in the on-hover product card to
- * font-weight=500 so they read consistently bolder against the
- * cyber-theme backdrop.
- *
- * Contract:
- *   - On hover, the hover-detail card mounts and:
- *     * Each fontSize=9 body line has font-weight attr === '500'
- *     * Each carries data-topo-hover-detail-body-fw === '500'
- *     * Tier structure preserved:
- *       - y=16 vendor headline at fw=700 unchanged
- *       - y=32 model subhead has no fw attr (preserved)
- *   - Task line keeps opacity 0.7 (R388 doesn't touch it)
- *   - The 3 body lines render at fontSize=9 (R388 doesn't touch size)
- *
- * Fixture: 2 idle sessions so hover-detail mounts cleanly without
- * the dense-layout >16-node gate. Computed font-weight is asserted
- * to be '500' as the browser-canonical resolution of the SVG attr.
- */
-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') ] } });
-});
-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('g[data-node]', { timeout: 15000 });
-await page.waitForTimeout(300);
-await page.hover('g[data-node]');
-await page.waitForSelector('[data-topo-hover-detail]', { timeout: 5000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const card = document.querySelector('[data-topo-hover-detail]');
-  if (!card) return null;
-  const texts = Array.from(card.querySelectorAll('text'));
-  const lines = texts.map((t) => ({
-    y:           t.getAttribute('y'),
-    fontSize:    t.getAttribute('font-size'),
-    fwAttr:      t.getAttribute('font-weight'),
-    fwData:      t.getAttribute('data-topo-hover-detail-body-fw'),
-    fwComputed:  getComputedStyle(t).fontWeight,
-    opacityAttr: t.getAttribute('opacity'),
-  }));
-  return { lines };
-});
-
-await browser.close();
-
-const byY = Object.fromEntries((probe?.lines || []).map((l) => [l.y, l]));
-
-const results = {
-  // y=16 vendor headline unchanged at fw=700
-  vendor_y16_fw700:           byY['16']?.fwAttr === '700',
-  // y=32 model subhead — no R388 attrs (size 10 differentiation)
-  model_y32_size_10:          byY['32']?.fontSize === '10',
-  model_y32_no_body_fw_attr:  byY['32']?.fwData === null || byY['32']?.fwData === undefined,
-  // y=48 runtime body — R388 lifts to fw=500
-  runtime_y48_size_9:         byY['48']?.fontSize === '9',
-  runtime_y48_fw500:          byY['48']?.fwAttr === '500',
-  runtime_y48_data_500:       byY['48']?.fwData === '500',
-  runtime_y48_computed_500:   byY['48']?.fwComputed === '500',
-  // y=64 host body — R388 lifts to fw=500
-  host_y64_size_9:            byY['64']?.fontSize === '9',
-  host_y64_fw500:             byY['64']?.fwAttr === '500',
-  host_y64_data_500:          byY['64']?.fwData === '500',
-  host_y64_computed_500:      byY['64']?.fwComputed === '500',
-  // y=80 task body — R388 lifts to fw=500, opacity 0.7 preserved
-  task_y80_size_9:            byY['80']?.fontSize === '9',
-  task_y80_fw500:             byY['80']?.fwAttr === '500',
-  task_y80_data_500:          byY['80']?.fwData === '500',
-  task_y80_opacity_07:        byY['80']?.opacityAttr === '0.7',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} hover-detail body lines fw 400 → 500:`, JSON.stringify(results),
-  '\n  lines:', JSON.stringify(probe?.lines, null, 2));
-process.exit(ok ? 0 : 1);

package/scripts/topo-hover-detail-halo-test.mjs

@@ -1,76 +0,0 @@
-/* Round 693 — hover-detail card backdrop rect joins the multi-layer
- * halo family. Pre-R693 only vertical elevation shadow (drop-shadow
- * 0 4px 12px). R693 prepends 2-layer radial drop-shadow at pal.
- * legendAccent (3+6 stride, alpha 80/40) — radial halo echoes the
- * existing cyan stroke outward in soft glow. The card only renders
- * when hovered (gated on hoveredAlias === session.alias). 49th anchor.
- *
- * Source assertions:
- *   - light filter: drop-shadow(3px pal.legendAccent 80) + (6px 40)
- *     + vertical elevation
- *   - cyber filter: same structure with cyber elevation alpha
- *   - data-topo-hover-detail-halo-layers="2"
- *
- * Runtime assertions: card not visible at rest (gated on hover) —
- * source-level verification is sufficient. Just confirm canvas renders.
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1200 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try {
-    localStorage.setItem('anet-theme', 'cyber');
-    localStorage.setItem('anet-topo-layout', 'ring');
-    sessionStorage.setItem('anet_v3_auth', '1');
-  } catch {}
-});
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias) => ({
-    alias, status: 'idle', model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('a·1'), mk('a·2'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
-await ctx.route('**/api/hub/tasks*',    (r) => r.fulfill({ json: { tasks: [] } }));
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'networkidle' });
-await page.waitForSelector('[data-topo-section-title]', { timeout: 15000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const runtimeState = await page.evaluate(() => {
-  // Card not visible at rest. Just verify the page rendered.
-  return {
-    canvas_rendered: !!document.querySelector('[data-topo-section-title]'),
-  };
-});
-
-await browser.close();
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceLightFilter = /isLight\s*\?\s*`drop-shadow\(0 0 3px \$\{pal\.legendAccent\}80\) drop-shadow\(0 0 6px \$\{pal\.legendAccent\}40\) drop-shadow\(0 4px 12px rgba\(15,23,42,0\.16\)\)`/.test(src);
-const sourceCyberFilter = /:\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\.6\)\)`/.test(src);
-const sourceHaloAttr    = /data-topo-hover-detail-halo-layers="2"/.test(src);
-
-const results = {
-  canvas_rendered:     runtimeState.canvas_rendered,
-  source_light_filter: sourceLightFilter,
-  source_cyber_filter: sourceCyberFilter,
-  source_halo_attr:    sourceHaloAttr,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} R693 hover-detail card multi-layer halo (panel-tier 4-layer filter chain):`,
-  JSON.stringify(results, null, 2));
-process.exit(ok ? 0 : 1);

package/scripts/topo-hover-detail-model-fw-test.mjs

@@ -1,98 +0,0 @@
-/* Round 389 verification: hover-detail model line (y=32) fw 400 → 600.
- * Closes the hover-detail typography 3-tier ladder by giving the
- * subhead its own weight tier between R0 vendor label badge (fw=700)
- * and R388 body lines (fw=500). Sibling to the chip-internal-
- * hierarchy arc (R333-R341/R362/R369) which uses fw=600 for value
- * lines.
- *
- * Contract:
- *   - On hover, the hover-detail card mounts and:
- *     * y=32 <text> font-weight attr === '600'
- *     * y=32 data-topo-hover-detail-model-fw === '600'
- *     * y=32 computed font-weight === '600'
- *     * y=32 fontSize === '10' (R389 doesn't change size)
- *   - Tier ladder preserved:
- *     * y=16 vendor fw=700 (R0 invariant)
- *     * y=48/64/80 body fw=500 (R388 invariant)
- */
-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') ] } });
-});
-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('g[data-node]', { timeout: 15000 });
-await page.waitForTimeout(300);
-await page.hover('g[data-node]');
-await page.waitForSelector('[data-topo-hover-detail]', { timeout: 5000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const card = document.querySelector('[data-topo-hover-detail]');
-  if (!card) return null;
-  const texts = Array.from(card.querySelectorAll('text'));
-  const get = (y) => {
-    const t = texts.find((el) => el.getAttribute('y') === y);
-    return t ? {
-      fontSize:    t.getAttribute('font-size'),
-      fwAttr:      t.getAttribute('font-weight'),
-      fwComputed:  getComputedStyle(t).fontWeight,
-      modelFwData: t.getAttribute('data-topo-hover-detail-model-fw'),
-      bodyFwData:  t.getAttribute('data-topo-hover-detail-body-fw'),
-    } : null;
-  };
-  return {
-    vendor: get('16'),
-    model:  get('32'),
-    runtime: get('48'),
-    host:   get('64'),
-    task:   get('80'),
-  };
-});
-
-await browser.close();
-
-const results = {
-  // R389 changes: y=32 model lifted to fw=600
-  model_y32_size_10:           probe?.model?.fontSize === '10',
-  model_y32_fw_attr_600:       probe?.model?.fwAttr === '600',
-  model_y32_data_600:          probe?.model?.modelFwData === '600',
-  model_y32_computed_600:      probe?.model?.fwComputed === '600',
-  // R0 invariant: y=16 vendor fw=700 unchanged
-  vendor_y16_fw_700:           probe?.vendor?.fwAttr === '700',
-  // R388 invariants: body lines y=48/64/80 fw=500 unchanged
-  runtime_y48_fw_500:          probe?.runtime?.fwAttr === '500',
-  host_y64_fw_500:             probe?.host?.fwAttr === '500',
-  task_y80_fw_500:             probe?.task?.fwAttr === '500',
-  // Tier-isolation invariant: only y=32 carries the model-fw data attr
-  vendor_y16_no_model_attr:    probe?.vendor?.modelFwData === null || probe?.vendor?.modelFwData === undefined,
-  runtime_y48_no_model_attr:   probe?.runtime?.modelFwData === null || probe?.runtime?.modelFwData === undefined,
-  host_y64_no_model_attr:      probe?.host?.modelFwData === null || probe?.host?.modelFwData === undefined,
-  task_y80_no_model_attr:      probe?.task?.modelFwData === null || probe?.task?.modelFwData === undefined,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} hover-detail model line fw 400 → 600:`, JSON.stringify(results),
-  '\n  probe:', JSON.stringify(probe, null, 2));
-process.exit(ok ? 0 : 1);

package/scripts/topo-hover-detail-opacity-test.mjs

@@ -1,98 +0,0 @@
-/* Round 387 verification: hover-detail panel cyber rest opacity
- * 0.94 → 0.97. Theme-consistency / canvas-presence polish family
- * (5th anchor) after R370 hub-ring 0.7→0.8 cyber, R371 edge-badge
- * 0.82→0.85 cyber, R372 minimap offline 0.5→0.6, R386 hub-highlight
- * idle 0.9→0.95. Unifies the active-hover product card's cyber
- * backdrop with the R348 recent-signal/legend panel HOVER state
- * (0.97 cyber) so all active-hover panels paint with the same
- * confident backdrop.
- *
- * Contract:
- *   - On hover, the hover-detail panel mounts and:
- *     * <rect> opacity attr === '0.97' (cyber theme)
- *     * data-topo-hover-detail-opacity === '0.97' (cyber theme)
- *   - Pre-R387 invariants preserved:
- *     * <rect> rx === '8'
- *     * <rect> stroke is non-empty (pal.legendAccent)
- *     * data-topo-hover-detail is present (alias-keyed)
- *     * R348 drop-shadow filter is present
- *   - Light theme stays at opacity 0.98 (separately tested below).
- *
- * Fixture: 2 idle sessions so hover-detail mounts cleanly without
- * the dense-layout >16-node gate (R387 inherits the same 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();
-
-async function probeWith(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') ] } });
-  });
-  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('g[data-node]', { timeout: 15000 });
-  await page.waitForTimeout(300);
-  // Hover the first node to mount hover-detail
-  await page.hover('g[data-node]');
-  await page.waitForSelector('[data-topo-hover-detail]', { timeout: 5000 });
-  await page.waitForTimeout(300);
-  const probe = await page.evaluate(() => {
-    const card = document.querySelector('[data-topo-hover-detail]');
-    if (!card) return null;
-    const rect = card.querySelector('rect');
-    return {
-      alias:       card.getAttribute('data-topo-hover-detail'),
-      opacityAttr: rect?.getAttribute('opacity') ?? null,
-      opacityData: rect?.getAttribute('data-topo-hover-detail-opacity') ?? null,
-      rxAttr:      rect?.getAttribute('rx') ?? null,
-      strokeAttr:  rect?.getAttribute('stroke') ?? null,
-      filterStyle: rect?.getAttribute('style') ?? '',
-    };
-  });
-  await browser.close();
-  return probe;
-}
-
-const cyber = await probeWith('cyber');
-const light = await probeWith('light');
-
-const results = {
-  // Cyber: lifted from 0.94 → 0.97
-  cyber_opacity_attr_0_97:    cyber?.opacityAttr === '0.97',
-  cyber_opacity_data_0_97:    cyber?.opacityData === '0.97',
-  // Light: stays at 0.98 (R387 doesn't touch light)
-  light_opacity_attr_0_98:    light?.opacityAttr === '0.98',
-  light_opacity_data_0_98:    light?.opacityData === '0.98',
-  // Pre-R387 invariants on both themes
-  cyber_rx_8:                 cyber?.rxAttr === '8',
-  light_rx_8:                 light?.rxAttr === '8',
-  cyber_stroke_present:       !!cyber?.strokeAttr && cyber.strokeAttr !== 'none',
-  light_stroke_present:       !!light?.strokeAttr && light.strokeAttr !== 'none',
-  cyber_drop_shadow:          cyber?.filterStyle.includes('drop-shadow'),
-  light_drop_shadow:          light?.filterStyle.includes('drop-shadow'),
-  cyber_alias_present:        !!cyber?.alias && cyber.alias.length > 0,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} hover-detail panel cyber opacity 0.94 → 0.97:`, JSON.stringify(results),
-  '\n  cyber:', cyber,
-  '\n  light:', light);
-process.exit(ok ? 0 : 1);

package/scripts/topo-hover-detail-rx-test.mjs

@@ -1,81 +0,0 @@
-/* Round 390 verification: hover-detail card rx 8 → 10. Aligns the
- * card with the R331 panel tier (recent-signal, legend at rx=10)
- * instead of the R332/R375/R376 compact-chrome / segmented-control
- * tier (rx=8). Pure paint change — no layout shift, no bbox change.
- *
- * Contract:
- *   - On hover, the hover-detail card mounts and:
- *     * <rect> rx attr === '10'
- *     * data-topo-hover-detail-rx === '10'
- *     * Stays clear of the R332 minimap viewport (different element)
- *   - Pre-R390 invariants preserved:
- *     * R348 drop-shadow filter present
- *     * R387 opacity attr === '0.97' (cyber)
- *     * stroke present (pal.legendAccent)
- *     * width / height (192 / 88) unchanged
- */
-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') ] } });
-});
-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('g[data-node]', { timeout: 15000 });
-await page.waitForTimeout(300);
-await page.hover('g[data-node]');
-await page.waitForSelector('[data-topo-hover-detail]', { timeout: 5000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const card = document.querySelector('[data-topo-hover-detail]');
-  if (!card) return null;
-  const rect = card.querySelector('rect');
-  return {
-    rxAttr:       rect?.getAttribute('rx') ?? null,
-    rxData:       rect?.getAttribute('data-topo-hover-detail-rx') ?? null,
-    opacityAttr:  rect?.getAttribute('opacity') ?? null,
-    widthAttr:    rect?.getAttribute('width') ?? null,
-    heightAttr:   rect?.getAttribute('height') ?? null,
-    strokeAttr:   rect?.getAttribute('stroke') ?? null,
-    styleAttr:    rect?.getAttribute('style') ?? '',
-  };
-});
-
-await browser.close();
-
-const results = {
-  // R390: rx 8 → 10
-  rx_attr_10:           probe?.rxAttr === '10',
-  rx_data_10:           probe?.rxData === '10',
-  // Pre-R390 invariants preserved
-  opacity_cyber_0_97:   probe?.opacityAttr === '0.97',     // R387 invariant
-  width_192:            probe?.widthAttr === '192',
-  height_88:            probe?.heightAttr === '88',
-  stroke_present:       !!probe?.strokeAttr && probe.strokeAttr !== 'none',
-  drop_shadow_present:  probe?.styleAttr.includes('drop-shadow'),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} hover-detail card rx 8 → 10:`, JSON.stringify(results), '\n  probe:', probe);
-process.exit(ok ? 0 : 1);