@sleep2agi/agent-network-dashboard 0.4.6-preview.296 → 0.4.6-preview.298

package/.next/trace-build

@@ -1 +1 @@
-[{"name":"run-turbopack","duration":5555922,"timestamp":108076747916,"id":14,"parentId":1,"tags":{},"startTime":1778916048994,"traceId":"654647ebd82a1ab4"},{"name":"turbopack-build-events","duration":101,"timestamp":108077065244,"id":15,"parentId":1,"tags":{},"startTime":1778916049312,"traceId":"654647ebd82a1ab4"},{"name":"run-typescript","duration":9383177,"timestamp":108082313386,"id":16,"parentId":1,"tags":{},"startTime":1778916054560,"traceId":"654647ebd82a1ab4"},{"name":"static-check","duration":882222,"timestamp":108091894166,"id":19,"parentId":1,"tags":{},"startTime":1778916064140,"traceId":"654647ebd82a1ab4"},{"name":"static-generation","duration":615386,"timestamp":108092790998,"id":105,"parentId":1,"tags":{},"startTime":1778916065037,"traceId":"654647ebd82a1ab4"},{"name":"telemetry-flush","duration":25963,"timestamp":108093442748,"id":114,"parentId":1,"tags":{},"startTime":1778916065689,"traceId":"654647ebd82a1ab4"},{"name":"next-build","duration":16938623,"timestamp":108076530129,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778916048776,"traceId":"654647ebd82a1ab4"}]
+[{"name":"run-turbopack","duration":5815298,"timestamp":108560591191,"id":14,"parentId":1,"tags":{},"startTime":1778916532837,"traceId":"90d4c1d828320960"},{"name":"turbopack-build-events","duration":73,"timestamp":108560871479,"id":15,"parentId":1,"tags":{},"startTime":1778916533118,"traceId":"90d4c1d828320960"},{"name":"run-typescript","duration":9215882,"timestamp":108566416380,"id":16,"parentId":1,"tags":{},"startTime":1778916538663,"traceId":"90d4c1d828320960"},{"name":"static-check","duration":808482,"timestamp":108575830962,"id":19,"parentId":1,"tags":{},"startTime":1778916548077,"traceId":"90d4c1d828320960"},{"name":"static-generation","duration":572969,"timestamp":108576651563,"id":105,"parentId":1,"tags":{},"startTime":1778916548898,"traceId":"90d4c1d828320960"},{"name":"telemetry-flush","duration":38814,"timestamp":108577255792,"id":114,"parentId":1,"tags":{},"startTime":1778916549502,"traceId":"90d4c1d828320960"},{"name":"next-build","duration":16931194,"timestamp":108560363442,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778916532610,"traceId":"90d4c1d828320960"}]

package/app/components/TopoGraph.tsx

@@ -2810,19 +2810,31 @@ export function TopoGraph({ sessions, sseSessions, renameSignal }: TopoGraphProp
               the hub click outright. */}
           <circle cx={cx} cy={cy} r="330" fill="url(#topo-radar)" style={{ pointerEvents: 'none' }} />
 
