@sleep2agi/agent-network-dashboard 0.5.1-preview.99 → 0.5.2-preview.0

package/scripts/topo-hub-halo-r-hover-test.mjs

@@ -0,0 +1,82 @@
+/* Round 451 verification: hub center halo radius hover lift —
+ * r 20 → 22 on hoveredHub.
+ *
+ * Contract:
+ *   - rest: hub halo reports data-topo-hub-halo-radius '20' + hovered='false'
+ *   - hover the hub <g>: halo lifts to r '22' + hovered='true'
+ */
+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'),
+  ] } });
+});
+await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
+await ctx.route('**/api/hub/tasks*',    (r) => r.fulfill({ json: { tasks: [] } }));
+
+const page = await ctx.newPage();
+await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
+await page.waitForSelector('[data-topo-hub-halo-radius]', { timeout: 15000 });
+await page.waitForTimeout(400);
+
+const readHalo = () => page.evaluate(() => {
+  const c = document.querySelector('[data-topo-hub-halo-radius]');
+  return c ? {
+    r_data:  parseFloat(c.getAttribute('data-topo-hub-halo-radius') || '0'),
+    hovered: c.getAttribute('data-topo-hub-halo-hovered'),
+  } : null;
+});
+
+const rest = await readHalo();
+
+let hover = null;
+const hubBox = await page.evaluate(() => {
+  const hub = document.querySelector('[data-topo-hub]');
+  if (!hub) return null;
+  const b = hub.getBoundingClientRect();
+  return { x: b.x + b.width / 2, y: b.y + b.height / 2 };
+});
+if (hubBox) {
+  await page.mouse.move(hubBox.x, hubBox.y);
+  await page.waitForTimeout(300);
+  hover = await readHalo();
+  await page.mouse.move(0, 0);
+}
+
+const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
+const sourceWired = /const haloR = isHaloHovered \? 22 : 20/.test(fileText);
+
+await browser.close();
+
+const results = {
+  rest_mounted:        !!rest,
+  rest_r_20:           rest?.r_data === 20,
+  rest_hovered_false:  rest?.hovered === 'false',
+  hover_r_22:          hover?.r_data === 22,
+  hover_hovered_true:  hover?.hovered === 'true',
+  source_wired:        sourceWired,
+};
+const ok = Object.values(results).every(Boolean);
+console.log(`${ok ? '✅' : '❌'} hub halo hover r:`, JSON.stringify(results),
+  '\n  rest:', rest, '\n  hover:', hover);
+process.exit(ok ? 0 : 1);

package/scripts/topo-legend-count-active-opacity-test.mjs

