npm - @sleep2agi/agent-network-dashboard - Versions diffs - 0.6.3-preview.1 → 0.6.3-preview.10 - Mend

@sleep2agi/agent-network-dashboard 0.6.3-preview.1 → 0.6.3-preview.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (348) hide show

package/.next/server/chunks/ssr/agent-network-dashboard_app_components_EmptyState_tsx_0aol-el._.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../agent-network-dashboard/app/components/EmptyState.tsx"],"sourcesContent":["'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"],"names":["DEFAULTS","nodes","title","sub","tasks","messages","logs","tokens","networks","generic","Glyph","variant","size","s","width","height","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","className","role","href","label","onClick","EmptyCard","children","NodesEmptyState","hint","taskHistoryCount","global_count","toLocaleString","QuickstartCommand","cmd","target","rel","copied","setCopied","onCopy","navigator","clipboard","writeText","setTimeout","type"],"mappings":"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"}

package/.next/server/chunks/ssr/agent-network-dashboard_app_nodes_page_tsx_11haf_p._.js CHANGED Viewed

@@ -1,3 +1,4 @@
-module.exports=[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(59202);let h=[{id:"claude-agent-sdk",label:"Claude Agent SDK",models:["deepseek-v4-pro","MiniMax-M3","claude-sonnet-4-6","claude-opus-4-x"]},{id:"codex",label:"Codex",models:["gpt-5.5"]},{id:"grok",label:"Grok",models:["grok-build"]}],i=["auto","default","bypassPermissions"],j=["名字","Runtime","模型","参数","确认"];function k({networkId:a,onClose:d,onCreated:e}){let[f,l]=(0,c.useState)(0),[m,n]=(0,c.useState)(""),[o,p]=(0,c.useState)(h[0].id),[q,r]=(0,c.useState)(""),[s,t]=(0,c.useState)("auto"),[u,v]=(0,c.useState)(""),[w,x]=(0,c.useState)(""),[y,z]=(0,c.useState)(""),[A,B]=(0,c.useState)("form"),[C,D]=(0,c.useState)(""),[E,F]=(0,c.useState)(!1),{networkId:G}=(0,g.useNetworkId)(),H=a||G;(0,c.useEffect)(()=>{let a=a=>{"Escape"===a.key&&"creating"!==A&&d()};return window.addEventListener("keydown",a),()=>window.removeEventListener("keydown",a)},[d,A]),(0,c.useEffect)(()=>{if("done"!==A||E)return;let a=!0,b=0,c=m.trim(),d=async()=>{b+=1;try{let b=H?`/api/hub/status?network_id=${encodeURIComponent(H)}`:"/api/hub/status",d=await fetch(b,{cache:"no-store"}),e=await d.json().catch(()=>({})),f=Array.isArray(e?.sessions)?e.sessions:Array.isArray(e)?e:[];if(a&&f.some(a=>a?.alias===c))return void F(!0)}catch{}a&&b<16&&window.setTimeout(d,1500)},e=window.setTimeout(d,1200);return()=>{a=!1,window.clearTimeout(e)}},[A,E,H,m]);let I=h.find(a=>a.id===o)||h[0],J=m.trim().length>0,K=0!==f||J,L="creating"===A;async function M(){B("creating"),D("");let b=a=>""===a.trim()?void 0:Number(a),c={name:m.trim(),runtime:o,...q?{model:q}:{},flags:{permissionMode:s,maxTurns:b(u),budget:b(w),timeout:b(y)}};try{let b=await fetch("/api/anet/node-create",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({node_spec:c,...a?{network_id:a}:{}})}),d=await b.json().catch(()=>({}));b.ok&&d?.ok?(B("done"),D("创建请求已下发，节点正在拉起…"),e?.(d.result)):d?.unconfirmed?(B("unconfirmed"),D(`后端 create_node 未就绪：${d?.error||"不可用"}（测试 hub 可能未含 #299）`)):(B("error"),D(d?.error?`创建失败：${d.error}`:"创建失败"))}catch(a){B("error"),D(`创建失败：${a instanceof Error?a.message:"网络错误"}`)}}let N="w-full rounded-md border border-[#26262b] bg-[#0e0e10] px-3 py-2 text-sm text-gray-200 focus:border-cyan-600 focus:outline-none";return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:"fixed inset-0 bg-black/50 z-40",onClick:d,"aria-hidden":!0}),(0,b.jsxs)("div",{role:"dialog","aria-label":"新建节点",className:"fixed left-1/2 top-1/2 z-50 w-[min(92vw,440px)] -translate-x-1/2 -translate-y-1/2 rounded-xl border border-[#26262b] bg-[#161618] shadow-2xl",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between border-b border-[#26262b] px-4 py-3",children:[(0,b.jsx)("div",{className:"text-sm font-semibold text-white",children:"新建节点"}),(0,b.jsx)("button",{onClick:d,"aria-label":"关闭",className:"inline-flex h-8 w-8 items-center justify-center rounded-md text-gray-500 hover:bg-white/5 hover:text-white",children:(0,b.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round","aria-hidden":!0,children:(0,b.jsx)("path",{d:"M18 6 6 18M6 6l12 12"})})})]}),(0,b.jsx)("div",{className:"flex items-center gap-1.5 px-4 pt-3",children:j.map((a,c)=>(0,b.jsxs)("div",{className:"flex flex-1 flex-col items-center gap-1",children:[(0,b.jsx)("div",{className:`h-1 w-full rounded-full ${c<=f?"bg-cyan-500":"bg-[#26262b]"}`}),(0,b.jsx)("span",{className:`text-[10px] ${c===f?"text-cyan-300":"text-gray-600"}`,children:a})]},a))}),(0,b.jsx)("div",{className:"min-h-[180px] px-4 py-4",children:"form"!==A?(0,b.jsxs)("div",{className:"flex h-[180px] flex-col items-center justify-center gap-3 text-center",children:[L&&(0,b.jsxs)("svg",{className:"h-7 w-7 animate-spin text-cyan-400",viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[(0,b.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,b.jsx)("path",{className:"opacity-90",fill:"currentColor",d:"M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"})]}),(0,b.jsx)("div",{className:`text-sm ${"done"===A?"text-green-300":"error"===A?"text-red-300":"unconfirmed"===A?"text-amber-300":"text-gray-300"}`,children:L?"正在创建…":"done"===A&&E?`✓ ${m.trim()} 已上线`:C}),"done"===A&&(E?(0,b.jsx)("p",{className:"text-[11px] text-green-500/80",children:"节点已注册，已出现在节点列表。"}):(0,b.jsxs)("p",{className:"inline-flex items-center gap-1.5 text-[11px] text-gray-500",children:[(0,b.jsxs)("svg",{className:"h-3 w-3 animate-spin",viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[(0,b.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,b.jsx)("path",{className:"opacity-90",fill:"currentColor",d:"M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"})]}),"正在监测 ",m.trim()," 注册…（最长 ~24s）"]}))]}):(0,b.jsxs)(b.Fragment,{children:[0===f&&(0,b.jsxs)("label",{className:"block space-y-1.5",children:[(0,b.jsx)("span",{className:"text-xs text-gray-400",children:"节点名字"}),(0,b.jsx)("input",{autoFocus:!0,value:m,onChange:a=>n(a.target.value),placeholder:"例如 my-agent-1",className:N}),!J&&(0,b.jsx)("span",{className:"text-[11px] text-gray-600",children:"名字不能为空"})]}),1===f&&(0,b.jsxs)("div",{className:"space-y-2",children:[(0,b.jsx)("span",{className:"text-xs text-gray-400",children:"Runtime"}),h.map(a=>(0,b.jsxs)("button",{type:"button",onClick:()=>{p(a.id),r("")},className:`flex w-full items-center justify-between rounded-md border px-3 py-2 text-sm transition-colors ${o===a.id?"border-cyan-600 bg-cyan-900/15 text-cyan-200":"border-[#26262b] bg-[#0e0e10] text-gray-300 hover:border-[#3a3a41]"}`,children:[a.label,o===a.id&&(0,b.jsx)("svg",{width:"15",height:"15",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:(0,b.jsx)("path",{d:"M20 6 9 17l-5-5"})})]},a.id))]}),2===f&&(0,b.jsxs)("label",{className:"block space-y-1.5",children:[(0,b.jsxs)("span",{className:"text-xs text-gray-400",children:["模型（",I.label,"）"]}),(0,b.jsxs)("select",{value:q,onChange:a=>r(a.target.value),className:N,children:[(0,b.jsx)("option",{value:"",children:"默认"}),I.models.map(a=>(0,b.jsx)("option",{value:a,children:a},a))]})]}),3===f&&(0,b.jsxs)("div",{className:"space-y-3",children:[(0,b.jsxs)("label",{className:"block space-y-1.5",children:[(0,b.jsx)("span",{className:"text-xs text-gray-400",children:"permissionMode"}),(0,b.jsx)("select",{value:s,onChange:a=>t(a.target.value),className:N,children:i.map(a=>(0,b.jsx)("option",{value:a,children:a},a))})]}),(0,b.jsxs)("div",{className:"grid grid-cols-3 gap-2",children:[(0,b.jsxs)("label",{className:"space-y-1",children:[(0,b.jsx)("span",{className:"text-[11px] text-gray-500",children:"maxTurns"}),(0,b.jsx)("input",{inputMode:"numeric",value:u,onChange:a=>v(a.target.value),className:N})]}),(0,b.jsxs)("label",{className:"space-y-1",children:[(0,b.jsx)("span",{className:"text-[11px] text-gray-500",children:"budget"}),(0,b.jsx)("input",{inputMode:"numeric",value:w,onChange:a=>x(a.target.value),className:N})]}),(0,b.jsxs)("label",{className:"space-y-1",children:[(0,b.jsx)("span",{className:"text-[11px] text-gray-500",children:"timeout"}),(0,b.jsx)("input",{inputMode:"numeric",value:y,onChange:a=>z(a.target.value),className:N})]})]})]}),4===f&&(0,b.jsxs)("div",{className:"space-y-2 text-sm",children:[(0,b.jsx)("div",{className:"rounded-md border border-[#26262b] bg-[#0e0e10] divide-y divide-[#1c1c1f]",children:[["名字",m.trim()||"—"],["Runtime",I.label],["模型",q||"默认"],["permissionMode",s],["maxTurns / budget / timeout",`${u||"—"} / ${w||"—"} / ${y||"—"}`]].map(([a,c])=>(0,b.jsxs)("div",{className:"flex items-start justify-between gap-3 px-3 py-2",children:[(0,b.jsx)("span",{className:"shrink-0 text-gray-500 text-xs",children:a}),(0,b.jsx)("span",{className:"text-right text-gray-200 text-xs break-all",children:c})]},a))}),(0,b.jsx)("p",{className:"text-[11px] text-gray-600",children:"P1：创建在本机 daemon（绕过选服务器）。"})]})]})}),"form"===A?(0,b.jsxs)("div",{className:"flex items-center justify-between border-t border-[#26262b] px-4 py-3",children:[(0,b.jsx)("button",{type:"button",onClick:()=>0===f?d():l(f-1),className:"rounded-md px-3 py-1.5 text-sm text-gray-400 hover:text-gray-200",children:0===f?"取消":"上一步"}),f<j.length-1?(0,b.jsx)("button",{type:"button",disabled:!K,onClick:()=>l(f+1),className:`rounded-md px-4 py-1.5 text-sm font-medium ${K?"bg-cyan-600 text-white hover:bg-cyan-500":"bg-[#1c1c1f] text-gray-600 cursor-not-allowed"}`,children:"下一步"}):(0,b.jsx)("button",{type:"button",onClick:M,className:"rounded-md bg-green-600 px-4 py-1.5 text-sm font-medium text-white hover:bg-green-500",children:"创建节点"})]}):(0,b.jsxs)("div",{className:"flex items-center justify-end border-t border-[#26262b] px-4 py-3",children:[(0,b.jsx)("button",{type:"button",onClick:d,className:"rounded-md bg-[#1c1c1f] px-4 py-1.5 text-sm text-gray-200 hover:bg-[#26262b]",children:"done"===A?"完成":"关闭"}),("error"===A||"unconfirmed"===A)&&(0,b.jsx)("button",{type:"button",onClick:()=>B("form"),className:"ml-2 rounded-md bg-cyan-600 px-4 py-1.5 text-sm text-white hover:bg-cyan-500",children:"返回修改"})]})]})]})}var l=a.i(19595),m=a.i(8893),n=a.i(93549),o=a.i(49597),p=a.i(45e3);function q(a){return a?a.length>12?`${a.slice(0,8)}…`:a:"—"}a.s(["default",0,function(){let{sessions:a,isLoading:g}=(0,e.useSessions)(),{health:h}=(0,e.useHealth)(),{hasUnread:i}=(0,p.useChatUnread)(),j=h?.sse_sessions||{},r=a=>(a.network_id?j[`${a.network_id}:${a.alias}`]:void 0)??j[a.alias],[s,t]=(0,c.useState)(""),[u,v]=(0,c.useState)(""),[w,x]=(0,c.useState)("list"),[y,z]=(0,c.useState)(null),[A,B]=(0,c.useState)(!1),C=(0,n.useCollapsibleSearch)({value:u,onChange:v,placeholder:"Search nodes…",label:"Search nodes",enabled:a.length>0}),D=a.map(a=>({...a,online:!!r(a)})).filter(a=>"online"===s?a.online:"offline"===s?!a.online:!s||s===a.status).filter(a=>!u||a.alias.toLowerCase().includes(u.toLowerCase())||(a.agent||"").toLowerCase().includes(u.toLowerCase())).sort((a,b)=>!!b.online-!!a.online||("working"===b.status)-("working"===a.status)),E=a.filter(a=>r(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:[E," 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.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[(0,b.jsxs)("button",{type:"button",onClick:()=>B(!0),"aria-label":"新建节点",className:"inline-flex items-center gap-1 rounded-lg border border-cyan-700/50 bg-cyan-900/15 px-3 py-1.5 text-sm font-medium text-cyan-300 hover:bg-cyan-900/25 transition-colors",children:[(0,b.jsx)("span",{"aria-hidden":!0,className:"text-base leading-none",children:"+"}),(0,b.jsx)("span",{className:"hidden sm:inline",children:"新建节点"})]}),(0,b.jsx)(C.Button,{})]})]}),A&&(0,b.jsx)(k,{onClose:()=>B(!1)}),(0,b.jsx)(C.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:s,onChange:a=>t(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:()=>x(a),className:`rounded-md px-3 py-1.5 transition-colors ${w===a?"bg-cyan-500/10 text-cyan-300":"text-gray-500 hover:text-gray-200"}`,children:"list"===a?"List":"Grid"},a))})]}),g?(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===D.length?0===a.length?(0,b.jsx)(l.NodesEmptyState,{}):(0,b.jsx)(l.EmptyState,{variant:"nodes",title:"No nodes match your filters",sub:"Try clearing search or status filters, or wait for an agent to register."}):"grid"===w?(0,b.jsx)("div",{className:"grid min-w-0 grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4",children:D.map(a=>{let c=a.online?a.status:"offline",e="number"==typeof a.progress?a.progress:0,f=i(a.alias);return(0,b.jsxs)("div",{role:"button",tabIndex:0,onClick:()=>z(a.alias),onKeyDown:b=>{("Enter"===b.key||" "===b.key)&&(b.preventDefault(),z(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)(m.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 ${o.SESSION_STATUS_CHIP_CLASS[c]||o.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:q(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"})]}),D.map(a=>{let c=a.online?a.status:"offline",e=i(a.alias);return(0,b.jsxs)("div",{role:"button",tabIndex:0,onClick:()=>z(a.alias),onKeyDown:b=>{("Enter"===b.key||" "===b.key)&&(b.preventDefault(),z(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 ${o.SESSION_STATUS_CHIP_CLASS[c]||o.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)(m.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:"·"}),q(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)(m.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 ${o.SESSION_STATUS_CHIP_CLASS[c]||o.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)})]}),y&&(0,b.jsx)(f.TaskChatPanel,{alias:y,onClose:()=>z(null)})]})}],75965)}];
+module.exports=[75965,a=>{"use strict";var b=a.i(64247),c=a.i(54413),d=a.i(92088),e=a.i(9943),f=a.i(25894),g=a.i(91328),h=a.i(59202);function i({networkId:a,value:d,onChange:e}){let[f,g]=(0,c.useState)("loading"),[h,l]=(0,c.useState)([]),[m,n]=(0,c.useState)(""),[o,p]=(0,c.useState)(!1);if((0,c.useEffect)(()=>{let b=!0;return g("loading"),n(""),fetch(a?`/api/anet/host-supervisors?network_id=${encodeURIComponent(a)}`:"/api/anet/host-supervisors",{cache:"no-store"}).then(a=>a.json().then(b=>({status:a.status,body:b}))).then(({status:a,body:c})=>{if(!b)return;if(501===a||c?.unconfirmed){g("unconfirmed"),n(c?.error||"hub /api/host-supervisors unavailable — upgrade to >=0.9.0-preview.8"),l([]);return}if(!c?.ok){g("error"),n(c?.error||`hub ${a}`),l([]);return}let f=Array.isArray(c.daemons)?c.daemons:[];l(f),g("ready"),1!==f.length||d||e(f[0].daemon_node_id,f[0])}).catch(a=>{b&&(g("error"),n(a instanceof Error?a.message:String(a)),l([]))}),()=>{b=!1}},[a]),"loading"===f)return(0,b.jsxs)("div",{className:"flex items-center gap-2 rounded-md border border-[#26262b] bg-[#0e0e10] px-3 py-3 text-xs text-gray-500",children:[(0,b.jsxs)("svg",{className:"h-3.5 w-3.5 animate-spin",viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[(0,b.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,b.jsx)("path",{className:"opacity-90",fill:"currentColor",d:"M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"})]}),"正在查询可用的 host_supervisor 节点…"]});if("unconfirmed"===f)return(0,b.jsxs)("div",{className:"rounded-md border border-amber-700/40 bg-amber-900/10 px-3 py-3 text-xs text-amber-200",children:[(0,b.jsx)("div",{className:"font-semibold mb-1",children:"hub 暂未升级"}),(0,b.jsx)("div",{className:"text-amber-200/80",children:m}),(0,b.jsxs)("div",{className:"mt-1 text-[11px] text-amber-200/60",children:["升级到 ",(0,b.jsx)("code",{className:"rounded bg-black/40 px-1 py-0.5",children:"@sleep2agi/commhub-server@0.9.0-preview.8"})," 后选服务器功能才会出现。"]})]});if("error"===f)return(0,b.jsxs)("div",{className:"rounded-md border border-red-700/40 bg-red-900/10 px-3 py-3 text-xs text-red-200",children:["查询 host_supervisor 节点失败：",m]});if(0===h.length)return(0,b.jsxs)("div",{className:"rounded-md border border-[#26262b] bg-[#0e0e10] px-3 py-4 text-xs text-gray-300",children:[(0,b.jsx)("div",{className:"text-sm font-semibold text-gray-200",children:"还没有可用的 host_supervisor 节点"}),(0,b.jsx)("p",{className:"mt-1 text-gray-500",children:"要在某台机器上创建节点，先在那台机器上跑一次 daemon 初始化命令："}),(0,b.jsx)("pre",{className:"mt-2 overflow-x-auto rounded bg-black/40 p-2 text-[11px] text-cyan-300",children:`# 任选一台目标机器（你的笔记本 / 一台服务器都行）
+anet daemon up my-daemon`}),(0,b.jsx)("p",{className:"mt-2 text-gray-500",children:"注册成功后这里会自动出现，无需刷新。"})]});if(1===h.length&&!o){let a=h[0];return(0,b.jsxs)("div",{className:"rounded-md border border-cyan-700/40 bg-cyan-900/10 px-3 py-3 text-xs text-cyan-100",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,b.jsxs)("div",{children:[(0,b.jsx)("span",{className:"text-cyan-400/80",children:"将在"})," ",(0,b.jsx)("span",{className:"font-semibold",children:a.alias}),(0,b.jsxs)("span",{className:"text-cyan-300/60",children:[" (",a.hostname||"—",") "]}),(0,b.jsx)("span",{className:"text-cyan-400/80",children:"上创建"})]}),(0,b.jsx)("button",{type:"button",onClick:()=>p(!0),className:"text-[11px] text-cyan-400 hover:text-cyan-200 underline-offset-2 hover:underline",children:"详情 →"})]}),(0,b.jsx)(k,{runtimes:a.runtimes_supported,className:"mt-1"})]})}return(0,b.jsxs)("div",{className:"space-y-2",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between text-xs text-gray-400",children:[(0,b.jsxs)("span",{children:["选择一台 host_supervisor 节点（",h.length," 台在线）"]}),o&&1===h.length&&(0,b.jsx)("button",{type:"button",onClick:()=>p(!1),className:"text-[11px] text-gray-500 hover:text-gray-300",children:"← 折叠"})]}),(0,b.jsx)("div",{className:"grid grid-cols-1 gap-2 md:grid-cols-2 lg:grid-cols-3",children:h.map(a=>(0,b.jsx)(j,{daemon:a,selected:a.daemon_node_id===d,onClick:()=>e(a.daemon_node_id,a)},a.daemon_node_id))})]})}function j({daemon:a,selected:c,onClick:d}){let e=a.host_telemetry?.alert_level||"gray";return(0,b.jsxs)("button",{type:"button",onClick:d,"aria-pressed":c,className:`flex w-full flex-col gap-1.5 rounded-md border px-3 py-2.5 text-left text-xs transition-colors ${c?"border-cyan-600 bg-cyan-900/15 text-cyan-100":"border-[#26262b] bg-[#0e0e10] text-gray-300 hover:border-[#3a3a41]"}`,children:[(0,b.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,b.jsx)("span",{className:"truncate font-semibold",children:a.alias}),(0,b.jsx)(l,{level:e})]}),(0,b.jsx)("div",{className:"truncate text-[11px] text-gray-500",children:a.hostname||"—"}),(0,b.jsx)(k,{runtimes:a.runtimes_supported}),(a.host_telemetry?.cpu_cores!=null||a.host_telemetry?.mem_gb!=null)&&(0,b.jsxs)("div",{className:"flex gap-3 text-[10px] text-gray-500",children:[a.host_telemetry?.cpu_cores!=null&&(0,b.jsxs)("span",{children:[a.host_telemetry.cpu_cores," 核"]}),a.host_telemetry?.mem_gb!=null&&(0,b.jsxs)("span",{children:[a.host_telemetry.mem_gb," GB"]})]})]})}function k({runtimes:a,className:c=""}){return a&&0!==a.length?(0,b.jsx)("div",{className:`flex flex-wrap gap-1 ${c}`,children:a.map(a=>(0,b.jsx)("span",{className:"rounded bg-[#1c1c1f] px-1.5 py-0.5 text-[10px] text-gray-400",children:a},a))}):(0,b.jsx)("div",{className:`text-[10px] text-gray-600 ${c}`,children:"runtimes_supported: —"})}function l({level:a}){return(0,b.jsx)("span",{className:`rounded border px-1.5 py-0.5 text-[10px] ${{green:"bg-green-600/20 text-green-300 border-green-700/40",yellow:"bg-amber-600/20 text-amber-300 border-amber-700/40",red:"bg-red-600/20 text-red-300 border-red-700/40",gray:"bg-gray-600/20 text-gray-400 border-gray-700/40"}[a]}`,children:{green:"正常",yellow:"注意",red:"警报",gray:"离线"}[a]})}let m=[{id:"claude-agent-sdk",label:"Claude Agent SDK",models:["deepseek-v4-pro","MiniMax-M3","claude-sonnet-4-6","claude-opus-4-x"],defaultModel:"claude-sonnet-4-6"},{id:"codex-sdk",label:"Codex SDK",models:["gpt-5.5"],defaultModel:"gpt-5.5"},{id:"grok-build-acp",label:"Grok (build-acp)",models:["grok-build"],defaultModel:"grok-build"}],n=["default","acceptEdits","plan","bypassPermissions"],o=["服务器","名字","Runtime","模型","参数","确认"];function p({networkId:a,onClose:d,onCreated:e}){let[f,g]=(0,c.useState)(0),[j,k]=(0,c.useState)(null),[l,q]=(0,c.useState)(null),[r,s]=(0,c.useState)(""),[t,u]=(0,c.useState)(m[0].id),[v,w]=(0,c.useState)(""),[x,y]=(0,c.useState)("default"),[z,A]=(0,c.useState)(""),[B,C]=(0,c.useState)(""),[D,E]=(0,c.useState)(""),[F,G]=(0,c.useState)("form"),[H,I]=(0,c.useState)(""),[J,K]=(0,c.useState)(!1),{networkId:L}=(0,h.useNetworkId)(),M=a||L;(0,c.useEffect)(()=>{let a=a=>{"Escape"===a.key&&"creating"!==F&&d()};return window.addEventListener("keydown",a),()=>window.removeEventListener("keydown",a)},[d,F]),(0,c.useEffect)(()=>{if("done"!==F||J)return;let a=!0,b=0,c=r.trim(),d=async()=>{b+=1;try{let b=M?`/api/hub/status?network_id=${encodeURIComponent(M)}`:"/api/hub/status",d=await fetch(b,{cache:"no-store"}),e=await d.json().catch(()=>({})),f=Array.isArray(e?.sessions)?e.sessions:Array.isArray(e)?e:[];if(a&&f.some(a=>a?.alias===c))return void K(!0)}catch{}a&&b<16&&window.setTimeout(d,1500)},e=window.setTimeout(d,1200);return()=>{a=!1,window.clearTimeout(e)}},[F,J,M,r]);let N=m.find(a=>a.id===t)||m[0],O=r.trim().length>0,P=0===f&&!!j||1===f&&O||f>=2&&f<o.length,Q="creating"===F;async function R(){G("creating"),I("");let b=a=>""===a.trim()?void 0:Number(a),c=v||N.defaultModel,d={name:r.trim(),runtime:t,model:c,flags:{permissionMode:x,maxTurns:b(z),budget:b(B),timeout:b(D)}};try{let b=await fetch("/api/anet/node-create",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({node_spec:d,...j?{daemon_node_id:j}:{},...a?{network_id:a}:{}})}),c=await b.json().catch(()=>({}));b.ok&&c?.ok?(G("done"),I("创建请求已下发，节点正在拉起…"),e?.(c.result)):c?.unconfirmed?(G("unconfirmed"),I(`后端 create_node 未就绪：${c?.error||"不可用"}（测试 hub 可能未含 #299）`)):(G("error"),I(c?.error?`创建失败：${c.error}`:"创建失败"))}catch(a){G("error"),I(`创建失败：${a instanceof Error?a.message:"网络错误"}`)}}let S="w-full rounded-md border border-[#26262b] bg-[#0e0e10] px-3 py-2 text-sm text-gray-200 focus:border-cyan-600 focus:outline-none";return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:"fixed inset-0 bg-black/50 z-40",onClick:d,"aria-hidden":!0}),(0,b.jsxs)("div",{role:"dialog","aria-label":"新建节点",className:"fixed left-1/2 top-1/2 z-50 w-[min(94vw,440px)] md:w-[min(92vw,720px)] -translate-x-1/2 -translate-y-1/2 rounded-xl border border-[#26262b] bg-[#161618] shadow-2xl",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between border-b border-[#26262b] px-4 py-3",children:[(0,b.jsx)("div",{className:"text-sm font-semibold text-white",children:"新建节点"}),(0,b.jsx)("button",{onClick:d,"aria-label":"关闭",className:"inline-flex h-8 w-8 items-center justify-center rounded-md text-gray-500 hover:bg-white/5 hover:text-white",children:(0,b.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round","aria-hidden":!0,children:(0,b.jsx)("path",{d:"M18 6 6 18M6 6l12 12"})})})]}),(0,b.jsx)("div",{className:"flex items-center gap-1.5 px-4 pt-3",children:o.map((a,c)=>(0,b.jsxs)("div",{className:"flex flex-1 flex-col items-center gap-1",children:[(0,b.jsx)("div",{className:`h-1 w-full rounded-full ${c<=f?"bg-cyan-500":"bg-[#26262b]"}`}),(0,b.jsx)("span",{className:`text-[10px] ${c===f?"text-cyan-300":"text-gray-600"}`,children:a})]},a))}),(0,b.jsx)("div",{className:"min-h-[180px] px-4 py-4",children:"form"!==F?(0,b.jsxs)("div",{className:"flex h-[180px] flex-col items-center justify-center gap-3 text-center",children:[Q&&(0,b.jsxs)("svg",{className:"h-7 w-7 animate-spin text-cyan-400",viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[(0,b.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,b.jsx)("path",{className:"opacity-90",fill:"currentColor",d:"M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"})]}),(0,b.jsx)("div",{className:`text-sm ${"done"===F?"text-green-300":"error"===F?"text-red-300":"unconfirmed"===F?"text-amber-300":"text-gray-300"}`,children:Q?"正在创建…":"done"===F&&J?`✓ ${r.trim()} 已上线`:H}),"done"===F&&(J?(0,b.jsx)("p",{className:"text-[11px] text-green-500/80",children:"节点已注册，已出现在节点列表。"}):(0,b.jsxs)("p",{className:"inline-flex items-center gap-1.5 text-[11px] text-gray-500",children:[(0,b.jsxs)("svg",{className:"h-3 w-3 animate-spin",viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[(0,b.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,b.jsx)("path",{className:"opacity-90",fill:"currentColor",d:"M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"})]}),"正在监测 ",r.trim()," 注册…（最长 ~24s）"]}))]}):(0,b.jsxs)(b.Fragment,{children:[0===f&&(0,b.jsxs)("div",{className:"space-y-2",children:[(0,b.jsx)("span",{className:"text-xs text-gray-400",children:"在哪台机器上创建"}),(0,b.jsx)(i,{networkId:M||void 0,value:j,onChange:(a,b)=>{k(a),q(b);let c=b?.runtimes_supported;c&&c.length>0&&!c.includes(t)&&(u(c[0]),w(""))}}),!j&&(0,b.jsxs)("p",{className:"text-[11px] text-gray-600",children:["没选服务器之前无法继续；如果列表是空的，按提示在目标机器上跑 ",(0,b.jsx)("code",{className:"rounded bg-black/40 px-1 py-0.5",children:"anet daemon up <name>"}),"。"]})]}),1===f&&(0,b.jsxs)("label",{className:"block space-y-1.5",children:[(0,b.jsx)("span",{className:"text-xs text-gray-400",children:"节点名字"}),(0,b.jsx)("input",{autoFocus:!0,value:r,onChange:a=>s(a.target.value),placeholder:"例如 my-agent-1",className:S}),!O&&(0,b.jsx)("span",{className:"text-[11px] text-gray-600",children:"名字不能为空"})]}),2===f&&(0,b.jsxs)("div",{className:"space-y-2",children:[(0,b.jsxs)("span",{className:"text-xs text-gray-400",children:["Runtime",l?`（${l.alias} 支持）`:""]}),m.map(a=>{let c=l?.runtimes_supported,d=Array.isArray(c)&&c.length>0&&!c.includes(a.id),e=t===a.id;return(0,b.jsxs)("button",{type:"button",disabled:d,onClick:()=>{d||(u(a.id),w(""))},title:d?`${l?.alias||"该 daemon"} 未声明支持此 runtime`:void 0,className:`flex w-full items-center justify-between rounded-md border px-3 py-2 text-sm transition-colors ${d?"border-[#1c1c1f] bg-[#0a0a0c] text-gray-600 cursor-not-allowed":e?"border-cyan-600 bg-cyan-900/15 text-cyan-200":"border-[#26262b] bg-[#0e0e10] text-gray-300 hover:border-[#3a3a41]"}`,children:[(0,b.jsxs)("span",{children:[a.label,d&&(0,b.jsx)("span",{className:"ml-2 text-[10px] text-gray-700",children:"该 daemon 不支持"})]}),e&&!d&&(0,b.jsx)("svg",{width:"15",height:"15",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:(0,b.jsx)("path",{d:"M20 6 9 17l-5-5"})})]},a.id)})]}),3===f&&(0,b.jsxs)("label",{className:"block space-y-1.5",children:[(0,b.jsxs)("span",{className:"text-xs text-gray-400",children:["模型（",N.label,"）"]}),(0,b.jsxs)("select",{value:v,onChange:a=>w(a.target.value),className:S,children:[(0,b.jsxs)("option",{value:"",children:["默认（",N.defaultModel,"）"]}),N.models.map(a=>(0,b.jsx)("option",{value:a,children:a},a))]})]}),4===f&&(0,b.jsxs)("div",{className:"space-y-3",children:[(0,b.jsxs)("label",{className:"block space-y-1.5",children:[(0,b.jsx)("span",{className:"text-xs text-gray-400",children:"permissionMode"}),(0,b.jsx)("select",{value:x,onChange:a=>y(a.target.value),className:S,children:n.map(a=>(0,b.jsx)("option",{value:a,children:a},a))})]}),(0,b.jsxs)("div",{className:"grid grid-cols-3 gap-2",children:[(0,b.jsxs)("label",{className:"space-y-1",children:[(0,b.jsx)("span",{className:"text-[11px] text-gray-500",children:"maxTurns"}),(0,b.jsx)("input",{inputMode:"numeric",value:z,onChange:a=>A(a.target.value),className:S})]}),(0,b.jsxs)("label",{className:"space-y-1",children:[(0,b.jsx)("span",{className:"text-[11px] text-gray-500",children:"budget"}),(0,b.jsx)("input",{inputMode:"numeric",value:B,onChange:a=>C(a.target.value),className:S})]}),(0,b.jsxs)("label",{className:"space-y-1",children:[(0,b.jsx)("span",{className:"text-[11px] text-gray-500",children:"timeout"}),(0,b.jsx)("input",{inputMode:"numeric",value:D,onChange:a=>E(a.target.value),className:S})]})]})]}),5===f&&(0,b.jsx)("div",{className:"space-y-2 text-sm",children:(0,b.jsx)("div",{className:"rounded-md border border-[#26262b] bg-[#0e0e10] divide-y divide-[#1c1c1f]",children:[["服务器",j?`${j.slice(0,24)}…`:"—"],["名字",r.trim()||"—"],["Runtime",N.label],["模型",v||`默认（${N.defaultModel}）`],["permissionMode",x],["maxTurns / budget / timeout",`${z||"—"} / ${B||"—"} / ${D||"—"}`]].map(([a,c])=>(0,b.jsxs)("div",{className:"flex items-start justify-between gap-3 px-3 py-2",children:[(0,b.jsx)("span",{className:"shrink-0 text-gray-500 text-xs",children:a}),(0,b.jsx)("span",{className:"text-right text-gray-200 text-xs break-all",children:c})]},a))})})]})}),"form"===F?(0,b.jsxs)("div",{className:"flex items-center justify-between border-t border-[#26262b] px-4 py-3",children:[(0,b.jsx)("button",{type:"button",onClick:()=>0===f?d():g(f-1),className:"rounded-md px-3 py-1.5 text-sm text-gray-400 hover:text-gray-200",children:0===f?"取消":"上一步"}),f<o.length-1?(0,b.jsx)("button",{type:"button",disabled:!P,onClick:()=>g(f+1),className:`rounded-md px-4 py-1.5 text-sm font-medium ${P?"bg-cyan-600 text-white hover:bg-cyan-500":"bg-[#1c1c1f] text-gray-600 cursor-not-allowed"}`,children:"下一步"}):(0,b.jsx)("button",{type:"button",onClick:R,className:"rounded-md bg-green-600 px-4 py-1.5 text-sm font-medium text-white hover:bg-green-500",children:"创建节点"})]}):(0,b.jsxs)("div",{className:"flex items-center justify-end border-t border-[#26262b] px-4 py-3",children:[(0,b.jsx)("button",{type:"button",onClick:d,className:"rounded-md bg-[#1c1c1f] px-4 py-1.5 text-sm text-gray-200 hover:bg-[#26262b]",children:"done"===F?"完成":"关闭"}),("error"===F||"unconfirmed"===F)&&(0,b.jsx)("button",{type:"button",onClick:()=>G("form"),className:"ml-2 rounded-md bg-cyan-600 px-4 py-1.5 text-sm text-white hover:bg-cyan-500",children:"返回修改"})]})]})]})}async function q(a,b){try{let c=await fetch("/api/anet/node-lifecycle",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:a,...b})});return{...await c.json().catch(()=>({})),httpStatus:c.status}}catch(a){return{ok:!1,error:"network_error",message:a instanceof Error?a.message:String(a),httpStatus:0}}}function r({nodeId:a,alias:d,lifecycleState:e,networkId:f,onCompleted:g}){let[h,i]=(0,c.useState)(!1),[j,k]=(0,c.useState)(!1),[l,m]=(0,c.useState)(!1),[n,o]=(0,c.useState)(!1),[p,u]=(0,c.useState)(null),v=(0,c.useRef)(null);(0,c.useEffect)(()=>{if(!h)return;let a=a=>{v.current&&!v.current.contains(a.target)&&i(!1)},b=a=>{"Escape"===a.key&&i(!1)};return document.addEventListener("mousedown",a),document.addEventListener("keydown",b),()=>{document.removeEventListener("mousedown",a),document.removeEventListener("keydown",b)}},[h]);let w=(0,c.useCallback)(async()=>{i(!1),u(null),o(!0);let b=await q("restart",{node_id:a,...f?{network_id:f}:{}});(o(!1),b.ok)?g?.():u(b)},[a,f,g]),x="string"==typeof e&&e.length>0?e:"active",y=[];return"stopping"===x||"deleting"===x?y.push({label:"stopping"===x?"停止中…":"删除中…",key:"loading",disabled:!0,onClick:()=>{}}):"active"===x?(y.push({label:n?"重启中…":"重启节点",key:"restart",disabled:n,onClick:w}),y.push({label:"停止节点",key:"stop",onClick:()=>{i(!1),k(!0)}}),y.push({label:"删除节点",key:"delete",danger:!0,onClick:()=>{i(!1),m(!0)}})):"stopped"===x||"stop_failed"===x?(y.push({label:n?"启动中…":"启动节点",key:"restart",disabled:n,onClick:w}),y.push({label:"删除节点",key:"delete",danger:!0,onClick:()=>{i(!1),m(!0)}})):y.push({label:`状态 ${x} (不识别)`,key:"unknown",disabled:!0,onClick:()=>{}}),(0,b.jsxs)("div",{ref:v,className:"relative inline-block",onClick:a=>a.stopPropagation(),children:[(0,b.jsx)("button",{type:"button","aria-label":`节点 ${d} 生命周期操作`,"aria-haspopup":"menu","aria-expanded":h,onClick:()=>i(a=>!a),className:"inline-flex h-8 w-8 items-center justify-center rounded-md text-gray-400 hover:bg-white/5 hover:text-white focus:outline-none focus:ring-1 focus:ring-cyan-500/50",children:(0,b.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:[(0,b.jsx)("circle",{cx:"12",cy:"5",r:"1.6"}),(0,b.jsx)("circle",{cx:"12",cy:"12",r:"1.6"}),(0,b.jsx)("circle",{cx:"12",cy:"19",r:"1.6"})]})}),h&&(0,b.jsx)("div",{role:"menu",className:"absolute right-0 z-40 mt-1 w-44 overflow-hidden rounded-md border border-[#26262b] bg-[#161618] shadow-xl",children:y.map(a=>(0,b.jsx)("button",{type:"button",role:"menuitem",disabled:a.disabled,onClick:a.onClick,className:`block w-full px-3 py-2 text-left text-sm transition-colors ${a.disabled?"text-gray-600 cursor-not-allowed":a.danger?"text-red-300 hover:bg-red-900/20":"text-gray-200 hover:bg-white/5"}`,children:a.label},a.key))}),p&&!1===p.ok&&!j&&!l&&(0,b.jsx)("div",{className:"absolute right-0 z-40 mt-1 w-72 rounded-md border border-red-700/40 bg-red-900/20 px-3 py-2 text-xs text-red-200",children:(0,b.jsxs)("div",{className:"flex items-start justify-between gap-2",children:[(0,b.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,b.jsx)("div",{className:"font-semibold",children:p.error||"error"}),p.message?(0,b.jsx)("div",{className:"mt-0.5 text-red-300/80",children:p.message}):null,"number"==typeof p.in_flight_count&&(0,b.jsxs)("div",{className:"mt-0.5 text-red-300/80",children:["in-flight: ",p.in_flight_count]}),p.hint?(0,b.jsx)("div",{className:"mt-1 text-red-300/60",children:p.hint}):null]}),(0,b.jsx)("button",{type:"button",onClick:()=>u(null),className:"shrink-0 text-red-400 hover:text-red-200","aria-label":"关闭",children:"×"})]})}),j&&(0,b.jsx)(s,{alias:d,nodeId:a,networkId:f,onClose:()=>k(!1),onCompleted:()=>{k(!1),g?.()}}),l&&(0,b.jsx)(t,{alias:d,nodeId:a,networkId:f,onClose:()=>m(!1),onCompleted:()=>{m(!1),g?.()}})]})}function s({alias:a,nodeId:d,networkId:e,onClose:f,onCompleted:g}){let[h,i]=(0,c.useState)(!1),[j,k]=(0,c.useState)(!1),[l,m]=(0,c.useState)(null);(0,c.useEffect)(()=>{let a=a=>{"Escape"!==a.key||h||f()};return window.addEventListener("keydown",a),()=>window.removeEventListener("keydown",a)},[f,h]);let n=l&&"number"==typeof l.in_flight_count?l.in_flight_count:0,o=async()=>{i(!0),m(null);let a=await q("stop",{node_id:d,...e?{network_id:e}:{},...j?{force:!0}:{}});(i(!1),a.ok)?g():m(a)};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:"fixed inset-0 z-40 bg-black/50",onClick:h?void 0:f,"aria-hidden":!0}),(0,b.jsxs)("div",{role:"dialog","aria-label":`停止节点 ${a}`,className:"fixed left-1/2 top-1/2 z-50 w-[min(92vw,420px)] -translate-x-1/2 -translate-y-1/2 rounded-xl border border-[#26262b] bg-[#161618] shadow-2xl",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between border-b border-[#26262b] px-4 py-3",children:[(0,b.jsx)("div",{className:"text-sm font-semibold text-white",children:"停止节点"}),(0,b.jsx)("button",{onClick:h?void 0:f,"aria-label":"关闭",className:"text-gray-500 hover:text-white",children:"×"})]}),(0,b.jsxs)("div",{className:"space-y-3 px-4 py-4",children:[(0,b.jsxs)("div",{className:"text-sm text-gray-300",children:["将停止 ",(0,b.jsx)("span",{className:"font-mono text-cyan-300",children:a})," 子进程（SIGTERM，~10s 内）。配置目录保留，可通过「启动」恢复。"]}),l&&!1===l.ok&&(0,b.jsxs)("div",{className:"rounded-md border border-red-700/40 bg-red-900/20 px-3 py-2 text-xs text-red-200",children:[(0,b.jsx)("div",{className:"font-semibold",children:l.error}),l.message?(0,b.jsx)("div",{className:"mt-0.5 text-red-300/80",children:l.message}):null,"number"==typeof l.in_flight_count&&(0,b.jsxs)("div",{className:"mt-0.5 text-red-300/80",children:["当前 in-flight 任务: ",l.in_flight_count]}),l.hint?(0,b.jsx)("div",{className:"mt-1 text-red-300/60",children:l.hint}):null]}),(n>0||j)&&(0,b.jsxs)("label",{className:"flex items-start gap-2 rounded-md border border-amber-700/40 bg-amber-900/10 px-3 py-2 text-xs text-amber-200",children:[(0,b.jsx)("input",{type:"checkbox",checked:j,onChange:a=>k(a.target.checked),className:"mt-0.5"}),(0,b.jsxs)("span",{children:[(0,b.jsx)("span",{className:"font-semibold text-amber-300",children:"强制停止"}),n>0?`（会丢弃 ${n} 条待处理任务）`:"（覆盖 in-flight 拒绝；hub 会写 audit 行）"]})]})]}),(0,b.jsxs)("div",{className:"flex items-center justify-end gap-2 border-t border-[#26262b] px-4 py-3",children:[(0,b.jsx)("button",{type:"button",disabled:h,onClick:f,className:"rounded-md px-3 py-1.5 text-sm text-gray-400 hover:text-gray-200 disabled:opacity-50",children:"取消"}),(0,b.jsx)("button",{type:"button",disabled:h||n>0&&!j,onClick:o,className:"rounded-md bg-cyan-600 px-4 py-1.5 text-sm font-medium text-white hover:bg-cyan-500 disabled:cursor-not-allowed disabled:opacity-50",children:h?"停止中…":"确认停止"})]})]})]})}function t({alias:a,nodeId:d,networkId:e,onClose:f,onCompleted:g}){let[h,i]=(0,c.useState)(!1),[j,k]=(0,c.useState)(""),[l,m]=(0,c.useState)(!1),[n,o]=(0,c.useState)(!1),[p,r]=(0,c.useState)(null);(0,c.useEffect)(()=>{let a=a=>{"Escape"!==a.key||h||f()};return window.addEventListener("keydown",a),()=>window.removeEventListener("keydown",a)},[f,h]);let s=p&&"number"==typeof p.in_flight_count?p.in_flight_count:0,u=j===a,v=async()=>{if(!u)return;i(!0),r(null);let a=await q("delete",{node_id:d,confirm_alias:j,...e?{network_id:e}:{},...l?{force:!0}:{},...n?{delete_config:!1}:{}});(i(!1),a.ok)?g():r(a)};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:"fixed inset-0 z-40 bg-black/50",onClick:h?void 0:f,"aria-hidden":!0}),(0,b.jsxs)("div",{role:"dialog","aria-label":`删除节点 ${a}`,className:"fixed left-1/2 top-1/2 z-50 w-[min(94vw,480px)] -translate-x-1/2 -translate-y-1/2 rounded-xl border border-red-700/40 bg-[#161618] shadow-2xl",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between border-b border-[#26262b] px-4 py-3",children:[(0,b.jsx)("div",{className:"text-sm font-semibold text-red-300",children:"删除节点"}),(0,b.jsx)("button",{onClick:h?void 0:f,"aria-label":"关闭",className:"text-gray-500 hover:text-white",children:"×"})]}),(0,b.jsxs)("div",{className:"space-y-3 px-4 py-4 text-sm text-gray-300",children:[(0,b.jsx)("div",{children:"这将："}),(0,b.jsxs)("ul",{className:"list-inside list-disc space-y-1 pl-2 text-xs text-gray-400",children:[(0,b.jsxs)("li",{children:["停止 ",(0,b.jsx)("span",{className:"font-mono text-cyan-300",children:a})," 子进程（SIGTERM ~10s）"]}),(0,b.jsx)("li",{children:"从 hub 注销该节点"}),(0,b.jsx)("li",{children:"撤销该节点的 ntok"}),!n&&(0,b.jsxs)("li",{children:["配置文件备份到 ",(0,b.jsxs)("code",{className:"text-amber-300",children:["~/.anet/deleted/<ts>-",a,"/"]}),"（30 天后自动清除）"]}),n&&(0,b.jsx)("li",{className:"text-amber-300",children:"配置文件保留原地（不备份不清理 — 你勾选了「保留配置」）"})]}),p&&!1===p.ok&&(0,b.jsxs)("div",{className:"rounded-md border border-red-700/40 bg-red-900/20 px-3 py-2 text-xs text-red-200",children:[(0,b.jsx)("div",{className:"font-semibold",children:p.error}),p.message?(0,b.jsx)("div",{className:"mt-0.5 text-red-300/80",children:p.message}):null,"number"==typeof p.in_flight_count&&(0,b.jsxs)("div",{className:"mt-0.5 text-red-300/80",children:["当前 in-flight 任务: ",p.in_flight_count]}),p.hint?(0,b.jsx)("div",{className:"mt-1 text-red-300/60",children:p.hint}):null]}),(s>0||l)&&(0,b.jsxs)("label",{className:"flex items-start gap-2 rounded-md border border-amber-700/40 bg-amber-900/10 px-3 py-2 text-xs text-amber-200",children:[(0,b.jsx)("input",{type:"checkbox",checked:l,onChange:a=>m(a.target.checked),className:"mt-0.5"}),(0,b.jsxs)("span",{children:[(0,b.jsx)("span",{className:"font-semibold text-amber-300",children:"强制删除"}),s>0?`（会丢弃 ${s} 条待处理任务）`:"（覆盖 in-flight 拒绝）"]})]}),(0,b.jsxs)("label",{className:"flex items-center gap-2 text-xs text-gray-400",children:[(0,b.jsx)("input",{type:"checkbox",checked:n,onChange:a=>o(a.target.checked)}),"保留配置目录（不备份；高级用法）"]}),(0,b.jsxs)("label",{className:"block space-y-1",children:[(0,b.jsxs)("span",{className:"text-xs text-gray-400",children:["输入节点名字 ",(0,b.jsx)("span",{className:"font-mono text-cyan-300",children:a})," 确认"]}),(0,b.jsx)("input",{autoFocus:!0,value:j,onChange:a=>k(a.target.value),placeholder:a,className:"w-full rounded-md border border-[#26262b] bg-[#0e0e10] px-3 py-2 text-sm text-gray-200 focus:border-red-500 focus:outline-none",autoCapitalize:"none",autoCorrect:"off",spellCheck:!1}),j&&!u&&(0,b.jsx)("span",{className:"text-[11px] text-red-400",children:"名字不匹配（区分大小写）"})]})]}),(0,b.jsxs)("div",{className:"flex items-center justify-end gap-2 border-t border-[#26262b] px-4 py-3",children:[(0,b.jsx)("button",{type:"button",disabled:h,onClick:f,className:"rounded-md px-3 py-1.5 text-sm text-gray-400 hover:text-gray-200 disabled:opacity-50",children:"取消"}),(0,b.jsx)("button",{type:"button",disabled:h||!u||s>0&&!l,onClick:v,className:"rounded-md bg-red-600 px-4 py-1.5 text-sm font-medium text-white hover:bg-red-500 disabled:cursor-not-allowed disabled:opacity-50",children:h?"删除中…":`删除 ${a}`})]})]})]})}var u=a.i(19595),v=a.i(8893),w=a.i(93549),x=a.i(49597),y=a.i(45e3);function z(a){return a?a.length>12?`${a.slice(0,8)}…`:a:"—"}a.s(["default",0,function(){let{sessions:a,isLoading:h}=(0,e.useSessions)(),{health:i}=(0,e.useHealth)(),{lifecycleByAlias:j,nodeIdByAlias:k}=(0,e.useNodeLifecycle)(),{hasUnread:l}=(0,y.useChatUnread)(),{mutate:m}=(0,f.useSWRConfig)(),n=()=>{m(a=>"string"==typeof a&&(a.startsWith("/api/hub/nodes")||a.startsWith("/api/hub/status")))},o=i?.sse_sessions||{},q=a=>(a.network_id?o[`${a.network_id}:${a.alias}`]:void 0)??o[a.alias],[s,t]=(0,c.useState)(""),[A,B]=(0,c.useState)(""),[C,D]=(0,c.useState)("list"),[E,F]=(0,c.useState)(null),[G,H]=(0,c.useState)(!1),I=(0,w.useCollapsibleSearch)({value:A,onChange:B,placeholder:"Search nodes…",label:"Search nodes",enabled:a.length>0}),J=a.map(a=>({...a,online:!!q(a)})).filter(a=>"online"===s?a.online:"offline"===s?!a.online:!s||s===a.status).filter(a=>!A||a.alias.toLowerCase().includes(A.toLowerCase())||(a.agent||"").toLowerCase().includes(A.toLowerCase())).sort((a,b)=>!!b.online-!!a.online||("working"===b.status)-("working"===a.status)),K=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:[K," 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.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[(0,b.jsxs)("button",{type:"button",onClick:()=>H(!0),"aria-label":"新建节点",className:"inline-flex items-center gap-1 rounded-lg border border-cyan-700/50 bg-cyan-900/15 px-3 py-1.5 text-sm font-medium text-cyan-300 hover:bg-cyan-900/25 transition-colors",children:[(0,b.jsx)("span",{"aria-hidden":!0,className:"text-base leading-none",children:"+"}),(0,b.jsx)("span",{className:"hidden sm:inline",children:"新建节点"})]}),(0,b.jsx)(I.Button,{})]})]}),G&&(0,b.jsx)(p,{onClose:()=>H(!1)}),(0,b.jsx)(I.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:s,onChange:a=>t(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:()=>D(a),className:`rounded-md px-3 py-1.5 transition-colors ${C===a?"bg-cyan-500/10 text-cyan-300":"text-gray-500 hover:text-gray-200"}`,children:"list"===a?"List":"Grid"},a))})]}),h?(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===J.length?0===a.length?(0,b.jsx)(u.NodesEmptyState,{}):(0,b.jsx)(u.EmptyState,{variant:"nodes",title:"No nodes match your filters",sub:"Try clearing search or status filters, or wait for an agent to register."}):"grid"===C?(0,b.jsx)("div",{className:"grid min-w-0 grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4",children:J.map(a=>{let c=a.online?a.status:"offline",e="number"==typeof a.progress?a.progress:0,f=l(a.alias);return(0,b.jsxs)("div",{role:"button",tabIndex:0,onClick:()=>F(a.alias),onKeyDown:b=>{("Enter"===b.key||" "===b.key)&&(b.preventDefault(),F(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)(v.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 ${x.SESSION_STATUS_CHIP_CLASS[c]||x.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:z(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.jsx)(r,{nodeId:k[a.alias]||a.node_id||a.alias,alias:a.alias,lifecycleState:j[a.alias],networkId:a.network_id||null,onCompleted:n})]}),(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"})]}),J.map(a=>{let c=a.online?a.status:"offline",e=l(a.alias);return(0,b.jsxs)("div",{role:"button",tabIndex:0,onClick:()=>F(a.alias),onKeyDown:b=>{("Enter"===b.key||" "===b.key)&&(b.preventDefault(),F(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 ${x.SESSION_STATUS_CHIP_CLASS[c]||x.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)(v.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:"·"}),z(a.server)]})}),(0,b.jsx)("div",{className:"col-span-4 truncate text-xs text-gray-500",title:a.task||"",children:a.task||"--"}),(0,b.jsxs)("div",{className:"col-span-1 flex items-center justify-between gap-2 text-xs text-gray-500",children:[(0,b.jsx)("span",{className:"truncate",children:(0,d.timeAgo)(a.last_seen_at||a.updated_at)}),(0,b.jsx)(r,{nodeId:k[a.alias]||a.node_id||a.alias,alias:a.alias,lifecycleState:j[a.alias],networkId:a.network_id||null,onCompleted:n})]})]}),(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)(v.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 ${x.SESSION_STATUS_CHIP_CLASS[c]||x.SESSION_STATUS_CHIP_CLASS.offline}`,children:c}),(0,b.jsx)(r,{nodeId:k[a.alias]||a.node_id||a.alias,alias:a.alias,lifecycleState:j[a.alias],networkId:a.network_id||null,onCompleted:n})]}),a.task&&(0,b.jsx)("div",{className:"truncate text-xs text-gray-500",children:a.task})]})]},a.alias)})]}),E&&(0,b.jsx)(g.TaskChatPanel,{alias:E,onClose:()=>F(null)})]})}],75965)}];
 //# sourceMappingURL=agent-network-dashboard_app_nodes_page_tsx_11haf_p._.js.map