@sleep2agi/agent-network-dashboard 0.6.3-preview.55 → 0.6.3-preview.57

package/.next/server/chunks/ssr/{app_081zy6c._.js → app_0ugqkd7._.js}

@@ -1,3 +1,3 @@
-module.exports=[1720,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(34507);let e=[180,200,220,270,300,330,30,90];function f(a){let b=0;for(let c=0;c<a.length;c++)b=31*b+a.charCodeAt(c)>>>0;let c=e[b%e.length];return{bg:`hsl(${c} 55% 22%)`,ring:`hsl(${c} 60% 45%)`,text:`hsl(${c} 80% 78%)`}}function g(a){return a?(a.trim().match(/[\p{L}\p{N}]/u)?.[0]||a.trim()[0]||"·").toUpperCase():"·"}a.s(["AliasAvatar",0,function({alias:a,size:e=28,className:h=""}){let i=(0,d.useAvatarUrl)(a),[j,k]=(0,c.useState)("loading"),[l,m]=(0,c.useState)(i);if(i!==l&&(m(i),k("loading")),i&&"error"!==j)return(0,b.jsx)("span",{className:`anet-alias-avatar relative inline-flex shrink-0 overflow-hidden rounded-full border border-[var(--border)] ${"loading"===j?"animate-pulse bg-[var(--bg-elevated)]":""} ${h}`,style:{width:e,height:e},title:a,"aria-hidden":!0,children:(0,b.jsx)("img",{src:i,alt:"",loading:"lazy",onLoad:()=>k("ready"),onError:()=>k("error"),className:`h-full w-full rounded-full object-cover transition-opacity duration-150 ${"ready"===j?"opacity-100":"opacity-0"}`})});if(/\bgrok\b|grok-build|grok测试员|grok-demo/i.test(a))return(0,b.jsx)("span",{className:`anet-alias-avatar inline-flex items-center justify-center rounded-full border border-emerald-500/45 bg-emerald-950/70 shrink-0 ${h}`,style:{width:e,height:e,backgroundImage:"url(/vendors/grok.svg)",backgroundPosition:"center",backgroundRepeat:"no-repeat",backgroundSize:"68% 68%"},title:a,"aria-hidden":!0});let n=f(a),o=Math.max(9,Math.round(.42*e));return(0,b.jsx)("span",{className:`anet-alias-avatar inline-flex items-center justify-center rounded-full border shrink-0 font-semibold ${h}`,style:{width:e,height:e,fontSize:o,backgroundColor:n.bg,borderColor:n.ring,color:n.text},title:a,"aria-hidden":!0,children:g(a)})},"aliasAvatarColors",0,f,"aliasInitial",0,g])},53142,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(38246);let e={nodes:{title:"No agents in this network",sub:"Agent sessions will appear here once they connect to the CommHub."},tasks:{title:"No tasks yet",sub:"Tasks will appear here when agents send them via CommHub."},messages:{title:"No messages",sub:"Messages between agents will appear here."},logs:{title:"No audit logs",sub:"Events will appear here when users register, login, or perform actions."},tokens:{title:"No API tokens",sub:"Create one to authenticate CLI tools and external integrations."},networks:{title:"No networks found",sub:"Create one or sign in with V3 auth to see your networks."},generic:{title:"Nothing here yet",sub:"Data will appear here once available."}};function f({variant:a,size:c}){let d={width:c,height:c},e={fill:"none",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"};switch(a){case"nodes":return(0,b.jsx)("svg",{viewBox:"0 0 64 64",...d,children:(0,b.jsxs)("g",{...e,children:[(0,b.jsx)("circle",{cx:"32",cy:"14",r:"4"}),(0,b.jsx)("circle",{cx:"14",cy:"44",r:"4"}),(0,b.jsx)("circle",{cx:"50",cy:"44",r:"4"}),(0,b.jsx)("line",{x1:"32",y1:"18",x2:"14",y2:"40",strokeDasharray:"3 3",opacity:"0.6"}),(0,b.jsx)("line",{x1:"32",y1:"18",x2:"50",y2:"40",strokeDasharray:"3 3",opacity:"0.6"}),(0,b.jsx)("line",{x1:"18",y1:"44",x2:"46",y2:"44",strokeDasharray:"3 3",opacity:"0.6"})]})});case"tasks":return(0,b.jsx)("svg",{viewBox:"0 0 64 64",...d,children:(0,b.jsxs)("g",{...e,children:[(0,b.jsx)("rect",{x:"14",y:"14",width:"36",height:"6",rx:"1.5"}),(0,b.jsx)("rect",{x:"14",y:"26",width:"36",height:"6",rx:"1.5",opacity:"0.6"}),(0,b.jsx)("rect",{x:"14",y:"38",width:"36",height:"6",rx:"1.5",opacity:"0.35"})]})});case"messages":return(0,b.jsx)("svg",{viewBox:"0 0 64 64",...d,children:(0,b.jsxs)("g",{...e,children:[(0,b.jsx)("path",{d:"M14 18 h36 a3 3 0 0 1 3 3 v18 a3 3 0 0 1 -3 3 h-18 l-8 6 v-6 h-10 a3 3 0 0 1 -3 -3 v-18 a3 3 0 0 1 3 -3 z"}),(0,b.jsx)("line",{x1:"22",y1:"28",x2:"42",y2:"28",opacity:"0.5"}),(0,b.jsx)("line",{x1:"22",y1:"34",x2:"36",y2:"34",opacity:"0.5"})]})});case"logs":return(0,b.jsx)("svg",{viewBox:"0 0 64 64",...d,children:(0,b.jsxs)("g",{...e,children:[(0,b.jsx)("path",{d:"M18 12 h22 l8 8 v32 a2 2 0 0 1 -2 2 h-28 a2 2 0 0 1 -2 -2 v-38 a2 2 0 0 1 2 -2 z"}),(0,b.jsx)("path",{d:"M40 12 v8 h8",opacity:"0.6"}),(0,b.jsx)("line",{x1:"24",y1:"32",x2:"40",y2:"32",opacity:"0.55"}),(0,b.jsx)("line",{x1:"24",y1:"38",x2:"40",y2:"38",opacity:"0.4"}),(0,b.jsx)("line",{x1:"24",y1:"44",x2:"34",y2:"44",opacity:"0.25"})]})});case"tokens":return(0,b.jsx)("svg",{viewBox:"0 0 64 64",...d,children:(0,b.jsxs)("g",{...e,children:[(0,b.jsx)("circle",{cx:"22",cy:"32",r:"8"}),(0,b.jsx)("line",{x1:"30",y1:"32",x2:"54",y2:"32"}),(0,b.jsx)("line",{x1:"44",y1:"32",x2:"44",y2:"38"}),(0,b.jsx)("line",{x1:"50",y1:"32",x2:"50",y2:"40"})]})});case"networks":return(0,b.jsx)("svg",{viewBox:"0 0 64 64",...d,children:(0,b.jsxs)("g",{...e,children:[(0,b.jsx)("circle",{cx:"32",cy:"32",r:"18"}),(0,b.jsx)("ellipse",{cx:"32",cy:"32",rx:"18",ry:"9",opacity:"0.55"}),(0,b.jsx)("line",{x1:"14",y1:"32",x2:"50",y2:"32",opacity:"0.55"}),(0,b.jsx)("line",{x1:"32",y1:"14",x2:"32",y2:"50",opacity:"0.55"})]})});default:return(0,b.jsx)("svg",{viewBox:"0 0 64 64",...d,children:(0,b.jsxs)("g",{...e,children:[(0,b.jsx)("circle",{cx:"32",cy:"32",r:"14",strokeDasharray:"3 3",opacity:"0.6"}),(0,b.jsx)("circle",{cx:"32",cy:"32",r:"3"})]})})}}function g({variant:a="generic",title:c,sub:h,cta:i,compact:j=!1}){let k=e[a],l=c??k.title,m=h??k.sub;return(0,b.jsxs)("div",{className:`text-center ${j?"py-8":"py-16"} px-4`,role:"status",children:[(0,b.jsx)("div",{className:"anet-empty-glyph inline-flex items-center justify-center mb-4 text-gray-500","aria-hidden":!0,children:(0,b.jsx)(f,{variant:a,size:j?40:56})}),(0,b.jsx)("h3",{className:`font-medium text-gray-300 ${j?"text-sm":"text-base"}`,children:l}),m&&(0,b.jsx)("p",{className:`text-gray-500 ${j?"text-xs mt-1.5":"text-sm mt-2"} max-w-md mx-auto leading-relaxed`,children:m}),i&&(0,b.jsx)("div",{className:"mt-4",children:i.href?(0,b.jsxs)(d.default,{href:i.href,className:"inline-flex items-center gap-1.5 text-sm font-medium text-cyan-400 hover:text-cyan-300",children:[i.label,(0,b.jsx)("span",{"aria-hidden":!0,children:"→"})]}):(0,b.jsxs)("button",{onClick:i.onClick,className:"inline-flex items-center gap-1.5 text-sm font-medium text-cyan-400 hover:text-cyan-300",children:[i.label,(0,b.jsx)("span",{"aria-hidden":!0,children:"→"})]})})]})}function h({children:a}){return(0,b.jsx)("div",{className:"max-w-2xl mx-auto rounded-xl border border-[#26262b] bg-[#161618] shadow-lg shadow-black/20",children:a})}function i({cmd:a}){let[d,e]=(0,c.useState)(!1),f=async()=>{try{await navigator.clipboard.writeText(a),e(!0),setTimeout(()=>e(!1),1800)}catch{}};return(0,b.jsxs)("div",{className:"anet-empty-cmd flex items-start sm:items-center gap-2 bg-[#0e0e10] border border-[#26262b] rounded-lg pl-4 pr-1.5 py-1.5 text-xs sm:text-sm",children:[(0,b.jsx)("code",{className:"text-cyan-300 font-mono select-all min-w-0 break-all sm:break-normal",children:a}),(0,b.jsx)("button",{type:"button",onClick:f,"aria-label":d?"Copied":"Copy command",className:"shrink-0 rounded-md px-2 py-1.5 text-[11px] text-gray-500 hover:text-gray-200 hover:bg-[#1c1c1f] transition-colors",children:d?(0,b.jsxs)("span",{className:"flex items-center gap-1 text-green-400",children:[(0,b.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,b.jsx)("path",{d:"M20 6 9 17l-5-5"})}),"Copied"]}):(0,b.jsxs)("span",{className:"flex items-center gap-1",children:[(0,b.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),(0,b.jsx)("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})]}),"Copy"]})})]})}a.s(["EmptyState",0,g,"NodesEmptyState",0,function({hint:a,taskHistoryCount:c=0}){return a?.global_count?(0,b.jsx)(h,{children:(0,b.jsx)(g,{variant:"nodes",title:"No agents in this network",sub:`Server has ${a.global_count} nodes globally, but none are registered to the current network. Switch network or contact admin.`})}):c>0?(0,b.jsx)(h,{children:(0,b.jsx)(g,{variant:"nodes",title:"No agents online",sub:`Every agent in this network is currently offline. ${c.toLocaleString()} task${1===c?"":"s"} in history — they may have finished their work or disconnected.`,cta:{label:"View task history",href:"/tasks"}})}):(0,b.jsx)(h,{children:(0,b.jsxs)("div",{className:"text-center py-16 px-4",role:"status",children:[(0,b.jsx)("div",{className:"anet-empty-glyph inline-flex items-center justify-center mb-4 text-gray-500","aria-hidden":!0,children:(0,b.jsx)("svg",{viewBox:"0 0 64 64",width:56,height:56,children:(0,b.jsxs)("g",{stroke:"currentColor",strokeWidth:"1.5",fill:"none",children:[(0,b.jsx)("rect",{x:"10",y:"20",width:"44",height:"28",rx:"2"}),(0,b.jsx)("rect",{x:"20",y:"32",width:"6",height:"8",opacity:"0.5"}),(0,b.jsx)("rect",{x:"32",y:"32",width:"6",height:"8",opacity:"0.5"}),(0,b.jsx)("rect",{x:"44",y:"32",width:"4",height:"8",opacity:"0.5"}),(0,b.jsx)("line",{x1:"10",y1:"26",x2:"54",y2:"26",opacity:"0.4"}),(0,b.jsx)("circle",{cx:"14",cy:"23",r:"0.8",fill:"currentColor"})]})})}),(0,b.jsx)("h3",{className:"font-medium text-gray-300 text-base",children:"Spin up your first agent"}),(0,b.jsx)("p",{className:"text-gray-500 text-sm mt-2 max-w-md mx-auto leading-relaxed",children:"Run this in a fresh terminal to register an agent with this CommHub:"}),(0,b.jsx)("div",{className:"mt-4 inline-block",children:(0,b.jsx)(i,{cmd:"npx --yes @sleep2agi/agent-network init"})}),(0,b.jsx)("p",{className:"text-gray-600 text-xs mt-3 max-w-md mx-auto",children:"Once the agent connects, it appears here automatically within a few seconds — no refresh needed."}),(0,b.jsx)("div",{className:"mt-3",children:(0,b.jsxs)("a",{href:"https://anet.sh",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-1.5 text-xs font-medium text-gray-500 hover:text-cyan-300",children:["Full quickstart guide",(0,b.jsx)("span",{"aria-hidden":!0,children:"→"})]})})]})})}])},43515,a=>{"use strict";var b=a.i(89706);a.s(["previewContent",0,function(a){return a&&a.replace(/!\[([^\]]*)\]\([^)]*\)/g,"$1").replace(/\[([^\]]+)\]\([^)]*\)/g,"$1").replace(/`([^`]+)`/g,"$1").replace(/\s+/g," ").trim()||"--"},"timeAgo",0,function(a){return(0,b.relativeAgo)(a)??"--"}])},51904,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(38246),e=a.i(43515),f=a.i(53142),g=a.i(1720),h=a.i(72596);let i=a=>fetch(a).then(a=>a.json());a.s(["default",0,function(){let{data:a,mutate:j}=(0,h.default)("/api/hub/networks",i,{refreshInterval:1e4}),k=a?.networks||[],l=!a,[m,n]=(0,c.useState)(""),[o,p]=(0,c.useState)(""),[q,r]=(0,c.useState)(""),[s,t]=(0,c.useState)(null),[u,v]=(0,c.useState)(null),[w,x]=(0,c.useState)({}),[y,z]=(0,c.useState)("member"),[A,B]=(0,c.useState)(""),C=()=>{try{let a=sessionStorage.getItem("anet_v3_auth");if(a)return JSON.parse(a).token}catch{}return""},D=async()=>{if(!m.trim())return;let a=C();if(!a)return void r("V3 auth required — sign in via Agent Network login");let b=await fetch("/api/hub/auth",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"create_network",token:a,name:m,description:o})}),c=await b.json();r(c.ok?`Created: ${c.network_id}`:`Failed: ${c.error}`),c.ok&&(n(""),p(""),j()),setTimeout(()=>r(""),5e3)},E=async a=>{let b=C();if(!b)return;let c=await fetch("/api/hub/auth",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"delete_network",token:b,network_id:a})}),d=await c.json();r(d.ok?"Deleted":`Failed: ${d.error}`),t(null),d.ok&&j(),setTimeout(()=>r(""),5e3)},F=async a=>{let b=C();if(!b)return;let c=await fetch(`/api/hub/auth?endpoint=/api/networks/${a}/members&token=${b}`),d=await c.json();x(b=>({...b,[a]:d.members||[]}))},G=async a=>{let b=C();if(!b)return;let c=await fetch("/api/hub/auth",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"invite_member",token:b,network_id:a,role:y})}),d=await c.json();d.ok&&d.invite_code?B(d.invite_code):r(`Invite failed: ${d.error}`)};return(0,b.jsxs)("div",{className:"min-h-screen bg-[#0b0b0d] text-gray-100 p-4 sm:p-6",children:[(0,b.jsxs)("div",{className:"mb-6",children:[(0,b.jsx)(d.default,{href:"/settings",className:"inline-block text-gray-500 hover:text-gray-300 text-sm lg:ml-0 ml-10 mb-1",children:"← Settings"}),(0,b.jsx)("h1",{className:"text-2xl font-bold text-white",children:"Networks"})]}),(0,b.jsxs)("div",{className:"max-w-2xl space-y-6",children:[(0,b.jsxs)("section",{className:"bg-[#161618] border border-[#26262b] rounded-xl p-5",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-3",children:"Create Network"}),(0,b.jsxs)("div",{className:"space-y-3",children:[(0,b.jsx)("input",{type:"text",value:m,onChange:a=>n(a.target.value),placeholder:"Network name",className:"w-full bg-[#0e0e10] border border-[#26262b] rounded-lg px-3 py-2 text-base sm:text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:outline-none"}),(0,b.jsx)("input",{type:"text",value:o,onChange:a=>p(a.target.value),placeholder:"Description (optional)",className:"w-full bg-[#0e0e10] border border-[#26262b] rounded-lg px-3 py-2 text-base sm:text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:outline-none"}),(0,b.jsx)("button",{onClick:D,disabled:!m.trim(),className:"px-4 py-2 bg-green-600 hover:bg-green-500 disabled:bg-gray-800 text-white text-sm rounded-lg transition-colors",children:"Create"})]}),q&&(0,b.jsx)("div",{className:`mt-2 text-xs ${q.startsWith("Failed")||q.startsWith("V3")||q.startsWith("Invite")?"text-red-400":"text-green-400"}`,children:q})]}),(0,b.jsxs)("section",{className:"bg-[#161618] border border-[#26262b] rounded-xl p-5",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300",children:"My Networks"}),k.length>3&&(0,b.jsxs)("span",{className:"text-[10px] text-gray-600 uppercase tracking-wide",children:[k.length," total"]})]}),l?(0,b.jsx)("div",{className:"animate-pulse space-y-2",children:[1,2].map(a=>(0,b.jsx)("div",{className:"h-14 bg-gray-800/20 rounded"},a))}):0===k.length?(0,b.jsx)(f.EmptyState,{variant:"networks",compact:!0,sub:"Create your first network above, or sign in with V3 auth to see existing ones."}):(0,b.jsx)("div",{className:"space-y-3",children:k.map(a=>(0,b.jsxs)("div",{className:"bg-[#0e0e10] rounded-lg px-4 py-3 border border-[#1c1c1f]",children:[(0,b.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,b.jsxs)("div",{className:"flex items-start gap-3 min-w-0",children:[(0,b.jsx)(g.AliasAvatar,{alias:a.network_name,size:28}),(0,b.jsxs)("div",{className:"min-w-0",children:[(0,b.jsx)("div",{className:"text-sm text-white font-medium truncate",children:a.network_name}),(0,b.jsxs)("div",{className:"text-[10px] text-gray-500 font-mono truncate",title:a.network_id,children:[a.network_id," · ",(0,e.timeAgo)(a.created_at)]}),a.description&&(0,b.jsx)("div",{className:"text-xs text-gray-400 mt-1",children:a.description})]})]}),(0,b.jsxs)("div",{className:"flex gap-2 shrink-0",children:[(0,b.jsx)("button",{onClick:()=>{u===a.network_id?v(null):(v(a.network_id),F(a.network_id))},className:"text-xs text-cyan-400 hover:text-cyan-300 px-2 py-1 rounded border border-cyan-800/30 hover:bg-cyan-500/10",children:u===a.network_id?"Hide":"Members"}),s===a.network_id?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("button",{onClick:()=>E(a.network_id),className:"text-xs text-red-400 px-2 py-1 rounded border border-red-800/30 bg-red-500/10",children:"Confirm"}),(0,b.jsx)("button",{onClick:()=>t(null),className:"text-xs text-gray-500",children:"Cancel"})]}):(0,b.jsx)("button",{onClick:()=>t(a.network_id),className:"text-xs text-red-400 hover:text-red-300 px-2 py-1 rounded border border-red-800/30 hover:bg-red-500/10",children:"Delete"})]})]}),u===a.network_id&&(0,b.jsxs)("div",{className:"mt-3 pt-3 border-t border-[#1c1c1f]",children:[(0,b.jsxs)("div",{className:"text-xs text-gray-500 mb-2",children:["Members (",(w[a.network_id]||[]).length,")"]}),0===(w[a.network_id]||[]).length?(0,b.jsx)("div",{className:"text-[10px] text-gray-600",children:"No members or V3 auth required"}):(w[a.network_id]||[]).map(a=>{let c=a.username||a.display_name||"?";return(0,b.jsxs)("div",{className:"flex items-center gap-2 justify-between text-xs py-1",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,b.jsx)(g.AliasAvatar,{alias:c,size:16}),(0,b.jsx)("span",{className:"text-gray-300 truncate",children:c})]}),(0,b.jsx)("span",{className:`px-1.5 py-0.5 rounded border text-[10px] shrink-0 ${"owner"===a.role?"text-yellow-300 border-yellow-500/20":"text-gray-400 border-gray-600/20"}`,children:a.role})]},a.user_id)}),(0,b.jsxs)("div",{className:"mt-3 pt-3 border-t border-[#1c1c1f]",children:[(0,b.jsx)("div",{className:"text-xs text-gray-500 mb-2",children:"Invite"}),(0,b.jsxs)("div",{className:"flex gap-2",children:[(0,b.jsxs)("select",{value:y,onChange:a=>z(a.target.value),className:"bg-[#0e0e10] border border-[#26262b] rounded px-2 py-1 text-base sm:text-xs text-white focus:outline-none",children:[(0,b.jsx)("option",{value:"member",children:"member"}),(0,b.jsx)("option",{value:"admin",children:"admin"}),(0,b.jsx)("option",{value:"viewer",children:"viewer"})]}),(0,b.jsx)("button",{onClick:()=>G(a.network_id),className:"px-2 py-1 bg-green-600 hover:bg-green-500 text-white text-xs rounded",children:"Generate Code"})]}),A&&(0,b.jsxs)("div",{className:"mt-2 bg-green-500/5 border border-green-500/20 rounded px-3 py-2",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between mb-1",children:[(0,b.jsx)("div",{className:"text-[10px] text-green-400 uppercase tracking-wide",children:"Invite code"}),(0,b.jsx)("button",{type:"button",onClick:()=>{navigator.clipboard?.writeText(A).catch(()=>{})},className:"text-[10px] text-green-300 hover:text-green-200 px-1.5 py-0.5 rounded border border-green-500/20 hover:bg-green-500/10",children:"Copy"})]}),(0,b.jsx)("code",{className:"text-xs text-green-300 select-all break-all",children:A})]})]})]})]},a.network_id))})]})]})]})}])}];
+module.exports=[1720,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(34507);let e=[180,200,220,270,300,330,30,90];function f(a){let b=0;for(let c=0;c<a.length;c++)b=31*b+a.charCodeAt(c)>>>0;let c=e[b%e.length];return{bg:`hsl(${c} 55% 22%)`,ring:`hsl(${c} 60% 45%)`,text:`hsl(${c} 80% 78%)`}}function g(a){return a?(a.trim().match(/[\p{L}\p{N}]/u)?.[0]||a.trim()[0]||"·").toUpperCase():"·"}a.s(["AliasAvatar",0,function({alias:a,size:e=28,className:h=""}){let i=(0,d.useAvatarUrl)(a),[j,k]=(0,c.useState)("loading"),[l,m]=(0,c.useState)(i);if(i!==l&&(m(i),k("loading")),i&&"error"!==j)return(0,b.jsx)("span",{className:`anet-alias-avatar relative inline-flex shrink-0 overflow-hidden rounded-full border border-[var(--border)] ${"loading"===j?"animate-pulse bg-[var(--bg-elevated)]":""} ${h}`,style:{width:e,height:e},title:a,"aria-hidden":!0,children:(0,b.jsx)("img",{src:i,alt:"",loading:"lazy",onLoad:()=>k("ready"),onError:()=>k("error"),className:`h-full w-full rounded-full object-cover transition-opacity duration-150 ${"ready"===j?"opacity-100":"opacity-0"}`})});if(/\bgrok\b|grok-build|grok测试员|grok-demo/i.test(a))return(0,b.jsx)("span",{className:`anet-alias-avatar inline-flex items-center justify-center rounded-full border border-emerald-500/45 bg-emerald-950/70 shrink-0 ${h}`,style:{width:e,height:e,backgroundImage:"url(/vendors/grok.svg)",backgroundPosition:"center",backgroundRepeat:"no-repeat",backgroundSize:"68% 68%"},title:a,"aria-hidden":!0});let n=f(a),o=Math.max(9,Math.round(.42*e));return(0,b.jsx)("span",{className:`anet-alias-avatar inline-flex items-center justify-center rounded-full border shrink-0 font-semibold ${h}`,style:{width:e,height:e,fontSize:o,backgroundColor:n.bg,borderColor:n.ring,color:n.text},title:a,"aria-hidden":!0,children:g(a)})},"aliasAvatarColors",0,f,"aliasInitial",0,g])},53142,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(38246);let e={nodes:{title:"No agents in this network",sub:"Agent sessions will appear here once they connect to the CommHub."},tasks:{title:"No tasks yet",sub:"Tasks will appear here when agents send them via CommHub."},messages:{title:"No messages",sub:"Messages between agents will appear here."},logs:{title:"No audit logs",sub:"Events will appear here when users register, login, or perform actions."},tokens:{title:"No API tokens",sub:"Create one to authenticate CLI tools and external integrations."},networks:{title:"No networks found",sub:"Create one or sign in with V3 auth to see your networks."},generic:{title:"Nothing here yet",sub:"Data will appear here once available."}};function f({variant:a,size:c}){let d={width:c,height:c},e={fill:"none",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"};switch(a){case"nodes":return(0,b.jsx)("svg",{viewBox:"0 0 64 64",...d,children:(0,b.jsxs)("g",{...e,children:[(0,b.jsx)("circle",{cx:"32",cy:"14",r:"4"}),(0,b.jsx)("circle",{cx:"14",cy:"44",r:"4"}),(0,b.jsx)("circle",{cx:"50",cy:"44",r:"4"}),(0,b.jsx)("line",{x1:"32",y1:"18",x2:"14",y2:"40",strokeDasharray:"3 3",opacity:"0.6"}),(0,b.jsx)("line",{x1:"32",y1:"18",x2:"50",y2:"40",strokeDasharray:"3 3",opacity:"0.6"}),(0,b.jsx)("line",{x1:"18",y1:"44",x2:"46",y2:"44",strokeDasharray:"3 3",opacity:"0.6"})]})});case"tasks":return(0,b.jsx)("svg",{viewBox:"0 0 64 64",...d,children:(0,b.jsxs)("g",{...e,children:[(0,b.jsx)("rect",{x:"14",y:"14",width:"36",height:"6",rx:"1.5"}),(0,b.jsx)("rect",{x:"14",y:"26",width:"36",height:"6",rx:"1.5",opacity:"0.6"}),(0,b.jsx)("rect",{x:"14",y:"38",width:"36",height:"6",rx:"1.5",opacity:"0.35"})]})});case"messages":return(0,b.jsx)("svg",{viewBox:"0 0 64 64",...d,children:(0,b.jsxs)("g",{...e,children:[(0,b.jsx)("path",{d:"M14 18 h36 a3 3 0 0 1 3 3 v18 a3 3 0 0 1 -3 3 h-18 l-8 6 v-6 h-10 a3 3 0 0 1 -3 -3 v-18 a3 3 0 0 1 3 -3 z"}),(0,b.jsx)("line",{x1:"22",y1:"28",x2:"42",y2:"28",opacity:"0.5"}),(0,b.jsx)("line",{x1:"22",y1:"34",x2:"36",y2:"34",opacity:"0.5"})]})});case"logs":return(0,b.jsx)("svg",{viewBox:"0 0 64 64",...d,children:(0,b.jsxs)("g",{...e,children:[(0,b.jsx)("path",{d:"M18 12 h22 l8 8 v32 a2 2 0 0 1 -2 2 h-28 a2 2 0 0 1 -2 -2 v-38 a2 2 0 0 1 2 -2 z"}),(0,b.jsx)("path",{d:"M40 12 v8 h8",opacity:"0.6"}),(0,b.jsx)("line",{x1:"24",y1:"32",x2:"40",y2:"32",opacity:"0.55"}),(0,b.jsx)("line",{x1:"24",y1:"38",x2:"40",y2:"38",opacity:"0.4"}),(0,b.jsx)("line",{x1:"24",y1:"44",x2:"34",y2:"44",opacity:"0.25"})]})});case"tokens":return(0,b.jsx)("svg",{viewBox:"0 0 64 64",...d,children:(0,b.jsxs)("g",{...e,children:[(0,b.jsx)("circle",{cx:"22",cy:"32",r:"8"}),(0,b.jsx)("line",{x1:"30",y1:"32",x2:"54",y2:"32"}),(0,b.jsx)("line",{x1:"44",y1:"32",x2:"44",y2:"38"}),(0,b.jsx)("line",{x1:"50",y1:"32",x2:"50",y2:"40"})]})});case"networks":return(0,b.jsx)("svg",{viewBox:"0 0 64 64",...d,children:(0,b.jsxs)("g",{...e,children:[(0,b.jsx)("circle",{cx:"32",cy:"32",r:"18"}),(0,b.jsx)("ellipse",{cx:"32",cy:"32",rx:"18",ry:"9",opacity:"0.55"}),(0,b.jsx)("line",{x1:"14",y1:"32",x2:"50",y2:"32",opacity:"0.55"}),(0,b.jsx)("line",{x1:"32",y1:"14",x2:"32",y2:"50",opacity:"0.55"})]})});default:return(0,b.jsx)("svg",{viewBox:"0 0 64 64",...d,children:(0,b.jsxs)("g",{...e,children:[(0,b.jsx)("circle",{cx:"32",cy:"32",r:"14",strokeDasharray:"3 3",opacity:"0.6"}),(0,b.jsx)("circle",{cx:"32",cy:"32",r:"3"})]})})}}function g({variant:a="generic",title:c,sub:h,cta:i,compact:j=!1}){let k=e[a],l=c??k.title,m=h??k.sub;return(0,b.jsxs)("div",{className:`text-center ${j?"py-8":"py-16"} px-4`,role:"status",children:[(0,b.jsx)("div",{className:"anet-empty-glyph inline-flex items-center justify-center mb-4 text-gray-500","aria-hidden":!0,children:(0,b.jsx)(f,{variant:a,size:j?40:56})}),(0,b.jsx)("h3",{className:`font-medium text-gray-300 ${j?"text-sm":"text-base"}`,children:l}),m&&(0,b.jsx)("p",{className:`text-gray-500 ${j?"text-xs mt-1.5":"text-sm mt-2"} max-w-md mx-auto leading-relaxed`,children:m}),i&&(0,b.jsx)("div",{className:"mt-4",children:i.href?(0,b.jsxs)(d.default,{href:i.href,className:"inline-flex items-center gap-1.5 text-sm font-medium text-cyan-400 hover:text-cyan-300",children:[i.label,(0,b.jsx)("span",{"aria-hidden":!0,children:"→"})]}):(0,b.jsxs)("button",{onClick:i.onClick,className:"inline-flex items-center gap-1.5 text-sm font-medium text-cyan-400 hover:text-cyan-300",children:[i.label,(0,b.jsx)("span",{"aria-hidden":!0,children:"→"})]})})]})}function h({children:a}){return(0,b.jsx)("div",{className:"max-w-2xl mx-auto rounded-xl border border-[#26262b] bg-[#161618] shadow-lg shadow-black/20",children:a})}function i({cmd:a}){let[d,e]=(0,c.useState)(!1),f=async()=>{try{await navigator.clipboard.writeText(a),e(!0),setTimeout(()=>e(!1),1800)}catch{}};return(0,b.jsxs)("div",{className:"anet-empty-cmd flex items-start sm:items-center gap-2 bg-[#0e0e10] border border-[#26262b] rounded-lg pl-4 pr-1.5 py-1.5 text-xs sm:text-sm",children:[(0,b.jsx)("code",{className:"text-cyan-300 font-mono select-all min-w-0 break-all sm:break-normal",children:a}),(0,b.jsx)("button",{type:"button",onClick:f,"aria-label":d?"Copied":"Copy command",className:"shrink-0 rounded-md px-2 py-1.5 text-[11px] text-gray-500 hover:text-gray-200 hover:bg-[#1c1c1f] transition-colors",children:d?(0,b.jsxs)("span",{className:"flex items-center gap-1 text-green-400",children:[(0,b.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,b.jsx)("path",{d:"M20 6 9 17l-5-5"})}),"Copied"]}):(0,b.jsxs)("span",{className:"flex items-center gap-1",children:[(0,b.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),(0,b.jsx)("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})]}),"Copy"]})})]})}a.s(["EmptyState",0,g,"NodesEmptyState",0,function({hint:a,taskHistoryCount:c=0}){return a?.global_count?(0,b.jsx)(h,{children:(0,b.jsx)(g,{variant:"nodes",title:"No agents in this network",sub:`Server has ${a.global_count} nodes globally, but none are registered to the current network. Switch network or contact admin.`})}):c>0?(0,b.jsx)(h,{children:(0,b.jsx)(g,{variant:"nodes",title:"No agents online",sub:`Every agent in this network is currently offline. ${c.toLocaleString()} task${1===c?"":"s"} in history — they may have finished their work or disconnected.`,cta:{label:"View task history",href:"/tasks"}})}):(0,b.jsx)(h,{children:(0,b.jsxs)("div",{className:"text-center py-16 px-4",role:"status",children:[(0,b.jsx)("div",{className:"anet-empty-glyph inline-flex items-center justify-center mb-4 text-gray-500","aria-hidden":!0,children:(0,b.jsx)("svg",{viewBox:"0 0 64 64",width:56,height:56,children:(0,b.jsxs)("g",{stroke:"currentColor",strokeWidth:"1.5",fill:"none",children:[(0,b.jsx)("rect",{x:"10",y:"20",width:"44",height:"28",rx:"2"}),(0,b.jsx)("rect",{x:"20",y:"32",width:"6",height:"8",opacity:"0.5"}),(0,b.jsx)("rect",{x:"32",y:"32",width:"6",height:"8",opacity:"0.5"}),(0,b.jsx)("rect",{x:"44",y:"32",width:"4",height:"8",opacity:"0.5"}),(0,b.jsx)("line",{x1:"10",y1:"26",x2:"54",y2:"26",opacity:"0.4"}),(0,b.jsx)("circle",{cx:"14",cy:"23",r:"0.8",fill:"currentColor"})]})})}),(0,b.jsx)("h3",{className:"font-medium text-gray-300 text-base",children:"Spin up your first agent"}),(0,b.jsx)("p",{className:"text-gray-500 text-sm mt-2 max-w-md mx-auto leading-relaxed",children:"Run this in a fresh terminal to register an agent with this CommHub:"}),(0,b.jsx)("div",{className:"mt-4 inline-block",children:(0,b.jsx)(i,{cmd:"npx --yes @sleep2agi/agent-network init"})}),(0,b.jsx)("p",{className:"text-gray-600 text-xs mt-3 max-w-md mx-auto",children:"Once the agent connects, it appears here automatically within a few seconds — no refresh needed."}),(0,b.jsx)("div",{className:"mt-3",children:(0,b.jsxs)("a",{href:"https://anet.sh",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-1.5 text-xs font-medium text-gray-500 hover:text-cyan-300",children:["Full quickstart guide",(0,b.jsx)("span",{"aria-hidden":!0,children:"→"})]})})]})})}])},43515,a=>{"use strict";var b=a.i(89706);a.s(["previewContent",0,function(a){return a&&a.replace(/!\[([^\]]*)\]\([^)]*\)/g,"$1").replace(/\[([^\]]+)\]\([^)]*\)/g,"$1").replace(/`([^`]+)`/g,"$1").replace(/\s+/g," ").trim()||"--"},"timeAgo",0,function(a){return(0,b.relativeAgo)(a)??"--"}])},51904,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(38246),e=a.i(43515),f=a.i(53142),g=a.i(1720),h=a.i(72596);let i=async a=>{let b=await fetch(a);if(!b.ok)throw Error(`HTTP ${b.status}`);return b.json()};a.s(["default",0,function(){let{data:a,mutate:j}=(0,h.default)("/api/hub/networks",i,{refreshInterval:1e4}),k=a?.networks||[],l=!a,[m,n]=(0,c.useState)(""),[o,p]=(0,c.useState)(""),[q,r]=(0,c.useState)(""),[s,t]=(0,c.useState)(null),[u,v]=(0,c.useState)(null),[w,x]=(0,c.useState)({}),[y,z]=(0,c.useState)("member"),[A,B]=(0,c.useState)(""),C=()=>{try{let a=sessionStorage.getItem("anet_v3_auth");if(a)return JSON.parse(a).token}catch{}return""},D=async()=>{if(!m.trim())return;let a=C();if(!a)return void r("V3 auth required — sign in via Agent Network login");let b=await fetch("/api/hub/auth",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"create_network",token:a,name:m,description:o})}),c=await b.json();r(c.ok?`Created: ${c.network_id}`:`Failed: ${c.error}`),c.ok&&(n(""),p(""),j()),setTimeout(()=>r(""),5e3)},E=async a=>{let b=C();if(!b)return;let c=await fetch("/api/hub/auth",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"delete_network",token:b,network_id:a})}),d=await c.json();r(d.ok?"Deleted":`Failed: ${d.error}`),t(null),d.ok&&j(),setTimeout(()=>r(""),5e3)},F=async a=>{let b=C();if(!b)return;let c=await fetch(`/api/hub/auth?endpoint=/api/networks/${a}/members&token=${b}`),d=await c.json();x(b=>({...b,[a]:d.members||[]}))},G=async a=>{let b=C();if(!b)return;let c=await fetch("/api/hub/auth",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"invite_member",token:b,network_id:a,role:y})}),d=await c.json();d.ok&&d.invite_code?B(d.invite_code):r(`Invite failed: ${d.error}`)};return(0,b.jsxs)("div",{className:"min-h-screen bg-[#0b0b0d] text-gray-100 p-4 sm:p-6",children:[(0,b.jsxs)("div",{className:"mb-6",children:[(0,b.jsx)(d.default,{href:"/settings",className:"inline-block text-gray-500 hover:text-gray-300 text-sm lg:ml-0 ml-10 mb-1",children:"← Settings"}),(0,b.jsx)("h1",{className:"text-2xl font-bold text-white",children:"Networks"})]}),(0,b.jsxs)("div",{className:"max-w-2xl space-y-6",children:[(0,b.jsxs)("section",{className:"bg-[#161618] border border-[#26262b] rounded-xl p-5",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300 mb-3",children:"Create Network"}),(0,b.jsxs)("div",{className:"space-y-3",children:[(0,b.jsx)("input",{type:"text",value:m,onChange:a=>n(a.target.value),placeholder:"Network name",className:"w-full bg-[#0e0e10] border border-[#26262b] rounded-lg px-3 py-2 text-base sm:text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:outline-none"}),(0,b.jsx)("input",{type:"text",value:o,onChange:a=>p(a.target.value),placeholder:"Description (optional)",className:"w-full bg-[#0e0e10] border border-[#26262b] rounded-lg px-3 py-2 text-base sm:text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:outline-none"}),(0,b.jsx)("button",{onClick:D,disabled:!m.trim(),className:"px-4 py-2 bg-green-600 hover:bg-green-500 disabled:bg-gray-800 text-white text-sm rounded-lg transition-colors",children:"Create"})]}),q&&(0,b.jsx)("div",{className:`mt-2 text-xs ${q.startsWith("Failed")||q.startsWith("V3")||q.startsWith("Invite")?"text-red-400":"text-green-400"}`,children:q})]}),(0,b.jsxs)("section",{className:"bg-[#161618] border border-[#26262b] rounded-xl p-5",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300",children:"My Networks"}),k.length>3&&(0,b.jsxs)("span",{className:"text-[10px] text-gray-600 uppercase tracking-wide",children:[k.length," total"]})]}),l?(0,b.jsx)("div",{className:"animate-pulse space-y-2",children:[1,2].map(a=>(0,b.jsx)("div",{className:"h-14 bg-gray-800/20 rounded"},a))}):0===k.length?(0,b.jsx)(f.EmptyState,{variant:"networks",compact:!0,sub:"Create your first network above, or sign in with V3 auth to see existing ones."}):(0,b.jsx)("div",{className:"space-y-3",children:k.map(a=>(0,b.jsxs)("div",{className:"bg-[#0e0e10] rounded-lg px-4 py-3 border border-[#1c1c1f]",children:[(0,b.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,b.jsxs)("div",{className:"flex items-start gap-3 min-w-0",children:[(0,b.jsx)(g.AliasAvatar,{alias:a.network_name,size:28}),(0,b.jsxs)("div",{className:"min-w-0",children:[(0,b.jsx)("div",{className:"text-sm text-white font-medium truncate",children:a.network_name}),(0,b.jsxs)("div",{className:"text-[10px] text-gray-500 font-mono truncate",title:a.network_id,children:[a.network_id," · ",(0,e.timeAgo)(a.created_at)]}),a.description&&(0,b.jsx)("div",{className:"text-xs text-gray-400 mt-1",children:a.description})]})]}),(0,b.jsxs)("div",{className:"flex gap-2 shrink-0",children:[(0,b.jsx)("button",{onClick:()=>{u===a.network_id?v(null):(v(a.network_id),F(a.network_id))},className:"text-xs text-cyan-400 hover:text-cyan-300 px-2 py-1 rounded border border-cyan-800/30 hover:bg-cyan-500/10",children:u===a.network_id?"Hide":"Members"}),s===a.network_id?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("button",{onClick:()=>E(a.network_id),className:"text-xs text-red-400 px-2 py-1 rounded border border-red-800/30 bg-red-500/10",children:"Confirm"}),(0,b.jsx)("button",{onClick:()=>t(null),className:"text-xs text-gray-500",children:"Cancel"})]}):(0,b.jsx)("button",{onClick:()=>t(a.network_id),className:"text-xs text-red-400 hover:text-red-300 px-2 py-1 rounded border border-red-800/30 hover:bg-red-500/10",children:"Delete"})]})]}),u===a.network_id&&(0,b.jsxs)("div",{className:"mt-3 pt-3 border-t border-[#1c1c1f]",children:[(0,b.jsxs)("div",{className:"text-xs text-gray-500 mb-2",children:["Members (",(w[a.network_id]||[]).length,")"]}),0===(w[a.network_id]||[]).length?(0,b.jsx)("div",{className:"text-[10px] text-gray-600",children:"No members or V3 auth required"}):(w[a.network_id]||[]).map(a=>{let c=a.username||a.display_name||"?";return(0,b.jsxs)("div",{className:"flex items-center gap-2 justify-between text-xs py-1",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,b.jsx)(g.AliasAvatar,{alias:c,size:16}),(0,b.jsx)("span",{className:"text-gray-300 truncate",children:c})]}),(0,b.jsx)("span",{className:`px-1.5 py-0.5 rounded border text-[10px] shrink-0 ${"owner"===a.role?"text-yellow-300 border-yellow-500/20":"text-gray-400 border-gray-600/20"}`,children:a.role})]},a.user_id)}),(0,b.jsxs)("div",{className:"mt-3 pt-3 border-t border-[#1c1c1f]",children:[(0,b.jsx)("div",{className:"text-xs text-gray-500 mb-2",children:"Invite"}),(0,b.jsxs)("div",{className:"flex gap-2",children:[(0,b.jsxs)("select",{value:y,onChange:a=>z(a.target.value),className:"bg-[#0e0e10] border border-[#26262b] rounded px-2 py-1 text-base sm:text-xs text-white focus:outline-none",children:[(0,b.jsx)("option",{value:"member",children:"member"}),(0,b.jsx)("option",{value:"admin",children:"admin"}),(0,b.jsx)("option",{value:"viewer",children:"viewer"})]}),(0,b.jsx)("button",{onClick:()=>G(a.network_id),className:"px-2 py-1 bg-green-600 hover:bg-green-500 text-white text-xs rounded",children:"Generate Code"})]}),A&&(0,b.jsxs)("div",{className:"mt-2 bg-green-500/5 border border-green-500/20 rounded px-3 py-2",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between mb-1",children:[(0,b.jsx)("div",{className:"text-[10px] text-green-400 uppercase tracking-wide",children:"Invite code"}),(0,b.jsx)("button",{type:"button",onClick:()=>{navigator.clipboard?.writeText(A).catch(()=>{})},className:"text-[10px] text-green-300 hover:text-green-200 px-1.5 py-0.5 rounded border border-green-500/20 hover:bg-green-500/10",children:"Copy"})]}),(0,b.jsx)("code",{className:"text-xs text-green-300 select-all break-all",children:A})]})]})]})]},a.network_id))})]})]})]})}])}];
 
-//# sourceMappingURL=app_081zy6c._.js.map
+//# sourceMappingURL=app_0ugqkd7._.js.map

package/.next/server/chunks/ssr/app_0ugqkd7._.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../app/components/AliasAvatar.tsx","../../../../app/components/EmptyState.tsx","../../../../app/components/utils.ts","../../../../app/settings/networks/page.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { useAvatarUrl } from '../lib/avatars';\n\n/** Hue-hashed avatar pill for agent aliases. Same alias → same color across\n *  every page (Messages, Nodes, TopoGraph). Use the `size` prop for inline\n *  pills (16/20) vs card headers (28). Round 21 introduced the palette;\n *  round 22 promotes it from app/messages to a shared component. */\n\nconst AVATAR_HUES = [180, 200, 220, 270, 300, 330, 30, 90];\n\nexport function aliasAvatarColors(alias: string): { bg: string; ring: string; text: string } {\n  let h = 0;\n  for (let i = 0; i < alias.length; i++) h = (h * 31 + alias.charCodeAt(i)) >>> 0;\n  const hue = AVATAR_HUES[h % AVATAR_HUES.length];\n  return {\n    bg: `hsl(${hue} 55% 22%)`,\n    ring: `hsl(${hue} 60% 45%)`,\n    text: `hsl(${hue} 80% 78%)`,\n  };\n}\n\nexport function aliasInitial(alias?: string): string {\n  if (!alias) return '·';\n  const ch = alias.trim().match(/[\\p{L}\\p{N}]/u)?.[0] || alias.trim()[0] || '·';\n  return ch.toUpperCase();\n}\n\nfunction isGrokAlias(alias: string) {\n  return /\\bgrok\\b|grok-build|grok测试员|grok-demo/i.test(alias);\n}\n\ninterface AliasAvatarProps {\n  alias: string;\n  size?: number;\n  className?: string;\n}\n\nexport function AliasAvatar({ alias, size = 28, className = '' }: AliasAvatarProps) {\n  // R24 (Vincent: 头像换血): a custom image (user-set or designed default)\n  // wins over every generated style — ONE seam, all 13 avatar surfaces.\n  // Shimmer while loading, silent fallback to the pill on error.\n  const url = useAvatarUrl(alias);\n  const [imgState, setImgState] = useState<'loading' | 'ready' | 'error'>('loading');\n  // Reset when the url changes — React's endorsed adjust-during-render\n  // pattern (no effect, no extra commit).\n  const [prevUrl, setPrevUrl] = useState(url);\n  if (url !== prevUrl) { setPrevUrl(url); setImgState('loading'); }\n  if (url && imgState !== 'error') {\n    return (\n      <span\n        className={`anet-alias-avatar relative inline-flex shrink-0 overflow-hidden rounded-full border border-[var(--border)] ${imgState === 'loading' ? 'animate-pulse bg-[var(--bg-elevated)]' : ''} ${className}`}\n        style={{ width: size, height: size }}\n        title={alias}\n        aria-hidden\n      >\n        {/* eslint-disable-next-line @next/next/no-img-element */}\n        <img\n          src={url}\n          alt=\"\"\n          loading=\"lazy\"\n          onLoad={() => setImgState('ready')}\n          onError={() => setImgState('error')}\n          className={`h-full w-full rounded-full object-cover transition-opacity duration-150 ${imgState === 'ready' ? 'opacity-100' : 'opacity-0'}`}\n        />\n      </span>\n    );\n  }\n  if (isGrokAlias(alias)) {\n    return (\n      <span\n        className={`anet-alias-avatar inline-flex items-center justify-center rounded-full border border-emerald-500/45 bg-emerald-950/70 shrink-0 ${className}`}\n        style={{\n          width: size,\n          height: size,\n          backgroundImage: 'url(/vendors/grok.svg)',\n          backgroundPosition: 'center',\n          backgroundRepeat: 'no-repeat',\n          backgroundSize: '68% 68%',\n        }}\n        title={alias}\n        aria-hidden\n      />\n    );\n  }\n\n  const c = aliasAvatarColors(alias);\n  const fs = Math.max(9, Math.round(size * 0.42));\n  return (\n    <span\n      className={`anet-alias-avatar inline-flex items-center justify-center rounded-full border shrink-0 font-semibold ${className}`}\n      style={{\n        width: size,\n        height: size,\n        fontSize: fs,\n        backgroundColor: c.bg,\n        borderColor: c.ring,\n        color: c.text,\n      }}\n      title={alias}\n      aria-hidden\n    >\n      {aliasInitial(alias)}\n    </span>\n  );\n}\n","'use client';\n\nimport { useState } from 'react';\nimport Link from 'next/link';\n\nexport type EmptyVariant = 'nodes' | 'tasks' | 'messages' | 'logs' | 'tokens' | 'networks' | 'generic';\n\ninterface EmptyStateProps {\n  /** Picks the icon glyph and default copy if title/sub omitted. */\n  variant?: EmptyVariant;\n  /** Optional override headline. */\n  title?: string;\n  /** Optional override sub-copy. */\n  sub?: string;\n  /** Optional CTA: text + href (internal) or onClick. */\n  cta?: { label: string; href?: string; onClick?: () => void };\n  /** Compact mode for in-card empty states (smaller padding). */\n  compact?: boolean;\n}\n\nconst DEFAULTS: Record<EmptyVariant, { title: string; sub: string }> = {\n  nodes:    { title: 'No agents in this network',   sub: 'Agent sessions will appear here once they connect to the CommHub.' },\n  tasks:    { title: 'No tasks yet',                sub: 'Tasks will appear here when agents send them via CommHub.' },\n  messages: { title: 'No messages',                 sub: 'Messages between agents will appear here.' },\n  logs:     { title: 'No audit logs',               sub: 'Events will appear here when users register, login, or perform actions.' },\n  tokens:   { title: 'No API tokens',               sub: 'Create one to authenticate CLI tools and external integrations.' },\n  networks: { title: 'No networks found',           sub: 'Create one or sign in with V3 auth to see your networks.' },\n  generic:  { title: 'Nothing here yet',            sub: 'Data will appear here once available.' },\n};\n\n/**\n * Minimal monochrome SVG glyphs per variant. No filled shapes, no gradients,\n * no AI-decoration — just thin-stroke line art that fades into the page.\n * 64×64 viewBox; rendered at 56×56 (compact 40×40).\n */\nfunction Glyph({ variant, size }: { variant: EmptyVariant; size: number }) {\n  const s = { width: size, height: size };\n  const baseProps = {\n    fill: 'none',\n    stroke: 'currentColor',\n    strokeWidth: 1.25,\n    strokeLinecap: 'round' as const,\n    strokeLinejoin: 'round' as const,\n  };\n\n  switch (variant) {\n    case 'nodes':\n      // Mesh with dashed edges = \"nodes will land here\"\n      return (\n        <svg viewBox=\"0 0 64 64\" {...s}>\n          <g {...baseProps}>\n            <circle cx=\"32\" cy=\"14\" r=\"4\" />\n            <circle cx=\"14\" cy=\"44\" r=\"4\" />\n            <circle cx=\"50\" cy=\"44\" r=\"4\" />\n            <line x1=\"32\" y1=\"18\" x2=\"14\" y2=\"40\" strokeDasharray=\"3 3\" opacity=\"0.6\" />\n            <line x1=\"32\" y1=\"18\" x2=\"50\" y2=\"40\" strokeDasharray=\"3 3\" opacity=\"0.6\" />\n            <line x1=\"18\" y1=\"44\" x2=\"46\" y2=\"44\" strokeDasharray=\"3 3\" opacity=\"0.6\" />\n          </g>\n        </svg>\n      );\n    case 'tasks':\n      // Empty checkbox list\n      return (\n        <svg viewBox=\"0 0 64 64\" {...s}>\n          <g {...baseProps}>\n            <rect x=\"14\" y=\"14\" width=\"36\" height=\"6\" rx=\"1.5\" />\n            <rect x=\"14\" y=\"26\" width=\"36\" height=\"6\" rx=\"1.5\" opacity=\"0.6\" />\n            <rect x=\"14\" y=\"38\" width=\"36\" height=\"6\" rx=\"1.5\" opacity=\"0.35\" />\n          </g>\n        </svg>\n      );\n    case 'messages':\n      // Speech bubble outline\n      return (\n        <svg viewBox=\"0 0 64 64\" {...s}>\n          <g {...baseProps}>\n            <path d=\"M14 18 h36 a3 3 0 0 1 3 3 v18 a3 3 0 0 1 -3 3 h-18 l-8 6 v-6 h-10 a3 3 0 0 1 -3 -3 v-18 a3 3 0 0 1 3 -3 z\" />\n            <line x1=\"22\" y1=\"28\" x2=\"42\" y2=\"28\" opacity=\"0.5\" />\n            <line x1=\"22\" y1=\"34\" x2=\"36\" y2=\"34\" opacity=\"0.5\" />\n          </g>\n        </svg>\n      );\n    case 'logs':\n      // Document with lines\n      return (\n        <svg viewBox=\"0 0 64 64\" {...s}>\n          <g {...baseProps}>\n            <path d=\"M18 12 h22 l8 8 v32 a2 2 0 0 1 -2 2 h-28 a2 2 0 0 1 -2 -2 v-38 a2 2 0 0 1 2 -2 z\" />\n            <path d=\"M40 12 v8 h8\" opacity=\"0.6\" />\n            <line x1=\"24\" y1=\"32\" x2=\"40\" y2=\"32\" opacity=\"0.55\" />\n            <line x1=\"24\" y1=\"38\" x2=\"40\" y2=\"38\" opacity=\"0.4\" />\n            <line x1=\"24\" y1=\"44\" x2=\"34\" y2=\"44\" opacity=\"0.25\" />\n          </g>\n        </svg>\n      );\n    case 'tokens':\n      // Key outline\n      return (\n        <svg viewBox=\"0 0 64 64\" {...s}>\n          <g {...baseProps}>\n            <circle cx=\"22\" cy=\"32\" r=\"8\" />\n            <line x1=\"30\" y1=\"32\" x2=\"54\" y2=\"32\" />\n            <line x1=\"44\" y1=\"32\" x2=\"44\" y2=\"38\" />\n            <line x1=\"50\" y1=\"32\" x2=\"50\" y2=\"40\" />\n          </g>\n        </svg>\n      );\n    case 'networks':\n      // Globe-ish concentric ovals\n      return (\n        <svg viewBox=\"0 0 64 64\" {...s}>\n          <g {...baseProps}>\n            <circle cx=\"32\" cy=\"32\" r=\"18\" />\n            <ellipse cx=\"32\" cy=\"32\" rx=\"18\" ry=\"9\" opacity=\"0.55\" />\n            <line x1=\"14\" y1=\"32\" x2=\"50\" y2=\"32\" opacity=\"0.55\" />\n            <line x1=\"32\" y1=\"14\" x2=\"32\" y2=\"50\" opacity=\"0.55\" />\n          </g>\n        </svg>\n      );\n    case 'generic':\n    default:\n      // Soft sparkle outline\n      return (\n        <svg viewBox=\"0 0 64 64\" {...s}>\n          <g {...baseProps}>\n            <circle cx=\"32\" cy=\"32\" r=\"14\" strokeDasharray=\"3 3\" opacity=\"0.6\" />\n            <circle cx=\"32\" cy=\"32\" r=\"3\" />\n          </g>\n        </svg>\n      );\n  }\n}\n\nexport function EmptyState({ variant = 'generic', title, sub, cta, compact = false }: EmptyStateProps) {\n  const d = DEFAULTS[variant];\n  const headline = title ?? d.title;\n  const subcopy = sub ?? d.sub;\n  const iconSize = compact ? 40 : 56;\n\n  return (\n    <div className={`text-center ${compact ? 'py-8' : 'py-16'} px-4`} role=\"status\">\n      <div className=\"anet-empty-glyph inline-flex items-center justify-center mb-4 text-gray-500\" aria-hidden>\n        <Glyph variant={variant} size={iconSize} />\n      </div>\n      <h3 className={`font-medium text-gray-300 ${compact ? 'text-sm' : 'text-base'}`}>{headline}</h3>\n      {subcopy && (\n        <p className={`text-gray-500 ${compact ? 'text-xs mt-1.5' : 'text-sm mt-2'} max-w-md mx-auto leading-relaxed`}>\n          {subcopy}\n        </p>\n      )}\n      {cta && (\n        <div className=\"mt-4\">\n          {cta.href ? (\n            <Link href={cta.href} className=\"inline-flex items-center gap-1.5 text-sm font-medium text-cyan-400 hover:text-cyan-300\">\n              {cta.label}\n              <span aria-hidden>→</span>\n            </Link>\n          ) : (\n            <button onClick={cta.onClick} className=\"inline-flex items-center gap-1.5 text-sm font-medium text-cyan-400 hover:text-cyan-300\">\n              {cta.label}\n              <span aria-hidden>→</span>\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\n/** Round 105 (issue #90): centered card shell so the Overview empty state\n *  reads as an intentional, layout-aligned card instead of bare text\n *  floating in the content column. */\nfunction EmptyCard({ children }: { children: React.ReactNode }) {\n  return (\n    <div className=\"max-w-2xl mx-auto rounded-xl border border-[#26262b] bg-[#161618] shadow-lg shadow-black/20\">\n      {children}\n    </div>\n  );\n}\n\n/**\n * Overview-specific variant. Three cases:\n *   1. network-mismatch — agents exist globally, none in this network\n *   2. agents-offline   — 0 registered now BUT task history exists, so this\n *      is NOT a first run (round 105 / issue #90: showing \"Spin up your\n *      first agent\" next to \"acked: 499\" was misleading)\n *   3. true first-run   — 0 agents, 0 history → quickstart command\n */\nexport function NodesEmptyState({\n  hint,\n  taskHistoryCount = 0,\n}: {\n  hint?: { global_count?: number; filtered_network?: string };\n  taskHistoryCount?: number;\n}) {\n  if (hint?.global_count) {\n    return (\n      <EmptyCard>\n        <EmptyState\n          variant=\"nodes\"\n          title=\"No agents in this network\"\n          sub={`Server has ${hint.global_count} nodes globally, but none are registered to the current network. Switch network or contact admin.`}\n        />\n      </EmptyCard>\n    );\n  }\n\n  // Round 105 (issue #90): there's task history but no agents online right\n  // now — they finished or disconnected. Don't pitch a first-run setup;\n  // point at the history instead.\n  if (taskHistoryCount > 0) {\n    return (\n      <EmptyCard>\n        <EmptyState\n          variant=\"nodes\"\n          title=\"No agents online\"\n          sub={`Every agent in this network is currently offline. ${taskHistoryCount.toLocaleString()} task${taskHistoryCount === 1 ? '' : 's'} in history — they may have finished their work or disconnected.`}\n          cta={{ label: 'View task history', href: '/tasks' }}\n        />\n      </EmptyCard>\n    );\n  }\n\n  // Round 52: true empty state (zero agents anywhere) — show the\n  // quickstart command inline so users don't have to leave the dashboard\n  // to figure out how to spin up their first agent.\n  return (\n    <EmptyCard>\n      <div className=\"text-center py-16 px-4\" role=\"status\">\n        <div className=\"anet-empty-glyph inline-flex items-center justify-center mb-4 text-gray-500\" aria-hidden>\n          <svg viewBox=\"0 0 64 64\" width={56} height={56}>\n            <g stroke=\"currentColor\" strokeWidth=\"1.5\" fill=\"none\">\n              <rect x=\"10\" y=\"20\" width=\"44\" height=\"28\" rx=\"2\" />\n              <rect x=\"20\" y=\"32\" width=\"6\" height=\"8\" opacity=\"0.5\" />\n              <rect x=\"32\" y=\"32\" width=\"6\" height=\"8\" opacity=\"0.5\" />\n              <rect x=\"44\" y=\"32\" width=\"4\" height=\"8\" opacity=\"0.5\" />\n              <line x1=\"10\" y1=\"26\" x2=\"54\" y2=\"26\" opacity=\"0.4\" />\n              <circle cx=\"14\" cy=\"23\" r=\"0.8\" fill=\"currentColor\" />\n            </g>\n          </svg>\n        </div>\n        <h3 className=\"font-medium text-gray-300 text-base\">Spin up your first agent</h3>\n        <p className=\"text-gray-500 text-sm mt-2 max-w-md mx-auto leading-relaxed\">\n          Run this in a fresh terminal to register an agent with this CommHub:\n        </p>\n        <div className=\"mt-4 inline-block\">\n          <QuickstartCommand cmd=\"npx --yes @sleep2agi/agent-network init\" />\n        </div>\n        {/* #214 F6: expectation management — without this line, users\n            copy the command and stare at an empty screen not knowing\n            what to wait for. The page polls every 5s, so the node\n            really does appear by itself. */}\n        <p className=\"text-gray-600 text-xs mt-3 max-w-md mx-auto\">\n          Once the agent connects, it appears here automatically within a\n          few seconds — no refresh needed.\n        </p>\n        <div className=\"mt-3\">\n          <a\n            href=\"https://anet.sh\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"inline-flex items-center gap-1.5 text-xs font-medium text-gray-500 hover:text-cyan-300\"\n          >\n            Full quickstart guide\n            <span aria-hidden>→</span>\n          </a>\n        </div>\n      </div>\n    </EmptyCard>\n  );\n}\n\n/** Code block + inline copy button used by the empty-Overview first-run\n *  CTA. State lives here so the parent stays stateless. */\nfunction QuickstartCommand({ cmd }: { cmd: string }) {\n  const [copied, setCopied] = useState(false);\n  const onCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(cmd);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 1800);\n    } catch {}\n  };\n  return (\n    <div className=\"anet-empty-cmd flex items-start sm:items-center gap-2 bg-[#0e0e10] border border-[#26262b] rounded-lg pl-4 pr-1.5 py-1.5 text-xs sm:text-sm\">\n      {/* #209 R44: long quickstart commands (e.g. the `npm install -g …`\n          variant) overflowed the empty-state card horizontally on phones\n          because <code> defaults to white-space:pre. break-all on mobile\n          lets them wrap inside the box; sm: up restores normal wrapping\n          so desktop monospace lines stay clean. items-start on phones\n          aligns the Copy button to the top so a wrapped 2-line command\n          doesn't bottom-anchor the button. */}\n      <code className=\"text-cyan-300 font-mono select-all min-w-0 break-all sm:break-normal\">{cmd}</code>\n      <button\n        type=\"button\"\n        onClick={onCopy}\n        aria-label={copied ? 'Copied' : 'Copy command'}\n        className=\"shrink-0 rounded-md px-2 py-1.5 text-[11px] text-gray-500 hover:text-gray-200 hover:bg-[#1c1c1f] transition-colors\"\n      >\n        {copied ? (\n          <span className=\"flex items-center gap-1 text-green-400\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n              <path d=\"M20 6 9 17l-5-5\" />\n            </svg>\n            Copied\n          </span>\n        ) : (\n          <span className=\"flex items-center gap-1\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n              <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\" />\n              <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\" />\n            </svg>\n            Copy\n          </span>\n        )}\n      </button>\n    </div>\n  );\n}\n","/** Round 82: strip the most common markdown markup from agent-to-agent\n *  task / message bodies so single-line table previews read cleanly.\n *  Full original content stays in the expanded row / drawer / title=. */\nexport function previewContent(raw: string | null | undefined): string {\n  if (!raw) return '--';\n  return raw\n    .replace(/!\\[([^\\]]*)\\]\\([^)]*\\)/g, '$1')   // images: ![alt](src) → alt\n    .replace(/\\[([^\\]]+)\\]\\([^)]*\\)/g, '$1')    // links:  [text](href) → text\n    .replace(/`([^`]+)`/g, '$1')                // inline code: `x` → x\n    .replace(/\\s+/g, ' ')                       // collapse whitespace\n    .trim() || '--';\n}\n\n// Round 44 / Loop: timeAgo now delegates to the shared lib/time helper.\n// The old in-line `replace + 'Z'` parse appended a Z to already-ISO\n// inputs (producing \"…ZZ\", browser-fragile) — strict-superset semantics\n// preserved for SQL-style inputs, fixed for ISO. Plus a 'just now' fallback\n// when clock skew puts the timestamp in the future. Five callers benefit:\n// /admin · /logs · /settings/networks · InboxPanel · /messages.\nimport { relativeAgo } from '../lib/time';\nexport function timeAgo(dateStr: string): string {\n  return relativeAgo(dateStr) ?? '--';\n}\n\nexport function statusColor(status: string, hasSse: boolean): string {\n  if (hasSse && status === 'working') return 'bg-green-500';\n  if (hasSse && status === 'idle') return 'bg-emerald-400';\n  if (hasSse) return 'bg-blue-400';\n  if (status === 'offline') return 'bg-gray-500';\n  return 'bg-yellow-400';\n}\n","'use client';\n\nimport { useEffect, useState, useCallback } from 'react';\nimport Link from 'next/link';\nimport { timeAgo } from '../../components/utils';\nimport { EmptyState } from '../../components/EmptyState';\nimport { AliasAvatar } from '../../components/AliasAvatar';\nimport useSWR from 'swr';\n\n// Without the res.ok check a 401 or 500 carrying a JSON body resolves as a\n// successful load, so SWR reports no error and the page renders whatever the\n// error payload happened to contain — or an empty list, which is\n// indistinguishable from \"you have no networks\".\nconst fetcher = async (url: string) => {\n  const r = await fetch(url);\n  if (!r.ok) throw new Error(`HTTP ${r.status}`);\n  return r.json();\n};\n\ninterface Network {\n  network_id: string;\n  network_name: string;\n  owner_id: string;\n  description: string;\n  created_at: string;\n}\n\ninterface Member {\n  user_id: string;\n  username: string;\n  display_name: string;\n  role: string;\n  joined_at: string;\n}\n\nexport default function NetworksPage() {\n  const { data, mutate } = useSWR('/api/hub/networks', fetcher, { refreshInterval: 10000 });\n  const networks: Network[] = data?.networks || [];\n  const loading = !data;\n\n  const [newName, setNewName] = useState('');\n  const [newDesc, setNewDesc] = useState('');\n  const [result, setResult] = useState('');\n  const [confirmDelete, setConfirmDelete] = useState<string | null>(null);\n  const [expandedNetwork, setExpandedNetwork] = useState<string | null>(null);\n  const [members, setMembers] = useState<Record<string, Member[]>>({});\n  const [inviteRole, setInviteRole] = useState('member');\n  const [inviteCode, setInviteCode] = useState('');\n\n  const getToken = () => {\n    try {\n      const saved = sessionStorage.getItem('anet_v3_auth');\n      if (saved) return JSON.parse(saved).token;\n    } catch {}\n    return '';\n  };\n\n  const createNetwork = async () => {\n    if (!newName.trim()) return;\n    const token = getToken();\n    if (!token) { setResult('V3 auth required — sign in via Agent Network login'); return; }\n    const res = await fetch('/api/hub/auth', {\n      method: 'POST', headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({ action: 'create_network', token, name: newName, description: newDesc }),\n    });\n    const d = await res.json();\n    setResult(d.ok ? `Created: ${d.network_id}` : `Failed: ${d.error}`);\n    if (d.ok) { setNewName(''); setNewDesc(''); mutate(); }\n    setTimeout(() => setResult(''), 5000);\n  };\n\n  const deleteNetwork = async (networkId: string) => {\n    const token = getToken();\n    if (!token) return;\n    const res = await fetch('/api/hub/auth', {\n      method: 'POST', headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({ action: 'delete_network', token, network_id: networkId }),\n    });\n    const d = await res.json();\n    setResult(d.ok ? 'Deleted' : `Failed: ${d.error}`);\n    setConfirmDelete(null);\n    if (d.ok) mutate();\n    setTimeout(() => setResult(''), 5000);\n  };\n\n  const fetchMembers = async (networkId: string) => {\n    const token = getToken();\n    if (!token) return;\n    const res = await fetch(`/api/hub/auth?endpoint=/api/networks/${networkId}/members&token=${token}`);\n    const d = await res.json();\n    setMembers(prev => ({ ...prev, [networkId]: d.members || [] }));\n  };\n\n  const generateInvite = async (networkId: string) => {\n    const token = getToken();\n    if (!token) return;\n    const res = await fetch('/api/hub/auth', {\n      method: 'POST', headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({ action: 'invite_member', token, network_id: networkId, role: inviteRole }),\n    });\n    const d = await res.json();\n    if (d.ok && d.invite_code) setInviteCode(d.invite_code);\n    else setResult(`Invite failed: ${d.error}`);\n  };\n\n  return (\n    <div className=\"min-h-screen bg-[#0b0b0d] text-gray-100 p-4 sm:p-6\">\n      {/* #217 D9: back link stacks above the title instead of sitting\n          beside it — the old single row read as an off-balance\n          \"← Settings   Networks\" pair on phones. */}\n      <div className=\"mb-6\">\n        <Link href=\"/settings\" className=\"inline-block text-gray-500 hover:text-gray-300 text-sm lg:ml-0 ml-10 mb-1\">&larr; Settings</Link>\n        <h1 className=\"text-2xl font-bold text-white\">Networks</h1>\n      </div>\n\n      <div className=\"max-w-2xl space-y-6\">\n        {/* Create */}\n        <section className=\"bg-[#161618] border border-[#26262b] rounded-xl p-5\">\n          <h2 className=\"text-sm font-semibold text-gray-300 mb-3\">Create Network</h2>\n          <div className=\"space-y-3\">\n            <input type=\"text\" value={newName} onChange={e => setNewName(e.target.value)} placeholder=\"Network name\"\n              className=\"w-full bg-[#0e0e10] border border-[#26262b] rounded-lg px-3 py-2 text-base sm:text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:outline-none\" />\n            <input type=\"text\" value={newDesc} onChange={e => setNewDesc(e.target.value)} placeholder=\"Description (optional)\"\n              className=\"w-full bg-[#0e0e10] border border-[#26262b] rounded-lg px-3 py-2 text-base sm:text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:outline-none\" />\n            <button onClick={createNetwork} disabled={!newName.trim()}\n              className=\"px-4 py-2 bg-green-600 hover:bg-green-500 disabled:bg-gray-800 text-white text-sm rounded-lg transition-colors\">\n              Create\n            </button>\n          </div>\n          {result && <div className={`mt-2 text-xs ${result.startsWith('Failed') || result.startsWith('V3') || result.startsWith('Invite') ? 'text-red-400' : 'text-green-400'}`}>{result}</div>}\n        </section>\n\n        {/* List */}\n        <section className=\"bg-[#161618] border border-[#26262b] rounded-xl p-5\">\n          <div className=\"flex items-center justify-between mb-3\">\n            <h2 className=\"text-sm font-semibold text-gray-300\">My Networks</h2>\n            {/* #217 D9: \"N TOTAL\" counter dropped below 4 rows — counting\n                a visibly one-item list is noise (D6 conditional rule). */}\n            {networks.length > 3 && (\n              <span className=\"text-[10px] text-gray-600 uppercase tracking-wide\">{networks.length} total</span>\n            )}\n          </div>\n          {loading ? (\n            <div className=\"animate-pulse space-y-2\">{[1,2].map(i => <div key={i} className=\"h-14 bg-gray-800/20 rounded\" />)}</div>\n          ) : networks.length === 0 ? (\n            <EmptyState\n              variant=\"networks\"\n              compact\n              sub=\"Create your first network above, or sign in with V3 auth to see existing ones.\"\n            />\n          ) : (\n            <div className=\"space-y-3\">\n              {networks.map(n => (\n                <div key={n.network_id} className=\"bg-[#0e0e10] rounded-lg px-4 py-3 border border-[#1c1c1f]\">\n                  <div className=\"flex items-start justify-between gap-3\">\n                    <div className=\"flex items-start gap-3 min-w-0\">\n                      <AliasAvatar alias={n.network_name} size={28} />\n                      <div className=\"min-w-0\">\n                        <div className=\"text-sm text-white font-medium truncate\">{n.network_name}</div>\n                        <div className=\"text-[10px] text-gray-500 font-mono truncate\" title={n.network_id}>{n.network_id} · {timeAgo(n.created_at)}</div>\n                        {n.description && <div className=\"text-xs text-gray-400 mt-1\">{n.description}</div>}\n                      </div>\n                    </div>\n                    <div className=\"flex gap-2 shrink-0\">\n                      <button onClick={() => {\n                        if (expandedNetwork === n.network_id) { setExpandedNetwork(null); return; }\n                        setExpandedNetwork(n.network_id);\n                        fetchMembers(n.network_id);\n                      }} className=\"text-xs text-cyan-400 hover:text-cyan-300 px-2 py-1 rounded border border-cyan-800/30 hover:bg-cyan-500/10\">\n                        {expandedNetwork === n.network_id ? 'Hide' : 'Members'}\n                      </button>\n                      {confirmDelete === n.network_id ? (\n                        <>\n                          <button onClick={() => deleteNetwork(n.network_id)} className=\"text-xs text-red-400 px-2 py-1 rounded border border-red-800/30 bg-red-500/10\">Confirm</button>\n                          <button onClick={() => setConfirmDelete(null)} className=\"text-xs text-gray-500\">Cancel</button>\n                        </>\n                      ) : (\n                        <button onClick={() => setConfirmDelete(n.network_id)} className=\"text-xs text-red-400 hover:text-red-300 px-2 py-1 rounded border border-red-800/30 hover:bg-red-500/10\">\n                          Delete\n                        </button>\n                      )}\n                    </div>\n                  </div>\n\n                  {expandedNetwork === n.network_id && (\n                    <div className=\"mt-3 pt-3 border-t border-[#1c1c1f]\">\n                      <div className=\"text-xs text-gray-500 mb-2\">Members ({(members[n.network_id] || []).length})</div>\n                      {(members[n.network_id] || []).length === 0 ? (\n                        <div className=\"text-[10px] text-gray-600\">No members or V3 auth required</div>\n                      ) : (\n                        (members[n.network_id] || []).map(m => {\n                          const name = m.username || m.display_name || '?';\n                          return (\n                          <div key={m.user_id} className=\"flex items-center gap-2 justify-between text-xs py-1\">\n                            <div className=\"flex items-center gap-2 min-w-0\">\n                              <AliasAvatar alias={name} size={16} />\n                              <span className=\"text-gray-300 truncate\">{name}</span>\n                            </div>\n                            <span className={`px-1.5 py-0.5 rounded border text-[10px] shrink-0 ${\n                              m.role === 'owner' ? 'text-yellow-300 border-yellow-500/20' : 'text-gray-400 border-gray-600/20'\n                            }`}>{m.role}</span>\n                          </div>\n                          );\n                        })\n                      )}\n\n                      {/* Invite */}\n                      <div className=\"mt-3 pt-3 border-t border-[#1c1c1f]\">\n                        <div className=\"text-xs text-gray-500 mb-2\">Invite</div>\n                        <div className=\"flex gap-2\">\n                          <select value={inviteRole} onChange={e => setInviteRole(e.target.value)}\n                            className=\"bg-[#0e0e10] border border-[#26262b] rounded px-2 py-1 text-base sm:text-xs text-white focus:outline-none\">\n                            <option value=\"member\">member</option>\n                            <option value=\"admin\">admin</option>\n                            <option value=\"viewer\">viewer</option>\n                          </select>\n                          <button onClick={() => generateInvite(n.network_id)}\n                            className=\"px-2 py-1 bg-green-600 hover:bg-green-500 text-white text-xs rounded\">\n                            Generate Code\n                          </button>\n                        </div>\n                        {inviteCode && (\n                          <div className=\"mt-2 bg-green-500/5 border border-green-500/20 rounded px-3 py-2\">\n                            <div className=\"flex items-center justify-between mb-1\">\n                              <div className=\"text-[10px] text-green-400 uppercase tracking-wide\">Invite code</div>\n                              <button\n                                type=\"button\"\n                                onClick={() => { navigator.clipboard?.writeText(inviteCode).catch(() => {}); }}\n                                className=\"text-[10px] text-green-300 hover:text-green-200 px-1.5 py-0.5 rounded border border-green-500/20 hover:bg-green-500/10\"\n                              >\n                                Copy\n                              </button>\n                            </div>\n                            <code className=\"text-xs text-green-300 select-all break-all\">{inviteCode}</code>\n                          </div>\n                        )}\n                      </div>\n                    </div>\n                  )}\n                </div>\n              ))}\n            </div>\n          )}\n        </section>\n      </div>\n    </div>\n  );\n}\n"],"names":["AVATAR_HUES","aliasAvatarColors","alias","h","i","length","charCodeAt","hue","bg","ring","text","aliasInitial","ch","trim","match","toUpperCase","isGrokAlias","test","AliasAvatar","size","className","url","imgState","setImgState","prevUrl","setPrevUrl","style","width","height","title","src","alt","loading","onLoad","onError","backgroundImage","backgroundPosition","backgroundRepeat","backgroundSize","c","fs","Math","max","round","fontSize","backgroundColor","borderColor","color","DEFAULTS","nodes","sub","tasks","messages","logs","tokens","networks","generic","Glyph","variant","s","baseProps","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","viewBox","cx","cy","r","x1","y1","x2","y2","strokeDasharray","opacity","x","y","rx","d","ry","EmptyState","cta","compact","headline","subcopy","iconSize","role","href","label","onClick","EmptyCard","children","NodesEmptyState","hint","taskHistoryCount","global_count","toLocaleString","QuickstartCommand","cmd","target","rel","copied","setCopied","onCopy","navigator","clipboard","writeText","setTimeout","type","previewContent","raw","replace","timeAgo","dateStr","statusColor","status","hasSse","fetcher","fetch","ok","Error","json","NetworksPage","data","mutate","refreshInterval","newName","setNewName","newDesc","setNewDesc","result","setResult","confirmDelete","setConfirmDelete","expandedNetwork","setExpandedNetwork","members","setMembers","inviteRole","setInviteRole","inviteCode","setInviteCode","getToken","saved","sessionStorage","getItem","JSON","parse","token","createNetwork","res","method","headers","body","stringify","action","name","description","network_id","error","deleteNetwork","networkId","fetchMembers","prev","generateInvite","invite_code","value","onChange","e","placeholder","disabled","startsWith","map","n","network_name","created_at","m","username","display_name","user_id","catch"],"mappings":"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"}

package/.next/server/chunks/ssr/app_1auk3il._.js

@@ -0,0 +1,11 @@
+module.exports=[15261,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(1720),e=a.i(56426),f=a.i(69237),g=a.i(68957),h=a.i(62180),i=a.i(58348),j=a.i(58224),k=a.i(22397),l=a.i(44332),m=a.i(86512),n=a.i(6439),o=a.i(78287),p=a.i(41443),q=a.i(89706),r=a.i(51269),s=a.i(5537);function t(a){return!Number.isFinite(a)||a<0?"?":a<1024?`${a} B`:a<1048576?`${Math.round(a/1024)} KB`:a<0x40000000?`${(a/1024/1024).toFixed(1)} MB`:`${(a/1024/1024/1024).toFixed(1)} GB`}function u(a){return a&&new Date(a.replace(" ","T")+(a.includes("T")?"":"Z")).getTime()||0}function v({text:a,label:d}){let[e,f]=(0,c.useState)(!1),g=async()=>{try{if(navigator.clipboard?.writeText)await navigator.clipboard.writeText(a);else{let b=document.createElement("textarea");b.value=a,document.body.appendChild(b),b.select(),document.execCommand("copy"),b.remove()}f(!0),setTimeout(()=>f(!1),1500)}catch{}};return(0,b.jsx)("button",{type:"button",onClick:g,"aria-label":d,title:d,className:"shrink-0 rounded p-0.5 text-[10px] leading-none transition-opacity opacity-50 sm:opacity-0 sm:group-hover/bubble:opacity-70 hover:!opacity-100 text-[var(--fg-dim)] hover:text-cyan-300",children:e?(0,b.jsx)("span",{className:"text-green-400",children:"✓"}):(0,b.jsx)("svg",{className:"h-3 w-3",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"})})})}function w({src:a,alt:d,thumbClass:e,onOpen:f}){let[g,h]=(0,c.useState)("loading");return"error"===g?(0,b.jsx)("span",{className:`${e} flex items-center justify-center bg-black/20 border border-[var(--border)] text-[10px] text-[var(--fg-dim)]`,children:(0,r.t)("图片加载失败","Image failed to load")}):(0,b.jsx)("button",{type:"button","data-chat-image":a,onClick:()=>f(a),"aria-label":d||(0,r.t)("查看大图","View full image"),className:`relative block overflow-hidden ${"loading"===g?"animate-pulse bg-[var(--bg-elevated)]":""} ${e}`,children:(0,b.jsx)("img",{src:a,alt:d||"",loading:"lazy",onLoad:()=>h("ready"),onError:()=>h("error"),className:`h-full w-full object-cover transition-opacity duration-200 ${"ready"===g?"opacity-100":"opacity-0"}`})})}function x({urls:a,initialIndex:d,onClose:e,opener:f}){let[g,h]=(0,c.useState)(d),i=a[Math.min(g,a.length-1)],[j,k]=(0,c.useState)(!1);(0,c.useRef)(g).current=g;let l=b=>{h(c=>Math.max(0,Math.min(a.length-1,c+b))),k(!1)},m=(0,c.useRef)(l);m.current=l;let n=(0,c.useRef)(null),o=(0,c.useRef)(e);return o.current=e,(0,c.useEffect)(()=>{let a=()=>Array.from(n.current?.querySelectorAll("a[href], button")||[]);a()[0]?.focus();let b=b=>{if("Escape"===b.key){b.stopPropagation(),o.current();return}if("ArrowLeft"===b.key)return void m.current(-1);if("ArrowRight"===b.key)return void m.current(1);if("Tab"!==b.key)return;let c=a();if(0===c.length)return;let d=c[0],e=c[c.length-1],f=document.activeElement;b.shiftKey&&(f===d||!n.current?.contains(f))?(b.preventDefault(),e.focus()):b.shiftKey||f!==e&&n.current?.contains(f)||(b.preventDefault(),d.focus())};return window.addEventListener("keydown",b,!0),()=>{window.removeEventListener("keydown",b,!0),setTimeout(()=>{let a=f;if(a&&!document.contains(a)){let b=a.getAttribute("aria-label");b&&(a=document.querySelector(`[aria-label="${CSS.escape(b)}"]`))}a?.focus?.()},0)}},[]),(0,b.jsxs)("div",{ref:n,className:"fixed inset-0 z-[100] flex items-center justify-center bg-black/85",onClick:e,role:"dialog","aria-modal":"true","aria-label":(0,r.t)("图片预览","Image preview"),children:[!j&&(0,b.jsx)("div",{className:"absolute h-6 w-6 animate-spin rounded-full border-2 border-white/30 border-t-white"}),(0,b.jsx)("img",{src:i,alt:"",onLoad:()=>k(!0),className:`max-h-[92vh] max-w-[92vw] rounded object-contain transition-opacity duration-150 ${j?"opacity-100":"opacity-0"}`},i),a.length>1&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)("span",{className:"absolute left-3 top-3 text-[11px] tabular-nums text-white/70",children:[g+1,"/",a.length]}),(0,b.jsx)("button",{onClick:a=>{a.stopPropagation(),l(-1)},disabled:0===g,"aria-label":(0,r.t)("上一张","Previous image"),className:"absolute left-1 top-1/2 flex h-11 w-11 -translate-y-1/2 items-center justify-center rounded-full text-2xl text-white/80 hover:bg-white/10 disabled:opacity-25",children:"‹"}),(0,b.jsx)("button",{onClick:a=>{a.stopPropagation(),l(1)},disabled:g===a.length-1,"aria-label":(0,r.t)("下一张","Next image"),className:"absolute right-1 top-1/2 flex h-11 w-11 -translate-y-1/2 items-center justify-center rounded-full text-2xl text-white/80 hover:bg-white/10 disabled:opacity-25",children:"›"})]}),(0,b.jsx)("a",{href:i,target:"_blank",rel:"noreferrer",onClick:a=>a.stopPropagation(),className:"absolute right-12 top-3 text-[11px] text-white/70 underline hover:text-white",children:(0,r.t)("新标签打开","Open in new tab")}),(0,b.jsx)("button",{onClick:e,"aria-label":(0,r.t)("关闭预览","Close preview"),className:"absolute right-2 top-2 flex h-8 w-8 items-center justify-center text-lg text-white/80 hover:text-white",children:"×"})]})}function y({text:a,onOpen:c}){let d=function(a){let b=[];for(let c of(a||"").split("\n")){let a=c.match(/^\s*-\s*预览:\s*(\S+)\s*$/);a?.[1]&&b.push(a[1])}return Array.from(new Set(b))}(a);return 0===d.length?null:(0,b.jsx)("div",{className:"mt-2 grid grid-cols-2 gap-2",children:d.map(a=>(0,b.jsx)(w,{src:a,alt:"Dashboard attachment",thumbClass:"h-28 w-full rounded-lg border border-cyan-500/20",onOpen:c},a))})}function z({file:a,onRemove:d}){let e=a.type.startsWith("image/"),f=(0,c.useMemo)(()=>e?URL.createObjectURL(a):"",[a,e]);(0,c.useEffect)(()=>{if(f)return()=>URL.revokeObjectURL(f)},[f]);let g=(a.name.match(/\.([a-zA-Z0-9]{1,5})$/)?.[1]||a.type.split("/")[1]||"FILE").toUpperCase().slice(0,5);return(0,b.jsxs)("div",{className:"relative h-16 w-16 overflow-hidden rounded-lg border border-cyan-500/25 bg-black/20",title:a.name,children:[e&&f?(0,b.jsx)("img",{src:f,alt:a.name,className:"h-full w-full object-cover"}):(0,b.jsxs)("div",{className:"flex h-full w-full flex-col items-center justify-center gap-0.5 px-1 text-center",children:[(0,b.jsx)("span",{className:"text-lg",children:"📄"}),(0,b.jsx)("span",{className:"max-w-full truncate text-[9px] font-semibold text-cyan-300",children:g})]}),(0,b.jsx)("button",{type:"button",onClick:d,className:"absolute right-1 top-1 flex h-5 w-5 items-center justify-center rounded-full bg-black/70 text-xs text-white hover:bg-red-500","aria-label":`Remove ${a.name}`,children:"×"})]})}let A=["queued","delivered","acked","replied"],B={created:{label:"发送中",hover:"客户端已建消息，尚未收到 hub 回执。",color:"text-gray-400",icon:(0,b.jsx)(function(){return(0,b.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:(0,b.jsx)("path",{d:"M4 12l16-8-6 16-3-7-7-1z"})})},{})},queued:{label:"排队中",hover:"已入队，尚未推给节点。节点可能离线、或通道拥堵。",color:"text-gray-400",icon:(0,b.jsx)(D,{})},delivered:{label:"已推送",hover:"hub 侧已标记推送。尚未确认节点是否收到（delivered_at 是入队时刻，不代表 SSE 已到达）。",color:"text-sky-400",icon:(0,b.jsx)(function(){return(0,b.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.5,strokeLinecap:"round",strokeLinejoin:"round",children:(0,b.jsx)("path",{d:"M4 12l6 6L20 6"})})},{})},acked:{label:"已接收",hover:"节点进程已确认收到。未必已处理——对方 agent 可能尚未唤醒。",color:"text-gray-300",icon:(0,b.jsx)(E,{})},replied:{label:"已回复",hover:"对方已针对此消息回复。",color:"text-emerald-400",icon:(0,b.jsx)(E,{filled:!0})},failed:{label:"失败",hover:"发送失败——详细原因见消息下方文本。",color:"text-red-400",icon:(0,b.jsx)(function(){return(0,b.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("path",{d:"M12 2L2 20h20L12 2z"}),(0,b.jsx)("path",{d:"M12 9v5"}),(0,b.jsx)("circle",{cx:"12",cy:"17.5",r:"0.6",fill:"currentColor"})]})},{})},closed:{label:"已关闭",hover:"会话已被关闭，不再期待回复。",color:"text-gray-500",icon:(0,b.jsx)(F,{})},expired:{label:"已超时",hover:"在期限内未收到回复，任务已超时。",color:"text-gray-500",icon:(0,b.jsx)(D,{})},cancelled:{label:"已取消",hover:"任务被主动取消。",color:"text-gray-500",icon:(0,b.jsx)(F,{})},running:{label:"处理中",hover:"节点进程正在处理（今日 hub 不写入此值，见组件注释）。",color:"text-green-400",icon:(0,b.jsx)(D,{})}};function C({status:a,result:c}){let d=B[a],e=!!d,f=A.indexOf(a),g=A.map((a,b)=>`${b<f||b===f&&f>=0?"✓":"○"} ${B[a].label}`).join(" → "),h=e?`${d.hover}
+
+进度：${g}`:`未知状态「${a}」——请报 bug。UI 词库没有匹配项，可能 hub 加了新 status 但前端没跟上。`,i=e?d.label:a,j=e?d.color:"text-yellow-400",k="failed"===a?c&&c.trim()?c.trim().slice(0,40):"节点未提供原因":null;return(0,b.jsxs)("div",{"data-status-key":a,"data-status-known":e?"true":"false","data-status-label":i,className:"inline-flex flex-col gap-0.5 mt-1.5",children:[(0,b.jsxs)("span",{title:h,"aria-label":e?d.label:`未知状态 ${a}`,className:`inline-flex items-center gap-1.5 text-[11px] font-medium ${j}`,children:[e?d.icon:(0,b.jsx)(G,{}),(0,b.jsx)("span",{children:i}),("delivered"===a||"created"===a)&&(0,b.jsxs)("span",{"aria-hidden":!0,className:"inline-flex items-center gap-0.5 ml-0.5",children:[(0,b.jsx)("span",{className:"inline-block w-1 h-1 rounded-full bg-current opacity-70 animate-pulse"}),(0,b.jsx)("span",{className:"inline-block w-1 h-1 rounded-full bg-current opacity-70 animate-pulse",style:{animationDelay:"0.2s"}}),(0,b.jsx)("span",{className:"inline-block w-1 h-1 rounded-full bg-current opacity-70 animate-pulse",style:{animationDelay:"0.4s"}})]})]}),null!==k&&(0,b.jsx)("span",{"data-status-reason":k,className:"text-[10px] text-red-400/80 max-w-[260px] truncate",title:c||void 0,children:k})]})}function D(){return(0,b.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,b.jsx)("path",{d:"M12 6v6l4 2"})]})}function E({filled:a}={}){return(0,b.jsxs)("svg",{width:"14",height:"12",viewBox:"0 0 28 24",fill:"none",stroke:"currentColor",strokeWidth:a?2.5:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("path",{d:"M2 12l6 6L18 6"}),(0,b.jsx)("path",{d:"M10 12l6 6L26 6",opacity:a?1:.7})]})}function F(){return(0,b.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,b.jsx)("path",{d:"M8 12h8"})]})}function G(){return(0,b.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,b.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,b.jsx)("path",{d:"M9.5 9.5a2.5 2.5 0 015 0c0 1.5-2.5 2-2.5 3.5"}),(0,b.jsx)("circle",{cx:"12",cy:"17",r:"0.6",fill:"currentColor"})]})}let H=(0,c.memo)(function({text:a,onImageClick:d}){let e=(0,c.useMemo)(()=>({h1:({children:a})=>(0,b.jsx)("h1",{className:"text-base font-semibold text-[var(--fg)] mt-2 mb-1",children:a}),h2:({children:a})=>(0,b.jsx)("h2",{className:"text-sm font-semibold text-[var(--fg)] mt-2 mb-1",children:a}),h3:({children:a})=>(0,b.jsx)("h3",{className:"text-sm font-semibold text-cyan-300 mt-1.5 mb-0.5",children:a}),p:({children:a})=>(0,b.jsx)("p",{className:"my-1",children:a}),strong:({children:a})=>(0,b.jsx)("strong",{className:"text-[var(--fg)] font-semibold",children:a}),em:({children:a})=>(0,b.jsx)("em",{className:"italic text-[var(--fg-muted)]",children:a}),ul:({children:a})=>(0,b.jsx)("ul",{className:"list-disc pl-5 my-1 space-y-0.5",children:a}),ol:({children:a})=>(0,b.jsx)("ol",{className:"list-decimal pl-5 my-1 space-y-0.5",children:a}),li:({children:a})=>(0,b.jsx)("li",{children:a}),a:({href:a,children:c})=>(0,b.jsx)("a",{href:a,target:"_blank",rel:"noreferrer",className:"text-cyan-300 underline",children:c}),blockquote:({children:a})=>(0,b.jsx)("blockquote",{className:"border-l-2 border-cyan-500/30 pl-3 my-1 text-[var(--fg-muted)] italic",children:a}),hr:()=>(0,b.jsx)("hr",{className:"border-t border-[var(--border)] my-2"}),img:({src:a,alt:c})=>{let e="string"==typeof a?a:"";return e?d?(0,b.jsx)(w,{src:e,alt:c,thumbClass:"my-1 h-40 w-full max-w-[240px] rounded-lg",onOpen:d}):(0,b.jsx)("img",{src:e,alt:c||"",loading:"lazy",className:"my-1 max-h-48 rounded-lg"}):null},code:({className:a,children:c})=>{if(!a?.startsWith("language-"))return(0,b.jsx)("code",{className:"bg-[var(--code-bg)] rounded px-1.5 py-0.5 text-cyan-300 text-[11px] border border-[var(--border)]",children:c});let d=a?.replace(/^language-/,"")||"";return(0,b.jsxs)("div",{className:"my-2 rounded-lg overflow-hidden border border-[var(--border)]",children:[d&&(0,b.jsx)("div",{className:"bg-[var(--code-bg)] px-3 py-1 text-[10px] text-[var(--fg-muted)] border-b border-[var(--border)]",children:d}),(0,b.jsx)("pre",{className:"bg-[var(--code-bg)] px-3 py-2 text-[11px] text-green-300 overflow-x-auto",children:(0,b.jsx)("code",{children:c})})]})},table:({children:a})=>(0,b.jsx)("div",{className:"my-2 overflow-x-auto",children:(0,b.jsx)("table",{className:"w-full text-[12px] border-collapse",children:a})}),thead:({children:a})=>(0,b.jsx)("thead",{className:"bg-[var(--code-bg)]",children:a}),tbody:({children:a})=>(0,b.jsx)("tbody",{children:a}),tr:({children:a})=>(0,b.jsx)("tr",{className:"border-b border-[var(--border)]",children:a}),th:({children:a})=>(0,b.jsx)("th",{className:"text-left text-cyan-300 font-semibold px-2 py-1 border border-[var(--border)]",children:a}),td:({children:a})=>(0,b.jsx)("td",{className:"px-2 py-1 border border-[var(--border)] align-top",children:a})}),[d]);return a?(0,b.jsx)("div",{className:"break-words leading-relaxed",children:(0,b.jsx)(h.default,{remarkPlugins:[i.default],components:e,children:a})}):(0,b.jsx)("span",{className:"text-[var(--fg-dim)] italic",children:"No content"})});function I({children:a}){let d=(0,c.useRef)(null),[e,f]=(0,c.useState)(!1),[g,h]=(0,c.useState)(!1);(0,c.useEffect)(()=>{let a=d.current;if(!a)return;let b=()=>f(a.scrollHeight>340);b();let c=new ResizeObserver(b);return c.observe(a),()=>c.disconnect()},[]);let i=e&&!g;return(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{ref:d,style:i?{maxHeight:300,overflow:"hidden",maskImage:"linear-gradient(to bottom, black 72%, transparent 100%)",WebkitMaskImage:"linear-gradient(to bottom, black 72%, transparent 100%)"}:void 0,children:a}),e&&(0,b.jsx)("button",{type:"button",onClick:()=>h(a=>!a),className:"mt-1 text-[12px] font-medium text-cyan-400 hover:text-cyan-300",children:g?(0,r.t)("收起 ⌃","Collapse ⌃"):(0,r.t)("展开全文 ⌄","Show full text ⌄")})]})}a.s(["TaskChatPanel",0,function({alias:a,onClose:h,inline:i,availableNodes:w,active:A}){let B=!1!==A,{networkId:D}=(0,k.useNetworkId)(),E=D?(0,s.chatPrivateScope)(D):null,{health:F}=(0,l.useHealth)(),G=(0,m.useMuted)(a),J=(()=>{let b=F?.sse_sessions;if(!b)return null;if(b[a]||D&&b[`${D}:${a}`])return!0;for(let c of Object.keys(b))if(c.endsWith(`:${a}`))return!0;return!1})(),[K,L]=(0,c.useState)([]),[M,N]=(0,c.useState)(""),[O,P]=(0,c.useState)([]),[Q,R]=(0,c.useState)("normal"),[S,T]=(0,c.useState)(!1),[U,V]=(0,c.useState)(new Set),[W,X]=(0,c.useState)(!1),[Y,Z]=(0,c.useState)(!1),[$,_]=(0,c.useState)(!1),[aa,ab]=(0,c.useState)(0);(0,p.usePinyinReady)();let[ac,ad]=(0,c.useState)(!1),[ae,af]=(0,c.useState)(null),[ag,ah]=(0,c.useState)(""),[ai,aj]=(0,c.useState)([]),ak=(0,c.useRef)(null),al=(0,c.useRef)(null),am=(0,c.useRef)(null),an=(0,c.useRef)(!1),ao=(0,c.useRef)(!1),[ap,aq]=(0,c.useState)(!0),[ar,as]=(0,c.useState)(!1),[at,au]=(0,c.useState)(0),[av,aw]=(0,c.useState)(null),[ax,ay]=(0,c.useState)(null),[az,aA]=(0,c.useState)(!1),[aB,aC]=(0,c.useState)(""),[aD,aE]=(0,c.useState)(0),aF=(0,c.useRef)(null);(0,c.useEffect)(()=>{if(!B)return;let a=a=>{(a.metaKey||a.ctrlKey)&&!a.shiftKey&&!a.altKey&&"f"===a.key.toLowerCase()&&(a.preventDefault(),aA(!0),setTimeout(()=>aF.current?.focus(),50))};return window.addEventListener("keydown",a,!0),()=>window.removeEventListener("keydown",a,!0)},[B]),(0,c.useEffect)(()=>{if(!B)return;let b=b=>{let c=b.detail;c?.alias&&c.alias!==a||(aA(!0),setTimeout(()=>aF.current?.focus(),50))};return window.addEventListener("chat:open-search",b),()=>window.removeEventListener("chat:open-search",b)},[B,a]);let aG=(0,c.useRef)(null),aH=(0,c.useCallback)(a=>{aG.current=document.activeElement;let b=Array.from(new Set(Array.from(am.current?.querySelectorAll("[data-chat-image]")||[]).map(a=>a.getAttribute("data-chat-image")||"").filter(Boolean))),c=Math.max(0,b.indexOf(a));aw({urls:b.length?b:[a],idx:c})},[]),aI=(0,c.useRef)(!0),aJ=(0,c.useRef)(0),aK=(0,c.useRef)(!1),aL=(0,c.useRef)({});(0,c.useEffect)(()=>{w?aj(w):Promise.all([fetch("/api/hub/status").then(a=>a.ok?a.json():{sessions:[]}),fetch("/api/hub/health").then(a=>a.ok?a.json():{})]).then(([a,b])=>{let c=a.sessions||[],d={};for(let a of c)a.network_id&&(d[a.alias]=a.network_id);aL.current=d,aj(c.filter(a=>(0,f.isOnline)(a,b?.sse_sessions)).map(a=>a.alias))}).catch(()=>{})},[w]);let aM=(0,c.useRef)(M);aM.current=M;let aN=(0,c.useRef)(!1);(0,c.useEffect)(()=>{try{aN.current=window.matchMedia("(pointer: coarse)").matches}catch{}},[]),(0,c.useEffect)(()=>{if(!a||!D)return;let b=(0,o.readDraft)(a,D);return b&&(N(b),requestAnimationFrame(()=>{al.current&&a4(al.current)})),()=>{(0,o.writeDraft)(a,aM.current,D)}},[a,D]),(0,c.useEffect)(()=>{if(!D)return;let b=setTimeout(()=>(0,o.writeDraft)(a,M,D),300);return()=>clearTimeout(b)},[M,a,D]),(0,c.useEffect)(()=>{a&&(0,n.markChatRead)(a,D)},[a,D]);let aO=(0,c.useCallback)(async(b,c,d)=>{let e=new AbortController,f=setTimeout(()=>e.abort(),c);try{let c=await fetch((0,g.buildTaskHistoryUrl)(a,b,d),{signal:e.signal}),f=await c.json();if(f.tasks){let a=new Set;for(let b of f.tasks){let c=function(a){if("string"!=typeof a||!a)return null;try{let b=JSON.parse(a),c=b?.client_request_id;return"string"==typeof c&&/^dreq_[A-Za-z0-9_-]{16,96}$/.test(c)?c:null}catch{return null}}(b.meta_json);c&&(a.add(c),(0,s.removeChatOutbox)(c,E))}f.tasks.length<b&&aq(!1),L(b=>(0,g.mergeTaskHistoryPage)(b,f.tasks,a))}return!0}catch{return!1}finally{clearTimeout(f)}},[a,E]),aP=(0,c.useCallback)(async a=>{let b=await aO(12,12e3,a);return Z(!b),X(!0),b},[aO]),aQ=(0,c.useCallback)(async()=>{X(!1),Z(!1);let a=await aO(12,1e4);a||(a=await aO(6,6e3)),Z(!a),X(!0)},[aO]);(0,c.useEffect)(()=>{L([]),X(!1),Z(!1),ao.current=!1,aT.current=!0,aI.current=!0,aJ.current=0,au(0),ay(null),aq(!0),aQ();let b=(0,s.chatOutboxForAlias)(a,E).map(a=>({task_id:a.localTaskId,client_request_id:a.requestId,from_name:"Dashboard",to_name:a.targetAlias,status:"failed",priority:a.priority,content:a.content,result:"❌ 发送结果未确认，点此安全重试",created_at:a.createdAt}));b.length>0&&L(a=>{let c=new Set(a.map(a=>a.task_id));return[...a,...b.filter(a=>!c.has(a.task_id))]}),setTimeout(()=>al.current?.focus(),300)},[a,aQ,E]);let aR=(0,c.useCallback)(async()=>{if(ar||!ap)return;let a=(0,g.oldestTaskHistoryCursor)(K);if(!a)return void aq(!1);as(!0);let b=am.current,c=b?.scrollHeight??0;an.current=!0;let d=await aP({task_id:a.task_id,created_at:a.created_at});requestAnimationFrame(()=>{d&&b&&(b.scrollTop+=b.scrollHeight-c),d||(an.current=!1),as(!1)})},[ar,ap,aP,K]),aS=(0,c.useCallback)(()=>{let a=am.current;if(!a)return;let b=a.scrollHeight-a.scrollTop-a.clientHeight;if(aI.current=b<80,aI.current&&au(0),!ao.current){b<80&&(ao.current=!0);return}a.scrollTop<40&&aR()},[aR]),aT=(0,c.useRef)(!0);(0,c.useEffect)(()=>{let a=K.reduce((a,b)=>a+(b.result?2:1),0),b=aJ.current;if(aJ.current=a,an.current){an.current=!1;return}if(0===K.length)return;if(!aT.current&&!aK.current&&!aI.current){a>b&&au(c=>c+(a-b));return}let c=aT.current?"auto":"smooth";aT.current=!1,aK.current=!1,ak.current?.scrollIntoView({behavior:c})},[K]);let aU=(0,c.useRef)(null),aV=(0,c.useRef)(0);(0,c.useEffect)(()=>()=>{aU.current&&clearTimeout(aU.current)},[]),(0,j.useSSE)({url:"/api/hub/events",enabled:!0,onEvent:async a=>{let b=a?.type||"";if("new_reply"===b&&a.in_reply_to&&U.has(a.in_reply_to)){try{let b=await fetch(`/api/hub/tasks?task_id=${encodeURIComponent(a.in_reply_to)}`),c=await b.json(),d=c?.tasks?.[0];if(!d)return;L(b=>b.map(b=>b.task_id===a.in_reply_to?{...b,...d}:b)),["replied","failed","closed","expired","cancelled"].includes(d.status)&&V(b=>{let c=new Set(b);return c.delete(a.in_reply_to),c})}catch{}return}["new_task","new_message","new_reply","broadcast"].includes(b)&&W&&B&&(aU.current&&clearTimeout(aU.current),aU.current=setTimeout(()=>{aV.current=Date.now(),aO(12,12e3)},Math.max(1500,6e3-(Date.now()-aV.current))))}});let aW=(0,c.useRef)(B);(0,c.useEffect)(()=>{if(!W||!B){aW.current=B;return}!aW.current&&(aO(12,12e3),aN.current||al.current?.focus()),aW.current=!0;let a=setInterval(()=>{"hidden"!==document.visibilityState&&aO(12,12e3)},15e3);return()=>clearInterval(a)},[W,B,aO]),(0,c.useEffect)(()=>{if(0===U.size)return;let a=Date.now(),b=setInterval(async()=>{if(Date.now()-a>36e5){V(new Set),clearInterval(b);return}for(let a of U)try{let b=await fetch(`/api/hub/tasks?task_id=${encodeURIComponent(a)}`),c=await b.json();if(c.tasks?.[0]){let b=c.tasks[0];L(c=>c.map(c=>c.task_id===a?{...c,...b}:c)),["replied","failed","closed","expired","cancelled"].includes(b.status)&&V(b=>{let c=new Set(b);return c.delete(a),c})}}catch{}},3e4);return()=>clearInterval(b)},[U]);let aX=async a=>{let b=[];for(let c of(a.length>0&&af({done:0,total:a.length}),a)){let d=new FormData;d.append("file",c);let e=await fetch("/api/hub/upload",{method:"POST",body:d}),f=await e.json().catch(()=>({ok:!1,message:`HTTP ${e.status}`}));if(!e.ok||!f.ok||!f.file_id){let b=f.message||f.error||`HTTP ${e.status}`;throw Error(a.length>1?`${c.name}: ${b}`:b)}b.push({file_id:f.file_id,name:c.name,mime:f.mime||c.type,size:f.size??c.size}),af({done:b.length,total:a.length})}return b},aY=async()=>{if(!M.trim()&&0===O.length||S)return;let b=M.trim(),c=a,d=b.match(/^@(\S+)\s+([\s\S]+)/);if(d){let a=ai.find(a=>a.toLowerCase()===d[1].toLowerCase());a&&(c=a,b=d[2])}T(!0),N(""),(0,o.writeDraft)(a,"",D),aK.current=!0,P([]),_(!1),al.current&&(al.current.style.height="auto");let e=O.length>0?`
+
+[Dashboard 附件待上传]
+${O.map(a=>`- 附件: ${a.name}`).join("\n")}`:"",f=function(a=globalThis.crypto){if("function"==typeof a.randomUUID)return`dreq_${a.randomUUID().replace(/-/g,"")}`;let b=a.getRandomValues(new Uint8Array(16));return`dreq_${Array.from(b,a=>a.toString(16).padStart(2,"0")).join("")}`}(),g=`tmp-${f}`,h={task_id:g,from_name:"Dashboard",to_name:c,status:"created",priority:Q,content:`${b}${e}`.trim(),result:"",created_at:new Date().toISOString(),client_request_id:f};L(a=>[...a,h]),0===O.length&&(0,s.putChatOutbox)({requestId:f,localTaskId:g,panelAlias:a,targetAlias:c,content:b,priority:Q,networkId:aL.current[c]||D||"",createdAt:h.created_at},E);try{let a=await aX(O);if(a.length>0){let c=["","","[Dashboard 附件]",...a.map(a=>`- 附件: ${a.name}${null!=a.size?` (${t(a.size)})`:""}`)].join("\n");b=`${b}${c}`.trim(),L(a=>a.map(a=>a.task_id===g?{...a,content:b}:a))}await aZ(b,c,g,a,f)}catch(b){let a=b instanceof Error?b.message:String(b);O.length>0&&a$.current.set(g,O),L(b=>b.map(b=>b.task_id===g?{...b,status:"failed",result:`❌ ${a}`}:b))}T(!1),af(null),al.current?.focus()},aZ=async(a,b,c,d=[],e)=>{try{let f=await fetch("/api/hub/send",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({alias:b,task:a,priority:Q,attachments:d,...e?{request_id:e}:{},...aL.current[b]||D?{network_id:aL.current[b]||D}:{}})}),g=await f.json().catch(()=>({ok:!1,error:`HTTP ${f.status}`})),h=function(a){if(!a||"object"!=typeof a)return{accepted:!1};let b="string"==typeof a.message_id&&a.message_id?a.message_id:void 0;return b&&(!0===a.ok||!0===a.queued)?{accepted:!0,messageId:b,status:!0===a.queued?"queued":"string"==typeof a.task_status&&a.task_status?a.task_status:"delivered"}:{accepted:!1}}(g);if(h.accepted&&h.messageId)L(a=>a.map(a=>a.task_id===c?{...a,task_id:h.messageId,status:h.status}:a)),V(a=>new Set(a).add(h.messageId)),e&&(0,s.removeChatOutbox)(e,E);else{let a=g.error||g.detail||`send failed (status ${f.status})`;L(b=>b.map(b=>b.task_id===c?{...b,status:"failed",result:`❌ ${a}`}:b))}}catch(b){let a=b instanceof Error?b.message:String(b);L(b=>b.map(b=>b.task_id===c?{...b,status:"failed",result:`❌ ${a}`}:b))}},a$=(0,c.useRef)(new Map),a_=(0,c.useRef)(new Set),a0=async a=>{if(a_.current.has(a.task_id))return;a_.current.add(a.task_id);let b=a$.current.get(a.task_id)||[],c=a.content.replace(/\n*\[Dashboard 附件待上传\][\s\S]*$/,"").trim();L(b=>b.map(b=>b.task_id===a.task_id?{...b,status:"created",result:""}:b));try{let d=c,e=[];b.length>0&&(e=await aX(b)).length>0&&(d=`${d}
+
+[Dashboard 附件]
+${e.map(a=>`- 附件: ${a.name}${null!=a.size?` (${t(a.size)})`:""}`).join("\n")}`.trim(),L(b=>b.map(b=>b.task_id===a.task_id?{...b,content:d}:b))),await aZ(d,a.to_name,a.task_id,e,a.client_request_id),a$.current.delete(a.task_id)}catch(c){let b=c instanceof Error?c.message:String(c);L(c=>c.map(c=>c.task_id===a.task_id?{...c,status:"failed",result:`❌ ${b}`}:c))}finally{a_.current.delete(a.task_id),af(null)}},a1=a=>{let b=Array.from(a);0!==b.length&&(O.length+b.length>6&&(ad(!0),setTimeout(()=>ad(!1),3e3)),P(a=>[...a,...b].slice(0,6)))},a2=a=>{let b=M.lastIndexOf("@"),c=M.slice(0,b);N(`${c}@${a} `),_(!1),al.current?.focus()},a3=ai.filter(b=>b!==a&&(0,p.pinyinMatch)(b,ag)).slice(0,8),a4=a=>{a.style.height="auto",a.style.height=Math.min(a.scrollHeight,150)+"px"},a5=K.flatMap(a=>{let b=[{kind:"task",task:a,at:a.created_at}];return a.result&&"failed"!==a.status&&b.push({kind:"reply",task:a,at:a.completed_at||a.created_at}),b}).sort((a,b)=>{let c=u(a.at)-u(b.at);return 0!==c?c:a.task.task_id!==b.task.task_id?a.task.task_id.localeCompare(b.task.task_id):"task"===a.kind?-1:1}),a6=aB.trim().toLowerCase(),a7=a6?a5.filter(a=>(("reply"===a.kind?a.task.result:a.task.content)||"").toLowerCase().includes(a6)).map(a=>`${a.task.task_id}:${a.kind}`):[],a8=a7.length?a7[Math.min(aD,a7.length-1)]:null;(0,c.useEffect)(()=>{aE(Math.max(0,a7.length-1))},[a6]),(0,c.useEffect)(()=>{if(!a8)return;let a=am.current?.querySelector(`[data-ev="${CSS.escape(a8)}"]`);a?.scrollIntoView({block:"center",behavior:"smooth"})},[a8]);let a9=a=>{a7.length&&aE(b=>(b+a+a7.length)%a7.length)},ba=()=>{aA(!1),aC("")},bb=(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)("div",{ref:am,onScroll:aS,"data-testid":"chat-messages-scroll",className:"flex-1 overflow-y-auto px-3 py-3 sm:px-4 sm:py-4 space-y-2 sm:space-y-4",children:[az?(0,b.jsxs)("div",{className:"sticky top-0 z-20 -mx-1 flex items-center gap-2 rounded-lg border border-[var(--border)] bg-[var(--bg-elevated)]/95 px-2 py-1.5 shadow-lg shadow-black/30 backdrop-blur",children:[(0,b.jsx)("input",{ref:aF,value:aB,onChange:a=>aC(a.target.value),onKeyDown:a=>{"Escape"===a.key?(a.stopPropagation(),ba()):"Enter"===a.key&&a.shiftKey?(a.preventDefault(),a9(1)):"Enter"===a.key&&(a.preventDefault(),a9(-1))},placeholder:(0,r.t)("搜索会话…","Search conversation…"),className:"min-w-0 flex-1 bg-transparent text-xs text-[var(--fg)] placeholder-[var(--fg-dim)] focus:outline-none"}),(0,b.jsx)("span",{className:"shrink-0 text-[10px] tabular-nums text-[var(--fg-dim)]",children:a7.length?`${Math.min(aD,a7.length-1)+1}/${a7.length}`:aB.trim()?(0,r.t)("0 条","0 found"):(0,r.t)(`${a5.length} 条内`,`in ${a5.length}`)}),(0,b.jsx)("button",{type:"button",onClick:()=>a9(-1),"aria-label":(0,r.t)("上一条（更早）","Previous (older)"),className:"shrink-0 rounded px-1 text-[var(--fg-dim)] hover:text-cyan-300",children:"↑"}),(0,b.jsx)("button",{type:"button",onClick:()=>a9(1),"aria-label":(0,r.t)("下一条（更新）","Next (newer)"),className:"shrink-0 rounded px-1 text-[var(--fg-dim)] hover:text-cyan-300",children:"↓"}),(0,b.jsx)("button",{type:"button",onClick:ba,"aria-label":(0,r.t)("关闭搜索","Close search"),className:"shrink-0 rounded px-1 text-[var(--fg-dim)] hover:text-[var(--fg)]",children:"×"})]}):(0,b.jsx)("div",{className:"sticky top-0 z-20 flex justify-end pointer-events-none -mb-8",children:(0,b.jsx)("button",{type:"button",onClick:()=>{aA(!0),setTimeout(()=>aF.current?.focus(),50)},"aria-label":(0,r.t)("搜索会话","Search conversation"),className:"pointer-events-auto inline-flex min-h-[40px] min-w-[40px] items-center justify-center rounded-full border border-[var(--border)] bg-[var(--bg-elevated)]/80 text-[var(--fg-dim)] shadow hover:text-cyan-300 sm:min-h-0 sm:min-w-0 sm:p-1.5",children:(0,b.jsx)("svg",{className:"h-3.5 w-3.5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21 21l-4.35-4.35M17 11a6 6 0 11-12 0 6 6 0 0112 0z"})})})}),!W&&(0,b.jsx)("div",{className:"flex justify-center py-8",children:(0,b.jsx)("div",{className:"w-5 h-5 border-2 border-cyan-500/30 border-t-cyan-500 rounded-full animate-spin"})}),W&&ap&&K.length>0&&(0,b.jsx)("button",{type:"button",onClick:aR,className:"w-full flex justify-center py-2 text-[11px] text-[var(--fg-dim)] hover:text-[var(--fg-muted)]",children:ar?(0,b.jsx)("span",{className:"w-4 h-4 border-2 border-cyan-500/30 border-t-cyan-500 rounded-full animate-spin"}):(0,b.jsx)("span",{children:"↑ Load earlier messages"})}),W&&!ap&&K.length>0&&(0,b.jsx)("div",{className:"text-center text-[10px] text-[var(--fg-dim)] py-1",children:"— beginning of history —"}),W&&!Y&&0===K.length&&(0,b.jsxs)("div",{className:"text-center py-12",children:[(0,b.jsx)("div",{className:"text-3xl mb-3",children:"💬"}),(0,b.jsx)("div",{className:"text-[var(--fg-muted)] text-sm",children:"Start a conversation"}),(0,b.jsxs)("div",{className:"text-[var(--fg-dim)] text-xs mt-1",children:["Send a task to ",a]})]}),W&&Y&&0===K.length&&(0,b.jsxs)("div",{className:"text-center py-12",children:[(0,b.jsx)("div",{className:"text-[var(--fg-muted)] text-sm",children:"连接较慢，暂未加载出历史"}),(0,b.jsxs)("div",{className:"text-[var(--fg-dim)] text-xs mt-1",children:["你仍可在下方直接给 ",a," 发消息"]}),(0,b.jsx)("button",{type:"button",onClick:()=>aQ(),className:"mt-3 text-xs text-cyan-400 hover:text-cyan-300 underline",children:"重试加载历史"})]}),a5.map((a,f)=>{let g=a.task,h=f>0?a5[f-1].at:null,i=!h||u(a.at)-u(h)>3e5?(0,b.jsx)("div",{className:"flex justify-center py-1.5",children:(0,b.jsx)("span",{className:"text-[10px] text-[var(--fg-dim)] bg-[var(--bg-elevated)] rounded px-2 py-0.5",children:(0,q.formatWeChatTime)(a.at)})}):null,j=!g.from_name||"Dashboard"===g.from_name||"api"===g.from_name||"hub"===g.from_name,k=j?"You":g.from_name,l=j?null:(0,b.jsxs)("span",{className:"inline-flex items-center gap-1 px-1.5 py-0.5 rounded bg-purple-500/15 border border-purple-500/30 text-[9px] text-purple-300 font-medium",children:["↳ ",g.from_name]});return"reply"===a.kind?(0,b.jsxs)(c.Fragment,{children:[i,(0,b.jsx)("div",{className:"flex justify-start","data-ev":`${g.task_id}:reply`,children:(0,b.jsxs)("div",{title:a.at,className:`group/bubble max-w-[92%] sm:max-w-[min(85%,56ch)] bg-green-500/8 border border-green-500/15 rounded-2xl rounded-bl-md px-3 py-2.5 sm:px-4 shadow-sm ${a8===`${g.task_id}:reply`?"ring-2 ring-yellow-400/60":""}`,children:[(0,b.jsxs)("div",{className:"flex items-center justify-between gap-2 mb-2",children:[(0,b.jsxs)("div",{className:"flex items-center gap-1.5 min-w-0",children:[g.to_name&&(0,b.jsx)(d.AliasAvatar,{alias:g.to_name,size:14}),(0,b.jsx)("span",{className:"text-[10px] text-[var(--fg)] font-medium truncate",children:g.to_name}),(0,b.jsx)("span",{className:"text-[9px] text-green-300/70",children:"replied"})]}),(0,b.jsx)(v,{text:g.result||"",label:(0,r.t)("复制回复","Copy reply")})]}),(0,b.jsxs)("div",{className:"mb-2 rounded-lg border-l-2 border-cyan-400/40 bg-black/20 px-2.5 py-1.5",children:[(0,b.jsxs)("div",{className:"text-[9px] text-cyan-300/80",children:["引用 ",k," 的任务 · ",function(a){if(!a)return"--";let b=new Date(a.replace(" ","T")+(a.includes("T")?"":"Z"));return Number.isNaN(b.getTime())?a:b.toLocaleString(void 0,{month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit"})}(g.created_at)]}),(0,b.jsx)("div",{className:"mt-0.5 max-h-10 overflow-hidden text-[11px] leading-5 text-[var(--fg-muted)]",children:function(a,b=140){let c=(a||"").replace(/\[Dashboard 附件[\s\S]*$/m,"[附件]").replace(/\s+/g," ").trim();return c.length>b?`${c.slice(0,b)}…`:c}(g.content)||"No content"})]}),(0,b.jsxs)("div",{className:"text-[14px] leading-[1.65] text-[var(--fg)]",children:[(0,b.jsx)(I,{children:(0,b.jsx)(H,{text:g.result,onImageClick:aH})}),(0,b.jsx)(y,{text:g.result,onOpen:aH}),(0,e.extractAttachments)(g).map((a,c)=>(0,b.jsx)(e.AttachmentBlock,{attachment:a},`att-r-${a.file_id??a.path??c}`))]})]})})]},`${g.task_id}:reply`):(0,b.jsxs)(c.Fragment,{children:[i,(0,b.jsxs)("div",{className:"space-y-1.5 sm:space-y-2",children:[(0,b.jsxs)("div",{className:"flex items-center justify-end gap-1.5","data-ev":`${g.task_id}:task`,children:["failed"===g.status&&j&&(0,b.jsx)("button",{type:"button",onClick:()=>ay(a=>a===g.task_id?null:g.task_id),title:(g.result||"").replace(/^❌\s*/,"")||(0,r.t)("发送失败","Send failed"),"aria-label":(0,r.t)("发送失败，点击查看原因","Send failed — tap for reason"),"aria-expanded":ax===g.task_id,className:"flex h-[18px] w-[18px] shrink-0 items-center justify-center rounded-full bg-red-500 text-[11px] font-bold leading-none text-white",children:"!"}),(0,b.jsxs)("div",{title:g.created_at,className:`group/bubble max-w-[92%] sm:max-w-[min(85%,56ch)] bg-cyan-500/8 border border-cyan-500/15 rounded-2xl rounded-br-md px-3 py-2.5 sm:px-4 shadow-sm ${a8===`${g.task_id}:task`?"ring-2 ring-yellow-400/60":""}`,children:[(0,b.jsxs)("div",{className:"flex items-center gap-2 mb-1",children:[(0,b.jsx)("span",{className:`text-[10px] font-medium ${j?"text-cyan-400":"text-purple-300"}`,children:k}),!j&&(0,b.jsxs)("span",{className:"text-[9px] text-[var(--fg-dim)]",children:["forwarded to ",g.to_name]}),(0,b.jsx)("span",{className:"flex-1"}),(0,b.jsx)(v,{text:g.content||"",label:(0,r.t)("复制内容","Copy message")})]}),(0,b.jsxs)("div",{className:"text-[14px] leading-[1.65] text-[var(--fg)]",children:[(0,b.jsx)(I,{children:(0,b.jsx)(H,{text:g.content,onImageClick:aH})}),(0,b.jsx)(y,{text:g.content,onOpen:aH}),(0,e.extractAttachments)(g).map((a,c)=>(0,b.jsx)(e.AttachmentBlock,{attachment:a},`att-t-${a.file_id??a.path??c}`))]}),(0,b.jsxs)("div",{className:"flex flex-wrap items-center justify-between mt-1.5 gap-2 sm:gap-3",children:[(0,b.jsx)(C,{status:g.status,result:g.result}),(0,b.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[g.task_id.startsWith("tmp-")&&"failed"!==g.status&&(0,b.jsx)("span",{"aria-label":(0,r.t)("发送中","Sending"),className:"inline-block h-3 w-3 animate-spin rounded-full border-2 border-cyan-500/30 border-t-cyan-400"}),"failed"===g.status&&j&&(0,b.jsxs)("button",{type:"button",onClick:()=>a0(g),className:"inline-flex items-center gap-1 rounded-md border border-red-500/40 bg-red-500/10 px-1.5 py-0.5 text-[10px] font-medium text-red-300 hover:bg-red-500/20",children:[(0,b.jsx)("span",{"aria-hidden":!0,children:"↻"})," ",(0,r.t)("重发","Resend")]}),l]})]})]})]}),"failed"===g.status&&ax===g.task_id&&(0,b.jsx)("div",{className:"flex justify-end",children:(0,b.jsx)("div",{className:"max-w-[92%] rounded-lg border border-red-500/30 bg-red-500/10 px-2.5 py-1.5 text-[11px] leading-5 text-red-300",children:(g.result||"").replace(/^❌\s*/,"")||(0,r.t)("发送失败","Send failed")})}),"running"===g.status&&!g.result&&(0,b.jsx)("div",{className:"flex justify-start",children:(0,b.jsx)("div",{className:"bg-[var(--bg-secondary)] border border-[var(--border)] rounded-2xl rounded-bl-md px-4 py-3",children:(0,b.jsxs)("div",{className:"flex gap-1",children:[(0,b.jsx)("span",{className:"w-2 h-2 rounded-full bg-gray-500 animate-bounce",style:{animationDelay:"0s"}}),(0,b.jsx)("span",{className:"w-2 h-2 rounded-full bg-gray-500 animate-bounce",style:{animationDelay:"0.15s"}}),(0,b.jsx)("span",{className:"w-2 h-2 rounded-full bg-gray-500 animate-bounce",style:{animationDelay:"0.3s"}})]})})})]})]},`${g.task_id}:task`)}),(0,b.jsx)("div",{ref:ak}),at>0&&(0,b.jsx)("div",{className:"sticky bottom-1 z-10 flex justify-center pointer-events-none",children:(0,b.jsxs)("button",{type:"button",onClick:()=>{au(0),aI.current=!0,ak.current?.scrollIntoView({behavior:"smooth"})},className:"pointer-events-auto flex items-center gap-1 rounded-full border border-cyan-500/30 bg-[var(--bg-elevated)] px-3 py-1 text-[11px] text-cyan-300 shadow-lg shadow-black/40 hover:bg-cyan-500/10",children:["↓ ",(0,r.t)(`${at} 条新消息`,`${at} new message${at>1?"s":""}`)]})})]}),(0,b.jsxs)("div",{className:"border-t border-[var(--border)] bg-[var(--bg-secondary)] px-3 py-3 pb-[calc(0.75rem+env(safe-area-inset-bottom))] sm:px-4",children:[(0,b.jsxs)("div",{className:"flex items-end gap-2",children:[(0,b.jsxs)("div",{className:"flex-1 relative",children:[$&&a3.length>0&&(0,b.jsx)("div",{className:"absolute bottom-full left-0 right-0 mb-1 bg-[var(--bg-secondary)] border border-[var(--border)] rounded-lg shadow-xl shadow-black/50 overflow-hidden z-10 max-h-48 overflow-y-auto",children:a3.map((a,c)=>(0,b.jsxs)("button",{onClick:()=>a2(a),onMouseEnter:()=>ab(c),"aria-selected":c===aa,className:`w-full flex items-center gap-2 px-3 py-2 text-xs text-left transition-colors ${c===aa?"bg-cyan-500/10":"hover:bg-cyan-500/10"}`,children:[(0,b.jsx)(d.AliasAvatar,{alias:a,size:16}),(0,b.jsx)("span",{className:"text-[var(--fg-muted)]",children:a})]},a))}),(0,b.jsx)("textarea",{ref:al,value:M,onChange:a=>{(a=>{N(a);let b=a.lastIndexOf("@");if(b>=0&&(0===b||" "===a[b-1]||"\n"===a[b-1])){let c=a.slice(b+1);if(!c.includes(" ")&&!c.includes("\n")){ah(c.toLowerCase()),ab(0),_(!0);return}}_(!1)})(a.target.value),a4(a.target)},onKeyDown:a=>{if($&&a3.length>0){if("ArrowDown"===a.key){a.preventDefault(),ab(a=>(a+1)%a3.length);return}if("ArrowUp"===a.key){a.preventDefault(),ab(a=>(a-1+a3.length)%a3.length);return}if("Enter"===a.key||"Tab"===a.key){a.nativeEvent.isComposing||(a.preventDefault(),a2(a3[Math.min(aa,a3.length-1)]));return}}if("Enter"===a.key&&!a.shiftKey&&!a.nativeEvent.isComposing){if(aN.current)return;a.preventDefault(),aY()}"Escape"===a.key&&_(!1)},onPaste:a=>{let b=Array.from(a.clipboardData.files||[]);b.length>0&&(a1(b),a.preventDefault())},placeholder:`Message ${a}...`,rows:1,className:"w-full bg-[var(--bg-secondary)] border border-[var(--border)] rounded-xl px-3 py-2.5 pr-24 text-base sm:px-4 sm:text-sm text-[var(--fg)] placeholder-[var(--fg-dim)] focus:border-cyan-500/40 focus:outline-none resize-none transition-colors"}),(0,b.jsxs)("div",{className:"absolute right-2 bottom-1.5 flex items-center gap-1",children:[(0,b.jsxs)("label",{className:"inline-flex min-h-[44px] min-w-[44px] -my-3 -mx-1.5 items-center justify-center sm:min-h-0 sm:min-w-0 sm:m-0 sm:p-1 text-[var(--fg-dim)] hover:text-cyan-300 cursor-pointer rounded hover:bg-cyan-500/10",title:(0,r.t)("附加文件","Attach file"),children:[(0,b.jsx)("input",{type:"file",multiple:!0,className:"hidden",onChange:a=>{a.target.files&&a1(a.target.files),a.currentTarget.value=""}}),(0,b.jsx)("svg",{className:"w-3.5 h-3.5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.5 6.5l-7.78 7.78a3 3 0 104.24 4.24l8.49-8.49a5 5 0 00-7.07-7.07L5.89 11.45a7 7 0 109.9 9.9l7.07-7.07"})})]}),(0,b.jsxs)("select",{value:Q,onChange:a=>R(a.target.value),className:"bg-transparent text-[9px] text-[var(--fg-dim)] focus:outline-none cursor-pointer",children:[(0,b.jsx)("option",{value:"normal",children:"N"}),(0,b.jsx)("option",{value:"high",children:"H"}),(0,b.jsx)("option",{value:"low",children:"L"})]})]})]}),(0,b.jsx)("button",{onClick:aY,"aria-label":"Send message",disabled:S||!M.trim()&&0===O.length,className:"inline-flex min-h-[44px] min-w-[44px] items-center justify-center bg-cyan-600 hover:bg-cyan-500 disabled:bg-[var(--border)] disabled:text-[var(--fg-dim)] text-[var(--fg)] rounded-xl transition-all shrink-0 active:scale-95",children:S?(0,b.jsx)("div",{className:"w-5 h-5 border-2 border-white/30 border-t-white rounded-full animate-spin"}):(0,b.jsx)("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 12L3.269 3.126A59.768 59.768 0 0121.485 12 59.77 59.77 0 013.27 20.876L5.999 12zm0 0h7.5"})})})]}),ae&&(0,b.jsxs)("div",{className:"mt-1 flex items-center gap-1.5 text-[10px] text-cyan-300",role:"status",children:[(0,b.jsx)("span",{className:"inline-block h-2.5 w-2.5 animate-spin rounded-full border-2 border-cyan-500/30 border-t-cyan-400"}),(0,r.t)(`上传附件 ${ae.done}/${ae.total}…`,`Uploading ${ae.done}/${ae.total}…`)]}),ac&&(0,b.jsx)("div",{className:"mt-1 text-[10px] text-amber-400",role:"status",children:(0,r.t)("最多同时附带 6 个附件","Up to 6 attachments at a time")}),O.length>0&&(0,b.jsx)("div",{className:"mt-2 flex flex-wrap gap-2",children:O.map((a,c)=>(0,b.jsx)(z,{file:a,onRemove:()=>P(a=>a.filter((a,b)=>b!==c))},`${a.name}-${a.size}-${c}`))}),(0,b.jsxs)("div",{className:"hidden sm:flex justify-between text-[9px] text-[var(--fg-dim)] mt-1.5",children:[(0,b.jsx)("span",{children:M.includes("@")?`Sending to: ${a}`:"Type @ to mention another node"}),(0,b.jsx)("span",{children:"Enter to send · paste image"})]})]}),av&&(0,b.jsx)(x,{urls:av.urls,initialIndex:av.idx,opener:aG.current,onClose:()=>aw(null)})]});return i?(0,b.jsx)("div",{className:"flex flex-col h-full",children:bb}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:"fixed inset-0 bg-black/30 z-40 lg:hidden anet-fade-in",onClick:h}),(0,b.jsxs)("div",{className:"fixed top-0 right-0 h-[100dvh] w-full lg:w-[640px] xl:w-[760px] 2xl:w-[860px] bg-[var(--bg)] border-l border-[var(--border)] z-50 flex flex-col shadow-2xl shadow-black/60 animate-slide-in",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between px-4 py-3 border-b border-[var(--border)] bg-[var(--bg-secondary)]",children:[(0,b.jsxs)("div",{className:"flex items-center gap-3",children:[(0,b.jsx)(d.AliasAvatar,{alias:a,size:32}),(0,b.jsxs)("div",{children:[(0,b.jsxs)("div",{className:"flex items-center gap-1.5 text-sm font-semibold text-[var(--fg)]",children:[(0,b.jsx)("span",{children:a}),G&&(0,b.jsx)("svg",{"aria-label":(0,r.t)("已开启免打扰","Muted"),role:"img",className:"h-3.5 w-3.5 text-[var(--fg-dim)]",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.8,children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.88 4.12A6 6 0 0118 9v3.6l1.5 2.4H12M6.3 6.3A5.98 5.98 0 006 9v3.6L4.5 15H13M10 19a2 2 0 004 0M3 3l18 18"})})]}),(0,b.jsxs)("div",{className:"flex items-center gap-1.5 text-[10px] text-[var(--fg-muted)]",children:[null!==J&&(0,b.jsx)("span",{"aria-hidden":!0,className:`inline-block h-1.5 w-1.5 rounded-full ${J?"bg-green-400":"bg-gray-600"}`}),(0,b.jsx)("span",{children:U.size>0?(0,r.t)("处理中…","Processing…"):null===J?"Ready":J?(0,r.t)("在线","Online"):(0,r.t)("离线","Offline")})]})]})]}),(0,b.jsx)("button",{onClick:h,"aria-label":"Close chat",className:"inline-flex min-h-[44px] min-w-[44px] items-center justify-center text-[var(--fg-muted)] hover:text-[var(--fg)] rounded-lg hover:bg-[var(--bg-elevated)]",children:(0,b.jsx)("svg",{className:"w-5 h-5",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"})})})]}),bb]})]})}],15261)},78287,a=>{"use strict";var b=a.i(72131);a.i(5537);let c="anet-chat-draft-updated";function d(a,b){return""}function e(a){return window.addEventListener(c,a),window.addEventListener("storage",a),()=>{window.removeEventListener(c,a),window.removeEventListener("storage",a)}}a.s(["readDraft",0,d,"useHasDraft",0,function(a){return(0,b.useSyncExternalStore)(e,()=>!!a&&!!d(a),()=>!1)},"writeDraft",0,function(a,b,c){}])},68957,58224,a=>{"use strict";function b(a){let b=Date.parse(a.includes("T")?a:`${a.replace(" ","T")}Z`);return Number.isFinite(b)?b:0}a.s(["buildTaskHistoryUrl",0,function(a,b,c){let d=new URLSearchParams({to_name:a,limit:String(b)});return c&&(d.set("before",c.created_at),d.set("before_task_id",c.task_id)),`/api/hub/tasks?${d.toString()}`},"mergeTaskHistoryPage",0,function(a,c,d=new Set){let e=new Set(c.map(a=>a.task_id));return[...c,...a.filter(a=>!e.has(a.task_id)&&(!a.client_request_id||!d.has(a.client_request_id)))].sort((a,c)=>b(a.created_at)-b(c.created_at)||a.task_id.localeCompare(c.task_id))},"oldestTaskHistoryCursor",0,function(a){let b=a.find(a=>a.task_id&&!a.task_id.startsWith("tmp-")&&!a.client_request_id&&a.created_at);return b?{task_id:b.task_id,created_at:b.created_at}:null}],68957);var c=a.i(72131);let d=new Map;function e(a){for(let b of a.subscribers)b.onStatus(a.connected,a.supported)}a.s(["useSSE",0,function({url:a,onEvent:b,reconnectDelay:f=3e3,enabled:g=!0}){let[h,i]=(0,c.useState)(!1),[j,k]=(0,c.useState)(null),[l,m]=(0,c.useState)(null),n=(0,c.useRef)(b);(0,c.useEffect)(()=>{n.current=b},[b]),(0,c.useEffect)(()=>{if(!g||!a)return;let b=d.get(a);b||(b={es:null,probeAbort:null,reconnectTimer:null,unsupported:!1,connected:!1,supported:null,reconnectDelay:f,subscribers:new Set},d.set(a,b));let c={onEvent:a=>{k(a),n.current?.(a)},onStatus:(a,b)=>{i(a),m(b)}};return b.subscribers.add(c),i(b.connected),m(b.supported),b.es||b.probeAbort||b.unsupported||function a(b){let c=d.get(b);if(!c||c.unsupported||0===c.subscribers.size)return;c.es&&(c.es.close(),c.es=null),c.probeAbort&&c.probeAbort.abort();let f=b.includes("?")?`${b}&probe=1`:`${b}?probe=1`,g=new AbortController;c.probeAbort=g;let h=setTimeout(()=>g.abort(),5e3);fetch(f,{method:"HEAD",cache:"no-store",signal:g.signal}).finally(()=>clearTimeout(h)).then(d=>{if(0===c.subscribers.size)return;if("true"!==d.headers.get("x-anet-sse-available")){c.unsupported=!0,c.connected=!1,c.supported=!1,e(c);return}c.supported=!0;let f=new EventSource(b);c.es=f,f.onopen=()=>{c.connected=!0,e(c)},f.onmessage=a=>{try{let b=JSON.parse(a.data);for(let a of c.subscribers)a.onEvent?.(b)}catch{}},f.onerror=()=>{c.connected=!1,e(c),f.close(),c.es=null,c.subscribers.size>0&&(c.reconnectTimer=setTimeout(()=>a(b),c.reconnectDelay))}}).catch(()=>{0!==c.subscribers.size&&(c.connected=!1,c.supported=!1,e(c))})}(a),()=>{let b=d.get(a);if(b){let e;b.subscribers.delete(c),0===b.subscribers.size&&(e=d.get(a))&&(e.probeAbort&&(e.probeAbort.abort(),e.probeAbort=null),e.es&&(e.es.close(),e.es=null),e.reconnectTimer&&(clearTimeout(e.reconnectTimer),e.reconnectTimer=null),d.delete(a))}}},[a,g,f]);let o=g&&!!a;return{connected:!!o&&h,lastEvent:j,supported:o?l:!!g&&null}}],58224)}];
+
+//# sourceMappingURL=app_1auk3il._.js.map