@sleep2agi/agent-network-dashboard 0.4.6-preview.91 → 0.4.6-preview.93
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/prerender-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/page_client-reference-manifest.js +1 -1
- package/.next/server/app/_not-found.html +2 -2
- package/.next/server/app/_not-found.rsc +2 -2
- package/.next/server/app/_not-found.segments/_full.segment.rsc +2 -2
- package/.next/server/app/_not-found.segments/_head.segment.rsc +1 -1
- package/.next/server/app/_not-found.segments/_index.segment.rsc +2 -2
- 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 +2 -2
- package/.next/server/app/admin/page_client-reference-manifest.js +1 -1
- package/.next/server/app/admin.html +2 -2
- package/.next/server/app/admin.rsc +2 -2
- package/.next/server/app/admin.segments/_full.segment.rsc +2 -2
- package/.next/server/app/admin.segments/_head.segment.rsc +1 -1
- package/.next/server/app/admin.segments/_index.segment.rsc +2 -2
- package/.next/server/app/admin.segments/_tree.segment.rsc +2 -2
- 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 +3 -3
- package/.next/server/app/index.segments/__PAGE__.segment.rsc +2 -2
- package/.next/server/app/index.segments/_full.segment.rsc +3 -3
- package/.next/server/app/index.segments/_head.segment.rsc +1 -1
- package/.next/server/app/index.segments/_index.segment.rsc +2 -2
- package/.next/server/app/index.segments/_tree.segment.rsc +2 -2
- 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 +3 -3
- package/.next/server/app/login.segments/_full.segment.rsc +3 -3
- package/.next/server/app/login.segments/_head.segment.rsc +1 -1
- package/.next/server/app/login.segments/_index.segment.rsc +2 -2
- package/.next/server/app/login.segments/_tree.segment.rsc +2 -2
- 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/page_client-reference-manifest.js +1 -1
- package/.next/server/app/logs.html +2 -2
- package/.next/server/app/logs.rsc +2 -2
- package/.next/server/app/logs.segments/_full.segment.rsc +2 -2
- package/.next/server/app/logs.segments/_head.segment.rsc +1 -1
- package/.next/server/app/logs.segments/_index.segment.rsc +2 -2
- package/.next/server/app/logs.segments/_tree.segment.rsc +2 -2
- 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/page_client-reference-manifest.js +1 -1
- package/.next/server/app/messages.html +2 -2
- package/.next/server/app/messages.rsc +2 -2
- package/.next/server/app/messages.segments/_full.segment.rsc +2 -2
- package/.next/server/app/messages.segments/_head.segment.rsc +1 -1
- package/.next/server/app/messages.segments/_index.segment.rsc +2 -2
- package/.next/server/app/messages.segments/_tree.segment.rsc +2 -2
- 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/page_client-reference-manifest.js +1 -1
- package/.next/server/app/node.html +2 -2
- package/.next/server/app/node.rsc +2 -2
- package/.next/server/app/node.segments/_full.segment.rsc +2 -2
- package/.next/server/app/node.segments/_head.segment.rsc +1 -1
- package/.next/server/app/node.segments/_index.segment.rsc +2 -2
- package/.next/server/app/node.segments/_tree.segment.rsc +2 -2
- 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/page_client-reference-manifest.js +1 -1
- package/.next/server/app/nodes.html +2 -2
- package/.next/server/app/nodes.rsc +2 -2
- package/.next/server/app/nodes.segments/_full.segment.rsc +2 -2
- package/.next/server/app/nodes.segments/_head.segment.rsc +1 -1
- package/.next/server/app/nodes.segments/_index.segment.rsc +2 -2
- package/.next/server/app/nodes.segments/_tree.segment.rsc +2 -2
- 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/page_client-reference-manifest.js +1 -1
- package/.next/server/app/server-logs.html +2 -2
- package/.next/server/app/server-logs.rsc +2 -2
- package/.next/server/app/server-logs.segments/_full.segment.rsc +2 -2
- package/.next/server/app/server-logs.segments/_head.segment.rsc +1 -1
- package/.next/server/app/server-logs.segments/_index.segment.rsc +2 -2
- package/.next/server/app/server-logs.segments/_tree.segment.rsc +2 -2
- 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/page_client-reference-manifest.js +1 -1
- package/.next/server/app/settings/networks.html +2 -2
- package/.next/server/app/settings/networks.rsc +2 -2
- package/.next/server/app/settings/networks.segments/_full.segment.rsc +2 -2
- package/.next/server/app/settings/networks.segments/_head.segment.rsc +1 -1
- package/.next/server/app/settings/networks.segments/_index.segment.rsc +2 -2
- package/.next/server/app/settings/networks.segments/_tree.segment.rsc +2 -2
- 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/page_client-reference-manifest.js +1 -1
- package/.next/server/app/settings/tokens.html +2 -2
- package/.next/server/app/settings/tokens.rsc +2 -2
- package/.next/server/app/settings/tokens.segments/_full.segment.rsc +2 -2
- package/.next/server/app/settings/tokens.segments/_head.segment.rsc +1 -1
- package/.next/server/app/settings/tokens.segments/_index.segment.rsc +2 -2
- package/.next/server/app/settings/tokens.segments/_tree.segment.rsc +2 -2
- 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 +3 -3
- package/.next/server/app/settings.segments/_full.segment.rsc +3 -3
- package/.next/server/app/settings.segments/_head.segment.rsc +1 -1
- package/.next/server/app/settings.segments/_index.segment.rsc +2 -2
- package/.next/server/app/settings.segments/_tree.segment.rsc +2 -2
- 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/[id]/page_client-reference-manifest.js +1 -1
- package/.next/server/app/tasks/page_client-reference-manifest.js +1 -1
- package/.next/server/app/tasks.html +2 -2
- package/.next/server/app/tasks.rsc +2 -2
- package/.next/server/app/tasks.segments/_full.segment.rsc +2 -2
- package/.next/server/app/tasks.segments/_head.segment.rsc +1 -1
- package/.next/server/app/tasks.segments/_index.segment.rsc +2 -2
- package/.next/server/app/tasks.segments/_tree.segment.rsc +2 -2
- 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 +2 -2
- 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 +2 -2
- package/.next/server/pages/500.html +1 -1
- package/.next/server/server-reference-manifest.js +1 -1
- package/.next/server/server-reference-manifest.json +1 -1
- package/.next/static/chunks/{08pu6p-oh~oa1.js → 00~cfz801.8jw.js} +1 -1
- package/.next/static/chunks/{0oknosftxc9lm.css → 072so8rfx2tt-.css} +1 -1
- package/.next/static/chunks/0s9z~74kvdvwl.js +2 -0
- package/.next/static/chunks/{0yxrc2w2b71zj.js → 15wwkb4d80d6j.js} +1 -1
- package/.next/trace +2 -2
- package/.next/trace-build +1 -1
- package/app/components/TopoGraph.tsx +27 -1
- package/app/globals.css +19 -1
- package/package.json +1 -1
- package/scripts/topo-group-label-hover-test.mjs +119 -0
- package/scripts/topo-groupbox-live-test.mjs +100 -0
- package/.next/static/chunks/0p_caune7bdi8.js +0 -2
- /package/.next/static/{EgsOXmeDYX7rzWQpipoVB → BRiXukYWE4x2ckMl_bIlO}/_buildManifest.js +0 -0
- /package/.next/static/{EgsOXmeDYX7rzWQpipoVB → BRiXukYWE4x2ckMl_bIlO}/_clientMiddlewareManifest.js +0 -0
- /package/.next/static/{EgsOXmeDYX7rzWQpipoVB → BRiXukYWE4x2ckMl_bIlO}/_ssgManifest.js +0 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,136,(e,t,a)=>{},7454,(e,t,a)=>{var r=e.i(20888);e.r(136);var s=e.r(23910),n=s&&"object"==typeof s&&"default"in s?s:{default:s},l=void 0!==r.default&&r.default.env&&!0,i=function(e){return"[object String]"===Object.prototype.toString.call(e)},o=function(){function e(e){var t=void 0===e?{}:e,a=t.name,r=void 0===a?"stylesheet":a,s=t.optimizeForSpeed,n=void 0===s?l:s;d(i(r),"`name` must be a string"),this._name=r,this._deletedRulePlaceholder="#"+r+"-deleted-rule____{}",d("boolean"==typeof n,"`optimizeForSpeed` must be a boolean"),this._optimizeForSpeed=n,this._serverSheet=void 0,this._tags=[],this._injected=!1,this._rulesCount=0;var o="u">typeof window&&document.querySelector('meta[property="csp-nonce"]');this._nonce=o?o.getAttribute("content"):null}var t,a=e.prototype;return a.setOptimizeForSpeed=function(e){d("boolean"==typeof e,"`setOptimizeForSpeed` accepts a boolean"),d(0===this._rulesCount,"optimizeForSpeed cannot be when rules have already been inserted"),this.flush(),this._optimizeForSpeed=e,this.inject()},a.isOptimizeForSpeed=function(){return this._optimizeForSpeed},a.inject=function(){var e=this;if(d(!this._injected,"sheet already injected"),this._injected=!0,"u">typeof window&&this._optimizeForSpeed){this._tags[0]=this.makeStyleTag(this._name),this._optimizeForSpeed="insertRule"in this.getSheet(),this._optimizeForSpeed||(l||console.warn("StyleSheet: optimizeForSpeed mode not supported falling back to standard mode."),this.flush(),this._injected=!0);return}this._serverSheet={cssRules:[],insertRule:function(t,a){return"number"==typeof a?e._serverSheet.cssRules[a]={cssText:t}:e._serverSheet.cssRules.push({cssText:t}),a},deleteRule:function(t){e._serverSheet.cssRules[t]=null}}},a.getSheetForTag=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]},a.getSheet=function(){return this.getSheetForTag(this._tags[this._tags.length-1])},a.insertRule=function(e,t){if(d(i(e),"`insertRule` accepts only strings"),"u"<typeof window)return"number"!=typeof t&&(t=this._serverSheet.cssRules.length),this._serverSheet.insertRule(e,t),this._rulesCount++;if(this._optimizeForSpeed){var a=this.getSheet();"number"!=typeof t&&(t=a.cssRules.length);try{a.insertRule(e,t)}catch(t){return l||console.warn("StyleSheet: illegal rule: \n\n"+e+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),-1}}else{var r=this._tags[t];this._tags.push(this.makeStyleTag(this._name,e,r))}return this._rulesCount++},a.replaceRule=function(e,t){if(this._optimizeForSpeed||"u"<typeof window){var a="u">typeof window?this.getSheet():this._serverSheet;if(t.trim()||(t=this._deletedRulePlaceholder),!a.cssRules[e])return e;a.deleteRule(e);try{a.insertRule(t,e)}catch(r){l||console.warn("StyleSheet: illegal rule: \n\n"+t+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),a.insertRule(this._deletedRulePlaceholder,e)}}else{var r=this._tags[e];d(r,"old rule at index `"+e+"` not found"),r.textContent=t}return e},a.deleteRule=function(e){if("u"<typeof window)return void this._serverSheet.deleteRule(e);if(this._optimizeForSpeed)this.replaceRule(e,"");else{var t=this._tags[e];d(t,"rule at index `"+e+"` not found"),t.parentNode.removeChild(t),this._tags[e]=null}},a.flush=function(){this._injected=!1,this._rulesCount=0,"u">typeof window?(this._tags.forEach(function(e){return e&&e.parentNode.removeChild(e)}),this._tags=[]):this._serverSheet.cssRules=[]},a.cssRules=function(){var e=this;return"u"<typeof window?this._serverSheet.cssRules:this._tags.reduce(function(t,a){return a?t=t.concat(Array.prototype.map.call(e.getSheetForTag(a).cssRules,function(t){return t.cssText===e._deletedRulePlaceholder?null:t})):t.push(null),t},[])},a.makeStyleTag=function(e,t,a){t&&d(i(t),"makeStyleTag accepts only strings as second parameter");var r=document.createElement("style");this._nonce&&r.setAttribute("nonce",this._nonce),r.type="text/css",r.setAttribute("data-"+e,""),t&&r.appendChild(document.createTextNode(t));var s=document.head||document.getElementsByTagName("head")[0];return a?s.insertBefore(r,a):s.appendChild(r),r},t=[{key:"length",get:function(){return this._rulesCount}}],function(e,t){for(var a=0;a<t.length;a++){var r=t[a];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(e.prototype,t),e}();function d(e,t){if(!e)throw Error("StyleSheet: "+t+".")}var c=function(e){for(var t=5381,a=e.length;a;)t=33*t^e.charCodeAt(--a);return t>>>0},h={};function u(e,t){if(!t)return"jsx-"+e;var a=String(t),r=e+a;return h[r]||(h[r]="jsx-"+c(e+"-"+a)),h[r]}function x(e,t){"u"<typeof window&&(t=t.replace(/\/style/gi,"\\/style"));var a=e+t;return h[a]||(h[a]=t.replace(/__jsx-style-dynamic-selector/g,e)),h[a]}var m=function(){function e(e){var t=void 0===e?{}:e,a=t.styleSheet,r=void 0===a?null:a,s=t.optimizeForSpeed,n=void 0!==s&&s;this._sheet=r||new o({name:"styled-jsx",optimizeForSpeed:n}),this._sheet.inject(),r&&"boolean"==typeof n&&(this._sheet.setOptimizeForSpeed(n),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),this._fromServer=void 0,this._indices={},this._instancesCounts={}}var t=e.prototype;return t.add=function(e){var t=this;void 0===this._optimizeForSpeed&&(this._optimizeForSpeed=Array.isArray(e.children),this._sheet.setOptimizeForSpeed(this._optimizeForSpeed),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),"u">typeof window&&!this._fromServer&&(this._fromServer=this.selectFromServer(),this._instancesCounts=Object.keys(this._fromServer).reduce(function(e,t){return e[t]=0,e},{}));var a=this.getIdAndRules(e),r=a.styleId,s=a.rules;if(r in this._instancesCounts){this._instancesCounts[r]+=1;return}var n=s.map(function(e){return t._sheet.insertRule(e)}).filter(function(e){return -1!==e});this._indices[r]=n,this._instancesCounts[r]=1},t.remove=function(e){var t=this,a=this.getIdAndRules(e).styleId;if(function(e,t){if(!e)throw Error("StyleSheetRegistry: "+t+".")}(a in this._instancesCounts,"styleId: `"+a+"` not found"),this._instancesCounts[a]-=1,this._instancesCounts[a]<1){var r=this._fromServer&&this._fromServer[a];r?(r.parentNode.removeChild(r),delete this._fromServer[a]):(this._indices[a].forEach(function(e){return t._sheet.deleteRule(e)}),delete this._indices[a]),delete this._instancesCounts[a]}},t.update=function(e,t){this.add(t),this.remove(e)},t.flush=function(){this._sheet.flush(),this._sheet.inject(),this._fromServer=void 0,this._indices={},this._instancesCounts={}},t.cssRules=function(){var e=this,t=this._fromServer?Object.keys(this._fromServer).map(function(t){return[t,e._fromServer[t]]}):[],a=this._sheet.cssRules();return t.concat(Object.keys(this._indices).map(function(t){return[t,e._indices[t].map(function(e){return a[e].cssText}).join(e._optimizeForSpeed?"":"\n")]}).filter(function(e){return!!e[1]}))},t.styles=function(e){var t,a;return t=this.cssRules(),void 0===(a=e)&&(a={}),t.map(function(e){var t=e[0],r=e[1];return n.default.createElement("style",{id:"__"+t,key:"__"+t,nonce:a.nonce?a.nonce:void 0,dangerouslySetInnerHTML:{__html:r}})})},t.getIdAndRules=function(e){var t=e.children,a=e.dynamic,r=e.id;if(a){var s=u(r,a);return{styleId:s,rules:Array.isArray(t)?t.map(function(e){return x(s,e)}):[x(s,t)]}}return{styleId:u(r),rules:Array.isArray(t)?t:[t]}},t.selectFromServer=function(){return Array.prototype.slice.call(document.querySelectorAll('[id^="__jsx-"]')).reduce(function(e,t){return e[t.id.slice(2)]=t,e},{})},e}(),f=s.createContext(null);function p(){return new m}function g(){return s.useContext(f)}f.displayName="StyleSheetContext";var y=n.default.useInsertionEffect||n.default.useLayoutEffect,b="u">typeof window?p():void 0;function v(e){var t=b||g();return t&&("u"<typeof window?t.add(e):y(function(){return t.add(e),function(){t.remove(e)}},[e.id,String(e.dynamic)])),null}v.dynamic=function(e){return e.map(function(e){return u(e[0],e[1])}).join(" ")},a.StyleRegistry=function(e){var t=e.registry,a=e.children,r=s.useContext(f),l=s.useState(function(){return r||t||p()})[0];return n.default.createElement(f.Provider,{value:l},a)},a.createStyleRegistry=p,a.style=v,a.useStyleRegistry=g},6694,(e,t,a)=>{t.exports=e.r(7454).style},18722,e=>{"use strict";var t=e.i(20888),a=e.i(22381),r=e.i(23910),s=e.i(56839),n=e.i(3479);function l({online:e,working:t,total:r,version:s,uptime:n}){let o=r>0?Math.round(e/r*100):0,d=0===r;return(0,a.jsxs)("div",{className:d?"mb-4":"mb-8",children:[(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-3 mb-4",children:[(0,a.jsx)("h1",{className:"text-2xl font-bold text-white tracking-tight",children:"Agent Network"}),(0,a.jsxs)("span",{className:"text-xs text-gray-500",children:["CommHub ",s," · ",n]})]}),d?(0,a.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,a.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,a.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full bg-gray-600"}),(0,a.jsx)("span",{className:"text-gray-300 tabular-nums",children:"0"})," online"]}),(0,a.jsx)("span",{className:"text-gray-700",children:"·"}),(0,a.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,a.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full bg-gray-600"}),(0,a.jsx)("span",{className:"text-gray-300 tabular-nums",children:"0"})," working"]}),(0,a.jsx)("span",{className:"text-gray-700",children:"·"}),(0,a.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,a.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full bg-gray-600"}),(0,a.jsx)("span",{className:"text-gray-300 tabular-nums",children:"0"})," registered"]})]}):(0,a.jsxs)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3",children:[(0,a.jsx)(i,{value:e,label:"Online",sub:`${o}% of fleet`,color:"text-green-400",accent:"from-green-500/20 to-green-500/0",border:"border-green-500/15"}),(0,a.jsx)(i,{value:t,label:"Working",sub:e>0?`${Math.round(t/e*100)}% utilization`:"--",color:"text-cyan-400",accent:"from-cyan-500/20 to-cyan-500/0",border:"border-cyan-500/15"}),(0,a.jsx)(i,{value:r-e,label:"Offline",sub:r-e==0?"All systems go":`${r-e} disconnected`,color:"text-gray-400",accent:"from-gray-500/10 to-gray-500/0",border:"border-gray-500/15"}),(0,a.jsx)(i,{value:r,label:"Total",sub:"Registered nodes",color:"text-white",accent:"from-blue-500/15 to-blue-500/0",border:"border-blue-500/15"})]})]})}function i({value:e,label:t,sub:r,color:s,accent:n,border:l}){let o=s.replace("text-","").split("-")[0];return(0,a.jsxs)("div",{"data-anet-stat-card":o,className:`anet-stat-card relative overflow-hidden rounded-xl border ${l} bg-[#111128] px-4 py-3 transition-all`,children:[(0,a.jsx)("div",{className:`absolute inset-0 bg-gradient-to-br ${n} pointer-events-none`}),(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("div",{className:`text-3xl font-bold ${s} tabular-nums leading-tight`,children:e}),(0,a.jsx)("div",{className:"text-sm text-gray-300 mt-0.5",children:t}),(0,a.jsx)("div",{className:"text-xs text-gray-600 mt-1",children:r})]})]})}function o(){let[e,t]=(0,r.useState)(""),[s,n]=(0,r.useState)(!1),[l,i]=(0,r.useState)(""),o=async()=>{if(e.trim()){n(!0),i("");try{let a=await fetch("/api/hub/broadcast",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({message:e})}),r=await a.json();r.ok?(i(`Broadcast sent to ${r.recipients} node(s)`),t("")):i(`Failed: ${r.error||"Send error"}`)}catch(e){i(`Failed: ${e instanceof Error?e.message:"Send error"}`)}n(!1),setTimeout(()=>i(""),5e3)}};return(0,a.jsxs)("div",{className:"mb-6",children:[(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)("input",{type:"text",value:e,onChange:e=>t(e.target.value),onKeyDown:e=>"Enter"===e.key&&o(),placeholder:"Broadcast message to all online agents...",maxLength:500,"aria-label":"Broadcast message",className:"flex-1 bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-2.5 text-sm text-white placeholder-gray-600 focus:border-blue-500/50 focus:ring-1 focus:ring-blue-500/20 focus:outline-none transition-colors"}),(0,a.jsx)("button",{onClick:o,disabled:s||!e.trim(),"aria-label":"Send broadcast",className:"flex items-center gap-2 px-5 py-2.5 bg-blue-600 hover:bg-blue-500 disabled:bg-gray-800 disabled:text-gray-600 text-white text-sm rounded-lg transition-all font-medium cursor-pointer disabled:cursor-not-allowed",children:s?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("svg",{"aria-hidden":!0,className:"w-4 h-4 animate-spin",viewBox:"0 0 24 24",fill:"none",children:[(0,a.jsx)("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"3",opacity:"0.25"}),(0,a.jsx)("path",{d:"M4 12a8 8 0 018-8",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round"})]}),(0,a.jsx)("span",{children:"Sending…"})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.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,a.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,a.jsx)("path",{d:"M16 8a5 5 0 0 1 0 6",opacity:"0.7"}),(0,a.jsx)("path",{d:"M19 5a9 9 0 0 1 0 12",opacity:"0.45"})]}),(0,a.jsx)("span",{children:"Broadcast"})]})})]}),e.length>0&&(0,a.jsxs)("div",{className:"text-right text-xs text-gray-600 mt-1 tabular-nums",children:[e.length,"/500"]}),l&&(0,a.jsx)("div",{className:`mt-3 text-sm text-center anet-fade-in ${l.startsWith("Failed")?"text-red-400":"text-green-400/80"}`,children:l})]})}var d=e.i(46228),c=e.i(43058),h=e.i(59276),u=e.i(59746);function x({alias:e,onClose:t}){let[s,n]=(0,r.useState)({x:0,y:0}),[l,i]=(0,r.useState)({w:380,h:520}),o=(0,r.useRef)({active:!1,startX:0,startY:0,baseX:0,baseY:0}),m=(0,r.useRef)({active:!1,startX:0,startY:0,baseW:0,baseH:0}),{sessions:f}=(0,h.useSessions)(),p=(0,r.useMemo)(()=>f.find(t=>t.alias===e),[f,e]),g=p&&"offline"!==p.status?null:(0,u.relativeAgo)(p?.last_seen_at),y=(0,r.useCallback)((e,t,a,r)=>({x:Math.min(Math.max(16,e),Math.max(16,window.innerWidth-a-16)),y:Math.min(Math.max(16,t),Math.max(16,window.innerHeight-r-16))}),[]);(0,r.useEffect)(()=>{let e=()=>{let e=window.innerWidth,t=window.innerHeight,a=Math.min(380,e-32),r=Math.min(520,t-96);i({w:a,h:r});let s=e<640;n(y(s?16:e-a-24,s?t-r-16:96,a,r))};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[y]),(0,r.useEffect)(()=>{let e=e=>{"Escape"===e.key&&t()};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[t]);let b=e=>{if(o.current.active){o.current.active=!1;try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch{}}},v=e=>{if(m.current.active){m.current.active=!1,e.stopPropagation();try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch{}}};return(0,a.jsxs)("div",{className:"fixed z-50 flex flex-col overflow-hidden rounded-xl border border-[var(--border)] bg-[var(--bg)] shadow-2xl shadow-black/60 anet-fade-in",style:{left:s.x,top:s.y,width:l.w,height:l.h},role:"dialog","aria-label":`Chat with ${e}`,children:[(0,a.jsxs)("div",{onPointerDown:e=>{0===e.button&&(e.currentTarget.setPointerCapture?.(e.pointerId),o.current={active:!0,startX:e.clientX,startY:e.clientY,baseX:s.x,baseY:s.y})},onPointerMove:e=>{let t=o.current;t.active&&n(y(t.baseX+(e.clientX-t.startX),t.baseY+(e.clientY-t.startY),l.w,l.h))},onPointerUp:b,onPointerCancel:b,className:"flex items-center justify-between px-3 py-2.5 border-b border-[var(--border)] bg-[var(--bg-secondary)] rounded-t-xl cursor-grab active:cursor-grabbing select-none touch-none",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2.5 min-w-0",children:[(0,a.jsx)(d.AliasAvatar,{alias:e,size:28}),(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("div",{className:"text-sm font-semibold text-[var(--fg)] truncate",children:e}),p?.project_dir?(0,a.jsxs)("div",{className:"text-[10px] text-[var(--fg-muted)] truncate font-mono",title:p.project_dir,"data-popover-cwd":!0,children:["cwd: ",p.project_dir]}):null,g?(0,a.jsxs)("div",{className:"text-[10px] text-[var(--fg-muted)] truncate","data-popover-lastseen":!0,children:["last seen: ",g]}):null,p?.project_dir||g?null:(0,a.jsx)("div",{className:"text-[10px] text-[var(--fg-muted)]",children:"Drag to move · Esc to close"})]})]}),(0,a.jsx)("button",{onClick:t,onPointerDown:e=>e.stopPropagation(),"aria-label":"Close chat",className:"text-[var(--fg-muted)] hover:text-[var(--fg)] p-1.5 rounded-lg hover:bg-[var(--bg-elevated)] shrink-0",children:(0,a.jsx)("svg",{className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})})]}),(0,a.jsx)("div",{className:"flex-1 min-h-0",children:(0,a.jsx)(c.TaskChatPanel,{alias:e,onClose:t,inline:!0})}),(0,a.jsx)("div",{onPointerDown:e=>{0===e.button&&(e.stopPropagation(),e.currentTarget.setPointerCapture?.(e.pointerId),m.current={active:!0,startX:e.clientX,startY:e.clientY,baseW:l.w,baseH:l.h})},onPointerMove:e=>{let t=m.current;if(!t.active)return;e.stopPropagation();let a=Math.max(300,window.innerWidth-s.x-16),r=Math.max(320,window.innerHeight-s.y-16);i({w:Math.min(a,Math.max(300,t.baseW+(e.clientX-t.startX))),h:Math.min(r,Math.max(320,t.baseH+(e.clientY-t.startY)))})},onPointerUp:v,onPointerCancel:v,"aria-label":"Resize chat",className:"absolute bottom-0 right-0 w-5 h-5 cursor-nwse-resize touch-none z-10",style:{touchAction:"none"},children:(0,a.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,a.jsx)("path",{d:"M11 5L5 11M11 9L9 11"})})})]})}let m={id:"unknown",label:"Unknown vendor",mono:{bg:"hsl(220 10% 26%)",ring:"hsl(220 10% 46%)",text:"hsl(220 14% 82%)"},initial:"?",logo:null},f=[{test:e=>e.startsWith("intern"),vendor:{id:"intern",label:"书生 · 上海 AI 实验室",mono:{bg:"hsl(28 38% 24%)",ring:"hsl(32 45% 52%)",text:"hsl(34 60% 82%)"},initial:"书",logo:"/intern_avatar.png"}},{test:e=>e.startsWith("minimax"),vendor:{id:"minimax",label:"MiniMax",mono:{bg:"hsl(18 50% 26%)",ring:"hsl(18 65% 52%)",text:"hsl(20 80% 82%)"},initial:"M",logo:null}},{test:e=>e.startsWith("claude"),vendor:{id:"anthropic",label:"Anthropic",mono:{bg:"hsl(16 32% 26%)",ring:"hsl(16 48% 54%)",text:"hsl(18 60% 84%)"},initial:"A",logo:null}},{test:e=>e.startsWith("gpt")||e.startsWith("codex")||e.startsWith("o1")||e.startsWith("o3")||e.startsWith("o4"),vendor:{id:"openai",label:"OpenAI",mono:{bg:"hsl(165 26% 22%)",ring:"hsl(165 40% 44%)",text:"hsl(165 45% 80%)"},initial:"O",logo:null}}];function p(e){if(!e)return m;let t=e.toLowerCase();for(let e of f)if(e.test(t))return e.vendor;return m}let g={"claude-code-cli":{label:"Claude Code CLI",iconPath:"M4 5h16v14H4z M7 9l3 3-3 3 M13 15h4",color:"#a78bfa"},"codex-sdk":{label:"Codex SDK",iconPath:"M9 7l-5 5 5 5 M15 7l5 5-5 5",color:"#38bdf8"},"claude-agent-sdk":{label:"Claude Agent SDK",iconPath:"M4 7h16v10H4z M8 11h8 M8 14h5",color:"#34d399"},"http-api":{label:"HTTP API",iconPath:"M7 18a4 4 0 010-8 5 5 0 019.6-1.3A3.5 3.5 0 0118 18z",color:"#fbbf24"}};function y(e){return e?g[e]??null:null}function b(e,t,a,r=0){let s=t<=2?Math.PI:1.78*Math.PI,n=-Math.PI/2-s/2,l=t<=1?-Math.PI/2:n+s*e/(t-1)+r;return{x:500+a*Math.cos(l),y:330+a*Math.sin(l)}}function v(e,t,a=0){let r=(e.x+t.x)/2,s=(e.y+t.y)/2,n=t.x-e.x,l=t.y-e.y,i=Math.hypot(n,l)||1,o={x:r+-l/i*a,y:s+n/i*a};return`M${e.x},${e.y} Q${o.x},${o.y} ${t.x},${t.y}`}function j(e,t){return e.length>t?`${e.slice(0,t-1)}...`:e}function w({sessions:e}){let t=(0,r.useRef)(Date.now()),[s,n]=(0,r.useState)(()=>Date.now());(0,r.useEffect)(()=>{t.current=Date.now()},[e]),(0,r.useEffect)(()=>{let e=setInterval(()=>n(Date.now()),1e3);return()=>clearInterval(e)},[]);let l=Math.max(0,Math.floor((s-t.current)/1e3)),i=l>10;return(0,a.jsxs)("span",{className:i?"hidden sm:inline px-2.5 py-1 rounded-md bg-amber-500/10 text-amber-300 border border-amber-500/20 font-mono":"hidden sm:inline px-2.5 py-1 rounded-md bg-gray-500/10 text-gray-400 border border-gray-500/20 font-mono",title:i?`Last sync ${l}s ago — SWR refresh may be lagging`:`Live data \xb7 refreshes every 5s \xb7 last sync ${l}s ago`,"data-freshness-chip":!0,children:["live · ",l,"s"]})}function k(e,t,a){return t?"working"===e.status?{label:"working",primary:a?"#059669":"#22c55e",halo:a?"#d1fae5":"#14532d",text:a?"#065f46":"#dcfce7"}:"idle"===e.status?{label:"idle",primary:a?"#0d9488":"#2dd4bf",halo:a?"#ccfbf1":"#134e4a",text:a?"#115e59":"#ccfbf1"}:{label:e.status||"online",primary:a?"#0284c7":"#38bdf8",halo:a?"#e0f2fe":"#0c4a6e",text:a?"#0c4a6e":"#e0f2fe"}:{label:"offline",primary:a?"#94a3b8":"#6b7280",halo:a?"#e2e8f0":"#111827",text:a?"#475569":"#9ca3af"}}let N={panelStops:["#0b1220","#080814","#101018"],radarStops:[{color:"#22d3ee",opacity:.18},{color:"#22c55e",opacity:.045},{color:"#020617",opacity:0}],arrowFill:"#67e8f9",ringStroke:"#164e63",spokeStroke:{active:"#22d3ee",idle:"#155e75"},flowEdge:"#67e8f9",flowPath:"#e0f2fe",flowParticle:"#fef08a",nodeFill:{online:"#020617",offline:"#080814"},labelBox:{fill:"#020617",stroke:"#1f2937"},legendBox:{fill:"#020617",stroke:"#1f2937"},legendText:"#94a3b8",legendHeadline:"#e5e7eb",legendAccent:"#67e8f9",containerBg:"#080814",containerBorder:"#2a2a4a",topRailGradient:"from-transparent via-cyan-400/70 to-transparent"},S={panelStops:["#f8fafc","#ffffff","#f1f5f9"],radarStops:[{color:"#10b981",opacity:.06},{color:"#3b82f6",opacity:.03},{color:"#ffffff",opacity:0}],arrowFill:"#10b981",ringStroke:"#cbd5e1",spokeStroke:{active:"#10b981",idle:"#cbd5e1"},flowEdge:"#10b981",flowPath:"#475569",flowParticle:"#f59e0b",nodeFill:{online:"#ffffff",offline:"#f8fafc"},labelBox:{fill:"#ffffff",stroke:"#e2e8f0"},legendBox:{fill:"#ffffff",stroke:"#e2e8f0"},legendText:"#475569",legendHeadline:"#0f172a",legendAccent:"#0d9488",containerBg:"#ffffff",containerBorder:"#e3e6eb",topRailGradient:"from-transparent via-emerald-500/40 to-transparent"};function _(e,t){let a=0;for(;a<e.length&&a<t.length&&e[a]===t[a];)a++;return e.slice(0,a)}function M(e){let t=e.length,a=e.map((e,t)=>t),r=e=>{for(;a[e]!==e;)a[e]=a[a[e]],e=a[e];return e},s=(e,t)=>{let s=r(e),n=r(t);s!==n&&(a[s]=n)},n={};for(let t of(e.forEach((e,t)=>{let a=e.project_dir?.trim();a&&(n[a]||=[]).push(t)}),Object.values(n)))for(let e=1;e<t.length;e++)s(t[0],t[e]);let l=e.map((e,t)=>t).sort((t,a)=>e[t].alias.localeCompare(e[a].alias));for(let t=0;t+1<l.length;t++)_(e[l[t]].alias,e[l[t+1]].alias).length>=2&&s(l[t],l[t+1]);let i={};for(let e=0;e<t;e++)(i[r(e)]||=[]).push(e);let o={};for(let t of Object.values(i)){let a;if(1===t.length)a=e[t[0]].alias;else{let r=new Set(t.map(t=>e[t].project_dir?.trim()).filter(Boolean));if(1===r.size){let e=[...r][0];a=e.split("/").filter(Boolean).pop()||e}else(a=t.map(t=>e[t].alias).reduce((e,t)=>_(e,t))).length<2&&(a=e[t[0]].alias)}for(let r of t)o[e[r].alias]=a}return o}function C(e,t){let a=new Map;return e.forEach(e=>{if(!t[e.from_alias]||!t[e.to_alias]||e.from_alias===e.to_alias)return;let r=`${e.from_alias}->${e.to_alias}`,s=a.get(r),n=e.created_at||"",l=s?n>s.last_at?n:s.last_at:n;a.set(r,{key:r,from:e.from_alias,to:e.to_alias,count:(s?.count||0)+1,content:s?.content||e.content,last_at:l})}),[...a.values()].slice(0,18)}function E({sessions:e,sseSessions:t,renameSignal:s}){let n,l,i,o,c,h,m,f,g,_,$,z,P="light"===function(){let[e,t]=(0,r.useState)("dark");return(0,r.useEffect)(()=>{let e=()=>{let e=document.documentElement.getAttribute("data-theme")||"cyber";t("light"===e||"mint"===e?"light":"dark")};e();let a=new MutationObserver(e);return a.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>a.disconnect()},[]),e}(),L=function(){let[e,t]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{if(!window.matchMedia)return;let e=window.matchMedia("(prefers-reduced-motion: reduce)");t(e.matches);let a=e=>t(e.matches);return e.addEventListener("change",a),()=>e.removeEventListener("change",a)},[]),e}(),T=P?S:N,A="intern"===function(){let[e,t]=(0,r.useState)(null);return(0,r.useEffect)(()=>{try{let e=new URL(window.location.href).searchParams.get("brand");null!==e?""===e||"none"===e?(localStorage.removeItem("anet-brand"),t(null)):(localStorage.setItem("anet-brand",e),t(e)):t(localStorage.getItem("anet-brand"))}catch{}},[]),e}(),[R,I]=(0,r.useState)([]),[F,W]=(0,r.useState)("ring");(0,r.useEffect)(()=>{try{let e=localStorage.getItem("anet-topo-layout");("grid"===e||"ring"===e)&&W(e)}catch{}},[]);let B=()=>W(e=>{let t="ring"===e?"grid":"ring";try{localStorage.setItem("anet-topo-layout",t)}catch{}return t}),[O,D]=(0,r.useState)(.84);(0,r.useEffect)(()=>{try{let e=parseFloat(localStorage.getItem("anet-topo-nodescale")||"");(.7===e||.84===e||1===e)&&D(e)}catch{}},[]),(0,r.useEffect)(()=>{let e=async()=>{try{let e=await fetch("/api/hub/messages?limit=50");if(401===e.status)return void window.location.assign("/login");let t=await e.json();I(t.messages||[])}catch{}};e();let t=setInterval(e,5e3);return()=>clearInterval(t)},[]);let{onlineNodes:H,offlineNodes:Y,nodePositions:X,flowLinks:U,activeAliases:G,groupKeys:K,groupBoxes:J,gridContentBottom:V}=(0,r.useMemo)(()=>{let a=e=>(e.network_id?t[`${e.network_id}:${e.alias}`]:void 0)??t[e.alias],r=(e,t)=>e.alias.localeCompare(t.alias),s=Date.now(),n=e.filter(e=>"offline"!==e.status||a(e)).sort(r),l=e.filter(e=>"offline"===e.status&&!a(e)&&!(e=>{if("offline"!==e.status||a(e)||!e.last_seen_at)return!1;let t=(0,u.parseHubTime)(e.last_seen_at);return null!==t&&s-t>36e5})(e)).sort(r),i={};if("grid"===F){let e=[...n,...l],t=M(e),r=Math.max(1,Math.ceil(Math.sqrt(e.length))),s=700/r,o=Math.round(26*O),d=[];for(let a of e){let e=t[a.alias],r=d[d.length-1];r&&r.key===e?r.members.push(a):d.push({key:e,members:[a]})}let c=[],h=0,u=0;for(;u<d.length;)if(d[u].members.length>=2)c.push({members:d[u].members,startRow:h,centred:!1,isGroup:!0}),h+=Math.ceil(d[u].members.length/r),u++;else{let e=[];for(;u<d.length&&d[u].members.length<2;)e.push(d[u].members[0]),u++;c.push({members:e,startRow:h,centred:!0,isGroup:!1}),h+=Math.ceil(e.length/r)}let x=Math.max(1,h),m=o+20,f=Math.max(2*o+22,m+12,o+(O<.8?12:14)+m+3,Math.min(100,526/x));for(let e of c)e.members.forEach((t,a)=>{let n=Math.floor(a/r),l=a%r,o=Math.min(r,e.members.length-n*r),d=e.centred?(r-o)*s/2:0;i[t.alias]={x:150+d+(l+.5)*s,y:126+(e.startRow+n+.5)*f}});let p=C(R,i),g=new Set;p.forEach(e=>{g.add(e.from),g.add(e.to)});let y=Math.max(8,Math.min(26,f-m-8)),b=c.filter(e=>e.isGroup).map(e=>{let r=e.members.map(e=>i[e.alias]).filter(Boolean),s=r.map(e=>e.x),n=r.map(e=>e.y),l=Math.min(...s),o=Math.min(...n),d=0,c=0,h=0;for(let t of e.members){let e="offline"!==t.status||!!a(t);"working"===t.status?d++:e?c++:h++}return{key:e.members.length?t[e.members[0].alias]:"",count:e.members.length,statuses:{working:d,idle:c,offline:h},x:l-y,y:o-m,w:Math.max(...s)-l+2*y,h:Math.max(...n)-o+m+y}});return{onlineNodes:n,offlineNodes:l,nodePositions:i,flowLinks:p,activeAliases:g,groupKeys:t,groupBoxes:b,gridContentBottom:126+x*f+8}}let o=n.length>14,d=!o&&n.length>8,c=n.length;if(o){let e=Math.ceil(n.length/3),t=n.slice(0,e),a=n.slice(e,2*e),r=n.slice(2*e);t.forEach((e,a)=>{i[e.alias]=b(a,Math.max(t.length,1),145)});let s=t.length<=2?Math.PI:1.78*Math.PI,l=t.length>1?s/(t.length-1):0;a.forEach((e,t)=>{i[e.alias]=b(t,Math.max(a.length,1),215,l/2)}),r.forEach((e,t)=>{i[e.alias]=b(t,Math.max(r.length,1),285)}),c=r.length}else if(d){let e=Math.ceil(n.length/2),t=n.length-e,a=n.slice(0,e),r=n.slice(e);a.forEach((t,a)=>{i[t.alias]=b(a,Math.max(e,1),175)});let s=e<=2?Math.PI:1.78*Math.PI,l=e>1?s/(e-1):0;r.forEach((e,a)=>{i[e.alias]=b(a,Math.max(t,1),260,l/2)}),c=t}else n.forEach((e,t)=>{i[e.alias]=b(t,Math.max(n.length,1),220)});let h=c<=2?Math.PI:1.78*Math.PI,x=c>1?h/(c-1):0,m=c>0?x/2:0,f=325+6*Math.max(0,l.length-4);l.forEach((e,t)=>{i[e.alias]=b(t,Math.max(l.length,1),f,m)});let p=C(R,i),g=new Set;p.forEach(e=>{g.add(e.from),g.add(e.to)});let y=M([...n,...l]);return{onlineNodes:n,offlineNodes:l,nodePositions:i,flowLinks:p,activeAliases:g,groupKeys:y,groupBoxes:[],gridContentBottom:0}},[R,e,t,F,O]),q=H.filter(e=>"working"===e.status).length,Z=(0,r.useMemo)(()=>{let e=new Map;for(let t of[...H,...Y]){let a=p(t.model),r="unknown"===a.id?"?":a.initial,s=e.get(r);s?s.count++:e.set(r,{initial:r,count:1,color:a.mono.text})}return[...e.values()].sort((e,t)=>t.count-e.count)},[H,Y]),Q=H.length+Y.length>16,[ee,et]=(0,r.useState)(null),[ea,er]=(0,r.useState)(null),es=ea??(ee?K[ee]??ee:null),[en,el]=(0,r.useState)(()=>{try{return sessionStorage.getItem("anet-topo-pinned-group")}catch{return null}}),ei=es??en;(0,r.useEffect)(()=>{try{en?sessionStorage.setItem("anet-topo-pinned-group",en):sessionStorage.removeItem("anet-topo-pinned-group")}catch{}},[en]),(0,r.useEffect)(()=>{!en||new Set(Object.values(K)).has(en)||el(null)},[en,K]);let[eo,ed]=(0,r.useState)(null),[ec,eh]=(0,r.useState)(!1),[eu,ex]=(0,r.useState)(null),[em,ef]=(0,r.useState)(null),[ep,eg]=(0,r.useState)(()=>{try{let e=sessionStorage.getItem("anet-topo-pinned-status");return"working"===e||"idle"===e||"offline"===e?e:null}catch{return null}}),ey=em??ep;(0,r.useEffect)(()=>{try{ep?sessionStorage.setItem("anet-topo-pinned-status",ep):sessionStorage.removeItem("anet-topo-pinned-status")}catch{}},[ep]),(0,r.useEffect)(()=>{let e=e=>{let t=e.detail||{};if("clear"===t.kind)eg(null),el(null);else if("status"===t.kind){let e=t.value;("working"===e||"idle"===e||"offline"===e)&&eg(e)}else"group"===t.kind&&"string"==typeof t.value&&el(t.value)};return window.addEventListener("anet:topo-pin",e),()=>window.removeEventListener("anet:topo-pin",e)},[]);let eb=(0,r.useMemo)(()=>{if(!eo)return null;let e=U.find(e=>e.key===eo);return e?new Set([e.from,e.to]):null},[eo,U]),ev=(0,r.useRef)(null),ej=(0,r.useRef)(null),[ew,ek]=(0,r.useState)({zoom:1,x:0,y:0}),eN=(0,r.useRef)(ew),eS=(0,r.useRef)({active:!1,startX:0,startY:0,baseX:0,baseY:0}),[e_,eM]=(0,r.useState)(!1),[eC,eE]=(0,r.useState)(null),[e$,ez]=(0,r.useState)(null);(0,r.useEffect)(()=>{s&&s.from===eC&&eE(s.to)},[s]),(0,r.useEffect)(()=>{eN.current=ew},[ew]),(0,r.useEffect)(()=>{try{let e=localStorage.getItem("anet-topo-view");if(e){let t=JSON.parse(e);"number"==typeof t?.zoom&&ek({zoom:Math.min(4,Math.max(.5,t.zoom)),x:"number"==typeof t.x?t.x:0,y:"number"==typeof t.y?t.y:0})}}catch{}},[]);let[eP]=(0,r.useState)(()=>!!localStorage.getItem("anet-topo-view")),eL=(0,r.useRef)(!1);(0,r.useEffect)(()=>{if(!eL.current){if(eP){eL.current=!0;return}if("grid"===F&&0!==e.length&&V){if(V<=680){eL.current=!0;return}ek({zoom:Math.max(.5,Math.min(1,680/V)),x:0,y:0}),eL.current=!0}}},[F,e.length,V,eP]),(0,r.useEffect)(()=>{try{localStorage.setItem("anet-topo-view",JSON.stringify(ew))}catch{}},[ew]),(0,r.useEffect)(()=>{let e=()=>eM(document.fullscreenElement===ev.current);return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)},[]),(0,r.useEffect)(()=>{let e=ej.current;if(!e)return;let t=t=>{if(!e_&&!t.ctrlKey&&!t.metaKey)return;t.preventDefault();let a=e.getBoundingClientRect(),r=(t.clientX-a.left)/a.width*1e3,s=(t.clientY-a.top)/a.height*680;ek(e=>{let a=Math.min(1.08,Math.max(.926,Math.exp(-(6e-4*t.deltaY)))),n=Math.min(4,Math.max(.5,e.zoom*a)),l=n/e.zoom;return{zoom:n,x:r-(r-e.x)*l,y:s-(s-e.y)*l}})};return e.addEventListener("wheel",t,{passive:!1}),()=>e.removeEventListener("wheel",t)},[e_]);let[eT,eA]=(0,r.useState)(!1),eR=e=>{if(eS.current.active){eS.current.active=!1,eA(!1);try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch{}}},eI=e=>{ek(t=>{let a=Math.min(4,Math.max(.5,t.zoom*e)),r=a/t.zoom;return{zoom:a,x:500-(500-t.x)*r,y:340-(340-t.y)*r}})},eF=()=>ek({zoom:1,x:0,y:0}),eW=(0,r.useCallback)(()=>{ek({zoom:!V||V<=680?1:Math.max(.5,Math.min(1,680/V)),x:0,y:0})},[V]);return(0,r.useEffect)(()=>{let e=e=>{"toggle"===(e.detail||{}).kind&&B()},t=e=>{"fit"===(e.detail||{}).kind&&eW()};return window.addEventListener("anet:topo-layout",e),window.addEventListener("anet:topo-view",t),()=>{window.removeEventListener("anet:topo-layout",e),window.removeEventListener("anet:topo-view",t)}},[eW]),(0,r.useEffect)(()=>{let e=e=>{if(e.ctrlKey||e.metaKey||e.altKey)return;let t=document.activeElement;if(t){let e=t.tagName;if("INPUT"===e||"TEXTAREA"===e||"SELECT"===e||t.isContentEditable)return}"+"===e.key||"="===e.key?(eI(1.2),e.preventDefault()):"-"===e.key||"_"===e.key?(eI(1/1.2),e.preventDefault()):"0"===e.key?(eF(),e.preventDefault()):"f"===e.key||"F"===e.key?(eW(),e.preventDefault()):"l"===e.key||"L"===e.key?(B(),e.preventDefault()):"Escape"===e.key&&!eC&&(ep||en)&&(ep&&eg(null),en&&el(null),e.preventDefault())};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[eW,eC,ep,en]),(0,a.jsxs)("section",{className:"w-full max-w-6xl mx-auto mb-8",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between mb-3 px-1",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"text-xs uppercase text-gray-600 tracking-wider",children:"Network Topology"}),(0,a.jsx)("h2",{className:"text-lg text-white font-semibold",children:"Command mesh"})]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2 text-xs",children:[(0,a.jsxs)("div",{className:"inline-flex rounded-md border border-gray-500/25 overflow-hidden",role:"group","aria-label":"Topology layout",children:[(0,a.jsx)("button",{onClick:()=>{"ring"!==F&&B()},"aria-pressed":"ring"===F,title:"Ring layout (l to toggle)",className:`px-2.5 py-1 transition-colors ${"ring"===F?"bg-cyan-500/15 text-cyan-300":"text-gray-500 hover:text-gray-400"}`,children:"Ring"}),(0,a.jsx)("button",{onClick:()=>{"grid"!==F&&B()},"aria-pressed":"grid"===F,title:"Grid layout (l to toggle)",className:`px-2.5 py-1 border-l border-gray-500/25 transition-colors ${"grid"===F?"bg-cyan-500/15 text-cyan-300":"text-gray-500 hover:text-gray-400"}`,children:"Grid"})]}),(0,a.jsxs)("span",{className:"px-2.5 py-1 rounded-md bg-green-500/10 text-green-300 border border-green-500/20","data-working-chip":!0,"data-pin-mirror":"working"===ep?"true":"false",title:q>0?"working"===ep?"Pinned — Esc to clear":"Hover to highlight working nodes":void 0,style:{cursor:q>0?"pointer":void 0,boxShadow:"working"===ep?"inset 0 0 0 1px #4ade80, inset 0 0 0 2px rgba(255,255,255,0.45)":void 0},onMouseEnter:()=>{q>0&&ef("working")},onMouseLeave:()=>ef(e=>"working"===e?null:e),children:[q," working"]}),(0,a.jsxs)("span",{className:"px-2.5 py-1 rounded-md bg-cyan-500/10 text-cyan-300 border border-cyan-500/20","data-online-chip":!0,"data-pin-mirror":"idle"===ep?"true":"false",title:H.length>0?"idle"===ep?"Pinned — Esc to clear":"Hover to highlight online nodes":void 0,style:{cursor:H.length>0?"pointer":void 0,boxShadow:"idle"===ep?"inset 0 0 0 1px #67e8f9, inset 0 0 0 2px rgba(255,255,255,0.45)":void 0},onMouseEnter:()=>{let e=H.length-q;q>0?ef("working"):e>0&&ef("idle")},onMouseLeave:()=>ef(e=>"working"===e||"idle"===e?null:e),children:[H.length," online"]}),(()=>{let e=H.length-q,t=Y.length,r=q+e+t;if(0===r)return null;let s=(e,t,s,n)=>{if(0===e)return null;let l=ep===s;return(0,a.jsx)("span",{"data-pressure-seg":s,role:"button",tabIndex:0,"aria-pressed":l,title:`${e} ${n} — click to ${l?"release filter":"highlight"}`,style:{width:`${e/r*100}%`,background:t,height:"100%",cursor:"pointer",boxShadow:l?`inset 0 0 0 1px ${t}, inset 0 0 0 2px rgba(255,255,255,0.6)`:void 0},onClick:e=>{e.stopPropagation(),eg(e=>e===s?null:s)},onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),eg(e=>e===s?null:s))},onMouseEnter:()=>ef(s),onMouseLeave:()=>ef(e=>e===s?null:e)},s)};return(0,a.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:`${q} working \xb7 ${e} idle \xb7 ${t} offline`,"data-fleet-pressure":!0,children:[(0,a.jsx)("span",{className:"text-[10px] tracking-wide",children:"pressure"}),(0,a.jsxs)("span",{className:"inline-flex h-1.5 w-16 rounded-full overflow-hidden",style:{background:"rgb(75 85 99 / 0.25)"},children:[s(q,P?"#059669":"#22c55e","working","working"),s(e,P?"#0d9488":"#2dd4bf","idle","idle"),s(t,P?"#94a3b8":"#6b7280","offline","offline")]})]})})(),ep&&(n="working"===ep?q:"idle"===ep?H.length-q:Y.length,(0,a.jsxs)("span",{"data-active-filter":"status","data-filter-match-count":n,className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono text-xs border anet-fade-in",title:"Click to clear filter",onClick:()=>eg(null),style:{background:"working"===ep?P?"#05966914":"#22c55e1f":"idle"===ep?P?"#0d948814":"#2dd4bf1f":P?"#94a3b814":"#6b72801f",color:"working"===ep?P?"#047857":"#86efac":"idle"===ep?P?"#0f766e":"#5eead4":P?"#475569":"#9ca3af",borderColor:"currentColor",cursor:"pointer"},children:[(0,a.jsxs)("span",{children:[(0,a.jsx)("span",{className:"hidden sm:inline","data-filter-prefix":!0,children:"filter: "}),ep,(0,a.jsxs)("span",{className:"opacity-70",children:[" · ",n]})]}),(0,a.jsx)("button",{type:"button","aria-label":`Clear ${ep} filter`,onClick:e=>{e.stopPropagation(),eg(null)},className:"ml-0.5 leading-none hover:opacity-70",style:{background:"transparent",color:"inherit",cursor:"pointer",padding:0},children:"×"})]})),en&&(l=Object.values(K).filter(e=>e===en).length,(0,a.jsxs)("span",{"data-active-filter":"group","data-filter-match-count":l,className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md font-mono text-xs border anet-fade-in",title:"Click to clear filter",onClick:()=>el(null),style:{background:P?"#67e8f914":"#67e8f91f",color:T.legendAccent,borderColor:"currentColor",cursor:"pointer"},children:[(0,a.jsxs)("span",{children:[(0,a.jsx)("span",{className:"hidden sm:inline","data-filter-prefix":!0,children:"filter: "}),en,(0,a.jsxs)("span",{className:"opacity-70",children:[" · ",l]})]}),(0,a.jsx)("button",{type:"button","aria-label":`Clear group filter ${en}`,onClick:e=>{e.stopPropagation(),el(null)},className:"ml-0.5 leading-none hover:opacity-70",style:{background:"transparent",color:"inherit",cursor:"pointer",padding:0},children:"×"})]})),Z.length>1&&(0,a.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 a letter to highlight that vendor",children:Z.map(e=>(0,a.jsxs)("span",{className:"inline-flex items-baseline gap-0.5","data-vendor-letter":e.initial,style:{cursor:"pointer"},onMouseEnter:()=>ex(e.initial),onMouseLeave:()=>ex(t=>t===e.initial?null:t),children:[(0,a.jsx)("span",{style:{color:e.color},children:e.initial}),(0,a.jsxs)("span",{className:"text-gray-500",children:[":",e.count]})]},e.initial))}),(o=null!==(i=U.reduce((e,t)=>{if(!t.last_at)return e;let a=(0,u.parseHubTime)(t.last_at);return null===a?e:null===e||a>e?a:e},null))?(0,u.relativeAgo)(new Date(i).toISOString()):null,(0,a.jsxs)("span",{className:"hidden sm:inline px-2.5 py-1 rounded-md bg-gray-500/10 text-gray-400 border border-gray-500/20","data-active-links-chip":!0,title:U.length>0?"Hover to brighten all active flows":void 0,style:{cursor:U.length>0?"pointer":void 0},onMouseEnter:()=>{U.length>0&&eh(!0)},onMouseLeave:()=>eh(!1),children:[U.length," active link",1===U.length?"":"s",o?(0,a.jsxs)("span",{className:"text-gray-500",children:[" · last ",o]}):null]})),(0,a.jsx)(w,{sessions:e})]})]}),(0,a.jsxs)("div",{ref:ev,className:`relative overflow-hidden rounded-lg border shadow-2xl ${P?"shadow-zinc-900/5":"shadow-cyan-950/30"} ${e_?"flex items-center justify-center":""}`,style:{background:T.containerBg,borderColor:T.containerBorder},children:[(0,a.jsx)("div",{className:`absolute inset-x-0 top-0 h-px bg-gradient-to-r ${T.topRailGradient}`}),(0,a.jsxs)("svg",{ref:ej,viewBox:"0 0 1000 680",className:"w-full h-auto block",preserveAspectRatio:"xMidYMid meet",onPointerDown:e=>{0===e.button&&(e.currentTarget.setPointerCapture?.(e.pointerId),eS.current={active:!0,startX:e.clientX,startY:e.clientY,baseX:eN.current.x,baseY:eN.current.y},eA(!0))},onPointerMove:e=>{let t=eS.current;if(!t.active)return;let a=ej.current;if(!a)return;let r=a.getBoundingClientRect(),s=(e.clientX-t.startX)/r.width*1e3,n=(e.clientY-t.startY)/r.height*680;ek(e=>({...e,x:t.baseX+s,y:t.baseY+n}))},onPointerUp:eR,onPointerLeave:eR,onDoubleClick:e=>{let t=e.target;t?.closest("g[data-node]")||eF()},style:{cursor:eT?"grabbing":"grab",touchAction:"none"},children:[(0,a.jsxs)("defs",{children:[(0,a.jsxs)("linearGradient",{id:"topo-panel",x1:"0",x2:"1",y1:"0",y2:"1",children:[(0,a.jsx)("stop",{offset:"0%",stopColor:T.panelStops[0]}),(0,a.jsx)("stop",{offset:"48%",stopColor:T.panelStops[1]}),(0,a.jsx)("stop",{offset:"100%",stopColor:T.panelStops[2]})]}),(0,a.jsxs)("radialGradient",{id:"topo-radar",cx:"50%",cy:"50%",r:"55%",children:[(0,a.jsx)("stop",{offset:"0%",stopColor:T.radarStops[0].color,stopOpacity:T.radarStops[0].opacity}),(0,a.jsx)("stop",{offset:"45%",stopColor:T.radarStops[1].color,stopOpacity:T.radarStops[1].opacity}),(0,a.jsx)("stop",{offset:"100%",stopColor:T.radarStops[2].color,stopOpacity:T.radarStops[2].opacity})]}),!P&&(0,a.jsxs)("filter",{id:"topo-glow",children:[(0,a.jsx)("feGaussianBlur",{stdDeviation:"4",result:"blur"}),(0,a.jsxs)("feMerge",{children:[(0,a.jsx)("feMergeNode",{in:"blur"}),(0,a.jsx)("feMergeNode",{in:"SourceGraphic"})]})]}),[{id:"topo-arrow-s",size:12},{id:"topo-arrow",size:16},{id:"topo-arrow-l",size:22}].map(e=>(0,a.jsx)("marker",{id:e.id,viewBox:"0 0 10 10",refX:"8",refY:"5",markerWidth:e.size,markerHeight:e.size,markerUnits:"userSpaceOnUse",orient:"auto-start-reverse",children:(0,a.jsx)("path",{d:"M 0 0 L 10 5 L 0 10 z",fill:T.arrowFill})},e.id)),(0,a.jsxs)("radialGradient",{id:"topo-sweep",cx:"0%",cy:"50%",r:"100%",children:[(0,a.jsx)("stop",{offset:"0%",stopColor:P?"#0d9488":"#22d3ee",stopOpacity:P?.18:.32}),(0,a.jsx)("stop",{offset:"70%",stopColor:P?"#0d9488":"#22d3ee",stopOpacity:P?.1:.18}),(0,a.jsx)("stop",{offset:"100%",stopColor:P?"#0d9488":"#22d3ee",stopOpacity:"0"})]})]}),(0,a.jsx)("rect",{width:"1000",height:"680",fill:"url(#topo-panel)"}),(0,a.jsxs)("g",{transform:`translate(${ew.x} ${ew.y}) scale(${ew.zoom})`,children:["ring"===F&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("circle",{cx:500,cy:330,r:"330",fill:"url(#topo-radar)",style:{pointerEvents:"none"}}),!P&&(0,a.jsx)("g",{opacity:"0.5",style:{pointerEvents:"none"},children:Array.from({length:28}).map((e,t)=>{let r=9301*t+49297;return(0,a.jsx)("circle",{cx:13*r%1e3,cy:7*r%680,r:t%3==0?1.2:.7,fill:"#a5b4fc",opacity:.35+t%4*.05},t)})}),(0,a.jsx)("g",{style:{transformOrigin:"500px 330px",transformBox:"view-box",pointerEvents:"none"},className:"anet-topo-sweep",opacity:P?.7:1,children:(0,a.jsx)("path",{d:`M 500 330 L 830 330 A 330 330 0 0 0 ${500+330*Math.cos(-Math.PI/4.5)} ${330+330*Math.sin(-Math.PI/4.5)} Z`,fill:"url(#topo-sweep)"})}),[90,170,250,330].map(e=>(0,a.jsx)("circle",{cx:500,cy:330,r:e,fill:"none",stroke:T.ringStroke,strokeWidth:"1",opacity:P?.6:.35},e)),(H.length>14?[145,215,285]:H.length>8?[175,260]:H.length>0?[220]:[]).map(e=>(0,a.jsx)("circle",{cx:500,cy:330,r:e,fill:"none",stroke:T.ringStroke,strokeWidth:"0.7",strokeDasharray:"2 8",opacity:P?.32:.42,style:{pointerEvents:"none"},"data-tier-ring":e},`tier-${e}`)),!P&&[0,.25,.5,.75].map((e,t)=>(0,a.jsx)("g",{children:(0,a.jsx)("circle",{cx:830,cy:330,r:0===t?2.8:2.2,fill:"#22d3ee",opacity:.9,filter:"url(#topo-glow)",children:(0,a.jsx)("animateTransform",{attributeName:"transform",type:"rotate",from:`${360*e} 500 330`,to:`${360*e+360} 500 330`,dur:"16s",repeatCount:"indefinite"})})},`orbit-${t}`)),[0,30,60,90,120,150].map(e=>(0,a.jsx)("line",{x1:500-360*Math.cos(e*Math.PI/180),y1:330-360*Math.sin(e*Math.PI/180),x2:500+360*Math.cos(e*Math.PI/180),y2:330+360*Math.sin(e*Math.PI/180),stroke:T.ringStroke,strokeWidth:"1",opacity:P?.35:.18},e))]}),"ring"===F&&H.map((e,t)=>{let r=X[e.alias];if(!r)return null;let s=v({x:500,y:330},r,0),n=G.has(e.alias);return(0,a.jsx)("path",{d:s,fill:"none",stroke:n?T.spokeStroke.active:T.spokeStroke.idle,strokeWidth:n?2:1,strokeDasharray:n?"none":"6 14",opacity:n?.7:.45,className:n?void 0:"anet-topo-spoke-flow",style:n?void 0:{animationDelay:`${-(.25*t)}s`}},`hub-${e.alias}`)}),J.map(e=>{let t=ei===e.key,r=en===e.key;return(0,a.jsxs)("g",{"data-group":e.key,className:"transition-opacity",style:{opacity:!ei||t?1:.28},children:[(0,a.jsx)("rect",{x:e.x,y:e.y,width:e.w,height:e.h,rx:"14",fill:P?"#0f172a":"#a5b4fc",fillOpacity:r?P?.08:.13:t?P?.05:.09:P?.025:.045,stroke:r||t?T.legendAccent:T.ringStroke,strokeWidth:r?3:t?2:1.5,strokeDasharray:r||t?"none":"6 6","data-group-box-pinned":r?"true":"false","data-group-box-live":r||t||!(e.statuses.working>0)?"false":"true",className:r||t||!(e.statuses.working>0)?void 0:"anet-topo-groupbox-live",style:{transition:"stroke 200ms ease-out, stroke-width 200ms ease-out, fill-opacity 200ms ease-out",pointerEvents:"none"}}),(0,a.jsxs)("g",{role:"button",tabIndex:0,"aria-pressed":en===e.key,"data-group-label-hit":e.key,style:{pointerEvents:"all",cursor:"pointer"},onPointerDown:e=>e.stopPropagation(),onClick:()=>el(t=>t===e.key?null:e.key),onPointerEnter:()=>er(e.key),onPointerLeave:()=>er(t=>t===e.key?null:t),children:[(0,a.jsx)("rect",{x:e.x+6,y:e.y+2,width:Math.min(e.w-12,240),height:20,fill:"transparent"}),(0,a.jsxs)("text",{x:e.x+12,y:e.y+14,fill:t?T.legendHeadline:T.legendText,fontSize:"13",fontFamily:"monospace",fontWeight:"700",style:{transition:"fill 200ms ease-out"},"data-group-label":e.key,children:[e.key,(0,a.jsxs)("tspan",{dx:"6",fill:T.legendText,fontSize:"11",fontWeight:"400",children:["· ",e.count]}),e.statuses.working>0&&(0,a.jsxs)("tspan",{dx:"8",fill:P?"#059669":"#22c55e",fontSize:"11",fontWeight:"600",children:[e.statuses.working,"w"]}),e.statuses.idle>0&&(0,a.jsxs)("tspan",{dx:"4",fill:P?"#0d9488":"#2dd4bf",fontSize:"11",fontWeight:"600",children:[e.statuses.idle,"i"]}),e.statuses.offline>0&&(0,a.jsxs)("tspan",{dx:"4",fill:P?"#94a3b8":"#6b7280",fontSize:"11",fontWeight:"600",children:[e.statuses.offline,"o"]})]})]})]},`grp-${e.key}`)}),U.map((e,t)=>{let r=X[e.from],s=X[e.to];if(!r||!s)return null;let n=(t%2==0?1:-1)*Math.min(36,.18*Math.hypot(s.x-r.x,s.y-r.y)),l=v(r,s,n),i=Math.min(2+e.count,7),o=Math.max(.9,2.6/Math.sqrt(e.count)),d=Math.max(.35,1-(e.last_at?Math.max(0,Date.now()-Date.parse(e.last_at)):0)/3e5),c=e.count<=2?"topo-arrow-s":e.count<=4?"topo-arrow":"topo-arrow-l",h=(0,u.relativeAgo)(e.last_at),x=`${e.from} → ${e.to}
|
|
2
|
+
${e.count} message${1===e.count?"":"s"}${h?` \xb7 last ${h}`:""}`,m=eo===e.key,f=K[e.from]??e.from,p=K[e.to]??e.to,g=m?2:eo?.35:ee||ei?e.from===ee||e.to===ee?1.7:ei&&f===ei&&p===ei?1.3:.35:ec?1.5:1,y=m?Math.min(1.4*i,10):i;return(0,a.jsxs)("g",{children:[(0,a.jsx)("path",{d:l,fill:"none",stroke:"transparent",strokeWidth:Math.max(i+10,16),style:{pointerEvents:"stroke"},"data-edge-hitbox":!0,onMouseEnter:()=>ed(e.key),onMouseLeave:()=>ed(t=>t===e.key?null:t),children:(0,a.jsx)("title",{children:x})}),(0,a.jsx)("path",{d:l,fill:"none",stroke:T.flowEdge,strokeWidth:y,opacity:Math.min(1,(P?.22:.28)*d*g),filter:P?void 0:"url(#topo-glow)",markerEnd:`url(#${c})`,className:"transition-opacity duration-300",style:{pointerEvents:"none"}}),(0,a.jsx)("path",{id:`flow-path-${t}`,d:l,fill:"none",stroke:T.flowPath,strokeWidth:"1",strokeDasharray:"2 12",opacity:Math.min(1,(P?.4:.75)*d*g),className:"transition-opacity duration-300"}),!L&&(0,a.jsx)("circle",{r:"4",fill:T.flowParticle,filter:P?void 0:"url(#topo-glow)",opacity:Math.min(1,d*g),children:(0,a.jsx)("animateMotion",{dur:`${o}s`,repeatCount:"indefinite",path:l})}),!L&&d>.5&&(0,a.jsxs)("circle",{cx:s.x,cy:s.y,r:"0",fill:"none",stroke:T.flowEdge,strokeWidth:"1.5",opacity:"0",style:{pointerEvents:"none"},"data-arrival-ping":e.key,children:[(0,a.jsx)("animate",{attributeName:"r",values:"0;14;22",dur:`${o}s`,begin:`-${(.92*o).toFixed(2)}s`,repeatCount:"indefinite"}),(0,a.jsx)("animate",{attributeName:"opacity",values:"0;0.55;0",dur:`${o}s`,begin:`-${(.92*o).toFixed(2)}s`,repeatCount:"indefinite"})]}),!L&&d>.5&&e.count>=3&&(0,a.jsxs)("circle",{cx:r.x,cy:r.y,r:"0",fill:"none",stroke:T.flowEdge,strokeWidth:"1.5",opacity:"0",style:{pointerEvents:"none"},"data-dispatch-pulse":e.key,children:[(0,a.jsx)("animate",{attributeName:"r",values:"0;12;18",dur:`${o}s`,begin:"0s",repeatCount:"indefinite"}),(0,a.jsx)("animate",{attributeName:"opacity",values:"0;0.45;0",dur:`${o}s`,begin:"0s",repeatCount:"indefinite"})]})]},e.key)}),"ring"===F&&(0,a.jsxs)("g",{"data-topo-hub":!0,style:{cursor:"pointer"},onPointerDown:e=>e.stopPropagation(),onClick:()=>{eW(),ez({ts:Date.now(),x:500,y:330,r0:18,color:P?"#059669":"#10b981"}),setTimeout(()=>ez(e=>e&&500===e.x&&330===e.y?null:e),600)},children:[(0,a.jsx)("title",{children:(c=e.length,h=["Network hub",`${c} session${1===c?"":"s"}`],H.length>0&&h.push(`${H.length} online`),q>0&&h.push(`${q} working`),U.length>0&&h.push(`${U.length} active link${1===U.length?"":"s"}`),h.join(" · ")+"\nclick to fit view")}),(f=[.52,.58,.65,.72][m=0===q?0:q<=2?1:q<=5?2:3],g=[.16,.2,.26,.32][m],_=[4,3.2,2.7,2.4][m],$=`0.32;${f};0.32`,z=`0.08;${g};0.08`,(0,a.jsx)("circle",{cx:500,cy:330,r:"18",fill:P?"#d1fae5":"#10b981",opacity:P?.42:.12,"data-hub-busyness":m,children:!L&&(0,a.jsx)("animate",{attributeName:"opacity",values:P?$:z,dur:`${_}s`,repeatCount:"indefinite"})})),(0,a.jsx)("circle",{cx:500,cy:330,r:"10",fill:P?"#059669":"#10b981"}),(0,a.jsx)("circle",{cx:500,cy:330,r:"5",fill:"#d1fae5",opacity:"0.9"})]}),[...H,...Y].map((e,r)=>{var s,n;let l,i,o,c,h,x,m,f,g,b=X[e.alias];if(!b)return null;let v=(e.network_id?t[`${e.network_id}:${e.alias}`]:void 0)??t[e.alias],w="offline"!==e.status||!!v,N=k(e,w,P),S=G.has(e.alias),_=Math.round((w?26:18)*O),M=!Q||ee===e.alias||ew.zoom>=1.4,C=!ei||(K[e.alias]??e.alias)===ei,E=0;if("ring"===F){let t=X[e.alias];if(t){let e=Math.hypot(t.x-500,t.y-330);E=e<195?0:e<270?1:e<310?2:3}}return(0,a.jsxs)("g",{"data-node":e.alias,"data-tier-idx":"ring"===F?E:-1,className:"group transition-opacity anet-fade-in",style:{cursor:"pointer",opacity:eb&&!eb.has(e.alias)&&eC!==e.alias||eu&&eC!==e.alias&&("unknown"===(l=p(e.model)).id?"?":l.initial)!==eu||ey&&eC!==e.alias&&!("working"===ey?"working"===e.status:"idle"===ey?w&&"working"!==e.status:!w)?.28:C?eC===e.alias||w?1:.6:.32,animationDelay:"ring"===F?`${180*E+r%6*25}ms`:`${25*Math.min(r,24)}ms`,transform:L||ee!==e.alias?void 0:"translateY(-2px)",transition:"transform 180ms cubic-bezier(0.4,0,0.2,1)"},onPointerDown:e=>e.stopPropagation(),onPointerEnter:()=>et(e.alias),onPointerLeave:()=>et(t=>t===e.alias?null:t),onClick:()=>{eE(e.alias),ez({ts:Date.now(),x:b.x,y:b.y,r0:_,color:N.primary}),setTimeout(()=>ez(e=>e&&Date.now()-e.ts>=590?null:e),600)},children:[(i=!w&&e.last_seen_at?(0,u.relativeAgo)(e.last_seen_at):null,(0,a.jsx)("title",{children:[(s=e.model,n=e.runtime,o=p(s),c=y(n),h=[],"unknown"!==o.id&&h.push(o.label),s&&h.push(s),c&&h.push(c.label),h.join(" · ")||e.alias),e.project_dir?`cwd: ${e.project_dir}`:null,i?`last seen: ${i}`:null].filter(Boolean).join("\n")})),(0,a.jsx)("circle",{cx:b.x,cy:b.y,r:_+12,fill:"none",stroke:N.primary,strokeWidth:"2",className:"opacity-0 group-hover:opacity-70 transition-opacity duration-150",style:{pointerEvents:"none"}}),eC===e.alias&&(0,a.jsx)("circle",{cx:b.x,cy:b.y,r:_+14,fill:"none",stroke:N.primary,strokeWidth:"2.5",opacity:P?.85:.95,filter:P?void 0:"url(#topo-glow)",className:"transition-opacity duration-200",style:{pointerEvents:"none"}}),S&&!L&&(0,a.jsxs)("circle",{cx:b.x,cy:b.y,r:_+14,fill:N.primary,opacity:P?.08:.12,children:[(0,a.jsx)("animate",{attributeName:"r",values:`${_+8};${_+22};${_+8}`,dur:"2.4s",repeatCount:"indefinite"}),(0,a.jsx)("animate",{attributeName:"opacity",values:P?"0.12;0.02;0.12":"0.18;0.04;0.18",dur:"2.4s",repeatCount:"indefinite"})]}),(0,a.jsx)("circle",{cx:b.x,cy:b.y,r:_+8,fill:N.halo,opacity:w?P?.85:.65:P?.4:.25,className:"transition-[fill,opacity] duration-300 ease-out"}),(0,a.jsx)("circle",{cx:b.x,cy:b.y,r:_,fill:w?T.nodeFill.online:T.nodeFill.offline,stroke:N.primary,strokeWidth:w?3:1.5,strokeDasharray:w?"none":"5 5",filter:w&&!P?"url(#topo-glow)":void 0,className:"transition-[fill,stroke] duration-300 ease-out"}),(()=>{let t=Math.round((w?14:10)*O),r=2*_,s=p(e.model),n=/书生|书小生|intern/i.test(e.alias);if(A||n||s.logo)return(0,a.jsx)("image",{href:s.logo??"/intern_avatar.png",x:b.x-r/2,y:b.y-r/2,width:r,height:r,preserveAspectRatio:"xMidYMid meet"});if("unknown"!==s.id)return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("circle",{cx:b.x,cy:b.y,r:t,fill:s.mono.bg,stroke:s.mono.ring,strokeWidth:"1"}),(0,a.jsx)("text",{x:b.x,y:b.y,dy:"0.34em",textAnchor:"middle",fill:s.mono.text,fontSize:t,fontFamily:"monospace",fontWeight:"700",children:s.initial})]});let l=(0,d.aliasAvatarColors)(K[e.alias]||e.alias);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("circle",{cx:b.x,cy:b.y,r:t,fill:l.bg,stroke:l.ring,strokeWidth:"1"}),(0,a.jsx)("text",{x:b.x,y:b.y,dy:"0.34em",textAnchor:"middle",fill:l.text,fontSize:t,fontFamily:"monospace",fontWeight:"700",children:(0,d.aliasInitial)(e.alias)})]})})(),(()=>{let t=y(e.runtime);if(!t)return null;let r=w?7:5.5,s=b.x+.72*_,n=b.y+.72*_,l=2*r*.62;return(0,a.jsxs)("g",{style:{pointerEvents:"none"},children:[(0,a.jsx)("circle",{cx:s,cy:n,r:r,fill:T.containerBg,stroke:t.color,strokeWidth:"1.5"}),(0,a.jsx)("g",{transform:`translate(${s-l/2} ${n-l/2}) scale(${l/24})`,children:(0,a.jsx)("path",{d:t.iconPath,fill:"none",stroke:t.color,strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})})]})})(),"working"===e.status&&(m=(x=v??0)>=4?"0.7s":x>=2?"0.9s":"1.2s",(0,a.jsx)("circle",{cx:b.x,cy:b.y-(_-6),r:"2.5",fill:T.flowParticle,"data-pulse-dur":m,opacity:L?.6:void 0,children:!L&&(0,a.jsx)("animate",{attributeName:"opacity",values:"1;0.25;1",dur:m,repeatCount:"indefinite"})})),(g=(f=O<.8)?88:100,M?(0,a.jsxs)("g",{transform:`translate(${b.x}, ${b.y+_+(f?18:22)})`,style:{pointerEvents:"none"},className:"transition-transform duration-200 group-hover:-translate-y-[1.5px]",children:[(0,a.jsx)("rect",{x:-g/2,y:f?-12:-14,width:g,height:f?36:42,rx:"6",fill:T.labelBox.fill,stroke:T.labelBox.stroke,opacity:P?1:.94}),(0,a.jsx)("text",{x:"0",y:"1",textAnchor:"middle",fill:N.text,fontSize:f?11:12,fontFamily:"monospace",fontWeight:"700",children:j(e.alias,f?11:12)}),(0,a.jsxs)("text",{x:"0",y:f?15:17,textAnchor:"middle",fill:N.primary,fontSize:f?8:9,fontFamily:"monospace",children:[N.label,w&&null!=v?` sse:${v}`:""]})]}):(0,a.jsx)("text",{x:b.x,y:b.y+_+(f?12:14),textAnchor:"middle",fill:N.text,fontSize:f?9:10,fontFamily:"monospace",fontWeight:"700",opacity:.9,className:"transition-transform duration-200 group-hover:-translate-y-[1.5px]",style:{pointerEvents:"none",paintOrder:"stroke"},stroke:T.containerBg,strokeWidth:"3",children:j(e.alias,f?9:10)}))]},e.alias)}),e$&&!L&&(0,a.jsxs)("circle",{cx:e$.x,cy:e$.y,r:e$.r0+4,fill:"none",stroke:e$.color,strokeWidth:"2",opacity:"0",style:{pointerEvents:"none"},children:[(0,a.jsx)("animate",{attributeName:"r",values:`${e$.r0+4};${e$.r0+30}`,dur:"0.5s",fill:"freeze"}),(0,a.jsx)("animate",{attributeName:"opacity",values:"0.7;0",dur:"0.5s",fill:"freeze"})]},e$.ts)]}),(0,a.jsxs)("g",{transform:"translate(16, 16)",children:[(0,a.jsx)("rect",{x:"0",y:"0",width:"230",height:"84",rx:"10",fill:T.legendBox.fill,stroke:T.legendBox.stroke,opacity:P?.97:.92,style:{filter:P?"drop-shadow(0 2px 6px rgba(15,23,42,0.08))":"drop-shadow(0 2px 6px rgba(0,0,0,0.45))"},"data-topo-panel-elevation":"recent"}),(0,a.jsx)("text",{x:"13",y:"21",fill:T.legendHeadline,fontSize:"12",fontFamily:"monospace",fontWeight:"700",children:"recent signal"}),(0,a.jsxs)("text",{x:"150",y:"21",fill:T.legendAccent,fontSize:"10",fontFamily:"monospace",children:[R.length," msgs"]}),0===U.length?(0,a.jsx)("text",{x:"115",y:"60",textAnchor:"middle",fill:T.legendText,fontSize:"10",fontFamily:"monospace",fontStyle:"italic",opacity:.65,"data-recent-signal-empty":!0,children:"no flow yet"}):U.slice(0,3).map((e,t)=>(0,a.jsxs)("g",{"data-recent-row":e.key,style:{cursor:"pointer"},onMouseEnter:()=>ed(e.key),onMouseLeave:()=>ed(t=>t===e.key?null:t),children:[(0,a.jsx)("rect",{x:"6",y:38+16*t-10,width:"218",height:"14",fill:"transparent"}),(0,a.jsxs)("text",{x:"13",y:38+16*t,fill:eo===e.key?T.legendHeadline:T.legendText,fontSize:"9",fontFamily:"monospace",style:{transition:"fill 150ms ease-out"},children:[j(e.from,6)," ","->"," ",j(e.to,6)," / ",e.count," / ",j(e.content,12)]})]},e.key))]}),(0,a.jsxs)("g",{transform:"translate(760, 16)",children:[(0,a.jsx)("rect",{x:"0",y:"0",width:"224",height:"96",rx:"10",fill:T.legendBox.fill,stroke:T.legendBox.stroke,opacity:P?.97:.92,style:{filter:P?"drop-shadow(0 2px 6px rgba(15,23,42,0.08))":"drop-shadow(0 2px 6px rgba(0,0,0,0.45))"},"data-topo-panel-elevation":"legend"}),[{key:"working",y0:24,y1:28,fill:P?"#059669":"#22c55e",label:"working node"},{key:"idle",y0:48,y1:52,fill:P?"#0d9488":"#2dd4bf",label:"online idle"},{key:"offline",y0:72,y1:76,fill:P?"#94a3b8":"#6b7280",label:"offline / no SSE"}].map(e=>{let t=ep===e.key;return(0,a.jsxs)("g",{"data-legend-status":e.key,role:"button",tabIndex:0,"aria-pressed":t,style:{cursor:"pointer"},onPointerDown:e=>e.stopPropagation(),onMouseEnter:()=>ef(e.key),onMouseLeave:()=>ef(t=>t===e.key?null:t),onClick:()=>eg(t=>t===e.key?null:e.key),children:[(0,a.jsx)("rect",{x:"6",y:e.y0-12,width:"170",height:"22",fill:"transparent"}),(0,a.jsx)("circle",{cx:"16",cy:e.y0,r:"5.5",fill:e.fill}),t&&(0,a.jsx)("circle",{cx:"16",cy:e.y0,r:"8",fill:"none",stroke:e.fill,strokeWidth:"1.5"}),(0,a.jsx)("text",{x:"30",y:e.y1,fill:em===e.key||t?T.legendHeadline:T.legendText,fontSize:"11",fontFamily:"monospace",style:{transition:"fill 150ms ease-out"},children:e.label})]},e.key)}),(0,a.jsx)("path",{d:"M140,72 Q164,48 196,72",fill:"none",stroke:T.flowEdge,strokeWidth:"3",markerEnd:"url(#topo-arrow)",style:{pointerEvents:"none"}})]})]}),(()=>{if(.01>Math.abs(ew.zoom-1)&&1>Math.abs(ew.x)&&1>Math.abs(ew.y)||H.length+Y.length===0)return null;let e=-ew.x/ew.zoom*.12,r=-ew.y/ew.zoom*.12058823529411765,s=1e3/ew.zoom*.12,n=680/ew.zoom*.12058823529411765;return(0,a.jsx)("div",{className:"absolute right-3 rounded-md border shadow-lg shadow-black/30 overflow-hidden anet-fade-in",style:{bottom:56,background:T.legendBox.fill,borderColor:T.containerBorder,cursor:"crosshair"},role:"img","aria-label":"Topology minimap — click to recenter",title:"Minimap · click to recenter",onClick:e=>{let t=e.currentTarget.getBoundingClientRect(),a=(e.clientX-t.left)/t.width,r=(e.clientY-t.top)/t.height;ek(e=>({...e,x:500-1e3*a*e.zoom,y:340-680*r*e.zoom}))},"data-topo-minimap":!0,children:(0,a.jsxs)("svg",{width:120,height:82,viewBox:"0 0 120 82",style:{display:"block"},children:[[...H,...Y].map(e=>{let r=X[e.alias];if(!r)return null;let s=(e.network_id?t[`${e.network_id}:${e.alias}`]:void 0)??t[e.alias],n="offline"!==e.status||!!s,l=k(e,n,P);return(0,a.jsx)("circle",{cx:.12*r.x,cy:.12058823529411765*r.y,r:n?1.7:1.2,fill:l.primary,opacity:n?.9:.5},e.alias)}),(0,a.jsx)("rect",{x:Math.max(0,e),y:Math.max(0,r),width:Math.max(0,Math.min(120-Math.max(0,e),s)),height:Math.max(0,Math.min(82-Math.max(0,r),n)),fill:"none",stroke:T.legendAccent,strokeWidth:"1",opacity:"0.9"})]})})})(),(0,a.jsxs)("div",{className:"absolute bottom-3 right-3 flex items-center gap-1.5 text-xs select-none",children:[(0,a.jsx)("div",{className:"flex items-center rounded-md border overflow-hidden",style:{background:T.legendBox.fill,borderColor:T.containerBorder},role:"group","aria-label":"Node size",children:[["S",.7],["M",.84],["L",1]].map(([e,t],r)=>(0,a.jsx)("button",{onClick:()=>(e=>{D(e);try{localStorage.setItem("anet-topo-nodescale",String(e))}catch{}})(t),"aria-pressed":O===t,title:`Node size: ${"S"===e?"small":"M"===e?"medium":"large"}`,className:`px-2 py-1 transition-colors ${r>0?"border-l":""} ${O===t?"bg-cyan-500/15 text-cyan-300":"hover:bg-white/5"}`,style:{color:O===t?void 0:T.legendText,borderColor:T.containerBorder},children:e},e))}),(0,a.jsxs)("div",{className:"flex items-center rounded-md border overflow-hidden",style:{background:T.legendBox.fill,borderColor:T.containerBorder},children:[(0,a.jsx)("button",{onClick:()=>eI(1/1.2),className:"px-2 py-1 hover:bg-white/5 transition-colors",style:{color:T.legendText},"aria-label":"Zoom out",title:"Zoom out (−)",children:(0,a.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round","aria-hidden":!0,children:(0,a.jsx)("path",{d:"M5 12h14"})})}),(0,a.jsxs)("span",{className:"px-2 py-1 tabular-nums border-x text-center",style:{color:T.legendText,borderColor:T.containerBorder,minWidth:46},title:"Current zoom level",children:[Math.round(100*ew.zoom),"%"]}),(0,a.jsx)("button",{onClick:()=>eI(1.2),className:"px-2 py-1 hover:bg-white/5 transition-colors",style:{color:T.legendText},"aria-label":"Zoom in",title:"Zoom in (+)",children:(0,a.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round","aria-hidden":!0,children:(0,a.jsx)("path",{d:"M12 5v14M5 12h14"})})})]}),(0,a.jsx)("button",{onClick:eF,className:"p-1.5 rounded-md border hover:bg-white/5 transition-colors",style:{background:T.legendBox.fill,borderColor:T.containerBorder,color:T.legendText},"aria-label":"Reset view",title:"Reset zoom + pan (0, or double-click the canvas)",children:(0,a.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[(0,a.jsx)("path",{d:"M3 12a9 9 0 1 0 9-9 9 9 0 0 0-6.4 2.6L3 8"}),(0,a.jsx)("path",{d:"M3 3v5h5"})]})}),(0,a.jsx)("button",{onClick:()=>{let e=ev.current;if(e)if(document.fullscreenElement)document.exitFullscreen?.();else{let t=e.requestFullscreen||e.webkitRequestFullscreen;t?.call(e)}},className:"p-1.5 rounded-md border hover:bg-white/5 transition-colors",style:{background:T.legendBox.fill,borderColor:T.containerBorder,color:T.legendText},"aria-label":e_?"Exit fullscreen":"Enter fullscreen",title:e_?"Exit fullscreen":"Fullscreen",children:e_?(0,a.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:(0,a.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,a.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:(0,a.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"})})})]}),eC&&(0,a.jsx)(x,{alias:eC,onClose:()=>eE(null)})]})]})}let $={working:{bg:"bg-green-900/30 border-green-800/30",text:"text-green-300",dot:"bg-green-500",glow:"shadow-green-500/10"},idle:{bg:"bg-cyan-900/30 border-cyan-800/30",text:"text-cyan-300",dot:"bg-cyan-400",glow:"shadow-cyan-500/5"},blocked:{bg:"bg-yellow-900/30 border-yellow-800/30",text:"text-yellow-300",dot:"bg-yellow-500",glow:""},error:{bg:"bg-red-900/30 border-red-800/30",text:"text-red-300",dot:"bg-red-500",glow:""}},z={bg:"bg-gray-800/50 border-gray-700/30",text:"text-gray-500",dot:"bg-gray-500",glow:""};function P({session:e,hasSse:t,sseCount:r,onChat:l}){let i=t&&$[e.status]||z;return(0,a.jsxs)(s.default,{href:`/node?alias=${encodeURIComponent(e.alias)}`,prefetch:!1,className:`anet-agent-card group relative block rounded-xl border p-4 transition-all duration-300 cursor-pointer hover:-translate-y-0.5 ${t?`bg-[#111128] border-[#2a2a4a] hover:border-cyan-500/30 hover:shadow-lg ${i.glow}`:"bg-[#0d0d1a] border-[#1a1a2a] opacity-40"}`,children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,a.jsx)(d.AliasAvatar,{alias:e.alias,size:22}),(0,a.jsx)("span",{className:"font-semibold text-white truncate text-sm",title:e.alias,children:e.alias}),(0,a.jsx)("span",{className:`inline-block w-1.5 h-1.5 rounded-full shrink-0 ${i.dot} ${t&&"working"===e.status?"animate-pulse":""}`})]}),(0,a.jsx)("span",{className:`text-[11px] px-2 py-0.5 rounded-md border shrink-0 ${i.bg} ${i.text}`,children:t?e.status:"offline"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2 mb-3",children:[(0,a.jsx)("span",{className:"text-xs text-gray-600 bg-[#0a0a15] px-2 py-0.5 rounded border border-[#1a1a2a]",children:e.agent||"unknown"}),t&&(0,a.jsxs)("span",{className:"text-[10px] text-green-500",children:["SSE:",r]})]}),e.task?(0,a.jsx)("div",{className:"text-xs text-gray-400 bg-[#0a0a15] rounded-lg px-3 py-2 border border-[#1a1a2a] line-clamp-2",title:e.task,children:e.task}):(0,a.jsx)("div",{className:"text-xs text-gray-700 italic",children:"No active task"}),e.progress>0&&(0,a.jsxs)("div",{className:"mt-3",children:[(0,a.jsxs)("div",{className:"flex justify-between text-[10px] mb-1",children:[(0,a.jsx)("span",{className:"text-gray-600",children:"Progress"}),(0,a.jsxs)("span",{className:i.text,children:[e.progress,"%"]})]}),(0,a.jsx)("div",{className:"w-full bg-gray-800 rounded-full h-1.5 overflow-hidden",children:(0,a.jsx)("div",{className:`h-1.5 rounded-full transition-all duration-700 ${"working"===e.status?"bg-green-500":"bg-cyan-500"}`,style:{width:`${Math.min(e.progress,100)}%`}})})]}),(0,a.jsxs)("div",{className:"mt-3 flex justify-between items-center text-[10px] text-gray-600",children:[(0,a.jsx)("span",{className:"truncate",title:e.server||"",children:e.server||"--"}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[l&&t&&(0,a.jsx)("button",{onClick:t=>{t.preventDefault(),t.stopPropagation(),l(e.alias)},className:"text-cyan-400 hover:text-cyan-300 px-1.5 py-0.5 rounded border border-cyan-500/20 hover:bg-cyan-500/10 transition-colors",children:"Chat"}),(0,a.jsx)("span",{children:(0,n.timeAgo)(e.updated_at)}),(0,a.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,a.jsx)("path",{d:"M9 18l6-6-6-6"})})]})]})]})}function L({messages:e}){return 0===e.length?null:(0,a.jsxs)("div",{className:"mt-8",children:[(0,a.jsxs)("h2",{className:"text-lg font-semibold text-white mb-3 flex items-center gap-2",children:[(0,a.jsx)("span",{className:"text-gray-500",children:"Inbox"}),(0,a.jsx)("span",{className:"text-xs bg-blue-900/30 text-blue-400 px-2 py-0.5 rounded-full border border-blue-800/30",children:e.length})]}),(0,a.jsx)("div",{className:"space-y-2 max-h-96 overflow-y-auto pr-1 scrollbar-thin",children:e.map(e=>(0,a.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-3 text-sm transition-colors hover:border-[#3a3a5a]",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-xs mb-1.5",children:[e.from_session&&(0,a.jsx)(d.AliasAvatar,{alias:e.from_session,size:16}),(0,a.jsx)("span",{className:"text-gray-200 font-medium truncate",children:e.from_session}),(0,a.jsx)("span",{className:"ml-auto text-gray-600 shrink-0",title:e.created_at,children:(0,n.timeAgo)(e.created_at)})]}),(0,a.jsx)("div",{className:"text-gray-300 leading-relaxed line-clamp-3",title:e.content||"",children:(0,n.previewContent)(e.content)})]},e.id))})]})}function T(){return(0,a.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,a.jsx)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3 mb-8 anet-skeleton-pulse",children:[1,2,3,4].map(e=>(0,a.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] px-4 py-3",children:[(0,a.jsx)(A,{w:"2.5rem",h:"1.75rem"}),(0,a.jsx)(A,{w:"3.5rem",h:"0.75rem",className:"mt-2"}),(0,a.jsx)(A,{w:"5rem",h:"0.625rem",className:"mt-1"})]},e))}),(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-3 anet-skeleton-pulse",children:[(0,a.jsx)(A,{w:"6rem",h:"2.5rem",rounded:"0.75rem"}),(0,a.jsxs)("div",{className:"flex-1 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-2.5 flex items-center gap-3",children:[(0,a.jsx)("div",{className:"w-8 h-8 rounded-full anet-skeleton-bar"}),(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsx)(A,{w:"6rem",h:"0.875rem"}),(0,a.jsx)(A,{w:"10rem",h:"0.625rem",className:"mt-1"})]})]})]}),(0,a.jsx)("div",{className:"mb-6 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 anet-skeleton-pulse",children:(0,a.jsx)(A,{w:"14rem",h:"0.875rem"})}),(0,a.jsx)("div",{className:"grid grid-cols-3 gap-2 sm:gap-3 mb-3 anet-skeleton-pulse",children:[1,2,3].map(e=>(0,a.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] px-3 py-3",children:[(0,a.jsx)(A,{w:"2rem",h:"1.25rem"}),(0,a.jsx)(A,{w:"2.5rem",h:"0.75rem",className:"mt-1"}),(0,a.jsx)(A,{w:"3.5rem",h:"0.625rem",className:"mt-px"})]},e))}),(0,a.jsx)("div",{className:"grid grid-cols-3 gap-2 sm:gap-3 mb-6 anet-skeleton-pulse",children:[1,2,3].map(e=>(0,a.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] px-3 py-2.5 flex items-center justify-center gap-2",children:[(0,a.jsx)("div",{className:"w-4 h-4 rounded anet-skeleton-bar"}),(0,a.jsx)(A,{w:"4rem",h:"0.75rem"})]},e))}),(0,a.jsxs)("div",{className:"mb-6 flex gap-2 anet-skeleton-pulse",children:[(0,a.jsx)("div",{className:"flex-1 h-10 rounded-lg border border-[#2a2a4a] bg-[#111128]"}),(0,a.jsx)("div",{className:"w-28 h-10 rounded-lg anet-skeleton-bar"})]}),(0,a.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 gap-3 sm:gap-4 anet-skeleton-pulse",children:[1,2,3,4].map(e=>(0,a.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] p-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 mb-3",children:[(0,a.jsx)("div",{className:"w-2 h-2 rounded-full anet-skeleton-bar"}),(0,a.jsx)(A,{w:"6rem",h:"0.875rem"})]}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)(A,{w:"100%",h:"0.625rem"}),(0,a.jsx)(A,{w:"75%",h:"0.625rem"}),(0,a.jsx)(A,{w:"55%",h:"0.625rem"})]})]},e))})]})}function A({w:e,h:t,rounded:r,className:s}){return(0,a.jsx)("div",{className:`anet-skeleton-bar ${s||""}`,style:{width:e,height:t,borderRadius:r||"0.375rem"}})}var R=e.i(76161),I=e.i(98025),F=e.i(11449);function W(){let{setNetworkId:e}=(0,F.useNetworkId)(),[t,s]=(0,r.useState)({user:null,networks:[],currentNetwork:"",token:""}),[n,l]=(0,r.useState)(!1),[i,o]=(0,r.useState)(""),[d,c]=(0,r.useState)(""),[h,u]=(0,r.useState)(""),[x,m]=(0,r.useState)(!1);(0,r.useEffect)(()=>{let e=sessionStorage.getItem("anet_v3_auth");if(e)try{s(JSON.parse(e))}catch{}},[]);let[f,p]=(0,r.useState)(!1),[g,y]=(0,r.useState)(""),[b,v]=(0,r.useState)(""),j=async()=>{try{await fetch(`/api/hub/auth?token=${t.token}&endpoint=/api/auth/me`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"update_profile",token:t.token,display_name:g,email:b})});let e=await fetch("/api/hub/auth",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"update_profile",token:t.token,display_name:g,email:b})}),a=await e.json();if(a.ok&&a.user){let e={...t,user:a.user};s(e),sessionStorage.setItem("anet_v3_auth",JSON.stringify(e)),p(!1)}}catch{}};if(!t.user)return null;let w=(t.user.display_name||t.user.username).slice(0,2).toUpperCase();return(0,a.jsxs)("div",{className:"flex items-center justify-between bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-2.5 mb-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.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,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"text-sm text-white font-medium",children:t.user.display_name||t.user.username}),(0,a.jsxs)("div",{className:"text-[10px] text-gray-500",children:[t.user.role," · ",t.user.user_id]})]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[t.networks.length>0&&(0,a.jsx)("select",{value:t.currentNetwork,onChange:a=>{let r={...t,currentNetwork:a.target.value};s(r),e(a.target.value),sessionStorage.setItem("anet_v3_auth",JSON.stringify(r))},className:"bg-[#0a0a15] border border-[#2a2a4a] rounded px-2 py-1 text-xs text-white focus:outline-none",children:t.networks.map(e=>(0,a.jsx)("option",{value:e.network_id,children:e.network_name},e.network_id))}),(0,a.jsxs)("button",{onClick:()=>{y(t.user?.display_name||""),v(""),p(!f)},className:"text-xs text-gray-500 hover:text-gray-300 whitespace-nowrap","aria-label":"Edit profile",children:[(0,a.jsx)("span",{className:"hidden sm:inline",children:"Edit"}),(0,a.jsx)("svg",{className:"sm:hidden w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"1.5",children:(0,a.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,a.jsxs)("button",{onClick:()=>{s({user:null,networks:[],currentNetwork:"",token:""}),sessionStorage.removeItem("anet_v3_auth")},className:"text-xs text-gray-500 hover:text-gray-300 whitespace-nowrap","aria-label":"Sign out",children:[(0,a.jsx)("span",{className:"hidden sm:inline",children:"Sign out"}),(0,a.jsx)("svg",{className:"sm:hidden w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"1.5",children:(0,a.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"})})]})]}),f&&(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2 mt-2 pt-2 border-t border-[#2a2a4a]",children:[(0,a.jsx)("input",{type:"text",value:g,onChange:e=>y(e.target.value),placeholder:"Display name",className:"bg-[#0a0a15] border border-[#2a2a4a] rounded px-2 py-1 text-xs text-white placeholder-gray-600 focus:outline-none w-32"}),(0,a.jsx)("input",{type:"email",value:b,onChange:e=>v(e.target.value),placeholder:"Email",className:"bg-[#0a0a15] border border-[#2a2a4a] rounded px-2 py-1 text-xs text-white placeholder-gray-600 focus:outline-none w-40"}),(0,a.jsx)("button",{onClick:j,className:"px-2 py-1 bg-cyan-600 hover:bg-cyan-500 text-white text-xs rounded",children:"Save"})]})]})}var B=e.i(6694);function O({tabs:e,activeTab:t,onOpenTab:r,onCloseTab:s,onSetActive:n,onClose:l}){return 0===e.length?null:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{onClick:l,className:"jsx-f7cf3d1a6fdfc074 fixed inset-0 bg-black/30 z-40 lg:hidden"}),(0,a.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,a.jsxs)("div",{className:"jsx-f7cf3d1a6fdfc074 flex items-center border-b border-[#2a2a4a] bg-[#0d0d1a] overflow-x-auto",children:[(0,a.jsx)("div",{className:"jsx-f7cf3d1a6fdfc074 flex-1 flex min-w-0",children:e.map(e=>(0,a.jsxs)("button",{onClick:()=>n(e),className:`jsx-f7cf3d1a6fdfc074 flex items-center gap-1.5 px-3 py-2.5 text-xs border-b-2 transition-colors shrink-0 ${t===e?"border-cyan-400 text-cyan-300 bg-cyan-500/5":"border-transparent text-gray-500 hover:text-gray-300"}`,children:[(0,a.jsx)("div",{className:`jsx-f7cf3d1a6fdfc074 w-2 h-2 rounded-full ${t===e?"bg-cyan-400":"bg-gray-600"}`}),(0,a.jsx)("span",{className:"jsx-f7cf3d1a6fdfc074 max-w-[80px] truncate",children:e}),(0,a.jsx)("button",{onClick:t=>{t.stopPropagation(),s(e)},className:"jsx-f7cf3d1a6fdfc074 ml-1 text-gray-600 hover:text-gray-300 p-0.5",children:"×"})]},e))}),(0,a.jsx)("button",{onClick:l,className:"jsx-f7cf3d1a6fdfc074 text-gray-500 hover:text-white px-3 py-2.5 shrink-0 border-l border-[#2a2a4a]",children:(0,a.jsx)("svg",{fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,className:"jsx-f7cf3d1a6fdfc074 w-4 h-4",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12",className:"jsx-f7cf3d1a6fdfc074"})})})]}),(0,a.jsx)("div",{className:"jsx-f7cf3d1a6fdfc074 flex-1 relative overflow-hidden",children:e.map(e=>(0,a.jsx)("div",{className:`jsx-f7cf3d1a6fdfc074 absolute inset-0 ${t===e?"block":"hidden"}`,children:(0,a.jsx)(D,{alias:e})},e))})]}),(0,a.jsx)(B.default,{id:"f7cf3d1a6fdfc074",children:"@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-slide-in{animation:.2s ease-out slide-in}"})]})}function D({alias:e}){return(0,a.jsx)(c.TaskChatPanel,{alias:e,onClose:()=>{},inline:!0})}function H({sessions:e,onClose:t}){let[s,n]=(0,r.useState)(new Set),[l,i]=(0,r.useState)(""),[o,c]=(0,r.useState)("normal"),[h,u]=(0,r.useState)(!1),[x,m]=(0,r.useState)([]),[f,p]=(0,r.useState)(""),g=e.filter(e=>"offline"!==e.status).filter(e=>!f||e.alias.toLowerCase().includes(f.toLowerCase())||(e.agent||"").toLowerCase().includes(f.toLowerCase())),y=async()=>{if(!l.trim()||0===s.size||h)return;u(!0),m([]);let e=[...s].map(async e=>{try{let t=await fetch("/api/hub/send",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({alias:e,task:l,priority:o})}),a=await t.json();return{alias:e,ok:!!a.ok,error:a.error}}catch(t){return{alias:e,ok:!1,error:"send failed"}}});m(await Promise.all(e)),u(!1)},b=x.filter(e=>e.ok).length;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"fixed inset-0 bg-black/50 z-40 anet-fade-in",onClick:t}),(0,a.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,a.jsxs)("div",{className:"flex items-center justify-between px-6 py-4 border-b border-[#2a2a4a] bg-[#0d0d1a]",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{className:"text-lg font-bold text-white",children:"Dispatch Task"}),(0,a.jsx)("p",{className:"text-xs text-gray-500 mt-0.5",children:"Send a task to one or more agents"})]}),(0,a.jsx)("button",{onClick:t,className:"text-gray-500 hover:text-white p-1.5 rounded-lg hover:bg-[#1a1a2a]",children:(0,a.jsx)("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})})]}),(0,a.jsxs)("div",{className:"flex-1 flex flex-col lg:flex-row overflow-hidden",children:[(0,a.jsxs)("div",{className:"lg:w-[280px] border-b lg:border-b-0 lg:border-r border-[#2a2a4a] flex flex-col",children:[(0,a.jsxs)("div",{className:"px-4 py-3 border-b border-[#2a2a4a]",children:[(0,a.jsx)("input",{type:"text",value:f,onChange:e=>p(e.target.value),placeholder:"Filter agents...",className:"w-full bg-[#111128] border border-[#2a2a4a] rounded-lg px-3 py-2 text-xs text-white placeholder-gray-600 focus:border-cyan-500/40 focus:outline-none"}),(0,a.jsxs)("div",{className:"flex items-center justify-between mt-2",children:[(0,a.jsx)("button",{onClick:()=>{s.size===g.length?n(new Set):n(new Set(g.map(e=>e.alias)))},className:"text-[10px] text-cyan-400 hover:text-cyan-300",children:s.size===g.length?"Deselect all":`Select all (${g.length})`}),(0,a.jsxs)("span",{className:"text-[10px] text-gray-600",children:[s.size," selected"]})]})]}),(0,a.jsxs)("div",{className:"flex-1 overflow-y-auto px-2 py-2 space-y-0.5 max-h-[200px] lg:max-h-none",children:[g.map(e=>(0,a.jsxs)("button",{onClick:()=>{var t;return t=e.alias,void n(e=>{let a=new Set(e);return a.has(t)?a.delete(t):a.add(t),a})},className:`w-full flex items-center gap-2 px-3 py-2 rounded-lg text-xs text-left transition-colors ${s.has(e.alias)?"bg-cyan-500/10 text-cyan-300 border border-cyan-500/20":"text-gray-400 hover:bg-[#1a1a2a]"}`,children:[(0,a.jsx)(d.AliasAvatar,{alias:e.alias,size:16}),(0,a.jsx)("div",{className:`w-1.5 h-1.5 rounded-full shrink-0 ${"working"===e.status?"bg-green-400":"idle"===e.status?"bg-cyan-400":"bg-gray-500"}`}),(0,a.jsx)("span",{className:"truncate flex-1",children:e.alias}),(0,a.jsx)("span",{className:"text-[9px] text-gray-600",children:e.agent||"--"})]},e.alias)),0===g.length&&(0,a.jsx)("div",{className:"text-center text-xs text-gray-600 py-4",children:"No online agents"})]})]}),(0,a.jsxs)("div",{className:"flex-1 flex flex-col",children:[(0,a.jsxs)("div",{className:"flex-1 px-6 py-4 flex flex-col",children:[(0,a.jsx)("label",{className:"text-xs text-gray-500 uppercase mb-2",children:"Task Prompt"}),(0,a.jsx)("textarea",{value:l,onChange:e=>i(e.target.value),placeholder:"Enter the task you want to dispatch...",className:"flex-1 min-h-[120px] bg-[#111128] border border-[#2a2a4a] rounded-xl px-4 py-3 text-sm text-white placeholder-gray-600 focus:border-cyan-500/40 focus:outline-none resize-none"}),(0,a.jsxs)("div",{className:"flex items-center gap-3 mt-4",children:[(0,a.jsxs)("select",{value:o,onChange:e=>c(e.target.value),className:"bg-[#111128] border border-[#2a2a4a] rounded-lg px-3 py-2 text-xs text-white focus:outline-none",children:[(0,a.jsx)("option",{value:"normal",children:"Normal priority"}),(0,a.jsx)("option",{value:"high",children:"High priority"}),(0,a.jsx)("option",{value:"low",children:"Low priority"})]}),(0,a.jsx)("div",{className:"flex-1"}),(0,a.jsx)("button",{onClick:y,disabled:h||!l.trim()||0===s.size,className:"px-6 py-2.5 bg-gradient-to-r from-cyan-600 to-blue-600 hover:from-cyan-500 hover:to-blue-500 disabled:from-gray-800 disabled:to-gray-800 disabled:text-gray-600 text-white text-sm font-medium rounded-xl transition-all shadow-lg shadow-cyan-500/10 disabled:shadow-none active:scale-95",children:h?(0,a.jsxs)("span",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin"}),"Sending..."]}):`Dispatch to ${s.size} agent${s.size>1?"s":""}`})]})]}),x.length>0&&(0,a.jsxs)("div",{className:"px-6 py-3 border-t border-[#2a2a4a] bg-[#0d0d1a]",children:[(0,a.jsxs)("div",{className:"text-xs text-gray-500 mb-2",children:[b,"/",x.length," dispatched successfully"]}),(0,a.jsx)("div",{className:"flex flex-wrap gap-1.5",children:x.map(e=>(0,a.jsxs)("span",{className:`flex items-center gap-1.5 text-[10px] pl-1 pr-2 py-0.5 rounded-full border ${e.ok?"text-green-300 border-green-500/20 bg-green-500/5":"text-red-300 border-red-500/20 bg-red-500/5"}`,children:[(0,a.jsx)(d.AliasAvatar,{alias:e.alias,size:14}),(0,a.jsx)("span",{children:e.alias}),(0,a.jsx)("span",{"aria-hidden":!0,children:e.ok?"✓":e.error||"✗"})]},e.alias))})]})]})]})]})]})}var Y=e.i(2684),X=e.i(50111);e.s(["default",0,function(){let e,i,c,u,x;(0,r.useEffect)(()=>{sessionStorage.getItem("anet_v3_auth")||(fetch("/api/auth/logout",{method:"POST"}).catch(()=>{}),window.location.assign("/login"))},[]);let{sessions:m,hint:f,error:p,isLoading:g}=(0,h.useSessions)(),{health:y}=(0,h.useHealth)(),{config:b}=(0,h.useAnetConfig)(),{tasks:v}=(0,h.useTasks)({limit:"500"}),{stats:j}=(0,h.useStats)(),[w,k]=(0,r.useState)(window.innerWidth>=1024),[N,S]=(0,r.useState)(!1),_=function(){let[e,t]=(0,r.useState)([]),[a,s]=(0,r.useState)("");return{tabs:e,activeTab:a,openTab:e=>{t(t=>t.includes(e)?t:[...t,e]),s(e)},closeTab:e=>{t(t=>{let r=t.filter(t=>t!==e);return a===e&&s(r[r.length-1]||""),r})},closeAll:()=>{t([]),s("")},setActiveTab:s}}(),[M,C]=(0,r.useState)(!1),[$,z]=(0,r.useState)([]),[A,F]=(0,r.useState)("all"),[B,D]=(0,r.useState)(null),{mutate:U}=(0,X.useSWRConfig)(),G="1"!==t.default.env.NEXT_PUBLIC_DISABLE_SSE,{connected:K,supported:J}=(0,Y.useSSE)({url:"/api/hub/events",enabled:G,onEvent:e=>{if("node.renamed"===e.type){U("/api/hub/status");let t=e.data;t?.old_alias&&t?.new_alias&&D({from:t.old_alias,to:t.new_alias,ts:Date.now()});return}["new_task","new_message","new_reply","node_status_changed","broadcast"].includes(e.type)&&(U("/api/hub/status"),U(e=>"string"==typeof e&&e.startsWith("/api/hub/tasks"),void 0,{revalidate:!0}))}});if((0,r.useEffect)(()=>{let e=()=>{fetch("/api/hub/inbox").then(e=>e.json()).then(e=>{e.messages?.length&&z(t=>{let a=new Set(t.map(e=>e.id));return[...e.messages.filter(e=>!a.has(e.id)),...t].slice(0,100)})}).catch(()=>{})};e();let t=setInterval(e,1e4);return()=>clearInterval(t)},[]),g)return(0,a.jsx)(T,{});let V=y?.sse_sessions||{},q=e=>(e.network_id?V[`${e.network_id}:${e.alias}`]:void 0)??V[e.alias],Z=e=>"offline"!==e.status||!!q(e),Q=m.filter(Z).length,ee=m.length,et=m.filter(e=>"working"===e.status).length,ea=y?(0,n.formatUptime)(y.uptime):"--",er=y?.version||"--",es=!!(b?.hub&&b.tokenConfigured),en=b?.source==="file"?"Local config":b?.source==="runtime-env"?"Runtime env":"Config missing",el={};if(j?.tasks?.by_status?.length)for(let e of j.tasks.by_status)el[e.status]=e.count;else for(let e of v)el[e.status]=(el[e.status]||0)+1;let ei=[...m].sort((e,t)=>{let a=+!!Z(e),r=+!!Z(t);if(a!==r)return r-a;let s=+("working"===e.status);return("working"===t.status)-s}),eo=0===m.length&&!p;return(0,a.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,a.jsx)("div",{className:"lg:ml-0 ml-10",children:(0,a.jsx)(l,{online:Q,working:et,total:ee,version:er,uptime:ea})}),(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[!eo&&(0,a.jsx)("button",{onClick:()=>C(!0),className:"px-4 py-2 bg-gradient-to-r from-cyan-600 to-blue-600 hover:from-cyan-500 hover:to-blue-500 text-white text-sm font-medium rounded-xl shadow-lg shadow-cyan-500/10 transition-all active:scale-95 shrink-0",children:"⚡ Dispatch"}),(0,a.jsx)("div",{className:"flex-1",children:(0,a.jsx)(W,{})})]}),(0,a.jsxs)("section",{className:"mb-6 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 shadow-lg shadow-black/20",children:[(0,a.jsxs)("button",{onClick:()=>S(!N),className:"w-full flex items-center justify-between text-left",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-xs",children:[(0,a.jsx)("span",{className:"uppercase text-gray-600",children:"Config"}),(0,a.jsx)("span",{className:`w-2 h-2 rounded-full ${es?"bg-green-400":"bg-red-400"}`}),(0,a.jsx)("span",{className:"text-gray-500",children:en})]}),(0,a.jsx)("svg",{className:`w-4 h-4 text-gray-600 transition-transform ${N?"rotate-180":""}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 9l-7 7-7-7"})})]}),N&&(0,a.jsxs)("div",{className:"mt-3 pt-3 border-t border-[#2a2a4a]",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,a.jsx)("div",{className:"min-w-0",children:(0,a.jsxs)("div",{className:"text-gray-100 truncate text-sm",title:b?.hub||void 0,children:["Hub: ",(0,a.jsx)("span",{className:b?.hub?"text-cyan-300":"text-red-300",children:b?.hub?.trim()||"not configured"})]})}),(0,a.jsx)("div",{className:"flex flex-wrap gap-2 text-xs",children:(0,a.jsxs)("span",{className:`px-2.5 py-1 rounded-md border ${b?.tokenConfigured?"bg-blue-500/5 text-blue-300 border-blue-500/20":"bg-gray-500/5 text-gray-400 border-gray-500/20"}`,children:["Token: ",b?.tokenPreview||"not configured"]})})]}),b?.error&&(0,a.jsx)("div",{className:"mt-2 text-xs text-gray-600",children:b.error})]})]}),Object.keys(el).length>0&&(0,a.jsxs)("section",{className:"mb-6 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 shadow-lg shadow-black/20",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,a.jsx)("div",{className:"text-xs uppercase text-gray-600",children:"Task Status"}),(0,a.jsx)(s.default,{href:"/tasks",prefetch:!1,className:"text-xs text-cyan-400 hover:text-cyan-300",children:"View all →"})]}),(0,a.jsx)("div",{className:"flex flex-wrap gap-2",children:["running","delivered","acked","replied","created","failed","cancelled","expired","closed"].filter(e=>el[e]).map(e=>(0,a.jsxs)(s.default,{href:`/tasks?status=${e}`,prefetch:!1,className:`px-2.5 py-1 rounded-md border text-xs ${I.STATUS_CHIP_CLASS[e]} hover:opacity-80 transition-opacity`,children:[e,": ",el[e]]},e))})]}),!eo&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"text-[10px] uppercase tracking-[0.12em] text-gray-600 mb-2",children:"Quick navigation"}),(0,a.jsx)("section",{className:"mb-3 grid grid-cols-3 gap-2 sm:gap-3",children:(e=m.filter(e=>Z(e)&&"working"!==e.status).length,i=ee-Q,c=v.filter(e=>"failed"===e.status).length,[{href:"/nodes",label:"Nodes",value:`${Q}/${ee}`,sub:`${ee>0?Math.round(Q/ee*100):0}% online`,color:"text-green-400 border-green-500/20",popover:0===ee?null:[{k:"working",v:et,dot:"",color:"#4ade80"},{k:"idle",v:e,dot:"",color:"#22d3ee"},{k:"offline",v:i,dot:"",color:"#9ca3af"}]},{href:"/tasks",label:"Tasks",value:String(Object.values(el).reduce((e,t)=>e+t,0)||0),sub:"all-time",color:"text-cyan-400 border-cyan-500/20",popover:0===Object.keys(el).length?null:["running","replied","failed","cancelled","expired","closed","created","delivered","acked"].filter(e=>el[e]).map(e=>({k:e,v:el[e],dot:"",color:({running:"#4ade80",replied:"#a78bfa",failed:"#f87171",cancelled:"#facc15",expired:"#fb923c",closed:"#9ca3af",created:"#9ca3af",delivered:"#60a5fa",acked:"#22d3ee"})[e]||"#9ca3af"}))},{href:"/tasks?status=failed",label:"Failed",value:String(el.failed||0),sub:el.failed?"needs review":"none",color:el.failed?"text-red-400 border-red-500/25":"text-gray-500 border-gray-700/30",popover:c?[{k:`${c} in current view`,v:"",dot:"",color:"#f87171"}]:[{k:"no failures yet",v:"",dot:"",color:"#4b5563"}]}].map(e=>(0,a.jsxs)(s.default,{href:e.href,prefetch:!1,className:`anet-stat-link group relative rounded-xl border ${e.color} bg-[#111128] px-3 py-3 transition-all hover:-translate-y-px`,children:[(0,a.jsxs)("div",{className:"flex items-baseline justify-between",children:[(0,a.jsx)("div",{className:`text-xl font-semibold tabular-nums ${e.color.split(" ")[0]}`,children:e.value}),(0,a.jsx)("div",{className:"hidden sm:block text-[10px] text-gray-600 group-hover:text-gray-400 transition-colors",children:"View →"})]}),(0,a.jsx)("div",{className:"text-[11px] text-gray-400 mt-0.5",children:e.label}),(0,a.jsx)("div",{className:"text-[10px] text-gray-600 mt-px",children:e.sub}),e.popover&&e.popover.length>0&&(0,a.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,a.jsx)("div",{className:"text-[10px] text-gray-600 uppercase tracking-wider mb-1.5",children:"Breakdown"}),(0,a.jsx)("ul",{className:"space-y-1",children:e.popover.map(e=>(0,a.jsxs)("li",{className:"flex items-center gap-2 text-[11px]",children:[(0,a.jsx)("span",{className:"inline-block w-1.5 h-1.5 rounded-full shrink-0",style:{backgroundColor:e.color},"aria-hidden":!0}),(0,a.jsx)("span",{className:"text-gray-400 capitalize",children:e.k}),""!==e.v&&(0,a.jsx)("span",{className:"ml-auto text-gray-300 tabular-nums font-medium",children:e.v})]},e.k))})]})]},e.href)))}),(0,a.jsx)("section",{className:"mb-6 grid grid-cols-3 gap-2 sm:gap-3",children:[{href:"/messages",label:"Messages",icon:"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"},{href:"/logs",label:"Audit log",icon:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z M14 2v6h6 M16 13H8 M16 17H8 M10 9H8"},{href:"/admin",label:"Admin",icon:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2"}].map(e=>(0,a.jsxs)(s.default,{href:e.href,prefetch:!1,className:"anet-nav-tile flex items-center justify-center gap-2 rounded-xl border border-[#2a2a4a] bg-[#111128] px-3 py-2.5 text-[12px] text-gray-400 hover:text-gray-200 transition-colors",children:[(0,a.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,a.jsx)("path",{d:e.icon})}),(0,a.jsx)("span",{children:e.label})]},e.href))}),(0,a.jsx)(o,{}),v.length>0&&(0,a.jsxs)("section",{className:"mb-6 bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,a.jsx)("h2",{className:"text-sm font-semibold text-gray-300",children:"Recent Activity"}),(0,a.jsx)(s.default,{href:"/tasks",className:"text-xs text-cyan-400 hover:text-cyan-300",children:"All tasks →"})]}),(0,a.jsx)("div",{className:"space-y-2 max-h-40 overflow-y-auto",children:v.slice(0,5).map(e=>(0,a.jsxs)("div",{className:"flex items-center gap-2 text-xs",children:[(0,a.jsx)("span",{className:"w-1.5 h-1.5 rounded-full shrink-0",style:{backgroundColor:I.STATUS_DOT_HEX[e.status]||"#6b7280"}}),e.from_name&&(0,a.jsx)(d.AliasAvatar,{alias:e.from_name,size:14}),(0,a.jsx)("span",{className:"text-gray-300 shrink-0 max-w-[20%] truncate",children:e.from_name||"?"}),(0,a.jsx)("span",{className:"text-gray-600",children:"→"}),e.to_name&&(0,a.jsx)(d.AliasAvatar,{alias:e.to_name,size:14}),(0,a.jsx)("span",{className:"text-gray-300 shrink-0 max-w-[20%] truncate",children:e.to_name||"?"}),(0,a.jsx)("span",{className:"text-gray-500 truncate flex-1",title:e.content||"",children:(0,n.previewContent)(e.content).slice(0,60)}),(0,a.jsx)("span",{className:`shrink-0 px-1.5 py-0.5 rounded text-[10px] border ${I.STATUS_CHIP_CLASS[e.status]||"text-gray-500 border-gray-700/30"}`,children:e.status})]},e.task_id))})]})]}),p&&(0,a.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,a.jsx)("span",{children:String(p)}),(0,a.jsx)("span",{className:"text-gray-500 text-xs",children:"Check CommHub connection"})]}),m.length>0&&(0,a.jsx)("div",{className:"flex justify-center mb-4",children:(0,a.jsx)("button",{onClick:()=>k(!w),className:"text-xs text-gray-500 hover:text-gray-300 border border-gray-700/50 px-4 py-1.5 rounded-lg transition-colors hover:border-gray-600 cursor-pointer",children:w?"Hide Topology":"Show Topology"})}),!w&&m.length>0&&(0,a.jsx)("div",{className:"lg:hidden text-center text-xs text-gray-600 mb-4",children:"Topology hidden on mobile for better readability"}),w&&m.length>0&&(0,a.jsx)(E,{sessions:m,sseSessions:V,renameSignal:B}),0!==m.length||p?(u={all:ei.length,working:ei.filter(e=>Z(e)&&"working"===e.status).length,idle:ei.filter(e=>Z(e)&&"working"!==e.status).length,offline:ei.filter(e=>!Z(e)).length},x=ei.filter(e=>"all"===A||("offline"===A?!Z(e):"working"===A?Z(e)&&"working"===e.status:"idle"!==A||Z(e)&&"working"!==e.status)),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"mb-3 flex flex-wrap items-center gap-1",children:[{key:"all",label:"All"},{key:"working",label:"Working",dot:"#4ade80"},{key:"idle",label:"Idle",dot:"#22d3ee"},{key:"offline",label:"Offline",dot:"#6b7280"}].map(e=>(0,a.jsxs)("button",{type:"button",onClick:()=>F(e.key),disabled:0===u[e.key]&&"all"!==e.key,className:`flex items-center gap-1.5 rounded-md px-2.5 py-1 text-xs transition-colors disabled:opacity-30 disabled:cursor-not-allowed ${A===e.key?"bg-cyan-500/10 text-cyan-300 border border-cyan-500/30":"text-gray-500 hover:text-gray-200 hover:bg-[#1a1a2a] border border-transparent"}`,children:[e.dot&&(0,a.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full",style:{backgroundColor:e.dot}}),(0,a.jsx)("span",{children:e.label}),(0,a.jsx)("span",{className:`text-[10px] tabular-nums ${A===e.key?"text-cyan-400":"text-gray-600"}`,children:u[e.key]})]},e.key))}),(0,a.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-3 sm:gap-4",children:x.map(e=>(0,a.jsx)(P,{session:e,hasSse:Z(e),sseCount:q(e)||0,onChat:_.openTab},e.alias))}),0===x.length&&(0,a.jsxs)("div",{className:"mt-4 text-center text-xs text-gray-600",children:['No agents match "',A,'" — ',(0,a.jsx)("button",{onClick:()=>F("all"),className:"underline hover:text-gray-400",children:"Show all"})]})]})):(0,a.jsx)(R.NodesEmptyState,{hint:f,taskHistoryCount:Object.values(el).reduce((e,t)=>e+t,0)}),(0,a.jsx)(L,{messages:$}),(0,a.jsx)("div",{className:"mt-8 text-center text-xs text-gray-600 flex items-center justify-center gap-2 flex-wrap",children:J&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{className:`w-1.5 h-1.5 rounded-full ${K?"bg-green-400":"bg-gray-600"}`}),K?"SSE live":"SWR polling"]})}),M&&(0,a.jsx)(H,{sessions:m,onClose:()=>C(!1)}),_.tabs.length>0&&(0,a.jsx)(O,{tabs:_.tabs,activeTab:_.activeTab,onOpenTab:_.openTab,onCloseTab:_.closeTab,onSetActive:_.setActiveTab,onClose:_.closeAll})]})}],18722)}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,70286,e=>{"use strict";e.s(["DASHBOARD_VERSION",0,"0.4.6-preview.
|
|
1
|
+
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,70286,e=>{"use strict";e.s(["DASHBOARD_VERSION",0,"0.4.6-preview.93"],70286)},48941,e=>{"use strict";var t=e.i(22381),r=e.i(23910),a=e.i(70286);e.s(["default",0,function(){let[e,s]=(0,r.useState)("login"),[n,o]=(0,r.useState)(""),[i,l]=(0,r.useState)(""),[c,d]=(0,r.useState)(!1),[x,g]=(0,r.useState)(""),[h,m]=(0,r.useState)(!1),u=async t=>{t.preventDefault(),m(!0),g("");try{let t=await fetch("/api/auth/v3",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:e,username:n,password:i})}),r=await t.json();if(r.ok){r.token&&sessionStorage.setItem("anet_v3_auth",JSON.stringify({user:r.user,token:r.token,networks:r.networks||[],currentNetwork:r.network_id||r.networks?.[0]?.network_id||""})),window.location.assign("/");return}g(r.error||"Login failed")}catch{g("Connection failed")}m(!1)};return(0,t.jsxs)("main",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 font-mono flex items-center justify-center relative overflow-hidden px-4 py-10 sm:py-16",children:[(0,t.jsx)("div",{className:"absolute inset-0 pointer-events-none anet-login-bg","aria-hidden":!0}),(0,t.jsxs)("div",{className:"relative w-full max-w-sm",children:[(0,t.jsxs)("div",{className:"text-center mb-7",children:[(0,t.jsx)("div",{className:"inline-flex items-center justify-center w-16 h-16 mb-4 rounded-2xl bg-[#111128] border border-[#2a2a4a] anet-login-mark",children:(0,t.jsxs)("svg",{className:"w-9 h-9",viewBox:"0 0 32 32","aria-hidden":!0,children:[(0,t.jsx)("circle",{cx:"16",cy:"16",r:"10",fill:"none",stroke:"currentColor",strokeWidth:"1.5",opacity:"0.25",className:"text-cyan-400 anet-login-mark-ring"}),(0,t.jsx)("line",{x1:"16",y1:"10",x2:"10",y2:"20",stroke:"currentColor",strokeWidth:"1",opacity:"0.5",className:"text-cyan-400 anet-login-mark-edge"}),(0,t.jsx)("line",{x1:"16",y1:"10",x2:"22",y2:"20",stroke:"currentColor",strokeWidth:"1",opacity:"0.5",className:"text-cyan-400 anet-login-mark-edge"}),(0,t.jsx)("line",{x1:"10",y1:"20",x2:"22",y2:"20",stroke:"currentColor",strokeWidth:"1",opacity:"0.5",className:"text-cyan-400 anet-login-mark-edge"}),(0,t.jsx)("circle",{cx:"16",cy:"10",r:"3",fill:"currentColor",className:"text-cyan-400 anet-login-mark-node-a"}),(0,t.jsx)("circle",{cx:"10",cy:"20",r:"3",fill:"currentColor",className:"text-green-400 anet-login-mark-node-b"}),(0,t.jsx)("circle",{cx:"22",cy:"20",r:"3",fill:"currentColor",className:"text-violet-400 anet-login-mark-node-c"})]})}),(0,t.jsx)("h1",{className:"text-[22px] sm:text-2xl font-semibold text-white tracking-tight",children:"Agent Network"}),(0,t.jsx)("p",{className:"text-[13px] text-gray-500 mt-1.5 leading-snug",children:"login"===e?(0,t.jsxs)(t.Fragment,{children:["Welcome back · ",(0,t.jsx)("span",{className:"text-gray-600",children:"Tasks · Mesh · Messages"})]}):(0,t.jsxs)(t.Fragment,{children:["Create your account · ",(0,t.jsx)("span",{className:"text-gray-600",children:"Free preview · no credit card"})]})})]}),(0,t.jsx)("div",{className:"flex rounded-lg border border-[#2a2a4a] bg-[#111128] p-1 mb-4",children:["login","register"].map(r=>(0,t.jsx)("button",{type:"button",onClick:()=>{s(r),g("")},className:`flex-1 rounded-md px-3 py-2 text-sm transition-colors ${e===r?"bg-cyan-500/10 text-cyan-300":"text-gray-500 hover:text-gray-200"}`,children:"login"===r?"Sign in":"Register"},r))}),(0,t.jsxs)("form",{onSubmit:u,className:"border border-[#2a2a4a] bg-[#111128]/80 backdrop-blur-sm rounded-xl p-6 shadow-2xl shadow-black/30",children:[(0,t.jsx)("label",{htmlFor:"username",className:"block text-xs text-gray-500 mb-2 uppercase tracking-wider",children:"Username"}),(0,t.jsx)("input",{id:"username",type:"text",value:n,onChange:e=>o(e.target.value),autoFocus:!0,placeholder:"Enter username",className:"w-full bg-[#0a0a15] border border-[#2a2a4a] rounded-lg px-4 py-3 text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:ring-1 focus:ring-cyan-500/20 focus:outline-none transition-all mb-4"}),(0,t.jsx)("label",{htmlFor:"password",className:"block text-xs text-gray-500 mb-2 uppercase tracking-wider",children:"Password"}),(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)("input",{id:"password",type:c?"text":"password",value:i,onChange:e=>l(e.target.value),placeholder:"Enter password",className:"w-full bg-[#0a0a15] border border-[#2a2a4a] rounded-lg px-4 pr-11 py-3 text-sm text-white placeholder-gray-600 focus:border-cyan-500/50 focus:ring-1 focus:ring-cyan-500/20 focus:outline-none transition-all"}),(0,t.jsx)("button",{type:"button",onClick:()=>d(e=>!e),tabIndex:-1,"aria-label":c?"Hide password":"Show password",className:"absolute inset-y-0 right-0 flex items-center px-3 text-gray-600 hover:text-gray-300 transition-colors",children:c?(0,t.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"}),(0,t.jsx)("line",{x1:"1",y1:"1",x2:"23",y2:"23"})]}):(0,t.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),(0,t.jsx)("circle",{cx:"12",cy:"12",r:"3"})]})})]}),x&&(0,t.jsx)("div",{className:"mt-3 text-sm text-red-300 bg-red-500/5 border border-red-500/10 rounded-lg px-3 py-2",children:x}),(0,t.jsxs)("button",{type:"submit",disabled:h||!i||!n.trim(),className:"mt-5 w-full flex items-center justify-center gap-2 px-4 py-3 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-lg transition-all shadow-lg shadow-cyan-500/10 hover:shadow-cyan-500/20 disabled:shadow-none",children:[h&&(0,t.jsxs)("svg",{"aria-hidden":!0,className:"w-4 h-4 animate-spin",viewBox:"0 0 24 24",fill:"none",children:[(0,t.jsx)("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"3",opacity:"0.25"}),(0,t.jsx)("path",{d:"M4 12a8 8 0 018-8",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round"})]}),(0,t.jsx)("span",{children:h?"login"===e?"Signing in…":"Registering…":"login"===e?"Sign in":"Create account"})]})]}),(0,t.jsxs)("p",{className:"text-center text-[11px] text-gray-700 mt-6",children:["Sleep2AGI · Apache-2.0 · ",(0,t.jsx)("a",{href:"https://anet.sh",className:"hover:text-gray-500 transition-colors",children:"anet.sh"}),(0,t.jsx)("span",{className:"mx-1 text-gray-800",children:"·"}),(0,t.jsxs)("span",{className:"font-mono",title:"@sleep2agi/agent-network-dashboard",children:["v",a.DASHBOARD_VERSION]})]})]})]})}])}]);
|
package/.next/trace
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
[{"name":"generate-buildid","duration":243,"timestamp":36535008320,"id":4,"parentId":1,"tags":{},"startTime":1778844507255,"traceId":"20905122d730f4a1"},{"name":"load-custom-routes","duration":546,"timestamp":36535008694,"id":5,"parentId":1,"tags":{},"startTime":1778844507255,"traceId":"20905122d730f4a1"},{"name":"create-dist-dir","duration":635,"timestamp":36535009285,"id":6,"parentId":1,"tags":{},"startTime":1778844507256,"traceId":"20905122d730f4a1"},{"name":"clean","duration":492,"timestamp":36535010555,"id":7,"parentId":1,"tags":{},"startTime":1778844507257,"traceId":"20905122d730f4a1"},{"name":"discover-routes","duration":10946,"timestamp":36535089312,"id":8,"parentId":1,"tags":{},"startTime":1778844507336,"traceId":"20905122d730f4a1"},{"name":"create-root-mapping","duration":102,"timestamp":36535100311,"id":9,"parentId":1,"tags":{},"startTime":1778844507347,"traceId":"20905122d730f4a1"},{"name":"generate-route-types","duration":31687,"timestamp":36535102573,"id":10,"parentId":1,"tags":{},"startTime":1778844507349,"traceId":"20905122d730f4a1"},{"name":"public-dir-conflict-check","duration":91,"timestamp":36535134406,"id":11,"parentId":1,"tags":{},"startTime":1778844507381,"traceId":"20905122d730f4a1"},{"name":"generate-routes-manifest","duration":4614,"timestamp":36535134604,"id":12,"parentId":1,"tags":{},"startTime":1778844507381,"traceId":"20905122d730f4a1"},{"name":"run-turbopack","duration":5104883,"timestamp":36535143816,"id":14,"parentId":1,"tags":{},"startTime":1778844507390,"traceId":"20905122d730f4a1"},{"name":"turbopack-build-events","duration":101,"timestamp":36535417498,"id":15,"parentId":1,"tags":{},"startTime":1778844507664,"traceId":"20905122d730f4a1"},{"name":"run-typescript","duration":8310605,"timestamp":36540278213,"id":16,"parentId":1,"tags":{},"startTime":1778844512524,"traceId":"20905122d730f4a1"},{"name":"generate-required-server-files","duration":3294,"timestamp":36548590492,"id":18,"parentId":1,"tags":{},"startTime":1778844520837,"traceId":"20905122d730f4a1"},{"name":"check-static-error-page","duration":15084,"timestamp":36548794039,"id":20,"parentId":19,"tags":{},"startTime":1778844521040,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":408277,"timestamp":36548812279,"id":63,"parentId":22,"tags":{},"startTime":1778844521059,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":424388,"timestamp":36548796337,"id":22,"parentId":19,"tags":{"page":"/_global-error"},"startTime":1778844521043,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":494733,"timestamp":36548814238,"id":67,"parentId":28,"tags":{},"startTime":1778844521061,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":508845,"timestamp":36548800251,"id":28,"parentId":19,"tags":{"page":"/api/hub/audit-log"},"startTime":1778844521047,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":499568,"timestamp":36548814731,"id":70,"parentId":32,"tags":{},"startTime":1778844521061,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":513644,"timestamp":36548800721,"id":32,"parentId":19,"tags":{"page":"/api/hub/health"},"startTime":1778844521047,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":519538,"timestamp":36548814789,"id":71,"parentId":33,"tags":{},"startTime":1778844521061,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":533549,"timestamp":36548800847,"id":33,"parentId":19,"tags":{"page":"/api/hub/inbox"},"startTime":1778844521047,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":524575,"timestamp":36548814571,"id":69,"parentId":30,"tags":{},"startTime":1778844521061,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":538793,"timestamp":36548800427,"id":30,"parentId":19,"tags":{"page":"/api/hub/broadcast"},"startTime":1778844521047,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":526214,"timestamp":36548814856,"id":72,"parentId":34,"tags":{},"startTime":1778844521061,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":540139,"timestamp":36548800982,"id":34,"parentId":19,"tags":{"page":"/api/hub/license"},"startTime":1778844521047,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":537512,"timestamp":36548815157,"id":74,"parentId":36,"tags":{},"startTime":1778844521061,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":551075,"timestamp":36548801640,"id":36,"parentId":19,"tags":{"page":"/api/hub/networks"},"startTime":1778844521048,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":542454,"timestamp":36548814885,"id":73,"parentId":35,"tags":{},"startTime":1778844521061,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":556241,"timestamp":36548801145,"id":35,"parentId":19,"tags":{"page":"/api/hub/messages"},"startTime":1778844521047,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":556801,"timestamp":36548812545,"id":65,"parentId":26,"tags":{},"startTime":1778844521059,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":569345,"timestamp":36548800061,"id":26,"parentId":19,"tags":{"page":"/api/auth/logout"},"startTime":1778844521046,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":560969,"timestamp":36548815211,"id":75,"parentId":37,"tags":{},"startTime":1778844521061,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":574414,"timestamp":36548801829,"id":37,"parentId":19,"tags":{"page":"/api/hub/nodes"},"startTime":1778844521048,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":562220,"timestamp":36548815237,"id":77,"parentId":39,"tags":{},"startTime":1778844521062,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":575413,"timestamp":36548802099,"id":39,"parentId":19,"tags":{"page":"/api/hub/send"},"startTime":1778844521048,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":564324,"timestamp":36548816508,"id":78,"parentId":40,"tags":{},"startTime":1778844521063,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":578666,"timestamp":36548802216,"id":40,"parentId":19,"tags":{"page":"/api/hub/server-logs"},"startTime":1778844521048,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":567423,"timestamp":36548815227,"id":76,"parentId":38,"tags":{},"startTime":1778844521061,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":580736,"timestamp":36548801961,"id":38,"parentId":19,"tags":{"page":"/api/hub/register"},"startTime":1778844521048,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":571669,"timestamp":36548816548,"id":80,"parentId":42,"tags":{},"startTime":1778844521063,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":585859,"timestamp":36548802404,"id":42,"parentId":19,"tags":{"page":"/api/hub/session"},"startTime":1778844521049,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":571882,"timestamp":36548816561,"id":81,"parentId":43,"tags":{},"startTime":1778844521063,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":585983,"timestamp":36548802491,"id":43,"parentId":19,"tags":{"page":"/api/hub/stats"},"startTime":1778844521049,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":573366,"timestamp":36548816538,"id":79,"parentId":41,"tags":{},"startTime":1778844521063,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":587636,"timestamp":36548802305,"id":41,"parentId":19,"tags":{"page":"/api/hub/servers"},"startTime":1778844521049,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":575905,"timestamp":36548816574,"id":82,"parentId":44,"tags":{},"startTime":1778844521063,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":589956,"timestamp":36548802573,"id":44,"parentId":19,"tags":{"page":"/api/hub/status"},"startTime":1778844521049,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":576794,"timestamp":36548816587,"id":83,"parentId":45,"tags":{},"startTime":1778844521063,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":590754,"timestamp":36548802666,"id":45,"parentId":19,"tags":{"page":"/api/hub/task-events"},"startTime":1778844521049,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":578339,"timestamp":36548816596,"id":84,"parentId":46,"tags":{},"startTime":1778844521063,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":592224,"timestamp":36548802749,"id":46,"parentId":19,"tags":{"page":"/api/hub/tasks"},"startTime":1778844521049,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":580642,"timestamp":36548816608,"id":85,"parentId":47,"tags":{},"startTime":1778844521063,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":594416,"timestamp":36548802868,"id":47,"parentId":19,"tags":{"page":"/api/hub/tmux"},"startTime":1778844521049,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":581125,"timestamp":36548816620,"id":86,"parentId":48,"tags":{},"startTime":1778844521063,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":594831,"timestamp":36548802957,"id":48,"parentId":19,"tags":{"page":"/api/hub/tokens"},"startTime":1778844521049,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":586072,"timestamp":36548811872,"id":62,"parentId":21,"tags":{},"startTime":1778844521058,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":602802,"timestamp":36548795172,"id":21,"parentId":19,"tags":{"page":"/_not-found"},"startTime":1778844521041,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":584095,"timestamp":36548814427,"id":68,"parentId":29,"tags":{},"startTime":1778844521061,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":598238,"timestamp":36548800331,"id":29,"parentId":19,"tags":{"page":"/api/hub/auth"},"startTime":1778844521047,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":579548,"timestamp":36548823905,"id":89,"parentId":31,"tags":{},"startTime":1778844521070,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":603000,"timestamp":36548800502,"id":31,"parentId":19,"tags":{"page":"/api/hub/events"},"startTime":1778844521047,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":585816,"timestamp":36548822653,"id":88,"parentId":24,"tags":{},"startTime":1778844521069,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":611919,"timestamp":36548796718,"id":24,"parentId":19,"tags":{"page":"/api/anet/config"},"startTime":1778844521043,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":594266,"timestamp":36548816630,"id":87,"parentId":49,"tags":{},"startTime":1778844521063,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":607873,"timestamp":36548803067,"id":49,"parentId":19,"tags":{"page":"/favicon.ico"},"startTime":1778844521049,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":599386,"timestamp":36548812656,"id":66,"parentId":27,"tags":{},"startTime":1778844521059,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":611922,"timestamp":36548800160,"id":27,"parentId":19,"tags":{"page":"/api/auth/v3"},"startTime":1778844521046,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":604374,"timestamp":36548812419,"id":64,"parentId":25,"tags":{},"startTime":1778844521059,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":616939,"timestamp":36548799896,"id":25,"parentId":19,"tags":{"page":"/api/auth/login"},"startTime":1778844521046,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":614109,"timestamp":36548826273,"id":90,"parentId":23,"tags":{},"startTime":1778844521073,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":643914,"timestamp":36548796534,"id":23,"parentId":19,"tags":{"page":"/admin"},"startTime":1778844521043,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":621911,"timestamp":36548826372,"id":97,"parentId":57,"tags":{},"startTime":1778844521073,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":640905,"timestamp":36548807438,"id":57,"parentId":19,"tags":{"page":"/settings/networks"},"startTime":1778844521054,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":632703,"timestamp":36548826386,"id":98,"parentId":59,"tags":{},"startTime":1778844521073,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":650598,"timestamp":36548808548,"id":59,"parentId":19,"tags":{"page":"/settings/tokens"},"startTime":1778844521055,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":648108,"timestamp":36548826325,"id":93,"parentId":52,"tags":{},"startTime":1778844521073,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":668778,"timestamp":36548805712,"id":52,"parentId":19,"tags":{"page":"/messages"},"startTime":1778844521052,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":653569,"timestamp":36548826399,"id":99,"parentId":60,"tags":{},"startTime":1778844521073,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":671353,"timestamp":36548808704,"id":60,"parentId":19,"tags":{"page":"/tasks/[id]"},"startTime":1778844521055,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":654104,"timestamp":36548826303,"id":91,"parentId":50,"tags":{},"startTime":1778844521073,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":675138,"timestamp":36548805325,"id":50,"parentId":19,"tags":{"page":"/login"},"startTime":1778844521052,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":658312,"timestamp":36548826416,"id":100,"parentId":61,"tags":{},"startTime":1778844521073,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":675925,"timestamp":36548808842,"id":61,"parentId":19,"tags":{"page":"/tasks"},"startTime":1778844521055,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":661397,"timestamp":36548826313,"id":92,"parentId":51,"tags":{},"startTime":1778844521073,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":682208,"timestamp":36548805543,"id":51,"parentId":19,"tags":{"page":"/logs"},"startTime":1778844521052,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":655787,"timestamp":36548832034,"id":101,"parentId":58,"tags":{},"startTime":1778844521078,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":680227,"timestamp":36548807619,"id":58,"parentId":19,"tags":{"page":"/settings"},"startTime":1778844521054,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":645045,"timestamp":36548849219,"id":102,"parentId":55,"tags":{},"startTime":1778844521095,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":687657,"timestamp":36548806637,"id":55,"parentId":19,"tags":{"page":"/"},"startTime":1778844521053,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":670894,"timestamp":36548826338,"id":94,"parentId":53,"tags":{},"startTime":1778844521073,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":691103,"timestamp":36548806154,"id":53,"parentId":19,"tags":{"page":"/node"},"startTime":1778844521052,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":681230,"timestamp":36548826347,"id":95,"parentId":54,"tags":{},"startTime":1778844521073,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":701207,"timestamp":36548806400,"id":54,"parentId":19,"tags":{"page":"/nodes"},"startTime":1778844521053,"traceId":"20905122d730f4a1"},{"name":"is-page-static","duration":686713,"timestamp":36548826359,"id":96,"parentId":56,"tags":{},"startTime":1778844521073,"traceId":"20905122d730f4a1"},{"name":"check-page","duration":705890,"timestamp":36548807214,"id":56,"parentId":19,"tags":{"page":"/server-logs"},"startTime":1778844521053,"traceId":"20905122d730f4a1"},{"name":"static-check","duration":719890,"timestamp":36548793246,"id":19,"parentId":1,"tags":{},"startTime":1778844521040,"traceId":"20905122d730f4a1"},{"name":"write-routes-manifest","duration":371,"timestamp":36549519156,"id":104,"parentId":1,"tags":{},"startTime":1778844521765,"traceId":"20905122d730f4a1"},{"name":"load-dotenv","duration":41,"timestamp":36549529761,"id":107,"parentId":106,"tags":{},"startTime":1778844521776,"traceId":"20905122d730f4a1"},{"name":"run-export-path-map","duration":727,"timestamp":36549533545,"id":108,"parentId":106,"tags":{},"startTime":1778844521780,"traceId":"20905122d730f4a1"},{"name":"next-export","duration":685251,"timestamp":36549528574,"id":106,"parentId":1,"tags":{},"startTime":1778844521775,"traceId":"20905122d730f4a1"}]
|
|
2
|
-
[{"name":"move-exported-app-not-found-","duration":
|
|
1
|
+
[{"name":"generate-buildid","duration":239,"timestamp":37074159468,"id":4,"parentId":1,"tags":{},"startTime":1778845046406,"traceId":"ee7ad0ffd9adff80"},{"name":"load-custom-routes","duration":520,"timestamp":37074159845,"id":5,"parentId":1,"tags":{},"startTime":1778845046406,"traceId":"ee7ad0ffd9adff80"},{"name":"create-dist-dir","duration":671,"timestamp":37074160408,"id":6,"parentId":1,"tags":{},"startTime":1778845046407,"traceId":"ee7ad0ffd9adff80"},{"name":"clean","duration":495,"timestamp":37074161719,"id":7,"parentId":1,"tags":{},"startTime":1778845046408,"traceId":"ee7ad0ffd9adff80"},{"name":"discover-routes","duration":8653,"timestamp":37074248850,"id":8,"parentId":1,"tags":{},"startTime":1778845046495,"traceId":"ee7ad0ffd9adff80"},{"name":"create-root-mapping","duration":119,"timestamp":37074257554,"id":9,"parentId":1,"tags":{},"startTime":1778845046504,"traceId":"ee7ad0ffd9adff80"},{"name":"generate-route-types","duration":31137,"timestamp":37074260368,"id":10,"parentId":1,"tags":{},"startTime":1778845046507,"traceId":"ee7ad0ffd9adff80"},{"name":"public-dir-conflict-check","duration":90,"timestamp":37074291585,"id":11,"parentId":1,"tags":{},"startTime":1778845046538,"traceId":"ee7ad0ffd9adff80"},{"name":"generate-routes-manifest","duration":4037,"timestamp":37074291787,"id":12,"parentId":1,"tags":{},"startTime":1778845046538,"traceId":"ee7ad0ffd9adff80"},{"name":"run-turbopack","duration":5397720,"timestamp":37074301608,"id":14,"parentId":1,"tags":{},"startTime":1778845046548,"traceId":"ee7ad0ffd9adff80"},{"name":"turbopack-build-events","duration":107,"timestamp":37074624647,"id":15,"parentId":1,"tags":{},"startTime":1778845046871,"traceId":"ee7ad0ffd9adff80"},{"name":"run-typescript","duration":8513321,"timestamp":37079708606,"id":16,"parentId":1,"tags":{},"startTime":1778845051955,"traceId":"ee7ad0ffd9adff80"},{"name":"generate-required-server-files","duration":2416,"timestamp":37088222836,"id":18,"parentId":1,"tags":{},"startTime":1778845060469,"traceId":"ee7ad0ffd9adff80"},{"name":"check-static-error-page","duration":12389,"timestamp":37088408154,"id":20,"parentId":19,"tags":{},"startTime":1778845060654,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":446818,"timestamp":37088423524,"id":63,"parentId":22,"tags":{},"startTime":1778845060670,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":459212,"timestamp":37088411296,"id":22,"parentId":19,"tags":{"page":"/_global-error"},"startTime":1778845060658,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":539590,"timestamp":37088423151,"id":62,"parentId":21,"tags":{},"startTime":1778845060669,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":553132,"timestamp":37088409683,"id":21,"parentId":19,"tags":{"page":"/_not-found"},"startTime":1778845060656,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":551871,"timestamp":37088424115,"id":67,"parentId":28,"tags":{},"startTime":1778845060670,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":561266,"timestamp":37088414813,"id":28,"parentId":19,"tags":{"page":"/api/hub/audit-log"},"startTime":1778845060661,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":552925,"timestamp":37088423769,"id":65,"parentId":26,"tags":{},"startTime":1778845060670,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":562165,"timestamp":37088414575,"id":26,"parentId":19,"tags":{"page":"/api/auth/logout"},"startTime":1778845060661,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":553070,"timestamp":37088423845,"id":66,"parentId":27,"tags":{},"startTime":1778845060670,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":562276,"timestamp":37088414696,"id":27,"parentId":19,"tags":{"page":"/api/auth/v3"},"startTime":1778845060661,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":553981,"timestamp":37088423652,"id":64,"parentId":25,"tags":{},"startTime":1778845060670,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":563424,"timestamp":37088414389,"id":25,"parentId":19,"tags":{"page":"/api/auth/login"},"startTime":1778845060661,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":567081,"timestamp":37088424625,"id":71,"parentId":33,"tags":{},"startTime":1778845060671,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":576053,"timestamp":37088415711,"id":33,"parentId":19,"tags":{"page":"/api/hub/inbox"},"startTime":1778845060662,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":578403,"timestamp":37088424845,"id":74,"parentId":36,"tags":{},"startTime":1778845060671,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":586714,"timestamp":37088416584,"id":36,"parentId":19,"tags":{"page":"/api/hub/networks"},"startTime":1778845060663,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":585069,"timestamp":37088424896,"id":76,"parentId":38,"tags":{},"startTime":1778845060671,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":593214,"timestamp":37088416827,"id":38,"parentId":19,"tags":{"page":"/api/hub/register"},"startTime":1778845060663,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":585487,"timestamp":37088424733,"id":73,"parentId":35,"tags":{},"startTime":1778845060671,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":594261,"timestamp":37088415995,"id":35,"parentId":19,"tags":{"page":"/api/hub/messages"},"startTime":1778845060662,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":590002,"timestamp":37088424879,"id":75,"parentId":37,"tags":{},"startTime":1778845060671,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":598194,"timestamp":37088416731,"id":37,"parentId":19,"tags":{"page":"/api/hub/nodes"},"startTime":1778845060663,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":592165,"timestamp":37088424701,"id":72,"parentId":34,"tags":{},"startTime":1778845060671,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":601069,"timestamp":37088415840,"id":34,"parentId":19,"tags":{"page":"/api/hub/license"},"startTime":1778845060662,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":595634,"timestamp":37088424261,"id":68,"parentId":29,"tags":{},"startTime":1778845060671,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":604999,"timestamp":37088414937,"id":29,"parentId":19,"tags":{"page":"/api/hub/auth"},"startTime":1778845060661,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":595236,"timestamp":37088424919,"id":78,"parentId":40,"tags":{},"startTime":1778845060671,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":603216,"timestamp":37088416972,"id":40,"parentId":19,"tags":{"page":"/api/hub/server-logs"},"startTime":1778845060663,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":601470,"timestamp":37088424969,"id":81,"parentId":43,"tags":{},"startTime":1778845060671,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":609269,"timestamp":37088417208,"id":43,"parentId":19,"tags":{"page":"/api/hub/stats"},"startTime":1778845060663,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":602212,"timestamp":37088424398,"id":69,"parentId":30,"tags":{},"startTime":1778845060671,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":611514,"timestamp":37088415124,"id":30,"parentId":19,"tags":{"page":"/api/hub/broadcast"},"startTime":1778845060661,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":601848,"timestamp":37088424906,"id":77,"parentId":39,"tags":{},"startTime":1778845060671,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":609895,"timestamp":37088416895,"id":39,"parentId":19,"tags":{"page":"/api/hub/send"},"startTime":1778845060663,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":608282,"timestamp":37088424932,"id":79,"parentId":41,"tags":{},"startTime":1778845060671,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":616193,"timestamp":37088417069,"id":41,"parentId":19,"tags":{"page":"/api/hub/servers"},"startTime":1778845060663,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":610534,"timestamp":37088424982,"id":82,"parentId":44,"tags":{},"startTime":1778845060671,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":618281,"timestamp":37088417279,"id":44,"parentId":19,"tags":{"page":"/api/hub/status"},"startTime":1778845060664,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":610879,"timestamp":37088425018,"id":84,"parentId":46,"tags":{},"startTime":1778845060671,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":618465,"timestamp":37088417469,"id":46,"parentId":19,"tags":{"page":"/api/hub/tasks"},"startTime":1778845060664,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":612968,"timestamp":37088425031,"id":85,"parentId":47,"tags":{},"startTime":1778845060671,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":620472,"timestamp":37088417586,"id":47,"parentId":19,"tags":{"page":"/api/hub/tmux"},"startTime":1778845060664,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":614464,"timestamp":37088425051,"id":87,"parentId":49,"tags":{},"startTime":1778845060671,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":621824,"timestamp":37088417735,"id":49,"parentId":19,"tags":{"page":"/favicon.ico"},"startTime":1778845060664,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":616554,"timestamp":37088424555,"id":70,"parentId":32,"tags":{},"startTime":1778845060671,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":625595,"timestamp":37088415557,"id":32,"parentId":19,"tags":{"page":"/api/hub/health"},"startTime":1778845060662,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":617089,"timestamp":37088425043,"id":86,"parentId":48,"tags":{},"startTime":1778845060671,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":624503,"timestamp":37088417669,"id":48,"parentId":19,"tags":{"page":"/api/hub/tokens"},"startTime":1778845060664,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":622105,"timestamp":37088424959,"id":80,"parentId":42,"tags":{},"startTime":1778845060671,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":629960,"timestamp":37088417143,"id":42,"parentId":19,"tags":{"page":"/api/hub/session"},"startTime":1778845060663,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":615773,"timestamp":37088431477,"id":89,"parentId":31,"tags":{},"startTime":1778845060678,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":632016,"timestamp":37088415260,"id":31,"parentId":19,"tags":{"page":"/api/hub/events"},"startTime":1778845060662,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":613883,"timestamp":37088437235,"id":91,"parentId":50,"tags":{},"startTime":1778845060684,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":633081,"timestamp":37088418083,"id":50,"parentId":19,"tags":{"page":"/login"},"startTime":1778845060664,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":621264,"timestamp":37088437297,"id":95,"parentId":54,"tags":{},"startTime":1778845060684,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":639871,"timestamp":37088418729,"id":54,"parentId":19,"tags":{"page":"/nodes"},"startTime":1778845060665,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":644131,"timestamp":37088430396,"id":88,"parentId":24,"tags":{},"startTime":1778845060677,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":662784,"timestamp":37088411805,"id":24,"parentId":19,"tags":{"page":"/api/anet/config"},"startTime":1778845060658,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":638657,"timestamp":37088437312,"id":96,"parentId":56,"tags":{},"startTime":1778845060684,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":656628,"timestamp":37088419416,"id":56,"parentId":19,"tags":{"page":"/server-logs"},"startTime":1778845060666,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":651239,"timestamp":37088424995,"id":83,"parentId":45,"tags":{},"startTime":1778845060671,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":658883,"timestamp":37088417383,"id":45,"parentId":19,"tags":{"page":"/api/hub/task-events"},"startTime":1778845060664,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":657731,"timestamp":37088437340,"id":98,"parentId":59,"tags":{},"startTime":1778845060684,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":675030,"timestamp":37088420095,"id":59,"parentId":19,"tags":{"page":"/settings/tokens"},"startTime":1778845060666,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":660936,"timestamp":37088437253,"id":92,"parentId":51,"tags":{},"startTime":1778845060684,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":680027,"timestamp":37088418220,"id":51,"parentId":19,"tags":{"page":"/logs"},"startTime":1778845060664,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":661757,"timestamp":37088437384,"id":100,"parentId":61,"tags":{},"startTime":1778845060684,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":678848,"timestamp":37088420329,"id":61,"parentId":19,"tags":{"page":"/tasks"},"startTime":1778845060667,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":668460,"timestamp":37088437269,"id":93,"parentId":52,"tags":{},"startTime":1778845060684,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":687389,"timestamp":37088418381,"id":52,"parentId":19,"tags":{"page":"/messages"},"startTime":1778845060665,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":651959,"timestamp":37088454573,"id":102,"parentId":58,"tags":{},"startTime":1778845060701,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":686815,"timestamp":37088419755,"id":58,"parentId":19,"tags":{"page":"/settings"},"startTime":1778845060666,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":657480,"timestamp":37088449156,"id":101,"parentId":55,"tags":{},"startTime":1778845060695,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":687692,"timestamp":37088418960,"id":55,"parentId":19,"tags":{"page":"/"},"startTime":1778845060665,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":673972,"timestamp":37088437281,"id":94,"parentId":53,"tags":{},"startTime":1778845060684,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":692725,"timestamp":37088418557,"id":53,"parentId":19,"tags":{"page":"/node"},"startTime":1778845060665,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":685277,"timestamp":37088437208,"id":90,"parentId":23,"tags":{},"startTime":1778845060683,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":710973,"timestamp":37088411558,"id":23,"parentId":19,"tags":{"page":"/admin"},"startTime":1778845060658,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":690856,"timestamp":37088437328,"id":97,"parentId":57,"tags":{},"startTime":1778845060684,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":708622,"timestamp":37088419599,"id":57,"parentId":19,"tags":{"page":"/settings/networks"},"startTime":1778845060666,"traceId":"ee7ad0ffd9adff80"},{"name":"is-page-static","duration":704618,"timestamp":37088437363,"id":99,"parentId":60,"tags":{},"startTime":1778845060684,"traceId":"ee7ad0ffd9adff80"},{"name":"check-page","duration":721840,"timestamp":37088420209,"id":60,"parentId":19,"tags":{"page":"/tasks/[id]"},"startTime":1778845060666,"traceId":"ee7ad0ffd9adff80"},{"name":"static-check","duration":734920,"timestamp":37088407159,"id":19,"parentId":1,"tags":{},"startTime":1778845060653,"traceId":"ee7ad0ffd9adff80"},{"name":"write-routes-manifest","duration":465,"timestamp":37089148584,"id":104,"parentId":1,"tags":{},"startTime":1778845061395,"traceId":"ee7ad0ffd9adff80"},{"name":"load-dotenv","duration":49,"timestamp":37089161210,"id":107,"parentId":106,"tags":{},"startTime":1778845061407,"traceId":"ee7ad0ffd9adff80"},{"name":"run-export-path-map","duration":900,"timestamp":37089164267,"id":108,"parentId":106,"tags":{},"startTime":1778845061411,"traceId":"ee7ad0ffd9adff80"},{"name":"next-export","duration":550167,"timestamp":37089159334,"id":106,"parentId":1,"tags":{},"startTime":1778845061406,"traceId":"ee7ad0ffd9adff80"}]
|
|
2
|
+
[{"name":"move-exported-app-not-found-","duration":2088,"timestamp":37089712748,"id":109,"parentId":105,"tags":{},"startTime":1778845061959,"traceId":"ee7ad0ffd9adff80"},{"name":"move-exported-app-global-error-","duration":520,"timestamp":37089714929,"id":110,"parentId":105,"tags":{},"startTime":1778845061961,"traceId":"ee7ad0ffd9adff80"},{"name":"static-generation","duration":564346,"timestamp":37089153119,"id":105,"parentId":1,"tags":{},"startTime":1778845061399,"traceId":"ee7ad0ffd9adff80"},{"name":"write-routes-manifest","duration":433,"timestamp":37089717695,"id":111,"parentId":1,"tags":{},"startTime":1778845061964,"traceId":"ee7ad0ffd9adff80"},{"name":"print-tree-view","duration":3594,"timestamp":37089732280,"id":112,"parentId":1,"tags":{},"startTime":1778845061979,"traceId":"ee7ad0ffd9adff80"},{"name":"write-route-bundle-stats","duration":12605,"timestamp":37089735899,"id":113,"parentId":1,"tags":{},"startTime":1778845061982,"traceId":"ee7ad0ffd9adff80"},{"name":"telemetry-flush","duration":22918,"timestamp":37089748524,"id":114,"parentId":1,"tags":{},"startTime":1778845061995,"traceId":"ee7ad0ffd9adff80"},{"name":"next-build","duration":15660130,"timestamp":37074111334,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778845046358,"traceId":"ee7ad0ffd9adff80"}]
|
package/.next/trace-build
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"name":"run-turbopack","duration":
|
|
1
|
+
[{"name":"run-turbopack","duration":5397720,"timestamp":37074301608,"id":14,"parentId":1,"tags":{},"startTime":1778845046548,"traceId":"ee7ad0ffd9adff80"},{"name":"turbopack-build-events","duration":107,"timestamp":37074624647,"id":15,"parentId":1,"tags":{},"startTime":1778845046871,"traceId":"ee7ad0ffd9adff80"},{"name":"run-typescript","duration":8513321,"timestamp":37079708606,"id":16,"parentId":1,"tags":{},"startTime":1778845051955,"traceId":"ee7ad0ffd9adff80"},{"name":"static-check","duration":734920,"timestamp":37088407159,"id":19,"parentId":1,"tags":{},"startTime":1778845060653,"traceId":"ee7ad0ffd9adff80"},{"name":"static-generation","duration":564346,"timestamp":37089153119,"id":105,"parentId":1,"tags":{},"startTime":1778845061399,"traceId":"ee7ad0ffd9adff80"},{"name":"telemetry-flush","duration":22918,"timestamp":37089748524,"id":114,"parentId":1,"tags":{},"startTime":1778845061995,"traceId":"ee7ad0ffd9adff80"},{"name":"next-build","duration":15660130,"timestamp":37074111334,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778845046358,"traceId":"ee7ad0ffd9adff80"}]
|
|
@@ -769,10 +769,20 @@ export function TopoGraph({ sessions, sseSessions, renameSignal }: TopoGraphProp
|
|
|
769
769
|
// label cards. 16 ≈ where the triple-tier rings start to crowd.
|
|
770
770
|
const denseLayout = onlineNodes.length + offlineNodes.length > 16;
|
|
771
771
|
const [hoveredAlias, setHoveredAlias] = useState<string | null>(null);
|
|
772
|
+
// Round 86 / Loop: pointer-over-label preview. R63 wired the group
|
|
773
|
+
// label to click-pin but hover gave no preview — the same hover/click
|
|
774
|
+
// gap R83 closed for pressure-bar segments. This state lets the
|
|
775
|
+
// label trigger the same dim mechanism a node hover already drives,
|
|
776
|
+
// independently of whether the cursor happens to be over a member
|
|
777
|
+
// node. ORs into hoveredGroup below so the existing derivation logic
|
|
778
|
+
// (which composes with hoveredAlias, activeGroup, R85 marching ants)
|
|
779
|
+
// keeps working unchanged.
|
|
780
|
+
const [hoveredGroupLabel, setHoveredGroupLabel] = useState<string | null>(null);
|
|
772
781
|
// Round 8 / Loop: which group is currently focused. Nodes outside this
|
|
773
782
|
// group + other group boxes fade so the eye locks onto the team you're
|
|
774
783
|
// pointing at. Singletons use their own alias as the group key.
|
|
775
|
-
const hoveredGroup =
|
|
784
|
+
const hoveredGroup = hoveredGroupLabel
|
|
785
|
+
?? (hoveredAlias ? (groupKeys[hoveredAlias] ?? hoveredAlias) : null);
|
|
776
786
|
// Round 63 / Loop: sticky group focus. R8 dims non-group nodes while
|
|
777
787
|
// a member is hovered, but releasing the hover lets the focus fade.
|
|
778
788
|
// Clicking the group label pins the group key here; activeGroup =
|
|
@@ -1769,6 +1779,14 @@ export function TopoGraph({ sessions, sseSessions, renameSignal }: TopoGraphProp
|
|
|
1769
1779
|
strokeWidth={isPinned ? 3 : isHovered ? 2 : 1.5}
|
|
1770
1780
|
strokeDasharray={(isPinned || isHovered) ? 'none' : '6 6'}
|
|
1771
1781
|
data-group-box-pinned={isPinned ? 'true' : 'false'}
|
|
1782
|
+
// R85: ambient "marching ants" drift on the perimeter
|
|
1783
|
+
// when this group has at least one working member, and
|
|
1784
|
+
// neither pin nor hover is active (those treatments
|
|
1785
|
+
// already shout for attention via solid stroke). 12s
|
|
1786
|
+
// cycle reads as ambient — the eye parses "live work
|
|
1787
|
+
// here" without registering the box as animating.
|
|
1788
|
+
data-group-box-live={!isPinned && !isHovered && box.statuses.working > 0 ? 'true' : 'false'}
|
|
1789
|
+
className={!isPinned && !isHovered && box.statuses.working > 0 ? 'anet-topo-groupbox-live' : undefined}
|
|
1772
1790
|
style={{ transition: 'stroke 200ms ease-out, stroke-width 200ms ease-out, fill-opacity 200ms ease-out', pointerEvents: 'none' }}
|
|
1773
1791
|
/>
|
|
1774
1792
|
{/* R63: wrap label in a clickable <g> with an invisible
|
|
@@ -1788,6 +1806,14 @@ export function TopoGraph({ sessions, sseSessions, renameSignal }: TopoGraphProp
|
|
|
1788
1806
|
style={{ pointerEvents: 'all', cursor: 'pointer' }}
|
|
1789
1807
|
onPointerDown={(e) => e.stopPropagation()}
|
|
1790
1808
|
onClick={() => setPinnedGroup(prev => prev === box.key ? null : box.key)}
|
|
1809
|
+
// R86: hover the label → transient group focus. Releases
|
|
1810
|
+
// on leave; activeGroup = hoveredGroup ?? pinnedGroup
|
|
1811
|
+
// formula already handles transient-over-pin so a
|
|
1812
|
+
// user can spot-compare teams without losing their
|
|
1813
|
+
// pinned one. Closes the same R83-style hover/click
|
|
1814
|
+
// gap (segments) — now group labels carry it too.
|
|
1815
|
+
onPointerEnter={() => setHoveredGroupLabel(box.key)}
|
|
1816
|
+
onPointerLeave={() => setHoveredGroupLabel(prev => prev === box.key ? null : prev)}
|
|
1791
1817
|
>
|
|
1792
1818
|
<rect
|
|
1793
1819
|
x={box.x + 6}
|
package/app/globals.css
CHANGED
|
@@ -860,6 +860,23 @@ body {
|
|
|
860
860
|
animation: anet-topo-spoke-flow-kf 2.4s linear infinite;
|
|
861
861
|
}
|
|
862
862
|
|
|
863
|
+
/* Round 85 — group-box "marching ants" perimeter drift.
|
|
864
|
+
Applied to a grid-layout group box whose `statuses.working > 0`
|
|
865
|
+
AND that is neither hovered nor pinned (those treatments already
|
|
866
|
+
carry their own visual emphasis via solid stroke). Slow 12s
|
|
867
|
+
linear cycle reads as ambient motion, not animation — the eye
|
|
868
|
+
parses "this group has live work" without registering the box
|
|
869
|
+
as moving. R86 stride matches the box's `strokeDasharray="6 6"`
|
|
870
|
+
so a single full cycle returns to a frame-identical state.
|
|
871
|
+
prefers-reduced-motion handled by the blanket override below. */
|
|
872
|
+
@keyframes anet-topo-groupbox-march-kf {
|
|
873
|
+
from { stroke-dashoffset: 0; }
|
|
874
|
+
to { stroke-dashoffset: -12; }
|
|
875
|
+
}
|
|
876
|
+
.anet-topo-groupbox-live {
|
|
877
|
+
animation: anet-topo-groupbox-march-kf 12s linear infinite;
|
|
878
|
+
}
|
|
879
|
+
|
|
863
880
|
/* ─────────────────────────────────────────────────────────────────────
|
|
864
881
|
Round 29 — prefers-reduced-motion a11y sweep
|
|
865
882
|
|
|
@@ -894,7 +911,8 @@ body {
|
|
|
894
911
|
.anet-fade-in,
|
|
895
912
|
.anet-current-step-pulse,
|
|
896
913
|
.anet-topo-sweep,
|
|
897
|
-
.anet-topo-spoke-flow
|
|
914
|
+
.anet-topo-spoke-flow,
|
|
915
|
+
.anet-topo-groupbox-live {
|
|
898
916
|
animation: none !important;
|
|
899
917
|
}
|
|
900
918
|
/* Tasks row grid 0fr↔1fr keep working (it's the toggle mechanism),
|