@sleep2agi/agent-network-dashboard 0.4.6-preview.316 → 0.4.6-preview.317

package/.next/trace-build

@@ -1 +1 @@
-[{"name":"run-turbopack","duration":6148543,"timestamp":113622974106,"id":14,"parentId":1,"tags":{},"startTime":1778921595220,"traceId":"959cbbad74860d20"},{"name":"turbopack-build-events","duration":76,"timestamp":113623267804,"id":15,"parentId":1,"tags":{},"startTime":1778921595514,"traceId":"959cbbad74860d20"},{"name":"run-typescript","duration":9105670,"timestamp":113629131689,"id":16,"parentId":1,"tags":{},"startTime":1778921601378,"traceId":"959cbbad74860d20"},{"name":"static-check","duration":773720,"timestamp":113638381252,"id":19,"parentId":1,"tags":{},"startTime":1778921610628,"traceId":"959cbbad74860d20"},{"name":"static-generation","duration":567192,"timestamp":113639166167,"id":105,"parentId":1,"tags":{},"startTime":1778921611412,"traceId":"959cbbad74860d20"},{"name":"telemetry-flush","duration":20596,"timestamp":113639766818,"id":114,"parentId":1,"tags":{},"startTime":1778921612013,"traceId":"959cbbad74860d20"},{"name":"next-build","duration":17045448,"timestamp":113622741994,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778921594988,"traceId":"959cbbad74860d20"}]
+[{"name":"run-turbopack","duration":6208152,"timestamp":113889433318,"id":14,"parentId":1,"tags":{},"startTime":1778921861680,"traceId":"30116a206ea6cd32"},{"name":"turbopack-build-events","duration":77,"timestamp":113889747023,"id":15,"parentId":1,"tags":{},"startTime":1778921861993,"traceId":"30116a206ea6cd32"},{"name":"run-typescript","duration":9778096,"timestamp":113895650661,"id":16,"parentId":1,"tags":{},"startTime":1778921867897,"traceId":"30116a206ea6cd32"},{"name":"static-check","duration":881002,"timestamp":113905626093,"id":19,"parentId":1,"tags":{},"startTime":1778921877872,"traceId":"30116a206ea6cd32"},{"name":"static-generation","duration":640184,"timestamp":113906518811,"id":105,"parentId":1,"tags":{},"startTime":1778921878765,"traceId":"30116a206ea6cd32"},{"name":"telemetry-flush","duration":28789,"timestamp":113907195779,"id":114,"parentId":1,"tags":{},"startTime":1778921879442,"traceId":"30116a206ea6cd32"},{"name":"next-build","duration":18041416,"timestamp":113889183198,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778921861429,"traceId":"30116a206ea6cd32"}]

package/app/components/TopoGraph.tsx

@@ -3084,7 +3084,20 @@ export function TopoGraph({ sessions, sseSessions, renameSignal }: TopoGraphProp
                   fill="none"
                   stroke={tierStroke}
                   strokeWidth="0.7"
-                  strokeDasharray="2 8"
+                  /* Round 303 / Loop: tier guide dashes tighten from
+                     "2 8" → "2 6" (8px gap → 6px gap). R54 set "2 8"
+                     to read as a faint hint behind everything else;
+                     after R290 (inner radar ring retired) + R291
+                     (starfield 50%) cleared the surrounding backdrop
+                     density, the tier guides carry more "this is the
+                     ring nodes sit on" visual responsibility. Pulling
+                     the gap from 8→6 puts dashes closer together so
+                     the ring reads as a clearer continuous mark
+                     rather than scattered dots, without bumping
+                     strokeWidth (0.7) or opacity (R92 bucketed). The
+                     2px dash itself unchanged — same density signal
+                     per dash, just fewer-px space between them. */
+                  strokeDasharray="2 6"
                   opacity={isLight ? opLight : opDark}
                   className="anet-fade-in"
                   style={{

package/package.json

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

package/scripts/topo-tier-guide-dashes-test.mjs

@@ -0,0 +1,86 @@
+/* Round 303 verification: tier guide ring strokeDasharray tightens
+ * from "2 8" → "2 6". Same 2px dash; 8px gap → 6px gap so dashes
+ * read closer together, giving tier-guide rings clearer continuous-
+ * ring presence after R290/R291 cleared surrounding backdrop noise.
+ *
+ * Contract:
+ *   - All [data-tier-ring] elements have stroke-dasharray '2 6'.
+ *   - strokeWidth still 0.7 (regression).
+ *   - At least one tier ring rendered with the test fixture (4-node
+ *     working fleet → single-tier layout 220 fits).
+ *   - R302 empty-hint ls=0.2 + R301 panel titles ls=0.3 + R300 kicker
+ *     fw=500 + R294 pulse absent 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,
+  });
+  // 4 working nodes → single-tier ring layout.
+  await route.fulfill({ response: r, json: { ...b, sessions: [
+    mk('alpha', 'claude-opus-4'),
+    mk('beta',  'gpt-4o'),
+    mk('gamma', 'claude-sonnet-4'),
+    mk('delta', 'gpt-4'),
+  ] } });
+});
+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.waitForTimeout(400);
+
+const probe = await page.evaluate(() => {
+  const tierRings = [...document.querySelectorAll('[data-tier-ring]')];
+  const samples = tierRings.map(t => ({
+    r:           t.getAttribute('data-tier-ring'),
+    dasharray:   t.getAttribute('stroke-dasharray'),
+    strokeWidth: t.getAttribute('stroke-width'),
+    occupancy:   t.getAttribute('data-tier-occupancy'),
+  }));
+  const empty = document.querySelector('[data-recent-signal-empty]');
+  const recentTitle = document.querySelector('[data-recent-panel-title]');
+  const legendTitle = document.querySelector('[data-legend-panel-title]');
+  const kicker = document.querySelector('[data-topo-section-kicker]');
+  return {
+    samples,
+    emptyLs:       empty?.getAttribute('letter-spacing') ?? null,
+    recentTitleLs: recentTitle?.getAttribute('letter-spacing') ?? null,
+    legendTitleLs: legendTitle?.getAttribute('letter-spacing') ?? null,
+    kickerFw:      kicker ? getComputedStyle(kicker).fontWeight : null,
+    pulseCount:    document.querySelectorAll('[data-pulse-wrapper]').length,
+  };
+});
+await browser.close();
+
+const results = {
+  tier_rings_rendered:     probe.samples.length >= 1,
+  all_dasharray_2_6:       probe.samples.every(s => s.dasharray === '2 6'),
+  all_stroke_width_0_7:    probe.samples.every(s => s.strokeWidth === '0.7'),
+  r302_empty_hint_ls_0_2:  probe.emptyLs === '0.2',
+  r301_recent_title_ls:    probe.recentTitleLs === '0.3',
+  r301_legend_title_ls:    probe.legendTitleLs === '0.3',
+  r300_kicker_fw_500:      String(probe.kickerFw) === '500',
+  r294_pulse_absent:       probe.pulseCount === 0,
+};
+const ok = Object.values(results).every(Boolean);
+console.log(`${ok ? '✅' : '❌'} tier guide dashes:`, JSON.stringify(results),
+  '\n  tier rings sampled:', probe.samples);
+process.exit(ok ? 0 : 1);