npm - @sleep2agi/agent-network-dashboard - Versions diffs - 0.4.6-preview.97 → 0.4.6-preview.99 - Mend

@sleep2agi/agent-network-dashboard 0.4.6-preview.97 → 0.4.6-preview.99

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

Files changed (158) hide show

package/.next/static/chunks/{0tmqja38uso1m.js → 0o.k-.0kl4bz5.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,136,(e,t,r)=>{},7454,(e,t,r)=>{var a=e.i(20888);e.r(136);var s=e.r(23910),n=s&&"object"==typeof s&&"default"in s?s:{default:s},l=void 0!==a.default&&a.default.env&&!0,i=function(e){return"[object String]"===Object.prototype.toString.call(e)},o=function(){function e(e){var t=void 0===e?{}:e,r=t.name,a=void 0===r?"stylesheet":r,s=t.optimizeForSpeed,n=void 0===s?l:s;d(i(a),"`name` must be a string"),this._name=a,this._deletedRulePlaceholder="#"+a+"-deleted-rule____{}",d("boolean"==typeof n,"`optimizeForSpeed` must be a boolean"),this._optimizeForSpeed=n,this._serverSheet=void 0,this._tags=[],this._injected=!1,this._rulesCount=0;var o="u">typeof window&&document.querySelector('meta[property="csp-nonce"]');this._nonce=o?o.getAttribute("content"):null}var t,r=e.prototype;return r.setOptimizeForSpeed=function(e){d("boolean"==typeof e,"`setOptimizeForSpeed` accepts a boolean"),d(0===this._rulesCount,"optimizeForSpeed cannot be when rules have already been inserted"),this.flush(),this._optimizeForSpeed=e,this.inject()},r.isOptimizeForSpeed=function(){return this._optimizeForSpeed},r.inject=function(){var e=this;if(d(!this._injected,"sheet already injected"),this._injected=!0,"u">typeof window&&this._optimizeForSpeed){this._tags[0]=this.makeStyleTag(this._name),this._optimizeForSpeed="insertRule"in this.getSheet(),this._optimizeForSpeed||(l||console.warn("StyleSheet: optimizeForSpeed mode not supported falling back to standard mode."),this.flush(),this._injected=!0);return}this._serverSheet={cssRules:[],insertRule:function(t,r){return"number"==typeof r?e._serverSheet.cssRules[r]={cssText:t}:e._serverSheet.cssRules.push({cssText:t}),r},deleteRule:function(t){e._serverSheet.cssRules[t]=null}}},r.getSheetForTag=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]},r.getSheet=function(){return this.getSheetForTag(this._tags[this._tags.length-1])},r.insertRule=function(e,t){if(d(i(e),"`insertRule` accepts only strings"),"u"<typeof window)return"number"!=typeof t&&(t=this._serverSheet.cssRules.length),this._serverSheet.insertRule(e,t),this._rulesCount++;if(this._optimizeForSpeed){var r=this.getSheet();"number"!=typeof t&&(t=r.cssRules.length);try{r.insertRule(e,t)}catch(t){return l||console.warn("StyleSheet: illegal rule: \n\n"+e+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),-1}}else{var a=this._tags[t];this._tags.push(this.makeStyleTag(this._name,e,a))}return this._rulesCount++},r.replaceRule=function(e,t){if(this._optimizeForSpeed||"u"<typeof window){var r="u">typeof window?this.getSheet():this._serverSheet;if(t.trim()||(t=this._deletedRulePlaceholder),!r.cssRules[e])return e;r.deleteRule(e);try{r.insertRule(t,e)}catch(a){l||console.warn("StyleSheet: illegal rule: \n\n"+t+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),r.insertRule(this._deletedRulePlaceholder,e)}}else{var a=this._tags[e];d(a,"old rule at index `"+e+"` not found"),a.textContent=t}return e},r.deleteRule=function(e){if("u"<typeof window)return void this._serverSheet.deleteRule(e);if(this._optimizeForSpeed)this.replaceRule(e,"");else{var t=this._tags[e];d(t,"rule at index `"+e+"` not found"),t.parentNode.removeChild(t),this._tags[e]=null}},r.flush=function(){this._injected=!1,this._rulesCount=0,"u">typeof window?(this._tags.forEach(function(e){return e&&e.parentNode.removeChild(e)}),this._tags=[]):this._serverSheet.cssRules=[]},r.cssRules=function(){var e=this;return"u"<typeof window?this._serverSheet.cssRules:this._tags.reduce(function(t,r){return r?t=t.concat(Array.prototype.map.call(e.getSheetForTag(r).cssRules,function(t){return t.cssText===e._deletedRulePlaceholder?null:t})):t.push(null),t},[])},r.makeStyleTag=function(e,t,r){t&&d(i(t),"makeStyleTag accepts only strings as second parameter");var a=document.createElement("style");this._nonce&&a.setAttribute("nonce",this._nonce),a.type="text/css",a.setAttribute("data-"+e,""),t&&a.appendChild(document.createTextNode(t));var s=document.head||document.getElementsByTagName("head")[0];return r?s.insertBefore(a,r):s.appendChild(a),a},t=[{key:"length",get:function(){return this._rulesCount}}],function(e,t){for(var r=0;r<t.length;r++){var a=t[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}(e.prototype,t),e}();function d(e,t){if(!e)throw Error("StyleSheet: "+t+".")}var c=function(e){for(var t=5381,r=e.length;r;)t=33*t^e.charCodeAt(--r);return t>>>0},u={};function h(e,t){if(!t)return"jsx-"+e;var r=String(t),a=e+r;return u[a]||(u[a]="jsx-"+c(e+"-"+r)),u[a]}function x(e,t){"u"<typeof window&&(t=t.replace(/\/style/gi,"\\/style"));var r=e+t;return u[r]||(u[r]=t.replace(/__jsx-style-dynamic-selector/g,e)),u[r]}var m=function(){function e(e){var t=void 0===e?{}:e,r=t.styleSheet,a=void 0===r?null:r,s=t.optimizeForSpeed,n=void 0!==s&&s;this._sheet=a||new o({name:"styled-jsx",optimizeForSpeed:n}),this._sheet.inject(),a&&"boolean"==typeof n&&(this._sheet.setOptimizeForSpeed(n),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),this._fromServer=void 0,this._indices={},this._instancesCounts={}}var t=e.prototype;return t.add=function(e){var t=this;void 0===this._optimizeForSpeed&&(this._optimizeForSpeed=Array.isArray(e.children),this._sheet.setOptimizeForSpeed(this._optimizeForSpeed),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),"u">typeof window&&!this._fromServer&&(this._fromServer=this.selectFromServer(),this._instancesCounts=Object.keys(this._fromServer).reduce(function(e,t){return e[t]=0,e},{}));var r=this.getIdAndRules(e),a=r.styleId,s=r.rules;if(a in this._instancesCounts){this._instancesCounts[a]+=1;return}var n=s.map(function(e){return t._sheet.insertRule(e)}).filter(function(e){return -1!==e});this._indices[a]=n,this._instancesCounts[a]=1},t.remove=function(e){var t=this,r=this.getIdAndRules(e).styleId;if(function(e,t){if(!e)throw Error("StyleSheetRegistry: "+t+".")}(r in this._instancesCounts,"styleId: `"+r+"` not found"),this._instancesCounts[r]-=1,this._instancesCounts[r]<1){var a=this._fromServer&&this._fromServer[r];a?(a.parentNode.removeChild(a),delete this._fromServer[r]):(this._indices[r].forEach(function(e){return t._sheet.deleteRule(e)}),delete this._indices[r]),delete this._instancesCounts[r]}},t.update=function(e,t){this.add(t),this.remove(e)},t.flush=function(){this._sheet.flush(),this._sheet.inject(),this._fromServer=void 0,this._indices={},this._instancesCounts={}},t.cssRules=function(){var e=this,t=this._fromServer?Object.keys(this._fromServer).map(function(t){return[t,e._fromServer[t]]}):[],r=this._sheet.cssRules();return t.concat(Object.keys(this._indices).map(function(t){return[t,e._indices[t].map(function(e){return r[e].cssText}).join(e._optimizeForSpeed?"":"\n")]}).filter(function(e){return!!e[1]}))},t.styles=function(e){var t,r;return t=this.cssRules(),void 0===(r=e)&&(r={}),t.map(function(e){var t=e[0],a=e[1];return n.default.createElement("style",{id:"__"+t,key:"__"+t,nonce:r.nonce?r.nonce:void 0,dangerouslySetInnerHTML:{__html:a}})})},t.getIdAndRules=function(e){var t=e.children,r=e.dynamic,a=e.id;if(r){var s=h(a,r);return{styleId:s,rules:Array.isArray(t)?t.map(function(e){return x(s,e)}):[x(s,t)]}}return{styleId:h(a),rules:Array.isArray(t)?t:[t]}},t.selectFromServer=function(){return Array.prototype.slice.call(document.querySelectorAll('[id^="__jsx-"]')).reduce(function(e,t){return e[t.id.slice(2)]=t,e},{})},e}(),p=s.createContext(null);function f(){return new m}function g(){return s.useContext(p)}p.displayName="StyleSheetContext";var y=n.default.useInsertionEffect||n.default.useLayoutEffect,b="u">typeof window?f():void 0;function v(e){var t=b||g();return t&&("u"<typeof window?t.add(e):y(function(){return t.add(e),function(){t.remove(e)}},[e.id,String(e.dynamic)])),null}v.dynamic=function(e){return e.map(function(e){return h(e[0],e[1])}).join(" ")},r.StyleRegistry=function(e){var t=e.registry,r=e.children,a=s.useContext(p),l=s.useState(function(){return a||t||f()})[0];return n.default.createElement(p.Provider,{value:l},r)},r.createStyleRegistry=f,r.style=v,r.useStyleRegistry=g},6694,(e,t,r)=>{t.exports=e.r(7454).style},18722,e=>{"use strict";var t=e.i(20888),r=e.i(22381),a=e.i(23910),s=e.i(56839),n=e.i(3479);function l({online:e,working:t,total:a,version:s,uptime:n}){let o=a>0?Math.round(e/a*100):0,d=0===a;return(0,r.jsxs)("div",{className:d?"mb-4":"mb-8",children:[(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-3 mb-4",children:[(0,r.jsx)("h1",{className:"text-2xl font-bold text-white tracking-tight",children:"Agent Network"}),(0,r.jsxs)("span",{className:"text-xs text-gray-500",children:["CommHub ",s," · ",n]})]}),d?(0,r.jsxs)("div",{className:"anet-stat-strip flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-gray-500 border-t border-b border-[#2a2a4a] py-2",children:[(0,r.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,r.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full bg-gray-600"}),(0,r.jsx)("span",{className:"text-gray-300 tabular-nums",children:"0"})," online"]}),(0,r.jsx)("span",{className:"text-gray-700",children:"·"}),(0,r.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,r.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full bg-gray-600"}),(0,r.jsx)("span",{className:"text-gray-300 tabular-nums",children:"0"})," working"]}),(0,r.jsx)("span",{className:"text-gray-700",children:"·"}),(0,r.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,r.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full bg-gray-600"}),(0,r.jsx)("span",{className:"text-gray-300 tabular-nums",children:"0"})," registered"]})]}):(0,r.jsxs)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3",children:[(0,r.jsx)(i,{value:e,label:"Online",sub:`${o}% of fleet`,color:"text-green-400",accent:"from-green-500/20 to-green-500/0",border:"border-green-500/15"}),(0,r.jsx)(i,{value:t,label:"Working",sub:e>0?`${Math.round(t/e*100)}% utilization`:"--",color:"text-cyan-400",accent:"from-cyan-500/20 to-cyan-500/0",border:"border-cyan-500/15"}),(0,r.jsx)(i,{value:a-e,label:"Offline",sub:a-e==0?"All systems go":`${a-e} disconnected`,color:"text-gray-400",accent:"from-gray-500/10 to-gray-500/0",border:"border-gray-500/15"}),(0,r.jsx)(i,{value:a,label:"Total",sub:"Registered nodes",color:"text-white",accent:"from-blue-500/15 to-blue-500/0",border:"border-blue-500/15"})]})]})}function i({value:e,label:t,sub:a,color:s,accent:n,border:l}){let o=s.replace("text-","").split("-")[0];return(0,r.jsxs)("div",{"data-anet-stat-card":o,className:`anet-stat-card relative overflow-hidden rounded-xl border ${l} bg-[#111128] px-4 py-3 transition-all`,children:[(0,r.jsx)("div",{className:`absolute inset-0 bg-gradient-to-br ${n} pointer-events-none`}),(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("div",{className:`text-3xl font-bold ${s} tabular-nums leading-tight`,children:e}),(0,r.jsx)("div",{className:"text-sm text-gray-300 mt-0.5",children:t}),(0,r.jsx)("div",{className:"text-xs text-gray-600 mt-1",children:a})]})]})}function o(){let[e,t]=(0,a.useState)(""),[s,n]=(0,a.useState)(!1),[l,i]=(0,a.useState)(""),o=async()=>{if(e.trim()){n(!0),i("");try{let r=await fetch("/api/hub/broadcast",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({message:e})}),a=await r.json();a.ok?(i(`Broadcast sent to ${a.recipients} node(s)`),t("")):i(`Failed: ${a.error||"Send error"}`)}catch(e){i(`Failed: ${e instanceof Error?e.message:"Send error"}`)}n(!1),setTimeout(()=>i(""),5e3)}};return(0,r.jsxs)("div",{className:"mb-6",children:[(0,r.jsxs)("div",{className:"flex gap-2",children:[(0,r.jsx)("input",{type:"text",value:e,onChange:e=>t(e.target.value),onKeyDown:e=>"Enter"===e.key&&o(),placeholder:"Broadcast message to all online agents...",maxLength:500,"aria-label":"Broadcast message",className:"flex-1 bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-2.5 text-sm text-white placeholder-gray-600 focus:border-blue-500/50 focus:ring-1 focus:ring-blue-500/20 focus:outline-none transition-colors"}),(0,r.jsx)("button",{onClick:o,disabled:s||!e.trim(),"aria-label":"Send broadcast",className:"flex items-center gap-2 px-5 py-2.5 bg-blue-600 hover:bg-blue-500 disabled:bg-gray-800 disabled:text-gray-600 text-white text-sm rounded-lg transition-all font-medium cursor-pointer disabled:cursor-not-allowed",children:s?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("svg",{"aria-hidden":!0,className:"w-4 h-4 animate-spin",viewBox:"0 0 24 24",fill:"none",children:[(0,r.jsx)("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"3",opacity:"0.25"}),(0,r.jsx)("path",{d:"M4 12a8 8 0 018-8",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round"})]}),(0,r.jsx)("span",{children:"Sending…"})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("svg",{"aria-hidden":!0,className:"w-4 h-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("path",{d:"M3 11v3a1 1 0 0 0 1 1h2l3.29 3.29a1 1 0 0 0 1.71-.71V7.42a1 1 0 0 0-1.71-.71L6 10H4a1 1 0 0 0-1 1Z"}),(0,r.jsx)("path",{d:"M16 8a5 5 0 0 1 0 6",opacity:"0.7"}),(0,r.jsx)("path",{d:"M19 5a9 9 0 0 1 0 12",opacity:"0.45"})]}),(0,r.jsx)("span",{children:"Broadcast"})]})})]}),e.length>0&&(0,r.jsxs)("div",{className:"text-right text-xs text-gray-600 mt-1 tabular-nums",children:[e.length,"/500"]}),l&&(0,r.jsx)("div",{className:`mt-3 text-sm text-center anet-fade-in ${l.startsWith("Failed")?"text-red-400":"text-green-400/80"}`,children:l})]})}var d=e.i(46228),c=e.i(43058),u=e.i(59276),h=e.i(59746);function x({alias:e,onClose:t}){let[s,n]=(0,a.useState)({x:0,y:0}),[l,i]=(0,a.useState)({w:380,h:520}),o=(0,a.useRef)({active:!1,startX:0,startY:0,baseX:0,baseY:0}),m=(0,a.useRef)({active:!1,startX:0,startY:0,baseW:0,baseH:0}),{sessions:p}=(0,u.useSessions)(),f=(0,a.useMemo)(()=>p.find(t=>t.alias===e),[p,e]),g=f&&"offline"!==f.status?null:(0,h.relativeAgo)(f?.last_seen_at),y=(0,a.useCallback)((e,t,r,a)=>({x:Math.min(Math.max(16,e),Math.max(16,window.innerWidth-r-16)),y:Math.min(Math.max(16,t),Math.max(16,window.innerHeight-a-16))}),[]);(0,a.useEffect)(()=>{let e=()=>{let e=window.innerWidth,t=window.innerHeight,r=Math.min(380,e-32),a=Math.min(520,t-96);i({w:r,h:a});let s=e<640;n(y(s?16:e-r-24,s?t-a-16:96,r,a))};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[y]),(0,a.useEffect)(()=>{let e=e=>{"Escape"===e.key&&t()};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[t]);let b=e=>{if(o.current.active){o.current.active=!1;try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch{}}},v=e=>{if(m.current.active){m.current.active=!1,e.stopPropagation();try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch{}}};return(0,r.jsxs)("div",{className:"fixed z-50 flex flex-col overflow-hidden rounded-xl border border-[var(--border)] bg-[var(--bg)] shadow-2xl shadow-black/60 anet-fade-in",style:{left:s.x,top:s.y,width:l.w,height:l.h},role:"dialog","aria-label":`Chat with ${e}`,children:[(0,r.jsxs)("div",{onPointerDown:e=>{0===e.button&&(e.currentTarget.setPointerCapture?.(e.pointerId),o.current={active:!0,startX:e.clientX,startY:e.clientY,baseX:s.x,baseY:s.y})},onPointerMove:e=>{let t=o.current;t.active&&n(y(t.baseX+(e.clientX-t.startX),t.baseY+(e.clientY-t.startY),l.w,l.h))},onPointerUp:b,onPointerCancel:b,className:"flex items-center justify-between px-3 py-2.5 border-b border-[var(--border)] bg-[var(--bg-secondary)] rounded-t-xl cursor-grab active:cursor-grabbing select-none touch-none",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2.5 min-w-0",children:[(0,r.jsx)(d.AliasAvatar,{alias:e,size:28}),(0,r.jsxs)("div",{className:"min-w-0",children:[(0,r.jsx)("div",{className:"text-sm font-semibold text-[var(--fg)] truncate",children:e}),f?.project_dir?(0,r.jsxs)("div",{className:"text-[10px] text-[var(--fg-muted)] truncate font-mono",title:f.project_dir,"data-popover-cwd":!0,children:["cwd: ",f.project_dir]}):null,g?(0,r.jsxs)("div",{className:"text-[10px] text-[var(--fg-muted)] truncate","data-popover-lastseen":!0,children:["last seen: ",g]}):null,f?.project_dir||g?null:(0,r.jsx)("div",{className:"text-[10px] text-[var(--fg-muted)]",children:"Drag to move · Esc to close"})]})]}),(0,r.jsx)("button",{onClick:t,onPointerDown:e=>e.stopPropagation(),"aria-label":"Close chat",className:"text-[var(--fg-muted)] hover:text-[var(--fg)] p-1.5 rounded-lg hover:bg-[var(--bg-elevated)] shrink-0",children:(0,r.jsx)("svg",{className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})})]}),(0,r.jsx)("div",{className:"flex-1 min-h-0",children:(0,r.jsx)(c.TaskChatPanel,{alias:e,onClose:t,inline:!0})}),(0,r.jsx)("div",{onPointerDown:e=>{0===e.button&&(e.stopPropagation(),e.currentTarget.setPointerCapture?.(e.pointerId),m.current={active:!0,startX:e.clientX,startY:e.clientY,baseW:l.w,baseH:l.h})},onPointerMove:e=>{let t=m.current;if(!t.active)return;e.stopPropagation();let r=Math.max(300,window.innerWidth-s.x-16),a=Math.max(320,window.innerHeight-s.y-16);i({w:Math.min(r,Math.max(300,t.baseW+(e.clientX-t.startX))),h:Math.min(a,Math.max(320,t.baseH+(e.clientY-t.startY)))})},onPointerUp:v,onPointerCancel:v,"aria-label":"Resize chat",className:"absolute bottom-0 right-0 w-5 h-5 cursor-nwse-resize touch-none z-10",style:{touchAction:"none"},children:(0,r.jsx)("svg",{className:"absolute bottom-0.5 right-0.5 w-3 h-3 text-[var(--fg-dim)]",viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round","aria-hidden":!0,children:(0,r.jsx)("path",{d:"M11 5L5 11M11 9L9 11"})})})]})}let m={id:"unknown",label:"Unknown vendor",mono:{bg:"hsl(220 10% 26%)",ring:"hsl(220 10% 46%)",text:"hsl(220 14% 82%)"},initial:"?",logo:null},p=[{test:e=>e.startsWith("intern"),vendor:{id:"intern",label:"书生 · 上海 AI 实验室",mono:{bg:"hsl(28 38% 24%)",ring:"hsl(32 45% 52%)",text:"hsl(34 60% 82%)"},initial:"书",logo:"/intern_avatar.png"}},{test:e=>e.startsWith("minimax"),vendor:{id:"minimax",label:"MiniMax",mono:{bg:"hsl(18 50% 26%)",ring:"hsl(18 65% 52%)",text:"hsl(20 80% 82%)"},initial:"M",logo:null}},{test:e=>e.startsWith("claude"),vendor:{id:"anthropic",label:"Anthropic",mono:{bg:"hsl(16 32% 26%)",ring:"hsl(16 48% 54%)",text:"hsl(18 60% 84%)"},initial:"A",logo:null}},{test:e=>e.startsWith("gpt")||e.startsWith("codex")||e.startsWith("o1")||e.startsWith("o3")||e.startsWith("o4"),vendor:{id:"openai",label:"OpenAI",mono:{bg:"hsl(165 26% 22%)",ring:"hsl(165 40% 44%)",text:"hsl(165 45% 80%)"},initial:"O",logo:null}}];function f(e){if(!e)return m;let t=e.toLowerCase();for(let e of p)if(e.test(t))return e.vendor;return m}let g={"claude-code-cli":{label:"Claude Code CLI",iconPath:"M4 5h16v14H4z M7 9l3 3-3 3 M13 15h4",color:"#a78bfa"},"codex-sdk":{label:"Codex SDK",iconPath:"M9 7l-5 5 5 5 M15 7l5 5-5 5",color:"#38bdf8"},"claude-agent-sdk":{label:"Claude Agent SDK",iconPath:"M4 7h16v10H4z M8 11h8 M8 14h5",color:"#34d399"},"http-api":{label:"HTTP API",iconPath:"M7 18a4 4 0 010-8 5 5 0 019.6-1.3A3.5 3.5 0 0118 18z",color:"#fbbf24"}};function y(e){return e?g[e]??null:null}function b(e,t,r,a=0){let s=t<=2?Math.PI:1.78*Math.PI,n=-Math.PI/2-s/2,l=t<=1?-Math.PI/2:n+s*e/(t-1)+a;return{x:500+r*Math.cos(l),y:330+r*Math.sin(l)}}function v(e,t,r=0){let a=(e.x+t.x)/2,s=(e.y+t.y)/2,n=t.x-e.x,l=t.y-e.y,i=Math.hypot(n,l)||1,o={x:a+-l/i*r,y:s+n/i*r};return`M${e.x},${e.y} Q${o.x},${o.y} ${t.x},${t.y}`}function j(e,t){return e.length>t?`${e.slice(0,t-1)}...`:e}function w({sessions:e}){let t=(0,a.useRef)(Date.now()),[s,n]=(0,a.useState)(()=>Date.now());(0,a.useEffect)(()=>{t.current=Date.now()},[e]),(0,a.useEffect)(()=>{let e=setInterval(()=>n(Date.now()),1e3);return()=>clearInterval(e)},[]);let l=Math.max(0,Math.floor((s-t.current)/1e3)),i=l>10;return(0,r.jsxs)("span",{className:i?"hidden sm:inline px-2.5 py-1 rounded-md bg-amber-500/10 text-amber-300 border border-amber-500/20 font-mono":"hidden sm:inline px-2.5 py-1 rounded-md bg-gray-500/10 text-gray-400 border border-gray-500/20 font-mono",title:i?`Last sync ${l}s ago — SWR refresh may be lagging`:`Live data \xb7 refreshes every 5s \xb7 last sync ${l}s ago`,"data-freshness-chip":!0,children:["live · ",l,"s"]})}function k(e,t,r){return t?"working"===e.status?{label:"working",primary:r?"#059669":"#22c55e",halo:r?"#d1fae5":"#14532d",text:r?"#065f46":"#dcfce7"}:"idle"===e.status?{label:"idle",primary:r?"#0d9488":"#2dd4bf",halo:r?"#ccfbf1":"#134e4a",text:r?"#115e59":"#ccfbf1"}:{label:e.status||"online",primary:r?"#0284c7":"#38bdf8",halo:r?"#e0f2fe":"#0c4a6e",text:r?"#0c4a6e":"#e0f2fe"}:{label:"offline",primary:r?"#94a3b8":"#6b7280",halo:r?"#e2e8f0":"#111827",text:r?"#475569":"#9ca3af"}}let N={panelStops:["#0b1220","#080814","#101018"],radarStops:[{color:"#22d3ee",opacity:.18},{color:"#22c55e",opacity:.045},{color:"#020617",opacity:0}],arrowFill:"#67e8f9",ringStroke:"#164e63",spokeStroke:{active:"#22d3ee",idle:"#155e75"},flowEdge:"#67e8f9",flowPath:"#e0f2fe",flowParticle:"#fef08a",nodeFill:{online:"#020617",offline:"#080814"},labelBox:{fill:"#020617",stroke:"#1f2937"},legendBox:{fill:"#020617",stroke:"#1f2937"},legendText:"#94a3b8",legendHeadline:"#e5e7eb",legendAccent:"#67e8f9",containerBg:"#080814",containerBorder:"#2a2a4a",topRailGradient:"from-transparent via-cyan-400/70 to-transparent"},S={panelStops:["#f8fafc","#ffffff","#f1f5f9"],radarStops:[{color:"#10b981",opacity:.06},{color:"#3b82f6",opacity:.03},{color:"#ffffff",opacity:0}],arrowFill:"#10b981",ringStroke:"#cbd5e1",spokeStroke:{active:"#10b981",idle:"#cbd5e1"},flowEdge:"#10b981",flowPath:"#475569",flowParticle:"#f59e0b",nodeFill:{online:"#ffffff",offline:"#f8fafc"},labelBox:{fill:"#ffffff",stroke:"#e2e8f0"},legendBox:{fill:"#ffffff",stroke:"#e2e8f0"},legendText:"#475569",legendHeadline:"#0f172a",legendAccent:"#0d9488",containerBg:"#ffffff",containerBorder:"#e3e6eb",topRailGradient:"from-transparent via-emerald-500/40 to-transparent"};function _(e,t){let r=0;for(;r<e.length&&r<t.length&&e[r]===t[r];)r++;return e.slice(0,r)}function M(e){let t=e.length,r=e.map((e,t)=>t),a=e=>{for(;r[e]!==e;)r[e]=r[r[e]],e=r[e];return e},s=(e,t)=>{let s=a(e),n=a(t);s!==n&&(r[s]=n)},n={};for(let t of(e.forEach((e,t)=>{let r=e.project_dir?.trim();r&&(n[r]||=[]).push(t)}),Object.values(n)))for(let e=1;e<t.length;e++)s(t[0],t[e]);let l=e.map((e,t)=>t).sort((t,r)=>e[t].alias.localeCompare(e[r].alias));for(let t=0;t+1<l.length;t++)_(e[l[t]].alias,e[l[t+1]].alias).length>=2&&s(l[t],l[t+1]);let i={};for(let e=0;e<t;e++)(i[a(e)]||=[]).push(e);let o={};for(let t of Object.values(i)){let r;if(1===t.length)r=e[t[0]].alias;else{let a=new Set(t.map(t=>e[t].project_dir?.trim()).filter(Boolean));if(1===a.size){let e=[...a][0];r=e.split("/").filter(Boolean).pop()||e}else(r=t.map(t=>e[t].alias).reduce((e,t)=>_(e,t))).length<2&&(r=e[t[0]].alias)}for(let a of t)o[e[a].alias]=r}return o}function C(e,t){let r=new Map;return e.forEach(e=>{if(!t[e.from_alias]||!t[e.to_alias]||e.from_alias===e.to_alias)return;let a=`${e.from_alias}->${e.to_alias}`,s=r.get(a),n=e.created_at||"",l=s?n>s.last_at?n:s.last_at:n;r.set(a,{key:a,from:e.from_alias,to:e.to_alias,count:(s?.count||0)+1,content:s?.content||e.content,last_at:l})}),[...r.values()].slice(0,18)}function E({sessions:e,sseSessions:t,renameSignal:s}){let n,l,i,o,c,u,m,p,g,_,$,z,P,L,T,A="light"===function(){let[e,t]=(0,a.useState)("dark");return(0,a.useEffect)(()=>{let e=()=>{let e=document.documentElement.getAttribute("data-theme")||"cyber";t("light"===e||"mint"===e?"light":"dark")};e();let r=new MutationObserver(e);return r.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>r.disconnect()},[]),e}(),I=function(){let[e,t]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{if(!window.matchMedia)return;let e=window.matchMedia("(prefers-reduced-motion: reduce)");t(e.matches);let r=e=>t(e.matches);return e.addEventListener("change",r),()=>e.removeEventListener("change",r)},[]),e}(),R=A?S:N,F="intern"===function(){let[e,t]=(0,a.useState)(null);return(0,a.useEffect)(()=>{try{let e=new URL(window.location.href).searchParams.get("brand");null!==e?""===e||"none"===e?(localStorage.removeItem("anet-brand"),t(null)):(localStorage.setItem("anet-brand",e),t(e)):t(localStorage.getItem("anet-brand"))}catch{}},[]),e}(),[W,B]=(0,a.useState)([]),[O,D]=(0,a.useState)("ring");(0,a.useEffect)(()=>{try{let e=localStorage.getItem("anet-topo-layout");("grid"===e||"ring"===e)&&D(e)}catch{}},[]);let H=()=>D(e=>{let t="ring"===e?"grid":"ring";try{localStorage.setItem("anet-topo-layout",t)}catch{}return t}),[Y,X]=(0,a.useState)(.84);(0,a.useEffect)(()=>{try{let e=parseFloat(localStorage.getItem("anet-topo-nodescale")||"");(.7===e||.84===e||1===e)&&X(e)}catch{}},[]),(0,a.useEffect)(()=>{let e=async()=>{try{let e=await fetch("/api/hub/messages?limit=50");if(401===e.status)return void window.location.assign("/login");let t=await e.json();B(t.messages||[])}catch{}};e();let t=setInterval(e,5e3);return()=>clearInterval(t)},[]);let{onlineNodes:U,offlineNodes:G,nodePositions:K,flowLinks:V,activeAliases:J,groupKeys:q,groupBoxes:Z,gridContentBottom:Q}=(0,a.useMemo)(()=>{let r=e=>(e.network_id?t[`${e.network_id}:${e.alias}`]:void 0)??t[e.alias],a=(e,t)=>e.alias.localeCompare(t.alias),s=Date.now(),n=e.filter(e=>"offline"!==e.status||r(e)).sort(a),l=e.filter(e=>"offline"===e.status&&!r(e)&&!(e=>{if("offline"!==e.status||r(e)||!e.last_seen_at)return!1;let t=(0,h.parseHubTime)(e.last_seen_at);return null!==t&&s-t>36e5})(e)).sort(a),i={};if("grid"===O){let e=[...n,...l],t=M(e),a=Math.max(1,Math.ceil(Math.sqrt(e.length))),s=700/a,o=Math.round(26*Y),d=[];for(let r of e){let e=t[r.alias],a=d[d.length-1];a&&a.key===e?a.members.push(r):d.push({key:e,members:[r]})}let c=[],u=0,h=0;for(;h<d.length;)if(d[h].members.length>=2)c.push({members:d[h].members,startRow:u,centred:!1,isGroup:!0}),u+=Math.ceil(d[h].members.length/a),h++;else{let e=[];for(;h<d.length&&d[h].members.length<2;)e.push(d[h].members[0]),h++;c.push({members:e,startRow:u,centred:!0,isGroup:!1}),u+=Math.ceil(e.length/a)}let x=Math.max(1,u),m=o+20,p=Math.max(2*o+22,m+12,o+(Y<.8?12:14)+m+3,Math.min(100,526/x));for(let e of c)e.members.forEach((t,r)=>{let n=Math.floor(r/a),l=r%a,o=Math.min(a,e.members.length-n*a),d=e.centred?(a-o)*s/2:0;i[t.alias]={x:150+d+(l+.5)*s,y:126+(e.startRow+n+.5)*p}});let f=C(W,i),g=new Set;f.forEach(e=>{g.add(e.from),g.add(e.to)});let y=Math.max(8,Math.min(26,p-m-8)),b=c.filter(e=>e.isGroup).map(e=>{let a=e.members.map(e=>i[e.alias]).filter(Boolean),s=a.map(e=>e.x),n=a.map(e=>e.y),l=Math.min(...s),o=Math.min(...n),d=0,c=0,u=0;for(let t of e.members){let e="offline"!==t.status||!!r(t);"working"===t.status?d++:e?c++:u++}return{key:e.members.length?t[e.members[0].alias]:"",count:e.members.length,statuses:{working:d,idle:c,offline:u},x:l-y,y:o-m,w:Math.max(...s)-l+2*y,h:Math.max(...n)-o+m+y}});return{onlineNodes:n,offlineNodes:l,nodePositions:i,flowLinks:f,activeAliases:g,groupKeys:t,groupBoxes:b,gridContentBottom:126+x*p+8}}let o=n.length>14,d=!o&&n.length>8,c=n.length;if(o){let e=Math.ceil(n.length/3),t=n.slice(0,e),r=n.slice(e,2*e),a=n.slice(2*e);t.forEach((e,r)=>{i[e.alias]=b(r,Math.max(t.length,1),145)});let s=t.length<=2?Math.PI:1.78*Math.PI,l=t.length>1?s/(t.length-1):0;r.forEach((e,t)=>{i[e.alias]=b(t,Math.max(r.length,1),215,l/2)}),a.forEach((e,t)=>{i[e.alias]=b(t,Math.max(a.length,1),285)}),c=a.length}else if(d){let e=Math.ceil(n.length/2),t=n.length-e,r=n.slice(0,e),a=n.slice(e);r.forEach((t,r)=>{i[t.alias]=b(r,Math.max(e,1),175)});let s=e<=2?Math.PI:1.78*Math.PI,l=e>1?s/(e-1):0;a.forEach((e,r)=>{i[e.alias]=b(r,Math.max(t,1),260,l/2)}),c=t}else n.forEach((e,t)=>{i[e.alias]=b(t,Math.max(n.length,1),220)});let u=c<=2?Math.PI:1.78*Math.PI,x=c>1?u/(c-1):0,m=c>0?x/2:0,p=325+6*Math.max(0,l.length-4);l.forEach((e,t)=>{i[e.alias]=b(t,Math.max(l.length,1),p,m)});let f=C(W,i),g=new Set;f.forEach(e=>{g.add(e.from),g.add(e.to)});let y=M([...n,...l]);return{onlineNodes:n,offlineNodes:l,nodePositions:i,flowLinks:f,activeAliases:g,groupKeys:y,groupBoxes:[],gridContentBottom:0}},[W,e,t,O,Y]),ee=U.filter(e=>"working"===e.status).length,et=(0,a.useMemo)(()=>{let e=new Map;for(let t of[...U,...G]){let r=f(t.model),a="unknown"===r.id?"?":r.initial,s=e.get(a);s?s.count++:e.set(a,{initial:a,count:1,color:r.mono.text})}return[...e.values()].sort((e,t)=>t.count-e.count)},[U,G]),er=U.length+G.length>16,[ea,es]=(0,a.useState)(null),[en,el]=(0,a.useState)(null),ei=en??(ea?q[ea]??ea:null),[eo,ed]=(0,a.useState)(()=>{try{return sessionStorage.getItem("anet-topo-pinned-group")}catch{return null}}),ec=ei??eo;(0,a.useEffect)(()=>{try{eo?sessionStorage.setItem("anet-topo-pinned-group",eo):sessionStorage.removeItem("anet-topo-pinned-group")}catch{}},[eo]),(0,a.useEffect)(()=>{!eo||new Set(Object.values(q)).has(eo)||ed(null)},[eo,q]);let[eu,eh]=(0,a.useState)(null),[ex,em]=(0,a.useState)(!1),[ep,ef]=(0,a.useState)(null),[eg,ey]=(0,a.useState)(()=>{try{return sessionStorage.getItem("anet-topo-pinned-vendor")}catch{return null}}),eb=ep??eg;(0,a.useEffect)(()=>{try{eg?sessionStorage.setItem("anet-topo-pinned-vendor",eg):sessionStorage.removeItem("anet-topo-pinned-vendor")}catch{}},[eg]),(0,a.useEffect)(()=>{eg&&!et.some(e=>e.initial===eg)&&ey(null)},[eg,et]);let[ev,ej]=(0,a.useState)(null),[ew,ek]=(0,a.useState)(()=>{try{let e=sessionStorage.getItem("anet-topo-pinned-status");return"working"===e||"idle"===e||"offline"===e?e:null}catch{return null}}),eN=ev??ew;(0,a.useEffect)(()=>{try{ew?sessionStorage.setItem("anet-topo-pinned-status",ew):sessionStorage.removeItem("anet-topo-pinned-status")}catch{}},[ew]),(0,a.useEffect)(()=>{let e=e=>{let t=e.detail||{};if("clear"===t.kind)ek(null),ed(null),ey(null);else if("clear-vendor"===t.kind)ey(null);else if("status"===t.kind){let e=t.value;("working"===e||"idle"===e||"offline"===e)&&ek(e)}else"group"===t.kind&&"string"==typeof t.value&&ed(t.value)};return window.addEventListener("anet:topo-pin",e),()=>window.removeEventListener("anet:topo-pin",e)},[]);let eS=(0,a.useMemo)(()=>{if(!eu)return null;let e=V.find(e=>e.key===eu);return e?new Set([e.from,e.to]):null},[eu,V]),e_=(0,a.useRef)(null),eM=(0,a.useRef)(null),[eC,eE]=(0,a.useState)({zoom:1,x:0,y:0}),e$=(0,a.useRef)(eC),ez=(0,a.useRef)({active:!1,startX:0,startY:0,baseX:0,baseY:0}),[eP,eL]=(0,a.useState)(!1),[eT,eA]=(0,a.useState)(null),[eI,eR]=(0,a.useState)(null);(0,a.useEffect)(()=>{s&&s.from===eT&&eA(s.to)},[s]),(0,a.useEffect)(()=>{e$.current=eC},[eC]),(0,a.useEffect)(()=>{try{let e=localStorage.getItem("anet-topo-view");if(e){let t=JSON.parse(e);"number"==typeof t?.zoom&&eE({zoom:Math.min(4,Math.max(.5,t.zoom)),x:"number"==typeof t.x?t.x:0,y:"number"==typeof t.y?t.y:0})}}catch{}},[]);let[eF]=(0,a.useState)(()=>!!localStorage.getItem("anet-topo-view")),eW=(0,a.useRef)(!1);(0,a.useEffect)(()=>{if(!eW.current){if(eF){eW.current=!0;return}if("grid"===O&&0!==e.length&&Q){if(Q<=680){eW.current=!0;return}eE({zoom:Math.max(.5,Math.min(1,680/Q)),x:0,y:0}),eW.current=!0}}},[O,e.length,Q,eF]),(0,a.useEffect)(()=>{try{localStorage.setItem("anet-topo-view",JSON.stringify(eC))}catch{}},[eC]),(0,a.useEffect)(()=>{let e=()=>eL(document.fullscreenElement===e_.current);return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)},[]),(0,a.useEffect)(()=>{let e=eM.current;if(!e)return;let t=t=>{if(!eP&&!t.ctrlKey&&!t.metaKey)return;t.preventDefault();let r=e.getBoundingClientRect(),a=(t.clientX-r.left)/r.width*1e3,s=(t.clientY-r.top)/r.height*680;eE(e=>{let r=Math.min(1.08,Math.max(.926,Math.exp(-(6e-4*t.deltaY)))),n=Math.min(4,Math.max(.5,e.zoom*r)),l=n/e.zoom;return{zoom:n,x:a-(a-e.x)*l,y:s-(s-e.y)*l}})};return e.addEventListener("wheel",t,{passive:!1}),()=>e.removeEventListener("wheel",t)},[eP]);let[eB,eO]=(0,a.useState)(!1),eD=e=>{if(ez.current.active){ez.current.active=!1,eO(!1);try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch{}}},eH=e=>{eE(t=>{let r=Math.min(4,Math.max(.5,t.zoom*e)),a=r/t.zoom;return{zoom:r,x:500-(500-t.x)*a,y:340-(340-t.y)*a}})},eY=()=>eE({zoom:1,x:0,y:0}),eX=(0,a.useCallback)(()=>{eE({zoom:!Q||Q<=680?1:Math.max(.5,Math.min(1,680/Q)),x:0,y:0})},[Q]);return(0,a.useEffect)(()=>{let e=e=>{"toggle"===(e.detail||{}).kind&&H()},t=e=>{"fit"===(e.detail||{}).kind&&eX()};return window.addEventListener("anet:topo-layout",e),window.addEventListener("anet:topo-view",t),()=>{window.removeEventListener("anet:topo-layout",e),window.removeEventListener("anet:topo-view",t)}},[eX]),(0,a.useEffect)(()=>{let e=e=>{if(e.ctrlKey||e.metaKey||e.altKey)return;let t=document.activeElement;if(t){let e=t.tagName;if("INPUT"===e||"TEXTAREA"===e||"SELECT"===e||t.isContentEditable)return}"+"===e.key||"="===e.key?(eH(1.2),e.preventDefault()):"-"===e.key||"_"===e.key?(eH(1/1.2),e.preventDefault()):"0"===e.key?(eY(),e.preventDefault()):"f"===e.key||"F"===e.key?(eX(),e.preventDefault()):"l"===e.key||"L"===e.key?(H(),e.preventDefault()):"Escape"===e.key&&!eT&&(ew||eo||eg)&&(ew&&ek(null),eo&&ed(null),eg&&ey(null),e.preventDefault())};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[eX,eT,ew,eo,eg]),(0,r.jsxs)("section",{className:"w-full max-w-6xl mx-auto mb-8",children:[(0,r.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between mb-3 px-1",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-xs uppercase text-gray-600 tracking-wider",children:"Network Topology"}),(0,r.jsx)("h2",{className:"text-lg text-white font-semibold",children:"Command mesh"})]}),(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-2 text-xs",children:[(0,r.jsxs)("div",{className:"inline-flex rounded-md border border-gray-500/25 overflow-hidden",role:"group","aria-label":"Topology layout",children:[(0,r.jsx)("button",{onClick:()=>{"ring"!==O&&H()},"aria-pressed":"ring"===O,title:"Ring layout (l to toggle)",className:`px-2.5 py-1 transition-colors ${"ring"===O?"bg-cyan-500/15 text-cyan-300":"text-gray-500 hover:text-gray-400"}`,children:"Ring"}),(0,r.jsx)("button",{onClick:()=>{"grid"!==O&&H()},"aria-pressed":"grid"===O,title:"Grid layout (l to toggle)",className:`px-2.5 py-1 border-l border-gray-500/25 transition-colors ${"grid"===O?"bg-cyan-500/15 text-cyan-300":"text-gray-500 hover:text-gray-400"}`,children:"Grid"})]}),(0,r.jsxs)("span",{className:"px-2.5 py-1 rounded-md bg-green-500/10 text-green-300 border border-green-500/20","data-working-chip":!0,"data-pin-mirror":"working"===ew?"true":"false",title:ee>0?"working"===ew?"Pinned — Esc to clear":"Hover to highlight working nodes":void 0,style:{cursor:ee>0?"pointer":void 0,boxShadow:"working"===ew?"inset 0 0 0 1px #4ade80, inset 0 0 0 2px rgba(255,255,255,0.45)":void 0},onMouseEnter:()=>{ee>0&&ej("working")},onMouseLeave:()=>ej(e=>"working"===e?null:e),children:[ee," working"]}),(0,r.jsxs)("span",{className:"px-2.5 py-1 rounded-md bg-cyan-500/10 text-cyan-300 border border-cyan-500/20","data-online-chip":!0,"data-pin-mirror":"idle"===ew?"true":"false",title:U.length>0?"idle"===ew?"Pinned — Esc to clear":"Hover to highlight online nodes":void 0,style:{cursor:U.length>0?"pointer":void 0,boxShadow:"idle"===ew?"inset 0 0 0 1px #67e8f9, inset 0 0 0 2px rgba(255,255,255,0.45)":void 0},onMouseEnter:()=>{let e=U.length-ee;ee>0?ej("working"):e>0&&ej("idle")},onMouseLeave:()=>ej(e=>"working"===e||"idle"===e?null:e),children:[U.length," online"]}),(()=>{let e=U.length-ee,t=G.length,a=ee+e+t;if(0===a)return null;let s=(e,t,s,n)=>{if(0===e)return null;let l=ew===s;return(0,r.jsx)("span",{"data-pressure-seg":s,role:"button",tabIndex:0,"aria-pressed":l,title:`${e} ${n} — click to ${l?"release filter":"highlight"}`,style:{width:`${e/a*100}%`,background:t,height:"100%",cursor:"pointer",boxShadow:l?`inset 0 0 0 1px ${t}, inset 0 0 0 2px rgba(255,255,255,0.6)`:void 0},onClick:e=>{e.stopPropagation(),ek(e=>e===s?null:s)},onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),ek(e=>e===s?null:s))},onMouseEnter:()=>ej(s),onMouseLeave:()=>ej(e=>e===s?null:e)},s)};return(0,r.jsxs)("span",{className:"hidden sm:inline-flex items-center gap-2 px-2.5 py-1 rounded-md bg-gray-500/10 text-gray-400 border border-gray-500/20 font-mono",title:`${ee} working \xb7 ${e} idle \xb7 ${t} offline`,"data-fleet-pressure":!0,children:[(0,r.jsx)("span",{className:"text-[10px] tracking-wide",children:"pressure"}),(0,r.jsxs)("span",{className:"inline-flex h-1.5 w-16 rounded-full overflow-hidden",style:{background:"rgb(75 85 99 / 0.25)"},children:[s(ee,A?"#059669":"#22c55e","working","working"),s(e,A?"#0d9488":"#2dd4bf","idle","idle"),s(t,A?"#94a3b8":"#6b7280","offline","offline")]})]})})(),ew&&(n="working"===ew?ee:"idle"===ew?U.length-ee:G.length,(0,r.jsxs)("span",{"data-active-filter":"status","data-filter-match-count":n,className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono text-xs border anet-fade-in",title:"Click to clear filter",onClick:()=>ek(null),style:{background:"working"===ew?A?"#05966914":"#22c55e1f":"idle"===ew?A?"#0d948814":"#2dd4bf1f":A?"#94a3b814":"#6b72801f",color:"working"===ew?A?"#047857":"#86efac":"idle"===ew?A?"#0f766e":"#5eead4":A?"#475569":"#9ca3af",borderColor:"currentColor",cursor:"pointer"},children:[(0,r.jsxs)("span",{children:[(0,r.jsx)("span",{className:"hidden sm:inline","data-filter-prefix":!0,children:"filter: "}),ew,(0,r.jsxs)("span",{className:"opacity-70",children:[" · ",n]})]}),(0,r.jsx)("button",{type:"button","aria-label":`Clear ${ew} filter`,onClick:e=>{e.stopPropagation(),ek(null)},className:"ml-0.5 leading-none hover:opacity-70",style:{background:"transparent",color:"inherit",cursor:"pointer",padding:0},children:"×"})]})),eo&&(l=Object.values(q).filter(e=>e===eo).length,(0,r.jsxs)("span",{"data-active-filter":"group","data-filter-match-count":l,className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono text-xs border anet-fade-in",title:"Click to clear filter",onClick:()=>ed(null),style:{background:A?"#67e8f914":"#67e8f91f",color:R.legendAccent,borderColor:"currentColor",cursor:"pointer"},children:[(0,r.jsxs)("span",{children:[(0,r.jsx)("span",{className:"hidden sm:inline","data-filter-prefix":!0,children:"filter: "}),eo,(0,r.jsxs)("span",{className:"opacity-70",children:[" · ",l]})]}),(0,r.jsx)("button",{type:"button","aria-label":`Clear group filter ${eo}`,onClick:e=>{e.stopPropagation(),ed(null)},className:"ml-0.5 leading-none hover:opacity-70",style:{background:"transparent",color:"inherit",cursor:"pointer",padding:0},children:"×"})]})),eg&&(i=et.find(e=>e.initial===eg),o=i?.count??0,c=i?.color??R.legendText,(0,r.jsxs)("span",{"data-active-filter":"vendor","data-filter-match-count":o,className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono text-xs border anet-fade-in",title:"Click to clear vendor filter",onClick:()=>ey(null),style:{background:`${c}1f`,color:c,borderColor:"currentColor",cursor:"pointer"},children:[(0,r.jsxs)("span",{children:[(0,r.jsx)("span",{className:"hidden sm:inline","data-filter-prefix":!0,children:"filter: "}),eg,(0,r.jsxs)("span",{className:"opacity-70",children:[" · ",o]})]}),(0,r.jsx)("button",{type:"button","aria-label":`Clear vendor filter ${eg}`,onClick:e=>{e.stopPropagation(),ey(null)},className:"ml-0.5 leading-none hover:opacity-70",style:{background:"transparent",color:"inherit",cursor:"pointer",padding:0},children:"×"})]})),et.length>1&&(0,r.jsx)("span",{className:"hidden sm:inline-flex items-center gap-2 px-2.5 py-1 rounded-md bg-gray-500/10 text-gray-400 border border-gray-500/20 font-mono",title:"Hover to highlight; click to pin",children:et.map(e=>{let t=eg===e.initial;return(0,r.jsxs)("span",{role:"button",tabIndex:0,"aria-pressed":t,className:"inline-flex items-baseline gap-0.5 px-1 rounded","data-vendor-letter":e.initial,"data-vendor-pinned":t?"true":"false",title:t?`Vendor "${e.initial}" pinned — click again or Esc to clear`:`Hover to highlight "${e.initial}"; click to pin`,style:{cursor:"pointer",boxShadow:t?`inset 0 0 0 1px ${e.color}, inset 0 0 0 2px rgba(255,255,255,0.45)`:void 0},onMouseEnter:()=>ef(e.initial),onMouseLeave:()=>ef(t=>t===e.initial?null:t),onClick:()=>ey(t=>t===e.initial?null:e.initial),onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),ey(t=>t===e.initial?null:e.initial))},children:[(0,r.jsx)("span",{style:{color:e.color},children:e.initial}),(0,r.jsxs)("span",{className:"text-gray-500",children:[":",e.count]})]},e.initial)})}),(m=null!==(u=V.reduce((e,t)=>{if(!t.last_at)return e;let r=(0,h.parseHubTime)(t.last_at);return null===r?e:null===e||r>e?r:e},null))?(0,h.relativeAgo)(new Date(u).toISOString()):null,(0,r.jsxs)("span",{className:"hidden sm:inline px-2.5 py-1 rounded-md bg-gray-500/10 text-gray-400 border border-gray-500/20","data-active-links-chip":!0,title:V.length>0?"Hover to brighten all active flows":void 0,style:{cursor:V.length>0?"pointer":void 0},onMouseEnter:()=>{V.length>0&&em(!0)},onMouseLeave:()=>em(!1),children:[V.length," active link",1===V.length?"":"s",m?(0,r.jsxs)("span",{className:"text-gray-500",children:[" · last ",m]}):null]})),(0,r.jsx)(w,{sessions:e})]})]}),(0,r.jsxs)("div",{ref:e_,className:`relative overflow-hidden rounded-lg border shadow-2xl ${A?"shadow-zinc-900/5":"shadow-cyan-950/30"} ${eP?"flex items-center justify-center":""}`,style:{background:R.containerBg,borderColor:R.containerBorder},children:[(0,r.jsx)("div",{className:`absolute inset-x-0 top-0 h-px bg-gradient-to-r ${R.topRailGradient}`}),(0,r.jsxs)("svg",{ref:eM,viewBox:"0 0 1000 680",className:"w-full h-auto block",preserveAspectRatio:"xMidYMid meet",onPointerDown:e=>{0===e.button&&(e.currentTarget.setPointerCapture?.(e.pointerId),ez.current={active:!0,startX:e.clientX,startY:e.clientY,baseX:e$.current.x,baseY:e$.current.y},eO(!0))},onPointerMove:e=>{let t=ez.current;if(!t.active)return;let r=eM.current;if(!r)return;let a=r.getBoundingClientRect(),s=(e.clientX-t.startX)/a.width*1e3,n=(e.clientY-t.startY)/a.height*680;eE(e=>({...e,x:t.baseX+s,y:t.baseY+n}))},onPointerUp:eD,onPointerLeave:eD,onDoubleClick:e=>{let t=e.target;t?.closest("g[data-node]")||eY()},style:{cursor:eB?"grabbing":"grab",touchAction:"none"},children:[(0,r.jsxs)("defs",{children:[(0,r.jsxs)("linearGradient",{id:"topo-panel",x1:"0",x2:"1",y1:"0",y2:"1",children:[(0,r.jsx)("stop",{offset:"0%",stopColor:R.panelStops[0]}),(0,r.jsx)("stop",{offset:"48%",stopColor:R.panelStops[1]}),(0,r.jsx)("stop",{offset:"100%",stopColor:R.panelStops[2]})]}),(0,r.jsxs)("radialGradient",{id:"topo-radar",cx:"50%",cy:"50%",r:"55%",children:[(0,r.jsx)("stop",{offset:"0%",stopColor:R.radarStops[0].color,stopOpacity:R.radarStops[0].opacity}),(0,r.jsx)("stop",{offset:"45%",stopColor:R.radarStops[1].color,stopOpacity:R.radarStops[1].opacity}),(0,r.jsx)("stop",{offset:"100%",stopColor:R.radarStops[2].color,stopOpacity:R.radarStops[2].opacity})]}),!A&&(0,r.jsxs)("filter",{id:"topo-glow",children:[(0,r.jsx)("feGaussianBlur",{stdDeviation:"4",result:"blur"}),(0,r.jsxs)("feMerge",{children:[(0,r.jsx)("feMergeNode",{in:"blur"}),(0,r.jsx)("feMergeNode",{in:"SourceGraphic"})]})]}),[{id:"topo-arrow-s",size:12},{id:"topo-arrow",size:16},{id:"topo-arrow-l",size:22}].map(e=>(0,r.jsx)("marker",{id:e.id,viewBox:"0 0 10 10",refX:"8",refY:"5",markerWidth:e.size,markerHeight:e.size,markerUnits:"userSpaceOnUse",orient:"auto-start-reverse",children:(0,r.jsx)("path",{d:"M 0 0 L 10 5 L 0 10 z",fill:R.arrowFill})},e.id)),(0,r.jsxs)("radialGradient",{id:"topo-sweep",cx:"0%",cy:"50%",r:"100%",children:[(0,r.jsx)("stop",{offset:"0%",stopColor:A?"#0d9488":"#22d3ee",stopOpacity:A?.18:.32}),(0,r.jsx)("stop",{offset:"70%",stopColor:A?"#0d9488":"#22d3ee",stopOpacity:A?.1:.18}),(0,r.jsx)("stop",{offset:"100%",stopColor:A?"#0d9488":"#22d3ee",stopOpacity:"0"})]})]}),(0,r.jsx)("rect",{width:"1000",height:"680",fill:"url(#topo-panel)"}),(0,r.jsxs)("g",{transform:`translate(${eC.x} ${eC.y}) scale(${eC.zoom})`,children:["ring"===O&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("circle",{cx:500,cy:330,r:"330",fill:"url(#topo-radar)",style:{pointerEvents:"none"}}),!A&&(0,r.jsx)("g",{opacity:"0.5",style:{pointerEvents:"none"},children:Array.from({length:28}).map((e,t)=>{let a=9301*t+49297;return(0,r.jsx)("circle",{cx:13*a%1e3,cy:7*a%680,r:t%3==0?1.2:.7,fill:"#a5b4fc",opacity:.35+t%4*.05},t)})}),(0,r.jsx)("g",{style:{transformOrigin:"500px 330px",transformBox:"view-box",pointerEvents:"none"},className:"anet-topo-sweep",opacity:A?.7:1,children:(0,r.jsx)("path",{d:`M 500 330 L 830 330 A 330 330 0 0 0 ${500+330*Math.cos(-Math.PI/4.5)} ${330+330*Math.sin(-Math.PI/4.5)} Z`,fill:"url(#topo-sweep)"})}),[90,170,250,330].map(e=>(0,r.jsx)("circle",{cx:500,cy:330,r:e,fill:"none",stroke:R.ringStroke,strokeWidth:"1",opacity:A?.6:.35},e)),(U.length>14?[145,215,285]:U.length>8?[175,260]:U.length>0?[220]:[]).map(e=>(0,r.jsx)("circle",{cx:500,cy:330,r:e,fill:"none",stroke:R.ringStroke,strokeWidth:"0.7",strokeDasharray:"2 8",opacity:A?.32:.42,style:{pointerEvents:"none"},"data-tier-ring":e},`tier-${e}`)),!A&&[0,.25,.5,.75].map((e,t)=>(0,r.jsx)("g",{children:(0,r.jsx)("circle",{cx:830,cy:330,r:0===t?2.8:2.2,fill:"#22d3ee",opacity:.9,filter:"url(#topo-glow)",children:(0,r.jsx)("animateTransform",{attributeName:"transform",type:"rotate",from:`${360*e} 500 330`,to:`${360*e+360} 500 330`,dur:"16s",repeatCount:"indefinite"})})},`orbit-${t}`)),[0,30,60,90,120,150].map(e=>(0,r.jsx)("line",{x1:500-360*Math.cos(e*Math.PI/180),y1:330-360*Math.sin(e*Math.PI/180),x2:500+360*Math.cos(e*Math.PI/180),y2:330+360*Math.sin(e*Math.PI/180),stroke:R.ringStroke,strokeWidth:"1",opacity:A?.35:.18},e))]}),"ring"===O&&U.map((e,t)=>{let a=K[e.alias];if(!a)return null;let s=v({x:500,y:330},a,0),n=J.has(e.alias);return(0,r.jsx)("path",{d:s,fill:"none",stroke:n?R.spokeStroke.active:R.spokeStroke.idle,strokeWidth:n?2:1,strokeDasharray:n?"none":"6 14",opacity:n?.7:.45,className:n?void 0:"anet-topo-spoke-flow",style:n?void 0:{animationDelay:`${-(.25*t)}s`}},`hub-${e.alias}`)}),Z.map(e=>{let t=ec===e.key,a=eo===e.key;return(0,r.jsxs)("g",{"data-group":e.key,className:"transition-opacity",style:{opacity:!ec||t?1:.28},children:[(0,r.jsx)("rect",{x:e.x,y:e.y,width:e.w,height:e.h,rx:"14",fill:A?"#0f172a":"#a5b4fc",fillOpacity:a?A?.08:.13:t?A?.05:.09:A?.025:.045,stroke:a||t?R.legendAccent:R.ringStroke,strokeWidth:a?3:t?2:1.5,strokeDasharray:a||t?"none":"6 6","data-group-box-pinned":a?"true":"false","data-group-box-live":a||t||!(e.statuses.working>0)?"false":"true",className:a||t||!(e.statuses.working>0)?void 0:"anet-topo-groupbox-live",style:{transition:"stroke 200ms ease-out, stroke-width 200ms ease-out, fill-opacity 200ms ease-out",pointerEvents:"none"}}),(0,r.jsxs)("g",{role:"button",tabIndex:0,"aria-pressed":eo===e.key,"data-group-label-hit":e.key,style:{pointerEvents:"all",cursor:"pointer"},onPointerDown:e=>e.stopPropagation(),onClick:()=>ed(t=>t===e.key?null:e.key),onPointerEnter:()=>el(e.key),onPointerLeave:()=>el(t=>t===e.key?null:t),children:[(0,r.jsx)("rect",{x:e.x+6,y:e.y+2,width:Math.min(e.w-12,240),height:20,fill:"transparent"}),(0,r.jsxs)("text",{x:e.x+12,y:e.y+14,fill:t?R.legendHeadline:R.legendText,fontSize:"13",fontFamily:"monospace",fontWeight:"700",style:{transition:"fill 200ms ease-out"},"data-group-label":e.key,children:[e.key,(0,r.jsxs)("tspan",{dx:"6",fill:R.legendText,fontSize:"11",fontWeight:"400",children:["· ",e.count]}),e.statuses.working>0&&(0,r.jsxs)("tspan",{dx:"8",fill:A?"#059669":"#22c55e",fontSize:"11",fontWeight:"600",children:[e.statuses.working,"w"]}),e.statuses.idle>0&&(0,r.jsxs)("tspan",{dx:"4",fill:A?"#0d9488":"#2dd4bf",fontSize:"11",fontWeight:"600",children:[e.statuses.idle,"i"]}),e.statuses.offline>0&&(0,r.jsxs)("tspan",{dx:"4",fill:A?"#94a3b8":"#6b7280",fontSize:"11",fontWeight:"600",children:[e.statuses.offline,"o"]})]})]})]},`grp-${e.key}`)}),V.map((e,t)=>{let a=K[e.from],s=K[e.to];if(!a||!s)return null;let n=(t%2==0?1:-1)*Math.min(36,.18*Math.hypot(s.x-a.x,s.y-a.y)),l=v(a,s,n),i=Math.min(2+e.count,7),o=Math.max(.9,2.6/Math.sqrt(e.count)),d=Math.max(.35,1-(e.last_at?Math.max(0,Date.now()-Date.parse(e.last_at)):0)/3e5),c=e.count<=2?"topo-arrow-s":e.count<=4?"topo-arrow":"topo-arrow-l",u=(0,h.relativeAgo)(e.last_at),x=`${e.from} → ${e.to}
-${e.count} message${1===e.count?"":"s"}${u?` \xb7 last ${u}`:""}`,m=eu===e.key,p=q[e.from]??e.from,f=q[e.to]??e.to,g=m?2:eu?.35:ea||ec?e.from===ea||e.to===ea?1.7:ec&&p===ec&&f===ec?1.3:.35:ex?1.5:1,y=m?Math.min(1.4*i,10):i;return(0,r.jsxs)("g",{children:[(0,r.jsx)("path",{d:l,fill:"none",stroke:"transparent",strokeWidth:Math.max(i+10,16),style:{pointerEvents:"stroke"},"data-edge-hitbox":!0,onMouseEnter:()=>eh(e.key),onMouseLeave:()=>eh(t=>t===e.key?null:t),children:(0,r.jsx)("title",{children:x})}),(0,r.jsx)("path",{d:l,fill:"none",stroke:R.flowEdge,strokeWidth:y,opacity:Math.min(1,(A?.22:.28)*d*g),filter:A?void 0:"url(#topo-glow)",markerEnd:`url(#${c})`,className:"transition-opacity duration-300",style:{pointerEvents:"none"}}),(0,r.jsx)("path",{id:`flow-path-${t}`,d:l,fill:"none",stroke:R.flowPath,strokeWidth:"1",strokeDasharray:"2 12",opacity:Math.min(1,(A?.4:.75)*d*g),className:"transition-opacity duration-300"}),!I&&(0,r.jsx)("circle",{r:"4",fill:R.flowParticle,filter:A?void 0:"url(#topo-glow)",opacity:Math.min(1,d*g),children:(0,r.jsx)("animateMotion",{dur:`${o}s`,repeatCount:"indefinite",path:l})}),!I&&d>.5&&(0,r.jsxs)("circle",{cx:s.x,cy:s.y,r:"0",fill:"none",stroke:R.flowEdge,strokeWidth:"1.5",opacity:"0",style:{pointerEvents:"none"},"data-arrival-ping":e.key,children:[(0,r.jsx)("animate",{attributeName:"r",values:"0;14;22",dur:`${o}s`,begin:`-${(.92*o).toFixed(2)}s`,repeatCount:"indefinite"}),(0,r.jsx)("animate",{attributeName:"opacity",values:"0;0.55;0",dur:`${o}s`,begin:`-${(.92*o).toFixed(2)}s`,repeatCount:"indefinite"})]}),!I&&d>.5&&e.count>=3&&(0,r.jsxs)("circle",{cx:a.x,cy:a.y,r:"0",fill:"none",stroke:R.flowEdge,strokeWidth:"1.5",opacity:"0",style:{pointerEvents:"none"},"data-dispatch-pulse":e.key,children:[(0,r.jsx)("animate",{attributeName:"r",values:"0;12;18",dur:`${o}s`,begin:"0s",repeatCount:"indefinite"}),(0,r.jsx)("animate",{attributeName:"opacity",values:"0;0.45;0",dur:`${o}s`,begin:"0s",repeatCount:"indefinite"})]})]},e.key)}),"ring"===O&&(0,r.jsxs)("g",{"data-topo-hub":!0,style:{cursor:"pointer"},onPointerDown:e=>e.stopPropagation(),onClick:()=>{eX(),eR({ts:Date.now(),x:500,y:330,r0:18,color:A?"#059669":"#10b981"}),setTimeout(()=>eR(e=>e&&500===e.x&&330===e.y?null:e),600)},children:[(0,r.jsx)("title",{children:(p=e.length,g=["Network hub",`${p} session${1===p?"":"s"}`],U.length>0&&g.push(`${U.length} online`),ee>0&&g.push(`${ee} working`),V.length>0&&g.push(`${V.length} active link${1===V.length?"":"s"}`),g.join(" · ")+"\nclick to fit view")}),($=[.52,.58,.65,.72][_=0===ee?0:ee<=2?1:ee<=5?2:3],z=[.16,.2,.26,.32][_],P=[4,3.2,2.7,2.4][_],L=`0.32;${$};0.32`,T=`0.08;${z};0.08`,(0,r.jsx)("circle",{cx:500,cy:330,r:"18",fill:A?"#d1fae5":"#10b981",opacity:A?.42:.12,"data-hub-busyness":_,children:!I&&(0,r.jsx)("animate",{attributeName:"opacity",values:A?L:T,dur:`${P}s`,repeatCount:"indefinite"})})),(0,r.jsx)("circle",{cx:500,cy:330,r:"10",fill:A?"#059669":"#10b981"}),(0,r.jsx)("circle",{cx:500,cy:330,r:"5",fill:"#d1fae5",opacity:"0.9"})]}),[...U,...G].map((e,a)=>{var s,n;let l,i,o,c,u,x,m,p,g,b=K[e.alias];if(!b)return null;let v=(e.network_id?t[`${e.network_id}:${e.alias}`]:void 0)??t[e.alias],w="offline"!==e.status||!!v,N=k(e,w,A),S=J.has(e.alias),_=Math.round((w?26:18)*Y),M=!er||ea===e.alias||eC.zoom>=1.4,C=!ec||(q[e.alias]??e.alias)===ec,E=0;if("ring"===O){let t=K[e.alias];if(t){let e=Math.hypot(t.x-500,t.y-330);E=e<195?0:e<270?1:e<310?2:3}}return(0,r.jsxs)("g",{"data-node":e.alias,"data-tier-idx":"ring"===O?E:-1,className:"group transition-opacity anet-fade-in",style:{cursor:"pointer",opacity:eS&&!eS.has(e.alias)&&eT!==e.alias||eb&&eT!==e.alias&&("unknown"===(l=f(e.model)).id?"?":l.initial)!==eb||eN&&eT!==e.alias&&!("working"===eN?"working"===e.status:"idle"===eN?w&&"working"!==e.status:!w)?.28:C?eT===e.alias||w?1:.6:.32,animationDelay:"ring"===O?`${180*E+a%6*25}ms`:`${25*Math.min(a,24)}ms`,transform:I||ea!==e.alias?void 0:"translateY(-2px)",transition:"transform 180ms cubic-bezier(0.4,0,0.2,1)"},onPointerDown:e=>e.stopPropagation(),onPointerEnter:()=>es(e.alias),onPointerLeave:()=>es(t=>t===e.alias?null:t),onClick:()=>{eA(e.alias),eR({ts:Date.now(),x:b.x,y:b.y,r0:_,color:N.primary}),setTimeout(()=>eR(e=>e&&Date.now()-e.ts>=590?null:e),600)},children:[(i=!w&&e.last_seen_at?(0,h.relativeAgo)(e.last_seen_at):null,(0,r.jsx)("title",{children:[(s=e.model,n=e.runtime,o=f(s),c=y(n),u=[],"unknown"!==o.id&&u.push(o.label),s&&u.push(s),c&&u.push(c.label),u.join(" · ")||e.alias),e.project_dir?`cwd: ${e.project_dir}`:null,i?`last seen: ${i}`:null].filter(Boolean).join("\n")})),(0,r.jsx)("circle",{cx:b.x,cy:b.y,r:_+12,fill:"none",stroke:N.primary,strokeWidth:"2",className:"opacity-0 group-hover:opacity-70 transition-opacity duration-150",style:{pointerEvents:"none"}}),eT===e.alias&&(0,r.jsx)("circle",{cx:b.x,cy:b.y,r:_+14,fill:"none",stroke:N.primary,strokeWidth:"2.5",opacity:A?.85:.95,filter:A?void 0:"url(#topo-glow)",className:"transition-opacity duration-200",style:{pointerEvents:"none"}}),S&&!I&&(0,r.jsxs)("circle",{cx:b.x,cy:b.y,r:_+14,fill:N.primary,opacity:A?.08:.12,children:[(0,r.jsx)("animate",{attributeName:"r",values:`${_+8};${_+22};${_+8}`,dur:"2.4s",repeatCount:"indefinite"}),(0,r.jsx)("animate",{attributeName:"opacity",values:A?"0.12;0.02;0.12":"0.18;0.04;0.18",dur:"2.4s",repeatCount:"indefinite"})]}),(0,r.jsx)("circle",{cx:b.x,cy:b.y,r:_+8,fill:N.halo,opacity:w?A?.85:.65:A?.4:.25,className:"transition-[fill,opacity] duration-300 ease-out"}),(0,r.jsx)("circle",{cx:b.x,cy:b.y,r:_,fill:w?R.nodeFill.online:R.nodeFill.offline,stroke:N.primary,strokeWidth:w?3:1.5,strokeDasharray:w?"none":"5 5",filter:w&&!A?"url(#topo-glow)":void 0,className:"transition-[fill,stroke] duration-300 ease-out"}),(()=>{let t=Math.round((w?14:10)*Y),a=2*_,s=f(e.model),n=/书生|书小生|intern/i.test(e.alias);if(F||n||s.logo)return(0,r.jsx)("image",{href:s.logo??"/intern_avatar.png",x:b.x-a/2,y:b.y-a/2,width:a,height:a,preserveAspectRatio:"xMidYMid meet"});if("unknown"!==s.id)return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("circle",{cx:b.x,cy:b.y,r:t,fill:s.mono.bg,stroke:s.mono.ring,strokeWidth:"1"}),(0,r.jsx)("text",{x:b.x,y:b.y,dy:"0.34em",textAnchor:"middle",fill:s.mono.text,fontSize:t,fontFamily:"monospace",fontWeight:"700",children:s.initial})]});let l=(0,d.aliasAvatarColors)(q[e.alias]||e.alias);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("circle",{cx:b.x,cy:b.y,r:t,fill:l.bg,stroke:l.ring,strokeWidth:"1"}),(0,r.jsx)("text",{x:b.x,y:b.y,dy:"0.34em",textAnchor:"middle",fill:l.text,fontSize:t,fontFamily:"monospace",fontWeight:"700",children:(0,d.aliasInitial)(e.alias)})]})})(),(()=>{let t=y(e.runtime);if(!t)return null;let a=w?7:5.5,s=b.x+.72*_,n=b.y+.72*_,l=2*a*.62;return(0,r.jsxs)("g",{style:{pointerEvents:"none"},children:[(0,r.jsx)("circle",{cx:s,cy:n,r:a,fill:R.containerBg,stroke:t.color,strokeWidth:"1.5"}),(0,r.jsx)("g",{transform:`translate(${s-l/2} ${n-l/2}) scale(${l/24})`,children:(0,r.jsx)("path",{d:t.iconPath,fill:"none",stroke:t.color,strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})})]})})(),"working"===e.status&&(m=(x=v??0)>=4?"0.7s":x>=2?"0.9s":"1.2s",(0,r.jsx)("circle",{cx:b.x,cy:b.y-(_-6),r:"2.5",fill:R.flowParticle,"data-pulse-dur":m,opacity:I?.6:void 0,children:!I&&(0,r.jsx)("animate",{attributeName:"opacity",values:"1;0.25;1",dur:m,repeatCount:"indefinite"})})),(g=(p=Y<.8)?88:100,M?(0,r.jsxs)("g",{transform:`translate(${b.x}, ${b.y+_+(p?18:22)})`,style:{pointerEvents:"none"},className:"transition-transform duration-200 group-hover:-translate-y-[1.5px]",children:[(0,r.jsx)("rect",{x:-g/2,y:p?-12:-14,width:g,height:p?36:42,rx:"6",fill:R.labelBox.fill,stroke:R.labelBox.stroke,opacity:A?1:.94}),(0,r.jsx)("text",{x:"0",y:"1",textAnchor:"middle",fill:N.text,fontSize:p?11:12,fontFamily:"monospace",fontWeight:"700",children:j(e.alias,p?11:12)}),(0,r.jsxs)("text",{x:"0",y:p?15:17,textAnchor:"middle",fill:N.primary,fontSize:p?8:9,fontFamily:"monospace",children:[N.label,w&&null!=v?` sse:${v}`:""]})]}):(0,r.jsx)("text",{x:b.x,y:b.y+_+(p?12:14),textAnchor:"middle",fill:N.text,fontSize:p?9:10,fontFamily:"monospace",fontWeight:"700",opacity:.9,className:"transition-transform duration-200 group-hover:-translate-y-[1.5px]",style:{pointerEvents:"none",paintOrder:"stroke"},stroke:R.containerBg,strokeWidth:"3",children:j(e.alias,p?9:10)}))]},e.alias)}),eI&&!I&&(0,r.jsxs)("circle",{cx:eI.x,cy:eI.y,r:eI.r0+4,fill:"none",stroke:eI.color,strokeWidth:"2",opacity:"0",style:{pointerEvents:"none"},children:[(0,r.jsx)("animate",{attributeName:"r",values:`${eI.r0+4};${eI.r0+30}`,dur:"0.5s",fill:"freeze"}),(0,r.jsx)("animate",{attributeName:"opacity",values:"0.7;0",dur:"0.5s",fill:"freeze"})]},eI.ts)]}),(0,r.jsxs)("g",{transform:"translate(16, 16)",children:[(0,r.jsx)("rect",{x:"0",y:"0",width:"230",height:"84",rx:"10",fill:R.legendBox.fill,stroke:R.legendBox.stroke,opacity:A?.97:.92,style:{filter:A?"drop-shadow(0 2px 6px rgba(15,23,42,0.08))":"drop-shadow(0 2px 6px rgba(0,0,0,0.45))"},"data-topo-panel-elevation":"recent"}),(0,r.jsx)("text",{x:"13",y:"21",fill:R.legendHeadline,fontSize:"12",fontFamily:"monospace",fontWeight:"700",children:"recent signal"}),(0,r.jsxs)("text",{x:"150",y:"21",fill:R.legendAccent,fontSize:"10",fontFamily:"monospace",children:[W.length," msgs"]}),0===V.length?(0,r.jsx)("text",{x:"115",y:"60",textAnchor:"middle",fill:R.legendText,fontSize:"10",fontFamily:"monospace",fontStyle:"italic",opacity:.65,"data-recent-signal-empty":!0,children:"no flow yet"}):V.slice(0,3).map((e,t)=>(0,r.jsxs)("g",{"data-recent-row":e.key,style:{cursor:"pointer"},onMouseEnter:()=>eh(e.key),onMouseLeave:()=>eh(t=>t===e.key?null:t),children:[(0,r.jsx)("rect",{x:"6",y:38+16*t-10,width:"218",height:"14",fill:"transparent"}),(0,r.jsxs)("text",{x:"13",y:38+16*t,fill:eu===e.key?R.legendHeadline:R.legendText,fontSize:"9",fontFamily:"monospace",style:{transition:"fill 150ms ease-out"},children:[j(e.from,6)," ","->"," ",j(e.to,6)," / ",e.count," / ",j(e.content,12)]})]},e.key))]}),(0,r.jsxs)("g",{transform:"translate(760, 16)",children:[(0,r.jsx)("rect",{x:"0",y:"0",width:"224",height:"96",rx:"10",fill:R.legendBox.fill,stroke:R.legendBox.stroke,opacity:A?.97:.92,style:{filter:A?"drop-shadow(0 2px 6px rgba(15,23,42,0.08))":"drop-shadow(0 2px 6px rgba(0,0,0,0.45))"},"data-topo-panel-elevation":"legend"}),[{key:"working",y0:24,y1:28,fill:A?"#059669":"#22c55e",label:"working node"},{key:"idle",y0:48,y1:52,fill:A?"#0d9488":"#2dd4bf",label:"online idle"},{key:"offline",y0:72,y1:76,fill:A?"#94a3b8":"#6b7280",label:"offline / no SSE"}].map(e=>{let t=ew===e.key;return(0,r.jsxs)("g",{"data-legend-status":e.key,role:"button",tabIndex:0,"aria-pressed":t,style:{cursor:"pointer"},onPointerDown:e=>e.stopPropagation(),onMouseEnter:()=>ej(e.key),onMouseLeave:()=>ej(t=>t===e.key?null:t),onClick:()=>ek(t=>t===e.key?null:e.key),children:[(0,r.jsx)("rect",{x:"6",y:e.y0-12,width:"170",height:"22",fill:"transparent"}),(0,r.jsx)("circle",{cx:"16",cy:e.y0,r:"5.5",fill:e.fill}),t&&(0,r.jsx)("circle",{cx:"16",cy:e.y0,r:"8",fill:"none",stroke:e.fill,strokeWidth:"1.5"}),(0,r.jsx)("text",{x:"30",y:e.y1,fill:ev===e.key||t?R.legendHeadline:R.legendText,fontSize:"11",fontFamily:"monospace",style:{transition:"fill 150ms ease-out"},children:e.label})]},e.key)}),(0,r.jsx)("path",{d:"M140,72 Q164,48 196,72",fill:"none",stroke:R.flowEdge,strokeWidth:"3",markerEnd:"url(#topo-arrow)",style:{pointerEvents:"none"}})]})]}),(()=>{if(.01>Math.abs(eC.zoom-1)&&1>Math.abs(eC.x)&&1>Math.abs(eC.y)||U.length+G.length===0)return null;let e=-eC.x/eC.zoom*.12,a=-eC.y/eC.zoom*.12058823529411765,s=1e3/eC.zoom*.12,n=680/eC.zoom*.12058823529411765;return(0,r.jsx)("div",{className:"absolute right-3 rounded-md border shadow-lg shadow-black/30 overflow-hidden anet-fade-in",style:{bottom:56,background:R.legendBox.fill,borderColor:R.containerBorder,cursor:"crosshair"},role:"img","aria-label":"Topology minimap — click to recenter",title:"Minimap · click to recenter",onClick:e=>{let t=e.currentTarget.getBoundingClientRect(),r=(e.clientX-t.left)/t.width,a=(e.clientY-t.top)/t.height;eE(e=>({...e,x:500-1e3*r*e.zoom,y:340-680*a*e.zoom}))},"data-topo-minimap":!0,children:(0,r.jsxs)("svg",{width:120,height:82,viewBox:"0 0 120 82",style:{display:"block"},children:[[...U,...G].map(e=>{let a=K[e.alias];if(!a)return null;let s=(e.network_id?t[`${e.network_id}:${e.alias}`]:void 0)??t[e.alias],n="offline"!==e.status||!!s,l=k(e,n,A);return(0,r.jsx)("circle",{cx:.12*a.x,cy:.12058823529411765*a.y,r:n?1.7:1.2,fill:l.primary,opacity:n?.9:.5},e.alias)}),(0,r.jsx)("rect",{x:Math.max(0,e),y:Math.max(0,a),width:Math.max(0,Math.min(120-Math.max(0,e),s)),height:Math.max(0,Math.min(82-Math.max(0,a),n)),fill:"none",stroke:R.legendAccent,strokeWidth:"1",opacity:"0.9"})]})})})(),(0,r.jsxs)("div",{className:"absolute bottom-3 right-3 flex items-center gap-1.5 text-xs select-none",children:[(0,r.jsx)("div",{className:"flex items-center rounded-md border overflow-hidden",style:{background:R.legendBox.fill,borderColor:R.containerBorder},role:"group","aria-label":"Node size",children:[["S",.7],["M",.84],["L",1]].map(([e,t],a)=>(0,r.jsx)("button",{onClick:()=>(e=>{X(e);try{localStorage.setItem("anet-topo-nodescale",String(e))}catch{}})(t),"aria-pressed":Y===t,title:`Node size: ${"S"===e?"small":"M"===e?"medium":"large"}`,className:`px-2 py-1 transition-colors ${a>0?"border-l":""} ${Y===t?"bg-cyan-500/15 text-cyan-300":"hover:bg-white/5"}`,style:{color:Y===t?void 0:R.legendText,borderColor:R.containerBorder},children:e},e))}),(0,r.jsxs)("div",{className:"flex items-center rounded-md border overflow-hidden",style:{background:R.legendBox.fill,borderColor:R.containerBorder},children:[(0,r.jsx)("button",{onClick:()=>eH(1/1.2),className:"px-2 py-1 hover:bg-white/5 transition-colors",style:{color:R.legendText},"aria-label":"Zoom out",title:"Zoom out (−)",children:(0,r.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round","aria-hidden":!0,children:(0,r.jsx)("path",{d:"M5 12h14"})})}),(0,r.jsxs)("span",{className:"px-2 py-1 tabular-nums border-x text-center",style:{color:R.legendText,borderColor:R.containerBorder,minWidth:46},title:"Current zoom level",children:[Math.round(100*eC.zoom),"%"]}),(0,r.jsx)("button",{onClick:()=>eH(1.2),className:"px-2 py-1 hover:bg-white/5 transition-colors",style:{color:R.legendText},"aria-label":"Zoom in",title:"Zoom in (+)",children:(0,r.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round","aria-hidden":!0,children:(0,r.jsx)("path",{d:"M12 5v14M5 12h14"})})})]}),(0,r.jsx)("button",{onClick:eY,className:"p-1.5 rounded-md border hover:bg-white/5 transition-colors",style:{background:R.legendBox.fill,borderColor:R.containerBorder,color:R.legendText},"aria-label":"Reset view",title:"Reset zoom + pan (0, or double-click the canvas)",children:(0,r.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[(0,r.jsx)("path",{d:"M3 12a9 9 0 1 0 9-9 9 9 0 0 0-6.4 2.6L3 8"}),(0,r.jsx)("path",{d:"M3 3v5h5"})]})}),(0,r.jsx)("button",{onClick:()=>{let e=e_.current;if(e)if(document.fullscreenElement)document.exitFullscreen?.();else{let t=e.requestFullscreen||e.webkitRequestFullscreen;t?.call(e)}},className:"p-1.5 rounded-md border hover:bg-white/5 transition-colors",style:{background:R.legendBox.fill,borderColor:R.containerBorder,color:R.legendText},"aria-label":eP?"Exit fullscreen":"Enter fullscreen",title:eP?"Exit fullscreen":"Fullscreen",children:eP?(0,r.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:(0,r.jsx)("path",{d:"M8 3v4a1 1 0 0 1-1 1H3M21 8h-4a1 1 0 0 1-1-1V3M3 16h4a1 1 0 0 1 1 1v4M16 21v-4a1 1 0 0 1 1-1h4"})}):(0,r.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:(0,r.jsx)("path",{d:"M3 8V5a2 2 0 0 1 2-2h3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M21 16v3a2 2 0 0 1-2 2h-3"})})})]}),eT&&(0,r.jsx)(x,{alias:eT,onClose:()=>eA(null)})]})]})}let $={working:{bg:"bg-green-900/30 border-green-800/30",text:"text-green-300",dot:"bg-green-500",glow:"shadow-green-500/10"},idle:{bg:"bg-cyan-900/30 border-cyan-800/30",text:"text-cyan-300",dot:"bg-cyan-400",glow:"shadow-cyan-500/5"},blocked:{bg:"bg-yellow-900/30 border-yellow-800/30",text:"text-yellow-300",dot:"bg-yellow-500",glow:""},error:{bg:"bg-red-900/30 border-red-800/30",text:"text-red-300",dot:"bg-red-500",glow:""}},z={bg:"bg-gray-800/50 border-gray-700/30",text:"text-gray-500",dot:"bg-gray-500",glow:""};function P({session:e,hasSse:t,sseCount:a,onChat:l}){let i=t&&$[e.status]||z;return(0,r.jsxs)(s.default,{href:`/node?alias=${encodeURIComponent(e.alias)}`,prefetch:!1,className:`anet-agent-card group relative block rounded-xl border p-4 transition-all duration-300 cursor-pointer hover:-translate-y-0.5 ${t?`bg-[#111128] border-[#2a2a4a] hover:border-cyan-500/30 hover:shadow-lg ${i.glow}`:"bg-[#0d0d1a] border-[#1a1a2a] opacity-40"}`,children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,r.jsx)(d.AliasAvatar,{alias:e.alias,size:22}),(0,r.jsx)("span",{className:"font-semibold text-white truncate text-sm",title:e.alias,children:e.alias}),(0,r.jsx)("span",{className:`inline-block w-1.5 h-1.5 rounded-full shrink-0 ${i.dot} ${t&&"working"===e.status?"animate-pulse":""}`})]}),(0,r.jsx)("span",{className:`text-[11px] px-2 py-0.5 rounded-md border shrink-0 ${i.bg} ${i.text}`,children:t?e.status:"offline"})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2 mb-3",children:[(0,r.jsx)("span",{className:"text-xs text-gray-600 bg-[#0a0a15] px-2 py-0.5 rounded border border-[#1a1a2a]",children:e.agent||"unknown"}),t&&(0,r.jsxs)("span",{className:"text-[10px] text-green-500",children:["SSE:",a]})]}),e.task?(0,r.jsx)("div",{className:"text-xs text-gray-400 bg-[#0a0a15] rounded-lg px-3 py-2 border border-[#1a1a2a] line-clamp-2",title:e.task,children:e.task}):(0,r.jsx)("div",{className:"text-xs text-gray-700 italic",children:"No active task"}),e.progress>0&&(0,r.jsxs)("div",{className:"mt-3",children:[(0,r.jsxs)("div",{className:"flex justify-between text-[10px] mb-1",children:[(0,r.jsx)("span",{className:"text-gray-600",children:"Progress"}),(0,r.jsxs)("span",{className:i.text,children:[e.progress,"%"]})]}),(0,r.jsx)("div",{className:"w-full bg-gray-800 rounded-full h-1.5 overflow-hidden",children:(0,r.jsx)("div",{className:`h-1.5 rounded-full transition-all duration-700 ${"working"===e.status?"bg-green-500":"bg-cyan-500"}`,style:{width:`${Math.min(e.progress,100)}%`}})})]}),(0,r.jsxs)("div",{className:"mt-3 flex justify-between items-center text-[10px] text-gray-600",children:[(0,r.jsx)("span",{className:"truncate",title:e.server||"",children:e.server||"--"}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[l&&t&&(0,r.jsx)("button",{onClick:t=>{t.preventDefault(),t.stopPropagation(),l(e.alias)},className:"text-cyan-400 hover:text-cyan-300 px-1.5 py-0.5 rounded border border-cyan-500/20 hover:bg-cyan-500/10 transition-colors",children:"Chat"}),(0,r.jsx)("span",{children:(0,n.timeAgo)(e.updated_at)}),(0,r.jsx)("svg",{"aria-hidden":!0,className:"w-3 h-3 text-gray-700 opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,r.jsx)("path",{d:"M9 18l6-6-6-6"})})]})]})]})}function L({messages:e}){return 0===e.length?null:(0,r.jsxs)("div",{className:"mt-8",children:[(0,r.jsxs)("h2",{className:"text-lg font-semibold text-white mb-3 flex items-center gap-2",children:[(0,r.jsx)("span",{className:"text-gray-500",children:"Inbox"}),(0,r.jsx)("span",{className:"text-xs bg-blue-900/30 text-blue-400 px-2 py-0.5 rounded-full border border-blue-800/30",children:e.length})]}),(0,r.jsx)("div",{className:"space-y-2 max-h-96 overflow-y-auto pr-1 scrollbar-thin",children:e.map(e=>(0,r.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-3 text-sm transition-colors hover:border-[#3a3a5a]",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 text-xs mb-1.5",children:[e.from_session&&(0,r.jsx)(d.AliasAvatar,{alias:e.from_session,size:16}),(0,r.jsx)("span",{className:"text-gray-200 font-medium truncate",children:e.from_session}),(0,r.jsx)("span",{className:"ml-auto text-gray-600 shrink-0",title:e.created_at,children:(0,n.timeAgo)(e.created_at)})]}),(0,r.jsx)("div",{className:"text-gray-300 leading-relaxed line-clamp-3",title:e.content||"",children:(0,n.previewContent)(e.content)})]},e.id))})]})}function T(){return(0,r.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,r.jsx)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3 mb-8 anet-skeleton-pulse",children:[1,2,3,4].map(e=>(0,r.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] px-4 py-3",children:[(0,r.jsx)(A,{w:"2.5rem",h:"1.75rem"}),(0,r.jsx)(A,{w:"3.5rem",h:"0.75rem",className:"mt-2"}),(0,r.jsx)(A,{w:"5rem",h:"0.625rem",className:"mt-1"})]},e))}),(0,r.jsxs)("div",{className:"flex items-center gap-3 mb-3 anet-skeleton-pulse",children:[(0,r.jsx)(A,{w:"6rem",h:"2.5rem",rounded:"0.75rem"}),(0,r.jsxs)("div",{className:"flex-1 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-2.5 flex items-center gap-3",children:[(0,r.jsx)("div",{className:"w-8 h-8 rounded-full anet-skeleton-bar"}),(0,r.jsxs)("div",{className:"flex-1",children:[(0,r.jsx)(A,{w:"6rem",h:"0.875rem"}),(0,r.jsx)(A,{w:"10rem",h:"0.625rem",className:"mt-1"})]})]})]}),(0,r.jsx)("div",{className:"mb-6 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 anet-skeleton-pulse",children:(0,r.jsx)(A,{w:"14rem",h:"0.875rem"})}),(0,r.jsx)("div",{className:"grid grid-cols-3 gap-2 sm:gap-3 mb-3 anet-skeleton-pulse",children:[1,2,3].map(e=>(0,r.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] px-3 py-3",children:[(0,r.jsx)(A,{w:"2rem",h:"1.25rem"}),(0,r.jsx)(A,{w:"2.5rem",h:"0.75rem",className:"mt-1"}),(0,r.jsx)(A,{w:"3.5rem",h:"0.625rem",className:"mt-px"})]},e))}),(0,r.jsx)("div",{className:"grid grid-cols-3 gap-2 sm:gap-3 mb-6 anet-skeleton-pulse",children:[1,2,3].map(e=>(0,r.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] px-3 py-2.5 flex items-center justify-center gap-2",children:[(0,r.jsx)("div",{className:"w-4 h-4 rounded anet-skeleton-bar"}),(0,r.jsx)(A,{w:"4rem",h:"0.75rem"})]},e))}),(0,r.jsxs)("div",{className:"mb-6 flex gap-2 anet-skeleton-pulse",children:[(0,r.jsx)("div",{className:"flex-1 h-10 rounded-lg border border-[#2a2a4a] bg-[#111128]"}),(0,r.jsx)("div",{className:"w-28 h-10 rounded-lg anet-skeleton-bar"})]}),(0,r.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 gap-3 sm:gap-4 anet-skeleton-pulse",children:[1,2,3,4].map(e=>(0,r.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] p-4",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 mb-3",children:[(0,r.jsx)("div",{className:"w-2 h-2 rounded-full anet-skeleton-bar"}),(0,r.jsx)(A,{w:"6rem",h:"0.875rem"})]}),(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)(A,{w:"100%",h:"0.625rem"}),(0,r.jsx)(A,{w:"75%",h:"0.625rem"}),(0,r.jsx)(A,{w:"55%",h:"0.625rem"})]})]},e))})]})}function A({w:e,h:t,rounded:a,className:s}){return(0,r.jsx)("div",{className:`anet-skeleton-bar ${s||""}`,style:{width:e,height:t,borderRadius:a||"0.375rem"}})}var I=e.i(76161),R=e.i(98025),F=e.i(11449);function W(){let{setNetworkId:e}=(0,F.useNetworkId)(),[t,s]=(0,a.useState)({user:null,networks:[],currentNetwork:"",token:""}),[n,l]=(0,a.useState)(!1),[i,o]=(0,a.useState)(""),[d,c]=(0,a.useState)(""),[u,h]=(0,a.useState)(""),[x,m]=(0,a.useState)(!1);(0,a.useEffect)(()=>{let e=sessionStorage.getItem("anet_v3_auth");if(e)try{s(JSON.parse(e))}catch{}},[]);let[p,f]=(0,a.useState)(!1),[g,y]=(0,a.useState)(""),[b,v]=(0,a.useState)(""),j=async()=>{try{await fetch(`/api/hub/auth?token=${t.token}&endpoint=/api/auth/me`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"update_profile",token:t.token,display_name:g,email:b})});let e=await fetch("/api/hub/auth",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"update_profile",token:t.token,display_name:g,email:b})}),r=await e.json();if(r.ok&&r.user){let e={...t,user:r.user};s(e),sessionStorage.setItem("anet_v3_auth",JSON.stringify(e)),f(!1)}}catch{}};if(!t.user)return null;let w=(t.user.display_name||t.user.username).slice(0,2).toUpperCase();return(0,r.jsxs)("div",{className:"flex items-center justify-between bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-2.5 mb-4",children:[(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[(0,r.jsx)("div",{className:"w-8 h-8 rounded-full bg-gradient-to-br from-cyan-500 to-blue-600 flex items-center justify-center text-xs font-bold text-white",children:w}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-sm text-white font-medium",children:t.user.display_name||t.user.username}),(0,r.jsxs)("div",{className:"text-[10px] text-gray-500",children:[t.user.role," · ",t.user.user_id]})]})]}),(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[t.networks.length>0&&(0,r.jsx)("select",{value:t.currentNetwork,onChange:r=>{let a={...t,currentNetwork:r.target.value};s(a),e(r.target.value),sessionStorage.setItem("anet_v3_auth",JSON.stringify(a))},className:"bg-[#0a0a15] border border-[#2a2a4a] rounded px-2 py-1 text-xs text-white focus:outline-none",children:t.networks.map(e=>(0,r.jsx)("option",{value:e.network_id,children:e.network_name},e.network_id))}),(0,r.jsxs)("button",{onClick:()=>{y(t.user?.display_name||""),v(""),f(!p)},className:"text-xs text-gray-500 hover:text-gray-300 whitespace-nowrap","aria-label":"Edit profile",children:[(0,r.jsx)("span",{className:"hidden sm:inline",children:"Edit"}),(0,r.jsx)("svg",{className:"sm:hidden w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"1.5",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 011.13-1.897L16.862 4.487z"})})]}),(0,r.jsxs)("button",{onClick:()=>{s({user:null,networks:[],currentNetwork:"",token:""}),sessionStorage.removeItem("anet_v3_auth")},className:"text-xs text-gray-500 hover:text-gray-300 whitespace-nowrap","aria-label":"Sign out",children:[(0,r.jsx)("span",{className:"hidden sm:inline",children:"Sign out"}),(0,r.jsx)("svg",{className:"sm:hidden w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"1.5",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9"})})]})]}),p&&(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-2 mt-2 pt-2 border-t border-[#2a2a4a]",children:[(0,r.jsx)("input",{type:"text",value:g,onChange:e=>y(e.target.value),placeholder:"Display name",className:"bg-[#0a0a15] border border-[#2a2a4a] rounded px-2 py-1 text-xs text-white placeholder-gray-600 focus:outline-none w-32"}),(0,r.jsx)("input",{type:"email",value:b,onChange:e=>v(e.target.value),placeholder:"Email",className:"bg-[#0a0a15] border border-[#2a2a4a] rounded px-2 py-1 text-xs text-white placeholder-gray-600 focus:outline-none w-40"}),(0,r.jsx)("button",{onClick:j,className:"px-2 py-1 bg-cyan-600 hover:bg-cyan-500 text-white text-xs rounded",children:"Save"})]})]})}var B=e.i(6694);function O({tabs:e,activeTab:t,onOpenTab:a,onCloseTab:s,onSetActive:n,onClose:l}){return 0===e.length?null:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{onClick:l,className:"jsx-f7cf3d1a6fdfc074 fixed inset-0 bg-black/30 z-40 lg:hidden"}),(0,r.jsxs)("div",{className:"jsx-f7cf3d1a6fdfc074 fixed top-0 right-0 h-full w-full lg:w-[500px] bg-[#0a0a1a] border-l border-[#2a2a4a] z-50 flex flex-col shadow-2xl shadow-black/60 animate-slide-in",children:[(0,r.jsxs)("div",{className:"jsx-f7cf3d1a6fdfc074 flex items-center border-b border-[#2a2a4a] bg-[#0d0d1a] overflow-x-auto",children:[(0,r.jsx)("div",{className:"jsx-f7cf3d1a6fdfc074 flex-1 flex min-w-0",children:e.map(e=>(0,r.jsxs)("button",{onClick:()=>n(e),className:`jsx-f7cf3d1a6fdfc074 flex items-center gap-1.5 px-3 py-2.5 text-xs border-b-2 transition-colors shrink-0 ${t===e?"border-cyan-400 text-cyan-300 bg-cyan-500/5":"border-transparent text-gray-500 hover:text-gray-300"}`,children:[(0,r.jsx)("div",{className:`jsx-f7cf3d1a6fdfc074 w-2 h-2 rounded-full ${t===e?"bg-cyan-400":"bg-gray-600"}`}),(0,r.jsx)("span",{className:"jsx-f7cf3d1a6fdfc074 max-w-[80px] truncate",children:e}),(0,r.jsx)("button",{onClick:t=>{t.stopPropagation(),s(e)},className:"jsx-f7cf3d1a6fdfc074 ml-1 text-gray-600 hover:text-gray-300 p-0.5",children:"×"})]},e))}),(0,r.jsx)("button",{onClick:l,className:"jsx-f7cf3d1a6fdfc074 text-gray-500 hover:text-white px-3 py-2.5 shrink-0 border-l border-[#2a2a4a]",children:(0,r.jsx)("svg",{fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,className:"jsx-f7cf3d1a6fdfc074 w-4 h-4",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12",className:"jsx-f7cf3d1a6fdfc074"})})})]}),(0,r.jsx)("div",{className:"jsx-f7cf3d1a6fdfc074 flex-1 relative overflow-hidden",children:e.map(e=>(0,r.jsx)("div",{className:`jsx-f7cf3d1a6fdfc074 absolute inset-0 ${t===e?"block":"hidden"}`,children:(0,r.jsx)(D,{alias:e})},e))})]}),(0,r.jsx)(B.default,{id:"f7cf3d1a6fdfc074",children:"@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-slide-in{animation:.2s ease-out slide-in}"})]})}function D({alias:e}){return(0,r.jsx)(c.TaskChatPanel,{alias:e,onClose:()=>{},inline:!0})}function H({sessions:e,onClose:t}){let[s,n]=(0,a.useState)(new Set),[l,i]=(0,a.useState)(""),[o,c]=(0,a.useState)("normal"),[u,h]=(0,a.useState)(!1),[x,m]=(0,a.useState)([]),[p,f]=(0,a.useState)(""),g=e.filter(e=>"offline"!==e.status).filter(e=>!p||e.alias.toLowerCase().includes(p.toLowerCase())||(e.agent||"").toLowerCase().includes(p.toLowerCase())),y=async()=>{if(!l.trim()||0===s.size||u)return;h(!0),m([]);let e=[...s].map(async e=>{try{let t=await fetch("/api/hub/send",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({alias:e,task:l,priority:o})}),r=await t.json();return{alias:e,ok:!!r.ok,error:r.error}}catch(t){return{alias:e,ok:!1,error:"send failed"}}});m(await Promise.all(e)),h(!1)},b=x.filter(e=>e.ok).length;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"fixed inset-0 bg-black/50 z-40 anet-fade-in",onClick:t}),(0,r.jsxs)("div",{className:"fixed inset-4 lg:inset-x-[15%] lg:inset-y-[5%] bg-[#0a0a1a] border border-[#2a2a4a] rounded-2xl z-50 flex flex-col shadow-2xl shadow-black/70 overflow-hidden anet-fade-in",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between px-6 py-4 border-b border-[#2a2a4a] bg-[#0d0d1a]",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-lg font-bold text-white",children:"Dispatch Task"}),(0,r.jsx)("p",{className:"text-xs text-gray-500 mt-0.5",children:"Send a task to one or more agents"})]}),(0,r.jsx)("button",{onClick:t,className:"text-gray-500 hover:text-white p-1.5 rounded-lg hover:bg-[#1a1a2a]",children:(0,r.jsx)("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})})]}),(0,r.jsxs)("div",{className:"flex-1 flex flex-col lg:flex-row overflow-hidden",children:[(0,r.jsxs)("div",{className:"lg:w-[280px] border-b lg:border-b-0 lg:border-r border-[#2a2a4a] flex flex-col",children:[(0,r.jsxs)("div",{className:"px-4 py-3 border-b border-[#2a2a4a]",children:[(0,r.jsx)("input",{type:"text",value:p,onChange:e=>f(e.target.value),placeholder:"Filter agents...",className:"w-full bg-[#111128] border border-[#2a2a4a] rounded-lg px-3 py-2 text-xs text-white placeholder-gray-600 focus:border-cyan-500/40 focus:outline-none"}),(0,r.jsxs)("div",{className:"flex items-center justify-between mt-2",children:[(0,r.jsx)("button",{onClick:()=>{s.size===g.length?n(new Set):n(new Set(g.map(e=>e.alias)))},className:"text-[10px] text-cyan-400 hover:text-cyan-300",children:s.size===g.length?"Deselect all":`Select all (${g.length})`}),(0,r.jsxs)("span",{className:"text-[10px] text-gray-600",children:[s.size," selected"]})]})]}),(0,r.jsxs)("div",{className:"flex-1 overflow-y-auto px-2 py-2 space-y-0.5 max-h-[200px] lg:max-h-none",children:[g.map(e=>(0,r.jsxs)("button",{onClick:()=>{var t;return t=e.alias,void n(e=>{let r=new Set(e);return r.has(t)?r.delete(t):r.add(t),r})},className:`w-full flex items-center gap-2 px-3 py-2 rounded-lg text-xs text-left transition-colors ${s.has(e.alias)?"bg-cyan-500/10 text-cyan-300 border border-cyan-500/20":"text-gray-400 hover:bg-[#1a1a2a]"}`,children:[(0,r.jsx)(d.AliasAvatar,{alias:e.alias,size:16}),(0,r.jsx)("div",{className:`w-1.5 h-1.5 rounded-full shrink-0 ${"working"===e.status?"bg-green-400":"idle"===e.status?"bg-cyan-400":"bg-gray-500"}`}),(0,r.jsx)("span",{className:"truncate flex-1",children:e.alias}),(0,r.jsx)("span",{className:"text-[9px] text-gray-600",children:e.agent||"--"})]},e.alias)),0===g.length&&(0,r.jsx)("div",{className:"text-center text-xs text-gray-600 py-4",children:"No online agents"})]})]}),(0,r.jsxs)("div",{className:"flex-1 flex flex-col",children:[(0,r.jsxs)("div",{className:"flex-1 px-6 py-4 flex flex-col",children:[(0,r.jsx)("label",{className:"text-xs text-gray-500 uppercase mb-2",children:"Task Prompt"}),(0,r.jsx)("textarea",{value:l,onChange:e=>i(e.target.value),placeholder:"Enter the task you want to dispatch...",className:"flex-1 min-h-[120px] bg-[#111128] border border-[#2a2a4a] rounded-xl px-4 py-3 text-sm text-white placeholder-gray-600 focus:border-cyan-500/40 focus:outline-none resize-none"}),(0,r.jsxs)("div",{className:"flex items-center gap-3 mt-4",children:[(0,r.jsxs)("select",{value:o,onChange:e=>c(e.target.value),className:"bg-[#111128] border border-[#2a2a4a] rounded-lg px-3 py-2 text-xs text-white focus:outline-none",children:[(0,r.jsx)("option",{value:"normal",children:"Normal priority"}),(0,r.jsx)("option",{value:"high",children:"High priority"}),(0,r.jsx)("option",{value:"low",children:"Low priority"})]}),(0,r.jsx)("div",{className:"flex-1"}),(0,r.jsx)("button",{onClick:y,disabled:u||!l.trim()||0===s.size,className:"px-6 py-2.5 bg-gradient-to-r from-cyan-600 to-blue-600 hover:from-cyan-500 hover:to-blue-500 disabled:from-gray-800 disabled:to-gray-800 disabled:text-gray-600 text-white text-sm font-medium rounded-xl transition-all shadow-lg shadow-cyan-500/10 disabled:shadow-none active:scale-95",children:u?(0,r.jsxs)("span",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:"w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin"}),"Sending..."]}):`Dispatch to ${s.size} agent${s.size>1?"s":""}`})]})]}),x.length>0&&(0,r.jsxs)("div",{className:"px-6 py-3 border-t border-[#2a2a4a] bg-[#0d0d1a]",children:[(0,r.jsxs)("div",{className:"text-xs text-gray-500 mb-2",children:[b,"/",x.length," dispatched successfully"]}),(0,r.jsx)("div",{className:"flex flex-wrap gap-1.5",children:x.map(e=>(0,r.jsxs)("span",{className:`flex items-center gap-1.5 text-[10px] pl-1 pr-2 py-0.5 rounded-full border ${e.ok?"text-green-300 border-green-500/20 bg-green-500/5":"text-red-300 border-red-500/20 bg-red-500/5"}`,children:[(0,r.jsx)(d.AliasAvatar,{alias:e.alias,size:14}),(0,r.jsx)("span",{children:e.alias}),(0,r.jsx)("span",{"aria-hidden":!0,children:e.ok?"✓":e.error||"✗"})]},e.alias))})]})]})]})]})]})}var Y=e.i(2684),X=e.i(50111);e.s(["default",0,function(){let e,i,c,h,x;(0,a.useEffect)(()=>{sessionStorage.getItem("anet_v3_auth")||(fetch("/api/auth/logout",{method:"POST"}).catch(()=>{}),window.location.assign("/login"))},[]);let{sessions:m,hint:p,error:f,isLoading:g}=(0,u.useSessions)(),{health:y}=(0,u.useHealth)(),{config:b}=(0,u.useAnetConfig)(),{tasks:v}=(0,u.useTasks)({limit:"500"}),{stats:j}=(0,u.useStats)(),[w,k]=(0,a.useState)(window.innerWidth>=1024),[N,S]=(0,a.useState)(!1),_=function(){let[e,t]=(0,a.useState)([]),[r,s]=(0,a.useState)("");return{tabs:e,activeTab:r,openTab:e=>{t(t=>t.includes(e)?t:[...t,e]),s(e)},closeTab:e=>{t(t=>{let a=t.filter(t=>t!==e);return r===e&&s(a[a.length-1]||""),a})},closeAll:()=>{t([]),s("")},setActiveTab:s}}(),[M,C]=(0,a.useState)(!1),[$,z]=(0,a.useState)([]),[A,F]=(0,a.useState)("all"),[B,D]=(0,a.useState)(null),{mutate:U}=(0,X.useSWRConfig)(),G="1"!==t.default.env.NEXT_PUBLIC_DISABLE_SSE,{connected:K,supported:V}=(0,Y.useSSE)({url:"/api/hub/events",enabled:G,onEvent:e=>{if("node.renamed"===e.type){U("/api/hub/status");let t=e.data;t?.old_alias&&t?.new_alias&&D({from:t.old_alias,to:t.new_alias,ts:Date.now()});return}["new_task","new_message","new_reply","node_status_changed","broadcast"].includes(e.type)&&(U("/api/hub/status"),U(e=>"string"==typeof e&&e.startsWith("/api/hub/tasks"),void 0,{revalidate:!0}))}});if((0,a.useEffect)(()=>{let e=()=>{fetch("/api/hub/inbox").then(e=>e.json()).then(e=>{e.messages?.length&&z(t=>{let r=new Set(t.map(e=>e.id));return[...e.messages.filter(e=>!r.has(e.id)),...t].slice(0,100)})}).catch(()=>{})};e();let t=setInterval(e,1e4);return()=>clearInterval(t)},[]),g)return(0,r.jsx)(T,{});let J=y?.sse_sessions||{},q=e=>(e.network_id?J[`${e.network_id}:${e.alias}`]:void 0)??J[e.alias],Z=e=>"offline"!==e.status||!!q(e),Q=m.filter(Z).length,ee=m.length,et=m.filter(e=>"working"===e.status).length,er=y?(0,n.formatUptime)(y.uptime):"--",ea=y?.version||"--",es=!!(b?.hub&&b.tokenConfigured),en=b?.source==="file"?"Local config":b?.source==="runtime-env"?"Runtime env":"Config missing",el={};if(j?.tasks?.by_status?.length)for(let e of j.tasks.by_status)el[e.status]=e.count;else for(let e of v)el[e.status]=(el[e.status]||0)+1;let ei=[...m].sort((e,t)=>{let r=+!!Z(e),a=+!!Z(t);if(r!==a)return a-r;let s=+("working"===e.status);return("working"===t.status)-s}),eo=0===m.length&&!f;return(0,r.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,r.jsx)("div",{className:"lg:ml-0 ml-10",children:(0,r.jsx)(l,{online:Q,working:et,total:ee,version:ea,uptime:er})}),(0,r.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[!eo&&(0,r.jsx)("button",{onClick:()=>C(!0),className:"px-4 py-2 bg-gradient-to-r from-cyan-600 to-blue-600 hover:from-cyan-500 hover:to-blue-500 text-white text-sm font-medium rounded-xl shadow-lg shadow-cyan-500/10 transition-all active:scale-95 shrink-0",children:"⚡ Dispatch"}),(0,r.jsx)("div",{className:"flex-1",children:(0,r.jsx)(W,{})})]}),(0,r.jsxs)("section",{className:"mb-6 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 shadow-lg shadow-black/20",children:[(0,r.jsxs)("button",{onClick:()=>S(!N),className:"w-full flex items-center justify-between text-left",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 text-xs",children:[(0,r.jsx)("span",{className:"uppercase text-gray-600",children:"Config"}),(0,r.jsx)("span",{className:`w-2 h-2 rounded-full ${es?"bg-green-400":"bg-red-400"}`}),(0,r.jsx)("span",{className:"text-gray-500",children:en})]}),(0,r.jsx)("svg",{className:`w-4 h-4 text-gray-600 transition-transform ${N?"rotate-180":""}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 9l-7 7-7-7"})})]}),N&&(0,r.jsxs)("div",{className:"mt-3 pt-3 border-t border-[#2a2a4a]",children:[(0,r.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,r.jsx)("div",{className:"min-w-0",children:(0,r.jsxs)("div",{className:"text-gray-100 truncate text-sm",title:b?.hub||void 0,children:["Hub: ",(0,r.jsx)("span",{className:b?.hub?"text-cyan-300":"text-red-300",children:b?.hub?.trim()||"not configured"})]})}),(0,r.jsx)("div",{className:"flex flex-wrap gap-2 text-xs",children:(0,r.jsxs)("span",{className:`px-2.5 py-1 rounded-md border ${b?.tokenConfigured?"bg-blue-500/5 text-blue-300 border-blue-500/20":"bg-gray-500/5 text-gray-400 border-gray-500/20"}`,children:["Token: ",b?.tokenPreview||"not configured"]})})]}),b?.error&&(0,r.jsx)("div",{className:"mt-2 text-xs text-gray-600",children:b.error})]})]}),Object.keys(el).length>0&&(0,r.jsxs)("section",{className:"mb-6 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 shadow-lg shadow-black/20",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,r.jsx)("div",{className:"text-xs uppercase text-gray-600",children:"Task Status"}),(0,r.jsx)(s.default,{href:"/tasks",prefetch:!1,className:"text-xs text-cyan-400 hover:text-cyan-300",children:"View all →"})]}),(0,r.jsx)("div",{className:"flex flex-wrap gap-2",children:["running","delivered","acked","replied","created","failed","cancelled","expired","closed"].filter(e=>el[e]).map(e=>(0,r.jsxs)(s.default,{href:`/tasks?status=${e}`,prefetch:!1,className:`px-2.5 py-1 rounded-md border text-xs ${R.STATUS_CHIP_CLASS[e]} hover:opacity-80 transition-opacity`,children:[e,": ",el[e]]},e))})]}),!eo&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"text-[10px] uppercase tracking-[0.12em] text-gray-600 mb-2",children:"Quick navigation"}),(0,r.jsx)("section",{className:"mb-3 grid grid-cols-3 gap-2 sm:gap-3",children:(e=m.filter(e=>Z(e)&&"working"!==e.status).length,i=ee-Q,c=v.filter(e=>"failed"===e.status).length,[{href:"/nodes",label:"Nodes",value:`${Q}/${ee}`,sub:`${ee>0?Math.round(Q/ee*100):0}% online`,color:"text-green-400 border-green-500/20",popover:0===ee?null:[{k:"working",v:et,dot:"",color:"#4ade80"},{k:"idle",v:e,dot:"",color:"#22d3ee"},{k:"offline",v:i,dot:"",color:"#9ca3af"}]},{href:"/tasks",label:"Tasks",value:String(Object.values(el).reduce((e,t)=>e+t,0)||0),sub:"all-time",color:"text-cyan-400 border-cyan-500/20",popover:0===Object.keys(el).length?null:["running","replied","failed","cancelled","expired","closed","created","delivered","acked"].filter(e=>el[e]).map(e=>({k:e,v:el[e],dot:"",color:({running:"#4ade80",replied:"#a78bfa",failed:"#f87171",cancelled:"#facc15",expired:"#fb923c",closed:"#9ca3af",created:"#9ca3af",delivered:"#60a5fa",acked:"#22d3ee"})[e]||"#9ca3af"}))},{href:"/tasks?status=failed",label:"Failed",value:String(el.failed||0),sub:el.failed?"needs review":"none",color:el.failed?"text-red-400 border-red-500/25":"text-gray-500 border-gray-700/30",popover:c?[{k:`${c} in current view`,v:"",dot:"",color:"#f87171"}]:[{k:"no failures yet",v:"",dot:"",color:"#4b5563"}]}].map(e=>(0,r.jsxs)(s.default,{href:e.href,prefetch:!1,className:`anet-stat-link group relative rounded-xl border ${e.color} bg-[#111128] px-3 py-3 transition-all hover:-translate-y-px`,children:[(0,r.jsxs)("div",{className:"flex items-baseline justify-between",children:[(0,r.jsx)("div",{className:`text-xl font-semibold tabular-nums ${e.color.split(" ")[0]}`,children:e.value}),(0,r.jsx)("div",{className:"hidden sm:block text-[10px] text-gray-600 group-hover:text-gray-400 transition-colors",children:"View →"})]}),(0,r.jsx)("div",{className:"text-[11px] text-gray-400 mt-0.5",children:e.label}),(0,r.jsx)("div",{className:"text-[10px] text-gray-600 mt-px",children:e.sub}),e.popover&&e.popover.length>0&&(0,r.jsxs)("div",{className:"anet-stat-popover hidden md:block pointer-events-none absolute left-2 right-2 top-full mt-1 z-20 rounded-lg border border-[#2a2a4a] bg-[#0d0d1a] shadow-lg shadow-black/30 px-3 py-2 opacity-0 translate-y-[-2px] group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-150 delay-100",children:[(0,r.jsx)("div",{className:"text-[10px] text-gray-600 uppercase tracking-wider mb-1.5",children:"Breakdown"}),(0,r.jsx)("ul",{className:"space-y-1",children:e.popover.map(e=>(0,r.jsxs)("li",{className:"flex items-center gap-2 text-[11px]",children:[(0,r.jsx)("span",{className:"inline-block w-1.5 h-1.5 rounded-full shrink-0",style:{backgroundColor:e.color},"aria-hidden":!0}),(0,r.jsx)("span",{className:"text-gray-400 capitalize",children:e.k}),""!==e.v&&(0,r.jsx)("span",{className:"ml-auto text-gray-300 tabular-nums font-medium",children:e.v})]},e.k))})]})]},e.href)))}),(0,r.jsx)("section",{className:"mb-6 grid grid-cols-3 gap-2 sm:gap-3",children:[{href:"/messages",label:"Messages",icon:"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"},{href:"/logs",label:"Audit log",icon:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z M14 2v6h6 M16 13H8 M16 17H8 M10 9H8"},{href:"/admin",label:"Admin",icon:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2"}].map(e=>(0,r.jsxs)(s.default,{href:e.href,prefetch:!1,className:"anet-nav-tile flex items-center justify-center gap-2 rounded-xl border border-[#2a2a4a] bg-[#111128] px-3 py-2.5 text-[12px] text-gray-400 hover:text-gray-200 transition-colors",children:[(0,r.jsx)("svg",{className:"w-4 h-4 shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,r.jsx)("path",{d:e.icon})}),(0,r.jsx)("span",{children:e.label})]},e.href))}),(0,r.jsx)(o,{}),v.length>0&&(0,r.jsxs)("section",{className:"mb-6 bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,r.jsx)("h2",{className:"text-sm font-semibold text-gray-300",children:"Recent Activity"}),(0,r.jsx)(s.default,{href:"/tasks",className:"text-xs text-cyan-400 hover:text-cyan-300",children:"All tasks →"})]}),(0,r.jsx)("div",{className:"space-y-2 max-h-40 overflow-y-auto",children:v.slice(0,5).map(e=>(0,r.jsxs)("div",{className:"flex items-center gap-2 text-xs",children:[(0,r.jsx)("span",{className:"w-1.5 h-1.5 rounded-full shrink-0",style:{backgroundColor:R.STATUS_DOT_HEX[e.status]||"#6b7280"}}),e.from_name&&(0,r.jsx)(d.AliasAvatar,{alias:e.from_name,size:14}),(0,r.jsx)("span",{className:"text-gray-300 shrink-0 max-w-[20%] truncate",children:e.from_name||"?"}),(0,r.jsx)("span",{className:"text-gray-600",children:"→"}),e.to_name&&(0,r.jsx)(d.AliasAvatar,{alias:e.to_name,size:14}),(0,r.jsx)("span",{className:"text-gray-300 shrink-0 max-w-[20%] truncate",children:e.to_name||"?"}),(0,r.jsx)("span",{className:"text-gray-500 truncate flex-1",title:e.content||"",children:(0,n.previewContent)(e.content).slice(0,60)}),(0,r.jsx)("span",{className:`shrink-0 px-1.5 py-0.5 rounded text-[10px] border ${R.STATUS_CHIP_CLASS[e.status]||"text-gray-500 border-gray-700/30"}`,children:e.status})]},e.task_id))})]})]}),f&&(0,r.jsxs)("div",{className:"bg-red-900/20 border border-red-800/40 text-red-300 px-4 py-3 rounded-lg mb-6 text-sm flex items-center justify-between",role:"alert",children:[(0,r.jsx)("span",{children:String(f)}),(0,r.jsx)("span",{className:"text-gray-500 text-xs",children:"Check CommHub connection"})]}),m.length>0&&(0,r.jsx)("div",{className:"flex justify-center mb-4",children:(0,r.jsx)("button",{onClick:()=>k(!w),className:"text-xs text-gray-500 hover:text-gray-300 border border-gray-700/50 px-4 py-1.5 rounded-lg transition-colors hover:border-gray-600 cursor-pointer",children:w?"Hide Topology":"Show Topology"})}),!w&&m.length>0&&(0,r.jsx)("div",{className:"lg:hidden text-center text-xs text-gray-600 mb-4",children:"Topology hidden on mobile for better readability"}),w&&m.length>0&&(0,r.jsx)(E,{sessions:m,sseSessions:J,renameSignal:B}),0!==m.length||f?(h={all:ei.length,working:ei.filter(e=>Z(e)&&"working"===e.status).length,idle:ei.filter(e=>Z(e)&&"working"!==e.status).length,offline:ei.filter(e=>!Z(e)).length},x=ei.filter(e=>"all"===A||("offline"===A?!Z(e):"working"===A?Z(e)&&"working"===e.status:"idle"!==A||Z(e)&&"working"!==e.status)),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"mb-3 flex flex-wrap items-center gap-1",children:[{key:"all",label:"All"},{key:"working",label:"Working",dot:"#4ade80"},{key:"idle",label:"Idle",dot:"#22d3ee"},{key:"offline",label:"Offline",dot:"#6b7280"}].map(e=>(0,r.jsxs)("button",{type:"button",onClick:()=>F(e.key),disabled:0===h[e.key]&&"all"!==e.key,className:`flex items-center gap-1.5 rounded-md px-2.5 py-1 text-xs transition-colors disabled:opacity-30 disabled:cursor-not-allowed ${A===e.key?"bg-cyan-500/10 text-cyan-300 border border-cyan-500/30":"text-gray-500 hover:text-gray-200 hover:bg-[#1a1a2a] border border-transparent"}`,children:[e.dot&&(0,r.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full",style:{backgroundColor:e.dot}}),(0,r.jsx)("span",{children:e.label}),(0,r.jsx)("span",{className:`text-[10px] tabular-nums ${A===e.key?"text-cyan-400":"text-gray-600"}`,children:h[e.key]})]},e.key))}),(0,r.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-3 sm:gap-4",children:x.map(e=>(0,r.jsx)(P,{session:e,hasSse:Z(e),sseCount:q(e)||0,onChat:_.openTab},e.alias))}),0===x.length&&(0,r.jsxs)("div",{className:"mt-4 text-center text-xs text-gray-600",children:['No agents match "',A,'" — ',(0,r.jsx)("button",{onClick:()=>F("all"),className:"underline hover:text-gray-400",children:"Show all"})]})]})):(0,r.jsx)(I.NodesEmptyState,{hint:p,taskHistoryCount:Object.values(el).reduce((e,t)=>e+t,0)}),(0,r.jsx)(L,{messages:$}),(0,r.jsx)("div",{className:"mt-8 text-center text-xs text-gray-600 flex items-center justify-center gap-2 flex-wrap",children:V&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:`w-1.5 h-1.5 rounded-full ${K?"bg-green-400":"bg-gray-600"}`}),K?"SSE live":"SWR polling"]})}),M&&(0,r.jsx)(H,{sessions:m,onClose:()=>C(!1)}),_.tabs.length>0&&(0,r.jsx)(O,{tabs:_.tabs,activeTab:_.activeTab,onOpenTab:_.openTab,onCloseTab:_.closeTab,onSetActive:_.setActiveTab,onClose:_.closeAll})]})}],18722)}]);
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,136,(e,t,r)=>{},7454,(e,t,r)=>{var a=e.i(20888);e.r(136);var s=e.r(23910),n=s&&"object"==typeof s&&"default"in s?s:{default:s},l=void 0!==a.default&&a.default.env&&!0,i=function(e){return"[object String]"===Object.prototype.toString.call(e)},o=function(){function e(e){var t=void 0===e?{}:e,r=t.name,a=void 0===r?"stylesheet":r,s=t.optimizeForSpeed,n=void 0===s?l:s;d(i(a),"`name` must be a string"),this._name=a,this._deletedRulePlaceholder="#"+a+"-deleted-rule____{}",d("boolean"==typeof n,"`optimizeForSpeed` must be a boolean"),this._optimizeForSpeed=n,this._serverSheet=void 0,this._tags=[],this._injected=!1,this._rulesCount=0;var o="u">typeof window&&document.querySelector('meta[property="csp-nonce"]');this._nonce=o?o.getAttribute("content"):null}var t,r=e.prototype;return r.setOptimizeForSpeed=function(e){d("boolean"==typeof e,"`setOptimizeForSpeed` accepts a boolean"),d(0===this._rulesCount,"optimizeForSpeed cannot be when rules have already been inserted"),this.flush(),this._optimizeForSpeed=e,this.inject()},r.isOptimizeForSpeed=function(){return this._optimizeForSpeed},r.inject=function(){var e=this;if(d(!this._injected,"sheet already injected"),this._injected=!0,"u">typeof window&&this._optimizeForSpeed){this._tags[0]=this.makeStyleTag(this._name),this._optimizeForSpeed="insertRule"in this.getSheet(),this._optimizeForSpeed||(l||console.warn("StyleSheet: optimizeForSpeed mode not supported falling back to standard mode."),this.flush(),this._injected=!0);return}this._serverSheet={cssRules:[],insertRule:function(t,r){return"number"==typeof r?e._serverSheet.cssRules[r]={cssText:t}:e._serverSheet.cssRules.push({cssText:t}),r},deleteRule:function(t){e._serverSheet.cssRules[t]=null}}},r.getSheetForTag=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]},r.getSheet=function(){return this.getSheetForTag(this._tags[this._tags.length-1])},r.insertRule=function(e,t){if(d(i(e),"`insertRule` accepts only strings"),"u"<typeof window)return"number"!=typeof t&&(t=this._serverSheet.cssRules.length),this._serverSheet.insertRule(e,t),this._rulesCount++;if(this._optimizeForSpeed){var r=this.getSheet();"number"!=typeof t&&(t=r.cssRules.length);try{r.insertRule(e,t)}catch(t){return l||console.warn("StyleSheet: illegal rule: \n\n"+e+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),-1}}else{var a=this._tags[t];this._tags.push(this.makeStyleTag(this._name,e,a))}return this._rulesCount++},r.replaceRule=function(e,t){if(this._optimizeForSpeed||"u"<typeof window){var r="u">typeof window?this.getSheet():this._serverSheet;if(t.trim()||(t=this._deletedRulePlaceholder),!r.cssRules[e])return e;r.deleteRule(e);try{r.insertRule(t,e)}catch(a){l||console.warn("StyleSheet: illegal rule: \n\n"+t+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),r.insertRule(this._deletedRulePlaceholder,e)}}else{var a=this._tags[e];d(a,"old rule at index `"+e+"` not found"),a.textContent=t}return e},r.deleteRule=function(e){if("u"<typeof window)return void this._serverSheet.deleteRule(e);if(this._optimizeForSpeed)this.replaceRule(e,"");else{var t=this._tags[e];d(t,"rule at index `"+e+"` not found"),t.parentNode.removeChild(t),this._tags[e]=null}},r.flush=function(){this._injected=!1,this._rulesCount=0,"u">typeof window?(this._tags.forEach(function(e){return e&&e.parentNode.removeChild(e)}),this._tags=[]):this._serverSheet.cssRules=[]},r.cssRules=function(){var e=this;return"u"<typeof window?this._serverSheet.cssRules:this._tags.reduce(function(t,r){return r?t=t.concat(Array.prototype.map.call(e.getSheetForTag(r).cssRules,function(t){return t.cssText===e._deletedRulePlaceholder?null:t})):t.push(null),t},[])},r.makeStyleTag=function(e,t,r){t&&d(i(t),"makeStyleTag accepts only strings as second parameter");var a=document.createElement("style");this._nonce&&a.setAttribute("nonce",this._nonce),a.type="text/css",a.setAttribute("data-"+e,""),t&&a.appendChild(document.createTextNode(t));var s=document.head||document.getElementsByTagName("head")[0];return r?s.insertBefore(a,r):s.appendChild(a),a},t=[{key:"length",get:function(){return this._rulesCount}}],function(e,t){for(var r=0;r<t.length;r++){var a=t[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}(e.prototype,t),e}();function d(e,t){if(!e)throw Error("StyleSheet: "+t+".")}var c=function(e){for(var t=5381,r=e.length;r;)t=33*t^e.charCodeAt(--r);return t>>>0},u={};function h(e,t){if(!t)return"jsx-"+e;var r=String(t),a=e+r;return u[a]||(u[a]="jsx-"+c(e+"-"+r)),u[a]}function x(e,t){"u"<typeof window&&(t=t.replace(/\/style/gi,"\\/style"));var r=e+t;return u[r]||(u[r]=t.replace(/__jsx-style-dynamic-selector/g,e)),u[r]}var p=function(){function e(e){var t=void 0===e?{}:e,r=t.styleSheet,a=void 0===r?null:r,s=t.optimizeForSpeed,n=void 0!==s&&s;this._sheet=a||new o({name:"styled-jsx",optimizeForSpeed:n}),this._sheet.inject(),a&&"boolean"==typeof n&&(this._sheet.setOptimizeForSpeed(n),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),this._fromServer=void 0,this._indices={},this._instancesCounts={}}var t=e.prototype;return t.add=function(e){var t=this;void 0===this._optimizeForSpeed&&(this._optimizeForSpeed=Array.isArray(e.children),this._sheet.setOptimizeForSpeed(this._optimizeForSpeed),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),"u">typeof window&&!this._fromServer&&(this._fromServer=this.selectFromServer(),this._instancesCounts=Object.keys(this._fromServer).reduce(function(e,t){return e[t]=0,e},{}));var r=this.getIdAndRules(e),a=r.styleId,s=r.rules;if(a in this._instancesCounts){this._instancesCounts[a]+=1;return}var n=s.map(function(e){return t._sheet.insertRule(e)}).filter(function(e){return -1!==e});this._indices[a]=n,this._instancesCounts[a]=1},t.remove=function(e){var t=this,r=this.getIdAndRules(e).styleId;if(function(e,t){if(!e)throw Error("StyleSheetRegistry: "+t+".")}(r in this._instancesCounts,"styleId: `"+r+"` not found"),this._instancesCounts[r]-=1,this._instancesCounts[r]<1){var a=this._fromServer&&this._fromServer[r];a?(a.parentNode.removeChild(a),delete this._fromServer[r]):(this._indices[r].forEach(function(e){return t._sheet.deleteRule(e)}),delete this._indices[r]),delete this._instancesCounts[r]}},t.update=function(e,t){this.add(t),this.remove(e)},t.flush=function(){this._sheet.flush(),this._sheet.inject(),this._fromServer=void 0,this._indices={},this._instancesCounts={}},t.cssRules=function(){var e=this,t=this._fromServer?Object.keys(this._fromServer).map(function(t){return[t,e._fromServer[t]]}):[],r=this._sheet.cssRules();return t.concat(Object.keys(this._indices).map(function(t){return[t,e._indices[t].map(function(e){return r[e].cssText}).join(e._optimizeForSpeed?"":"\n")]}).filter(function(e){return!!e[1]}))},t.styles=function(e){var t,r;return t=this.cssRules(),void 0===(r=e)&&(r={}),t.map(function(e){var t=e[0],a=e[1];return n.default.createElement("style",{id:"__"+t,key:"__"+t,nonce:r.nonce?r.nonce:void 0,dangerouslySetInnerHTML:{__html:a}})})},t.getIdAndRules=function(e){var t=e.children,r=e.dynamic,a=e.id;if(r){var s=h(a,r);return{styleId:s,rules:Array.isArray(t)?t.map(function(e){return x(s,e)}):[x(s,t)]}}return{styleId:h(a),rules:Array.isArray(t)?t:[t]}},t.selectFromServer=function(){return Array.prototype.slice.call(document.querySelectorAll('[id^="__jsx-"]')).reduce(function(e,t){return e[t.id.slice(2)]=t,e},{})},e}(),m=s.createContext(null);function f(){return new p}function g(){return s.useContext(m)}m.displayName="StyleSheetContext";var y=n.default.useInsertionEffect||n.default.useLayoutEffect,b="u">typeof window?f():void 0;function v(e){var t=b||g();return t&&("u"<typeof window?t.add(e):y(function(){return t.add(e),function(){t.remove(e)}},[e.id,String(e.dynamic)])),null}v.dynamic=function(e){return e.map(function(e){return h(e[0],e[1])}).join(" ")},r.StyleRegistry=function(e){var t=e.registry,r=e.children,a=s.useContext(m),l=s.useState(function(){return a||t||f()})[0];return n.default.createElement(m.Provider,{value:l},r)},r.createStyleRegistry=f,r.style=v,r.useStyleRegistry=g},6694,(e,t,r)=>{t.exports=e.r(7454).style},18722,e=>{"use strict";var t=e.i(20888),r=e.i(22381),a=e.i(23910),s=e.i(56839),n=e.i(3479);function l({online:e,working:t,total:a,version:s,uptime:n}){let o=a>0?Math.round(e/a*100):0,d=0===a;return(0,r.jsxs)("div",{className:d?"mb-4":"mb-8",children:[(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-3 mb-4",children:[(0,r.jsx)("h1",{className:"text-2xl font-bold text-white tracking-tight",children:"Agent Network"}),(0,r.jsxs)("span",{className:"text-xs text-gray-500",children:["CommHub ",s," · ",n]})]}),d?(0,r.jsxs)("div",{className:"anet-stat-strip flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-gray-500 border-t border-b border-[#2a2a4a] py-2",children:[(0,r.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,r.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full bg-gray-600"}),(0,r.jsx)("span",{className:"text-gray-300 tabular-nums",children:"0"})," online"]}),(0,r.jsx)("span",{className:"text-gray-700",children:"·"}),(0,r.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,r.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full bg-gray-600"}),(0,r.jsx)("span",{className:"text-gray-300 tabular-nums",children:"0"})," working"]}),(0,r.jsx)("span",{className:"text-gray-700",children:"·"}),(0,r.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,r.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full bg-gray-600"}),(0,r.jsx)("span",{className:"text-gray-300 tabular-nums",children:"0"})," registered"]})]}):(0,r.jsxs)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3",children:[(0,r.jsx)(i,{value:e,label:"Online",sub:`${o}% of fleet`,color:"text-green-400",accent:"from-green-500/20 to-green-500/0",border:"border-green-500/15"}),(0,r.jsx)(i,{value:t,label:"Working",sub:e>0?`${Math.round(t/e*100)}% utilization`:"--",color:"text-cyan-400",accent:"from-cyan-500/20 to-cyan-500/0",border:"border-cyan-500/15"}),(0,r.jsx)(i,{value:a-e,label:"Offline",sub:a-e==0?"All systems go":`${a-e} disconnected`,color:"text-gray-400",accent:"from-gray-500/10 to-gray-500/0",border:"border-gray-500/15"}),(0,r.jsx)(i,{value:a,label:"Total",sub:"Registered nodes",color:"text-white",accent:"from-blue-500/15 to-blue-500/0",border:"border-blue-500/15"})]})]})}function i({value:e,label:t,sub:a,color:s,accent:n,border:l}){let o=s.replace("text-","").split("-")[0];return(0,r.jsxs)("div",{"data-anet-stat-card":o,className:`anet-stat-card relative overflow-hidden rounded-xl border ${l} bg-[#111128] px-4 py-3 transition-all`,children:[(0,r.jsx)("div",{className:`absolute inset-0 bg-gradient-to-br ${n} pointer-events-none`}),(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("div",{className:`text-3xl font-bold ${s} tabular-nums leading-tight`,children:e}),(0,r.jsx)("div",{className:"text-sm text-gray-300 mt-0.5",children:t}),(0,r.jsx)("div",{className:"text-xs text-gray-600 mt-1",children:a})]})]})}function o(){let[e,t]=(0,a.useState)(""),[s,n]=(0,a.useState)(!1),[l,i]=(0,a.useState)(""),o=async()=>{if(e.trim()){n(!0),i("");try{let r=await fetch("/api/hub/broadcast",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({message:e})}),a=await r.json();a.ok?(i(`Broadcast sent to ${a.recipients} node(s)`),t("")):i(`Failed: ${a.error||"Send error"}`)}catch(e){i(`Failed: ${e instanceof Error?e.message:"Send error"}`)}n(!1),setTimeout(()=>i(""),5e3)}};return(0,r.jsxs)("div",{className:"mb-6",children:[(0,r.jsxs)("div",{className:"flex gap-2",children:[(0,r.jsx)("input",{type:"text",value:e,onChange:e=>t(e.target.value),onKeyDown:e=>"Enter"===e.key&&o(),placeholder:"Broadcast message to all online agents...",maxLength:500,"aria-label":"Broadcast message",className:"flex-1 bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-2.5 text-sm text-white placeholder-gray-600 focus:border-blue-500/50 focus:ring-1 focus:ring-blue-500/20 focus:outline-none transition-colors"}),(0,r.jsx)("button",{onClick:o,disabled:s||!e.trim(),"aria-label":"Send broadcast",className:"flex items-center gap-2 px-5 py-2.5 bg-blue-600 hover:bg-blue-500 disabled:bg-gray-800 disabled:text-gray-600 text-white text-sm rounded-lg transition-all font-medium cursor-pointer disabled:cursor-not-allowed",children:s?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("svg",{"aria-hidden":!0,className:"w-4 h-4 animate-spin",viewBox:"0 0 24 24",fill:"none",children:[(0,r.jsx)("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"3",opacity:"0.25"}),(0,r.jsx)("path",{d:"M4 12a8 8 0 018-8",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round"})]}),(0,r.jsx)("span",{children:"Sending…"})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("svg",{"aria-hidden":!0,className:"w-4 h-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("path",{d:"M3 11v3a1 1 0 0 0 1 1h2l3.29 3.29a1 1 0 0 0 1.71-.71V7.42a1 1 0 0 0-1.71-.71L6 10H4a1 1 0 0 0-1 1Z"}),(0,r.jsx)("path",{d:"M16 8a5 5 0 0 1 0 6",opacity:"0.7"}),(0,r.jsx)("path",{d:"M19 5a9 9 0 0 1 0 12",opacity:"0.45"})]}),(0,r.jsx)("span",{children:"Broadcast"})]})})]}),e.length>0&&(0,r.jsxs)("div",{className:"text-right text-xs text-gray-600 mt-1 tabular-nums",children:[e.length,"/500"]}),l&&(0,r.jsx)("div",{className:`mt-3 text-sm text-center anet-fade-in ${l.startsWith("Failed")?"text-red-400":"text-green-400/80"}`,children:l})]})}var d=e.i(46228),c=e.i(43058),u=e.i(59276),h=e.i(59746);function x({alias:e,onClose:t}){let[s,n]=(0,a.useState)({x:0,y:0}),[l,i]=(0,a.useState)({w:380,h:520}),o=(0,a.useRef)({active:!1,startX:0,startY:0,baseX:0,baseY:0}),p=(0,a.useRef)({active:!1,startX:0,startY:0,baseW:0,baseH:0}),{sessions:m}=(0,u.useSessions)(),f=(0,a.useMemo)(()=>m.find(t=>t.alias===e),[m,e]),g=f&&"offline"!==f.status?null:(0,h.relativeAgo)(f?.last_seen_at),y=(0,a.useCallback)((e,t,r,a)=>({x:Math.min(Math.max(16,e),Math.max(16,window.innerWidth-r-16)),y:Math.min(Math.max(16,t),Math.max(16,window.innerHeight-a-16))}),[]);(0,a.useEffect)(()=>{let e=()=>{let e=window.innerWidth,t=window.innerHeight,r=Math.min(380,e-32),a=Math.min(520,t-96);i({w:r,h:a});let s=e<640;n(y(s?16:e-r-24,s?t-a-16:96,r,a))};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[y]),(0,a.useEffect)(()=>{let e=e=>{"Escape"===e.key&&t()};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[t]);let b=e=>{if(o.current.active){o.current.active=!1;try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch{}}},v=e=>{if(p.current.active){p.current.active=!1,e.stopPropagation();try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch{}}};return(0,r.jsxs)("div",{className:"fixed z-50 flex flex-col overflow-hidden rounded-xl border border-[var(--border)] bg-[var(--bg)] shadow-2xl shadow-black/60 anet-fade-in",style:{left:s.x,top:s.y,width:l.w,height:l.h},role:"dialog","aria-label":`Chat with ${e}`,children:[(0,r.jsxs)("div",{onPointerDown:e=>{0===e.button&&(e.currentTarget.setPointerCapture?.(e.pointerId),o.current={active:!0,startX:e.clientX,startY:e.clientY,baseX:s.x,baseY:s.y})},onPointerMove:e=>{let t=o.current;t.active&&n(y(t.baseX+(e.clientX-t.startX),t.baseY+(e.clientY-t.startY),l.w,l.h))},onPointerUp:b,onPointerCancel:b,className:"flex items-center justify-between px-3 py-2.5 border-b border-[var(--border)] bg-[var(--bg-secondary)] rounded-t-xl cursor-grab active:cursor-grabbing select-none touch-none",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2.5 min-w-0",children:[(0,r.jsx)(d.AliasAvatar,{alias:e,size:28}),(0,r.jsxs)("div",{className:"min-w-0",children:[(0,r.jsx)("div",{className:"text-sm font-semibold text-[var(--fg)] truncate",children:e}),f?.project_dir?(0,r.jsxs)("div",{className:"text-[10px] text-[var(--fg-muted)] truncate font-mono",title:f.project_dir,"data-popover-cwd":!0,children:["cwd: ",f.project_dir]}):null,g?(0,r.jsxs)("div",{className:"text-[10px] text-[var(--fg-muted)] truncate","data-popover-lastseen":!0,children:["last seen: ",g]}):null,f?.project_dir||g?null:(0,r.jsx)("div",{className:"text-[10px] text-[var(--fg-muted)]",children:"Drag to move · Esc to close"})]})]}),(0,r.jsx)("button",{onClick:t,onPointerDown:e=>e.stopPropagation(),"aria-label":"Close chat",className:"text-[var(--fg-muted)] hover:text-[var(--fg)] p-1.5 rounded-lg hover:bg-[var(--bg-elevated)] shrink-0",children:(0,r.jsx)("svg",{className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})})]}),(0,r.jsx)("div",{className:"flex-1 min-h-0",children:(0,r.jsx)(c.TaskChatPanel,{alias:e,onClose:t,inline:!0})}),(0,r.jsx)("div",{onPointerDown:e=>{0===e.button&&(e.stopPropagation(),e.currentTarget.setPointerCapture?.(e.pointerId),p.current={active:!0,startX:e.clientX,startY:e.clientY,baseW:l.w,baseH:l.h})},onPointerMove:e=>{let t=p.current;if(!t.active)return;e.stopPropagation();let r=Math.max(300,window.innerWidth-s.x-16),a=Math.max(320,window.innerHeight-s.y-16);i({w:Math.min(r,Math.max(300,t.baseW+(e.clientX-t.startX))),h:Math.min(a,Math.max(320,t.baseH+(e.clientY-t.startY)))})},onPointerUp:v,onPointerCancel:v,"aria-label":"Resize chat",className:"absolute bottom-0 right-0 w-5 h-5 cursor-nwse-resize touch-none z-10",style:{touchAction:"none"},children:(0,r.jsx)("svg",{className:"absolute bottom-0.5 right-0.5 w-3 h-3 text-[var(--fg-dim)]",viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round","aria-hidden":!0,children:(0,r.jsx)("path",{d:"M11 5L5 11M11 9L9 11"})})})]})}let p={id:"unknown",label:"Unknown vendor",mono:{bg:"hsl(220 10% 26%)",ring:"hsl(220 10% 46%)",text:"hsl(220 14% 82%)"},initial:"?",logo:null},m=[{test:e=>e.startsWith("intern"),vendor:{id:"intern",label:"书生 · 上海 AI 实验室",mono:{bg:"hsl(28 38% 24%)",ring:"hsl(32 45% 52%)",text:"hsl(34 60% 82%)"},initial:"书",logo:"/intern_avatar.png"}},{test:e=>e.startsWith("minimax"),vendor:{id:"minimax",label:"MiniMax",mono:{bg:"hsl(18 50% 26%)",ring:"hsl(18 65% 52%)",text:"hsl(20 80% 82%)"},initial:"M",logo:null}},{test:e=>e.startsWith("claude"),vendor:{id:"anthropic",label:"Anthropic",mono:{bg:"hsl(16 32% 26%)",ring:"hsl(16 48% 54%)",text:"hsl(18 60% 84%)"},initial:"A",logo:null}},{test:e=>e.startsWith("gpt")||e.startsWith("codex")||e.startsWith("o1")||e.startsWith("o3")||e.startsWith("o4"),vendor:{id:"openai",label:"OpenAI",mono:{bg:"hsl(165 26% 22%)",ring:"hsl(165 40% 44%)",text:"hsl(165 45% 80%)"},initial:"O",logo:null}}];function f(e){if(!e)return p;let t=e.toLowerCase();for(let e of m)if(e.test(t))return e.vendor;return p}let g={"claude-code-cli":{label:"Claude Code CLI",iconPath:"M4 5h16v14H4z M7 9l3 3-3 3 M13 15h4",color:"#a78bfa"},"codex-sdk":{label:"Codex SDK",iconPath:"M9 7l-5 5 5 5 M15 7l5 5-5 5",color:"#38bdf8"},"claude-agent-sdk":{label:"Claude Agent SDK",iconPath:"M4 7h16v10H4z M8 11h8 M8 14h5",color:"#34d399"},"http-api":{label:"HTTP API",iconPath:"M7 18a4 4 0 010-8 5 5 0 019.6-1.3A3.5 3.5 0 0118 18z",color:"#fbbf24"}};function y(e){return e?g[e]??null:null}function b(e,t,r,a=0){let s=t<=2?Math.PI:1.78*Math.PI,n=-Math.PI/2-s/2,l=t<=1?-Math.PI/2:n+s*e/(t-1)+a;return{x:500+r*Math.cos(l),y:330+r*Math.sin(l)}}function v(e,t,r=0){let a=(e.x+t.x)/2,s=(e.y+t.y)/2,n=t.x-e.x,l=t.y-e.y,i=Math.hypot(n,l)||1,o={x:a+-l/i*r,y:s+n/i*r};return`M${e.x},${e.y} Q${o.x},${o.y} ${t.x},${t.y}`}function j(e,t){return e.length>t?`${e.slice(0,t-1)}...`:e}function w({sessions:e}){let t=(0,a.useRef)(Date.now()),[s,n]=(0,a.useState)(()=>Date.now());(0,a.useEffect)(()=>{t.current=Date.now()},[e]),(0,a.useEffect)(()=>{let e=setInterval(()=>n(Date.now()),1e3);return()=>clearInterval(e)},[]);let l=Math.max(0,Math.floor((s-t.current)/1e3)),i=l>10;return(0,r.jsxs)("span",{className:i?"hidden sm:inline px-2.5 py-1 rounded-md bg-amber-500/10 text-amber-300 border border-amber-500/20 font-mono":"hidden sm:inline px-2.5 py-1 rounded-md bg-gray-500/10 text-gray-400 border border-gray-500/20 font-mono",title:i?`Last sync ${l}s ago — SWR refresh may be lagging`:`Live data \xb7 refreshes every 5s \xb7 last sync ${l}s ago`,"data-freshness-chip":!0,children:["live · ",l,"s"]})}function k(e,t,r){return t?"working"===e.status?{label:"working",primary:r?"#059669":"#22c55e",halo:r?"#d1fae5":"#14532d",text:r?"#065f46":"#dcfce7"}:"idle"===e.status?{label:"idle",primary:r?"#0d9488":"#2dd4bf",halo:r?"#ccfbf1":"#134e4a",text:r?"#115e59":"#ccfbf1"}:{label:e.status||"online",primary:r?"#0284c7":"#38bdf8",halo:r?"#e0f2fe":"#0c4a6e",text:r?"#0c4a6e":"#e0f2fe"}:{label:"offline",primary:r?"#94a3b8":"#6b7280",halo:r?"#e2e8f0":"#111827",text:r?"#475569":"#9ca3af"}}let N={panelStops:["#0b1220","#080814","#101018"],radarStops:[{color:"#22d3ee",opacity:.18},{color:"#22c55e",opacity:.045},{color:"#020617",opacity:0}],arrowFill:"#67e8f9",ringStroke:"#164e63",spokeStroke:{active:"#22d3ee",idle:"#155e75"},flowEdge:"#67e8f9",flowPath:"#e0f2fe",flowParticle:"#fef08a",nodeFill:{online:"#020617",offline:"#080814"},labelBox:{fill:"#020617",stroke:"#1f2937"},legendBox:{fill:"#020617",stroke:"#1f2937"},legendText:"#94a3b8",legendHeadline:"#e5e7eb",legendAccent:"#67e8f9",containerBg:"#080814",containerBorder:"#2a2a4a",topRailGradient:"from-transparent via-cyan-400/70 to-transparent"},S={panelStops:["#f8fafc","#ffffff","#f1f5f9"],radarStops:[{color:"#10b981",opacity:.06},{color:"#3b82f6",opacity:.03},{color:"#ffffff",opacity:0}],arrowFill:"#10b981",ringStroke:"#cbd5e1",spokeStroke:{active:"#10b981",idle:"#cbd5e1"},flowEdge:"#10b981",flowPath:"#475569",flowParticle:"#f59e0b",nodeFill:{online:"#ffffff",offline:"#f8fafc"},labelBox:{fill:"#ffffff",stroke:"#e2e8f0"},legendBox:{fill:"#ffffff",stroke:"#e2e8f0"},legendText:"#475569",legendHeadline:"#0f172a",legendAccent:"#0d9488",containerBg:"#ffffff",containerBorder:"#e3e6eb",topRailGradient:"from-transparent via-emerald-500/40 to-transparent"};function _(e,t){let r=0;for(;r<e.length&&r<t.length&&e[r]===t[r];)r++;return e.slice(0,r)}function M(e){let t=e.length,r=e.map((e,t)=>t),a=e=>{for(;r[e]!==e;)r[e]=r[r[e]],e=r[e];return e},s=(e,t)=>{let s=a(e),n=a(t);s!==n&&(r[s]=n)},n={};for(let t of(e.forEach((e,t)=>{let r=e.project_dir?.trim();r&&(n[r]||=[]).push(t)}),Object.values(n)))for(let e=1;e<t.length;e++)s(t[0],t[e]);let l=e.map((e,t)=>t).sort((t,r)=>e[t].alias.localeCompare(e[r].alias));for(let t=0;t+1<l.length;t++)_(e[l[t]].alias,e[l[t+1]].alias).length>=2&&s(l[t],l[t+1]);let i={};for(let e=0;e<t;e++)(i[a(e)]||=[]).push(e);let o={};for(let t of Object.values(i)){let r;if(1===t.length)r=e[t[0]].alias;else{let a=new Set(t.map(t=>e[t].project_dir?.trim()).filter(Boolean));if(1===a.size){let e=[...a][0];r=e.split("/").filter(Boolean).pop()||e}else(r=t.map(t=>e[t].alias).reduce((e,t)=>_(e,t))).length<2&&(r=e[t[0]].alias)}for(let a of t)o[e[a].alias]=r}return o}function C(e,t){let r=new Map;return e.forEach(e=>{if(!t[e.from_alias]||!t[e.to_alias]||e.from_alias===e.to_alias)return;let a=`${e.from_alias}->${e.to_alias}`,s=r.get(a),n=e.created_at||"",l=s?n>s.last_at?n:s.last_at:n;r.set(a,{key:a,from:e.from_alias,to:e.to_alias,count:(s?.count||0)+1,content:s?.content||e.content,last_at:l})}),[...r.values()].slice(0,18)}function E({sessions:e,sseSessions:t,renameSignal:s}){let n,l,i,o,c,u,p,m,g,_,$,z,P,L,T,A="light"===function(){let[e,t]=(0,a.useState)("dark");return(0,a.useEffect)(()=>{let e=()=>{let e=document.documentElement.getAttribute("data-theme")||"cyber";t("light"===e||"mint"===e?"light":"dark")};e();let r=new MutationObserver(e);return r.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>r.disconnect()},[]),e}(),I=function(){let[e,t]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{if(!window.matchMedia)return;let e=window.matchMedia("(prefers-reduced-motion: reduce)");t(e.matches);let r=e=>t(e.matches);return e.addEventListener("change",r),()=>e.removeEventListener("change",r)},[]),e}(),R=A?S:N,F="intern"===function(){let[e,t]=(0,a.useState)(null);return(0,a.useEffect)(()=>{try{let e=new URL(window.location.href).searchParams.get("brand");null!==e?""===e||"none"===e?(localStorage.removeItem("anet-brand"),t(null)):(localStorage.setItem("anet-brand",e),t(e)):t(localStorage.getItem("anet-brand"))}catch{}},[]),e}(),[W,B]=(0,a.useState)([]),[O,D]=(0,a.useState)("ring");(0,a.useEffect)(()=>{try{let e=localStorage.getItem("anet-topo-layout");("grid"===e||"ring"===e)&&D(e)}catch{}},[]);let H=()=>D(e=>{let t="ring"===e?"grid":"ring";try{localStorage.setItem("anet-topo-layout",t)}catch{}return t}),[Y,X]=(0,a.useState)(.84);(0,a.useEffect)(()=>{try{let e=parseFloat(localStorage.getItem("anet-topo-nodescale")||"");(.7===e||.84===e||1===e)&&X(e)}catch{}},[]),(0,a.useEffect)(()=>{let e=async()=>{try{let e=await fetch("/api/hub/messages?limit=50");if(401===e.status)return void window.location.assign("/login");let t=await e.json();B(t.messages||[])}catch{}};e();let t=setInterval(e,5e3);return()=>clearInterval(t)},[]);let{onlineNodes:U,offlineNodes:G,nodePositions:K,flowLinks:V,activeAliases:J,groupKeys:q,groupBoxes:Z,gridContentBottom:Q}=(0,a.useMemo)(()=>{let r=e=>(e.network_id?t[`${e.network_id}:${e.alias}`]:void 0)??t[e.alias],a=(e,t)=>e.alias.localeCompare(t.alias),s=Date.now(),n=e.filter(e=>"offline"!==e.status||r(e)).sort(a),l=e.filter(e=>"offline"===e.status&&!r(e)&&!(e=>{if("offline"!==e.status||r(e)||!e.last_seen_at)return!1;let t=(0,h.parseHubTime)(e.last_seen_at);return null!==t&&s-t>36e5})(e)).sort(a),i={};if("grid"===O){let e=[...n,...l],t=M(e),a=Math.max(1,Math.ceil(Math.sqrt(e.length))),s=700/a,o=Math.round(26*Y),d=[];for(let r of e){let e=t[r.alias],a=d[d.length-1];a&&a.key===e?a.members.push(r):d.push({key:e,members:[r]})}let c=[],u=0,h=0;for(;h<d.length;)if(d[h].members.length>=2)c.push({members:d[h].members,startRow:u,centred:!1,isGroup:!0}),u+=Math.ceil(d[h].members.length/a),h++;else{let e=[];for(;h<d.length&&d[h].members.length<2;)e.push(d[h].members[0]),h++;c.push({members:e,startRow:u,centred:!0,isGroup:!1}),u+=Math.ceil(e.length/a)}let x=Math.max(1,u),p=o+20,m=Math.max(2*o+22,p+12,o+(Y<.8?12:14)+p+3,Math.min(100,526/x));for(let e of c)e.members.forEach((t,r)=>{let n=Math.floor(r/a),l=r%a,o=Math.min(a,e.members.length-n*a),d=e.centred?(a-o)*s/2:0;i[t.alias]={x:150+d+(l+.5)*s,y:126+(e.startRow+n+.5)*m}});let f=C(W,i),g=new Set;f.forEach(e=>{g.add(e.from),g.add(e.to)});let y=Math.max(8,Math.min(26,m-p-8)),b=c.filter(e=>e.isGroup).map(e=>{let a=e.members.map(e=>i[e.alias]).filter(Boolean),s=a.map(e=>e.x),n=a.map(e=>e.y),l=Math.min(...s),o=Math.min(...n),d=0,c=0,u=0;for(let t of e.members){let e="offline"!==t.status||!!r(t);"working"===t.status?d++:e?c++:u++}return{key:e.members.length?t[e.members[0].alias]:"",count:e.members.length,statuses:{working:d,idle:c,offline:u},x:l-y,y:o-p,w:Math.max(...s)-l+2*y,h:Math.max(...n)-o+p+y}});return{onlineNodes:n,offlineNodes:l,nodePositions:i,flowLinks:f,activeAliases:g,groupKeys:t,groupBoxes:b,gridContentBottom:126+x*m+8}}let o=n.length>14,d=!o&&n.length>8,c=n.length;if(o){let e=Math.ceil(n.length/3),t=n.slice(0,e),r=n.slice(e,2*e),a=n.slice(2*e);t.forEach((e,r)=>{i[e.alias]=b(r,Math.max(t.length,1),145)});let s=t.length<=2?Math.PI:1.78*Math.PI,l=t.length>1?s/(t.length-1):0;r.forEach((e,t)=>{i[e.alias]=b(t,Math.max(r.length,1),215,l/2)}),a.forEach((e,t)=>{i[e.alias]=b(t,Math.max(a.length,1),285)}),c=a.length}else if(d){let e=Math.ceil(n.length/2),t=n.length-e,r=n.slice(0,e),a=n.slice(e);r.forEach((t,r)=>{i[t.alias]=b(r,Math.max(e,1),175)});let s=e<=2?Math.PI:1.78*Math.PI,l=e>1?s/(e-1):0;a.forEach((e,r)=>{i[e.alias]=b(r,Math.max(t,1),260,l/2)}),c=t}else n.forEach((e,t)=>{i[e.alias]=b(t,Math.max(n.length,1),220)});let u=c<=2?Math.PI:1.78*Math.PI,x=c>1?u/(c-1):0,p=c>0?x/2:0,m=325+6*Math.max(0,l.length-4);l.forEach((e,t)=>{i[e.alias]=b(t,Math.max(l.length,1),m,p)});let f=C(W,i),g=new Set;f.forEach(e=>{g.add(e.from),g.add(e.to)});let y=M([...n,...l]);return{onlineNodes:n,offlineNodes:l,nodePositions:i,flowLinks:f,activeAliases:g,groupKeys:y,groupBoxes:[],gridContentBottom:0}},[W,e,t,O,Y]),ee=U.filter(e=>"working"===e.status).length,et=(0,a.useMemo)(()=>{let e=new Map;for(let t of[...U,...G]){let r=f(t.model),a="unknown"===r.id?"?":r.initial,s=e.get(a);s?s.count++:e.set(a,{initial:a,count:1,color:r.mono.text})}return[...e.values()].sort((e,t)=>t.count-e.count)},[U,G]),er=U.length+G.length>16,[ea,es]=(0,a.useState)(null),[en,el]=(0,a.useState)(null),ei=en??(ea?q[ea]??ea:null),[eo,ed]=(0,a.useState)(()=>{try{return sessionStorage.getItem("anet-topo-pinned-group")}catch{return null}}),ec=ei??eo;(0,a.useEffect)(()=>{try{eo?sessionStorage.setItem("anet-topo-pinned-group",eo):sessionStorage.removeItem("anet-topo-pinned-group")}catch{}},[eo]),(0,a.useEffect)(()=>{!eo||new Set(Object.values(q)).has(eo)||ed(null)},[eo,q]);let[eu,eh]=(0,a.useState)(null),[ex,ep]=(0,a.useState)(!1),[em,ef]=(0,a.useState)(null),[eg,ey]=(0,a.useState)(()=>{try{return sessionStorage.getItem("anet-topo-pinned-vendor")}catch{return null}}),eb=em??eg;(0,a.useEffect)(()=>{try{eg?sessionStorage.setItem("anet-topo-pinned-vendor",eg):sessionStorage.removeItem("anet-topo-pinned-vendor")}catch{}},[eg]),(0,a.useEffect)(()=>{eg&&!et.some(e=>e.initial===eg)&&ey(null)},[eg,et]);let[ev,ej]=(0,a.useState)(null),[ew,ek]=(0,a.useState)(()=>{try{let e=sessionStorage.getItem("anet-topo-pinned-status");return"working"===e||"idle"===e||"offline"===e?e:null}catch{return null}}),eN=ev??ew;(0,a.useEffect)(()=>{try{ew?sessionStorage.setItem("anet-topo-pinned-status",ew):sessionStorage.removeItem("anet-topo-pinned-status")}catch{}},[ew]),(0,a.useEffect)(()=>{let e=e=>{let t=e.detail||{};if("clear"===t.kind)ek(null),ed(null),ey(null);else if("clear-vendor"===t.kind)ey(null);else if("status"===t.kind){let e=t.value;("working"===e||"idle"===e||"offline"===e)&&ek(e)}else"group"===t.kind&&"string"==typeof t.value&&ed(t.value)};return window.addEventListener("anet:topo-pin",e),()=>window.removeEventListener("anet:topo-pin",e)},[]);let eS=(0,a.useMemo)(()=>{if(!eu)return null;let e=V.find(e=>e.key===eu);return e?new Set([e.from,e.to]):null},[eu,V]),e_=(0,a.useRef)(null),eM=(0,a.useRef)(null),[eC,eE]=(0,a.useState)({zoom:1,x:0,y:0}),e$=(0,a.useRef)(eC),ez=(0,a.useRef)({active:!1,startX:0,startY:0,baseX:0,baseY:0}),[eP,eL]=(0,a.useState)(!1),[eT,eA]=(0,a.useState)(null),[eI,eR]=(0,a.useState)(null);(0,a.useEffect)(()=>{s&&s.from===eT&&eA(s.to)},[s]),(0,a.useEffect)(()=>{e$.current=eC},[eC]),(0,a.useEffect)(()=>{try{let e=localStorage.getItem("anet-topo-view");if(e){let t=JSON.parse(e);"number"==typeof t?.zoom&&eE({zoom:Math.min(4,Math.max(.5,t.zoom)),x:"number"==typeof t.x?t.x:0,y:"number"==typeof t.y?t.y:0})}}catch{}},[]);let[eF]=(0,a.useState)(()=>!!localStorage.getItem("anet-topo-view")),eW=(0,a.useRef)(!1);(0,a.useEffect)(()=>{if(!eW.current){if(eF){eW.current=!0;return}if("grid"===O&&0!==e.length&&Q){if(Q<=680){eW.current=!0;return}eE({zoom:Math.max(.5,Math.min(1,680/Q)),x:0,y:0}),eW.current=!0}}},[O,e.length,Q,eF]),(0,a.useEffect)(()=>{try{localStorage.setItem("anet-topo-view",JSON.stringify(eC))}catch{}},[eC]),(0,a.useEffect)(()=>{let e=()=>eL(document.fullscreenElement===e_.current);return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)},[]),(0,a.useEffect)(()=>{let e=eM.current;if(!e)return;let t=t=>{if(!eP&&!t.ctrlKey&&!t.metaKey)return;t.preventDefault();let r=e.getBoundingClientRect(),a=(t.clientX-r.left)/r.width*1e3,s=(t.clientY-r.top)/r.height*680;eE(e=>{let r=Math.min(1.08,Math.max(.926,Math.exp(-(6e-4*t.deltaY)))),n=Math.min(4,Math.max(.5,e.zoom*r)),l=n/e.zoom;return{zoom:n,x:a-(a-e.x)*l,y:s-(s-e.y)*l}})};return e.addEventListener("wheel",t,{passive:!1}),()=>e.removeEventListener("wheel",t)},[eP]);let[eB,eO]=(0,a.useState)(!1),eD=e=>{if(ez.current.active){ez.current.active=!1,eO(!1);try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch{}}},eH=e=>{eE(t=>{let r=Math.min(4,Math.max(.5,t.zoom*e)),a=r/t.zoom;return{zoom:r,x:500-(500-t.x)*a,y:340-(340-t.y)*a}})},eY=()=>eE({zoom:1,x:0,y:0}),eX=(0,a.useCallback)(()=>{eE({zoom:!Q||Q<=680?1:Math.max(.5,Math.min(1,680/Q)),x:0,y:0})},[Q]);return(0,a.useEffect)(()=>{let e=e=>{"toggle"===(e.detail||{}).kind&&H()},t=e=>{"fit"===(e.detail||{}).kind&&eX()};return window.addEventListener("anet:topo-layout",e),window.addEventListener("anet:topo-view",t),()=>{window.removeEventListener("anet:topo-layout",e),window.removeEventListener("anet:topo-view",t)}},[eX]),(0,a.useEffect)(()=>{let e=e=>{if(e.ctrlKey||e.metaKey||e.altKey)return;let t=document.activeElement;if(t){let e=t.tagName;if("INPUT"===e||"TEXTAREA"===e||"SELECT"===e||t.isContentEditable)return}"+"===e.key||"="===e.key?(eH(1.2),e.preventDefault()):"-"===e.key||"_"===e.key?(eH(1/1.2),e.preventDefault()):"0"===e.key?(eY(),e.preventDefault()):"f"===e.key||"F"===e.key?(eX(),e.preventDefault()):"l"===e.key||"L"===e.key?(H(),e.preventDefault()):"Escape"===e.key&&!eT&&(ew||eo||eg)&&(ew&&ek(null),eo&&ed(null),eg&&ey(null),e.preventDefault())};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[eX,eT,ew,eo,eg]),(0,r.jsxs)("section",{className:"w-full max-w-6xl mx-auto mb-8",children:[(0,r.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between mb-3 px-1",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-xs uppercase text-gray-600 tracking-wider",children:"Network Topology"}),(0,r.jsx)("h2",{className:"text-lg text-white font-semibold",children:"Command mesh"})]}),(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-2 text-xs",children:[(0,r.jsxs)("div",{className:"inline-flex rounded-md border border-gray-500/25 overflow-hidden",role:"group","aria-label":"Topology layout",children:[(0,r.jsx)("button",{onClick:()=>{"ring"!==O&&H()},"aria-pressed":"ring"===O,title:"Ring layout (l to toggle)",className:`px-2.5 py-1 transition-colors ${"ring"===O?"bg-cyan-500/15 text-cyan-300":"text-gray-500 hover:text-gray-400"}`,children:"Ring"}),(0,r.jsx)("button",{onClick:()=>{"grid"!==O&&H()},"aria-pressed":"grid"===O,title:"Grid layout (l to toggle)",className:`px-2.5 py-1 border-l border-gray-500/25 transition-colors ${"grid"===O?"bg-cyan-500/15 text-cyan-300":"text-gray-500 hover:text-gray-400"}`,children:"Grid"})]}),(0,r.jsxs)("span",{className:"px-2.5 py-1 rounded-md bg-green-500/10 text-green-300 border border-green-500/20","data-working-chip":!0,"data-pin-mirror":"working"===ew?"true":"false",title:ee>0?"working"===ew?"Pinned — Esc to clear":"Hover to highlight working nodes":void 0,style:{cursor:ee>0?"pointer":void 0,boxShadow:"working"===ew?"inset 0 0 0 1px #4ade80, inset 0 0 0 2px rgba(255,255,255,0.45)":void 0},onMouseEnter:()=>{ee>0&&ej("working")},onMouseLeave:()=>ej(e=>"working"===e?null:e),children:[ee," working"]}),(0,r.jsxs)("span",{className:"px-2.5 py-1 rounded-md bg-cyan-500/10 text-cyan-300 border border-cyan-500/20","data-online-chip":!0,"data-pin-mirror":"idle"===ew?"true":"false",title:U.length>0?"idle"===ew?"Pinned — Esc to clear":"Hover to highlight online nodes":void 0,style:{cursor:U.length>0?"pointer":void 0,boxShadow:"idle"===ew?"inset 0 0 0 1px #67e8f9, inset 0 0 0 2px rgba(255,255,255,0.45)":void 0},onMouseEnter:()=>{let e=U.length-ee;ee>0?ej("working"):e>0&&ej("idle")},onMouseLeave:()=>ej(e=>"working"===e||"idle"===e?null:e),children:[U.length," online"]}),(()=>{let e=U.length-ee,t=G.length,a=ee+e+t;if(0===a)return null;let s=(e,t,s,n)=>{if(0===e)return null;let l=ew===s;return(0,r.jsx)("span",{"data-pressure-seg":s,role:"button",tabIndex:0,"aria-pressed":l,title:`${e} ${n} — click to ${l?"release filter":"highlight"}`,style:{width:`${e/a*100}%`,background:t,height:"100%",cursor:"pointer",boxShadow:l?`inset 0 0 0 1px ${t}, inset 0 0 0 2px rgba(255,255,255,0.6)`:void 0},onClick:e=>{e.stopPropagation(),ek(e=>e===s?null:s)},onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),ek(e=>e===s?null:s))},onMouseEnter:()=>ej(s),onMouseLeave:()=>ej(e=>e===s?null:e)},s)};return(0,r.jsxs)("span",{className:"hidden sm:inline-flex items-center gap-2 px-2.5 py-1 rounded-md bg-gray-500/10 text-gray-400 border border-gray-500/20 font-mono",title:`${ee} working \xb7 ${e} idle \xb7 ${t} offline`,"data-fleet-pressure":!0,children:[(0,r.jsx)("span",{className:"text-[10px] tracking-wide",children:"pressure"}),(0,r.jsxs)("span",{className:"inline-flex h-1.5 w-16 rounded-full overflow-hidden",style:{background:"rgb(75 85 99 / 0.25)"},children:[s(ee,A?"#059669":"#22c55e","working","working"),s(e,A?"#0d9488":"#2dd4bf","idle","idle"),s(t,A?"#94a3b8":"#6b7280","offline","offline")]})]})})(),ew&&(n="working"===ew?ee:"idle"===ew?U.length-ee:G.length,(0,r.jsxs)("span",{"data-active-filter":"status","data-filter-match-count":n,className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono text-xs border anet-fade-in",title:"Click to clear filter",onClick:()=>ek(null),style:{background:"working"===ew?A?"#05966914":"#22c55e1f":"idle"===ew?A?"#0d948814":"#2dd4bf1f":A?"#94a3b814":"#6b72801f",color:"working"===ew?A?"#047857":"#86efac":"idle"===ew?A?"#0f766e":"#5eead4":A?"#475569":"#9ca3af",borderColor:"currentColor",cursor:"pointer"},children:[(0,r.jsxs)("span",{children:[(0,r.jsx)("span",{className:"hidden sm:inline","data-filter-prefix":!0,children:"filter: "}),ew,(0,r.jsxs)("span",{className:"opacity-70",children:[" · ",n]})]}),(0,r.jsx)("button",{type:"button","aria-label":`Clear ${ew} filter`,onClick:e=>{e.stopPropagation(),ek(null)},className:"ml-0.5 leading-none hover:opacity-70",style:{background:"transparent",color:"inherit",cursor:"pointer",padding:0},children:"×"})]})),eo&&(l=Object.values(q).filter(e=>e===eo).length,(0,r.jsxs)("span",{"data-active-filter":"group","data-filter-match-count":l,className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono text-xs border anet-fade-in",title:"Click to clear filter",onClick:()=>ed(null),style:{background:A?"#67e8f914":"#67e8f91f",color:R.legendAccent,borderColor:"currentColor",cursor:"pointer"},children:[(0,r.jsxs)("span",{children:[(0,r.jsx)("span",{className:"hidden sm:inline","data-filter-prefix":!0,children:"filter: "}),eo,(0,r.jsxs)("span",{className:"opacity-70",children:[" · ",l]})]}),(0,r.jsx)("button",{type:"button","aria-label":`Clear group filter ${eo}`,onClick:e=>{e.stopPropagation(),ed(null)},className:"ml-0.5 leading-none hover:opacity-70",style:{background:"transparent",color:"inherit",cursor:"pointer",padding:0},children:"×"})]})),eg&&(i=et.find(e=>e.initial===eg),o=i?.count??0,c=i?.color??R.legendText,(0,r.jsxs)("span",{"data-active-filter":"vendor","data-filter-match-count":o,className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono text-xs border anet-fade-in",title:"Click to clear vendor filter",onClick:()=>ey(null),style:{background:`${c}1f`,color:c,borderColor:"currentColor",cursor:"pointer"},children:[(0,r.jsxs)("span",{children:[(0,r.jsx)("span",{className:"hidden sm:inline","data-filter-prefix":!0,children:"filter: "}),eg,(0,r.jsxs)("span",{className:"opacity-70",children:[" · ",o]})]}),(0,r.jsx)("button",{type:"button","aria-label":`Clear vendor filter ${eg}`,onClick:e=>{e.stopPropagation(),ey(null)},className:"ml-0.5 leading-none hover:opacity-70",style:{background:"transparent",color:"inherit",cursor:"pointer",padding:0},children:"×"})]})),et.length>1&&(0,r.jsx)("span",{className:"hidden sm:inline-flex items-center gap-2 px-2.5 py-1 rounded-md bg-gray-500/10 text-gray-400 border border-gray-500/20 font-mono",title:"Hover to highlight; click to pin",children:et.map(e=>{let t=eg===e.initial;return(0,r.jsxs)("span",{role:"button",tabIndex:0,"aria-pressed":t,className:"inline-flex items-baseline gap-0.5 px-1 rounded","data-vendor-letter":e.initial,"data-vendor-pinned":t?"true":"false",title:t?`Vendor "${e.initial}" pinned — click again or Esc to clear`:`Hover to highlight "${e.initial}"; click to pin`,style:{cursor:"pointer",boxShadow:t?`inset 0 0 0 1px ${e.color}, inset 0 0 0 2px rgba(255,255,255,0.45)`:void 0},onMouseEnter:()=>ef(e.initial),onMouseLeave:()=>ef(t=>t===e.initial?null:t),onClick:()=>ey(t=>t===e.initial?null:e.initial),onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),ey(t=>t===e.initial?null:e.initial))},children:[(0,r.jsx)("span",{style:{color:e.color},children:e.initial}),(0,r.jsxs)("span",{className:"text-gray-500",children:[":",e.count]})]},e.initial)})}),(p=null!==(u=V.reduce((e,t)=>{if(!t.last_at)return e;let r=(0,h.parseHubTime)(t.last_at);return null===r?e:null===e||r>e?r:e},null))?(0,h.relativeAgo)(new Date(u).toISOString()):null,(0,r.jsxs)("span",{className:"hidden sm:inline px-2.5 py-1 rounded-md bg-gray-500/10 text-gray-400 border border-gray-500/20","data-active-links-chip":!0,title:V.length>0?"Hover to brighten all active flows":void 0,style:{cursor:V.length>0?"pointer":void 0},onMouseEnter:()=>{V.length>0&&ep(!0)},onMouseLeave:()=>ep(!1),children:[V.length," active link",1===V.length?"":"s",p?(0,r.jsxs)("span",{className:"text-gray-500",children:[" · last ",p]}):null]})),(0,r.jsx)(w,{sessions:e})]})]}),(0,r.jsxs)("div",{ref:e_,className:`relative overflow-hidden rounded-lg border shadow-2xl ${A?"shadow-zinc-900/5":"shadow-cyan-950/30"} ${eP?"flex items-center justify-center":""}`,style:{background:R.containerBg,borderColor:R.containerBorder},children:[(0,r.jsx)("div",{className:`absolute inset-x-0 top-0 h-px bg-gradient-to-r ${R.topRailGradient}`}),(0,r.jsxs)("svg",{ref:eM,viewBox:"0 0 1000 680",className:"w-full h-auto block",preserveAspectRatio:"xMidYMid meet",onPointerDown:e=>{0===e.button&&(e.currentTarget.setPointerCapture?.(e.pointerId),ez.current={active:!0,startX:e.clientX,startY:e.clientY,baseX:e$.current.x,baseY:e$.current.y},eO(!0))},onPointerMove:e=>{let t=ez.current;if(!t.active)return;let r=eM.current;if(!r)return;let a=r.getBoundingClientRect(),s=(e.clientX-t.startX)/a.width*1e3,n=(e.clientY-t.startY)/a.height*680;eE(e=>({...e,x:t.baseX+s,y:t.baseY+n}))},onPointerUp:eD,onPointerLeave:eD,onDoubleClick:e=>{let t=e.target;t?.closest("g[data-node]")||eY()},style:{cursor:eB?"grabbing":"grab",touchAction:"none"},children:[(0,r.jsxs)("defs",{children:[(0,r.jsxs)("linearGradient",{id:"topo-panel",x1:"0",x2:"1",y1:"0",y2:"1",children:[(0,r.jsx)("stop",{offset:"0%",stopColor:R.panelStops[0]}),(0,r.jsx)("stop",{offset:"48%",stopColor:R.panelStops[1]}),(0,r.jsx)("stop",{offset:"100%",stopColor:R.panelStops[2]})]}),(0,r.jsxs)("radialGradient",{id:"topo-radar",cx:"50%",cy:"50%",r:"55%",children:[(0,r.jsx)("stop",{offset:"0%",stopColor:R.radarStops[0].color,stopOpacity:R.radarStops[0].opacity}),(0,r.jsx)("stop",{offset:"45%",stopColor:R.radarStops[1].color,stopOpacity:R.radarStops[1].opacity}),(0,r.jsx)("stop",{offset:"100%",stopColor:R.radarStops[2].color,stopOpacity:R.radarStops[2].opacity})]}),!A&&(0,r.jsxs)("filter",{id:"topo-glow",children:[(0,r.jsx)("feGaussianBlur",{stdDeviation:"4",result:"blur"}),(0,r.jsxs)("feMerge",{children:[(0,r.jsx)("feMergeNode",{in:"blur"}),(0,r.jsx)("feMergeNode",{in:"SourceGraphic"})]})]}),[{id:"topo-arrow-s",size:12},{id:"topo-arrow",size:16},{id:"topo-arrow-l",size:22}].map(e=>(0,r.jsx)("marker",{id:e.id,viewBox:"0 0 10 10",refX:"8",refY:"5",markerWidth:e.size,markerHeight:e.size,markerUnits:"userSpaceOnUse",orient:"auto-start-reverse",children:(0,r.jsx)("path",{d:"M 0 0 L 10 5 L 0 10 z",fill:R.arrowFill})},e.id)),(0,r.jsxs)("radialGradient",{id:"topo-sweep",cx:"0%",cy:"50%",r:"100%",children:[(0,r.jsx)("stop",{offset:"0%",stopColor:A?"#0d9488":"#22d3ee",stopOpacity:A?.18:.32}),(0,r.jsx)("stop",{offset:"70%",stopColor:A?"#0d9488":"#22d3ee",stopOpacity:A?.1:.18}),(0,r.jsx)("stop",{offset:"100%",stopColor:A?"#0d9488":"#22d3ee",stopOpacity:"0"})]})]}),(0,r.jsx)("rect",{width:"1000",height:"680",fill:"url(#topo-panel)"}),(0,r.jsxs)("g",{transform:`translate(${eC.x} ${eC.y}) scale(${eC.zoom})`,children:["ring"===O&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("circle",{cx:500,cy:330,r:"330",fill:"url(#topo-radar)",style:{pointerEvents:"none"}}),!A&&(0,r.jsx)("g",{opacity:"0.5",style:{pointerEvents:"none"},children:Array.from({length:28}).map((e,t)=>{let a=9301*t+49297;return(0,r.jsx)("circle",{cx:13*a%1e3,cy:7*a%680,r:t%3==0?1.2:.7,fill:"#a5b4fc",opacity:.35+t%4*.05},t)})}),(0,r.jsx)("g",{style:{transformOrigin:"500px 330px",transformBox:"view-box",pointerEvents:"none"},className:"anet-topo-sweep",opacity:A?.7:1,children:(0,r.jsx)("path",{d:`M 500 330 L 830 330 A 330 330 0 0 0 ${500+330*Math.cos(-Math.PI/4.5)} ${330+330*Math.sin(-Math.PI/4.5)} Z`,fill:"url(#topo-sweep)"})}),[90,170,250,330].map(e=>(0,r.jsx)("circle",{cx:500,cy:330,r:e,fill:"none",stroke:R.ringStroke,strokeWidth:"1",opacity:A?.6:.35},e)),(U.length>14?[145,215,285]:U.length>8?[175,260]:U.length>0?[220]:[]).map(e=>{let t=U.reduce((t,r)=>{let a=K[r.alias];return a&&15>Math.abs(Math.hypot(a.x-500,a.y-330)-e)?t+1:t},0);if(0===t)return null;let a=t<=2?0:t<=6?1:2,s=[.24,.36,.5][a],n=[.32,.46,.62][a];return(0,r.jsx)("circle",{cx:500,cy:330,r:e,fill:"none",stroke:R.ringStroke,strokeWidth:"0.7",strokeDasharray:"2 8",opacity:A?s:n,style:{pointerEvents:"none"},"data-tier-ring":e,"data-tier-occupancy":t,"data-tier-bucket":a},`tier-${e}`)}),!A&&[0,.25,.5,.75].map((e,t)=>(0,r.jsx)("g",{children:(0,r.jsx)("circle",{cx:830,cy:330,r:0===t?2.8:2.2,fill:"#22d3ee",opacity:.9,filter:"url(#topo-glow)",children:(0,r.jsx)("animateTransform",{attributeName:"transform",type:"rotate",from:`${360*e} 500 330`,to:`${360*e+360} 500 330`,dur:"16s",repeatCount:"indefinite"})})},`orbit-${t}`)),[0,30,60,90,120,150].map(e=>(0,r.jsx)("line",{x1:500-360*Math.cos(e*Math.PI/180),y1:330-360*Math.sin(e*Math.PI/180),x2:500+360*Math.cos(e*Math.PI/180),y2:330+360*Math.sin(e*Math.PI/180),stroke:R.ringStroke,strokeWidth:"1",opacity:A?.35:.18},e))]}),"ring"===O&&U.map((e,t)=>{let a=K[e.alias];if(!a)return null;let s=v({x:500,y:330},a,0),n=J.has(e.alias);return(0,r.jsx)("path",{d:s,fill:"none",stroke:n?R.spokeStroke.active:R.spokeStroke.idle,strokeWidth:n?2:1,strokeDasharray:n?"none":"6 14",opacity:n?.7:.45,className:n?void 0:"anet-topo-spoke-flow",style:n?void 0:{animationDelay:`${-(.25*t)}s`}},`hub-${e.alias}`)}),Z.map(e=>{let t=ec===e.key,a=eo===e.key;return(0,r.jsxs)("g",{"data-group":e.key,className:"transition-opacity",style:{opacity:!ec||t?1:.28},children:[(0,r.jsx)("rect",{x:e.x,y:e.y,width:e.w,height:e.h,rx:"14",fill:A?"#0f172a":"#a5b4fc",fillOpacity:a?A?.08:.13:t?A?.05:.09:A?.025:.045,stroke:a||t?R.legendAccent:R.ringStroke,strokeWidth:a?3:t?2:1.5,strokeDasharray:a||t?"none":"6 6","data-group-box-pinned":a?"true":"false","data-group-box-live":a||t||!(e.statuses.working>0)?"false":"true",className:a||t||!(e.statuses.working>0)?void 0:"anet-topo-groupbox-live",style:{transition:"stroke 200ms ease-out, stroke-width 200ms ease-out, fill-opacity 200ms ease-out",pointerEvents:"none"}}),(0,r.jsxs)("g",{role:"button",tabIndex:0,"aria-pressed":eo===e.key,"data-group-label-hit":e.key,style:{pointerEvents:"all",cursor:"pointer"},onPointerDown:e=>e.stopPropagation(),onClick:()=>ed(t=>t===e.key?null:e.key),onPointerEnter:()=>el(e.key),onPointerLeave:()=>el(t=>t===e.key?null:t),children:[(0,r.jsx)("rect",{x:e.x+6,y:e.y+2,width:Math.min(e.w-12,240),height:20,fill:"transparent"}),(0,r.jsxs)("text",{x:e.x+12,y:e.y+14,fill:t?R.legendHeadline:R.legendText,fontSize:"13",fontFamily:"monospace",fontWeight:"700",style:{transition:"fill 200ms ease-out"},"data-group-label":e.key,children:[e.key,(0,r.jsxs)("tspan",{dx:"6",fill:R.legendText,fontSize:"11",fontWeight:"400",children:["· ",e.count]}),e.statuses.working>0&&(0,r.jsxs)("tspan",{dx:"8",fill:A?"#059669":"#22c55e",fontSize:"11",fontWeight:"600",children:[e.statuses.working,"w"]}),e.statuses.idle>0&&(0,r.jsxs)("tspan",{dx:"4",fill:A?"#0d9488":"#2dd4bf",fontSize:"11",fontWeight:"600",children:[e.statuses.idle,"i"]}),e.statuses.offline>0&&(0,r.jsxs)("tspan",{dx:"4",fill:A?"#94a3b8":"#6b7280",fontSize:"11",fontWeight:"600",children:[e.statuses.offline,"o"]})]})]})]},`grp-${e.key}`)}),V.map((e,t)=>{let a=K[e.from],s=K[e.to];if(!a||!s)return null;let n=(t%2==0?1:-1)*Math.min(36,.18*Math.hypot(s.x-a.x,s.y-a.y)),l=v(a,s,n),i=Math.min(2+e.count,7),o=Math.max(.9,2.6/Math.sqrt(e.count)),d=Math.max(.35,1-(e.last_at?Math.max(0,Date.now()-Date.parse(e.last_at)):0)/3e5),c=e.count<=2?"topo-arrow-s":e.count<=4?"topo-arrow":"topo-arrow-l",u=(0,h.relativeAgo)(e.last_at),x=`${e.from} → ${e.to}
+${e.count} message${1===e.count?"":"s"}${u?` \xb7 last ${u}`:""}`,p=eu===e.key,m=q[e.from]??e.from,f=q[e.to]??e.to,g=p?2:eu?.35:ea||ec?e.from===ea||e.to===ea?1.7:ec&&m===ec&&f===ec?1.3:.35:ex?1.5:1,y=p?Math.min(1.4*i,10):i;return(0,r.jsxs)("g",{children:[(0,r.jsx)("path",{d:l,fill:"none",stroke:"transparent",strokeWidth:Math.max(i+10,16),style:{pointerEvents:"stroke"},"data-edge-hitbox":!0,onMouseEnter:()=>eh(e.key),onMouseLeave:()=>eh(t=>t===e.key?null:t),children:(0,r.jsx)("title",{children:x})}),(0,r.jsx)("path",{d:l,fill:"none",stroke:R.flowEdge,strokeWidth:y,opacity:Math.min(1,(A?.22:.28)*d*g),filter:A?void 0:"url(#topo-glow)",markerEnd:`url(#${c})`,className:"transition-opacity duration-300",style:{pointerEvents:"none"}}),(0,r.jsx)("path",{id:`flow-path-${t}`,d:l,fill:"none",stroke:R.flowPath,strokeWidth:"1",strokeDasharray:"2 12",opacity:Math.min(1,(A?.4:.75)*d*g),className:"transition-opacity duration-300"}),!I&&(0,r.jsx)("circle",{r:"4",fill:R.flowParticle,filter:A?void 0:"url(#topo-glow)",opacity:Math.min(1,d*g),children:(0,r.jsx)("animateMotion",{dur:`${o}s`,repeatCount:"indefinite",path:l})}),!I&&d>.5&&(0,r.jsxs)("circle",{cx:s.x,cy:s.y,r:"0",fill:"none",stroke:R.flowEdge,strokeWidth:"1.5",opacity:"0",style:{pointerEvents:"none"},"data-arrival-ping":e.key,children:[(0,r.jsx)("animate",{attributeName:"r",values:"0;14;22",dur:`${o}s`,begin:`-${(.92*o).toFixed(2)}s`,repeatCount:"indefinite"}),(0,r.jsx)("animate",{attributeName:"opacity",values:"0;0.55;0",dur:`${o}s`,begin:`-${(.92*o).toFixed(2)}s`,repeatCount:"indefinite"})]}),!I&&d>.5&&e.count>=3&&(0,r.jsxs)("circle",{cx:a.x,cy:a.y,r:"0",fill:"none",stroke:R.flowEdge,strokeWidth:"1.5",opacity:"0",style:{pointerEvents:"none"},"data-dispatch-pulse":e.key,children:[(0,r.jsx)("animate",{attributeName:"r",values:"0;12;18",dur:`${o}s`,begin:"0s",repeatCount:"indefinite"}),(0,r.jsx)("animate",{attributeName:"opacity",values:"0;0.45;0",dur:`${o}s`,begin:"0s",repeatCount:"indefinite"})]})]},e.key)}),"ring"===O&&(0,r.jsxs)("g",{"data-topo-hub":!0,style:{cursor:"pointer"},onPointerDown:e=>e.stopPropagation(),onClick:()=>{eX(),eR({ts:Date.now(),x:500,y:330,r0:18,color:A?"#059669":"#10b981"}),setTimeout(()=>eR(e=>e&&500===e.x&&330===e.y?null:e),600)},children:[(0,r.jsx)("title",{children:(m=e.length,g=["Network hub",`${m} session${1===m?"":"s"}`],U.length>0&&g.push(`${U.length} online`),ee>0&&g.push(`${ee} working`),V.length>0&&g.push(`${V.length} active link${1===V.length?"":"s"}`),g.join(" · ")+"\nclick to fit view")}),($=[.52,.58,.65,.72][_=0===ee?0:ee<=2?1:ee<=5?2:3],z=[.16,.2,.26,.32][_],P=[4,3.2,2.7,2.4][_],L=`0.32;${$};0.32`,T=`0.08;${z};0.08`,(0,r.jsx)("circle",{cx:500,cy:330,r:"18",fill:A?"#d1fae5":"#10b981",opacity:A?.42:.12,"data-hub-busyness":_,children:!I&&(0,r.jsx)("animate",{attributeName:"opacity",values:A?L:T,dur:`${P}s`,repeatCount:"indefinite"})})),(0,r.jsx)("circle",{cx:500,cy:330,r:"10",fill:A?"#059669":"#10b981"}),(0,r.jsx)("circle",{cx:500,cy:330,r:"5",fill:"#d1fae5",opacity:"0.9"})]}),[...U,...G].map((e,a)=>{var s,n;let l,i,o,c,u,x,p,m,g,b=K[e.alias];if(!b)return null;let v=(e.network_id?t[`${e.network_id}:${e.alias}`]:void 0)??t[e.alias],w="offline"!==e.status||!!v,N=k(e,w,A),S=J.has(e.alias),_=Math.round((w?26:18)*Y),M=!er||ea===e.alias||eC.zoom>=1.4,C=!ec||(q[e.alias]??e.alias)===ec,E=0;if("ring"===O){let t=K[e.alias];if(t){let e=Math.hypot(t.x-500,t.y-330);E=e<195?0:e<270?1:e<310?2:3}}return(0,r.jsxs)("g",{"data-node":e.alias,"data-tier-idx":"ring"===O?E:-1,className:"group transition-opacity anet-fade-in",style:{cursor:"pointer",opacity:eS&&!eS.has(e.alias)&&eT!==e.alias||eb&&eT!==e.alias&&("unknown"===(l=f(e.model)).id?"?":l.initial)!==eb||eN&&eT!==e.alias&&!("working"===eN?"working"===e.status:"idle"===eN?w&&"working"!==e.status:!w)?.28:C?eT===e.alias||w?1:.6:.32,animationDelay:"ring"===O?`${180*E+a%6*25}ms`:`${25*Math.min(a,24)}ms`,transform:I||ea!==e.alias?void 0:"translateY(-2px)",transition:"transform 180ms cubic-bezier(0.4,0,0.2,1)"},onPointerDown:e=>e.stopPropagation(),onPointerEnter:()=>es(e.alias),onPointerLeave:()=>es(t=>t===e.alias?null:t),onClick:()=>{eA(e.alias),eR({ts:Date.now(),x:b.x,y:b.y,r0:_,color:N.primary}),setTimeout(()=>eR(e=>e&&Date.now()-e.ts>=590?null:e),600)},children:[(i=!w&&e.last_seen_at?(0,h.relativeAgo)(e.last_seen_at):null,(0,r.jsx)("title",{children:[(s=e.model,n=e.runtime,o=f(s),c=y(n),u=[],"unknown"!==o.id&&u.push(o.label),s&&u.push(s),c&&u.push(c.label),u.join(" · ")||e.alias),e.project_dir?`cwd: ${e.project_dir}`:null,i?`last seen: ${i}`:null].filter(Boolean).join("\n")})),(0,r.jsx)("circle",{cx:b.x,cy:b.y,r:_+12,fill:"none",stroke:N.primary,strokeWidth:"2",className:"opacity-0 group-hover:opacity-70 transition-opacity duration-150",style:{pointerEvents:"none"}}),eT===e.alias&&(0,r.jsx)("circle",{cx:b.x,cy:b.y,r:_+14,fill:"none",stroke:N.primary,strokeWidth:"2.5",opacity:A?.85:.95,filter:A?void 0:"url(#topo-glow)",className:"transition-opacity duration-200",style:{pointerEvents:"none"}}),S&&!I&&(0,r.jsxs)("circle",{cx:b.x,cy:b.y,r:_+14,fill:N.primary,opacity:A?.08:.12,children:[(0,r.jsx)("animate",{attributeName:"r",values:`${_+8};${_+22};${_+8}`,dur:"2.4s",repeatCount:"indefinite"}),(0,r.jsx)("animate",{attributeName:"opacity",values:A?"0.12;0.02;0.12":"0.18;0.04;0.18",dur:"2.4s",repeatCount:"indefinite"})]}),(0,r.jsx)("circle",{cx:b.x,cy:b.y,r:_+8,fill:N.halo,opacity:w?A?.85:.65:A?.4:.25,className:"transition-[fill,opacity] duration-300 ease-out"}),(0,r.jsx)("circle",{cx:b.x,cy:b.y,r:_,fill:w?R.nodeFill.online:R.nodeFill.offline,stroke:N.primary,strokeWidth:w?3:1.5,strokeDasharray:w?"none":"5 5",filter:w&&!A?"url(#topo-glow)":void 0,className:"transition-[fill,stroke] duration-300 ease-out"}),(()=>{let t=Math.round((w?14:10)*Y),a=2*_,s=f(e.model),n=/书生|书小生|intern/i.test(e.alias);if(F||n||s.logo)return(0,r.jsx)("image",{href:s.logo??"/intern_avatar.png",x:b.x-a/2,y:b.y-a/2,width:a,height:a,preserveAspectRatio:"xMidYMid meet"});if("unknown"!==s.id)return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("circle",{cx:b.x,cy:b.y,r:t,fill:s.mono.bg,stroke:s.mono.ring,strokeWidth:"1"}),(0,r.jsx)("text",{x:b.x,y:b.y,dy:"0.34em",textAnchor:"middle",fill:s.mono.text,fontSize:t,fontFamily:"monospace",fontWeight:"700",children:s.initial})]});let l=(0,d.aliasAvatarColors)(q[e.alias]||e.alias);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("circle",{cx:b.x,cy:b.y,r:t,fill:l.bg,stroke:l.ring,strokeWidth:"1"}),(0,r.jsx)("text",{x:b.x,y:b.y,dy:"0.34em",textAnchor:"middle",fill:l.text,fontSize:t,fontFamily:"monospace",fontWeight:"700",children:(0,d.aliasInitial)(e.alias)})]})})(),(()=>{let t=y(e.runtime);if(!t)return null;let a=w?7:5.5,s=b.x+.72*_,n=b.y+.72*_,l=2*a*.62;return(0,r.jsxs)("g",{style:{pointerEvents:"none"},children:[(0,r.jsx)("circle",{cx:s,cy:n,r:a,fill:R.containerBg,stroke:t.color,strokeWidth:"1.5"}),(0,r.jsx)("g",{transform:`translate(${s-l/2} ${n-l/2}) scale(${l/24})`,children:(0,r.jsx)("path",{d:t.iconPath,fill:"none",stroke:t.color,strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})})]})})(),"working"===e.status&&(p=(x=v??0)>=4?"0.7s":x>=2?"0.9s":"1.2s",(0,r.jsx)("circle",{cx:b.x,cy:b.y-(_-6),r:"2.5",fill:R.flowParticle,"data-pulse-dur":p,opacity:I?.6:void 0,children:!I&&(0,r.jsx)("animate",{attributeName:"opacity",values:"1;0.25;1",dur:p,repeatCount:"indefinite"})})),(g=(m=Y<.8)?88:100,M?(0,r.jsxs)("g",{transform:`translate(${b.x}, ${b.y+_+(m?18:22)})`,style:{pointerEvents:"none"},className:"transition-transform duration-200 group-hover:-translate-y-[1.5px]",children:[(0,r.jsx)("rect",{x:-g/2,y:m?-12:-14,width:g,height:m?36:42,rx:"6",fill:R.labelBox.fill,stroke:R.labelBox.stroke,opacity:A?1:.94}),(0,r.jsx)("text",{x:"0",y:"1",textAnchor:"middle",fill:N.text,fontSize:m?11:12,fontFamily:"monospace",fontWeight:"700",children:j(e.alias,m?11:12)}),(0,r.jsxs)("text",{x:"0",y:m?15:17,textAnchor:"middle",fill:N.primary,fontSize:m?8:9,fontFamily:"monospace",children:[N.label,w&&null!=v?` sse:${v}`:""]})]}):(0,r.jsx)("text",{x:b.x,y:b.y+_+(m?12:14),textAnchor:"middle",fill:N.text,fontSize:m?9:10,fontFamily:"monospace",fontWeight:"700",opacity:.9,className:"transition-transform duration-200 group-hover:-translate-y-[1.5px]",style:{pointerEvents:"none",paintOrder:"stroke"},stroke:R.containerBg,strokeWidth:"3",children:j(e.alias,m?9:10)}))]},e.alias)}),eI&&!I&&(0,r.jsxs)("circle",{cx:eI.x,cy:eI.y,r:eI.r0+4,fill:"none",stroke:eI.color,strokeWidth:"2",opacity:"0",style:{pointerEvents:"none"},children:[(0,r.jsx)("animate",{attributeName:"r",values:`${eI.r0+4};${eI.r0+30}`,dur:"0.5s",fill:"freeze"}),(0,r.jsx)("animate",{attributeName:"opacity",values:"0.7;0",dur:"0.5s",fill:"freeze"})]},eI.ts)]}),(0,r.jsxs)("g",{transform:"translate(16, 16)",children:[(0,r.jsx)("rect",{x:"0",y:"0",width:"230",height:"84",rx:"10",fill:R.legendBox.fill,stroke:R.legendBox.stroke,opacity:A?.97:.92,style:{filter:A?"drop-shadow(0 2px 6px rgba(15,23,42,0.08))":"drop-shadow(0 2px 6px rgba(0,0,0,0.45))"},"data-topo-panel-elevation":"recent"}),(0,r.jsx)("text",{x:"13",y:"21",fill:R.legendHeadline,fontSize:"12",fontFamily:"monospace",fontWeight:"700",children:"recent signal"}),(0,r.jsxs)("text",{x:"150",y:"21",fill:R.legendAccent,fontSize:"10",fontFamily:"monospace",children:[W.length," msgs"]}),0===V.length?(0,r.jsx)("text",{x:"115",y:"60",textAnchor:"middle",fill:R.legendText,fontSize:"10",fontFamily:"monospace",fontStyle:"italic",opacity:.65,"data-recent-signal-empty":!0,children:"no flow yet"}):V.slice(0,3).map((e,t)=>(0,r.jsxs)("g",{"data-recent-row":e.key,style:{cursor:"pointer"},onMouseEnter:()=>eh(e.key),onMouseLeave:()=>eh(t=>t===e.key?null:t),children:[(0,r.jsx)("rect",{x:"6",y:38+16*t-10,width:"218",height:"14",fill:"transparent"}),(0,r.jsxs)("text",{x:"13",y:38+16*t,fill:eu===e.key?R.legendHeadline:R.legendText,fontSize:"9",fontFamily:"monospace",style:{transition:"fill 150ms ease-out"},children:[j(e.from,6)," ","->"," ",j(e.to,6)," / ",e.count," / ",j(e.content,12)]})]},e.key))]}),(0,r.jsxs)("g",{transform:"translate(760, 16)",children:[(0,r.jsx)("rect",{x:"0",y:"0",width:"224",height:"96",rx:"10",fill:R.legendBox.fill,stroke:R.legendBox.stroke,opacity:A?.97:.92,style:{filter:A?"drop-shadow(0 2px 6px rgba(15,23,42,0.08))":"drop-shadow(0 2px 6px rgba(0,0,0,0.45))"},"data-topo-panel-elevation":"legend"}),[{key:"working",y0:24,y1:28,fill:A?"#059669":"#22c55e",label:"working node"},{key:"idle",y0:48,y1:52,fill:A?"#0d9488":"#2dd4bf",label:"online idle"},{key:"offline",y0:72,y1:76,fill:A?"#94a3b8":"#6b7280",label:"offline / no SSE"}].map(e=>{let t=ew===e.key;return(0,r.jsxs)("g",{"data-legend-status":e.key,role:"button",tabIndex:0,"aria-pressed":t,style:{cursor:"pointer"},onPointerDown:e=>e.stopPropagation(),onMouseEnter:()=>ej(e.key),onMouseLeave:()=>ej(t=>t===e.key?null:t),onClick:()=>ek(t=>t===e.key?null:e.key),children:[(0,r.jsx)("rect",{x:"6",y:e.y0-12,width:"170",height:"22",fill:"transparent"}),(0,r.jsx)("circle",{cx:"16",cy:e.y0,r:"5.5",fill:e.fill}),t&&(0,r.jsx)("circle",{cx:"16",cy:e.y0,r:"8",fill:"none",stroke:e.fill,strokeWidth:"1.5"}),(0,r.jsx)("text",{x:"30",y:e.y1,fill:ev===e.key||t?R.legendHeadline:R.legendText,fontSize:"11",fontFamily:"monospace",style:{transition:"fill 150ms ease-out"},children:e.label})]},e.key)}),(0,r.jsx)("path",{d:"M140,72 Q164,48 196,72",fill:"none",stroke:R.flowEdge,strokeWidth:"3",markerEnd:"url(#topo-arrow)",style:{pointerEvents:"none"}})]})]}),(()=>{if(.01>Math.abs(eC.zoom-1)&&1>Math.abs(eC.x)&&1>Math.abs(eC.y)||U.length+G.length===0)return null;let e=-eC.x/eC.zoom*.12,a=-eC.y/eC.zoom*.12058823529411765,s=1e3/eC.zoom*.12,n=680/eC.zoom*.12058823529411765;return(0,r.jsx)("div",{className:"absolute right-3 rounded-md border shadow-lg shadow-black/30 overflow-hidden anet-fade-in",style:{bottom:56,background:R.legendBox.fill,borderColor:R.containerBorder,cursor:"crosshair"},role:"img","aria-label":"Topology minimap — click to recenter",title:"Minimap · click to recenter",onClick:e=>{let t=e.currentTarget.getBoundingClientRect(),r=(e.clientX-t.left)/t.width,a=(e.clientY-t.top)/t.height;eE(e=>({...e,x:500-1e3*r*e.zoom,y:340-680*a*e.zoom}))},"data-topo-minimap":!0,children:(0,r.jsxs)("svg",{width:120,height:82,viewBox:"0 0 120 82",style:{display:"block"},children:[[...U,...G].map(e=>{let a=K[e.alias];if(!a)return null;let s=(e.network_id?t[`${e.network_id}:${e.alias}`]:void 0)??t[e.alias],n="offline"!==e.status||!!s,l=k(e,n,A);return(0,r.jsx)("circle",{cx:.12*a.x,cy:.12058823529411765*a.y,r:n?1.7:1.2,fill:l.primary,opacity:n?.9:.5},e.alias)}),(0,r.jsx)("rect",{x:Math.max(0,e),y:Math.max(0,a),width:Math.max(0,Math.min(120-Math.max(0,e),s)),height:Math.max(0,Math.min(82-Math.max(0,a),n)),fill:"none",stroke:R.legendAccent,strokeWidth:"1",opacity:"0.9"})]})})})(),(0,r.jsxs)("div",{className:"absolute bottom-3 right-3 flex items-center gap-1.5 text-xs select-none",children:[(0,r.jsx)("div",{className:"flex items-center rounded-md border overflow-hidden",style:{background:R.legendBox.fill,borderColor:R.containerBorder},role:"group","aria-label":"Node size",children:[["S",.7],["M",.84],["L",1]].map(([e,t],a)=>(0,r.jsx)("button",{onClick:()=>(e=>{X(e);try{localStorage.setItem("anet-topo-nodescale",String(e))}catch{}})(t),"aria-pressed":Y===t,title:`Node size: ${"S"===e?"small":"M"===e?"medium":"large"}`,className:`px-2 py-1 transition-colors ${a>0?"border-l":""} ${Y===t?"bg-cyan-500/15 text-cyan-300":"hover:bg-white/5"}`,style:{color:Y===t?void 0:R.legendText,borderColor:R.containerBorder},children:e},e))}),(0,r.jsxs)("div",{className:"flex items-center rounded-md border overflow-hidden",style:{background:R.legendBox.fill,borderColor:R.containerBorder},children:[(0,r.jsx)("button",{onClick:()=>eH(1/1.2),className:"px-2 py-1 hover:bg-white/5 transition-colors",style:{color:R.legendText},"aria-label":"Zoom out",title:"Zoom out (−)",children:(0,r.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round","aria-hidden":!0,children:(0,r.jsx)("path",{d:"M5 12h14"})})}),(0,r.jsxs)("span",{className:"px-2 py-1 tabular-nums border-x text-center",style:{color:R.legendText,borderColor:R.containerBorder,minWidth:46},title:"Current zoom level",children:[Math.round(100*eC.zoom),"%"]}),(0,r.jsx)("button",{onClick:()=>eH(1.2),className:"px-2 py-1 hover:bg-white/5 transition-colors",style:{color:R.legendText},"aria-label":"Zoom in",title:"Zoom in (+)",children:(0,r.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round","aria-hidden":!0,children:(0,r.jsx)("path",{d:"M12 5v14M5 12h14"})})})]}),(0,r.jsx)("button",{onClick:eY,className:"p-1.5 rounded-md border hover:bg-white/5 transition-colors",style:{background:R.legendBox.fill,borderColor:R.containerBorder,color:R.legendText},"aria-label":"Reset view",title:"Reset zoom + pan (0, or double-click the canvas)",children:(0,r.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[(0,r.jsx)("path",{d:"M3 12a9 9 0 1 0 9-9 9 9 0 0 0-6.4 2.6L3 8"}),(0,r.jsx)("path",{d:"M3 3v5h5"})]})}),(0,r.jsx)("button",{onClick:()=>{let e=e_.current;if(e)if(document.fullscreenElement)document.exitFullscreen?.();else{let t=e.requestFullscreen||e.webkitRequestFullscreen;t?.call(e)}},className:"p-1.5 rounded-md border hover:bg-white/5 transition-colors",style:{background:R.legendBox.fill,borderColor:R.containerBorder,color:R.legendText},"aria-label":eP?"Exit fullscreen":"Enter fullscreen",title:eP?"Exit fullscreen":"Fullscreen",children:eP?(0,r.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:(0,r.jsx)("path",{d:"M8 3v4a1 1 0 0 1-1 1H3M21 8h-4a1 1 0 0 1-1-1V3M3 16h4a1 1 0 0 1 1 1v4M16 21v-4a1 1 0 0 1 1-1h4"})}):(0,r.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:(0,r.jsx)("path",{d:"M3 8V5a2 2 0 0 1 2-2h3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M21 16v3a2 2 0 0 1-2 2h-3"})})})]}),eT&&(0,r.jsx)(x,{alias:eT,onClose:()=>eA(null)})]})]})}let $={working:{bg:"bg-green-900/30 border-green-800/30",text:"text-green-300",dot:"bg-green-500",glow:"shadow-green-500/10"},idle:{bg:"bg-cyan-900/30 border-cyan-800/30",text:"text-cyan-300",dot:"bg-cyan-400",glow:"shadow-cyan-500/5"},blocked:{bg:"bg-yellow-900/30 border-yellow-800/30",text:"text-yellow-300",dot:"bg-yellow-500",glow:""},error:{bg:"bg-red-900/30 border-red-800/30",text:"text-red-300",dot:"bg-red-500",glow:""}},z={bg:"bg-gray-800/50 border-gray-700/30",text:"text-gray-500",dot:"bg-gray-500",glow:""};function P({session:e,hasSse:t,sseCount:a,onChat:l}){let i=t&&$[e.status]||z;return(0,r.jsxs)(s.default,{href:`/node?alias=${encodeURIComponent(e.alias)}`,prefetch:!1,className:`anet-agent-card group relative block rounded-xl border p-4 transition-all duration-300 cursor-pointer hover:-translate-y-0.5 ${t?`bg-[#111128] border-[#2a2a4a] hover:border-cyan-500/30 hover:shadow-lg ${i.glow}`:"bg-[#0d0d1a] border-[#1a1a2a] opacity-40"}`,children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,r.jsx)(d.AliasAvatar,{alias:e.alias,size:22}),(0,r.jsx)("span",{className:"font-semibold text-white truncate text-sm",title:e.alias,children:e.alias}),(0,r.jsx)("span",{className:`inline-block w-1.5 h-1.5 rounded-full shrink-0 ${i.dot} ${t&&"working"===e.status?"animate-pulse":""}`})]}),(0,r.jsx)("span",{className:`text-[11px] px-2 py-0.5 rounded-md border shrink-0 ${i.bg} ${i.text}`,children:t?e.status:"offline"})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2 mb-3",children:[(0,r.jsx)("span",{className:"text-xs text-gray-600 bg-[#0a0a15] px-2 py-0.5 rounded border border-[#1a1a2a]",children:e.agent||"unknown"}),t&&(0,r.jsxs)("span",{className:"text-[10px] text-green-500",children:["SSE:",a]})]}),e.task?(0,r.jsx)("div",{className:"text-xs text-gray-400 bg-[#0a0a15] rounded-lg px-3 py-2 border border-[#1a1a2a] line-clamp-2",title:e.task,children:e.task}):(0,r.jsx)("div",{className:"text-xs text-gray-700 italic",children:"No active task"}),e.progress>0&&(0,r.jsxs)("div",{className:"mt-3",children:[(0,r.jsxs)("div",{className:"flex justify-between text-[10px] mb-1",children:[(0,r.jsx)("span",{className:"text-gray-600",children:"Progress"}),(0,r.jsxs)("span",{className:i.text,children:[e.progress,"%"]})]}),(0,r.jsx)("div",{className:"w-full bg-gray-800 rounded-full h-1.5 overflow-hidden",children:(0,r.jsx)("div",{className:`h-1.5 rounded-full transition-all duration-700 ${"working"===e.status?"bg-green-500":"bg-cyan-500"}`,style:{width:`${Math.min(e.progress,100)}%`}})})]}),(0,r.jsxs)("div",{className:"mt-3 flex justify-between items-center text-[10px] text-gray-600",children:[(0,r.jsx)("span",{className:"truncate",title:e.server||"",children:e.server||"--"}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[l&&t&&(0,r.jsx)("button",{onClick:t=>{t.preventDefault(),t.stopPropagation(),l(e.alias)},className:"text-cyan-400 hover:text-cyan-300 px-1.5 py-0.5 rounded border border-cyan-500/20 hover:bg-cyan-500/10 transition-colors",children:"Chat"}),(0,r.jsx)("span",{children:(0,n.timeAgo)(e.updated_at)}),(0,r.jsx)("svg",{"aria-hidden":!0,className:"w-3 h-3 text-gray-700 opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,r.jsx)("path",{d:"M9 18l6-6-6-6"})})]})]})]})}function L({messages:e}){return 0===e.length?null:(0,r.jsxs)("div",{className:"mt-8",children:[(0,r.jsxs)("h2",{className:"text-lg font-semibold text-white mb-3 flex items-center gap-2",children:[(0,r.jsx)("span",{className:"text-gray-500",children:"Inbox"}),(0,r.jsx)("span",{className:"text-xs bg-blue-900/30 text-blue-400 px-2 py-0.5 rounded-full border border-blue-800/30",children:e.length})]}),(0,r.jsx)("div",{className:"space-y-2 max-h-96 overflow-y-auto pr-1 scrollbar-thin",children:e.map(e=>(0,r.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-3 text-sm transition-colors hover:border-[#3a3a5a]",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 text-xs mb-1.5",children:[e.from_session&&(0,r.jsx)(d.AliasAvatar,{alias:e.from_session,size:16}),(0,r.jsx)("span",{className:"text-gray-200 font-medium truncate",children:e.from_session}),(0,r.jsx)("span",{className:"ml-auto text-gray-600 shrink-0",title:e.created_at,children:(0,n.timeAgo)(e.created_at)})]}),(0,r.jsx)("div",{className:"text-gray-300 leading-relaxed line-clamp-3",title:e.content||"",children:(0,n.previewContent)(e.content)})]},e.id))})]})}function T(){return(0,r.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,r.jsx)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3 mb-8 anet-skeleton-pulse",children:[1,2,3,4].map(e=>(0,r.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] px-4 py-3",children:[(0,r.jsx)(A,{w:"2.5rem",h:"1.75rem"}),(0,r.jsx)(A,{w:"3.5rem",h:"0.75rem",className:"mt-2"}),(0,r.jsx)(A,{w:"5rem",h:"0.625rem",className:"mt-1"})]},e))}),(0,r.jsxs)("div",{className:"flex items-center gap-3 mb-3 anet-skeleton-pulse",children:[(0,r.jsx)(A,{w:"6rem",h:"2.5rem",rounded:"0.75rem"}),(0,r.jsxs)("div",{className:"flex-1 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-2.5 flex items-center gap-3",children:[(0,r.jsx)("div",{className:"w-8 h-8 rounded-full anet-skeleton-bar"}),(0,r.jsxs)("div",{className:"flex-1",children:[(0,r.jsx)(A,{w:"6rem",h:"0.875rem"}),(0,r.jsx)(A,{w:"10rem",h:"0.625rem",className:"mt-1"})]})]})]}),(0,r.jsx)("div",{className:"mb-6 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 anet-skeleton-pulse",children:(0,r.jsx)(A,{w:"14rem",h:"0.875rem"})}),(0,r.jsx)("div",{className:"grid grid-cols-3 gap-2 sm:gap-3 mb-3 anet-skeleton-pulse",children:[1,2,3].map(e=>(0,r.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] px-3 py-3",children:[(0,r.jsx)(A,{w:"2rem",h:"1.25rem"}),(0,r.jsx)(A,{w:"2.5rem",h:"0.75rem",className:"mt-1"}),(0,r.jsx)(A,{w:"3.5rem",h:"0.625rem",className:"mt-px"})]},e))}),(0,r.jsx)("div",{className:"grid grid-cols-3 gap-2 sm:gap-3 mb-6 anet-skeleton-pulse",children:[1,2,3].map(e=>(0,r.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] px-3 py-2.5 flex items-center justify-center gap-2",children:[(0,r.jsx)("div",{className:"w-4 h-4 rounded anet-skeleton-bar"}),(0,r.jsx)(A,{w:"4rem",h:"0.75rem"})]},e))}),(0,r.jsxs)("div",{className:"mb-6 flex gap-2 anet-skeleton-pulse",children:[(0,r.jsx)("div",{className:"flex-1 h-10 rounded-lg border border-[#2a2a4a] bg-[#111128]"}),(0,r.jsx)("div",{className:"w-28 h-10 rounded-lg anet-skeleton-bar"})]}),(0,r.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 gap-3 sm:gap-4 anet-skeleton-pulse",children:[1,2,3,4].map(e=>(0,r.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] p-4",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 mb-3",children:[(0,r.jsx)("div",{className:"w-2 h-2 rounded-full anet-skeleton-bar"}),(0,r.jsx)(A,{w:"6rem",h:"0.875rem"})]}),(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)(A,{w:"100%",h:"0.625rem"}),(0,r.jsx)(A,{w:"75%",h:"0.625rem"}),(0,r.jsx)(A,{w:"55%",h:"0.625rem"})]})]},e))})]})}function A({w:e,h:t,rounded:a,className:s}){return(0,r.jsx)("div",{className:`anet-skeleton-bar ${s||""}`,style:{width:e,height:t,borderRadius:a||"0.375rem"}})}var I=e.i(76161),R=e.i(98025),F=e.i(11449);function W(){let{setNetworkId:e}=(0,F.useNetworkId)(),[t,s]=(0,a.useState)({user:null,networks:[],currentNetwork:"",token:""}),[n,l]=(0,a.useState)(!1),[i,o]=(0,a.useState)(""),[d,c]=(0,a.useState)(""),[u,h]=(0,a.useState)(""),[x,p]=(0,a.useState)(!1);(0,a.useEffect)(()=>{let e=sessionStorage.getItem("anet_v3_auth");if(e)try{s(JSON.parse(e))}catch{}},[]);let[m,f]=(0,a.useState)(!1),[g,y]=(0,a.useState)(""),[b,v]=(0,a.useState)(""),j=async()=>{try{await fetch(`/api/hub/auth?token=${t.token}&endpoint=/api/auth/me`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"update_profile",token:t.token,display_name:g,email:b})});let e=await fetch("/api/hub/auth",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"update_profile",token:t.token,display_name:g,email:b})}),r=await e.json();if(r.ok&&r.user){let e={...t,user:r.user};s(e),sessionStorage.setItem("anet_v3_auth",JSON.stringify(e)),f(!1)}}catch{}};if(!t.user)return null;let w=(t.user.display_name||t.user.username).slice(0,2).toUpperCase();return(0,r.jsxs)("div",{className:"flex items-center justify-between bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-2.5 mb-4",children:[(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[(0,r.jsx)("div",{className:"w-8 h-8 rounded-full bg-gradient-to-br from-cyan-500 to-blue-600 flex items-center justify-center text-xs font-bold text-white",children:w}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-sm text-white font-medium",children:t.user.display_name||t.user.username}),(0,r.jsxs)("div",{className:"text-[10px] text-gray-500",children:[t.user.role," · ",t.user.user_id]})]})]}),(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[t.networks.length>0&&(0,r.jsx)("select",{value:t.currentNetwork,onChange:r=>{let a={...t,currentNetwork:r.target.value};s(a),e(r.target.value),sessionStorage.setItem("anet_v3_auth",JSON.stringify(a))},className:"bg-[#0a0a15] border border-[#2a2a4a] rounded px-2 py-1 text-xs text-white focus:outline-none",children:t.networks.map(e=>(0,r.jsx)("option",{value:e.network_id,children:e.network_name},e.network_id))}),(0,r.jsxs)("button",{onClick:()=>{y(t.user?.display_name||""),v(""),f(!m)},className:"text-xs text-gray-500 hover:text-gray-300 whitespace-nowrap","aria-label":"Edit profile",children:[(0,r.jsx)("span",{className:"hidden sm:inline",children:"Edit"}),(0,r.jsx)("svg",{className:"sm:hidden w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"1.5",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 011.13-1.897L16.862 4.487z"})})]}),(0,r.jsxs)("button",{onClick:()=>{s({user:null,networks:[],currentNetwork:"",token:""}),sessionStorage.removeItem("anet_v3_auth")},className:"text-xs text-gray-500 hover:text-gray-300 whitespace-nowrap","aria-label":"Sign out",children:[(0,r.jsx)("span",{className:"hidden sm:inline",children:"Sign out"}),(0,r.jsx)("svg",{className:"sm:hidden w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"1.5",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9"})})]})]}),m&&(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-2 mt-2 pt-2 border-t border-[#2a2a4a]",children:[(0,r.jsx)("input",{type:"text",value:g,onChange:e=>y(e.target.value),placeholder:"Display name",className:"bg-[#0a0a15] border border-[#2a2a4a] rounded px-2 py-1 text-xs text-white placeholder-gray-600 focus:outline-none w-32"}),(0,r.jsx)("input",{type:"email",value:b,onChange:e=>v(e.target.value),placeholder:"Email",className:"bg-[#0a0a15] border border-[#2a2a4a] rounded px-2 py-1 text-xs text-white placeholder-gray-600 focus:outline-none w-40"}),(0,r.jsx)("button",{onClick:j,className:"px-2 py-1 bg-cyan-600 hover:bg-cyan-500 text-white text-xs rounded",children:"Save"})]})]})}var B=e.i(6694);function O({tabs:e,activeTab:t,onOpenTab:a,onCloseTab:s,onSetActive:n,onClose:l}){return 0===e.length?null:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{onClick:l,className:"jsx-f7cf3d1a6fdfc074 fixed inset-0 bg-black/30 z-40 lg:hidden"}),(0,r.jsxs)("div",{className:"jsx-f7cf3d1a6fdfc074 fixed top-0 right-0 h-full w-full lg:w-[500px] bg-[#0a0a1a] border-l border-[#2a2a4a] z-50 flex flex-col shadow-2xl shadow-black/60 animate-slide-in",children:[(0,r.jsxs)("div",{className:"jsx-f7cf3d1a6fdfc074 flex items-center border-b border-[#2a2a4a] bg-[#0d0d1a] overflow-x-auto",children:[(0,r.jsx)("div",{className:"jsx-f7cf3d1a6fdfc074 flex-1 flex min-w-0",children:e.map(e=>(0,r.jsxs)("button",{onClick:()=>n(e),className:`jsx-f7cf3d1a6fdfc074 flex items-center gap-1.5 px-3 py-2.5 text-xs border-b-2 transition-colors shrink-0 ${t===e?"border-cyan-400 text-cyan-300 bg-cyan-500/5":"border-transparent text-gray-500 hover:text-gray-300"}`,children:[(0,r.jsx)("div",{className:`jsx-f7cf3d1a6fdfc074 w-2 h-2 rounded-full ${t===e?"bg-cyan-400":"bg-gray-600"}`}),(0,r.jsx)("span",{className:"jsx-f7cf3d1a6fdfc074 max-w-[80px] truncate",children:e}),(0,r.jsx)("button",{onClick:t=>{t.stopPropagation(),s(e)},className:"jsx-f7cf3d1a6fdfc074 ml-1 text-gray-600 hover:text-gray-300 p-0.5",children:"×"})]},e))}),(0,r.jsx)("button",{onClick:l,className:"jsx-f7cf3d1a6fdfc074 text-gray-500 hover:text-white px-3 py-2.5 shrink-0 border-l border-[#2a2a4a]",children:(0,r.jsx)("svg",{fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,className:"jsx-f7cf3d1a6fdfc074 w-4 h-4",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12",className:"jsx-f7cf3d1a6fdfc074"})})})]}),(0,r.jsx)("div",{className:"jsx-f7cf3d1a6fdfc074 flex-1 relative overflow-hidden",children:e.map(e=>(0,r.jsx)("div",{className:`jsx-f7cf3d1a6fdfc074 absolute inset-0 ${t===e?"block":"hidden"}`,children:(0,r.jsx)(D,{alias:e})},e))})]}),(0,r.jsx)(B.default,{id:"f7cf3d1a6fdfc074",children:"@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-slide-in{animation:.2s ease-out slide-in}"})]})}function D({alias:e}){return(0,r.jsx)(c.TaskChatPanel,{alias:e,onClose:()=>{},inline:!0})}function H({sessions:e,onClose:t}){let[s,n]=(0,a.useState)(new Set),[l,i]=(0,a.useState)(""),[o,c]=(0,a.useState)("normal"),[u,h]=(0,a.useState)(!1),[x,p]=(0,a.useState)([]),[m,f]=(0,a.useState)(""),g=e.filter(e=>"offline"!==e.status).filter(e=>!m||e.alias.toLowerCase().includes(m.toLowerCase())||(e.agent||"").toLowerCase().includes(m.toLowerCase())),y=async()=>{if(!l.trim()||0===s.size||u)return;h(!0),p([]);let e=[...s].map(async e=>{try{let t=await fetch("/api/hub/send",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({alias:e,task:l,priority:o})}),r=await t.json();return{alias:e,ok:!!r.ok,error:r.error}}catch(t){return{alias:e,ok:!1,error:"send failed"}}});p(await Promise.all(e)),h(!1)},b=x.filter(e=>e.ok).length;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"fixed inset-0 bg-black/50 z-40 anet-fade-in",onClick:t}),(0,r.jsxs)("div",{className:"fixed inset-4 lg:inset-x-[15%] lg:inset-y-[5%] bg-[#0a0a1a] border border-[#2a2a4a] rounded-2xl z-50 flex flex-col shadow-2xl shadow-black/70 overflow-hidden anet-fade-in",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between px-6 py-4 border-b border-[#2a2a4a] bg-[#0d0d1a]",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-lg font-bold text-white",children:"Dispatch Task"}),(0,r.jsx)("p",{className:"text-xs text-gray-500 mt-0.5",children:"Send a task to one or more agents"})]}),(0,r.jsx)("button",{onClick:t,className:"text-gray-500 hover:text-white p-1.5 rounded-lg hover:bg-[#1a1a2a]",children:(0,r.jsx)("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})})]}),(0,r.jsxs)("div",{className:"flex-1 flex flex-col lg:flex-row overflow-hidden",children:[(0,r.jsxs)("div",{className:"lg:w-[280px] border-b lg:border-b-0 lg:border-r border-[#2a2a4a] flex flex-col",children:[(0,r.jsxs)("div",{className:"px-4 py-3 border-b border-[#2a2a4a]",children:[(0,r.jsx)("input",{type:"text",value:m,onChange:e=>f(e.target.value),placeholder:"Filter agents...",className:"w-full bg-[#111128] border border-[#2a2a4a] rounded-lg px-3 py-2 text-xs text-white placeholder-gray-600 focus:border-cyan-500/40 focus:outline-none"}),(0,r.jsxs)("div",{className:"flex items-center justify-between mt-2",children:[(0,r.jsx)("button",{onClick:()=>{s.size===g.length?n(new Set):n(new Set(g.map(e=>e.alias)))},className:"text-[10px] text-cyan-400 hover:text-cyan-300",children:s.size===g.length?"Deselect all":`Select all (${g.length})`}),(0,r.jsxs)("span",{className:"text-[10px] text-gray-600",children:[s.size," selected"]})]})]}),(0,r.jsxs)("div",{className:"flex-1 overflow-y-auto px-2 py-2 space-y-0.5 max-h-[200px] lg:max-h-none",children:[g.map(e=>(0,r.jsxs)("button",{onClick:()=>{var t;return t=e.alias,void n(e=>{let r=new Set(e);return r.has(t)?r.delete(t):r.add(t),r})},className:`w-full flex items-center gap-2 px-3 py-2 rounded-lg text-xs text-left transition-colors ${s.has(e.alias)?"bg-cyan-500/10 text-cyan-300 border border-cyan-500/20":"text-gray-400 hover:bg-[#1a1a2a]"}`,children:[(0,r.jsx)(d.AliasAvatar,{alias:e.alias,size:16}),(0,r.jsx)("div",{className:`w-1.5 h-1.5 rounded-full shrink-0 ${"working"===e.status?"bg-green-400":"idle"===e.status?"bg-cyan-400":"bg-gray-500"}`}),(0,r.jsx)("span",{className:"truncate flex-1",children:e.alias}),(0,r.jsx)("span",{className:"text-[9px] text-gray-600",children:e.agent||"--"})]},e.alias)),0===g.length&&(0,r.jsx)("div",{className:"text-center text-xs text-gray-600 py-4",children:"No online agents"})]})]}),(0,r.jsxs)("div",{className:"flex-1 flex flex-col",children:[(0,r.jsxs)("div",{className:"flex-1 px-6 py-4 flex flex-col",children:[(0,r.jsx)("label",{className:"text-xs text-gray-500 uppercase mb-2",children:"Task Prompt"}),(0,r.jsx)("textarea",{value:l,onChange:e=>i(e.target.value),placeholder:"Enter the task you want to dispatch...",className:"flex-1 min-h-[120px] bg-[#111128] border border-[#2a2a4a] rounded-xl px-4 py-3 text-sm text-white placeholder-gray-600 focus:border-cyan-500/40 focus:outline-none resize-none"}),(0,r.jsxs)("div",{className:"flex items-center gap-3 mt-4",children:[(0,r.jsxs)("select",{value:o,onChange:e=>c(e.target.value),className:"bg-[#111128] border border-[#2a2a4a] rounded-lg px-3 py-2 text-xs text-white focus:outline-none",children:[(0,r.jsx)("option",{value:"normal",children:"Normal priority"}),(0,r.jsx)("option",{value:"high",children:"High priority"}),(0,r.jsx)("option",{value:"low",children:"Low priority"})]}),(0,r.jsx)("div",{className:"flex-1"}),(0,r.jsx)("button",{onClick:y,disabled:u||!l.trim()||0===s.size,className:"px-6 py-2.5 bg-gradient-to-r from-cyan-600 to-blue-600 hover:from-cyan-500 hover:to-blue-500 disabled:from-gray-800 disabled:to-gray-800 disabled:text-gray-600 text-white text-sm font-medium rounded-xl transition-all shadow-lg shadow-cyan-500/10 disabled:shadow-none active:scale-95",children:u?(0,r.jsxs)("span",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:"w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin"}),"Sending..."]}):`Dispatch to ${s.size} agent${s.size>1?"s":""}`})]})]}),x.length>0&&(0,r.jsxs)("div",{className:"px-6 py-3 border-t border-[#2a2a4a] bg-[#0d0d1a]",children:[(0,r.jsxs)("div",{className:"text-xs text-gray-500 mb-2",children:[b,"/",x.length," dispatched successfully"]}),(0,r.jsx)("div",{className:"flex flex-wrap gap-1.5",children:x.map(e=>(0,r.jsxs)("span",{className:`flex items-center gap-1.5 text-[10px] pl-1 pr-2 py-0.5 rounded-full border ${e.ok?"text-green-300 border-green-500/20 bg-green-500/5":"text-red-300 border-red-500/20 bg-red-500/5"}`,children:[(0,r.jsx)(d.AliasAvatar,{alias:e.alias,size:14}),(0,r.jsx)("span",{children:e.alias}),(0,r.jsx)("span",{"aria-hidden":!0,children:e.ok?"✓":e.error||"✗"})]},e.alias))})]})]})]})]})]})}var Y=e.i(2684),X=e.i(50111);e.s(["default",0,function(){let e,i,c,h,x;(0,a.useEffect)(()=>{sessionStorage.getItem("anet_v3_auth")||(fetch("/api/auth/logout",{method:"POST"}).catch(()=>{}),window.location.assign("/login"))},[]);let{sessions:p,hint:m,error:f,isLoading:g}=(0,u.useSessions)(),{health:y}=(0,u.useHealth)(),{config:b}=(0,u.useAnetConfig)(),{tasks:v}=(0,u.useTasks)({limit:"500"}),{stats:j}=(0,u.useStats)(),[w,k]=(0,a.useState)(window.innerWidth>=1024),[N,S]=(0,a.useState)(!1),_=function(){let[e,t]=(0,a.useState)([]),[r,s]=(0,a.useState)("");return{tabs:e,activeTab:r,openTab:e=>{t(t=>t.includes(e)?t:[...t,e]),s(e)},closeTab:e=>{t(t=>{let a=t.filter(t=>t!==e);return r===e&&s(a[a.length-1]||""),a})},closeAll:()=>{t([]),s("")},setActiveTab:s}}(),[M,C]=(0,a.useState)(!1),[$,z]=(0,a.useState)([]),[A,F]=(0,a.useState)("all"),[B,D]=(0,a.useState)(null),{mutate:U}=(0,X.useSWRConfig)(),G="1"!==t.default.env.NEXT_PUBLIC_DISABLE_SSE,{connected:K,supported:V}=(0,Y.useSSE)({url:"/api/hub/events",enabled:G,onEvent:e=>{if("node.renamed"===e.type){U("/api/hub/status");let t=e.data;t?.old_alias&&t?.new_alias&&D({from:t.old_alias,to:t.new_alias,ts:Date.now()});return}["new_task","new_message","new_reply","node_status_changed","broadcast"].includes(e.type)&&(U("/api/hub/status"),U(e=>"string"==typeof e&&e.startsWith("/api/hub/tasks"),void 0,{revalidate:!0}))}});if((0,a.useEffect)(()=>{let e=()=>{fetch("/api/hub/inbox").then(e=>e.json()).then(e=>{e.messages?.length&&z(t=>{let r=new Set(t.map(e=>e.id));return[...e.messages.filter(e=>!r.has(e.id)),...t].slice(0,100)})}).catch(()=>{})};e();let t=setInterval(e,1e4);return()=>clearInterval(t)},[]),g)return(0,r.jsx)(T,{});let J=y?.sse_sessions||{},q=e=>(e.network_id?J[`${e.network_id}:${e.alias}`]:void 0)??J[e.alias],Z=e=>"offline"!==e.status||!!q(e),Q=p.filter(Z).length,ee=p.length,et=p.filter(e=>"working"===e.status).length,er=y?(0,n.formatUptime)(y.uptime):"--",ea=y?.version||"--",es=!!(b?.hub&&b.tokenConfigured),en=b?.source==="file"?"Local config":b?.source==="runtime-env"?"Runtime env":"Config missing",el={};if(j?.tasks?.by_status?.length)for(let e of j.tasks.by_status)el[e.status]=e.count;else for(let e of v)el[e.status]=(el[e.status]||0)+1;let ei=[...p].sort((e,t)=>{let r=+!!Z(e),a=+!!Z(t);if(r!==a)return a-r;let s=+("working"===e.status);return("working"===t.status)-s}),eo=0===p.length&&!f;return(0,r.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,r.jsx)("div",{className:"lg:ml-0 ml-10",children:(0,r.jsx)(l,{online:Q,working:et,total:ee,version:ea,uptime:er})}),(0,r.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[!eo&&(0,r.jsx)("button",{onClick:()=>C(!0),className:"px-4 py-2 bg-gradient-to-r from-cyan-600 to-blue-600 hover:from-cyan-500 hover:to-blue-500 text-white text-sm font-medium rounded-xl shadow-lg shadow-cyan-500/10 transition-all active:scale-95 shrink-0",children:"⚡ Dispatch"}),(0,r.jsx)("div",{className:"flex-1",children:(0,r.jsx)(W,{})})]}),(0,r.jsxs)("section",{className:"mb-6 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 shadow-lg shadow-black/20",children:[(0,r.jsxs)("button",{onClick:()=>S(!N),className:"w-full flex items-center justify-between text-left",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 text-xs",children:[(0,r.jsx)("span",{className:"uppercase text-gray-600",children:"Config"}),(0,r.jsx)("span",{className:`w-2 h-2 rounded-full ${es?"bg-green-400":"bg-red-400"}`}),(0,r.jsx)("span",{className:"text-gray-500",children:en})]}),(0,r.jsx)("svg",{className:`w-4 h-4 text-gray-600 transition-transform ${N?"rotate-180":""}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 9l-7 7-7-7"})})]}),N&&(0,r.jsxs)("div",{className:"mt-3 pt-3 border-t border-[#2a2a4a]",children:[(0,r.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,r.jsx)("div",{className:"min-w-0",children:(0,r.jsxs)("div",{className:"text-gray-100 truncate text-sm",title:b?.hub||void 0,children:["Hub: ",(0,r.jsx)("span",{className:b?.hub?"text-cyan-300":"text-red-300",children:b?.hub?.trim()||"not configured"})]})}),(0,r.jsx)("div",{className:"flex flex-wrap gap-2 text-xs",children:(0,r.jsxs)("span",{className:`px-2.5 py-1 rounded-md border ${b?.tokenConfigured?"bg-blue-500/5 text-blue-300 border-blue-500/20":"bg-gray-500/5 text-gray-400 border-gray-500/20"}`,children:["Token: ",b?.tokenPreview||"not configured"]})})]}),b?.error&&(0,r.jsx)("div",{className:"mt-2 text-xs text-gray-600",children:b.error})]})]}),Object.keys(el).length>0&&(0,r.jsxs)("section",{className:"mb-6 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 shadow-lg shadow-black/20",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,r.jsx)("div",{className:"text-xs uppercase text-gray-600",children:"Task Status"}),(0,r.jsx)(s.default,{href:"/tasks",prefetch:!1,className:"text-xs text-cyan-400 hover:text-cyan-300",children:"View all →"})]}),(0,r.jsx)("div",{className:"flex flex-wrap gap-2",children:["running","delivered","acked","replied","created","failed","cancelled","expired","closed"].filter(e=>el[e]).map(e=>(0,r.jsxs)(s.default,{href:`/tasks?status=${e}`,prefetch:!1,className:`px-2.5 py-1 rounded-md border text-xs ${R.STATUS_CHIP_CLASS[e]} hover:opacity-80 transition-opacity`,children:[e,": ",el[e]]},e))})]}),!eo&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"text-[10px] uppercase tracking-[0.12em] text-gray-600 mb-2",children:"Quick navigation"}),(0,r.jsx)("section",{className:"mb-3 grid grid-cols-3 gap-2 sm:gap-3",children:(e=p.filter(e=>Z(e)&&"working"!==e.status).length,i=ee-Q,c=v.filter(e=>"failed"===e.status).length,[{href:"/nodes",label:"Nodes",value:`${Q}/${ee}`,sub:`${ee>0?Math.round(Q/ee*100):0}% online`,color:"text-green-400 border-green-500/20",popover:0===ee?null:[{k:"working",v:et,dot:"",color:"#4ade80"},{k:"idle",v:e,dot:"",color:"#22d3ee"},{k:"offline",v:i,dot:"",color:"#9ca3af"}]},{href:"/tasks",label:"Tasks",value:String(Object.values(el).reduce((e,t)=>e+t,0)||0),sub:"all-time",color:"text-cyan-400 border-cyan-500/20",popover:0===Object.keys(el).length?null:["running","replied","failed","cancelled","expired","closed","created","delivered","acked"].filter(e=>el[e]).map(e=>({k:e,v:el[e],dot:"",color:({running:"#4ade80",replied:"#a78bfa",failed:"#f87171",cancelled:"#facc15",expired:"#fb923c",closed:"#9ca3af",created:"#9ca3af",delivered:"#60a5fa",acked:"#22d3ee"})[e]||"#9ca3af"}))},{href:"/tasks?status=failed",label:"Failed",value:String(el.failed||0),sub:el.failed?"needs review":"none",color:el.failed?"text-red-400 border-red-500/25":"text-gray-500 border-gray-700/30",popover:c?[{k:`${c} in current view`,v:"",dot:"",color:"#f87171"}]:[{k:"no failures yet",v:"",dot:"",color:"#4b5563"}]}].map(e=>(0,r.jsxs)(s.default,{href:e.href,prefetch:!1,className:`anet-stat-link group relative rounded-xl border ${e.color} bg-[#111128] px-3 py-3 transition-all hover:-translate-y-px`,children:[(0,r.jsxs)("div",{className:"flex items-baseline justify-between",children:[(0,r.jsx)("div",{className:`text-xl font-semibold tabular-nums ${e.color.split(" ")[0]}`,children:e.value}),(0,r.jsx)("div",{className:"hidden sm:block text-[10px] text-gray-600 group-hover:text-gray-400 transition-colors",children:"View →"})]}),(0,r.jsx)("div",{className:"text-[11px] text-gray-400 mt-0.5",children:e.label}),(0,r.jsx)("div",{className:"text-[10px] text-gray-600 mt-px",children:e.sub}),e.popover&&e.popover.length>0&&(0,r.jsxs)("div",{className:"anet-stat-popover hidden md:block pointer-events-none absolute left-2 right-2 top-full mt-1 z-20 rounded-lg border border-[#2a2a4a] bg-[#0d0d1a] shadow-lg shadow-black/30 px-3 py-2 opacity-0 translate-y-[-2px] group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-150 delay-100",children:[(0,r.jsx)("div",{className:"text-[10px] text-gray-600 uppercase tracking-wider mb-1.5",children:"Breakdown"}),(0,r.jsx)("ul",{className:"space-y-1",children:e.popover.map(e=>(0,r.jsxs)("li",{className:"flex items-center gap-2 text-[11px]",children:[(0,r.jsx)("span",{className:"inline-block w-1.5 h-1.5 rounded-full shrink-0",style:{backgroundColor:e.color},"aria-hidden":!0}),(0,r.jsx)("span",{className:"text-gray-400 capitalize",children:e.k}),""!==e.v&&(0,r.jsx)("span",{className:"ml-auto text-gray-300 tabular-nums font-medium",children:e.v})]},e.k))})]})]},e.href)))}),(0,r.jsx)("section",{className:"mb-6 grid grid-cols-3 gap-2 sm:gap-3",children:[{href:"/messages",label:"Messages",icon:"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"},{href:"/logs",label:"Audit log",icon:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z M14 2v6h6 M16 13H8 M16 17H8 M10 9H8"},{href:"/admin",label:"Admin",icon:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2"}].map(e=>(0,r.jsxs)(s.default,{href:e.href,prefetch:!1,className:"anet-nav-tile flex items-center justify-center gap-2 rounded-xl border border-[#2a2a4a] bg-[#111128] px-3 py-2.5 text-[12px] text-gray-400 hover:text-gray-200 transition-colors",children:[(0,r.jsx)("svg",{className:"w-4 h-4 shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,r.jsx)("path",{d:e.icon})}),(0,r.jsx)("span",{children:e.label})]},e.href))}),(0,r.jsx)(o,{}),v.length>0&&(0,r.jsxs)("section",{className:"mb-6 bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,r.jsx)("h2",{className:"text-sm font-semibold text-gray-300",children:"Recent Activity"}),(0,r.jsx)(s.default,{href:"/tasks",className:"text-xs text-cyan-400 hover:text-cyan-300",children:"All tasks →"})]}),(0,r.jsx)("div",{className:"space-y-2 max-h-40 overflow-y-auto",children:v.slice(0,5).map(e=>(0,r.jsxs)("div",{className:"flex items-center gap-2 text-xs",children:[(0,r.jsx)("span",{className:"w-1.5 h-1.5 rounded-full shrink-0",style:{backgroundColor:R.STATUS_DOT_HEX[e.status]||"#6b7280"}}),e.from_name&&(0,r.jsx)(d.AliasAvatar,{alias:e.from_name,size:14}),(0,r.jsx)("span",{className:"text-gray-300 shrink-0 max-w-[20%] truncate",children:e.from_name||"?"}),(0,r.jsx)("span",{className:"text-gray-600",children:"→"}),e.to_name&&(0,r.jsx)(d.AliasAvatar,{alias:e.to_name,size:14}),(0,r.jsx)("span",{className:"text-gray-300 shrink-0 max-w-[20%] truncate",children:e.to_name||"?"}),(0,r.jsx)("span",{className:"text-gray-500 truncate flex-1",title:e.content||"",children:(0,n.previewContent)(e.content).slice(0,60)}),(0,r.jsx)("span",{className:`shrink-0 px-1.5 py-0.5 rounded text-[10px] border ${R.STATUS_CHIP_CLASS[e.status]||"text-gray-500 border-gray-700/30"}`,children:e.status})]},e.task_id))})]})]}),f&&(0,r.jsxs)("div",{className:"bg-red-900/20 border border-red-800/40 text-red-300 px-4 py-3 rounded-lg mb-6 text-sm flex items-center justify-between",role:"alert",children:[(0,r.jsx)("span",{children:String(f)}),(0,r.jsx)("span",{className:"text-gray-500 text-xs",children:"Check CommHub connection"})]}),p.length>0&&(0,r.jsx)("div",{className:"flex justify-center mb-4",children:(0,r.jsx)("button",{onClick:()=>k(!w),className:"text-xs text-gray-500 hover:text-gray-300 border border-gray-700/50 px-4 py-1.5 rounded-lg transition-colors hover:border-gray-600 cursor-pointer",children:w?"Hide Topology":"Show Topology"})}),!w&&p.length>0&&(0,r.jsx)("div",{className:"lg:hidden text-center text-xs text-gray-600 mb-4",children:"Topology hidden on mobile for better readability"}),w&&p.length>0&&(0,r.jsx)(E,{sessions:p,sseSessions:J,renameSignal:B}),0!==p.length||f?(h={all:ei.length,working:ei.filter(e=>Z(e)&&"working"===e.status).length,idle:ei.filter(e=>Z(e)&&"working"!==e.status).length,offline:ei.filter(e=>!Z(e)).length},x=ei.filter(e=>"all"===A||("offline"===A?!Z(e):"working"===A?Z(e)&&"working"===e.status:"idle"!==A||Z(e)&&"working"!==e.status)),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"mb-3 flex flex-wrap items-center gap-1",children:[{key:"all",label:"All"},{key:"working",label:"Working",dot:"#4ade80"},{key:"idle",label:"Idle",dot:"#22d3ee"},{key:"offline",label:"Offline",dot:"#6b7280"}].map(e=>(0,r.jsxs)("button",{type:"button",onClick:()=>F(e.key),disabled:0===h[e.key]&&"all"!==e.key,className:`flex items-center gap-1.5 rounded-md px-2.5 py-1 text-xs transition-colors disabled:opacity-30 disabled:cursor-not-allowed ${A===e.key?"bg-cyan-500/10 text-cyan-300 border border-cyan-500/30":"text-gray-500 hover:text-gray-200 hover:bg-[#1a1a2a] border border-transparent"}`,children:[e.dot&&(0,r.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full",style:{backgroundColor:e.dot}}),(0,r.jsx)("span",{children:e.label}),(0,r.jsx)("span",{className:`text-[10px] tabular-nums ${A===e.key?"text-cyan-400":"text-gray-600"}`,children:h[e.key]})]},e.key))}),(0,r.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-3 sm:gap-4",children:x.map(e=>(0,r.jsx)(P,{session:e,hasSse:Z(e),sseCount:q(e)||0,onChat:_.openTab},e.alias))}),0===x.length&&(0,r.jsxs)("div",{className:"mt-4 text-center text-xs text-gray-600",children:['No agents match "',A,'" — ',(0,r.jsx)("button",{onClick:()=>F("all"),className:"underline hover:text-gray-400",children:"Show all"})]})]})):(0,r.jsx)(I.NodesEmptyState,{hint:m,taskHistoryCount:Object.values(el).reduce((e,t)=>e+t,0)}),(0,r.jsx)(L,{messages:$}),(0,r.jsx)("div",{className:"mt-8 text-center text-xs text-gray-600 flex items-center justify-center gap-2 flex-wrap",children:V&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:`w-1.5 h-1.5 rounded-full ${K?"bg-green-400":"bg-gray-600"}`}),K?"SSE live":"SWR polling"]})}),M&&(0,r.jsx)(H,{sessions:p,onClose:()=>C(!1)}),_.tabs.length>0&&(0,r.jsx)(O,{tabs:_.tabs,activeTab:_.activeTab,onOpenTab:_.openTab,onCloseTab:_.closeTab,onSetActive:_.setActiveTab,onClose:_.closeAll})]})}],18722)}]);