@sleep2agi/agent-network-dashboard 0.6.3-preview.48 → 0.6.3-preview.49

package/.next/server/chunks/ssr/dash-stageb-wt_app_nodes_NodesView_tsx_0patjj7._.js

@@ -1,4 +1,4 @@
 module.exports=[88218,a=>{"use strict";var b=a.i(79616),c=a.i(20855),d=a.i(25104),e=a.i(82157),f=a.i(89634),g=a.i(77739),h=a.i(59413);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:"返回修改"})]})]})]})}var q=a.i(64162),r=a.i(16369),s=a.i(52231),t=a.i(37765),u=a.i(39109),v=a.i(48836),w=a.i(25640),x=a.i(28010),y=a.i(41480),z=a.i(90280);function A({alias:a,session:c}){return(0,t.useHasDraft)(a)?(0,b.jsxs)("span",{className:"text-[11px] text-red-400/90 truncate","aria-label":(0,z.t)("有未发送草稿","Unsent draft"),children:[(0,z.t)("[草稿]","[draft]")," ",c.task?c.task.slice(0,40):""]}):c.task?(0,b.jsx)("span",{className:"text-[11px] text-gray-500 truncate",children:c.task}):c.online?(0,b.jsx)("span",{className:"text-[11px] text-gray-600",children:(0,z.t)("空闲","idle")}):(0,b.jsx)("span",{className:"text-[11px] text-gray-600 italic",children:(0,z.t)("离线","offline")})}function B({sessions:a,selectedAlias:c,onSelect:d}){let{unreadCount:e}=(0,y.useChatUnread)();return(0,b.jsxs)("div",{"data-node-list-rail":!0,"data-node-list-count":a.length,className:"flex flex-col w-full overflow-hidden bg-[#111113] border-r border-[#26262b]","aria-label":(0,z.t)("节点列表","Node list"),children:[(0,b.jsx)("div",{className:"px-3 py-2 text-[11px] text-gray-500 tracking-wide uppercase border-b border-[#1e1e22] shrink-0",children:(0,z.t)(`节点 ${a.length}`,`Nodes \xb7 ${a.length}`)}),(0,b.jsx)("div",{className:"flex-1 min-h-0 overflow-y-auto",children:0===a.length?(0,b.jsx)("div",{className:"p-4 text-[11px] text-gray-600",children:(0,z.t)("列表为空 —— 右侧的筛选控件或空态说明会告诉你原因。","Rail is empty — the filter controls or empty state on the right explain why.")}):a.map(a=>{let f=a.alias===c,g=e(a.alias);return(0,b.jsxs)("button",{type:"button","data-node-list-item":!0,"data-node-list-alias":a.alias,"data-selected":f?"true":"false",onClick:()=>d(a.alias),className:`w-full flex items-center gap-2.5 px-3 py-2.5 text-left transition-colors border-b border-[#1a1a1d] ${f?"bg-cyan-500/8":"hover:bg-[#161618]"}`,children:[(0,b.jsxs)("div",{className:"relative shrink-0",children:[(0,b.jsx)(s.AliasAvatar,{alias:a.alias,size:32}),a.online&&(0,b.jsx)("span",{"aria-hidden":!0,className:"absolute -bottom-0.5 -right-0.5 w-2.5 h-2.5 rounded-full bg-green-400 ring-2 ring-[#111113]"})]}),(0,b.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,b.jsx)("span",{className:`text-[13px] truncate ${f?"text-cyan-200 font-medium":"text-gray-200"}`,children:a.alias}),g>0&&(0,b.jsx)("span",{"aria-label":(0,z.t)(`${g} 条未读`,`${g} unread`),className:"shrink-0 min-w-[16px] h-4 px-1 rounded-full bg-red-500 text-white text-[9px] font-semibold leading-4 text-center",children:g>99?"99+":g})]}),(0,b.jsx)("div",{className:"mt-0.5 flex items-center gap-1.5",children:(0,b.jsx)(A,{alias:a.alias,session:a})})]})]},a.alias)})})]})}function C({alias:a,onClose:c}){return(0,b.jsxs)("aside",{"data-testid":"chat-pane","data-chat-alias":a,className:"hidden md:flex md:flex-col w-[400px] xl:w-[480px] shrink-0 h-screen sticky top-0 border-l border-[#26262b] bg-[var(--bg)]",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between gap-2 px-3 py-2.5 border-b border-[#26262b] bg-[#111113] shrink-0",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,b.jsx)(s.AliasAvatar,{alias:a,size:26}),(0,b.jsx)("span",{className:"truncate text-sm font-semibold text-white",children:a})]}),(0,b.jsx)("button",{type:"button",onClick:c,"aria-label":(0,z.t)("关闭会话","Close chat"),"data-testid":"chat-pane-close",className:"inline-flex h-8 w-8 items-center justify-center rounded-lg text-gray-500 hover:text-gray-200 hover:bg-[#1c1c1f] transition-colors",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:"M6 18L18 6M6 6l12 12"})})})]}),(0,b.jsx)("div",{className:"flex-1 min-h-0",children:(0,b.jsx)(g.TaskChatPanel,{alias:a,onClose:c,inline:!0})})]})}var D=a.i(42023);function E(a){return a?a.length>12?`${a.slice(0,8)}…`:a:"—"}function F(a){try{return decodeURIComponent(a)}catch{return a}}let G="(min-width: 768px)";function H(a){let b=window.matchMedia(G);return b.addEventListener("change",a),()=>b.removeEventListener("change",a)}function I({alias:a}){return(0,t.useHasDraft)(a)?(0,b.jsx)("span",{className:"shrink-0 text-[9px] text-red-400/90","aria-label":(0,z.t)("有未发送草稿","Unsent draft"),children:(0,z.t)("[草稿]","[draft]")}):null}a.s(["NodesView",0,function({initialAlias:a=null}){let h,{sessions:i,isLoading:j}=(0,e.useSessions)(),{health:k}=(0,e.useHealth)(),{lifecycleByAlias:l,nodeIdByAlias:m,attrsByAlias:n}=(0,e.useNodeLifecycle)(),{hasUnread:o,unreadCount:t,lastActivityAt:A}=(0,y.useChatUnread)(),{mutate:J}=(0,f.useSWRConfig)(),K=()=>{J(a=>"string"==typeof a&&(a.startsWith("/api/hub/nodes")||a.startsWith("/api/hub/status")))},L=k?.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=Array.from(new Set(i.map(a=>n[a.alias]?.team).filter(a=>!!a&&a.length>0))).sort(),W=Array.from(new Set(i.flatMap(a=>n[a.alias]?.tags??[]).filter(a=>a&&a.length>0))).sort(),X=V.length>0||W.length>0;(0,w.usePinyinReady)(),(0,u.useMuteVersion)(),(0,v.usePinVersion)();let[Y,Z]=(0,c.useState)("list"),[$,_]=(0,c.useState)(a),aa=(0,c.useSyncExternalStore)(H,()=>window.matchMedia(G).matches,()=>!0),ab=a=>{_(a);try{window.history.pushState({},"",`/nodes/${encodeURIComponent(a)}`)}catch{}},ac=()=>{_(null);try{window.history.pushState({},"","/nodes")}catch{}};(0,c.useEffect)(()=>{let a=()=>{let a=window.location.pathname.match(/^\/nodes\/([^/]+)\/?$/);_(a?F(a[1]):null)};return window.addEventListener("popstate",a),()=>window.removeEventListener("popstate",a)},[]);let[ad,ae]=(0,c.useState)(!1),[af,ag]=(0,c.useState)(()=>!0),ah=(0,x.useCollapsibleSearch)({value:T,onChange:U,placeholder:(0,z.t)("搜索节点（支持拼音/首字母）…","Search nodes (pinyin ok)…"),label:"Search nodes",enabled:i.length>0}),ai=(0,c.useRef)(new Map),aj=Date.now(),ak=(a,b)=>(b&&ai.current.set(a,aj),+(aj-(ai.current.get(a)||0)<6e4)),al=i.map(a=>({...a,online:!!M(a)})).filter(a=>"online"===N?a.online:"offline"===N?!a.online:!N||N===a.status).filter(a=>{if(!P)return!0;let b=n[a.alias]?.team??null;return"__NO_TEAM__"===P?null===b||""===b:b===P}).filter(a=>{if(0===R.length)return!0;let b=n[a.alias]?.tags??[];return R.every(a=>b.includes(a))}).filter(a=>!T||(0,w.pinyinMatch)(a.alias,T)||(0,w.pinyinMatch)(a.agent||"",T)).sort((a,b)=>!!(0,v.isPinned)(b.alias)-!!(0,v.isPinned)(a.alias)||ak(b.alias,b.online)-ak(a.alias,a.online)||A(b.alias)-A(a.alias)),am=i.filter(a=>M(a)).length;return(0,b.jsxs)("div",{"data-testid":"nodes-layout","data-rail-visible":af?"true":"false",className:"min-h-screen max-w-full overflow-x-hidden bg-[#0b0b0d] text-gray-100 flex",children:[af&&i.length>0&&(0,b.jsx)("aside",{"data-testid":"node-list-rail",className:"hidden sm:flex sm:flex-col w-[280px] shrink-0 min-h-screen sticky top-0",children:(0,b.jsx)(B,{sessions:al,selectedAlias:$,onSelect:ab})}),(0,b.jsxs)("div",{className:"flex-1 min-w-0 max-w-full overflow-x-hidden 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:[am," 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:[i.length," total"]})]}),(0,b.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[(0,b.jsxs)("button",{type:"button",onClick:()=>{ag(a=>{let b=!a;try{window.localStorage.setItem("anet-nodes-rail",b?"1":"0")}catch{}return b})},"aria-pressed":af,"data-testid":"toggle-rail",title:af?(0,z.t)("隐藏节点列表","Hide node list"):(0,z.t)("显示节点列表","Show node list"),className:"hidden sm:inline-flex items-center gap-1 rounded-lg border border-[#26262b] bg-[#161618] px-2.5 py-1.5 text-xs text-gray-400 hover:text-gray-200 hover:border-[#3a3a40] transition-colors",children:[(0,b.jsx)("span",{"aria-hidden":!0,className:"text-sm leading-none",children:af?"☷":"☰"}),(0,b.jsx)("span",{className:"hidden md:inline",children:af?(0,z.t)("密视图","Dense"):(0,z.t)("分栏","Split")})]}),(0,b.jsxs)("button",{type:"button",onClick:()=>ae(!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)(ah.Button,{})]})]}),ad&&(0,b.jsx)(p,{onClose:()=>ae(!1)}),(0,b.jsx)(ah.Row,{}),i.length>0&&(0,b.jsxs)("div",{className:"flex flex-wrap gap-3 mb-4 sm:mb-6",children:[(0,b.jsxs)("select",{value:N,onChange:a=>O(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"})]}),V.length>0&&(0,b.jsxs)("select",{value:P,onChange:a=>Q(a.target.value),"aria-label":(0,z.t)("按 Team 过滤","Filter by team"),"data-testid":"filter-team",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:(0,z.t)("全部 Team","All teams")}),(0,b.jsx)("option",{value:"__NO_TEAM__",children:(0,z.t)("未分组","(no team)")}),V.map(a=>(0,b.jsx)("option",{value:a,children:a},a))]}),(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:()=>Z(a),className:`rounded-md px-3 py-1.5 transition-colors ${Y===a?"bg-cyan-500/10 text-cyan-300":"text-gray-500 hover:text-gray-200"}`,children:"list"===a?"List":"Grid"},a))})]}),i.length>0&&W.length>0&&(0,b.jsxs)("div",{className:"mb-4 sm:mb-6 flex flex-wrap items-center gap-1.5","data-testid":"filter-tags-row",children:[(0,b.jsx)("span",{className:"text-[11px] text-gray-500 mr-1",children:(0,z.t)("Tags:","Tags:")}),W.map((a,c)=>{let d=R.includes(a);return d&&R.slice(0,R.indexOf(a)).length,(0,b.jsx)("button",{type:"button",onClick:()=>S(b=>b.includes(a)?b.filter(b=>b!==a):[...b,a]),"aria-pressed":d,"data-tag":a,"data-selected":d?"true":"false",className:`text-xs rounded-full px-2.5 py-1 border transition-colors ${d?"bg-cyan-500/15 text-cyan-200 border-cyan-500/40":"bg-[#161618] text-gray-400 border-[#26262b] hover:text-gray-200 hover:border-[#3a3a40]"}`,children:a},a)}),R.length>=2&&(0,b.jsx)("span",{className:"text-[10px] text-cyan-300/80 ml-1 tabular-nums","data-testid":"filter-tags-and-hint",children:(0,z.t)(`= 同时具有 ${R.length} 个标签`,`= AND of ${R.length} tags`)}),(R.length>0||P)&&(0,b.jsx)("button",{type:"button",onClick:()=>{S([]),Q("")},className:"text-[11px] text-gray-500 hover:text-gray-200 underline-offset-2 hover:underline ml-2","data-testid":"clear-attr-filters",children:(0,z.t)("清除","Clear")})]}),j?(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===al.length?0===i.length?(0,b.jsx)(r.NodesEmptyState,{}):P||R.length>0?(0,b.jsx)(r.EmptyState,{variant:"nodes",title:(0,z.t)("没有节点符合当前属性筛选","No nodes match the current attribute filters"),sub:(h=[],"__NO_TEAM__"===P?h.push((0,z.t)("未分组","no-team")):P&&h.push((0,z.t)(`Team = ${P}`,`Team = ${P}`)),1===R.length?h.push((0,z.t)(`标签 ${R[0]}`,`tag ${R[0]}`)):R.length>=2&&h.push((0,z.t)(`同时具有标签 ${R.join(" 和 ")}`,`all of tags: ${R.join(" AND ")}`)),(0,z.t)(`没有节点满足：${h.join(" + ")}。清除筛选或减少标签。`,`No node satisfies: ${h.join(" + ")}. Clear filters or drop a tag.`))}):!X&&(N||T)?(0,b.jsx)(r.EmptyState,{variant:"nodes",title:(0,z.t)("还没有节点被打过标签","No nodes have been tagged yet"),sub:(0,z.t)("先在节点详情里给几个节点分配 team / tag，然后就可以按属性筛选。","Assign team / tag to a few nodes first, then attribute filters will show up.")}):(0,b.jsx)(r.EmptyState,{variant:"nodes",title:"No nodes match your filters",sub:"Try clearing search or status filters, or wait for an agent to register."}):"grid"===Y?(0,b.jsx)("div",{className:"grid min-w-0 grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4",children:al.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,"data-node-card":!0,"data-node-alias":a.alias,onClick:()=>ab(a.alias),onKeyDown:b=>{("Enter"===b.key||" "===b.key)&&(b.preventDefault(),ab(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.jsxs)("span",{className:"relative inline-flex shrink-0",children:[(0,b.jsx)(s.AliasAvatar,{alias:a.alias,size:36}),t(a.alias)>0&&(0,u.isMuted)(a.alias)&&(0,b.jsx)("span",{"aria-label":(0,z.t)("有未读（已静音）","Unread (muted)"),className:"absolute -top-0.5 -right-1 h-2.5 w-2.5 rounded-full bg-red-500/80 ring-2 ring-[#161618]"}),t(a.alias)>0&&!(0,u.isMuted)(a.alias)&&(0,b.jsx)("span",{"aria-label":(0,z.t)(`${t(a.alias)} 条未读`,`${t(a.alias)} unread`),className:"absolute -top-1 -right-1.5 min-w-[16px] h-4 px-1 rounded-full bg-red-500 text-white text-[9px] font-semibold leading-4 text-center ring-2 ring-[#161618]",children:t(a.alias)>99?"99+":t(a.alias)})]}),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}),(0,b.jsx)(I,{alias: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 ${D.SESSION_STATUS_CHIP_CLASS[c]||D.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:E(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)(q.NodeLifecycleMenu,{nodeId:m[a.alias]||a.node_id||a.alias,alias:a.alias,lifecycleState:l[a.alias],networkId:a.network_id||null,onCompleted:K,attrsSnapshot:n[a.alias]})]}),(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"})]}),al.map(a=>{let c=a.online?a.status:"offline",e=o(a.alias);return(0,b.jsxs)("div",{role:"button",tabIndex:0,"data-node-card":!0,"data-node-alias":a.alias,onClick:()=>ab(a.alias),onKeyDown:b=>{("Enter"===b.key||" "===b.key)&&(b.preventDefault(),ab(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 ${D.SESSION_STATUS_CHIP_CLASS[c]||D.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.jsxs)("span",{className:"relative inline-flex shrink-0",children:[(0,b.jsx)(s.AliasAvatar,{alias:a.alias,size:20}),t(a.alias)>0&&(0,u.isMuted)(a.alias)&&(0,b.jsx)("span",{"aria-label":(0,z.t)("有未读（已静音）","Unread (muted)"),className:"absolute -top-1 -right-1 h-2 w-2 rounded-full bg-red-500/80"}),t(a.alias)>0&&!(0,u.isMuted)(a.alias)&&(0,b.jsx)("span",{"aria-label":(0,z.t)(`${t(a.alias)} 条未读`,`${t(a.alias)} unread`),className:"absolute -top-1.5 -right-2 min-w-[15px] h-[15px] px-1 rounded-full bg-red-500 text-white text-[9px] font-semibold leading-[15px] text-center",children:t(a.alias)>99?"99+":t(a.alias)})]}),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}),(0,b.jsx)(I,{alias: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:"·"}),E(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)(q.NodeLifecycleMenu,{nodeId:m[a.alias]||a.node_id||a.alias,alias:a.alias,lifecycleState:l[a.alias],networkId:a.network_id||null,onCompleted:K,attrsSnapshot:n[a.alias]})]})]}),(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)(s.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 ${D.SESSION_STATUS_CHIP_CLASS[c]||D.SESSION_STATUS_CHIP_CLASS.offline}`,children:c}),(0,b.jsx)(q.NodeLifecycleMenu,{nodeId:m[a.alias]||a.node_id||a.alias,alias:a.alias,lifecycleState:l[a.alias],networkId:a.network_id||null,onCompleted:K,attrsSnapshot:n[a.alias]})]}),a.task&&(0,b.jsx)("div",{className:"truncate text-xs text-gray-500",children:a.task})]})]},a.alias)})]}),$&&!aa&&(0,b.jsx)(g.TaskChatPanel,{alias:$,onClose:ac})]}),$&&aa&&(0,b.jsx)(C,{alias:$,onClose:ac})]})},"decodeAliasSegment",0,F],88218)}];
+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:"返回修改"})]})]})]})}var q=a.i(64162),r=a.i(16369),s=a.i(52231),t=a.i(37765),u=a.i(39109),v=a.i(48836),w=a.i(25640),x=a.i(28010),y=a.i(41480),z=a.i(90280);function A({alias:a,session:c}){return(0,t.useHasDraft)(a)?(0,b.jsxs)("span",{className:"text-[11px] text-red-400/90 truncate","aria-label":(0,z.t)("有未发送草稿","Unsent draft"),children:[(0,z.t)("[草稿]","[draft]")," ",c.task?c.task.slice(0,40):""]}):c.task?(0,b.jsx)("span",{className:"text-[11px] text-gray-500 truncate",children:c.task}):c.online?(0,b.jsx)("span",{className:"text-[11px] text-gray-600",children:(0,z.t)("空闲","idle")}):(0,b.jsx)("span",{className:"text-[11px] text-gray-600 italic",children:(0,z.t)("离线","offline")})}function B({sessions:a,selectedAlias:c,onSelect:d}){let{unreadCount:e}=(0,y.useChatUnread)();return(0,b.jsxs)("div",{"data-node-list-rail":!0,"data-node-list-count":a.length,className:"flex flex-col w-full overflow-hidden bg-[#111113] border-r border-[#26262b]","aria-label":(0,z.t)("节点列表","Node list"),children:[(0,b.jsx)("div",{className:"px-3 py-2 text-[11px] text-gray-500 tracking-wide uppercase border-b border-[#1e1e22] shrink-0",children:(0,z.t)(`节点 ${a.length}`,`Nodes \xb7 ${a.length}`)}),(0,b.jsx)("div",{className:"flex-1 min-h-0 overflow-y-auto",children:0===a.length?(0,b.jsx)("div",{className:"p-4 text-[11px] text-gray-600",children:(0,z.t)("列表为空 —— 右侧的筛选控件或空态说明会告诉你原因。","Rail is empty — the filter controls or empty state on the right explain why.")}):a.map(a=>{let f=a.alias===c,g=e(a.alias);return(0,b.jsxs)("button",{type:"button","data-node-list-item":!0,"data-node-list-alias":a.alias,"data-selected":f?"true":"false",onClick:()=>d(a.alias),className:`w-full flex items-center gap-2.5 px-3 py-2.5 text-left transition-colors border-b border-[#1a1a1d] ${f?"bg-cyan-500/8":"hover:bg-[#161618]"}`,children:[(0,b.jsxs)("div",{className:"relative shrink-0",children:[(0,b.jsx)(s.AliasAvatar,{alias:a.alias,size:32}),a.online&&(0,b.jsx)("span",{"aria-hidden":!0,className:"absolute -bottom-0.5 -right-0.5 w-2.5 h-2.5 rounded-full bg-green-400 ring-2 ring-[#111113]"})]}),(0,b.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,b.jsx)("span",{className:`text-[13px] truncate ${f?"text-cyan-200 font-medium":"text-gray-200"}`,children:a.alias}),g>0&&(0,b.jsx)("span",{"aria-label":(0,z.t)(`${g} 条未读`,`${g} unread`),className:"shrink-0 min-w-[16px] h-4 px-1 rounded-full bg-red-500 text-white text-[9px] font-semibold leading-4 text-center",children:g>99?"99+":g})]}),(0,b.jsx)("div",{className:"mt-0.5 flex items-center gap-1.5",children:(0,b.jsx)(A,{alias:a.alias,session:a})})]})]},a.alias)})})]})}function C({alias:a,onClose:c}){return(0,b.jsxs)("aside",{"data-testid":"chat-pane","data-chat-alias":a,className:"hidden md:flex md:flex-col flex-1 min-w-0 h-screen sticky top-0 border-l border-[#26262b] bg-[var(--bg)]",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between gap-2 px-3 py-2.5 border-b border-[#26262b] bg-[#111113] shrink-0",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,b.jsx)(s.AliasAvatar,{alias:a,size:26}),(0,b.jsx)("span",{className:"truncate text-sm font-semibold text-white",children:a})]}),(0,b.jsx)("button",{type:"button",onClick:c,"aria-label":(0,z.t)("关闭会话","Close chat"),"data-testid":"chat-pane-close",className:"inline-flex h-8 w-8 items-center justify-center rounded-lg text-gray-500 hover:text-gray-200 hover:bg-[#1c1c1f] transition-colors",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:"M6 18L18 6M6 6l12 12"})})})]}),(0,b.jsx)("div",{className:"flex-1 min-h-0",children:(0,b.jsx)(g.TaskChatPanel,{alias:a,onClose:c,inline:!0})})]})}var D=a.i(42023);function E(a){return a?a.length>12?`${a.slice(0,8)}…`:a:"—"}function F(a){try{return decodeURIComponent(a)}catch{return a}}let G="(min-width: 768px)";function H(a){let b=window.matchMedia(G);return b.addEventListener("change",a),()=>b.removeEventListener("change",a)}function I({alias:a}){return(0,t.useHasDraft)(a)?(0,b.jsx)("span",{className:"shrink-0 text-[9px] text-red-400/90","aria-label":(0,z.t)("有未发送草稿","Unsent draft"),children:(0,z.t)("[草稿]","[draft]")}):null}a.s(["NodesView",0,function({initialAlias:a=null}){let h,{sessions:i,isLoading:j}=(0,e.useSessions)(),{health:k}=(0,e.useHealth)(),{lifecycleByAlias:l,nodeIdByAlias:m,attrsByAlias:n}=(0,e.useNodeLifecycle)(),{hasUnread:o,unreadCount:t,lastActivityAt:A}=(0,y.useChatUnread)(),{mutate:J}=(0,f.useSWRConfig)(),K=()=>{J(a=>"string"==typeof a&&(a.startsWith("/api/hub/nodes")||a.startsWith("/api/hub/status")))},L=k?.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=Array.from(new Set(i.map(a=>n[a.alias]?.team).filter(a=>!!a&&a.length>0))).sort(),W=Array.from(new Set(i.flatMap(a=>n[a.alias]?.tags??[]).filter(a=>a&&a.length>0))).sort(),X=V.length>0||W.length>0;(0,w.usePinyinReady)(),(0,u.useMuteVersion)(),(0,v.usePinVersion)();let[Y,Z]=(0,c.useState)("list"),[$,_]=(0,c.useState)(a),aa=(0,c.useSyncExternalStore)(H,()=>window.matchMedia(G).matches,()=>!0),ab=a=>{_(a);try{window.history.pushState({},"",`/nodes/${encodeURIComponent(a)}`)}catch{}},ac=()=>{_(null);try{window.history.pushState({},"","/nodes")}catch{}};(0,c.useEffect)(()=>{let a=()=>{let a=window.location.pathname.match(/^\/nodes\/([^/]+)\/?$/);_(a?F(a[1]):null)};return window.addEventListener("popstate",a),()=>window.removeEventListener("popstate",a)},[]);let[ad,ae]=(0,c.useState)(!1),[af,ag]=(0,c.useState)(()=>!0),ah=(0,x.useCollapsibleSearch)({value:T,onChange:U,placeholder:(0,z.t)("搜索节点（支持拼音/首字母）…","Search nodes (pinyin ok)…"),label:"Search nodes",enabled:i.length>0}),ai=(0,c.useRef)(new Map),aj=Date.now(),ak=(a,b)=>(b&&ai.current.set(a,aj),+(aj-(ai.current.get(a)||0)<6e4)),al=i.map(a=>({...a,online:!!M(a)})).filter(a=>"online"===N?a.online:"offline"===N?!a.online:!N||N===a.status).filter(a=>{if(!P)return!0;let b=n[a.alias]?.team??null;return"__NO_TEAM__"===P?null===b||""===b:b===P}).filter(a=>{if(0===R.length)return!0;let b=n[a.alias]?.tags??[];return R.every(a=>b.includes(a))}).filter(a=>!T||(0,w.pinyinMatch)(a.alias,T)||(0,w.pinyinMatch)(a.agent||"",T)).sort((a,b)=>!!(0,v.isPinned)(b.alias)-!!(0,v.isPinned)(a.alias)||ak(b.alias,b.online)-ak(a.alias,a.online)||A(b.alias)-A(a.alias)),am=i.filter(a=>M(a)).length,an=!!$&&aa&&i.length>0;return(0,b.jsxs)("div",{"data-testid":"nodes-layout","data-rail-visible":af?"true":"false",className:"min-h-screen max-w-full overflow-x-hidden bg-[#0b0b0d] text-gray-100 flex",children:[(af||an)&&i.length>0&&(0,b.jsx)("aside",{"data-testid":"node-list-rail",className:"hidden sm:flex sm:flex-col w-[280px] shrink-0 min-h-screen sticky top-0",children:(0,b.jsx)(B,{sessions:al,selectedAlias:$,onSelect:ab})}),!an&&(0,b.jsxs)("div",{className:"flex-1 min-w-0 max-w-full overflow-x-hidden 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:[am," 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:[i.length," total"]})]}),(0,b.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[(0,b.jsxs)("button",{type:"button",onClick:()=>{ag(a=>{let b=!a;try{window.localStorage.setItem("anet-nodes-rail",b?"1":"0")}catch{}return b})},"aria-pressed":af,"data-testid":"toggle-rail",title:af?(0,z.t)("隐藏节点列表","Hide node list"):(0,z.t)("显示节点列表","Show node list"),className:"hidden sm:inline-flex items-center gap-1 rounded-lg border border-[#26262b] bg-[#161618] px-2.5 py-1.5 text-xs text-gray-400 hover:text-gray-200 hover:border-[#3a3a40] transition-colors",children:[(0,b.jsx)("span",{"aria-hidden":!0,className:"text-sm leading-none",children:af?"☷":"☰"}),(0,b.jsx)("span",{className:"hidden md:inline",children:af?(0,z.t)("密视图","Dense"):(0,z.t)("分栏","Split")})]}),(0,b.jsxs)("button",{type:"button",onClick:()=>ae(!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)(ah.Button,{})]})]}),ad&&(0,b.jsx)(p,{onClose:()=>ae(!1)}),(0,b.jsx)(ah.Row,{}),i.length>0&&(0,b.jsxs)("div",{className:"flex flex-wrap gap-3 mb-4 sm:mb-6",children:[(0,b.jsxs)("select",{value:N,onChange:a=>O(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"})]}),V.length>0&&(0,b.jsxs)("select",{value:P,onChange:a=>Q(a.target.value),"aria-label":(0,z.t)("按 Team 过滤","Filter by team"),"data-testid":"filter-team",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:(0,z.t)("全部 Team","All teams")}),(0,b.jsx)("option",{value:"__NO_TEAM__",children:(0,z.t)("未分组","(no team)")}),V.map(a=>(0,b.jsx)("option",{value:a,children:a},a))]}),(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:()=>Z(a),className:`rounded-md px-3 py-1.5 transition-colors ${Y===a?"bg-cyan-500/10 text-cyan-300":"text-gray-500 hover:text-gray-200"}`,children:"list"===a?"List":"Grid"},a))})]}),i.length>0&&W.length>0&&(0,b.jsxs)("div",{className:"mb-4 sm:mb-6 flex flex-wrap items-center gap-1.5","data-testid":"filter-tags-row",children:[(0,b.jsx)("span",{className:"text-[11px] text-gray-500 mr-1",children:(0,z.t)("Tags:","Tags:")}),W.map((a,c)=>{let d=R.includes(a);return d&&R.slice(0,R.indexOf(a)).length,(0,b.jsx)("button",{type:"button",onClick:()=>S(b=>b.includes(a)?b.filter(b=>b!==a):[...b,a]),"aria-pressed":d,"data-tag":a,"data-selected":d?"true":"false",className:`text-xs rounded-full px-2.5 py-1 border transition-colors ${d?"bg-cyan-500/15 text-cyan-200 border-cyan-500/40":"bg-[#161618] text-gray-400 border-[#26262b] hover:text-gray-200 hover:border-[#3a3a40]"}`,children:a},a)}),R.length>=2&&(0,b.jsx)("span",{className:"text-[10px] text-cyan-300/80 ml-1 tabular-nums","data-testid":"filter-tags-and-hint",children:(0,z.t)(`= 同时具有 ${R.length} 个标签`,`= AND of ${R.length} tags`)}),(R.length>0||P)&&(0,b.jsx)("button",{type:"button",onClick:()=>{S([]),Q("")},className:"text-[11px] text-gray-500 hover:text-gray-200 underline-offset-2 hover:underline ml-2","data-testid":"clear-attr-filters",children:(0,z.t)("清除","Clear")})]}),j?(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===al.length?0===i.length?(0,b.jsx)(r.NodesEmptyState,{}):P||R.length>0?(0,b.jsx)(r.EmptyState,{variant:"nodes",title:(0,z.t)("没有节点符合当前属性筛选","No nodes match the current attribute filters"),sub:(h=[],"__NO_TEAM__"===P?h.push((0,z.t)("未分组","no-team")):P&&h.push((0,z.t)(`Team = ${P}`,`Team = ${P}`)),1===R.length?h.push((0,z.t)(`标签 ${R[0]}`,`tag ${R[0]}`)):R.length>=2&&h.push((0,z.t)(`同时具有标签 ${R.join(" 和 ")}`,`all of tags: ${R.join(" AND ")}`)),(0,z.t)(`没有节点满足：${h.join(" + ")}。清除筛选或减少标签。`,`No node satisfies: ${h.join(" + ")}. Clear filters or drop a tag.`))}):!X&&(N||T)?(0,b.jsx)(r.EmptyState,{variant:"nodes",title:(0,z.t)("还没有节点被打过标签","No nodes have been tagged yet"),sub:(0,z.t)("先在节点详情里给几个节点分配 team / tag，然后就可以按属性筛选。","Assign team / tag to a few nodes first, then attribute filters will show up.")}):(0,b.jsx)(r.EmptyState,{variant:"nodes",title:"No nodes match your filters",sub:"Try clearing search or status filters, or wait for an agent to register."}):"grid"===Y?(0,b.jsx)("div",{className:"grid min-w-0 grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4",children:al.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,"data-node-card":!0,"data-node-alias":a.alias,onClick:()=>ab(a.alias),onKeyDown:b=>{("Enter"===b.key||" "===b.key)&&(b.preventDefault(),ab(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.jsxs)("span",{className:"relative inline-flex shrink-0",children:[(0,b.jsx)(s.AliasAvatar,{alias:a.alias,size:36}),t(a.alias)>0&&(0,u.isMuted)(a.alias)&&(0,b.jsx)("span",{"aria-label":(0,z.t)("有未读（已静音）","Unread (muted)"),className:"absolute -top-0.5 -right-1 h-2.5 w-2.5 rounded-full bg-red-500/80 ring-2 ring-[#161618]"}),t(a.alias)>0&&!(0,u.isMuted)(a.alias)&&(0,b.jsx)("span",{"aria-label":(0,z.t)(`${t(a.alias)} 条未读`,`${t(a.alias)} unread`),className:"absolute -top-1 -right-1.5 min-w-[16px] h-4 px-1 rounded-full bg-red-500 text-white text-[9px] font-semibold leading-4 text-center ring-2 ring-[#161618]",children:t(a.alias)>99?"99+":t(a.alias)})]}),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}),(0,b.jsx)(I,{alias: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 ${D.SESSION_STATUS_CHIP_CLASS[c]||D.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:E(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)(q.NodeLifecycleMenu,{nodeId:m[a.alias]||a.node_id||a.alias,alias:a.alias,lifecycleState:l[a.alias],networkId:a.network_id||null,onCompleted:K,attrsSnapshot:n[a.alias]})]}),(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"})]}),al.map(a=>{let c=a.online?a.status:"offline",e=o(a.alias);return(0,b.jsxs)("div",{role:"button",tabIndex:0,"data-node-card":!0,"data-node-alias":a.alias,onClick:()=>ab(a.alias),onKeyDown:b=>{("Enter"===b.key||" "===b.key)&&(b.preventDefault(),ab(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 ${D.SESSION_STATUS_CHIP_CLASS[c]||D.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.jsxs)("span",{className:"relative inline-flex shrink-0",children:[(0,b.jsx)(s.AliasAvatar,{alias:a.alias,size:20}),t(a.alias)>0&&(0,u.isMuted)(a.alias)&&(0,b.jsx)("span",{"aria-label":(0,z.t)("有未读（已静音）","Unread (muted)"),className:"absolute -top-1 -right-1 h-2 w-2 rounded-full bg-red-500/80"}),t(a.alias)>0&&!(0,u.isMuted)(a.alias)&&(0,b.jsx)("span",{"aria-label":(0,z.t)(`${t(a.alias)} 条未读`,`${t(a.alias)} unread`),className:"absolute -top-1.5 -right-2 min-w-[15px] h-[15px] px-1 rounded-full bg-red-500 text-white text-[9px] font-semibold leading-[15px] text-center",children:t(a.alias)>99?"99+":t(a.alias)})]}),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}),(0,b.jsx)(I,{alias: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:"·"}),E(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)(q.NodeLifecycleMenu,{nodeId:m[a.alias]||a.node_id||a.alias,alias:a.alias,lifecycleState:l[a.alias],networkId:a.network_id||null,onCompleted:K,attrsSnapshot:n[a.alias]})]})]}),(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)(s.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 ${D.SESSION_STATUS_CHIP_CLASS[c]||D.SESSION_STATUS_CHIP_CLASS.offline}`,children:c}),(0,b.jsx)(q.NodeLifecycleMenu,{nodeId:m[a.alias]||a.node_id||a.alias,alias:a.alias,lifecycleState:l[a.alias],networkId:a.network_id||null,onCompleted:K,attrsSnapshot:n[a.alias]})]}),a.task&&(0,b.jsx)("div",{className:"truncate text-xs text-gray-500",children:a.task})]})]},a.alias)})]}),$&&!aa&&(0,b.jsx)(g.TaskChatPanel,{alias:$,onClose:ac})]}),$&&aa&&(0,b.jsx)(C,{alias:$,onClose:ac})]})},"decodeAliasSegment",0,F],88218)}];
 
 //# sourceMappingURL=dash-stageb-wt_app_nodes_NodesView_tsx_0patjj7._.js.map