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

package/scripts/topo-mobile-chips-test.mjs

@@ -1,103 +0,0 @@
-/* Round 47 verification: mobile chip collapse.
- *  - At narrow viewport (375px), pressure / vendor-dist / active-links /
- *    freshness chips are display:none; only essential chips render.
- *  - At sm+ (≥640px), the full chip row is visible.
- *  - Essential chips (Ring/Grid toggle + working + online) render at both. */
-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 probe(width) {
-  const ctx = await browser.newContext({ viewport: { width, 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();
-  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 sessions = [
-      { alias: 'wkr', status: 'working', network_id: nid, project_dir: null,
-        model: 'claude-opus-4', runtime: 'cli-claude-code',
-        created_at: fresh, updated_at: fresh, last_seen_at: fresh },
-      { alias: 'idl', status: 'idle', network_id: nid, project_dir: null,
-        model: 'gpt-5', runtime: 'codex-cli',
-        created_at: fresh, updated_at: fresh, last_seen_at: fresh },
-    ];
-    await route.fulfill({ response: r, json: { ...b, sessions } });
-  });
-  await ctx.route('**/api/hub/messages*', (route) => route.fulfill({ json: { messages: [
-    { from_alias: 'wkr', to_alias: 'idl', content: 'm', created_at: new Date().toISOString() },
-  ] } }));
-  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' });
-  // The Overview page auto-hides the topology when window.innerWidth < 1024
-  // (the lg breakpoint). On narrow viewports the user clicks "Show
-  // Topology" to surface it; mimic that here so the chip-row tests reach
-  // the actual code path. Wait for SWR to deliver sessions first so the
-  // button renders before we look for it.
-  await page.waitForTimeout(1500);
-  const showBtn = page.locator('button', { hasText: /Show Topology/i });
-  if (await showBtn.count() > 0) await showBtn.first().click();
-  await page.waitForSelector('svg[viewBox="0 0 1000 680"]', { timeout: 30000 });
-  await page.waitForTimeout(600);
-  const visible = (sel) => page.evaluate(s => {
-    const el = document.querySelector(s);
-    if (!el) return null;
-    const r = el.getBoundingClientRect();
-    return r.width > 0 && r.height > 0;
-  }, sel);
-  const result = {
-    workingChipVisible: await page.evaluate(() => {
-      // "{N} working" chip — find the green-tinted one
-      const spans = [...document.querySelectorAll('span')];
-      const chip = spans.find(s => /^\d+ working$/.test((s.textContent || '').trim()));
-      if (!chip) return false;
-      const r = chip.getBoundingClientRect();
-      return r.width > 0 && r.height > 0;
-    }),
-    onlineChipVisible: await page.evaluate(() => {
-      const spans = [...document.querySelectorAll('span')];
-      const chip = spans.find(s => /^\d+ online$/.test((s.textContent || '').trim()));
-      if (!chip) return false;
-      const r = chip.getBoundingClientRect();
-      return r.width > 0 && r.height > 0;
-    }),
-    pressureVisible: await visible('[data-fleet-pressure]'),
-    activeLinksVisible: await page.evaluate(() => {
-      const spans = [...document.querySelectorAll('span')];
-      const chip = spans.find(s => /active link/.test(s.textContent || ''));
-      if (!chip) return false;
-      const r = chip.getBoundingClientRect();
-      return r.width > 0 && r.height > 0;
-    }),
-    freshnessVisible: await visible('[data-freshness-chip]'),
-  };
-  await ctx.close();
-  return result;
-}
-
-const mobile = await probe(375);
-const desktop = await probe(900);
-await browser.close();
-
-const results = {
-  mobileEssentialsVisible: mobile.workingChipVisible && mobile.onlineChipVisible,
-  mobilePressureHidden: mobile.pressureVisible === false,
-  mobileActiveLinksHidden: mobile.activeLinksVisible === false,
-  mobileFreshnessHidden: mobile.freshnessVisible === false,
-  desktopAllVisible: desktop.workingChipVisible && desktop.onlineChipVisible && desktop.pressureVisible && desktop.activeLinksVisible && desktop.freshnessVisible,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} mobile chips:`, JSON.stringify(results),
-  `\n  mobile=`, mobile, `\n  desktop=`, desktop);
-process.exit(ok ? 0 : 1);

package/scripts/topo-mock-large.mjs

@@ -1,58 +0,0 @@
-/* Force triple-tier rendering by injecting fake extra sessions via
- * playwright route(). Verifies the new code path at N≈25 without
- * needing a 25-node real network. */
-import { chromium } from 'playwright';
-
-const TOKEN = process.env.LOOP_REVIEW_TOKEN;
-const browser = await chromium.launch({ headless: true });
-
-function makeFakeSession(index) {
-  const statuses = ['working', 'idle', 'idle', 'idle', 'idle'];
-  return {
-    alias: `agent${index}号`,
-    status: statuses[index % statuses.length],
-    network_id: 'default',
-    created_at: '2026-05-13T00:00:00Z',
-    updated_at: '2026-05-13T00:00:00Z',
-    last_seen_at: '2026-05-13T00:00:00Z',
-  };
-}
-
-for (const theme of ['cyber', 'light']) {
-  for (const v of [{ tag: 'desktop', width: 1440, height: 900 }]) {
-    const ctx = await browser.newContext({ viewport: { width: v.width, height: v.height } });
-    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);
-
-    // Intercept the status endpoint (which carries `sessions`) and pad to ~25
-    await ctx.route('**/api/hub/status*', async (route) => {
-      const response = await route.fetch();
-      const body = await response.json();
-      const real = body.sessions || [];
-      const padded = [...real];
-      while (padded.length < 25) padded.push(makeFakeSession(padded.length));
-      await route.fulfill({ response, json: { ...body, sessions: padded } });
-    });
-
-    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 >= 14;
-    }, { timeout: 30000 }).catch(() => {});
-    await page.waitForTimeout(1000);
-    await page.evaluate(t => document.documentElement.setAttribute('data-theme', t), theme);
-    await page.waitForTimeout(300);
-    await page.evaluate(() => {
-      const heading = [...document.querySelectorAll('h2')].find(h => /Command mesh/i.test(h.textContent || ''));
-      heading?.scrollIntoView({ behavior: 'instant', block: 'start' });
-    });
-    await page.waitForTimeout(800);
-    await page.screenshot({ path: `/tmp/anet-issue-50/topo-large-${theme}-${v.tag}.png`, fullPage: false, animations: 'disabled', timeout: 30000 });
-    await ctx.close();
-  }
-}
-await browser.close();
-console.log('done');

package/scripts/topo-monogram-font-test.mjs

@@ -1,112 +0,0 @@
-/* Round 284 verification: known-vendor monogram letter fontFamily
- * swaps monospace → system sans-serif. Continuation of R283 Vincent
- * 5216 vendor avatar polish arc.
- *
- * Contract:
- *   - Known vendor (Anthropic, OpenAI, …) monogram letter — rendered
- *     fontFamily resolves into a sans-serif stack (NOT monospace).
- *     The actual computed font-family will likely return the OS-
- *     preferred match such as -apple-system / Segoe UI / Inter / etc.
- *     (We assert it does NOT include 'monospace' as the active stack.)
- *   - data-monogram-letter attribute present on the <text> element
- *     with the vendor.initial as its value.
- *   - Prefix-group fallback (unknown vendor) keeps monospace — the
- *     R283 contrast pattern: designed glyph = known, code text =
- *     unknown.
- *   - R283 monogram stroke=1.5 still in place (regression).
- *   - R282 watermark still present (regression).
- */
-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,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha', 'claude-opus-4'),    // Anthropic → monogram (sans-serif)
-    mk('beta',  'gpt-4o'),            // OpenAI → monogram (sans-serif)
-    mk('gamma', null),                 // unknown → prefix-group (monospace)
-    mk('delta', null),                 // unknown
-  ] } });
-});
-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.waitForSelector('[data-monogram-letter]', { timeout: 10000, state: 'attached' });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  // All monogram letters carry data-monogram-letter; expect 2 (alpha + beta).
-  const monos = [...document.querySelectorAll('[data-monogram-letter]')];
-  const monoSamples = monos.map((t) => ({
-    letter:    t.getAttribute('data-monogram-letter'),
-    family:    getComputedStyle(t).fontFamily,
-    weight:    getComputedStyle(t).fontWeight,
-    parentAlias: t.closest('g[data-node]')?.getAttribute('data-node') ?? null,
-  }));
-  // Find prefix-group fallback text — inside g[data-node='gamma'], the
-  // <text> WITHOUT data-monogram-letter attribute (the prefix-group one).
-  const gammaNode = document.querySelector('g[data-node="gamma"]');
-  const gammaTexts = gammaNode ? [...gammaNode.querySelectorAll('text')] : [];
-  // The avatar text is the one inside the avatar IIFE — look for the
-  // text whose font-size matches avatar radius (~10-14) and is centered
-  // on the node. Easiest heuristic: text-anchor=middle, no data-monogram
-  // attr (so it's the unknown-vendor branch).
-  const prefixText = gammaTexts.find((t) =>
-    t.getAttribute('text-anchor') === 'middle' &&
-    !t.hasAttribute('data-monogram-letter')
-  );
-  const prefixFamily = prefixText ? getComputedStyle(prefixText).fontFamily : null;
-  // Also probe alpha monogram circle stroke (R283 regression).
-  const alphaNode = document.querySelector('g[data-node="alpha"]');
-  const alphaCircles = alphaNode ? [...alphaNode.querySelectorAll('circle')] : [];
-  const alphaAvatarCircle = alphaCircles
-    .map(c => ({ r: +c.getAttribute('r') || 0, sw: c.getAttribute('stroke-width'), isBadge: c.hasAttribute('data-runtime-badge') }))
-    .filter(c => c.r > 0 && c.r < 18 && !c.isBadge)
-    .sort((a, b) => b.r - a.r)[0];
-  const watermark = document.querySelector('[data-topo-brand-watermark]');
-  return {
-    monoSamples,
-    prefixFamily,
-    alphaAvatarStroke: alphaAvatarCircle?.sw ?? null,
-    watermarkPresent: watermark !== null,
-  };
-});
-await browser.close();
-
-const isMonospace = (s) => /(^|,)\s*monospace\s*(,|$)|"monospace"/i.test(s || '');
-const isSansSerif = (s) => /(sans-serif|system|Inter|Segoe|Helvetica|Arial|-apple-system|BlinkMac)/i.test(s || '');
-
-const results = {
-  two_monograms:                   probe.monoSamples.length === 2,
-  alpha_letter_A:                  probe.monoSamples.some(s => s.parentAlias === 'alpha' && s.letter === 'A'),
-  beta_letter_O:                   probe.monoSamples.some(s => s.parentAlias === 'beta'  && s.letter === 'O'),
-  all_monos_sans_serif:            probe.monoSamples.every(s => isSansSerif(s.family) && !isMonospace(s.family)),
-  prefix_group_keeps_monospace:    isMonospace(probe.prefixFamily),
-  r283_monogram_stroke_1_5_kept:   probe.alphaAvatarStroke === '1.5',
-  r282_watermark_present:          probe.watermarkPresent,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} monogram font swap:`, JSON.stringify(results),
-  '\n  alpha mono family:', probe.monoSamples.find(s => s.parentAlias === 'alpha')?.family,
-  '\n  beta  mono family:', probe.monoSamples.find(s => s.parentAlias === 'beta')?.family,
-  '\n  gamma prefix family:', probe.prefixFamily,
-  '\n  alpha avatar circle stroke (R283):', probe.alphaAvatarStroke);
-process.exit(ok ? 0 : 1);