@@ -0,0 +1,102 @@
+/* Round 449 verification: legend-row count active-state opacity
+ * 0.95 → 1.0 on (hoveredStatus===row.key || isPinned). Closes the 5%
+ * alpha gap on populated active rows.
+ *
+ * Contract:
+ *   - rest: every populated legend-count reports opacity '0.65' (R204)
+ *   - click 'working' status: that count opacity '1'
+ *   - empty (0-count) rows stay at R204 dim (0.28/0.30) unaffected
+ *   - siblings stay at rest 0.65
+ */
+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',  'working'),
+    mk('gamma', 'idle'),
+  ] } });
+});
+await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
+await ctx.route('**/api/hub/tasks*',    (r) => r.fulfill({ json: { tasks: [] } }));
+
+const page = await ctx.newPage();
+await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
+await page.waitForSelector('[data-legend-count]', { timeout: 15000 });
+await page.waitForTimeout(400);
+
+const readAll = () => page.evaluate(() => {
+  const ts = [...document.querySelectorAll('[data-legend-count]')];
+  return ts.map(t => ({
+    key:     t.getAttribute('data-legend-count'),
+    opacity: t.getAttribute('opacity'),
+    empty:   t.getAttribute('data-legend-count-empty'),
+  }));
+});
+
+const rest = await readAll();
+
+// Click 'working' status row to pin
+let pinned = null;
+const workingGroup = await page.$(`[data-legend-status="working"]`);
+if (workingGroup) {
+  await workingGroup.click();
+  await page.waitForTimeout(250);
+  pinned = await readAll();
+}
+
+const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
+const sourceWired = /:\s*\(hoveredStatus === row\.key \|\| isPinned \? 1 : 0\.65\)/.test(fileText);
+
+await browser.close();
+
+// rest: populated rows (working=2, idle=1) should be 0.65; offline (count=0) should be 0.28/0.30
+const workingRest = rest.find(r => r.key === 'working');
+const idleRest = rest.find(r => r.key === 'idle');
+const offlineRest = rest.find(r => r.key === 'offline');
+
+const restWorking_065 = workingRest?.opacity === '0.65';
+const restIdle_065 = idleRest?.opacity === '0.65';
+const restOfflineEmpty = offlineRest?.empty === 'true' && (offlineRest?.opacity === '0.3' || offlineRest?.opacity === '0.28');
+
+// pinned: working should be 1
+const pinnedWorking = pinned?.find(r => r.key === 'working');
+const pinnedIdle = pinned?.find(r => r.key === 'idle');
+const pinnedOffline = pinned?.find(r => r.key === 'offline');
+
+const pinWorking_1 = pinnedWorking?.opacity === '1';
+const pinIdleRest = pinnedIdle?.opacity === '0.65';
+const pinOfflineEmpty = pinnedOffline?.empty === 'true';
+
+const results = {
+  rest_working_065:          restWorking_065,
+  rest_idle_065:             restIdle_065,
+  rest_offline_empty_dim:    restOfflineEmpty,
+  pin_working_opacity_1:     pinWorking_1,
+  pin_idle_stays_rest_065:   pinIdleRest,
+  pin_offline_stays_empty:   pinOfflineEmpty,
+  source_wired:              sourceWired,
+};
+const ok = Object.values(results).every(Boolean);
+console.log(`${ok ? '✅' : '❌'} legend count active opacity:`, JSON.stringify(results),
+  '\n  rest:', JSON.stringify(rest),
+  '\n  pinned:', JSON.stringify(pinned));
+process.exit(ok ? 0 : 1);

package/scripts/topo-legend-count-pin-fw-test.mjs

