@sleep2agi/agent-network-dashboard 0.5.7-preview.73 → 0.5.7-preview.75

package/app/components/TaskChatPanel.tsx

@@ -213,6 +213,18 @@ export function TaskChatPanel({ alias, onClose, inline, availableNodes }: TaskCh
   const [mentionNodes, setMentionNodes] = useState<string[]>([]);
   const messagesEndRef = useRef<HTMLDivElement>(null);
   const textareaRef = useRef<HTMLTextAreaElement>(null);
+  // #217 M4 (Vincent: 倒序加载, 上滑再拉旧的): history is paged. We load
+  // only the newest PAGE on open and grow the window when the user
+  // scrolls to the top. The hub API has no `before` cursor (offset is
+  // ignored), so "older" = refetch with a larger limit and prepend the
+  // delta — each step is on-demand and tiny vs one full pull.
+  const HISTORY_PAGE = 20;
+  const scrollRef = useRef<HTMLDivElement>(null);
+  const histLimitRef = useRef(HISTORY_PAGE);
+  const skipAutoScrollRef = useRef(false);
+  const anchoredRef = useRef(false);
+  const [hasOlder, setHasOlder] = useState(true);
+  const [loadingOlder, setLoadingOlder] = useState(false);
 
   // Load available nodes for @ mention
   useEffect(() => {
@@ -231,14 +243,22 @@ export function TaskChatPanel({ alias, onClose, inline, availableNodes }: TaskCh
     markChatRead(alias, networkId);
   }, [alias, networkId]);
 
-  // Load task history for this node
-  const loadHistory = useCallback(async () => {
+  // Load task history for this node — newest `limit` only (M4).
+  const loadHistory = useCallback(async (limit: number) => {
     try {
-      const res = await fetch(`/api/hub/tasks?to_name=${encodeURIComponent(alias)}&limit=30`);
+      const res = await fetch(`/api/hub/tasks?to_name=${encodeURIComponent(alias)}&limit=${limit}`);
       const data = await res.json();
       if (data.tasks) {
-        // Show oldest first
-        setMessages(data.tasks.reverse());
+        const fetched = data.tasks.reverse(); // oldest first for display
+        if (data.tasks.length < limit) setHasOlder(false);
+        // Merge: keep current messages the fetch doesn't know about yet
+        // (optimistic sends / SSE patches) so growing the window never
+        // drops an in-flight bubble.
+        setMessages(prev => {
+          const ids = new Set(fetched.map((t: { task_id?: string }) => t.task_id));
+          const extras = prev.filter(t => t.task_id && !ids.has(t.task_id));
+          return [...fetched, ...extras];
+        });
       }
     } catch {} finally {
       setHistoryLoaded(true);
@@ -248,13 +268,52 @@ export function TaskChatPanel({ alias, onClose, inline, availableNodes }: TaskCh
   useEffect(() => {
     setMessages([]);
     setHistoryLoaded(false);
-    loadHistory();
+    histLimitRef.current = HISTORY_PAGE;
+    anchoredRef.current = false;
+    setHasOlder(true);
+    loadHistory(HISTORY_PAGE);
     // Focus textarea
     setTimeout(() => textareaRef.current?.focus(), 300);
   }, [alias, loadHistory]);
 
-  // Auto-scroll to bottom
+  // M4: user scrolled to the top → grow the history window, keeping the
+  // viewport anchored on the message they were looking at.
+  const loadOlder = useCallback(async () => {
+    if (loadingOlder || !hasOlder) return;
+    setLoadingOlder(true);
+    const el = scrollRef.current;
+    const prevHeight = el?.scrollHeight ?? 0;
+    skipAutoScrollRef.current = true;
+    histLimitRef.current += HISTORY_PAGE;
+    await loadHistory(histLimitRef.current);
+    requestAnimationFrame(() => {
+      if (el) el.scrollTop += el.scrollHeight - prevHeight;
+      setLoadingOlder(false);
+    });
+  }, [loadingOlder, hasOlder, loadHistory]);
+
+  const onMessagesScroll = useCallback(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    // The initial bottom-anchor is a smooth scroll, so its own scroll
+    // events pass through scrollTop≈0 territory. Arm the older-page
+    // trigger only after the container has actually reached the bottom
+    // once — everything before that is layout/auto-scroll noise.
+    if (!anchoredRef.current) {
+      if (el.scrollHeight - el.scrollTop - el.clientHeight < 80) anchoredRef.current = true;
+      return;
+    }
+    if (el.scrollTop < 40) loadOlder();
+  }, [loadOlder]);
+
+  // Auto-scroll to bottom on new messages — but not when we just
+  // prepended older history (that would yank the user away from what
+  // they scrolled up to read).
   useEffect(() => {
+    if (skipAutoScrollRef.current) {
+      skipAutoScrollRef.current = false;
+      return;
+    }
     messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
   }, [messages]);
 
@@ -490,12 +549,32 @@ export function TaskChatPanel({ alias, onClose, inline, availableNodes }: TaskCh
             mobile and the per-pair grouping (line 540) from space-y-2
             to space-y-1.5 so messages read denser without losing the
             speaker-turn rhythm. Desktop unchanged at sm: and up. */}
-        <div className="flex-1 overflow-y-auto px-3 py-3 sm:px-4 sm:py-4 space-y-2 sm:space-y-4">
+        <div ref={scrollRef} onScroll={onMessagesScroll} className="flex-1 overflow-y-auto px-3 py-3 sm:px-4 sm:py-4 space-y-2 sm:space-y-4">
           {!historyLoaded && (
             <div className="flex justify-center py-8">
               <div className="w-5 h-5 border-2 border-cyan-500/30 border-t-cyan-500 rounded-full animate-spin" />
             </div>
           )}
+          {/* M4: top-of-thread row — scroll-to-top auto-loads older, and
+              the row is also tappable for short threads that don't
+              overflow (nothing to scroll). Quiet "beginning" marker
+              once history is exhausted. */}
+          {historyLoaded && hasOlder && messages.length > 0 && (
+            <button
+              type="button"
+              onClick={loadOlder}
+              className="w-full flex justify-center py-2 text-[11px] text-[var(--fg-dim)] hover:text-[var(--fg-muted)]"
+            >
+              {loadingOlder ? (
+                <span className="w-4 h-4 border-2 border-cyan-500/30 border-t-cyan-500 rounded-full animate-spin" />
+              ) : (
+                <span>↑ Load earlier messages</span>
+              )}
+            </button>
+          )}
+          {historyLoaded && !hasOlder && messages.length > 0 && (
+            <div className="text-center text-[10px] text-[var(--fg-dim)] py-1">— beginning of history —</div>
+          )}
           {historyLoaded && messages.length === 0 && (
             <div className="text-center py-12">
               <div className="text-3xl mb-3">💬</div>

package/app/lib/hooks.ts

@@ -65,10 +65,13 @@ export function useStats() {
 
 export function useMessages(limit = 100) {
   const { networkId } = useNetworkId();
+  // keepPreviousData: /messages grows `limit` when the user asks for older
+  // history (#217 M5) — without it the key change would blank the list and
+  // flash the skeleton while the bigger page is in flight.
   const { data, error, isLoading } = useSWR(
     withNetwork(`/api/hub/messages?limit=${limit}`, networkId),
     fetcher,
-    SWR_OPTIONS,
+    { ...SWR_OPTIONS, keepPreviousData: true },
   );
   return { messages: data?.messages || [], error, isLoading };
 }

package/app/messages/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useMemo, useState } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import { useMessages } from '../lib/hooks';
 import { timeAgo, previewContent } from '../components/utils';
 import { EmptyState } from '../components/EmptyState';
@@ -53,12 +53,32 @@ function renderHighlighted(content: string | undefined, search: string) {
   return <>{text.slice(0, idx)}<mark className="bg-yellow-500/30 text-yellow-200 rounded px-0.5">{text.slice(idx, idx + q.length)}</mark>{text.slice(idx + q.length)}</>;
 }
 
+// #217 M5 (Vincent tg 655/656, same directive as chat M4): don't pull the
+// full history on every 5s poll. Open with the newest page only and grow
+// the window when the user explicitly asks for older messages.
+const HISTORY_PAGE = 30;
+
 export default function MessagesPage() {
-  const { messages, isLoading } = useMessages(200);
+  const [histLimit, setHistLimit] = useState(HISTORY_PAGE);
+  const { messages, isLoading } = useMessages(histLimit);
+  // The hub returned a full page → assume more history exists beyond it.
+  const hasOlder = messages.length >= histLimit;
+  const loadingOlder = isLoading && messages.length > 0;
   const [filterType, setFilterType] = useState('');
   const [search, setSearch] = useState('');
   const [debug, setDebug] = useState(false);
   const [viewMode, setViewMode] = useState<'timeline' | 'grouped'>('timeline');
+  // M5: the timeline runs oldest→newest top-to-bottom, so land the first
+  // paint on the newest message (what the user came to read) instead of
+  // the oldest of the loaded window. Once only — later polls/loads must
+  // not yank the scroll position.
+  const endRef = useRef<HTMLDivElement>(null);
+  const didInitialScrollRef = useRef(false);
+  useEffect(() => {
+    if (didInitialScrollRef.current || messages.length === 0) return;
+    didInitialScrollRef.current = true;
+    endRef.current?.scrollIntoView();
+  }, [messages.length]);
   // #209 R33→R34: WeChat-style magnifier-toggle search hook (shared with /nodes).
   const searchCtl = useCollapsibleSearch({
     value: search,
@@ -125,7 +145,7 @@ export default function MessagesPage() {
           <h1 className="text-2xl font-bold text-white lg:ml-0 ml-10">Messages</h1>
           {/* Round 89: filter-aware chip. When search/type filter is active
               the visible rows are filtered.length; the total loaded is
-              messages.length (capped at 200 by useMessages). Show
+              messages.length (the M5 lazy window, newest histLimit). Show
               `filtered / total` so users notice how much the filter is
               hiding. Same pattern as r88 /tasks chip. */}
           <span
@@ -228,7 +248,24 @@ export default function MessagesPage() {
         </div>
       )}
 
-      {isLoading ? (
+      {/* M5: paging affordance — mirrors the chat panel's M4 row. Sits
+          above the list because older history is prepended above what's
+          already on screen. Hidden once the hub returns a short page
+          (we've reached the beginning). */}
+      {messages.length > 0 && hasOlder && (
+        <div className="mb-3 flex justify-center">
+          <button
+            type="button"
+            onClick={() => setHistLimit(l => l + HISTORY_PAGE)}
+            disabled={loadingOlder}
+            className="rounded-full border border-[#26262b] bg-[#161618] px-4 py-1.5 text-xs text-gray-400 transition-colors hover:text-gray-200 disabled:opacity-50"
+          >
+            {loadingOlder ? 'Loading…' : '↑ Load earlier messages'}
+          </button>
+        </div>
+      )}
+
+      {isLoading && messages.length === 0 ? (
         <div className="animate-pulse space-y-3">
           {[1, 2, 3, 4, 5].map(i => <div key={i} className="h-20 rounded-2xl bg-gray-800/20" />)}
         </div>
@@ -371,6 +408,7 @@ export default function MessagesPage() {
               </div>
             );
           })}
+          <div ref={endRef} />
         </div>
       )}
     </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sleep2agi/agent-network-dashboard",
-  "version": "0.5.7-preview.73",
+  "version": "0.5.7-preview.75",
   "description": "Agent Network Dashboard — Web UI for managing AI Agent networks",
   "main": "apps/desktop/electron/main.cjs",
   "scripts": {

package/.next/server/chunks/ssr/[root-of-the-server]__04gz75y._.js

@@ -1,3 +0,0 @@
-module.exports=[50227,(a,b,c)=>{b.exports=a.x("node:path",()=>require("node:path"))},92088,a=>{"use strict";var b=a.i(92945);a.s(["previewContent",0,function(a){return a&&a.replace(/!\[([^\]]*)\]\([^)]*\)/g,"$1").replace(/\[([^\]]+)\]\([^)]*\)/g,"$1").replace(/`([^`]+)`/g,"$1").replace(/\s+/g," ").trim()||"--"},"timeAgo",0,function(a){return(0,b.relativeAgo)(a)??"--"}])},8893,a=>{"use strict";var b=a.i(64247);let c=[180,200,220,270,300,330,30,90];function d(a){let b=0;for(let c=0;c<a.length;c++)b=31*b+a.charCodeAt(c)>>>0;let d=c[b%c.length];return{bg:`hsl(${d} 55% 22%)`,ring:`hsl(${d} 60% 45%)`,text:`hsl(${d} 80% 78%)`}}function e(a){return a?(a.trim().match(/[\p{L}\p{N}]/u)?.[0]||a.trim()[0]||"·").toUpperCase():"·"}a.s(["AliasAvatar",0,function({alias:a,size:c=28,className:f=""}){if(/\bgrok\b|grok-build|grok测试员|grok-demo/i.test(a))return(0,b.jsx)("span",{className:`anet-alias-avatar inline-flex items-center justify-center rounded-full border border-emerald-500/45 bg-emerald-950/70 shrink-0 ${f}`,style:{width:c,height:c,backgroundImage:"url(/vendors/grok.svg)",backgroundPosition:"center",backgroundRepeat:"no-repeat",backgroundSize:"68% 68%"},title:a,"aria-hidden":!0});let g=d(a),h=Math.max(9,Math.round(.42*c));return(0,b.jsx)("span",{className:`anet-alias-avatar inline-flex items-center justify-center rounded-full border shrink-0 font-semibold ${f}`,style:{width:c,height:c,fontSize:h,backgroundColor:g.bg,borderColor:g.ring,color:g.text},title:a,"aria-hidden":!0,children:e(a)})},"aliasAvatarColors",0,d,"aliasInitial",0,e])},19595,a=>{"use strict";var b=a.i(64247),c=a.i(54413),d=a.i(88534);let e={nodes:{title:"No agents in this network",sub:"Agent sessions will appear here once they connect to the CommHub."},tasks:{title:"No tasks yet",sub:"Tasks will appear here when agents send them via CommHub."},messages:{title:"No messages",sub:"Messages between agents will appear here."},logs:{title:"No audit logs",sub:"Events will appear here when users register, login, or perform actions."},tokens:{title:"No API tokens",sub:"Create one to authenticate CLI tools and external integrations."},networks:{title:"No networks found",sub:"Create one or sign in with V3 auth to see your networks."},generic:{title:"Nothing here yet",sub:"Data will appear here once available."}};function f({variant:a,size:c}){let d={width:c,height:c},e={fill:"none",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"};switch(a){case"nodes":return(0,b.jsx)("svg",{viewBox:"0 0 64 64",...d,children:(0,b.jsxs)("g",{...e,children:[(0,b.jsx)("circle",{cx:"32",cy:"14",r:"4"}),(0,b.jsx)("circle",{cx:"14",cy:"44",r:"4"}),(0,b.jsx)("circle",{cx:"50",cy:"44",r:"4"}),(0,b.jsx)("line",{x1:"32",y1:"18",x2:"14",y2:"40",strokeDasharray:"3 3",opacity:"0.6"}),(0,b.jsx)("line",{x1:"32",y1:"18",x2:"50",y2:"40",strokeDasharray:"3 3",opacity:"0.6"}),(0,b.jsx)("line",{x1:"18",y1:"44",x2:"46",y2:"44",strokeDasharray:"3 3",opacity:"0.6"})]})});case"tasks":return(0,b.jsx)("svg",{viewBox:"0 0 64 64",...d,children:(0,b.jsxs)("g",{...e,children:[(0,b.jsx)("rect",{x:"14",y:"14",width:"36",height:"6",rx:"1.5"}),(0,b.jsx)("rect",{x:"14",y:"26",width:"36",height:"6",rx:"1.5",opacity:"0.6"}),(0,b.jsx)("rect",{x:"14",y:"38",width:"36",height:"6",rx:"1.5",opacity:"0.35"})]})});case"messages":return(0,b.jsx)("svg",{viewBox:"0 0 64 64",...d,children:(0,b.jsxs)("g",{...e,children:[(0,b.jsx)("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"}),(0,b.jsx)("line",{x1:"22",y1:"28",x2:"42",y2:"28",opacity:"0.5"}),(0,b.jsx)("line",{x1:"22",y1:"34",x2:"36",y2:"34",opacity:"0.5"})]})});case"logs":return(0,b.jsx)("svg",{viewBox:"0 0 64 64",...d,children:(0,b.jsxs)("g",{...e,children:[(0,b.jsx)("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"}),(0,b.jsx)("path",{d:"M40 12 v8 h8",opacity:"0.6"}),(0,b.jsx)("line",{x1:"24",y1:"32",x2:"40",y2:"32",opacity:"0.55"}),(0,b.jsx)("line",{x1:"24",y1:"38",x2:"40",y2:"38",opacity:"0.4"}),(0,b.jsx)("line",{x1:"24",y1:"44",x2:"34",y2:"44",opacity:"0.25"})]})});case"tokens":return(0,b.jsx)("svg",{viewBox:"0 0 64 64",...d,children:(0,b.jsxs)("g",{...e,children:[(0,b.jsx)("circle",{cx:"22",cy:"32",r:"8"}),(0,b.jsx)("line",{x1:"30",y1:"32",x2:"54",y2:"32"}),(0,b.jsx)("line",{x1:"44",y1:"32",x2:"44",y2:"38"}),(0,b.jsx)("line",{x1:"50",y1:"32",x2:"50",y2:"40"})]})});case"networks":return(0,b.jsx)("svg",{viewBox:"0 0 64 64",...d,children:(0,b.jsxs)("g",{...e,children:[(0,b.jsx)("circle",{cx:"32",cy:"32",r:"18"}),(0,b.jsx)("ellipse",{cx:"32",cy:"32",rx:"18",ry:"9",opacity:"0.55"}),(0,b.jsx)("line",{x1:"14",y1:"32",x2:"50",y2:"32",opacity:"0.55"}),(0,b.jsx)("line",{x1:"32",y1:"14",x2:"32",y2:"50",opacity:"0.55"})]})});default:return(0,b.jsx)("svg",{viewBox:"0 0 64 64",...d,children:(0,b.jsxs)("g",{...e,children:[(0,b.jsx)("circle",{cx:"32",cy:"32",r:"14",strokeDasharray:"3 3",opacity:"0.6"}),(0,b.jsx)("circle",{cx:"32",cy:"32",r:"3"})]})})}}function g({variant:a="generic",title:c,sub:h,cta:i,compact:j=!1}){let k=e[a],l=c??k.title,m=h??k.sub;return(0,b.jsxs)("div",{className:`text-center ${j?"py-8":"py-16"} px-4`,role:"status",children:[(0,b.jsx)("div",{className:"anet-empty-glyph inline-flex items-center justify-center mb-4 text-gray-500","aria-hidden":!0,children:(0,b.jsx)(f,{variant:a,size:j?40:56})}),(0,b.jsx)("h3",{className:`font-medium text-gray-300 ${j?"text-sm":"text-base"}`,children:l}),m&&(0,b.jsx)("p",{className:`text-gray-500 ${j?"text-xs mt-1.5":"text-sm mt-2"} max-w-md mx-auto leading-relaxed`,children:m}),i&&(0,b.jsx)("div",{className:"mt-4",children:i.href?(0,b.jsxs)(d.default,{href:i.href,className:"inline-flex items-center gap-1.5 text-sm font-medium text-cyan-400 hover:text-cyan-300",children:[i.label,(0,b.jsx)("span",{"aria-hidden":!0,children:"→"})]}):(0,b.jsxs)("button",{onClick:i.onClick,className:"inline-flex items-center gap-1.5 text-sm font-medium text-cyan-400 hover:text-cyan-300",children:[i.label,(0,b.jsx)("span",{"aria-hidden":!0,children:"→"})]})})]})}function h({children:a}){return(0,b.jsx)("div",{className:"max-w-2xl mx-auto rounded-xl border border-[#26262b] bg-[#161618] shadow-lg shadow-black/20",children:a})}function i({cmd:a}){let[d,e]=(0,c.useState)(!1),f=async()=>{try{await navigator.clipboard.writeText(a),e(!0),setTimeout(()=>e(!1),1800)}catch{}};return(0,b.jsxs)("div",{className:"anet-empty-cmd flex items-start sm:items-center gap-2 bg-[#0e0e10] border border-[#26262b] rounded-lg pl-4 pr-1.5 py-1.5 text-xs sm:text-sm",children:[(0,b.jsx)("code",{className:"text-cyan-300 font-mono select-all min-w-0 break-all sm:break-normal",children:a}),(0,b.jsx)("button",{type:"button",onClick:f,"aria-label":d?"Copied":"Copy command",className:"shrink-0 rounded-md px-2 py-1.5 text-[11px] text-gray-500 hover:text-gray-200 hover:bg-[#1c1c1f] transition-colors",children:d?(0,b.jsxs)("span",{className:"flex items-center gap-1 text-green-400",children:[(0,b.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,b.jsx)("path",{d:"M20 6 9 17l-5-5"})}),"Copied"]}):(0,b.jsxs)("span",{className:"flex items-center gap-1",children:[(0,b.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),(0,b.jsx)("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})]}),"Copy"]})})]})}a.s(["EmptyState",0,g,"NodesEmptyState",0,function({hint:a,taskHistoryCount:c=0}){return a?.global_count?(0,b.jsx)(h,{children:(0,b.jsx)(g,{variant:"nodes",title:"No agents in this network",sub:`Server has ${a.global_count} nodes globally, but none are registered to the current network. Switch network or contact admin.`})}):c>0?(0,b.jsx)(h,{children:(0,b.jsx)(g,{variant:"nodes",title:"No agents online",sub:`Every agent in this network is currently offline. ${c.toLocaleString()} task${1===c?"":"s"} in history — they may have finished their work or disconnected.`,cta:{label:"View task history",href:"/tasks"}})}):(0,b.jsx)(h,{children:(0,b.jsxs)("div",{className:"text-center py-16 px-4",role:"status",children:[(0,b.jsx)("div",{className:"anet-empty-glyph inline-flex items-center justify-center mb-4 text-gray-500","aria-hidden":!0,children:(0,b.jsx)("svg",{viewBox:"0 0 64 64",width:56,height:56,children:(0,b.jsxs)("g",{stroke:"currentColor",strokeWidth:"1.5",fill:"none",children:[(0,b.jsx)("rect",{x:"10",y:"20",width:"44",height:"28",rx:"2"}),(0,b.jsx)("rect",{x:"20",y:"32",width:"6",height:"8",opacity:"0.5"}),(0,b.jsx)("rect",{x:"32",y:"32",width:"6",height:"8",opacity:"0.5"}),(0,b.jsx)("rect",{x:"44",y:"32",width:"4",height:"8",opacity:"0.5"}),(0,b.jsx)("line",{x1:"10",y1:"26",x2:"54",y2:"26",opacity:"0.4"}),(0,b.jsx)("circle",{cx:"14",cy:"23",r:"0.8",fill:"currentColor"})]})})}),(0,b.jsx)("h3",{className:"font-medium text-gray-300 text-base",children:"Spin up your first agent"}),(0,b.jsx)("p",{className:"text-gray-500 text-sm mt-2 max-w-md mx-auto leading-relaxed",children:"Run this in a fresh terminal to register an agent with this CommHub:"}),(0,b.jsx)("div",{className:"mt-4 inline-block",children:(0,b.jsx)(i,{cmd:"npx --yes @sleep2agi/agent-network init"})}),(0,b.jsx)("p",{className:"text-gray-600 text-xs mt-3 max-w-md mx-auto",children:"Once the agent connects, it appears here automatically within a few seconds — no refresh needed."}),(0,b.jsx)("div",{className:"mt-3",children:(0,b.jsxs)("a",{href:"https://anet.sh",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-1.5 text-xs font-medium text-gray-500 hover:text-cyan-300",children:["Full quickstart guide",(0,b.jsx)("span",{"aria-hidden":!0,children:"→"})]})})]})})}])},9943,a=>{"use strict";var b=a.i(57389),c=a.i(59202);let d=async a=>{let b=await fetch(a);if(401===b.status)throw window.location.assign("/login"),Error("unauthorized");return b.json()},e={refreshInterval:5e3,dedupingInterval:3e3};function f(a,b){if(!b)return a;let c=a.includes("?")?"&":"?";return`${a}${c}network_id=${encodeURIComponent(b)}`}a.s(["useAnetConfig",0,function(){let{data:a}=(0,b.default)("/api/anet/config",d,{refreshInterval:3e4});return{config:a||null}},"useHealth",0,function(){let{data:a,error:c}=(0,b.default)("/api/hub/health",d,e);return{health:a||null,error:c}},"useMessages",0,function(a=100){let{networkId:g}=(0,c.useNetworkId)(),{data:h,error:i,isLoading:j}=(0,b.default)(f(`/api/hub/messages?limit=${a}`,g),d,e);return{messages:h?.messages||[],error:i,isLoading:j}},"useSessions",0,function(){let{networkId:a}=(0,c.useNetworkId)(),{data:g,error:h,isLoading:i}=(0,b.default)(f("/api/hub/status",a),d,e);return{sessions:g?.sessions||[],hint:g?._hint,error:h,isLoading:i}},"useStats",0,function(){let{networkId:a}=(0,c.useNetworkId)(),{data:g,error:h}=(0,b.default)(f("/api/hub/stats",a),d,e);return{stats:g?.ok?g:null,error:h}},"useTasks",0,function(a){let{networkId:g}=(0,c.useNetworkId)(),h=new URLSearchParams({limit:"100",...a}).toString(),{data:i,error:j,isLoading:k}=(0,b.default)(f(`/api/hub/tasks?${h}`,g),d,e);return{tasks:i?.tasks||[],count:i?.count??0,source:i?.source,error:j,isLoading:k}}])},49597,a=>{"use strict";a.s(["SESSION_STATUS_CHIP_CLASS",0,{working:"bg-green-500/10 text-green-300 border-green-500/20",idle:"bg-gray-500/10 text-gray-300 border-gray-500/20",blocked:"bg-yellow-500/10 text-yellow-300 border-yellow-500/20",error:"bg-red-500/10 text-red-300 border-red-500/20",offline:"bg-gray-500/10 text-gray-500 border-gray-500/20"},"SESSION_STATUS_TEXT_CLASS",0,{working:"text-green-400",idle:"text-gray-400",blocked:"text-yellow-400",error:"text-red-400",offline:"text-gray-500"},"STATUS_BAR_CLASS",0,{created:"bg-gray-500",delivered:"bg-gray-400",acked:"bg-gray-300",running:"bg-green-500",replied:"bg-gray-400",closed:"bg-gray-600",failed:"bg-red-500",cancelled:"bg-gray-600",expired:"bg-gray-600"},"STATUS_CHIP_CLASS",0,{created:"bg-gray-500/10 text-gray-400 border-gray-500/20",delivered:"bg-gray-500/10 text-gray-300 border-gray-500/20",acked:"bg-gray-500/10 text-gray-300 border-gray-500/20",running:"bg-green-500/10 text-green-300 border-green-500/20",replied:"bg-gray-500/10 text-gray-300 border-gray-500/20",closed:"bg-gray-500/10 text-gray-500 border-gray-500/20",failed:"bg-red-500/10 text-red-300 border-red-500/20",cancelled:"bg-gray-500/10 text-gray-500 border-gray-500/20",expired:"bg-gray-500/10 text-gray-500 border-gray-500/20"},"STATUS_DOT_HEX",0,{created:"#9ca3af",delivered:"#9ca3af",acked:"#9ca3af",running:"#4ade80",replied:"#9ca3af",closed:"#6b7280",failed:"#f87171",cancelled:"#6b7280",expired:"#6b7280"},"TASK_STATUSES",0,["created","delivered","acked","running","replied","closed","failed","cancelled","expired"]])},93549,a=>{"use strict";var b=a.i(64247),c=a.i(54413);a.s(["useCollapsibleSearch",0,function({value:a,onChange:d,placeholder:e="Search…",label:f="Search",enabled:g=!0}){let[h,i]=(0,c.useState)(!1),j=(0,c.useCallback)(()=>{d(""),i(!1)},[d]);return{Button:(0,c.useCallback)(()=>{if(!g)return(0,b.jsx)(b.Fragment,{});let c=h||a;return(0,b.jsxs)("button",{type:"button",onClick:()=>i(a=>!a),"aria-label":h?`Close ${f.toLowerCase()}`:`Open ${f.toLowerCase()}`,"aria-pressed":h,title:h?`Close ${f.toLowerCase()}`:f,className:`relative shrink-0 inline-flex items-center justify-center rounded-full border w-9 h-9 transition-colors ${c?"border-cyan-500/40 bg-cyan-500/10 text-cyan-300":"border-[#26262b] bg-[#161618] text-gray-400 hover:text-gray-200 hover:border-[#3a3a41]"}`,children:[(0,b.jsx)("svg",{className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})}),a&&!h&&(0,b.jsx)("span",{"aria-hidden":!0,className:"absolute -top-0.5 -right-0.5 w-2 h-2 rounded-full bg-cyan-400 ring-2 ring-[#0b0b0d]"})]})},[h,a,f,g]),Row:(0,c.useCallback)(()=>g&&(h||a)?(0,b.jsxs)("div",{className:"mb-3 sm:mb-4 flex items-center gap-2",children:[(0,b.jsx)("input",{type:"text",value:a,onChange:a=>d(a.target.value),onKeyDown:a=>{"Escape"===a.key&&j()},placeholder:e,autoFocus:h,className:"flex-1 bg-[#161618] border border-[#26262b] rounded-lg px-3 py-2 text-base sm:text-sm text-white placeholder-gray-600 focus:border-cyan-500/40 focus:outline-none"}),(0,b.jsx)("button",{type:"button",onClick:j,className:"shrink-0 text-xs text-gray-500 hover:text-gray-300 px-2 py-2","aria-label":"Clear and close search",children:"Cancel"})]}):null,[h,a,d,e,j,g]),value:a,reset:j}}])},75965,a=>{"use strict";var b=a.i(64247),c=a.i(54413),d=a.i(92088),e=a.i(9943),f=a.i(91328),g=a.i(19595),h=a.i(8893),i=a.i(93549),j=a.i(49597),k=a.i(45e3);function l(a){return a?a.length>12?`${a.slice(0,8)}…`:a:"—"}a.s(["default",0,function(){let{sessions:a,isLoading:m}=(0,e.useSessions)(),{health:n}=(0,e.useHealth)(),{hasUnread:o}=(0,k.useChatUnread)(),p=n?.sse_sessions||{},q=a=>(a.network_id?p[`${a.network_id}:${a.alias}`]:void 0)??p[a.alias],[r,s]=(0,c.useState)(""),[t,u]=(0,c.useState)(""),[v,w]=(0,c.useState)("list"),[x,y]=(0,c.useState)(null),z=(0,i.useCollapsibleSearch)({value:t,onChange:u,placeholder:"Search nodes…",label:"Search nodes",enabled:a.length>0}),A=a.map(a=>({...a,online:!!q(a)})).filter(a=>"online"===r?a.online:"offline"===r?!a.online:!r||r===a.status).filter(a=>!t||a.alias.toLowerCase().includes(t.toLowerCase())||(a.agent||"").toLowerCase().includes(t.toLowerCase())).sort((a,b)=>!!b.online-!!a.online||("working"===b.status)-("working"===a.status)),B=a.filter(a=>q(a)).length;return(0,b.jsxs)("div",{className:"min-h-screen max-w-full overflow-x-hidden bg-[#0b0b0d] text-gray-100 p-4 sm:p-6",children:[(0,b.jsxs)("div",{className:"flex items-center gap-4 mb-4 sm:mb-6",children:[(0,b.jsxs)("div",{className:"flex items-center gap-3 min-w-0 flex-1",children:[(0,b.jsx)("h1",{className:"text-2xl font-bold text-white lg:ml-0 ml-10",children:"Nodes"}),(0,b.jsxs)("span",{className:"text-xs bg-green-900/30 text-green-400 px-2 py-0.5 rounded-full border border-green-800/30 shrink-0",children:[B," online"]}),(0,b.jsxs)("span",{className:"text-xs bg-gray-900/30 text-gray-400 px-2 py-0.5 rounded-full border border-gray-800/30 shrink-0",children:[a.length," total"]})]}),(0,b.jsx)(z.Button,{})]}),(0,b.jsx)(z.Row,{}),a.length>0&&(0,b.jsxs)("div",{className:"flex flex-wrap gap-3 mb-4 sm:mb-6",children:[(0,b.jsxs)("select",{value:r,onChange:a=>s(a.target.value),className:"bg-[#161618] border border-[#26262b] rounded-lg px-3 py-2 text-base sm:text-sm text-white focus:border-blue-500/50 focus:outline-none",children:[(0,b.jsx)("option",{value:"",children:"All"}),(0,b.jsx)("option",{value:"online",children:"Online"}),(0,b.jsx)("option",{value:"offline",children:"Offline"}),(0,b.jsx)("option",{value:"working",children:"Working"}),(0,b.jsx)("option",{value:"idle",children:"Idle"}),(0,b.jsx)("option",{value:"blocked",children:"Blocked"}),(0,b.jsx)("option",{value:"error",children:"Error"})]}),(0,b.jsx)("div",{className:"hidden sm:flex ml-auto rounded-lg border border-[#26262b] bg-[#161618] p-1 text-sm",children:["list","grid"].map(a=>(0,b.jsx)("button",{type:"button",onClick:()=>w(a),className:`rounded-md px-3 py-1.5 transition-colors ${v===a?"bg-cyan-500/10 text-cyan-300":"text-gray-500 hover:text-gray-200"}`,children:"list"===a?"List":"Grid"},a))})]}),m?(0,b.jsx)("div",{className:"animate-pulse space-y-2",children:[1,2,3,4].map(a=>(0,b.jsx)("div",{className:"h-16 bg-gray-800/20 rounded-lg"},a))}):0===A.length?0===a.length?(0,b.jsx)(g.NodesEmptyState,{}):(0,b.jsx)(g.EmptyState,{variant:"nodes",title:"No nodes match your filters",sub:"Try clearing search or status filters, or wait for an agent to register."}):"grid"===v?(0,b.jsx)("div",{className:"grid min-w-0 grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4",children:A.map(a=>{let c=a.online?a.status:"offline",e="number"==typeof a.progress?a.progress:0,f=o(a.alias);return(0,b.jsxs)("div",{role:"button",tabIndex:0,onClick:()=>y(a.alias),onKeyDown:b=>{("Enter"===b.key||" "===b.key)&&(b.preventDefault(),y(a.alias))},className:`relative min-w-0 max-w-full overflow-hidden rounded-xl border border-[#26262b] bg-[#161618] p-4 transition-colors hover:border-cyan-500/40 cursor-pointer ${!a.online?"opacity-60":""}`,children:[!a.online&&(0,b.jsx)("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:(0,b.jsx)("span",{className:"rotate-[-20deg] rounded-xl border border-white/10 bg-black/20 px-5 py-2 text-xl font-bold uppercase tracking-[0.35em] text-white/10",children:"Offline"})}),(0,b.jsxs)("div",{className:"flex items-start gap-3",children:[(0,b.jsxs)("div",{className:"relative shrink-0",children:[(0,b.jsx)(h.AliasAvatar,{alias:a.alias,size:36}),f&&(0,b.jsx)("span",{className:"absolute -right-1 -top-1 h-3 w-3 rounded-full border-2 border-[#161618] bg-red-500"})]}),(0,b.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsx)("span",{className:"truncate text-base font-semibold text-white",children:a.alias}),f&&(0,b.jsx)("span",{className:"shrink-0 rounded-full bg-red-500/15 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-red-300",children:"New"}),(0,b.jsx)("span",{className:`shrink-0 rounded-md border px-2 py-0.5 text-[10px] uppercase tracking-wide ${j.SESSION_STATUS_CHIP_CLASS[c]||j.SESSION_STATUS_CHIP_CLASS.offline}`,children:c})]}),(0,b.jsxs)("div",{className:"mt-0.5 truncate text-xs text-gray-500",children:[a.agent||"—",(0,b.jsx)("span",{className:"text-gray-700 mx-1.5",children:"·"}),(0,b.jsx)("span",{title:a.server||"",children:l(a.server)})]})]}),(0,b.jsx)("span",{className:"hidden shrink-0 rounded-lg border border-cyan-500/15 bg-cyan-500/5 px-2 py-1 text-[10px] text-cyan-300/70 sm:inline",children:"Tap to chat"})]}),(0,b.jsxs)("div",{className:"mt-3 rounded-lg border border-[#1c1c1f] bg-[#0e0e10] px-3 py-2 text-xs",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,b.jsx)("span",{className:"text-[10px] uppercase tracking-wide text-gray-600",children:"Current task"}),(0,b.jsx)("span",{className:"text-[10px] text-gray-600",children:(0,d.timeAgo)(a.last_seen_at||a.updated_at)})]}),(0,b.jsx)("div",{className:`mt-1 line-clamp-2 ${a.task?"text-gray-300":"text-gray-600 italic"}`,children:a.task||"No current task"})]}),e>0&&e<100&&(0,b.jsx)("div",{className:"mt-3 h-1.5 overflow-hidden rounded-full bg-gray-800",children:(0,b.jsx)("div",{className:"h-1.5 rounded-full bg-cyan-400 transition-all",style:{width:`${e}%`}})})]},a.alias)})}):(0,b.jsxs)("div",{className:"space-y-1 sm:space-y-2",children:[(0,b.jsxs)("div",{className:"hidden sm:grid sm:grid-cols-10 gap-2 px-4 py-2 text-xs text-gray-600 uppercase",children:[(0,b.jsx)("div",{className:"col-span-1",children:"Status"}),(0,b.jsx)("div",{className:"col-span-2",children:"Alias"}),(0,b.jsx)("div",{className:"col-span-2",children:"Agent · Server"}),(0,b.jsx)("div",{className:"col-span-4",children:"Current Task"}),(0,b.jsx)("div",{className:"col-span-1",children:"Updated"})]}),A.map(a=>{let c=a.online?a.status:"offline",e=o(a.alias);return(0,b.jsxs)("div",{role:"button",tabIndex:0,onClick:()=>y(a.alias),onKeyDown:b=>{("Enter"===b.key||" "===b.key)&&(b.preventDefault(),y(a.alias))},className:`rounded-lg border border-[#26262b] bg-[#161618] px-3 py-2 sm:px-4 sm:py-3 transition-colors hover:border-cyan-500/40 cursor-pointer ${!a.online?"opacity-50":""}`,children:[(0,b.jsxs)("div",{className:"hidden sm:grid sm:grid-cols-10 gap-2 items-center",children:[(0,b.jsx)("div",{className:"col-span-1",children:(0,b.jsx)("span",{className:`text-xs px-2 py-0.5 rounded-md border ${j.SESSION_STATUS_CHIP_CLASS[c]||j.SESSION_STATUS_CHIP_CLASS.offline}`,children:c})}),(0,b.jsx)("div",{className:"col-span-2 min-w-0",children:(0,b.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,b.jsxs)("div",{className:"relative shrink-0",children:[(0,b.jsx)(h.AliasAvatar,{alias:a.alias,size:20}),e&&(0,b.jsx)("span",{className:"absolute -right-1 -top-1 h-2.5 w-2.5 rounded-full border border-[#161618] bg-red-500"})]}),(0,b.jsx)("span",{className:"truncate text-sm font-medium text-white",children:a.alias}),e&&(0,b.jsx)("span",{className:"shrink-0 rounded-full bg-red-500/15 px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide text-red-300",children:"New"})]})}),(0,b.jsx)("div",{className:"col-span-2 truncate text-xs text-gray-400",title:a.server||"",children:(0,b.jsxs)("span",{className:"truncate",children:[a.agent||"--",(0,b.jsx)("span",{className:"text-gray-700 mx-1.5",children:"·"}),l(a.server)]})}),(0,b.jsx)("div",{className:"col-span-4 truncate text-xs text-gray-500",title:a.task||"",children:a.task||"--"}),(0,b.jsx)("div",{className:"col-span-1 text-xs text-gray-500",children:(0,d.timeAgo)(a.last_seen_at||a.updated_at)})]}),(0,b.jsxs)("div",{className:"sm:hidden space-y-1",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,b.jsxs)("div",{className:"relative shrink-0",children:[(0,b.jsx)(h.AliasAvatar,{alias:a.alias,size:28}),e&&(0,b.jsx)("span",{className:"absolute -right-1 -top-1 h-3 w-3 rounded-full border-2 border-[#161618] bg-red-500"})]}),(0,b.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,b.jsx)("div",{className:"truncate text-sm font-medium text-white",children:a.alias}),e&&(0,b.jsx)("span",{className:"shrink-0 rounded-full bg-red-500/15 px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide text-red-300",children:"New"})]}),(0,b.jsxs)("div",{className:"truncate text-[10px] text-gray-500",children:[a.agent||"—"," · ",(0,d.timeAgo)(a.last_seen_at||a.updated_at)]})]}),(0,b.jsx)("span",{className:`shrink-0 text-xs px-2 py-0.5 rounded-md border ${j.SESSION_STATUS_CHIP_CLASS[c]||j.SESSION_STATUS_CHIP_CLASS.offline}`,children:c})]}),a.task&&(0,b.jsx)("div",{className:"truncate text-xs text-gray-500",children:a.task})]})]},a.alias)})]}),x&&(0,b.jsx)(f.TaskChatPanel,{alias:x,onClose:()=>y(null)})]})}])}];
-
-//# sourceMappingURL=%5Broot-of-the-server%5D__04gz75y._.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../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","../../../../../agent-network-dashboard/app/lib/status.ts","../../../../../agent-network-dashboard/app/components/CollapsibleSearch.tsx","../../../../../agent-network-dashboard/app/nodes/page.tsx"],"sourcesContent":["/** 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](src) → 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\nfunction isGrokAlias(alias: string) {\n  return /\\bgrok\\b|grok-build|grok测试员|grok-demo/i.test(alias);\n}\n\ninterface AliasAvatarProps {\n  alias: string;\n  size?: number;\n  className?: string;\n}\n\nexport function AliasAvatar({ alias, size = 28, className = '' }: AliasAvatarProps) {\n  if (isGrokAlias(alias)) {\n    return (\n      <span\n        className={`anet-alias-avatar inline-flex items-center justify-center rounded-full border border-emerald-500/45 bg-emerald-950/70 shrink-0 ${className}`}\n        style={{\n          width: size,\n          height: size,\n          backgroundImage: 'url(/vendors/grok.svg)',\n          backgroundPosition: 'center',\n          backgroundRepeat: 'no-repeat',\n          backgroundSize: '68% 68%',\n        }}\n        title={alias}\n        aria-hidden\n      />\n    );\n  }\n\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-[#26262b] bg-[#161618] 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        {/* #214 F6: expectation management — without this line, users\n            copy the command and stare at an empty screen not knowing\n            what to wait for. The page polls every 5s, so the node\n            really does appear by itself. */}\n        <p className=\"text-gray-600 text-xs mt-3 max-w-md mx-auto\">\n          Once the agent connects, it appears here automatically within a\n          few seconds — no refresh needed.\n        </p>\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-start sm:items-center gap-2 bg-[#0e0e10] border border-[#26262b] rounded-lg pl-4 pr-1.5 py-1.5 text-xs sm:text-sm\">\n      {/* #209 R44: long quickstart commands (e.g. the `npm install -g …`\n          variant) overflowed the empty-state card horizontally on phones\n          because <code> defaults to white-space:pre. break-all on mobile\n          lets them wrap inside the box; sm: up restores normal wrapping\n          so desktop monospace lines stay clean. items-start on phones\n          aligns the Copy button to the top so a wrapped 2-line command\n          doesn't bottom-anchor the button. */}\n      <code className=\"text-cyan-300 font-mono select-all min-w-0 break-all sm:break-normal\">{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-[#1c1c1f] 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 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","/** 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. */\n/** #217 D3 (OpenWebUI-style color restraint): the 9-hue rainbow is\n *  collapsed to a semantic triad — green = actively running, red =\n *  failed, gray = everything else (in-flight states in lighter gray,\n *  terminal states dimmer). Color now means something instead of\n *  decorating every enum value. */\nexport const STATUS_CHIP_CLASS: Record<string, string> = {\n  created:   'bg-gray-500/10 text-gray-400 border-gray-500/20',\n  delivered: 'bg-gray-500/10 text-gray-300 border-gray-500/20',\n  acked:     'bg-gray-500/10 text-gray-300 border-gray-500/20',\n  running:   'bg-green-500/10 text-green-300 border-green-500/20',\n  replied:   'bg-gray-500/10 text-gray-300 border-gray-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-gray-500/10 text-gray-500 border-gray-500/20',\n  expired:   'bg-gray-500/10 text-gray-500 border-gray-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: '#9ca3af',\n  acked:     '#9ca3af',\n  running:   '#4ade80',\n  replied:   '#9ca3af',\n  closed:    '#6b7280',\n  failed:    '#f87171',\n  cancelled: '#6b7280',\n  expired:   '#6b7280',\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. */\n/** D3: idle drops from blue to gray — only working (green), blocked\n *  (amber, actionable) and error (red) earn color. */\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-gray-500/10 text-gray-300 border-gray-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-gray-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-gray-400',\n  acked:     'bg-gray-300',\n  running:   'bg-green-500',\n  replied:   'bg-gray-400',\n  closed:    'bg-gray-600',\n  failed:    'bg-red-500',\n  cancelled: 'bg-gray-600',\n  expired:   'bg-gray-600',\n};\n","'use client';\n\n/**\n * CollapsibleSearch\n * ──────────────────\n * #209 R34 — Reusable WeChat-style search-toggle pattern.\n *\n * Two pieces of UI from one component:\n *   1. A magnifier button (`w-9 h-9 rounded-full`) that lives in a page\n *      header — render it via `Button`.\n *   2. A collapsible search row that reveals below the header on open —\n *      render it via `Row`.\n *\n * Used together they replicate WeChat's chat-list search affordance:\n * the search field is hidden by default behind a small circle at the\n * top-right of the page header. Tapping it slides the input open,\n * autofocuses, and lets Escape clear + close. A cyan dot appears in\n * the corner of the icon when there is an active search term but the\n * row is collapsed, so the user always knows a filter is in effect.\n *\n * Owner of the search string is the parent (this component is\n * uncontrolled w.r.t. value — pure UI). That keeps the filter logic\n * with the page so it's easy to plumb additional behaviour like\n * `from:alias` shortcuts or highlight rendering.\n *\n * Shipped as a single component with two named children so callers\n * can place `<Button>` inside their existing header flex row and\n * `<Row>` just after, without restructuring around a tighter API.\n *\n * First adopters: /nodes (R32), /messages (R33). R34 ships\n * /nodes + /messages migrated to use this component; future pages\n * can add search by importing it instead of copy-pasting the JSX.\n */\n\nimport { useState, useCallback } from 'react';\n\ninterface CollapsibleSearchAPI {\n  /** Round magnifier button. Place in your page header (e.g. right edge). */\n  Button: () => React.JSX.Element;\n  /** Collapsible search input row. Place immediately after the header. */\n  Row: () => React.JSX.Element | null;\n  /** Current search value — pass to your filter logic. */\n  value: string;\n  /** Programmatically clear + close (useful for \"no results\" reset link). */\n  reset: () => void;\n}\n\ninterface UseCollapsibleSearchProps {\n  /** Controlled value + setter from the parent — owns the search string. */\n  value: string;\n  onChange: (next: string) => void;\n  /** Input placeholder. */\n  placeholder?: string;\n  /** Accessible label for the button (also drives `title=`). */\n  label?: string;\n  /** Hide everything when false (e.g. when there is nothing to search). */\n  enabled?: boolean;\n}\n\nexport function useCollapsibleSearch({\n  value,\n  onChange,\n  placeholder = 'Search…',\n  label = 'Search',\n  enabled = true,\n}: UseCollapsibleSearchProps): CollapsibleSearchAPI {\n  const [open, setOpen] = useState(false);\n\n  const reset = useCallback(() => {\n    onChange('');\n    setOpen(false);\n  }, [onChange]);\n\n  const Button = useCallback(() => {\n    if (!enabled) return <></>;\n    const active = open || value;\n    return (\n      <button\n        type=\"button\"\n        onClick={() => setOpen(v => !v)}\n        aria-label={open ? `Close ${label.toLowerCase()}` : `Open ${label.toLowerCase()}`}\n        aria-pressed={open}\n        title={open ? `Close ${label.toLowerCase()}` : label}\n        className={`relative shrink-0 inline-flex items-center justify-center rounded-full border w-9 h-9 transition-colors ${\n          active\n            ? 'border-cyan-500/40 bg-cyan-500/10 text-cyan-300'\n            : 'border-[#26262b] bg-[#161618] text-gray-400 hover:text-gray-200 hover:border-[#3a3a41]'\n        }`}\n      >\n        <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\" />\n        </svg>\n        {value && !open && (\n          <span aria-hidden className=\"absolute -top-0.5 -right-0.5 w-2 h-2 rounded-full bg-cyan-400 ring-2 ring-[#0b0b0d]\" />\n        )}\n      </button>\n    );\n  }, [open, value, label, enabled]);\n\n  const Row = useCallback(() => {\n    if (!enabled) return null;\n    if (!open && !value) return null;\n    return (\n      <div className=\"mb-3 sm:mb-4 flex items-center gap-2\">\n        <input\n          type=\"text\"\n          value={value}\n          onChange={e => onChange(e.target.value)}\n          onKeyDown={e => { if (e.key === 'Escape') reset(); }}\n          placeholder={placeholder}\n          autoFocus={open}\n          className=\"flex-1 bg-[#161618] border border-[#26262b] rounded-lg px-3 py-2 text-base sm:text-sm text-white placeholder-gray-600 focus:border-cyan-500/40 focus:outline-none\"\n        />\n        <button\n          type=\"button\"\n          onClick={reset}\n          className=\"shrink-0 text-xs text-gray-500 hover:text-gray-300 px-2 py-2\"\n          aria-label=\"Clear and close search\"\n        >\n          Cancel\n        </button>\n      </div>\n    );\n  }, [open, value, onChange, placeholder, reset, enabled]);\n\n  return { Button, Row, value, reset };\n}\n","'use client';\n\nimport { useState } from 'react';\nimport { timeAgo } from '../components/utils';\nimport { useSessions, useHealth } from '../lib/hooks';\nimport { TaskChatPanel } from '../components/TaskChatPanel';\nimport { EmptyState, NodesEmptyState } from '../components/EmptyState';\nimport { AliasAvatar } from '../components/AliasAvatar';\nimport { useCollapsibleSearch } from '../components/CollapsibleSearch';\nimport type { Session } from '../components/types';\nimport { SESSION_STATUS_CHIP_CLASS as STATUS_COLORS } from '../lib/status';\nimport { useChatUnread } from '../lib/chat-unread';\n\n/** Round 81: shorten long server hostnames (Alibaba `iZ…oyZ` style)\n *  for table display. Returns the original string unchanged when ≤12\n *  chars. Full value should stay in `title=` for hover + screen-readers. */\nfunction shortServer(server: string | null | undefined): string {\n  if (!server) return '—';\n  return server.length > 12 ? `${server.slice(0, 8)}…` : server;\n}\n\ntype ViewMode = 'list' | 'grid';\ntype SessionRow = Session & { online: boolean };\n\nexport default function NodesPage() {\n  const { sessions, isLoading: loading } = useSessions();\n  const { health } = useHealth();\n  const { hasUnread } = useChatUnread();\n  const sseMap = health?.sse_sessions || {};\n  // SSE keys are `network_id:alias` since server v0.7+. Look up with the\n  // composite key first, fall back to alias-only for legacy hubs.\n  const sseFor = (s: { alias: string; network_id?: string }) =>\n    (s.network_id ? sseMap[`${s.network_id}:${s.alias}`] : undefined) ?? sseMap[s.alias];\n  const [filterStatus, setFilterStatus] = useState('');\n  const [search, setSearch] = useState('');\n  const [viewMode, setViewMode] = useState<ViewMode>('list');\n  const [chatAlias, setChatAlias] = useState<string | null>(null);\n  // #209 R32→R34: the WeChat-style magnifier-toggle search was hand-rolled\n  // inline in R32. R34 extracted it to a shared hook so /nodes, /messages,\n  // and any future search surface stay visually + behaviourally identical.\n  // The hook returns a Button (place in header) + Row (place after header).\n  const searchCtl = useCollapsibleSearch({\n    value: search,\n    onChange: setSearch,\n    placeholder: 'Search nodes…',\n    label: 'Search nodes',\n    enabled: sessions.length > 0,\n  });\n\n  const filtered: SessionRow[] = sessions\n    .map(s => ({ ...s, online: !!sseFor(s) }))\n    .filter(s => {\n      if (filterStatus === 'online') return s.online;\n      if (filterStatus === 'offline') return !s.online;\n      if (filterStatus && filterStatus !== s.status) return false;\n      return true;\n    })\n    .filter(s => !search || s.alias.toLowerCase().includes(search.toLowerCase()) || (s.agent || '').toLowerCase().includes(search.toLowerCase()))\n    .sort((a, b) => (b.online ? 1 : 0) - (a.online ? 1 : 0) || (b.status === 'working' ? 1 : 0) - (a.status === 'working' ? 1 : 0));\n\n  const onlineCount = sessions.filter(s => sseFor(s)).length;\n\n  return (\n    <div className=\"min-h-screen max-w-full overflow-x-hidden bg-[#0b0b0d] text-gray-100 p-4 sm:p-6\">\n      {/* #209 R31 (mobile vertical rhythm — goal \"大幅提升移动端体验\",\n          extending R28's Overview pattern + R30's /tasks pattern):\n          this header row + the status-bar wrapper + the filter row\n          below all drop mb-6 → mb-4 sm:mb-6. Three spots × 8 px =\n          ~24 px scroll reclaim on /nodes before the first card.\n          #209 R32: search affordance moved to top-right magnifier\n          button (Vincent WeChat ref msg 563). justify-between makes\n          the title cluster hug left, button hugs right. */}\n      <div className=\"flex items-center gap-4 mb-4 sm:mb-6\">\n        <div className=\"flex items-center gap-3 min-w-0 flex-1\">\n          <h1 className=\"text-2xl font-bold text-white lg:ml-0 ml-10\">Nodes</h1>\n          <span className=\"text-xs bg-green-900/30 text-green-400 px-2 py-0.5 rounded-full border border-green-800/30 shrink-0\">\n            {onlineCount} online\n          </span>\n          <span className=\"text-xs bg-gray-900/30 text-gray-400 px-2 py-0.5 rounded-full border border-gray-800/30 shrink-0\">\n            {sessions.length} total\n          </span>\n        </div>\n        <searchCtl.Button />\n      </div>\n\n      {/* #209 R34: shared <CollapsibleSearch> component handles row reveal,\n          autofocus, Escape, and Cancel. enabled=sessions.length>0 hides\n          everything until there's content to search. */}\n      <searchCtl.Row />\n\n      {/* #217 D6 (less is more): the status distribution bar + its\n          working/idle/offline legend duplicated the header chips\n          (N online / N total) and the per-card status pills right\n          below. One count display per screen — the bar is gone. */}\n\n      {/* Round 74: hide the filter+view chrome when there are no nodes\n          anywhere — these controls have nothing to act on, and they only\n          push the onboarding CTA further down. When at least one session\n          exists, the chrome is back even if the current filter happens\n          to hide everything (so users can clear filters). */}\n      {sessions.length > 0 && (\n      <div className=\"flex flex-wrap gap-3 mb-4 sm:mb-6\">\n        {/* R32: the inline search input was moved to the top-right\n            magnifier toggle above. The status select + List/Grid\n            toggle stay here. */}\n        <select\n          value={filterStatus}\n          onChange={e => setFilterStatus(e.target.value)}\n          className=\"bg-[#161618] border border-[#26262b] rounded-lg px-3 py-2 text-base sm:text-sm text-white focus:border-blue-500/50 focus:outline-none\"\n        >\n          <option value=\"\">All</option>\n          <option value=\"online\">Online</option>\n          <option value=\"offline\">Offline</option>\n          <option value=\"working\">Working</option>\n          <option value=\"idle\">Idle</option>\n          <option value=\"blocked\">Blocked</option>\n          <option value=\"error\">Error</option>\n        </select>\n        {/* Round 80: List/Grid toggle hidden on mobile — Grid uses\n            grid-cols-1 below `md` and List degrades to the same single\n            column, so the toggle has no visual effect under sm and only\n            steals a row of vertical space. */}\n        <div className=\"hidden sm:flex ml-auto rounded-lg border border-[#26262b] bg-[#161618] p-1 text-sm\">\n          {(['list', 'grid'] as const).map(mode => (\n            <button\n              key={mode}\n              type=\"button\"\n              onClick={() => setViewMode(mode)}\n              className={`rounded-md px-3 py-1.5 transition-colors ${\n                viewMode === mode\n                  ? 'bg-cyan-500/10 text-cyan-300'\n                  : 'text-gray-500 hover:text-gray-200'\n              }`}\n            >\n              {mode === 'list' ? 'List' : 'Grid'}\n            </button>\n          ))}\n        </div>\n      </div>\n      )}\n\n      {loading ? (\n        <div className=\"animate-pulse space-y-2\">\n          {[1,2,3,4].map(i => <div key={i} className=\"h-16 bg-gray-800/20 rounded-lg\" />)}\n        </div>\n      ) : filtered.length === 0 ? (\n        sessions.length === 0 ? (\n          /* Round 73: first-run case — no agents anywhere. Use the same\n             onboarding empty state as the Overview (NodesEmptyState\n             includes the `npx … init` quickstart command). Previously this\n             was the \"No nodes match your filters\" copy, which was wrong\n             for new users who have no filters applied. */\n          <NodesEmptyState />\n        ) : (\n          <EmptyState\n            variant=\"nodes\"\n            title=\"No nodes match your filters\"\n            sub=\"Try clearing search or status filters, or wait for an agent to register.\"\n          />\n        )\n      ) : viewMode === 'grid' ? (\n        <div className=\"grid min-w-0 grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4\">\n          {filtered.map(s => {\n            const statusKey = s.online ? s.status : 'offline';\n            const progress = typeof s.progress === 'number' ? s.progress : 0;\n            const unread = hasUnread(s.alias);\n\n            return (\n              <div\n                key={s.alias}\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => setChatAlias(s.alias)}\n                onKeyDown={e => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); setChatAlias(s.alias); } }}\n                className={`relative min-w-0 max-w-full overflow-hidden rounded-xl border border-[#26262b] bg-[#161618] p-4 transition-colors hover:border-cyan-500/40 cursor-pointer ${!s.online ? 'opacity-60' : ''}`}\n              >\n                {!s.online && (\n                  <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n                    <span className=\"rotate-[-20deg] rounded-xl border border-white/10 bg-black/20 px-5 py-2 text-xl font-bold uppercase tracking-[0.35em] text-white/10\">\n                      Offline\n                    </span>\n                  </div>\n                )}\n                <div className=\"flex items-start gap-3\">\n                  <div className=\"relative shrink-0\">\n                    <AliasAvatar alias={s.alias} size={36} />\n                    {unread && <span className=\"absolute -right-1 -top-1 h-3 w-3 rounded-full border-2 border-[#161618] bg-red-500\" />}\n                  </div>\n                  <div className=\"min-w-0 flex-1\">\n                    <div className=\"flex items-center gap-2\">\n                      <span className=\"truncate text-base font-semibold text-white\">{s.alias}</span>\n                      {unread && <span className=\"shrink-0 rounded-full bg-red-500/15 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-red-300\">New</span>}\n                      <span className={`shrink-0 rounded-md border px-2 py-0.5 text-[10px] uppercase tracking-wide ${STATUS_COLORS[statusKey] || STATUS_COLORS.offline}`}>\n                        {statusKey}\n                      </span>\n                    </div>\n                    <div className=\"mt-0.5 truncate text-xs text-gray-500\">\n                      {(s.agent || '—')}<span className=\"text-gray-700 mx-1.5\">·</span><span title={s.server || ''}>{shortServer(s.server)}</span>\n                    </div>\n                  </div>\n                  <span className=\"hidden shrink-0 rounded-lg border border-cyan-500/15 bg-cyan-500/5 px-2 py-1 text-[10px] text-cyan-300/70 sm:inline\">Tap to chat</span>\n                </div>\n\n                <div className=\"mt-3 rounded-lg border border-[#1c1c1f] bg-[#0e0e10] px-3 py-2 text-xs\">\n                  <div className=\"flex items-center justify-between gap-3\">\n                    <span className=\"text-[10px] uppercase tracking-wide text-gray-600\">Current task</span>\n                    <span className=\"text-[10px] text-gray-600\">{timeAgo(s.last_seen_at || s.updated_at)}</span>\n                  </div>\n                  <div className={`mt-1 line-clamp-2 ${s.task ? 'text-gray-300' : 'text-gray-600 italic'}`}>\n                    {s.task || 'No current task'}\n                  </div>\n                </div>\n\n                {progress > 0 && progress < 100 && (\n                  <div className=\"mt-3 h-1.5 overflow-hidden rounded-full bg-gray-800\">\n                    <div className=\"h-1.5 rounded-full bg-cyan-400 transition-all\" style={{ width: `${progress}%` }} />\n                  </div>\n                )}\n\n              </div>\n            );\n          })}\n        </div>\n      ) : (\n        <div className=\"space-y-1 sm:space-y-2\">\n          {/* Round 94: AGENT + SERVER merged into one `agent · server`\n              cell. Round mobile-command: node row itself opens chat, so\n              the old Chat / Send Task action column is gone. */}\n          <div className=\"hidden sm:grid sm:grid-cols-10 gap-2 px-4 py-2 text-xs text-gray-600 uppercase\">\n            <div className=\"col-span-1\">Status</div>\n            <div className=\"col-span-2\">Alias</div>\n            <div className=\"col-span-2\">Agent · Server</div>\n            <div className=\"col-span-4\">Current Task</div>\n            <div className=\"col-span-1\">Updated</div>\n          </div>\n          {filtered.map(s => {\n            const statusKey = s.online ? s.status : 'offline';\n            const unread = hasUnread(s.alias);\n\n            return (\n              <div\n                key={s.alias}\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => setChatAlias(s.alias)}\n                onKeyDown={e => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); setChatAlias(s.alias); } }}\n                className={`rounded-lg border border-[#26262b] bg-[#161618] px-3 py-2 sm:px-4 sm:py-3 transition-colors hover:border-cyan-500/40 cursor-pointer ${!s.online ? 'opacity-50' : ''}`}\n              >\n                <div className=\"hidden sm:grid sm:grid-cols-10 gap-2 items-center\">\n                  <div className=\"col-span-1\">\n                    <span className={`text-xs px-2 py-0.5 rounded-md border ${STATUS_COLORS[statusKey] || STATUS_COLORS.offline}`}>\n                      {statusKey}\n                    </span>\n                  </div>\n                  <div className=\"col-span-2 min-w-0\">\n                    <div className=\"flex items-center gap-2 min-w-0\">\n                      <div className=\"relative shrink-0\">\n                        <AliasAvatar alias={s.alias} size={20} />\n                        {unread && <span className=\"absolute -right-1 -top-1 h-2.5 w-2.5 rounded-full border border-[#161618] bg-red-500\" />}\n                      </div>\n                      <span className=\"truncate text-sm font-medium text-white\">{s.alias}</span>\n                      {unread && <span className=\"shrink-0 rounded-full bg-red-500/15 px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide text-red-300\">New</span>}\n                    </div>\n                  </div>\n                  <div className=\"col-span-2 truncate text-xs text-gray-400\" title={s.server || ''}>\n                    <span className=\"truncate\">{s.agent || '--'}<span className=\"text-gray-700 mx-1.5\">·</span>{shortServer(s.server)}</span>\n                  </div>\n                  <div className=\"col-span-4 truncate text-xs text-gray-500\" title={s.task || ''}>{s.task || '--'}</div>\n                  <div className=\"col-span-1 text-xs text-gray-500\">{timeAgo(s.last_seen_at || s.updated_at)}</div>\n                </div>\n                {/* R7 of #190: mobile node row was ~340px tall × ~150\n                    rows = the 51k page. Wins this round, in priority\n                    order: (1) drop the per-row \"Tap anywhere to chat\"\n                    hint — useful once, redundant 149 times; the cyan\n                    border on hover/focus still teaches it. (2) tighten\n                    space-y-2 → space-y-1 so the avatar/task gap is\n                    4px tighter on every row. */}\n                <div className=\"sm:hidden space-y-1\">\n                  <div className=\"flex items-center gap-2.5\">\n                    <div className=\"relative shrink-0\">\n                      <AliasAvatar alias={s.alias} size={28} />\n                      {unread && <span className=\"absolute -right-1 -top-1 h-3 w-3 rounded-full border-2 border-[#161618] bg-red-500\" />}\n                    </div>\n                    <div className=\"min-w-0 flex-1\">\n                      <div className=\"flex items-center gap-2 min-w-0\">\n                        <div className=\"truncate text-sm font-medium text-white\">{s.alias}</div>\n                        {unread && <span className=\"shrink-0 rounded-full bg-red-500/15 px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide text-red-300\">New</span>}\n                      </div>\n                      <div className=\"truncate text-[10px] text-gray-500\">{s.agent || '—'} · {timeAgo(s.last_seen_at || s.updated_at)}</div>\n                    </div>\n                    <span className={`shrink-0 text-xs px-2 py-0.5 rounded-md border ${STATUS_COLORS[statusKey] || STATUS_COLORS.offline}`}>\n                      {statusKey}\n                    </span>\n                  </div>\n                  {s.task && <div className=\"truncate text-xs text-gray-500\">{s.task}</div>}\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      )}\n\n      {chatAlias && <TaskChatPanel alias={chatAlias} onClose={() => setChatAlias(null)} />}\n    </div>\n  );\n}\n"],"names":["previewContent","raw","replace","trim","timeAgo","dateStr","statusColor","status","hasSse","formatUptime","seconds","h","Math","floor","m","AVATAR_HUES","aliasAvatarColors","alias","i","length","charCodeAt","hue","bg","ring","text","aliasInitial","ch","match","toUpperCase","isGrokAlias","test","AliasAvatar","size","className","style","width","height","backgroundImage","backgroundPosition","backgroundRepeat","backgroundSize","title","c","fs","max","round","fontSize","backgroundColor","borderColor","color","DEFAULTS","nodes","sub","tasks","messages","logs","tokens","networks","generic","Glyph","variant","s","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","window","location","assign","Error","json","SWR_OPTIONS","refreshInterval","dedupingInterval","withNetwork","networkId","sep","includes","encodeURIComponent","useSessions","data","error","isLoading","sessions","_hint","useHealth","health","useAnetConfig","config","useTasks","params","query","URLSearchParams","limit","toString","count","source","useStats","stats","ok","useMessages","useNodeSession","session","inbox","sse","TASK_STATUSES","STATUS_CHIP_CLASS","created","delivered","acked","running","replied","closed","failed","cancelled","expired","STATUS_DOT_HEX","SESSION_STATUS_CHIP_CLASS","working","idle","blocked","offline","SESSION_STATUS_TEXT_CLASS","STATUS_BAR_CLASS","useCollapsibleSearch","value","onChange","placeholder","enabled","open","setOpen","reset","Button","active","v","toLowerCase","Row","e","onKeyDown","key","autoFocus","shortServer","server","slice","NodesPage","loading","hasUnread","sseMap","sse_sessions","sseFor","network_id","undefined","filterStatus","setFilterStatus","search","setSearch","viewMode","setViewMode","chatAlias","setChatAlias","searchCtl","filtered","map","online","filter","agent","sort","a","b","onlineCount","mode","statusKey","progress","unread","tabIndex","preventDefault","last_seen_at","updated_at","task","onClose"],"mappings":"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"}

package/.next/server/chunks/ssr/agent-network-dashboard_app_0_870i8._.js

@@ -1,3 +0,0 @@
-module.exports=[92088,a=>{"use strict";var b=a.i(92945);a.s(["previewContent",0,function(a){return a&&a.replace(/!\[([^\]]*)\]\([^)]*\)/g,"$1").replace(/\[([^\]]+)\]\([^)]*\)/g,"$1").replace(/`([^`]+)`/g,"$1").replace(/\s+/g," ").trim()||"--"},"timeAgo",0,function(a){return(0,b.relativeAgo)(a)??"--"}])},8893,a=>{"use strict";var b=a.i(64247);let c=[180,200,220,270,300,330,30,90];function d(a){let b=0;for(let c=0;c<a.length;c++)b=31*b+a.charCodeAt(c)>>>0;let d=c[b%c.length];return{bg:`hsl(${d} 55% 22%)`,ring:`hsl(${d} 60% 45%)`,text:`hsl(${d} 80% 78%)`}}function e(a){return a?(a.trim().match(/[\p{L}\p{N}]/u)?.[0]||a.trim()[0]||"·").toUpperCase():"·"}a.s(["AliasAvatar",0,function({alias:a,size:c=28,className:f=""}){if(/\bgrok\b|grok-build|grok测试员|grok-demo/i.test(a))return(0,b.jsx)("span",{className:`anet-alias-avatar inline-flex items-center justify-center rounded-full border border-emerald-500/45 bg-emerald-950/70 shrink-0 ${f}`,style:{width:c,height:c,backgroundImage:"url(/vendors/grok.svg)",backgroundPosition:"center",backgroundRepeat:"no-repeat",backgroundSize:"68% 68%"},title:a,"aria-hidden":!0});let g=d(a),h=Math.max(9,Math.round(.42*c));return(0,b.jsx)("span",{className:`anet-alias-avatar inline-flex items-center justify-center rounded-full border shrink-0 font-semibold ${f}`,style:{width:c,height:c,fontSize:h,backgroundColor:g.bg,borderColor:g.ring,color:g.text},title:a,"aria-hidden":!0,children:e(a)})},"aliasAvatarColors",0,d,"aliasInitial",0,e])},9943,a=>{"use strict";var b=a.i(57389),c=a.i(59202);let d=async a=>{let b=await fetch(a);if(401===b.status)throw window.location.assign("/login"),Error("unauthorized");return b.json()},e={refreshInterval:5e3,dedupingInterval:3e3};function f(a,b){if(!b)return a;let c=a.includes("?")?"&":"?";return`${a}${c}network_id=${encodeURIComponent(b)}`}a.s(["useAnetConfig",0,function(){let{data:a}=(0,b.default)("/api/anet/config",d,{refreshInterval:3e4});return{config:a||null}},"useHealth",0,function(){let{data:a,error:c}=(0,b.default)("/api/hub/health",d,e);return{health:a||null,error:c}},"useMessages",0,function(a=100){let{networkId:g}=(0,c.useNetworkId)(),{data:h,error:i,isLoading:j}=(0,b.default)(f(`/api/hub/messages?limit=${a}`,g),d,e);return{messages:h?.messages||[],error:i,isLoading:j}},"useSessions",0,function(){let{networkId:a}=(0,c.useNetworkId)(),{data:g,error:h,isLoading:i}=(0,b.default)(f("/api/hub/status",a),d,e);return{sessions:g?.sessions||[],hint:g?._hint,error:h,isLoading:i}},"useStats",0,function(){let{networkId:a}=(0,c.useNetworkId)(),{data:g,error:h}=(0,b.default)(f("/api/hub/stats",a),d,e);return{stats:g?.ok?g:null,error:h}},"useTasks",0,function(a){let{networkId:g}=(0,c.useNetworkId)(),h=new URLSearchParams({limit:"100",...a}).toString(),{data:i,error:j,isLoading:k}=(0,b.default)(f(`/api/hub/tasks?${h}`,g),d,e);return{tasks:i?.tasks||[],count:i?.count??0,source:i?.source,error:j,isLoading:k}}])},49597,a=>{"use strict";a.s(["SESSION_STATUS_CHIP_CLASS",0,{working:"bg-green-500/10 text-green-300 border-green-500/20",idle:"bg-gray-500/10 text-gray-300 border-gray-500/20",blocked:"bg-yellow-500/10 text-yellow-300 border-yellow-500/20",error:"bg-red-500/10 text-red-300 border-red-500/20",offline:"bg-gray-500/10 text-gray-500 border-gray-500/20"},"SESSION_STATUS_TEXT_CLASS",0,{working:"text-green-400",idle:"text-gray-400",blocked:"text-yellow-400",error:"text-red-400",offline:"text-gray-500"},"STATUS_BAR_CLASS",0,{created:"bg-gray-500",delivered:"bg-gray-400",acked:"bg-gray-300",running:"bg-green-500",replied:"bg-gray-400",closed:"bg-gray-600",failed:"bg-red-500",cancelled:"bg-gray-600",expired:"bg-gray-600"},"STATUS_CHIP_CLASS",0,{created:"bg-gray-500/10 text-gray-400 border-gray-500/20",delivered:"bg-gray-500/10 text-gray-300 border-gray-500/20",acked:"bg-gray-500/10 text-gray-300 border-gray-500/20",running:"bg-green-500/10 text-green-300 border-green-500/20",replied:"bg-gray-500/10 text-gray-300 border-gray-500/20",closed:"bg-gray-500/10 text-gray-500 border-gray-500/20",failed:"bg-red-500/10 text-red-300 border-red-500/20",cancelled:"bg-gray-500/10 text-gray-500 border-gray-500/20",expired:"bg-gray-500/10 text-gray-500 border-gray-500/20"},"STATUS_DOT_HEX",0,{created:"#9ca3af",delivered:"#9ca3af",acked:"#9ca3af",running:"#4ade80",replied:"#9ca3af",closed:"#6b7280",failed:"#f87171",cancelled:"#6b7280",expired:"#6b7280"},"TASK_STATUSES",0,["created","delivered","acked","running","replied","closed","failed","cancelled","expired"]])},49955,a=>{"use strict";var b=a.i(64247),c=a.i(54413),d=a.i(88534),e=a.i(9943),f=a.i(92088),g=a.i(8893),h=a.i(49597);a.s(["default",0,function(){let a,{sessions:i}=(0,e.useSessions)(),{health:j}=(0,e.useHealth)(),{stats:k}=(0,e.useStats)(),l=j?.sse_sessions||{},m=a=>(a.network_id?l[`${a.network_id}:${a.alias}`]:void 0)??l[a.alias],[n,o]=(0,c.useState)(""),[p,q]=(0,c.useState)(""),[r,s]=(0,c.useState)(""),[t,u]=(0,c.useState)(""),[v,w]=(0,c.useState)(""),[x,y]=(0,c.useState)(""),[z,A]=(0,c.useState)(""),[B,C]=(0,c.useState)(""),D=async()=>{if(n.trim()&&p.trim()){try{let a=await fetch("/api/hub/auth",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"register",username:n,password:p})}),b=await a.json();s(b.ok?`Created: ${b.user.username} (${b.user.user_id})`:`Failed: ${b.error}`),b.ok&&(o(""),q(""))}catch{s("Failed")}setTimeout(()=>s(""),8e3)}},E=async()=>{if(t.trim()){try{let a=await fetch("/api/hub/broadcast",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({message:t})}),b=await a.json();w(b.ok?`Sent to ${b.recipients} nodes`:`Failed: ${b.error}`),b.ok&&u("")}catch{w("Failed")}setTimeout(()=>w(""),5e3)}},F=async()=>{if(x&&z.trim()){try{let a=await fetch("/api/hub/send",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({alias:x,task:z})}),b=await a.json();C(b.ok?"Task sent":`Failed: ${b.error}`),b.ok&&A("")}catch{C("Failed")}setTimeout(()=>C(""),5e3)}},G=i.filter(a=>m(a)),H=i.filter(a=>!m(a));return(0,b.jsxs)("div",{className:"min-h-screen bg-[#0b0b0d] text-gray-100 p-4 sm:p-6",children:[(0,b.jsx)("h1",{className:"text-2xl font-bold text-white mb-3 lg:ml-0 ml-10",children:"Admin"}),(0,b.jsx)("nav",{className:"mb-4 sm:mb-8 flex flex-wrap gap-2 text-xs",children:[{href:"#status",label:"Status"},{href:"#actions",label:"Actions"},{href:"#users",label:"Users"}].map(a=>(0,b.jsx)("a",{href:a.href,className:"inline-flex min-h-[44px] items-center rounded-md border border-[#26262b] bg-[#0e0e10]/60 px-3 py-2 text-gray-400 hover:border-cyan-500/50 hover:text-cyan-300 hover:bg-cyan-500/10 transition-colors",children:a.label},a.href))}),(0,b.jsxs)("div",{className:"max-w-6xl space-y-10",children:[(0,b.jsxs)("div",{id:"status",className:"space-y-4 scroll-mt-6",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2 px-1",children:[(0,b.jsx)("div",{className:"text-[11px] uppercase tracking-[0.14em] text-gray-400 font-semibold",children:"Status"}),(0,b.jsx)("div",{className:"flex-1 h-px bg-[#26262b]"})]}),(0,b.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4",children:[(0,b.jsxs)("section",{className:"bg-[#161618] border border-[#26262b] rounded-xl p-4 sm:p-5",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-3 sm:mb-4",children:"Server Overview"}),(0,b.jsxs)("div",{className:"grid grid-cols-2 gap-4 text-sm",children:[(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{className:"text-2xl sm:text-3xl font-bold text-green-400 tabular-nums",children:G.length}),(0,b.jsx)("div",{className:"text-xs text-gray-500",children:"Online"})]}),(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{className:"text-2xl sm:text-3xl font-bold text-gray-500 tabular-nums",children:H.length}),(0,b.jsx)("div",{className:"text-xs text-gray-500",children:"Offline"})]}),(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{className:"text-2xl sm:text-3xl font-bold text-cyan-400 tabular-nums",children:j?.sse_connections??"--"}),(0,b.jsxs)("div",{className:"text-xs text-gray-500",children:["SSE Streams ",(0,b.jsx)("span",{className:"text-gray-600",children:"· server"})]})]}),(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{className:"text-2xl sm:text-3xl font-bold text-white tabular-nums",children:k?.tasks?.total??"--"}),(0,b.jsx)("div",{className:"text-xs text-gray-500",children:"Total Tasks"})]})]}),k?.tasks?.by_status&&k.tasks.by_status.length>0&&(a=Object.fromEntries(k.tasks.by_status.map(a=>[a.status,a.count])),(0,b.jsxs)("div",{className:"mt-4 flex items-center justify-between border-t border-[#26262b] pt-3 text-xs",children:[(0,b.jsxs)("div",{className:"text-gray-400 tabular-nums",children:[(0,b.jsxs)("span",{className:a.running?"text-green-400":"text-gray-500",children:[a.running||0," running"]}),(0,b.jsx)("span",{className:"text-gray-600",children:" · "}),(0,b.jsxs)("span",{className:a.failed?"text-red-400":"text-gray-500",children:[a.failed||0," failed"]})]}),(0,b.jsx)(d.default,{href:"/tasks",prefetch:!1,className:"text-cyan-400 hover:text-cyan-300",children:"View all →"})]}))]}),(0,b.jsxs)("section",{className:"bg-[#161618] border border-[#26262b] rounded-xl p-5",children:[(0,b.jsxs)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:["Online Sessions ",(0,b.jsxs)("span",{className:"text-gray-600",children:["(",G.length,")"]})]}),(0,b.jsx)("div",{className:"space-y-2 max-h-80 overflow-y-auto",children:0===G.length?(0,b.jsx)("div",{className:"text-xs text-gray-600 text-center py-4",children:"No online sessions"}):G.map(a=>(0,b.jsxs)("div",{className:"flex items-center gap-3 bg-[#0e0e10] rounded-lg px-3 py-2 border border-[#1c1c1f]",children:[(0,b.jsx)(g.AliasAvatar,{alias:a.alias,size:20}),(0,b.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,b.jsx)("div",{className:"text-sm text-white font-medium truncate",children:a.alias}),(0,b.jsxs)("div",{className:"text-xs text-gray-500 truncate",children:[a.agent||"--"," · ",a.task||"idle"]})]}),(0,b.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[(0,b.jsx)("span",{className:`text-xs px-2 py-0.5 rounded border ${h.SESSION_STATUS_CHIP_CLASS[a.status]||h.SESSION_STATUS_CHIP_CLASS.idle}`,children:a.status}),(0,b.jsx)("span",{className:"text-[10px] text-gray-600",children:(0,f.timeAgo)(a.updated_at)})]})]},a.alias))})]})]})]}),(0,b.jsxs)("div",{id:"actions",className:"space-y-4 scroll-mt-6",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2 px-1",children:[(0,b.jsx)("div",{className:"text-[11px] uppercase tracking-[0.14em] text-gray-400 font-semibold",children:"Actions"}),(0,b.jsx)("div",{className:"flex-1 h-px bg-[#26262b]"})]}),0===i.length?(0,b.jsx)("div",{className:"bg-[#161618] border border-[#26262b] rounded-xl px-5 py-4 text-sm text-gray-500",children:"Broadcast and Send Task become available after the first agent registers."}):(0,b.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4",children:[(0,b.jsxs)("section",{className:"bg-[#161618] border border-[#26262b] rounded-xl p-5",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Broadcast"}),(0,b.jsx)("textarea",{value:t,onChange:a=>u(a.target.value),placeholder:"Message to all online nodes...",rows:3,className:"w-full bg-[#0e0e10] border border-[#26262b] rounded-lg px-3 py-2 text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:outline-none resize-none"}),(0,b.jsxs)("div",{className:"flex justify-between items-center mt-3",children:[(0,b.jsxs)("span",{className:"text-xs text-gray-600",children:[t.length,"/500"]}),(0,b.jsx)("button",{onClick:E,disabled:!t.trim(),className:"px-4 py-2 bg-purple-600 hover:bg-purple-500 disabled:bg-gray-800 disabled:text-gray-600 text-white text-sm rounded-lg transition-colors",children:"Broadcast"})]}),v&&(0,b.jsx)("div",{className:`mt-2 text-xs ${v.startsWith("Failed")?"text-red-400":"text-green-400"}`,children:v})]}),(0,b.jsxs)("section",{className:"bg-[#161618] border border-[#26262b] rounded-xl p-5",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Send Task"}),(0,b.jsxs)("select",{value:x,onChange:a=>y(a.target.value),className:"w-full bg-[#0e0e10] border border-[#26262b] rounded-lg px-3 py-2 text-base sm:text-sm text-white focus:border-cyan-500/50 focus:outline-none mb-3",children:[(0,b.jsx)("option",{value:"",children:"Select target node..."}),G.map(a=>(0,b.jsxs)("option",{value:a.alias,children:[a.alias," (",a.status,")"]},a.alias)),(0,b.jsx)("optgroup",{label:"Offline",children:H.map(a=>(0,b.jsxs)("option",{value:a.alias,children:[a.alias," (offline)"]},a.alias))})]}),(0,b.jsx)("textarea",{value:z,onChange:a=>A(a.target.value),placeholder:"Task content...",rows:3,className:"w-full bg-[#0e0e10] border border-[#26262b] rounded-lg px-3 py-2 text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:outline-none resize-none"}),(0,b.jsx)("div",{className:"flex justify-end mt-3",children:(0,b.jsx)("button",{onClick:F,disabled:!x||!z.trim(),className:"px-4 py-2 bg-cyan-600 hover:bg-cyan-500 disabled:bg-gray-800 disabled:text-gray-600 text-white text-sm rounded-lg transition-colors",children:"Send Task"})}),B&&(0,b.jsx)("div",{className:`mt-2 text-xs ${B.startsWith("Failed")?"text-red-400":"text-green-400"}`,children:B})]})]})]}),(0,b.jsxs)("div",{id:"users",className:"space-y-4 scroll-mt-6",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2 px-1",children:[(0,b.jsx)("div",{className:"text-[11px] uppercase tracking-[0.14em] text-gray-400 font-semibold",children:"Users"}),(0,b.jsx)("div",{className:"flex-1 h-px bg-[#26262b]"})]}),(0,b.jsx)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4",children:(0,b.jsxs)("section",{className:"bg-[#161618] border border-[#26262b] rounded-xl p-5",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-4",children:"Register User (V3)"}),(0,b.jsxs)("div",{className:"space-y-3",children:[(0,b.jsx)("input",{type:"text",value:n,onChange:a=>o(a.target.value),placeholder:"Username",className:"w-full bg-[#0e0e10] border border-[#26262b] rounded-lg px-3 py-2 text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:outline-none"}),(0,b.jsx)("input",{type:"password",value:p,onChange:a=>q(a.target.value),placeholder:"Password",className:"w-full bg-[#0e0e10] border border-[#26262b] rounded-lg px-3 py-2 text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:outline-none"}),(0,b.jsx)("button",{onClick:D,disabled:!n.trim()||!p.trim(),className:"w-full px-4 py-2 bg-green-600 hover:bg-green-500 disabled:bg-gray-800 disabled:text-gray-600 text-white text-sm rounded-lg transition-colors",children:"Register"})]}),r&&(0,b.jsx)("div",{className:`mt-2 text-xs ${r.startsWith("Failed")?"text-red-400":"text-green-400"}`,children:r})]})})]})]})]})}])}];
-
-//# sourceMappingURL=agent-network-dashboard_app_0_870i8._.js.map