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

package/scripts/topo-recent-row-content-opacity-test.mjs

@@ -1,81 +0,0 @@
-/* Round 418 verification: recent-row content preview gets
- * opacity=0.7 tspan wrapper. Subordinate-text tier at the SVG-
- * text scope — sibling to chip-internal-hierarchy label-tier
- * (opacity-70) at HTML scope.
- *
- * Contract:
- *   - Seed a flow with content so recent-signal panel mounts a row
- *   - The row text contains a <tspan opacity="0.7"
- *     data-recent-row-content-tspan> wrapping the preview text
- *   - tspan textContent matches the truncated content
- *   - Pre-R418 invariants on the row preserved:
- *     * R320 count tspan fw=600 cold / 700 hot
- *     * R363 row text fw=500
- *     * R220 letter-spacing pin signature
- */
-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') ] } });
-});
-// Seed a flow with content text so the row preview renders
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({
-  json: { messages: [
-    { id: 'm1', from_alias: 'alpha', to_alias: 'beta', content: 'hi there!', 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-recent-row-content-tspan]', { timeout: 15000 });
-await page.waitForTimeout(400);
-
-const probe = await page.evaluate(() => {
-  const tspans = Array.from(document.querySelectorAll('[data-recent-row-content-tspan]'));
-  if (tspans.length === 0) return null;
-  const sample = tspans[0];
-  return {
-    count:        tspans.length,
-    opacityAttr:  sample.getAttribute('opacity'),
-    textContent:  sample.textContent,
-    parentTag:    sample.parentElement?.tagName,
-  };
-});
-
-await browser.close();
-
-const results = {
-  // At least one content tspan mounted
-  tspan_mounted:            (probe?.count || 0) >= 1,
-  // R418 wire: opacity 0.7
-  opacity_0_7:              probe?.opacityAttr === '0.7',
-  // textContent is the truncated preview (R0 truncate appends '...' suffix when
-  // input exceeds the 8-char limit, so total can exceed 8 — assert non-empty
-  // and matches the seeded content prefix).
-  text_truncated:           !!probe?.textContent && probe.textContent.startsWith('hi '),
-  // Parent is a <text> element (SVG context)
-  parent_text:              probe?.parentTag === 'text',
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} recent-row content preview tspan opacity=0.7:`, JSON.stringify(results),
-  '\n  probe:', probe);
-process.exit(ok ? 0 : 1);

package/scripts/topo-recent-row-count-fill-test.mjs

@@ -1,129 +0,0 @@
-/* Round 189 verification: recent-signal row count tspan unified
- * into one always-mounted element with fill/fontWeight gated by
- * isHot. transition: fill 300ms ease-out makes the R127 hot
- * threshold crossing (count >= 10) ease smoothly through the
- * colour shift instead of snapping.
- *
- * Pre-R189 two tspans branched on isHot — different
- * data-recent-row-count and data-recent-row-count-hot
- * attributes; mount/unmount made fill+fontWeight snap.
- *
- * Test:
- *   Mock 3 flows side by side:
- *     alpha→beta:  count=4  (cold) → fill unset, weight unset,
- *                                    no hot attr
- *     alpha→gamma: count=12 (hot)  → fill=amber, weight=700,
- *                                    hot attr 'true'
- *     alpha→delta: count=20 (hot)  → fill=amber, weight=700
- *   All three tspans:
- *     - have data-recent-row-count
- *     - have style.transition includes 'fill 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 });
-
-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'),
-  ] } });
-});
-
-const now = Date.now();
-const msgs = [];
-// alpha→beta: 4 (cold)
-for (let i = 0; i < 4; i++) {
-  msgs.push({ id: `cold${i}`, from_alias: 'alpha', to_alias: 'beta', content: 'hi',
-    network_id: 'default', created_at: new Date(now - (5000 + i * 50)).toISOString() });
-}
-// alpha→gamma: 12 (hot)
-for (let i = 0; i < 12; i++) {
-  msgs.push({ id: `h1${i}`, from_alias: 'alpha', to_alias: 'gamma', content: 'hi',
-    network_id: 'default', created_at: new Date(now - (10000 + i * 50)).toISOString() });
-}
-// alpha→delta: 20 (hot)
-for (let i = 0; i < 20; i++) {
-  msgs.push({ id: `h2${i}`, from_alias: 'alpha', to_alias: 'delta', content: 'hi',
-    network_id: 'default', created_at: new Date(now - (15000 + i * 50)).toISOString() });
-}
-await ctx.route('**/api/hub/messages*', (route) => route.fulfill({ json: { messages: msgs } }));
-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-recent-row-count]', { timeout: 10000 });
-await page.waitForTimeout(400);
-
-const probe = await page.evaluate(() => {
-  const tspans = [...document.querySelectorAll('[data-recent-row-count]')];
-  return tspans.map(t => {
-    const row = t.closest('[data-recent-row]');
-    return {
-      rowKey:      row?.getAttribute('data-recent-row'),
-      text:        t.textContent,
-      fill:        t.getAttribute('fill'),
-      fontWeight:  t.getAttribute('font-weight'),
-      hotAttr:     t.getAttribute('data-recent-row-count-hot'),
-      transition:  t.style.transition || getComputedStyle(t).transition,
-    };
-  });
-});
-
-await browser.close();
-
-const findByKey = (key) => probe.find(p => p.rowKey === key);
-const cold = findByKey('alpha->beta');
-const hot1 = findByKey('alpha->gamma');
-const hot2 = findByKey('alpha->delta');
-
-const hasFillTransition = (s) =>
-  (s?.transition || '').includes('fill 300ms') ||
-  /fill\s+0\.3s|fill\s+300ms/.test(s?.transition || '');
-
-const results = {
-  three_tspans_present:     probe.length === 3,
-  cold_found:               cold !== undefined,
-  hot1_found:               hot1 !== undefined,
-  hot2_found:               hot2 !== undefined,
-
-  cold_no_fill:             cold?.fill === null || cold?.fill === undefined,
-  cold_no_fontWeight:       cold?.fontWeight === null || cold?.fontWeight === undefined,
-  cold_no_hot_attr:         cold?.hotAttr === null,
-  cold_text_4:              cold?.text === '4',
-
-  hot1_fill_amber:          hot1?.fill === '#fbbf24',
-  hot1_fontWeight_700:      hot1?.fontWeight === '700',
-  hot1_hot_attr:            hot1?.hotAttr === 'true',
-  hot1_text_12:             hot1?.text === '12',
-
-  hot2_fill_amber:          hot2?.fill === '#fbbf24',
-  hot2_fontWeight_700:      hot2?.fontWeight === '700',
-  hot2_hot_attr:            hot2?.hotAttr === 'true',
-  hot2_text_20:             hot2?.text === '20',
-
-  all_have_fill_transition: probe.every(p => hasFillTransition(p)),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} recent-row count fill:`, JSON.stringify(results),
-  `\n  cold:`, cold,
-  `\n  hot1:`, hot1,
-  `\n  hot2:`, hot2);
-process.exit(ok ? 0 : 1);

package/scripts/topo-recent-row-count-pin-fw-test.mjs

@@ -1,106 +0,0 @@
-/* Round 445 verification: recent-row count tspan fontWeight lift on
- * isRowPinned. Extends R320 cold/hot fw binary (600/700) to also fire
- * on pin. cold+pinned → 700; cold+un-pinned → 600.
- *
- * Contract:
- *   - rest: every recent-row-count reports font-weight '600' +
- *     pinned='false'
- *   - click a recent-row: that row's count flips to '700' +
- *     pinned='true'; siblings stay 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: 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, status) => ({
-    alias, status, model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha', 'working'),
-    mk('beta',  'idle'),
-    mk('gamma', 'idle'),
-  ] } });
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({
-  json: { messages: [
-    // Use only 1 message each so neither row crosses the hot threshold (≥10)
-    { id: 'm1', from_alias: 'alpha', to_alias: 'beta',  content: 'ping', created_at: fresh, network_id: 'default' },
-    { id: 'm2', from_alias: 'alpha', to_alias: 'gamma', content: 'pong', created_at: fresh, network_id: 'default' },
-  ] },
-}));
-await ctx.route('**/api/hub/tasks*', (r) => r.fulfill({ json: { tasks: [] } }));
-
-const page = await ctx.newPage();
-await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
-await page.waitForSelector('[data-recent-row-count]', { timeout: 15000 });
-await page.waitForTimeout(400);
-
-const readAll = () => page.evaluate(() => {
-  const ts = [...document.querySelectorAll('[data-recent-row-count]')];
-  return ts.map(t => {
-    const row = t.closest('[data-recent-row]');
-    return {
-      rowKey: row?.getAttribute('data-recent-row') || null,
-      fw:     t.getAttribute('font-weight'),
-      pinned: t.getAttribute('data-recent-row-count-pinned'),
-      hot:    t.getAttribute('data-recent-row-count-hot'),
-    };
-  });
-});
-
-const rest = await readAll();
-const firstRow = rest[0]?.rowKey;
-
-// Pin the first row via click on its <g data-recent-row>
-let pinned = null;
-if (firstRow) {
-  const row = await page.$(`[data-recent-row="${firstRow}"]`);
-  if (row) {
-    await row.click();
-    await page.waitForTimeout(250);
-    pinned = await readAll();
-  }
-}
-
-const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceWired = /fontWeight=\{\(isHot \|\| isRowPinned\) \? '700' : '600'\}/.test(fileText);
-
-await browser.close();
-
-const restAll600    = rest.every(r => r.fw === '600');
-const restNoPin     = rest.every(r => r.pinned === 'false');
-const restNoHot     = rest.every(r => !r.hot || r.hot !== 'true');
-const pinnedEntry   = pinned?.find(r => r.rowKey === firstRow);
-const pinFw_700     = pinnedEntry?.fw === '700';
-const pinFlag       = pinnedEntry?.pinned === 'true';
-const othersRest    = pinned ? pinned.filter(r => r.rowKey !== firstRow).every(r => r.fw === '600' && r.pinned === 'false') : false;
-
-const results = {
-  rest_count_ge_2:       rest.length >= 2,
-  rest_all_fw_600:       restAll600,
-  rest_no_pin:           restNoPin,
-  rest_no_hot:           restNoHot,
-  pinned_target_fw_700:  pinFw_700,
-  pinned_target_flag:    pinFlag,
-  pinned_others_stay:    othersRest,
-  source_wired:          sourceWired,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} recent-row count fw pin:`, JSON.stringify(results),
-  '\n  rest:', JSON.stringify(rest),
-  '\n  pinned target:', JSON.stringify(pinnedEntry));
-process.exit(ok ? 0 : 1);

package/scripts/topo-recent-row-count-weight-test.mjs

@@ -1,112 +0,0 @@
-/* Round 320 verification: recent-signal panel per-row count tspan
- * cold-state fontWeight 400 (parent-inherited) → 600 (explicit).
- *
- * The 5-tier SVG data-weight hierarchy was completed in pieces:
- *   - R309: legend per-row count fw=600
- *   - R310: legend panel-header count fw=600
- *   - R311: recent-signal panel-header flow count fw=600
- *   - R320: recent-signal PER-ROW count fw=600 (this round)
- *
- * Pre-R320 a cold row's "· 12" digit painted at parent default (400),
- * indistinguishable from the surrounding alias text. The count IS
- * data — it should sit in the fw=600 tier alongside its siblings.
- *
- * Hot state (count ≥ 10) stays at 700 (R127). The cold→hot crossing
- * now gradates 600 → 700 in weight and amber-fill in colour — the
- * fill flip carries the dramatic visual cue while the weight tier
- * stays consistent across rows.
- *
- * Contract:
- *   - [data-recent-row-count] computed font-weight === '600' for
- *     COLD rows (count < 10)
- *   - Same selector with [data-recent-row-count-hot='true'] computed
- *     font-weight === '700' for HOT rows
- *   - R319 single-tier-drop + R317 inactive gray-400 + R318 active
- *     font-medium + R294 pulse absent all preserved.
- */
-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'),
-  ] } });
-});
-// Mock messages — the recent-signal panel counts INDIVIDUAL records
-// locally (the API's `count` field on aggregated records is not
-// what drives the per-row tally). Inject 4 individual cold-flow
-// records + 12 hot-flow records so the panel aggregates to count=4
-// and count=12 respectively.
-const nowIso = new Date().toISOString();
-const mkMsg = (i, from_alias, to_alias) => ({
-  from_alias, to_alias, content: `m${i}`, last_at: nowIso, count: 1,
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [
-  ...Array.from({ length: 4 },  (_, i) => mkMsg(`a${i}`, 'alpha', 'beta')),
-  ...Array.from({ length: 12 }, (_, i) => mkMsg(`b${i}`, 'beta',  'gamma')),
-] } }));
-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-recent-row-count]', { timeout: 15000 });
-await page.waitForTimeout(400);
-
-const probe = await page.evaluate(() => {
-  const counts = Array.from(document.querySelectorAll('[data-recent-row-count]'));
-  return {
-    rows: counts.map(c => ({
-      text:    c.textContent,
-      isHot:   c.getAttribute('data-recent-row-count-hot') === 'true',
-      fw:      getComputedStyle(c).fontWeight,
-    })),
-    r317InactiveLayoutCls:
-      document.querySelector('[data-topo-chrome-layout="grid"]')?.className ?? '',
-    r317ActiveLayoutCls:
-      document.querySelector('[data-topo-chrome-layout="ring"]')?.className ?? '',
-    pulseCount: document.querySelectorAll('[data-pulse-wrapper]').length,
-  };
-});
-await browser.close();
-
-const cold = probe.rows.filter(r => !r.isHot);
-const hot  = probe.rows.filter(r => r.isHot);
-
-const results = {
-  at_least_one_cold_row:       cold.length >= 1,
-  at_least_one_hot_row:        hot.length >= 1,
-  all_cold_fw_600:             cold.every(r => String(r.fw) === '600'),
-  all_hot_fw_700:              hot.every(r => String(r.fw) === '700'),
-  // R319 regression: single-tier behaviour on group pips. Not directly
-  // probed here; topo-group-pip-singletier-drop-test.mjs covers that.
-  // R317 / R318 regression — layout toggle styling. Default layout
-  // is 'ring' (active). Grid is inactive and carries gray-400 (R317).
-  // Active ring carries cyan-300 + font-medium (R318).
-  r317_inactive_gray_400:      probe.r317InactiveLayoutCls.includes('text-gray-400'),
-  r318_active_font_medium:     probe.r317ActiveLayoutCls.includes('font-medium'),
-  r294_pulse_absent:           probe.pulseCount === 0,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} recent-row count weight:`, JSON.stringify(results),
-  '\n  cold rows:', cold,
-  '\n  hot rows:', hot);
-process.exit(ok ? 0 : 1);

package/scripts/topo-recent-row-fadein-test.mjs

@@ -1,107 +0,0 @@
-/* Round 203 verification: recent-signal panel rows fade in on mount,
- * not just when the panel itself first appears (R175). Pre-R203 a new
- * flow rising into the top-3 list snap-popped in; R203 attaches
- * anet-fade-in per-row so the entrance eases.
- *
- * Key={link.key} preserves stable identity across re-renders — the
- * animation plays once per mount, not on every count update.
- *
- * Test (cyber dark, 3 flows already present at load):
- *   1. Three recent-signal rows render with data-recent-row.
- *   2. Each row's className includes 'anet-fade-in' AND
- *      'anet-topo-svg-focus' (existing focus class kept).
- *   3. CSS animationName resolves to a non-empty value matching the
- *      anet-fade-in keyframe (we read it via getComputedStyle — the
- *      browser's compiled CSS-rule selector binds the class to the
- *      animation).
- *   4. Existing R143 row-lift inline transition is intact
- *      (transform 150ms cubic-bezier).
- *   5. Existing R160 pip and R191 ts elements still render inside
- *      each row — no markup regression from the className change.
- */
-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'),
-  ] } });
-});
-
-const now = Date.now();
-const msgs = [
-  { id: 'a', from_alias: 'alpha', to_alias: 'beta',  content: 'hi',
-    network_id: 'default', created_at: new Date(now - 3000).toISOString() },
-  { id: 'b', from_alias: 'beta',  to_alias: 'gamma', content: 'hi',
-    network_id: 'default', created_at: new Date(now - 6000).toISOString() },
-  { id: 'c', from_alias: 'gamma', to_alias: 'delta', content: 'hi',
-    network_id: 'default', created_at: new Date(now - 9000).toISOString() },
-];
-await ctx.route('**/api/hub/messages*', (route) => route.fulfill({ json: { messages: msgs } }));
-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-recent-row]', { timeout: 10000 });
-
-// Wait past panel R175 700ms delay + 150ms row animation so the rows
-// have finished their entrance and computed style shows the resting
-// state with the animation declared in CSS but completed.
-await page.waitForTimeout(1100);
-
-const rows = await page.evaluate(() => {
-  return [...document.querySelectorAll('[data-recent-row]')].map(el => {
-    const cs = getComputedStyle(el);
-    const pip = el.querySelector('[data-recent-row-freshness]');
-    const ts  = el.querySelector('[data-recent-row-ts]');
-    return {
-      key:           el.getAttribute('data-recent-row'),
-      className:     el.getAttribute('class') || '',
-      animationName: cs.animationName,
-      animationDuration: cs.animationDuration,
-      inlineTransition:  el.style.transition,
-      hasFreshnessPip:   !!pip,
-      hasTimestamp:      !!ts,
-    };
-  });
-});
-
-await browser.close();
-
-const has = (s, c) => (s || '').split(/\s+/).includes(c);
-
-const results = {
-  three_rows_present:           rows.length === 3,
-  all_have_fadein_class:        rows.every(r => has(r.className, 'anet-fade-in')),
-  all_keep_focus_class:         rows.every(r => has(r.className, 'anet-topo-svg-focus')),
-  all_have_animation_bound:     rows.every(r => /anet-fade-in|fadein/i.test(r.animationName)
-                                                || r.animationName.includes('anet-fade-in')),
-  // R143 row-lift transition still in inline style
-  all_keep_transform_transition: rows.every(r => /transform\s+(?:150ms|0\.15s)/.test(r.inlineTransition || '')),
-  // R160 R191 markup contracts unbroken
-  all_have_pip:                 rows.every(r => r.hasFreshnessPip === true),
-  all_have_ts:                  rows.every(r => r.hasTimestamp === true),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} recent-row fade-in:`, JSON.stringify(results),
-  `\n  rows:`, rows);
-process.exit(ok ? 0 : 1);

package/scripts/topo-recent-row-freshness-glow-test.mjs

@@ -1,100 +0,0 @@
-/* Round 478 verification: recent-row freshness pip gains filter:
- * drop-shadow glow when alpha > 0.7 (just-fired flow within ~30s).
- * Freshness-gated (not pin/hover-gated), so the glow reads as
- * "this signal is live" — natural breathing feel that tracks
- * actual data freshness.
- *
- * Contract:
- *   - fresh (created_at = now): alpha=1.0, data-recent-row-freshness-
- *     glow='true', computed filter starts with 'drop-shadow'
- *   - stale (created_at = 5min ago): alpha→0.30, glow='false',
- *     filter === 'none'
- *   - source-file conditional wired
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const nowIso = () => new Date().toISOString();
-const sessionFresh = new Date(Date.now() - 60 * 1000).toISOString();
-
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1200 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try {
-    localStorage.setItem('anet-theme', 'cyber');
-    localStorage.setItem('anet-topo-layout', 'ring');
-    sessionStorage.setItem('anet_v3_auth', '1');
-  } catch {}
-});
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias, status) => ({
-    alias, status, model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: sessionFresh, updated_at: sessionFresh, last_seen_at: sessionFresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('a·1', 'working'), mk('a·2', 'idle'), mk('b·1', 'working'),
-  ] } });
-});
-// Mix fresh + stale messages so we get rows in both freshness tiers.
-// Fresh: created NOW → alpha = 1.0 (within 30s gate)
-// Stale: created 5min ago → alpha = 0.30 (R10 stale floor)
-const fiveMinAgo = new Date(Date.now() - 5 * 60 * 1000).toISOString();
-await ctx.route('**/api/hub/messages*', (route) => route.fulfill({ json: {
-  messages: [
-    { id: 'm1', from_alias: 'a·1', to_alias: 'a·2', content: 'live',  created_at: nowIso() },
-    { id: 'm2', from_alias: 'b·1', to_alias: 'a·1', content: 'stale', created_at: fiveMinAgo },
-  ],
-} }));
-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-recent-row-freshness]', { timeout: 15000 });
-await page.waitForTimeout(800);
-
-const probe = await page.evaluate(() => {
-  const pips = [...document.querySelectorAll('[data-recent-row-freshness]')];
-  return pips.map(p => {
-    const cs = getComputedStyle(p);
-    return {
-      key:    p.getAttribute('data-recent-row-freshness'),
-      alpha:  parseFloat(p.getAttribute('data-recent-row-freshness-alpha') || '0'),
-      glow:   p.getAttribute('data-recent-row-freshness-glow'),
-      filter: cs.filter,
-    };
-  });
-});
-
-const src = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
-const sourceGlowAttr  = /data-recent-row-freshness-glow=\{alpha > 0\.7/.test(src);
-const sourceDropShadow = /drop-shadow\(0 0 3px \$\{pal\.legendAccent\}80\)/.test(src);
-const sourceFilterTween = /filter 200ms ease-out/.test(src);
-
-await browser.close();
-
-const fresh = probe.find(p => p.alpha > 0.7);
-const stale = probe.find(p => p.alpha < 0.5);
-
-const results = {
-  pips_count_ge_2:        probe.length >= 2,
-  fresh_pip_found:        !!fresh,
-  fresh_glow_true:        fresh?.glow === 'true',
-  fresh_filter_has_drop:  fresh && /drop-shadow/.test(fresh.filter),
-  stale_pip_found:        !!stale,
-  stale_glow_false:       stale?.glow === 'false',
-  stale_filter_none:      stale?.filter === 'none',
-  source_glow_attr:       sourceGlowAttr,
-  source_drop_shadow:     sourceDropShadow,
-  source_filter_tween:    sourceFilterTween,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} recent-row freshness pip drop-shadow:`, JSON.stringify(results),
-  '\n  fresh pip:', JSON.stringify(fresh),
-  '\n  stale pip:', JSON.stringify(stale));
-process.exit(ok ? 0 : 1);