@@ -0,0 +1,90 @@
+/* Round 446 verification: legend-row count fontWeight lift on isPinned.
+ * 600 → 700 when the status tier is pinned. Mirror of R444/R445 at
+ * legend-row scope.
+ *
+ * Contract:
+ *   - rest: every legend-count reports font-weight '600' + pinned='false'
+ *   - click a legend-status group: 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',  'working'),
+    mk('gamma', 'idle'),
+  ] } });
+});
+await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
+await ctx.route('**/api/hub/tasks*',    (r) => r.fulfill({ json: { tasks: [] } }));
+
+const page = await ctx.newPage();
+await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
+await page.waitForSelector('[data-legend-count]', { timeout: 15000 });
+await page.waitForTimeout(400);
+
+const readAll = () => page.evaluate(() => {
+  const ts = [...document.querySelectorAll('[data-legend-count]')];
+  return ts.map(t => ({
+    key:    t.getAttribute('data-legend-count'),
+    fw:     t.getAttribute('font-weight'),
+    pinned: t.getAttribute('data-legend-count-pinned'),
+  }));
+});
+
+const rest = await readAll();
+
+// Click the 'working' status row to pin it
+let pinned = null;
+const workingGroup = await page.$(`[data-legend-status="working"]`);
+if (workingGroup) {
+  await workingGroup.click();
+  await page.waitForTimeout(250);
+  pinned = await readAll();
+}
+
+const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
+const sourceWired = /fontWeight=\{isPinned \? '700' : '600'\}/.test(fileText);
+
+await browser.close();
+
+const restAll600    = rest.every(r => r.fw === '600');
+const restNoPin     = rest.every(r => r.pinned === 'false');
+const pinnedEntry   = pinned?.find(r => r.key === 'working');
+const pinFw_700     = pinnedEntry?.fw === '700';
+const pinFlag       = pinnedEntry?.pinned === 'true';
+const othersStayRest = pinned ? pinned.filter(r => r.key !== 'working').every(r => r.fw === '600' && r.pinned === 'false') : false;
+
+const results = {
+  rest_three_rows:       rest.length === 3,
+  rest_all_fw_600:       restAll600,
+  rest_no_pin:           restNoPin,
+  pinned_target_fw_700:  pinFw_700,
+  pinned_target_flag:    pinFlag,
+  pinned_others_stay:    othersStayRest,
+  source_wired:          sourceWired,
+};
+const ok = Object.values(results).every(Boolean);
+console.log(`${ok ? '✅' : '❌'} legend 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-minimap-viewport-opacity-test.mjs

@@ -0,0 +1,96 @@
+/* Round 450 verification: minimap viewport rect rest opacity 0.9 →
+ * 0.95. Closes half the alpha gap on the wayfinding indicator.
+ *
+ * Contract:
+ *   - rest: viewport rect opacity '0.95'
+ *   - hover the minimap container: viewport opacity '1' (R346 preserved)
+ *   - strokeWidth invariants preserved (rest=1.5, hover=1.75)
+ */
+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,
+  });
+  // Need enough nodes for minimap to render — and a non-default view
+  await route.fulfill({ response: r, json: { ...b, sessions: [
+    mk('alpha', 'working'),
+    mk('beta',  'idle'),
+    mk('gamma', 'working'),
+    mk('delta', 'idle'),
+  ] } });
+});
+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' });
+
+// Trigger a zoom to mount the minimap (R30 gate: minimap only renders on non-default view)
+await page.waitForSelector('[data-topo-chrome-zoom-in]', { timeout: 15000 });
+await page.click('[data-topo-chrome-zoom-in]');
+await page.waitForTimeout(300);
+
+await page.waitForSelector('[data-topo-minimap-viewport]', { timeout: 5000 });
+await page.waitForTimeout(300);
+
+const rest = await page.evaluate(() => {
+  const v = document.querySelector('[data-topo-minimap-viewport]');
+  return v ? {
+    opacity: v.getAttribute('opacity'),
+    sw:      v.getAttribute('stroke-width'),
+    hover:   v.getAttribute('data-topo-minimap-viewport-hover'),
+  } : null;
+});
+
+// Hover the minimap container
+let hover = null;
+const minimap = await page.$('[data-topo-minimap]');
+if (minimap) {
+  await minimap.hover({ force: true });
+  await page.waitForTimeout(250);
+  hover = await page.evaluate(() => {
+    const v = document.querySelector('[data-topo-minimap-viewport]');
+    return v ? {
+      opacity: v.getAttribute('opacity'),
+      sw:      v.getAttribute('stroke-width'),
+      hover:   v.getAttribute('data-topo-minimap-viewport-hover'),
+    } : null;
+  });
+}
+
+const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
+const sourceWired = /opacity=\{hoveredMinimap \? '1' : '0\.95'\}/.test(fileText);
+
+await browser.close();
+
+const results = {
+  rest_mounted:           !!rest,
+  rest_opacity_0_95:      rest?.opacity === '0.95',
+  rest_sw_1_5:            rest?.sw === '1.5',
+  rest_hover_false:       rest?.hover === 'false',
+  hover_opacity_1:        hover?.opacity === '1',
+  hover_sw_1_75:          hover?.sw === '1.75',
+  hover_hover_true:       hover?.hover === 'true',
+  source_wired:           sourceWired,
+};
+const ok = Object.values(results).every(Boolean);
+console.log(`${ok ? '✅' : '❌'} minimap viewport rest opacity:`, JSON.stringify(results),
+  '\n  rest:', JSON.stringify(rest),
+  '\n  hover:', JSON.stringify(hover));
+process.exit(ok ? 0 : 1);

package/scripts/topo-node-halo-hover-opacity-test.mjs

@@ -0,0 +1,104 @@
+/* Round 440 verification: node halo opacity hover lift —
+ * online cyber 0.65 → 0.80 on hoveredAlias match. Pure paint axis;
+ * no geometry change.
+ *
+ * Contract:
+ *   - rest: every halo reports data-node-halo-hovered='false' and
+ *     resolved-opacity matching its tier (online cyber 0.65)
+ *   - hover one node: that halo flips to hovered='true' + resolved-
+ *     opacity '0.8'
+ *   - siblings stay rest
+ *   - R51 sentinel intact (overlap test still finds nodes)
+ *   - source-file probe confirms IIFE + conditional wired
+ */
+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', 'working'),
+  ] } });
+});
+await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
+await ctx.route('**/api/hub/tasks*',    (r) => r.fulfill({ json: { tasks: [] } }));
+
+const page = await ctx.newPage();
+await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
+await page.waitForSelector('[data-node-halo-hovered]', { timeout: 15000 });
+await page.waitForTimeout(400);
+
+const readAll = () => page.evaluate(() => {
+  const cs = [...document.querySelectorAll('[data-node-halo-hovered]')];
+  return cs.map(c => {
+    const node = c.closest('[data-node]');
+    return {
+      alias:   node?.getAttribute('data-node') || null,
+      hovered: c.getAttribute('data-node-halo-hovered'),
+      opacity: parseFloat(c.getAttribute('data-node-halo-resolved-opacity') || '0'),
+    };
+  });
+});
+
+const rest = await readAll();
+
+let hover = null;
+const box = await page.evaluate(() => {
+  const t = document.querySelector('[data-node-alias-text="alpha"]');
+  if (!t) return null;
+  const node = t.closest('[data-node]');
+  const target = node || t;
+  const b = target.getBoundingClientRect();
+  return { x: b.x + b.width / 2, y: b.y + b.height / 2 };
+});
+if (box) {
+  await page.mouse.move(box.x, box.y);
+  await page.waitForTimeout(300);
+  hover = await readAll();
+  await page.mouse.move(0, 0);
+}
+
+const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
+const sourceIIFE      = /const isHaloHovered = !reducedMotion && hoveredAlias === session\.alias/.test(fileText);
+const sourceCyberOnline = /isLight \? \(isHaloHovered \? 1\s*:\s*0\.85\) : \(isHaloHovered \? 0\.80 : 0\.65\)/.test(fileText);
+
+await browser.close();
+
+const restAllRest      = rest.length > 0 && rest.every(r => r.hovered === 'false' && r.opacity === 0.65);
+const hoveredEntry     = hover?.find(r => r.alias === 'alpha');
+const hoverTarget08    = hoveredEntry?.opacity === 0.80;
+const hoverTargetFlag  = hoveredEntry?.hovered === 'true';
+const othersStayRest   = hover ? hover.filter(r => r.alias !== 'alpha').every(r => r.hovered === 'false' && r.opacity === 0.65) : false;
+
+const results = {
+  rest_halo_count_ge_3:      rest.length >= 3,
+  rest_all_rest_state:       restAllRest,
+  hover_target_opacity_0_8:  hoverTarget08,
+  hover_target_attr_true:    hoverTargetFlag,
+  hover_others_stay_rest:    othersStayRest,
+  source_IIFE_wired:         sourceIIFE,
+  source_cyber_online_wired: sourceCyberOnline,
+};
+const ok = Object.values(results).every(Boolean);
+console.log(`${ok ? '✅' : '❌'} node-halo hover opacity:`, JSON.stringify(results),
+  '\n  rest:', JSON.stringify(rest),
+  '\n  hover target:', JSON.stringify(hoveredEntry));
+process.exit(ok ? 0 : 1);

package/scripts/topo-node-halo-light-offline-test.mjs

@@ -0,0 +1,80 @@
+/* Round 456 verification: node halo light-theme offline rest opacity
+ * 0.45 → 0.50. Stale-state legibility lift family extension.
+ *
+ * Contract:
+ *   - light theme, fixture has offline nodes
+ *   - every offline halo reports data-node-halo-resolved-opacity '0.5'
+ *     (was 0.45)
+ *   - online halos still at light 0.85 (R407 + R440 preserved)
+ *   - source-file probe confirms the conditional
+ */
+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: '/' }]);
+// Use LIGHT theme for this test
+await ctx.addInitScript(() => {
+  try { localStorage.setItem('anet-theme', 'light'); 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'),  // online
+    mk('beta',  'offline'),  // offline
+    mk('gamma', 'offline'),  // offline
+  ] } });
+});
+await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
+await ctx.route('**/api/hub/tasks*',    (r) => r.fulfill({ json: { tasks: [] } }));
+
+const page = await ctx.newPage();
+await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
+await page.waitForSelector('[data-node-halo-hovered]', { timeout: 15000 });
+await page.waitForTimeout(400);
+
+const halos = await page.evaluate(() => {
+  const cs = [...document.querySelectorAll('[data-node-halo-hovered]')];
+  return cs.map(c => {
+    const node = c.closest('[data-node]');
+    const sub = node?.querySelector('[data-node-sub-text]')?.textContent || '';
+    return {
+      alias:    node?.getAttribute('data-node') || null,
+      status:   sub.trim(),
+      opacity:  parseFloat(c.getAttribute('data-node-halo-resolved-opacity') || '0'),
+      offline_attr_alpha: c.getAttribute('data-node-halo-offline-opacity'),
+    };
+  });
+});
+
+const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
+const sourceWired = /isLight \? \(isHaloHovered \? 0\.60 : 0\.50\) : \(isHaloHovered \? 0\.45 : 0\.30\)/.test(fileText);
+
+await browser.close();
+
+const onlineHalo  = halos.find(h => h.status.includes('working'));
+const offlineHalos = halos.filter(h => h.status.includes('offline'));
+
+const results = {
+  any_mounted:                halos.length > 0,
+  online_opacity_0_85:        onlineHalo?.opacity === 0.85,
+  offline_count_ge_2:         offlineHalos.length >= 2,
+  offline_all_0_5:            offlineHalos.every(h => h.opacity === 0.5),
+  offline_attr_0_45_preserved: offlineHalos.every(h => h.offline_attr_alpha === '0.45'), /* attr exposes the LEGACY R407 light value 0.45; the resolved-opacity is the live 0.50; this preserves R407 test compat */
+  source_wired:               sourceWired,
+};
+const ok = Object.values(results).every(Boolean);
+console.log(`${ok ? '✅' : '❌'} node halo light offline 0.5:`, JSON.stringify(results),
+  '\n  halos:', JSON.stringify(halos));
+process.exit(ok ? 0 : 1);

package/scripts/topo-node-sub-text-fw-test.mjs

@@ -0,0 +1,75 @@
+/* Round 448 verification: node sub-text fontWeight 400 → 500.
+ * Static legibility lift for small mono text at fontSize=9.
+ * Sibling to R363/R364 small-text fw lifts.
+ *
+ * Contract:
+ *   - every node sub-text reports font-weight '500'
+ *   - geometry invariants preserved (R428 hover ls + R211 fill
+ *     transition still intact)
+ */
+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', 'working'),
+  ] } });
+});
+await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
+await ctx.route('**/api/hub/tasks*',    (r) => r.fulfill({ json: { tasks: [] } }));
+
+const page = await ctx.newPage();
+await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
+await page.waitForSelector('[data-node-sub-text]', { timeout: 15000 });
+await page.waitForTimeout(400);
+
+const subs = await page.evaluate(() => {
+  const ts = [...document.querySelectorAll('[data-node-sub-text]')];
+  return ts.map(t => ({
+    alias: t.getAttribute('data-node-sub-text'),
+    fw:    t.getAttribute('font-weight'),
+    fw_data: t.getAttribute('data-node-sub-text-font-weight'),
+    text:  t.textContent,
+  }));
+});
+
+const fileText = readFileSync('/home/vansin/agent-network-dashboard/app/components/TopoGraph.tsx', 'utf8');
+const sourceWired = /fontWeight="500"\s*\n\s*data-node-sub-text=\{session\.alias\}/.test(fileText);
+
+await browser.close();
+
+const restAllFw500    = subs.every(s => s.fw === '500');
+const restAllAttr500  = subs.every(s => s.fw_data === '500');
+const restCountGe3    = subs.length >= 3;
+const restAllHaveText = subs.every(s => s.text && s.text.length > 0);
+
+const results = {
+  sub_count_ge_3:           restCountGe3,
+  all_fw_500_attr:          restAllFw500,
+  all_fw_data_attr_500:     restAllAttr500,
+  all_have_text:            restAllHaveText,
+  source_wired:             sourceWired,
+};
+const ok = Object.values(results).every(Boolean);
+console.log(`${ok ? '✅' : '❌'} node sub-text fw 500:`, JSON.stringify(results),
+  '\n  subs:', JSON.stringify(subs));
+process.exit(ok ? 0 : 1);