@sleep2agi/agent-network-dashboard 0.4.3-preview.0 → 0.4.4-preview.0

package/.next/static/chunks/18ac93ii3mjlj.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,31713,e=>{"use strict";var t=e.i(47167),s=e.i(18050),a=e.i(71645),r=e.i(22016),l=e.i(18150);function n({online:e,working:t,total:a,version:r,uptime:l}){let o=a>0?Math.round(e/a*100):0;return(0,s.jsxs)("div",{className:"mb-8",children:[(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-3 mb-4",children:[(0,s.jsx)("h1",{className:"text-2xl font-bold text-white tracking-tight",children:"Agent Network"}),(0,s.jsxs)("span",{className:"text-xs text-gray-500",children:["CommHub ",r," · ",l]})]}),(0,s.jsxs)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3",children:[(0,s.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,s.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,s.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,s.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:r,accent:l,border:n}){let o=r.replace("text-","").split("-")[0];return(0,s.jsxs)("div",{"data-anet-stat-card":o,className:`anet-stat-card relative overflow-hidden rounded-xl border ${n} bg-[#111128] px-4 py-3 transition-all`,children:[(0,s.jsx)("div",{className:`absolute inset-0 bg-gradient-to-br ${l} pointer-events-none`}),(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("div",{className:`text-3xl font-bold ${r} tabular-nums leading-tight`,children:e}),(0,s.jsx)("div",{className:"text-sm text-gray-300 mt-0.5",children:t}),(0,s.jsx)("div",{className:"text-xs text-gray-600 mt-1",children:a})]})]})}function o(){let[e,t]=(0,a.useState)(""),[r,l]=(0,a.useState)(!1),[n,i]=(0,a.useState)(""),o=async()=>{if(e.trim()){l(!0),i("");try{let s=await fetch("/api/hub/broadcast",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({message:e})}),a=await s.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"}`)}l(!1),setTimeout(()=>i(""),5e3)}};return(0,s.jsxs)("div",{className:"mb-6",children:[(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.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,s.jsx)("button",{onClick:o,disabled:r||!e.trim(),"aria-label":"Send broadcast",className:"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:r?"Sending...":"Broadcast"})]}),e.length>0&&(0,s.jsxs)("div",{className:"text-right text-xs text-gray-600 mt-1",children:[e.length,"/500"]}),n&&(0,s.jsx)("div",{className:`mt-3 text-sm text-center ${n.startsWith("Failed")?"text-red-400":"text-green-400/80"} animate-fade-in`,children:n})]})}function d(e,t,s){let a=t<=2?Math.PI:1.78*Math.PI,r=-Math.PI/2-a/2,l=t<=1?-Math.PI/2:r+a*e/(t-1);return{x:500+s*Math.cos(l),y:330+s*Math.sin(l)}}function c(e,t,s=0){let a=(e.x+t.x)/2,r=(e.y+t.y)/2,l=t.x-e.x,n=t.y-e.y,i=Math.hypot(l,n)||1,o={x:a+-n/i*s,y:r+l/i*s};return`M${e.x},${e.y} Q${o.x},${o.y} ${t.x},${t.y}`}function x(e,t){return e.length>t?`${e.slice(0,t-1)}...`:e}function h({sessions:e,sseSessions:t}){let[r,l]=(0,a.useState)([]);(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();l(t.messages||[])}catch{}};e();let t=setInterval(e,5e3);return()=>clearInterval(t)},[]);let{onlineNodes:n,offlineNodes:i,nodePositions:o,flowLinks:u,activeAliases:m}=(0,a.useMemo)(()=>{let s,a=e=>(e.network_id?t[`${e.network_id}:${e.alias}`]:void 0)??t[e.alias],l=e.filter(e=>"offline"!==e.status||a(e)),n=e.filter(e=>"offline"===e.status&&!a(e)),i={};l.forEach((e,t)=>{i[e.alias]=d(t,Math.max(l.length,1),220)}),n.forEach((e,t)=>{i[e.alias]=d(t,Math.max(n.length,1),315)});let o=(s=new Map,r.forEach(e=>{if(!i[e.from_alias]||!i[e.to_alias]||e.from_alias===e.to_alias)return;let t=`${e.from_alias}->${e.to_alias}`,a=s.get(t);s.set(t,{key:t,from:e.from_alias,to:e.to_alias,count:(a?.count||0)+1,content:a?.content||e.content})}),[...s.values()].slice(0,18)),c=new Set;return o.forEach(e=>{c.add(e.from),c.add(e.to)}),{onlineNodes:l,offlineNodes:n,nodePositions:i,flowLinks:o,activeAliases:c}},[r,e,t]),g=n.filter(e=>"working"===e.status).length;return(0,s.jsxs)("section",{className:"w-full max-w-6xl mx-auto mb-8",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between mb-3 px-1",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"text-xs uppercase text-gray-600 tracking-wider",children:"Network Topology"}),(0,s.jsx)("h2",{className:"text-lg text-white font-semibold",children:"Command mesh"})]}),(0,s.jsxs)("div",{className:"flex flex-wrap gap-2 text-xs",children:[(0,s.jsxs)("span",{className:"px-2.5 py-1 rounded-md bg-green-500/10 text-green-300 border border-green-500/20",children:[g," working"]}),(0,s.jsxs)("span",{className:"px-2.5 py-1 rounded-md bg-cyan-500/10 text-cyan-300 border border-cyan-500/20",children:[n.length," online"]}),(0,s.jsxs)("span",{className:"px-2.5 py-1 rounded-md bg-gray-500/10 text-gray-400 border border-gray-500/20",children:[u.length," active links"]})]})]}),(0,s.jsxs)("div",{className:"relative overflow-hidden rounded-lg border border-[#2a2a4a] bg-[#080814] shadow-2xl shadow-cyan-950/30",children:[(0,s.jsx)("div",{className:"absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-cyan-400/70 to-transparent"}),(0,s.jsxs)("svg",{viewBox:"0 0 1000 680",className:"w-full h-auto block",preserveAspectRatio:"xMidYMid meet",children:[(0,s.jsxs)("defs",{children:[(0,s.jsxs)("linearGradient",{id:"topo-panel",x1:"0",x2:"1",y1:"0",y2:"1",children:[(0,s.jsx)("stop",{offset:"0%",stopColor:"#0b1220"}),(0,s.jsx)("stop",{offset:"48%",stopColor:"#080814"}),(0,s.jsx)("stop",{offset:"100%",stopColor:"#101018"})]}),(0,s.jsxs)("radialGradient",{id:"topo-radar",cx:"50%",cy:"50%",r:"55%",children:[(0,s.jsx)("stop",{offset:"0%",stopColor:"#22d3ee",stopOpacity:"0.18"}),(0,s.jsx)("stop",{offset:"45%",stopColor:"#22c55e",stopOpacity:"0.045"}),(0,s.jsx)("stop",{offset:"100%",stopColor:"#020617",stopOpacity:"0"})]}),(0,s.jsxs)("filter",{id:"topo-glow",children:[(0,s.jsx)("feGaussianBlur",{stdDeviation:"4",result:"blur"}),(0,s.jsxs)("feMerge",{children:[(0,s.jsx)("feMergeNode",{in:"blur"}),(0,s.jsx)("feMergeNode",{in:"SourceGraphic"})]})]}),(0,s.jsx)("marker",{id:"topo-arrow",viewBox:"0 0 10 10",refX:"8",refY:"5",markerWidth:"5",markerHeight:"5",orient:"auto-start-reverse",children:(0,s.jsx)("path",{d:"M 0 0 L 10 5 L 0 10 z",fill:"#67e8f9"})})]}),(0,s.jsx)("rect",{width:"1000",height:"680",fill:"url(#topo-panel)"}),(0,s.jsx)("circle",{cx:500,cy:330,r:"330",fill:"url(#topo-radar)"}),[90,170,250,330].map(e=>(0,s.jsx)("circle",{cx:500,cy:330,r:e,fill:"none",stroke:"#164e63",strokeWidth:"1",opacity:"0.35"},e)),[0,30,60,90,120,150].map(e=>(0,s.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:"#164e63",strokeWidth:"1",opacity:"0.18"},e)),n.map(e=>{let t=o[e.alias];if(!t)return null;let a=c({x:500,y:330},t,0);return(0,s.jsx)("path",{d:a,fill:"none",stroke:m.has(e.alias)?"#22d3ee":"#155e75",strokeWidth:m.has(e.alias)?2:1,strokeDasharray:m.has(e.alias)?"none":"8 10",opacity:m.has(e.alias)?.65:.35},`hub-${e.alias}`)}),u.map((e,t)=>{let a=o[e.from],r=o[e.to];if(!a||!r)return null;let l=c(a,r,t%2==0?36:-36),n=Math.min(2+e.count,7);return(0,s.jsxs)("g",{children:[(0,s.jsx)("path",{d:l,fill:"none",stroke:"#67e8f9",strokeWidth:n,opacity:"0.28",filter:"url(#topo-glow)",markerEnd:"url(#topo-arrow)"}),(0,s.jsx)("path",{id:`flow-path-${t}`,d:l,fill:"none",stroke:"#e0f2fe",strokeWidth:"1",strokeDasharray:"2 12",opacity:"0.75"}),(0,s.jsx)("circle",{r:"4",fill:"#fef08a",filter:"url(#topo-glow)",children:(0,s.jsx)("animateMotion",{dur:`${2.2+t%5*.32}s`,repeatCount:"indefinite",path:l})})]},e.key)}),(0,s.jsxs)("g",{children:[(0,s.jsxs)("circle",{cx:500,cy:330,r:"6",fill:"none",stroke:"#10b981",strokeWidth:"1.5",children:[(0,s.jsx)("animate",{attributeName:"r",values:"6;28;6",dur:"2.4s",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"opacity",values:"0.55;0;0.55",dur:"2.4s",repeatCount:"indefinite"})]}),(0,s.jsxs)("circle",{cx:500,cy:330,r:"6",fill:"none",stroke:"#10b981",strokeWidth:"1.5",opacity:"0",children:[(0,s.jsx)("animate",{attributeName:"r",values:"6;28;6",dur:"2.4s",begin:"1.2s",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"opacity",values:"0.45;0;0.45",dur:"2.4s",begin:"1.2s",repeatCount:"indefinite"})]}),(0,s.jsx)("circle",{cx:500,cy:330,r:"6",fill:"#10b981"}),(0,s.jsx)("circle",{cx:500,cy:330,r:"3",fill:"#d1fae5",opacity:"0.9"})]}),[...n,...i].map(e=>{let a=o[e.alias];if(!a)return null;let r=(e.network_id?t[`${e.network_id}:${e.alias}`]:void 0)??t[e.alias],l="offline"!==e.status||!!r,n=l?"working"===e.status?{label:"working",primary:"#22c55e",halo:"#14532d",text:"#dcfce7"}:"idle"===e.status?{label:"idle",primary:"#2dd4bf",halo:"#134e4a",text:"#ccfbf1"}:{label:e.status||"online",primary:"#38bdf8",halo:"#0c4a6e",text:"#e0f2fe"}:{label:"offline",primary:"#6b7280",halo:"#111827",text:"#9ca3af"},i=m.has(e.alias),d=l?26:18;return(0,s.jsxs)("g",{className:"transition-opacity",children:[i&&(0,s.jsxs)("circle",{cx:a.x,cy:a.y,r:d+14,fill:n.primary,opacity:"0.12",children:[(0,s.jsx)("animate",{attributeName:"r",values:`${d+8};${d+22};${d+8}`,dur:"2.4s",repeatCount:"indefinite"}),(0,s.jsx)("animate",{attributeName:"opacity",values:"0.18;0.04;0.18",dur:"2.4s",repeatCount:"indefinite"})]}),(0,s.jsx)("circle",{cx:a.x,cy:a.y,r:d+8,fill:n.halo,opacity:l?.55:.25}),(0,s.jsx)("circle",{cx:a.x,cy:a.y,r:d,fill:l?"#020617":"#080814",stroke:n.primary,strokeWidth:l?3:1.5,strokeDasharray:l?"none":"5 5",filter:l?"url(#topo-glow)":void 0}),(0,s.jsx)("circle",{cx:a.x,cy:a.y,r:l?8:5,fill:n.primary}),"working"===e.status&&(0,s.jsx)("path",{d:`M${a.x-9},${a.y+11} h18`,stroke:"#fef08a",strokeWidth:"3",strokeLinecap:"round",children:(0,s.jsx)("animate",{attributeName:"opacity",values:"1;0.25;1",dur:"1.1s",repeatCount:"indefinite"})}),(0,s.jsxs)("g",{transform:`translate(${a.x}, ${a.y+d+22})`,children:[(0,s.jsx)("rect",{x:"-62",y:"-14",width:"124",height:"42",rx:"6",fill:"#020617",stroke:"#1f2937",opacity:"0.94"}),(0,s.jsx)("text",{x:"0",y:"1",textAnchor:"middle",fill:n.text,fontSize:"12",fontFamily:"monospace",fontWeight:"700",children:x(e.alias,14)}),(0,s.jsxs)("text",{x:"0",y:"17",textAnchor:"middle",fill:n.primary,fontSize:"9",fontFamily:"monospace",children:[n.label,l&&null!=r?` sse:${r}`:""]})]})]},e.alias)}),(0,s.jsxs)("g",{transform:"translate(28, 34)",children:[(0,s.jsx)("rect",{x:"0",y:"0",width:"285",height:60+20*Math.min(u.length,4),rx:"8",fill:"#020617",stroke:"#1f2937",opacity:"0.94"}),(0,s.jsx)("text",{x:"16",y:"26",fill:"#e5e7eb",fontSize:"13",fontFamily:"monospace",fontWeight:"700",children:"recent signal"}),(0,s.jsxs)("text",{x:"178",y:"26",fill:"#67e8f9",fontSize:"11",fontFamily:"monospace",children:[r.length," messages"]}),u.slice(0,4).map((e,t)=>(0,s.jsxs)("text",{x:"16",y:54+20*t,fill:"#94a3b8",fontSize:"10",fontFamily:"monospace",children:[x(e.from,8)," ","->"," ",x(e.to,8)," / ",e.count," / ",x(e.content,18)]},e.key))]}),(0,s.jsxs)("g",{transform:"translate(720, 34)",children:[(0,s.jsx)("rect",{x:"0",y:"0",width:"250",height:"112",rx:"8",fill:"#020617",stroke:"#1f2937",opacity:"0.94"}),(0,s.jsx)("circle",{cx:"18",cy:"26",r:"6",fill:"#22c55e"}),(0,s.jsx)("text",{x:"34",y:"30",fill:"#94a3b8",fontSize:"11",fontFamily:"monospace",children:"working node"}),(0,s.jsx)("circle",{cx:"18",cy:"52",r:"6",fill:"#2dd4bf"}),(0,s.jsx)("text",{x:"34",y:"56",fill:"#94a3b8",fontSize:"11",fontFamily:"monospace",children:"online idle"}),(0,s.jsx)("circle",{cx:"18",cy:"78",r:"6",fill:"#6b7280"}),(0,s.jsx)("text",{x:"34",y:"82",fill:"#94a3b8",fontSize:"11",fontFamily:"monospace",children:"offline / no SSE"}),(0,s.jsx)("path",{d:"M150,78 Q176,52 210,78",fill:"none",stroke:"#67e8f9",strokeWidth:"3",markerEnd:"url(#topo-arrow)"})]})]})]})]})}let u={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:""}},m={bg:"bg-gray-800/50 border-gray-700/30",text:"text-gray-500",dot:"bg-gray-500",glow:""};function g({session:e,hasSse:t,sseCount:a,onChat:n}){let i=t&&u[e.status]||m;return(0,s.jsxs)(r.default,{href:`/node?alias=${encodeURIComponent(e.alias)}`,prefetch:!1,className:`block rounded-xl border p-4 transition-all duration-300 cursor-pointer ${t?`bg-[#111128] border-[#2a2a4a] hover:border-cyan-500/30 hover:shadow-lg ${i.glow}`:"bg-[#0d0d1a] border-[#1a1a2a] opacity-40"}`,children:[(0,s.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,s.jsx)("span",{className:`inline-block w-2 h-2 rounded-full shrink-0 ${i.dot} ${t&&"working"===e.status?"animate-pulse":""}`}),(0,s.jsx)("span",{className:"font-semibold text-white truncate text-sm",title:e.alias,children:e.alias})]}),(0,s.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,s.jsxs)("div",{className:"flex items-center gap-2 mb-3",children:[(0,s.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,s.jsxs)("span",{className:"text-[10px] text-green-500",children:["SSE:",a]})]}),e.task?(0,s.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,s.jsx)("div",{className:"text-xs text-gray-700 italic",children:"No active task"}),e.progress>0&&(0,s.jsxs)("div",{className:"mt-3",children:[(0,s.jsxs)("div",{className:"flex justify-between text-[10px] mb-1",children:[(0,s.jsx)("span",{className:"text-gray-600",children:"Progress"}),(0,s.jsxs)("span",{className:i.text,children:[e.progress,"%"]})]}),(0,s.jsx)("div",{className:"w-full bg-gray-800 rounded-full h-1.5 overflow-hidden",children:(0,s.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,s.jsxs)("div",{className:"mt-3 flex justify-between items-center text-[10px] text-gray-600",children:[(0,s.jsx)("span",{children:e.server||"--"}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[n&&t&&(0,s.jsx)("button",{onClick:t=>{t.preventDefault(),t.stopPropagation(),n(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,s.jsx)("span",{children:(0,l.timeAgo)(e.updated_at)})]})]})]})}function f({messages:e}){return 0===e.length?null:(0,s.jsxs)("div",{className:"mt-8",children:[(0,s.jsxs)("h2",{className:"text-lg font-semibold text-white mb-3 flex items-center gap-2",children:[(0,s.jsx)("span",{className:"text-gray-500",children:"Inbox"}),(0,s.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,s.jsx)("div",{className:"space-y-2 max-h-96 overflow-y-auto pr-1 scrollbar-thin",children:e.map(e=>(0,s.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-3 text-sm transition-colors hover:border-[#3a3a5a]",children:[(0,s.jsxs)("div",{className:"flex justify-between text-xs text-gray-500 mb-1.5",children:[(0,s.jsx)("span",{className:"text-blue-400 font-medium",children:e.from_session}),(0,s.jsx)("span",{children:e.created_at})]}),(0,s.jsx)("div",{className:"text-gray-300 leading-relaxed",children:e.content})]},e.id))})]})}function b(){return(0,s.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-6 font-mono animate-pulse",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between mb-8",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"h-7 w-48 bg-gray-800 rounded mb-2"}),(0,s.jsx)("div",{className:"h-4 w-64 bg-gray-800/60 rounded"})]}),(0,s.jsx)("div",{className:"flex gap-3",children:[1,2,3].map(e=>(0,s.jsx)("div",{className:"w-[72px] h-[60px] bg-gray-800/40 rounded-lg border border-gray-800"},e))})]}),(0,s.jsxs)("div",{className:"mb-6 flex gap-2",children:[(0,s.jsx)("div",{className:"flex-1 h-10 bg-gray-800/40 rounded-lg"}),(0,s.jsx)("div",{className:"w-28 h-10 bg-gray-800/40 rounded-lg"})]}),(0,s.jsx)("div",{className:"w-full max-w-4xl mx-auto mb-8 h-64 bg-gray-800/20 rounded-xl"}),(0,s.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4",children:[1,2,3,4].map(e=>(0,s.jsxs)("div",{className:"rounded-xl border border-gray-800/40 p-4 bg-gray-800/20",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 mb-3",children:[(0,s.jsx)("div",{className:"w-2.5 h-2.5 rounded-full bg-gray-700"}),(0,s.jsx)("div",{className:"h-4 w-24 bg-gray-700 rounded"})]}),(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsx)("div",{className:"h-3 w-full bg-gray-800/60 rounded"}),(0,s.jsx)("div",{className:"h-3 w-3/4 bg-gray-800/60 rounded"}),(0,s.jsx)("div",{className:"h-3 w-1/2 bg-gray-800/60 rounded"})]})]},e))})]})}function p({hint:e}){return(0,s.jsxs)("div",{className:"text-center py-16",children:[(0,s.jsx)("div",{className:"text-gray-600 text-4xl mb-4",children:"--"}),(0,s.jsx)("h3",{className:"text-gray-400 text-lg font-medium mb-2",children:"No agents in this network"}),e?.global_count?(0,s.jsxs)("p",{className:"text-gray-500 text-sm max-w-md mx-auto",children:["Server has ",(0,s.jsx)("span",{className:"text-cyan-400 font-medium",children:e.global_count})," nodes globally, but none are registered to the current network. Switch network or contact admin."]}):(0,s.jsx)("p",{className:"text-gray-600 text-sm max-w-md mx-auto",children:"Agent sessions will appear here once they connect to the CommHub."})]})}var y=e.i(58963);function j(){let{setNetworkId:e}=(0,y.useNetworkId)(),[t,r]=(0,a.useState)({user:null,networks:[],currentNetwork:"",token:""}),[l,n]=(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{r(JSON.parse(e))}catch{}},[]);let[g,f]=(0,a.useState)(!1),[b,p]=(0,a.useState)(""),[j,v]=(0,a.useState)(""),w=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:b,email:j})});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:b,email:j})}),s=await e.json();if(s.ok&&s.user){let e={...t,user:s.user};r(e),sessionStorage.setItem("anet_v3_auth",JSON.stringify(e)),f(!1)}}catch{}};if(!t.user)return null;let N=(t.user.display_name||t.user.username).slice(0,2).toUpperCase();return(0,s.jsxs)("div",{className:"flex items-center justify-between bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-2.5 mb-4",children:[(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[(0,s.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:N}),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"text-sm text-white font-medium",children:t.user.display_name||t.user.username}),(0,s.jsxs)("div",{className:"text-[10px] text-gray-500",children:[t.user.role," · ",t.user.user_id]})]})]}),(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[t.networks.length>0&&(0,s.jsx)("select",{value:t.currentNetwork,onChange:s=>{let a={...t,currentNetwork:s.target.value};r(a),e(s.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,s.jsx)("option",{value:e.network_id,children:e.network_name},e.network_id))}),(0,s.jsx)("button",{onClick:()=>{p(t.user?.display_name||""),v(""),f(!g)},className:"text-xs text-gray-500 hover:text-gray-300",children:"Edit"}),(0,s.jsx)("button",{onClick:()=>{r({user:null,networks:[],currentNetwork:"",token:""}),sessionStorage.removeItem("anet_v3_auth")},className:"text-xs text-gray-500 hover:text-gray-300",children:"Sign out"})]}),g&&(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-2 mt-2 pt-2 border-t border-[#2a2a4a]",children:[(0,s.jsx)("input",{type:"text",value:b,onChange:e=>p(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,s.jsx)("input",{type:"email",value:j,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,s.jsx)("button",{onClick:w,className:"px-2 py-1 bg-cyan-600 hover:bg-cyan-500 text-white text-xs rounded",children:"Save"})]})]})}var v=e.i(21373),w=e.i(58442);function N({tabs:e,activeTab:t,onOpenTab:a,onCloseTab:r,onSetActive:l,onClose:n}){return 0===e.length?null:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{onClick:n,className:"jsx-f7cf3d1a6fdfc074 fixed inset-0 bg-black/30 z-40 lg:hidden"}),(0,s.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,s.jsxs)("div",{className:"jsx-f7cf3d1a6fdfc074 flex items-center border-b border-[#2a2a4a] bg-[#0d0d1a] overflow-x-auto",children:[(0,s.jsx)("div",{className:"jsx-f7cf3d1a6fdfc074 flex-1 flex min-w-0",children:e.map(e=>(0,s.jsxs)("button",{onClick:()=>l(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,s.jsx)("div",{className:`jsx-f7cf3d1a6fdfc074 w-2 h-2 rounded-full ${t===e?"bg-cyan-400":"bg-gray-600"}`}),(0,s.jsx)("span",{className:"jsx-f7cf3d1a6fdfc074 max-w-[80px] truncate",children:e}),(0,s.jsx)("button",{onClick:t=>{t.stopPropagation(),r(e)},className:"jsx-f7cf3d1a6fdfc074 ml-1 text-gray-600 hover:text-gray-300 p-0.5",children:"×"})]},e))}),(0,s.jsx)("button",{onClick:n,className:"jsx-f7cf3d1a6fdfc074 text-gray-500 hover:text-white px-3 py-2.5 shrink-0 border-l border-[#2a2a4a]",children:(0,s.jsx)("svg",{fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,className:"jsx-f7cf3d1a6fdfc074 w-4 h-4",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12",className:"jsx-f7cf3d1a6fdfc074"})})})]}),(0,s.jsx)("div",{className:"jsx-f7cf3d1a6fdfc074 flex-1 relative overflow-hidden",children:e.map(e=>(0,s.jsx)("div",{className:`jsx-f7cf3d1a6fdfc074 absolute inset-0 ${t===e?"block":"hidden"}`,children:(0,s.jsx)(k,{alias:e})},e))})]}),(0,s.jsx)(v.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 k({alias:e}){return(0,s.jsx)(w.TaskChatPanel,{alias:e,onClose:()=>{},inline:!0})}function S({sessions:e,onClose:t}){let[r,l]=(0,a.useState)(new Set),[n,i]=(0,a.useState)(""),[o,d]=(0,a.useState)("normal"),[c,x]=(0,a.useState)(!1),[h,u]=(0,a.useState)([]),[m,g]=(0,a.useState)(""),f=e.filter(e=>"offline"!==e.status).filter(e=>!m||e.alias.toLowerCase().includes(m.toLowerCase())||(e.agent||"").toLowerCase().includes(m.toLowerCase())),b=async()=>{if(!n.trim()||0===r.size||c)return;x(!0),u([]);let e=[...r].map(async e=>{try{let t=await fetch("/api/hub/send",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({alias:e,task:n,priority:o})}),s=await t.json();return{alias:e,ok:!!s.ok,error:s.error}}catch(t){return{alias:e,ok:!1,error:"send failed"}}});u(await Promise.all(e)),x(!1)},p=h.filter(e=>e.ok).length;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"fixed inset-0 bg-black/50 z-40",onClick:t}),(0,s.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",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between px-6 py-4 border-b border-[#2a2a4a] bg-[#0d0d1a]",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("h2",{className:"text-lg font-bold text-white",children:"Dispatch Task"}),(0,s.jsx)("p",{className:"text-xs text-gray-500 mt-0.5",children:"Send a task to one or more agents"})]}),(0,s.jsx)("button",{onClick:t,className:"text-gray-500 hover:text-white p-1.5 rounded-lg hover:bg-[#1a1a2a]",children:(0,s.jsx)("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})})]}),(0,s.jsxs)("div",{className:"flex-1 flex flex-col lg:flex-row overflow-hidden",children:[(0,s.jsxs)("div",{className:"lg:w-[280px] border-b lg:border-b-0 lg:border-r border-[#2a2a4a] flex flex-col",children:[(0,s.jsxs)("div",{className:"px-4 py-3 border-b border-[#2a2a4a]",children:[(0,s.jsx)("input",{type:"text",value:m,onChange:e=>g(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,s.jsxs)("div",{className:"flex items-center justify-between mt-2",children:[(0,s.jsx)("button",{onClick:()=>{r.size===f.length?l(new Set):l(new Set(f.map(e=>e.alias)))},className:"text-[10px] text-cyan-400 hover:text-cyan-300",children:r.size===f.length?"Deselect all":`Select all (${f.length})`}),(0,s.jsxs)("span",{className:"text-[10px] text-gray-600",children:[r.size," selected"]})]})]}),(0,s.jsxs)("div",{className:"flex-1 overflow-y-auto px-2 py-2 space-y-0.5 max-h-[200px] lg:max-h-none",children:[f.map(e=>(0,s.jsxs)("button",{onClick:()=>{var t;return t=e.alias,void l(e=>{let s=new Set(e);return s.has(t)?s.delete(t):s.add(t),s})},className:`w-full flex items-center gap-2 px-3 py-2 rounded-lg text-xs text-left transition-colors ${r.has(e.alias)?"bg-cyan-500/10 text-cyan-300 border border-cyan-500/20":"text-gray-400 hover:bg-[#1a1a2a]"}`,children:[(0,s.jsx)("div",{className:`w-2 h-2 rounded-full shrink-0 ${"working"===e.status?"bg-green-400":"idle"===e.status?"bg-cyan-400":"bg-gray-500"}`}),(0,s.jsx)("span",{className:"truncate flex-1",children:e.alias}),(0,s.jsx)("span",{className:"text-[9px] text-gray-600",children:e.agent||"--"})]},e.alias)),0===f.length&&(0,s.jsx)("div",{className:"text-center text-xs text-gray-600 py-4",children:"No online agents"})]})]}),(0,s.jsxs)("div",{className:"flex-1 flex flex-col",children:[(0,s.jsxs)("div",{className:"flex-1 px-6 py-4 flex flex-col",children:[(0,s.jsx)("label",{className:"text-xs text-gray-500 uppercase mb-2",children:"Task Prompt"}),(0,s.jsx)("textarea",{value:n,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,s.jsxs)("div",{className:"flex items-center gap-3 mt-4",children:[(0,s.jsxs)("select",{value:o,onChange:e=>d(e.target.value),className:"bg-[#111128] border border-[#2a2a4a] rounded-lg px-3 py-2 text-xs text-white focus:outline-none",children:[(0,s.jsx)("option",{value:"normal",children:"Normal priority"}),(0,s.jsx)("option",{value:"high",children:"High priority"}),(0,s.jsx)("option",{value:"low",children:"Low priority"})]}),(0,s.jsx)("div",{className:"flex-1"}),(0,s.jsx)("button",{onClick:b,disabled:c||!n.trim()||0===r.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:c?(0,s.jsxs)("span",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{className:"w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin"}),"Sending..."]}):`Dispatch to ${r.size} agent${r.size>1?"s":""}`})]})]}),h.length>0&&(0,s.jsxs)("div",{className:"px-6 py-3 border-t border-[#2a2a4a] bg-[#0d0d1a]",children:[(0,s.jsxs)("div",{className:"text-xs text-gray-500 mb-2",children:[p,"/",h.length," dispatched successfully"]}),(0,s.jsx)("div",{className:"flex flex-wrap gap-1.5",children:h.map(e=>(0,s.jsxs)("span",{className:`text-[10px] px-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:[e.alias,": ",e.ok?"✓":e.error||"✗"]},e.alias))})]})]})]})]})]})}var C=e.i(65822),$=e.i(51280),_=e.i(71235);e.s(["default",0,function(){(0,a.useEffect)(()=>{sessionStorage.getItem("anet_v3_auth")||(fetch("/api/auth/logout",{method:"POST"}).catch(()=>{}),window.location.assign("/login"))},[]);let{sessions:e,hint:i,error:d,isLoading:c}=(0,C.useSessions)(),{health:x}=(0,C.useHealth)(),{config:u}=(0,C.useAnetConfig)(),{tasks:m}=(0,C.useTasks)({limit:"500"}),{stats:y}=(0,C.useStats)(),{license:v}=(0,C.useLicense)(),[w,k]=(0,a.useState)(window.innerWidth>=1024),[M,T]=(0,a.useState)(!1),P=function(){let[e,t]=(0,a.useState)([]),[s,r]=(0,a.useState)("");return{tabs:e,activeTab:s,openTab:e=>{t(t=>t.includes(e)?t:[...t,e]),r(e)},closeTab:e=>{t(t=>{let a=t.filter(t=>t!==e);return s===e&&r(a[a.length-1]||""),a})},closeAll:()=>{t([]),r("")},setActiveTab:r}}(),[E,L]=(0,a.useState)(!1),[z,I]=(0,a.useState)([]),{mutate:O}=(0,_.useSWRConfig)(),W="1"!==t.default.env.NEXT_PUBLIC_DISABLE_SSE,{connected:A,supported:F}=(0,$.useSSE)({url:"/api/hub/events",enabled:W,onEvent:e=>{["new_task","new_message","new_reply","node_status_changed","broadcast"].includes(e.type)&&(O("/api/hub/status"),O(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&&I(t=>{let s=new Set(t.map(e=>e.id));return[...e.messages.filter(e=>!s.has(e.id)),...t].slice(0,100)})}).catch(()=>{})};e();let t=setInterval(e,1e4);return()=>clearInterval(t)},[]),c)return(0,s.jsx)(b,{});let B=x?.sse_sessions||{},D=e=>(e.network_id?B[`${e.network_id}:${e.alias}`]:void 0)??B[e.alias],R=e=>"offline"!==e.status||!!D(e),H=e.filter(R).length,J=e.length,U=e.filter(e=>"working"===e.status).length,G=x?(0,l.formatUptime)(x.uptime):"--",K=x?.version||"--",Q=!!(u?.hub&&u.tokenConfigured),X=u?.source==="file"?"Local config":u?.source==="runtime-env"?"Runtime env":"Config missing",Y={};if(y?.tasks?.by_status?.length)for(let e of y.tasks.by_status)Y[e.status]=e.count;else for(let e of m)Y[e.status]=(Y[e.status]||0)+1;let V=[...e].sort((e,t)=>{let s=+!!R(e),a=+!!R(t);if(s!==a)return a-s;let r=+("working"===e.status);return("working"===t.status)-r});return(0,s.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,s.jsx)("div",{className:"lg:ml-0 ml-10",children:(0,s.jsx)(n,{online:H,working:U,total:J,version:K,uptime:G})}),(0,s.jsxs)("div",{className:"flex items-center gap-3 mb-2",children:[(0,s.jsx)("button",{onClick:()=>L(!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,s.jsx)("div",{className:"flex-1",children:(0,s.jsx)(j,{})})]}),(0,s.jsxs)("section",{className:"mb-6 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 shadow-lg shadow-black/20",children:[(0,s.jsxs)("button",{onClick:()=>T(!M),className:"w-full flex items-center justify-between text-left",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 text-xs",children:[(0,s.jsx)("span",{className:"uppercase text-gray-600",children:"Config"}),(0,s.jsx)("span",{className:`w-2 h-2 rounded-full ${Q?"bg-green-400":"bg-red-400"}`}),(0,s.jsx)("span",{className:"text-gray-500",children:X})]}),(0,s.jsx)("svg",{className:`w-4 h-4 text-gray-600 transition-transform ${M?"rotate-180":""}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 9l-7 7-7-7"})})]}),M&&(0,s.jsxs)("div",{className:"mt-3 pt-3 border-t border-[#2a2a4a]",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,s.jsx)("div",{className:"min-w-0",children:(0,s.jsxs)("div",{className:"text-gray-100 truncate text-sm",title:u?.hub||void 0,children:["Hub: ",(0,s.jsx)("span",{className:u?.hub?"text-cyan-300":"text-red-300",children:u?.hub?.trim()||"not configured"})]})}),(0,s.jsx)("div",{className:"flex flex-wrap gap-2 text-xs",children:(0,s.jsxs)("span",{className:`px-2.5 py-1 rounded-md border ${u?.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: ",u?.tokenPreview||"not configured"]})})]}),u?.error&&(0,s.jsx)("div",{className:"mt-2 text-xs text-gray-600",children:u.error})]})]}),Object.keys(Y).length>0&&(0,s.jsxs)("section",{className:"mb-6 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 shadow-lg shadow-black/20",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,s.jsx)("div",{className:"text-xs uppercase text-gray-600",children:"Task Status"}),(0,s.jsx)(r.default,{href:"/tasks",prefetch:!1,className:"text-xs text-cyan-400 hover:text-cyan-300",children:"View all →"})]}),(0,s.jsx)("div",{className:"flex flex-wrap gap-2",children:[{key:"running",color:"bg-green-500/10 text-green-300 border-green-500/20"},{key:"delivered",color:"bg-blue-500/10 text-blue-300 border-blue-500/20"},{key:"acked",color:"bg-cyan-500/10 text-cyan-300 border-cyan-500/20"},{key:"replied",color:"bg-purple-500/10 text-purple-300 border-purple-500/20"},{key:"failed",color:"bg-red-500/10 text-red-300 border-red-500/20"},{key:"cancelled",color:"bg-yellow-500/10 text-yellow-300 border-yellow-500/20"},{key:"expired",color:"bg-orange-500/10 text-orange-300 border-orange-500/20"},{key:"closed",color:"bg-gray-500/10 text-gray-500 border-gray-500/20"}].filter(({key:e})=>Y[e]).map(({key:e,color:t})=>(0,s.jsxs)(r.default,{href:`/tasks?status=${e}`,prefetch:!1,className:`px-2.5 py-1 rounded-md border text-xs ${t} hover:opacity-80 transition-opacity`,children:[e,": ",Y[e]]},e))})]}),(0,s.jsx)("section",{className:"mb-6 grid grid-cols-3 sm:grid-cols-6 gap-2",children:[{href:"/nodes",label:"Nodes",value:`${H}/${J}`,color:"text-green-400 border-green-500/15"},{href:"/tasks",label:"Tasks",value:String(Object.values(Y).reduce((e,t)=>e+t,0)||"--"),color:"text-cyan-400 border-cyan-500/15"},{href:"/tasks?status=failed",label:"Failed",value:String(Y.failed||0),color:Y.failed?"text-red-400 border-red-500/20":"text-gray-600 border-gray-700/30"},{href:"/messages",label:"Messages",value:"→",color:"text-blue-400 border-blue-500/15"},{href:"/logs",label:"Logs",value:"→",color:"text-purple-400 border-purple-500/15"},{href:"/admin",label:"Admin",value:"→",color:"text-gray-400 border-gray-500/15"}].map(e=>(0,s.jsxs)(r.default,{href:e.href,prefetch:!1,className:`text-center rounded-xl border ${e.color} bg-[#111128] px-3 py-2.5 hover:bg-[#161630] transition-colors`,children:[(0,s.jsx)("div",{className:`text-lg font-bold tabular-nums ${e.color.split(" ")[0]}`,children:e.value}),(0,s.jsx)("div",{className:"text-[10px] text-gray-500",children:e.label})]},e.href))}),(0,s.jsx)(o,{}),m.length>0&&(0,s.jsxs)("section",{className:"mb-6 bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,s.jsx)("h2",{className:"text-sm font-semibold text-gray-300",children:"Recent Activity"}),(0,s.jsx)(r.default,{href:"/tasks",className:"text-xs text-cyan-400 hover:text-cyan-300",children:"All tasks →"})]}),(0,s.jsx)("div",{className:"space-y-2 max-h-40 overflow-y-auto",children:m.slice(0,5).map(e=>(0,s.jsxs)("div",{className:"flex items-center gap-2 text-xs",children:[(0,s.jsx)("span",{className:`w-1.5 h-1.5 rounded-full shrink-0 ${"replied"===e.status?"bg-purple-400":"running"===e.status?"bg-green-400":"failed"===e.status?"bg-red-400":"bg-blue-400"}`}),(0,s.jsx)("span",{className:"text-blue-400 shrink-0",children:e.from_name||"?"}),(0,s.jsx)("span",{className:"text-gray-600",children:"→"}),(0,s.jsx)("span",{className:"text-cyan-400 shrink-0",children:e.to_name||"?"}),(0,s.jsx)("span",{className:"text-gray-500 truncate flex-1",children:e.content?.slice(0,40)||"--"}),(0,s.jsx)("span",{className:`shrink-0 px-1.5 py-0.5 rounded text-[10px] border ${"replied"===e.status?"text-purple-300 border-purple-500/20":"failed"===e.status?"text-red-300 border-red-500/20":"text-gray-500 border-gray-700/30"}`,children:e.status})]},e.task_id))})]}),d&&(0,s.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,s.jsx)("span",{children:String(d)}),(0,s.jsx)("span",{className:"text-gray-500 text-xs",children:"Check CommHub connection"})]}),e.length>0&&(0,s.jsx)("div",{className:"flex justify-center mb-4",children:(0,s.jsx)("button",{onClick:()=>k(!w),className:"text-xs text-gray-500 hover:text-gray-300 border border-gray-700/50 px-4 py-1.5 rounded-lg transition-colors hover:border-gray-600 cursor-pointer",children:w?"Hide Topology":"Show Topology"})}),!w&&e.length>0&&(0,s.jsx)("div",{className:"lg:hidden text-center text-xs text-gray-600 mb-4",children:"Topology hidden on mobile for better readability"}),w&&e.length>0&&(0,s.jsx)(h,{sessions:e,sseSessions:B}),0!==e.length||d?(0,s.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",children:V.map(e=>(0,s.jsx)(g,{session:e,hasSse:R(e),sseCount:D(e)||0,onChat:P.openTab},e.alias))}):(0,s.jsx)(p,{hint:i}),(0,s.jsx)(f,{messages:z}),(0,s.jsxs)("div",{className:"mt-8 text-center text-xs text-gray-600 flex items-center justify-center gap-2 flex-wrap",children:[F&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{className:`w-1.5 h-1.5 rounded-full ${A?"bg-green-400":"bg-gray-600"}`}),A?"SSE live":"SWR polling"]}),v?.license&&(0,s.jsxs)(s.Fragment,{children:[F&&(0,s.jsx)(s.Fragment,{children:"·"}),(0,s.jsxs)("span",{className:v.license.days_left<=7?"text-red-400":"pro"===v.license.type?"text-green-400":"text-yellow-400",children:[v.license.type," (",v.license.days_left,"d left)"]})]})]}),E&&(0,s.jsx)(S,{sessions:e,onClose:()=>L(!1)}),P.tabs.length>0&&(0,s.jsx)(N,{tabs:P.tabs,activeTab:P.activeTab,onOpenTab:P.openTab,onCloseTab:P.closeTab,onSetActive:P.setActiveTab,onClose:P.closeAll})]})}],31713)}]);

package/.next/trace

@@ -1,2 +1,2 @@
-[{"name":"generate-buildid","duration":310,"timestamp":172584022851,"id":4,"parentId":1,"tags":{},"startTime":1778544069848,"traceId":"f631fd1ca720aa20"},{"name":"load-custom-routes","duration":483,"timestamp":172584023308,"id":5,"parentId":1,"tags":{},"startTime":1778544069848,"traceId":"f631fd1ca720aa20"},{"name":"create-dist-dir","duration":296,"timestamp":172584023836,"id":6,"parentId":1,"tags":{},"startTime":1778544069849,"traceId":"f631fd1ca720aa20"},{"name":"clean","duration":34491,"timestamp":172584024835,"id":7,"parentId":1,"tags":{},"startTime":1778544069850,"traceId":"f631fd1ca720aa20"},{"name":"discover-routes","duration":20799,"timestamp":172584143835,"id":8,"parentId":1,"tags":{},"startTime":1778544069969,"traceId":"f631fd1ca720aa20"},{"name":"create-root-mapping","duration":126,"timestamp":172584164706,"id":9,"parentId":1,"tags":{},"startTime":1778544069989,"traceId":"f631fd1ca720aa20"},{"name":"generate-route-types","duration":22181,"timestamp":172584167355,"id":10,"parentId":1,"tags":{},"startTime":1778544069992,"traceId":"f631fd1ca720aa20"},{"name":"public-dir-conflict-check","duration":111,"timestamp":172584189663,"id":11,"parentId":1,"tags":{},"startTime":1778544070014,"traceId":"f631fd1ca720aa20"},{"name":"generate-routes-manifest","duration":4403,"timestamp":172584189898,"id":12,"parentId":1,"tags":{},"startTime":1778544070015,"traceId":"f631fd1ca720aa20"},{"name":"run-turbopack","duration":8124447,"timestamp":172584199739,"id":14,"parentId":1,"tags":{},"startTime":1778544070024,"traceId":"f631fd1ca720aa20"},{"name":"turbopack-build-events","duration":108,"timestamp":172584512871,"id":15,"parentId":1,"tags":{},"startTime":1778544070338,"traceId":"f631fd1ca720aa20"},{"name":"run-typescript","duration":7846165,"timestamp":172592331551,"id":16,"parentId":1,"tags":{},"startTime":1778544078156,"traceId":"f631fd1ca720aa20"},{"name":"generate-required-server-files","duration":2364,"timestamp":172600178916,"id":18,"parentId":1,"tags":{},"startTime":1778544086004,"traceId":"f631fd1ca720aa20"},{"name":"check-static-error-page","duration":16892,"timestamp":172600272840,"id":20,"parentId":19,"tags":{},"startTime":1778544086098,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":320950,"timestamp":172600293453,"id":62,"parentId":22,"tags":{},"startTime":1778544086118,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":337344,"timestamp":172600277211,"id":22,"parentId":19,"tags":{"page":"/_global-error"},"startTime":1778544086102,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":405378,"timestamp":172600293128,"id":61,"parentId":21,"tags":{},"startTime":1778544086118,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":424493,"timestamp":172600274105,"id":21,"parentId":19,"tags":{"page":"/_not-found"},"startTime":1778544086099,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":419750,"timestamp":172600293536,"id":63,"parentId":25,"tags":{},"startTime":1778544086118,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":430535,"timestamp":172600282816,"id":25,"parentId":19,"tags":{"page":"/api/auth/login"},"startTime":1778544086108,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":427690,"timestamp":172600293678,"id":64,"parentId":26,"tags":{},"startTime":1778544086118,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":438461,"timestamp":172600282988,"id":26,"parentId":19,"tags":{"page":"/api/auth/logout"},"startTime":1778544086108,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":432862,"timestamp":172600293789,"id":67,"parentId":29,"tags":{},"startTime":1778544086118,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":443485,"timestamp":172600283250,"id":29,"parentId":19,"tags":{"page":"/api/hub/auth"},"startTime":1778544086108,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":437265,"timestamp":172600293823,"id":68,"parentId":30,"tags":{},"startTime":1778544086119,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":447680,"timestamp":172600283478,"id":30,"parentId":19,"tags":{"page":"/api/hub/broadcast"},"startTime":1778544086108,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":436308,"timestamp":172600297412,"id":69,"parentId":32,"tags":{},"startTime":1778544086122,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":449946,"timestamp":172600283825,"id":32,"parentId":19,"tags":{"page":"/api/hub/health"},"startTime":1778544086109,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":442234,"timestamp":172600293754,"id":66,"parentId":28,"tags":{},"startTime":1778544086118,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":452884,"timestamp":172600283173,"id":28,"parentId":19,"tags":{"page":"/api/hub/audit-log"},"startTime":1778544086108,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":440514,"timestamp":172600297544,"id":70,"parentId":33,"tags":{},"startTime":1778544086122,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":454207,"timestamp":172600283913,"id":33,"parentId":19,"tags":{"page":"/api/hub/inbox"},"startTime":1778544086109,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":445453,"timestamp":172600297624,"id":72,"parentId":35,"tags":{},"startTime":1778544086122,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":459051,"timestamp":172600284087,"id":35,"parentId":19,"tags":{"page":"/api/hub/messages"},"startTime":1778544086109,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":447817,"timestamp":172600297682,"id":73,"parentId":36,"tags":{},"startTime":1778544086122,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":461139,"timestamp":172600284423,"id":36,"parentId":19,"tags":{"page":"/api/hub/networks"},"startTime":1778544086109,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":451464,"timestamp":172600297705,"id":74,"parentId":37,"tags":{},"startTime":1778544086122,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":464680,"timestamp":172600284538,"id":37,"parentId":19,"tags":{"page":"/api/hub/nodes"},"startTime":1778544086109,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":454962,"timestamp":172600297600,"id":71,"parentId":34,"tags":{},"startTime":1778544086122,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":468620,"timestamp":172600283993,"id":34,"parentId":19,"tags":{"page":"/api/hub/license"},"startTime":1778544086109,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":455529,"timestamp":172600297714,"id":75,"parentId":38,"tags":{},"startTime":1778544086122,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":468664,"timestamp":172600284628,"id":38,"parentId":19,"tags":{"page":"/api/hub/register"},"startTime":1778544086109,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":459028,"timestamp":172600297720,"id":76,"parentId":39,"tags":{},"startTime":1778544086122,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":472078,"timestamp":172600284721,"id":39,"parentId":19,"tags":{"page":"/api/hub/send"},"startTime":1778544086109,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":460913,"timestamp":172600297725,"id":77,"parentId":40,"tags":{},"startTime":1778544086122,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":473882,"timestamp":172600284793,"id":40,"parentId":19,"tags":{"page":"/api/hub/server-logs"},"startTime":1778544086109,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":462238,"timestamp":172600297731,"id":78,"parentId":41,"tags":{},"startTime":1778544086122,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":474740,"timestamp":172600285296,"id":41,"parentId":19,"tags":{"page":"/api/hub/session"},"startTime":1778544086110,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":464198,"timestamp":172600297739,"id":79,"parentId":42,"tags":{},"startTime":1778544086122,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":476598,"timestamp":172600285382,"id":42,"parentId":19,"tags":{"page":"/api/hub/stats"},"startTime":1778544086110,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":465616,"timestamp":172600297744,"id":80,"parentId":43,"tags":{},"startTime":1778544086122,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":477947,"timestamp":172600285458,"id":43,"parentId":19,"tags":{"page":"/api/hub/status"},"startTime":1778544086110,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":467705,"timestamp":172600297750,"id":81,"parentId":44,"tags":{},"startTime":1778544086122,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":479966,"timestamp":172600285524,"id":44,"parentId":19,"tags":{"page":"/api/hub/task-events"},"startTime":1778544086110,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":469336,"timestamp":172600297756,"id":82,"parentId":45,"tags":{},"startTime":1778544086122,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":481542,"timestamp":172600285586,"id":45,"parentId":19,"tags":{"page":"/api/hub/tasks"},"startTime":1778544086110,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":471319,"timestamp":172600297762,"id":83,"parentId":46,"tags":{},"startTime":1778544086122,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":483442,"timestamp":172600285676,"id":46,"parentId":19,"tags":{"page":"/api/hub/tmux"},"startTime":1778544086110,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":471476,"timestamp":172600297768,"id":84,"parentId":47,"tags":{},"startTime":1778544086122,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":483496,"timestamp":172600285770,"id":47,"parentId":19,"tags":{"page":"/api/hub/tokens"},"startTime":1778544086110,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":474163,"timestamp":172600297774,"id":85,"parentId":48,"tags":{},"startTime":1778544086122,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":486144,"timestamp":172600285837,"id":48,"parentId":19,"tags":{"page":"/favicon.ico"},"startTime":1778544086111,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":470085,"timestamp":172600304990,"id":86,"parentId":24,"tags":{},"startTime":1778544086130,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":497508,"timestamp":172600277620,"id":24,"parentId":19,"tags":{"page":"/api/anet/config"},"startTime":1778544086102,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":469496,"timestamp":172600305775,"id":87,"parentId":31,"tags":{},"startTime":1778544086130,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":491728,"timestamp":172600283573,"id":31,"parentId":19,"tags":{"page":"/api/hub/events"},"startTime":1778544086108,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":482074,"timestamp":172600293719,"id":65,"parentId":27,"tags":{},"startTime":1778544086118,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":492745,"timestamp":172600283092,"id":27,"parentId":19,"tags":{"page":"/api/auth/v3"},"startTime":1778544086108,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":474793,"timestamp":172600308587,"id":90,"parentId":50,"tags":{},"startTime":1778544086133,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":497182,"timestamp":172600286275,"id":50,"parentId":19,"tags":{"page":"/logs"},"startTime":1778544086111,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":481013,"timestamp":172600308593,"id":91,"parentId":51,"tags":{},"startTime":1778544086133,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":503298,"timestamp":172600286368,"id":51,"parentId":19,"tags":{"page":"/messages"},"startTime":1778544086111,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":486866,"timestamp":172600308598,"id":92,"parentId":52,"tags":{},"startTime":1778544086133,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":509003,"timestamp":172600286536,"id":52,"parentId":19,"tags":{"page":"/node"},"startTime":1778544086111,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":493226,"timestamp":172600308604,"id":93,"parentId":53,"tags":{},"startTime":1778544086133,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":515208,"timestamp":172600286687,"id":53,"parentId":19,"tags":{"page":"/nodes"},"startTime":1778544086111,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":499129,"timestamp":172600308610,"id":94,"parentId":55,"tags":{},"startTime":1778544086133,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":520604,"timestamp":172600287194,"id":55,"parentId":19,"tags":{"page":"/server-logs"},"startTime":1778544086112,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":505242,"timestamp":172600308615,"id":95,"parentId":56,"tags":{},"startTime":1778544086133,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":526607,"timestamp":172600287327,"id":56,"parentId":19,"tags":{"page":"/settings/networks"},"startTime":1778544086112,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":507614,"timestamp":172600308579,"id":89,"parentId":49,"tags":{},"startTime":1778544086133,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":530061,"timestamp":172600286185,"id":49,"parentId":19,"tags":{"page":"/login"},"startTime":1778544086111,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":512009,"timestamp":172600308620,"id":96,"parentId":58,"tags":{},"startTime":1778544086133,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":531381,"timestamp":172600289292,"id":58,"parentId":19,"tags":{"page":"/settings/tokens"},"startTime":1778544086114,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":512221,"timestamp":172600308550,"id":88,"parentId":23,"tags":{},"startTime":1778544086133,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":543311,"timestamp":172600277478,"id":23,"parentId":19,"tags":{"page":"/admin"},"startTime":1778544086102,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":511681,"timestamp":172600315585,"id":99,"parentId":54,"tags":{},"startTime":1778544086140,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":540464,"timestamp":172600286851,"id":54,"parentId":19,"tags":{"page":"/"},"startTime":1778544086112,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":519859,"timestamp":172600308633,"id":98,"parentId":60,"tags":{},"startTime":1778544086133,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":538990,"timestamp":172600289539,"id":60,"parentId":19,"tags":{"page":"/tasks"},"startTime":1778544086114,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":520596,"timestamp":172600308625,"id":97,"parentId":59,"tags":{},"startTime":1778544086133,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":539852,"timestamp":172600289424,"id":59,"parentId":19,"tags":{"page":"/tasks/[id]"},"startTime":1778544086114,"traceId":"f631fd1ca720aa20"},{"name":"is-page-static","duration":512932,"timestamp":172600318799,"id":100,"parentId":57,"tags":{},"startTime":1778544086143,"traceId":"f631fd1ca720aa20"},{"name":"check-page","duration":544296,"timestamp":172600287473,"id":57,"parentId":19,"tags":{"page":"/settings"},"startTime":1778544086112,"traceId":"f631fd1ca720aa20"},{"name":"static-check","duration":564902,"timestamp":172600266899,"id":19,"parentId":1,"tags":{},"startTime":1778544086092,"traceId":"f631fd1ca720aa20"},{"name":"write-routes-manifest","duration":488,"timestamp":172600839243,"id":102,"parentId":1,"tags":{},"startTime":1778544086664,"traceId":"f631fd1ca720aa20"},{"name":"load-dotenv","duration":58,"timestamp":172600852163,"id":105,"parentId":104,"tags":{},"startTime":1778544086677,"traceId":"f631fd1ca720aa20"},{"name":"run-export-path-map","duration":578,"timestamp":172600856190,"id":106,"parentId":104,"tags":{},"startTime":1778544086681,"traceId":"f631fd1ca720aa20"},{"name":"next-export","duration":518623,"timestamp":172600850873,"id":104,"parentId":1,"tags":{},"startTime":1778544086676,"traceId":"f631fd1ca720aa20"},{"name":"move-exported-app-not-found-","duration":1504,"timestamp":172601373070,"id":107,"parentId":103,"tags":{},"startTime":1778544087198,"traceId":"f631fd1ca720aa20"},{"name":"move-exported-app-global-error-","duration":454,"timestamp":172601374681,"id":108,"parentId":103,"tags":{},"startTime":1778544087199,"traceId":"f631fd1ca720aa20"}]
-[{"name":"static-generation","duration":535000,"timestamp":172600844211,"id":103,"parentId":1,"tags":{},"startTime":1778544086669,"traceId":"f631fd1ca720aa20"},{"name":"write-routes-manifest","duration":481,"timestamp":172601379438,"id":109,"parentId":1,"tags":{},"startTime":1778544087204,"traceId":"f631fd1ca720aa20"},{"name":"print-tree-view","duration":3779,"timestamp":172601391395,"id":110,"parentId":1,"tags":{},"startTime":1778544087216,"traceId":"f631fd1ca720aa20"},{"name":"write-route-bundle-stats","duration":13813,"timestamp":172601395216,"id":111,"parentId":1,"tags":{},"startTime":1778544087220,"traceId":"f631fd1ca720aa20"},{"name":"telemetry-flush","duration":47163,"timestamp":172601409067,"id":112,"parentId":1,"tags":{},"startTime":1778544087234,"traceId":"f631fd1ca720aa20"},{"name":"next-build","duration":17480352,"timestamp":172583975921,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778544069801,"traceId":"f631fd1ca720aa20"}]
+[{"name":"generate-buildid","duration":322,"timestamp":175835267090,"id":4,"parentId":1,"tags":{},"startTime":1778547321092,"traceId":"4a9b2a78582635a2"},{"name":"load-custom-routes","duration":491,"timestamp":175835267579,"id":5,"parentId":1,"tags":{},"startTime":1778547321092,"traceId":"4a9b2a78582635a2"},{"name":"create-dist-dir","duration":326,"timestamp":175835268116,"id":6,"parentId":1,"tags":{},"startTime":1778547321093,"traceId":"4a9b2a78582635a2"},{"name":"clean","duration":489,"timestamp":175835269134,"id":7,"parentId":1,"tags":{},"startTime":1778547321094,"traceId":"4a9b2a78582635a2"},{"name":"discover-routes","duration":10557,"timestamp":175835354700,"id":8,"parentId":1,"tags":{},"startTime":1778547321179,"traceId":"4a9b2a78582635a2"},{"name":"create-root-mapping","duration":130,"timestamp":175835365324,"id":9,"parentId":1,"tags":{},"startTime":1778547321190,"traceId":"4a9b2a78582635a2"},{"name":"generate-route-types","duration":33924,"timestamp":175835368060,"id":10,"parentId":1,"tags":{},"startTime":1778547321193,"traceId":"4a9b2a78582635a2"},{"name":"public-dir-conflict-check","duration":125,"timestamp":175835402200,"id":11,"parentId":1,"tags":{},"startTime":1778547321227,"traceId":"4a9b2a78582635a2"},{"name":"generate-routes-manifest","duration":5037,"timestamp":175835402483,"id":12,"parentId":1,"tags":{},"startTime":1778547321227,"traceId":"4a9b2a78582635a2"},{"name":"run-turbopack","duration":7409643,"timestamp":175835413820,"id":14,"parentId":1,"tags":{},"startTime":1778547321239,"traceId":"4a9b2a78582635a2"},{"name":"turbopack-build-events","duration":108,"timestamp":175835707314,"id":15,"parentId":1,"tags":{},"startTime":1778547321532,"traceId":"4a9b2a78582635a2"},{"name":"run-typescript","duration":7093874,"timestamp":175842837398,"id":16,"parentId":1,"tags":{},"startTime":1778547328662,"traceId":"4a9b2a78582635a2"},{"name":"generate-required-server-files","duration":2517,"timestamp":175849932459,"id":18,"parentId":1,"tags":{},"startTime":1778547335757,"traceId":"4a9b2a78582635a2"},{"name":"check-static-error-page","duration":13630,"timestamp":175850020124,"id":20,"parentId":19,"tags":{},"startTime":1778547335845,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":366800,"timestamp":175850036422,"id":62,"parentId":22,"tags":{},"startTime":1778547335861,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":380571,"timestamp":175850022776,"id":22,"parentId":19,"tags":{"page":"/_global-error"},"startTime":1778547335847,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":486371,"timestamp":175850037805,"id":64,"parentId":26,"tags":{},"startTime":1778547335862,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":497557,"timestamp":175850026717,"id":26,"parentId":19,"tags":{"page":"/api/auth/logout"},"startTime":1778547335851,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":492359,"timestamp":175850037873,"id":65,"parentId":27,"tags":{},"startTime":1778547335863,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":503493,"timestamp":175850026819,"id":27,"parentId":19,"tags":{"page":"/api/auth/v3"},"startTime":1778547335852,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":497600,"timestamp":175850037912,"id":66,"parentId":28,"tags":{},"startTime":1778547335863,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":508691,"timestamp":175850026904,"id":28,"parentId":19,"tags":{"page":"/api/hub/audit-log"},"startTime":1778547335852,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":503754,"timestamp":175850037956,"id":67,"parentId":29,"tags":{},"startTime":1778547335863,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":514815,"timestamp":175850026987,"id":29,"parentId":19,"tags":{"page":"/api/hub/auth"},"startTime":1778547335852,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":508223,"timestamp":175850037992,"id":68,"parentId":30,"tags":{},"startTime":1778547335863,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":518960,"timestamp":175850027344,"id":30,"parentId":19,"tags":{"page":"/api/hub/broadcast"},"startTime":1778547335852,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":514433,"timestamp":175850038038,"id":69,"parentId":32,"tags":{},"startTime":1778547335863,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":524863,"timestamp":175850027706,"id":32,"parentId":19,"tags":{"page":"/api/hub/health"},"startTime":1778547335852,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":519665,"timestamp":175850038181,"id":70,"parentId":33,"tags":{},"startTime":1778547335863,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":530129,"timestamp":175850027809,"id":33,"parentId":19,"tags":{"page":"/api/hub/inbox"},"startTime":1778547335852,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":522697,"timestamp":175850036057,"id":61,"parentId":21,"tags":{},"startTime":1778547335861,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":537468,"timestamp":175850021339,"id":21,"parentId":19,"tags":{"page":"/_not-found"},"startTime":1778547335846,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":527089,"timestamp":175850038232,"id":71,"parentId":34,"tags":{},"startTime":1778547335863,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":537524,"timestamp":175850027887,"id":34,"parentId":19,"tags":{"page":"/api/hub/license"},"startTime":1778547335853,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":531977,"timestamp":175850038344,"id":73,"parentId":36,"tags":{},"startTime":1778547335863,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":542075,"timestamp":175850028332,"id":36,"parentId":19,"tags":{"page":"/api/hub/networks"},"startTime":1778547335853,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":537949,"timestamp":175850038365,"id":74,"parentId":37,"tags":{},"startTime":1778547335863,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":547944,"timestamp":175850028474,"id":37,"parentId":19,"tags":{"page":"/api/hub/nodes"},"startTime":1778547335853,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":544183,"timestamp":175850038373,"id":75,"parentId":38,"tags":{},"startTime":1778547335863,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":554067,"timestamp":175850028572,"id":38,"parentId":19,"tags":{"page":"/api/hub/register"},"startTime":1778547335853,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":548141,"timestamp":175850038379,"id":76,"parentId":39,"tags":{},"startTime":1778547335863,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":557959,"timestamp":175850028636,"id":39,"parentId":19,"tags":{"page":"/api/hub/send"},"startTime":1778547335853,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":552974,"timestamp":175850038385,"id":77,"parentId":40,"tags":{},"startTime":1778547335863,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":562738,"timestamp":175850028705,"id":40,"parentId":19,"tags":{"page":"/api/hub/server-logs"},"startTime":1778547335853,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":559815,"timestamp":175850036511,"id":63,"parentId":25,"tags":{},"startTime":1778547335861,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":569875,"timestamp":175850026530,"id":25,"parentId":19,"tags":{"page":"/api/auth/login"},"startTime":1778547335851,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":559135,"timestamp":175850038401,"id":78,"parentId":41,"tags":{},"startTime":1778547335863,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":568849,"timestamp":175850028770,"id":41,"parentId":19,"tags":{"page":"/api/hub/session"},"startTime":1778547335853,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":563586,"timestamp":175850038413,"id":80,"parentId":43,"tags":{},"startTime":1778547335863,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":573179,"timestamp":175850028900,"id":43,"parentId":19,"tags":{"page":"/api/hub/status"},"startTime":1778547335854,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":563976,"timestamp":175850038257,"id":72,"parentId":35,"tags":{},"startTime":1778547335863,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":574305,"timestamp":175850027966,"id":35,"parentId":19,"tags":{"page":"/api/hub/messages"},"startTime":1778547335853,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":568788,"timestamp":175850038419,"id":81,"parentId":44,"tags":{},"startTime":1778547335863,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":578304,"timestamp":175850028966,"id":44,"parentId":19,"tags":{"page":"/api/hub/task-events"},"startTime":1778547335854,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":572274,"timestamp":175850038430,"id":83,"parentId":46,"tags":{},"startTime":1778547335863,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":581634,"timestamp":175850029129,"id":46,"parentId":19,"tags":{"page":"/api/hub/tmux"},"startTime":1778547335854,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":577367,"timestamp":175850038435,"id":84,"parentId":47,"tags":{},"startTime":1778547335863,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":586679,"timestamp":175850029192,"id":47,"parentId":19,"tags":{"page":"/api/hub/tokens"},"startTime":1778547335854,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":578049,"timestamp":175850038424,"id":82,"parentId":45,"tags":{},"startTime":1778547335863,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":587476,"timestamp":175850029043,"id":45,"parentId":19,"tags":{"page":"/api/hub/tasks"},"startTime":1778547335854,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":580307,"timestamp":175850038440,"id":85,"parentId":48,"tags":{},"startTime":1778547335863,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":589464,"timestamp":175850029341,"id":48,"parentId":19,"tags":{"page":"/favicon.ico"},"startTime":1778547335854,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":577865,"timestamp":175850043295,"id":86,"parentId":24,"tags":{},"startTime":1778547335868,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":598073,"timestamp":175850023133,"id":24,"parentId":19,"tags":{"page":"/api/anet/config"},"startTime":1778547335848,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":580196,"timestamp":175850044181,"id":87,"parentId":31,"tags":{},"startTime":1778547335869,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":596976,"timestamp":175850027474,"id":31,"parentId":19,"tags":{"page":"/api/hub/events"},"startTime":1778547335852,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":568497,"timestamp":175850062575,"id":88,"parentId":23,"tags":{},"startTime":1778547335887,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":608164,"timestamp":175850022979,"id":23,"parentId":19,"tags":{"page":"/admin"},"startTime":1778547335848,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":592920,"timestamp":175850038407,"id":79,"parentId":42,"tags":{},"startTime":1778547335863,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":602529,"timestamp":175850028839,"id":42,"parentId":19,"tags":{"page":"/api/hub/stats"},"startTime":1778547335854,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":580643,"timestamp":175850062626,"id":90,"parentId":50,"tags":{},"startTime":1778547335887,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":613401,"timestamp":175850029939,"id":50,"parentId":19,"tags":{"page":"/logs"},"startTime":1778547335855,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":592499,"timestamp":175850062648,"id":92,"parentId":52,"tags":{},"startTime":1778547335887,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":624950,"timestamp":175850030340,"id":52,"parentId":19,"tags":{"page":"/node"},"startTime":1778547335855,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":602596,"timestamp":175850062654,"id":93,"parentId":53,"tags":{},"startTime":1778547335887,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":634809,"timestamp":175850030522,"id":53,"parentId":19,"tags":{"page":"/nodes"},"startTime":1778547335855,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":607655,"timestamp":175850062665,"id":94,"parentId":55,"tags":{},"startTime":1778547335887,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":639322,"timestamp":175850031087,"id":55,"parentId":19,"tags":{"page":"/server-logs"},"startTime":1778547335856,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":615790,"timestamp":175850062674,"id":95,"parentId":56,"tags":{},"startTime":1778547335887,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":647301,"timestamp":175850031257,"id":56,"parentId":19,"tags":{"page":"/settings/networks"},"startTime":1778547335856,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":616096,"timestamp":175850062636,"id":91,"parentId":51,"tags":{},"startTime":1778547335887,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":648608,"timestamp":175850030151,"id":51,"parentId":19,"tags":{"page":"/messages"},"startTime":1778547335855,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":624688,"timestamp":175850062761,"id":96,"parentId":58,"tags":{},"startTime":1778547335887,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":654122,"timestamp":175850033402,"id":58,"parentId":19,"tags":{"page":"/settings/tokens"},"startTime":1778547335858,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":625672,"timestamp":175850062774,"id":97,"parentId":59,"tags":{},"startTime":1778547335887,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":654985,"timestamp":175850033535,"id":59,"parentId":19,"tags":{"page":"/tasks/[id]"},"startTime":1778547335858,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":631148,"timestamp":175850062619,"id":89,"parentId":49,"tags":{},"startTime":1778547335887,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":664027,"timestamp":175850029809,"id":49,"parentId":19,"tags":{"page":"/login"},"startTime":1778547335855,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":632190,"timestamp":175850062801,"id":99,"parentId":54,"tags":{},"startTime":1778547335887,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":664378,"timestamp":175850030676,"id":54,"parentId":19,"tags":{"page":"/"},"startTime":1778547335855,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":632663,"timestamp":175850062788,"id":98,"parentId":60,"tags":{},"startTime":1778547335887,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":661841,"timestamp":175850033642,"id":60,"parentId":19,"tags":{"page":"/tasks"},"startTime":1778547335858,"traceId":"4a9b2a78582635a2"},{"name":"is-page-static","duration":638373,"timestamp":175850062810,"id":100,"parentId":57,"tags":{},"startTime":1778547335887,"traceId":"4a9b2a78582635a2"},{"name":"check-page","duration":669811,"timestamp":175850031413,"id":57,"parentId":19,"tags":{"page":"/settings"},"startTime":1778547335856,"traceId":"4a9b2a78582635a2"},{"name":"static-check","duration":682104,"timestamp":175850019169,"id":19,"parentId":1,"tags":{},"startTime":1778547335844,"traceId":"4a9b2a78582635a2"},{"name":"write-routes-manifest","duration":502,"timestamp":175850709759,"id":102,"parentId":1,"tags":{},"startTime":1778547336534,"traceId":"4a9b2a78582635a2"},{"name":"load-dotenv","duration":44,"timestamp":175850720923,"id":105,"parentId":104,"tags":{},"startTime":1778547336546,"traceId":"4a9b2a78582635a2"},{"name":"run-export-path-map","duration":671,"timestamp":175850724914,"id":106,"parentId":104,"tags":{},"startTime":1778547336550,"traceId":"4a9b2a78582635a2"},{"name":"next-export","duration":546948,"timestamp":175850719727,"id":104,"parentId":1,"tags":{},"startTime":1778547336544,"traceId":"4a9b2a78582635a2"},{"name":"move-exported-app-not-found-","duration":668,"timestamp":175851270836,"id":107,"parentId":103,"tags":{},"startTime":1778547337096,"traceId":"4a9b2a78582635a2"},{"name":"move-exported-app-global-error-","duration":442,"timestamp":175851271601,"id":108,"parentId":103,"tags":{},"startTime":1778547337096,"traceId":"4a9b2a78582635a2"}]
+[{"name":"static-generation","duration":562030,"timestamp":175850714406,"id":103,"parentId":1,"tags":{},"startTime":1778547336539,"traceId":"4a9b2a78582635a2"},{"name":"write-routes-manifest","duration":534,"timestamp":175851276613,"id":109,"parentId":1,"tags":{},"startTime":1778547337101,"traceId":"4a9b2a78582635a2"},{"name":"print-tree-view","duration":3809,"timestamp":175851289532,"id":110,"parentId":1,"tags":{},"startTime":1778547337114,"traceId":"4a9b2a78582635a2"},{"name":"write-route-bundle-stats","duration":13018,"timestamp":175851293385,"id":111,"parentId":1,"tags":{},"startTime":1778547337118,"traceId":"4a9b2a78582635a2"},{"name":"telemetry-flush","duration":30208,"timestamp":175851306439,"id":112,"parentId":1,"tags":{},"startTime":1778547337131,"traceId":"4a9b2a78582635a2"},{"name":"next-build","duration":16119483,"timestamp":175835217209,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778547321042,"traceId":"4a9b2a78582635a2"}]

package/.next/trace-build

@@ -1 +1 @@
-[{"name":"run-turbopack","duration":8124447,"timestamp":172584199739,"id":14,"parentId":1,"tags":{},"startTime":1778544070024,"traceId":"f631fd1ca720aa20"},{"name":"turbopack-build-events","duration":108,"timestamp":172584512871,"id":15,"parentId":1,"tags":{},"startTime":1778544070338,"traceId":"f631fd1ca720aa20"},{"name":"run-typescript","duration":7846165,"timestamp":172592331551,"id":16,"parentId":1,"tags":{},"startTime":1778544078156,"traceId":"f631fd1ca720aa20"},{"name":"static-check","duration":564902,"timestamp":172600266899,"id":19,"parentId":1,"tags":{},"startTime":1778544086092,"traceId":"f631fd1ca720aa20"},{"name":"static-generation","duration":535000,"timestamp":172600844211,"id":103,"parentId":1,"tags":{},"startTime":1778544086669,"traceId":"f631fd1ca720aa20"},{"name":"telemetry-flush","duration":47163,"timestamp":172601409067,"id":112,"parentId":1,"tags":{},"startTime":1778544087234,"traceId":"f631fd1ca720aa20"},{"name":"next-build","duration":17480352,"timestamp":172583975921,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778544069801,"traceId":"f631fd1ca720aa20"}]
+[{"name":"run-turbopack","duration":7409643,"timestamp":175835413820,"id":14,"parentId":1,"tags":{},"startTime":1778547321239,"traceId":"4a9b2a78582635a2"},{"name":"turbopack-build-events","duration":108,"timestamp":175835707314,"id":15,"parentId":1,"tags":{},"startTime":1778547321532,"traceId":"4a9b2a78582635a2"},{"name":"run-typescript","duration":7093874,"timestamp":175842837398,"id":16,"parentId":1,"tags":{},"startTime":1778547328662,"traceId":"4a9b2a78582635a2"},{"name":"static-check","duration":682104,"timestamp":175850019169,"id":19,"parentId":1,"tags":{},"startTime":1778547335844,"traceId":"4a9b2a78582635a2"},{"name":"static-generation","duration":562030,"timestamp":175850714406,"id":103,"parentId":1,"tags":{},"startTime":1778547336539,"traceId":"4a9b2a78582635a2"},{"name":"telemetry-flush","duration":30208,"timestamp":175851306439,"id":112,"parentId":1,"tags":{},"startTime":1778547337131,"traceId":"4a9b2a78582635a2"},{"name":"next-build","duration":16119483,"timestamp":175835217209,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778547321042,"traceId":"4a9b2a78582635a2"}]

package/app/components/StatsBar.tsx

@@ -63,8 +63,14 @@ export function StatsBar({ online, working, total, version, uptime }: StatsBarPr
 function StatCard({ value, label, sub, color, accent, border }: {
   value: number; label: string; sub: string; color: string; accent: string; border: string;
 }) {
+  // Extract the color family (green/cyan/gray/blue/white) from `color` prop
+  // so the light-theme top-strip CSS can pick the right accent.
+  const accentKey = color.replace('text-', '').split('-')[0];
   return (
-    <div className={`relative overflow-hidden rounded-xl border ${border} bg-[#111128] px-4 py-3`}>
+    <div
+      data-anet-stat-card={accentKey}
+      className={`anet-stat-card relative overflow-hidden rounded-xl border ${border} bg-[#111128] px-4 py-3 transition-all`}
+    >
       <div className={`absolute inset-0 bg-gradient-to-br ${accent} pointer-events-none`} />
       <div className="relative">
         <div className={`text-3xl font-bold ${color} tabular-nums leading-tight`}>{value}</div>

package/app/components/TopoGraph.tsx

@@ -310,20 +310,27 @@ export function TopoGraph({ sessions, sseSessions }: TopoGraphProps) {
             );
           })}
 
-          {/* center command hub */}
-          <g filter="url(#topo-glow)">
-            <circle cx={cx} cy={cy} r="56" fill="#020617" stroke="#67e8f9" strokeWidth="2" />
-            <circle cx={cx} cy={cy} r="42" fill="none" stroke="#22c55e" strokeWidth="1.5" opacity="0.8">
-              <animate attributeName="r" values="42;52;42" dur="3s" repeatCount="indefinite" />
-              <animate attributeName="opacity" values="0.8;0.2;0.8" dur="3s" repeatCount="indefinite" />
+          {/* center hub — 24px pulse signal source.
+              Previous design (56px filled circle + 42px animated ring +
+              `+` glyph + "DASHBOARD" / "command relay" labels) over-emphasized
+              the hub and competed with the agent nodes for visual weight.
+              The new design is a calm 12px emerald source with two outward
+              pulse rings — reads as "signal origin" without a placeholder
+              logo or label. Closes agent-network#5. */}
+          <g>
+            {/* outer pulse 1 */}
+            <circle cx={cx} cy={cy} r="6" fill="none" stroke="#10b981" strokeWidth="1.5">
+              <animate attributeName="r" values="6;28;6" dur="2.4s" repeatCount="indefinite" />
+              <animate attributeName="opacity" values="0.55;0;0.55" dur="2.4s" repeatCount="indefinite" />
             </circle>
-            <path d="M470 330 h60 M500 300 v60" stroke="#e0f2fe" strokeWidth="5" strokeLinecap="round" opacity="0.9" />
-            <text x={cx} y={cy + 78} textAnchor="middle" fill="#e5e7eb" fontSize="16" fontFamily="monospace" fontWeight="700">
-              DASHBOARD
-            </text>
-            <text x={cx} y={cy + 96} textAnchor="middle" fill="#64748b" fontSize="10" fontFamily="monospace">
-              command relay
-            </text>
+            {/* outer pulse 2 (delayed 1.2s) */}
+            <circle cx={cx} cy={cy} r="6" fill="none" stroke="#10b981" strokeWidth="1.5" opacity="0">
+              <animate attributeName="r" values="6;28;6" dur="2.4s" begin="1.2s" repeatCount="indefinite" />
+              <animate attributeName="opacity" values="0.45;0;0.45" dur="2.4s" begin="1.2s" repeatCount="indefinite" />
+            </circle>
+            {/* core dot — 12px diameter (r=6), emerald with inner highlight */}
+            <circle cx={cx} cy={cy} r="6" fill="#10b981" />
+            <circle cx={cx} cy={cy} r="3" fill="#d1fae5" opacity="0.9" />
           </g>
 
           {/* agent nodes */}

package/app/globals.css

@@ -429,20 +429,21 @@ body {
    keep the existing tinted-pill look. */
 [data-theme="light"] .anet-nav-active,
 [data-theme="mint"] .anet-nav-active {
-  /* Active nav: 1 strong accent cue (3px left bar) + faint bg wash + bold text.
-     Replaces the four-emerald-stack (bg + border + text + ring) with a
-     calmer Linear/Vercel-style "current page" indicator. */
-  background-color: rgba(0, 158, 126, 0.06) !important;
+  /* 通信龙 final spec (Q1 + 3-piece lockdown): active nav = ONE cue.
+     4px left bar emerald, text in --fg (NOT emerald), NO bg tint.
+     Reads as a calm "current page" indicator without competing emerald
+     surfaces. (Earlier 0.4.3 had 3px + faint tint + emerald text.) */
+  background-color: transparent !important;
   border-color: transparent !important;
-  border-left: 3px solid var(--accent) !important;
+  border-left: 4px solid var(--accent) !important;
   border-radius: 0 8px 8px 0 !important;
-  padding-left: calc(0.75rem - 3px) !important;
-  color: var(--accent) !important;
+  padding-left: calc(0.75rem - 4px) !important;
+  color: var(--fg) !important;
   font-weight: 600;
 }
 [data-theme="light"] .anet-nav-active:hover,
 [data-theme="mint"] .anet-nav-active:hover {
-  background-color: rgba(0, 158, 126, 0.10) !important;
+  background-color: var(--bg-elevated) !important;
 }
 /* When sidebar is collapsed (w-16, justify-center) the left bar would look
    weird against a centered icon — switch to a left-bg accent instead. */
@@ -450,6 +451,70 @@ body {
 [data-theme="mint"] aside.w-16 .anet-nav-active {
   border-radius: 8px !important;
   padding-left: 0 !important;
+  border-left: 0 !important;
+  background-color: var(--bg-elevated) !important;
+  color: var(--accent) !important;
+}
+
+/* Q6: native <select> theming for light/mint.
+   Without this, dropdowns on Nodes / Messages / Logs / Settings render with
+   the OS default chrome (heavy chevron, off-spec font weight, no border
+   radius). We strip the native chrome with appearance-none, then paint our
+   own chevron via a background-image SVG. ~10 LOC. */
+[data-theme="light"] select,
+[data-theme="mint"] select {
+  -webkit-appearance: none !important;
+  -moz-appearance: none !important;
+  appearance: none !important;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23525a66' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 8l5 5 5-5'/%3E%3C/svg%3E") !important;
+  background-repeat: no-repeat !important;
+  background-position: right 0.6rem center !important;
+  background-size: 1rem 1rem !important;
+  padding-right: 2rem !important;
+  background-color: var(--bg-secondary) !important;
+  border-radius: 8px;
+}
+[data-theme="light"] select:focus,
+[data-theme="mint"] select:focus {
+  outline: 2px solid rgba(0, 158, 126, 0.2);
+  outline-offset: -1px;
+  border-color: var(--accent) !important;
+}
+/* Mint reuses the same chevron — color picker would need its own gray, but
+   accent is similar enough that the default chevron color reads OK. */
+
+/* KPI stat cards in light mode: kill the gradient wash (which reads as
+   pale-mud on white), replace with a 2px top accent strip per color
+   family + real elevation shadow. Dark themes keep the gradient. */
+[data-theme="light"] .anet-stat-card,
+[data-theme="mint"] .anet-stat-card {
+  border-top-width: 2px;
+  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04), 0 4px 12px -8px rgba(15, 23, 42, 0.08);
+}
+[data-theme="light"] .anet-stat-card:hover,
+[data-theme="mint"] .anet-stat-card:hover {
+  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06), 0 12px 24px -12px rgba(15, 23, 42, 0.16);
+}
+/* Top-strip colors per stat family */
+[data-theme="light"] .anet-stat-card[data-anet-stat-card="green"] { border-top-color: #10b981; }
+[data-theme="light"] .anet-stat-card[data-anet-stat-card="cyan"]  { border-top-color: var(--accent); }
+[data-theme="light"] .anet-stat-card[data-anet-stat-card="gray"]  { border-top-color: #94a3b8; }
+[data-theme="light"] .anet-stat-card[data-anet-stat-card="white"] { border-top-color: #3b82f6; }
+[data-theme="mint"]  .anet-stat-card[data-anet-stat-card="green"] { border-top-color: #16a34a; }
+[data-theme="mint"]  .anet-stat-card[data-anet-stat-card="cyan"]  { border-top-color: var(--accent); }
+[data-theme="mint"]  .anet-stat-card[data-anet-stat-card="gray"]  { border-top-color: #4ade80; }
+[data-theme="mint"]  .anet-stat-card[data-anet-stat-card="white"] { border-top-color: #0891b2; }
+/* Drop the gradient wash in light themes — looks like dust on white. */
+[data-theme="light"] .anet-stat-card > .pointer-events-none,
+[data-theme="mint"] .anet-stat-card > .pointer-events-none {
+  display: none;
+}
+
+/* Generic card hover elevation — every white card on light bg gets a
+   subtle lift on hover so clickability is obvious. */
+[data-theme="light"] .bg-\[\#111128\]:hover,
+[data-theme="mint"] .bg-\[\#111128\]:hover {
+  box-shadow: 0 6px 18px -10px rgba(15, 23, 42, 0.12);
 }
 
 /* P0-3 baseline: error / warning chip colors for light themes.

package/app/logs/page.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useState, useEffect, useCallback } from 'react';
+import Link from 'next/link';
 import { timeAgo } from '../components/utils';
 import { useNetworkId } from '../lib/network-context';
 
@@ -84,17 +85,32 @@ export default function LogsPage() {
       </div>
 
       {error && (() => {
-        // Don't dump raw error JSON to users — translate known patterns.
+        // Don't dump raw error JSON to users — translate known patterns,
+        // and give them a clickable recovery affordance.
         const isAuth = /unauthor|401|forbidden|403|admin/i.test(error);
-        const human = isAuth
-          ? '需要登录才能查看审计日志（admin 角色可看全部）'
-          : '加载失败 —— 请稍后重试';
         return (
           <div className="anet-warn-chip bg-yellow-900/20 border border-yellow-800/40 text-yellow-300 px-4 py-3 rounded-lg mb-6 text-sm flex items-start gap-3" role="alert">
             <span aria-hidden className="text-base leading-none">⚠</span>
             <div className="flex-1">
-              <div className="font-medium">{human}</div>
-              <div className="text-xs opacity-70 mt-1">如果你已经登录但仍看到此提示，请用 admin 账号重新登录后查看。</div>
+              {isAuth ? (
+                <>
+                  <div className="font-medium">需要 admin 权限查看审计日志</div>
+                  <div className="text-xs opacity-80 mt-1">
+                    审计日志记录用户注册 / 登录 / 网络变更等事件，需要 admin 角色。
+                  </div>
+                  <Link href="/login" className="inline-block mt-2 text-xs font-medium underline underline-offset-4 hover:opacity-80">
+                    切到 admin 账号 →
+                  </Link>
+                </>
+              ) : (
+                <>
+                  <div className="font-medium">加载失败</div>
+                  <div className="text-xs opacity-80 mt-1">请检查 CommHub 是否在线，或稍后重试。</div>
+                  <button onClick={() => window.location.reload()} className="inline-block mt-2 text-xs font-medium underline underline-offset-4 hover:opacity-80">
+                    重新加载 →
+                  </button>
+                </>
+              )}
             </div>
           </div>
         );

package/app/server-logs/page.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useState, useEffect, useRef, useCallback } from 'react';
+import Link from 'next/link';
 
 interface LogLine {
   ts: string;
@@ -142,22 +143,32 @@ export default function ServerLogsPage() {
       </div>
 
       {error && (() => {
-        // Translate server error to user-friendly copy. Keep the raw error
-        // available as a tooltip for debugging, but the user-visible message
-        // stays human.
+        // Translate server error to user-friendly copy + actionable recovery.
+        // Raw error stays in title tooltip for debugging.
         const isAuth = /401|unauthor|forbidden|403|admin/i.test(error);
-        const human = isAuth
-          ? '需要 admin 角色才能查看服务器日志'
-          : '服务器日志暂时无法加载';
-        const sub = isAuth
-          ? '请用 admin 账号登录后查看。当前账号没有这个权限。'
-          : '请检查 CommHub 是否在线，或稍后重试。';
         return (
           <div className="anet-error-chip mb-3 p-3 rounded border border-red-500/30 bg-red-500/10 text-red-300 text-sm flex items-start gap-3" role="alert">
             <span aria-hidden className="text-base leading-none">⛔</span>
             <div className="flex-1">
-              <div className="font-medium">{human}</div>
-              <div className="text-xs opacity-70 mt-0.5" title={error}>{sub}</div>
+              {isAuth ? (
+                <>
+                  <div className="font-medium">需要 admin 角色才能查看服务器日志</div>
+                  <div className="text-xs opacity-80 mt-0.5" title={error}>
+                    服务器日志包含运行时 stdout/stderr，仅 admin 角色可读。
+                  </div>
+                  <Link href="/login" className="inline-block mt-2 text-xs font-medium underline underline-offset-4 hover:opacity-80">
+                    切到 admin 账号 →
+                  </Link>
+                </>
+              ) : (
+                <>
+                  <div className="font-medium">服务器日志暂时无法加载</div>
+                  <div className="text-xs opacity-80 mt-0.5" title={error}>请检查 CommHub 是否在线，或稍后重试。</div>
+                  <button onClick={() => window.location.reload()} className="inline-block mt-2 text-xs font-medium underline underline-offset-4 hover:opacity-80">
+                    重新加载 →
+                  </button>
+                </>
+              )}
             </div>
           </div>
         );

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@sleep2agi/agent-network-dashboard",
-  "version": "0.4.3-preview.0",
+  "version": "0.4.4-preview.0",
   "description": "Agent Network Dashboard — Web UI for managing AI Agent networks",
   "scripts": {
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "eslint"
+    "lint": "eslint",
+    "prepublishOnly": "rm -rf .next && npm run build"
   },
   "bin": {
     "agent-network-dashboard": "./bin/start.js"

package/.mcp.json

@@ -1,11 +0,0 @@
-{
-  "mcpServers": {
-    "commhub": {
-      "type": "stdio",
-      "command": "bun",
-      "args": [
-        ".anet/node-server.js"
-      ]
-    }
-  }
-}