package/scripts/topo-monogram-stroke-test.mjs

@@ -1,101 +0,0 @@
-/* Round 283 verification: vendor monogram circle strokeWidth bumps
- * 1 → 1.5 per Vincent 5216 "vendor avatar quality" ask increment.
- *
- * Pre-R283: monogram circle (known vendor, no logo asset) rendered
- * with strokeWidth="1". The prefix-group fallback (unknown vendor)
- * also uses strokeWidth="1".
- *
- * Post-R283: monogram (known vendor) bumps to strokeWidth="1.5";
- * prefix-group fallback stays at 1 (less weight = "we don't know
- * what this is" signal preserved).
- *
- * Test trap encountered first draft: each g[data-node] contains
- * THREE small (<r=18) circles —
- *   1. avatar/monogram (r=10-14): strokeWidth 1 or 1.5 per vendor
- *   2. runtime badge   (r=5.5-7): strokeWidth ALWAYS 1.5
- *   3. pulse dot       (r=2.5):   no stroke (null)
- * To isolate the avatar circle, filter by:
- *   - r is the largest of the small circles (avatar) OR
- *   - exclude elements with [data-runtime-badge] attribute
- * We use the data-attr filter — cleaner intent.
- */
-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,
-  });
-  // Mix: known vendors (Anthropic + OpenAI monogram) + unknown vendor
-  // (no model field).
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha', 'claude-opus-4'),    // Anthropic, monogram
-    mk('beta',  'gpt-4o'),            // OpenAI, monogram
-    mk('gamma', null),                 // unknown, prefix-group fallback
-    mk('delta', null),                 // unknown
-  ] } });
-});
-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.waitForSelector('[data-topo-brand-watermark]', { timeout: 10000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  // For each node, find the AVATAR circle specifically:
-  //   - r < 18 (excludes status ring with r ~22-26)
-  //   - NOT a runtime badge (no data-runtime-badge attr)
-  //   - has stroke (excludes pulse dot)
-  const nodes = [...document.querySelectorAll('g[data-node]')];
-  const samples = nodes.map((g) => {
-    const alias = g.getAttribute('data-node');
-    const circles = [...g.querySelectorAll('circle')];
-    const avatar = circles
-      .map((c) => ({
-        r:        +c.getAttribute('r') || 0,
-        sw:       c.getAttribute('stroke-width'),
-        stroke:   c.getAttribute('stroke'),
-        isBadge:  c.hasAttribute('data-runtime-badge'),
-      }))
-      .filter((c) => c.r > 0 && c.r < 18 && !c.isBadge && c.stroke && c.stroke !== 'none');
-    // Of the remaining, the avatar/monogram is the largest-r one.
-    avatar.sort((a, b) => b.r - a.r);
-    return { alias, avatarStroke: avatar[0]?.sw ?? null, avatarR: avatar[0]?.r ?? null };
-  });
-  const watermark = document.querySelector('[data-topo-brand-watermark]');
-  return { samples, watermarkPresent: watermark !== null };
-});
-await browser.close();
-
-const alphaSample = probe.samples.find(s => s.alias === 'alpha');
-const betaSample  = probe.samples.find(s => s.alias === 'beta');
-const gammaSample = probe.samples.find(s => s.alias === 'gamma');
-
-const results = {
-  alpha_anthropic_mono_1_5: alphaSample?.avatarStroke === '1.5',
-  beta_openai_mono_1_5:     betaSample?.avatarStroke === '1.5',
-  gamma_prefix_stays_1:     gammaSample?.avatarStroke === '1',
-  r282_watermark_present:   probe.watermarkPresent,
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} monogram stroke:`, JSON.stringify(results),
-  '\n  alpha (claude):  stroke=', alphaSample?.avatarStroke, ' r=', alphaSample?.avatarR,
-  '\n  beta  (gpt-4o):  stroke=', betaSample?.avatarStroke,  ' r=', betaSample?.avatarR,
-  '\n  gamma (unknown): stroke=', gammaSample?.avatarStroke, ' r=', gammaSample?.avatarR);
-process.exit(ok ? 0 : 1);

package/scripts/topo-more-flows-fontweight-test.mjs

@@ -1,103 +0,0 @@
-/* Round 368 verification: recent-panel '+N more flows' footer text
- * fontWeight 400 → 500. Sibling small-text fw lift family with R363
- * recent-row alias + R364 legend-row label + R366 group-label count
- * — all four lifts thicken small-fontSize text (9-11 px) against
- * panel chrome from SVG-default 400 to the font-medium tier (500).
- *
- * The footer only renders when flowLinks.length > 3 (the panel shows
- * the 3 most recent + a footer link to /messages for the overflow).
- *
- * Contract (cyber, 5+ flow links so the footer mounts):
- *   - data-recent-panel-more text element font-weight === '500'.
- *   - data-recent-panel-more-font-weight === '500'.
- *   - Pre-R368 invariants on the same element:
- *     * fontSize='9' + fontFamily='monospace' + fontStyle='italic'
- *     * letter-spacing='0.2' (R325 rest baseline)
- *     * opacity='0.55' (rest, R325 era)
- *     * inline transition lists opacity + letter-spacing + fill
- *     * data-recent-panel-more attr surfaces the count
- *     * data-recent-panel-more-unit tspan with opacity 0.7 (R340)
- */
-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('a'), mk('b'), mk('c'), mk('d'), mk('e'),
-  ] } });
-});
-// 5 distinct flow links → panel shows 3 + footer "+ 2 more flows".
-const now = Date.now();
-const pairs = [['a','b'], ['c','d'], ['a','c'], ['b','d'], ['e','a']];
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages:
-  pairs.map(([from, to], idx) => ({
-    id: `m${idx}`, from_alias: from, to_alias: to, content: `ping ${idx}`,
-    network_id: 'default',
-    created_at: new Date(now - (5000 + idx * 1000)).toISOString(),
-  }))
-} }));
-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-panel-more]', { timeout: 15000 });
-await page.waitForTimeout(300);
-
-const probe = await page.evaluate(() => {
-  const t = document.querySelector('[data-recent-panel-more]');
-  const unit = document.querySelector('[data-recent-panel-more-unit]');
-  const cs = t ? getComputedStyle(t) : null;
-  return {
-    fontWeightAttr:  t?.getAttribute('font-weight') ?? null,
-    fontWeightData:  t?.getAttribute('data-recent-panel-more-font-weight') ?? null,
-    fontSizeAttr:    t?.getAttribute('font-size') ?? null,
-    fontFamily:      t?.getAttribute('font-family') ?? null,
-    fontStyle:       t?.getAttribute('font-style') ?? null,
-    letterSpacing:   t?.getAttribute('letter-spacing') ?? null,
-    opacityAttr:     t?.getAttribute('opacity') ?? null,
-    moreCount:       t?.getAttribute('data-recent-panel-more') ?? null,
-    hoveredAttr:     t?.getAttribute('data-recent-panel-more-hovered') ?? null,
-    transition:      cs?.transition ?? null,
-    unitOpacity:     unit?.getAttribute('opacity') ?? null,
-  };
-});
-
-await browser.close();
-
-const hasTrans = (s, prop) =>
-  new RegExp(`${prop}\\s+\\d*\\.?\\d*s|${prop}\\s+\\d+ms`, 'i').test(s || '');
-
-const results = {
-  font_weight_500:        probe.fontWeightAttr === '500',
-  data_fw_500:            probe.fontWeightData === '500',
-  font_size_9:            probe.fontSizeAttr === '9',
-  font_family_mono:       /monospace/i.test(probe.fontFamily || ''),
-  font_style_italic:      probe.fontStyle === 'italic',     // pre-R368
-  letter_spacing_0_2:     probe.letterSpacing === '0.2',    // R325 rest
-  opacity_0_55_rest:      probe.opacityAttr === '0.55',     // R325 era rest
-  more_count_2:           probe.moreCount === '2',          // 5 links - 3 shown
-  hovered_false_rest:     probe.hoveredAttr === 'false',
-  trans_has_letterspacing: hasTrans(probe.transition, 'letter-spacing'),
-  trans_has_fill:         hasTrans(probe.transition, 'fill'),
-  unit_opacity_0_7:       probe.unitOpacity === '0.7',      // R340 unit split
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} more-flows footer fw 400 → 500:`, JSON.stringify(results),
-  '\n  probe:', probe);
-process.exit(ok ? 0 : 1);