-          {/* Round 45: subtle star field — 24 deterministic dots scattered
+          {/* Round 45: subtle star field — deterministic dots scattered
               across the canvas give the radar bg some depth. Skipped on
-              light theme so the white surface stays clean. */}
+              light theme so the white surface stays clean.
+              Round 291 / Loop: starfield dot count 28 → 14 (50%
+              reduction). Post-R290 inner radar ring retirement the
+              canvas has cleared meaningfully — sweep + 3 radar rings
+              + tier guides + nodes + edges are doing the visual work.
+              The starfield's role is atmospheric depth, not
+              information; cutting density by half preserves the
+              "space/radar" feel while removing decoration the eye
+              has to skip. Same R275-R281 减法 family idiom as the
+              orbit / halo / spoke retirements; same R290 pivot back
+              to subtractive register. data-topo-starfield-dot
+              attribute makes the dots probe-able for the regression
+              test. */}
           {!isLight && (
-            <g opacity="0.5" style={{ pointerEvents: 'none' }}>
-              {Array.from({ length: 28 }).map((_, i) => {
+            <g opacity="0.5" style={{ pointerEvents: 'none' }} data-topo-starfield>
+              {Array.from({ length: 14 }).map((_, i) => {
                 // Deterministic pseudo-random scatter so positions are
                 // stable between renders (no JS hydration mismatch).
                 const seed = i * 9301 + 49297;
                 const x = ((seed * 13) % 1000);
                 const y = ((seed * 7) % 680);
                 const r = (i % 3 === 0) ? 1.2 : 0.7;
-                return <circle key={i} cx={x} cy={y} r={r} fill="#a5b4fc" opacity={0.35 + (i % 4) * 0.05} />;
+                return <circle key={i} cx={x} cy={y} r={r} fill="#a5b4fc" opacity={0.35 + (i % 4) * 0.05} data-topo-starfield-dot={i} />;
               })}
             </g>
           )}
@@ -2872,9 +2884,28 @@ export function TopoGraph({ sessions, sseSessions, renameSignal }: TopoGraphProp
 
           {/* radar rings — pure decoration at fixed radii, independent of
               node positions so the radar aesthetic is preserved across tier
-              changes. */}
-          {[90, 170, 250, 330].map(radius => (
-            <circle key={radius} cx={cx} cy={cy} r={radius} fill="none" stroke={pal.ringStroke} strokeWidth="1" opacity={isLight ? 0.6 : 0.35} />
+              changes.
+              Round 290 / Loop: drop the innermost radar ring at r=90.
+              That ring sat ~66px outside the hub (hub radius 24, halo
+              r=18), in the exact zone R276 (orbit particles) / R278
+              (working halo) / R280 (backdrop spokes) cleared during
+              the R275-R281 减法 arc. Post-cleanup the lone r=90 ring
+              read as a leftover decorative loop hugging the hub — a
+              visual element with no remaining sibling to anchor.
+              Dropping it returns to the subtractive register after
+              R282-R289's 8 加法 rounds and lets the hub breathe. The
+              outer three rings (170 / 250 / 330) still carry the
+              radar aesthetic across the canvas. New data-topo-radar-
+              ring attribute exposes each remaining ring radius for
+              test probing. */}
+          {[170, 250, 330].map(radius => (
+            <circle
+              key={radius}
+              cx={cx} cy={cy} r={radius}
+              fill="none" stroke={pal.ringStroke} strokeWidth="1"
+              opacity={isLight ? 0.6 : 0.35}
+              data-topo-radar-ring={radius}
+            />
           ))}
 
           {/* Round 54 / Loop: tier-radius guide rings. The radar rings above

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sleep2agi/agent-network-dashboard",
-  "version": "0.4.6-preview.296",
+  "version": "0.4.6-preview.298",
   "description": "Agent Network Dashboard — Web UI for managing AI Agent networks",
   "scripts": {
     "dev": "next dev",

package/scripts/topo-inner-radar-ring-retired-test.mjs

@@ -0,0 +1,89 @@
+/* Round 290 verification: innermost radar ring at r=90 is retired.
+ * Post-R290 only the outer three rings (170 / 250 / 330) remain.
+ * Returns to 减法 register after R282-R289's 8 加法 rounds.
+ *
+ * Contract:
+ *   - data-topo-radar-ring attributes resolve to ['170', '250', '330'].
+ *   - NO element has data-topo-radar-ring="90".
+ *   - All three remaining rings preserve fill='none' + stroke + the
+ *     pal.ringStroke colour (regression on stroke styling).
+ *   - R289 watermark letterSpacing + R287 minimap rect + R283 monogram
+ *     stroke intact (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'),
+    mk('beta',  'gpt-4o'),
+  ] } });
+});
+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-radar-ring]', { timeout: 15000 });
+await page.waitForSelector('[data-topo-brand-watermark]', { timeout: 10000 });
+await page.waitForTimeout(300);
+
+const probe = await page.evaluate(() => {
+  const rings = [...document.querySelectorAll('[data-topo-radar-ring]')];
+  const sortedRadii = rings.map(r => r.getAttribute('data-topo-radar-ring')).sort((a, b) => +a - +b);
+  const innerRing90 = document.querySelector('[data-topo-radar-ring="90"]');
+  const allHaveFillNone = rings.every(r => r.getAttribute('fill') === 'none');
+  const allHaveStroke   = rings.every(r => r.getAttribute('stroke'));
+  const wm = document.querySelector('[data-topo-brand-watermark]');
+  const wmLs = wm ? getComputedStyle(wm).letterSpacing : null;
+  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];
+  return {
+    radii: sortedRadii,
+    ringCount: rings.length,
+    innerRing90Present: innerRing90 !== null,
+    allFillNone: allHaveFillNone,
+    allStroke:   allHaveStroke,
+    watermarkLetterSpacing: wmLs,
+    alphaAvatarStroke: alphaAvatarCircle?.sw ?? null,
+  };
+});
+await browser.close();
+
+const wmLsVal = parseFloat(probe.watermarkLetterSpacing) || 0;
+
+const results = {
+  three_rings_remain:           probe.ringCount === 3,
+  radii_are_170_250_330:        JSON.stringify(probe.radii) === JSON.stringify(['170', '250', '330']),
+  r90_ring_absent:              probe.innerRing90Present === false,
+  all_rings_fill_none:          probe.allFillNone,
+  all_rings_have_stroke:        probe.allStroke,
+  r289_watermark_ls_kept:       wmLsVal >= 0.4 && wmLsVal <= 0.7,
+  r283_monogram_stroke_kept:    probe.alphaAvatarStroke === '1.5',
+};
+const ok = Object.values(results).every(Boolean);
+console.log(`${ok ? '✅' : '❌'} inner radar ring retired:`, JSON.stringify(results),
+  '\n  remaining radii:', probe.radii,
+  '\n  watermark letter-spacing (R289):', probe.watermarkLetterSpacing,
+  '\n  alpha avatar stroke (R283):', probe.alphaAvatarStroke);
+process.exit(ok ? 0 : 1);

package/scripts/topo-starfield-density-test.mjs

@@ -0,0 +1,89 @@
+/* Round 291 verification: starfield decorative dot count 28 → 14
+ * (50% reduction). Continuation of the 减法 register R290 pivoted
+ * back to. Atmospheric depth preserved; visual density cut in
+ * half so the eye has less ambient decoration to skip past.
+ *
+ * Contract:
+ *   - [data-topo-starfield] container exists (cyber only).
+ *   - 14 [data-topo-starfield-dot] children (was 28).
+ *   - opacity 0.5 on the container unchanged (regression).
+ *   - Light theme: starfield NOT rendered (regression — pre-R291
+ *     behaviour, conditional on !isLight).
+ *   - R290 radar ring set still ['170','250','330'] (regression).
+ *   - R289 watermark letterSpacing + R283 monogram stroke intact.
+ */
+import { chromium } from 'playwright';
+import { readFileSync } from 'node:fs';
+
+const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
+const browser = await chromium.launch({ headless: true });
+const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
+await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
+await ctx.addInitScript(() => {
+  try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
+});
+const fresh = new Date(Date.now() - 60 * 1000).toISOString();
+await ctx.route('**/api/hub/status*', async (route) => {
+  const r = await route.fetch();
+  const b = await r.json();
+  const nid = (b.sessions || [])[0]?.network_id || 'default';
+  const mk = (alias, model) => ({
+    alias, status: 'working', model, runtime: 'claude-code-cli',
+    network_id: nid, project_dir: null,
+    created_at: fresh, updated_at: fresh, last_seen_at: fresh,
+  });
+  await route.fulfill({ response: r, json: { ...b, sessions: [
+    mk('alpha', 'claude-opus-4'),
+    mk('beta',  'gpt-4o'),
+  ] } });
+});
+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-starfield]', { timeout: 15000 });
+await page.waitForSelector('[data-topo-brand-watermark]', { timeout: 10000 });
+await page.waitForTimeout(300);
+
+const probe = await page.evaluate(() => {
+  const sf = document.querySelector('[data-topo-starfield]');
+  const dots = document.querySelectorAll('[data-topo-starfield-dot]');
+  const opacity = sf?.getAttribute('opacity') ?? null;
+  const rings = [...document.querySelectorAll('[data-topo-radar-ring]')]
+    .map(r => r.getAttribute('data-topo-radar-ring')).sort((a, b) => +a - +b);
+  const wm = document.querySelector('[data-topo-brand-watermark]');
+  const wmLs = wm ? getComputedStyle(wm).letterSpacing : null;
+  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];
+  return {
+    starfieldPresent: sf !== null,
+    dotCount:         dots.length,
+    opacity,
+    radarRings:       rings,
+    watermarkLs:      wmLs,
+    alphaAvatarStroke: alphaAvatarCircle?.sw ?? null,
+  };
+});
+await browser.close();
+
+const wmLsVal = parseFloat(probe.watermarkLs) || 0;
+
+const results = {
+  starfield_container_present: probe.starfieldPresent,
+  fourteen_dots:               probe.dotCount === 14,
+  opacity_0_5_kept:            probe.opacity === '0.5',
+  r290_three_rings:            JSON.stringify(probe.radarRings) === JSON.stringify(['170', '250', '330']),
+  r289_watermark_ls_kept:      wmLsVal >= 0.4 && wmLsVal <= 0.7,
+  r283_monogram_stroke_kept:   probe.alphaAvatarStroke === '1.5',
+};
+const ok = Object.values(results).every(Boolean);
+console.log(`${ok ? '✅' : '❌'} starfield density:`, JSON.stringify(results),
+  '\n  dot count (expect 14):', probe.dotCount,
+  '\n  opacity:', probe.opacity,
+  '\n  radar rings (R290):', probe.radarRings);
+process.exit(ok ? 0 : 1);