@sleep2agi/agent-network-dashboard 0.5.1-preview.3 → 0.5.1-preview.4
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.
- package/.next/BUILD_ID +1 -1
- package/.next/build-manifest.json +3 -3
- package/.next/diagnostics/route-bundle-stats.json +4 -4
- package/.next/fallback-build-manifest.json +3 -3
- package/.next/server/app/_global-error.html +1 -1
- package/.next/server/app/_global-error.rsc +1 -1
- package/.next/server/app/_global-error.segments/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/_global-error.segments/_full.segment.rsc +1 -1
- package/.next/server/app/_global-error.segments/_head.segment.rsc +1 -1
- package/.next/server/app/_global-error.segments/_index.segment.rsc +1 -1
- package/.next/server/app/_global-error.segments/_tree.segment.rsc +1 -1
- package/.next/server/app/_not-found.html +1 -1
- package/.next/server/app/_not-found.rsc +1 -1
- package/.next/server/app/_not-found.segments/_full.segment.rsc +1 -1
- package/.next/server/app/_not-found.segments/_head.segment.rsc +1 -1
- package/.next/server/app/_not-found.segments/_index.segment.rsc +1 -1
- package/.next/server/app/_not-found.segments/_not-found/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/_not-found.segments/_not-found.segment.rsc +1 -1
- package/.next/server/app/_not-found.segments/_tree.segment.rsc +1 -1
- package/.next/server/app/admin.html +1 -1
- package/.next/server/app/admin.rsc +1 -1
- package/.next/server/app/admin.segments/_full.segment.rsc +1 -1
- package/.next/server/app/admin.segments/_head.segment.rsc +1 -1
- package/.next/server/app/admin.segments/_index.segment.rsc +1 -1
- package/.next/server/app/admin.segments/_tree.segment.rsc +1 -1
- package/.next/server/app/admin.segments/admin/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/admin.segments/admin.segment.rsc +1 -1
- package/.next/server/app/index.html +2 -2
- package/.next/server/app/index.rsc +2 -2
- package/.next/server/app/index.segments/__PAGE__.segment.rsc +2 -2
- package/.next/server/app/index.segments/_full.segment.rsc +2 -2
- package/.next/server/app/index.segments/_head.segment.rsc +1 -1
- package/.next/server/app/index.segments/_index.segment.rsc +1 -1
- package/.next/server/app/index.segments/_tree.segment.rsc +1 -1
- package/.next/server/app/login/page_client-reference-manifest.js +1 -1
- package/.next/server/app/login.html +2 -2
- package/.next/server/app/login.rsc +2 -2
- package/.next/server/app/login.segments/_full.segment.rsc +2 -2
- package/.next/server/app/login.segments/_head.segment.rsc +1 -1
- package/.next/server/app/login.segments/_index.segment.rsc +1 -1
- package/.next/server/app/login.segments/_tree.segment.rsc +1 -1
- package/.next/server/app/login.segments/login/__PAGE__.segment.rsc +2 -2
- package/.next/server/app/login.segments/login.segment.rsc +1 -1
- package/.next/server/app/logs.html +1 -1
- package/.next/server/app/logs.rsc +1 -1
- package/.next/server/app/logs.segments/_full.segment.rsc +1 -1
- package/.next/server/app/logs.segments/_head.segment.rsc +1 -1
- package/.next/server/app/logs.segments/_index.segment.rsc +1 -1
- package/.next/server/app/logs.segments/_tree.segment.rsc +1 -1
- package/.next/server/app/logs.segments/logs/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/logs.segments/logs.segment.rsc +1 -1
- package/.next/server/app/messages.html +1 -1
- package/.next/server/app/messages.rsc +1 -1
- package/.next/server/app/messages.segments/_full.segment.rsc +1 -1
- package/.next/server/app/messages.segments/_head.segment.rsc +1 -1
- package/.next/server/app/messages.segments/_index.segment.rsc +1 -1
- package/.next/server/app/messages.segments/_tree.segment.rsc +1 -1
- package/.next/server/app/messages.segments/messages/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/messages.segments/messages.segment.rsc +1 -1
- package/.next/server/app/node.html +1 -1
- package/.next/server/app/node.rsc +1 -1
- package/.next/server/app/node.segments/_full.segment.rsc +1 -1
- package/.next/server/app/node.segments/_head.segment.rsc +1 -1
- package/.next/server/app/node.segments/_index.segment.rsc +1 -1
- package/.next/server/app/node.segments/_tree.segment.rsc +1 -1
- package/.next/server/app/node.segments/node/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/node.segments/node.segment.rsc +1 -1
- package/.next/server/app/nodes.html +1 -1
- package/.next/server/app/nodes.rsc +1 -1
- package/.next/server/app/nodes.segments/_full.segment.rsc +1 -1
- package/.next/server/app/nodes.segments/_head.segment.rsc +1 -1
- package/.next/server/app/nodes.segments/_index.segment.rsc +1 -1
- package/.next/server/app/nodes.segments/_tree.segment.rsc +1 -1
- package/.next/server/app/nodes.segments/nodes/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/nodes.segments/nodes.segment.rsc +1 -1
- package/.next/server/app/page_client-reference-manifest.js +1 -1
- package/.next/server/app/server-logs.html +1 -1
- package/.next/server/app/server-logs.rsc +1 -1
- package/.next/server/app/server-logs.segments/_full.segment.rsc +1 -1
- package/.next/server/app/server-logs.segments/_head.segment.rsc +1 -1
- package/.next/server/app/server-logs.segments/_index.segment.rsc +1 -1
- package/.next/server/app/server-logs.segments/_tree.segment.rsc +1 -1
- package/.next/server/app/server-logs.segments/server-logs/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/server-logs.segments/server-logs.segment.rsc +1 -1
- package/.next/server/app/settings/networks.html +1 -1
- package/.next/server/app/settings/networks.rsc +1 -1
- package/.next/server/app/settings/networks.segments/_full.segment.rsc +1 -1
- package/.next/server/app/settings/networks.segments/_head.segment.rsc +1 -1
- package/.next/server/app/settings/networks.segments/_index.segment.rsc +1 -1
- package/.next/server/app/settings/networks.segments/_tree.segment.rsc +1 -1
- package/.next/server/app/settings/networks.segments/settings/networks/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/settings/networks.segments/settings/networks.segment.rsc +1 -1
- package/.next/server/app/settings/networks.segments/settings.segment.rsc +1 -1
- package/.next/server/app/settings/page_client-reference-manifest.js +1 -1
- package/.next/server/app/settings/tokens.html +1 -1
- package/.next/server/app/settings/tokens.rsc +1 -1
- package/.next/server/app/settings/tokens.segments/_full.segment.rsc +1 -1
- package/.next/server/app/settings/tokens.segments/_head.segment.rsc +1 -1
- package/.next/server/app/settings/tokens.segments/_index.segment.rsc +1 -1
- package/.next/server/app/settings/tokens.segments/_tree.segment.rsc +1 -1
- package/.next/server/app/settings/tokens.segments/settings/tokens/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/settings/tokens.segments/settings/tokens.segment.rsc +1 -1
- package/.next/server/app/settings/tokens.segments/settings.segment.rsc +1 -1
- package/.next/server/app/settings.html +2 -2
- package/.next/server/app/settings.rsc +2 -2
- package/.next/server/app/settings.segments/_full.segment.rsc +2 -2
- package/.next/server/app/settings.segments/_head.segment.rsc +1 -1
- package/.next/server/app/settings.segments/_index.segment.rsc +1 -1
- package/.next/server/app/settings.segments/_tree.segment.rsc +1 -1
- package/.next/server/app/settings.segments/settings/__PAGE__.segment.rsc +2 -2
- package/.next/server/app/settings.segments/settings.segment.rsc +1 -1
- package/.next/server/app/tasks.html +1 -1
- package/.next/server/app/tasks.rsc +1 -1
- package/.next/server/app/tasks.segments/_full.segment.rsc +1 -1
- package/.next/server/app/tasks.segments/_head.segment.rsc +1 -1
- package/.next/server/app/tasks.segments/_index.segment.rsc +1 -1
- package/.next/server/app/tasks.segments/_tree.segment.rsc +1 -1
- package/.next/server/app/tasks.segments/tasks/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/tasks.segments/tasks.segment.rsc +1 -1
- package/.next/server/chunks/ssr/agent-network-dashboard_09kk21a._.js +1 -1
- package/.next/server/chunks/ssr/agent-network-dashboard_09kk21a._.js.map +1 -1
- package/.next/server/chunks/ssr/agent-network-dashboard_app_01jhlxz._.js +1 -1
- package/.next/server/chunks/ssr/agent-network-dashboard_app_01jhlxz._.js.map +1 -1
- package/.next/server/chunks/ssr/agent-network-dashboard_app_09d29my._.js +1 -1
- package/.next/server/chunks/ssr/agent-network-dashboard_app_09d29my._.js.map +1 -1
- package/.next/server/middleware-build-manifest.js +3 -3
- package/.next/server/pages/404.html +1 -1
- package/.next/server/pages/500.html +1 -1
- package/.next/static/chunks/{11yp34iud2tmj.js → 04sya_8oheege.js} +1 -1
- package/.next/static/chunks/{0hhuu9cikf0n..js → 08c-dt44c.swe.js} +1 -1
- package/.next/static/chunks/{16yv0b5n9116i.js → 12e0z26h2p0xl.js} +1 -1
- package/.next/trace +2 -2
- package/.next/trace-build +1 -1
- package/app/components/TopoGraph.tsx +4 -4
- package/package.json +1 -1
- package/scripts/topo-filter-pill-weight-test.mjs +75 -0
- /package/.next/static/{jAnS_LMN0LBxGPylMHZ8W → CkuUcpLXVJ-OsmjZqi3xX}/_buildManifest.js +0 -0
- /package/.next/static/{jAnS_LMN0LBxGPylMHZ8W → CkuUcpLXVJ-OsmjZqi3xX}/_clientMiddlewareManifest.js +0 -0
- /package/.next/static/{jAnS_LMN0LBxGPylMHZ8W → CkuUcpLXVJ-OsmjZqi3xX}/_ssgManifest.js +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
module.exports=[83077,(a,b,c)=>{},33737,(a,b,c)=>{a.r(83077);var d=a.r(54413),e=d&&"object"==typeof d&&"default"in d?d:{default:d},f="u">typeof process&&process.env&&!0,g=function(a){return"[object String]"===Object.prototype.toString.call(a)},h=function(){function a(a){var b=void 0===a?{}:a,c=b.name,d=void 0===c?"stylesheet":c,e=b.optimizeForSpeed,h=void 0===e?f:e;i(g(d),"`name` must be a string"),this._name=d,this._deletedRulePlaceholder="#"+d+"-deleted-rule____{}",i("boolean"==typeof h,"`optimizeForSpeed` must be a boolean"),this._optimizeForSpeed=h,this._serverSheet=void 0,this._tags=[],this._injected=!1,this._rulesCount=0,this._nonce=null}var b,c=a.prototype;return c.setOptimizeForSpeed=function(a){i("boolean"==typeof a,"`setOptimizeForSpeed` accepts a boolean"),i(0===this._rulesCount,"optimizeForSpeed cannot be when rules have already been inserted"),this.flush(),this._optimizeForSpeed=a,this.inject()},c.isOptimizeForSpeed=function(){return this._optimizeForSpeed},c.inject=function(){var a=this;i(!this._injected,"sheet already injected"),this._injected=!0,this._serverSheet={cssRules:[],insertRule:function(b,c){return"number"==typeof c?a._serverSheet.cssRules[c]={cssText:b}:a._serverSheet.cssRules.push({cssText:b}),c},deleteRule:function(b){a._serverSheet.cssRules[b]=null}}},c.getSheetForTag=function(a){if(a.sheet)return a.sheet;for(var b=0;b<document.styleSheets.length;b++)if(document.styleSheets[b].ownerNode===a)return document.styleSheets[b]},c.getSheet=function(){return this.getSheetForTag(this._tags[this._tags.length-1])},c.insertRule=function(a,b){return i(g(a),"`insertRule` accepts only strings"),"number"!=typeof b&&(b=this._serverSheet.cssRules.length),this._serverSheet.insertRule(a,b),this._rulesCount++},c.replaceRule=function(a,b){this._optimizeForSpeed;var c=this._serverSheet;if(b.trim()||(b=this._deletedRulePlaceholder),!c.cssRules[a])return a;c.deleteRule(a);try{c.insertRule(b,a)}catch(d){f||console.warn("StyleSheet: illegal rule: \n\n"+b+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),c.insertRule(this._deletedRulePlaceholder,a)}return a},c.deleteRule=function(a){this._serverSheet.deleteRule(a)},c.flush=function(){this._injected=!1,this._rulesCount=0,this._serverSheet.cssRules=[]},c.cssRules=function(){return this._serverSheet.cssRules},c.makeStyleTag=function(a,b,c){b&&i(g(b),"makeStyleTag accepts only strings as second parameter");var d=document.createElement("style");this._nonce&&d.setAttribute("nonce",this._nonce),d.type="text/css",d.setAttribute("data-"+a,""),b&&d.appendChild(document.createTextNode(b));var e=document.head||document.getElementsByTagName("head")[0];return c?e.insertBefore(d,c):e.appendChild(d),d},b=[{key:"length",get:function(){return this._rulesCount}}],function(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}(a.prototype,b),a}();function i(a,b){if(!a)throw Error("StyleSheet: "+b+".")}var j=function(a){for(var b=5381,c=a.length;c;)b=33*b^a.charCodeAt(--c);return b>>>0},k={};function l(a,b){if(!b)return"jsx-"+a;var c=String(b),d=a+c;return k[d]||(k[d]="jsx-"+j(a+"-"+c)),k[d]}function m(a,b){var c=a+(b=b.replace(/\/style/gi,"\\/style"));return k[c]||(k[c]=b.replace(/__jsx-style-dynamic-selector/g,a)),k[c]}var n=function(){function a(a){var b=void 0===a?{}:a,c=b.styleSheet,d=void 0===c?null:c,e=b.optimizeForSpeed,f=void 0!==e&&e;this._sheet=d||new h({name:"styled-jsx",optimizeForSpeed:f}),this._sheet.inject(),d&&"boolean"==typeof f&&(this._sheet.setOptimizeForSpeed(f),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),this._fromServer=void 0,this._indices={},this._instancesCounts={}}var b=a.prototype;return b.add=function(a){var b=this;void 0===this._optimizeForSpeed&&(this._optimizeForSpeed=Array.isArray(a.children),this._sheet.setOptimizeForSpeed(this._optimizeForSpeed),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed());var c=this.getIdAndRules(a),d=c.styleId,e=c.rules;if(d in this._instancesCounts){this._instancesCounts[d]+=1;return}var f=e.map(function(a){return b._sheet.insertRule(a)}).filter(function(a){return -1!==a});this._indices[d]=f,this._instancesCounts[d]=1},b.remove=function(a){var b=this,c=this.getIdAndRules(a).styleId;if(function(a,b){if(!a)throw Error("StyleSheetRegistry: "+b+".")}(c in this._instancesCounts,"styleId: `"+c+"` not found"),this._instancesCounts[c]-=1,this._instancesCounts[c]<1){var d=this._fromServer&&this._fromServer[c];d?(d.parentNode.removeChild(d),delete this._fromServer[c]):(this._indices[c].forEach(function(a){return b._sheet.deleteRule(a)}),delete this._indices[c]),delete this._instancesCounts[c]}},b.update=function(a,b){this.add(b),this.remove(a)},b.flush=function(){this._sheet.flush(),this._sheet.inject(),this._fromServer=void 0,this._indices={},this._instancesCounts={}},b.cssRules=function(){var a=this,b=this._fromServer?Object.keys(this._fromServer).map(function(b){return[b,a._fromServer[b]]}):[],c=this._sheet.cssRules();return b.concat(Object.keys(this._indices).map(function(b){return[b,a._indices[b].map(function(a){return c[a].cssText}).join(a._optimizeForSpeed?"":"\n")]}).filter(function(a){return!!a[1]}))},b.styles=function(a){var b,c;return b=this.cssRules(),void 0===(c=a)&&(c={}),b.map(function(a){var b=a[0],d=a[1];return e.default.createElement("style",{id:"__"+b,key:"__"+b,nonce:c.nonce?c.nonce:void 0,dangerouslySetInnerHTML:{__html:d}})})},b.getIdAndRules=function(a){var b=a.children,c=a.dynamic,d=a.id;if(c){var e=l(d,c);return{styleId:e,rules:Array.isArray(b)?b.map(function(a){return m(e,a)}):[m(e,b)]}}return{styleId:l(d),rules:Array.isArray(b)?b:[b]}},b.selectFromServer=function(){return Array.prototype.slice.call(document.querySelectorAll('[id^="__jsx-"]')).reduce(function(a,b){return a[b.id.slice(2)]=b,a},{})},a}(),o=d.createContext(null);function p(){return new n}function q(){return d.useContext(o)}function r(a){var b=q();return b&&b.add(a),null}o.displayName="StyleSheetContext",e.default.useInsertionEffect||e.default.useLayoutEffect,r.dynamic=function(a){return a.map(function(a){return l(a[0],a[1])}).join(" ")},c.StyleRegistry=function(a){var b=a.registry,c=a.children,f=d.useContext(o),g=d.useState(function(){return f||b||p()})[0];return e.default.createElement(o.Provider,{value:g},c)},c.createStyleRegistry=p,c.style=r,c.useStyleRegistry=q},72100,(a,b,c)=>{b.exports=a.r(33737).style},87515,a=>{"use strict";var b=a.i(64247),c=a.i(54413),d=a.i(88534),e=a.i(92088);function f({online:a,working:c,total:d,version:e,uptime:h}){let i=d>0?Math.round(a/d*100):0,j=0===d;return(0,b.jsxs)("div",{className:j?"mb-4":"mb-8",children:[(0,b.jsxs)("div",{className:"flex flex-wrap items-center gap-3 mb-4",children:[(0,b.jsx)("h1",{className:"text-2xl font-bold text-white tracking-tight",children:"Agent Network"}),(0,b.jsxs)("span",{className:"text-xs text-gray-500",children:["CommHub ",e," · ",h]})]}),j?(0,b.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,b.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,b.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full bg-gray-600"}),(0,b.jsx)("span",{className:"text-gray-300 tabular-nums",children:"0"})," online"]}),(0,b.jsx)("span",{className:"text-gray-700",children:"·"}),(0,b.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,b.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full bg-gray-600"}),(0,b.jsx)("span",{className:"text-gray-300 tabular-nums",children:"0"})," working"]}),(0,b.jsx)("span",{className:"text-gray-700",children:"·"}),(0,b.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,b.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full bg-gray-600"}),(0,b.jsx)("span",{className:"text-gray-300 tabular-nums",children:"0"})," registered"]})]}):(0,b.jsxs)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3",children:[(0,b.jsx)(g,{value:a,label:"Online",sub:`${i}% of fleet`,color:"text-green-400",accent:"from-green-500/20 to-green-500/0",border:"border-green-500/15"}),(0,b.jsx)(g,{value:c,label:"Working",sub:a>0?`${Math.round(c/a*100)}% utilization`:"--",color:"text-cyan-400",accent:"from-cyan-500/20 to-cyan-500/0",border:"border-cyan-500/15"}),(0,b.jsx)(g,{value:d-a,label:"Offline",sub:d-a==0?"All systems go":`${d-a} disconnected`,color:"text-gray-400",accent:"from-gray-500/10 to-gray-500/0",border:"border-gray-500/15"}),(0,b.jsx)(g,{value:d,label:"Total",sub:"Registered nodes",color:"text-white",accent:"from-blue-500/15 to-blue-500/0",border:"border-blue-500/15"})]})]})}function g({value:a,label:c,sub:d,color:e,accent:f,border:h}){let i=e.replace("text-","").split("-")[0];return(0,b.jsxs)("div",{"data-anet-stat-card":i,className:`anet-stat-card relative overflow-hidden rounded-xl border ${h} bg-[#111128] px-4 py-3 transition-all`,children:[(0,b.jsx)("div",{className:`absolute inset-0 bg-gradient-to-br ${f} pointer-events-none`}),(0,b.jsxs)("div",{className:"relative",children:[(0,b.jsx)("div",{className:`text-3xl font-bold ${e} tabular-nums leading-tight`,children:a}),(0,b.jsx)("div",{className:"text-sm text-gray-300 mt-0.5",children:c}),(0,b.jsx)("div",{className:"text-xs text-gray-600 mt-1",children:d})]})]})}function h(){let[a,d]=(0,c.useState)(""),[e,f]=(0,c.useState)(!1),[g,h]=(0,c.useState)(""),i=async()=>{if(a.trim()){f(!0),h("");try{let b=await fetch("/api/hub/broadcast",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({message:a})}),c=await b.json();c.ok?(h(`Broadcast sent to ${c.recipients} node(s)`),d("")):h(`Failed: ${c.error||"Send error"}`)}catch(a){h(`Failed: ${a instanceof Error?a.message:"Send error"}`)}f(!1),setTimeout(()=>h(""),5e3)}};return(0,b.jsxs)("div",{className:"mb-6",children:[(0,b.jsxs)("div",{className:"flex gap-2",children:[(0,b.jsx)("input",{type:"text",value:a,onChange:a=>d(a.target.value),onKeyDown:a=>"Enter"===a.key&&i(),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,b.jsx)("button",{onClick:i,disabled:e||!a.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:e?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)("svg",{"aria-hidden":!0,className:"w-4 h-4 animate-spin",viewBox:"0 0 24 24",fill:"none",children:[(0,b.jsx)("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"3",opacity:"0.25"}),(0,b.jsx)("path",{d:"M4 12a8 8 0 018-8",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round"})]}),(0,b.jsx)("span",{children:"Sending…"})]}):(0,b.jsxs)(b.Fragment,{children:[(0,b.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,b.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,b.jsx)("path",{d:"M16 8a5 5 0 0 1 0 6",opacity:"0.7"}),(0,b.jsx)("path",{d:"M19 5a9 9 0 0 1 0 12",opacity:"0.45"})]}),(0,b.jsx)("span",{children:"Broadcast"})]})})]}),a.length>0&&(0,b.jsxs)("div",{className:"text-right text-xs text-gray-600 mt-1 tabular-nums",children:[a.length,"/500"]}),g&&(0,b.jsx)("div",{className:`mt-3 text-sm text-center anet-fade-in ${g.startsWith("Failed")?"text-red-400":"text-green-400/80"}`,children:g})]})}var i=a.i(57389),j=a.i(99309),k=a.i(8893),l=a.i(91328),m=a.i(9943),n=a.i(92945);function o({alias:a,onClose:d}){let[e,f]=(0,c.useState)({x:0,y:0}),[g,h]=(0,c.useState)({w:380,h:520}),i=(0,c.useRef)({active:!1,startX:0,startY:0,baseX:0,baseY:0}),j=(0,c.useRef)({active:!1,startX:0,startY:0,baseW:0,baseH:0}),{sessions:p}=(0,m.useSessions)(),q=(0,c.useMemo)(()=>p.find(b=>b.alias===a),[p,a]),r=q&&"offline"!==q.status?null:(0,n.relativeAgo)(q?.last_seen_at),s=(0,c.useCallback)((a,b,c,d)=>({x:Math.min(Math.max(16,a),Math.max(16,window.innerWidth-c-16)),y:Math.min(Math.max(16,b),Math.max(16,window.innerHeight-d-16))}),[]);(0,c.useEffect)(()=>{let a=()=>{let a=window.innerWidth,b=window.innerHeight,c=Math.min(380,a-32),d=Math.min(520,b-96);h({w:c,h:d});let e=a<640;f(s(e?16:a-c-24,e?b-d-16:96,c,d))};return a(),window.addEventListener("resize",a),()=>window.removeEventListener("resize",a)},[s]),(0,c.useEffect)(()=>{let a=a=>{"Escape"===a.key&&d()};return window.addEventListener("keydown",a),()=>window.removeEventListener("keydown",a)},[d]);let t=a=>{if(i.current.active){i.current.active=!1;try{a.currentTarget.releasePointerCapture?.(a.pointerId)}catch{}}},u=a=>{if(j.current.active){j.current.active=!1,a.stopPropagation();try{a.currentTarget.releasePointerCapture?.(a.pointerId)}catch{}}};return(0,b.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:e.x,top:e.y,width:g.w,height:g.h},role:"dialog","aria-label":`Chat with ${a}`,children:[(0,b.jsxs)("div",{onPointerDown:a=>{0===a.button&&(a.currentTarget.setPointerCapture?.(a.pointerId),i.current={active:!0,startX:a.clientX,startY:a.clientY,baseX:e.x,baseY:e.y})},onPointerMove:a=>{let b=i.current;b.active&&f(s(b.baseX+(a.clientX-b.startX),b.baseY+(a.clientY-b.startY),g.w,g.h))},onPointerUp:t,onPointerCancel:t,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,b.jsxs)("div",{className:"flex items-center gap-2.5 min-w-0",children:[(0,b.jsx)(k.AliasAvatar,{alias:a,size:28}),(0,b.jsxs)("div",{className:"min-w-0",children:[(0,b.jsx)("div",{className:"text-sm font-semibold text-[var(--fg)] truncate",children:a}),q?.project_dir?(0,b.jsxs)("div",{className:"text-[10px] text-[var(--fg-muted)] truncate font-mono",title:q.project_dir,"data-popover-cwd":!0,children:["cwd: ",q.project_dir]}):null,r?(0,b.jsxs)("div",{className:"text-[10px] text-[var(--fg-muted)] truncate","data-popover-lastseen":!0,children:["last seen: ",r]}):null,q?.project_dir||r?null:(0,b.jsx)("div",{className:"text-[10px] text-[var(--fg-muted)]",children:"Drag to move · Esc to close"})]})]}),(0,b.jsx)("button",{onClick:d,onPointerDown:a=>a.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,b.jsx)("svg",{className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})})]}),(0,b.jsx)("div",{className:"flex-1 min-h-0",children:(0,b.jsx)(l.TaskChatPanel,{alias:a,onClose:d,inline:!0})}),(0,b.jsx)("div",{onPointerDown:a=>{0===a.button&&(a.stopPropagation(),a.currentTarget.setPointerCapture?.(a.pointerId),j.current={active:!0,startX:a.clientX,startY:a.clientY,baseW:g.w,baseH:g.h})},onPointerMove:a=>{let b=j.current;if(!b.active)return;a.stopPropagation();let c=Math.max(300,window.innerWidth-e.x-16),d=Math.max(320,window.innerHeight-e.y-16);h({w:Math.min(c,Math.max(300,b.baseW+(a.clientX-b.startX))),h:Math.min(d,Math.max(320,b.baseH+(a.clientY-b.startY)))})},onPointerUp:u,onPointerCancel:u,"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,b.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,b.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},q=[{test:a=>a.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:a=>a.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:"/vendors/minimax.svg"}},{test:a=>a.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:"/vendors/claude.svg"}},{test:a=>a.startsWith("gpt")||a.startsWith("codex")||a.startsWith("o1")||a.startsWith("o3")||a.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:"/vendors/openai.svg"}}];function r(a){if(!a)return p;let b=a.toLowerCase();for(let a of q)if(a.test(b))return a.vendor;return p}let s={"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 t(a){return a?s[a]??null:null}let u=async a=>{let b=await fetch(a);return b.ok?b.json():null};function v(a,b,c,d=0){let e=b<=2?Math.PI:1.78*Math.PI,f=-Math.PI/2-e/2,g=b<=1?-Math.PI/2:f+e*a/(b-1)+d;return{x:500+c*Math.cos(g),y:330+c*Math.sin(g)}}function w(a,b,c=0){let d=(a.x+b.x)/2,e=(a.y+b.y)/2,f=b.x-a.x,g=b.y-a.y,h=Math.hypot(f,g)||1,i={x:d+-g/h*c,y:e+f/h*c};return`M${a.x},${a.y} Q${i.x},${i.y} ${b.x},${b.y}`}function x(a,b){return a.length>b?`${a.slice(0,b-1)}...`:a}function y({sessions:a}){let d=(0,c.useRef)(Date.now()),[e,f]=(0,c.useState)(()=>Date.now());(0,c.useEffect)(()=>{d.current=Date.now()},[a]),(0,c.useEffect)(()=>{let a=setInterval(()=>f(Date.now()),1e3);return()=>clearInterval(a)},[]);let g=Math.max(0,Math.floor((e-d.current)/1e3)),h=g>10;return h?(0,b.jsxs)("span",{className:`hidden sm:inline px-2.5 py-1 rounded-md font-mono font-medium border transition-colors duration-300 ${h?"bg-amber-500/10 text-amber-300 border-amber-500/20":"bg-gray-500/10 text-gray-400 border-gray-500/20"}`,title:h?`Last sync ${g}s ago — SWR refresh may be lagging`:`Live data \xb7 refreshes every 5s \xb7 last sync ${g}s ago`,"data-freshness-chip":!0,"data-freshness-chip-stale":h?"true":"false",children:[h?"lag":"live"," · ",g,"s"]}):null}function z(a,b,c){return b?"working"===a.status?{label:"working",primary:c?"#059669":"#22c55e",halo:c?"#d1fae5":"#14532d",text:c?"#065f46":"#dcfce7"}:"idle"===a.status?{label:"idle",primary:c?"#0d9488":"#2dd4bf",halo:c?"#ccfbf1":"#134e4a",text:c?"#115e59":"#ccfbf1"}:{label:a.status||"online",primary:c?"#0284c7":"#38bdf8",halo:c?"#e0f2fe":"#0c4a6e",text:c?"#0c4a6e":"#e0f2fe"}:{label:"offline",primary:c?"#94a3b8":"#6b7280",halo:c?"#e2e8f0":"#111827",text:c?"#475569":"#9ca3af"}}let A={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"},B={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 C(a,b){let c=0;for(;c<a.length&&c<b.length&&a[c]===b[c];)c++;return a.slice(0,c)}function D(a){let b=a.length,c=a.map((a,b)=>b),d=a=>{for(;c[a]!==a;)c[a]=c[c[a]],a=c[a];return a},e=(a,b)=>{let e=d(a),f=d(b);e!==f&&(c[e]=f)},f={};for(let b of(a.forEach((a,b)=>{let c=a.project_dir?.trim();c&&(f[c]||=[]).push(b)}),Object.values(f)))for(let a=1;a<b.length;a++)e(b[0],b[a]);let g=a.map((a,b)=>b).sort((b,c)=>a[b].alias.localeCompare(a[c].alias));for(let b=0;b+1<g.length;b++)C(a[g[b]].alias,a[g[b+1]].alias).length>=2&&e(g[b],g[b+1]);let h={};for(let a=0;a<b;a++)(h[d(a)]||=[]).push(a);let i={};for(let b of Object.values(h)){let c;if(1===b.length)c=a[b[0]].alias;else{let d=new Set(b.map(b=>a[b].project_dir?.trim()).filter(Boolean));if(1===d.size){let a=[...d][0];c=a.split("/").filter(Boolean).pop()||a}else(c=b.map(b=>a[b].alias).reduce((a,b)=>C(a,b))).length<2&&(c=a[b[0]].alias)}for(let d of b)i[a[d].alias]=c}return i}function E(a,b){let c=new Map;return a.forEach(a=>{if(!b[a.from_alias]||!b[a.to_alias]||a.from_alias===a.to_alias)return;let d=`${a.from_alias}->${a.to_alias}`,e=c.get(d),f=a.created_at||"",g=e?f>e.last_at?f:e.last_at:f;c.set(d,{key:d,from:a.from_alias,to:a.to_alias,count:(e?.count||0)+1,content:e?.content||a.content,last_at:g})}),[...c.values()].slice(0,18)}function F({sessions:a,sseSessions:d,renameSignal:e}){let f,g,h,l,m,p,q,s,C,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,$,_,aa,ab,ac,ad,ae,af,ag,ah,ai,aj,ak,al,am,an,ao,ap,aq,ar,as,at,au,av,aw,ax,ay="light"===function(){let[a,b]=(0,c.useState)("dark");return(0,c.useEffect)(()=>{let a=()=>{let a=document.documentElement.getAttribute("data-theme")||"cyber";b("light"===a||"mint"===a?"light":"dark")};a();let c=new MutationObserver(a);return c.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>c.disconnect()},[]),a}(),az=function(){let[a,b]=(0,c.useState)(!1);return(0,c.useEffect)(()=>{},[]),a}(),aA=ay?B:A,aB="intern"===function(){let[a,b]=(0,c.useState)(null);return(0,c.useEffect)(()=>{try{let a=new URL(window.location.href).searchParams.get("brand");null!==a?""===a||"none"===a?(localStorage.removeItem("anet-brand"),b(null)):(localStorage.setItem("anet-brand",a),b(a)):b(localStorage.getItem("anet-brand"))}catch{}},[]),a}(),aC=function(){let{data:a}=(0,i.default)("/api/hub/servers",u,{refreshInterval:15e3,dedupingInterval:5e3});return(0,c.useMemo)(()=>{let b=new Map;for(let c of a?.servers??[]){let a=function(a){if("offline"===a.status)return null;let b=[null!=a.cpu_load_1min&&a.cpu_cores>0?a.cpu_load_1min/a.cpu_cores*100:null,null!=a.mem_used_gb&&null!=a.mem_total_gb&&a.mem_total_gb>0?a.mem_used_gb/a.mem_total_gb*100:null,null!=a.disk_used_gb&&null!=a.disk_total_gb&&a.disk_total_gb>0?a.disk_used_gb/a.disk_total_gb*100:null].filter(a=>"number"==typeof a);if(0===b.length)return null;let c=Math.max(...b);return c>=85?"red":c>=60?"amber":"green"}(c);a&&b.set(c.hostname,a)}return b},[a])}(),aD=(0,j.useRouter)(),[aE,aF]=(0,c.useState)([]),[aG,aH]=(0,c.useState)("ring");(0,c.useEffect)(()=>{try{let b=localStorage.getItem("anet-topo-layout");"grid"===b||"ring"===b?aH(b):a.length>=20&&aH("grid")}catch{}},[]);let[aI,aJ]=(0,c.useState)(!1),aK=()=>{aJ(!0),setTimeout(()=>aJ(!1),400),aH(a=>{let b="ring"===a?"grid":"ring";try{localStorage.setItem("anet-topo-layout",b)}catch{}return b})},[aL,aM]=(0,c.useState)(.84);(0,c.useEffect)(()=>{try{let a=parseFloat(localStorage.getItem("anet-topo-nodescale")||"");(.7===a||.84===a||1===a)&&aM(a)}catch{}},[]);let[aN,aO]=(0,c.useState)(!1);(0,c.useEffect)(()=>{let a=async()=>{try{let a=await fetch("/api/hub/messages?limit=50");if(401===a.status)return void window.location.assign("/login");let b=await a.json();aF(b.messages||[])}catch{}};a();let b=setInterval(a,5e3);return()=>clearInterval(b)},[]);let{onlineNodes:aP,offlineNodes:aQ,nodePositions:aR,flowLinks:aS,activeAliases:aT,groupKeys:aU,groupBoxes:aV,gridContentBottom:aW}=(0,c.useMemo)(()=>{let b=a=>(a.network_id?d[`${a.network_id}:${a.alias}`]:void 0)??d[a.alias],c=(a,b)=>a.alias.localeCompare(b.alias),e=Date.now(),f=a.filter(a=>"offline"!==a.status||b(a)).sort(c),g=a.filter(a=>"offline"===a.status&&!b(a)&&!(a=>{if("offline"!==a.status||b(a)||!a.last_seen_at)return!1;let c=(0,n.parseHubTime)(a.last_seen_at);return null!==c&&e-c>36e5})(a)).sort(c),h={};if("grid"===aG){let a=[...f,...g],c=D(a),d=Math.max(1,Math.ceil(Math.sqrt(a.length))),e=700/d,i=Math.round(26*aL),j=[];for(let b of a){let a=c[b.alias],d=j[j.length-1];d&&d.key===a?d.members.push(b):j.push({key:a,members:[b]})}let k=[],l=0,m=0;for(;m<j.length;)if(j[m].members.length>=2)k.push({members:j[m].members,startRow:l,centred:!1,isGroup:!0}),l+=Math.ceil(j[m].members.length/d),m++;else{let a=[];for(;m<j.length&&j[m].members.length<2;)a.push(j[m].members[0]),m++;k.push({members:a,startRow:l,centred:!0,isGroup:!1}),l+=Math.ceil(a.length/d)}let n=Math.max(1,l),o=i+20,p=Math.max(2*i+22,o+12,i+(aL<.8?12:14)+o+3,Math.min(100,526/n));for(let a of k)a.members.forEach((b,c)=>{let f=Math.floor(c/d),g=c%d,i=Math.min(d,a.members.length-f*d),j=a.centred?(d-i)*e/2:0;h[b.alias]={x:150+j+(g+.5)*e,y:126+(a.startRow+f+.5)*p}});let q=E(aE,h),r=new Set;q.forEach(a=>{r.add(a.from),r.add(a.to)});let s=Math.max(8,Math.min(26,p-o-8)),t=k.filter(a=>a.isGroup).map(a=>{let d=a.members.map(a=>h[a.alias]).filter(Boolean),e=d.map(a=>a.x),f=d.map(a=>a.y),g=Math.min(...e),i=Math.min(...f),j=0,k=0,l=0;for(let c of a.members){let a="offline"!==c.status||!!b(c);"working"===c.status?j++:a?k++:l++}return{key:a.members.length?c[a.members[0].alias]:"",count:a.members.length,statuses:{working:j,idle:k,offline:l},x:g-s,y:i-o,w:Math.max(...e)-g+2*s,h:Math.max(...f)-i+o+s}});return{onlineNodes:f,offlineNodes:g,nodePositions:h,flowLinks:q,activeAliases:r,groupKeys:c,groupBoxes:t,gridContentBottom:126+n*p+8}}let i=f.length>14,j=!i&&f.length>8,k=f.length;if(i){let a=Math.ceil(f.length/3),b=f.slice(0,a),c=f.slice(a,2*a),d=f.slice(2*a);b.forEach((a,c)=>{h[a.alias]=v(c,Math.max(b.length,1),145)});let e=b.length<=2?Math.PI:1.78*Math.PI,g=b.length>1?e/(b.length-1):0;c.forEach((a,b)=>{h[a.alias]=v(b,Math.max(c.length,1),215,g/2)}),d.forEach((a,b)=>{h[a.alias]=v(b,Math.max(d.length,1),285)}),k=d.length}else if(j){let a=Math.ceil(f.length/2),b=f.length-a,c=f.slice(0,a),d=f.slice(a);c.forEach((b,c)=>{h[b.alias]=v(c,Math.max(a,1),175)});let e=a<=2?Math.PI:1.78*Math.PI,g=a>1?e/(a-1):0;d.forEach((a,c)=>{h[a.alias]=v(c,Math.max(b,1),260,g/2)}),k=b}else f.forEach((a,b)=>{h[a.alias]=v(b,Math.max(f.length,1),220)});let l=k<=2?Math.PI:1.78*Math.PI,m=k>1?l/(k-1):0,o=k>0?m/2:0,p=325+6*Math.max(0,g.length-4);g.forEach((a,b)=>{h[a.alias]=v(b,Math.max(g.length,1),p,o)});let q=E(aE,h),r=new Set;q.forEach(a=>{r.add(a.from),r.add(a.to)});let s=D([...f,...g]);return{onlineNodes:f,offlineNodes:g,nodePositions:h,flowLinks:q,activeAliases:r,groupKeys:s,groupBoxes:[],gridContentBottom:0}},[aE,a,d,aG,aL]),aX=aP.filter(a=>"working"===a.status).length,aY=(0,c.useMemo)(()=>{let a=new Map;for(let b of[...aP,...aQ]){let c=r(b.model),d="unknown"===c.id?"?":c.initial,e=a.get(d);e?e.count++:a.set(d,{initial:d,count:1,color:c.mono.text})}return[...a.values()].sort((a,b)=>b.count-a.count)},[aP,aQ]),aZ=aP.length+aQ.length>16,[a$,a_]=(0,c.useState)(null),[a0,a1]=(0,c.useState)(null),a2=a0??(a$?aU[a$]??a$:null),[a3,a4]=(0,c.useState)(()=>null),a5=a2??a3;(0,c.useEffect)(()=>{try{a3?sessionStorage.setItem("anet-topo-pinned-group",a3):sessionStorage.removeItem("anet-topo-pinned-group")}catch{}},[a3]),(0,c.useEffect)(()=>{!a3||new Set(Object.values(aU)).has(a3)||a4(null)},[a3,aU]);let[a6,a7]=(0,c.useState)(null),[a8,a9]=(0,c.useState)(null),ba=a6??a8,[bb,bc]=(0,c.useState)(!1),[bd,be]=(0,c.useState)(!1),[bf,bg]=(0,c.useState)(!1),[bh,bi]=(0,c.useState)(null),[bj,bk]=(0,c.useState)(null),[bl,bm]=(0,c.useState)(()=>null),bn=bj??bl;(0,c.useEffect)(()=>{try{bl?sessionStorage.setItem("anet-topo-pinned-vendor",bl):sessionStorage.removeItem("anet-topo-pinned-vendor")}catch{}},[bl]),(0,c.useEffect)(()=>{bl&&!aY.some(a=>a.initial===bl)&&bm(null)},[bl,aY]);let[bo,bp]=(0,c.useState)(null),[bq,br]=(0,c.useState)(()=>null),bs=bo??bq;(0,c.useEffect)(()=>{try{bq?sessionStorage.setItem("anet-topo-pinned-status",bq):sessionStorage.removeItem("anet-topo-pinned-status")}catch{}},[bq]),(0,c.useEffect)(()=>{let a=a=>{let b=a.detail||{};if("clear"===b.kind)br(null),a4(null),bm(null),a9(null);else if("clear-vendor"===b.kind)bm(null);else if("clear-edge"===b.kind)a9(null);else if("status"===b.kind){let a=b.value;("working"===a||"idle"===a||"offline"===a)&&br(a)}else"group"===b.kind&&"string"==typeof b.value?a4(b.value):"vendor"===b.kind&&"string"==typeof b.value&&bm(b.value)};return window.addEventListener("anet:topo-pin",a),()=>window.removeEventListener("anet:topo-pin",a)},[]);let bt=(0,c.useMemo)(()=>{if(!ba)return null;let a=aS.find(a=>a.key===ba);return a?new Set([a.from,a.to]):null},[ba,aS]),bu=(0,c.useRef)(null),bv=(0,c.useRef)(null),[bw,bx]=(0,c.useState)({zoom:1,x:0,y:0}),by=(0,c.useRef)(bw),bz=(0,c.useRef)({active:!1,startX:0,startY:0,baseX:0,baseY:0}),[bA,bB]=(0,c.useState)(!1),[bC,bD]=(0,c.useState)(!1),[bE,bF]=(0,c.useState)(null),bG=a=>{bF(a),setTimeout(()=>bF(b=>b===a?null:b),240)},[bH,bI]=(0,c.useState)(null),[bJ,bK]=(0,c.useState)(null);(0,c.useEffect)(()=>{e&&e.from===bH&&bI(e.to)},[e]),(0,c.useEffect)(()=>{by.current=bw},[bw]),(0,c.useEffect)(()=>{try{let a=localStorage.getItem("anet-topo-view");if(a){let b=JSON.parse(a);"number"==typeof b?.zoom&&bx({zoom:Math.min(4,Math.max(.5,b.zoom)),x:"number"==typeof b.x?b.x:0,y:"number"==typeof b.y?b.y:0})}}catch{}},[]);let[bL]=(0,c.useState)(()=>!1),bM=(0,c.useRef)(!1);(0,c.useEffect)(()=>{if(!bM.current){if(bL){bM.current=!0;return}if("grid"===aG&&0!==a.length&&aW){if(aW<=680){bM.current=!0;return}bx({zoom:Math.max(.5,Math.min(1,680/aW)),x:0,y:0}),bM.current=!0}}},[aG,a.length,aW,bL]),(0,c.useEffect)(()=>{try{localStorage.setItem("anet-topo-view",JSON.stringify(bw))}catch{}},[bw]),(0,c.useEffect)(()=>{let a=()=>bB(document.fullscreenElement===bu.current);return document.addEventListener("fullscreenchange",a),()=>document.removeEventListener("fullscreenchange",a)},[]),(0,c.useEffect)(()=>{let a=bv.current;if(!a)return;let b=b=>{if(!bA&&!b.ctrlKey&&!b.metaKey)return;b.preventDefault();let c=a.getBoundingClientRect(),d=(b.clientX-c.left)/c.width*1e3,e=(b.clientY-c.top)/c.height*680;bx(a=>{let c=Math.min(1.08,Math.max(.926,Math.exp(-(6e-4*b.deltaY)))),f=Math.min(4,Math.max(.5,a.zoom*c)),g=f/a.zoom;return{zoom:f,x:d-(d-a.x)*g,y:e-(e-a.y)*g}})};return a.addEventListener("wheel",b,{passive:!1}),()=>a.removeEventListener("wheel",b)},[bA]);let[bN,bO]=(0,c.useState)(!1),bP=a=>{if(bz.current.active){bz.current.active=!1,bO(!1);try{a.currentTarget.releasePointerCapture?.(a.pointerId)}catch{}}},bQ=a=>{bS(!0),setTimeout(()=>bS(!1),350),bx(b=>{let c=Math.min(4,Math.max(.5,b.zoom*a)),d=c/b.zoom;return{zoom:c,x:500-(500-b.x)*d,y:340-(340-b.y)*d}})},[bR,bS]=(0,c.useState)(!1),bT=()=>{bS(!0),setTimeout(()=>bS(!1),350),bx({zoom:1,x:0,y:0})},bU=(0,c.useCallback)(()=>{let a=!aW||aW<=680?1:Math.max(.5,Math.min(1,680/aW));bS(!0),setTimeout(()=>bS(!1),350),bx({zoom:a,x:0,y:0})},[aW]);return(0,c.useEffect)(()=>{let a=a=>{"toggle"===(a.detail||{}).kind&&aK()},b=a=>{"fit"===(a.detail||{}).kind&&bU()};return window.addEventListener("anet:topo-layout",a),window.addEventListener("anet:topo-view",b),()=>{window.removeEventListener("anet:topo-layout",a),window.removeEventListener("anet:topo-view",b)}},[bU]),(0,c.useEffect)(()=>{let a=a=>{if(a.ctrlKey||a.metaKey||a.altKey)return;let b=document.activeElement;if(b){let a=b.tagName;if("INPUT"===a||"TEXTAREA"===a||"SELECT"===a||b.isContentEditable)return}"+"===a.key||"="===a.key?(bQ(1.2),a.preventDefault()):"-"===a.key||"_"===a.key?(bQ(1/1.2),a.preventDefault()):"0"===a.key?(bT(),a.preventDefault()):"f"===a.key||"F"===a.key?(bU(),a.preventDefault()):"l"===a.key||"L"===a.key?(aK(),a.preventDefault()):"Escape"===a.key&&!bH&&(bq||a3||bl||a8)&&(bq&&br(null),a3&&a4(null),bl&&bm(null),a8&&a9(null),a.preventDefault())};return window.addEventListener("keydown",a),()=>window.removeEventListener("keydown",a)},[bU,bH,bq,a3,bl,a8]),(0,b.jsxs)("section",{className:"w-full max-w-6xl mx-auto mb-8",children:[(0,b.jsxs)("div",{className:`flex flex-col gap-2.5 sm:flex-row sm:items-end sm:justify-between mb-4 px-1${bA?" hidden":""}`,"data-topo-header-row":!0,"data-topo-header-hidden":bA?"true":"false",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,b.jsxs)("svg",{width:"40",height:"40",viewBox:"0 0 32 32","aria-hidden":!0,className:"shrink-0","data-topo-brand-logo":!0,style:{color:ay?"#0d9488":"#67e8f9",transition:"color 200ms ease-out"},children:[(0,b.jsxs)("mask",{id:"s2a-titleblock-moon-mask",children:[(0,b.jsx)("rect",{width:"32",height:"32",fill:"black"}),(0,b.jsx)("circle",{cx:"16",cy:"16",r:"13",fill:"white"}),(0,b.jsx)("circle",{cx:"20.5",cy:"14.5",r:"11",fill:"black"})]}),(0,b.jsx)("rect",{width:"32",height:"32",fill:"currentColor",mask:"url(#s2a-titleblock-moon-mask)"})]}),(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{className:"text-xs uppercase text-gray-500 tracking-widest leading-tight font-medium","data-topo-section-kicker":!0,children:"Network Topology"}),(0,b.jsx)("h2",{className:"text-lg text-white font-semibold leading-tight tracking-tight","data-topo-section-title":!0,children:"Command mesh"})]})]}),(0,b.jsxs)("div",{className:"flex flex-wrap items-center gap-2.5 text-xs",children:[(0,b.jsxs)("div",{className:"mr-0.5 inline-flex rounded-md border overflow-hidden",style:{borderColor:aA.containerBorder,transition:"border-color 200ms ease-out"},role:"group","aria-label":"Topology layout","data-topo-chrome-layout-trailer":!0,children:[(0,b.jsx)("button",{onClick:()=>{bG("layout-ring"),"ring"!==aG&&aK()},"aria-pressed":"ring"===aG,title:"Ring layout (l to toggle)","data-topo-chrome-layout":"ring","data-topo-chrome-layout-active":"ring"===aG?"true":"false","data-topo-chrome-layout-ring-popping":"layout-ring"===bE?"true":"false",className:`px-2.5 py-1 transition-colors focus:outline-none focus-visible:ring-1 focus-visible:ring-cyan-400/60 focus-visible:ring-inset ${"ring"===aG?"bg-cyan-500/15 text-cyan-300 font-medium hover:bg-cyan-500/20 active:bg-cyan-500/25":"text-gray-400 hover:text-cyan-300 hover:bg-cyan-500/5 active:bg-cyan-500/15"} ${"layout-ring"===bE?" anet-chrome-pop":""}`,children:"Ring"}),(0,b.jsx)("button",{onClick:()=>{bG("layout-grid"),"grid"!==aG&&aK()},"aria-pressed":"grid"===aG,title:"Grid layout (l to toggle)","data-topo-chrome-layout":"grid","data-topo-chrome-layout-active":"grid"===aG?"true":"false","data-topo-chrome-layout-grid-popping":"layout-grid"===bE?"true":"false",className:`px-2.5 py-1 border-l transition-colors focus:outline-none focus-visible:ring-1 focus-visible:ring-cyan-400/60 focus-visible:ring-inset ${"grid"===aG?"bg-cyan-500/15 text-cyan-300 font-medium hover:bg-cyan-500/20 active:bg-cyan-500/25":"text-gray-400 hover:text-cyan-300 hover:bg-cyan-500/5 active:bg-cyan-500/15"} ${"layout-grid"===bE?" anet-chrome-pop":""}`,style:{borderColor:aA.containerBorder},children:"Grid"})]}),(f=aP.filter(a=>"working"===a.status).map(a=>a.alias),g=aP.map(a=>a.alias),h=a=>a.slice(0,8).join(", ")+(a.length>8?` + ${a.length-8} more`:""),l=0===aX?void 0:"working"===bq?`${h(f)} — pinned, Esc to clear`:`${h(f)} — hover highlights, click to pin`,m=0===aP.length?void 0:"idle"===bq?`${h(g)} — pinned, Esc to clear`:`${h(g)} — hover highlights \xb7 click to open /nodes`,(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)("span",{className:`tabular-nums font-medium px-2.5 py-1 rounded-md border anet-topo-chip-focus transition-colors duration-200 ${aX>0?"bg-green-500/10 text-green-300 border-green-500/20 hover:bg-green-500/15 hover:border-green-500/30":"bg-green-500/10 text-green-300 border-green-500/20"}`,"data-working-chip":!0,"data-working-chip-aliases":f.join(","),"data-pin-mirror":"working"===bq?"true":"false","data-working-chip-clickable":aX>0?"true":"false","data-working-chip-empty":0===aX?"true":"false",title:l,role:aX>0?"button":void 0,tabIndex:aX>0?0:void 0,"aria-pressed":aX>0?"working"===bq:void 0,style:{cursor:aX>0?"pointer":void 0,opacity:0===aX?.5:1,boxShadow:"working"===bq?"inset 0 0 0 1px #4ade80, inset 0 0 0 2px rgba(255,255,255,0.45)":void 0,transition:"box-shadow 150ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out, opacity 200ms ease-out"},onMouseEnter:()=>{aX>0&&bp("working")},onMouseLeave:()=>bp(a=>"working"===a?null:a),onClick:()=>{aX>0&&br(a=>"working"===a?null:"working")},onKeyDown:a=>{0!==aX&&("Enter"===a.key||" "===a.key)&&(a.preventDefault(),br(a=>"working"===a?null:"working"))},children:[aX,(0,b.jsx)("span",{className:"opacity-70","data-working-chip-unit":!0,children:" working"})]}),(0,b.jsxs)("span",{className:`tabular-nums font-medium px-2.5 py-1 rounded-md border anet-topo-chip-focus transition-colors duration-200 ${aP.length>0?"bg-cyan-500/10 text-cyan-300 border-cyan-500/20 hover:bg-cyan-500/15 hover:border-cyan-500/30":"bg-cyan-500/10 text-cyan-300 border-cyan-500/20"}`,"data-online-chip":!0,"data-online-chip-aliases":g.join(","),"data-pin-mirror":"idle"===bq?"true":"false","data-online-chip-clickable":aP.length>0?"true":"false","data-online-chip-empty":0===aP.length?"true":"false",title:m,role:aP.length>0?"link":void 0,tabIndex:aP.length>0?0:void 0,style:{cursor:aP.length>0?"pointer":void 0,opacity:0===aP.length?.5:1,boxShadow:"idle"===bq?"inset 0 0 0 1px #67e8f9, inset 0 0 0 2px rgba(255,255,255,0.45)":void 0,transition:"box-shadow 150ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out, opacity 200ms ease-out"},onMouseEnter:()=>{let a=aP.length-aX;aX>0?bp("working"):a>0&&bp("idle")},onMouseLeave:()=>bp(a=>"working"===a||"idle"===a?null:a),onClick:()=>{aP.length>0&&aD.push("/nodes")},onKeyDown:a=>{0!==aP.length&&("Enter"===a.key||" "===a.key)&&(a.preventDefault(),aD.push("/nodes"))},children:[aP.length,(0,b.jsx)("span",{className:"opacity-70","data-online-chip-unit":!0,children:" online"})]})]})),(()=>{let a=aP.length-aX,c=aQ.length,d=aX+a+c;if(0===d)return null;let e=(a,c,e,f)=>{if(0===a)return null;let g=bq===e,h="working"===e?aP.filter(a=>"working"===a.status).map(a=>a.alias):"idle"===e?aP.filter(a=>"working"!==a.status).map(a=>a.alias):aQ.map(a=>a.alias),i=h.slice(0,8).join(", "),j=h.length>8?` + ${h.length-8} more`:"",k=g?"click to release filter":"click to highlight";return(0,b.jsx)("span",{"data-pressure-seg":e,"data-pressure-seg-aliases":h.join(","),"data-pressure-seg-hovered":bo===e?"true":"false",role:"button",tabIndex:0,"aria-pressed":g,className:"anet-topo-chip-focus",title:`${a} ${f}
|
|
2
2
|
${i}${j}
|
|
3
|
-
${k}`,style:{width:`${a/d*100}%`,background:c,height:"100%",cursor:"pointer",boxShadow:g?`inset 0 0 0 1px ${c}, inset 0 0 0 2px rgba(255,255,255,0.6)`:void 0,filter:bo===e?"brightness(1.2)":void 0,transition:"width 220ms ease-out, box-shadow 150ms ease-out, filter 150ms ease-out"},onClick:a=>{a.stopPropagation(),br(a=>a===e?null:e)},onKeyDown:a=>{("Enter"===a.key||" "===a.key)&&(a.preventDefault(),br(a=>a===e?null:e))},onMouseEnter:()=>bp(e),onMouseLeave:()=>bp(a=>a===e?null:a)},e)};return(0,b.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:`${aX} working \xb7 ${a} idle \xb7 ${c} offline`,"data-fleet-pressure":!0,children:[(0,b.jsx)("span",{className:"text-[10px] tracking-wide",children:"pressure"}),(0,b.jsxs)("span",{className:"inline-flex h-1.5 w-16 rounded-full overflow-hidden",style:{background:"rgb(75 85 99 / 0.25)"},children:[e(aX,ay?"#059669":"#22c55e","working","working"),e(a,ay?"#0d9488":"#2dd4bf","idle","idle"),e(c,ay?"#94a3b8":"#6b7280","offline","offline")]})]})})(),bq&&(p="working"===bq?aX:"idle"===bq?aP.length-aX:aQ.length,s=(q="working"===bq?aP.filter(a=>"working"===a.status).map(a=>a.alias):"idle"===bq?aP.filter(a=>"working"!==a.status).map(a=>a.alias):aQ.map(a=>a.alias)).slice(0,8).join(", "),C=q.length>8?` + ${q.length-8} more`:"",(0,b.jsxs)("span",{"data-active-filter":"status","data-filter-match-count":p,"data-filter-match-aliases":q.join(","),className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono text-xs border anet-fade-in anet-topo-chip-focus",title:p>0?`${s}${C} — click to clear`:"Click to clear filter",onClick:()=>br(null),style:{background:"working"===bq?ay?"#05966914":"#22c55e1f":"idle"===bq?ay?"#0d948814":"#2dd4bf1f":ay?"#94a3b814":"#6b72801f",color:"working"===bq?ay?"#047857":"#86efac":"idle"===bq?ay?"#0f766e":"#5eead4":ay?"#475569":"#9ca3af",borderColor:"currentColor",cursor:"pointer"},children:[(0,b.jsxs)("span",{children:[(0,b.jsx)("span",{className:"hidden sm:inline opacity-70","data-filter-prefix":!0,children:"filter: "}),bq,(0,b.jsxs)("span",{className:"opacity-70 tabular-nums","data-filter-pill-count":!0,children:[" · ",p]})]}),(0,b.jsx)("button",{type:"button","aria-label":`Clear ${bq} filter`,onClick:a=>{a.stopPropagation(),br(null)},className:"ml-0.5 leading-none hover:opacity-70",style:{background:"transparent",color:"inherit",cursor:"pointer",padding:0},children:"×"})]})),a3&&(G=Object.values(aU).filter(a=>a===a3).length,I=(H=Object.entries(aU).filter(([,a])=>a===a3).map(([a])=>a)).slice(0,8).join(", "),J=H.length>8?` + ${H.length-8} more`:"",(0,b.jsxs)("span",{"data-active-filter":"group","data-filter-match-count":G,"data-filter-match-aliases":H.join(","),className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono text-xs border anet-fade-in anet-topo-chip-focus",title:G>0?`${I}${J} — click to clear`:"Click to clear filter",onClick:()=>a4(null),style:{background:ay?"#67e8f914":"#67e8f91f",color:aA.legendAccent,borderColor:"currentColor",cursor:"pointer"},children:[(0,b.jsxs)("span",{children:[(0,b.jsx)("span",{className:"hidden sm:inline opacity-70","data-filter-prefix":!0,children:"filter: "}),a3,(0,b.jsxs)("span",{className:"opacity-70 tabular-nums","data-filter-pill-count":!0,children:[" · ",G]})]}),(0,b.jsx)("button",{type:"button","aria-label":`Clear group filter ${a3}`,onClick:a=>{a.stopPropagation(),a4(null)},className:"ml-0.5 leading-none hover:opacity-70",style:{background:"transparent",color:"inherit",cursor:"pointer",padding:0},children:"×"})]})),bl&&(K=aY.find(a=>a.initial===bl),L=K?.count??0,M=K?.color??aA.legendText,O=(N=[...aP,...aQ].filter(a=>{let b=r(a.model);return("unknown"===b.id?"?":b.initial)===bl}).map(a=>a.alias)).slice(0,8).join(", "),P=N.length>8?` + ${N.length-8} more`:"",(0,b.jsxs)("span",{"data-active-filter":"vendor","data-filter-match-count":L,"data-filter-match-aliases":N.join(","),className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono text-xs border anet-fade-in anet-topo-chip-focus",title:L>0?`${O}${P} — click to clear`:"Click to clear vendor filter",onClick:()=>bm(null),style:{background:`${M}1f`,color:M,borderColor:"currentColor",cursor:"pointer"},children:[(0,b.jsxs)("span",{children:[(0,b.jsx)("span",{className:"hidden sm:inline opacity-70","data-filter-prefix":!0,children:"filter: "}),bl,(0,b.jsxs)("span",{className:"opacity-70 tabular-nums","data-filter-pill-count":!0,children:[" · ",L]})]}),(0,b.jsx)("button",{type:"button","aria-label":`Clear vendor filter ${bl}`,onClick:a=>{a.stopPropagation(),bm(null)},className:"ml-0.5 leading-none hover:opacity-70",style:{background:"transparent",color:"inherit",cursor:"pointer",padding:0},children:"×"})]})),a8&&(()=>{let a=aS.find(a=>a.key===a8);if(!a)return null;let c=a.count>=10;return(0,b.jsxs)("span",{"data-active-filter":"edge","data-filter-match-count":a.count,"data-filter-match-aliases":`${a.from},${a.to}`,"data-active-filter-edge-hot":c?"true":"false",className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono text-xs border anet-fade-in anet-topo-chip-focus",title:`${a.from} → ${a.to} (${a.count} msg${1===a.count?"":"s"}${c?", hot lane · ≥ 10":""}) — click to clear`,onClick:()=>a9(null),style:{background:ay?`${aA.flowEdge}14`:`${aA.flowEdge}1f`,color:aA.flowEdge,borderColor:"currentColor",cursor:"pointer"},children:[(0,b.jsxs)("span",{children:[(0,b.jsx)("span",{className:"hidden sm:inline opacity-70","data-filter-prefix":!0,children:"filter: "}),a.from,"→",a.to,c?(0,b.jsxs)("span",{className:"opacity-90 tabular-nums",style:{color:ay?"#d97706":"#fbbf24",fontWeight:700},"data-active-filter-edge-count-hot":!0,children:[" · ",a.count]}):(0,b.jsxs)("span",{className:"opacity-70 tabular-nums","data-active-filter-edge-count":!0,children:[" · ",a.count]})]}),(0,b.jsx)("button",{type:"button","aria-label":`Clear edge filter ${a.from} → ${a.to}`,onClick:a=>{a.stopPropagation(),a9(null)},className:"ml-0.5 leading-none hover:opacity-70",style:{background:"transparent",color:"inherit",cursor:"pointer",padding:0},children:"×"})]})})(),(()=>{let a=+!!bq+ +!!a3+ +!!bl+ +!!a8;if(a<2)return null;let c=a8?aS.find(a=>a.key===a8):null,d=c?new Set([c.from,c.to]):null,e=[...aP,...aQ].filter(a=>{let b="offline"!==a.status;if("working"===bq&&"working"!==a.status||"idle"===bq&&!(b&&"working"!==a.status)||"offline"===bq&&b||a3&&(aU[a.alias]??a.alias)!==a3)return!1;if(bl){let b=r(a.model);if(("unknown"===b.id?"?":b.initial)!==bl)return!1}return!d||!!d.has(a.alias)}).map(a=>a.alias),f=e.slice(0,8).join(", "),g=e.length>8?` + ${e.length-8} more`:"",h=0===e.length,i=h?`No nodes pass all ${a} pinned filters — release one to widen (Esc clears all)`:`${f}${g} — nodes passing all ${a} pinned filters`;return(0,b.jsx)("span",{"data-pin-intersection":!0,"data-pin-dim-count":a,"data-pin-intersection-count":e.length,"data-pin-intersection-empty":h?"true":"false","data-pin-intersection-aliases":e.join(","),className:"hidden sm:inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono tabular-nums text-xs border anet-fade-in anet-topo-chip-focus",title:i,style:{background:h?ay?"#d9770614":"#fbbf241f":ay?"#94a3b814":"#94a3b81f",color:h?ay?"#d97706":"#fbbf24":ay?"#475569":"#9ca3af",borderColor:"currentColor",transition:"background-color 200ms ease-out, color 200ms ease-out, border-color 200ms ease-out"},children:(0,b.jsxs)("span",{children:[(0,b.jsx)("span",{className:"hidden sm:inline opacity-70","data-pin-intersection-prefix":!0,children:"match: "}),(0,b.jsx)("span",{className:"tabular-nums","data-pin-intersection-count-dims":!0,children:a}),(0,b.jsx)("span",{className:"opacity-70","data-pin-intersection-unit":!0,children:" pins"}),(0,b.jsxs)("span",{className:"opacity-70 tabular-nums","data-pin-intersection-count-matches":!0,children:[" · ",e.length]}),(0,b.jsx)("span",{className:"ml-1","aria-hidden":!0,"data-pin-intersection-warning":h?"true":"false",style:{opacity:+!!h,transition:"opacity 200ms ease-out"},children:"⚠"})]})})})(),aY.length>2&&(0,b.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:aY.map(a=>{let c=bl===a.initial,d=[...aP,...aQ].filter(b=>{let c=r(b.model);return("unknown"===c.id?"?":c.initial)===a.initial}).map(a=>a.alias),e=d.slice(0,8).join(", "),f=d.length>8?` + ${d.length-8} more`:"",g=c?`${e}${f} — click again or Esc to clear`:`${e}${f} — click to pin`;return(0,b.jsxs)("span",{role:"button",tabIndex:0,"aria-pressed":c,className:"tabular-nums font-medium inline-flex items-baseline gap-0.5 px-1 rounded anet-topo-chip-focus","data-vendor-letter":a.initial,"data-vendor-letter-count":a.count,"data-vendor-pinned":c?"true":"false","data-vendor-hovered":bj===a.initial?"true":"false","data-vendor-aliases":d.join(","),title:g,style:{cursor:"pointer",backgroundColor:bj!==a.initial||c?"transparent":`color-mix(in srgb, ${a.color} 12%, transparent)`,boxShadow:c?`inset 0 0 0 1px ${a.color}, inset 0 0 0 2px rgba(255,255,255,0.45)`:void 0,transition:"box-shadow 150ms ease-out, background-color 200ms ease-out"},onMouseEnter:()=>bk(a.initial),onMouseLeave:()=>bk(b=>b===a.initial?null:b),onClick:()=>bm(b=>b===a.initial?null:a.initial),onKeyDown:b=>{("Enter"===b.key||" "===b.key)&&(b.preventDefault(),bm(b=>b===a.initial?null:a.initial))},children:[(0,b.jsx)("span",{style:{color:a.color},children:a.initial}),(0,b.jsxs)("span",{className:"text-gray-400 tabular-nums","data-vendor-letter-count-suffix":!0,children:[":",a.count]})]},a.initial)})}),(R=null!==(Q=aS.reduce((a,b)=>{if(!b.last_at)return a;let c=(0,n.parseHubTime)(b.last_at);return null===c?a:null===a||c>a?c:a},null))?(0,n.relativeAgo)(new Date(Q).toISOString()):null,S=aS.slice(0,6).map(a=>`${a.from}→${a.to} (${a.count})`).join(", "),T=aS.length>6?` + ${aS.length-6} more`:"",V=(U=aS.length>0)?`${S}${T} — hover brightens all \xb7 click to open /messages`:void 0,(0,b.jsxs)("span",{className:`tabular-nums font-medium hidden sm:inline px-2.5 py-1 rounded-md border anet-topo-chip-focus ${U?"bg-gray-500/10 text-gray-400 border-gray-500/20 hover:bg-cyan-500/10 hover:text-cyan-200 hover:border-cyan-500/30":"bg-gray-500/10 text-gray-400 border-gray-500/20"}`,"data-active-links-chip":!0,"data-active-links-flow-count":aS.length,"data-active-links-clickable":U?"true":"false","data-active-links-empty":U?"false":"true",title:V,role:U?"link":void 0,tabIndex:U?0:void 0,style:{cursor:U?"pointer":void 0,opacity:U?1:.5,transition:"color 200ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out, opacity 200ms ease-out"},onMouseEnter:()=>{U&&bc(!0)},onMouseLeave:()=>bc(!1),onClick:()=>{U&&aD.push("/messages")},onKeyDown:a=>{U&&("Enter"===a.key||" "===a.key)&&(a.preventDefault(),aD.push("/messages"))},children:[aS.length,(0,b.jsxs)("span",{className:"opacity-70","data-active-links-chip-unit":!0,children:[" active link",1===aS.length?"":"s"]}),R?(X=(W=null!==Q?Math.max(0,(Date.now()-Q)/1e3):999)<=30?1:W<=300?1-(W-30)/270*.75:.25,Y=ay?`rgba(13, 148, 136, ${X.toFixed(2)})`:`rgba(34, 211, 238, ${X.toFixed(2)})`,(0,b.jsxs)("span",{className:"text-gray-400",children:[(0,b.jsx)("span",{"data-active-links-freshness-dot":!0,"data-active-links-freshness-alpha":X.toFixed(2),style:{color:Y,fontWeight:X>.7?700:400,transition:"color 200ms ease-out"},children:" · "}),"last ",R]})):null]})),(0,b.jsx)(y,{sessions:a})]})]}),(0,b.jsxs)("div",{ref:bu,className:`relative overflow-hidden rounded-xl border shadow-2xl ${ay?"shadow-zinc-900/5":"shadow-cyan-950/30"} ${bA?"flex items-center justify-center":""}`,"data-topo-wrapper":!0,style:{background:aA.containerBg,borderColor:aA.containerBorder,transition:"background-color 200ms ease-out, border-color 200ms ease-out, box-shadow 200ms ease-out"},children:[(0,b.jsx)("div",{className:`absolute inset-x-0 top-0 h-px bg-gradient-to-r ${aA.topRailGradient}`,"data-topo-top-rail":!0,style:{transition:"background-image 200ms ease-out"}}),(0,b.jsxs)("svg",{ref:bv,viewBox:"0 0 1000 680",className:"w-full h-auto block",preserveAspectRatio:"xMidYMid meet","aria-roledescription":"agent network topology","aria-label":(Z=aP.length,$=aQ.length,_=aS.length,(aa=[]).push(`${Z} agent${1===Z?"":"s"} online`),aX>0&&aa.push(`${aX} working`),$>0&&aa.push(`${$} offline`),aa.push(`${_} active link${1===_?"":"s"}`),`Agent network topology — ${aa.join(" · ")}. Tab to navigate nodes, double-click canvas to reset view.`),"data-topo-canvas-aria":!0,onPointerDown:a=>{0===a.button&&(a.currentTarget.setPointerCapture?.(a.pointerId),bz.current={active:!0,startX:a.clientX,startY:a.clientY,baseX:by.current.x,baseY:by.current.y},bO(!0))},onPointerMove:a=>{let b=bz.current;if(!b.active)return;let c=bv.current;if(!c)return;let d=c.getBoundingClientRect(),e=(a.clientX-b.startX)/d.width*1e3,f=(a.clientY-b.startY)/d.height*680;bx(a=>({...a,x:b.baseX+e,y:b.baseY+f}))},onPointerUp:bP,onPointerLeave:bP,onDoubleClick:a=>{let b=a.target;b?.closest("g[data-node]")||bT()},style:{cursor:bN?"grabbing":"grab",touchAction:"none"},children:[(0,b.jsxs)("defs",{children:[(0,b.jsxs)("linearGradient",{id:"topo-panel",x1:"0",x2:"1",y1:"0",y2:"1",children:[(0,b.jsx)("stop",{offset:"0%",stopColor:aA.panelStops[0]}),(0,b.jsx)("stop",{offset:"48%",stopColor:aA.panelStops[1]}),(0,b.jsx)("stop",{offset:"100%",stopColor:aA.panelStops[2]})]}),(0,b.jsxs)("radialGradient",{id:"topo-radar",cx:"50%",cy:"50%",r:"55%",children:[(0,b.jsx)("stop",{offset:"0%",stopColor:aA.radarStops[0].color,stopOpacity:aA.radarStops[0].opacity}),(0,b.jsx)("stop",{offset:"45%",stopColor:aA.radarStops[1].color,stopOpacity:aA.radarStops[1].opacity}),(0,b.jsx)("stop",{offset:"100%",stopColor:aA.radarStops[2].color,stopOpacity:aA.radarStops[2].opacity})]}),!ay&&(0,b.jsxs)("filter",{id:"topo-glow",children:[(0,b.jsx)("feGaussianBlur",{stdDeviation:"4",result:"blur"}),(0,b.jsxs)("feMerge",{children:[(0,b.jsx)("feMergeNode",{in:"blur"}),(0,b.jsx)("feMergeNode",{in:"SourceGraphic"})]})]}),(0,b.jsx)("filter",{id:"topo-groupbox-lift",x:"-10%",y:"-10%",width:"120%",height:"120%",children:(0,b.jsx)("feDropShadow",{dx:"0",dy:"3",stdDeviation:"4",floodColor:ay?"#0f172a":"#000000",floodOpacity:ay?.18:.55})}),[{id:"topo-arrow-s",size:12},{id:"topo-arrow",size:16},{id:"topo-arrow-l",size:22}].map(a=>(0,b.jsx)("marker",{id:a.id,viewBox:"0 0 10 10",refX:"8",refY:"5",markerWidth:a.size,markerHeight:a.size,markerUnits:"userSpaceOnUse",orient:"auto-start-reverse",children:(0,b.jsx)("path",{d:"M 0 0 L 10 5 L 0 10 z",fill:aA.arrowFill})},a.id)),(0,b.jsxs)("radialGradient",{id:"topo-sweep",cx:"0%",cy:"50%",r:"100%",children:[(0,b.jsx)("stop",{offset:"0%",stopColor:ay?"#0d9488":"#22d3ee",stopOpacity:ay?.18:.32}),(0,b.jsx)("stop",{offset:"70%",stopColor:ay?"#0d9488":"#22d3ee",stopOpacity:ay?.1:.18}),(0,b.jsx)("stop",{offset:"100%",stopColor:ay?"#0d9488":"#22d3ee",stopOpacity:"0"})]})]}),(0,b.jsx)("rect",{width:"1000",height:"680",fill:"url(#topo-panel)"}),(0,b.jsxs)("g",{transform:`translate(${bw.x} ${bw.y}) scale(${bw.zoom})`,"data-topo-viewport":!0,"data-topo-viewport-smooth":bR?"true":"false","data-topo-viewport-layout-switching":aI?"true":"false","data-topo-viewport-nodesize-switching":aN?"true":"false",style:{transition:bR?"opacity 250ms ease-out, transform 300ms ease-out":"opacity 250ms ease-out",opacity:aI||aN?.45:1},children:["ring"===aG&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("circle",{cx:500,cy:330,r:"330",fill:"url(#topo-radar)",style:{pointerEvents:"none"}}),!ay&&(0,b.jsx)("g",{opacity:"0.5",style:{pointerEvents:"none"},"data-topo-starfield":!0,children:Array.from({length:14}).map((a,c)=>{let d=9301*c+49297,e=c%3==0?1.2:.7;return(0,b.jsx)("circle",{cx:13*d%1e3,cy:7*d%680,r:e,fill:"#a5b4fc",opacity:.35+c%4*.05,"data-topo-starfield-dot":c},c)})}),!1,[170,250,330].map(a=>(0,b.jsx)("circle",{cx:500,cy:330,r:a,fill:"none",stroke:aA.ringStroke,strokeWidth:"1",opacity:ay?.6:.35,"data-topo-radar-ring":a},a)),(ab=aP.length>14?[145,215,285]:aP.length>8?[175,260]:aP.length>0?[220]:[],ad=(ac=!!(bq||a3||bl))?aA.legendAccent:aA.ringStroke,ab.map((a,c)=>{let d=aP.reduce((b,c)=>{let d=aR[c.alias];return d&&15>Math.abs(Math.hypot(d.x-500,d.y-330)-a)?b+1:b},0);if(0===d)return null;let e=d<=2?0:d<=6?1:2,f=[.24,.36,.5][e],g=[.32,.46,.62][e],h=60*Math.min(c,8);return(0,b.jsx)("circle",{cx:500,cy:330,r:a,fill:"none",stroke:ad,strokeWidth:"0.7",strokeDasharray:"2 6",opacity:ay?f:g,className:"anet-fade-in",style:{pointerEvents:"none",transition:"stroke 200ms ease-out, opacity 250ms ease-out",animationDelay:`${h}ms`},"data-tier-ring":a,"data-tier-occupancy":d,"data-tier-bucket":e,"data-tier-tinted":ac?"true":"false","data-tier-fade-delay":h},`tier-${a}`)})),!1,!1]}),"ring"===aG&&(af=[2.8,2.4,2,1.6][ae=0===aX?0:aX<=2?1:aX<=5?2:3],aP.map((a,c)=>{let d=aR[a.alias];if(!d)return null;let e=w({x:500,y:330},d,0),f=aT.has(a.alias);return(0,b.jsx)("path",{d:e,fill:"none",stroke:f?aA.spokeStroke.active:aA.spokeStroke.idle,strokeWidth:f?2:1,strokeDasharray:f?"none":"6 14",opacity:f?.7:.45,className:f?void 0:"anet-topo-spoke-flow","data-topo-spoke-bucket":f?void 0:ae,"data-topo-spoke-dur":f?void 0:af,"data-topo-hub-spoke-active":f?"true":"false",style:{transition:"stroke 250ms ease-out, stroke-width 250ms ease-out, opacity 250ms ease-out",...f?{}:{animationDelay:`${-(.25*c)}s`,...{"--spoke-dur":`${af}s`}}}},`hub-${a.alias}`)})),aV.map((a,c)=>{let d,e,f,g,h=a5===a.key,i=a3===a.key,j=a.statuses.working,k=j>=6?8:j>=4?10:j>=2?12:14;return(0,b.jsxs)("g",{"data-group":a.key,className:"transition-opacity anet-fade-in","data-group-fade-delay":60*Math.min(c,8),style:{opacity:!a5||h?1:.28,animationDelay:`${60*Math.min(c,8)}ms`},children:[(0,b.jsx)("rect",{x:a.x,y:a.y,width:a.w,height:a.h,rx:"14",fill:ay?"#0f172a":"#a5b4fc",fillOpacity:i?ay?.08:.13:h?ay?.05:.09:ay?.025:.045,stroke:i||h?aA.legendAccent:aA.ringStroke,strokeWidth:i?3:h?2:1.5,strokeDasharray:i||h?"none":"6 6","data-group-box-pinned":i?"true":"false","data-group-box-live":i||h||!(a.statuses.working>0)?"false":"true","data-group-box-march-dur":k,"data-group-box-lifted":i||h?"true":"false",className:i||h||!(a.statuses.working>0)?void 0:"anet-topo-groupbox-live",filter:i||h?"url(#topo-groupbox-lift)":void 0,style:{transition:"stroke 200ms ease-out, stroke-width 200ms ease-out, fill-opacity 200ms ease-out, filter 200ms ease-out, fill 200ms ease-out",pointerEvents:"none",...{"--march-dur":`${k}s`}}}),(0,b.jsxs)("g",{role:"button",tabIndex:0,"aria-pressed":a3===a.key,"data-group-label-hit":a.key,className:"anet-topo-svg-focus",style:{pointerEvents:"all",cursor:"pointer"},onPointerDown:a=>a.stopPropagation(),onClick:()=>a4(b=>b===a.key?null:a.key),onPointerEnter:()=>a1(a.key),onPointerLeave:()=>a1(b=>b===a.key?null:b),onKeyDown:b=>{("Enter"===b.key||" "===b.key)&&(b.preventDefault(),a4(b=>b===a.key?null:a.key))},children:[(e=(d=Object.entries(aU).filter(([,b])=>b===a.key).map(([a])=>a)).slice(0,8).join(", "),f=d.length>8?` + ${d.length-8} more`:"",g=[a.statuses.working>0?`${a.statuses.working} working`:null,a.statuses.idle>0?`${a.statuses.idle} idle`:null,a.statuses.offline>0?`${a.statuses.offline} offline`:null].filter(Boolean).join(" · "),(0,b.jsx)("title",{children:[`${a.key} (${d.length} member${1===d.length?"":"s"})`,g||null,`${e}${f}`,a3===a.key?"click to release pin":"click to pin this group"].filter(Boolean).join("\n")})),(0,b.jsx)("rect",{x:a.x+6,y:a.y+2,width:Math.min(a.w-12,240),height:20,rx:"4",fill:a3===a.key||a0===a.key?aA.legendAccent:"transparent",opacity:a3===a.key?ay?.16:.2:a0===a.key?ay?.09:.13:1,"data-group-label-tinted":a3===a.key?"pinned":a0===a.key?"hover":"none",style:{transition:"fill 150ms ease-out, opacity 150ms ease-out"}}),(0,b.jsxs)("text",{x:a.x+12,y:a.y+14,fill:h?aA.legendHeadline:aA.legendText,fontSize:"13",fontFamily:"monospace",fontWeight:"700",style:{transition:"fill 200ms ease-out, letter-spacing 200ms ease-out",letterSpacing:i?"0.5px":"0px"},"data-group-label":a.key,"data-group-label-pinned":i?"true":"false",children:[a.key,(0,b.jsxs)("tspan",{dx:"6",fontSize:"11",fontWeight:"400","data-group-label-count":a.key,"data-group-label-count-value":a.count,style:{fontVariantNumeric:"tabular-nums"},children:["· ",a.count]}),a.statuses.working>0&&a.statuses.working!==a.count&&(0,b.jsxs)("tspan",{dx:"8",fill:ay?"#059669":"#22c55e",fontSize:"11",fontWeight:"600",className:"anet-fade-in","data-group-pip":"working",style:{fontVariantNumeric:"tabular-nums",transition:"fill 200ms ease-out"},children:[a.statuses.working,"w"]}),a.statuses.idle>0&&a.statuses.idle!==a.count&&(0,b.jsxs)("tspan",{dx:"4",fill:ay?"#0d9488":"#2dd4bf",fontSize:"11",fontWeight:"600",className:"anet-fade-in","data-group-pip":"idle",style:{fontVariantNumeric:"tabular-nums",transition:"fill 200ms ease-out"},children:[a.statuses.idle,"i"]}),a.statuses.offline>0&&a.statuses.offline!==a.count&&(0,b.jsxs)("tspan",{dx:"4",fill:ay?"#94a3b8":"#6b7280",fontSize:"11",fontWeight:"600",className:"anet-fade-in","data-group-pip":"offline",style:{fontVariantNumeric:"tabular-nums",transition:"fill 200ms ease-out"},children:[a.statuses.offline,"o"]})]})]})]},`grp-${a.key}`)}),aS.map((a,c)=>{let d,e,f,g,h,i,j,k,l,m,o,p=aR[a.from],q=aR[a.to];if(!p||!q)return null;let r=(c%2==0?1:-1)*Math.min(36,.18*Math.hypot(q.x-p.x,q.y-p.y)),s=w(p,q,r),t=Math.min(2+a.count,7),u=Math.max(.9,2.6/Math.sqrt(a.count)),v=Math.max(.35,1-(a.last_at?Math.max(0,Date.now()-Date.parse(a.last_at)):0)/3e5),x=a.count<=2?"topo-arrow-s":a.count<=4?"topo-arrow":"topo-arrow-l",y=(0,n.relativeAgo)(a.last_at),z=`${a.from} → ${a.to}
|
|
3
|
+
${k}`,style:{width:`${a/d*100}%`,background:c,height:"100%",cursor:"pointer",boxShadow:g?`inset 0 0 0 1px ${c}, inset 0 0 0 2px rgba(255,255,255,0.6)`:void 0,filter:bo===e?"brightness(1.2)":void 0,transition:"width 220ms ease-out, box-shadow 150ms ease-out, filter 150ms ease-out"},onClick:a=>{a.stopPropagation(),br(a=>a===e?null:e)},onKeyDown:a=>{("Enter"===a.key||" "===a.key)&&(a.preventDefault(),br(a=>a===e?null:e))},onMouseEnter:()=>bp(e),onMouseLeave:()=>bp(a=>a===e?null:a)},e)};return(0,b.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:`${aX} working \xb7 ${a} idle \xb7 ${c} offline`,"data-fleet-pressure":!0,children:[(0,b.jsx)("span",{className:"text-[10px] tracking-wide",children:"pressure"}),(0,b.jsxs)("span",{className:"inline-flex h-1.5 w-16 rounded-full overflow-hidden",style:{background:"rgb(75 85 99 / 0.25)"},children:[e(aX,ay?"#059669":"#22c55e","working","working"),e(a,ay?"#0d9488":"#2dd4bf","idle","idle"),e(c,ay?"#94a3b8":"#6b7280","offline","offline")]})]})})(),bq&&(p="working"===bq?aX:"idle"===bq?aP.length-aX:aQ.length,s=(q="working"===bq?aP.filter(a=>"working"===a.status).map(a=>a.alias):"idle"===bq?aP.filter(a=>"working"!==a.status).map(a=>a.alias):aQ.map(a=>a.alias)).slice(0,8).join(", "),C=q.length>8?` + ${q.length-8} more`:"",(0,b.jsxs)("span",{"data-active-filter":"status","data-filter-match-count":p,"data-filter-match-aliases":q.join(","),className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono font-medium text-xs border anet-fade-in anet-topo-chip-focus",title:p>0?`${s}${C} — click to clear`:"Click to clear filter",onClick:()=>br(null),style:{background:"working"===bq?ay?"#05966914":"#22c55e1f":"idle"===bq?ay?"#0d948814":"#2dd4bf1f":ay?"#94a3b814":"#6b72801f",color:"working"===bq?ay?"#047857":"#86efac":"idle"===bq?ay?"#0f766e":"#5eead4":ay?"#475569":"#9ca3af",borderColor:"currentColor",cursor:"pointer"},children:[(0,b.jsxs)("span",{children:[(0,b.jsx)("span",{className:"hidden sm:inline opacity-70","data-filter-prefix":!0,children:"filter: "}),bq,(0,b.jsxs)("span",{className:"opacity-70 tabular-nums","data-filter-pill-count":!0,children:[" · ",p]})]}),(0,b.jsx)("button",{type:"button","aria-label":`Clear ${bq} filter`,onClick:a=>{a.stopPropagation(),br(null)},className:"ml-0.5 leading-none hover:opacity-70",style:{background:"transparent",color:"inherit",cursor:"pointer",padding:0},children:"×"})]})),a3&&(G=Object.values(aU).filter(a=>a===a3).length,I=(H=Object.entries(aU).filter(([,a])=>a===a3).map(([a])=>a)).slice(0,8).join(", "),J=H.length>8?` + ${H.length-8} more`:"",(0,b.jsxs)("span",{"data-active-filter":"group","data-filter-match-count":G,"data-filter-match-aliases":H.join(","),className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono font-medium text-xs border anet-fade-in anet-topo-chip-focus",title:G>0?`${I}${J} — click to clear`:"Click to clear filter",onClick:()=>a4(null),style:{background:ay?"#67e8f914":"#67e8f91f",color:aA.legendAccent,borderColor:"currentColor",cursor:"pointer"},children:[(0,b.jsxs)("span",{children:[(0,b.jsx)("span",{className:"hidden sm:inline opacity-70","data-filter-prefix":!0,children:"filter: "}),a3,(0,b.jsxs)("span",{className:"opacity-70 tabular-nums","data-filter-pill-count":!0,children:[" · ",G]})]}),(0,b.jsx)("button",{type:"button","aria-label":`Clear group filter ${a3}`,onClick:a=>{a.stopPropagation(),a4(null)},className:"ml-0.5 leading-none hover:opacity-70",style:{background:"transparent",color:"inherit",cursor:"pointer",padding:0},children:"×"})]})),bl&&(K=aY.find(a=>a.initial===bl),L=K?.count??0,M=K?.color??aA.legendText,O=(N=[...aP,...aQ].filter(a=>{let b=r(a.model);return("unknown"===b.id?"?":b.initial)===bl}).map(a=>a.alias)).slice(0,8).join(", "),P=N.length>8?` + ${N.length-8} more`:"",(0,b.jsxs)("span",{"data-active-filter":"vendor","data-filter-match-count":L,"data-filter-match-aliases":N.join(","),className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono font-medium text-xs border anet-fade-in anet-topo-chip-focus",title:L>0?`${O}${P} — click to clear`:"Click to clear vendor filter",onClick:()=>bm(null),style:{background:`${M}1f`,color:M,borderColor:"currentColor",cursor:"pointer"},children:[(0,b.jsxs)("span",{children:[(0,b.jsx)("span",{className:"hidden sm:inline opacity-70","data-filter-prefix":!0,children:"filter: "}),bl,(0,b.jsxs)("span",{className:"opacity-70 tabular-nums","data-filter-pill-count":!0,children:[" · ",L]})]}),(0,b.jsx)("button",{type:"button","aria-label":`Clear vendor filter ${bl}`,onClick:a=>{a.stopPropagation(),bm(null)},className:"ml-0.5 leading-none hover:opacity-70",style:{background:"transparent",color:"inherit",cursor:"pointer",padding:0},children:"×"})]})),a8&&(()=>{let a=aS.find(a=>a.key===a8);if(!a)return null;let c=a.count>=10;return(0,b.jsxs)("span",{"data-active-filter":"edge","data-filter-match-count":a.count,"data-filter-match-aliases":`${a.from},${a.to}`,"data-active-filter-edge-hot":c?"true":"false",className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono font-medium text-xs border anet-fade-in anet-topo-chip-focus",title:`${a.from} → ${a.to} (${a.count} msg${1===a.count?"":"s"}${c?", hot lane · ≥ 10":""}) — click to clear`,onClick:()=>a9(null),style:{background:ay?`${aA.flowEdge}14`:`${aA.flowEdge}1f`,color:aA.flowEdge,borderColor:"currentColor",cursor:"pointer"},children:[(0,b.jsxs)("span",{children:[(0,b.jsx)("span",{className:"hidden sm:inline opacity-70","data-filter-prefix":!0,children:"filter: "}),a.from,"→",a.to,c?(0,b.jsxs)("span",{className:"opacity-90 tabular-nums",style:{color:ay?"#d97706":"#fbbf24",fontWeight:700},"data-active-filter-edge-count-hot":!0,children:[" · ",a.count]}):(0,b.jsxs)("span",{className:"opacity-70 tabular-nums","data-active-filter-edge-count":!0,children:[" · ",a.count]})]}),(0,b.jsx)("button",{type:"button","aria-label":`Clear edge filter ${a.from} → ${a.to}`,onClick:a=>{a.stopPropagation(),a9(null)},className:"ml-0.5 leading-none hover:opacity-70",style:{background:"transparent",color:"inherit",cursor:"pointer",padding:0},children:"×"})]})})(),(()=>{let a=+!!bq+ +!!a3+ +!!bl+ +!!a8;if(a<2)return null;let c=a8?aS.find(a=>a.key===a8):null,d=c?new Set([c.from,c.to]):null,e=[...aP,...aQ].filter(a=>{let b="offline"!==a.status;if("working"===bq&&"working"!==a.status||"idle"===bq&&!(b&&"working"!==a.status)||"offline"===bq&&b||a3&&(aU[a.alias]??a.alias)!==a3)return!1;if(bl){let b=r(a.model);if(("unknown"===b.id?"?":b.initial)!==bl)return!1}return!d||!!d.has(a.alias)}).map(a=>a.alias),f=e.slice(0,8).join(", "),g=e.length>8?` + ${e.length-8} more`:"",h=0===e.length,i=h?`No nodes pass all ${a} pinned filters — release one to widen (Esc clears all)`:`${f}${g} — nodes passing all ${a} pinned filters`;return(0,b.jsx)("span",{"data-pin-intersection":!0,"data-pin-dim-count":a,"data-pin-intersection-count":e.length,"data-pin-intersection-empty":h?"true":"false","data-pin-intersection-aliases":e.join(","),className:"hidden sm:inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono tabular-nums text-xs border anet-fade-in anet-topo-chip-focus",title:i,style:{background:h?ay?"#d9770614":"#fbbf241f":ay?"#94a3b814":"#94a3b81f",color:h?ay?"#d97706":"#fbbf24":ay?"#475569":"#9ca3af",borderColor:"currentColor",transition:"background-color 200ms ease-out, color 200ms ease-out, border-color 200ms ease-out"},children:(0,b.jsxs)("span",{children:[(0,b.jsx)("span",{className:"hidden sm:inline opacity-70","data-pin-intersection-prefix":!0,children:"match: "}),(0,b.jsx)("span",{className:"tabular-nums","data-pin-intersection-count-dims":!0,children:a}),(0,b.jsx)("span",{className:"opacity-70","data-pin-intersection-unit":!0,children:" pins"}),(0,b.jsxs)("span",{className:"opacity-70 tabular-nums","data-pin-intersection-count-matches":!0,children:[" · ",e.length]}),(0,b.jsx)("span",{className:"ml-1","aria-hidden":!0,"data-pin-intersection-warning":h?"true":"false",style:{opacity:+!!h,transition:"opacity 200ms ease-out"},children:"⚠"})]})})})(),aY.length>2&&(0,b.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:aY.map(a=>{let c=bl===a.initial,d=[...aP,...aQ].filter(b=>{let c=r(b.model);return("unknown"===c.id?"?":c.initial)===a.initial}).map(a=>a.alias),e=d.slice(0,8).join(", "),f=d.length>8?` + ${d.length-8} more`:"",g=c?`${e}${f} — click again or Esc to clear`:`${e}${f} — click to pin`;return(0,b.jsxs)("span",{role:"button",tabIndex:0,"aria-pressed":c,className:"tabular-nums font-medium inline-flex items-baseline gap-0.5 px-1 rounded anet-topo-chip-focus","data-vendor-letter":a.initial,"data-vendor-letter-count":a.count,"data-vendor-pinned":c?"true":"false","data-vendor-hovered":bj===a.initial?"true":"false","data-vendor-aliases":d.join(","),title:g,style:{cursor:"pointer",backgroundColor:bj!==a.initial||c?"transparent":`color-mix(in srgb, ${a.color} 12%, transparent)`,boxShadow:c?`inset 0 0 0 1px ${a.color}, inset 0 0 0 2px rgba(255,255,255,0.45)`:void 0,transition:"box-shadow 150ms ease-out, background-color 200ms ease-out"},onMouseEnter:()=>bk(a.initial),onMouseLeave:()=>bk(b=>b===a.initial?null:b),onClick:()=>bm(b=>b===a.initial?null:a.initial),onKeyDown:b=>{("Enter"===b.key||" "===b.key)&&(b.preventDefault(),bm(b=>b===a.initial?null:a.initial))},children:[(0,b.jsx)("span",{style:{color:a.color},children:a.initial}),(0,b.jsxs)("span",{className:"text-gray-400 tabular-nums","data-vendor-letter-count-suffix":!0,children:[":",a.count]})]},a.initial)})}),(R=null!==(Q=aS.reduce((a,b)=>{if(!b.last_at)return a;let c=(0,n.parseHubTime)(b.last_at);return null===c?a:null===a||c>a?c:a},null))?(0,n.relativeAgo)(new Date(Q).toISOString()):null,S=aS.slice(0,6).map(a=>`${a.from}→${a.to} (${a.count})`).join(", "),T=aS.length>6?` + ${aS.length-6} more`:"",V=(U=aS.length>0)?`${S}${T} — hover brightens all \xb7 click to open /messages`:void 0,(0,b.jsxs)("span",{className:`tabular-nums font-medium hidden sm:inline px-2.5 py-1 rounded-md border anet-topo-chip-focus ${U?"bg-gray-500/10 text-gray-400 border-gray-500/20 hover:bg-cyan-500/10 hover:text-cyan-200 hover:border-cyan-500/30":"bg-gray-500/10 text-gray-400 border-gray-500/20"}`,"data-active-links-chip":!0,"data-active-links-flow-count":aS.length,"data-active-links-clickable":U?"true":"false","data-active-links-empty":U?"false":"true",title:V,role:U?"link":void 0,tabIndex:U?0:void 0,style:{cursor:U?"pointer":void 0,opacity:U?1:.5,transition:"color 200ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out, opacity 200ms ease-out"},onMouseEnter:()=>{U&&bc(!0)},onMouseLeave:()=>bc(!1),onClick:()=>{U&&aD.push("/messages")},onKeyDown:a=>{U&&("Enter"===a.key||" "===a.key)&&(a.preventDefault(),aD.push("/messages"))},children:[aS.length,(0,b.jsxs)("span",{className:"opacity-70","data-active-links-chip-unit":!0,children:[" active link",1===aS.length?"":"s"]}),R?(X=(W=null!==Q?Math.max(0,(Date.now()-Q)/1e3):999)<=30?1:W<=300?1-(W-30)/270*.75:.25,Y=ay?`rgba(13, 148, 136, ${X.toFixed(2)})`:`rgba(34, 211, 238, ${X.toFixed(2)})`,(0,b.jsxs)("span",{className:"text-gray-400",children:[(0,b.jsx)("span",{"data-active-links-freshness-dot":!0,"data-active-links-freshness-alpha":X.toFixed(2),style:{color:Y,fontWeight:X>.7?700:400,transition:"color 200ms ease-out"},children:" · "}),"last ",R]})):null]})),(0,b.jsx)(y,{sessions:a})]})]}),(0,b.jsxs)("div",{ref:bu,className:`relative overflow-hidden rounded-xl border shadow-2xl ${ay?"shadow-zinc-900/5":"shadow-cyan-950/30"} ${bA?"flex items-center justify-center":""}`,"data-topo-wrapper":!0,style:{background:aA.containerBg,borderColor:aA.containerBorder,transition:"background-color 200ms ease-out, border-color 200ms ease-out, box-shadow 200ms ease-out"},children:[(0,b.jsx)("div",{className:`absolute inset-x-0 top-0 h-px bg-gradient-to-r ${aA.topRailGradient}`,"data-topo-top-rail":!0,style:{transition:"background-image 200ms ease-out"}}),(0,b.jsxs)("svg",{ref:bv,viewBox:"0 0 1000 680",className:"w-full h-auto block",preserveAspectRatio:"xMidYMid meet","aria-roledescription":"agent network topology","aria-label":(Z=aP.length,$=aQ.length,_=aS.length,(aa=[]).push(`${Z} agent${1===Z?"":"s"} online`),aX>0&&aa.push(`${aX} working`),$>0&&aa.push(`${$} offline`),aa.push(`${_} active link${1===_?"":"s"}`),`Agent network topology — ${aa.join(" · ")}. Tab to navigate nodes, double-click canvas to reset view.`),"data-topo-canvas-aria":!0,onPointerDown:a=>{0===a.button&&(a.currentTarget.setPointerCapture?.(a.pointerId),bz.current={active:!0,startX:a.clientX,startY:a.clientY,baseX:by.current.x,baseY:by.current.y},bO(!0))},onPointerMove:a=>{let b=bz.current;if(!b.active)return;let c=bv.current;if(!c)return;let d=c.getBoundingClientRect(),e=(a.clientX-b.startX)/d.width*1e3,f=(a.clientY-b.startY)/d.height*680;bx(a=>({...a,x:b.baseX+e,y:b.baseY+f}))},onPointerUp:bP,onPointerLeave:bP,onDoubleClick:a=>{let b=a.target;b?.closest("g[data-node]")||bT()},style:{cursor:bN?"grabbing":"grab",touchAction:"none"},children:[(0,b.jsxs)("defs",{children:[(0,b.jsxs)("linearGradient",{id:"topo-panel",x1:"0",x2:"1",y1:"0",y2:"1",children:[(0,b.jsx)("stop",{offset:"0%",stopColor:aA.panelStops[0]}),(0,b.jsx)("stop",{offset:"48%",stopColor:aA.panelStops[1]}),(0,b.jsx)("stop",{offset:"100%",stopColor:aA.panelStops[2]})]}),(0,b.jsxs)("radialGradient",{id:"topo-radar",cx:"50%",cy:"50%",r:"55%",children:[(0,b.jsx)("stop",{offset:"0%",stopColor:aA.radarStops[0].color,stopOpacity:aA.radarStops[0].opacity}),(0,b.jsx)("stop",{offset:"45%",stopColor:aA.radarStops[1].color,stopOpacity:aA.radarStops[1].opacity}),(0,b.jsx)("stop",{offset:"100%",stopColor:aA.radarStops[2].color,stopOpacity:aA.radarStops[2].opacity})]}),!ay&&(0,b.jsxs)("filter",{id:"topo-glow",children:[(0,b.jsx)("feGaussianBlur",{stdDeviation:"4",result:"blur"}),(0,b.jsxs)("feMerge",{children:[(0,b.jsx)("feMergeNode",{in:"blur"}),(0,b.jsx)("feMergeNode",{in:"SourceGraphic"})]})]}),(0,b.jsx)("filter",{id:"topo-groupbox-lift",x:"-10%",y:"-10%",width:"120%",height:"120%",children:(0,b.jsx)("feDropShadow",{dx:"0",dy:"3",stdDeviation:"4",floodColor:ay?"#0f172a":"#000000",floodOpacity:ay?.18:.55})}),[{id:"topo-arrow-s",size:12},{id:"topo-arrow",size:16},{id:"topo-arrow-l",size:22}].map(a=>(0,b.jsx)("marker",{id:a.id,viewBox:"0 0 10 10",refX:"8",refY:"5",markerWidth:a.size,markerHeight:a.size,markerUnits:"userSpaceOnUse",orient:"auto-start-reverse",children:(0,b.jsx)("path",{d:"M 0 0 L 10 5 L 0 10 z",fill:aA.arrowFill})},a.id)),(0,b.jsxs)("radialGradient",{id:"topo-sweep",cx:"0%",cy:"50%",r:"100%",children:[(0,b.jsx)("stop",{offset:"0%",stopColor:ay?"#0d9488":"#22d3ee",stopOpacity:ay?.18:.32}),(0,b.jsx)("stop",{offset:"70%",stopColor:ay?"#0d9488":"#22d3ee",stopOpacity:ay?.1:.18}),(0,b.jsx)("stop",{offset:"100%",stopColor:ay?"#0d9488":"#22d3ee",stopOpacity:"0"})]})]}),(0,b.jsx)("rect",{width:"1000",height:"680",fill:"url(#topo-panel)"}),(0,b.jsxs)("g",{transform:`translate(${bw.x} ${bw.y}) scale(${bw.zoom})`,"data-topo-viewport":!0,"data-topo-viewport-smooth":bR?"true":"false","data-topo-viewport-layout-switching":aI?"true":"false","data-topo-viewport-nodesize-switching":aN?"true":"false",style:{transition:bR?"opacity 250ms ease-out, transform 300ms ease-out":"opacity 250ms ease-out",opacity:aI||aN?.45:1},children:["ring"===aG&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("circle",{cx:500,cy:330,r:"330",fill:"url(#topo-radar)",style:{pointerEvents:"none"}}),!ay&&(0,b.jsx)("g",{opacity:"0.5",style:{pointerEvents:"none"},"data-topo-starfield":!0,children:Array.from({length:14}).map((a,c)=>{let d=9301*c+49297,e=c%3==0?1.2:.7;return(0,b.jsx)("circle",{cx:13*d%1e3,cy:7*d%680,r:e,fill:"#a5b4fc",opacity:.35+c%4*.05,"data-topo-starfield-dot":c},c)})}),!1,[170,250,330].map(a=>(0,b.jsx)("circle",{cx:500,cy:330,r:a,fill:"none",stroke:aA.ringStroke,strokeWidth:"1",opacity:ay?.6:.35,"data-topo-radar-ring":a},a)),(ab=aP.length>14?[145,215,285]:aP.length>8?[175,260]:aP.length>0?[220]:[],ad=(ac=!!(bq||a3||bl))?aA.legendAccent:aA.ringStroke,ab.map((a,c)=>{let d=aP.reduce((b,c)=>{let d=aR[c.alias];return d&&15>Math.abs(Math.hypot(d.x-500,d.y-330)-a)?b+1:b},0);if(0===d)return null;let e=d<=2?0:d<=6?1:2,f=[.24,.36,.5][e],g=[.32,.46,.62][e],h=60*Math.min(c,8);return(0,b.jsx)("circle",{cx:500,cy:330,r:a,fill:"none",stroke:ad,strokeWidth:"0.7",strokeDasharray:"2 6",opacity:ay?f:g,className:"anet-fade-in",style:{pointerEvents:"none",transition:"stroke 200ms ease-out, opacity 250ms ease-out",animationDelay:`${h}ms`},"data-tier-ring":a,"data-tier-occupancy":d,"data-tier-bucket":e,"data-tier-tinted":ac?"true":"false","data-tier-fade-delay":h},`tier-${a}`)})),!1,!1]}),"ring"===aG&&(af=[2.8,2.4,2,1.6][ae=0===aX?0:aX<=2?1:aX<=5?2:3],aP.map((a,c)=>{let d=aR[a.alias];if(!d)return null;let e=w({x:500,y:330},d,0),f=aT.has(a.alias);return(0,b.jsx)("path",{d:e,fill:"none",stroke:f?aA.spokeStroke.active:aA.spokeStroke.idle,strokeWidth:f?2:1,strokeDasharray:f?"none":"6 14",opacity:f?.7:.45,className:f?void 0:"anet-topo-spoke-flow","data-topo-spoke-bucket":f?void 0:ae,"data-topo-spoke-dur":f?void 0:af,"data-topo-hub-spoke-active":f?"true":"false",style:{transition:"stroke 250ms ease-out, stroke-width 250ms ease-out, opacity 250ms ease-out",...f?{}:{animationDelay:`${-(.25*c)}s`,...{"--spoke-dur":`${af}s`}}}},`hub-${a.alias}`)})),aV.map((a,c)=>{let d,e,f,g,h=a5===a.key,i=a3===a.key,j=a.statuses.working,k=j>=6?8:j>=4?10:j>=2?12:14;return(0,b.jsxs)("g",{"data-group":a.key,className:"transition-opacity anet-fade-in","data-group-fade-delay":60*Math.min(c,8),style:{opacity:!a5||h?1:.28,animationDelay:`${60*Math.min(c,8)}ms`},children:[(0,b.jsx)("rect",{x:a.x,y:a.y,width:a.w,height:a.h,rx:"14",fill:ay?"#0f172a":"#a5b4fc",fillOpacity:i?ay?.08:.13:h?ay?.05:.09:ay?.025:.045,stroke:i||h?aA.legendAccent:aA.ringStroke,strokeWidth:i?3:h?2:1.5,strokeDasharray:i||h?"none":"6 6","data-group-box-pinned":i?"true":"false","data-group-box-live":i||h||!(a.statuses.working>0)?"false":"true","data-group-box-march-dur":k,"data-group-box-lifted":i||h?"true":"false",className:i||h||!(a.statuses.working>0)?void 0:"anet-topo-groupbox-live",filter:i||h?"url(#topo-groupbox-lift)":void 0,style:{transition:"stroke 200ms ease-out, stroke-width 200ms ease-out, fill-opacity 200ms ease-out, filter 200ms ease-out, fill 200ms ease-out",pointerEvents:"none",...{"--march-dur":`${k}s`}}}),(0,b.jsxs)("g",{role:"button",tabIndex:0,"aria-pressed":a3===a.key,"data-group-label-hit":a.key,className:"anet-topo-svg-focus",style:{pointerEvents:"all",cursor:"pointer"},onPointerDown:a=>a.stopPropagation(),onClick:()=>a4(b=>b===a.key?null:a.key),onPointerEnter:()=>a1(a.key),onPointerLeave:()=>a1(b=>b===a.key?null:b),onKeyDown:b=>{("Enter"===b.key||" "===b.key)&&(b.preventDefault(),a4(b=>b===a.key?null:a.key))},children:[(e=(d=Object.entries(aU).filter(([,b])=>b===a.key).map(([a])=>a)).slice(0,8).join(", "),f=d.length>8?` + ${d.length-8} more`:"",g=[a.statuses.working>0?`${a.statuses.working} working`:null,a.statuses.idle>0?`${a.statuses.idle} idle`:null,a.statuses.offline>0?`${a.statuses.offline} offline`:null].filter(Boolean).join(" · "),(0,b.jsx)("title",{children:[`${a.key} (${d.length} member${1===d.length?"":"s"})`,g||null,`${e}${f}`,a3===a.key?"click to release pin":"click to pin this group"].filter(Boolean).join("\n")})),(0,b.jsx)("rect",{x:a.x+6,y:a.y+2,width:Math.min(a.w-12,240),height:20,rx:"4",fill:a3===a.key||a0===a.key?aA.legendAccent:"transparent",opacity:a3===a.key?ay?.16:.2:a0===a.key?ay?.09:.13:1,"data-group-label-tinted":a3===a.key?"pinned":a0===a.key?"hover":"none",style:{transition:"fill 150ms ease-out, opacity 150ms ease-out"}}),(0,b.jsxs)("text",{x:a.x+12,y:a.y+14,fill:h?aA.legendHeadline:aA.legendText,fontSize:"13",fontFamily:"monospace",fontWeight:"700",style:{transition:"fill 200ms ease-out, letter-spacing 200ms ease-out",letterSpacing:i?"0.5px":"0px"},"data-group-label":a.key,"data-group-label-pinned":i?"true":"false",children:[a.key,(0,b.jsxs)("tspan",{dx:"6",fontSize:"11",fontWeight:"400","data-group-label-count":a.key,"data-group-label-count-value":a.count,style:{fontVariantNumeric:"tabular-nums"},children:["· ",a.count]}),a.statuses.working>0&&a.statuses.working!==a.count&&(0,b.jsxs)("tspan",{dx:"8",fill:ay?"#059669":"#22c55e",fontSize:"11",fontWeight:"600",className:"anet-fade-in","data-group-pip":"working",style:{fontVariantNumeric:"tabular-nums",transition:"fill 200ms ease-out"},children:[a.statuses.working,"w"]}),a.statuses.idle>0&&a.statuses.idle!==a.count&&(0,b.jsxs)("tspan",{dx:"4",fill:ay?"#0d9488":"#2dd4bf",fontSize:"11",fontWeight:"600",className:"anet-fade-in","data-group-pip":"idle",style:{fontVariantNumeric:"tabular-nums",transition:"fill 200ms ease-out"},children:[a.statuses.idle,"i"]}),a.statuses.offline>0&&a.statuses.offline!==a.count&&(0,b.jsxs)("tspan",{dx:"4",fill:ay?"#94a3b8":"#6b7280",fontSize:"11",fontWeight:"600",className:"anet-fade-in","data-group-pip":"offline",style:{fontVariantNumeric:"tabular-nums",transition:"fill 200ms ease-out"},children:[a.statuses.offline,"o"]})]})]})]},`grp-${a.key}`)}),aS.map((a,c)=>{let d,e,f,g,h,i,j,k,l,m,o,p=aR[a.from],q=aR[a.to];if(!p||!q)return null;let r=(c%2==0?1:-1)*Math.min(36,.18*Math.hypot(q.x-p.x,q.y-p.y)),s=w(p,q,r),t=Math.min(2+a.count,7),u=Math.max(.9,2.6/Math.sqrt(a.count)),v=Math.max(.35,1-(a.last_at?Math.max(0,Date.now()-Date.parse(a.last_at)):0)/3e5),x=a.count<=2?"topo-arrow-s":a.count<=4?"topo-arrow":"topo-arrow-l",y=(0,n.relativeAgo)(a.last_at),z=`${a.from} → ${a.to}
|
|
4
4
|
${a.count} message${1===a.count?"":"s"}${y?` \xb7 last ${y}`:""}`,A=ba===a.key,B=aU[a.from]??a.from,C=aU[a.to]??a.to,D=A?2:ba?.35:a$||a5?a.from===a$||a.to===a$?1.7:a5&&B===a5&&C===a5?1.3:.35:bb?1.5:1,E=A?Math.min(1.4*t,10):t;return(0,b.jsxs)("g",{className:"anet-fade-in",style:{animationDelay:`${280+35*Math.min(c,20)}ms`},"data-edge-group":a.key,children:[(0,b.jsx)("path",{d:s,fill:"none",stroke:"transparent",strokeWidth:Math.max(t+10,16),style:{pointerEvents:"stroke"},"data-edge-hitbox":!0,onMouseEnter:()=>a7(a.key),onMouseLeave:()=>a7(b=>b===a.key?null:b),children:(0,b.jsx)("title",{children:z})}),(0,b.jsx)("path",{d:s,fill:"none",stroke:aA.flowEdge,strokeWidth:E,opacity:Math.min(1,(ay?.22:.28)*v*D),filter:ay?void 0:"url(#topo-glow)",markerEnd:`url(#${x})`,"data-edge-visible":a.key,style:{pointerEvents:"none",transition:"opacity 300ms ease-out, stroke-width 300ms ease-out, stroke 300ms ease-out"}}),(0,b.jsx)("path",{id:`flow-path-${c}`,d:s,fill:"none",stroke:aA.flowPath,strokeWidth:"1",strokeDasharray:"2 12",opacity:Math.min(1,(ay?.4:.75)*v*D),"data-edge-flow-rail":a.key,style:{transition:"opacity 300ms ease-out, stroke 300ms ease-out"}}),!az&&(0,b.jsx)("circle",{r:"4",fill:aA.flowParticle,filter:ay?void 0:"url(#topo-glow)",opacity:Math.min(1,v*D),"data-edge-particle":a.key,style:{transition:"fill 200ms ease-out, opacity 200ms ease-out"},children:(0,b.jsx)("animateMotion",{dur:`${u}s`,begin:`-${(.37*c%u).toFixed(3)}s`,repeatCount:"indefinite",path:s})}),!1,!1,(d=a.count>=3,e=(p.x+q.x)/2,f=(p.y+q.y)/2,g=q.x-p.x,i=Math.hypot(g,h=q.y-p.y)||1,j=e+-h/i*r*.5,k=f+g/i*r*.5,l=d?Math.min(1,v*D):0,m=a8===a.key,o=a.count>=10,(0,b.jsxs)("g",{"data-edge-count-badge":a.key,"data-edge-count-badge-pinned":m?"true":"false","data-edge-count-badge-hot":o?"true":"false","data-edge-count-badge-visible":d?"true":"false",role:d?"button":void 0,tabIndex:d?0:-1,"aria-pressed":d?m:void 0,"aria-hidden":!d||void 0,className:"anet-topo-svg-focus",style:{pointerEvents:d?"all":"none",cursor:d?"pointer":void 0,transition:"opacity 300ms ease-out"},opacity:l,onPointerDown:a=>a.stopPropagation(),onMouseEnter:()=>a7(a.key),onMouseLeave:()=>a7(b=>b===a.key?null:b),onClick:b=>{b.stopPropagation(),a9(b=>b===a.key?null:a.key);let c=Date.now();bK({ts:c,x:j,y:k,r0:10.5,color:aA.flowEdge}),setTimeout(()=>bK(a=>a&&a.ts===c?null:a),600)},onKeyDown:b=>{if("Enter"===b.key||" "===b.key){b.preventDefault(),a9(b=>b===a.key?null:a.key);let c=Date.now();bK({ts:c,x:j,y:k,r0:10.5,color:aA.flowEdge}),setTimeout(()=>bK(a=>a&&a.ts===c?null:a),600)}},children:[(0,b.jsx)("title",{children:m?`${a.from} → ${a.to} (${a.count}) — click to release pin`:`${a.from} → ${a.to} (${a.count}) — click to pin`}),(0,b.jsx)("circle",{cx:j,cy:k,r:A||m?10.5:9,fill:aA.legendBox.fill,stroke:m?aA.legendHeadline:o?ay?"#d97706":"#fbbf24":aA.flowEdge,strokeWidth:m||o?2:1,opacity:ay?.95:.82,"data-edge-badge-lifted":A||m?"true":"false",style:{transition:"r 180ms ease-out, stroke 300ms ease-out, stroke-width 300ms ease-out, fill 200ms ease-out, opacity 200ms ease-out"}}),(0,b.jsx)("text",{x:j,y:k+3,textAnchor:"middle",fill:aA.legendHeadline,fontSize:"10",fontFamily:"monospace",fontWeight:"700","data-edge-badge-text":a.key,"data-edge-badge-text-pin":m||o?"true":"false",style:{pointerEvents:"none",fontVariantNumeric:"tabular-nums",letterSpacing:m||o?"0.4px":"0px",transition:"letter-spacing 300ms ease-out"},children:a.count})]}))]},a.key)}),"ring"===aG&&(0,b.jsxs)("g",{"data-topo-hub":!0,"data-topo-hub-hovered":bd?"true":"false",role:"button",tabIndex:0,"aria-label":(ag=["Network hub"],aP.length>0&&ag.push(`${aP.length} online`),aX>0&&ag.push(`${aX} working`),aS.length>0&&ag.push(`${aS.length} active link${1===aS.length?"":"s"}`),ag.join(" · ")+" — Enter to fit view"),className:"anet-topo-svg-focus anet-fade-in","data-topo-hub-fade-delay":0,style:{cursor:"pointer"},onPointerDown:a=>a.stopPropagation(),onMouseEnter:()=>be(!0),onMouseLeave:()=>be(!1),onClick:()=>{bU(),bK({ts:Date.now(),x:500,y:330,r0:18,color:ay?"#059669":"#10b981"}),setTimeout(()=>bK(a=>a&&500===a.x&&330===a.y?null:a),600)},onKeyDown:a=>{("Enter"===a.key||" "===a.key)&&(a.preventDefault(),bU(),bK({ts:Date.now(),x:500,y:330,r0:18,color:ay?"#059669":"#10b981"}),setTimeout(()=>bK(a=>a&&500===a.x&&330===a.y?null:a),600))},children:[(0,b.jsx)("title",{children:(ah=a.length,ai=["Network hub",`${ah} session${1===ah?"":"s"}`],aP.length>0&&ai.push(`${aP.length} online`),aX>0&&ai.push(`${aX} working`),aS.length>0&&ai.push(`${aS.length} active link${1===aS.length?"":"s"}`),ai.join(" · ")+"\nclick to fit view")}),(ak=[.52,.58,.65,.72][aj=0===aX?0:aX<=2?1:aX<=5?2:3],al=[.16,.2,.26,.32][aj],am=[4,3.2,2.7,2.4][aj],an=`0.32;${ak};0.32`,ao=`0.08;${al};0.08`,(0,b.jsx)("circle",{cx:500,cy:330,r:"18",fill:ay?"#d1fae5":"#10b981",opacity:ay?.42:.12,"data-hub-busyness":aj,style:{transition:"fill 200ms ease-out"},children:!az&&(0,b.jsx)("animate",{attributeName:"opacity",values:ay?an:ao,dur:`${am}s`,repeatCount:"indefinite",calcMode:"spline",keyTimes:"0;0.5;1",keySplines:"0.42 0 0.58 1;0.42 0 0.58 1"})})),(0,b.jsx)("circle",{cx:500,cy:330,r:"10",fill:ay?"#059669":"#10b981","data-topo-hub-core":!0,style:{transition:"fill 200ms ease-out"}}),(0,b.jsx)("text",{x:500,y:330,textAnchor:"middle",dy:"0.36em",fill:ay?"#d1fae5":"#ecfdf5",fontSize:"11",fontFamily:"monospace",fontWeight:"700",opacity:+(aX>0),"data-topo-hub-working-count":aX,"data-topo-hub-working-count-hovered":bd?"true":"false","data-topo-hub-working-count-visible":aX>0?"true":"false",style:{pointerEvents:"none",transform:!az&&bd?"scale(1.08)":"scale(1)",transformBox:"fill-box",transformOrigin:"center",transition:"transform 200ms ease-out, opacity 300ms ease-out, fill 200ms ease-out",fontVariantNumeric:"tabular-nums"},children:aX}),(0,b.jsx)("circle",{cx:500,cy:330,r:"5",fill:"#d1fae5",opacity:aX>0?0:.9,"data-topo-hub-highlight":!0,"data-topo-hub-highlight-visible":aX>0?"false":"true",style:{pointerEvents:"none",transition:"opacity 300ms ease-out"}}),(0,b.jsx)("circle",{cx:500,cy:330,r:bd?17:14,fill:"none",stroke:ay?"#059669":"#10b981",strokeWidth:"1.5",opacity:bd?ay?.85:.7:0,"data-topo-hub-hover-ring":!0,"data-topo-hub-hover-ring-radius":bd?17:14,style:{pointerEvents:"none",transition:"opacity 180ms ease-out, r 180ms ease-out, stroke 200ms ease-out"}})]}),[...aP,...aQ].map((a,c)=>{let e,f,g,h,i,j,l,m,o,p=aR[a.alias];if(!p)return null;let q=(a.network_id?d[`${a.network_id}:${a.alias}`]:void 0)??d[a.alias],s="offline"!==a.status||!!q,u=z(a,s,ay),v=aT.has(a.alias),w=Math.round((s?26:18)*aL),y=!aZ||a$===a.alias||bw.zoom>=1.4,A=!a5||(aU[a.alias]??a.alias)===a5,B=0;if("ring"===aG){let b=aR[a.alias];if(b){let a=Math.hypot(b.x-500,b.y-330);B=a<195?0:a<270?1:a<310?2:3}}return(0,b.jsxs)("g",{"data-node":a.alias,"data-tier-idx":"ring"===aG?B:-1,role:"button",tabIndex:0,"aria-pressed":bH===a.alias,"aria-label":`Chat with ${a.alias} (${a.status})`,onKeyDown:b=>{("Enter"===b.key||" "===b.key)&&(b.preventDefault(),bI(a.alias),bK({ts:Date.now(),x:p.x,y:p.y,r0:w,color:u.primary}),setTimeout(()=>bK(a=>a&&Date.now()-a.ts>=590?null:a),600))},className:"group transition-opacity anet-fade-in anet-topo-svg-focus",style:{cursor:"pointer",opacity:bt&&!bt.has(a.alias)&&bH!==a.alias||bn&&bH!==a.alias&&("unknown"===(e=r(a.model)).id?"?":e.initial)!==bn||bs&&bH!==a.alias&&!("working"===bs?"working"===a.status:"idle"===bs?s&&"working"!==a.status:!s)?.28:A?bH===a.alias||s?1:.6:.32,animationDelay:"ring"===aG?`${180*B+c%6*25}ms`:`${25*Math.min(c,24)}ms`,transform:az||a$!==a.alias?void 0:"translateY(-2px)",transition:"transform 180ms cubic-bezier(0.4,0,0.2,1)"},onPointerDown:a=>a.stopPropagation(),onPointerEnter:()=>a_(a.alias),onPointerLeave:()=>a_(b=>b===a.alias?null:b),onClick:()=>{bI(a.alias),bK({ts:Date.now(),x:p.x,y:p.y,r0:w,color:u.primary}),setTimeout(()=>bK(a=>a&&Date.now()-a.ts>=590?null:a),600)},children:[(()=>{var c,d;let e,f,g,h=!s&&a.last_seen_at?(0,n.relativeAgo)(a.last_seen_at):null,i=aU[a.alias],j=i?Object.values(aU).filter(a=>a===i).length:1,k=j>1?`group: ${i} \xb7 ${j}`:null,l=0,m=0,o=new Map,p=new Map;for(let b of aS)b.from===a.alias&&(m+=b.count,p.set(b.to,(p.get(b.to)??0)+b.count)),b.to===a.alias&&(l+=b.count,o.set(b.from,(o.get(b.from)??0)+b.count));let q=a=>{let b=[...a.entries()].sort((a,b)=>b[1]-a[1]);return b.slice(0,6).map(([a,b])=>`${a} (${b})`).join(", ")+(b.length>6?` + ${b.length-6} more`:"")},u=l+m>0?`flows: ${l} in / ${m} out`:null,v=o.size>0?`← from: ${q(o)}`:null,w=p.size>0?`→ to: ${q(p)}`:null;return(0,b.jsx)("title",{children:[`${a.alias} \xb7 ${a.status}`,(c=a.model,d=a.runtime,e=r(c),f=t(d),g=[],"unknown"!==e.id&&g.push(e.label),c&&g.push(c),f&&g.push(f.label),g.join(" · ")),k,a.project_dir?`cwd: ${a.project_dir}`:null,h?`last seen: ${h}`:null,u,v,w].filter(Boolean).join("\n")})})(),(0,b.jsx)("circle",{cx:p.x,cy:p.y,r:w+12,fill:"none",stroke:u.primary,strokeWidth:"2",className:"opacity-0 group-hover:opacity-70 transition-opacity duration-150",style:{pointerEvents:"none"}}),(f=bH===a.alias,(0,b.jsx)("circle",{cx:p.x,cy:p.y,r:w+14,fill:"none",stroke:u.primary,strokeWidth:"2.5",opacity:f?ay?.85:.95:0,filter:!ay&&f?"url(#topo-glow)":void 0,style:{pointerEvents:"none",transition:"opacity 200ms ease-out, stroke 200ms ease-out, filter 200ms ease-out"},"data-chat-target-ring":!0,"data-chat-target-active":f?"true":"false","data-chat-target-breath":!az&&f?"on":"off",children:!az&&f&&(0,b.jsx)("animate",{attributeName:"opacity",values:ay?"0.72;0.95;0.72":"0.82;1;0.82",dur:"3s",repeatCount:"indefinite"})})),!az&&(0,b.jsx)("g",{opacity:+!!v,"data-node-pulse":a.alias,"data-node-pulse-active":v?"true":"false",style:{transition:"opacity 300ms ease-out"},children:(0,b.jsxs)("circle",{cx:p.x,cy:p.y,r:w+14,fill:u.primary,opacity:ay?.08:.12,children:[(0,b.jsx)("animate",{attributeName:"r",values:`${w+8};${w+22};${w+8}`,dur:"2.4s",repeatCount:"indefinite",calcMode:"spline",keyTimes:"0;0.5;1",keySplines:"0.42 0 0.58 1;0.42 0 0.58 1"}),(0,b.jsx)("animate",{attributeName:"opacity",values:ay?"0.12;0.02;0.12":"0.18;0.04;0.18",dur:"2.4s",repeatCount:"indefinite",calcMode:"spline",keyTimes:"0;0.5;1",keySplines:"0.42 0 0.58 1;0.42 0 0.58 1"})]})}),(0,b.jsx)("circle",{cx:p.x,cy:p.y,r:w+8,fill:u.halo,opacity:s?ay?.85:.65:ay?.4:.25,className:"transition-[fill,opacity] duration-300 ease-out","data-node-halo-breath":az||"working"!==a.status?"off":"on","data-node-halo-breath-offset":az||"working"!==a.status?void 0:(.37*c%3).toFixed(3),children:!1}),(g=bt&&bt.has(a.alias),(0,b.jsx)("circle",{cx:p.x,cy:p.y,r:w+7,fill:"none",stroke:aA.flowEdge,strokeWidth:g?2.4:1.6,opacity:g?ay?.9:.85:0,"data-edge-endpoint-ring":!0,"data-edge-endpoint-active":g?"true":"false","data-edge-endpoint-ring-stroke-width":g?2.4:1.6,style:{pointerEvents:"none",transition:"opacity 180ms ease-out, stroke-width 180ms ease-out"}})),(0,b.jsx)("circle",{cx:p.x,cy:p.y,r:w,fill:s?aA.nodeFill.online:aA.nodeFill.offline,stroke:u.primary,strokeWidth:s?3:1.5,strokeDasharray:s?"none":"5 5",filter:s&&!ay?"url(#topo-glow)":void 0,"data-node-status-ring":u.label,style:{transition:"fill 300ms ease-out, stroke 300ms ease-out, stroke-width 300ms ease-out"}}),"red"!==aC.get(a.server)?null:(0,b.jsx)("circle",{cx:p.x,cy:p.y,r:w+8,fill:"none",stroke:ay?"#d97706":"#fbbf24",strokeWidth:"2.5",opacity:"0.6","data-node-server-health":"red","data-node-server-host":a.server,style:{pointerEvents:"none",transition:"stroke 200ms ease-out, opacity 200ms ease-out"}}),(()=>{let c=Math.round((s?14:10)*aL),d=2*w,e=r(a.model),f=/书生|书小生|intern/i.test(a.alias);if(aB||f||e.logo)return(0,b.jsx)("image",{href:e.logo??"/intern_avatar.png",x:p.x-d/2,y:p.y-d/2,width:d,height:d,preserveAspectRatio:"xMidYMid meet"});if("unknown"!==e.id)return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("circle",{cx:p.x,cy:p.y,r:c,fill:e.mono.bg,stroke:e.mono.ring,strokeWidth:"1.5"}),(0,b.jsx)("text",{x:p.x,y:p.y,dy:"0.34em",textAnchor:"middle",fill:e.mono.text,fontSize:c,fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, sans-serif",fontWeight:"700","data-monogram-letter":e.initial,children:e.initial})]});let g=(0,k.aliasAvatarColors)(aU[a.alias]||a.alias);return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("circle",{cx:p.x,cy:p.y,r:c,fill:g.bg,stroke:g.ring,strokeWidth:"1"}),(0,b.jsx)("text",{x:p.x,y:p.y,dy:"0.34em",textAnchor:"middle",fill:g.text,fontSize:c,fontFamily:"monospace",fontWeight:"700",children:(0,k.aliasInitial)(a.alias)})]})})(),(()=>{let c=t(a.runtime);if(!c)return null;let d=s?7:5.5,e=p.x+.72*w,f=p.y+.72*w,g=2*d*.62,h=!az&&a$===a.alias;return(0,b.jsxs)("g",{style:{pointerEvents:"none"},children:[(0,b.jsx)("circle",{cx:e,cy:f,r:d,fill:aA.containerBg,stroke:c.color,strokeWidth:"1.5","data-runtime-badge":a.alias,"data-runtime-badge-active":h?"true":"false",style:{r:h?`${d+1}px`:`${d}px`,strokeWidth:h?"2px":"1.5px",transition:"r 150ms ease-out, stroke-width 150ms ease-out"}}),(0,b.jsx)("g",{transform:`translate(${e-g/2} ${f-g/2}) scale(${g/24})`,children:(0,b.jsx)("path",{d:c.iconPath,fill:"none",stroke:c.color,strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})})]})})(),!1,(i=(h=aL<.8)?88:100,y?(0,b.jsxs)("g",{transform:`translate(${p.x}, ${p.y+w+(h?18:22)})`,style:{pointerEvents:"none"},className:"transition-transform duration-200 group-hover:-translate-y-[1.5px]",children:[(0,b.jsx)("rect",{x:-i/2,y:h?-12:-14,width:i,height:h?36:42,rx:"6",fill:aA.labelBox.fill,stroke:az||a$!==a.alias?aA.labelBox.stroke:aA.legendAccent,opacity:ay?1:.94,"data-node-label-card":a.alias,"data-node-label-card-elevation":az||a$!==a.alias?"idle":"hover",style:{filter:az||a$!==a.alias?ay?"drop-shadow(0 1px 2px rgba(15,23,42,0.08))":"drop-shadow(0 1px 2px rgba(0,0,0,0.30))":ay?"drop-shadow(0 3px 8px rgba(15,23,42,0.20))":"drop-shadow(0 4px 12px rgba(0,0,0,0.60))",transition:"filter 220ms ease-out, stroke 220ms ease-out, fill 220ms ease-out, opacity 220ms ease-out"}}),(0,b.jsx)("text",{x:"0",y:"1",textAnchor:"middle",fill:u.text,fontSize:h?11:12,fontFamily:"monospace",fontWeight:"700","data-node-alias-text":a.alias,"data-node-alias-chat-target":bH===a.alias?"true":"false",style:{transition:"fill 300ms ease-out, letter-spacing 200ms ease-out",letterSpacing:bH===a.alias?"0.5px":"0px"},children:x(a.alias,h?11:12)}),(0,b.jsxs)("text",{x:"0",y:h?15:17,textAnchor:"middle",fill:u.primary,fontSize:h?8:9,fontFamily:"monospace","data-node-sub-text":a.alias,style:{transition:"fill 300ms ease-out"},children:[u.label,s&&null!=q?` sse:${q}`:""]})]}):(0,b.jsx)("text",{x:p.x,y:p.y+w+(h?12:14),textAnchor:"middle",fill:u.text,fontSize:h?9:10,fontFamily:"monospace",fontWeight:"700",opacity:.9,className:"group-hover:-translate-y-[1.5px]","data-node-dense-alias-text":a.alias,style:{pointerEvents:"none",paintOrder:"stroke",transition:"transform 200ms ease-out, fill 300ms ease-out"},stroke:aA.containerBg,strokeWidth:"3",children:x(a.alias,h?9:10)})),!az&&a$===a.alias&&!aZ&&(j=r(a.model),l=t(a.runtime),m=p.x>650?p.x-w-18-192:p.x+w+18,o=p.y-44,(0,b.jsxs)("g",{transform:`translate(${m}, ${o})`,"data-topo-hover-detail":a.alias,style:{pointerEvents:"none"},children:[(0,b.jsx)("rect",{x:"0",y:"0",width:192,height:88,rx:"8",fill:aA.labelBox.fill,stroke:aA.legendAccent,opacity:ay?.98:.94,style:{filter:ay?"drop-shadow(0 4px 12px rgba(15,23,42,0.16))":"drop-shadow(0 4px 12px rgba(0,0,0,0.6))"}}),(0,b.jsx)("text",{x:"10",y:"16",fontSize:"9",fontFamily:"monospace",fill:aA.legendAccent,fontWeight:"700",children:"unknown"!==j.id?j.label:"—"}),(0,b.jsx)("text",{x:"10",y:"32",fontSize:"10",fontFamily:"monospace",fill:aA.legendHeadline,children:a.model||"model · pending"}),(0,b.jsx)("text",{x:"10",y:"48",fontSize:"9",fontFamily:"monospace",fill:aA.legendText,children:l?l.label:"runtime · pending"}),(0,b.jsxs)("text",{x:"10",y:"64",fontSize:"9",fontFamily:"monospace",fill:aA.legendText,children:["host · ",a.server||"unknown"]}),(0,b.jsx)("text",{x:"10",y:"80",fontSize:"9",fontFamily:"monospace",fill:aA.legendText,opacity:"0.7",children:a.task?x(a.task,28):"no recent task"})]}))]},a.alias)}),bJ&&!az&&(0,b.jsxs)("circle",{cx:bJ.x,cy:bJ.y,r:bJ.r0+4,fill:"none",stroke:bJ.color,strokeWidth:"2",opacity:"0","data-click-ripple":!0,style:{pointerEvents:"none"},children:[(0,b.jsx)("animate",{attributeName:"r",values:`${bJ.r0+4};${bJ.r0+30}`,dur:"0.5s",calcMode:"spline",keyTimes:"0;1",keySplines:"0.25 0.1 0.25 1",fill:"freeze"}),(0,b.jsx)("animate",{attributeName:"opacity",values:"0.7;0",dur:"0.5s",calcMode:"spline",keyTimes:"0;1",keySplines:"0.25 0.1 0.25 1",fill:"freeze"})]},bJ.ts)]}),aS.length>0&&(0,b.jsxs)("g",{transform:"translate(16, 16)","data-topo-panel":"recent","data-topo-panel-hovered":"recent"===bh?"true":"false",className:"anet-fade-in","data-topo-panel-fade-delay":700,style:{animationDelay:"700ms"},onMouseEnter:()=>bi("recent"),onMouseLeave:()=>bi(a=>"recent"===a?null:a),children:[(0,b.jsx)("rect",{x:"0",y:"0",width:"230",height:"88",rx:"10",fill:aA.legendBox.fill,stroke:aA.legendBox.stroke,opacity:ay?.97:.92,style:{filter:"recent"===bh?ay?"drop-shadow(0 4px 12px rgba(15,23,42,0.14))":"drop-shadow(0 4px 12px rgba(0,0,0,0.65))":ay?"drop-shadow(0 2px 6px rgba(15,23,42,0.08))":"drop-shadow(0 2px 6px rgba(0,0,0,0.45))",transition:"filter 200ms ease-out, fill 200ms ease-out, stroke 200ms ease-out, opacity 200ms ease-out"},"data-topo-panel-elevation":"recent"}),(0,b.jsx)("text",{x:"13",y:"21",fill:aA.legendHeadline,fontSize:"12",fontFamily:"monospace",fontWeight:"700",letterSpacing:"0.3",style:{transition:"fill 200ms ease-out"},"data-recent-panel-title":!0,children:"recent signal"}),(ap=aS.filter(a=>a.count>=10).length,as=(ar=null!==(aq=aS.reduce((a,b)=>{if(!b.last_at)return a;let c=Date.parse(b.last_at);return Number.isNaN(c)?a:null===a||c>a?c:a},null))?Math.max(0,(Date.now()-aq)/1e3):999)<=30?1:ar<=300?1-(ar-30)/270*.75:.25,at=ay?`rgba(13, 148, 136, ${as.toFixed(2)})`:`rgba(34, 211, 238, ${as.toFixed(2)})`,(0,b.jsxs)("text",{x:"217",y:"21",textAnchor:"end",fontSize:"10",fontFamily:"monospace",children:[(0,b.jsxs)("tspan",{fill:at,fontWeight:"600","data-recent-panel-count":!0,"data-recent-panel-count-freshness-alpha":as.toFixed(2),style:{transition:"fill 200ms ease-out",fontVariantNumeric:"tabular-nums"},children:[aS.length,(0,b.jsx)("tspan",{opacity:"0.7","data-recent-panel-count-unit":!0,children:" flows"})]}),(0,b.jsx)("tspan",{fill:ay?"#d97706":"#fbbf24",fontWeight:"700","data-recent-panel-hot-count":ap,"data-recent-panel-hot-visible":ap>0?"true":"false",className:"anet-fade-in",opacity:+(ap>0),style:{transition:"opacity 300ms ease-out",fontVariantNumeric:"tabular-nums"},children:ap>0?(0,b.jsxs)(b.Fragment,{children:[` \xb7 ${ap}`,(0,b.jsx)("tspan",{opacity:"0.7","data-recent-panel-hot-count-unit":!0,children:" hot"})]}):""})]})),(0,b.jsxs)("g",{"data-recent-signal-empty-wrapper":!0,"data-recent-signal-empty-visible":0===aS.length?"true":"false",style:{opacity:+(0===aS.length),transition:"opacity 300ms ease-out",pointerEvents:"none"},children:[(0,b.jsxs)("text",{x:"115",y:"56",textAnchor:"middle",fill:aA.legendText,fontSize:"10",fontFamily:"monospace",fontStyle:"italic",letterSpacing:"0.2",opacity:.65,"data-recent-signal-empty":!0,"data-recent-signal-empty-breathes":az?"false":"true",children:["no flow yet",!az&&(0,b.jsx)("animate",{attributeName:"opacity",values:"0.55;0.78;0.55",dur:"4.4s",repeatCount:"indefinite"})]}),(0,b.jsxs)("text",{x:"115",y:"70",textAnchor:"middle",fill:aA.legendText,fontSize:"9",fontFamily:"monospace",fontStyle:"italic",letterSpacing:"0.15",opacity:.45,"data-recent-signal-empty-hint":!0,"data-recent-signal-empty-hint-breathes":az?"false":"true",children:["send a message between agents",!az&&(0,b.jsx)("animate",{attributeName:"opacity",values:"0.36;0.58;0.36",dur:"4.4s",begin:"-1.5s",repeatCount:"indefinite"})]})]}),0===aS.length?null:aS.slice(0,3).map((a,c)=>{let d,e=a.last_at?(0,n.relativeAgo)(a.last_at):null,f=e?e.replace(/\s+ago$/,""):null,g=a6===a.key,h=a8===a.key,i=g||h,j=a.last_at?(d=Math.max(0,(Date.now()-Date.parse(a.last_at))/1e3))<=30?.85:d<=300?.85-(d-30)/270*.55:.3:.55,k=a.count>=10;return(0,b.jsxs)("g",{"data-recent-row":a.key,"data-recent-row-hovered":g?"true":"false","data-recent-row-pinned":h?"true":"false","data-recent-row-hot":k?"true":"false","data-recent-row-lifted":g||h?"true":"false",className:"anet-topo-svg-focus anet-fade-in",role:"button",tabIndex:0,"aria-pressed":h,style:{cursor:"pointer",transform:g||h?"translateY(-1px)":void 0,transition:"transform 150ms cubic-bezier(0.4, 0, 0.2, 1)"},onPointerDown:a=>a.stopPropagation(),onMouseEnter:()=>a7(a.key),onMouseLeave:()=>a7(b=>b===a.key?null:b),onClick:()=>a9(b=>b===a.key?null:a.key),onKeyDown:b=>{("Enter"===b.key||" "===b.key)&&(b.preventDefault(),a9(b=>b===a.key?null:a.key))},children:[(0,b.jsx)("title",{children:[`${a.from} → ${a.to} \xb7 ${a.count} msg${1===a.count?"":"s"}${k?" (hot lane · ≥ 10)":""}`,a.last_at?`last: ${new Date(a.last_at).toLocaleString()}`:null,a.content?`"${a.content}"`:null,h?"click to release pin (Esc to clear)":"click to pin · hover to preview"].filter(Boolean).join("\n")}),(0,b.jsx)("rect",{x:"6",y:38+16*c-10,width:"218",height:"14",rx:"3",fill:i?aA.legendAccent:"transparent",opacity:h?ay?.18:.22:g?ay?.1:.14:1,style:{transition:"fill 150ms ease-out, opacity 150ms ease-out"}}),(()=>{if(!a.last_at)return null;let d=Math.max(0,(Date.now()-Date.parse(a.last_at))/1e3),e=d<=30?1:d<=300?1-(d-30)/270*.75:.25;return(0,b.jsx)("circle",{cx:10,cy:38+16*c-3,r:1.6,fill:aA.legendAccent,opacity:e,"data-recent-row-freshness":a.key,"data-recent-row-freshness-alpha":e.toFixed(2),style:{pointerEvents:"none",transition:"opacity 200ms ease-out"}})})(),(0,b.jsxs)("text",{x:"13",y:38+16*c,fill:i?aA.legendHeadline:aA.legendText,fontSize:"9",fontFamily:"monospace","data-recent-row-text":a.key,"data-recent-row-text-pinned":h?"true":"false",style:{transition:"fill 150ms ease-out, letter-spacing 150ms ease-out",letterSpacing:h?"0.5px":"0px"},children:[x(a.from,6)," ","→"," ",x(a.to,6)," "," · ",(0,b.jsx)("tspan",{fill:k?ay?"#d97706":"#fbbf24":void 0,fontWeight:k?"700":"600","data-recent-row-count":!0,...k?{"data-recent-row-count-hot":"true"}:{},style:{transition:"fill 300ms ease-out",fontVariantNumeric:"tabular-nums"},children:a.count})," · ",x(a.content,8)]}),f?(0,b.jsx)("text",{x:"217",y:38+16*c,textAnchor:"end",fill:aA.legendText,fontSize:"8",fontFamily:"monospace",opacity:j,"data-recent-row-ts":a.key,"data-recent-row-ts-alpha":j.toFixed(2),style:{pointerEvents:"none",transition:"opacity 200ms ease-out",fontVariantNumeric:"tabular-nums"},children:f}):null]},a.key)}),(au=aS.length>3,av=Math.max(0,aS.length-3),aw=`+ ${av} more flow${1===av?"":"s"}`,(0,b.jsxs)("g",{"data-recent-panel-more-nav":!0,"data-recent-panel-more-visible":au?"true":"false",role:au?"link":void 0,tabIndex:au?0:-1,"aria-hidden":!au||void 0,className:"anet-topo-svg-focus",style:{cursor:au?"pointer":void 0,pointerEvents:au?"all":"none",opacity:+!!au,transition:"opacity 300ms ease-out"},onPointerDown:a=>a.stopPropagation(),onMouseEnter:()=>{au&&bg(!0)},onMouseLeave:()=>bg(!1),onClick:()=>{au&&aD.push("/messages")},onKeyDown:a=>{au&&("Enter"===a.key||" "===a.key)&&(a.preventDefault(),aD.push("/messages"))},children:[(0,b.jsx)("title",{children:`${aw} — open /messages for the full list`}),(0,b.jsxs)("text",{x:"115",y:"82",textAnchor:"middle",fill:bf?aA.legendAccent:aA.legendText,fontSize:"9",fontFamily:"monospace",fontStyle:"italic",letterSpacing:"0.2",opacity:bf?.85:.55,textDecoration:bf?"underline":"none","data-recent-panel-more":av,"data-recent-panel-more-hovered":bf?"true":"false",style:{transition:"opacity 150ms ease-out, fill 200ms ease-out"},children:[`+ ${av}`,(0,b.jsx)("tspan",{opacity:"0.7","data-recent-panel-more-unit":!0,children:` more flow${1===av?"":"s"}`})]})]}))]}),(0,b.jsxs)("g",{transform:"translate(760, 16)","data-topo-panel":"legend","data-topo-panel-hovered":"legend"===bh?"true":"false",className:"anet-fade-in","data-topo-panel-fade-delay":800,style:{animationDelay:"800ms"},onMouseEnter:()=>bi("legend"),onMouseLeave:()=>bi(a=>"legend"===a?null:a),children:[(0,b.jsx)("rect",{x:"0",y:"0",width:"224",height:"88",rx:"10",fill:aA.legendBox.fill,stroke:aA.legendBox.stroke,opacity:ay?.97:.92,style:{filter:"legend"===bh?ay?"drop-shadow(0 4px 12px rgba(15,23,42,0.14))":"drop-shadow(0 4px 12px rgba(0,0,0,0.65))":ay?"drop-shadow(0 2px 6px rgba(15,23,42,0.08))":"drop-shadow(0 2px 6px rgba(0,0,0,0.45))",transition:"filter 200ms ease-out, fill 200ms ease-out, stroke 200ms ease-out, opacity 200ms ease-out"},"data-topo-panel-elevation":"legend"}),(0,b.jsx)("text",{x:"13",y:"21",fill:aA.legendHeadline,fontSize:"12",fontFamily:"monospace",fontWeight:"700",letterSpacing:"0.3",style:{transition:"fill 200ms ease-out"},"data-legend-panel-title":!0,children:"legend"}),(0,b.jsxs)("text",{x:"211",y:"21",textAnchor:"end",fill:aA.legendAccent,fontSize:"10",fontFamily:"monospace",fontWeight:"600","data-legend-panel-count":!0,style:{transition:"fill 200ms ease-out",fontVariantNumeric:"tabular-nums"},children:[a.length,(0,b.jsxs)("tspan",{opacity:"0.7","data-legend-panel-count-unit":!0,children:[" node",1===a.length?"":"s"]})]}),(ax=aP.length-aX,[{key:"working",y0:32,y1:36,fill:ay?"#059669":"#22c55e",label:"working",count:aX},{key:"idle",y0:50,y1:54,fill:ay?"#0d9488":"#2dd4bf",label:"idle",count:ax},{key:"offline",y0:68,y1:72,fill:ay?"#94a3b8":"#6b7280",label:"offline",count:aQ.length}]).map(a=>{let c,d,e,f=bq===a.key,g=bo===a.key,h=g||f;return(0,b.jsxs)("g",{"data-legend-status":a.key,"data-legend-row-lifted":h?"true":"false",className:"anet-topo-svg-focus",role:"button",tabIndex:0,"aria-pressed":f,style:{cursor:"pointer",transform:h?"translateY(-1px)":void 0,transition:"transform 150ms cubic-bezier(0.4, 0, 0.2, 1)"},onPointerDown:a=>a.stopPropagation(),onMouseEnter:()=>bp(a.key),onMouseLeave:()=>bp(b=>b===a.key?null:b),onClick:()=>br(b=>b===a.key?null:a.key),children:[(0,b.jsx)("title",{children:(d=(c="working"===a.key?aP.filter(a=>"working"===a.status).map(a=>a.alias):"idle"===a.key?aP.filter(a=>"working"!==a.status).map(a=>a.alias):aQ.map(a=>a.alias)).slice(0,8).join(", "),e=c.length>8?` + ${c.length-8} more`:"",[`${a.label} \xb7 ${a.count}`,c.length>0?`${d}${e}`:null,f?"click to release pin (Esc to clear)":"click to pin · hover to preview"].filter(Boolean).join("\n"))}),(0,b.jsx)("rect",{x:"6",y:a.y0-11,width:"170",height:"22",rx:"3",fill:bo===a.key||f?a.fill:"transparent",opacity:f?ay?.14:.18:bo===a.key?ay?.08:.12:1,"data-legend-row-tinted":f?"pinned":bo===a.key?"hover":"none",style:{transition:"fill 150ms ease-out, opacity 150ms ease-out"}}),(0,b.jsx)("circle",{cx:"16",cy:a.y0,r:"6",fill:a.fill,"data-legend-swatch":a.key,"data-legend-swatch-state":f?"pinned":g?"hover":"idle",style:{r:g||f?"7px":"6px",transition:"r 150ms ease-out"}}),(0,b.jsx)("circle",{cx:"16",cy:a.y0,r:"8",fill:"none",stroke:a.fill,strokeWidth:"1.5",opacity:+!!f,"data-legend-pin-ring":a.key,"data-legend-pin-ring-pinned":f?"true":"false",style:{pointerEvents:"none",transition:"opacity 150ms ease-out"}}),(0,b.jsx)("text",{x:"30",y:a.y1,fill:bo===a.key||f?aA.legendHeadline:aA.legendText,fontSize:"11",fontFamily:"monospace","data-legend-row-label":a.key,"data-legend-row-label-pinned":f?"true":"false",style:{transition:"fill 150ms ease-out, letter-spacing 150ms ease-out",letterSpacing:f?"0.5px":"0px"},children:a.label}),(0,b.jsx)("text",{x:"215",y:a.y1,textAnchor:"end",fill:a.count>0&&(bo===a.key||f)?a.fill:aA.legendText,fontSize:"11",fontFamily:"monospace",fontWeight:"600",opacity:0===a.count?ay?.28:.3:bo===a.key||f?.95:.65,"data-legend-count":a.key,"data-legend-count-empty":0===a.count?"true":"false","data-legend-count-fill":a.count>0&&(bo===a.key||f)?"tier":"neutral",style:{pointerEvents:"none",transition:"opacity 150ms ease-out, fill 150ms ease-out",fontVariantNumeric:"tabular-nums"},children:a.count})]},a.key)}),(0,b.jsx)("path",{d:"M140,68 Q164,44 196,68",fill:"none",stroke:aA.flowEdge,strokeWidth:"3",markerEnd:"url(#topo-arrow)","data-legend-flow-arrow":!0,style:{pointerEvents:"none",transition:"stroke 200ms ease-out"}})]}),(0,b.jsx)("text",{x:"16",y:"672",fontSize:"11",fontFamily:"monospace",fontWeight:"600",letterSpacing:"0.5",fill:aA.legendText,opacity:"0.4","data-topo-brand-watermark":!0,style:{pointerEvents:"none",transition:"fill 200ms ease-out"},children:"sleep2agi"}),(0,b.jsxs)("g",{opacity:.35*(0===aS.length),"data-topo-brand-canvas-mark":!0,"data-topo-brand-canvas-mark-visible":0===aS.length?"true":"false",style:{pointerEvents:"none",transition:"opacity 300ms ease-out, fill 200ms ease-out"},children:[(0,b.jsx)("defs",{children:(0,b.jsxs)("mask",{id:"s2a-canvas-corner-mask",children:[(0,b.jsx)("rect",{x:"0",y:"0",width:"28",height:"28",fill:"black"}),(0,b.jsx)("circle",{cx:"14",cy:"14",r:"12",fill:"white"}),(0,b.jsx)("circle",{cx:"17.5",cy:"13",r:"10",fill:"black"})]})}),(0,b.jsx)("rect",{x:"16",y:"16",width:"28",height:"28",fill:aA.legendText,mask:"url(#s2a-canvas-corner-mask)"})]})]}),(()=>{if(.01>Math.abs(bw.zoom-1)&&1>Math.abs(bw.x)&&1>Math.abs(bw.y)||aP.length+aQ.length===0)return null;let a=-bw.x/bw.zoom*.12,c=-bw.y/bw.zoom*.12058823529411765,e=1e3/bw.zoom*.12,f=680/bw.zoom*.12058823529411765;return(0,b.jsx)("div",{className:"absolute right-4 rounded-lg border shadow-lg shadow-black/30 overflow-hidden anet-fade-in anet-topo-chip-focus",style:{bottom:56,background:aA.legendBox.fill,borderColor:aA.containerBorder,cursor:"crosshair",color:aA.legendAccent,transition:"background-color 200ms ease-out, border-color 200ms ease-out, color 200ms ease-out"},role:"button",tabIndex:0,"aria-label":"Topology minimap — click to recenter, Enter to reset view",title:"Minimap · click to recenter · Enter to reset view",onClick:a=>{let b=a.currentTarget.getBoundingClientRect(),c=(a.clientX-b.left)/b.width,d=(a.clientY-b.top)/b.height;bx(a=>({...a,x:500-1e3*c*a.zoom,y:340-680*d*a.zoom}))},onKeyDown:a=>{("Enter"===a.key||" "===a.key)&&(a.preventDefault(),bT())},"data-topo-minimap":!0,children:(0,b.jsxs)("svg",{width:120,height:82,viewBox:"0 0 120 82",style:{display:"block"},children:[[...aP,...aQ].map(a=>{let c=aR[a.alias];if(!c)return null;let e=(a.network_id?d[`${a.network_id}:${a.alias}`]:void 0)??d[a.alias],f="offline"!==a.status||!!e,g=z(a,f,ay);return(0,b.jsx)("circle",{cx:.12*c.x,cy:.12058823529411765*c.y,r:f?1.7:1.2,fill:g.primary,opacity:f?.9:.5,"data-topo-minimap-dot":a.alias,"data-topo-minimap-dot-online":f?"true":"false",style:{transition:"opacity 200ms ease-out, fill 200ms ease-out, r 200ms ease-out"}},a.alias)}),(0,b.jsx)("rect",{x:Math.max(0,a),y:Math.max(0,c),width:Math.max(0,Math.min(120-Math.max(0,a),e)),height:Math.max(0,Math.min(82-Math.max(0,c),f)),fill:"none",stroke:aA.legendAccent,strokeWidth:"1.5",opacity:"0.9","data-topo-minimap-viewport":!0,"data-topo-minimap-viewport-smooth":bR?"true":"false",style:{transition:bR?"x 280ms ease-out, y 280ms ease-out, width 280ms ease-out, height 280ms ease-out":"none"}})]})})})(),(0,b.jsxs)("div",{className:"absolute bottom-4 right-4 flex items-center gap-2 text-xs select-none","data-topo-chrome":!0,children:[(0,b.jsx)("div",{className:"flex items-center rounded-md border overflow-hidden",style:{background:aA.legendBox.fill,borderColor:aA.containerBorder,transition:"background-color 200ms ease-out, border-color 200ms ease-out"},role:"group","aria-label":"Node size","data-topo-chrome-fleet-group-trailer":!0,children:[["S",.7],["M",.84],["L",1]].map(([a,c],d)=>{let e=`size-${a}`;return(0,b.jsx)("button",{onClick:()=>{bG(e);if(c!==aL){aO(!0),setTimeout(()=>aO(!1),400),aM(c);try{localStorage.setItem("anet-topo-nodescale",String(c))}catch{}}},"aria-pressed":aL===c,"data-topo-chrome-nodesize":a,"data-topo-chrome-nodesize-active":aL===c?"true":"false","data-topo-chrome-nodesize-popping":bE===e?"true":"false",title:`Node size: ${"S"===a?"small":"M"===a?"medium":"large"}`,className:`px-2 py-1 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-cyan-400/60 focus-visible:ring-inset ${d>0?"border-l":""} ${aL===c?"bg-cyan-500/15 text-cyan-300 font-medium hover:bg-cyan-500/20 active:bg-cyan-500/25":"hover:bg-cyan-500/5 active:bg-cyan-500/15"}${bE===e?" anet-chrome-pop":""}`,style:{color:aL===c?void 0:aA.legendText,borderColor:aA.containerBorder},children:a},a)})}),(0,b.jsxs)("div",{className:"ml-1.5 flex items-center rounded-md border overflow-hidden",style:{background:aA.legendBox.fill,borderColor:aA.containerBorder,transition:"background-color 200ms ease-out, border-color 200ms ease-out"},"data-topo-chrome-view-group-leader":!0,"data-topo-chrome-zoom-wrapper":!0,children:[(0,b.jsx)("button",{onClick:()=>{bG("zoom-out"),bQ(1/1.2)},"data-topo-chrome-zoom-out":!0,"data-topo-chrome-zoom-out-popping":"zoom-out"===bE?"true":"false",className:"px-2 py-1 hover:bg-white/5 active:bg-white/10 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-cyan-400/60 focus-visible:ring-inset",style:{color:aA.legendText},"aria-label":"Zoom out",title:"Zoom out (−)",children:(0,b.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round","aria-hidden":!0,className:"zoom-out"===bE?"anet-chrome-pop":void 0,"data-topo-chrome-zoom-out-icon":!0,children:(0,b.jsx)("path",{d:"M5 12h14"})})}),(0,b.jsxs)("span",{className:`px-2 py-1 tabular-nums font-medium border-x text-center${"zoom-in"===bE||"zoom-out"===bE?" anet-chrome-pop":""}`,"data-topo-chrome-zoom-level":!0,"data-topo-chrome-zoom-level-popping":"zoom-in"===bE||"zoom-out"===bE?"true":"false",style:{color:aA.legendText,borderColor:aA.containerBorder,minWidth:46,display:"inline-block",transition:"color 200ms ease-out, border-color 200ms ease-out"},title:"Current zoom level",children:[Math.round(100*bw.zoom),"%"]}),(0,b.jsx)("button",{onClick:()=>{bG("zoom-in"),bQ(1.2)},"data-topo-chrome-zoom-in":!0,"data-topo-chrome-zoom-in-popping":"zoom-in"===bE?"true":"false",className:"px-2 py-1 hover:bg-white/5 active:bg-white/10 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-cyan-400/60 focus-visible:ring-inset",style:{color:aA.legendText},"aria-label":"Zoom in",title:"Zoom in (+)",children:(0,b.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round","aria-hidden":!0,className:"zoom-in"===bE?"anet-chrome-pop":void 0,"data-topo-chrome-zoom-in-icon":!0,children:(0,b.jsx)("path",{d:"M12 5v14M5 12h14"})})})]}),(0,b.jsx)("button",{onClick:()=>{bD(!0),setTimeout(()=>bD(!1),460),bT()},"data-topo-chrome-reset":!0,"data-topo-chrome-reset-spinning":bC?"true":"false",className:"p-1.5 rounded-md border hover:bg-white/5 active:bg-white/10 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-cyan-400/60",style:{background:aA.legendBox.fill,borderColor:aA.containerBorder,color:aA.legendText},"aria-label":"Reset view",title:"Reset zoom + pan (0, or double-click the canvas)",children:(0,b.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,className:bC?"anet-reset-spin":void 0,"data-topo-chrome-reset-icon":!0,children:[(0,b.jsx)("path",{d:"M3 12a9 9 0 1 0 9-9 9 9 0 0 0-6.4 2.6L3 8"}),(0,b.jsx)("path",{d:"M3 3v5h5"})]})}),(0,b.jsx)("button",{onClick:()=>{bG("fullscreen");let a=bu.current;if(a)if(document.fullscreenElement)document.exitFullscreen?.();else{let b=a.requestFullscreen||a.webkitRequestFullscreen;b?.call(a)}},"data-topo-chrome-fullscreen":!0,"data-topo-chrome-fullscreen-active":bA?"true":"false","data-topo-chrome-fullscreen-popping":"fullscreen"===bE?"true":"false",className:`p-1.5 rounded-md border transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-cyan-400/60 ${bA?"bg-cyan-500/15 text-cyan-300 font-medium hover:bg-cyan-500/20 active:bg-cyan-500/25":"hover:bg-cyan-500/5 active:bg-cyan-500/15"}${"fullscreen"===bE?" anet-chrome-pop":""}`,style:{borderColor:aA.containerBorder,...bA?{}:{background:aA.legendBox.fill,color:aA.legendText}},"aria-label":bA?"Exit fullscreen":"Enter fullscreen",title:bA?"Exit fullscreen":"Fullscreen",children:bA?(0,b.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,"data-topo-chrome-fullscreen-icon":"exit",children:(0,b.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,b.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,"data-topo-chrome-fullscreen-icon":"enter",children:(0,b.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"})})})]}),bH&&(0,b.jsx)(o,{alias:bH,onClose:()=>bI(null)})]})]})}let G={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:""}},H={bg:"bg-gray-800/50 border-gray-700/30",text:"text-gray-500",dot:"bg-gray-500",glow:""};function I({session:a,hasSse:c,sseCount:f,onChat:g}){let h=c&&G[a.status]||H;return(0,b.jsxs)(d.default,{href:`/node?alias=${encodeURIComponent(a.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 ${c?`bg-[#111128] border-[#2a2a4a] hover:border-cyan-500/30 hover:shadow-lg ${h.glow}`:"bg-[#0d0d1a] border-[#1a1a2a] opacity-40"}`,children:[(0,b.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,b.jsx)(k.AliasAvatar,{alias:a.alias,size:22}),(0,b.jsx)("span",{className:"font-semibold text-white truncate text-sm",title:a.alias,children:a.alias}),(0,b.jsx)("span",{className:`inline-block w-1.5 h-1.5 rounded-full shrink-0 ${h.dot} ${c&&"working"===a.status?"animate-pulse":""}`})]}),(0,b.jsx)("span",{className:`text-[11px] px-2 py-0.5 rounded-md border shrink-0 ${h.bg} ${h.text}`,children:c?a.status:"offline"})]}),(0,b.jsxs)("div",{className:"flex items-center gap-2 mb-3",children:[(0,b.jsx)("span",{className:"text-xs text-gray-600 bg-[#0a0a15] px-2 py-0.5 rounded border border-[#1a1a2a]",children:a.agent||"unknown"}),c&&(0,b.jsxs)("span",{className:"text-[10px] text-green-500",children:["SSE:",f]})]}),a.task?(0,b.jsx)("div",{className:"text-xs text-gray-400 bg-[#0a0a15] rounded-lg px-3 py-2 border border-[#1a1a2a] line-clamp-2",title:a.task,children:a.task}):(0,b.jsx)("div",{className:"text-xs text-gray-700 italic",children:"No active task"}),a.progress>0&&(0,b.jsxs)("div",{className:"mt-3",children:[(0,b.jsxs)("div",{className:"flex justify-between text-[10px] mb-1",children:[(0,b.jsx)("span",{className:"text-gray-600",children:"Progress"}),(0,b.jsxs)("span",{className:h.text,children:[a.progress,"%"]})]}),(0,b.jsx)("div",{className:"w-full bg-gray-800 rounded-full h-1.5 overflow-hidden",children:(0,b.jsx)("div",{className:`h-1.5 rounded-full transition-all duration-700 ${"working"===a.status?"bg-green-500":"bg-cyan-500"}`,style:{width:`${Math.min(a.progress,100)}%`}})})]}),(0,b.jsxs)("div",{className:"mt-3 flex justify-between items-center text-[10px] text-gray-600",children:[(0,b.jsx)("span",{className:"truncate",title:a.server||"",children:a.server||"--"}),(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[g&&c&&(0,b.jsx)("button",{onClick:b=>{b.preventDefault(),b.stopPropagation(),g(a.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,b.jsx)("span",{children:(0,e.timeAgo)(a.updated_at)}),(0,b.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,b.jsx)("path",{d:"M9 18l6-6-6-6"})})]})]})]})}function J({messages:a}){return 0===a.length?null:(0,b.jsxs)("div",{className:"mt-8",children:[(0,b.jsxs)("h2",{className:"text-lg font-semibold text-white mb-3 flex items-center gap-2",children:[(0,b.jsx)("span",{className:"text-gray-500",children:"Inbox"}),(0,b.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:a.length})]}),(0,b.jsx)("div",{className:"space-y-2 max-h-96 overflow-y-auto pr-1 scrollbar-thin",children:a.map(a=>(0,b.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-3 text-sm transition-colors hover:border-[#3a3a5a]",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2 text-xs mb-1.5",children:[a.from_session&&(0,b.jsx)(k.AliasAvatar,{alias:a.from_session,size:16}),(0,b.jsx)("span",{className:"text-gray-200 font-medium truncate",children:a.from_session}),(0,b.jsx)("span",{className:"ml-auto text-gray-600 shrink-0",title:a.created_at,children:(0,e.timeAgo)(a.created_at)})]}),(0,b.jsx)("div",{className:"text-gray-300 leading-relaxed line-clamp-3",title:a.content||"",children:(0,e.previewContent)(a.content)})]},a.id))})]})}function K(){return(0,b.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,b.jsx)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3 mb-8 anet-skeleton-pulse",children:[1,2,3,4].map(a=>(0,b.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] px-4 py-3",children:[(0,b.jsx)(L,{w:"2.5rem",h:"1.75rem"}),(0,b.jsx)(L,{w:"3.5rem",h:"0.75rem",className:"mt-2"}),(0,b.jsx)(L,{w:"5rem",h:"0.625rem",className:"mt-1"})]},a))}),(0,b.jsxs)("div",{className:"flex items-center gap-3 mb-3 anet-skeleton-pulse",children:[(0,b.jsx)(L,{w:"6rem",h:"2.5rem",rounded:"0.75rem"}),(0,b.jsxs)("div",{className:"flex-1 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-2.5 flex items-center gap-3",children:[(0,b.jsx)("div",{className:"w-8 h-8 rounded-full anet-skeleton-bar"}),(0,b.jsxs)("div",{className:"flex-1",children:[(0,b.jsx)(L,{w:"6rem",h:"0.875rem"}),(0,b.jsx)(L,{w:"10rem",h:"0.625rem",className:"mt-1"})]})]})]}),(0,b.jsx)("div",{className:"mb-6 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 anet-skeleton-pulse",children:(0,b.jsx)(L,{w:"14rem",h:"0.875rem"})}),(0,b.jsx)("div",{className:"grid grid-cols-3 gap-2 sm:gap-3 mb-3 anet-skeleton-pulse",children:[1,2,3].map(a=>(0,b.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] px-3 py-3",children:[(0,b.jsx)(L,{w:"2rem",h:"1.25rem"}),(0,b.jsx)(L,{w:"2.5rem",h:"0.75rem",className:"mt-1"}),(0,b.jsx)(L,{w:"3.5rem",h:"0.625rem",className:"mt-px"})]},a))}),(0,b.jsx)("div",{className:"grid grid-cols-3 gap-2 sm:gap-3 mb-6 anet-skeleton-pulse",children:[1,2,3].map(a=>(0,b.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] px-3 py-2.5 flex items-center justify-center gap-2",children:[(0,b.jsx)("div",{className:"w-4 h-4 rounded anet-skeleton-bar"}),(0,b.jsx)(L,{w:"4rem",h:"0.75rem"})]},a))}),(0,b.jsxs)("div",{className:"mb-6 flex gap-2 anet-skeleton-pulse",children:[(0,b.jsx)("div",{className:"flex-1 h-10 rounded-lg border border-[#2a2a4a] bg-[#111128]"}),(0,b.jsx)("div",{className:"w-28 h-10 rounded-lg anet-skeleton-bar"})]}),(0,b.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(a=>(0,b.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] p-4",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2 mb-3",children:[(0,b.jsx)("div",{className:"w-2 h-2 rounded-full anet-skeleton-bar"}),(0,b.jsx)(L,{w:"6rem",h:"0.875rem"})]}),(0,b.jsxs)("div",{className:"space-y-2",children:[(0,b.jsx)(L,{w:"100%",h:"0.625rem"}),(0,b.jsx)(L,{w:"75%",h:"0.625rem"}),(0,b.jsx)(L,{w:"55%",h:"0.625rem"})]})]},a))})]})}function L({w:a,h:c,rounded:d,className:e}){return(0,b.jsx)("div",{className:`anet-skeleton-bar ${e||""}`,style:{width:a,height:c,borderRadius:d||"0.375rem"}})}var M=a.i(19595),N=a.i(49597),O=a.i(59202);function P(){let{setNetworkId:a}=(0,O.useNetworkId)(),[d,e]=(0,c.useState)({user:null,networks:[],currentNetwork:"",token:""}),[f,g]=(0,c.useState)(!1),[h,i]=(0,c.useState)(""),[j,k]=(0,c.useState)(""),[l,m]=(0,c.useState)(""),[n,o]=(0,c.useState)(!1);(0,c.useEffect)(()=>{let a=sessionStorage.getItem("anet_v3_auth");if(a)try{e(JSON.parse(a))}catch{}},[]);let[p,q]=(0,c.useState)(!1),[r,s]=(0,c.useState)(""),[t,u]=(0,c.useState)(""),v=async()=>{try{await fetch(`/api/hub/auth?token=${d.token}&endpoint=/api/auth/me`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"update_profile",token:d.token,display_name:r,email:t})});let a=await fetch("/api/hub/auth",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"update_profile",token:d.token,display_name:r,email:t})}),b=await a.json();if(b.ok&&b.user){let a={...d,user:b.user};e(a),sessionStorage.setItem("anet_v3_auth",JSON.stringify(a)),q(!1)}}catch{}};if(!d.user)return null;let w=(d.user.display_name||d.user.username).slice(0,2).toUpperCase();return(0,b.jsxs)("div",{className:"flex items-center justify-between bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-2.5 mb-4",children:[(0,b.jsxs)("div",{className:"flex items-center gap-3",children:[(0,b.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,b.jsxs)("div",{children:[(0,b.jsx)("div",{className:"text-sm text-white font-medium",children:d.user.display_name||d.user.username}),(0,b.jsxs)("div",{className:"text-[10px] text-gray-500",children:[d.user.role," · ",d.user.user_id]})]})]}),(0,b.jsxs)("div",{className:"flex items-center gap-3",children:[d.networks.length>0&&(0,b.jsx)("select",{value:d.currentNetwork,onChange:b=>{let c={...d,currentNetwork:b.target.value};e(c),a(b.target.value),sessionStorage.setItem("anet_v3_auth",JSON.stringify(c))},className:"bg-[#0a0a15] border border-[#2a2a4a] rounded px-2 py-1 text-xs text-white focus:outline-none",children:d.networks.map(a=>(0,b.jsx)("option",{value:a.network_id,children:a.network_name},a.network_id))}),(0,b.jsxs)("button",{onClick:()=>{s(d.user?.display_name||""),u(""),q(!p)},className:"text-xs text-gray-500 hover:text-gray-300 whitespace-nowrap","aria-label":"Edit profile",children:[(0,b.jsx)("span",{className:"hidden sm:inline",children:"Edit"}),(0,b.jsx)("svg",{className:"sm:hidden w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"1.5",children:(0,b.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,b.jsxs)("button",{onClick:()=>{e({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,b.jsx)("span",{className:"hidden sm:inline",children:"Sign out"}),(0,b.jsx)("svg",{className:"sm:hidden w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"1.5",children:(0,b.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,b.jsxs)("div",{className:"flex flex-wrap items-center gap-2 mt-2 pt-2 border-t border-[#2a2a4a]",children:[(0,b.jsx)("input",{type:"text",value:r,onChange:a=>s(a.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,b.jsx)("input",{type:"email",value:t,onChange:a=>u(a.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,b.jsx)("button",{onClick:v,className:"px-2 py-1 bg-cyan-600 hover:bg-cyan-500 text-white text-xs rounded",children:"Save"})]})]})}var Q=a.i(72100);function R({tabs:a,activeTab:c,onOpenTab:d,onCloseTab:e,onSetActive:f,onClose:g}){return 0===a.length?null:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{onClick:g,className:"jsx-f7cf3d1a6fdfc074 fixed inset-0 bg-black/30 z-40 lg:hidden"}),(0,b.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,b.jsxs)("div",{className:"jsx-f7cf3d1a6fdfc074 flex items-center border-b border-[#2a2a4a] bg-[#0d0d1a] overflow-x-auto",children:[(0,b.jsx)("div",{className:"jsx-f7cf3d1a6fdfc074 flex-1 flex min-w-0",children:a.map(a=>(0,b.jsxs)("button",{onClick:()=>f(a),className:`jsx-f7cf3d1a6fdfc074 flex items-center gap-1.5 px-3 py-2.5 text-xs border-b-2 transition-colors shrink-0 ${c===a?"border-cyan-400 text-cyan-300 bg-cyan-500/5":"border-transparent text-gray-500 hover:text-gray-300"}`,children:[(0,b.jsx)("div",{className:`jsx-f7cf3d1a6fdfc074 w-2 h-2 rounded-full ${c===a?"bg-cyan-400":"bg-gray-600"}`}),(0,b.jsx)("span",{className:"jsx-f7cf3d1a6fdfc074 max-w-[80px] truncate",children:a}),(0,b.jsx)("button",{onClick:b=>{b.stopPropagation(),e(a)},className:"jsx-f7cf3d1a6fdfc074 ml-1 text-gray-600 hover:text-gray-300 p-0.5",children:"×"})]},a))}),(0,b.jsx)("button",{onClick:g,className:"jsx-f7cf3d1a6fdfc074 text-gray-500 hover:text-white px-3 py-2.5 shrink-0 border-l border-[#2a2a4a]",children:(0,b.jsx)("svg",{fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,className:"jsx-f7cf3d1a6fdfc074 w-4 h-4",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12",className:"jsx-f7cf3d1a6fdfc074"})})})]}),(0,b.jsx)("div",{className:"jsx-f7cf3d1a6fdfc074 flex-1 relative overflow-hidden",children:a.map(a=>(0,b.jsx)("div",{className:`jsx-f7cf3d1a6fdfc074 absolute inset-0 ${c===a?"block":"hidden"}`,children:(0,b.jsx)(S,{alias:a})},a))})]}),(0,b.jsx)(Q.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 S({alias:a}){return(0,b.jsx)(l.TaskChatPanel,{alias:a,onClose:()=>{},inline:!0})}function T({sessions:a,onClose:d}){let[e,f]=(0,c.useState)(new Set),[g,h]=(0,c.useState)(""),[i,j]=(0,c.useState)("normal"),[l,m]=(0,c.useState)(!1),[n,o]=(0,c.useState)([]),[p,q]=(0,c.useState)(""),r=a.filter(a=>"offline"!==a.status).filter(a=>!p||a.alias.toLowerCase().includes(p.toLowerCase())||(a.agent||"").toLowerCase().includes(p.toLowerCase())),s=async()=>{if(!g.trim()||0===e.size||l)return;m(!0),o([]);let a=[...e].map(async a=>{try{let b=await fetch("/api/hub/send",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({alias:a,task:g,priority:i})}),c=await b.json();return{alias:a,ok:!!c.ok,error:c.error}}catch(b){return{alias:a,ok:!1,error:"send failed"}}});o(await Promise.all(a)),m(!1)},t=n.filter(a=>a.ok).length;return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:"fixed inset-0 bg-black/50 z-40 anet-fade-in",onClick:d}),(0,b.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,b.jsxs)("div",{className:"flex items-center justify-between px-6 py-4 border-b border-[#2a2a4a] bg-[#0d0d1a]",children:[(0,b.jsxs)("div",{children:[(0,b.jsx)("h2",{className:"text-lg font-bold text-white",children:"Dispatch Task"}),(0,b.jsx)("p",{className:"text-xs text-gray-500 mt-0.5",children:"Send a task to one or more agents"})]}),(0,b.jsx)("button",{onClick:d,className:"text-gray-500 hover:text-white p-1.5 rounded-lg hover:bg-[#1a1a2a]",children:(0,b.jsx)("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})})]}),(0,b.jsxs)("div",{className:"flex-1 flex flex-col lg:flex-row overflow-hidden",children:[(0,b.jsxs)("div",{className:"lg:w-[280px] border-b lg:border-b-0 lg:border-r border-[#2a2a4a] flex flex-col",children:[(0,b.jsxs)("div",{className:"px-4 py-3 border-b border-[#2a2a4a]",children:[(0,b.jsx)("input",{type:"text",value:p,onChange:a=>q(a.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,b.jsxs)("div",{className:"flex items-center justify-between mt-2",children:[(0,b.jsx)("button",{onClick:()=>{e.size===r.length?f(new Set):f(new Set(r.map(a=>a.alias)))},className:"text-[10px] text-cyan-400 hover:text-cyan-300",children:e.size===r.length?"Deselect all":`Select all (${r.length})`}),(0,b.jsxs)("span",{className:"text-[10px] text-gray-600",children:[e.size," selected"]})]})]}),(0,b.jsxs)("div",{className:"flex-1 overflow-y-auto px-2 py-2 space-y-0.5 max-h-[200px] lg:max-h-none",children:[r.map(a=>(0,b.jsxs)("button",{onClick:()=>{var b;return b=a.alias,void f(a=>{let c=new Set(a);return c.has(b)?c.delete(b):c.add(b),c})},className:`w-full flex items-center gap-2 px-3 py-2 rounded-lg text-xs text-left transition-colors ${e.has(a.alias)?"bg-cyan-500/10 text-cyan-300 border border-cyan-500/20":"text-gray-400 hover:bg-[#1a1a2a]"}`,children:[(0,b.jsx)(k.AliasAvatar,{alias:a.alias,size:16}),(0,b.jsx)("div",{className:`w-1.5 h-1.5 rounded-full shrink-0 ${"working"===a.status?"bg-green-400":"idle"===a.status?"bg-cyan-400":"bg-gray-500"}`}),(0,b.jsx)("span",{className:"truncate flex-1",children:a.alias}),(0,b.jsx)("span",{className:"text-[9px] text-gray-600",children:a.agent||"--"})]},a.alias)),0===r.length&&(0,b.jsx)("div",{className:"text-center text-xs text-gray-600 py-4",children:"No online agents"})]})]}),(0,b.jsxs)("div",{className:"flex-1 flex flex-col",children:[(0,b.jsxs)("div",{className:"flex-1 px-6 py-4 flex flex-col",children:[(0,b.jsx)("label",{className:"text-xs text-gray-500 uppercase mb-2",children:"Task Prompt"}),(0,b.jsx)("textarea",{value:g,onChange:a=>h(a.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,b.jsxs)("div",{className:"flex items-center gap-3 mt-4",children:[(0,b.jsxs)("select",{value:i,onChange:a=>j(a.target.value),className:"bg-[#111128] border border-[#2a2a4a] rounded-lg px-3 py-2 text-xs text-white focus:outline-none",children:[(0,b.jsx)("option",{value:"normal",children:"Normal priority"}),(0,b.jsx)("option",{value:"high",children:"High priority"}),(0,b.jsx)("option",{value:"low",children:"Low priority"})]}),(0,b.jsx)("div",{className:"flex-1"}),(0,b.jsx)("button",{onClick:s,disabled:l||!g.trim()||0===e.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:l?(0,b.jsxs)("span",{className:"flex items-center gap-2",children:[(0,b.jsx)("span",{className:"w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin"}),"Sending..."]}):`Dispatch to ${e.size} agent${e.size>1?"s":""}`})]})]}),n.length>0&&(0,b.jsxs)("div",{className:"px-6 py-3 border-t border-[#2a2a4a] bg-[#0d0d1a]",children:[(0,b.jsxs)("div",{className:"text-xs text-gray-500 mb-2",children:[t,"/",n.length," dispatched successfully"]}),(0,b.jsx)("div",{className:"flex flex-wrap gap-1.5",children:n.map(a=>(0,b.jsxs)("span",{className:`flex items-center gap-1.5 text-[10px] pl-1 pr-2 py-0.5 rounded-full border ${a.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,b.jsx)(k.AliasAvatar,{alias:a.alias,size:14}),(0,b.jsx)("span",{children:a.alias}),(0,b.jsx)("span",{"aria-hidden":!0,children:a.ok?"✓":a.error||"✗"})]},a.alias))})]})]})]})]})]})}var U=a.i(66286),V=a.i(25894);a.s(["default",0,function(){let a,g,i,j,l;(0,c.useEffect)(()=>{sessionStorage.getItem("anet_v3_auth")||(fetch("/api/auth/logout",{method:"POST"}).catch(()=>{}),window.location.assign("/login"))},[]);let{sessions:n,hint:o,error:p,isLoading:q}=(0,m.useSessions)(),{health:r}=(0,m.useHealth)(),{config:s}=(0,m.useAnetConfig)(),{tasks:t}=(0,m.useTasks)({limit:"500"}),{stats:u}=(0,m.useStats)(),[v,w]=(0,c.useState)(!1),[x,y]=(0,c.useState)(!1),z=function(){let[a,b]=(0,c.useState)([]),[d,e]=(0,c.useState)("");return{tabs:a,activeTab:d,openTab:a=>{b(b=>b.includes(a)?b:[...b,a]),e(a)},closeTab:a=>{b(b=>{let c=b.filter(b=>b!==a);return d===a&&e(c[c.length-1]||""),c})},closeAll:()=>{b([]),e("")},setActiveTab:e}}(),[A,B]=(0,c.useState)(!1),[C,D]=(0,c.useState)([]),[E,G]=(0,c.useState)("all"),[H,L]=(0,c.useState)(null),{mutate:O}=(0,V.useSWRConfig)(),Q="1"!==process.env.NEXT_PUBLIC_DISABLE_SSE,{connected:S,supported:W}=(0,U.useSSE)({url:"/api/hub/events",enabled:Q,onEvent:a=>{if("node.renamed"===a.type){O("/api/hub/status");let b=a.data;b?.old_alias&&b?.new_alias&&L({from:b.old_alias,to:b.new_alias,ts:Date.now()});return}["new_task","new_message","new_reply","node_status_changed","broadcast"].includes(a.type)&&(O("/api/hub/status"),O(a=>"string"==typeof a&&a.startsWith("/api/hub/tasks"),void 0,{revalidate:!0}))}});if((0,c.useEffect)(()=>{let a=()=>{fetch("/api/hub/inbox").then(a=>a.json()).then(a=>{a.messages?.length&&D(b=>{let c=new Set(b.map(a=>a.id));return[...a.messages.filter(a=>!c.has(a.id)),...b].slice(0,100)})}).catch(()=>{})};a();let b=setInterval(a,1e4);return()=>clearInterval(b)},[]),q)return(0,b.jsx)(K,{});let X=r?.sse_sessions||{},Y=a=>(a.network_id?X[`${a.network_id}:${a.alias}`]:void 0)??X[a.alias],Z=a=>"offline"!==a.status||!!Y(a),$=n.filter(Z).length,_=n.length,aa=n.filter(a=>"working"===a.status).length,ab=r?(0,e.formatUptime)(r.uptime):"--",ac=r?.version||"--",ad=!!(s?.hub&&s.tokenConfigured),ae=s?.source==="file"?"Local config":s?.source==="runtime-env"?"Runtime env":"Config missing",af={};if(u?.tasks?.by_status?.length)for(let a of u.tasks.by_status)af[a.status]=a.count;else for(let a of t)af[a.status]=(af[a.status]||0)+1;let ag=[...n].sort((a,b)=>{let c=+!!Z(a),d=+!!Z(b);if(c!==d)return d-c;let e=+("working"===a.status);return("working"===b.status)-e}),ah=0===n.length&&!p;return(0,b.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,b.jsx)("div",{className:"lg:ml-0 ml-10",children:(0,b.jsx)(f,{online:$,working:aa,total:_,version:ac,uptime:ab})}),(0,b.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[!ah&&(0,b.jsx)("button",{onClick:()=>B(!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,b.jsx)("div",{className:"flex-1",children:(0,b.jsx)(P,{})})]}),(0,b.jsxs)("section",{className:"mb-6 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 shadow-lg shadow-black/20",children:[(0,b.jsxs)("button",{onClick:()=>y(!x),className:"w-full flex items-center justify-between text-left",children:[(0,b.jsxs)("div",{className:"flex items-center gap-2 text-xs",children:[(0,b.jsx)("span",{className:"uppercase text-gray-600",children:"Config"}),(0,b.jsx)("span",{className:`w-2 h-2 rounded-full ${ad?"bg-green-400":"bg-red-400"}`}),(0,b.jsx)("span",{className:"text-gray-500",children:ae})]}),(0,b.jsx)("svg",{className:`w-4 h-4 text-gray-600 transition-transform ${x?"rotate-180":""}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 9l-7 7-7-7"})})]}),x&&(0,b.jsxs)("div",{className:"mt-3 pt-3 border-t border-[#2a2a4a]",children:[(0,b.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,b.jsx)("div",{className:"min-w-0",children:(0,b.jsxs)("div",{className:"text-gray-100 truncate text-sm",title:s?.hub||void 0,children:["Hub: ",(0,b.jsx)("span",{className:s?.hub?"text-cyan-300":"text-red-300",children:s?.hub?.trim()||"not configured"})]})}),(0,b.jsx)("div",{className:"flex flex-wrap gap-2 text-xs",children:(0,b.jsxs)("span",{className:`px-2.5 py-1 rounded-md border ${s?.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: ",s?.tokenPreview||"not configured"]})})]}),s?.error&&(0,b.jsx)("div",{className:"mt-2 text-xs text-gray-600",children:s.error})]})]}),Object.keys(af).length>0&&(0,b.jsxs)("section",{className:"mb-6 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 shadow-lg shadow-black/20",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,b.jsx)("div",{className:"text-xs uppercase text-gray-600",children:"Task Status"}),(0,b.jsx)(d.default,{href:"/tasks",prefetch:!1,className:"text-xs text-cyan-400 hover:text-cyan-300",children:"View all →"})]}),(0,b.jsx)("div",{className:"flex flex-wrap gap-2",children:["running","delivered","acked","replied","created","failed","cancelled","expired","closed"].filter(a=>af[a]).map(a=>(0,b.jsxs)(d.default,{href:`/tasks?status=${a}`,prefetch:!1,className:`px-2.5 py-1 rounded-md border text-xs ${N.STATUS_CHIP_CLASS[a]} hover:opacity-80 transition-opacity`,children:[a,": ",af[a]]},a))})]}),!ah&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:"text-[10px] uppercase tracking-[0.12em] text-gray-600 mb-2",children:"Quick navigation"}),(0,b.jsx)("section",{className:"mb-3 grid grid-cols-3 gap-2 sm:gap-3",children:(a=n.filter(a=>Z(a)&&"working"!==a.status).length,g=_-$,i=t.filter(a=>"failed"===a.status).length,[{href:"/nodes",label:"Nodes",value:`${$}/${_}`,sub:`${_>0?Math.round($/_*100):0}% online`,color:"text-green-400 border-green-500/20",popover:0===_?null:[{k:"working",v:aa,dot:"",color:"#4ade80"},{k:"idle",v:a,dot:"",color:"#22d3ee"},{k:"offline",v:g,dot:"",color:"#9ca3af"}]},{href:"/tasks",label:"Tasks",value:String(Object.values(af).reduce((a,b)=>a+b,0)||0),sub:"all-time",color:"text-cyan-400 border-cyan-500/20",popover:0===Object.keys(af).length?null:["running","replied","failed","cancelled","expired","closed","created","delivered","acked"].filter(a=>af[a]).map(a=>({k:a,v:af[a],dot:"",color:({running:"#4ade80",replied:"#a78bfa",failed:"#f87171",cancelled:"#facc15",expired:"#fb923c",closed:"#9ca3af",created:"#9ca3af",delivered:"#60a5fa",acked:"#22d3ee"})[a]||"#9ca3af"}))},{href:"/tasks?status=failed",label:"Failed",value:String(af.failed||0),sub:af.failed?"needs review":"none",color:af.failed?"text-red-400 border-red-500/25":"text-gray-500 border-gray-700/30",popover:i?[{k:`${i} in current view`,v:"",dot:"",color:"#f87171"}]:[{k:"no failures yet",v:"",dot:"",color:"#4b5563"}]}].map(a=>(0,b.jsxs)(d.default,{href:a.href,prefetch:!1,className:`anet-stat-link group relative rounded-xl border ${a.color} bg-[#111128] px-3 py-3 transition-all hover:-translate-y-px`,children:[(0,b.jsxs)("div",{className:"flex items-baseline justify-between",children:[(0,b.jsx)("div",{className:`text-xl font-semibold tabular-nums ${a.color.split(" ")[0]}`,children:a.value}),(0,b.jsx)("div",{className:"hidden sm:block text-[10px] text-gray-600 group-hover:text-gray-400 transition-colors",children:"View →"})]}),(0,b.jsx)("div",{className:"text-[11px] text-gray-400 mt-0.5",children:a.label}),(0,b.jsx)("div",{className:"text-[10px] text-gray-600 mt-px",children:a.sub}),a.popover&&a.popover.length>0&&(0,b.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,b.jsx)("div",{className:"text-[10px] text-gray-600 uppercase tracking-wider mb-1.5",children:"Breakdown"}),(0,b.jsx)("ul",{className:"space-y-1",children:a.popover.map(a=>(0,b.jsxs)("li",{className:"flex items-center gap-2 text-[11px]",children:[(0,b.jsx)("span",{className:"inline-block w-1.5 h-1.5 rounded-full shrink-0",style:{backgroundColor:a.color},"aria-hidden":!0}),(0,b.jsx)("span",{className:"text-gray-400 capitalize",children:a.k}),""!==a.v&&(0,b.jsx)("span",{className:"ml-auto text-gray-300 tabular-nums font-medium",children:a.v})]},a.k))})]})]},a.href)))}),(0,b.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(a=>(0,b.jsxs)(d.default,{href:a.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,b.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,b.jsx)("path",{d:a.icon})}),(0,b.jsx)("span",{children:a.label})]},a.href))}),(0,b.jsx)(h,{}),t.length>0&&(0,b.jsxs)("section",{className:"mb-6 bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,b.jsx)("h2",{className:"text-sm font-semibold text-gray-300",children:"Recent Activity"}),(0,b.jsx)(d.default,{href:"/tasks",className:"text-xs text-cyan-400 hover:text-cyan-300",children:"All tasks →"})]}),(0,b.jsx)("div",{className:"space-y-2 max-h-40 overflow-y-auto",children:t.slice(0,5).map(a=>(0,b.jsxs)("div",{className:"flex items-center gap-2 text-xs",children:[(0,b.jsx)("span",{className:"w-1.5 h-1.5 rounded-full shrink-0",style:{backgroundColor:N.STATUS_DOT_HEX[a.status]||"#6b7280"}}),a.from_name&&(0,b.jsx)(k.AliasAvatar,{alias:a.from_name,size:14}),(0,b.jsx)("span",{className:"text-gray-300 shrink-0 max-w-[20%] truncate",children:a.from_name||"?"}),(0,b.jsx)("span",{className:"text-gray-600",children:"→"}),a.to_name&&(0,b.jsx)(k.AliasAvatar,{alias:a.to_name,size:14}),(0,b.jsx)("span",{className:"text-gray-300 shrink-0 max-w-[20%] truncate",children:a.to_name||"?"}),(0,b.jsx)("span",{className:"text-gray-500 truncate flex-1",title:a.content||"",children:(0,e.previewContent)(a.content).slice(0,60)}),(0,b.jsx)("span",{className:`shrink-0 px-1.5 py-0.5 rounded text-[10px] border ${N.STATUS_CHIP_CLASS[a.status]||"text-gray-500 border-gray-700/30"}`,children:a.status})]},a.task_id))})]})]}),p&&(0,b.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,b.jsx)("span",{children:String(p)}),(0,b.jsx)("span",{className:"text-gray-500 text-xs",children:"Check CommHub connection"})]}),n.length>0&&(0,b.jsx)("div",{className:"flex justify-center mb-4",children:(0,b.jsx)("button",{onClick:()=>w(!v),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:v?"Hide Topology":"Show Topology"})}),!v&&n.length>0&&(0,b.jsx)("div",{className:"lg:hidden text-center text-xs text-gray-600 mb-4",children:"Topology hidden on mobile for better readability"}),v&&n.length>0&&(0,b.jsx)(F,{sessions:n,sseSessions:X,renameSignal:H}),0!==n.length||p?(j={all:ag.length,working:ag.filter(a=>Z(a)&&"working"===a.status).length,idle:ag.filter(a=>Z(a)&&"working"!==a.status).length,offline:ag.filter(a=>!Z(a)).length},l=ag.filter(a=>"all"===E||("offline"===E?!Z(a):"working"===E?Z(a)&&"working"===a.status:"idle"!==E||Z(a)&&"working"!==a.status)),(0,b.jsxs)(b.Fragment,{children:[(0,b.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(a=>(0,b.jsxs)("button",{type:"button",onClick:()=>G(a.key),disabled:0===j[a.key]&&"all"!==a.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 ${E===a.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:[a.dot&&(0,b.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full",style:{backgroundColor:a.dot}}),(0,b.jsx)("span",{children:a.label}),(0,b.jsx)("span",{className:`text-[10px] tabular-nums ${E===a.key?"text-cyan-400":"text-gray-600"}`,children:j[a.key]})]},a.key))}),(0,b.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:l.map(a=>(0,b.jsx)(I,{session:a,hasSse:Z(a),sseCount:Y(a)||0,onChat:z.openTab},a.alias))}),0===l.length&&(0,b.jsxs)("div",{className:"mt-4 text-center text-xs text-gray-600",children:['No agents match "',E,'" — ',(0,b.jsx)("button",{onClick:()=>G("all"),className:"underline hover:text-gray-400",children:"Show all"})]})]})):(0,b.jsx)(M.NodesEmptyState,{hint:o,taskHistoryCount:Object.values(af).reduce((a,b)=>a+b,0)}),(0,b.jsx)(J,{messages:C}),(0,b.jsx)("div",{className:"mt-8 text-center text-xs text-gray-600 flex items-center justify-center gap-2 flex-wrap",children:W&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("span",{className:`w-1.5 h-1.5 rounded-full ${S?"bg-green-400":"bg-gray-600"}`}),S?"SSE live":"SWR polling"]})}),A&&(0,b.jsx)(T,{sessions:n,onClose:()=>B(!1)}),z.tabs.length>0&&(0,b.jsx)(R,{tabs:z.tabs,activeTab:z.activeTab,onOpenTab:z.openTab,onCloseTab:z.closeTab,onSetActive:z.setActiveTab,onClose:z.closeAll})]})}],87515)}];
|
|
5
5
|
|
|
6
6
|
//# sourceMappingURL=agent-network-dashboard_09kk21a._.js.map
|