package/scripts/topo-more-flows-hover-letterspacing-test.mjs

@@ -1,98 +0,0 @@
-/* Round 344 verification: +N more flows footer hover state adds
- * letter-spacing tween 0.2 → 0.3. Layers on top of R195 cyan fill +
- * R325 baseline letter-spacing 0.2 + R133 underline + R325 opacity
- * 0.55 → 0.85 hover. Sibling to R218/R219/R220 pin-signature letter-
- * spacing family applied to a hover-only surface.
- *
- * Contract:
- *   - Rest state: [data-recent-panel-more] letter-spacing="0.2".
- *   - Hover state: letter-spacing="0.3" (after mouseover).
- *   - Inline style.transition contains 'letter-spacing'.
- *   - R325 + R259 regressions intact.
- *   - R317/R318 chrome regression.
- */
-import { chromium } from 'playwright';
-import { readFileSync } from 'node:fs';
-
-const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
-const browser = await chromium.launch({ headless: true });
-const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
-await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
-await ctx.addInitScript(() => {
-  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
-});
-const fresh = new Date(Date.now() - 60 * 1000).toISOString();
-await ctx.route('**/api/hub/status*', async (route) => {
-  const r = await route.fetch();
-  const b = await r.json();
-  const nid = (b.sessions || [])[0]?.network_id || 'default';
-  const mk = (alias) => ({
-    alias, status: 'working', model: 'claude-opus-4', runtime: 'claude-code-cli',
-    network_id: nid, project_dir: null,
-    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
-  });
-  await route.fulfill({ response: r, json: { ...b, sessions: [
-    mk('alpha'), mk('beta'), mk('gamma'), mk('delta'), mk('epsilon'),
-  ] } });
-});
-// 5 flow pairs → footer mounts (need >3 flowLinks).
-const now = Date.now();
-const mkMsg = (idx, from_alias, to_alias) => ({
-  id: `${from_alias}-${to_alias}-${idx}`,
-  from_alias, to_alias, content: `m${idx}`,
-  network_id: 'default',
-  created_at: new Date(now - (5 + idx) * 1000).toISOString(),
-});
-await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [
-  mkMsg(1, 'alpha', 'beta'),
-  mkMsg(2, 'beta',  'gamma'),
-  mkMsg(3, 'gamma', 'delta'),
-  mkMsg(4, 'delta', 'epsilon'),
-  mkMsg(5, 'epsilon', 'alpha'),
-] } }));
-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-panel-more]', { timeout: 15000 });
-await page.waitForTimeout(300);
-
-// Rest-state probe.
-const restProbe = await page.evaluate(() => {
-  const el = document.querySelector('[data-recent-panel-more]');
-  return {
-    letterSpacing: el?.getAttribute('letter-spacing') ?? null,
-    transition:    el ? getComputedStyle(el).transition : null,
-    hovered:       el?.getAttribute('data-recent-panel-more-hovered') ?? null,
-  };
-});
-
-// Hover the parent <g> wrapper — the onMouseEnter is on the link group.
-await page.hover('[data-recent-panel-more-nav]');
-await page.waitForTimeout(300);
-
-const hoverProbe = await page.evaluate(() => {
-  const el = document.querySelector('[data-recent-panel-more]');
-  return {
-    letterSpacing: el?.getAttribute('letter-spacing') ?? null,
-    hovered:       el?.getAttribute('data-recent-panel-more-hovered') ?? null,
-  };
-});
-
-await browser.close();
-
-const hasLetterSpacingTrans = (s) =>
-  /letter-spacing\s+\d*\.?\d*s|letter-spacing\s+\d+ms/i.test(s || '');
-
-const results = {
-  rest_letter_spacing_0_2:    restProbe.letterSpacing === '0.2',
-  rest_not_hovered:           restProbe.hovered === 'false',
-  hover_letter_spacing_0_3:   hoverProbe.letterSpacing === '0.3',
-  hover_state_true:           hoverProbe.hovered === 'true',
-  transition_has_letter_sp:   hasLetterSpacingTrans(restProbe.transition),
-};
-const ok = Object.values(results).every(Boolean);
-console.log(`${ok ? '✅' : '❌'} more-flows hover letter-spacing:`, JSON.stringify(results),
-  '\n  rest:',  restProbe,
-  '\n  hover:', hoverProbe);
-process.exit(ok ? 0 : 1);