@sleep2agi/agent-network-dashboard 0.4.6-preview.2 → 0.4.6-preview.3

package/.next/static/chunks/13j9vr8_l9ket.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,16015,(e,t,r)=>{},98547,(e,t,r)=>{var a=e.i(47167);e.r(16015);var s=e.r(71645),n=s&&"object"==typeof s&&"default"in s?s:{default:s},l=void 0!==a.default&&a.default.env&&!0,i=function(e){return"[object String]"===Object.prototype.toString.call(e)},o=function(){function e(e){var t=void 0===e?{}:e,r=t.name,a=void 0===r?"stylesheet":r,s=t.optimizeForSpeed,n=void 0===s?l:s;d(i(a),"`name` must be a string"),this._name=a,this._deletedRulePlaceholder="#"+a+"-deleted-rule____{}",d("boolean"==typeof n,"`optimizeForSpeed` must be a boolean"),this._optimizeForSpeed=n,this._serverSheet=void 0,this._tags=[],this._injected=!1,this._rulesCount=0;var o="u">typeof window&&document.querySelector('meta[property="csp-nonce"]');this._nonce=o?o.getAttribute("content"):null}var t,r=e.prototype;return r.setOptimizeForSpeed=function(e){d("boolean"==typeof e,"`setOptimizeForSpeed` accepts a boolean"),d(0===this._rulesCount,"optimizeForSpeed cannot be when rules have already been inserted"),this.flush(),this._optimizeForSpeed=e,this.inject()},r.isOptimizeForSpeed=function(){return this._optimizeForSpeed},r.inject=function(){var e=this;if(d(!this._injected,"sheet already injected"),this._injected=!0,"u">typeof window&&this._optimizeForSpeed){this._tags[0]=this.makeStyleTag(this._name),this._optimizeForSpeed="insertRule"in this.getSheet(),this._optimizeForSpeed||(l||console.warn("StyleSheet: optimizeForSpeed mode not supported falling back to standard mode."),this.flush(),this._injected=!0);return}this._serverSheet={cssRules:[],insertRule:function(t,r){return"number"==typeof r?e._serverSheet.cssRules[r]={cssText:t}:e._serverSheet.cssRules.push({cssText:t}),r},deleteRule:function(t){e._serverSheet.cssRules[t]=null}}},r.getSheetForTag=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]},r.getSheet=function(){return this.getSheetForTag(this._tags[this._tags.length-1])},r.insertRule=function(e,t){if(d(i(e),"`insertRule` accepts only strings"),"u"<typeof window)return"number"!=typeof t&&(t=this._serverSheet.cssRules.length),this._serverSheet.insertRule(e,t),this._rulesCount++;if(this._optimizeForSpeed){var r=this.getSheet();"number"!=typeof t&&(t=r.cssRules.length);try{r.insertRule(e,t)}catch(t){return l||console.warn("StyleSheet: illegal rule: \n\n"+e+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),-1}}else{var a=this._tags[t];this._tags.push(this.makeStyleTag(this._name,e,a))}return this._rulesCount++},r.replaceRule=function(e,t){if(this._optimizeForSpeed||"u"<typeof window){var r="u">typeof window?this.getSheet():this._serverSheet;if(t.trim()||(t=this._deletedRulePlaceholder),!r.cssRules[e])return e;r.deleteRule(e);try{r.insertRule(t,e)}catch(a){l||console.warn("StyleSheet: illegal rule: \n\n"+t+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),r.insertRule(this._deletedRulePlaceholder,e)}}else{var a=this._tags[e];d(a,"old rule at index `"+e+"` not found"),a.textContent=t}return e},r.deleteRule=function(e){if("u"<typeof window)return void this._serverSheet.deleteRule(e);if(this._optimizeForSpeed)this.replaceRule(e,"");else{var t=this._tags[e];d(t,"rule at index `"+e+"` not found"),t.parentNode.removeChild(t),this._tags[e]=null}},r.flush=function(){this._injected=!1,this._rulesCount=0,"u">typeof window?(this._tags.forEach(function(e){return e&&e.parentNode.removeChild(e)}),this._tags=[]):this._serverSheet.cssRules=[]},r.cssRules=function(){var e=this;return"u"<typeof window?this._serverSheet.cssRules:this._tags.reduce(function(t,r){return r?t=t.concat(Array.prototype.map.call(e.getSheetForTag(r).cssRules,function(t){return t.cssText===e._deletedRulePlaceholder?null:t})):t.push(null),t},[])},r.makeStyleTag=function(e,t,r){t&&d(i(t),"makeStyleTag accepts only strings as second parameter");var a=document.createElement("style");this._nonce&&a.setAttribute("nonce",this._nonce),a.type="text/css",a.setAttribute("data-"+e,""),t&&a.appendChild(document.createTextNode(t));var s=document.head||document.getElementsByTagName("head")[0];return r?s.insertBefore(a,r):s.appendChild(a),a},t=[{key:"length",get:function(){return this._rulesCount}}],function(e,t){for(var r=0;r<t.length;r++){var a=t[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}(e.prototype,t),e}();function d(e,t){if(!e)throw Error("StyleSheet: "+t+".")}var c=function(e){for(var t=5381,r=e.length;r;)t=33*t^e.charCodeAt(--r);return t>>>0},x={};function h(e,t){if(!t)return"jsx-"+e;var r=String(t),a=e+r;return x[a]||(x[a]="jsx-"+c(e+"-"+r)),x[a]}function u(e,t){"u"<typeof window&&(t=t.replace(/\/style/gi,"\\/style"));var r=e+t;return x[r]||(x[r]=t.replace(/__jsx-style-dynamic-selector/g,e)),x[r]}var m=function(){function e(e){var t=void 0===e?{}:e,r=t.styleSheet,a=void 0===r?null:r,s=t.optimizeForSpeed,n=void 0!==s&&s;this._sheet=a||new o({name:"styled-jsx",optimizeForSpeed:n}),this._sheet.inject(),a&&"boolean"==typeof n&&(this._sheet.setOptimizeForSpeed(n),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),this._fromServer=void 0,this._indices={},this._instancesCounts={}}var t=e.prototype;return t.add=function(e){var t=this;void 0===this._optimizeForSpeed&&(this._optimizeForSpeed=Array.isArray(e.children),this._sheet.setOptimizeForSpeed(this._optimizeForSpeed),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),"u">typeof window&&!this._fromServer&&(this._fromServer=this.selectFromServer(),this._instancesCounts=Object.keys(this._fromServer).reduce(function(e,t){return e[t]=0,e},{}));var r=this.getIdAndRules(e),a=r.styleId,s=r.rules;if(a in this._instancesCounts){this._instancesCounts[a]+=1;return}var n=s.map(function(e){return t._sheet.insertRule(e)}).filter(function(e){return -1!==e});this._indices[a]=n,this._instancesCounts[a]=1},t.remove=function(e){var t=this,r=this.getIdAndRules(e).styleId;if(function(e,t){if(!e)throw Error("StyleSheetRegistry: "+t+".")}(r in this._instancesCounts,"styleId: `"+r+"` not found"),this._instancesCounts[r]-=1,this._instancesCounts[r]<1){var a=this._fromServer&&this._fromServer[r];a?(a.parentNode.removeChild(a),delete this._fromServer[r]):(this._indices[r].forEach(function(e){return t._sheet.deleteRule(e)}),delete this._indices[r]),delete this._instancesCounts[r]}},t.update=function(e,t){this.add(t),this.remove(e)},t.flush=function(){this._sheet.flush(),this._sheet.inject(),this._fromServer=void 0,this._indices={},this._instancesCounts={}},t.cssRules=function(){var e=this,t=this._fromServer?Object.keys(this._fromServer).map(function(t){return[t,e._fromServer[t]]}):[],r=this._sheet.cssRules();return t.concat(Object.keys(this._indices).map(function(t){return[t,e._indices[t].map(function(e){return r[e].cssText}).join(e._optimizeForSpeed?"":"\n")]}).filter(function(e){return!!e[1]}))},t.styles=function(e){var t,r;return t=this.cssRules(),void 0===(r=e)&&(r={}),t.map(function(e){var t=e[0],a=e[1];return n.default.createElement("style",{id:"__"+t,key:"__"+t,nonce:r.nonce?r.nonce:void 0,dangerouslySetInnerHTML:{__html:a}})})},t.getIdAndRules=function(e){var t=e.children,r=e.dynamic,a=e.id;if(r){var s=h(a,r);return{styleId:s,rules:Array.isArray(t)?t.map(function(e){return u(s,e)}):[u(s,t)]}}return{styleId:h(a),rules:Array.isArray(t)?t:[t]}},t.selectFromServer=function(){return Array.prototype.slice.call(document.querySelectorAll('[id^="__jsx-"]')).reduce(function(e,t){return e[t.id.slice(2)]=t,e},{})},e}(),f=s.createContext(null);function p(){return new m}function g(){return s.useContext(f)}f.displayName="StyleSheetContext";var b=n.default.useInsertionEffect||n.default.useLayoutEffect,y="u">typeof window?p():void 0;function v(e){var t=y||g();return t&&("u"<typeof window?t.add(e):b(function(){return t.add(e),function(){t.remove(e)}},[e.id,String(e.dynamic)])),null}v.dynamic=function(e){return e.map(function(e){return h(e[0],e[1])}).join(" ")},r.StyleRegistry=function(e){var t=e.registry,r=e.children,a=s.useContext(f),l=s.useState(function(){return a||t||p()})[0];return n.default.createElement(f.Provider,{value:l},r)},r.createStyleRegistry=p,r.style=v,r.useStyleRegistry=g},21373,(e,t,r)=>{t.exports=e.r(98547).style},31713,e=>{"use strict";var t=e.i(47167),r=e.i(18050),a=e.i(71645),s=e.i(22016),n=e.i(18150);function l({online:e,working:t,total:a,version:s,uptime:n}){let o=a>0?Math.round(e/a*100):0,d=0===a;return(0,r.jsxs)("div",{className:d?"mb-4":"mb-8",children:[(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-3 mb-4",children:[(0,r.jsx)("h1",{className:"text-2xl font-bold text-white tracking-tight",children:"Agent Network"}),(0,r.jsxs)("span",{className:"text-xs text-gray-500",children:["CommHub ",s," · ",n]})]}),d?(0,r.jsxs)("div",{className:"anet-stat-strip flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-gray-500 border-t border-b border-[#2a2a4a] py-2",children:[(0,r.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,r.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full bg-gray-600"}),(0,r.jsx)("span",{className:"text-gray-300 tabular-nums",children:"0"})," online"]}),(0,r.jsx)("span",{className:"text-gray-700",children:"·"}),(0,r.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,r.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full bg-gray-600"}),(0,r.jsx)("span",{className:"text-gray-300 tabular-nums",children:"0"})," working"]}),(0,r.jsx)("span",{className:"text-gray-700",children:"·"}),(0,r.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,r.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full bg-gray-600"}),(0,r.jsx)("span",{className:"text-gray-300 tabular-nums",children:"0"})," registered"]})]}):(0,r.jsxs)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3",children:[(0,r.jsx)(i,{value:e,label:"Online",sub:`${o}% of fleet`,color:"text-green-400",accent:"from-green-500/20 to-green-500/0",border:"border-green-500/15"}),(0,r.jsx)(i,{value:t,label:"Working",sub:e>0?`${Math.round(t/e*100)}% utilization`:"--",color:"text-cyan-400",accent:"from-cyan-500/20 to-cyan-500/0",border:"border-cyan-500/15"}),(0,r.jsx)(i,{value:a-e,label:"Offline",sub:a-e==0?"All systems go":`${a-e} disconnected`,color:"text-gray-400",accent:"from-gray-500/10 to-gray-500/0",border:"border-gray-500/15"}),(0,r.jsx)(i,{value:a,label:"Total",sub:"Registered nodes",color:"text-white",accent:"from-blue-500/15 to-blue-500/0",border:"border-blue-500/15"})]})]})}function i({value:e,label:t,sub:a,color:s,accent:n,border:l}){let o=s.replace("text-","").split("-")[0];return(0,r.jsxs)("div",{"data-anet-stat-card":o,className:`anet-stat-card relative overflow-hidden rounded-xl border ${l} bg-[#111128] px-4 py-3 transition-all`,children:[(0,r.jsx)("div",{className:`absolute inset-0 bg-gradient-to-br ${n} pointer-events-none`}),(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("div",{className:`text-3xl font-bold ${s} tabular-nums leading-tight`,children:e}),(0,r.jsx)("div",{className:"text-sm text-gray-300 mt-0.5",children:t}),(0,r.jsx)("div",{className:"text-xs text-gray-600 mt-1",children:a})]})]})}function o(){let[e,t]=(0,a.useState)(""),[s,n]=(0,a.useState)(!1),[l,i]=(0,a.useState)(""),o=async()=>{if(e.trim()){n(!0),i("");try{let r=await fetch("/api/hub/broadcast",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({message:e})}),a=await r.json();a.ok?(i(`Broadcast sent to ${a.recipients} node(s)`),t("")):i(`Failed: ${a.error||"Send error"}`)}catch(e){i(`Failed: ${e instanceof Error?e.message:"Send error"}`)}n(!1),setTimeout(()=>i(""),5e3)}};return(0,r.jsxs)("div",{className:"mb-6",children:[(0,r.jsxs)("div",{className:"flex gap-2",children:[(0,r.jsx)("input",{type:"text",value:e,onChange:e=>t(e.target.value),onKeyDown:e=>"Enter"===e.key&&o(),placeholder:"Broadcast message to all online agents...",maxLength:500,"aria-label":"Broadcast message",className:"flex-1 bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-2.5 text-sm text-white placeholder-gray-600 focus:border-blue-500/50 focus:ring-1 focus:ring-blue-500/20 focus:outline-none transition-colors"}),(0,r.jsx)("button",{onClick:o,disabled:s||!e.trim(),"aria-label":"Send broadcast",className:"flex items-center gap-2 px-5 py-2.5 bg-blue-600 hover:bg-blue-500 disabled:bg-gray-800 disabled:text-gray-600 text-white text-sm rounded-lg transition-all font-medium cursor-pointer disabled:cursor-not-allowed",children:s?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("svg",{"aria-hidden":!0,className:"w-4 h-4 animate-spin",viewBox:"0 0 24 24",fill:"none",children:[(0,r.jsx)("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"3",opacity:"0.25"}),(0,r.jsx)("path",{d:"M4 12a8 8 0 018-8",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round"})]}),(0,r.jsx)("span",{children:"Sending…"})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("svg",{"aria-hidden":!0,className:"w-4 h-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("path",{d:"M3 11v3a1 1 0 0 0 1 1h2l3.29 3.29a1 1 0 0 0 1.71-.71V7.42a1 1 0 0 0-1.71-.71L6 10H4a1 1 0 0 0-1 1Z"}),(0,r.jsx)("path",{d:"M16 8a5 5 0 0 1 0 6",opacity:"0.7"}),(0,r.jsx)("path",{d:"M19 5a9 9 0 0 1 0 12",opacity:"0.45"})]}),(0,r.jsx)("span",{children:"Broadcast"})]})})]}),e.length>0&&(0,r.jsxs)("div",{className:"text-right text-xs text-gray-600 mt-1 tabular-nums",children:[e.length,"/500"]}),l&&(0,r.jsx)("div",{className:`mt-3 text-sm text-center anet-fade-in ${l.startsWith("Failed")?"text-red-400":"text-green-400/80"}`,children:l})]})}var d=e.i(69874),c=e.i(58442);function x({alias:e,onClose:t}){let[s,n]=(0,a.useState)({x:0,y:0}),[l,i]=(0,a.useState)({w:380,h:520}),o=(0,a.useRef)({active:!1,startX:0,startY:0,baseX:0,baseY:0}),h=(0,a.useRef)({active:!1,startX:0,startY:0,baseW:0,baseH:0}),u=(0,a.useCallback)((e,t,r,a)=>({x:Math.min(Math.max(16,e),Math.max(16,window.innerWidth-r-16)),y:Math.min(Math.max(16,t),Math.max(16,window.innerHeight-a-16))}),[]);(0,a.useEffect)(()=>{let e=()=>{let e=window.innerWidth,t=window.innerHeight,r=Math.min(380,e-32),a=Math.min(520,t-96);i({w:r,h:a});let s=e<640;n(u(s?16:e-r-24,s?t-a-16:96,r,a))};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[u]),(0,a.useEffect)(()=>{let e=e=>{"Escape"===e.key&&t()};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[t]);let m=e=>{if(o.current.active){o.current.active=!1;try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch{}}},f=e=>{if(h.current.active){h.current.active=!1,e.stopPropagation();try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch{}}};return(0,r.jsxs)("div",{className:"fixed z-50 flex flex-col overflow-hidden rounded-xl border border-[#2a2a4a] bg-[#0a0a1a] shadow-2xl shadow-black/60 anet-fade-in",style:{left:s.x,top:s.y,width:l.w,height:l.h},role:"dialog","aria-label":`Chat with ${e}`,children:[(0,r.jsxs)("div",{onPointerDown:e=>{0===e.button&&(e.currentTarget.setPointerCapture?.(e.pointerId),o.current={active:!0,startX:e.clientX,startY:e.clientY,baseX:s.x,baseY:s.y})},onPointerMove:e=>{let t=o.current;t.active&&n(u(t.baseX+(e.clientX-t.startX),t.baseY+(e.clientY-t.startY),l.w,l.h))},onPointerUp:m,onPointerCancel:m,className:"flex items-center justify-between px-3 py-2.5 border-b border-[#2a2a4a] bg-[#0d0d1a] rounded-t-xl cursor-grab active:cursor-grabbing select-none touch-none",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2.5 min-w-0",children:[(0,r.jsx)(d.AliasAvatar,{alias:e,size:28}),(0,r.jsxs)("div",{className:"min-w-0",children:[(0,r.jsx)("div",{className:"text-sm font-semibold text-white truncate",children:e}),(0,r.jsx)("div",{className:"text-[10px] text-gray-500",children:"Drag to move · Esc to close"})]})]}),(0,r.jsx)("button",{onClick:t,onPointerDown:e=>e.stopPropagation(),"aria-label":"Close chat",className:"text-gray-500 hover:text-white p-1.5 rounded-lg hover:bg-[#1a1a2a] shrink-0",children:(0,r.jsx)("svg",{className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})})]}),(0,r.jsx)("div",{className:"flex-1 min-h-0",children:(0,r.jsx)(c.TaskChatPanel,{alias:e,onClose:t,inline:!0})}),(0,r.jsx)("div",{onPointerDown:e=>{0===e.button&&(e.stopPropagation(),e.currentTarget.setPointerCapture?.(e.pointerId),h.current={active:!0,startX:e.clientX,startY:e.clientY,baseW:l.w,baseH:l.h})},onPointerMove:e=>{let t=h.current;if(!t.active)return;e.stopPropagation();let r=Math.max(300,window.innerWidth-s.x-16),a=Math.max(320,window.innerHeight-s.y-16);i({w:Math.min(r,Math.max(300,t.baseW+(e.clientX-t.startX))),h:Math.min(a,Math.max(320,t.baseH+(e.clientY-t.startY)))})},onPointerUp:f,onPointerCancel:f,"aria-label":"Resize chat",className:"absolute bottom-0 right-0 w-5 h-5 cursor-nwse-resize touch-none z-10",style:{touchAction:"none"},children:(0,r.jsx)("svg",{className:"absolute bottom-0.5 right-0.5 w-3 h-3 text-gray-600",viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round","aria-hidden":!0,children:(0,r.jsx)("path",{d:"M11 5L5 11M11 9L9 11"})})})]})}function h(e,t,r,a=0){let s=t<=2?Math.PI:1.78*Math.PI,n=-Math.PI/2-s/2,l=t<=1?-Math.PI/2:n+s*e/(t-1)+a;return{x:500+r*Math.cos(l),y:330+r*Math.sin(l)}}function u(e,t,r=0){let a=(e.x+t.x)/2,s=(e.y+t.y)/2,n=t.x-e.x,l=t.y-e.y,i=Math.hypot(n,l)||1,o={x:a+-l/i*r,y:s+n/i*r};return`M${e.x},${e.y} Q${o.x},${o.y} ${t.x},${t.y}`}function m(e,t){return e.length>t?`${e.slice(0,t-1)}...`:e}let f={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"},p={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 g(e){let t=[...e].sort((e,t)=>e.localeCompare(t)),r={},a=0;for(;a<t.length;){let e=a,s=t[a];for(;e+1<t.length;){let r=function(e,t){let r=0;for(;r<e.length&&r<t.length&&e[r]===t[r];)r++;return e.slice(0,r)}(s,t[e+1]);if(r.length<2)break;s=r,e++}let n=e>a?s:t[a];for(let s=a;s<=e;s++)r[t[s]]=n;a=e+1}return r}function b(e,t){let r=new Map;return e.forEach(e=>{if(!t[e.from_alias]||!t[e.to_alias]||e.from_alias===e.to_alias)return;let a=`${e.from_alias}->${e.to_alias}`,s=r.get(a);r.set(a,{key:a,from:e.from_alias,to:e.to_alias,count:(s?.count||0)+1,content:s?.content||e.content})}),[...r.values()].slice(0,18)}function y({sessions:e,sseSessions:t}){let s="light"===function(){let[e,t]=(0,a.useState)("dark");return(0,a.useEffect)(()=>{let e=()=>{let e=document.documentElement.getAttribute("data-theme")||"cyber";t("light"===e||"mint"===e?"light":"dark")};e();let r=new MutationObserver(e);return r.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>r.disconnect()},[]),e}(),n=s?p:f,l="intern"===function(){let[e,t]=(0,a.useState)(null);return(0,a.useEffect)(()=>{try{let e=new URL(window.location.href).searchParams.get("brand");null!==e?""===e||"none"===e?(localStorage.removeItem("anet-brand"),t(null)):(localStorage.setItem("anet-brand",e),t(e)):t(localStorage.getItem("anet-brand"))}catch{}},[]),e}(),[i,o]=(0,a.useState)([]),[c,v]=(0,a.useState)("ring");(0,a.useEffect)(()=>{try{let e=localStorage.getItem("anet-topo-layout");("grid"===e||"ring"===e)&&v(e)}catch{}},[]);let j=()=>v(e=>{let t="ring"===e?"grid":"ring";try{localStorage.setItem("anet-topo-layout",t)}catch{}return t});(0,a.useEffect)(()=>{let e=async()=>{try{let e=await fetch("/api/hub/messages?limit=50");if(401===e.status)return void window.location.assign("/login");let t=await e.json();o(t.messages||[])}catch{}};e();let t=setInterval(e,5e3);return()=>clearInterval(t)},[]);let{onlineNodes:w,offlineNodes:k,nodePositions:N,flowLinks:S,activeAliases:_,groupKeys:C}=(0,a.useMemo)(()=>{let r=e=>(e.network_id?t[`${e.network_id}:${e.alias}`]:void 0)??t[e.alias],a=(e,t)=>e.alias.localeCompare(t.alias),s=e.filter(e=>"offline"!==e.status||r(e)).sort(a),n=e.filter(e=>"offline"===e.status&&!r(e)).sort(a),l={};if("grid"===c){let e=[...s,...n],t=e.length,r=Math.max(1,Math.ceil(Math.sqrt(t))),a=Math.max(1,Math.ceil(t/r)),o=700/r,d=440/a;e.forEach((e,s)=>{let n=Math.floor(s/r),i=(r-(n===a-1?t-n*r:r))*o/2;l[e.alias]={x:150+i+(s%r+.5)*o,y:120+(n+.5)*d}});let c=b(i,l),x=new Set;c.forEach(e=>{x.add(e.from),x.add(e.to)});let h=g([...s,...n].map(e=>e.alias));return{onlineNodes:s,offlineNodes:n,nodePositions:l,flowLinks:c,activeAliases:x,groupKeys:h}}let o=s.length>14,d=!o&&s.length>8,x=s.length;if(o){let e=Math.ceil(s.length/3),t=s.slice(0,e),r=s.slice(e,2*e),a=s.slice(2*e);t.forEach((e,r)=>{l[e.alias]=h(r,Math.max(t.length,1),145)});let n=t.length<=2?Math.PI:1.78*Math.PI,i=t.length>1?n/(t.length-1):0;r.forEach((e,t)=>{l[e.alias]=h(t,Math.max(r.length,1),215,i/2)}),a.forEach((e,t)=>{l[e.alias]=h(t,Math.max(a.length,1),285)}),x=a.length}else if(d){let e=Math.ceil(s.length/2),t=s.length-e,r=s.slice(0,e),a=s.slice(e);r.forEach((t,r)=>{l[t.alias]=h(r,Math.max(e,1),175)});let n=e<=2?Math.PI:1.78*Math.PI,i=e>1?n/(e-1):0;a.forEach((e,r)=>{l[e.alias]=h(r,Math.max(t,1),260,i/2)}),x=t}else s.forEach((e,t)=>{l[e.alias]=h(t,Math.max(s.length,1),220)});let u=x<=2?Math.PI:1.78*Math.PI,m=x>1?u/(x-1):0,f=x>0?m/2:0,p=325+6*Math.max(0,n.length-4);n.forEach((e,t)=>{l[e.alias]=h(t,Math.max(n.length,1),p,f)});let y=b(i,l),v=new Set;y.forEach(e=>{v.add(e.from),v.add(e.to)});let j=g([...s,...n].map(e=>e.alias));return{onlineNodes:s,offlineNodes:n,nodePositions:l,flowLinks:y,activeAliases:v,groupKeys:j}},[i,e,t,c]),M=w.filter(e=>"working"===e.status).length,z=w.length+k.length>16,[$,T]=(0,a.useState)(null),E=(0,a.useRef)(null),P=(0,a.useRef)(null),[A,F]=(0,a.useState)({zoom:1,x:0,y:0}),R=(0,a.useRef)(A),L=(0,a.useRef)({active:!1,startX:0,startY:0,baseX:0,baseY:0}),[B,I]=(0,a.useState)(!1),[W,O]=(0,a.useState)(null);(0,a.useEffect)(()=>{R.current=A},[A]),(0,a.useEffect)(()=>{try{let e=localStorage.getItem("anet-topo-view");if(e){let t=JSON.parse(e);"number"==typeof t?.zoom&&F({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{}},[]),(0,a.useEffect)(()=>{try{localStorage.setItem("anet-topo-view",JSON.stringify(A))}catch{}},[A]),(0,a.useEffect)(()=>{let e=()=>I(document.fullscreenElement===E.current);return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)},[]),(0,a.useEffect)(()=>{let e=P.current;if(!e)return;let t=t=>{t.preventDefault();let r=e.getBoundingClientRect(),a=(t.clientX-r.left)/r.width*1e3,s=(t.clientY-r.top)/r.height*680;F(e=>{let r=Math.min(1.08,Math.max(.926,Math.exp(-(6e-4*t.deltaY)))),n=Math.min(4,Math.max(.5,e.zoom*r)),l=n/e.zoom;return{zoom:n,x:a-(a-e.x)*l,y:s-(s-e.y)*l}})};return e.addEventListener("wheel",t,{passive:!1}),()=>e.removeEventListener("wheel",t)},[]);let H=e=>{if(L.current.active){L.current.active=!1;try{e.currentTarget.releasePointerCapture?.(e.pointerId)}catch{}}},Y=e=>{F(t=>{let r=Math.min(4,Math.max(.5,t.zoom*e)),a=r/t.zoom;return{zoom:r,x:500-(500-t.x)*a,y:340-(340-t.y)*a}})};return(0,r.jsxs)("section",{className:"w-full max-w-6xl mx-auto mb-8",children:[(0,r.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between mb-3 px-1",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-xs uppercase text-gray-600 tracking-wider",children:"Network Topology"}),(0,r.jsx)("h2",{className:"text-lg text-white font-semibold",children:"Command mesh"})]}),(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-2 text-xs",children:[(0,r.jsxs)("div",{className:"inline-flex rounded-md border border-gray-500/25 overflow-hidden",role:"group","aria-label":"Topology layout",children:[(0,r.jsx)("button",{onClick:()=>{"ring"!==c&&j()},"aria-pressed":"ring"===c,className:`px-2.5 py-1 transition-colors ${"ring"===c?"bg-cyan-500/15 text-cyan-300":"text-gray-500 hover:text-gray-400"}`,children:"Ring"}),(0,r.jsx)("button",{onClick:()=>{"grid"!==c&&j()},"aria-pressed":"grid"===c,className:`px-2.5 py-1 border-l border-gray-500/25 transition-colors ${"grid"===c?"bg-cyan-500/15 text-cyan-300":"text-gray-500 hover:text-gray-400"}`,children:"Grid"})]}),(0,r.jsxs)("span",{className:"px-2.5 py-1 rounded-md bg-green-500/10 text-green-300 border border-green-500/20",children:[M," working"]}),(0,r.jsxs)("span",{className:"px-2.5 py-1 rounded-md bg-cyan-500/10 text-cyan-300 border border-cyan-500/20",children:[w.length," online"]}),(0,r.jsxs)("span",{className:"px-2.5 py-1 rounded-md bg-gray-500/10 text-gray-400 border border-gray-500/20",children:[S.length," active links"]})]})]}),(0,r.jsxs)("div",{ref:E,className:`relative overflow-hidden rounded-lg border shadow-2xl ${s?"shadow-zinc-900/5":"shadow-cyan-950/30"} ${B?"flex items-center justify-center":""}`,style:{background:n.containerBg,borderColor:n.containerBorder},children:[(0,r.jsx)("div",{className:`absolute inset-x-0 top-0 h-px bg-gradient-to-r ${n.topRailGradient}`}),(0,r.jsxs)("svg",{ref:P,viewBox:"0 0 1000 680",className:"w-full h-auto block",preserveAspectRatio:"xMidYMid meet",onPointerDown:e=>{0===e.button&&(e.currentTarget.setPointerCapture?.(e.pointerId),L.current={active:!0,startX:e.clientX,startY:e.clientY,baseX:R.current.x,baseY:R.current.y})},onPointerMove:e=>{let t=L.current;if(!t.active)return;let r=P.current;if(!r)return;let a=r.getBoundingClientRect(),s=(e.clientX-t.startX)/a.width*1e3,n=(e.clientY-t.startY)/a.height*680;F(e=>({...e,x:t.baseX+s,y:t.baseY+n}))},onPointerUp:H,onPointerLeave:H,style:{cursor:"grab",touchAction:"none"},children:[(0,r.jsxs)("defs",{children:[(0,r.jsxs)("linearGradient",{id:"topo-panel",x1:"0",x2:"1",y1:"0",y2:"1",children:[(0,r.jsx)("stop",{offset:"0%",stopColor:n.panelStops[0]}),(0,r.jsx)("stop",{offset:"48%",stopColor:n.panelStops[1]}),(0,r.jsx)("stop",{offset:"100%",stopColor:n.panelStops[2]})]}),(0,r.jsxs)("radialGradient",{id:"topo-radar",cx:"50%",cy:"50%",r:"55%",children:[(0,r.jsx)("stop",{offset:"0%",stopColor:n.radarStops[0].color,stopOpacity:n.radarStops[0].opacity}),(0,r.jsx)("stop",{offset:"45%",stopColor:n.radarStops[1].color,stopOpacity:n.radarStops[1].opacity}),(0,r.jsx)("stop",{offset:"100%",stopColor:n.radarStops[2].color,stopOpacity:n.radarStops[2].opacity})]}),!s&&(0,r.jsxs)("filter",{id:"topo-glow",children:[(0,r.jsx)("feGaussianBlur",{stdDeviation:"4",result:"blur"}),(0,r.jsxs)("feMerge",{children:[(0,r.jsx)("feMergeNode",{in:"blur"}),(0,r.jsx)("feMergeNode",{in:"SourceGraphic"})]})]}),(0,r.jsx)("marker",{id:"topo-arrow",viewBox:"0 0 10 10",refX:"8",refY:"5",markerWidth:"5",markerHeight:"5",orient:"auto-start-reverse",children:(0,r.jsx)("path",{d:"M 0 0 L 10 5 L 0 10 z",fill:n.arrowFill})}),(0,r.jsxs)("radialGradient",{id:"topo-sweep",cx:"0%",cy:"50%",r:"100%",children:[(0,r.jsx)("stop",{offset:"0%",stopColor:s?"#0d9488":"#22d3ee",stopOpacity:s?.18:.32}),(0,r.jsx)("stop",{offset:"70%",stopColor:s?"#0d9488":"#22d3ee",stopOpacity:s?.1:.18}),(0,r.jsx)("stop",{offset:"100%",stopColor:s?"#0d9488":"#22d3ee",stopOpacity:"0"})]})]}),(0,r.jsx)("rect",{width:"1000",height:"680",fill:"url(#topo-panel)"}),(0,r.jsxs)("g",{transform:`translate(${A.x} ${A.y}) scale(${A.zoom})`,children:["ring"===c&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("circle",{cx:500,cy:330,r:"330",fill:"url(#topo-radar)"}),!s&&(0,r.jsx)("g",{opacity:"0.5",children:Array.from({length:28}).map((e,t)=>{let a=9301*t+49297;return(0,r.jsx)("circle",{cx:13*a%1e3,cy:7*a%680,r:t%3==0?1.2:.7,fill:"#a5b4fc",opacity:.35+t%4*.05},t)})}),(0,r.jsx)("g",{style:{transformOrigin:"500px 330px",transformBox:"view-box"},className:"anet-topo-sweep",opacity:s?.7:1,children:(0,r.jsx)("path",{d:`M 500 330 L 830 330 A 330 330 0 0 0 ${500+330*Math.cos(-Math.PI/4.5)} ${330+330*Math.sin(-Math.PI/4.5)} Z`,fill:"url(#topo-sweep)"})}),[90,170,250,330].map(e=>(0,r.jsx)("circle",{cx:500,cy:330,r:e,fill:"none",stroke:n.ringStroke,strokeWidth:"1",opacity:s?.6:.35},e)),!s&&[0,.25,.5,.75].map((e,t)=>(0,r.jsx)("g",{children:(0,r.jsx)("circle",{cx:830,cy:330,r:0===t?2.8:2.2,fill:"#22d3ee",opacity:.9,filter:"url(#topo-glow)",children:(0,r.jsx)("animateTransform",{attributeName:"transform",type:"rotate",from:`${360*e} 500 330`,to:`${360*e+360} 500 330`,dur:"16s",repeatCount:"indefinite"})})},`orbit-${t}`)),[0,30,60,90,120,150].map(e=>(0,r.jsx)("line",{x1:500-360*Math.cos(e*Math.PI/180),y1:330-360*Math.sin(e*Math.PI/180),x2:500+360*Math.cos(e*Math.PI/180),y2:330+360*Math.sin(e*Math.PI/180),stroke:n.ringStroke,strokeWidth:"1",opacity:s?.35:.18},e))]}),"ring"===c&&w.map((e,t)=>{let a=N[e.alias];if(!a)return null;let s=u({x:500,y:330},a,0),l=_.has(e.alias);return(0,r.jsx)("path",{d:s,fill:"none",stroke:l?n.spokeStroke.active:n.spokeStroke.idle,strokeWidth:l?2:1,strokeDasharray:l?"none":"6 14",opacity:l?.7:.45,className:l?void 0:"anet-topo-spoke-flow",style:l?void 0:{animationDelay:`${-(.25*t)}s`}},`hub-${e.alias}`)}),S.map((e,t)=>{let a=N[e.from],l=N[e.to];if(!a||!l)return null;let i=u(a,l,t%2==0?36:-36),o=Math.min(2+e.count,7);return(0,r.jsxs)("g",{children:[(0,r.jsx)("path",{d:i,fill:"none",stroke:n.flowEdge,strokeWidth:o,opacity:s?.22:.28,filter:s?void 0:"url(#topo-glow)",markerEnd:"url(#topo-arrow)"}),(0,r.jsx)("path",{id:`flow-path-${t}`,d:i,fill:"none",stroke:n.flowPath,strokeWidth:"1",strokeDasharray:"2 12",opacity:s?.4:.75}),(0,r.jsx)("circle",{r:"4",fill:n.flowParticle,filter:s?void 0:"url(#topo-glow)",children:(0,r.jsx)("animateMotion",{dur:`${2.2+t%5*.32}s`,repeatCount:"indefinite",path:i})})]},e.key)}),"ring"===c&&(0,r.jsxs)("g",{children:[(0,r.jsx)("circle",{cx:500,cy:330,r:"18",fill:s?"#d1fae5":"#10b981",opacity:s?.35:.1}),(0,r.jsxs)("circle",{cx:500,cy:330,r:"10",fill:"none",stroke:"#10b981",strokeWidth:"1.5",children:[(0,r.jsx)("animate",{attributeName:"r",values:"10;38;10",dur:"2.4s",repeatCount:"indefinite"}),(0,r.jsx)("animate",{attributeName:"opacity",values:"0.55;0;0.55",dur:"2.4s",repeatCount:"indefinite"})]}),(0,r.jsxs)("circle",{cx:500,cy:330,r:"10",fill:"none",stroke:"#10b981",strokeWidth:"1.5",opacity:"0",children:[(0,r.jsx)("animate",{attributeName:"r",values:"10;38;10",dur:"2.4s",begin:"1.2s",repeatCount:"indefinite"}),(0,r.jsx)("animate",{attributeName:"opacity",values:"0.45;0;0.45",dur:"2.4s",begin:"1.2s",repeatCount:"indefinite"})]}),(0,r.jsx)("circle",{cx:500,cy:330,r:"10",fill:s?"#059669":"#10b981"}),(0,r.jsx)("circle",{cx:500,cy:330,r:"5",fill:"#d1fae5",opacity:"0.9"})]}),[...w,...k].map(e=>{let a=N[e.alias];if(!a)return null;let i=(e.network_id?t[`${e.network_id}:${e.alias}`]:void 0)??t[e.alias],o="offline"!==e.status||!!i,c=o?"working"===e.status?{label:"working",primary:s?"#059669":"#22c55e",halo:s?"#d1fae5":"#14532d",text:s?"#065f46":"#dcfce7"}:"idle"===e.status?{label:"idle",primary:s?"#0d9488":"#2dd4bf",halo:s?"#ccfbf1":"#134e4a",text:s?"#115e59":"#ccfbf1"}:{label:e.status||"online",primary:s?"#0284c7":"#38bdf8",halo:s?"#dbeafe":"#0c4a6e",text:s?"#0c4a6e":"#e0f2fe"}:{label:"offline",primary:s?"#94a3b8":"#6b7280",halo:s?"#e2e8f0":"#111827",text:s?"#475569":"#9ca3af"},x=_.has(e.alias),h=o?26:18,u=!z||$===e.alias||A.zoom>=1.4;return(0,r.jsxs)("g",{className:"transition-opacity",style:{cursor:"pointer"},onPointerDown:e=>e.stopPropagation(),onPointerEnter:()=>z&&T(e.alias),onPointerLeave:()=>z&&T(t=>t===e.alias?null:t),onClick:()=>O(e.alias),children:[x&&(0,r.jsxs)("circle",{cx:a.x,cy:a.y,r:h+14,fill:c.primary,opacity:s?.08:.12,children:[(0,r.jsx)("animate",{attributeName:"r",values:`${h+8};${h+22};${h+8}`,dur:"2.4s",repeatCount:"indefinite"}),(0,r.jsx)("animate",{attributeName:"opacity",values:s?"0.12;0.02;0.12":"0.18;0.04;0.18",dur:"2.4s",repeatCount:"indefinite"})]}),(0,r.jsx)("circle",{cx:a.x,cy:a.y,r:h+8,fill:c.halo,opacity:o?s?.85:.65:s?.4:.25}),(0,r.jsx)("circle",{cx:a.x,cy:a.y,r:h,fill:o?n.nodeFill.online:n.nodeFill.offline,stroke:c.primary,strokeWidth:o?3:1.5,strokeDasharray:o?"none":"5 5",filter:o&&!s?"url(#topo-glow)":void 0}),(()=>{if(l||/书生|书小生|intern/i.test(e.alias)){let e=2*h;return(0,r.jsx)("image",{href:"/intern_avatar.png",x:a.x-e/2,y:a.y-e/2,width:e,height:e,preserveAspectRatio:"xMidYMid meet"})}let t=(0,d.aliasAvatarColors)(C[e.alias]||e.alias);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("circle",{cx:a.x,cy:a.y,r:o?14:10,fill:t.bg,stroke:t.ring,strokeWidth:"1"}),(0,r.jsx)("text",{x:a.x,y:a.y,dy:"0.34em",textAnchor:"middle",fill:t.text,fontSize:o?14:10,fontFamily:"monospace",fontWeight:"700",children:(0,d.aliasInitial)(e.alias)})]})})(),"working"===e.status&&(0,r.jsx)("circle",{cx:a.x,cy:a.y-(o?18:13),r:"2.5",fill:n.flowParticle,children:(0,r.jsx)("animate",{attributeName:"opacity",values:"1;0.25;1",dur:"1.1s",repeatCount:"indefinite"})}),u?(0,r.jsxs)("g",{transform:`translate(${a.x}, ${a.y+h+22})`,style:{pointerEvents:"none"},children:[(0,r.jsx)("rect",{x:"-50",y:"-14",width:"100",height:"42",rx:"6",fill:n.labelBox.fill,stroke:n.labelBox.stroke,opacity:s?1:.94}),(0,r.jsx)("text",{x:"0",y:"1",textAnchor:"middle",fill:c.text,fontSize:"12",fontFamily:"monospace",fontWeight:"700",children:m(e.alias,12)}),(0,r.jsxs)("text",{x:"0",y:"17",textAnchor:"middle",fill:c.primary,fontSize:"9",fontFamily:"monospace",children:[c.label,o&&null!=i?` sse:${i}`:""]})]}):(0,r.jsx)("text",{x:a.x,y:a.y+h+14,textAnchor:"middle",fill:c.text,fontSize:"10",fontFamily:"monospace",fontWeight:"700",opacity:.9,style:{pointerEvents:"none",paintOrder:"stroke"},stroke:n.containerBg,strokeWidth:"3",children:m(e.alias,10)})]},e.alias)}),(0,r.jsxs)("g",{transform:"translate(28, 34)",children:[(0,r.jsx)("rect",{x:"0",y:"0",width:"285",height:60+20*Math.min(S.length,4),rx:"8",fill:n.legendBox.fill,stroke:n.legendBox.stroke,opacity:s?1:.94}),(0,r.jsx)("text",{x:"16",y:"26",fill:n.legendHeadline,fontSize:"13",fontFamily:"monospace",fontWeight:"700",children:"recent signal"}),(0,r.jsxs)("text",{x:"178",y:"26",fill:n.legendAccent,fontSize:"11",fontFamily:"monospace",children:[i.length," messages"]}),S.slice(0,4).map((e,t)=>(0,r.jsxs)("text",{x:"16",y:54+20*t,fill:n.legendText,fontSize:"10",fontFamily:"monospace",children:[m(e.from,8)," ","->"," ",m(e.to,8)," / ",e.count," / ",m(e.content,18)]},e.key))]}),(0,r.jsxs)("g",{transform:"translate(720, 34)",children:[(0,r.jsx)("rect",{x:"0",y:"0",width:"250",height:"112",rx:"8",fill:n.legendBox.fill,stroke:n.legendBox.stroke,opacity:s?1:.94}),(0,r.jsx)("circle",{cx:"18",cy:"26",r:"6",fill:s?"#059669":"#22c55e"}),(0,r.jsx)("text",{x:"34",y:"30",fill:n.legendText,fontSize:"11",fontFamily:"monospace",children:"working node"}),(0,r.jsx)("circle",{cx:"18",cy:"52",r:"6",fill:s?"#0d9488":"#2dd4bf"}),(0,r.jsx)("text",{x:"34",y:"56",fill:n.legendText,fontSize:"11",fontFamily:"monospace",children:"online idle"}),(0,r.jsx)("circle",{cx:"18",cy:"78",r:"6",fill:s?"#94a3b8":"#6b7280"}),(0,r.jsx)("text",{x:"34",y:"82",fill:n.legendText,fontSize:"11",fontFamily:"monospace",children:"offline / no SSE"}),(0,r.jsx)("path",{d:"M150,78 Q176,52 210,78",fill:"none",stroke:n.flowEdge,strokeWidth:"3",markerEnd:"url(#topo-arrow)"})]})]})]}),(0,r.jsxs)("div",{className:"absolute bottom-3 right-3 flex items-center gap-1.5 text-xs select-none",children:[(0,r.jsxs)("div",{className:"flex items-center rounded-md border overflow-hidden",style:{background:n.legendBox.fill,borderColor:n.containerBorder},children:[(0,r.jsx)("button",{onClick:()=>Y(1/1.2),className:"px-2 py-1 hover:bg-white/5 transition-colors",style:{color:n.legendText},"aria-label":"Zoom out",children:(0,r.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round","aria-hidden":!0,children:(0,r.jsx)("path",{d:"M5 12h14"})})}),(0,r.jsxs)("span",{className:"px-2 py-1 tabular-nums border-x text-center",style:{color:n.legendText,borderColor:n.containerBorder,minWidth:46},title:"Current zoom level",children:[Math.round(100*A.zoom),"%"]}),(0,r.jsx)("button",{onClick:()=>Y(1.2),className:"px-2 py-1 hover:bg-white/5 transition-colors",style:{color:n.legendText},"aria-label":"Zoom in",children:(0,r.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round","aria-hidden":!0,children:(0,r.jsx)("path",{d:"M12 5v14M5 12h14"})})})]}),(0,r.jsx)("button",{onClick:()=>F({zoom:1,x:0,y:0}),className:"p-1.5 rounded-md border hover:bg-white/5 transition-colors",style:{background:n.legendBox.fill,borderColor:n.containerBorder,color:n.legendText},"aria-label":"Reset view",title:"Reset zoom + pan (or double-click the canvas)",children:(0,r.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[(0,r.jsx)("path",{d:"M3 12a9 9 0 1 0 9-9 9 9 0 0 0-6.4 2.6L3 8"}),(0,r.jsx)("path",{d:"M3 3v5h5"})]})}),(0,r.jsx)("button",{onClick:()=>{let e=E.current;if(e)if(document.fullscreenElement)document.exitFullscreen?.();else{let t=e.requestFullscreen||e.webkitRequestFullscreen;t?.call(e)}},className:"p-1.5 rounded-md border hover:bg-white/5 transition-colors",style:{background:n.legendBox.fill,borderColor:n.containerBorder,color:n.legendText},"aria-label":B?"Exit fullscreen":"Enter fullscreen",title:B?"Exit fullscreen":"Fullscreen",children:B?(0,r.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:(0,r.jsx)("path",{d:"M8 3v4a1 1 0 0 1-1 1H3M21 8h-4a1 1 0 0 1-1-1V3M3 16h4a1 1 0 0 1 1 1v4M16 21v-4a1 1 0 0 1 1-1h4"})}):(0,r.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:(0,r.jsx)("path",{d:"M3 8V5a2 2 0 0 1 2-2h3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M21 16v3a2 2 0 0 1-2 2h-3"})})})]}),W&&(0,r.jsx)(x,{alias:W,onClose:()=>O(null)})]})]})}let v={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:""}},j={bg:"bg-gray-800/50 border-gray-700/30",text:"text-gray-500",dot:"bg-gray-500",glow:""};function w({session:e,hasSse:t,sseCount:a,onChat:l}){let i=t&&v[e.status]||j;return(0,r.jsxs)(s.default,{href:`/node?alias=${encodeURIComponent(e.alias)}`,prefetch:!1,className:`anet-agent-card group relative block rounded-xl border p-4 transition-all duration-300 cursor-pointer hover:-translate-y-0.5 ${t?`bg-[#111128] border-[#2a2a4a] hover:border-cyan-500/30 hover:shadow-lg ${i.glow}`:"bg-[#0d0d1a] border-[#1a1a2a] opacity-40"}`,children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,r.jsx)(d.AliasAvatar,{alias:e.alias,size:22}),(0,r.jsx)("span",{className:"font-semibold text-white truncate text-sm",title:e.alias,children:e.alias}),(0,r.jsx)("span",{className:`inline-block w-1.5 h-1.5 rounded-full shrink-0 ${i.dot} ${t&&"working"===e.status?"animate-pulse":""}`})]}),(0,r.jsx)("span",{className:`text-[11px] px-2 py-0.5 rounded-md border shrink-0 ${i.bg} ${i.text}`,children:t?e.status:"offline"})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2 mb-3",children:[(0,r.jsx)("span",{className:"text-xs text-gray-600 bg-[#0a0a15] px-2 py-0.5 rounded border border-[#1a1a2a]",children:e.agent||"unknown"}),t&&(0,r.jsxs)("span",{className:"text-[10px] text-green-500",children:["SSE:",a]})]}),e.task?(0,r.jsx)("div",{className:"text-xs text-gray-400 bg-[#0a0a15] rounded-lg px-3 py-2 border border-[#1a1a2a] line-clamp-2",title:e.task,children:e.task}):(0,r.jsx)("div",{className:"text-xs text-gray-700 italic",children:"No active task"}),e.progress>0&&(0,r.jsxs)("div",{className:"mt-3",children:[(0,r.jsxs)("div",{className:"flex justify-between text-[10px] mb-1",children:[(0,r.jsx)("span",{className:"text-gray-600",children:"Progress"}),(0,r.jsxs)("span",{className:i.text,children:[e.progress,"%"]})]}),(0,r.jsx)("div",{className:"w-full bg-gray-800 rounded-full h-1.5 overflow-hidden",children:(0,r.jsx)("div",{className:`h-1.5 rounded-full transition-all duration-700 ${"working"===e.status?"bg-green-500":"bg-cyan-500"}`,style:{width:`${Math.min(e.progress,100)}%`}})})]}),(0,r.jsxs)("div",{className:"mt-3 flex justify-between items-center text-[10px] text-gray-600",children:[(0,r.jsx)("span",{className:"truncate",title:e.server||"",children:e.server||"--"}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[l&&t&&(0,r.jsx)("button",{onClick:t=>{t.preventDefault(),t.stopPropagation(),l(e.alias)},className:"text-cyan-400 hover:text-cyan-300 px-1.5 py-0.5 rounded border border-cyan-500/20 hover:bg-cyan-500/10 transition-colors",children:"Chat"}),(0,r.jsx)("span",{children:(0,n.timeAgo)(e.updated_at)}),(0,r.jsx)("svg",{"aria-hidden":!0,className:"w-3 h-3 text-gray-700 opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,r.jsx)("path",{d:"M9 18l6-6-6-6"})})]})]})]})}function k({messages:e}){return 0===e.length?null:(0,r.jsxs)("div",{className:"mt-8",children:[(0,r.jsxs)("h2",{className:"text-lg font-semibold text-white mb-3 flex items-center gap-2",children:[(0,r.jsx)("span",{className:"text-gray-500",children:"Inbox"}),(0,r.jsx)("span",{className:"text-xs bg-blue-900/30 text-blue-400 px-2 py-0.5 rounded-full border border-blue-800/30",children:e.length})]}),(0,r.jsx)("div",{className:"space-y-2 max-h-96 overflow-y-auto pr-1 scrollbar-thin",children:e.map(e=>(0,r.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-3 text-sm transition-colors hover:border-[#3a3a5a]",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 text-xs mb-1.5",children:[e.from_session&&(0,r.jsx)(d.AliasAvatar,{alias:e.from_session,size:16}),(0,r.jsx)("span",{className:"text-gray-200 font-medium truncate",children:e.from_session}),(0,r.jsx)("span",{className:"ml-auto text-gray-600 shrink-0",title:e.created_at,children:(0,n.timeAgo)(e.created_at)})]}),(0,r.jsx)("div",{className:"text-gray-300 leading-relaxed line-clamp-3",title:e.content||"",children:(0,n.previewContent)(e.content)})]},e.id))})]})}function N(){return(0,r.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,r.jsx)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3 mb-8 anet-skeleton-pulse",children:[1,2,3,4].map(e=>(0,r.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] px-4 py-3",children:[(0,r.jsx)(S,{w:"2.5rem",h:"1.75rem"}),(0,r.jsx)(S,{w:"3.5rem",h:"0.75rem",className:"mt-2"}),(0,r.jsx)(S,{w:"5rem",h:"0.625rem",className:"mt-1"})]},e))}),(0,r.jsxs)("div",{className:"flex items-center gap-3 mb-3 anet-skeleton-pulse",children:[(0,r.jsx)(S,{w:"6rem",h:"2.5rem",rounded:"0.75rem"}),(0,r.jsxs)("div",{className:"flex-1 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-2.5 flex items-center gap-3",children:[(0,r.jsx)("div",{className:"w-8 h-8 rounded-full anet-skeleton-bar"}),(0,r.jsxs)("div",{className:"flex-1",children:[(0,r.jsx)(S,{w:"6rem",h:"0.875rem"}),(0,r.jsx)(S,{w:"10rem",h:"0.625rem",className:"mt-1"})]})]})]}),(0,r.jsx)("div",{className:"mb-6 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 anet-skeleton-pulse",children:(0,r.jsx)(S,{w:"14rem",h:"0.875rem"})}),(0,r.jsx)("div",{className:"grid grid-cols-3 gap-2 sm:gap-3 mb-3 anet-skeleton-pulse",children:[1,2,3].map(e=>(0,r.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] px-3 py-3",children:[(0,r.jsx)(S,{w:"2rem",h:"1.25rem"}),(0,r.jsx)(S,{w:"2.5rem",h:"0.75rem",className:"mt-1"}),(0,r.jsx)(S,{w:"3.5rem",h:"0.625rem",className:"mt-px"})]},e))}),(0,r.jsx)("div",{className:"grid grid-cols-3 gap-2 sm:gap-3 mb-6 anet-skeleton-pulse",children:[1,2,3].map(e=>(0,r.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] px-3 py-2.5 flex items-center justify-center gap-2",children:[(0,r.jsx)("div",{className:"w-4 h-4 rounded anet-skeleton-bar"}),(0,r.jsx)(S,{w:"4rem",h:"0.75rem"})]},e))}),(0,r.jsxs)("div",{className:"mb-6 flex gap-2 anet-skeleton-pulse",children:[(0,r.jsx)("div",{className:"flex-1 h-10 rounded-lg border border-[#2a2a4a] bg-[#111128]"}),(0,r.jsx)("div",{className:"w-28 h-10 rounded-lg anet-skeleton-bar"})]}),(0,r.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 gap-3 sm:gap-4 anet-skeleton-pulse",children:[1,2,3,4].map(e=>(0,r.jsxs)("div",{className:"rounded-xl border border-[#2a2a4a] bg-[#111128] p-4",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 mb-3",children:[(0,r.jsx)("div",{className:"w-2 h-2 rounded-full anet-skeleton-bar"}),(0,r.jsx)(S,{w:"6rem",h:"0.875rem"})]}),(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)(S,{w:"100%",h:"0.625rem"}),(0,r.jsx)(S,{w:"75%",h:"0.625rem"}),(0,r.jsx)(S,{w:"55%",h:"0.625rem"})]})]},e))})]})}function S({w:e,h:t,rounded:a,className:s}){return(0,r.jsx)("div",{className:`anet-skeleton-bar ${s||""}`,style:{width:e,height:t,borderRadius:a||"0.375rem"}})}var _=e.i(95356),C=e.i(28490),M=e.i(58963);function z(){let{setNetworkId:e}=(0,M.useNetworkId)(),[t,s]=(0,a.useState)({user:null,networks:[],currentNetwork:"",token:""}),[n,l]=(0,a.useState)(!1),[i,o]=(0,a.useState)(""),[d,c]=(0,a.useState)(""),[x,h]=(0,a.useState)(""),[u,m]=(0,a.useState)(!1);(0,a.useEffect)(()=>{let e=sessionStorage.getItem("anet_v3_auth");if(e)try{s(JSON.parse(e))}catch{}},[]);let[f,p]=(0,a.useState)(!1),[g,b]=(0,a.useState)(""),[y,v]=(0,a.useState)(""),j=async()=>{try{await fetch(`/api/hub/auth?token=${t.token}&endpoint=/api/auth/me`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"update_profile",token:t.token,display_name:g,email:y})});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:y})}),r=await e.json();if(r.ok&&r.user){let e={...t,user:r.user};s(e),sessionStorage.setItem("anet_v3_auth",JSON.stringify(e)),p(!1)}}catch{}};if(!t.user)return null;let w=(t.user.display_name||t.user.username).slice(0,2).toUpperCase();return(0,r.jsxs)("div",{className:"flex items-center justify-between bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-2.5 mb-4",children:[(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[(0,r.jsx)("div",{className:"w-8 h-8 rounded-full bg-gradient-to-br from-cyan-500 to-blue-600 flex items-center justify-center text-xs font-bold text-white",children:w}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-sm text-white font-medium",children:t.user.display_name||t.user.username}),(0,r.jsxs)("div",{className:"text-[10px] text-gray-500",children:[t.user.role," · ",t.user.user_id]})]})]}),(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[t.networks.length>0&&(0,r.jsx)("select",{value:t.currentNetwork,onChange:r=>{let a={...t,currentNetwork:r.target.value};s(a),e(r.target.value),sessionStorage.setItem("anet_v3_auth",JSON.stringify(a))},className:"bg-[#0a0a15] border border-[#2a2a4a] rounded px-2 py-1 text-xs text-white focus:outline-none",children:t.networks.map(e=>(0,r.jsx)("option",{value:e.network_id,children:e.network_name},e.network_id))}),(0,r.jsxs)("button",{onClick:()=>{b(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,r.jsx)("span",{className:"hidden sm:inline",children:"Edit"}),(0,r.jsx)("svg",{className:"sm:hidden w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"1.5",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 011.13-1.897L16.862 4.487z"})})]}),(0,r.jsxs)("button",{onClick:()=>{s({user:null,networks:[],currentNetwork:"",token:""}),sessionStorage.removeItem("anet_v3_auth")},className:"text-xs text-gray-500 hover:text-gray-300 whitespace-nowrap","aria-label":"Sign out",children:[(0,r.jsx)("span",{className:"hidden sm:inline",children:"Sign out"}),(0,r.jsx)("svg",{className:"sm:hidden w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"1.5",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9"})})]})]}),f&&(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-2 mt-2 pt-2 border-t border-[#2a2a4a]",children:[(0,r.jsx)("input",{type:"text",value:g,onChange:e=>b(e.target.value),placeholder:"Display name",className:"bg-[#0a0a15] border border-[#2a2a4a] rounded px-2 py-1 text-xs text-white placeholder-gray-600 focus:outline-none w-32"}),(0,r.jsx)("input",{type:"email",value:y,onChange:e=>v(e.target.value),placeholder:"Email",className:"bg-[#0a0a15] border border-[#2a2a4a] rounded px-2 py-1 text-xs text-white placeholder-gray-600 focus:outline-none w-40"}),(0,r.jsx)("button",{onClick:j,className:"px-2 py-1 bg-cyan-600 hover:bg-cyan-500 text-white text-xs rounded",children:"Save"})]})]})}var $=e.i(21373);function T({tabs:e,activeTab:t,onOpenTab:a,onCloseTab:s,onSetActive:n,onClose:l}){return 0===e.length?null:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{onClick:l,className:"jsx-f7cf3d1a6fdfc074 fixed inset-0 bg-black/30 z-40 lg:hidden"}),(0,r.jsxs)("div",{className:"jsx-f7cf3d1a6fdfc074 fixed top-0 right-0 h-full w-full lg:w-[500px] bg-[#0a0a1a] border-l border-[#2a2a4a] z-50 flex flex-col shadow-2xl shadow-black/60 animate-slide-in",children:[(0,r.jsxs)("div",{className:"jsx-f7cf3d1a6fdfc074 flex items-center border-b border-[#2a2a4a] bg-[#0d0d1a] overflow-x-auto",children:[(0,r.jsx)("div",{className:"jsx-f7cf3d1a6fdfc074 flex-1 flex min-w-0",children:e.map(e=>(0,r.jsxs)("button",{onClick:()=>n(e),className:`jsx-f7cf3d1a6fdfc074 flex items-center gap-1.5 px-3 py-2.5 text-xs border-b-2 transition-colors shrink-0 ${t===e?"border-cyan-400 text-cyan-300 bg-cyan-500/5":"border-transparent text-gray-500 hover:text-gray-300"}`,children:[(0,r.jsx)("div",{className:`jsx-f7cf3d1a6fdfc074 w-2 h-2 rounded-full ${t===e?"bg-cyan-400":"bg-gray-600"}`}),(0,r.jsx)("span",{className:"jsx-f7cf3d1a6fdfc074 max-w-[80px] truncate",children:e}),(0,r.jsx)("button",{onClick:t=>{t.stopPropagation(),s(e)},className:"jsx-f7cf3d1a6fdfc074 ml-1 text-gray-600 hover:text-gray-300 p-0.5",children:"×"})]},e))}),(0,r.jsx)("button",{onClick:l,className:"jsx-f7cf3d1a6fdfc074 text-gray-500 hover:text-white px-3 py-2.5 shrink-0 border-l border-[#2a2a4a]",children:(0,r.jsx)("svg",{fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,className:"jsx-f7cf3d1a6fdfc074 w-4 h-4",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12",className:"jsx-f7cf3d1a6fdfc074"})})})]}),(0,r.jsx)("div",{className:"jsx-f7cf3d1a6fdfc074 flex-1 relative overflow-hidden",children:e.map(e=>(0,r.jsx)("div",{className:`jsx-f7cf3d1a6fdfc074 absolute inset-0 ${t===e?"block":"hidden"}`,children:(0,r.jsx)(E,{alias:e})},e))})]}),(0,r.jsx)($.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 E({alias:e}){return(0,r.jsx)(c.TaskChatPanel,{alias:e,onClose:()=>{},inline:!0})}function P({sessions:e,onClose:t}){let[s,n]=(0,a.useState)(new Set),[l,i]=(0,a.useState)(""),[o,c]=(0,a.useState)("normal"),[x,h]=(0,a.useState)(!1),[u,m]=(0,a.useState)([]),[f,p]=(0,a.useState)(""),g=e.filter(e=>"offline"!==e.status).filter(e=>!f||e.alias.toLowerCase().includes(f.toLowerCase())||(e.agent||"").toLowerCase().includes(f.toLowerCase())),b=async()=>{if(!l.trim()||0===s.size||x)return;h(!0),m([]);let e=[...s].map(async e=>{try{let t=await fetch("/api/hub/send",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({alias:e,task:l,priority:o})}),r=await t.json();return{alias:e,ok:!!r.ok,error:r.error}}catch(t){return{alias:e,ok:!1,error:"send failed"}}});m(await Promise.all(e)),h(!1)},y=u.filter(e=>e.ok).length;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"fixed inset-0 bg-black/50 z-40 anet-fade-in",onClick:t}),(0,r.jsxs)("div",{className:"fixed inset-4 lg:inset-x-[15%] lg:inset-y-[5%] bg-[#0a0a1a] border border-[#2a2a4a] rounded-2xl z-50 flex flex-col shadow-2xl shadow-black/70 overflow-hidden anet-fade-in",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between px-6 py-4 border-b border-[#2a2a4a] bg-[#0d0d1a]",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-lg font-bold text-white",children:"Dispatch Task"}),(0,r.jsx)("p",{className:"text-xs text-gray-500 mt-0.5",children:"Send a task to one or more agents"})]}),(0,r.jsx)("button",{onClick:t,className:"text-gray-500 hover:text-white p-1.5 rounded-lg hover:bg-[#1a1a2a]",children:(0,r.jsx)("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})})]}),(0,r.jsxs)("div",{className:"flex-1 flex flex-col lg:flex-row overflow-hidden",children:[(0,r.jsxs)("div",{className:"lg:w-[280px] border-b lg:border-b-0 lg:border-r border-[#2a2a4a] flex flex-col",children:[(0,r.jsxs)("div",{className:"px-4 py-3 border-b border-[#2a2a4a]",children:[(0,r.jsx)("input",{type:"text",value: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,r.jsxs)("div",{className:"flex items-center justify-between mt-2",children:[(0,r.jsx)("button",{onClick:()=>{s.size===g.length?n(new Set):n(new Set(g.map(e=>e.alias)))},className:"text-[10px] text-cyan-400 hover:text-cyan-300",children:s.size===g.length?"Deselect all":`Select all (${g.length})`}),(0,r.jsxs)("span",{className:"text-[10px] text-gray-600",children:[s.size," selected"]})]})]}),(0,r.jsxs)("div",{className:"flex-1 overflow-y-auto px-2 py-2 space-y-0.5 max-h-[200px] lg:max-h-none",children:[g.map(e=>(0,r.jsxs)("button",{onClick:()=>{var t;return t=e.alias,void n(e=>{let r=new Set(e);return r.has(t)?r.delete(t):r.add(t),r})},className:`w-full flex items-center gap-2 px-3 py-2 rounded-lg text-xs text-left transition-colors ${s.has(e.alias)?"bg-cyan-500/10 text-cyan-300 border border-cyan-500/20":"text-gray-400 hover:bg-[#1a1a2a]"}`,children:[(0,r.jsx)(d.AliasAvatar,{alias:e.alias,size:16}),(0,r.jsx)("div",{className:`w-1.5 h-1.5 rounded-full shrink-0 ${"working"===e.status?"bg-green-400":"idle"===e.status?"bg-cyan-400":"bg-gray-500"}`}),(0,r.jsx)("span",{className:"truncate flex-1",children:e.alias}),(0,r.jsx)("span",{className:"text-[9px] text-gray-600",children:e.agent||"--"})]},e.alias)),0===g.length&&(0,r.jsx)("div",{className:"text-center text-xs text-gray-600 py-4",children:"No online agents"})]})]}),(0,r.jsxs)("div",{className:"flex-1 flex flex-col",children:[(0,r.jsxs)("div",{className:"flex-1 px-6 py-4 flex flex-col",children:[(0,r.jsx)("label",{className:"text-xs text-gray-500 uppercase mb-2",children:"Task Prompt"}),(0,r.jsx)("textarea",{value:l,onChange:e=>i(e.target.value),placeholder:"Enter the task you want to dispatch...",className:"flex-1 min-h-[120px] bg-[#111128] border border-[#2a2a4a] rounded-xl px-4 py-3 text-sm text-white placeholder-gray-600 focus:border-cyan-500/40 focus:outline-none resize-none"}),(0,r.jsxs)("div",{className:"flex items-center gap-3 mt-4",children:[(0,r.jsxs)("select",{value:o,onChange:e=>c(e.target.value),className:"bg-[#111128] border border-[#2a2a4a] rounded-lg px-3 py-2 text-xs text-white focus:outline-none",children:[(0,r.jsx)("option",{value:"normal",children:"Normal priority"}),(0,r.jsx)("option",{value:"high",children:"High priority"}),(0,r.jsx)("option",{value:"low",children:"Low priority"})]}),(0,r.jsx)("div",{className:"flex-1"}),(0,r.jsx)("button",{onClick:b,disabled:x||!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:x?(0,r.jsxs)("span",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:"w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin"}),"Sending..."]}):`Dispatch to ${s.size} agent${s.size>1?"s":""}`})]})]}),u.length>0&&(0,r.jsxs)("div",{className:"px-6 py-3 border-t border-[#2a2a4a] bg-[#0d0d1a]",children:[(0,r.jsxs)("div",{className:"text-xs text-gray-500 mb-2",children:[y,"/",u.length," dispatched successfully"]}),(0,r.jsx)("div",{className:"flex flex-wrap gap-1.5",children:u.map(e=>(0,r.jsxs)("span",{className:`flex items-center gap-1.5 text-[10px] pl-1 pr-2 py-0.5 rounded-full border ${e.ok?"text-green-300 border-green-500/20 bg-green-500/5":"text-red-300 border-red-500/20 bg-red-500/5"}`,children:[(0,r.jsx)(d.AliasAvatar,{alias:e.alias,size:14}),(0,r.jsx)("span",{children:e.alias}),(0,r.jsx)("span",{"aria-hidden":!0,children:e.ok?"✓":e.error||"✗"})]},e.alias))})]})]})]})]})]})}var A=e.i(65822),F=e.i(51280),R=e.i(71235);e.s(["default",0,function(){let e,i,c,x,h;(0,a.useEffect)(()=>{sessionStorage.getItem("anet_v3_auth")||(fetch("/api/auth/logout",{method:"POST"}).catch(()=>{}),window.location.assign("/login"))},[]);let{sessions:u,hint:m,error:f,isLoading:p}=(0,A.useSessions)(),{health:g}=(0,A.useHealth)(),{config:b}=(0,A.useAnetConfig)(),{tasks:v}=(0,A.useTasks)({limit:"500"}),{stats:j}=(0,A.useStats)(),[S,M]=(0,a.useState)(window.innerWidth>=1024),[$,E]=(0,a.useState)(!1),L=function(){let[e,t]=(0,a.useState)([]),[r,s]=(0,a.useState)("");return{tabs:e,activeTab:r,openTab:e=>{t(t=>t.includes(e)?t:[...t,e]),s(e)},closeTab:e=>{t(t=>{let a=t.filter(t=>t!==e);return r===e&&s(a[a.length-1]||""),a})},closeAll:()=>{t([]),s("")},setActiveTab:s}}(),[B,I]=(0,a.useState)(!1),[W,O]=(0,a.useState)([]),[H,Y]=(0,a.useState)("all"),{mutate:X}=(0,R.useSWRConfig)(),D="1"!==t.default.env.NEXT_PUBLIC_DISABLE_SSE,{connected:U,supported:G}=(0,F.useSSE)({url:"/api/hub/events",enabled:D,onEvent:e=>{["new_task","new_message","new_reply","node_status_changed","broadcast"].includes(e.type)&&(X("/api/hub/status"),X(e=>"string"==typeof e&&e.startsWith("/api/hub/tasks"),void 0,{revalidate:!0}))}});if((0,a.useEffect)(()=>{let e=()=>{fetch("/api/hub/inbox").then(e=>e.json()).then(e=>{e.messages?.length&&O(t=>{let r=new Set(t.map(e=>e.id));return[...e.messages.filter(e=>!r.has(e.id)),...t].slice(0,100)})}).catch(()=>{})};e();let t=setInterval(e,1e4);return()=>clearInterval(t)},[]),p)return(0,r.jsx)(N,{});let J=g?.sse_sessions||{},V=e=>(e.network_id?J[`${e.network_id}:${e.alias}`]:void 0)??J[e.alias],q=e=>"offline"!==e.status||!!V(e),Z=u.filter(q).length,K=u.length,Q=u.filter(e=>"working"===e.status).length,ee=g?(0,n.formatUptime)(g.uptime):"--",et=g?.version||"--",er=!!(b?.hub&&b.tokenConfigured),ea=b?.source==="file"?"Local config":b?.source==="runtime-env"?"Runtime env":"Config missing",es={};if(j?.tasks?.by_status?.length)for(let e of j.tasks.by_status)es[e.status]=e.count;else for(let e of v)es[e.status]=(es[e.status]||0)+1;let en=[...u].sort((e,t)=>{let r=+!!q(e),a=+!!q(t);if(r!==a)return a-r;let s=+("working"===e.status);return("working"===t.status)-s}),el=0===u.length&&!f;return(0,r.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,r.jsx)("div",{className:"lg:ml-0 ml-10",children:(0,r.jsx)(l,{online:Z,working:Q,total:K,version:et,uptime:ee})}),(0,r.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[!el&&(0,r.jsx)("button",{onClick:()=>I(!0),className:"px-4 py-2 bg-gradient-to-r from-cyan-600 to-blue-600 hover:from-cyan-500 hover:to-blue-500 text-white text-sm font-medium rounded-xl shadow-lg shadow-cyan-500/10 transition-all active:scale-95 shrink-0",children:"⚡ Dispatch"}),(0,r.jsx)("div",{className:"flex-1",children:(0,r.jsx)(z,{})})]}),(0,r.jsxs)("section",{className:"mb-6 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 shadow-lg shadow-black/20",children:[(0,r.jsxs)("button",{onClick:()=>E(!$),className:"w-full flex items-center justify-between text-left",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 text-xs",children:[(0,r.jsx)("span",{className:"uppercase text-gray-600",children:"Config"}),(0,r.jsx)("span",{className:`w-2 h-2 rounded-full ${er?"bg-green-400":"bg-red-400"}`}),(0,r.jsx)("span",{className:"text-gray-500",children:ea})]}),(0,r.jsx)("svg",{className:`w-4 h-4 text-gray-600 transition-transform ${$?"rotate-180":""}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 9l-7 7-7-7"})})]}),$&&(0,r.jsxs)("div",{className:"mt-3 pt-3 border-t border-[#2a2a4a]",children:[(0,r.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,r.jsx)("div",{className:"min-w-0",children:(0,r.jsxs)("div",{className:"text-gray-100 truncate text-sm",title:b?.hub||void 0,children:["Hub: ",(0,r.jsx)("span",{className:b?.hub?"text-cyan-300":"text-red-300",children:b?.hub?.trim()||"not configured"})]})}),(0,r.jsx)("div",{className:"flex flex-wrap gap-2 text-xs",children:(0,r.jsxs)("span",{className:`px-2.5 py-1 rounded-md border ${b?.tokenConfigured?"bg-blue-500/5 text-blue-300 border-blue-500/20":"bg-gray-500/5 text-gray-400 border-gray-500/20"}`,children:["Token: ",b?.tokenPreview||"not configured"]})})]}),b?.error&&(0,r.jsx)("div",{className:"mt-2 text-xs text-gray-600",children:b.error})]})]}),Object.keys(es).length>0&&(0,r.jsxs)("section",{className:"mb-6 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 shadow-lg shadow-black/20",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,r.jsx)("div",{className:"text-xs uppercase text-gray-600",children:"Task Status"}),(0,r.jsx)(s.default,{href:"/tasks",prefetch:!1,className:"text-xs text-cyan-400 hover:text-cyan-300",children:"View all →"})]}),(0,r.jsx)("div",{className:"flex flex-wrap gap-2",children:["running","delivered","acked","replied","created","failed","cancelled","expired","closed"].filter(e=>es[e]).map(e=>(0,r.jsxs)(s.default,{href:`/tasks?status=${e}`,prefetch:!1,className:`px-2.5 py-1 rounded-md border text-xs ${C.STATUS_CHIP_CLASS[e]} hover:opacity-80 transition-opacity`,children:[e,": ",es[e]]},e))})]}),!el&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"text-[10px] uppercase tracking-[0.12em] text-gray-600 mb-2",children:"Quick navigation"}),(0,r.jsx)("section",{className:"mb-3 grid grid-cols-3 gap-2 sm:gap-3",children:(e=u.filter(e=>q(e)&&"working"!==e.status).length,i=K-Z,c=v.filter(e=>"failed"===e.status).length,[{href:"/nodes",label:"Nodes",value:`${Z}/${K}`,sub:`${K>0?Math.round(Z/K*100):0}% online`,color:"text-green-400 border-green-500/20",popover:0===K?null:[{k:"working",v:Q,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(es).reduce((e,t)=>e+t,0)||0),sub:"all-time",color:"text-cyan-400 border-cyan-500/20",popover:0===Object.keys(es).length?null:["running","replied","failed","cancelled","expired","closed","created","delivered","acked"].filter(e=>es[e]).map(e=>({k:e,v:es[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(es.failed||0),sub:es.failed?"needs review":"none",color:es.failed?"text-red-400 border-red-500/25":"text-gray-500 border-gray-700/30",popover:c?[{k:`${c} in current view`,v:"",dot:"",color:"#f87171"}]:[{k:"no failures yet",v:"",dot:"",color:"#4b5563"}]}].map(e=>(0,r.jsxs)(s.default,{href:e.href,prefetch:!1,className:`anet-stat-link group relative rounded-xl border ${e.color} bg-[#111128] px-3 py-3 transition-all hover:-translate-y-px`,children:[(0,r.jsxs)("div",{className:"flex items-baseline justify-between",children:[(0,r.jsx)("div",{className:`text-xl font-semibold tabular-nums ${e.color.split(" ")[0]}`,children:e.value}),(0,r.jsx)("div",{className:"hidden sm:block text-[10px] text-gray-600 group-hover:text-gray-400 transition-colors",children:"View →"})]}),(0,r.jsx)("div",{className:"text-[11px] text-gray-400 mt-0.5",children:e.label}),(0,r.jsx)("div",{className:"text-[10px] text-gray-600 mt-px",children:e.sub}),e.popover&&e.popover.length>0&&(0,r.jsxs)("div",{className:"anet-stat-popover hidden md:block pointer-events-none absolute left-2 right-2 top-full mt-1 z-20 rounded-lg border border-[#2a2a4a] bg-[#0d0d1a] shadow-lg shadow-black/30 px-3 py-2 opacity-0 translate-y-[-2px] group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-150 delay-100",children:[(0,r.jsx)("div",{className:"text-[10px] text-gray-600 uppercase tracking-wider mb-1.5",children:"Breakdown"}),(0,r.jsx)("ul",{className:"space-y-1",children:e.popover.map(e=>(0,r.jsxs)("li",{className:"flex items-center gap-2 text-[11px]",children:[(0,r.jsx)("span",{className:"inline-block w-1.5 h-1.5 rounded-full shrink-0",style:{backgroundColor:e.color},"aria-hidden":!0}),(0,r.jsx)("span",{className:"text-gray-400 capitalize",children:e.k}),""!==e.v&&(0,r.jsx)("span",{className:"ml-auto text-gray-300 tabular-nums font-medium",children:e.v})]},e.k))})]})]},e.href)))}),(0,r.jsx)("section",{className:"mb-6 grid grid-cols-3 gap-2 sm:gap-3",children:[{href:"/messages",label:"Messages",icon:"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"},{href:"/logs",label:"Audit log",icon:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z M14 2v6h6 M16 13H8 M16 17H8 M10 9H8"},{href:"/admin",label:"Admin",icon:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2"}].map(e=>(0,r.jsxs)(s.default,{href:e.href,prefetch:!1,className:"anet-nav-tile flex items-center justify-center gap-2 rounded-xl border border-[#2a2a4a] bg-[#111128] px-3 py-2.5 text-[12px] text-gray-400 hover:text-gray-200 transition-colors",children:[(0,r.jsx)("svg",{className:"w-4 h-4 shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,r.jsx)("path",{d:e.icon})}),(0,r.jsx)("span",{children:e.label})]},e.href))}),(0,r.jsx)(o,{}),v.length>0&&(0,r.jsxs)("section",{className:"mb-6 bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,r.jsx)("h2",{className:"text-sm font-semibold text-gray-300",children:"Recent Activity"}),(0,r.jsx)(s.default,{href:"/tasks",className:"text-xs text-cyan-400 hover:text-cyan-300",children:"All tasks →"})]}),(0,r.jsx)("div",{className:"space-y-2 max-h-40 overflow-y-auto",children:v.slice(0,5).map(e=>(0,r.jsxs)("div",{className:"flex items-center gap-2 text-xs",children:[(0,r.jsx)("span",{className:"w-1.5 h-1.5 rounded-full shrink-0",style:{backgroundColor:C.STATUS_DOT_HEX[e.status]||"#6b7280"}}),e.from_name&&(0,r.jsx)(d.AliasAvatar,{alias:e.from_name,size:14}),(0,r.jsx)("span",{className:"text-gray-300 shrink-0 max-w-[20%] truncate",children:e.from_name||"?"}),(0,r.jsx)("span",{className:"text-gray-600",children:"→"}),e.to_name&&(0,r.jsx)(d.AliasAvatar,{alias:e.to_name,size:14}),(0,r.jsx)("span",{className:"text-gray-300 shrink-0 max-w-[20%] truncate",children:e.to_name||"?"}),(0,r.jsx)("span",{className:"text-gray-500 truncate flex-1",title:e.content||"",children:(0,n.previewContent)(e.content).slice(0,60)}),(0,r.jsx)("span",{className:`shrink-0 px-1.5 py-0.5 rounded text-[10px] border ${C.STATUS_CHIP_CLASS[e.status]||"text-gray-500 border-gray-700/30"}`,children:e.status})]},e.task_id))})]})]}),f&&(0,r.jsxs)("div",{className:"bg-red-900/20 border border-red-800/40 text-red-300 px-4 py-3 rounded-lg mb-6 text-sm flex items-center justify-between",role:"alert",children:[(0,r.jsx)("span",{children:String(f)}),(0,r.jsx)("span",{className:"text-gray-500 text-xs",children:"Check CommHub connection"})]}),u.length>0&&(0,r.jsx)("div",{className:"flex justify-center mb-4",children:(0,r.jsx)("button",{onClick:()=>M(!S),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:S?"Hide Topology":"Show Topology"})}),!S&&u.length>0&&(0,r.jsx)("div",{className:"lg:hidden text-center text-xs text-gray-600 mb-4",children:"Topology hidden on mobile for better readability"}),S&&u.length>0&&(0,r.jsx)(y,{sessions:u,sseSessions:J}),0!==u.length||f?(x={all:en.length,working:en.filter(e=>q(e)&&"working"===e.status).length,idle:en.filter(e=>q(e)&&"working"!==e.status).length,offline:en.filter(e=>!q(e)).length},h=en.filter(e=>"all"===H||("offline"===H?!q(e):"working"===H?q(e)&&"working"===e.status:"idle"!==H||q(e)&&"working"!==e.status)),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"mb-3 flex flex-wrap items-center gap-1",children:[{key:"all",label:"All"},{key:"working",label:"Working",dot:"#4ade80"},{key:"idle",label:"Idle",dot:"#22d3ee"},{key:"offline",label:"Offline",dot:"#6b7280"}].map(e=>(0,r.jsxs)("button",{type:"button",onClick:()=>Y(e.key),disabled:0===x[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 ${H===e.key?"bg-cyan-500/10 text-cyan-300 border border-cyan-500/30":"text-gray-500 hover:text-gray-200 hover:bg-[#1a1a2a] border border-transparent"}`,children:[e.dot&&(0,r.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full",style:{backgroundColor:e.dot}}),(0,r.jsx)("span",{children:e.label}),(0,r.jsx)("span",{className:`text-[10px] tabular-nums ${H===e.key?"text-cyan-400":"text-gray-600"}`,children:x[e.key]})]},e.key))}),(0,r.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-3 sm:gap-4",children:h.map(e=>(0,r.jsx)(w,{session:e,hasSse:q(e),sseCount:V(e)||0,onChat:L.openTab},e.alias))}),0===h.length&&(0,r.jsxs)("div",{className:"mt-4 text-center text-xs text-gray-600",children:['No agents match "',H,'" — ',(0,r.jsx)("button",{onClick:()=>Y("all"),className:"underline hover:text-gray-400",children:"Show all"})]})]})):(0,r.jsx)(_.NodesEmptyState,{hint:m,taskHistoryCount:Object.values(es).reduce((e,t)=>e+t,0)}),(0,r.jsx)(k,{messages:W}),(0,r.jsx)("div",{className:"mt-8 text-center text-xs text-gray-600 flex items-center justify-center gap-2 flex-wrap",children:G&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:`w-1.5 h-1.5 rounded-full ${U?"bg-green-400":"bg-gray-600"}`}),U?"SSE live":"SWR polling"]})}),B&&(0,r.jsx)(P,{sessions:u,onClose:()=>I(!1)}),L.tabs.length>0&&(0,r.jsx)(T,{tabs:L.tabs,activeTab:L.activeTab,onOpenTab:L.openTab,onCloseTab:L.closeTab,onSetActive:L.setActiveTab,onClose:L.closeAll})]})}],31713)}]);

package/.next/trace

@@ -1,2 +1,2 @@
-[{"name":"generate-buildid","duration":313,"timestamp":412609065411,"id":4,"parentId":1,"tags":{},"startTime":1778784094890,"traceId":"7e7f11a41fcc6acd"},{"name":"load-custom-routes","duration":545,"timestamp":412609065874,"id":5,"parentId":1,"tags":{},"startTime":1778784094891,"traceId":"7e7f11a41fcc6acd"},{"name":"create-dist-dir","duration":298,"timestamp":412609066469,"id":6,"parentId":1,"tags":{},"startTime":1778784094891,"traceId":"7e7f11a41fcc6acd"},{"name":"clean","duration":480,"timestamp":412609067484,"id":7,"parentId":1,"tags":{},"startTime":1778784094892,"traceId":"7e7f11a41fcc6acd"},{"name":"discover-routes","duration":9363,"timestamp":412609153234,"id":8,"parentId":1,"tags":{},"startTime":1778784094978,"traceId":"7e7f11a41fcc6acd"},{"name":"create-root-mapping","duration":109,"timestamp":412609162664,"id":9,"parentId":1,"tags":{},"startTime":1778784094987,"traceId":"7e7f11a41fcc6acd"},{"name":"generate-route-types","duration":34219,"timestamp":412609165287,"id":10,"parentId":1,"tags":{},"startTime":1778784094990,"traceId":"7e7f11a41fcc6acd"},{"name":"public-dir-conflict-check","duration":122,"timestamp":412609199716,"id":11,"parentId":1,"tags":{},"startTime":1778784095024,"traceId":"7e7f11a41fcc6acd"},{"name":"generate-routes-manifest","duration":5180,"timestamp":412609199981,"id":12,"parentId":1,"tags":{},"startTime":1778784095025,"traceId":"7e7f11a41fcc6acd"},{"name":"run-turbopack","duration":9499844,"timestamp":412609211735,"id":14,"parentId":1,"tags":{},"startTime":1778784095036,"traceId":"7e7f11a41fcc6acd"},{"name":"turbopack-build-events","duration":134,"timestamp":412609519993,"id":15,"parentId":1,"tags":{},"startTime":1778784095345,"traceId":"7e7f11a41fcc6acd"},{"name":"run-typescript","duration":10631519,"timestamp":412618744595,"id":16,"parentId":1,"tags":{},"startTime":1778784104569,"traceId":"7e7f11a41fcc6acd"},{"name":"generate-required-server-files","duration":2937,"timestamp":412629377053,"id":18,"parentId":1,"tags":{},"startTime":1778784115202,"traceId":"7e7f11a41fcc6acd"},{"name":"check-static-error-page","duration":16209,"timestamp":412629454093,"id":20,"parentId":19,"tags":{},"startTime":1778784115279,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":380158,"timestamp":412629473049,"id":62,"parentId":22,"tags":{},"startTime":1778784115298,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":396734,"timestamp":412629456599,"id":22,"parentId":19,"tags":{"page":"/_global-error"},"startTime":1778784115281,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":493652,"timestamp":412629472552,"id":61,"parentId":21,"tags":{},"startTime":1778784115297,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":512022,"timestamp":412629455346,"id":21,"parentId":19,"tags":{"page":"/_not-found"},"startTime":1778784115280,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":504066,"timestamp":412629473319,"id":64,"parentId":26,"tags":{},"startTime":1778784115298,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":516080,"timestamp":412629461379,"id":26,"parentId":19,"tags":{"page":"/api/auth/logout"},"startTime":1778784115286,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":539419,"timestamp":412629473163,"id":63,"parentId":25,"tags":{},"startTime":1778784115298,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":553038,"timestamp":412629459608,"id":25,"parentId":19,"tags":{"page":"/api/auth/login"},"startTime":1778784115284,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":544740,"timestamp":412629473436,"id":67,"parentId":29,"tags":{},"startTime":1778784115298,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":556527,"timestamp":412629461717,"id":29,"parentId":19,"tags":{"page":"/api/hub/auth"},"startTime":1778784115286,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":545017,"timestamp":412629473398,"id":66,"parentId":28,"tags":{},"startTime":1778784115298,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":556830,"timestamp":412629461623,"id":28,"parentId":19,"tags":{"page":"/api/hub/audit-log"},"startTime":1778784115286,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":552688,"timestamp":412629473505,"id":69,"parentId":32,"tags":{},"startTime":1778784115298,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":563674,"timestamp":412629462585,"id":32,"parentId":19,"tags":{"page":"/api/hub/health"},"startTime":1778784115287,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":568945,"timestamp":412629473606,"id":70,"parentId":33,"tags":{},"startTime":1778784115298,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":579931,"timestamp":412629462683,"id":33,"parentId":19,"tags":{"page":"/api/hub/inbox"},"startTime":1778784115287,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":580788,"timestamp":412629473655,"id":71,"parentId":34,"tags":{},"startTime":1778784115298,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":591744,"timestamp":412629462772,"id":34,"parentId":19,"tags":{"page":"/api/hub/license"},"startTime":1778784115287,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":581175,"timestamp":412629473471,"id":68,"parentId":30,"tags":{},"startTime":1778784115298,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":592465,"timestamp":412629462206,"id":30,"parentId":19,"tags":{"page":"/api/hub/broadcast"},"startTime":1778784115287,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":593549,"timestamp":412629473673,"id":72,"parentId":35,"tags":{},"startTime":1778784115298,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":604421,"timestamp":412629462862,"id":35,"parentId":19,"tags":{"page":"/api/hub/messages"},"startTime":1778784115288,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":593676,"timestamp":412629473731,"id":73,"parentId":36,"tags":{},"startTime":1778784115298,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":604143,"timestamp":412629463291,"id":36,"parentId":19,"tags":{"page":"/api/hub/networks"},"startTime":1778784115288,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":598304,"timestamp":412629473759,"id":74,"parentId":37,"tags":{},"startTime":1778784115298,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":608708,"timestamp":412629463435,"id":37,"parentId":19,"tags":{"page":"/api/hub/nodes"},"startTime":1778784115288,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":598986,"timestamp":412629473361,"id":65,"parentId":27,"tags":{},"startTime":1778784115298,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":610854,"timestamp":412629461524,"id":27,"parentId":19,"tags":{"page":"/api/auth/v3"},"startTime":1778784115286,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":599520,"timestamp":412629473771,"id":75,"parentId":38,"tags":{},"startTime":1778784115298,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":609801,"timestamp":412629463539,"id":38,"parentId":19,"tags":{"page":"/api/hub/register"},"startTime":1778784115288,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":601267,"timestamp":412629473781,"id":76,"parentId":39,"tags":{},"startTime":1778784115298,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":611482,"timestamp":412629463610,"id":39,"parentId":19,"tags":{"page":"/api/hub/send"},"startTime":1778784115288,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":605464,"timestamp":412629473790,"id":77,"parentId":40,"tags":{},"startTime":1778784115298,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":615636,"timestamp":412629463683,"id":40,"parentId":19,"tags":{"page":"/api/hub/server-logs"},"startTime":1778784115288,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":605894,"timestamp":412629473806,"id":79,"parentId":42,"tags":{},"startTime":1778784115298,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":615901,"timestamp":412629463831,"id":42,"parentId":19,"tags":{"page":"/api/hub/stats"},"startTime":1778784115289,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":607821,"timestamp":412629473798,"id":78,"parentId":41,"tags":{},"startTime":1778784115298,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":617904,"timestamp":412629463757,"id":41,"parentId":19,"tags":{"page":"/api/hub/session"},"startTime":1778784115288,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":612364,"timestamp":412629473841,"id":82,"parentId":45,"tags":{},"startTime":1778784115299,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":621315,"timestamp":412629464948,"id":45,"parentId":19,"tags":{"page":"/api/hub/tasks"},"startTime":1778784115290,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":614149,"timestamp":412629473831,"id":81,"parentId":44,"tags":{},"startTime":1778784115299,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":624089,"timestamp":412629463989,"id":44,"parentId":19,"tags":{"page":"/api/hub/task-events"},"startTime":1778784115289,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":614426,"timestamp":412629473815,"id":80,"parentId":43,"tags":{},"startTime":1778784115299,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":624360,"timestamp":412629463908,"id":43,"parentId":19,"tags":{"page":"/api/hub/status"},"startTime":1778784115289,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":619359,"timestamp":412629473847,"id":83,"parentId":46,"tags":{},"startTime":1778784115299,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":628127,"timestamp":412629465151,"id":46,"parentId":19,"tags":{"page":"/api/hub/tmux"},"startTime":1778784115290,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":621305,"timestamp":412629473859,"id":85,"parentId":48,"tags":{},"startTime":1778784115299,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":629899,"timestamp":412629465330,"id":48,"parentId":19,"tags":{"page":"/favicon.ico"},"startTime":1778784115290,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":621864,"timestamp":412629473853,"id":84,"parentId":47,"tags":{},"startTime":1778784115299,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":630509,"timestamp":412629465254,"id":47,"parentId":19,"tags":{"page":"/api/hub/tokens"},"startTime":1778784115290,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":620800,"timestamp":412629478246,"id":86,"parentId":24,"tags":{},"startTime":1778784115303,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":642134,"timestamp":412629456985,"id":24,"parentId":19,"tags":{"page":"/api/anet/config"},"startTime":1778784115282,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":624996,"timestamp":412629478944,"id":87,"parentId":31,"tags":{},"startTime":1778784115304,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":641708,"timestamp":412629462329,"id":31,"parentId":19,"tags":{"page":"/api/hub/events"},"startTime":1778784115287,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":588094,"timestamp":412629522840,"id":90,"parentId":50,"tags":{},"startTime":1778784115348,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":645145,"timestamp":412629465850,"id":50,"parentId":19,"tags":{"page":"/logs"},"startTime":1778784115291,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":594974,"timestamp":412629522851,"id":91,"parentId":51,"tags":{},"startTime":1778784115348,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":651899,"timestamp":412629465990,"id":51,"parentId":19,"tags":{"page":"/messages"},"startTime":1778784115291,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":605266,"timestamp":412629522859,"id":92,"parentId":52,"tags":{},"startTime":1778784115348,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":661975,"timestamp":412629466226,"id":52,"parentId":19,"tags":{"page":"/node"},"startTime":1778784115291,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":608832,"timestamp":412629522870,"id":93,"parentId":53,"tags":{},"startTime":1778784115348,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":665334,"timestamp":412629466430,"id":53,"parentId":19,"tags":{"page":"/nodes"},"startTime":1778784115291,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":615708,"timestamp":412629522880,"id":94,"parentId":55,"tags":{},"startTime":1778784115348,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":671412,"timestamp":412629467240,"id":55,"parentId":19,"tags":{"page":"/server-logs"},"startTime":1778784115292,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":622059,"timestamp":412629522887,"id":95,"parentId":56,"tags":{},"startTime":1778784115348,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":677612,"timestamp":412629467436,"id":56,"parentId":19,"tags":{"page":"/settings/networks"},"startTime":1778784115292,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":624377,"timestamp":412629522827,"id":89,"parentId":49,"tags":{},"startTime":1778784115348,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":681546,"timestamp":412629465706,"id":49,"parentId":19,"tags":{"page":"/login"},"startTime":1778784115290,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":629252,"timestamp":412629522898,"id":96,"parentId":58,"tags":{},"startTime":1778784115348,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":682373,"timestamp":412629469836,"id":58,"parentId":19,"tags":{"page":"/settings/tokens"},"startTime":1778784115295,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":634801,"timestamp":412629522909,"id":97,"parentId":59,"tags":{},"startTime":1778784115348,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":687821,"timestamp":412629469952,"id":59,"parentId":19,"tags":{"page":"/tasks/[id]"},"startTime":1778784115295,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":639284,"timestamp":412629522786,"id":88,"parentId":23,"tags":{},"startTime":1778784115347,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":705331,"timestamp":412629456809,"id":23,"parentId":19,"tags":{"page":"/admin"},"startTime":1778784115282,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":640611,"timestamp":412629522932,"id":99,"parentId":54,"tags":{},"startTime":1778784115348,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":696930,"timestamp":412629466660,"id":54,"parentId":19,"tags":{"page":"/"},"startTime":1778784115291,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":645584,"timestamp":412629522918,"id":98,"parentId":60,"tags":{},"startTime":1778784115348,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":698479,"timestamp":412629470079,"id":60,"parentId":19,"tags":{"page":"/tasks"},"startTime":1778784115295,"traceId":"7e7f11a41fcc6acd"},{"name":"is-page-static","duration":645709,"timestamp":412629522943,"id":100,"parentId":57,"tags":{},"startTime":1778784115348,"traceId":"7e7f11a41fcc6acd"},{"name":"check-page","duration":699356,"timestamp":412629469315,"id":57,"parentId":19,"tags":{"page":"/settings"},"startTime":1778784115294,"traceId":"7e7f11a41fcc6acd"},{"name":"static-check","duration":715585,"timestamp":412629453127,"id":19,"parentId":1,"tags":{},"startTime":1778784115278,"traceId":"7e7f11a41fcc6acd"},{"name":"write-routes-manifest","duration":473,"timestamp":412630177244,"id":102,"parentId":1,"tags":{},"startTime":1778784116002,"traceId":"7e7f11a41fcc6acd"},{"name":"load-dotenv","duration":60,"timestamp":412630190337,"id":105,"parentId":104,"tags":{},"startTime":1778784116015,"traceId":"7e7f11a41fcc6acd"},{"name":"run-export-path-map","duration":731,"timestamp":412630193718,"id":106,"parentId":104,"tags":{},"startTime":1778784116018,"traceId":"7e7f11a41fcc6acd"},{"name":"next-export","duration":629207,"timestamp":412630188996,"id":104,"parentId":1,"tags":{},"startTime":1778784116014,"traceId":"7e7f11a41fcc6acd"},{"name":"move-exported-app-not-found-","duration":981,"timestamp":412630822051,"id":107,"parentId":103,"tags":{},"startTime":1778784116647,"traceId":"7e7f11a41fcc6acd"},{"name":"move-exported-app-global-error-","duration":466,"timestamp":412630823163,"id":108,"parentId":103,"tags":{},"startTime":1778784116648,"traceId":"7e7f11a41fcc6acd"}]
-[{"name":"static-generation","duration":645196,"timestamp":412630183144,"id":103,"parentId":1,"tags":{},"startTime":1778784116008,"traceId":"7e7f11a41fcc6acd"},{"name":"write-routes-manifest","duration":507,"timestamp":412630828573,"id":109,"parentId":1,"tags":{},"startTime":1778784116653,"traceId":"7e7f11a41fcc6acd"},{"name":"print-tree-view","duration":3928,"timestamp":412630836900,"id":110,"parentId":1,"tags":{},"startTime":1778784116662,"traceId":"7e7f11a41fcc6acd"},{"name":"write-route-bundle-stats","duration":20805,"timestamp":412630840874,"id":111,"parentId":1,"tags":{},"startTime":1778784116666,"traceId":"7e7f11a41fcc6acd"},{"name":"telemetry-flush","duration":280535,"timestamp":412630861734,"id":112,"parentId":1,"tags":{},"startTime":1778784116686,"traceId":"7e7f11a41fcc6acd"},{"name":"next-build","duration":22128906,"timestamp":412609013410,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778784094838,"traceId":"7e7f11a41fcc6acd"}]
+[{"name":"generate-buildid","duration":336,"timestamp":413545899612,"id":4,"parentId":1,"tags":{},"startTime":1778785031724,"traceId":"20ecaf32ac1819f9"},{"name":"load-custom-routes","duration":462,"timestamp":413545900121,"id":5,"parentId":1,"tags":{},"startTime":1778785031725,"traceId":"20ecaf32ac1819f9"},{"name":"create-dist-dir","duration":318,"timestamp":413545900627,"id":6,"parentId":1,"tags":{},"startTime":1778785031725,"traceId":"20ecaf32ac1819f9"},{"name":"clean","duration":582,"timestamp":413545901641,"id":7,"parentId":1,"tags":{},"startTime":1778785031726,"traceId":"20ecaf32ac1819f9"},{"name":"discover-routes","duration":10913,"timestamp":413545985338,"id":8,"parentId":1,"tags":{},"startTime":1778785031810,"traceId":"20ecaf32ac1819f9"},{"name":"create-root-mapping","duration":134,"timestamp":413545996325,"id":9,"parentId":1,"tags":{},"startTime":1778785031821,"traceId":"20ecaf32ac1819f9"},{"name":"generate-route-types","duration":35539,"timestamp":413545998908,"id":10,"parentId":1,"tags":{},"startTime":1778785031824,"traceId":"20ecaf32ac1819f9"},{"name":"public-dir-conflict-check","duration":112,"timestamp":413546034679,"id":11,"parentId":1,"tags":{},"startTime":1778785031859,"traceId":"20ecaf32ac1819f9"},{"name":"generate-routes-manifest","duration":4804,"timestamp":413546034943,"id":12,"parentId":1,"tags":{},"startTime":1778785031860,"traceId":"20ecaf32ac1819f9"},{"name":"run-turbopack","duration":8894958,"timestamp":413546047177,"id":14,"parentId":1,"tags":{},"startTime":1778785031872,"traceId":"20ecaf32ac1819f9"},{"name":"turbopack-build-events","duration":111,"timestamp":413546338996,"id":15,"parentId":1,"tags":{},"startTime":1778785032164,"traceId":"20ecaf32ac1819f9"},{"name":"run-typescript","duration":8791590,"timestamp":413554952842,"id":16,"parentId":1,"tags":{},"startTime":1778785040778,"traceId":"20ecaf32ac1819f9"},{"name":"generate-required-server-files","duration":3228,"timestamp":413563745436,"id":18,"parentId":1,"tags":{},"startTime":1778785049570,"traceId":"20ecaf32ac1819f9"},{"name":"check-static-error-page","duration":16947,"timestamp":413563835185,"id":20,"parentId":19,"tags":{},"startTime":1778785049660,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":392275,"timestamp":413563855499,"id":62,"parentId":22,"tags":{},"startTime":1778785049680,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":409521,"timestamp":413563838369,"id":22,"parentId":19,"tags":{"page":"/_global-error"},"startTime":1778785049663,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":495063,"timestamp":413563856105,"id":64,"parentId":26,"tags":{},"startTime":1778785049681,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":507057,"timestamp":413563844191,"id":26,"parentId":19,"tags":{"page":"/api/auth/logout"},"startTime":1778785049669,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":510908,"timestamp":413563856230,"id":65,"parentId":27,"tags":{},"startTime":1778785049681,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":522891,"timestamp":413563844317,"id":27,"parentId":19,"tags":{"page":"/api/auth/v3"},"startTime":1778785049669,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":517056,"timestamp":413563856352,"id":66,"parentId":28,"tags":{},"startTime":1778785049681,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":529037,"timestamp":413563844435,"id":28,"parentId":19,"tags":{"page":"/api/hub/audit-log"},"startTime":1778785049669,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":522673,"timestamp":413563856423,"id":67,"parentId":29,"tags":{},"startTime":1778785049681,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":534630,"timestamp":413563844541,"id":29,"parentId":19,"tags":{"page":"/api/hub/auth"},"startTime":1778785049669,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":532679,"timestamp":413563855104,"id":61,"parentId":21,"tags":{},"startTime":1778785049680,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":551239,"timestamp":413563836623,"id":21,"parentId":19,"tags":{"page":"/_not-found"},"startTime":1778785049661,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":534051,"timestamp":413563856467,"id":68,"parentId":30,"tags":{},"startTime":1778785049681,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":545784,"timestamp":413563844797,"id":30,"parentId":19,"tags":{"page":"/api/hub/broadcast"},"startTime":1778785049669,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":538141,"timestamp":413563856673,"id":70,"parentId":33,"tags":{},"startTime":1778785049681,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":549456,"timestamp":413563845414,"id":33,"parentId":19,"tags":{"page":"/api/hub/inbox"},"startTime":1778785049670,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":541078,"timestamp":413563856721,"id":71,"parentId":34,"tags":{},"startTime":1778785049681,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":552300,"timestamp":413563845553,"id":34,"parentId":19,"tags":{"page":"/api/hub/license"},"startTime":1778785049670,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":544619,"timestamp":413563856739,"id":72,"parentId":35,"tags":{},"startTime":1778785049681,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":555737,"timestamp":413563845674,"id":35,"parentId":19,"tags":{"page":"/api/hub/messages"},"startTime":1778785049670,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":549329,"timestamp":413563856801,"id":73,"parentId":36,"tags":{},"startTime":1778785049681,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":560012,"timestamp":413563846188,"id":36,"parentId":19,"tags":{"page":"/api/hub/networks"},"startTime":1778785049671,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":554612,"timestamp":413563856821,"id":74,"parentId":37,"tags":{},"startTime":1778785049682,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":565125,"timestamp":413563846375,"id":37,"parentId":19,"tags":{"page":"/api/hub/nodes"},"startTime":1778785049671,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":562091,"timestamp":413563855613,"id":63,"parentId":25,"tags":{},"startTime":1778785049680,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":573790,"timestamp":413563843975,"id":25,"parentId":19,"tags":{"page":"/api/auth/login"},"startTime":1778785049669,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":561080,"timestamp":413563856829,"id":75,"parentId":38,"tags":{},"startTime":1778785049682,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":571450,"timestamp":413563846502,"id":38,"parentId":19,"tags":{"page":"/api/hub/register"},"startTime":1778785049671,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":570443,"timestamp":413563856841,"id":77,"parentId":40,"tags":{},"startTime":1778785049682,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":580632,"timestamp":413563846714,"id":40,"parentId":19,"tags":{"page":"/api/hub/server-logs"},"startTime":1778785049671,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":578835,"timestamp":413563856846,"id":78,"parentId":41,"tags":{},"startTime":1778785049682,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":588929,"timestamp":413563846816,"id":41,"parentId":19,"tags":{"page":"/api/hub/session"},"startTime":1778785049672,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":584857,"timestamp":413563856852,"id":79,"parentId":42,"tags":{},"startTime":1778785049682,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":594848,"timestamp":413563846933,"id":42,"parentId":19,"tags":{"page":"/api/hub/stats"},"startTime":1778785049672,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":590319,"timestamp":413563856858,"id":80,"parentId":43,"tags":{},"startTime":1778785049682,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":600187,"timestamp":413563847051,"id":43,"parentId":19,"tags":{"page":"/api/hub/status"},"startTime":1778785049672,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":590548,"timestamp":413563856835,"id":76,"parentId":39,"tags":{},"startTime":1778785049682,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":600794,"timestamp":413563846610,"id":39,"parentId":19,"tags":{"page":"/api/hub/send"},"startTime":1778785049671,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":595229,"timestamp":413563856862,"id":81,"parentId":44,"tags":{},"startTime":1778785049682,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":605014,"timestamp":413563847134,"id":44,"parentId":19,"tags":{"page":"/api/hub/task-events"},"startTime":1778785049672,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":598679,"timestamp":413563856873,"id":83,"parentId":46,"tags":{},"startTime":1778785049682,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":608323,"timestamp":413563847280,"id":46,"parentId":19,"tags":{"page":"/api/hub/tmux"},"startTime":1778785049672,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":601235,"timestamp":413563856868,"id":82,"parentId":45,"tags":{},"startTime":1778785049682,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":610978,"timestamp":413563847195,"id":45,"parentId":19,"tags":{"page":"/api/hub/tasks"},"startTime":1778785049672,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":602694,"timestamp":413563856879,"id":84,"parentId":47,"tags":{},"startTime":1778785049682,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":612283,"timestamp":413563847340,"id":47,"parentId":19,"tags":{"page":"/api/hub/tokens"},"startTime":1778785049672,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":604852,"timestamp":413563856535,"id":69,"parentId":32,"tags":{},"startTime":1778785049681,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":616198,"timestamp":413563845245,"id":32,"parentId":19,"tags":{"page":"/api/hub/health"},"startTime":1778785049670,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":603493,"timestamp":413563859301,"id":86,"parentId":24,"tags":{},"startTime":1778785049684,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":623948,"timestamp":413563838884,"id":24,"parentId":19,"tags":{"page":"/api/anet/config"},"startTime":1778785049664,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":608422,"timestamp":413563859989,"id":87,"parentId":31,"tags":{},"startTime":1778785049685,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":623533,"timestamp":413563844936,"id":31,"parentId":19,"tags":{"page":"/api/hub/events"},"startTime":1778785049670,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":615794,"timestamp":413563861436,"id":89,"parentId":49,"tags":{},"startTime":1778785049686,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":629556,"timestamp":413563847761,"id":49,"parentId":19,"tags":{"page":"/login"},"startTime":1778785049672,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":628062,"timestamp":413563856884,"id":85,"parentId":48,"tags":{},"startTime":1778785049682,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":637653,"timestamp":413563847400,"id":48,"parentId":19,"tags":{"page":"/favicon.ico"},"startTime":1778785049672,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":623780,"timestamp":413563861445,"id":90,"parentId":50,"tags":{},"startTime":1778785049686,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":637358,"timestamp":413563847897,"id":50,"parentId":19,"tags":{"page":"/logs"},"startTime":1778785049673,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":635663,"timestamp":413563861461,"id":92,"parentId":52,"tags":{},"startTime":1778785049686,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":648947,"timestamp":413563848258,"id":52,"parentId":19,"tags":{"page":"/node"},"startTime":1778785049673,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":640606,"timestamp":413563861470,"id":93,"parentId":53,"tags":{},"startTime":1778785049686,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":653728,"timestamp":413563848433,"id":53,"parentId":19,"tags":{"page":"/nodes"},"startTime":1778785049673,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":648106,"timestamp":413563861477,"id":94,"parentId":55,"tags":{},"startTime":1778785049686,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":660533,"timestamp":413563849117,"id":55,"parentId":19,"tags":{"page":"/server-logs"},"startTime":1778785049674,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":656013,"timestamp":413563861488,"id":95,"parentId":56,"tags":{},"startTime":1778785049686,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":666924,"timestamp":413563850674,"id":56,"parentId":19,"tags":{"page":"/settings/networks"},"startTime":1778785049675,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":657584,"timestamp":413563861412,"id":88,"parentId":23,"tags":{},"startTime":1778785049686,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":680411,"timestamp":413563838649,"id":23,"parentId":19,"tags":{"page":"/admin"},"startTime":1778785049663,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":663812,"timestamp":413563861497,"id":96,"parentId":58,"tags":{},"startTime":1778785049686,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":673878,"timestamp":413563851498,"id":58,"parentId":19,"tags":{"page":"/settings/tokens"},"startTime":1778785049676,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":669084,"timestamp":413563861506,"id":97,"parentId":59,"tags":{},"startTime":1778785049686,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":678964,"timestamp":413563851687,"id":59,"parentId":19,"tags":{"page":"/tasks/[id]"},"startTime":1778785049676,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":671261,"timestamp":413563861517,"id":98,"parentId":60,"tags":{},"startTime":1778785049686,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":680992,"timestamp":413563851846,"id":60,"parentId":19,"tags":{"page":"/tasks"},"startTime":1778785049677,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":642015,"timestamp":413563894353,"id":99,"parentId":54,"tags":{},"startTime":1778785049719,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":687781,"timestamp":413563848637,"id":54,"parentId":19,"tags":{"page":"/"},"startTime":1778785049673,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":681016,"timestamp":413563861453,"id":91,"parentId":51,"tags":{},"startTime":1778785049686,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":694470,"timestamp":413563848056,"id":51,"parentId":19,"tags":{"page":"/messages"},"startTime":1778785049673,"traceId":"20ecaf32ac1819f9"},{"name":"is-page-static","duration":627296,"timestamp":413563915508,"id":100,"parentId":57,"tags":{},"startTime":1778785049740,"traceId":"20ecaf32ac1819f9"},{"name":"check-page","duration":691878,"timestamp":413563850978,"id":57,"parentId":19,"tags":{"page":"/settings"},"startTime":1778785049676,"traceId":"20ecaf32ac1819f9"},{"name":"static-check","duration":708930,"timestamp":413563833971,"id":19,"parentId":1,"tags":{},"startTime":1778785049659,"traceId":"20ecaf32ac1819f9"},{"name":"write-routes-manifest","duration":500,"timestamp":413564551943,"id":102,"parentId":1,"tags":{},"startTime":1778785050377,"traceId":"20ecaf32ac1819f9"},{"name":"load-dotenv","duration":56,"timestamp":413564564685,"id":105,"parentId":104,"tags":{},"startTime":1778785050389,"traceId":"20ecaf32ac1819f9"},{"name":"run-export-path-map","duration":797,"timestamp":413564568465,"id":106,"parentId":104,"tags":{},"startTime":1778785050393,"traceId":"20ecaf32ac1819f9"},{"name":"next-export","duration":671199,"timestamp":413564563456,"id":104,"parentId":1,"tags":{},"startTime":1778785050388,"traceId":"20ecaf32ac1819f9"},{"name":"move-exported-app-not-found-","duration":728,"timestamp":413565238767,"id":107,"parentId":103,"tags":{},"startTime":1778785051063,"traceId":"20ecaf32ac1819f9"},{"name":"move-exported-app-global-error-","duration":423,"timestamp":413565239613,"id":108,"parentId":103,"tags":{},"startTime":1778785051064,"traceId":"20ecaf32ac1819f9"}]
+[{"name":"static-generation","duration":687650,"timestamp":413564556648,"id":103,"parentId":1,"tags":{},"startTime":1778785050381,"traceId":"20ecaf32ac1819f9"},{"name":"write-routes-manifest","duration":620,"timestamp":413565244491,"id":109,"parentId":1,"tags":{},"startTime":1778785051069,"traceId":"20ecaf32ac1819f9"},{"name":"print-tree-view","duration":4958,"timestamp":413565263459,"id":110,"parentId":1,"tags":{},"startTime":1778785051088,"traceId":"20ecaf32ac1819f9"},{"name":"write-route-bundle-stats","duration":15342,"timestamp":413565268473,"id":111,"parentId":1,"tags":{},"startTime":1778785051093,"traceId":"20ecaf32ac1819f9"},{"name":"telemetry-flush","duration":18379,"timestamp":413565283855,"id":112,"parentId":1,"tags":{},"startTime":1778785051109,"traceId":"20ecaf32ac1819f9"},{"name":"next-build","duration":19451705,"timestamp":413545850604,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778785031675,"traceId":"20ecaf32ac1819f9"}]

package/.next/trace-build

@@ -1 +1 @@
-[{"name":"run-turbopack","duration":9499844,"timestamp":412609211735,"id":14,"parentId":1,"tags":{},"startTime":1778784095036,"traceId":"7e7f11a41fcc6acd"},{"name":"turbopack-build-events","duration":134,"timestamp":412609519993,"id":15,"parentId":1,"tags":{},"startTime":1778784095345,"traceId":"7e7f11a41fcc6acd"},{"name":"run-typescript","duration":10631519,"timestamp":412618744595,"id":16,"parentId":1,"tags":{},"startTime":1778784104569,"traceId":"7e7f11a41fcc6acd"},{"name":"static-check","duration":715585,"timestamp":412629453127,"id":19,"parentId":1,"tags":{},"startTime":1778784115278,"traceId":"7e7f11a41fcc6acd"},{"name":"static-generation","duration":645196,"timestamp":412630183144,"id":103,"parentId":1,"tags":{},"startTime":1778784116008,"traceId":"7e7f11a41fcc6acd"},{"name":"telemetry-flush","duration":280535,"timestamp":412630861734,"id":112,"parentId":1,"tags":{},"startTime":1778784116686,"traceId":"7e7f11a41fcc6acd"},{"name":"next-build","duration":22128906,"timestamp":412609013410,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778784094838,"traceId":"7e7f11a41fcc6acd"}]
+[{"name":"run-turbopack","duration":8894958,"timestamp":413546047177,"id":14,"parentId":1,"tags":{},"startTime":1778785031872,"traceId":"20ecaf32ac1819f9"},{"name":"turbopack-build-events","duration":111,"timestamp":413546338996,"id":15,"parentId":1,"tags":{},"startTime":1778785032164,"traceId":"20ecaf32ac1819f9"},{"name":"run-typescript","duration":8791590,"timestamp":413554952842,"id":16,"parentId":1,"tags":{},"startTime":1778785040778,"traceId":"20ecaf32ac1819f9"},{"name":"static-check","duration":708930,"timestamp":413563833971,"id":19,"parentId":1,"tags":{},"startTime":1778785049659,"traceId":"20ecaf32ac1819f9"},{"name":"static-generation","duration":687650,"timestamp":413564556648,"id":103,"parentId":1,"tags":{},"startTime":1778785050381,"traceId":"20ecaf32ac1819f9"},{"name":"telemetry-flush","duration":18379,"timestamp":413565283855,"id":112,"parentId":1,"tags":{},"startTime":1778785051109,"traceId":"20ecaf32ac1819f9"},{"name":"next-build","duration":19451705,"timestamp":413545850604,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778785031675,"traceId":"20ecaf32ac1819f9"}]

package/app/components/TopoGraph.tsx

@@ -290,6 +290,22 @@ export function TopoGraph({ sessions, sseSessions }: TopoGraphProps) {
   const brand = useBrand();
   const isIntern = brand === 'intern';
   const [messages, setMessages] = useState<MessageFlow[]>([]);
+  // Issue #87: ring | grid layout toggle. Ring is the tiered-radial default;
+  // grid arranges nodes in an N×M grid (better for 30+ nodes). Persisted to
+  // localStorage like the zoom/pan view state. Declared above nodePositions
+  // since that useMemo branches on it.
+  const [layout, setLayout] = useState<'ring' | 'grid'>('ring');
+  useEffect(() => {
+    try {
+      const saved = localStorage.getItem('anet-topo-layout');
+      if (saved === 'grid' || saved === 'ring') setLayout(saved);
+    } catch {}
+  }, []);
+  const toggleLayout = () => setLayout(prev => {
+    const next = prev === 'ring' ? 'grid' : 'ring';
+    try { localStorage.setItem('anet-topo-layout', next); } catch {}
+    return next;
+  });
 
   useEffect(() => {
     const fetchMessages = async () => {
@@ -329,6 +345,42 @@ export function TopoGraph({ sessions, sseSessions }: TopoGraphProps) {
     const offline = sessions.filter(s => s.status === 'offline' && !sseCount(s)).sort(byAlias);
     const positions: Record<string, Point> = {};
 
+    if (layout === 'grid') {
+      // Issue #87: N×M grid layout. All nodes share one sorted array (online
+      // first, then offline) so same-prefix aliases land in adjacent cells
+      // (#83 prefix-grouping synergy). cols = ⌈√N⌉; the last partial row is
+      // centred. Grid spans an inset box so node labels don't clip the edge.
+      const all = [...online, ...offline];
+      const n = all.length;
+      const cols = Math.max(1, Math.ceil(Math.sqrt(n)));
+      const rows = Math.max(1, Math.ceil(n / cols));
+      const gx0 = 150, gx1 = 850, gy0 = 120, gy1 = 560;
+      const cellW = (gx1 - gx0) / cols;
+      const cellH = (gy1 - gy0) / rows;
+      all.forEach((s, i) => {
+        const row = Math.floor(i / cols);
+        const col = i % cols;
+        const rowCount = row === rows - 1 ? n - row * cols : cols;
+        const rowInset = ((cols - rowCount) * cellW) / 2;
+        positions[s.alias] = {
+          x: gx0 + rowInset + (col + 0.5) * cellW,
+          y: gy0 + (row + 0.5) * cellH,
+        };
+      });
+      const links = buildFlowLinks(messages, positions);
+      const active = new Set<string>();
+      links.forEach(link => { active.add(link.from); active.add(link.to); });
+      const groupKeys = computeGroupKeys([...online, ...offline].map(s => s.alias));
+      return {
+        onlineNodes: online,
+        offlineNodes: offline,
+        nodePositions: positions,
+        flowLinks: links,
+        activeAliases: active,
+        groupKeys,
+      };
+    }
+
     // Round 97 (issue #50) + 98 (issue #61): three layout modes by N.
     //   N ≤ 8         → single ring (r=220)
     //   8 < N ≤ 14    → two rings (inner r=175, outer r=260, half-step rot)
@@ -406,7 +458,7 @@ export function TopoGraph({ sessions, sseSessions }: TopoGraphProps) {
       activeAliases: active,
       groupKeys,
     };
-  }, [messages, sessions, sseSessions]);
+  }, [messages, sessions, sseSessions, layout]);
 
   const workingCount = onlineNodes.filter(s => s.status === 'working').length;
   // Round 109 (Vincent 4582 P0): hover-gated labels above this node count
@@ -555,7 +607,25 @@ export function TopoGraph({ sessions, sseSessions }: TopoGraphProps) {
           <div className="text-xs uppercase text-gray-600 tracking-wider">Network Topology</div>
           <h2 className="text-lg text-white font-semibold">Command mesh</h2>
         </div>
-        <div className="flex flex-wrap gap-2 text-xs">
+        <div className="flex flex-wrap items-center gap-2 text-xs">
+          {/* Issue #87: ring | grid layout toggle — segmented control,
+              persisted to localStorage anet-topo-layout. */}
+          <div className="inline-flex rounded-md border border-gray-500/25 overflow-hidden" role="group" aria-label="Topology layout">
+            <button
+              onClick={() => { if (layout !== 'ring') toggleLayout(); }}
+              aria-pressed={layout === 'ring'}
+              className={`px-2.5 py-1 transition-colors ${layout === 'ring' ? 'bg-cyan-500/15 text-cyan-300' : 'text-gray-500 hover:text-gray-400'}`}
+            >
+              Ring
+            </button>
+            <button
+              onClick={() => { if (layout !== 'grid') toggleLayout(); }}
+              aria-pressed={layout === 'grid'}
+              className={`px-2.5 py-1 border-l border-gray-500/25 transition-colors ${layout === 'grid' ? 'bg-cyan-500/15 text-cyan-300' : 'text-gray-500 hover:text-gray-400'}`}
+            >
+              Grid
+            </button>
+          </div>
           <span className="px-2.5 py-1 rounded-md bg-green-500/10 text-green-300 border border-green-500/20">
             {workingCount} working
           </span>
@@ -624,6 +694,10 @@ export function TopoGraph({ sessions, sseSessions }: TopoGraphProps) {
           {/* Round 103 (issue #81): everything inside this <g> zooms + pans
               together. transform order = translate then scale. */}
           <g transform={`translate(${view.x} ${view.y}) scale(${view.zoom})`}>
+          {/* Issue #87: radar/ring ambiance renders only in ring layout —
+              grid mode drops it so the concentric rings don't sit behind a
+              rectangular grid. */}
+          {layout === 'ring' && (<>
           <circle cx={cx} cy={cy} r="330" fill="url(#topo-radar)" />
 
           {/* Round 45: subtle star field — 24 deterministic dots scattered
@@ -705,12 +779,13 @@ export function TopoGraph({ sessions, sseSessions }: TopoGraphProps) {
               opacity={isLight ? 0.35 : 0.18}
             />
           ))}
+          </>)}
 
           {/* hub links — round 46: idle spokes now have animated
               stroke-dashoffset so dashes flow outward from the hub
               ("command relay" feel). Active spokes carrying live message
               flow stay as solid bright strokes. */}
-          {onlineNodes.map((session, idx) => {
+          {layout === 'ring' && onlineNodes.map((session, idx) => {
             const pos = nodePositions[session.alias];
             if (!pos) return null;
             const path = curvePath({ x: cx, y: cy }, pos, 0);
@@ -775,7 +850,7 @@ export function TopoGraph({ sessions, sseSessions }: TopoGraphProps) {
               visually; two outward pulses keep the "signal source" idea
               from r17. Light theme gets a paler core to avoid hot-spotting
               the bg. */}
-          <g>
+          {layout === 'ring' && (<g>
             {/* static grounding halo — sits underneath, low opacity */}
             <circle
               cx={cx} cy={cy} r="18"
@@ -795,7 +870,7 @@ export function TopoGraph({ sessions, sseSessions }: TopoGraphProps) {
             {/* core — 20px diameter, larger inner highlight reads as a "lit lamp" */}
             <circle cx={cx} cy={cy} r="10" fill={isLight ? '#059669' : '#10b981'} />
             <circle cx={cx} cy={cy} r="5" fill="#d1fae5" opacity="0.9" />
-          </g>
+          </g>)}
 
           {/* agent nodes */}
           {[...onlineNodes, ...offlineNodes].map(session => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sleep2agi/agent-network-dashboard",
-  "version": "0.4.6-preview.2",
+  "version": "0.4.6-preview.3",
   "description": "Agent Network Dashboard — Web UI for managing AI Agent networks",
   "scripts": {
     "dev": "next dev",