@sleep2agi/agent-network-dashboard 0.5.5-preview.0 → 0.5.5

package/app/components/ServersDrawer.tsx

@@ -195,27 +195,27 @@ function AgentList({ agents }: { agents?: ServerAgent[] }) {
   );
 }
 
-export function ServersDrawer() {
-  const [open, setOpen] = useState(false);
-  /** v0.10.0 Hero 1+2 — per-server expanded state for detail card
-   *  (sparklines + disk bar + agent rollup). Stored as a Set of
-   *  hostnames; persists in localStorage so the user's last selection
-   *  survives reload. Independent of the drawer's open/close state. */
+function useServers(enabled = true) {
+  const { data, error } = useSWR<ServersResponse>(
+    enabled ? '/api/hub/servers' : null,
+    fetcher,
+    { refreshInterval: 5000, dedupingInterval: 3000 },
+  );
+  const servers = data?.servers ?? [];
+  const unavailable = data?.unavailable === true;
+  const onlineCount = servers.filter(s => s.status === 'online').length;
+  const loading = enabled && !data && !error;
+  return { data, error, servers, unavailable, onlineCount, loading };
+}
+
+export function ServersPanel({ enabled = true, className = '' }: { enabled?: boolean; className?: string }) {
   const [expanded, setExpanded] = useState<Set<string>>(new Set());
-  // Drawer state is per-user-machine — persist like the other dashboard
-  // sticky toggles (`anet-topo-layout`, `anet-topo-view`, etc.).
   useEffect(() => {
-    try { if (localStorage.getItem('anet-servers-drawer') === '1') setOpen(true); } catch {}
     try {
       const raw = localStorage.getItem('anet-servers-drawer-expanded');
       if (raw) setExpanded(new Set(JSON.parse(raw)));
     } catch {}
   }, []);
-  const toggle = () => setOpen(prev => {
-    const next = !prev;
-    try { localStorage.setItem('anet-servers-drawer', next ? '1' : '0'); } catch {}
-    return next;
-  });
   const toggleExpanded = (hostname: string) => setExpanded(prev => {
     const next = new Set(prev);
     if (next.has(hostname)) next.delete(hostname); else next.add(hostname);
@@ -223,19 +223,165 @@ export function ServersDrawer() {
     return next;
   });
 
+  const { data, error, servers, unavailable, loading } = useServers(enabled);
+
+  return (
+    <div className={`min-h-0 overflow-y-auto px-2 py-2 space-y-2 ${className}`} data-servers-body>
+      {loading && (
+        <div className="text-[10px] text-[var(--fg-muted)] font-mono text-center py-4">
+          loading servers…
+        </div>
+      )}
+      {error && !data && (
+        <div className="rounded-md border px-2.5 py-2 text-[10px] font-mono"
+          style={{ background: 'rgb(239 68 68 / 0.06)', borderColor: 'rgb(239 68 68 / 0.25)', color: '#ef4444' }}>
+          hub unreachable · retrying every 5s
+        </div>
+      )}
+      {unavailable && (
+        <div className="text-[10px] text-[var(--fg-muted)] font-mono text-center py-3 leading-relaxed">
+          host telemetry not available<br/>
+          <span className="text-[var(--fg-dim)]">upgrade commhub-server ≥ 0.8.1-preview.2</span>
+        </div>
+      )}
+      {!loading && !error && !unavailable && servers.length === 0 && (
+        <div className="text-[10px] text-[var(--fg-muted)] font-mono text-center py-4">
+          no servers reporting yet
+        </div>
+      )}
+      {servers.map(s => {
+        const offline = s.status === 'offline';
+        const cpuPct = s.cpu_load_1min != null && s.cpu_cores > 0 ? (s.cpu_load_1min / s.cpu_cores) * 100 : null;
+        const memPct = s.mem_used_gb != null && s.mem_total_gb != null && s.mem_total_gb > 0 ? (s.mem_used_gb / s.mem_total_gb) * 100 : null;
+        const diskPct = s.disk_used_gb != null && s.disk_total_gb != null && s.disk_total_gb > 0 ? (s.disk_used_gb / s.disk_total_gb) * 100 : null;
+        const isExpanded = expanded.has(s.hostname);
+        return (
+          <div
+            key={s.hostname}
+            className="rounded-lg border px-2.5 py-2 space-y-1.5"
+            style={{
+              background: 'var(--bg)',
+              borderColor: 'var(--border)',
+              opacity: offline ? 0.55 : 1,
+            }}
+            data-server-card={s.hostname}
+            data-server-expanded={isExpanded ? 'true' : 'false'}
+            title={s.ip ? `${s.hostname} · ${s.ip}` : s.hostname}
+          >
+            {/* v0.10.0 Hero 1+2: header row — click toggles expanded
+                detail view (sparklines + disk + agent rollup). */}
+            <button
+              type="button"
+              onClick={() => toggleExpanded(s.hostname)}
+              aria-expanded={isExpanded}
+              className="w-full flex items-center justify-between gap-2 text-left"
+              data-server-card-toggle={s.hostname}
+            >
+              <div className="min-w-0 flex items-center gap-1.5">
+                {/* Hero 1 health badge — worst-of CPU/Mem/Disk */}
+                {!offline && <HealthBadge cpu={cpuPct} mem={memPct} disk={diskPct} />}
+                <span className="font-mono text-[12px] font-semibold truncate" style={{ color: 'var(--fg)' }}>{s.hostname}</span>
+                {s.note && <span className="text-[9px] text-[var(--fg-dim)]">({s.note})</span>}
+              </div>
+              <span className="flex items-center gap-1 shrink-0">
+                <span className="text-[10px] text-[var(--fg-muted)] font-mono tabular-nums">
+                  {s.agent_count}&nbsp;agent{s.agent_count === 1 ? '' : 's'}
+                </span>
+                {/* Chevron — rotates 90° on expanded */}
+                <svg
+                  width="10" height="10" viewBox="0 0 10 10"
+                  style={{ transform: isExpanded ? 'rotate(90deg)' : 'rotate(0deg)', transition: 'transform 150ms ease-out' }}
+                  aria-hidden
+                >
+                  <path d="M3 1.5L7 5L3 8.5" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+                </svg>
+              </span>
+            </button>
+            {!offline && cpuPct != null && (
+              <Bar pct={cpuPct} label={`CPU ${s.cpu_load_1min!.toFixed(2)}/${s.cpu_cores}`} />
+            )}
+            {!offline && memPct != null && (
+              <Bar pct={memPct} label={`RAM ${s.mem_used_gb!.toFixed(1)}/${s.mem_total_gb!.toFixed(1)}G`} />
+            )}
+            {offline && (
+              <div className="text-[10px] text-[var(--fg-dim)] font-mono italic">CPU n/a · RAM n/a · offline</div>
+            )}
+            {/* v0.10.0 Hero 1+2: expanded detail — disk bar +
+                5-min sparklines + agent rollup. Visible only when
+                the user clicks the card. Renders gracefully when
+                upstream hub hasn't shipped optional fields. */}
+            {isExpanded && !offline && (
+              <div className="pt-1 mt-1 border-t space-y-1.5" style={{ borderColor: 'var(--border)' }}>
+                {diskPct != null ? (
+                  <Bar pct={diskPct} label={`DISK ${s.disk_used_gb!.toFixed(1)}/${s.disk_total_gb!.toFixed(1)}G`} />
+                ) : (
+                  /* #157 sibling fix — same misleading version-pin copy
+                     dropped at the disk-metric placeholder. Same
+                     rationale as the agent-rollup copy above. */
+                  <div className="text-[9px] text-[var(--fg-dim)] font-mono italic" data-server-disk-missing="true">disk metric not reported by hub</div>
+                )}
+                {s.cpu_history && s.cpu_history.length >= 2 && (
+                  <div className="space-y-0.5">
+                    <div className="text-[9px] text-[var(--fg-muted)] font-mono">CPU · 5-min</div>
+                    <Sparkline values={s.cpu_history} tint="#10b981" label="CPU" />
+                  </div>
+                )}
+                {s.mem_history && s.mem_history.length >= 2 && (
+                  <div className="space-y-0.5">
+                    <div className="text-[9px] text-[var(--fg-muted)] font-mono">RAM · 5-min</div>
+                    <Sparkline values={s.mem_history} tint="#06b6d4" label="MEM" />
+                  </div>
+                )}
+                {/* v0.10.2 RFC-014 §7 close gate #3 — disk usage
+                   5-min curve. Amber tint matches the disk bar
+                   tier convention (DISK > CPU/Mem in alert-
+                   priority hierarchy since disk-full is a hard
+                   failure mode). Render only when agent-node
+                   2.4.1-preview.0+ has shipped disk_history;
+                   backward-compat handles older agents silently
+                   (no sparkline, no broken state). */}
+                {s.disk_history && s.disk_history.length >= 2 && (
+                  <div className="space-y-0.5">
+                    <div className="text-[9px] text-[var(--fg-muted)] font-mono">DISK · 5-min</div>
+                    <Sparkline values={s.disk_history} tint="#f59e0b" label="DISK" />
+                  </div>
+                )}
+                <div className="pt-1">
+                  <div className="text-[9px] text-[var(--fg-muted)] font-mono mb-0.5">agents</div>
+                  <AgentList agents={s.agents} />
+                </div>
+              </div>
+            )}
+          </div>
+        );
+      })}
+      {servers.length > 0 && (
+        <div className="pt-1 text-[9px] text-[var(--fg-dim)] font-mono text-center">
+          live · refreshing every 5s
+        </div>
+      )}
+    </div>
+  );
+}
+
+export function ServersDrawer() {
+  const [open, setOpen] = useState(false);
+  // Drawer state is per-user-machine — persist like the other dashboard
+  // sticky toggles (`anet-topo-layout`, `anet-topo-view`, etc.).
+  useEffect(() => {
+    try { if (localStorage.getItem('anet-servers-drawer') === '1') setOpen(true); } catch {}
+  }, []);
+  const toggle = () => setOpen(prev => {
+    const next = !prev;
+    try { localStorage.setItem('anet-servers-drawer', next ? '1' : '0'); } catch {}
+    return next;
+  });
+
   // Round 20 / #119 step 3 final delivery — real SWR fetch. 5s refresh
   // matches the other live drawers (HealthBanner, Sidebar) so an operator
   // sees host telemetry update in roughly the same beat as session state.
   // Only poll while expanded — collapsed icon strip doesn't need fresh data.
-  const { data, error } = useSWR<ServersResponse>(
-    open ? '/api/hub/servers' : null,
-    fetcher,
-    { refreshInterval: 5000, dedupingInterval: 3000 },
-  );
-  const servers = data?.servers ?? [];
-  const unavailable = data?.unavailable === true;
-  const onlineCount = servers.filter(s => s.status === 'online').length;
-  const loading = open && !data && !error;
+  const { servers, onlineCount } = useServers(open);
 
   return (
     <aside
@@ -271,141 +417,7 @@ export function ServersDrawer() {
       </button>
 
       {open && (
-        <div className="flex-1 min-h-0 overflow-y-auto px-2 py-2 space-y-2" data-servers-body>
-          {loading && (
-            <div className="text-[10px] text-[var(--fg-muted)] font-mono text-center py-4">
-              loading servers…
-            </div>
-          )}
-          {error && !data && (
-            <div className="rounded-md border px-2.5 py-2 text-[10px] font-mono"
-              style={{ background: 'rgb(239 68 68 / 0.06)', borderColor: 'rgb(239 68 68 / 0.25)', color: '#ef4444' }}>
-              hub unreachable · retrying every 5s
-            </div>
-          )}
-          {unavailable && (
-            <div className="text-[10px] text-[var(--fg-muted)] font-mono text-center py-3 leading-relaxed">
-              host telemetry not available<br/>
-              <span className="text-[var(--fg-dim)]">upgrade commhub-server ≥ 0.8.1-preview.2</span>
-            </div>
-          )}
-          {!loading && !error && !unavailable && servers.length === 0 && (
-            <div className="text-[10px] text-[var(--fg-muted)] font-mono text-center py-4">
-              no servers reporting yet
-            </div>
-          )}
-          {servers.map(s => {
-            const offline = s.status === 'offline';
-            const cpuPct = s.cpu_load_1min != null && s.cpu_cores > 0 ? (s.cpu_load_1min / s.cpu_cores) * 100 : null;
-            const memPct = s.mem_used_gb != null && s.mem_total_gb != null && s.mem_total_gb > 0 ? (s.mem_used_gb / s.mem_total_gb) * 100 : null;
-            const diskPct = s.disk_used_gb != null && s.disk_total_gb != null && s.disk_total_gb > 0 ? (s.disk_used_gb / s.disk_total_gb) * 100 : null;
-            const isExpanded = expanded.has(s.hostname);
-            return (
-              <div
-                key={s.hostname}
-                className="rounded-lg border px-2.5 py-2 space-y-1.5"
-                style={{
-                  background: 'var(--bg)',
-                  borderColor: 'var(--border)',
-                  opacity: offline ? 0.55 : 1,
-                }}
-                data-server-card={s.hostname}
-                data-server-expanded={isExpanded ? 'true' : 'false'}
-                title={s.ip ? `${s.hostname} · ${s.ip}` : s.hostname}
-              >
-                {/* v0.10.0 Hero 1+2: header row — click toggles expanded
-                    detail view (sparklines + disk + agent rollup). */}
-                <button
-                  type="button"
-                  onClick={() => toggleExpanded(s.hostname)}
-                  aria-expanded={isExpanded}
-                  className="w-full flex items-center justify-between gap-2 text-left"
-                  data-server-card-toggle={s.hostname}
-                >
-                  <div className="min-w-0 flex items-center gap-1.5">
-                    {/* Hero 1 health badge — worst-of CPU/Mem/Disk */}
-                    {!offline && <HealthBadge cpu={cpuPct} mem={memPct} disk={diskPct} />}
-                    <span className="font-mono text-[12px] font-semibold truncate" style={{ color: 'var(--fg)' }}>{s.hostname}</span>
-                    {s.note && <span className="text-[9px] text-[var(--fg-dim)]">({s.note})</span>}
-                  </div>
-                  <span className="flex items-center gap-1 shrink-0">
-                    <span className="text-[10px] text-[var(--fg-muted)] font-mono tabular-nums">
-                      {s.agent_count}&nbsp;agent{s.agent_count === 1 ? '' : 's'}
-                    </span>
-                    {/* Chevron — rotates 90° on expanded */}
-                    <svg
-                      width="10" height="10" viewBox="0 0 10 10"
-                      style={{ transform: isExpanded ? 'rotate(90deg)' : 'rotate(0deg)', transition: 'transform 150ms ease-out' }}
-                      aria-hidden
-                    >
-                      <path d="M3 1.5L7 5L3 8.5" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-                    </svg>
-                  </span>
-                </button>
-                {!offline && cpuPct != null && (
-                  <Bar pct={cpuPct} label={`CPU ${s.cpu_load_1min!.toFixed(2)}/${s.cpu_cores}`} />
-                )}
-                {!offline && memPct != null && (
-                  <Bar pct={memPct} label={`RAM ${s.mem_used_gb!.toFixed(1)}/${s.mem_total_gb!.toFixed(1)}G`} />
-                )}
-                {offline && (
-                  <div className="text-[10px] text-[var(--fg-dim)] font-mono italic">CPU n/a · RAM n/a · offline</div>
-                )}
-                {/* v0.10.0 Hero 1+2: expanded detail — disk bar +
-                    5-min sparklines + agent rollup. Visible only when
-                    the user clicks the card. Renders gracefully when
-                    upstream hub hasn't shipped optional fields. */}
-                {isExpanded && !offline && (
-                  <div className="pt-1 mt-1 border-t space-y-1.5" style={{ borderColor: 'var(--border)' }}>
-                    {diskPct != null ? (
-                      <Bar pct={diskPct} label={`DISK ${s.disk_used_gb!.toFixed(1)}/${s.disk_total_gb!.toFixed(1)}G`} />
-                    ) : (
-                      /* #157 sibling fix — same misleading version-pin copy
-                         dropped at the disk-metric placeholder. Same
-                         rationale as the agent-rollup copy above. */
-                      <div className="text-[9px] text-[var(--fg-dim)] font-mono italic" data-server-disk-missing="true">disk metric not reported by hub</div>
-                    )}
-                    {s.cpu_history && s.cpu_history.length >= 2 && (
-                      <div className="space-y-0.5">
-                        <div className="text-[9px] text-[var(--fg-muted)] font-mono">CPU · 5-min</div>
-                        <Sparkline values={s.cpu_history} tint="#10b981" label="CPU" />
-                      </div>
-                    )}
-                    {s.mem_history && s.mem_history.length >= 2 && (
-                      <div className="space-y-0.5">
-                        <div className="text-[9px] text-[var(--fg-muted)] font-mono">RAM · 5-min</div>
-                        <Sparkline values={s.mem_history} tint="#06b6d4" label="MEM" />
-                      </div>
-                    )}
-                    {/* v0.10.2 RFC-014 §7 close gate #3 — disk usage
-                       5-min curve. Amber tint matches the disk bar
-                       tier convention (DISK > CPU/Mem in alert-
-                       priority hierarchy since disk-full is a hard
-                       failure mode). Render only when agent-node
-                       2.4.1-preview.0+ has shipped disk_history;
-                       backward-compat handles older agents silently
-                       (no sparkline, no broken state). */}
-                    {s.disk_history && s.disk_history.length >= 2 && (
-                      <div className="space-y-0.5">
-                        <div className="text-[9px] text-[var(--fg-muted)] font-mono">DISK · 5-min</div>
-                        <Sparkline values={s.disk_history} tint="#f59e0b" label="DISK" />
-                      </div>
-                    )}
-                    <div className="pt-1">
-                      <div className="text-[9px] text-[var(--fg-muted)] font-mono mb-0.5">agents</div>
-                      <AgentList agents={s.agents} />
-                    </div>
-                  </div>
-                )}
-              </div>
-            );
-          })}
-          {servers.length > 0 && (
-            <div className="pt-1 text-[9px] text-[var(--fg-dim)] font-mono text-center">
-              live · refreshing every 5s
-            </div>
-          )}
-        </div>
+        <ServersPanel enabled={open} className="flex-1" />
       )}
     </aside>
   );

package/app/components/Sidebar.tsx

@@ -13,6 +13,7 @@ const NAV_ITEMS = [
   { href: '/', label: 'Overview', icon: 'M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6' },
   { href: '/tasks', label: 'Tasks', icon: 'M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4' },
   { href: '/nodes', label: 'Nodes', icon: 'M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01' },
+  { href: '/servers', label: 'Servers', icon: 'M4 6.5A2.5 2.5 0 016.5 4h11A2.5 2.5 0 0120 6.5v1A2.5 2.5 0 0117.5 10h-11A2.5 2.5 0 014 7.5v-1zM4 16.5A2.5 2.5 0 016.5 14h11a2.5 2.5 0 012.5 2.5v1a2.5 2.5 0 01-2.5 2.5h-11A2.5 2.5 0 014 17.5v-1zM7 7h.01M7 17h.01' },
   { href: '/messages', label: 'Messages', icon: 'M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z' },
   { href: '/settings/networks', label: 'Networks', icon: 'M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9' },
   { href: '/logs', label: 'Audit Log', icon: 'M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z' },

package/app/servers/page.tsx

@@ -0,0 +1,30 @@
+'use client';
+
+import { ServersPanel } from '../components/ServersDrawer';
+
+export default function ServersPage() {
+  return (
+    <main className="min-h-screen bg-[#0a0a1a] px-4 py-5 text-gray-100 sm:px-6 lg:px-8">
+      <div className="mx-auto max-w-5xl space-y-5">
+        <header className="rounded-2xl border border-[#2a2a4a] bg-[#111128] p-5 shadow-lg shadow-black/20">
+          <div className="flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between">
+            <div>
+              <p className="text-[11px] uppercase tracking-[0.18em] text-cyan-300/70">Infrastructure</p>
+              <h1 className="mt-2 text-2xl font-semibold text-white">Servers</h1>
+              <p className="mt-2 max-w-2xl text-sm leading-6 text-gray-400">
+                Host-level health, disk, memory, CPU history, and agent rollups from CommHub telemetry.
+              </p>
+            </div>
+            <div className="rounded-xl border border-cyan-500/20 bg-cyan-500/10 px-3 py-2 text-xs font-mono text-cyan-200">
+              live · refreshes every 5s
+            </div>
+          </div>
+        </header>
+
+        <section className="rounded-2xl border border-[#2a2a4a] bg-[#111128] p-3 shadow-lg shadow-black/20">
+          <ServersPanel className="max-h-none overflow-visible" />
+        </section>
+      </div>
+    </main>
+  );
+}

package/package.json

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

package/.next/server/chunks/ssr/[root-of-the-server]__0p-95r_._.js

@@ -1,3 +0,0 @@
-module.exports=[18622,(a,b,c)=>{b.exports=a.x("next/dist/compiled/next-server/app-page-turbo.runtime.prod.js",()=>require("next/dist/compiled/next-server/app-page-turbo.runtime.prod.js"))},56704,(a,b,c)=>{b.exports=a.x("next/dist/server/app-render/work-async-storage.external.js",()=>require("next/dist/server/app-render/work-async-storage.external.js"))},32319,(a,b,c)=>{b.exports=a.x("next/dist/server/app-render/work-unit-async-storage.external.js",()=>require("next/dist/server/app-render/work-unit-async-storage.external.js"))},24725,(a,b,c)=>{b.exports=a.x("next/dist/server/app-render/after-task-async-storage.external.js",()=>require("next/dist/server/app-render/after-task-async-storage.external.js"))},20635,(a,b,c)=>{b.exports=a.x("next/dist/server/app-render/action-async-storage.external.js",()=>require("next/dist/server/app-render/action-async-storage.external.js"))},43285,(a,b,c)=>{b.exports=a.x("next/dist/server/app-render/dynamic-access-async-storage.external.js",()=>require("next/dist/server/app-render/dynamic-access-async-storage.external.js"))},63535,(a,b,c)=>{"use strict";b.exports=a.r(18622)},64247,(a,b,c)=>{"use strict";b.exports=a.r(63535).vendored["react-ssr"].ReactJsxRuntime},54413,(a,b,c)=>{"use strict";b.exports=a.r(63535).vendored["react-ssr"].React},19080,(a,b,c)=>{"use strict";b.exports=a.r(63535).vendored.contexts.AppRouterContext},91078,(a,b,c)=>{"use strict";b.exports=a.r(63535).vendored["react-ssr"].ReactServerDOMTurbopackClient},63502,(a,b,c)=>{"use strict";b.exports=a.r(63535).vendored.contexts.HooksClientContext},21672,(a,b,c)=>{"use strict";b.exports=a.r(63535).vendored.contexts.ServerInsertedHtml},59202,a=>{"use strict";var b=a.i(64247),c=a.i(54413);let d=(0,c.createContext)({networkId:"",setNetworkId:()=>{}});a.s(["NetworkProvider",0,function({children:a}){let[e,f]=(0,c.useState)("");return(0,c.useEffect)(()=>{let a=sessionStorage.getItem("anet_network_id");a&&f(a)},[]),(0,b.jsx)(d.Provider,{value:{networkId:e,setNetworkId:a=>{f(a),sessionStorage.setItem("anet_network_id",a)}},children:a})},"useNetworkId",0,function(){return(0,c.useContext)(d)}])}];
-
-//# sourceMappingURL=%5Broot-of-the-server%5D__0p-95r_._.js.map

package/.next/server/chunks/ssr/[root-of-the-server]__0p-95r_._.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../agent-network-dashboard/node_modules/next/src/server/route-modules/app-page/module.compiled.js","../../../../../agent-network-dashboard/node_modules/next/src/server/route-modules/app-page/vendored/ssr/react-jsx-runtime.ts","../../../../../agent-network-dashboard/node_modules/next/src/server/route-modules/app-page/vendored/ssr/react.ts","../../../../../agent-network-dashboard/node_modules/next/src/server/route-modules/app-page/vendored/contexts/app-router-context.ts","../../../../../agent-network-dashboard/node_modules/next/src/server/route-modules/app-page/vendored/ssr/react-server-dom-turbopack-client.ts","../../../../../agent-network-dashboard/node_modules/next/src/server/route-modules/app-page/vendored/contexts/hooks-client-context.ts","../../../../../agent-network-dashboard/node_modules/next/src/server/route-modules/app-page/vendored/contexts/server-inserted-html.ts","../../../../../agent-network-dashboard/app/lib/network-context.tsx"],"sourcesContent":["if (process.env.NEXT_RUNTIME === 'edge') {\n  module.exports = require('next/dist/server/route-modules/app-page/module.js')\n} else {\n  if (process.env.__NEXT_EXPERIMENTAL_REACT) {\n    if (process.env.NODE_ENV === 'development') {\n      if (process.env.TURBOPACK) {\n        module.exports = require('next/dist/compiled/next-server/app-page-turbo-experimental.runtime.dev.js')\n      } else {\n        module.exports = require('next/dist/compiled/next-server/app-page-experimental.runtime.dev.js')\n      }\n    } else {\n      if (process.env.TURBOPACK) {\n        module.exports = require('next/dist/compiled/next-server/app-page-turbo-experimental.runtime.prod.js')\n      } else {\n        module.exports = require('next/dist/compiled/next-server/app-page-experimental.runtime.prod.js')\n      }\n    }\n  } else {\n    if (process.env.NODE_ENV === 'development') {\n      if (process.env.TURBOPACK) {\n        module.exports = require('next/dist/compiled/next-server/app-page-turbo.runtime.dev.js')\n      } else {\n        module.exports = require('next/dist/compiled/next-server/app-page.runtime.dev.js')\n      }\n    } else {\n      if (process.env.TURBOPACK) {\n        module.exports = require('next/dist/compiled/next-server/app-page-turbo.runtime.prod.js')\n      } else {\n        module.exports = require('next/dist/compiled/next-server/app-page.runtime.prod.js')\n      }\n    }\n  }\n}\n","module.exports = (\n  require('../../module.compiled') as typeof import('../../module.compiled')\n).vendored['react-ssr']!.ReactJsxRuntime\n","module.exports = (\n  require('../../module.compiled') as typeof import('../../module.compiled')\n).vendored['react-ssr']!.React\n","module.exports = (\n  require('../../module.compiled') as typeof import('../../module.compiled')\n).vendored['contexts'].AppRouterContext\n","module.exports = (\n  require('../../module.compiled') as typeof import('../../module.compiled')\n).vendored['react-ssr']!.ReactServerDOMTurbopackClient\n","module.exports = (\n  require('../../module.compiled') as typeof import('../../module.compiled')\n).vendored['contexts'].HooksClientContext\n","module.exports = (\n  require('../../module.compiled') as typeof import('../../module.compiled')\n).vendored['contexts'].ServerInsertedHtml\n","'use client';\n\nimport { createContext, useContext, useState, useEffect, ReactNode } from 'react';\n\ninterface NetworkContextType {\n  networkId: string;\n  setNetworkId: (id: string) => void;\n}\n\nconst NetworkContext = createContext<NetworkContextType>({ networkId: '', setNetworkId: () => {} });\n\nexport function NetworkProvider({ children }: { children: ReactNode }) {\n  const [networkId, setNetworkId] = useState('');\n\n  useEffect(() => {\n    const saved = sessionStorage.getItem('anet_network_id');\n    if (saved) setNetworkId(saved);\n  }, []);\n\n  const setAndPersist = (id: string) => {\n    setNetworkId(id);\n    sessionStorage.setItem('anet_network_id', id);\n  };\n\n  return (\n    <NetworkContext.Provider value={{ networkId, setNetworkId: setAndPersist }}>\n      {children}\n    </NetworkContext.Provider>\n  );\n}\n\nexport function useNetworkId() {\n  return useContext(NetworkContext);\n}\n"],"names":["process","env","NEXT_RUNTIME","module","exports","require","__NEXT_EXPERIMENTAL_REACT","NODE_ENV","TURBOPACK","vendored","ReactJsxRuntime","React","AppRouterContext","ReactServerDOMTurbopackClient","HooksClientContext","ServerInsertedHtml","NetworkContext","networkId","setNetworkId","NetworkProvider","children","saved","sessionStorage","getItem","setAndPersist","id","setItem","Provider","value","useNetworkId"],"mappings":"2kCA0BQG,EAAOC,OAAO,CAAGC,EAAQ,CAAA,CAAA,IAAA,iCC1BjCF,EAAOC,OAAO,CACZC,EAAQ,CAAA,CAAA,IAAA,GACRI,QAAQ,CAAC,YAAY,CAAEC,eAAe,+BCFxCP,EAAOC,OAAO,CACZC,EAAQ,CAAA,CAAA,IAAA,GACRI,QAAQ,CAAC,YAAY,CAAEE,KAAK,+BCF9BR,EAAOC,OAAO,CACZC,EAAQ,CAAA,CAAA,IAAA,GACRI,QAAQ,CAAC,QAAW,CAACG,gBAAgB,+BCFvCT,EAAOC,OAAO,CACZC,EAAQ,CAAA,CAAA,IAAA,GACRI,QAAQ,CAAC,YAAY,CAAEI,6BAA6B,+BCFtDV,EAAOC,OAAO,CACZC,EAAQ,CAAA,CAAA,IAAA,GACRI,QAAQ,CAAC,QAAW,CAACK,kBAAkB,+BCFzCX,EAAOC,OAAO,CACZC,EAAQ,CAAA,CAAA,IAAA,GACRI,QAAQ,CAAC,QAAW,CAACM,kBAAkB,0CCAzC,EAAA,EAAA,CAAA,CAAA,OAOA,IAAMC,EAAiB,CAAA,EAAA,EAAA,aAAA,AAAa,EAAqB,CAAEC,UAAW,GAAIC,aAAc,KAAO,CAAE,4BAE1F,SAASC,AAAgB,UAAEC,CAAQ,CAA2B,EACnE,GAAM,CAACH,EAAWC,EAAa,CAAG,CAAA,EAAA,EAAA,QAAA,AAAQ,EAAC,UAE3C,CAAA,EAAA,EAAA,SAAS,AAAT,EAAU,KACR,IAAMG,EAAQC,eAAeC,OAAO,CAAC,mBACjCF,GAAOH,EAAaG,EAC1B,EAAG,EAAE,EAQH,CAAA,EAAA,EAAA,GAAA,EAACL,EAAeW,QAAQ,CAAA,CAACC,MAAO,WAAEX,EAAWC,aANxBO,AAAD,CAMuCD,GAL3DN,EAAaO,GACbH,eAAeI,OAAO,CAAC,kBAAmBD,EAC5C,CAG2E,WACtEL,GAGP,mBAEO,SAASS,EACd,MAAO,CAAA,EAAA,EAAA,UAAA,AAAU,EAACb,EACpB","ignoreList":[0,1,2,3,4,5,6]}