@sleep2agi/agent-network-dashboard 0.5.1-preview.13 → 0.5.1-preview.131
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.next/BUILD_ID +1 -1
- package/.next/build-manifest.json +3 -3
- package/.next/diagnostics/route-bundle-stats.json +7 -7
- package/.next/fallback-build-manifest.json +3 -3
- package/.next/prerender-manifest.json +3 -3
- package/.next/server/app/_global-error.html +1 -1
- package/.next/server/app/_global-error.rsc +1 -1
- package/.next/server/app/_global-error.segments/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/_global-error.segments/_full.segment.rsc +1 -1
- package/.next/server/app/_global-error.segments/_head.segment.rsc +1 -1
- package/.next/server/app/_global-error.segments/_index.segment.rsc +1 -1
- package/.next/server/app/_global-error.segments/_tree.segment.rsc +1 -1
- package/.next/server/app/_not-found/page_client-reference-manifest.js +1 -1
- package/.next/server/app/_not-found.html +2 -2
- package/.next/server/app/_not-found.rsc +2 -2
- package/.next/server/app/_not-found.segments/_full.segment.rsc +2 -2
- package/.next/server/app/_not-found.segments/_head.segment.rsc +1 -1
- package/.next/server/app/_not-found.segments/_index.segment.rsc +2 -2
- package/.next/server/app/_not-found.segments/_not-found/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/_not-found.segments/_not-found.segment.rsc +1 -1
- package/.next/server/app/_not-found.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/admin/page_client-reference-manifest.js +1 -1
- package/.next/server/app/admin.html +2 -2
- package/.next/server/app/admin.rsc +2 -2
- package/.next/server/app/admin.segments/_full.segment.rsc +2 -2
- package/.next/server/app/admin.segments/_head.segment.rsc +1 -1
- package/.next/server/app/admin.segments/_index.segment.rsc +2 -2
- package/.next/server/app/admin.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/admin.segments/admin/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/admin.segments/admin.segment.rsc +1 -1
- package/.next/server/app/index.html +2 -2
- package/.next/server/app/index.rsc +3 -3
- package/.next/server/app/index.segments/__PAGE__.segment.rsc +2 -2
- package/.next/server/app/index.segments/_full.segment.rsc +3 -3
- package/.next/server/app/index.segments/_head.segment.rsc +1 -1
- package/.next/server/app/index.segments/_index.segment.rsc +2 -2
- package/.next/server/app/index.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/login/page_client-reference-manifest.js +1 -1
- package/.next/server/app/login.html +2 -2
- package/.next/server/app/login.rsc +3 -3
- package/.next/server/app/login.segments/_full.segment.rsc +3 -3
- package/.next/server/app/login.segments/_head.segment.rsc +1 -1
- package/.next/server/app/login.segments/_index.segment.rsc +2 -2
- package/.next/server/app/login.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/login.segments/login/__PAGE__.segment.rsc +2 -2
- package/.next/server/app/login.segments/login.segment.rsc +1 -1
- package/.next/server/app/logs/page_client-reference-manifest.js +1 -1
- package/.next/server/app/logs.html +2 -2
- package/.next/server/app/logs.rsc +2 -2
- package/.next/server/app/logs.segments/_full.segment.rsc +2 -2
- package/.next/server/app/logs.segments/_head.segment.rsc +1 -1
- package/.next/server/app/logs.segments/_index.segment.rsc +2 -2
- package/.next/server/app/logs.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/logs.segments/logs/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/logs.segments/logs.segment.rsc +1 -1
- package/.next/server/app/messages/page_client-reference-manifest.js +1 -1
- package/.next/server/app/messages.html +2 -2
- package/.next/server/app/messages.rsc +2 -2
- package/.next/server/app/messages.segments/_full.segment.rsc +2 -2
- package/.next/server/app/messages.segments/_head.segment.rsc +1 -1
- package/.next/server/app/messages.segments/_index.segment.rsc +2 -2
- package/.next/server/app/messages.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/messages.segments/messages/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/messages.segments/messages.segment.rsc +1 -1
- package/.next/server/app/node/page_client-reference-manifest.js +1 -1
- package/.next/server/app/node.html +2 -2
- package/.next/server/app/node.rsc +2 -2
- package/.next/server/app/node.segments/_full.segment.rsc +2 -2
- package/.next/server/app/node.segments/_head.segment.rsc +1 -1
- package/.next/server/app/node.segments/_index.segment.rsc +2 -2
- package/.next/server/app/node.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/node.segments/node/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/node.segments/node.segment.rsc +1 -1
- package/.next/server/app/nodes/page_client-reference-manifest.js +1 -1
- package/.next/server/app/nodes.html +2 -2
- package/.next/server/app/nodes.rsc +2 -2
- package/.next/server/app/nodes.segments/_full.segment.rsc +2 -2
- package/.next/server/app/nodes.segments/_head.segment.rsc +1 -1
- package/.next/server/app/nodes.segments/_index.segment.rsc +2 -2
- package/.next/server/app/nodes.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/nodes.segments/nodes/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/nodes.segments/nodes.segment.rsc +1 -1
- package/.next/server/app/page.js.nft.json +1 -1
- package/.next/server/app/page_client-reference-manifest.js +1 -1
- package/.next/server/app/server-logs/page_client-reference-manifest.js +1 -1
- package/.next/server/app/server-logs.html +2 -2
- package/.next/server/app/server-logs.rsc +2 -2
- package/.next/server/app/server-logs.segments/_full.segment.rsc +2 -2
- package/.next/server/app/server-logs.segments/_head.segment.rsc +1 -1
- package/.next/server/app/server-logs.segments/_index.segment.rsc +2 -2
- package/.next/server/app/server-logs.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/server-logs.segments/server-logs/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/server-logs.segments/server-logs.segment.rsc +1 -1
- package/.next/server/app/settings/networks/page_client-reference-manifest.js +1 -1
- package/.next/server/app/settings/networks.html +2 -2
- package/.next/server/app/settings/networks.rsc +2 -2
- package/.next/server/app/settings/networks.segments/_full.segment.rsc +2 -2
- package/.next/server/app/settings/networks.segments/_head.segment.rsc +1 -1
- package/.next/server/app/settings/networks.segments/_index.segment.rsc +2 -2
- package/.next/server/app/settings/networks.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/settings/networks.segments/settings/networks/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/settings/networks.segments/settings/networks.segment.rsc +1 -1
- package/.next/server/app/settings/networks.segments/settings.segment.rsc +1 -1
- package/.next/server/app/settings/page_client-reference-manifest.js +1 -1
- package/.next/server/app/settings/tokens/page_client-reference-manifest.js +1 -1
- package/.next/server/app/settings/tokens.html +2 -2
- package/.next/server/app/settings/tokens.rsc +2 -2
- package/.next/server/app/settings/tokens.segments/_full.segment.rsc +2 -2
- package/.next/server/app/settings/tokens.segments/_head.segment.rsc +1 -1
- package/.next/server/app/settings/tokens.segments/_index.segment.rsc +2 -2
- package/.next/server/app/settings/tokens.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/settings/tokens.segments/settings/tokens/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/settings/tokens.segments/settings/tokens.segment.rsc +1 -1
- package/.next/server/app/settings/tokens.segments/settings.segment.rsc +1 -1
- package/.next/server/app/settings.html +2 -2
- package/.next/server/app/settings.rsc +3 -3
- package/.next/server/app/settings.segments/_full.segment.rsc +3 -3
- package/.next/server/app/settings.segments/_head.segment.rsc +1 -1
- package/.next/server/app/settings.segments/_index.segment.rsc +2 -2
- package/.next/server/app/settings.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/settings.segments/settings/__PAGE__.segment.rsc +2 -2
- package/.next/server/app/settings.segments/settings.segment.rsc +1 -1
- package/.next/server/app/tasks/[id]/page_client-reference-manifest.js +1 -1
- package/.next/server/app/tasks/page_client-reference-manifest.js +1 -1
- package/.next/server/app/tasks.html +2 -2
- package/.next/server/app/tasks.rsc +2 -2
- package/.next/server/app/tasks.segments/_full.segment.rsc +2 -2
- package/.next/server/app/tasks.segments/_head.segment.rsc +1 -1
- package/.next/server/app/tasks.segments/_index.segment.rsc +2 -2
- package/.next/server/app/tasks.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/tasks.segments/tasks/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/tasks.segments/tasks.segment.rsc +1 -1
- package/.next/server/chunks/ssr/{[root-of-the-server]__03b.f76._.js → [root-of-the-server]__0sv~g.o._.js} +2 -2
- package/.next/server/chunks/ssr/[root-of-the-server]__0sv~g.o._.js.map +1 -0
- package/.next/server/chunks/ssr/agent-network-dashboard_09kk21a._.js +3 -3
- package/.next/server/chunks/ssr/agent-network-dashboard_09kk21a._.js.map +1 -1
- package/.next/server/chunks/ssr/agent-network-dashboard_app_01jhlxz._.js +1 -1
- package/.next/server/chunks/ssr/agent-network-dashboard_app_01jhlxz._.js.map +1 -1
- package/.next/server/chunks/ssr/agent-network-dashboard_app_09d29my._.js +1 -1
- package/.next/server/chunks/ssr/agent-network-dashboard_app_09d29my._.js.map +1 -1
- package/.next/server/middleware-build-manifest.js +3 -3
- package/.next/server/pages/404.html +2 -2
- package/.next/server/pages/500.html +1 -1
- package/.next/server/server-reference-manifest.js +1 -1
- package/.next/server/server-reference-manifest.json +1 -1
- package/.next/static/chunks/{03~~oirxz7~vc.js → 09dd~tmai-uvf.js} +1 -1
- package/.next/static/chunks/0a4hmfvj-81x5.css +2 -0
- package/.next/static/chunks/0d3qvaags566q.js +1 -0
- package/.next/static/chunks/0y6xhu~ffpycg.js +1 -0
- package/.next/static/chunks/11xegdodzgys0.js +4 -0
- package/.next/trace +2 -2
- package/.next/trace-build +1 -1
- package/app/components/TopoGraph.tsx +2528 -186
- package/package.json +1 -1
- package/screenshots/v0.11.0-147/after.png +0 -0
- package/scripts/p0-147-screenshot.mjs +53 -0
- package/scripts/topo-active-links-chip-hover-lift-test.mjs +93 -0
- package/scripts/topo-chip-digit-fontweight-test.mjs +105 -0
- package/scripts/topo-chip-digit-hover-bold-test.mjs +94 -0
- package/scripts/topo-chip-row-group-hover-brighten-test.mjs +107 -0
- package/scripts/topo-chip-row-hover-lift-test.mjs +95 -0
- package/scripts/topo-chrome-button-hover-lift-test.mjs +94 -0
- package/scripts/topo-chrome-fullscreen-icon-sw-test.mjs +92 -0
- package/scripts/topo-chrome-reset-icon-sw-test.mjs +80 -0
- package/scripts/topo-chrome-segmented-radius-test.mjs +100 -0
- package/scripts/topo-chrome-zoom-icon-sw-test.mjs +90 -0
- package/scripts/topo-click-ripple-opacity-test.mjs +99 -0
- package/scripts/topo-dashboard-version-attr-test.mjs +69 -0
- package/scripts/topo-dense-alias-opacity-test.mjs +68 -0
- package/scripts/topo-edge-badge-digit-fw-test.mjs +103 -0
- package/scripts/topo-edge-badge-fontsize-test.mjs +90 -0
- package/scripts/topo-edge-badge-hover-opacity-test.mjs +94 -0
- package/scripts/topo-edge-badge-hover-stroke-test.mjs +92 -0
- package/scripts/topo-edge-badge-letter-spacing-test.mjs +86 -0
- package/scripts/topo-edge-badge-opacity-test.mjs +80 -0
- package/scripts/topo-edge-badge-pin-opacity-test.mjs +86 -0
- package/scripts/topo-edge-badge-stroke-test.mjs +92 -0
- package/scripts/topo-edge-endpoint-hover-sw-test.mjs +127 -0
- package/scripts/topo-edge-freshness-floor-test.mjs +99 -0
- package/scripts/topo-edge-particle-hover-r-test.mjs +113 -0
- package/scripts/topo-edge-particle-radius-test.mjs +76 -0
- package/scripts/topo-edge-visible-linecap-test.mjs +89 -0
- package/scripts/topo-endpoint-ring-r-hover-test.mjs +89 -0
- package/scripts/topo-filter-pill-hover-lift-test.mjs +101 -0
- package/scripts/topo-filter-pill-hover-opacity-test.mjs +110 -0
- package/scripts/topo-filter-pill-value-fw-test.mjs +88 -0
- package/scripts/topo-filter-pill-x-hover-scale-test.mjs +99 -0
- package/scripts/topo-flow-rail-hover-sw-test.mjs +113 -0
- package/scripts/topo-flow-rail-linecap-test.mjs +79 -0
- package/scripts/topo-freshness-chip-hierarchy-test.mjs +93 -0
- package/scripts/topo-freshness-chip-tabular-test.mjs +41 -0
- package/scripts/topo-freshness-floor-lift-test.mjs +92 -0
- package/scripts/topo-freshness-suffix-tabular-test.mjs +88 -0
- package/scripts/topo-fullscreen-icon-hover-scale-test.mjs +91 -0
- package/scripts/topo-group-box-geom-transition-test.mjs +110 -0
- package/scripts/topo-group-box-stroke-test.mjs +105 -0
- package/scripts/topo-group-label-count-fontweight-test.mjs +108 -0
- package/scripts/topo-group-label-count-fw-test.mjs +100 -0
- package/scripts/topo-group-label-fw-pin-test.mjs +99 -0
- package/scripts/topo-group-label-letter-spacing-test.mjs +113 -0
- package/scripts/topo-group-label-tint-geom-test.mjs +94 -0
- package/scripts/topo-group-label-tint-transition-test.mjs +97 -0
- package/scripts/topo-group-pip-fontsize-test.mjs +106 -0
- package/scripts/topo-hover-detail-body-fw-test.mjs +101 -0
- package/scripts/topo-hover-detail-model-fw-test.mjs +98 -0
- package/scripts/topo-hover-detail-opacity-test.mjs +98 -0
- package/scripts/topo-hover-detail-rx-test.mjs +81 -0
- package/scripts/topo-hub-core-fill-hover-test.mjs +85 -0
- package/scripts/topo-hub-digit-fontsize-test.mjs +86 -0
- package/scripts/topo-hub-digit-fw-hover-test.mjs +102 -0
- package/scripts/topo-hub-halo-light-trough-test.mjs +88 -0
- package/scripts/topo-hub-halo-r-hover-test.mjs +82 -0
- package/scripts/topo-hub-halo-radius-test.mjs +86 -0
- package/scripts/topo-hub-halo-trough-test.mjs +83 -0
- package/scripts/topo-hub-highlight-opacity-test.mjs +88 -0
- package/scripts/topo-hub-highlight-radius-test.mjs +90 -0
- package/scripts/topo-hub-hover-ring-opacity-test.mjs +96 -0
- package/scripts/topo-hub-hover-ring-stroke-test.mjs +86 -0
- package/scripts/topo-hub-spoke-hover-opacity-test.mjs +119 -0
- package/scripts/topo-hub-spoke-hover-sw-test.mjs +121 -0
- package/scripts/topo-hub-spoke-linecap-test.mjs +80 -0
- package/scripts/topo-label-card-opacity-hover-test.mjs +99 -0
- package/scripts/topo-layout-toggle-radius-test.mjs +87 -0
- package/scripts/topo-legend-count-active-opacity-test.mjs +102 -0
- package/scripts/topo-legend-count-pin-fw-test.mjs +90 -0
- package/scripts/topo-legend-label-fontweight-test.mjs +94 -0
- package/scripts/topo-legend-pin-ring-stroke-test.mjs +101 -0
- package/scripts/topo-legend-row-letter-spacing-test.mjs +101 -0
- package/scripts/topo-minimap-offline-opacity-test.mjs +90 -0
- package/scripts/topo-minimap-online-hover-opacity-test.mjs +92 -0
- package/scripts/topo-minimap-online-opacity-test.mjs +93 -0
- package/scripts/topo-minimap-online-radius-test.mjs +85 -0
- package/scripts/topo-minimap-viewport-linejoin-test.mjs +75 -0
- package/scripts/topo-minimap-viewport-opacity-test.mjs +96 -0
- package/scripts/topo-minimap-viewport-rx-test.mjs +85 -0
- package/scripts/topo-more-flows-fontweight-test.mjs +103 -0
- package/scripts/topo-node-alias-letter-spacing-test.mjs +112 -0
- package/scripts/topo-node-halo-hover-opacity-test.mjs +104 -0
- package/scripts/topo-node-halo-light-offline-test.mjs +80 -0
- package/scripts/topo-node-halo-offline-opacity-test.mjs +87 -0
- package/scripts/topo-node-label-card-rx-test.mjs +85 -0
- package/scripts/topo-node-pulse-peak-test.mjs +89 -0
- package/scripts/topo-node-pulse-trough-test.mjs +91 -0
- package/scripts/topo-node-sub-text-fw-test.mjs +75 -0
- package/scripts/topo-node-sub-text-letter-spacing-test.mjs +115 -0
- package/scripts/topo-overlap-stale-build-guard-test.mjs +66 -0
- package/scripts/topo-overlap-test.mjs +42 -1
- package/scripts/topo-panel-count-fw-hover-test.mjs +105 -0
- package/scripts/topo-panel-stroke-hover-test.mjs +110 -0
- package/scripts/topo-pressure-bar-height-test.mjs +92 -0
- package/scripts/topo-pressure-kicker-fontweight-test.mjs +76 -0
- package/scripts/topo-recent-pip-radius-2-test.mjs +72 -0
- package/scripts/topo-recent-pip-radius-test.mjs +76 -0
- package/scripts/topo-recent-row-content-opacity-test.mjs +81 -0
- package/scripts/topo-recent-row-count-pin-fw-test.mjs +106 -0
- package/scripts/topo-recent-row-letter-spacing-test.mjs +109 -0
- package/scripts/topo-recent-row-pip-hover-r-test.mjs +104 -0
- package/scripts/topo-recent-row-text-fontweight-test.mjs +90 -0
- package/scripts/topo-runtime-icon-hover-test.mjs +96 -0
- package/scripts/topo-spoke-active-opacity-test.mjs +104 -0
- package/scripts/topo-spoke-active-stroke-test.mjs +95 -0
- package/scripts/topo-spoke-idle-opacity-test.mjs +91 -0
- package/scripts/topo-status-ring-hover-sw-test.mjs +105 -0
- package/scripts/topo-vendor-chip-hover-lift-test.mjs +87 -0
- package/scripts/topo-vendor-glyph-fontweight-test.mjs +102 -0
- package/scripts/topo-vendor-letter-hover-scale-test.mjs +129 -0
- package/scripts/topo-vendor-suffix-hover-brighten-test.mjs +87 -0
- package/scripts/topo-zoom-level-hover-fw-test.mjs +95 -0
- package/.next/server/chunks/ssr/[root-of-the-server]__03b.f76._.js.map +0 -1
- package/.next/static/chunks/0is7s1ik8dy24.js +0 -4
- package/.next/static/chunks/0kt7qs66ra2.2.css +0 -2
- package/.next/static/chunks/0yl__lz0pv5_7.js +0 -1
- package/.next/static/chunks/1090s4vyw-jrc.js +0 -1
- /package/.next/static/{Fa8EZgmgYGwvcoaGKpSmo → aNROJZBaF0IgNbCcEynAI}/_buildManifest.js +0 -0
- /package/.next/static/{Fa8EZgmgYGwvcoaGKpSmo → aNROJZBaF0IgNbCcEynAI}/_clientMiddlewareManifest.js +0 -0
- /package/.next/static/{Fa8EZgmgYGwvcoaGKpSmo → aNROJZBaF0IgNbCcEynAI}/_ssgManifest.js +0 -0
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
/* Round 420 verification: chrome zoom-level readout gains hover
|
|
2
|
+
* fontWeight 500 → 600 — sibling to R347 hover letter-spacing
|
|
3
|
+
* on the same element. Two-axis hover signature on the chrome
|
|
4
|
+
* strip's only data display.
|
|
5
|
+
*
|
|
6
|
+
* Contract:
|
|
7
|
+
* - At rest: computed fontWeight === '500'
|
|
8
|
+
* - On hover: computed fontWeight === '600' AND letterSpacing > 0
|
|
9
|
+
* (R347 invariant)
|
|
10
|
+
* - Pre-R420 invariants preserved:
|
|
11
|
+
* * className includes 'tabular-nums' + 'font-medium' + 'border-x'
|
|
12
|
+
* * inline style transition list includes 'font-weight'
|
|
13
|
+
* * data-topo-chrome-zoom-level-hover toggles 'false' → 'true'
|
|
14
|
+
*/
|
|
15
|
+
import { chromium } from 'playwright';
|
|
16
|
+
import { readFileSync } from 'node:fs';
|
|
17
|
+
|
|
18
|
+
const TOKEN = JSON.parse(readFileSync('/home/vansin/.anet/config.json', 'utf8')).token;
|
|
19
|
+
const fresh = new Date(Date.now() - 60 * 1000).toISOString();
|
|
20
|
+
|
|
21
|
+
const browser = await chromium.launch({ headless: true });
|
|
22
|
+
const ctx = await browser.newContext({ viewport: { width: 1500, height: 1500 } });
|
|
23
|
+
await ctx.addCookies([{ name: 'anet_dashboard_session', value: `v3:${TOKEN}`, domain: '127.0.0.1', path: '/' }]);
|
|
24
|
+
await ctx.addInitScript(() => {
|
|
25
|
+
try { localStorage.setItem('anet-theme', 'cyber'); sessionStorage.setItem('anet_v3_auth', '1'); } catch {}
|
|
26
|
+
});
|
|
27
|
+
await ctx.route('**/api/hub/status*', async (route) => {
|
|
28
|
+
const r = await route.fetch();
|
|
29
|
+
const b = await r.json();
|
|
30
|
+
const nid = (b.sessions || [])[0]?.network_id || 'default';
|
|
31
|
+
const mk = (alias) => ({
|
|
32
|
+
alias, status: 'idle', model: 'claude-opus-4', runtime: 'claude-code-cli',
|
|
33
|
+
network_id: nid, project_dir: null,
|
|
34
|
+
created_at: fresh, updated_at: fresh, last_seen_at: fresh,
|
|
35
|
+
});
|
|
36
|
+
await route.fulfill({ response: r, json: { ...b, sessions: [ mk('alpha'), mk('beta') ] } });
|
|
37
|
+
});
|
|
38
|
+
await ctx.route('**/api/hub/messages*', (r) => r.fulfill({ json: { messages: [] } }));
|
|
39
|
+
await ctx.route('**/api/hub/tasks*', (r) => r.fulfill({ json: { tasks: [] } }));
|
|
40
|
+
|
|
41
|
+
const page = await ctx.newPage();
|
|
42
|
+
await page.goto('http://127.0.0.1:3000/', { waitUntil: 'domcontentloaded' });
|
|
43
|
+
await page.waitForSelector('[data-topo-chrome-zoom-level]', { timeout: 15000 });
|
|
44
|
+
await page.waitForTimeout(400);
|
|
45
|
+
|
|
46
|
+
const restProbe = await page.evaluate(() => {
|
|
47
|
+
const el = document.querySelector('[data-topo-chrome-zoom-level]');
|
|
48
|
+
if (!el) return null;
|
|
49
|
+
const cs = getComputedStyle(el);
|
|
50
|
+
return {
|
|
51
|
+
className: el.className,
|
|
52
|
+
fwComputed: cs.fontWeight,
|
|
53
|
+
lsComputed: cs.letterSpacing,
|
|
54
|
+
hoverAttr: el.getAttribute('data-topo-chrome-zoom-level-hover'),
|
|
55
|
+
transition: el.getAttribute('style') || '',
|
|
56
|
+
};
|
|
57
|
+
});
|
|
58
|
+
|
|
59
|
+
// Hover the zoom-level via DOM dispatch — onMouseEnter sets hoveredZoomLevel
|
|
60
|
+
await page.hover('[data-topo-chrome-zoom-level]');
|
|
61
|
+
await page.waitForTimeout(400);
|
|
62
|
+
|
|
63
|
+
const hoverProbe = await page.evaluate(() => {
|
|
64
|
+
const el = document.querySelector('[data-topo-chrome-zoom-level]');
|
|
65
|
+
if (!el) return null;
|
|
66
|
+
const cs = getComputedStyle(el);
|
|
67
|
+
return {
|
|
68
|
+
fwComputed: cs.fontWeight,
|
|
69
|
+
lsComputed: cs.letterSpacing,
|
|
70
|
+
hoverAttr: el.getAttribute('data-topo-chrome-zoom-level-hover'),
|
|
71
|
+
};
|
|
72
|
+
});
|
|
73
|
+
|
|
74
|
+
await browser.close();
|
|
75
|
+
|
|
76
|
+
const results = {
|
|
77
|
+
// Rest state
|
|
78
|
+
rest_fw_500: restProbe?.fwComputed === '500',
|
|
79
|
+
rest_ls_zero: restProbe?.lsComputed === 'normal' || restProbe?.lsComputed === '0px',
|
|
80
|
+
rest_hover_attr_false: restProbe?.hoverAttr === 'false',
|
|
81
|
+
rest_has_tabular_nums: restProbe?.className.includes('tabular-nums') === true,
|
|
82
|
+
rest_has_font_medium: restProbe?.className.includes('font-medium') === true,
|
|
83
|
+
rest_has_border_x: restProbe?.className.includes('border-x') === true,
|
|
84
|
+
// R420 transition includes font-weight
|
|
85
|
+
rest_transition_font_weight: restProbe?.transition.includes('font-weight') === true,
|
|
86
|
+
// Hover state: fw 600 + letterSpacing > 0
|
|
87
|
+
hover_fw_600: hoverProbe?.fwComputed === '600',
|
|
88
|
+
hover_ls_lifted: hoverProbe?.lsComputed === '0.5px',
|
|
89
|
+
hover_attr_true: hoverProbe?.hoverAttr === 'true',
|
|
90
|
+
};
|
|
91
|
+
const ok = Object.values(results).every(Boolean);
|
|
92
|
+
console.log(`${ok ? '✅' : '❌'} chrome zoom-level hover fw 500 → 600:`, JSON.stringify(results),
|
|
93
|
+
'\n rest: ', restProbe,
|
|
94
|
+
'\n hover:', hoverProbe);
|
|
95
|
+
process.exit(ok ? 0 : 1);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../agent-network-dashboard/app/lib/status.ts","../../../../../agent-network-dashboard/app/lib/time.ts","../../../../../agent-network-dashboard/app/components/utils.ts","../../../../../agent-network-dashboard/app/components/AliasAvatar.tsx","../../../../../agent-network-dashboard/app/components/EmptyState.tsx","../../../../../agent-network-dashboard/app/lib/hooks.ts"],"sourcesContent":["/** Single source of truth for task status colors. Both `/tasks` (chip\n * strip, badge, distribution bar) and the Overview Recent Activity row\n * used to ship their own incomplete maps; round 66 consolidates them\n * here so adding a new status updates every consumer at once.\n *\n * Order in `TASK_STATUSES` is chronological-ish: lifecycle progress on\n * the left, terminal-good (`closed`) in the middle, terminal-bad\n * (`failed`/`cancelled`/`expired`) on the right. */\n\nexport const TASK_STATUSES = [\n 'created',\n 'delivered',\n 'acked',\n 'running',\n 'replied',\n 'closed',\n 'failed',\n 'cancelled',\n 'expired',\n] as const;\n\nexport type TaskStatus = typeof TASK_STATUSES[number];\n\n/** Pill / chip background+text+border. Tailwind classes, not inlined hex,\n * because chips are static class names safe from purge. */\nexport const STATUS_CHIP_CLASS: Record<string, string> = {\n created: 'bg-gray-500/10 text-gray-400 border-gray-500/20',\n delivered: 'bg-blue-500/10 text-blue-300 border-blue-500/20',\n acked: 'bg-cyan-500/10 text-cyan-300 border-cyan-500/20',\n running: 'bg-green-500/10 text-green-300 border-green-500/20',\n replied: 'bg-purple-500/10 text-purple-300 border-purple-500/20',\n closed: 'bg-gray-500/10 text-gray-500 border-gray-500/20',\n failed: 'bg-red-500/10 text-red-300 border-red-500/20',\n cancelled: 'bg-yellow-500/10 text-yellow-300 border-yellow-500/20',\n expired: 'bg-orange-500/10 text-orange-300 border-orange-500/20',\n};\n\n/** Inline hex dots — used wherever Tailwind would purge dynamic class\n * names (`bg-${family}-400`). Style attribute carries the color. */\nexport const STATUS_DOT_HEX: Record<string, string> = {\n created: '#9ca3af',\n delivered: '#60a5fa',\n acked: '#22d3ee',\n running: '#4ade80',\n replied: '#a78bfa',\n closed: '#6b7280',\n failed: '#f87171',\n cancelled: '#facc15',\n expired: '#fb923c',\n};\n\n/** Session lifecycle (distinct from task lifecycle above). Shared by\n * /nodes status pills and /admin Online Sessions row chips so an\n * agent in `blocked` state reads the same color everywhere.\n * Round 91 — extracted from app/nodes/page.tsx. */\nexport const SESSION_STATUS_CHIP_CLASS: Record<string, string> = {\n working: 'bg-green-500/10 text-green-300 border-green-500/20',\n idle: 'bg-blue-500/10 text-blue-300 border-blue-500/20',\n blocked: 'bg-yellow-500/10 text-yellow-300 border-yellow-500/20',\n error: 'bg-red-500/10 text-red-300 border-red-500/20',\n offline: 'bg-gray-500/10 text-gray-500 border-gray-500/20',\n};\n\n/** Text-only color for session status. Used where a chip background\n * would be too heavy — e.g. /node detail header status label. */\nexport const SESSION_STATUS_TEXT_CLASS: Record<string, string> = {\n working: 'text-green-400',\n idle: 'text-blue-400',\n blocked: 'text-yellow-400',\n error: 'text-red-400',\n offline: 'text-gray-500',\n};\n\n/** Solid bar segment background for the Tasks distribution bar. */\nexport const STATUS_BAR_CLASS: Record<string, string> = {\n created: 'bg-gray-500',\n delivered: 'bg-blue-500',\n acked: 'bg-cyan-500',\n running: 'bg-green-500',\n replied: 'bg-purple-500',\n closed: 'bg-gray-600',\n failed: 'bg-red-500',\n cancelled: 'bg-yellow-500',\n expired: 'bg-orange-500',\n};\n","/** Shared timestamp helpers for hub-sourced data.\n *\n * Background — the CommHub serialises timestamps SQL-style without a\n * zone (\"2026-05-15 06:00:28\"), but some test data uses full ISO\n * (\"…T06:00:28Z\"). `Date.parse` on bare SQL is **local-time** in every\n * browser the dashboard supports, so a UTC+8 operator silently sees\n * every timestamp 8 h older than reality (Round 35 dug this out via\n * the `isGhost` filter mis-fire).\n *\n * Round 38 / Loop consolidates parsing — TopoGraph (R35), ChatPopover\n * (R37) and utils.ts::timeAgo all mirrored the same SQL→UTC rewrite;\n * one source of truth here. */\n\n/** Parse a hub timestamp to ms-since-epoch, treating SQL-style strings\n * as UTC. ISO strings (with `T`) bypass the rewrite and are parsed as-is.\n * Returns null for empty / unparseable input. */\nexport function parseHubTime(dateStr: string | null | undefined): number | null {\n if (!dateStr) return null;\n const iso = dateStr.includes('T') ? dateStr : dateStr.replace(' ', 'T') + 'Z';\n const t = Date.parse(iso);\n return Number.isFinite(t) ? t : null;\n}\n\n/** Format `dateStr` as a short relative-time string (\"6m ago\" / \"2h ago\").\n * Future timestamps (clock skew) collapse to \"just now\". Returns null when\n * the input doesn't parse — callers can decide on a fallback. */\nexport function relativeAgo(dateStr: string | null | undefined): string | null {\n const t = parseHubTime(dateStr);\n if (t === null) return null;\n const s = Math.floor((Date.now() - t) / 1000);\n if (s < 0) return 'just now';\n if (s < 60) return `${s}s ago`;\n if (s < 3600) return `${Math.floor(s / 60)}m ago`;\n if (s < 86400) return `${Math.floor(s / 3600)}h ago`;\n return `${Math.floor(s / 86400)}d ago`;\n}\n","/** Round 82: strip the most common markdown markup from agent-to-agent\n * task / message bodies so single-line table previews read cleanly.\n * Full original content stays in the expanded row / drawer / title=. */\nexport function previewContent(raw: string | null | undefined): string {\n if (!raw) return '--';\n return raw\n .replace(/!\\[([^\\]]*)\\]\\([^)]*\\)/g, '$1') // images:  → alt\n .replace(/\\[([^\\]]+)\\]\\([^)]*\\)/g, '$1') // links: [text](href) → text\n .replace(/`([^`]+)`/g, '$1') // inline code: `x` → x\n .replace(/\\s+/g, ' ') // collapse whitespace\n .trim() || '--';\n}\n\n// Round 44 / Loop: timeAgo now delegates to the shared lib/time helper.\n// The old in-line `replace + 'Z'` parse appended a Z to already-ISO\n// inputs (producing \"…ZZ\", browser-fragile) — strict-superset semantics\n// preserved for SQL-style inputs, fixed for ISO. Plus a 'just now' fallback\n// when clock skew puts the timestamp in the future. Five callers benefit:\n// /admin · /logs · /settings/networks · InboxPanel · /messages.\nimport { relativeAgo } from '../lib/time';\nexport function timeAgo(dateStr: string): string {\n return relativeAgo(dateStr) ?? '--';\n}\n\nexport function statusColor(status: string, hasSse: boolean): string {\n if (hasSse && status === 'working') return 'bg-green-500';\n if (hasSse && status === 'idle') return 'bg-emerald-400';\n if (hasSse) return 'bg-blue-400';\n if (status === 'offline') return 'bg-gray-500';\n return 'bg-yellow-400';\n}\n\nexport function formatUptime(seconds: number): string {\n const h = Math.floor(seconds / 3600);\n const m = Math.floor((seconds % 3600) / 60);\n if (h > 0) return `${h}h ${m}m`;\n return `${m}m`;\n}\n","/** Hue-hashed avatar pill for agent aliases. Same alias → same color across\n * every page (Messages, Nodes, TopoGraph). Use the `size` prop for inline\n * pills (16/20) vs card headers (28). Round 21 introduced the palette;\n * round 22 promotes it from app/messages to a shared component. */\n\nconst AVATAR_HUES = [180, 200, 220, 270, 300, 330, 30, 90];\n\nexport function aliasAvatarColors(alias: string): { bg: string; ring: string; text: string } {\n let h = 0;\n for (let i = 0; i < alias.length; i++) h = (h * 31 + alias.charCodeAt(i)) >>> 0;\n const hue = AVATAR_HUES[h % AVATAR_HUES.length];\n return {\n bg: `hsl(${hue} 55% 22%)`,\n ring: `hsl(${hue} 60% 45%)`,\n text: `hsl(${hue} 80% 78%)`,\n };\n}\n\nexport function aliasInitial(alias?: string): string {\n if (!alias) return '·';\n const ch = alias.trim().match(/[\\p{L}\\p{N}]/u)?.[0] || alias.trim()[0] || '·';\n return ch.toUpperCase();\n}\n\ninterface AliasAvatarProps {\n alias: string;\n size?: number;\n className?: string;\n}\n\nexport function AliasAvatar({ alias, size = 28, className = '' }: AliasAvatarProps) {\n const c = aliasAvatarColors(alias);\n const fs = Math.max(9, Math.round(size * 0.42));\n return (\n <span\n className={`anet-alias-avatar inline-flex items-center justify-center rounded-full border shrink-0 font-semibold ${className}`}\n style={{\n width: size,\n height: size,\n fontSize: fs,\n backgroundColor: c.bg,\n borderColor: c.ring,\n color: c.text,\n }}\n title={alias}\n aria-hidden\n >\n {aliasInitial(alias)}\n </span>\n );\n}\n","'use client';\n\nimport { useState } from 'react';\nimport Link from 'next/link';\n\nexport type EmptyVariant = 'nodes' | 'tasks' | 'messages' | 'logs' | 'tokens' | 'networks' | 'generic';\n\ninterface EmptyStateProps {\n /** Picks the icon glyph and default copy if title/sub omitted. */\n variant?: EmptyVariant;\n /** Optional override headline. */\n title?: string;\n /** Optional override sub-copy. */\n sub?: string;\n /** Optional CTA: text + href (internal) or onClick. */\n cta?: { label: string; href?: string; onClick?: () => void };\n /** Compact mode for in-card empty states (smaller padding). */\n compact?: boolean;\n}\n\nconst DEFAULTS: Record<EmptyVariant, { title: string; sub: string }> = {\n nodes: { title: 'No agents in this network', sub: 'Agent sessions will appear here once they connect to the CommHub.' },\n tasks: { title: 'No tasks yet', sub: 'Tasks will appear here when agents send them via CommHub.' },\n messages: { title: 'No messages', sub: 'Messages between agents will appear here.' },\n logs: { title: 'No audit logs', sub: 'Events will appear here when users register, login, or perform actions.' },\n tokens: { title: 'No API tokens', sub: 'Create one to authenticate CLI tools and external integrations.' },\n networks: { title: 'No networks found', sub: 'Create one or sign in with V3 auth to see your networks.' },\n generic: { title: 'Nothing here yet', sub: 'Data will appear here once available.' },\n};\n\n/**\n * Minimal monochrome SVG glyphs per variant. No filled shapes, no gradients,\n * no AI-decoration — just thin-stroke line art that fades into the page.\n * 64×64 viewBox; rendered at 56×56 (compact 40×40).\n */\nfunction Glyph({ variant, size }: { variant: EmptyVariant; size: number }) {\n const s = { width: size, height: size };\n const baseProps = {\n fill: 'none',\n stroke: 'currentColor',\n strokeWidth: 1.25,\n strokeLinecap: 'round' as const,\n strokeLinejoin: 'round' as const,\n };\n\n switch (variant) {\n case 'nodes':\n // Mesh with dashed edges = \"nodes will land here\"\n return (\n <svg viewBox=\"0 0 64 64\" {...s}>\n <g {...baseProps}>\n <circle cx=\"32\" cy=\"14\" r=\"4\" />\n <circle cx=\"14\" cy=\"44\" r=\"4\" />\n <circle cx=\"50\" cy=\"44\" r=\"4\" />\n <line x1=\"32\" y1=\"18\" x2=\"14\" y2=\"40\" strokeDasharray=\"3 3\" opacity=\"0.6\" />\n <line x1=\"32\" y1=\"18\" x2=\"50\" y2=\"40\" strokeDasharray=\"3 3\" opacity=\"0.6\" />\n <line x1=\"18\" y1=\"44\" x2=\"46\" y2=\"44\" strokeDasharray=\"3 3\" opacity=\"0.6\" />\n </g>\n </svg>\n );\n case 'tasks':\n // Empty checkbox list\n return (\n <svg viewBox=\"0 0 64 64\" {...s}>\n <g {...baseProps}>\n <rect x=\"14\" y=\"14\" width=\"36\" height=\"6\" rx=\"1.5\" />\n <rect x=\"14\" y=\"26\" width=\"36\" height=\"6\" rx=\"1.5\" opacity=\"0.6\" />\n <rect x=\"14\" y=\"38\" width=\"36\" height=\"6\" rx=\"1.5\" opacity=\"0.35\" />\n </g>\n </svg>\n );\n case 'messages':\n // Speech bubble outline\n return (\n <svg viewBox=\"0 0 64 64\" {...s}>\n <g {...baseProps}>\n <path d=\"M14 18 h36 a3 3 0 0 1 3 3 v18 a3 3 0 0 1 -3 3 h-18 l-8 6 v-6 h-10 a3 3 0 0 1 -3 -3 v-18 a3 3 0 0 1 3 -3 z\" />\n <line x1=\"22\" y1=\"28\" x2=\"42\" y2=\"28\" opacity=\"0.5\" />\n <line x1=\"22\" y1=\"34\" x2=\"36\" y2=\"34\" opacity=\"0.5\" />\n </g>\n </svg>\n );\n case 'logs':\n // Document with lines\n return (\n <svg viewBox=\"0 0 64 64\" {...s}>\n <g {...baseProps}>\n <path d=\"M18 12 h22 l8 8 v32 a2 2 0 0 1 -2 2 h-28 a2 2 0 0 1 -2 -2 v-38 a2 2 0 0 1 2 -2 z\" />\n <path d=\"M40 12 v8 h8\" opacity=\"0.6\" />\n <line x1=\"24\" y1=\"32\" x2=\"40\" y2=\"32\" opacity=\"0.55\" />\n <line x1=\"24\" y1=\"38\" x2=\"40\" y2=\"38\" opacity=\"0.4\" />\n <line x1=\"24\" y1=\"44\" x2=\"34\" y2=\"44\" opacity=\"0.25\" />\n </g>\n </svg>\n );\n case 'tokens':\n // Key outline\n return (\n <svg viewBox=\"0 0 64 64\" {...s}>\n <g {...baseProps}>\n <circle cx=\"22\" cy=\"32\" r=\"8\" />\n <line x1=\"30\" y1=\"32\" x2=\"54\" y2=\"32\" />\n <line x1=\"44\" y1=\"32\" x2=\"44\" y2=\"38\" />\n <line x1=\"50\" y1=\"32\" x2=\"50\" y2=\"40\" />\n </g>\n </svg>\n );\n case 'networks':\n // Globe-ish concentric ovals\n return (\n <svg viewBox=\"0 0 64 64\" {...s}>\n <g {...baseProps}>\n <circle cx=\"32\" cy=\"32\" r=\"18\" />\n <ellipse cx=\"32\" cy=\"32\" rx=\"18\" ry=\"9\" opacity=\"0.55\" />\n <line x1=\"14\" y1=\"32\" x2=\"50\" y2=\"32\" opacity=\"0.55\" />\n <line x1=\"32\" y1=\"14\" x2=\"32\" y2=\"50\" opacity=\"0.55\" />\n </g>\n </svg>\n );\n case 'generic':\n default:\n // Soft sparkle outline\n return (\n <svg viewBox=\"0 0 64 64\" {...s}>\n <g {...baseProps}>\n <circle cx=\"32\" cy=\"32\" r=\"14\" strokeDasharray=\"3 3\" opacity=\"0.6\" />\n <circle cx=\"32\" cy=\"32\" r=\"3\" />\n </g>\n </svg>\n );\n }\n}\n\nexport function EmptyState({ variant = 'generic', title, sub, cta, compact = false }: EmptyStateProps) {\n const d = DEFAULTS[variant];\n const headline = title ?? d.title;\n const subcopy = sub ?? d.sub;\n const iconSize = compact ? 40 : 56;\n\n return (\n <div className={`text-center ${compact ? 'py-8' : 'py-16'} px-4`} role=\"status\">\n <div className=\"anet-empty-glyph inline-flex items-center justify-center mb-4 text-gray-500\" aria-hidden>\n <Glyph variant={variant} size={iconSize} />\n </div>\n <h3 className={`font-medium text-gray-300 ${compact ? 'text-sm' : 'text-base'}`}>{headline}</h3>\n {subcopy && (\n <p className={`text-gray-500 ${compact ? 'text-xs mt-1.5' : 'text-sm mt-2'} max-w-md mx-auto leading-relaxed`}>\n {subcopy}\n </p>\n )}\n {cta && (\n <div className=\"mt-4\">\n {cta.href ? (\n <Link href={cta.href} className=\"inline-flex items-center gap-1.5 text-sm font-medium text-cyan-400 hover:text-cyan-300\">\n {cta.label}\n <span aria-hidden>→</span>\n </Link>\n ) : (\n <button onClick={cta.onClick} className=\"inline-flex items-center gap-1.5 text-sm font-medium text-cyan-400 hover:text-cyan-300\">\n {cta.label}\n <span aria-hidden>→</span>\n </button>\n )}\n </div>\n )}\n </div>\n );\n}\n\n/** Round 105 (issue #90): centered card shell so the Overview empty state\n * reads as an intentional, layout-aligned card instead of bare text\n * floating in the content column. */\nfunction EmptyCard({ children }: { children: React.ReactNode }) {\n return (\n <div className=\"max-w-2xl mx-auto rounded-xl border border-[#2a2a4a] bg-[#111128] shadow-lg shadow-black/20\">\n {children}\n </div>\n );\n}\n\n/**\n * Overview-specific variant. Three cases:\n * 1. network-mismatch — agents exist globally, none in this network\n * 2. agents-offline — 0 registered now BUT task history exists, so this\n * is NOT a first run (round 105 / issue #90: showing \"Spin up your\n * first agent\" next to \"acked: 499\" was misleading)\n * 3. true first-run — 0 agents, 0 history → quickstart command\n */\nexport function NodesEmptyState({\n hint,\n taskHistoryCount = 0,\n}: {\n hint?: { global_count?: number; filtered_network?: string };\n taskHistoryCount?: number;\n}) {\n if (hint?.global_count) {\n return (\n <EmptyCard>\n <EmptyState\n variant=\"nodes\"\n title=\"No agents in this network\"\n sub={`Server has ${hint.global_count} nodes globally, but none are registered to the current network. Switch network or contact admin.`}\n />\n </EmptyCard>\n );\n }\n\n // Round 105 (issue #90): there's task history but no agents online right\n // now — they finished or disconnected. Don't pitch a first-run setup;\n // point at the history instead.\n if (taskHistoryCount > 0) {\n return (\n <EmptyCard>\n <EmptyState\n variant=\"nodes\"\n title=\"No agents online\"\n sub={`Every agent in this network is currently offline. ${taskHistoryCount.toLocaleString()} task${taskHistoryCount === 1 ? '' : 's'} in history — they may have finished their work or disconnected.`}\n cta={{ label: 'View task history', href: '/tasks' }}\n />\n </EmptyCard>\n );\n }\n\n // Round 52: true empty state (zero agents anywhere) — show the\n // quickstart command inline so users don't have to leave the dashboard\n // to figure out how to spin up their first agent.\n return (\n <EmptyCard>\n <div className=\"text-center py-16 px-4\" role=\"status\">\n <div className=\"anet-empty-glyph inline-flex items-center justify-center mb-4 text-gray-500\" aria-hidden>\n <svg viewBox=\"0 0 64 64\" width={56} height={56}>\n <g stroke=\"currentColor\" strokeWidth=\"1.5\" fill=\"none\">\n <rect x=\"10\" y=\"20\" width=\"44\" height=\"28\" rx=\"2\" />\n <rect x=\"20\" y=\"32\" width=\"6\" height=\"8\" opacity=\"0.5\" />\n <rect x=\"32\" y=\"32\" width=\"6\" height=\"8\" opacity=\"0.5\" />\n <rect x=\"44\" y=\"32\" width=\"4\" height=\"8\" opacity=\"0.5\" />\n <line x1=\"10\" y1=\"26\" x2=\"54\" y2=\"26\" opacity=\"0.4\" />\n <circle cx=\"14\" cy=\"23\" r=\"0.8\" fill=\"currentColor\" />\n </g>\n </svg>\n </div>\n <h3 className=\"font-medium text-gray-300 text-base\">Spin up your first agent</h3>\n <p className=\"text-gray-500 text-sm mt-2 max-w-md mx-auto leading-relaxed\">\n Run this in a fresh terminal to register an agent with this CommHub:\n </p>\n <div className=\"mt-4 inline-block\">\n <QuickstartCommand cmd=\"npx --yes @sleep2agi/agent-network init\" />\n </div>\n <div className=\"mt-3\">\n <a\n href=\"https://anet.sh\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"inline-flex items-center gap-1.5 text-xs font-medium text-gray-500 hover:text-cyan-300\"\n >\n Full quickstart guide\n <span aria-hidden>→</span>\n </a>\n </div>\n </div>\n </EmptyCard>\n );\n}\n\n/** Code block + inline copy button used by the empty-Overview first-run\n * CTA. State lives here so the parent stays stateless. */\nfunction QuickstartCommand({ cmd }: { cmd: string }) {\n const [copied, setCopied] = useState(false);\n const onCopy = async () => {\n try {\n await navigator.clipboard.writeText(cmd);\n setCopied(true);\n setTimeout(() => setCopied(false), 1800);\n } catch {}\n };\n return (\n <div className=\"anet-empty-cmd flex items-center gap-2 bg-[#0a0a15] border border-[#2a2a4a] rounded-lg pl-4 pr-1.5 py-1.5 text-xs sm:text-sm\">\n <code className=\"text-cyan-300 font-mono select-all\">{cmd}</code>\n <button\n type=\"button\"\n onClick={onCopy}\n aria-label={copied ? 'Copied' : 'Copy command'}\n className=\"shrink-0 rounded-md px-2 py-1.5 text-[11px] text-gray-500 hover:text-gray-200 hover:bg-[#1a1a2a] transition-colors\"\n >\n {copied ? (\n <span className=\"flex items-center gap-1 text-green-400\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n <path d=\"M20 6 9 17l-5-5\" />\n </svg>\n Copied\n </span>\n ) : (\n <span className=\"flex items-center gap-1\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\" />\n <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\" />\n </svg>\n Copy\n </span>\n )}\n </button>\n </div>\n );\n}\n","import useSWR from 'swr';\nimport { Session, Health, AnetConfig } from '../components/types';\nimport { useNetworkId } from './network-context';\n\nconst fetcher = async (url: string) => {\n const res = await fetch(url);\n if (res.status === 401) {\n window.location.assign('/login');\n throw new Error('unauthorized');\n }\n return res.json();\n};\n\nconst SWR_OPTIONS = { refreshInterval: 5000, dedupingInterval: 3000 };\n\n/** Append network_id to URL if set */\nfunction withNetwork(url: string, networkId: string): string {\n if (!networkId) return url;\n const sep = url.includes('?') ? '&' : '?';\n return `${url}${sep}network_id=${encodeURIComponent(networkId)}`;\n}\n\nexport function useSessions() {\n const { networkId } = useNetworkId();\n const { data, error, isLoading } = useSWR<{ sessions: Session[]; _hint?: { global_count?: number; filtered_network?: string } }>(\n withNetwork('/api/hub/status', networkId),\n fetcher,\n SWR_OPTIONS,\n );\n return { sessions: data?.sessions || [], hint: data?._hint, error, isLoading };\n}\n\nexport function useHealth() {\n const { data, error } = useSWR<Health>('/api/hub/health', fetcher, SWR_OPTIONS);\n return { health: data || null, error };\n}\n\nexport function useAnetConfig() {\n const { data } = useSWR<AnetConfig>('/api/anet/config', fetcher, { refreshInterval: 30000 });\n return { config: data || null };\n}\n\nexport function useTasks(params?: Record<string, string>) {\n const { networkId } = useNetworkId();\n const query = new URLSearchParams({ limit: '100', ...params }).toString();\n const { data, error, isLoading } = useSWR(\n withNetwork(`/api/hub/tasks?${query}`, networkId),\n fetcher,\n SWR_OPTIONS,\n );\n return {\n tasks: data?.tasks || [],\n count: data?.count ?? 0,\n source: data?.source,\n error,\n isLoading,\n };\n}\n\nexport function useStats() {\n const { networkId } = useNetworkId();\n const { data, error } = useSWR(withNetwork('/api/hub/stats', networkId), fetcher, SWR_OPTIONS);\n return { stats: data?.ok ? data : null, error };\n}\n\nexport function useLicense() {\n const { data, error } = useSWR('/api/hub/license', fetcher, { refreshInterval: 60000 });\n return { license: data?.ok ? data : null, error };\n}\n\nexport function useMessages(limit = 100) {\n const { networkId } = useNetworkId();\n const { data, error, isLoading } = useSWR(\n withNetwork(`/api/hub/messages?limit=${limit}`, networkId),\n fetcher,\n SWR_OPTIONS,\n );\n return { messages: data?.messages || [], error, isLoading };\n}\n\nexport function useNodeSession(alias: string) {\n const { data, error, isLoading } = useSWR(\n alias ? `/api/hub/session?alias=${encodeURIComponent(alias)}` : null,\n fetcher,\n SWR_OPTIONS,\n );\n return {\n session: data?.session || null,\n inbox: data?.inbox || [],\n sse: data?.sse || 0,\n error,\n isLoading,\n };\n}\n"],"names":["TASK_STATUSES","STATUS_CHIP_CLASS","created","delivered","acked","running","replied","closed","failed","cancelled","expired","STATUS_DOT_HEX","SESSION_STATUS_CHIP_CLASS","working","idle","blocked","error","offline","SESSION_STATUS_TEXT_CLASS","STATUS_BAR_CLASS","parseHubTime","dateStr","iso","includes","replace","t","Date","parse","Number","isFinite","relativeAgo","s","Math","floor","now","AVATAR_HUES","aliasAvatarColors","alias","h","i","length","charCodeAt","hue","bg","ring","text","aliasInitial","ch","trim","match","toUpperCase","AliasAvatar","size","className","c","fs","max","round","style","width","height","fontSize","backgroundColor","borderColor","color","title","DEFAULTS","nodes","sub","tasks","messages","logs","tokens","networks","generic","Glyph","variant","baseProps","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","viewBox","cx","cy","r","x1","y1","x2","y2","strokeDasharray","opacity","x","y","rx","d","ry","EmptyState","cta","compact","headline","subcopy","iconSize","role","href","label","onClick","EmptyCard","children","NodesEmptyState","hint","taskHistoryCount","global_count","toLocaleString","QuickstartCommand","cmd","target","rel","copied","setCopied","onCopy","navigator","clipboard","writeText","setTimeout","type","fetcher","url","res","fetch","status","window","location","assign","Error","json","SWR_OPTIONS","refreshInterval","dedupingInterval","withNetwork","networkId","sep","encodeURIComponent","useSessions","data","isLoading","sessions","_hint","useHealth","health","useAnetConfig","config","useTasks","params","query","URLSearchParams","limit","toString","count","source","useStats","stats","ok","useLicense","license","useMessages","useNodeSession","session","inbox","sse"],"mappings":"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"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,136,(e,t,a)=>{},7454,(e,t,a)=>{var n=e.i(20888);e.r(136);var s=e.r(23910),r=s&&"object"==typeof s&&"default"in s?s:{default:s},o=void 0!==n.default&&n.default.env&&!0,l=function(e){return"[object String]"===Object.prototype.toString.call(e)},i=function(){function e(e){var t=void 0===e?{}:e,a=t.name,n=void 0===a?"stylesheet":a,s=t.optimizeForSpeed,r=void 0===s?o:s;c(l(n),"`name` must be a string"),this._name=n,this._deletedRulePlaceholder="#"+n+"-deleted-rule____{}",c("boolean"==typeof r,"`optimizeForSpeed` must be a boolean"),this._optimizeForSpeed=r,this._serverSheet=void 0,this._tags=[],this._injected=!1,this._rulesCount=0;var i="u">typeof window&&document.querySelector('meta[property="csp-nonce"]');this._nonce=i?i.getAttribute("content"):null}var t,a=e.prototype;return a.setOptimizeForSpeed=function(e){c("boolean"==typeof e,"`setOptimizeForSpeed` accepts a boolean"),c(0===this._rulesCount,"optimizeForSpeed cannot be when rules have already been inserted"),this.flush(),this._optimizeForSpeed=e,this.inject()},a.isOptimizeForSpeed=function(){return this._optimizeForSpeed},a.inject=function(){var e=this;if(c(!this._injected,"sheet already injected"),this._injected=!0,"u">typeof window&&this._optimizeForSpeed){this._tags[0]=this.makeStyleTag(this._name),this._optimizeForSpeed="insertRule"in this.getSheet(),this._optimizeForSpeed||(o||console.warn("StyleSheet: optimizeForSpeed mode not supported falling back to standard mode."),this.flush(),this._injected=!0);return}this._serverSheet={cssRules:[],insertRule:function(t,a){return"number"==typeof a?e._serverSheet.cssRules[a]={cssText:t}:e._serverSheet.cssRules.push({cssText:t}),a},deleteRule:function(t){e._serverSheet.cssRules[t]=null}}},a.getSheetForTag=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]},a.getSheet=function(){return this.getSheetForTag(this._tags[this._tags.length-1])},a.insertRule=function(e,t){if(c(l(e),"`insertRule` accepts only strings"),"u"<typeof window)return"number"!=typeof t&&(t=this._serverSheet.cssRules.length),this._serverSheet.insertRule(e,t),this._rulesCount++;if(this._optimizeForSpeed){var a=this.getSheet();"number"!=typeof t&&(t=a.cssRules.length);try{a.insertRule(e,t)}catch(t){return o||console.warn("StyleSheet: illegal rule: \n\n"+e+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),-1}}else{var n=this._tags[t];this._tags.push(this.makeStyleTag(this._name,e,n))}return this._rulesCount++},a.replaceRule=function(e,t){if(this._optimizeForSpeed||"u"<typeof window){var a="u">typeof window?this.getSheet():this._serverSheet;if(t.trim()||(t=this._deletedRulePlaceholder),!a.cssRules[e])return e;a.deleteRule(e);try{a.insertRule(t,e)}catch(n){o||console.warn("StyleSheet: illegal rule: \n\n"+t+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),a.insertRule(this._deletedRulePlaceholder,e)}}else{var n=this._tags[e];c(n,"old rule at index `"+e+"` not found"),n.textContent=t}return e},a.deleteRule=function(e){if("u"<typeof window)return void this._serverSheet.deleteRule(e);if(this._optimizeForSpeed)this.replaceRule(e,"");else{var t=this._tags[e];c(t,"rule at index `"+e+"` not found"),t.parentNode.removeChild(t),this._tags[e]=null}},a.flush=function(){this._injected=!1,this._rulesCount=0,"u">typeof window?(this._tags.forEach(function(e){return e&&e.parentNode.removeChild(e)}),this._tags=[]):this._serverSheet.cssRules=[]},a.cssRules=function(){var e=this;return"u"<typeof window?this._serverSheet.cssRules:this._tags.reduce(function(t,a){return a?t=t.concat(Array.prototype.map.call(e.getSheetForTag(a).cssRules,function(t){return t.cssText===e._deletedRulePlaceholder?null:t})):t.push(null),t},[])},a.makeStyleTag=function(e,t,a){t&&c(l(t),"makeStyleTag accepts only strings as second parameter");var n=document.createElement("style");this._nonce&&n.setAttribute("nonce",this._nonce),n.type="text/css",n.setAttribute("data-"+e,""),t&&n.appendChild(document.createTextNode(t));var s=document.head||document.getElementsByTagName("head")[0];return a?s.insertBefore(n,a):s.appendChild(n),n},t=[{key:"length",get:function(){return this._rulesCount}}],function(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}(e.prototype,t),e}();function c(e,t){if(!e)throw Error("StyleSheet: "+t+".")}var d=function(e){for(var t=5381,a=e.length;a;)t=33*t^e.charCodeAt(--a);return t>>>0},u={};function h(e,t){if(!t)return"jsx-"+e;var a=String(t),n=e+a;return u[n]||(u[n]="jsx-"+d(e+"-"+a)),u[n]}function p(e,t){"u"<typeof window&&(t=t.replace(/\/style/gi,"\\/style"));var a=e+t;return u[a]||(u[a]=t.replace(/__jsx-style-dynamic-selector/g,e)),u[a]}var m=function(){function e(e){var t=void 0===e?{}:e,a=t.styleSheet,n=void 0===a?null:a,s=t.optimizeForSpeed,r=void 0!==s&&s;this._sheet=n||new i({name:"styled-jsx",optimizeForSpeed:r}),this._sheet.inject(),n&&"boolean"==typeof r&&(this._sheet.setOptimizeForSpeed(r),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),this._fromServer=void 0,this._indices={},this._instancesCounts={}}var t=e.prototype;return t.add=function(e){var t=this;void 0===this._optimizeForSpeed&&(this._optimizeForSpeed=Array.isArray(e.children),this._sheet.setOptimizeForSpeed(this._optimizeForSpeed),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),"u">typeof window&&!this._fromServer&&(this._fromServer=this.selectFromServer(),this._instancesCounts=Object.keys(this._fromServer).reduce(function(e,t){return e[t]=0,e},{}));var a=this.getIdAndRules(e),n=a.styleId,s=a.rules;if(n in this._instancesCounts){this._instancesCounts[n]+=1;return}var r=s.map(function(e){return t._sheet.insertRule(e)}).filter(function(e){return -1!==e});this._indices[n]=r,this._instancesCounts[n]=1},t.remove=function(e){var t=this,a=this.getIdAndRules(e).styleId;if(function(e,t){if(!e)throw Error("StyleSheetRegistry: "+t+".")}(a in this._instancesCounts,"styleId: `"+a+"` not found"),this._instancesCounts[a]-=1,this._instancesCounts[a]<1){var n=this._fromServer&&this._fromServer[a];n?(n.parentNode.removeChild(n),delete this._fromServer[a]):(this._indices[a].forEach(function(e){return t._sheet.deleteRule(e)}),delete this._indices[a]),delete this._instancesCounts[a]}},t.update=function(e,t){this.add(t),this.remove(e)},t.flush=function(){this._sheet.flush(),this._sheet.inject(),this._fromServer=void 0,this._indices={},this._instancesCounts={}},t.cssRules=function(){var e=this,t=this._fromServer?Object.keys(this._fromServer).map(function(t){return[t,e._fromServer[t]]}):[],a=this._sheet.cssRules();return t.concat(Object.keys(this._indices).map(function(t){return[t,e._indices[t].map(function(e){return a[e].cssText}).join(e._optimizeForSpeed?"":"\n")]}).filter(function(e){return!!e[1]}))},t.styles=function(e){var t,a;return t=this.cssRules(),void 0===(a=e)&&(a={}),t.map(function(e){var t=e[0],n=e[1];return r.default.createElement("style",{id:"__"+t,key:"__"+t,nonce:a.nonce?a.nonce:void 0,dangerouslySetInnerHTML:{__html:n}})})},t.getIdAndRules=function(e){var t=e.children,a=e.dynamic,n=e.id;if(a){var s=h(n,a);return{styleId:s,rules:Array.isArray(t)?t.map(function(e){return p(s,e)}):[p(s,t)]}}return{styleId:h(n),rules:Array.isArray(t)?t:[t]}},t.selectFromServer=function(){return Array.prototype.slice.call(document.querySelectorAll('[id^="__jsx-"]')).reduce(function(e,t){return e[t.id.slice(2)]=t,e},{})},e}(),f=s.createContext(null);function x(){return new m}function g(){return s.useContext(f)}f.displayName="StyleSheetContext";var y=r.default.useInsertionEffect||r.default.useLayoutEffect,b="u">typeof window?x():void 0;function v(e){var t=b||g();return t&&("u"<typeof window?t.add(e):y(function(){return t.add(e),function(){t.remove(e)}},[e.id,String(e.dynamic)])),null}v.dynamic=function(e){return e.map(function(e){return h(e[0],e[1])}).join(" ")},a.StyleRegistry=function(e){var t=e.registry,a=e.children,n=s.useContext(f),o=s.useState(function(){return n||t||x()})[0];return r.default.createElement(f.Provider,{value:o},a)},a.createStyleRegistry=x,a.style=v,a.useStyleRegistry=g},6694,(e,t,a)=>{t.exports=e.r(7454).style},18722,e=>{"use strict";var t=e.i(20888),a=e.i(22381),n=e.i(23910),s=e.i(56839),r=e.i(3479);function o({online:e,working:t,total:n,version:s,uptime:r}){let i=n>0?Math.round(e/n*100):0,c=0===n;return(0,a.jsxs)("div",{className:c?"mb-4":"mb-8",children:[(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-3 mb-4",children:[(0,a.jsx)("h1",{className:"text-2xl font-bold text-white tracking-tight",children:"Agent Network"}),(0,a.jsxs)("span",{className:"text-xs text-gray-500",children:["CommHub ",s," · ",r]})]}),c?(0,a.jsxs)("div",{className:"anet-stat-strip flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-gray-500 border-t border-b border-[#2a2a4a] py-2",children:[(0,a.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,a.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full bg-gray-600"}),(0,a.jsx)("span",{className:"text-gray-300 tabular-nums",children:"0"})," online"]}),(0,a.jsx)("span",{className:"text-gray-700",children:"·"}),(0,a.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,a.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full bg-gray-600"}),(0,a.jsx)("span",{className:"text-gray-300 tabular-nums",children:"0"})," working"]}),(0,a.jsx)("span",{className:"text-gray-700",children:"·"}),(0,a.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,a.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full bg-gray-600"}),(0,a.jsx)("span",{className:"text-gray-300 tabular-nums",children:"0"})," registered"]})]}):(0,a.jsxs)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3",children:[(0,a.jsx)(l,{value:e,label:"Online",sub:`${i}% of fleet`,color:"text-green-400",accent:"from-green-500/20 to-green-500/0",border:"border-green-500/15"}),(0,a.jsx)(l,{value:t,label:"Working",sub:e>0?`${Math.round(t/e*100)}% utilization`:"--",color:"text-cyan-400",accent:"from-cyan-500/20 to-cyan-500/0",border:"border-cyan-500/15"}),(0,a.jsx)(l,{value:n-e,label:"Offline",sub:n-e==0?"All systems go":`${n-e} disconnected`,color:"text-gray-400",accent:"from-gray-500/10 to-gray-500/0",border:"border-gray-500/15"}),(0,a.jsx)(l,{value:n,label:"Total",sub:"Registered nodes",color:"text-white",accent:"from-blue-500/15 to-blue-500/0",border:"border-blue-500/15"})]})]})}function l({value:e,label:t,sub:n,color:s,accent:r,border:o}){let i=s.replace("text-","").split("-")[0];return(0,a.jsxs)("div",{"data-anet-stat-card":i,className:`anet-stat-card relative overflow-hidden rounded-xl border ${o} bg-[#111128] px-4 py-3 transition-all`,children:[(0,a.jsx)("div",{className:`absolute inset-0 bg-gradient-to-br ${r} pointer-events-none`}),(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("div",{className:`text-3xl font-bold ${s} tabular-nums leading-tight`,children:e}),(0,a.jsx)("div",{className:"text-sm text-gray-300 mt-0.5",children:t}),(0,a.jsx)("div",{className:"text-xs text-gray-600 mt-1",children:n})]})]})}function i(){let[e,t]=(0,n.useState)(""),[s,r]=(0,n.useState)(!1),[o,l]=(0,n.useState)(""),i=async()=>{if(e.trim()){r(!0),l("");try{let a=await fetch("/api/hub/broadcast",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({message:e})}),n=await a.json();n.ok?(l(`Broadcast sent to ${n.recipients} node(s)`),t("")):l(`Failed: ${n.error||"Send error"}`)}catch(e){l(`Failed: ${e instanceof Error?e.message:"Send error"}`)}r(!1),setTimeout(()=>l(""),5e3)}};return(0,a.jsxs)("div",{className:"mb-6",children:[(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)("input",{type:"text",value:e,onChange:e=>t(e.target.value),onKeyDown:e=>"Enter"===e.key&&i(),placeholder:"Broadcast message to all online agents...",maxLength:500,"aria-label":"Broadcast message",className:"flex-1 bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-2.5 text-sm text-white placeholder-gray-600 focus:border-blue-500/50 focus:ring-1 focus:ring-blue-500/20 focus:outline-none transition-colors"}),(0,a.jsx)("button",{onClick:i,disabled:s||!e.trim(),"aria-label":"Send broadcast",className:"flex items-center gap-2 px-5 py-2.5 bg-blue-600 hover:bg-blue-500 disabled:bg-gray-800 disabled:text-gray-600 text-white text-sm rounded-lg transition-all font-medium cursor-pointer disabled:cursor-not-allowed",children:s?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("svg",{"aria-hidden":!0,className:"w-4 h-4 animate-spin",viewBox:"0 0 24 24",fill:"none",children:[(0,a.jsx)("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"3",opacity:"0.25"}),(0,a.jsx)("path",{d:"M4 12a8 8 0 018-8",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round"})]}),(0,a.jsx)("span",{children:"Sending…"})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("svg",{"aria-hidden":!0,className:"w-4 h-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,a.jsx)("path",{d:"M3 11v3a1 1 0 0 0 1 1h2l3.29 3.29a1 1 0 0 0 1.71-.71V7.42a1 1 0 0 0-1.71-.71L6 10H4a1 1 0 0 0-1 1Z"}),(0,a.jsx)("path",{d:"M16 8a5 5 0 0 1 0 6",opacity:"0.7"}),(0,a.jsx)("path",{d:"M19 5a9 9 0 0 1 0 12",opacity:"0.45"})]}),(0,a.jsx)("span",{children:"Broadcast"})]})})]}),e.length>0&&(0,a.jsxs)("div",{className:"text-right text-xs text-gray-600 mt-1 tabular-nums",children:[e.length,"/500"]}),o&&(0,a.jsx)("div",{className:`mt-3 text-sm text-center anet-fade-in ${o.startsWith("Failed")?"text-red-400":"text-green-400/80"}`,children:o})]})}var c=e.i(12629),d=e.i(56058),u=e.i(46228),h=e.i(43058),p=e.i(59276),m=e.i(59746);function f({alias:e,onClose:t}){let[s,r]=(0,n.useState)({x:0,y:0}),[o,l]=(0,n.useState)({w:380,h:520}),i=(0,n.useRef)({active:!1,startX:0,startY:0,baseX:0,baseY:0}),c=(0,n.useRef)({active:!1,startX:0,startY:0,baseW:0,baseH:0}),{sessions:d}=(0,p.useSessions)(),x=(0,n.useMemo)(()=>d.find(t=>t.alias===e),[d,e]),g=x&&"offline"!==x.status?null:(0,m.relativeAgo)(x?.last_seen_at),y=(0,n.useCallback)((e,t,a,n)=>({x:Math.min(Math.max(16,e),Math.max(16,window.innerWidth-a-16)),y:Math.min(Math.max(16,t),Math.max(16,window.innerHeight-n-16))}),[]);(0,n.useEffect)(()=>{let e=()=>{let e=window.innerWidth,t=window.innerHeight,a=Math.min(380,e-32),n=Math.min(520,t-96);l({w:a,h:n});let s=e<640;r(y(s?16:e-a-24,s?t-n-16:96,a,n))};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[y]),(0,n.useEffect)(()=>{let e=e=>{"Escape"===e.key&&t()};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[t]);let b=e=>{if(i.current.active){i.current.active=!1;try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch{}}},v=e=>{if(c.current.active){c.current.active=!1,e.stopPropagation();try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch{}}};return(0,a.jsxs)("div",{className:"fixed z-50 flex flex-col overflow-hidden rounded-xl border border-[var(--border)] bg-[var(--bg)] shadow-2xl shadow-black/60 anet-fade-in",style:{left:s.x,top:s.y,width:o.w,height:o.h},role:"dialog","aria-label":`Chat with ${e}`,children:[(0,a.jsxs)("div",{onPointerDown:e=>{0===e.button&&(e.currentTarget.setPointerCapture?.(e.pointerId),i.current={active:!0,startX:e.clientX,startY:e.clientY,baseX:s.x,baseY:s.y})},onPointerMove:e=>{let t=i.current;t.active&&r(y(t.baseX+(e.clientX-t.startX),t.baseY+(e.clientY-t.startY),o.w,o.h))},onPointerUp:b,onPointerCancel:b,className:"flex items-center justify-between px-3 py-2.5 border-b border-[var(--border)] bg-[var(--bg-secondary)] rounded-t-xl cursor-grab active:cursor-grabbing select-none touch-none",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2.5 min-w-0",children:[(0,a.jsx)(u.AliasAvatar,{alias:e,size:28}),(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("div",{className:"text-sm font-semibold text-[var(--fg)] truncate",children:e}),x?.project_dir?(0,a.jsxs)("div",{className:"text-[10px] text-[var(--fg-muted)] truncate font-mono",title:x.project_dir,"data-popover-cwd":!0,children:["cwd: ",x.project_dir]}):null,g?(0,a.jsxs)("div",{className:"text-[10px] text-[var(--fg-muted)] truncate","data-popover-lastseen":!0,children:["last seen: ",g]}):null,x?.project_dir||g?null:(0,a.jsx)("div",{className:"text-[10px] text-[var(--fg-muted)]",children:"Drag to move · Esc to close"})]})]}),(0,a.jsx)("button",{onClick:t,onPointerDown:e=>e.stopPropagation(),"aria-label":"Close chat",className:"text-[var(--fg-muted)] hover:text-[var(--fg)] p-1.5 rounded-lg hover:bg-[var(--bg-elevated)] shrink-0",children:(0,a.jsx)("svg",{className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})})]}),(0,a.jsx)("div",{className:"flex-1 min-h-0",children:(0,a.jsx)(h.TaskChatPanel,{alias:e,onClose:t,inline:!0})}),(0,a.jsx)("div",{onPointerDown:e=>{0===e.button&&(e.stopPropagation(),e.currentTarget.setPointerCapture?.(e.pointerId),c.current={active:!0,startX:e.clientX,startY:e.clientY,baseW:o.w,baseH:o.h})},onPointerMove:e=>{let t=c.current;if(!t.active)return;e.stopPropagation();let a=Math.max(300,window.innerWidth-s.x-16),n=Math.max(320,window.innerHeight-s.y-16);l({w:Math.min(a,Math.max(300,t.baseW+(e.clientX-t.startX))),h:Math.min(n,Math.max(320,t.baseH+(e.clientY-t.startY)))})},onPointerUp:v,onPointerCancel:v,"aria-label":"Resize chat",className:"absolute bottom-0 right-0 w-5 h-5 cursor-nwse-resize touch-none z-10",style:{touchAction:"none"},children:(0,a.jsx)("svg",{className:"absolute bottom-0.5 right-0.5 w-3 h-3 text-[var(--fg-dim)]",viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round","aria-hidden":!0,children:(0,a.jsx)("path",{d:"M11 5L5 11M11 9L9 11"})})})]})}let x={id:"unknown",label:"Unknown vendor",mono:{bg:"hsl(220 10% 26%)",ring:"hsl(220 10% 46%)",text:"hsl(220 14% 82%)"},initial:"?",logo:null},g=[{test:e=>e.startsWith("intern"),vendor:{id:"intern",label:"书生 · 上海 AI 实验室",mono:{bg:"hsl(28 38% 24%)",ring:"hsl(32 45% 52%)",text:"hsl(34 60% 82%)"},initial:"书",logo:"/intern_avatar.png"}},{test:e=>e.startsWith("minimax"),vendor:{id:"minimax",label:"MiniMax",mono:{bg:"hsl(18 50% 26%)",ring:"hsl(18 65% 52%)",text:"hsl(20 80% 82%)"},initial:"M",logo:"/vendors/minimax.svg"}},{test:e=>e.startsWith("claude"),vendor:{id:"anthropic",label:"Anthropic",mono:{bg:"hsl(16 32% 26%)",ring:"hsl(16 48% 54%)",text:"hsl(18 60% 84%)"},initial:"A",logo:"/vendors/claude.svg"}},{test:e=>e.startsWith("gpt")||e.startsWith("codex")||e.startsWith("o1")||e.startsWith("o3")||e.startsWith("o4"),vendor:{id:"openai",label:"OpenAI",mono:{bg:"hsl(165 26% 22%)",ring:"hsl(165 40% 44%)",text:"hsl(165 45% 80%)"},initial:"O",logo:"/vendors/openai.svg"}}];function y(e){if(!e)return x;let t=e.toLowerCase();for(let e of g)if(e.test(t))return e.vendor;return x}let b={"claude-code-cli":{label:"Claude Code CLI",iconPath:"M4 5h16v14H4z M7 9l3 3-3 3 M13 15h4",color:"#a78bfa"},"codex-sdk":{label:"Codex SDK",iconPath:"M9 7l-5 5 5 5 M15 7l5 5-5 5",color:"#38bdf8"},"claude-agent-sdk":{label:"Claude Agent SDK",iconPath:"M4 7h16v10H4z M8 11h8 M8 14h5",color:"#34d399"},"http-api":{label:"HTTP API",iconPath:"M7 18a4 4 0 010-8 5 5 0 019.6-1.3A3.5 3.5 0 0118 18z",color:"#fbbf24"}};function v(e){return e?b[e]??null:null}let k=async e=>{let t=await fetch(e);return t.ok?t.json():null};function w(e,t,a,n=0){let s=t<=2?Math.PI:1.78*Math.PI,r=-Math.PI/2-s/2,o=t<=1?-Math.PI/2:r+s*e/(t-1)+n;return{x:500+a*Math.cos(o),y:330+a*Math.sin(o)}}function j(e,t,a=0){let n=(e.x+t.x)/2,s=(e.y+t.y)/2,r=t.x-e.x,o=t.y-e.y,l=Math.hypot(r,o)||1,i={x:n+-o/l*a,y:s+r/l*a};return`M${e.x},${e.y} Q${i.x},${i.y} ${t.x},${t.y}`}function N(e,t){return e.length>t?`${e.slice(0,t-1)}...`:e}function S({sessions:e}){let t=(0,n.useRef)(Date.now()),[s,r]=(0,n.useState)(()=>Date.now());(0,n.useEffect)(()=>{t.current=Date.now()},[e]),(0,n.useEffect)(()=>{let e=setInterval(()=>r(Date.now()),1e3);return()=>clearInterval(e)},[]);let o=Math.max(0,Math.floor((s-t.current)/1e3)),l=o>10;return l?(0,a.jsxs)("span",{className:`hidden sm:inline px-2.5 py-1 rounded-md font-mono font-medium border transition-colors duration-300 ${l?"bg-amber-500/10 text-amber-300 border-amber-500/20":"bg-gray-500/10 text-gray-400 border-gray-500/20"}`,title:l?`Last sync ${o}s ago — SWR refresh may be lagging`:`Live data \xb7 refreshes every 5s \xb7 last sync ${o}s ago`,"data-freshness-chip":!0,"data-freshness-chip-stale":l?"true":"false",children:[l?"lag":"live"," · ",o,"s"]}):null}function $(e,t,a){return t?"working"===e.status?{label:"working",primary:a?"#059669":"#22c55e",halo:a?"#d1fae5":"#14532d",text:a?"#065f46":"#dcfce7"}:"idle"===e.status?{label:"idle",primary:a?"#0d9488":"#2dd4bf",halo:a?"#ccfbf1":"#134e4a",text:a?"#115e59":"#ccfbf1"}:{label:e.status||"online",primary:a?"#0284c7":"#38bdf8",halo:a?"#e0f2fe":"#0c4a6e",text:a?"#0c4a6e":"#e0f2fe"}:{label:"offline",primary:a?"#94a3b8":"#6b7280",halo:a?"#e2e8f0":"#111827",text:a?"#475569":"#9ca3af"}}let _={panelStops:["#0b1220","#080814","#101018"],radarStops:[{color:"#22d3ee",opacity:.18},{color:"#22c55e",opacity:.045},{color:"#020617",opacity:0}],arrowFill:"#67e8f9",ringStroke:"#164e63",spokeStroke:{active:"#22d3ee",idle:"#155e75"},flowEdge:"#67e8f9",flowPath:"#e0f2fe",flowParticle:"#fef08a",nodeFill:{online:"#020617",offline:"#080814"},labelBox:{fill:"#020617",stroke:"#1f2937"},legendBox:{fill:"#020617",stroke:"#1f2937"},legendText:"#94a3b8",legendHeadline:"#e5e7eb",legendAccent:"#67e8f9",containerBg:"#080814",containerBorder:"#2a2a4a",topRailGradient:"from-transparent via-cyan-400/70 to-transparent"},M={panelStops:["#f8fafc","#ffffff","#f1f5f9"],radarStops:[{color:"#10b981",opacity:.06},{color:"#3b82f6",opacity:.03},{color:"#ffffff",opacity:0}],arrowFill:"#10b981",ringStroke:"#cbd5e1",spokeStroke:{active:"#10b981",idle:"#cbd5e1"},flowEdge:"#10b981",flowPath:"#475569",flowParticle:"#f59e0b",nodeFill:{online:"#ffffff",offline:"#f8fafc"},labelBox:{fill:"#ffffff",stroke:"#e2e8f0"},legendBox:{fill:"#ffffff",stroke:"#e2e8f0"},legendText:"#475569",legendHeadline:"#0f172a",legendAccent:"#0d9488",containerBg:"#ffffff",containerBorder:"#e3e6eb",topRailGradient:"from-transparent via-emerald-500/40 to-transparent"};function C(e,t){let a=0;for(;a<e.length&&a<t.length&&e[a]===t[a];)a++;return e.slice(0,a)}function E(e){let t=e.length,a=e.map((e,t)=>t),n=e=>{for(;a[e]!==e;)a[e]=a[a[e]],e=a[e];return e},s=(e,t)=>{let s=n(e),r=n(t);s!==r&&(a[s]=r)},r={};for(let t of(e.forEach((e,t)=>{let a=e.project_dir?.trim();a&&(r[a]||=[]).push(t)}),Object.values(r)))for(let e=1;e<t.length;e++)s(t[0],t[e]);let o=e.map((e,t)=>t).sort((t,a)=>e[t].alias.localeCompare(e[a].alias));for(let t=0;t+1<o.length;t++)C(e[o[t]].alias,e[o[t+1]].alias).length>=2&&s(o[t],o[t+1]);let l={};for(let e=0;e<t;e++)(l[n(e)]||=[]).push(e);let i={};for(let t of Object.values(l)){let a;if(1===t.length)a=e[t[0]].alias;else{let n=new Set(t.map(t=>e[t].project_dir?.trim()).filter(Boolean));if(1===n.size){let e=[...n][0];a=e.split("/").filter(Boolean).pop()||e}else(a=t.map(t=>e[t].alias).reduce((e,t)=>C(e,t))).length<2&&(a=e[t[0]].alias)}for(let n of t)i[e[n].alias]=a}return i}function z(e,t){let a=new Map;return e.forEach(e=>{if(!t[e.from_alias]||!t[e.to_alias]||e.from_alias===e.to_alias)return;let n=`${e.from_alias}->${e.to_alias}`,s=a.get(n),r=e.created_at||"",o=s?r>s.last_at?r:s.last_at:r;a.set(n,{key:n,from:e.from_alias,to:e.to_alias,count:(s?.count||0)+1,content:s?.content||e.content,last_at:o})}),[...a.values()].slice(0,18)}function T({sessions:e,sseSessions:t,renameSignal:s}){let r,o,l,i,h,p,x,g,b,C,A,L,F,P,D,I,W,B,R,O,H,Y,X,K,V,U,G,J,q,Z,Q,ee,et,ea,en,es,er,eo,el,ei,ec,ed,eu,eh,ep,em,ef,ex,eg,ey,eb,ev,ek,ew,ej,eN="light"===function(){let[e,t]=(0,n.useState)("dark");return(0,n.useEffect)(()=>{let e=()=>{let e=document.documentElement.getAttribute("data-theme")||"cyber";t("light"===e||"mint"===e?"light":"dark")};e();let a=new MutationObserver(e);return a.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>a.disconnect()},[]),e}(),eS=function(){let[e,t]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{if(!window.matchMedia)return;let e=window.matchMedia("(prefers-reduced-motion: reduce)");t(e.matches);let a=e=>t(e.matches);return e.addEventListener("change",a),()=>e.removeEventListener("change",a)},[]),e}(),e$=eN?M:_,e_="intern"===function(){let[e,t]=(0,n.useState)(null);return(0,n.useEffect)(()=>{try{let e=new URL(window.location.href).searchParams.get("brand");null!==e?""===e||"none"===e?(localStorage.removeItem("anet-brand"),t(null)):(localStorage.setItem("anet-brand",e),t(e)):t(localStorage.getItem("anet-brand"))}catch{}},[]),e}(),eM=function(){let{data:e}=(0,c.default)("/api/hub/servers",k,{refreshInterval:15e3,dedupingInterval:5e3});return(0,n.useMemo)(()=>{let t=new Map;for(let a of e?.servers??[]){let e=function(e){if("offline"===e.status)return null;let t=[null!=e.cpu_load_1min&&e.cpu_cores>0?e.cpu_load_1min/e.cpu_cores*100:null,null!=e.mem_used_gb&&null!=e.mem_total_gb&&e.mem_total_gb>0?e.mem_used_gb/e.mem_total_gb*100:null,null!=e.disk_used_gb&&null!=e.disk_total_gb&&e.disk_total_gb>0?e.disk_used_gb/e.disk_total_gb*100:null].filter(e=>"number"==typeof e);if(0===t.length)return null;let a=Math.max(...t);return a>=85?"red":a>=60?"amber":"green"}(a);e&&t.set(a.hostname,e)}return t},[e])}(),eC=(0,d.useRouter)(),[eE,ez]=(0,n.useState)([]),[eT,eA]=(0,n.useState)("ring");(0,n.useEffect)(()=>{try{let t=localStorage.getItem("anet-topo-layout");"grid"===t||"ring"===t?eA(t):e.length>=20&&eA("grid")}catch{}},[]);let[eL,eF]=(0,n.useState)(!1),eP=()=>{eF(!0),setTimeout(()=>eF(!1),400),eA(e=>{let t="ring"===e?"grid":"ring";try{localStorage.setItem("anet-topo-layout",t)}catch{}return t})},[eD,eI]=(0,n.useState)(.84);(0,n.useEffect)(()=>{try{let e=parseFloat(localStorage.getItem("anet-topo-nodescale")||"");(.7===e||.84===e||1===e)&&eI(e)}catch{}},[]);let[eW,eB]=(0,n.useState)(!1);(0,n.useEffect)(()=>{let e=async()=>{try{let e=await fetch("/api/hub/messages?limit=50");if(401===e.status)return void window.location.assign("/login");let t=await e.json();ez(t.messages||[])}catch{}};e();let t=setInterval(e,5e3);return()=>clearInterval(t)},[]);let{onlineNodes:eR,offlineNodes:eO,nodePositions:eH,flowLinks:eY,activeAliases:eX,groupKeys:eK,groupBoxes:eV,gridContentBottom:eU}=(0,n.useMemo)(()=>{let a=e=>(e.network_id?t[`${e.network_id}:${e.alias}`]:void 0)??t[e.alias],n=(e,t)=>e.alias.localeCompare(t.alias),s=Date.now(),r=e.filter(e=>"offline"!==e.status||a(e)).sort(n),o=e.filter(e=>"offline"===e.status&&!a(e)&&!(e=>{if("offline"!==e.status||a(e)||!e.last_seen_at)return!1;let t=(0,m.parseHubTime)(e.last_seen_at);return null!==t&&s-t>36e5})(e)).sort(n),l={};if("grid"===eT){let e=[...r,...o],t=E(e),n=Math.max(1,Math.ceil(Math.sqrt(e.length))),s=700/n,i=Math.round(26*eD),c=[];for(let a of e){let e=t[a.alias],n=c[c.length-1];n&&n.key===e?n.members.push(a):c.push({key:e,members:[a]})}let d=[],u=0,h=0;for(;h<c.length;)if(c[h].members.length>=2)d.push({members:c[h].members,startRow:u,centred:!1,isGroup:!0}),u+=Math.ceil(c[h].members.length/n),h++;else{let e=[];for(;h<c.length&&c[h].members.length<2;)e.push(c[h].members[0]),h++;d.push({members:e,startRow:u,centred:!0,isGroup:!1}),u+=Math.ceil(e.length/n)}let p=Math.max(1,u),m=i+20,f=Math.max(2*i+22,m+12,i+(eD<.8?12:14)+m+3,Math.min(100,526/p));for(let e of d)e.members.forEach((t,a)=>{let r=Math.floor(a/n),o=a%n,i=Math.min(n,e.members.length-r*n),c=e.centred?(n-i)*s/2:0;l[t.alias]={x:150+c+(o+.5)*s,y:126+(e.startRow+r+.5)*f}});let x=z(eE,l),g=new Set;x.forEach(e=>{g.add(e.from),g.add(e.to)});let y=Math.max(8,Math.min(26,f-m-8)),b=d.filter(e=>e.isGroup).map(e=>{let n=e.members.map(e=>l[e.alias]).filter(Boolean),s=n.map(e=>e.x),r=n.map(e=>e.y),o=Math.min(...s),i=Math.min(...r),c=0,d=0,u=0;for(let t of e.members){let e="offline"!==t.status||!!a(t);"working"===t.status?c++:e?d++:u++}return{key:e.members.length?t[e.members[0].alias]:"",count:e.members.length,statuses:{working:c,idle:d,offline:u},x:o-y,y:i-m,w:Math.max(...s)-o+2*y,h:Math.max(...r)-i+m+y}});return{onlineNodes:r,offlineNodes:o,nodePositions:l,flowLinks:x,activeAliases:g,groupKeys:t,groupBoxes:b,gridContentBottom:126+p*f+8}}let i=r.length>14,c=!i&&r.length>8,d=r.length;if(i){let e=Math.ceil(r.length/3),t=r.slice(0,e),a=r.slice(e,2*e),n=r.slice(2*e);t.forEach((e,a)=>{l[e.alias]=w(a,Math.max(t.length,1),145)});let s=t.length<=2?Math.PI:1.78*Math.PI,o=t.length>1?s/(t.length-1):0;a.forEach((e,t)=>{l[e.alias]=w(t,Math.max(a.length,1),215,o/2)}),n.forEach((e,t)=>{l[e.alias]=w(t,Math.max(n.length,1),285)}),d=n.length}else if(c){let e=Math.ceil(r.length/2),t=r.length-e,a=r.slice(0,e),n=r.slice(e);a.forEach((t,a)=>{l[t.alias]=w(a,Math.max(e,1),175)});let s=e<=2?Math.PI:1.78*Math.PI,o=e>1?s/(e-1):0;n.forEach((e,a)=>{l[e.alias]=w(a,Math.max(t,1),260,o/2)}),d=t}else r.forEach((e,t)=>{l[e.alias]=w(t,Math.max(r.length,1),220)});let u=d<=2?Math.PI:1.78*Math.PI,h=d>1?u/(d-1):0,p=d>0?h/2:0,f=325+6*Math.max(0,o.length-4);o.forEach((e,t)=>{l[e.alias]=w(t,Math.max(o.length,1),f,p)});let x=z(eE,l),g=new Set;x.forEach(e=>{g.add(e.from),g.add(e.to)});let y=E([...r,...o]);return{onlineNodes:r,offlineNodes:o,nodePositions:l,flowLinks:x,activeAliases:g,groupKeys:y,groupBoxes:[],gridContentBottom:0}},[eE,e,t,eT,eD]),eG=eR.filter(e=>"working"===e.status).length,eJ=(0,n.useMemo)(()=>{let e=new Map;for(let t of[...eR,...eO]){let a=y(t.model),n="unknown"===a.id?"?":a.initial,s=e.get(n);s?s.count++:e.set(n,{initial:n,count:1,color:a.mono.text})}return[...e.values()].sort((e,t)=>t.count-e.count)},[eR,eO]),eq=eR.length+eO.length>16,[eZ,eQ]=(0,n.useState)(null),[e0,e1]=(0,n.useState)(null),e2=e0??(eZ?eK[eZ]??eZ:null),[e5,e4]=(0,n.useState)(()=>{try{return sessionStorage.getItem("anet-topo-pinned-group")}catch{return null}}),e3=e2??e5;(0,n.useEffect)(()=>{try{e5?sessionStorage.setItem("anet-topo-pinned-group",e5):sessionStorage.removeItem("anet-topo-pinned-group")}catch{}},[e5]),(0,n.useEffect)(()=>{!e5||new Set(Object.values(eK)).has(e5)||e4(null)},[e5,eK]);let[e8,e6]=(0,n.useState)(null),[e7,e9]=(0,n.useState)(null),te=e8??e7,[tt,ta]=(0,n.useState)(!1),[tn,ts]=(0,n.useState)(!1),[tr,to]=(0,n.useState)(!1),[tl,ti]=(0,n.useState)(!1),[tc,td]=(0,n.useState)(!1),[tu,th]=(0,n.useState)(!1),[tp,tm]=(0,n.useState)(null),[tf,tx]=(0,n.useState)(null),[tg,ty]=(0,n.useState)(()=>{try{return sessionStorage.getItem("anet-topo-pinned-vendor")}catch{return null}}),tb=tf??tg;(0,n.useEffect)(()=>{try{tg?sessionStorage.setItem("anet-topo-pinned-vendor",tg):sessionStorage.removeItem("anet-topo-pinned-vendor")}catch{}},[tg]),(0,n.useEffect)(()=>{tg&&!eJ.some(e=>e.initial===tg)&&ty(null)},[tg,eJ]);let[tv,tk]=(0,n.useState)(null),[tw,tj]=(0,n.useState)(()=>{try{let e=sessionStorage.getItem("anet-topo-pinned-status");return"working"===e||"idle"===e||"offline"===e?e:null}catch{return null}}),tN=tv??tw;(0,n.useEffect)(()=>{try{tw?sessionStorage.setItem("anet-topo-pinned-status",tw):sessionStorage.removeItem("anet-topo-pinned-status")}catch{}},[tw]),(0,n.useEffect)(()=>{let e=e=>{let t=e.detail||{};if("clear"===t.kind)tj(null),e4(null),ty(null),e9(null);else if("clear-vendor"===t.kind)ty(null);else if("clear-edge"===t.kind)e9(null);else if("status"===t.kind){let e=t.value;("working"===e||"idle"===e||"offline"===e)&&tj(e)}else"group"===t.kind&&"string"==typeof t.value?e4(t.value):"vendor"===t.kind&&"string"==typeof t.value&&ty(t.value)};return window.addEventListener("anet:topo-pin",e),()=>window.removeEventListener("anet:topo-pin",e)},[]);let tS=(0,n.useMemo)(()=>{if(!te)return null;let e=eY.find(e=>e.key===te);return e?new Set([e.from,e.to]):null},[te,eY]),t$=(0,n.useRef)(null),t_=(0,n.useRef)(null),[tM,tC]=(0,n.useState)({zoom:1,x:0,y:0}),tE=(0,n.useRef)(tM),tz=(0,n.useRef)({active:!1,startX:0,startY:0,baseX:0,baseY:0}),[tT,tA]=(0,n.useState)(!1),[tL,tF]=(0,n.useState)(!1),[tP,tD]=(0,n.useState)(null),tI=e=>{tD(e),setTimeout(()=>tD(t=>t===e?null:t),240)},[tW,tB]=(0,n.useState)(null),[tR,tO]=(0,n.useState)(null);(0,n.useEffect)(()=>{s&&s.from===tW&&tB(s.to)},[s]),(0,n.useEffect)(()=>{tE.current=tM},[tM]),(0,n.useEffect)(()=>{try{let e=localStorage.getItem("anet-topo-view");if(e){let t=JSON.parse(e);"number"==typeof t?.zoom&&tC({zoom:Math.min(4,Math.max(.5,t.zoom)),x:"number"==typeof t.x?t.x:0,y:"number"==typeof t.y?t.y:0})}}catch{}},[]);let[tH]=(0,n.useState)(()=>!!localStorage.getItem("anet-topo-view")),tY=(0,n.useRef)(!1);(0,n.useEffect)(()=>{if(!tY.current){if(tH){tY.current=!0;return}if("grid"===eT&&0!==e.length&&eU){if(eU<=680){tY.current=!0;return}tC({zoom:Math.max(.5,Math.min(1,680/eU)),x:0,y:0}),tY.current=!0}}},[eT,e.length,eU,tH]),(0,n.useEffect)(()=>{try{localStorage.setItem("anet-topo-view",JSON.stringify(tM))}catch{}},[tM]),(0,n.useEffect)(()=>{let e=()=>tA(document.fullscreenElement===t$.current);return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)},[]),(0,n.useEffect)(()=>{let e=t_.current;if(!e)return;let t=t=>{if(!tT&&!t.ctrlKey&&!t.metaKey)return;t.preventDefault();let a=e.getBoundingClientRect(),n=(t.clientX-a.left)/a.width*1e3,s=(t.clientY-a.top)/a.height*680;tC(e=>{let a=Math.min(1.08,Math.max(.926,Math.exp(-(6e-4*t.deltaY)))),r=Math.min(4,Math.max(.5,e.zoom*a)),o=r/e.zoom;return{zoom:r,x:n-(n-e.x)*o,y:s-(s-e.y)*o}})};return e.addEventListener("wheel",t,{passive:!1}),()=>e.removeEventListener("wheel",t)},[tT]);let[tX,tK]=(0,n.useState)(!1),tV=e=>{if(tz.current.active){tz.current.active=!1,tK(!1);try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch{}}},tU=e=>{tJ(!0),setTimeout(()=>tJ(!1),350),tC(t=>{let a=Math.min(4,Math.max(.5,t.zoom*e)),n=a/t.zoom;return{zoom:a,x:500-(500-t.x)*n,y:340-(340-t.y)*n}})},[tG,tJ]=(0,n.useState)(!1),tq=()=>{tJ(!0),setTimeout(()=>tJ(!1),350),tC({zoom:1,x:0,y:0})},tZ=(0,n.useCallback)(()=>{let e=!eU||eU<=680?1:Math.max(.5,Math.min(1,680/eU));tJ(!0),setTimeout(()=>tJ(!1),350),tC({zoom:e,x:0,y:0})},[eU]);return(0,n.useEffect)(()=>{let e=e=>{"toggle"===(e.detail||{}).kind&&eP()},t=e=>{"fit"===(e.detail||{}).kind&&tZ()};return window.addEventListener("anet:topo-layout",e),window.addEventListener("anet:topo-view",t),()=>{window.removeEventListener("anet:topo-layout",e),window.removeEventListener("anet:topo-view",t)}},[tZ]),(0,n.useEffect)(()=>{let e=e=>{if(e.ctrlKey||e.metaKey||e.altKey)return;let t=document.activeElement;if(t){let e=t.tagName;if("INPUT"===e||"TEXTAREA"===e||"SELECT"===e||t.isContentEditable)return}"+"===e.key||"="===e.key?(tU(1.2),e.preventDefault()):"-"===e.key||"_"===e.key?(tU(1/1.2),e.preventDefault()):"0"===e.key?(tq(),e.preventDefault()):"f"===e.key||"F"===e.key?(tZ(),e.preventDefault()):"l"===e.key||"L"===e.key?(eP(),e.preventDefault()):"Escape"===e.key&&!tW&&(tw||e5||tg||e7)&&(tw&&tj(null),e5&&e4(null),tg&&ty(null),e7&&e9(null),e.preventDefault())};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[tZ,tW,tw,e5,tg,e7]),(0,a.jsxs)("section",{className:"w-full max-w-6xl mx-auto mb-8",children:[(0,a.jsxs)("div",{className:`flex flex-col gap-2.5 sm:flex-row sm:items-end sm:justify-between mb-4 px-1${tT?" hidden":""}`,"data-topo-header-row":!0,"data-topo-header-hidden":tT?"true":"false",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,a.jsxs)("svg",{width:"40",height:"40",viewBox:"0 0 32 32","aria-hidden":!0,className:"shrink-0","data-topo-brand-logo":!0,style:{color:eN?"#0d9488":"#67e8f9",transition:"color 200ms ease-out"},children:[(0,a.jsxs)("mask",{id:"s2a-titleblock-moon-mask",children:[(0,a.jsx)("rect",{width:"32",height:"32",fill:"black"}),(0,a.jsx)("circle",{cx:"16",cy:"16",r:"13",fill:"white"}),(0,a.jsx)("circle",{cx:"20.5",cy:"14.5",r:"11",fill:"black"})]}),(0,a.jsx)("rect",{width:"32",height:"32",fill:"currentColor",mask:"url(#s2a-titleblock-moon-mask)"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"text-xs uppercase text-gray-500 tracking-widest leading-tight font-medium","data-topo-section-kicker":!0,children:"Network Topology"}),(0,a.jsx)("h2",{className:"text-lg text-white font-semibold leading-tight tracking-tight","data-topo-section-title":!0,children:"Command mesh"})]})]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2.5 text-xs",children:[(0,a.jsxs)("div",{className:"mr-0.5 inline-flex rounded-md border overflow-hidden",style:{borderColor:e$.containerBorder,transition:"border-color 200ms ease-out"},role:"group","aria-label":"Topology layout","data-topo-chrome-layout-trailer":!0,children:[(0,a.jsx)("button",{onClick:()=>{tI("layout-ring"),"ring"!==eT&&eP()},"aria-pressed":"ring"===eT,title:"Ring layout (l to toggle)","data-topo-chrome-layout":"ring","data-topo-chrome-layout-active":"ring"===eT?"true":"false","data-topo-chrome-layout-ring-popping":"layout-ring"===tP?"true":"false",className:`px-2.5 py-1 focus:outline-none focus-visible:ring-1 focus-visible:ring-cyan-400/60 focus-visible:ring-inset hover:tracking-wide ${"ring"===eT?"bg-cyan-500/15 text-cyan-300 font-medium hover:bg-cyan-500/20 active:bg-cyan-500/25":"text-gray-400 hover:text-cyan-300 hover:bg-cyan-500/5 active:bg-cyan-500/15"} ${"layout-ring"===tP?" anet-chrome-pop":""}`,style:{transition:"background-color 150ms ease, color 150ms ease, letter-spacing 200ms ease-out"},children:"Ring"}),(0,a.jsx)("button",{onClick:()=>{tI("layout-grid"),"grid"!==eT&&eP()},"aria-pressed":"grid"===eT,title:"Grid layout (l to toggle)","data-topo-chrome-layout":"grid","data-topo-chrome-layout-active":"grid"===eT?"true":"false","data-topo-chrome-layout-grid-popping":"layout-grid"===tP?"true":"false",className:`px-2.5 py-1 border-l focus:outline-none focus-visible:ring-1 focus-visible:ring-cyan-400/60 focus-visible:ring-inset hover:tracking-wide ${"grid"===eT?"bg-cyan-500/15 text-cyan-300 font-medium hover:bg-cyan-500/20 active:bg-cyan-500/25":"text-gray-400 hover:text-cyan-300 hover:bg-cyan-500/5 active:bg-cyan-500/15"} ${"layout-grid"===tP?" anet-chrome-pop":""}`,style:{borderColor:e$.containerBorder,transition:"background-color 150ms ease, color 150ms ease, border-color 200ms ease-out, letter-spacing 200ms ease-out"},children:"Grid"})]}),(r=eR.filter(e=>"working"===e.status).map(e=>e.alias),o=eR.map(e=>e.alias),l=e=>e.slice(0,8).join(", ")+(e.length>8?` + ${e.length-8} more`:""),i=0===eG?void 0:"working"===tw?`${l(r)} — pinned, Esc to clear`:`${l(r)} — hover highlights, click to pin`,h=0===eR.length?void 0:"idle"===tw?`${l(o)} — pinned, Esc to clear`:`${l(o)} — hover highlights \xb7 click to open /nodes`,(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("span",{className:`tabular-nums font-medium px-2.5 py-1 rounded-md border anet-topo-chip-focus transition-colors duration-200 ${eG>0?"bg-green-500/10 text-green-300 border-green-500/20 hover:bg-green-500/15 hover:border-green-500/30":"bg-green-500/10 text-green-300 border-green-500/20"}`,"data-working-chip":!0,"data-working-chip-aliases":r.join(","),"data-pin-mirror":"working"===tw?"true":"false","data-working-chip-clickable":eG>0?"true":"false","data-working-chip-empty":0===eG?"true":"false",title:i,role:eG>0?"button":void 0,tabIndex:eG>0?0:void 0,"aria-pressed":eG>0?"working"===tw:void 0,style:{cursor:eG>0?"pointer":void 0,opacity:0===eG?.5:1,boxShadow:"working"===tw?"inset 0 0 0 1px #4ade80, inset 0 0 0 2px rgba(255,255,255,0.45)":void 0,transition:"box-shadow 150ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out, opacity 200ms ease-out"},onMouseEnter:()=>{eG>0&&tk("working")},onMouseLeave:()=>tk(e=>"working"===e?null:e),onClick:()=>{eG>0&&tj(e=>"working"===e?null:"working")},onKeyDown:e=>{0!==eG&&("Enter"===e.key||" "===e.key)&&(e.preventDefault(),tj(e=>"working"===e?null:"working"))},children:[eG,(0,a.jsx)("span",{className:"opacity-70","data-working-chip-unit":!0,children:" working"})]}),(0,a.jsxs)("span",{className:`tabular-nums font-medium px-2.5 py-1 rounded-md border anet-topo-chip-focus transition-colors duration-200 ${eR.length>0?"bg-cyan-500/10 text-cyan-300 border-cyan-500/20 hover:bg-cyan-500/15 hover:border-cyan-500/30":"bg-cyan-500/10 text-cyan-300 border-cyan-500/20"}`,"data-online-chip":!0,"data-online-chip-aliases":o.join(","),"data-pin-mirror":"idle"===tw?"true":"false","data-online-chip-clickable":eR.length>0?"true":"false","data-online-chip-empty":0===eR.length?"true":"false",title:h,role:eR.length>0?"link":void 0,tabIndex:eR.length>0?0:void 0,style:{cursor:eR.length>0?"pointer":void 0,opacity:0===eR.length?.5:1,boxShadow:"idle"===tw?"inset 0 0 0 1px #67e8f9, inset 0 0 0 2px rgba(255,255,255,0.45)":void 0,transition:"box-shadow 150ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out, opacity 200ms ease-out"},onMouseEnter:()=>{let e=eR.length-eG;eG>0?tk("working"):e>0&&tk("idle")},onMouseLeave:()=>tk(e=>"working"===e||"idle"===e?null:e),onClick:()=>{eR.length>0&&eC.push("/nodes")},onKeyDown:e=>{0!==eR.length&&("Enter"===e.key||" "===e.key)&&(e.preventDefault(),eC.push("/nodes"))},children:[eR.length,(0,a.jsx)("span",{className:"opacity-70","data-online-chip-unit":!0,children:" online"})]})]})),(()=>{let e=eR.length-eG,t=eO.length,n=eG+e+t;if(0===n)return null;let s=(e,t,s,r)=>{if(0===e)return null;let o=tw===s,l="working"===s?eR.filter(e=>"working"===e.status).map(e=>e.alias):"idle"===s?eR.filter(e=>"working"!==e.status).map(e=>e.alias):eO.map(e=>e.alias),i=l.slice(0,8).join(", "),c=l.length>8?` + ${l.length-8} more`:"",d=o?"click to release filter":"click to highlight";return(0,a.jsx)("span",{"data-pressure-seg":s,"data-pressure-seg-aliases":l.join(","),"data-pressure-seg-hovered":tv===s?"true":"false",role:"button",tabIndex:0,"aria-pressed":o,className:"anet-topo-chip-focus",title:`${e} ${r}
|
|
2
|
-
${i}${c}
|
|
3
|
-
${d}`,style:{width:`${e/n*100}%`,background:t,height:"100%",cursor:"pointer",boxShadow:o?`inset 0 0 0 1px ${t}, inset 0 0 0 2px rgba(255,255,255,0.6)`:void 0,filter:tv===s?"brightness(1.2)":void 0,transition:"width 220ms ease-out, box-shadow 150ms ease-out, filter 150ms ease-out"},onClick:e=>{e.stopPropagation(),tj(e=>e===s?null:s)},onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),tj(e=>e===s?null:s))},onMouseEnter:()=>tk(s),onMouseLeave:()=>tk(e=>e===s?null:e)},s)};return(0,a.jsxs)("span",{className:"hidden sm:inline-flex items-center gap-2 px-2.5 py-1 rounded-md bg-gray-500/10 text-gray-400 border border-gray-500/20 font-mono",title:`${eG} working \xb7 ${e} idle \xb7 ${t} offline`,"data-fleet-pressure":!0,children:[(0,a.jsx)("span",{className:"text-[10px] tracking-wide",children:"pressure"}),(0,a.jsxs)("span",{className:"inline-flex h-1.5 w-16 rounded-full overflow-hidden",style:{background:"rgb(75 85 99 / 0.25)"},children:[s(eG,eN?"#059669":"#22c55e","working","working"),s(e,eN?"#0d9488":"#2dd4bf","idle","idle"),s(t,eN?"#94a3b8":"#6b7280","offline","offline")]})]})})(),tw&&(p="working"===tw?eG:"idle"===tw?eR.length-eG:eO.length,g=(x="working"===tw?eR.filter(e=>"working"===e.status).map(e=>e.alias):"idle"===tw?eR.filter(e=>"working"!==e.status).map(e=>e.alias):eO.map(e=>e.alias)).slice(0,8).join(", "),b=x.length>8?` + ${x.length-8} more`:"",(0,a.jsxs)("span",{"data-active-filter":"status","data-filter-match-count":p,"data-filter-match-aliases":x.join(","),className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono font-medium text-xs border anet-fade-in anet-topo-chip-focus",title:p>0?`${g}${b} — click to clear`:"Click to clear filter",onClick:()=>tj(null),style:{background:"working"===tw?eN?"#05966914":"#22c55e1f":"idle"===tw?eN?"#0d948814":"#2dd4bf1f":eN?"#94a3b814":"#6b72801f",color:"working"===tw?eN?"#047857":"#86efac":"idle"===tw?eN?"#0f766e":"#5eead4":eN?"#475569":"#9ca3af",borderColor:"currentColor",cursor:"pointer"},children:[(0,a.jsxs)("span",{children:[(0,a.jsx)("span",{className:"hidden sm:inline opacity-70","data-filter-prefix":!0,children:"filter: "}),tw,(0,a.jsxs)("span",{className:"opacity-70 tabular-nums","data-filter-pill-count":!0,children:[" · ",p]})]}),(0,a.jsx)("button",{type:"button","aria-label":`Clear ${tw} filter`,onClick:e=>{e.stopPropagation(),tj(null)},className:"ml-0.5 leading-none hover:opacity-70",style:{background:"transparent",color:"inherit",cursor:"pointer",padding:0},children:"×"})]})),e5&&(C=Object.values(eK).filter(e=>e===e5).length,L=(A=Object.entries(eK).filter(([,e])=>e===e5).map(([e])=>e)).slice(0,8).join(", "),F=A.length>8?` + ${A.length-8} more`:"",(0,a.jsxs)("span",{"data-active-filter":"group","data-filter-match-count":C,"data-filter-match-aliases":A.join(","),className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono font-medium text-xs border anet-fade-in anet-topo-chip-focus",title:C>0?`${L}${F} — click to clear`:"Click to clear filter",onClick:()=>e4(null),style:{background:eN?"#67e8f914":"#67e8f91f",color:e$.legendAccent,borderColor:"currentColor",cursor:"pointer"},children:[(0,a.jsxs)("span",{children:[(0,a.jsx)("span",{className:"hidden sm:inline opacity-70","data-filter-prefix":!0,children:"filter: "}),e5,(0,a.jsxs)("span",{className:"opacity-70 tabular-nums","data-filter-pill-count":!0,children:[" · ",C]})]}),(0,a.jsx)("button",{type:"button","aria-label":`Clear group filter ${e5}`,onClick:e=>{e.stopPropagation(),e4(null)},className:"ml-0.5 leading-none hover:opacity-70",style:{background:"transparent",color:"inherit",cursor:"pointer",padding:0},children:"×"})]})),tg&&(P=eJ.find(e=>e.initial===tg),D=P?.count??0,I=P?.color??e$.legendText,B=(W=[...eR,...eO].filter(e=>{let t=y(e.model);return("unknown"===t.id?"?":t.initial)===tg}).map(e=>e.alias)).slice(0,8).join(", "),R=W.length>8?` + ${W.length-8} more`:"",(0,a.jsxs)("span",{"data-active-filter":"vendor","data-filter-match-count":D,"data-filter-match-aliases":W.join(","),className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono font-medium text-xs border anet-fade-in anet-topo-chip-focus",title:D>0?`${B}${R} — click to clear`:"Click to clear vendor filter",onClick:()=>ty(null),style:{background:`${I}1f`,color:I,borderColor:"currentColor",cursor:"pointer"},children:[(0,a.jsxs)("span",{children:[(0,a.jsx)("span",{className:"hidden sm:inline opacity-70","data-filter-prefix":!0,children:"filter: "}),tg,(0,a.jsxs)("span",{className:"opacity-70 tabular-nums","data-filter-pill-count":!0,children:[" · ",D]})]}),(0,a.jsx)("button",{type:"button","aria-label":`Clear vendor filter ${tg}`,onClick:e=>{e.stopPropagation(),ty(null)},className:"ml-0.5 leading-none hover:opacity-70",style:{background:"transparent",color:"inherit",cursor:"pointer",padding:0},children:"×"})]})),e7&&(()=>{let e=eY.find(e=>e.key===e7);if(!e)return null;let t=e.count>=10;return(0,a.jsxs)("span",{"data-active-filter":"edge","data-filter-match-count":e.count,"data-filter-match-aliases":`${e.from},${e.to}`,"data-active-filter-edge-hot":t?"true":"false",className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono font-medium text-xs border anet-fade-in anet-topo-chip-focus",title:`${e.from} → ${e.to} (${e.count} msg${1===e.count?"":"s"}${t?", hot lane · ≥ 10":""}) — click to clear`,onClick:()=>e9(null),style:{background:eN?`${e$.flowEdge}14`:`${e$.flowEdge}1f`,color:e$.flowEdge,borderColor:"currentColor",cursor:"pointer"},children:[(0,a.jsxs)("span",{children:[(0,a.jsx)("span",{className:"hidden sm:inline opacity-70","data-filter-prefix":!0,children:"filter: "}),e.from,"→",e.to,t?(0,a.jsxs)("span",{className:"opacity-90 tabular-nums",style:{color:eN?"#d97706":"#fbbf24",fontWeight:700},"data-active-filter-edge-count-hot":!0,children:[" · ",e.count]}):(0,a.jsxs)("span",{className:"opacity-70 tabular-nums","data-active-filter-edge-count":!0,children:[" · ",e.count]})]}),(0,a.jsx)("button",{type:"button","aria-label":`Clear edge filter ${e.from} → ${e.to}`,onClick:e=>{e.stopPropagation(),e9(null)},className:"ml-0.5 leading-none hover:opacity-70",style:{background:"transparent",color:"inherit",cursor:"pointer",padding:0},children:"×"})]})})(),(()=>{let e=+!!tw+ +!!e5+ +!!tg+ +!!e7;if(e<2)return null;let t=e7?eY.find(e=>e.key===e7):null,n=t?new Set([t.from,t.to]):null,s=[...eR,...eO].filter(e=>{let t="offline"!==e.status;if("working"===tw&&"working"!==e.status||"idle"===tw&&!(t&&"working"!==e.status)||"offline"===tw&&t||e5&&(eK[e.alias]??e.alias)!==e5)return!1;if(tg){let t=y(e.model);if(("unknown"===t.id?"?":t.initial)!==tg)return!1}return!n||!!n.has(e.alias)}).map(e=>e.alias),r=s.slice(0,8).join(", "),o=s.length>8?` + ${s.length-8} more`:"",l=0===s.length,i=l?`No nodes pass all ${e} pinned filters — release one to widen (Esc clears all)`:`${r}${o} — nodes passing all ${e} pinned filters`;return(0,a.jsx)("span",{"data-pin-intersection":!0,"data-pin-dim-count":e,"data-pin-intersection-count":s.length,"data-pin-intersection-empty":l?"true":"false","data-pin-intersection-aliases":s.join(","),className:"hidden sm:inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono tabular-nums text-xs border anet-fade-in anet-topo-chip-focus",title:i,style:{background:l?eN?"#d9770614":"#fbbf241f":eN?"#94a3b814":"#94a3b81f",color:l?eN?"#d97706":"#fbbf24":eN?"#475569":"#9ca3af",borderColor:"currentColor",transition:"background-color 200ms ease-out, color 200ms ease-out, border-color 200ms ease-out"},children:(0,a.jsxs)("span",{children:[(0,a.jsx)("span",{className:"hidden sm:inline opacity-70","data-pin-intersection-prefix":!0,children:"match: "}),(0,a.jsx)("span",{className:"tabular-nums","data-pin-intersection-count-dims":!0,children:e}),(0,a.jsx)("span",{className:"opacity-70","data-pin-intersection-unit":!0,children:" pins"}),(0,a.jsxs)("span",{className:"opacity-70 tabular-nums","data-pin-intersection-count-matches":!0,children:[" · ",s.length]}),(0,a.jsx)("span",{className:"ml-1","aria-hidden":!0,"data-pin-intersection-warning":l?"true":"false",style:{opacity:+!!l,transition:"opacity 200ms ease-out"},children:"⚠"})]})})})(),eJ.length>2&&(0,a.jsx)("span",{className:"hidden sm:inline-flex items-center gap-2 px-2.5 py-1 rounded-md bg-gray-500/10 text-gray-400 border border-gray-500/20 font-mono",title:"Hover to highlight; click to pin",children:eJ.map(e=>{let t=tg===e.initial,n=[...eR,...eO].filter(t=>{let a=y(t.model);return("unknown"===a.id?"?":a.initial)===e.initial}).map(e=>e.alias),s=n.slice(0,8).join(", "),r=n.length>8?` + ${n.length-8} more`:"",o=t?`${s}${r} — click again or Esc to clear`:`${s}${r} — click to pin`;return(0,a.jsxs)("span",{role:"button",tabIndex:0,"aria-pressed":t,className:"tabular-nums font-medium inline-flex items-baseline gap-0.5 px-1 rounded anet-topo-chip-focus","data-vendor-letter":e.initial,"data-vendor-letter-count":e.count,"data-vendor-pinned":t?"true":"false","data-vendor-hovered":tf===e.initial?"true":"false","data-vendor-aliases":n.join(","),title:o,style:{cursor:"pointer",backgroundColor:tf!==e.initial||t?"transparent":`color-mix(in srgb, ${e.color} 12%, transparent)`,boxShadow:t?`inset 0 0 0 1px ${e.color}, inset 0 0 0 2px rgba(255,255,255,0.45)`:void 0,transition:"box-shadow 150ms ease-out, background-color 200ms ease-out"},onMouseEnter:()=>tx(e.initial),onMouseLeave:()=>tx(t=>t===e.initial?null:t),onClick:()=>ty(t=>t===e.initial?null:e.initial),onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),ty(t=>t===e.initial?null:e.initial))},children:[(0,a.jsx)("span",{style:{color:e.color},children:e.initial}),(0,a.jsxs)("span",{className:"text-gray-400 tabular-nums","data-vendor-letter-count-suffix":!0,children:[":",e.count]})]},e.initial)})}),(H=null!==(O=eY.reduce((e,t)=>{if(!t.last_at)return e;let a=(0,m.parseHubTime)(t.last_at);return null===a?e:null===e||a>e?a:e},null))?(0,m.relativeAgo)(new Date(O).toISOString()):null,Y=eY.slice(0,6).map(e=>`${e.from}→${e.to} (${e.count})`).join(", "),X=eY.length>6?` + ${eY.length-6} more`:"",V=(K=eY.length>0)?`${Y}${X} — hover brightens all \xb7 click to open /messages`:void 0,(0,a.jsxs)("span",{className:`tabular-nums font-medium hidden sm:inline px-2.5 py-1 rounded-md border anet-topo-chip-focus ${K?"bg-gray-500/10 text-gray-400 border-gray-500/20 hover:bg-cyan-500/10 hover:text-cyan-200 hover:border-cyan-500/30":"bg-gray-500/10 text-gray-400 border-gray-500/20"}`,"data-active-links-chip":!0,"data-active-links-flow-count":eY.length,"data-active-links-clickable":K?"true":"false","data-active-links-empty":K?"false":"true",title:V,role:K?"link":void 0,tabIndex:K?0:void 0,style:{cursor:K?"pointer":void 0,opacity:K?1:.5,transition:"color 200ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out, opacity 200ms ease-out"},onMouseEnter:()=>{K&&ta(!0)},onMouseLeave:()=>ta(!1),onClick:()=>{K&&eC.push("/messages")},onKeyDown:e=>{K&&("Enter"===e.key||" "===e.key)&&(e.preventDefault(),eC.push("/messages"))},children:[eY.length,(0,a.jsxs)("span",{className:"opacity-70","data-active-links-chip-unit":!0,children:[" active link",1===eY.length?"":"s"]}),H?(G=(U=null!==O?Math.max(0,(Date.now()-O)/1e3):999)<=30?1:U<=300?1-(U-30)/270*.75:.25,J=eN?`rgba(13, 148, 136, ${G.toFixed(2)})`:`rgba(34, 211, 238, ${G.toFixed(2)})`,(0,a.jsxs)("span",{className:"text-gray-400",children:[(0,a.jsx)("span",{"data-active-links-freshness-dot":!0,"data-active-links-freshness-alpha":G.toFixed(2),style:{color:J,fontWeight:G>.7?700:400,transition:"color 200ms ease-out"},children:" · "}),"last ",H]})):null]})),(0,a.jsx)(S,{sessions:e})]})]}),(0,a.jsxs)("div",{ref:t$,className:`relative overflow-hidden rounded-xl border shadow-2xl ${eN?"shadow-zinc-900/5":"shadow-cyan-950/30"} ${tT?"flex items-center justify-center":""}`,"data-topo-wrapper":!0,style:{background:e$.containerBg,borderColor:e$.containerBorder,transition:"background-color 200ms ease-out, border-color 200ms ease-out, box-shadow 200ms ease-out"},children:[(0,a.jsx)("div",{className:`absolute inset-x-0 top-0 h-px bg-gradient-to-r ${e$.topRailGradient}`,"data-topo-top-rail":!0,style:{transition:"background-image 200ms ease-out"}}),(0,a.jsxs)("svg",{ref:t_,viewBox:"0 0 1000 680",className:"w-full h-auto block",preserveAspectRatio:"xMidYMid meet","aria-roledescription":"agent network topology","aria-label":(q=eR.length,Z=eO.length,Q=eY.length,(ee=[]).push(`${q} agent${1===q?"":"s"} online`),eG>0&&ee.push(`${eG} working`),Z>0&&ee.push(`${Z} offline`),ee.push(`${Q} active link${1===Q?"":"s"}`),`Agent network topology — ${ee.join(" · ")}. Tab to navigate nodes, double-click canvas to reset view.`),"data-topo-canvas-aria":!0,onPointerDown:e=>{0===e.button&&(e.currentTarget.setPointerCapture?.(e.pointerId),tz.current={active:!0,startX:e.clientX,startY:e.clientY,baseX:tE.current.x,baseY:tE.current.y},tK(!0))},onPointerMove:e=>{let t=tz.current;if(!t.active)return;let a=t_.current;if(!a)return;let n=a.getBoundingClientRect(),s=(e.clientX-t.startX)/n.width*1e3,r=(e.clientY-t.startY)/n.height*680;tC(e=>({...e,x:t.baseX+s,y:t.baseY+r}))},onPointerUp:tV,onPointerLeave:tV,onDoubleClick:e=>{let t=e.target;t?.closest("g[data-node]")||tq()},style:{cursor:tX?"grabbing":"grab",touchAction:"none"},children:[(0,a.jsxs)("defs",{children:[(0,a.jsxs)("linearGradient",{id:"topo-panel",x1:"0",x2:"1",y1:"0",y2:"1",children:[(0,a.jsx)("stop",{offset:"0%",stopColor:e$.panelStops[0]}),(0,a.jsx)("stop",{offset:"48%",stopColor:e$.panelStops[1]}),(0,a.jsx)("stop",{offset:"100%",stopColor:e$.panelStops[2]})]}),(0,a.jsxs)("radialGradient",{id:"topo-radar",cx:"50%",cy:"50%",r:"55%",children:[(0,a.jsx)("stop",{offset:"0%",stopColor:e$.radarStops[0].color,stopOpacity:e$.radarStops[0].opacity}),(0,a.jsx)("stop",{offset:"45%",stopColor:e$.radarStops[1].color,stopOpacity:e$.radarStops[1].opacity}),(0,a.jsx)("stop",{offset:"100%",stopColor:e$.radarStops[2].color,stopOpacity:e$.radarStops[2].opacity})]}),!eN&&(0,a.jsxs)("filter",{id:"topo-glow",children:[(0,a.jsx)("feGaussianBlur",{stdDeviation:"4",result:"blur"}),(0,a.jsxs)("feMerge",{children:[(0,a.jsx)("feMergeNode",{in:"blur"}),(0,a.jsx)("feMergeNode",{in:"SourceGraphic"})]})]}),(0,a.jsx)("filter",{id:"topo-groupbox-lift",x:"-10%",y:"-10%",width:"120%",height:"120%",children:(0,a.jsx)("feDropShadow",{dx:"0",dy:"3",stdDeviation:"4",floodColor:eN?"#0f172a":"#000000",floodOpacity:eN?.18:.55})}),[{id:"topo-arrow-s",size:12},{id:"topo-arrow",size:16},{id:"topo-arrow-l",size:22}].map(e=>(0,a.jsx)("marker",{id:e.id,viewBox:"0 0 10 10",refX:"8",refY:"5",markerWidth:e.size,markerHeight:e.size,markerUnits:"userSpaceOnUse",orient:"auto-start-reverse",children:(0,a.jsx)("path",{d:"M 0 0 L 10 5 L 0 10 z",fill:e$.arrowFill})},e.id)),(0,a.jsxs)("radialGradient",{id:"topo-sweep",cx:"0%",cy:"50%",r:"100%",children:[(0,a.jsx)("stop",{offset:"0%",stopColor:eN?"#0d9488":"#22d3ee",stopOpacity:eN?.18:.32}),(0,a.jsx)("stop",{offset:"70%",stopColor:eN?"#0d9488":"#22d3ee",stopOpacity:eN?.1:.18}),(0,a.jsx)("stop",{offset:"100%",stopColor:eN?"#0d9488":"#22d3ee",stopOpacity:"0"})]})]}),(0,a.jsx)("rect",{width:"1000",height:"680",fill:"url(#topo-panel)"}),(0,a.jsxs)("g",{transform:`translate(${tM.x} ${tM.y}) scale(${tM.zoom})`,"data-topo-viewport":!0,"data-topo-viewport-smooth":tG?"true":"false","data-topo-viewport-layout-switching":eL?"true":"false","data-topo-viewport-nodesize-switching":eW?"true":"false",style:{transition:tG?"opacity 250ms ease-out, transform 300ms ease-out":"opacity 250ms ease-out",opacity:eL||eW?.45:1},children:["ring"===eT&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("circle",{cx:500,cy:330,r:"330",fill:"url(#topo-radar)",style:{pointerEvents:"none"}}),!eN&&(0,a.jsx)("g",{opacity:"0.5",style:{pointerEvents:"none"},"data-topo-starfield":!0,children:Array.from({length:14}).map((e,t)=>{let n=9301*t+49297,s=t%3==0?1.2:.7;return(0,a.jsx)("circle",{cx:13*n%1e3,cy:7*n%680,r:s,fill:"#a5b4fc",opacity:.35+t%4*.05,"data-topo-starfield-dot":t},t)})}),!1,[170,250,330].map(e=>(0,a.jsx)("circle",{cx:500,cy:330,r:e,fill:"none",stroke:e$.ringStroke,strokeWidth:"1",opacity:eN?.6:.35,"data-topo-radar-ring":e},e)),(et=eR.length>14?[145,215,285]:eR.length>8?[175,260]:eR.length>0?[220]:[],en=(ea=!!(tw||e5||tg))?e$.legendAccent:e$.ringStroke,et.map((e,t)=>{let n=eR.reduce((t,a)=>{let n=eH[a.alias];return n&&15>Math.abs(Math.hypot(n.x-500,n.y-330)-e)?t+1:t},0);if(0===n)return null;let s=n<=2?0:n<=6?1:2,r=[.24,.36,.5][s],o=[.32,.46,.62][s],l=60*Math.min(t,8);return(0,a.jsx)("circle",{cx:500,cy:330,r:e,fill:"none",stroke:en,strokeWidth:"0.7",strokeDasharray:"2 6",opacity:eN?r:o,className:"anet-fade-in",style:{pointerEvents:"none",transition:"stroke 200ms ease-out, opacity 250ms ease-out",animationDelay:`${l}ms`},"data-tier-ring":e,"data-tier-occupancy":n,"data-tier-bucket":s,"data-tier-tinted":ea?"true":"false","data-tier-fade-delay":l},`tier-${e}`)})),!1,!1]}),"ring"===eT&&(er=[2.8,2.4,2,1.6][es=0===eG?0:eG<=2?1:eG<=5?2:3],eR.map((e,t)=>{let n=eH[e.alias];if(!n)return null;let s=j({x:500,y:330},n,0),r=eX.has(e.alias);return(0,a.jsx)("path",{d:s,fill:"none",stroke:r?e$.spokeStroke.active:e$.spokeStroke.idle,strokeWidth:r?2:1,strokeDasharray:r?"none":"6 14",opacity:r?.7:.45,className:r?void 0:"anet-topo-spoke-flow","data-topo-spoke-bucket":r?void 0:es,"data-topo-spoke-dur":r?void 0:er,"data-topo-hub-spoke-active":r?"true":"false",style:{transition:"stroke 250ms ease-out, stroke-width 250ms ease-out, opacity 250ms ease-out",...r?{}:{animationDelay:`${-(.25*t)}s`,...{"--spoke-dur":`${er}s`}}}},`hub-${e.alias}`)})),eV.map((e,t)=>{let n,s,r,o,l=e3===e.key,i=e5===e.key,c=e.statuses.working,d=c>=6?8:c>=4?10:c>=2?12:14;return(0,a.jsxs)("g",{"data-group":e.key,className:"transition-opacity anet-fade-in","data-group-fade-delay":60*Math.min(t,8),style:{opacity:!e3||l?1:.28,animationDelay:`${60*Math.min(t,8)}ms`},children:[(0,a.jsx)("rect",{x:e.x,y:e.y,width:e.w,height:e.h,rx:"14",fill:eN?"#0f172a":"#a5b4fc",fillOpacity:i?eN?.08:.13:l?eN?.05:.09:eN?.025:.045,stroke:i||l?e$.legendAccent:e$.ringStroke,strokeWidth:i?3:l?2:1.5,strokeDasharray:i||l?"none":"6 6","data-group-box-pinned":i?"true":"false","data-group-box-live":i||l||!(e.statuses.working>0)?"false":"true","data-group-box-march-dur":d,"data-group-box-lifted":i||l?"true":"false",className:i||l||!(e.statuses.working>0)?void 0:"anet-topo-groupbox-live",filter:i||l?"url(#topo-groupbox-lift)":void 0,style:{transition:"stroke 200ms ease-out, stroke-width 200ms ease-out, fill-opacity 200ms ease-out, filter 200ms ease-out, fill 200ms ease-out",pointerEvents:"none",...{"--march-dur":`${d}s`}}}),(0,a.jsxs)("g",{role:"button",tabIndex:0,"aria-pressed":e5===e.key,"data-group-label-hit":e.key,className:"anet-topo-svg-focus",style:{pointerEvents:"all",cursor:"pointer"},onPointerDown:e=>e.stopPropagation(),onClick:()=>e4(t=>t===e.key?null:e.key),onPointerEnter:()=>e1(e.key),onPointerLeave:()=>e1(t=>t===e.key?null:t),onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),e4(t=>t===e.key?null:e.key))},children:[(s=(n=Object.entries(eK).filter(([,t])=>t===e.key).map(([e])=>e)).slice(0,8).join(", "),r=n.length>8?` + ${n.length-8} more`:"",o=[e.statuses.working>0?`${e.statuses.working} working`:null,e.statuses.idle>0?`${e.statuses.idle} idle`:null,e.statuses.offline>0?`${e.statuses.offline} offline`:null].filter(Boolean).join(" · "),(0,a.jsx)("title",{children:[`${e.key} (${n.length} member${1===n.length?"":"s"})`,o||null,`${s}${r}`,e5===e.key?"click to release pin":"click to pin this group"].filter(Boolean).join("\n")})),(0,a.jsx)("rect",{x:e.x+6,y:e.y+2,width:Math.min(e.w-12,240),height:20,rx:"4",fill:e5===e.key||e0===e.key?e$.legendAccent:"transparent",opacity:e5===e.key?eN?.16:.2:e0===e.key?eN?.09:.13:1,"data-group-label-tinted":e5===e.key?"pinned":e0===e.key?"hover":"none",style:{transition:"fill 150ms ease-out, opacity 150ms ease-out"}}),(0,a.jsxs)("text",{x:e.x+12,y:e.y+14,fill:l?e$.legendHeadline:e$.legendText,fontSize:"13",fontFamily:"monospace",fontWeight:"700",style:{transition:"fill 200ms ease-out, letter-spacing 200ms ease-out",letterSpacing:i?"0.5px":"0px"},"data-group-label":e.key,"data-group-label-pinned":i?"true":"false",children:[e.key,(0,a.jsxs)("tspan",{dx:"6",fontSize:"11",fontWeight:"400","data-group-label-count":e.key,"data-group-label-count-value":e.count,style:{fontVariantNumeric:"tabular-nums"},children:["· ",e.count]}),e.statuses.working>0&&e.statuses.working!==e.count&&(0,a.jsxs)("tspan",{dx:"8",fill:eN?"#059669":"#22c55e",fontSize:"11",fontWeight:"600",className:"anet-fade-in","data-group-pip":"working",style:{fontVariantNumeric:"tabular-nums",transition:"fill 200ms ease-out"},children:[e.statuses.working,"w"]}),e.statuses.idle>0&&e.statuses.idle!==e.count&&(0,a.jsxs)("tspan",{dx:"4",fill:eN?"#0d9488":"#2dd4bf",fontSize:"11",fontWeight:"600",className:"anet-fade-in","data-group-pip":"idle",style:{fontVariantNumeric:"tabular-nums",transition:"fill 200ms ease-out"},children:[e.statuses.idle,"i"]}),e.statuses.offline>0&&e.statuses.offline!==e.count&&(0,a.jsxs)("tspan",{dx:"4",fill:eN?"#94a3b8":"#6b7280",fontSize:"11",fontWeight:"600",className:"anet-fade-in","data-group-pip":"offline",style:{fontVariantNumeric:"tabular-nums",transition:"fill 200ms ease-out"},children:[e.statuses.offline,"o"]})]})]})]},`grp-${e.key}`)}),eY.map((e,t)=>{let n,s,r,o,l,i,c,d,u,h,p,f=eH[e.from],x=eH[e.to];if(!f||!x)return null;let g=(t%2==0?1:-1)*Math.min(36,.18*Math.hypot(x.x-f.x,x.y-f.y)),y=j(f,x,g),b=Math.min(2+e.count,7),v=Math.max(.9,2.6/Math.sqrt(e.count)),k=Math.max(.35,1-(e.last_at?Math.max(0,Date.now()-Date.parse(e.last_at)):0)/3e5),w=e.count<=2?"topo-arrow-s":e.count<=4?"topo-arrow":"topo-arrow-l",N=(0,m.relativeAgo)(e.last_at),S=`${e.from} → ${e.to}
|
|
4
|
-
${e.count} message${1===e.count?"":"s"}${N?` \xb7 last ${N}`:""}`,$=te===e.key,_=eK[e.from]??e.from,M=eK[e.to]??e.to,C=$?2:te?.35:eZ||e3?e.from===eZ||e.to===eZ?1.7:e3&&_===e3&&M===e3?1.3:.35:tt?1.5:1,E=$?Math.min(1.4*b,10):b;return(0,a.jsxs)("g",{className:"anet-fade-in",style:{animationDelay:`${280+35*Math.min(t,20)}ms`},"data-edge-group":e.key,children:[(0,a.jsx)("path",{d:y,fill:"none",stroke:"transparent",strokeWidth:Math.max(b+10,16),style:{pointerEvents:"stroke"},"data-edge-hitbox":!0,onMouseEnter:()=>e6(e.key),onMouseLeave:()=>e6(t=>t===e.key?null:t),children:(0,a.jsx)("title",{children:S})}),(0,a.jsx)("path",{d:y,fill:"none",stroke:e$.flowEdge,strokeWidth:E,opacity:Math.min(1,(eN?.22:.28)*k*C),filter:eN?void 0:"url(#topo-glow)",markerEnd:`url(#${w})`,"data-edge-visible":e.key,style:{pointerEvents:"none",transition:"opacity 300ms ease-out, stroke-width 300ms ease-out, stroke 300ms ease-out"}}),(0,a.jsx)("path",{id:`flow-path-${t}`,d:y,fill:"none",stroke:e$.flowPath,strokeWidth:"1",strokeDasharray:"2 12",opacity:Math.min(1,(eN?.4:.75)*k*C),"data-edge-flow-rail":e.key,style:{transition:"opacity 300ms ease-out, stroke 300ms ease-out"}}),!eS&&(0,a.jsx)("circle",{r:"4",fill:e$.flowParticle,filter:eN?void 0:"url(#topo-glow)",opacity:Math.min(1,k*C),"data-edge-particle":e.key,style:{transition:"fill 200ms ease-out, opacity 200ms ease-out"},children:(0,a.jsx)("animateMotion",{dur:`${v}s`,begin:`-${(.37*t%v).toFixed(3)}s`,repeatCount:"indefinite",path:y})}),!1,!1,(n=e.count>=3,s=(f.x+x.x)/2,r=(f.y+x.y)/2,o=x.x-f.x,i=Math.hypot(o,l=x.y-f.y)||1,c=s+-l/i*g*.5,d=r+o/i*g*.5,u=n?Math.min(1,k*C):0,h=e7===e.key,p=e.count>=10,(0,a.jsxs)("g",{"data-edge-count-badge":e.key,"data-edge-count-badge-pinned":h?"true":"false","data-edge-count-badge-hot":p?"true":"false","data-edge-count-badge-visible":n?"true":"false",role:n?"button":void 0,tabIndex:n?0:-1,"aria-pressed":n?h:void 0,"aria-hidden":!n||void 0,className:"anet-topo-svg-focus",style:{pointerEvents:n?"all":"none",cursor:n?"pointer":void 0,transition:"opacity 300ms ease-out"},opacity:u,onPointerDown:e=>e.stopPropagation(),onMouseEnter:()=>e6(e.key),onMouseLeave:()=>e6(t=>t===e.key?null:t),onClick:t=>{t.stopPropagation(),e9(t=>t===e.key?null:e.key);let a=Date.now();tO({ts:a,x:c,y:d,r0:10.5,color:e$.flowEdge}),setTimeout(()=>tO(e=>e&&e.ts===a?null:e),600)},onKeyDown:t=>{if("Enter"===t.key||" "===t.key){t.preventDefault(),e9(t=>t===e.key?null:e.key);let a=Date.now();tO({ts:a,x:c,y:d,r0:10.5,color:e$.flowEdge}),setTimeout(()=>tO(e=>e&&e.ts===a?null:e),600)}},children:[(0,a.jsx)("title",{children:h?`${e.from} → ${e.to} (${e.count}) — click to release pin`:`${e.from} → ${e.to} (${e.count}) — click to pin`}),(0,a.jsx)("circle",{cx:c,cy:d,r:$||h?10.5:9,fill:e$.legendBox.fill,stroke:h?e$.legendHeadline:p?eN?"#d97706":"#fbbf24":e$.flowEdge,strokeWidth:h||p?2:1,opacity:eN?.95:.82,"data-edge-badge-lifted":$||h?"true":"false",style:{transition:"r 180ms ease-out, stroke 300ms ease-out, stroke-width 300ms ease-out, fill 200ms ease-out, opacity 200ms ease-out"}}),(0,a.jsx)("text",{x:c,y:d+3,textAnchor:"middle",fill:e$.legendHeadline,fontSize:"10",fontFamily:"monospace",fontWeight:"700","data-edge-badge-text":e.key,"data-edge-badge-text-pin":h||p?"true":"false",style:{pointerEvents:"none",fontVariantNumeric:"tabular-nums",letterSpacing:h||p?"0.4px":"0px",transition:"letter-spacing 300ms ease-out"},children:e.count})]}))]},e.key)}),"ring"===eT&&(0,a.jsxs)("g",{"data-topo-hub":!0,"data-topo-hub-hovered":tn?"true":"false",role:"button",tabIndex:0,"aria-label":(eo=["Network hub"],eR.length>0&&eo.push(`${eR.length} online`),eG>0&&eo.push(`${eG} working`),eY.length>0&&eo.push(`${eY.length} active link${1===eY.length?"":"s"}`),eo.join(" · ")+" — Enter to fit view"),className:"anet-topo-svg-focus anet-fade-in","data-topo-hub-fade-delay":0,style:{cursor:"pointer"},onPointerDown:e=>e.stopPropagation(),onMouseEnter:()=>ts(!0),onMouseLeave:()=>ts(!1),onClick:()=>{tZ(),tO({ts:Date.now(),x:500,y:330,r0:18,color:eN?"#059669":"#10b981"}),setTimeout(()=>tO(e=>e&&500===e.x&&330===e.y?null:e),600)},onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),tZ(),tO({ts:Date.now(),x:500,y:330,r0:18,color:eN?"#059669":"#10b981"}),setTimeout(()=>tO(e=>e&&500===e.x&&330===e.y?null:e),600))},children:[(0,a.jsx)("title",{children:(el=e.length,ei=["Network hub",`${el} session${1===el?"":"s"}`],eR.length>0&&ei.push(`${eR.length} online`),eG>0&&ei.push(`${eG} working`),eY.length>0&&ei.push(`${eY.length} active link${1===eY.length?"":"s"}`),ei.join(" · ")+"\nclick to fit view")}),(ed=[.52,.58,.65,.72][ec=0===eG?0:eG<=2?1:eG<=5?2:3],eu=[.16,.2,.26,.32][ec],eh=[4,3.2,2.7,2.4][ec],ep=`0.32;${ed};0.32`,em=`0.08;${eu};0.08`,(0,a.jsx)("circle",{cx:500,cy:330,r:"18",fill:eN?"#d1fae5":"#10b981",opacity:eN?.42:.12,"data-hub-busyness":ec,style:{transition:"fill 200ms ease-out"},children:!eS&&(0,a.jsx)("animate",{attributeName:"opacity",values:eN?ep:em,dur:`${eh}s`,repeatCount:"indefinite",calcMode:"spline",keyTimes:"0;0.5;1",keySplines:"0.42 0 0.58 1;0.42 0 0.58 1"})})),(0,a.jsx)("circle",{cx:500,cy:330,r:"10",fill:eN?"#059669":"#10b981","data-topo-hub-core":!0,style:{transition:"fill 200ms ease-out"}}),(0,a.jsx)("text",{x:500,y:330,textAnchor:"middle",dy:"0.36em",fill:eN?"#d1fae5":"#ecfdf5",fontSize:"11",fontFamily:"monospace",fontWeight:"700",opacity:+(eG>0),"data-topo-hub-working-count":eG,"data-topo-hub-working-count-hovered":tn?"true":"false","data-topo-hub-working-count-visible":eG>0?"true":"false",style:{pointerEvents:"none",transform:!eS&&tn?"scale(1.08)":"scale(1)",transformBox:"fill-box",transformOrigin:"center",transition:"transform 200ms ease-out, opacity 300ms ease-out, fill 200ms ease-out",fontVariantNumeric:"tabular-nums"},children:eG}),(0,a.jsx)("circle",{cx:500,cy:330,r:"5",fill:"#d1fae5",opacity:eG>0?0:.9,"data-topo-hub-highlight":!0,"data-topo-hub-highlight-visible":eG>0?"false":"true",style:{pointerEvents:"none",transition:"opacity 300ms ease-out"}}),(0,a.jsx)("circle",{cx:500,cy:330,r:tn?17:14,fill:"none",stroke:eN?"#059669":"#10b981",strokeWidth:"1.5",opacity:tn?eN?.85:.7:0,"data-topo-hub-hover-ring":!0,"data-topo-hub-hover-ring-radius":tn?17:14,style:{pointerEvents:"none",transition:"opacity 180ms ease-out, r 180ms ease-out, stroke 200ms ease-out"}})]}),[...eR,...eO].map((e,n)=>{let s,r,o,l,i,c,d,h,p,f=eH[e.alias];if(!f)return null;let x=(e.network_id?t[`${e.network_id}:${e.alias}`]:void 0)??t[e.alias],g="offline"!==e.status||!!x,b=$(e,g,eN),k=eX.has(e.alias),w=Math.round((g?26:18)*eD),j=!eq||eZ===e.alias||tM.zoom>=1.4,S=!e3||(eK[e.alias]??e.alias)===e3,_=0;if("ring"===eT){let t=eH[e.alias];if(t){let e=Math.hypot(t.x-500,t.y-330);_=e<195?0:e<270?1:e<310?2:3}}return(0,a.jsxs)("g",{"data-node":e.alias,"data-tier-idx":"ring"===eT?_:-1,role:"button",tabIndex:0,"aria-pressed":tW===e.alias,"aria-label":`Chat with ${e.alias} (${e.status})`,onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),tB(e.alias),tO({ts:Date.now(),x:f.x,y:f.y,r0:w,color:b.primary}),setTimeout(()=>tO(e=>e&&Date.now()-e.ts>=590?null:e),600))},className:"group transition-opacity anet-fade-in anet-topo-svg-focus",style:{cursor:"pointer",opacity:tS&&!tS.has(e.alias)&&tW!==e.alias||tb&&tW!==e.alias&&("unknown"===(s=y(e.model)).id?"?":s.initial)!==tb||tN&&tW!==e.alias&&!("working"===tN?"working"===e.status:"idle"===tN?g&&"working"!==e.status:!g)?.28:S?tW===e.alias||g?1:.6:.32,animationDelay:"ring"===eT?`${180*_+n%6*25}ms`:`${25*Math.min(n,24)}ms`,transform:eS||eZ!==e.alias?void 0:"translateY(-2px)",transition:"transform 180ms cubic-bezier(0.4,0,0.2,1)"},onPointerDown:e=>e.stopPropagation(),onPointerEnter:()=>eQ(e.alias),onPointerLeave:()=>eQ(t=>t===e.alias?null:t),onClick:()=>{tB(e.alias),tO({ts:Date.now(),x:f.x,y:f.y,r0:w,color:b.primary}),setTimeout(()=>tO(e=>e&&Date.now()-e.ts>=590?null:e),600)},children:[(()=>{var t,n;let s,r,o,l=!g&&e.last_seen_at?(0,m.relativeAgo)(e.last_seen_at):null,i=eK[e.alias],c=i?Object.values(eK).filter(e=>e===i).length:1,d=c>1?`group: ${i} \xb7 ${c}`:null,u=0,h=0,p=new Map,f=new Map;for(let t of eY)t.from===e.alias&&(h+=t.count,f.set(t.to,(f.get(t.to)??0)+t.count)),t.to===e.alias&&(u+=t.count,p.set(t.from,(p.get(t.from)??0)+t.count));let x=e=>{let t=[...e.entries()].sort((e,t)=>t[1]-e[1]);return t.slice(0,6).map(([e,t])=>`${e} (${t})`).join(", ")+(t.length>6?` + ${t.length-6} more`:"")},b=u+h>0?`flows: ${u} in / ${h} out`:null,k=p.size>0?`← from: ${x(p)}`:null,w=f.size>0?`→ to: ${x(f)}`:null;return(0,a.jsx)("title",{children:[`${e.alias} \xb7 ${e.status}`,(t=e.model,n=e.runtime,s=y(t),r=v(n),o=[],"unknown"!==s.id&&o.push(s.label),t&&o.push(t),r&&o.push(r.label),o.join(" · ")),d,e.project_dir?`cwd: ${e.project_dir}`:null,l?`last seen: ${l}`:null,b,k,w].filter(Boolean).join("\n")})})(),(0,a.jsx)("circle",{cx:f.x,cy:f.y,r:w+12,fill:"none",stroke:b.primary,strokeWidth:"2",className:"opacity-0 group-hover:opacity-70 transition-opacity duration-150",style:{pointerEvents:"none"}}),(r=tW===e.alias,(0,a.jsx)("circle",{cx:f.x,cy:f.y,r:w+14,fill:"none",stroke:b.primary,strokeWidth:"2.5",opacity:r?eN?.85:.95:0,filter:!eN&&r?"url(#topo-glow)":void 0,style:{pointerEvents:"none",transition:"opacity 200ms ease-out, stroke 200ms ease-out, filter 200ms ease-out"},"data-chat-target-ring":!0,"data-chat-target-active":r?"true":"false","data-chat-target-breath":!eS&&r?"on":"off",children:!eS&&r&&(0,a.jsx)("animate",{attributeName:"opacity",values:eN?"0.72;0.95;0.72":"0.82;1;0.82",dur:"3s",repeatCount:"indefinite"})})),!eS&&(0,a.jsx)("g",{opacity:+!!k,"data-node-pulse":e.alias,"data-node-pulse-active":k?"true":"false",style:{transition:"opacity 300ms ease-out"},children:(0,a.jsxs)("circle",{cx:f.x,cy:f.y,r:w+14,fill:b.primary,opacity:eN?.08:.12,children:[(0,a.jsx)("animate",{attributeName:"r",values:`${w+8};${w+22};${w+8}`,dur:"2.4s",repeatCount:"indefinite",calcMode:"spline",keyTimes:"0;0.5;1",keySplines:"0.42 0 0.58 1;0.42 0 0.58 1"}),(0,a.jsx)("animate",{attributeName:"opacity",values:eN?"0.12;0.02;0.12":"0.18;0.04;0.18",dur:"2.4s",repeatCount:"indefinite",calcMode:"spline",keyTimes:"0;0.5;1",keySplines:"0.42 0 0.58 1;0.42 0 0.58 1"})]})}),(0,a.jsx)("circle",{cx:f.x,cy:f.y,r:w+8,fill:b.halo,opacity:g?eN?.85:.65:eN?.4:.25,className:"transition-[fill,opacity] duration-300 ease-out","data-node-halo-breath":eS||"working"!==e.status?"off":"on","data-node-halo-breath-offset":eS||"working"!==e.status?void 0:(.37*n%3).toFixed(3),children:!1}),(o=tS&&tS.has(e.alias),(0,a.jsx)("circle",{cx:f.x,cy:f.y,r:w+7,fill:"none",stroke:e$.flowEdge,strokeWidth:o?2.4:1.6,opacity:o?eN?.9:.85:0,"data-edge-endpoint-ring":!0,"data-edge-endpoint-active":o?"true":"false","data-edge-endpoint-ring-stroke-width":o?2.4:1.6,style:{pointerEvents:"none",transition:"opacity 180ms ease-out, stroke-width 180ms ease-out"}})),(0,a.jsx)("circle",{cx:f.x,cy:f.y,r:w,fill:g?e$.nodeFill.online:e$.nodeFill.offline,stroke:b.primary,strokeWidth:g?3:1.5,strokeDasharray:g?"none":"5 5",filter:g&&!eN?"url(#topo-glow)":void 0,"data-node-status-ring":b.label,style:{transition:"fill 300ms ease-out, stroke 300ms ease-out, stroke-width 300ms ease-out"}}),"red"!==eM.get(e.server)?null:(0,a.jsx)("circle",{cx:f.x,cy:f.y,r:w+8,fill:"none",stroke:eN?"#d97706":"#fbbf24",strokeWidth:"2.5",opacity:"0.6","data-node-server-health":"red","data-node-server-host":e.server,style:{pointerEvents:"none",transition:"stroke 200ms ease-out, opacity 200ms ease-out"}}),(()=>{let t=Math.round((g?14:10)*eD),n=2*w,s=y(e.model),r=/书生|书小生|intern/i.test(e.alias);if(e_||r||s.logo)return(0,a.jsx)("image",{href:s.logo??"/intern_avatar.png",x:f.x-n/2,y:f.y-n/2,width:n,height:n,preserveAspectRatio:"xMidYMid meet"});if("unknown"!==s.id)return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("circle",{cx:f.x,cy:f.y,r:t,fill:s.mono.bg,stroke:s.mono.ring,strokeWidth:"1.5"}),(0,a.jsx)("text",{x:f.x,y:f.y,dy:"0.34em",textAnchor:"middle",fill:s.mono.text,fontSize:t,fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, sans-serif",fontWeight:"700","data-monogram-letter":s.initial,children:s.initial})]});let o=(0,u.aliasAvatarColors)(eK[e.alias]||e.alias);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("circle",{cx:f.x,cy:f.y,r:t,fill:o.bg,stroke:o.ring,strokeWidth:"1"}),(0,a.jsx)("text",{x:f.x,y:f.y,dy:"0.34em",textAnchor:"middle",fill:o.text,fontSize:t,fontFamily:"monospace",fontWeight:"700",children:(0,u.aliasInitial)(e.alias)})]})})(),(()=>{let t=v(e.runtime);if(!t)return null;let n=g?7:5.5,s=f.x+.72*w,r=f.y+.72*w,o=2*n*.62,l=!eS&&eZ===e.alias;return(0,a.jsxs)("g",{style:{pointerEvents:"none"},children:[(0,a.jsx)("circle",{cx:s,cy:r,r:n,fill:e$.containerBg,stroke:t.color,strokeWidth:"1.5","data-runtime-badge":e.alias,"data-runtime-badge-active":l?"true":"false",style:{r:l?`${n+1}px`:`${n}px`,strokeWidth:l?"2px":"1.5px",transition:"r 150ms ease-out, stroke-width 150ms ease-out"}}),(0,a.jsx)("g",{transform:`translate(${s-o/2} ${r-o/2}) scale(${o/24})`,children:(0,a.jsx)("path",{d:t.iconPath,fill:"none",stroke:t.color,strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})})]})})(),!1,(i=(l=eD<.8)?88:100,j?(0,a.jsxs)("g",{transform:`translate(${f.x}, ${f.y+w+(l?18:22)})`,style:{pointerEvents:"none"},className:"transition-transform duration-200 group-hover:-translate-y-[1.5px]",children:[(0,a.jsx)("rect",{x:-i/2,y:l?-12:-14,width:i,height:l?36:42,rx:"6",fill:e$.labelBox.fill,stroke:eS||eZ!==e.alias?e$.labelBox.stroke:e$.legendAccent,opacity:eN?1:.94,"data-node-label-card":e.alias,"data-node-label-card-elevation":eS||eZ!==e.alias?"idle":"hover",style:{filter:eS||eZ!==e.alias?eN?"drop-shadow(0 1px 2px rgba(15,23,42,0.08))":"drop-shadow(0 1px 2px rgba(0,0,0,0.30))":eN?"drop-shadow(0 3px 8px rgba(15,23,42,0.20))":"drop-shadow(0 4px 12px rgba(0,0,0,0.60))",transition:"filter 220ms ease-out, stroke 220ms ease-out, fill 220ms ease-out, opacity 220ms ease-out"}}),(0,a.jsx)("text",{x:"0",y:"1",textAnchor:"middle",fill:b.text,fontSize:l?11:12,fontFamily:"monospace",fontWeight:"700","data-node-alias-text":e.alias,"data-node-alias-chat-target":tW===e.alias?"true":"false",style:{transition:"fill 300ms ease-out, letter-spacing 200ms ease-out",letterSpacing:tW===e.alias?"0.5px":"0px"},children:N(e.alias,l?11:12)}),(0,a.jsxs)("text",{x:"0",y:l?15:17,textAnchor:"middle",fill:b.primary,fontSize:l?8:9,fontFamily:"monospace","data-node-sub-text":e.alias,style:{transition:"fill 300ms ease-out"},children:[b.label,g&&null!=x?` sse:${x}`:""]})]}):(0,a.jsx)("text",{x:f.x,y:f.y+w+(l?12:14),textAnchor:"middle",fill:b.text,fontSize:l?9:10,fontFamily:"monospace",fontWeight:"700",opacity:.9,className:"group-hover:-translate-y-[1.5px]","data-node-dense-alias-text":e.alias,style:{pointerEvents:"none",paintOrder:"stroke",transition:"transform 200ms ease-out, fill 300ms ease-out"},stroke:e$.containerBg,strokeWidth:"3",children:N(e.alias,l?9:10)})),!eS&&eZ===e.alias&&!eq&&(c=y(e.model),d=v(e.runtime),h=f.x>650?f.x-w-18-192:f.x+w+18,p=f.y-44,(0,a.jsxs)("g",{transform:`translate(${h}, ${p})`,"data-topo-hover-detail":e.alias,style:{pointerEvents:"none"},children:[(0,a.jsx)("rect",{x:"0",y:"0",width:192,height:88,rx:"8",fill:e$.labelBox.fill,stroke:e$.legendAccent,opacity:eN?.98:.94,style:{filter:eN?"drop-shadow(0 4px 12px rgba(15,23,42,0.16))":"drop-shadow(0 4px 12px rgba(0,0,0,0.6))"}}),(0,a.jsx)("text",{x:"10",y:"16",fontSize:"9",fontFamily:"monospace",fill:e$.legendAccent,fontWeight:"700",children:"unknown"!==c.id?c.label:"—"}),(0,a.jsx)("text",{x:"10",y:"32",fontSize:"10",fontFamily:"monospace",fill:e$.legendHeadline,children:e.model||"model · pending"}),(0,a.jsx)("text",{x:"10",y:"48",fontSize:"9",fontFamily:"monospace",fill:e$.legendText,children:d?d.label:"runtime · pending"}),(0,a.jsxs)("text",{x:"10",y:"64",fontSize:"9",fontFamily:"monospace",fill:e$.legendText,children:["host · ",e.server||"unknown"]}),(0,a.jsx)("text",{x:"10",y:"80",fontSize:"9",fontFamily:"monospace",fill:e$.legendText,opacity:"0.7",children:e.task?N(e.task,28):"no recent task"})]}))]},e.alias)}),tR&&!eS&&(0,a.jsxs)("circle",{cx:tR.x,cy:tR.y,r:tR.r0+4,fill:"none",stroke:tR.color,strokeWidth:"2",opacity:"0","data-click-ripple":!0,style:{pointerEvents:"none"},children:[(0,a.jsx)("animate",{attributeName:"r",values:`${tR.r0+4};${tR.r0+30}`,dur:"0.5s",calcMode:"spline",keyTimes:"0;1",keySplines:"0.25 0.1 0.25 1",fill:"freeze"}),(0,a.jsx)("animate",{attributeName:"opacity",values:"0.7;0",dur:"0.5s",calcMode:"spline",keyTimes:"0;1",keySplines:"0.25 0.1 0.25 1",fill:"freeze"})]},tR.ts)]}),eY.length>0&&(0,a.jsxs)("g",{transform:"translate(16, 16)","data-topo-panel":"recent","data-topo-panel-hovered":"recent"===tp?"true":"false",className:"anet-fade-in","data-topo-panel-fade-delay":700,style:{animationDelay:"700ms"},onMouseEnter:()=>tm("recent"),onMouseLeave:()=>tm(e=>"recent"===e?null:e),children:[(0,a.jsx)("rect",{x:"0",y:"0",width:"230",height:"88",rx:"10",fill:e$.legendBox.fill,stroke:e$.legendBox.stroke,opacity:"recent"===tp?eN?1:.97:eN?.97:.92,style:{filter:"recent"===tp?eN?"drop-shadow(0 4px 12px rgba(15,23,42,0.14))":"drop-shadow(0 4px 12px rgba(0,0,0,0.65))":eN?"drop-shadow(0 2px 6px rgba(15,23,42,0.08))":"drop-shadow(0 2px 6px rgba(0,0,0,0.45))",transition:"filter 200ms ease-out, fill 200ms ease-out, stroke 200ms ease-out, opacity 200ms ease-out"},"data-topo-panel-elevation":"recent"}),(0,a.jsx)("text",{x:"13",y:"21",fill:e$.legendHeadline,fontSize:"12",fontFamily:"monospace",fontWeight:"700",letterSpacing:"recent"===tp?"0.4":"0.3",style:{transition:"fill 200ms ease-out, letter-spacing 200ms ease-out"},"data-recent-panel-title":!0,children:"recent signal"}),(ef=eY.filter(e=>e.count>=10).length,ey=(eg=null!==(ex=eY.reduce((e,t)=>{if(!t.last_at)return e;let a=Date.parse(t.last_at);return Number.isNaN(a)?e:null===e||a>e?a:e},null))?Math.max(0,(Date.now()-ex)/1e3):999)<=30?1:eg<=300?1-(eg-30)/270*.75:.25,eb=eN?`rgba(13, 148, 136, ${ey.toFixed(2)})`:`rgba(34, 211, 238, ${ey.toFixed(2)})`,(0,a.jsxs)("text",{x:"217",y:"21",textAnchor:"end",fontSize:"10",fontFamily:"monospace",letterSpacing:"0.2","data-recent-panel-count-letter-spacing":"0.2",children:[(0,a.jsxs)("tspan",{fill:eb,fontWeight:"600","data-recent-panel-count":!0,"data-recent-panel-count-freshness-alpha":ey.toFixed(2),style:{transition:"fill 200ms ease-out",fontVariantNumeric:"tabular-nums"},children:[eY.length,(0,a.jsx)("tspan",{opacity:"0.7","data-recent-panel-count-unit":!0,children:" flows"})]}),(0,a.jsx)("tspan",{fill:eN?"#d97706":"#fbbf24",fontWeight:"700","data-recent-panel-hot-count":ef,"data-recent-panel-hot-visible":ef>0?"true":"false",className:"anet-fade-in",opacity:+(ef>0),style:{transition:"opacity 300ms ease-out",fontVariantNumeric:"tabular-nums"},children:ef>0?(0,a.jsxs)(a.Fragment,{children:[` \xb7 ${ef}`,(0,a.jsx)("tspan",{opacity:"0.7","data-recent-panel-hot-count-unit":!0,children:" hot"})]}):""})]})),(0,a.jsxs)("g",{"data-recent-signal-empty-wrapper":!0,"data-recent-signal-empty-visible":0===eY.length?"true":"false",style:{opacity:+(0===eY.length),transition:"opacity 300ms ease-out",pointerEvents:"none"},children:[(0,a.jsxs)("text",{x:"115",y:"56",textAnchor:"middle",fill:e$.legendText,fontSize:"10",fontFamily:"monospace",fontStyle:"italic",letterSpacing:"0.2",opacity:.65,"data-recent-signal-empty":!0,"data-recent-signal-empty-breathes":eS?"false":"true",children:["no flow yet",!eS&&(0,a.jsx)("animate",{attributeName:"opacity",values:"0.55;0.78;0.55",dur:"4.4s",repeatCount:"indefinite"})]}),(0,a.jsxs)("text",{x:"115",y:"70",textAnchor:"middle",fill:e$.legendText,fontSize:"9",fontFamily:"monospace",fontStyle:"italic",letterSpacing:"0.15",opacity:.45,"data-recent-signal-empty-hint":!0,"data-recent-signal-empty-hint-breathes":eS?"false":"true",children:["send a message between agents",!eS&&(0,a.jsx)("animate",{attributeName:"opacity",values:"0.36;0.58;0.36",dur:"4.4s",begin:"-1.5s",repeatCount:"indefinite"})]})]}),0===eY.length?null:eY.slice(0,3).map((e,t)=>{let n,s=e.last_at?(0,m.relativeAgo)(e.last_at):null,r=s?s.replace(/\s+ago$/,""):null,o=e8===e.key,l=e7===e.key,i=o||l,c=e.last_at?(n=Math.max(0,(Date.now()-Date.parse(e.last_at))/1e3))<=30?.85:n<=300?.85-(n-30)/270*.55:.3:.55,d=e.count>=10;return(0,a.jsxs)("g",{"data-recent-row":e.key,"data-recent-row-hovered":o?"true":"false","data-recent-row-pinned":l?"true":"false","data-recent-row-hot":d?"true":"false","data-recent-row-lifted":o||l?"true":"false",className:"anet-topo-svg-focus anet-fade-in",role:"button",tabIndex:0,"aria-pressed":l,style:{cursor:"pointer",transform:o||l?"translateY(-1px)":void 0,transition:"transform 150ms cubic-bezier(0.4, 0, 0.2, 1)"},onPointerDown:e=>e.stopPropagation(),onMouseEnter:()=>e6(e.key),onMouseLeave:()=>e6(t=>t===e.key?null:t),onClick:()=>e9(t=>t===e.key?null:e.key),onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),e9(t=>t===e.key?null:e.key))},children:[(0,a.jsx)("title",{children:[`${e.from} → ${e.to} \xb7 ${e.count} msg${1===e.count?"":"s"}${d?" (hot lane · ≥ 10)":""}`,e.last_at?`last: ${new Date(e.last_at).toLocaleString()}`:null,e.content?`"${e.content}"`:null,l?"click to release pin (Esc to clear)":"click to pin · hover to preview"].filter(Boolean).join("\n")}),(0,a.jsx)("rect",{x:"6",y:38+16*t-10,width:"218",height:"14",rx:"3",fill:i?e$.legendAccent:"transparent",opacity:l?eN?.18:.22:o?eN?.1:.14:1,style:{transition:"fill 150ms ease-out, opacity 150ms ease-out"}}),(()=>{if(!e.last_at)return null;let n=Math.max(0,(Date.now()-Date.parse(e.last_at))/1e3),s=n<=30?1:n<=300?1-(n-30)/270*.75:.25;return(0,a.jsx)("circle",{cx:10,cy:38+16*t-3,r:1.6,fill:e$.legendAccent,opacity:s,"data-recent-row-freshness":e.key,"data-recent-row-freshness-alpha":s.toFixed(2),style:{pointerEvents:"none",transition:"opacity 200ms ease-out"}})})(),(0,a.jsxs)("text",{x:"13",y:38+16*t,fill:i?e$.legendHeadline:e$.legendText,fontSize:"9",fontFamily:"monospace","data-recent-row-text":e.key,"data-recent-row-text-pinned":l?"true":"false",style:{transition:"fill 150ms ease-out, letter-spacing 150ms ease-out",letterSpacing:l?"0.5px":"0px"},children:[N(e.from,6)," ","→"," ",N(e.to,6)," "," · ",(0,a.jsx)("tspan",{fill:d?eN?"#d97706":"#fbbf24":void 0,fontWeight:d?"700":"600","data-recent-row-count":!0,...d?{"data-recent-row-count-hot":"true"}:{},style:{transition:"fill 300ms ease-out",fontVariantNumeric:"tabular-nums"},children:e.count})," · ",N(e.content,8)]}),r?(0,a.jsx)("text",{x:"217",y:38+16*t,textAnchor:"end",fill:e$.legendText,fontSize:"8",fontFamily:"monospace",opacity:c,"data-recent-row-ts":e.key,"data-recent-row-ts-alpha":c.toFixed(2),style:{pointerEvents:"none",transition:"opacity 200ms ease-out",fontVariantNumeric:"tabular-nums"},children:r}):null]},e.key)}),(ev=eY.length>3,ek=Math.max(0,eY.length-3),ew=`+ ${ek} more flow${1===ek?"":"s"}`,(0,a.jsxs)("g",{"data-recent-panel-more-nav":!0,"data-recent-panel-more-visible":ev?"true":"false",role:ev?"link":void 0,tabIndex:ev?0:-1,"aria-hidden":!ev||void 0,className:"anet-topo-svg-focus",style:{cursor:ev?"pointer":void 0,pointerEvents:ev?"all":"none",opacity:+!!ev,transition:"opacity 300ms ease-out"},onPointerDown:e=>e.stopPropagation(),onMouseEnter:()=>{ev&&to(!0)},onMouseLeave:()=>to(!1),onClick:()=>{ev&&eC.push("/messages")},onKeyDown:e=>{ev&&("Enter"===e.key||" "===e.key)&&(e.preventDefault(),eC.push("/messages"))},children:[(0,a.jsx)("title",{children:`${ew} — open /messages for the full list`}),(0,a.jsxs)("text",{x:"115",y:"82",textAnchor:"middle",fill:tr?e$.legendAccent:e$.legendText,fontSize:"9",fontFamily:"monospace",fontStyle:"italic",letterSpacing:tr?"0.3":"0.2",opacity:tr?.85:.55,textDecoration:tr?"underline":"none","data-recent-panel-more":ek,"data-recent-panel-more-hovered":tr?"true":"false",style:{transition:"opacity 150ms ease-out, fill 200ms ease-out, letter-spacing 200ms ease-out"},children:[`+ ${ek}`,(0,a.jsx)("tspan",{opacity:"0.7","data-recent-panel-more-unit":!0,children:` more flow${1===ek?"":"s"}`})]})]}))]}),(0,a.jsxs)("g",{transform:"translate(760, 16)","data-topo-panel":"legend","data-topo-panel-hovered":"legend"===tp?"true":"false",className:"anet-fade-in","data-topo-panel-fade-delay":800,style:{animationDelay:"800ms"},onMouseEnter:()=>tm("legend"),onMouseLeave:()=>tm(e=>"legend"===e?null:e),children:[(0,a.jsx)("rect",{x:"0",y:"0",width:"224",height:"88",rx:"10",fill:e$.legendBox.fill,stroke:e$.legendBox.stroke,opacity:"legend"===tp?eN?1:.97:eN?.97:.92,style:{filter:"legend"===tp?eN?"drop-shadow(0 4px 12px rgba(15,23,42,0.14))":"drop-shadow(0 4px 12px rgba(0,0,0,0.65))":eN?"drop-shadow(0 2px 6px rgba(15,23,42,0.08))":"drop-shadow(0 2px 6px rgba(0,0,0,0.45))",transition:"filter 200ms ease-out, fill 200ms ease-out, stroke 200ms ease-out, opacity 200ms ease-out"},"data-topo-panel-elevation":"legend"}),(0,a.jsx)("text",{x:"13",y:"21",fill:e$.legendHeadline,fontSize:"12",fontFamily:"monospace",fontWeight:"700",letterSpacing:"legend"===tp?"0.4":"0.3",style:{transition:"fill 200ms ease-out, letter-spacing 200ms ease-out"},"data-legend-panel-title":!0,children:"legend"}),(0,a.jsxs)("text",{x:"211",y:"21",textAnchor:"end",fill:e$.legendAccent,fontSize:"10",fontFamily:"monospace",fontWeight:"600",letterSpacing:"0.2","data-legend-panel-count":!0,"data-legend-panel-count-letter-spacing":"0.2",style:{transition:"fill 200ms ease-out",fontVariantNumeric:"tabular-nums"},children:[e.length,(0,a.jsxs)("tspan",{opacity:"0.7","data-legend-panel-count-unit":!0,children:[" node",1===e.length?"":"s"]})]}),(ej=eR.length-eG,[{key:"working",y0:32,y1:36,fill:eN?"#059669":"#22c55e",label:"working",count:eG},{key:"idle",y0:50,y1:54,fill:eN?"#0d9488":"#2dd4bf",label:"idle",count:ej},{key:"offline",y0:68,y1:72,fill:eN?"#94a3b8":"#6b7280",label:"offline",count:eO.length}]).map(e=>{let t,n,s,r=tw===e.key,o=tv===e.key,l=o||r;return(0,a.jsxs)("g",{"data-legend-status":e.key,"data-legend-row-lifted":l?"true":"false",className:"anet-topo-svg-focus",role:"button",tabIndex:0,"aria-pressed":r,style:{cursor:"pointer",transform:l?"translateY(-1px)":void 0,transition:"transform 150ms cubic-bezier(0.4, 0, 0.2, 1)"},onPointerDown:e=>e.stopPropagation(),onMouseEnter:()=>tk(e.key),onMouseLeave:()=>tk(t=>t===e.key?null:t),onClick:()=>tj(t=>t===e.key?null:e.key),children:[(0,a.jsx)("title",{children:(n=(t="working"===e.key?eR.filter(e=>"working"===e.status).map(e=>e.alias):"idle"===e.key?eR.filter(e=>"working"!==e.status).map(e=>e.alias):eO.map(e=>e.alias)).slice(0,8).join(", "),s=t.length>8?` + ${t.length-8} more`:"",[`${e.label} \xb7 ${e.count}`,t.length>0?`${n}${s}`:null,r?"click to release pin (Esc to clear)":"click to pin · hover to preview"].filter(Boolean).join("\n"))}),(0,a.jsx)("rect",{x:"6",y:e.y0-11,width:"170",height:"22",rx:"3",fill:tv===e.key||r?e.fill:"transparent",opacity:r?eN?.14:.18:tv===e.key?eN?.08:.12:1,"data-legend-row-tinted":r?"pinned":tv===e.key?"hover":"none",style:{transition:"fill 150ms ease-out, opacity 150ms ease-out"}}),(0,a.jsx)("circle",{cx:"16",cy:e.y0,r:"6",fill:e.fill,"data-legend-swatch":e.key,"data-legend-swatch-state":r?"pinned":o?"hover":"idle",style:{r:o||r?"7px":"6px",transition:"r 150ms ease-out"}}),(0,a.jsx)("circle",{cx:"16",cy:e.y0,r:"8",fill:"none",stroke:e.fill,strokeWidth:"1.5",opacity:+!!r,"data-legend-pin-ring":e.key,"data-legend-pin-ring-pinned":r?"true":"false",style:{pointerEvents:"none",transition:"opacity 150ms ease-out"}}),(0,a.jsx)("text",{x:"30",y:e.y1,fill:tv===e.key||r?e$.legendHeadline:e$.legendText,fontSize:"11",fontFamily:"monospace","data-legend-row-label":e.key,"data-legend-row-label-pinned":r?"true":"false",style:{transition:"fill 150ms ease-out, letter-spacing 150ms ease-out",letterSpacing:r?"0.5px":"0px"},children:e.label}),(0,a.jsx)("text",{x:"215",y:e.y1,textAnchor:"end",fill:e.count>0&&(tv===e.key||r)?e.fill:e$.legendText,fontSize:"11",fontFamily:"monospace",fontWeight:"600",opacity:0===e.count?eN?.28:.3:tv===e.key||r?.95:.65,"data-legend-count":e.key,"data-legend-count-empty":0===e.count?"true":"false","data-legend-count-fill":e.count>0&&(tv===e.key||r)?"tier":"neutral",style:{pointerEvents:"none",transition:"opacity 150ms ease-out, fill 150ms ease-out",fontVariantNumeric:"tabular-nums"},children:e.count})]},e.key)}),(0,a.jsx)("path",{d:"M140,68 Q164,44 196,68",fill:"none",stroke:e$.flowEdge,strokeWidth:"3",markerEnd:"url(#topo-arrow)","data-legend-flow-arrow":!0,style:{pointerEvents:"none",transition:"stroke 200ms ease-out"}})]}),(0,a.jsx)("text",{x:"16",y:"672",fontSize:"11",fontFamily:"monospace",fontWeight:"600",letterSpacing:"0.5",fill:e$.legendText,opacity:"0.4","data-topo-brand-watermark":!0,style:{pointerEvents:"none",transition:"fill 200ms ease-out"},children:"sleep2agi"}),(0,a.jsxs)("g",{opacity:.35*(0===eY.length),"data-topo-brand-canvas-mark":!0,"data-topo-brand-canvas-mark-visible":0===eY.length?"true":"false",style:{pointerEvents:"none",transition:"opacity 300ms ease-out, fill 200ms ease-out"},children:[(0,a.jsx)("defs",{children:(0,a.jsxs)("mask",{id:"s2a-canvas-corner-mask",children:[(0,a.jsx)("rect",{x:"0",y:"0",width:"28",height:"28",fill:"black"}),(0,a.jsx)("circle",{cx:"14",cy:"14",r:"12",fill:"white"}),(0,a.jsx)("circle",{cx:"17.5",cy:"13",r:"10",fill:"black"})]})}),(0,a.jsx)("rect",{x:"16",y:"16",width:"28",height:"28",fill:e$.legendText,mask:"url(#s2a-canvas-corner-mask)"})]})]}),(()=>{if(.01>Math.abs(tM.zoom-1)&&1>Math.abs(tM.x)&&1>Math.abs(tM.y)||eR.length+eO.length===0)return null;let e=-tM.x/tM.zoom*.12,n=-tM.y/tM.zoom*.12058823529411765,s=1e3/tM.zoom*.12,r=680/tM.zoom*.12058823529411765;return(0,a.jsx)("div",{className:"absolute right-4 rounded-lg border shadow-lg shadow-black/30 overflow-hidden anet-fade-in anet-topo-chip-focus",style:{bottom:56,background:e$.legendBox.fill,borderColor:e$.containerBorder,cursor:"crosshair",color:e$.legendAccent,transition:"background-color 200ms ease-out, border-color 200ms ease-out, color 200ms ease-out"},role:"button",tabIndex:0,"aria-label":"Topology minimap — click to recenter, Enter to reset view",title:"Minimap · click to recenter · Enter to reset view",onClick:e=>{let t=e.currentTarget.getBoundingClientRect(),a=(e.clientX-t.left)/t.width,n=(e.clientY-t.top)/t.height;tC(e=>({...e,x:500-1e3*a*e.zoom,y:340-680*n*e.zoom}))},onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),tq())},onMouseEnter:()=>ti(!0),onMouseLeave:()=>ti(!1),onFocus:()=>ti(!0),onBlur:()=>ti(!1),"data-topo-minimap":!0,"data-topo-minimap-hovered":tl?"true":"false",children:(0,a.jsxs)("svg",{width:120,height:82,viewBox:"0 0 120 82",style:{display:"block"},children:[[...eR,...eO].map(e=>{let n=eH[e.alias];if(!n)return null;let s=(e.network_id?t[`${e.network_id}:${e.alias}`]:void 0)??t[e.alias],r="offline"!==e.status||!!s,o=$(e,r,eN);return(0,a.jsx)("circle",{cx:.12*n.x,cy:.12058823529411765*n.y,r:r?1.7:1.2,fill:o.primary,opacity:r?.9:.5,"data-topo-minimap-dot":e.alias,"data-topo-minimap-dot-online":r?"true":"false",style:{transition:"opacity 200ms ease-out, fill 200ms ease-out, r 200ms ease-out"}},e.alias)}),(0,a.jsx)("rect",{x:Math.max(0,e),y:Math.max(0,n),width:Math.max(0,Math.min(120-Math.max(0,e),s)),height:Math.max(0,Math.min(82-Math.max(0,n),r)),fill:"none",stroke:e$.legendAccent,strokeWidth:tl?"1.75":"1.5",opacity:tl?"1":"0.9","data-topo-minimap-viewport":!0,"data-topo-minimap-viewport-smooth":tG?"true":"false","data-topo-minimap-viewport-hover":tl?"true":"false",style:{transition:tG?"x 280ms ease-out, y 280ms ease-out, width 280ms ease-out, height 280ms ease-out, stroke-width 200ms ease-out, opacity 200ms ease-out":"stroke-width 200ms ease-out, opacity 200ms ease-out"}})]})})})(),(0,a.jsxs)("div",{className:"absolute bottom-4 right-4 flex items-center gap-2 text-xs select-none","data-topo-chrome":!0,children:[(0,a.jsx)("div",{className:"flex items-center rounded-md border overflow-hidden",style:{background:e$.legendBox.fill,borderColor:e$.containerBorder,transition:"background-color 200ms ease-out, border-color 200ms ease-out"},role:"group","aria-label":"Node size","data-topo-chrome-fleet-group-trailer":!0,children:[["S",.7],["M",.84],["L",1]].map(([e,t],n)=>{let s=`size-${e}`;return(0,a.jsx)("button",{onClick:()=>{tI(s);if(t!==eD){eB(!0),setTimeout(()=>eB(!1),400),eI(t);try{localStorage.setItem("anet-topo-nodescale",String(t))}catch{}}},"aria-pressed":eD===t,"data-topo-chrome-nodesize":e,"data-topo-chrome-nodesize-active":eD===t?"true":"false","data-topo-chrome-nodesize-popping":tP===s?"true":"false",title:`Node size: ${"S"===e?"small":"M"===e?"medium":"large"}`,className:`px-2 py-1 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-cyan-400/60 focus-visible:ring-inset ${n>0?"border-l":""} ${eD===t?"bg-cyan-500/15 text-cyan-300 font-medium hover:bg-cyan-500/20 active:bg-cyan-500/25":"hover:bg-cyan-500/5 active:bg-cyan-500/15"}${tP===s?" anet-chrome-pop":""}`,style:{color:eD===t?void 0:e$.legendText,borderColor:e$.containerBorder},children:e},e)})}),(0,a.jsxs)("div",{className:"ml-1.5 flex items-center rounded-md border overflow-hidden",style:{background:e$.legendBox.fill,borderColor:e$.containerBorder,transition:"background-color 200ms ease-out, border-color 200ms ease-out"},"data-topo-chrome-view-group-leader":!0,"data-topo-chrome-zoom-wrapper":!0,children:[(0,a.jsx)("button",{onClick:()=>{tI("zoom-out"),tU(1/1.2)},"data-topo-chrome-zoom-out":!0,"data-topo-chrome-zoom-out-popping":"zoom-out"===tP?"true":"false",className:"group px-2 py-1 hover:bg-white/5 active:bg-white/10 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-cyan-400/60 focus-visible:ring-inset",style:{color:e$.legendText},"aria-label":"Zoom out",title:"Zoom out (−)",children:(0,a.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round","aria-hidden":!0,className:`transition-transform duration-200 ease-out group-hover:scale-110 transform-gpu${"zoom-out"===tP?" anet-chrome-pop":""}`,"data-topo-chrome-zoom-out-icon":!0,children:(0,a.jsx)("path",{d:"M5 12h14"})})}),(0,a.jsxs)("span",{className:`px-2 py-1 tabular-nums font-medium border-x text-center${"zoom-in"===tP||"zoom-out"===tP?" anet-chrome-pop":""}`,"data-topo-chrome-zoom-level":!0,"data-topo-chrome-zoom-level-popping":"zoom-in"===tP||"zoom-out"===tP?"true":"false","data-topo-chrome-zoom-level-hover":tc?"true":"false",onMouseEnter:()=>td(!0),onMouseLeave:()=>td(!1),style:{color:e$.legendText,borderColor:e$.containerBorder,minWidth:46,display:"inline-block",letterSpacing:tc?"0.5px":"0",transition:"color 200ms ease-out, border-color 200ms ease-out, letter-spacing 200ms ease-out"},title:"Current zoom level",children:[Math.round(100*tM.zoom),"%"]}),(0,a.jsx)("button",{onClick:()=>{tI("zoom-in"),tU(1.2)},"data-topo-chrome-zoom-in":!0,"data-topo-chrome-zoom-in-popping":"zoom-in"===tP?"true":"false",className:"group px-2 py-1 hover:bg-white/5 active:bg-white/10 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-cyan-400/60 focus-visible:ring-inset",style:{color:e$.legendText},"aria-label":"Zoom in",title:"Zoom in (+)",children:(0,a.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round","aria-hidden":!0,className:`transition-transform duration-200 ease-out group-hover:scale-110 transform-gpu${"zoom-in"===tP?" anet-chrome-pop":""}`,"data-topo-chrome-zoom-in-icon":!0,children:(0,a.jsx)("path",{d:"M12 5v14M5 12h14"})})})]}),(0,a.jsx)("button",{onClick:()=>{tF(!0),setTimeout(()=>tF(!1),460),tq()},"data-topo-chrome-reset":!0,"data-topo-chrome-reset-spinning":tL?"true":"false","data-topo-chrome-reset-hover":tu?"true":"false",onMouseEnter:()=>th(!0),onMouseLeave:()=>th(!1),onFocus:()=>th(!0),onBlur:()=>th(!1),className:"p-1.5 rounded-md border hover:bg-white/5 active:bg-white/10 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-cyan-400/60",style:{background:e$.legendBox.fill,borderColor:e$.containerBorder,color:e$.legendText},"aria-label":"Reset view",title:"Reset zoom + pan (0, or double-click the canvas)",children:(0,a.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,className:tL?"anet-reset-spin":void 0,"data-topo-chrome-reset-icon":!0,style:{transform:tu&&!tL?"rotate(-8deg)":"rotate(0deg)",transformOrigin:"center",transition:"transform 200ms ease-out"},"data-topo-chrome-reset-icon-hover":tu&&!tL?"true":"false",children:[(0,a.jsx)("path",{d:"M3 12a9 9 0 1 0 9-9 9 9 0 0 0-6.4 2.6L3 8"}),(0,a.jsx)("path",{d:"M3 3v5h5"})]})}),(0,a.jsx)("button",{onClick:()=>{tI("fullscreen");let e=t$.current;if(e)if(document.fullscreenElement)document.exitFullscreen?.();else{let t=e.requestFullscreen||e.webkitRequestFullscreen;t?.call(e)}},"data-topo-chrome-fullscreen":!0,"data-topo-chrome-fullscreen-active":tT?"true":"false","data-topo-chrome-fullscreen-popping":"fullscreen"===tP?"true":"false",className:`p-1.5 rounded-md border transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-cyan-400/60 ${tT?"bg-cyan-500/15 text-cyan-300 font-medium hover:bg-cyan-500/20 active:bg-cyan-500/25":"hover:bg-cyan-500/5 active:bg-cyan-500/15"}${"fullscreen"===tP?" anet-chrome-pop":""}`,style:{borderColor:e$.containerBorder,...tT?{}:{background:e$.legendBox.fill,color:e$.legendText}},"aria-label":tT?"Exit fullscreen":"Enter fullscreen",title:tT?"Exit fullscreen":"Fullscreen",children:tT?(0,a.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,"data-topo-chrome-fullscreen-icon":"exit",children:(0,a.jsx)("path",{d:"M8 3v4a1 1 0 0 1-1 1H3M21 8h-4a1 1 0 0 1-1-1V3M3 16h4a1 1 0 0 1 1 1v4M16 21v-4a1 1 0 0 1 1-1h4"})}):(0,a.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,"data-topo-chrome-fullscreen-icon":"enter",children:(0,a.jsx)("path",{d:"M3 8V5a2 2 0 0 1 2-2h3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M21 16v3a2 2 0 0 1-2 2h-3"})})})]}),tW&&(0,a.jsx)(f,{alias:tW,onClose:()=>tB(null)})]})]})}let A={working:{bg:"bg-green-900/30 border-green-800/30",text:"text-green-300",dot:"bg-green-500",glow:"shadow-green-500/10"},idle:{bg:"bg-cyan-900/30 border-cyan-800/30",text:"text-cyan-300",dot:"bg-cyan-400",glow:"shadow-cyan-500/5"},blocked:{bg:"bg-yellow-900/30 border-yellow-800/30",text:"text-yellow-300",dot:"bg-yellow-500",glow:""},error:{bg:"bg-red-900/30 border-red-800/30",text:"text-red-300",dot:"bg-red-500",glow:""}},L={bg:"bg-gray-800/50 border-gray-700/30",text:"text-gray-500",dot:"bg-gray-500",glow:""};function F({session:e,hasSse:t,sseCount:n,onChat:o}){let l=t&&A[e.status]||L;return(0,a.jsxs)(s.default,{href:`/node?alias=${encodeURIComponent(e.alias)}`,prefetch:!1,className:`anet-agent-card group relative block rounded-xl border p-4 transition-all duration-300 cursor-pointer hover:-translate-y-0.5 ${t?`bg-[#111128] border-[#2a2a4a] hover:border-cyan-500/30 hover:shadow-lg ${l.glow}`:"bg-[#0d0d1a] border-[#1a1a2a] opacity-40"}`,children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,a.jsx)(u.AliasAvatar,{alias:e.alias,size:22}),(0,a.jsx)("span",{className:"font-semibold text-white truncate text-sm",title:e.alias,children:e.alias}),(0,a.jsx)("span",{className:`inline-block w-1.5 h-1.5 rounded-full shrink-0 ${l.dot} ${t&&"working"===e.status?"animate-pulse":""}`})]}),(0,a.jsx)("span",{className:`text-[11px] px-2 py-0.5 rounded-md border shrink-0 ${l.bg} ${l.text}`,children:t?e.status:"offline"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2 mb-3",children:[(0,a.jsx)("span",{className:"text-xs text-gray-600 bg-[#0a0a15] px-2 py-0.5 rounded border border-[#1a1a2a]",children:e.agent||"unknown"}),t&&(0,a.jsxs)("span",{className:"text-[10px] text-green-500",children:["SSE:",n]})]}),e.task?(0,a.jsx)("div",{className:"text-xs text-gray-400 bg-[#0a0a15] rounded-lg px-3 py-2 border border-[#1a1a2a] line-clamp-2",title:e.task,children:e.task}):(0,a.jsx)("div",{className:"text-xs text-gray-700 italic",children:"No active task"}),e.progress>0&&(0,a.jsxs)("div",{className:"mt-3",children:[(0,a.jsxs)("div",{className:"flex justify-between text-[10px] mb-1",children:[(0,a.jsx)("span",{className:"text-gray-600",children:"Progress"}),(0,a.jsxs)("span",{className:l.text,children:[e.progress,"%"]})]}),(0,a.jsx)("div",{className:"w-full bg-gray-800 rounded-full h-1.5 overflow-hidden",children:(0,a.jsx)("div",{className:`h-1.5 rounded-full transition-all duration-700 ${"working"===e.status?"bg-green-500":"bg-cyan-500"}`,style:{width:`${Math.min(e.progress,100)}%`}})})]}),(0,a.jsxs)("div",{className:"mt-3 flex justify-between items-center text-[10px] text-gray-600",children:[(0,a.jsx)("span",{className:"truncate",title:e.server||"",children:e.server||"--"}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[o&&t&&(0,a.jsx)("button",{onClick:t=>{t.preventDefault(),t.stopPropagation(),o(e.alias)},className:"text-cyan-400 hover:text-cyan-300 px-1.5 py-0.5 rounded border border-cyan-500/20 hover:bg-cyan-500/10 transition-colors",children:"Chat"}),(0,a.jsx)("span",{children:(0,r.timeAgo)(e.updated_at)}),(0,a.jsx)("svg",{"aria-hidden":!0,className:"w-3 h-3 text-gray-700 opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,a.jsx)("path",{d:"M9 18l6-6-6-6"})})]})]})]})}function P({messages:e}){return 0===e.length?null:(0,a.jsxs)("div",{className:"mt-8",children:[(0,a.jsxs)("h2",{className:"text-lg font-semibold text-white mb-3 flex items-center gap-2",children:[(0,a.jsx)("span",{className:"text-gray-500",children:"Inbox"}),(0,a.jsx)("span",{className:"text-xs bg-blue-900/30 text-blue-400 px-2 py-0.5 rounded-full border border-blue-800/30",children:e.length})]}),(0,a.jsx)("div",{className:"space-y-2 max-h-96 overflow-y-auto pr-1 scrollbar-thin",children:e.map(e=>(0,a.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-3 text-sm transition-colors hover:border-[#3a3a5a]",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-xs mb-1.5",children:[e.from_session&&(0,a.jsx)(u.AliasAvatar,{alias:e.from_session,size:16}),(0,a.jsx)("span",{className:"text-gray-200 font-medium truncate",children:e.from_session}),(0,a.jsx)("span",{className:"ml-auto text-gray-600 shrink-0",title:e.created_at,children:(0,r.timeAgo)(e.created_at)})]}),(0,a.jsx)("div",{className:"text-gray-300 leading-relaxed line-clamp-3",title:e.content||"",children:(0,r.previewContent)(e.content)})]},e.id))})]})}function D(){return(0,a.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,a.jsx)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3 mb-8 anet-skeleton-pulse",children:[1,2,3,4].map(e=>(0,a.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] px-4 py-3",children:[(0,a.jsx)(I,{w:"2.5rem",h:"1.75rem"}),(0,a.jsx)(I,{w:"3.5rem",h:"0.75rem",className:"mt-2"}),(0,a.jsx)(I,{w:"5rem",h:"0.625rem",className:"mt-1"})]},e))}),(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-3 anet-skeleton-pulse",children:[(0,a.jsx)(I,{w:"6rem",h:"2.5rem",rounded:"0.75rem"}),(0,a.jsxs)("div",{className:"flex-1 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-2.5 flex items-center gap-3",children:[(0,a.jsx)("div",{className:"w-8 h-8 rounded-full anet-skeleton-bar"}),(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsx)(I,{w:"6rem",h:"0.875rem"}),(0,a.jsx)(I,{w:"10rem",h:"0.625rem",className:"mt-1"})]})]})]}),(0,a.jsx)("div",{className:"mb-6 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 anet-skeleton-pulse",children:(0,a.jsx)(I,{w:"14rem",h:"0.875rem"})}),(0,a.jsx)("div",{className:"grid grid-cols-3 gap-2 sm:gap-3 mb-3 anet-skeleton-pulse",children:[1,2,3].map(e=>(0,a.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] px-3 py-3",children:[(0,a.jsx)(I,{w:"2rem",h:"1.25rem"}),(0,a.jsx)(I,{w:"2.5rem",h:"0.75rem",className:"mt-1"}),(0,a.jsx)(I,{w:"3.5rem",h:"0.625rem",className:"mt-px"})]},e))}),(0,a.jsx)("div",{className:"grid grid-cols-3 gap-2 sm:gap-3 mb-6 anet-skeleton-pulse",children:[1,2,3].map(e=>(0,a.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] px-3 py-2.5 flex items-center justify-center gap-2",children:[(0,a.jsx)("div",{className:"w-4 h-4 rounded anet-skeleton-bar"}),(0,a.jsx)(I,{w:"4rem",h:"0.75rem"})]},e))}),(0,a.jsxs)("div",{className:"mb-6 flex gap-2 anet-skeleton-pulse",children:[(0,a.jsx)("div",{className:"flex-1 h-10 rounded-lg border border-[#2a2a4a] bg-[#111128]"}),(0,a.jsx)("div",{className:"w-28 h-10 rounded-lg anet-skeleton-bar"})]}),(0,a.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 gap-3 sm:gap-4 anet-skeleton-pulse",children:[1,2,3,4].map(e=>(0,a.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] p-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 mb-3",children:[(0,a.jsx)("div",{className:"w-2 h-2 rounded-full anet-skeleton-bar"}),(0,a.jsx)(I,{w:"6rem",h:"0.875rem"})]}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)(I,{w:"100%",h:"0.625rem"}),(0,a.jsx)(I,{w:"75%",h:"0.625rem"}),(0,a.jsx)(I,{w:"55%",h:"0.625rem"})]})]},e))})]})}function I({w:e,h:t,rounded:n,className:s}){return(0,a.jsx)("div",{className:`anet-skeleton-bar ${s||""}`,style:{width:e,height:t,borderRadius:n||"0.375rem"}})}var W=e.i(76161),B=e.i(98025),R=e.i(11449);function O(){let{setNetworkId:e}=(0,R.useNetworkId)(),[t,s]=(0,n.useState)({user:null,networks:[],currentNetwork:"",token:""}),[r,o]=(0,n.useState)(!1),[l,i]=(0,n.useState)(""),[c,d]=(0,n.useState)(""),[u,h]=(0,n.useState)(""),[p,m]=(0,n.useState)(!1);(0,n.useEffect)(()=>{let e=sessionStorage.getItem("anet_v3_auth");if(e)try{s(JSON.parse(e))}catch{}},[]);let[f,x]=(0,n.useState)(!1),[g,y]=(0,n.useState)(""),[b,v]=(0,n.useState)(""),k=async()=>{try{await fetch(`/api/hub/auth?token=${t.token}&endpoint=/api/auth/me`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"update_profile",token:t.token,display_name:g,email:b})});let e=await fetch("/api/hub/auth",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"update_profile",token:t.token,display_name:g,email:b})}),a=await e.json();if(a.ok&&a.user){let e={...t,user:a.user};s(e),sessionStorage.setItem("anet_v3_auth",JSON.stringify(e)),x(!1)}}catch{}};if(!t.user)return null;let w=(t.user.display_name||t.user.username).slice(0,2).toUpperCase();return(0,a.jsxs)("div",{className:"flex items-center justify-between bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-2.5 mb-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{className:"w-8 h-8 rounded-full bg-gradient-to-br from-cyan-500 to-blue-600 flex items-center justify-center text-xs font-bold text-white",children:w}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"text-sm text-white font-medium",children:t.user.display_name||t.user.username}),(0,a.jsxs)("div",{className:"text-[10px] text-gray-500",children:[t.user.role," · ",t.user.user_id]})]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[t.networks.length>0&&(0,a.jsx)("select",{value:t.currentNetwork,onChange:a=>{let n={...t,currentNetwork:a.target.value};s(n),e(a.target.value),sessionStorage.setItem("anet_v3_auth",JSON.stringify(n))},className:"bg-[#0a0a15] border border-[#2a2a4a] rounded px-2 py-1 text-xs text-white focus:outline-none",children:t.networks.map(e=>(0,a.jsx)("option",{value:e.network_id,children:e.network_name},e.network_id))}),(0,a.jsxs)("button",{onClick:()=>{y(t.user?.display_name||""),v(""),x(!f)},className:"text-xs text-gray-500 hover:text-gray-300 whitespace-nowrap","aria-label":"Edit profile",children:[(0,a.jsx)("span",{className:"hidden sm:inline",children:"Edit"}),(0,a.jsx)("svg",{className:"sm:hidden w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"1.5",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 011.13-1.897L16.862 4.487z"})})]}),(0,a.jsxs)("button",{onClick:()=>{s({user:null,networks:[],currentNetwork:"",token:""}),sessionStorage.removeItem("anet_v3_auth")},className:"text-xs text-gray-500 hover:text-gray-300 whitespace-nowrap","aria-label":"Sign out",children:[(0,a.jsx)("span",{className:"hidden sm:inline",children:"Sign out"}),(0,a.jsx)("svg",{className:"sm:hidden w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"1.5",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9"})})]})]}),f&&(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2 mt-2 pt-2 border-t border-[#2a2a4a]",children:[(0,a.jsx)("input",{type:"text",value:g,onChange:e=>y(e.target.value),placeholder:"Display name",className:"bg-[#0a0a15] border border-[#2a2a4a] rounded px-2 py-1 text-xs text-white placeholder-gray-600 focus:outline-none w-32"}),(0,a.jsx)("input",{type:"email",value:b,onChange:e=>v(e.target.value),placeholder:"Email",className:"bg-[#0a0a15] border border-[#2a2a4a] rounded px-2 py-1 text-xs text-white placeholder-gray-600 focus:outline-none w-40"}),(0,a.jsx)("button",{onClick:k,className:"px-2 py-1 bg-cyan-600 hover:bg-cyan-500 text-white text-xs rounded",children:"Save"})]})]})}var H=e.i(6694);function Y({tabs:e,activeTab:t,onOpenTab:n,onCloseTab:s,onSetActive:r,onClose:o}){return 0===e.length?null:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{onClick:o,className:"jsx-f7cf3d1a6fdfc074 fixed inset-0 bg-black/30 z-40 lg:hidden"}),(0,a.jsxs)("div",{className:"jsx-f7cf3d1a6fdfc074 fixed top-0 right-0 h-full w-full lg:w-[500px] bg-[#0a0a1a] border-l border-[#2a2a4a] z-50 flex flex-col shadow-2xl shadow-black/60 animate-slide-in",children:[(0,a.jsxs)("div",{className:"jsx-f7cf3d1a6fdfc074 flex items-center border-b border-[#2a2a4a] bg-[#0d0d1a] overflow-x-auto",children:[(0,a.jsx)("div",{className:"jsx-f7cf3d1a6fdfc074 flex-1 flex min-w-0",children:e.map(e=>(0,a.jsxs)("button",{onClick:()=>r(e),className:`jsx-f7cf3d1a6fdfc074 flex items-center gap-1.5 px-3 py-2.5 text-xs border-b-2 transition-colors shrink-0 ${t===e?"border-cyan-400 text-cyan-300 bg-cyan-500/5":"border-transparent text-gray-500 hover:text-gray-300"}`,children:[(0,a.jsx)("div",{className:`jsx-f7cf3d1a6fdfc074 w-2 h-2 rounded-full ${t===e?"bg-cyan-400":"bg-gray-600"}`}),(0,a.jsx)("span",{className:"jsx-f7cf3d1a6fdfc074 max-w-[80px] truncate",children:e}),(0,a.jsx)("button",{onClick:t=>{t.stopPropagation(),s(e)},className:"jsx-f7cf3d1a6fdfc074 ml-1 text-gray-600 hover:text-gray-300 p-0.5",children:"×"})]},e))}),(0,a.jsx)("button",{onClick:o,className:"jsx-f7cf3d1a6fdfc074 text-gray-500 hover:text-white px-3 py-2.5 shrink-0 border-l border-[#2a2a4a]",children:(0,a.jsx)("svg",{fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,className:"jsx-f7cf3d1a6fdfc074 w-4 h-4",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12",className:"jsx-f7cf3d1a6fdfc074"})})})]}),(0,a.jsx)("div",{className:"jsx-f7cf3d1a6fdfc074 flex-1 relative overflow-hidden",children:e.map(e=>(0,a.jsx)("div",{className:`jsx-f7cf3d1a6fdfc074 absolute inset-0 ${t===e?"block":"hidden"}`,children:(0,a.jsx)(X,{alias:e})},e))})]}),(0,a.jsx)(H.default,{id:"f7cf3d1a6fdfc074",children:"@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-slide-in{animation:.2s ease-out slide-in}"})]})}function X({alias:e}){return(0,a.jsx)(h.TaskChatPanel,{alias:e,onClose:()=>{},inline:!0})}function K({sessions:e,onClose:t}){let[s,r]=(0,n.useState)(new Set),[o,l]=(0,n.useState)(""),[i,c]=(0,n.useState)("normal"),[d,h]=(0,n.useState)(!1),[p,m]=(0,n.useState)([]),[f,x]=(0,n.useState)(""),g=e.filter(e=>"offline"!==e.status).filter(e=>!f||e.alias.toLowerCase().includes(f.toLowerCase())||(e.agent||"").toLowerCase().includes(f.toLowerCase())),y=async()=>{if(!o.trim()||0===s.size||d)return;h(!0),m([]);let e=[...s].map(async e=>{try{let t=await fetch("/api/hub/send",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({alias:e,task:o,priority:i})}),a=await t.json();return{alias:e,ok:!!a.ok,error:a.error}}catch(t){return{alias:e,ok:!1,error:"send failed"}}});m(await Promise.all(e)),h(!1)},b=p.filter(e=>e.ok).length;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"fixed inset-0 bg-black/50 z-40 anet-fade-in",onClick:t}),(0,a.jsxs)("div",{className:"fixed inset-4 lg:inset-x-[15%] lg:inset-y-[5%] bg-[#0a0a1a] border border-[#2a2a4a] rounded-2xl z-50 flex flex-col shadow-2xl shadow-black/70 overflow-hidden anet-fade-in",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between px-6 py-4 border-b border-[#2a2a4a] bg-[#0d0d1a]",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{className:"text-lg font-bold text-white",children:"Dispatch Task"}),(0,a.jsx)("p",{className:"text-xs text-gray-500 mt-0.5",children:"Send a task to one or more agents"})]}),(0,a.jsx)("button",{onClick:t,className:"text-gray-500 hover:text-white p-1.5 rounded-lg hover:bg-[#1a1a2a]",children:(0,a.jsx)("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})})]}),(0,a.jsxs)("div",{className:"flex-1 flex flex-col lg:flex-row overflow-hidden",children:[(0,a.jsxs)("div",{className:"lg:w-[280px] border-b lg:border-b-0 lg:border-r border-[#2a2a4a] flex flex-col",children:[(0,a.jsxs)("div",{className:"px-4 py-3 border-b border-[#2a2a4a]",children:[(0,a.jsx)("input",{type:"text",value:f,onChange:e=>x(e.target.value),placeholder:"Filter agents...",className:"w-full bg-[#111128] border border-[#2a2a4a] rounded-lg px-3 py-2 text-xs text-white placeholder-gray-600 focus:border-cyan-500/40 focus:outline-none"}),(0,a.jsxs)("div",{className:"flex items-center justify-between mt-2",children:[(0,a.jsx)("button",{onClick:()=>{s.size===g.length?r(new Set):r(new Set(g.map(e=>e.alias)))},className:"text-[10px] text-cyan-400 hover:text-cyan-300",children:s.size===g.length?"Deselect all":`Select all (${g.length})`}),(0,a.jsxs)("span",{className:"text-[10px] text-gray-600",children:[s.size," selected"]})]})]}),(0,a.jsxs)("div",{className:"flex-1 overflow-y-auto px-2 py-2 space-y-0.5 max-h-[200px] lg:max-h-none",children:[g.map(e=>(0,a.jsxs)("button",{onClick:()=>{var t;return t=e.alias,void r(e=>{let a=new Set(e);return a.has(t)?a.delete(t):a.add(t),a})},className:`w-full flex items-center gap-2 px-3 py-2 rounded-lg text-xs text-left transition-colors ${s.has(e.alias)?"bg-cyan-500/10 text-cyan-300 border border-cyan-500/20":"text-gray-400 hover:bg-[#1a1a2a]"}`,children:[(0,a.jsx)(u.AliasAvatar,{alias:e.alias,size:16}),(0,a.jsx)("div",{className:`w-1.5 h-1.5 rounded-full shrink-0 ${"working"===e.status?"bg-green-400":"idle"===e.status?"bg-cyan-400":"bg-gray-500"}`}),(0,a.jsx)("span",{className:"truncate flex-1",children:e.alias}),(0,a.jsx)("span",{className:"text-[9px] text-gray-600",children:e.agent||"--"})]},e.alias)),0===g.length&&(0,a.jsx)("div",{className:"text-center text-xs text-gray-600 py-4",children:"No online agents"})]})]}),(0,a.jsxs)("div",{className:"flex-1 flex flex-col",children:[(0,a.jsxs)("div",{className:"flex-1 px-6 py-4 flex flex-col",children:[(0,a.jsx)("label",{className:"text-xs text-gray-500 uppercase mb-2",children:"Task Prompt"}),(0,a.jsx)("textarea",{value:o,onChange:e=>l(e.target.value),placeholder:"Enter the task you want to dispatch...",className:"flex-1 min-h-[120px] bg-[#111128] border border-[#2a2a4a] rounded-xl px-4 py-3 text-sm text-white placeholder-gray-600 focus:border-cyan-500/40 focus:outline-none resize-none"}),(0,a.jsxs)("div",{className:"flex items-center gap-3 mt-4",children:[(0,a.jsxs)("select",{value:i,onChange:e=>c(e.target.value),className:"bg-[#111128] border border-[#2a2a4a] rounded-lg px-3 py-2 text-xs text-white focus:outline-none",children:[(0,a.jsx)("option",{value:"normal",children:"Normal priority"}),(0,a.jsx)("option",{value:"high",children:"High priority"}),(0,a.jsx)("option",{value:"low",children:"Low priority"})]}),(0,a.jsx)("div",{className:"flex-1"}),(0,a.jsx)("button",{onClick:y,disabled:d||!o.trim()||0===s.size,className:"px-6 py-2.5 bg-gradient-to-r from-cyan-600 to-blue-600 hover:from-cyan-500 hover:to-blue-500 disabled:from-gray-800 disabled:to-gray-800 disabled:text-gray-600 text-white text-sm font-medium rounded-xl transition-all shadow-lg shadow-cyan-500/10 disabled:shadow-none active:scale-95",children:d?(0,a.jsxs)("span",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin"}),"Sending..."]}):`Dispatch to ${s.size} agent${s.size>1?"s":""}`})]})]}),p.length>0&&(0,a.jsxs)("div",{className:"px-6 py-3 border-t border-[#2a2a4a] bg-[#0d0d1a]",children:[(0,a.jsxs)("div",{className:"text-xs text-gray-500 mb-2",children:[b,"/",p.length," dispatched successfully"]}),(0,a.jsx)("div",{className:"flex flex-wrap gap-1.5",children:p.map(e=>(0,a.jsxs)("span",{className:`flex items-center gap-1.5 text-[10px] pl-1 pr-2 py-0.5 rounded-full border ${e.ok?"text-green-300 border-green-500/20 bg-green-500/5":"text-red-300 border-red-500/20 bg-red-500/5"}`,children:[(0,a.jsx)(u.AliasAvatar,{alias:e.alias,size:14}),(0,a.jsx)("span",{children:e.alias}),(0,a.jsx)("span",{"aria-hidden":!0,children:e.ok?"✓":e.error||"✗"})]},e.alias))})]})]})]})]})]})}var V=e.i(2684),U=e.i(50111);e.s(["default",0,function(){let e,l,c,d,h;(0,n.useEffect)(()=>{sessionStorage.getItem("anet_v3_auth")||(fetch("/api/auth/logout",{method:"POST"}).catch(()=>{}),window.location.assign("/login"))},[]);let{sessions:m,hint:f,error:x,isLoading:g}=(0,p.useSessions)(),{health:y}=(0,p.useHealth)(),{config:b}=(0,p.useAnetConfig)(),{tasks:v}=(0,p.useTasks)({limit:"500"}),{stats:k}=(0,p.useStats)(),[w,j]=(0,n.useState)(window.innerWidth>=1024),[N,S]=(0,n.useState)(!1),$=function(){let[e,t]=(0,n.useState)([]),[a,s]=(0,n.useState)("");return{tabs:e,activeTab:a,openTab:e=>{t(t=>t.includes(e)?t:[...t,e]),s(e)},closeTab:e=>{t(t=>{let n=t.filter(t=>t!==e);return a===e&&s(n[n.length-1]||""),n})},closeAll:()=>{t([]),s("")},setActiveTab:s}}(),[_,M]=(0,n.useState)(!1),[C,E]=(0,n.useState)([]),[z,A]=(0,n.useState)("all"),[L,I]=(0,n.useState)(null),{mutate:R}=(0,U.useSWRConfig)(),H="1"!==t.default.env.NEXT_PUBLIC_DISABLE_SSE,{connected:X,supported:G}=(0,V.useSSE)({url:"/api/hub/events",enabled:H,onEvent:e=>{if("node.renamed"===e.type){R("/api/hub/status");let t=e.data;t?.old_alias&&t?.new_alias&&I({from:t.old_alias,to:t.new_alias,ts:Date.now()});return}["new_task","new_message","new_reply","node_status_changed","broadcast"].includes(e.type)&&(R("/api/hub/status"),R(e=>"string"==typeof e&&e.startsWith("/api/hub/tasks"),void 0,{revalidate:!0}))}});if((0,n.useEffect)(()=>{let e=()=>{fetch("/api/hub/inbox").then(e=>e.json()).then(e=>{e.messages?.length&&E(t=>{let a=new Set(t.map(e=>e.id));return[...e.messages.filter(e=>!a.has(e.id)),...t].slice(0,100)})}).catch(()=>{})};e();let t=setInterval(e,1e4);return()=>clearInterval(t)},[]),g)return(0,a.jsx)(D,{});let J=y?.sse_sessions||{},q=e=>(e.network_id?J[`${e.network_id}:${e.alias}`]:void 0)??J[e.alias],Z=e=>"offline"!==e.status||!!q(e),Q=m.filter(Z).length,ee=m.length,et=m.filter(e=>"working"===e.status).length,ea=y?(0,r.formatUptime)(y.uptime):"--",en=y?.version||"--",es=!!(b?.hub&&b.tokenConfigured),er=b?.source==="file"?"Local config":b?.source==="runtime-env"?"Runtime env":"Config missing",eo={};if(k?.tasks?.by_status?.length)for(let e of k.tasks.by_status)eo[e.status]=e.count;else for(let e of v)eo[e.status]=(eo[e.status]||0)+1;let el=[...m].sort((e,t)=>{let a=+!!Z(e),n=+!!Z(t);if(a!==n)return n-a;let s=+("working"===e.status);return("working"===t.status)-s}),ei=0===m.length&&!x;return(0,a.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,a.jsx)("div",{className:"lg:ml-0 ml-10",children:(0,a.jsx)(o,{online:Q,working:et,total:ee,version:en,uptime:ea})}),(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[!ei&&(0,a.jsx)("button",{onClick:()=>M(!0),className:"px-4 py-2 bg-gradient-to-r from-cyan-600 to-blue-600 hover:from-cyan-500 hover:to-blue-500 text-white text-sm font-medium rounded-xl shadow-lg shadow-cyan-500/10 transition-all active:scale-95 shrink-0",children:"⚡ Dispatch"}),(0,a.jsx)("div",{className:"flex-1",children:(0,a.jsx)(O,{})})]}),(0,a.jsxs)("section",{className:"mb-6 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 shadow-lg shadow-black/20",children:[(0,a.jsxs)("button",{onClick:()=>S(!N),className:"w-full flex items-center justify-between text-left",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-xs",children:[(0,a.jsx)("span",{className:"uppercase text-gray-600",children:"Config"}),(0,a.jsx)("span",{className:`w-2 h-2 rounded-full ${es?"bg-green-400":"bg-red-400"}`}),(0,a.jsx)("span",{className:"text-gray-500",children:er})]}),(0,a.jsx)("svg",{className:`w-4 h-4 text-gray-600 transition-transform ${N?"rotate-180":""}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 9l-7 7-7-7"})})]}),N&&(0,a.jsxs)("div",{className:"mt-3 pt-3 border-t border-[#2a2a4a]",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,a.jsx)("div",{className:"min-w-0",children:(0,a.jsxs)("div",{className:"text-gray-100 truncate text-sm",title:b?.hub||void 0,children:["Hub: ",(0,a.jsx)("span",{className:b?.hub?"text-cyan-300":"text-red-300",children:b?.hub?.trim()||"not configured"})]})}),(0,a.jsx)("div",{className:"flex flex-wrap gap-2 text-xs",children:(0,a.jsxs)("span",{className:`px-2.5 py-1 rounded-md border ${b?.tokenConfigured?"bg-blue-500/5 text-blue-300 border-blue-500/20":"bg-gray-500/5 text-gray-400 border-gray-500/20"}`,children:["Token: ",b?.tokenPreview||"not configured"]})})]}),b?.error&&(0,a.jsx)("div",{className:"mt-2 text-xs text-gray-600",children:b.error})]})]}),Object.keys(eo).length>0&&(0,a.jsxs)("section",{className:"mb-6 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 shadow-lg shadow-black/20",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,a.jsx)("div",{className:"text-xs uppercase text-gray-600",children:"Task Status"}),(0,a.jsx)(s.default,{href:"/tasks",prefetch:!1,className:"text-xs text-cyan-400 hover:text-cyan-300",children:"View all →"})]}),(0,a.jsx)("div",{className:"flex flex-wrap gap-2",children:["running","delivered","acked","replied","created","failed","cancelled","expired","closed"].filter(e=>eo[e]).map(e=>(0,a.jsxs)(s.default,{href:`/tasks?status=${e}`,prefetch:!1,className:`px-2.5 py-1 rounded-md border text-xs ${B.STATUS_CHIP_CLASS[e]} hover:opacity-80 transition-opacity`,children:[e,": ",eo[e]]},e))})]}),!ei&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"text-[10px] uppercase tracking-[0.12em] text-gray-600 mb-2",children:"Quick navigation"}),(0,a.jsx)("section",{className:"mb-3 grid grid-cols-3 gap-2 sm:gap-3",children:(e=m.filter(e=>Z(e)&&"working"!==e.status).length,l=ee-Q,c=v.filter(e=>"failed"===e.status).length,[{href:"/nodes",label:"Nodes",value:`${Q}/${ee}`,sub:`${ee>0?Math.round(Q/ee*100):0}% online`,color:"text-green-400 border-green-500/20",popover:0===ee?null:[{k:"working",v:et,dot:"",color:"#4ade80"},{k:"idle",v:e,dot:"",color:"#22d3ee"},{k:"offline",v:l,dot:"",color:"#9ca3af"}]},{href:"/tasks",label:"Tasks",value:String(Object.values(eo).reduce((e,t)=>e+t,0)||0),sub:"all-time",color:"text-cyan-400 border-cyan-500/20",popover:0===Object.keys(eo).length?null:["running","replied","failed","cancelled","expired","closed","created","delivered","acked"].filter(e=>eo[e]).map(e=>({k:e,v:eo[e],dot:"",color:({running:"#4ade80",replied:"#a78bfa",failed:"#f87171",cancelled:"#facc15",expired:"#fb923c",closed:"#9ca3af",created:"#9ca3af",delivered:"#60a5fa",acked:"#22d3ee"})[e]||"#9ca3af"}))},{href:"/tasks?status=failed",label:"Failed",value:String(eo.failed||0),sub:eo.failed?"needs review":"none",color:eo.failed?"text-red-400 border-red-500/25":"text-gray-500 border-gray-700/30",popover:c?[{k:`${c} in current view`,v:"",dot:"",color:"#f87171"}]:[{k:"no failures yet",v:"",dot:"",color:"#4b5563"}]}].map(e=>(0,a.jsxs)(s.default,{href:e.href,prefetch:!1,className:`anet-stat-link group relative rounded-xl border ${e.color} bg-[#111128] px-3 py-3 transition-all hover:-translate-y-px`,children:[(0,a.jsxs)("div",{className:"flex items-baseline justify-between",children:[(0,a.jsx)("div",{className:`text-xl font-semibold tabular-nums ${e.color.split(" ")[0]}`,children:e.value}),(0,a.jsx)("div",{className:"hidden sm:block text-[10px] text-gray-600 group-hover:text-gray-400 transition-colors",children:"View →"})]}),(0,a.jsx)("div",{className:"text-[11px] text-gray-400 mt-0.5",children:e.label}),(0,a.jsx)("div",{className:"text-[10px] text-gray-600 mt-px",children:e.sub}),e.popover&&e.popover.length>0&&(0,a.jsxs)("div",{className:"anet-stat-popover hidden md:block pointer-events-none absolute left-2 right-2 top-full mt-1 z-20 rounded-lg border border-[#2a2a4a] bg-[#0d0d1a] shadow-lg shadow-black/30 px-3 py-2 opacity-0 translate-y-[-2px] group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-150 delay-100",children:[(0,a.jsx)("div",{className:"text-[10px] text-gray-600 uppercase tracking-wider mb-1.5",children:"Breakdown"}),(0,a.jsx)("ul",{className:"space-y-1",children:e.popover.map(e=>(0,a.jsxs)("li",{className:"flex items-center gap-2 text-[11px]",children:[(0,a.jsx)("span",{className:"inline-block w-1.5 h-1.5 rounded-full shrink-0",style:{backgroundColor:e.color},"aria-hidden":!0}),(0,a.jsx)("span",{className:"text-gray-400 capitalize",children:e.k}),""!==e.v&&(0,a.jsx)("span",{className:"ml-auto text-gray-300 tabular-nums font-medium",children:e.v})]},e.k))})]})]},e.href)))}),(0,a.jsx)("section",{className:"mb-6 grid grid-cols-3 gap-2 sm:gap-3",children:[{href:"/messages",label:"Messages",icon:"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"},{href:"/logs",label:"Audit log",icon:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z M14 2v6h6 M16 13H8 M16 17H8 M10 9H8"},{href:"/admin",label:"Admin",icon:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2"}].map(e=>(0,a.jsxs)(s.default,{href:e.href,prefetch:!1,className:"anet-nav-tile flex items-center justify-center gap-2 rounded-xl border border-[#2a2a4a] bg-[#111128] px-3 py-2.5 text-[12px] text-gray-400 hover:text-gray-200 transition-colors",children:[(0,a.jsx)("svg",{className:"w-4 h-4 shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,a.jsx)("path",{d:e.icon})}),(0,a.jsx)("span",{children:e.label})]},e.href))}),(0,a.jsx)(i,{}),v.length>0&&(0,a.jsxs)("section",{className:"mb-6 bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,a.jsx)("h2",{className:"text-sm font-semibold text-gray-300",children:"Recent Activity"}),(0,a.jsx)(s.default,{href:"/tasks",className:"text-xs text-cyan-400 hover:text-cyan-300",children:"All tasks →"})]}),(0,a.jsx)("div",{className:"space-y-2 max-h-40 overflow-y-auto",children:v.slice(0,5).map(e=>(0,a.jsxs)("div",{className:"flex items-center gap-2 text-xs",children:[(0,a.jsx)("span",{className:"w-1.5 h-1.5 rounded-full shrink-0",style:{backgroundColor:B.STATUS_DOT_HEX[e.status]||"#6b7280"}}),e.from_name&&(0,a.jsx)(u.AliasAvatar,{alias:e.from_name,size:14}),(0,a.jsx)("span",{className:"text-gray-300 shrink-0 max-w-[20%] truncate",children:e.from_name||"?"}),(0,a.jsx)("span",{className:"text-gray-600",children:"→"}),e.to_name&&(0,a.jsx)(u.AliasAvatar,{alias:e.to_name,size:14}),(0,a.jsx)("span",{className:"text-gray-300 shrink-0 max-w-[20%] truncate",children:e.to_name||"?"}),(0,a.jsx)("span",{className:"text-gray-500 truncate flex-1",title:e.content||"",children:(0,r.previewContent)(e.content).slice(0,60)}),(0,a.jsx)("span",{className:`shrink-0 px-1.5 py-0.5 rounded text-[10px] border ${B.STATUS_CHIP_CLASS[e.status]||"text-gray-500 border-gray-700/30"}`,children:e.status})]},e.task_id))})]})]}),x&&(0,a.jsxs)("div",{className:"bg-red-900/20 border border-red-800/40 text-red-300 px-4 py-3 rounded-lg mb-6 text-sm flex items-center justify-between",role:"alert",children:[(0,a.jsx)("span",{children:String(x)}),(0,a.jsx)("span",{className:"text-gray-500 text-xs",children:"Check CommHub connection"})]}),m.length>0&&(0,a.jsx)("div",{className:"flex justify-center mb-4",children:(0,a.jsx)("button",{onClick:()=>j(!w),className:"text-xs text-gray-500 hover:text-gray-300 border border-gray-700/50 px-4 py-1.5 rounded-lg transition-colors hover:border-gray-600 cursor-pointer",children:w?"Hide Topology":"Show Topology"})}),!w&&m.length>0&&(0,a.jsx)("div",{className:"lg:hidden text-center text-xs text-gray-600 mb-4",children:"Topology hidden on mobile for better readability"}),w&&m.length>0&&(0,a.jsx)(T,{sessions:m,sseSessions:J,renameSignal:L}),0!==m.length||x?(d={all:el.length,working:el.filter(e=>Z(e)&&"working"===e.status).length,idle:el.filter(e=>Z(e)&&"working"!==e.status).length,offline:el.filter(e=>!Z(e)).length},h=el.filter(e=>"all"===z||("offline"===z?!Z(e):"working"===z?Z(e)&&"working"===e.status:"idle"!==z||Z(e)&&"working"!==e.status)),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"mb-3 flex flex-wrap items-center gap-1",children:[{key:"all",label:"All"},{key:"working",label:"Working",dot:"#4ade80"},{key:"idle",label:"Idle",dot:"#22d3ee"},{key:"offline",label:"Offline",dot:"#6b7280"}].map(e=>(0,a.jsxs)("button",{type:"button",onClick:()=>A(e.key),disabled:0===d[e.key]&&"all"!==e.key,className:`flex items-center gap-1.5 rounded-md px-2.5 py-1 text-xs transition-colors disabled:opacity-30 disabled:cursor-not-allowed ${z===e.key?"bg-cyan-500/10 text-cyan-300 border border-cyan-500/30":"text-gray-500 hover:text-gray-200 hover:bg-[#1a1a2a] border border-transparent"}`,children:[e.dot&&(0,a.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full",style:{backgroundColor:e.dot}}),(0,a.jsx)("span",{children:e.label}),(0,a.jsx)("span",{className:`text-[10px] tabular-nums ${z===e.key?"text-cyan-400":"text-gray-600"}`,children:d[e.key]})]},e.key))}),(0,a.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-3 sm:gap-4",children:h.map(e=>(0,a.jsx)(F,{session:e,hasSse:Z(e),sseCount:q(e)||0,onChat:$.openTab},e.alias))}),0===h.length&&(0,a.jsxs)("div",{className:"mt-4 text-center text-xs text-gray-600",children:['No agents match "',z,'" — ',(0,a.jsx)("button",{onClick:()=>A("all"),className:"underline hover:text-gray-400",children:"Show all"})]})]})):(0,a.jsx)(W.NodesEmptyState,{hint:f,taskHistoryCount:Object.values(eo).reduce((e,t)=>e+t,0)}),(0,a.jsx)(P,{messages:C}),(0,a.jsx)("div",{className:"mt-8 text-center text-xs text-gray-600 flex items-center justify-center gap-2 flex-wrap",children:G&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{className:`w-1.5 h-1.5 rounded-full ${X?"bg-green-400":"bg-gray-600"}`}),X?"SSE live":"SWR polling"]})}),_&&(0,a.jsx)(K,{sessions:m,onClose:()=>M(!1)}),$.tabs.length>0&&(0,a.jsx)(Y,{tabs:$.tabs,activeTab:$.activeTab,onOpenTab:$.openTab,onCloseTab:$.closeTab,onSetActive:$.setActiveTab,onClose:$.closeAll})]})}],18722)}]);
|