@sleep2agi/agent-network-dashboard 0.4.5-preview.2 → 0.4.5-preview.20

package/.next/static/chunks/17uwnuk~0zoo3.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,18150,e=>{"use strict";e.s(["formatUptime",0,function(e){let s=Math.floor(e/3600),t=Math.floor(e%3600/60);return s>0?`${s}h ${t}m`:`${t}m`},"timeAgo",0,function(e){if(!e)return"--";let s=Math.floor((Date.now()-new Date(e.replace(" ","T")+"Z").getTime())/1e3);return s<60?`${s}s ago`:s<3600?`${Math.floor(s/60)}m ago`:s<86400?`${Math.floor(s/3600)}h ago`:`${Math.floor(s/86400)}d ago`}])},69874,e=>{"use strict";var s=e.i(18050);let t=[180,200,220,270,300,330,30,90];e.s(["AliasAvatar",0,function({alias:e,size:a=28,className:r=""}){let n=function(e){let s=0;for(let t=0;t<e.length;t++)s=31*s+e.charCodeAt(t)>>>0;let a=t[s%t.length];return{bg:`hsl(${a} 55% 22%)`,ring:`hsl(${a} 60% 45%)`,text:`hsl(${a} 80% 78%)`}}(e),l=Math.max(9,Math.round(.42*a));return(0,s.jsx)("span",{className:`anet-alias-avatar inline-flex items-center justify-center rounded-full border shrink-0 font-semibold ${r}`,style:{width:a,height:a,fontSize:l,backgroundColor:n.bg,borderColor:n.ring,color:n.text},title:e,"aria-hidden":!0,children:e?(e.trim().match(/[\p{L}\p{N}]/u)?.[0]||e.trim()[0]||"·").toUpperCase():"·"})}])},95356,e=>{"use strict";var s=e.i(18050),t=e.i(22016);let a={nodes:{title:"No agents in this network",sub:"Agent sessions will appear here once they connect to the CommHub."},tasks:{title:"No tasks yet",sub:"Tasks will appear here when agents send them via CommHub."},messages:{title:"No messages",sub:"Messages between agents will appear here."},logs:{title:"No audit logs",sub:"Events will appear here when users register, login, or perform actions."},tokens:{title:"No API tokens",sub:"Create one to authenticate CLI tools and external integrations."},networks:{title:"No networks found",sub:"Create one or sign in with V3 auth to see your networks."},generic:{title:"Nothing here yet",sub:"Data will appear here once available."}};function r({variant:e,size:t}){let a={width:t,height:t},n={fill:"none",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"};switch(e){case"nodes":return(0,s.jsx)("svg",{viewBox:"0 0 64 64",...a,children:(0,s.jsxs)("g",{...n,children:[(0,s.jsx)("circle",{cx:"32",cy:"14",r:"4"}),(0,s.jsx)("circle",{cx:"14",cy:"44",r:"4"}),(0,s.jsx)("circle",{cx:"50",cy:"44",r:"4"}),(0,s.jsx)("line",{x1:"32",y1:"18",x2:"14",y2:"40",strokeDasharray:"3 3",opacity:"0.6"}),(0,s.jsx)("line",{x1:"32",y1:"18",x2:"50",y2:"40",strokeDasharray:"3 3",opacity:"0.6"}),(0,s.jsx)("line",{x1:"18",y1:"44",x2:"46",y2:"44",strokeDasharray:"3 3",opacity:"0.6"})]})});case"tasks":return(0,s.jsx)("svg",{viewBox:"0 0 64 64",...a,children:(0,s.jsxs)("g",{...n,children:[(0,s.jsx)("rect",{x:"14",y:"14",width:"36",height:"6",rx:"1.5"}),(0,s.jsx)("rect",{x:"14",y:"26",width:"36",height:"6",rx:"1.5",opacity:"0.6"}),(0,s.jsx)("rect",{x:"14",y:"38",width:"36",height:"6",rx:"1.5",opacity:"0.35"})]})});case"messages":return(0,s.jsx)("svg",{viewBox:"0 0 64 64",...a,children:(0,s.jsxs)("g",{...n,children:[(0,s.jsx)("path",{d:"M14 18 h36 a3 3 0 0 1 3 3 v18 a3 3 0 0 1 -3 3 h-18 l-8 6 v-6 h-10 a3 3 0 0 1 -3 -3 v-18 a3 3 0 0 1 3 -3 z"}),(0,s.jsx)("line",{x1:"22",y1:"28",x2:"42",y2:"28",opacity:"0.5"}),(0,s.jsx)("line",{x1:"22",y1:"34",x2:"36",y2:"34",opacity:"0.5"})]})});case"logs":return(0,s.jsx)("svg",{viewBox:"0 0 64 64",...a,children:(0,s.jsxs)("g",{...n,children:[(0,s.jsx)("path",{d:"M18 12 h22 l8 8 v32 a2 2 0 0 1 -2 2 h-28 a2 2 0 0 1 -2 -2 v-38 a2 2 0 0 1 2 -2 z"}),(0,s.jsx)("path",{d:"M40 12 v8 h8",opacity:"0.6"}),(0,s.jsx)("line",{x1:"24",y1:"32",x2:"40",y2:"32",opacity:"0.55"}),(0,s.jsx)("line",{x1:"24",y1:"38",x2:"40",y2:"38",opacity:"0.4"}),(0,s.jsx)("line",{x1:"24",y1:"44",x2:"34",y2:"44",opacity:"0.25"})]})});case"tokens":return(0,s.jsx)("svg",{viewBox:"0 0 64 64",...a,children:(0,s.jsxs)("g",{...n,children:[(0,s.jsx)("circle",{cx:"22",cy:"32",r:"8"}),(0,s.jsx)("line",{x1:"30",y1:"32",x2:"54",y2:"32"}),(0,s.jsx)("line",{x1:"44",y1:"32",x2:"44",y2:"38"}),(0,s.jsx)("line",{x1:"50",y1:"32",x2:"50",y2:"40"})]})});case"networks":return(0,s.jsx)("svg",{viewBox:"0 0 64 64",...a,children:(0,s.jsxs)("g",{...n,children:[(0,s.jsx)("circle",{cx:"32",cy:"32",r:"18"}),(0,s.jsx)("ellipse",{cx:"32",cy:"32",rx:"18",ry:"9",opacity:"0.55"}),(0,s.jsx)("line",{x1:"14",y1:"32",x2:"50",y2:"32",opacity:"0.55"}),(0,s.jsx)("line",{x1:"32",y1:"14",x2:"32",y2:"50",opacity:"0.55"})]})});default:return(0,s.jsx)("svg",{viewBox:"0 0 64 64",...a,children:(0,s.jsxs)("g",{...n,children:[(0,s.jsx)("circle",{cx:"32",cy:"32",r:"14",strokeDasharray:"3 3",opacity:"0.6"}),(0,s.jsx)("circle",{cx:"32",cy:"32",r:"3"})]})})}}function n({variant:e="generic",title:l,sub:i,cta:o,compact:c=!1}){let d=a[e],x=l??d.title,h=i??d.sub;return(0,s.jsxs)("div",{className:`text-center ${c?"py-8":"py-16"} px-4`,role:"status",children:[(0,s.jsx)("div",{className:"anet-empty-glyph inline-flex items-center justify-center mb-4 text-gray-500","aria-hidden":!0,children:(0,s.jsx)(r,{variant:e,size:c?40:56})}),(0,s.jsx)("h3",{className:`font-medium text-gray-300 ${c?"text-sm":"text-base"}`,children:x}),h&&(0,s.jsx)("p",{className:`text-gray-500 ${c?"text-xs mt-1.5":"text-sm mt-2"} max-w-md mx-auto leading-relaxed`,children:h}),o&&(0,s.jsx)("div",{className:"mt-4",children:o.href?(0,s.jsxs)(t.default,{href:o.href,className:"inline-flex items-center gap-1.5 text-sm font-medium text-cyan-400 hover:text-cyan-300",children:[o.label,(0,s.jsx)("span",{"aria-hidden":!0,children:"→"})]}):(0,s.jsxs)("button",{onClick:o.onClick,className:"inline-flex items-center gap-1.5 text-sm font-medium text-cyan-400 hover:text-cyan-300",children:[o.label,(0,s.jsx)("span",{"aria-hidden":!0,children:"→"})]})})]})}e.s(["EmptyState",0,n,"NodesEmptyState",0,function({hint:e}){return e?.global_count?(0,s.jsx)(n,{variant:"nodes",title:"No agents in this network",sub:`Server has ${e.global_count} nodes globally, but none are registered to the current network. Switch network or contact admin.`}):(0,s.jsx)(n,{variant:"nodes",cta:{label:"Run anet quickstart",href:"https://anet.sh"}})}])},65822,e=>{"use strict";var s=e.i(83599),t=e.i(58963);let a=async e=>{let s=await fetch(e);if(401===s.status)throw window.location.assign("/login"),Error("unauthorized");return s.json()},r={refreshInterval:5e3,dedupingInterval:3e3};function n(e,s){if(!s)return e;let t=e.includes("?")?"&":"?";return`${e}${t}network_id=${encodeURIComponent(s)}`}e.s(["useAnetConfig",0,function(){let{data:e}=(0,s.default)("/api/anet/config",a,{refreshInterval:3e4});return{config:e||null}},"useHealth",0,function(){let{data:e,error:t}=(0,s.default)("/api/hub/health",a,r);return{health:e||null,error:t}},"useLicense",0,function(){let{data:e,error:t}=(0,s.default)("/api/hub/license",a,{refreshInterval:6e4});return{license:e?.ok?e:null,error:t}},"useMessages",0,function(e=100){let{networkId:l}=(0,t.useNetworkId)(),{data:i,error:o,isLoading:c}=(0,s.default)(n(`/api/hub/messages?limit=${e}`,l),a,r);return{messages:i?.messages||[],error:o,isLoading:c}},"useSessions",0,function(){let{networkId:e}=(0,t.useNetworkId)(),{data:l,error:i,isLoading:o}=(0,s.default)(n("/api/hub/status",e),a,r);return{sessions:l?.sessions||[],hint:l?._hint,error:i,isLoading:o}},"useStats",0,function(){let{networkId:e}=(0,t.useNetworkId)(),{data:l,error:i}=(0,s.default)(n("/api/hub/stats",e),a,r);return{stats:l?.ok?l:null,error:i}},"useTasks",0,function(e){let{networkId:l}=(0,t.useNetworkId)(),i=new URLSearchParams({limit:"100",...e}).toString(),{data:o,error:c,isLoading:d}=(0,s.default)(n(`/api/hub/tasks?${i}`,l),a,r);return{tasks:o?.tasks||[],count:o?.count??0,source:o?.source,error:c,isLoading:d}}])},86688,e=>{"use strict";var s=e.i(18050),t=e.i(71645),a=e.i(22016),r=e.i(18150),n=e.i(65822),l=e.i(58442),i=e.i(95356),o=e.i(69874);let c={working:"bg-green-500/10 text-green-300 border-green-500/20",idle:"bg-blue-500/10 text-blue-300 border-blue-500/20",blocked:"bg-yellow-500/10 text-yellow-300 border-yellow-500/20",error:"bg-red-500/10 text-red-300 border-red-500/20",offline:"bg-gray-500/10 text-gray-500 border-gray-500/20"};e.s(["default",0,function(){let e,d,x,h,{sessions:u,isLoading:g}=(0,n.useSessions)(),{health:p}=(0,n.useHealth)(),m=p?.sse_sessions||{},y=e=>(e.network_id?m[`${e.network_id}:${e.alias}`]:void 0)??m[e.alias],[b,j]=(0,t.useState)(""),[f,v]=(0,t.useState)(""),[N,w]=(0,t.useState)("list"),[k,C]=(0,t.useState)({}),[$,S]=(0,t.useState)(null),[A,T]=(0,t.useState)({}),[_,I]=(0,t.useState)(null),M=u.map(e=>({...e,online:!!y(e)})).filter(e=>"online"===b?e.online:"offline"===b?!e.online:!b||b===e.status).filter(e=>!f||e.alias.toLowerCase().includes(f.toLowerCase())||(e.agent||"").toLowerCase().includes(f.toLowerCase())).sort((e,s)=>!!s.online-!!e.online||("working"===s.status)-("working"===e.status)),L=u.filter(e=>y(e)).length,B=e=>{S(s=>s===e?null:e),T(s=>({...s,[e]:{}}))},E=(e,s)=>{C(t=>({...t,[e]:s}))},U=async e=>{let s=k[e]?.trim()||"";if(s){T(s=>({...s,[e]:{sending:!0}}));try{let t=await fetch("/api/hub/send",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({alias:e,task:s})}),a=await t.json();if(!t.ok||a?.ok===!1)throw Error(a?.error||"Send failed");C(s=>({...s,[e]:""})),T(s=>({...s,[e]:{success:"Task sent"}})),S(null)}catch(s){T(t=>({...t,[e]:{error:s instanceof Error?s.message:"Send failed"}}))}}};return(0,s.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,s.jsxs)("div",{className:"flex items-center gap-4 mb-6",children:[(0,s.jsx)("h1",{className:"text-2xl font-bold text-white lg:ml-0 ml-10",children:"Nodes"}),(0,s.jsxs)("span",{className:"text-xs bg-green-900/30 text-green-400 px-2 py-0.5 rounded-full border border-green-800/30",children:[L," online"]}),(0,s.jsxs)("span",{className:"text-xs bg-gray-900/30 text-gray-400 px-2 py-0.5 rounded-full border border-gray-800/30",children:[u.length," total"]})]}),u.length>0&&(e=M.filter(e=>e.online&&"working"===e.status).length,d=M.filter(e=>e.online&&"idle"===e.status).length,x=M.filter(e=>!e.online).length,h=M.length||1,(0,s.jsxs)("div",{className:"mb-6",children:[(0,s.jsxs)("div",{className:"flex h-2 rounded-full overflow-hidden bg-gray-800",children:[e>0&&(0,s.jsx)("div",{className:"bg-green-500",style:{width:`${e/h*100}%`}}),d>0&&(0,s.jsx)("div",{className:"bg-cyan-500",style:{width:`${d/h*100}%`}}),x>0&&(0,s.jsx)("div",{className:"bg-gray-600",style:{width:`${x/h*100}%`}})]}),(0,s.jsxs)("div",{className:"flex gap-4 mt-1.5 text-[10px] text-gray-500",children:[e>0&&(0,s.jsxs)("span",{children:[(0,s.jsx)("span",{className:"inline-block w-2 h-2 rounded-full bg-green-500 mr-1"}),e," working"]}),d>0&&(0,s.jsxs)("span",{children:[(0,s.jsx)("span",{className:"inline-block w-2 h-2 rounded-full bg-cyan-500 mr-1"}),d," idle"]}),x>0&&(0,s.jsxs)("span",{children:[(0,s.jsx)("span",{className:"inline-block w-2 h-2 rounded-full bg-gray-600 mr-1"}),x," offline"]})]})]})),(0,s.jsxs)("div",{className:"flex flex-wrap gap-3 mb-6",children:[(0,s.jsx)("input",{type:"text",value:f,onChange:e=>v(e.target.value),placeholder:"Search nodes...",className:"bg-[#111128] border border-[#2a2a4a] rounded-lg px-3 py-2 text-sm text-white placeholder-gray-600 focus:border-blue-500/50 focus:outline-none w-48"}),(0,s.jsxs)("select",{value:b,onChange:e=>j(e.target.value),className:"bg-[#111128] border border-[#2a2a4a] rounded-lg px-3 py-2 text-sm text-white focus:border-blue-500/50 focus:outline-none",children:[(0,s.jsx)("option",{value:"",children:"All"}),(0,s.jsx)("option",{value:"online",children:"Online"}),(0,s.jsx)("option",{value:"offline",children:"Offline"}),(0,s.jsx)("option",{value:"working",children:"Working"}),(0,s.jsx)("option",{value:"idle",children:"Idle"}),(0,s.jsx)("option",{value:"blocked",children:"Blocked"}),(0,s.jsx)("option",{value:"error",children:"Error"})]}),(0,s.jsx)("div",{className:"ml-auto flex rounded-lg border border-[#2a2a4a] bg-[#111128] p-1 text-sm",children:["list","grid"].map(e=>(0,s.jsx)("button",{type:"button",onClick:()=>w(e),className:`rounded-md px-3 py-1.5 transition-colors ${N===e?"bg-cyan-500/10 text-cyan-300":"text-gray-500 hover:text-gray-200"}`,children:"list"===e?"List":"Grid"},e))})]}),g?(0,s.jsx)("div",{className:"animate-pulse space-y-2",children:[1,2,3,4].map(e=>(0,s.jsx)("div",{className:"h-16 bg-gray-800/20 rounded-lg"},e))}):0===M.length?(0,s.jsx)(i.EmptyState,{variant:"nodes",title:"No nodes match your filters",sub:"Try clearing search or status filters, or wait for an agent to register."}):"grid"===N?(0,s.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4",children:M.map(e=>{let t=e.online?e.status:"offline",n=A[e.alias]||{},l="number"==typeof e.progress?e.progress:0;return(0,s.jsxs)("div",{className:`relative overflow-hidden rounded-xl border border-[#2a2a4a] bg-[#111128] p-4 transition-colors ${!e.online?"opacity-60":""}`,children:[!e.online&&(0,s.jsx)("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:(0,s.jsx)("span",{className:"rotate-[-20deg] rounded-xl border border-white/10 bg-black/20 px-5 py-2 text-xl font-bold uppercase tracking-[0.35em] text-white/10",children:"Offline"})}),(0,s.jsxs)("div",{className:"flex items-start gap-3",children:[(0,s.jsx)(o.AliasAvatar,{alias:e.alias,size:36}),(0,s.jsxs)(a.default,{href:`/node?alias=${encodeURIComponent(e.alias)}`,className:"min-w-0 flex-1 hover:text-cyan-300",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{className:"truncate text-base font-semibold text-white",children:e.alias}),(0,s.jsx)("span",{className:`shrink-0 rounded-md border px-2 py-0.5 text-[10px] uppercase tracking-wide ${c[t]||c.offline}`,children:t})]}),(0,s.jsxs)("div",{className:"mt-0.5 truncate text-xs text-gray-500",children:[e.agent||"—",(0,s.jsx)("span",{className:"text-gray-700 mx-1.5",children:"·"}),e.server||"—"]})]}),(0,s.jsxs)("div",{className:"flex gap-1.5 shrink-0",children:[(0,s.jsx)("button",{type:"button",onClick:()=>I(e.alias),className:"rounded-lg border border-green-500/20 bg-green-500/10 px-3 py-1.5 text-xs text-green-300 transition-colors hover:bg-green-500/20",children:"Chat"}),(0,s.jsx)("button",{type:"button",onClick:()=>B(e.alias),className:"rounded-lg border border-cyan-500/20 bg-cyan-500/10 px-3 py-1.5 text-xs text-cyan-300 transition-colors hover:bg-cyan-500/20",children:"Task"})]})]}),(0,s.jsxs)("div",{className:"mt-3 rounded-lg border border-[#1a1a2a] bg-[#0a0a15] px-3 py-2 text-xs",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,s.jsx)("span",{className:"text-[10px] uppercase tracking-wide text-gray-600",children:"Current task"}),(0,s.jsx)("span",{className:"text-[10px] text-gray-600",children:(0,r.timeAgo)(e.last_seen_at||e.updated_at)})]}),(0,s.jsx)("div",{className:`mt-1 line-clamp-2 ${e.task?"text-gray-300":"text-gray-600 italic"}`,children:e.task||"No current task"})]}),l>0&&l<100&&(0,s.jsx)("div",{className:"mt-3 h-1.5 overflow-hidden rounded-full bg-gray-800",children:(0,s.jsx)("div",{className:"h-1.5 rounded-full bg-cyan-400 transition-all",style:{width:`${l}%`}})}),$===e.alias&&(0,s.jsxs)("div",{className:"mt-4 space-y-2 rounded-lg border border-[#2a2a4a] bg-[#0a0a15] p-3",children:[(0,s.jsx)("input",{type:"text",value:k[e.alias]||"",onChange:s=>E(e.alias,s.target.value),onKeyDown:s=>"Enter"===s.key&&U(e.alias),placeholder:`Send task to ${e.alias}...`,className:"w-full rounded-lg border border-[#2a2a4a] bg-[#050510] px-3 py-2 text-xs text-white placeholder-gray-600 focus:border-cyan-500 focus:outline-none"}),(0,s.jsxs)("div",{className:"flex justify-end gap-2",children:[(0,s.jsx)("button",{type:"button",onClick:()=>S(null),className:"rounded-lg border border-gray-700 px-3 py-1.5 text-xs text-gray-400 hover:text-gray-200",children:"Cancel"}),(0,s.jsx)("button",{type:"button",onClick:()=>U(e.alias),disabled:n.sending||!(k[e.alias]||"").trim(),className:"rounded-lg bg-cyan-600 px-3 py-1.5 text-xs text-white hover:bg-cyan-500 disabled:cursor-not-allowed disabled:bg-gray-700",children:n.sending?"Sending...":"Send"})]})]}),n.error&&(0,s.jsx)("div",{className:"mt-2 text-xs text-red-400",children:n.error}),n.success&&$!==e.alias&&(0,s.jsx)("div",{className:"mt-2 text-xs text-green-400",children:n.success})]},e.alias)})}):(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsxs)("div",{className:"hidden sm:grid sm:grid-cols-12 gap-2 px-4 py-2 text-xs text-gray-600 uppercase",children:[(0,s.jsx)("div",{className:"col-span-1",children:"Status"}),(0,s.jsx)("div",{className:"col-span-2",children:"Alias"}),(0,s.jsx)("div",{className:"col-span-2",children:"Agent"}),(0,s.jsx)("div",{className:"col-span-2",children:"Server"}),(0,s.jsx)("div",{className:"col-span-2",children:"Current Task"}),(0,s.jsx)("div",{className:"col-span-1",children:"Updated"}),(0,s.jsx)("div",{className:"col-span-2 text-right",children:"Actions"})]}),M.map(e=>{let t=e.online?e.status:"offline",n=A[e.alias]||{};return(0,s.jsxs)("div",{className:`rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 transition-colors hover:border-[#3a3a5a] ${!e.online?"opacity-50":""}`,children:[(0,s.jsxs)("div",{className:"hidden sm:grid sm:grid-cols-12 gap-2 items-center",children:[(0,s.jsx)("div",{className:"col-span-1",children:(0,s.jsx)("span",{className:`text-xs px-2 py-0.5 rounded-md border ${c[t]||c.offline}`,children:t})}),(0,s.jsx)("div",{className:"col-span-2 min-w-0",children:(0,s.jsxs)(a.default,{href:`/node?alias=${encodeURIComponent(e.alias)}`,className:"flex items-center gap-2 min-w-0 hover:text-cyan-300",children:[(0,s.jsx)(o.AliasAvatar,{alias:e.alias,size:20}),(0,s.jsx)("span",{className:"truncate text-sm font-medium text-white",children:e.alias})]})}),(0,s.jsx)("div",{className:"col-span-2 truncate text-xs text-gray-400",children:e.agent||"--"}),(0,s.jsx)("div",{className:"col-span-2 truncate text-xs text-gray-400",children:e.server||"--"}),(0,s.jsx)("div",{className:"col-span-2 truncate text-xs text-gray-500",children:e.task||"--"}),(0,s.jsx)("div",{className:"col-span-1 text-xs text-gray-500",children:(0,r.timeAgo)(e.last_seen_at||e.updated_at)}),(0,s.jsxs)("div",{className:"col-span-2 flex justify-end gap-1.5",children:[(0,s.jsx)("button",{type:"button",onClick:()=>I(e.alias),className:"rounded-lg border border-green-500/20 bg-green-500/10 px-2 py-1 text-xs text-green-300 hover:bg-green-500/20",children:"Chat"}),(0,s.jsx)("button",{type:"button",onClick:()=>B(e.alias),className:"rounded-lg border border-cyan-500/20 bg-cyan-500/10 px-2 py-1 text-xs text-cyan-300 hover:bg-cyan-500/20",children:"Task"})]})]}),(0,s.jsxs)("div",{className:"sm:hidden space-y-2",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,s.jsx)(o.AliasAvatar,{alias:e.alias,size:28}),(0,s.jsxs)(a.default,{href:`/node?alias=${encodeURIComponent(e.alias)}`,className:"min-w-0 flex-1 hover:text-cyan-300",children:[(0,s.jsx)("div",{className:"truncate text-sm font-medium text-white",children:e.alias}),(0,s.jsxs)("div",{className:"truncate text-[10px] text-gray-500",children:[e.agent||"—"," · ",(0,r.timeAgo)(e.last_seen_at||e.updated_at)]})]}),(0,s.jsx)("span",{className:`shrink-0 text-xs px-2 py-0.5 rounded-md border ${c[t]||c.offline}`,children:t})]}),e.task&&(0,s.jsx)("div",{className:"truncate text-xs text-gray-500",children:e.task}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)("button",{type:"button",onClick:()=>I(e.alias),className:"flex-1 rounded-lg border border-green-500/20 bg-green-500/10 px-3 py-2 text-xs text-green-300 hover:bg-green-500/20",children:"Chat"}),(0,s.jsx)("button",{type:"button",onClick:()=>B(e.alias),className:"flex-1 rounded-lg border border-cyan-500/20 bg-cyan-500/10 px-3 py-2 text-xs text-cyan-300 hover:bg-cyan-500/20",children:"Send Task"})]})]}),$===e.alias&&(0,s.jsxs)("div",{className:"mt-3 space-y-2 border-t border-[#2a2a4a] pt-3",children:[(0,s.jsx)("input",{type:"text",value:k[e.alias]||"",onChange:s=>E(e.alias,s.target.value),onKeyDown:s=>"Enter"===s.key&&U(e.alias),placeholder:`Send task to ${e.alias}...`,className:"w-full rounded-lg border border-[#2a2a4a] bg-[#0a0a15] px-3 py-2 text-xs text-white placeholder-gray-600 focus:border-cyan-500 focus:outline-none"}),(0,s.jsxs)("div",{className:"flex justify-end gap-2",children:[(0,s.jsx)("button",{type:"button",onClick:()=>S(null),className:"rounded-lg border border-gray-700 px-3 py-1.5 text-xs text-gray-400 hover:text-gray-200",children:"Cancel"}),(0,s.jsx)("button",{type:"button",onClick:()=>U(e.alias),disabled:n.sending||!(k[e.alias]||"").trim(),className:"rounded-lg bg-cyan-600 px-3 py-1.5 text-xs text-white hover:bg-cyan-500 disabled:cursor-not-allowed disabled:bg-gray-700",children:n.sending?"Sending...":"Send"})]})]}),n.error&&(0,s.jsx)("div",{className:"mt-2 text-xs text-red-400",children:n.error}),n.success&&$!==e.alias&&(0,s.jsx)("div",{className:"mt-2 text-xs text-green-400",children:n.success})]},e.alias)})]}),_&&(0,s.jsx)(l.TaskChatPanel,{alias:_,onClose:()=>I(null)})]})}])}]);

package/.next/trace

@@ -1,2 +1,2 @@
-[{"name":"generate-buildid","duration":293,"timestamp":185409137374,"id":4,"parentId":1,"tags":{},"startTime":1778556894962,"traceId":"e1b49434db7ff388"},{"name":"load-custom-routes","duration":492,"timestamp":185409137816,"id":5,"parentId":1,"tags":{},"startTime":1778556894963,"traceId":"e1b49434db7ff388"},{"name":"create-dist-dir","duration":363,"timestamp":185409138352,"id":6,"parentId":1,"tags":{},"startTime":1778556894963,"traceId":"e1b49434db7ff388"},{"name":"clean","duration":540,"timestamp":185409139751,"id":7,"parentId":1,"tags":{},"startTime":1778556894964,"traceId":"e1b49434db7ff388"},{"name":"discover-routes","duration":8213,"timestamp":185409227836,"id":8,"parentId":1,"tags":{},"startTime":1778556895053,"traceId":"e1b49434db7ff388"},{"name":"create-root-mapping","duration":136,"timestamp":185409236115,"id":9,"parentId":1,"tags":{},"startTime":1778556895061,"traceId":"e1b49434db7ff388"},{"name":"generate-route-types","duration":18307,"timestamp":185409238540,"id":10,"parentId":1,"tags":{},"startTime":1778556895063,"traceId":"e1b49434db7ff388"},{"name":"public-dir-conflict-check","duration":142,"timestamp":185409256963,"id":11,"parentId":1,"tags":{},"startTime":1778556895082,"traceId":"e1b49434db7ff388"},{"name":"generate-routes-manifest","duration":4080,"timestamp":185409257231,"id":12,"parentId":1,"tags":{},"startTime":1778556895082,"traceId":"e1b49434db7ff388"},{"name":"run-turbopack","duration":7516878,"timestamp":185409268601,"id":14,"parentId":1,"tags":{},"startTime":1778556895093,"traceId":"e1b49434db7ff388"},{"name":"turbopack-build-events","duration":84,"timestamp":185409560336,"id":15,"parentId":1,"tags":{},"startTime":1778556895385,"traceId":"e1b49434db7ff388"},{"name":"run-typescript","duration":7246135,"timestamp":185416793467,"id":16,"parentId":1,"tags":{},"startTime":1778556902618,"traceId":"e1b49434db7ff388"},{"name":"generate-required-server-files","duration":2269,"timestamp":185424040715,"id":18,"parentId":1,"tags":{},"startTime":1778556909865,"traceId":"e1b49434db7ff388"},{"name":"check-static-error-page","duration":36890,"timestamp":185424121977,"id":20,"parentId":19,"tags":{},"startTime":1778556909947,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":390550,"timestamp":185424162220,"id":62,"parentId":22,"tags":{},"startTime":1778556909987,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":425648,"timestamp":185424127314,"id":22,"parentId":19,"tags":{"page":"/_global-error"},"startTime":1778556909952,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":430760,"timestamp":185424162294,"id":63,"parentId":25,"tags":{},"startTime":1778556909987,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":457574,"timestamp":185424135558,"id":25,"parentId":19,"tags":{"page":"/api/auth/login"},"startTime":1778556909960,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":435941,"timestamp":185424162477,"id":65,"parentId":27,"tags":{},"startTime":1778556909987,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":461343,"timestamp":185424137135,"id":27,"parentId":19,"tags":{"page":"/api/auth/v3"},"startTime":1778556909962,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":440386,"timestamp":185424161860,"id":61,"parentId":21,"tags":{},"startTime":1778556909987,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":478115,"timestamp":185424124208,"id":21,"parentId":19,"tags":{"page":"/_not-found"},"startTime":1778556909949,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":471734,"timestamp":185424162682,"id":66,"parentId":28,"tags":{},"startTime":1778556909987,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":495446,"timestamp":185424140106,"id":28,"parentId":19,"tags":{"page":"/api/hub/audit-log"},"startTime":1778556909965,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":484517,"timestamp":185424162818,"id":68,"parentId":30,"tags":{},"startTime":1778556909988,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":506578,"timestamp":185424140820,"id":30,"parentId":19,"tags":{"page":"/api/hub/broadcast"},"startTime":1778556909966,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":491844,"timestamp":185424162892,"id":69,"parentId":32,"tags":{},"startTime":1778556909988,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":513372,"timestamp":185424141432,"id":32,"parentId":19,"tags":{"page":"/api/hub/health"},"startTime":1778556909966,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":497008,"timestamp":185424163095,"id":70,"parentId":33,"tags":{},"startTime":1778556909988,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":518563,"timestamp":185424141630,"id":33,"parentId":19,"tags":{"page":"/api/hub/inbox"},"startTime":1778556909966,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":503725,"timestamp":185424163183,"id":71,"parentId":34,"tags":{},"startTime":1778556909988,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":526511,"timestamp":185424141806,"id":34,"parentId":19,"tags":{"page":"/api/hub/license"},"startTime":1778556909966,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":509067,"timestamp":185424163217,"id":72,"parentId":35,"tags":{},"startTime":1778556909988,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":527700,"timestamp":185424144667,"id":35,"parentId":19,"tags":{"page":"/api/hub/messages"},"startTime":1778556909969,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":517810,"timestamp":185424163313,"id":73,"parentId":36,"tags":{},"startTime":1778556909988,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":535923,"timestamp":185424145302,"id":36,"parentId":19,"tags":{"page":"/api/hub/networks"},"startTime":1778556909970,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":520975,"timestamp":185424163344,"id":74,"parentId":37,"tags":{},"startTime":1778556909988,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":538871,"timestamp":185424145529,"id":37,"parentId":19,"tags":{"page":"/api/hub/nodes"},"startTime":1778556909972,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":525346,"timestamp":185424163358,"id":75,"parentId":38,"tags":{},"startTime":1778556909988,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":541472,"timestamp":185424147316,"id":38,"parentId":19,"tags":{"page":"/api/hub/register"},"startTime":1778556909972,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":530464,"timestamp":185424163368,"id":76,"parentId":39,"tags":{},"startTime":1778556909988,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":545683,"timestamp":185424148244,"id":39,"parentId":19,"tags":{"page":"/api/hub/send"},"startTime":1778556909973,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":535943,"timestamp":185424163377,"id":77,"parentId":40,"tags":{},"startTime":1778556909988,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":550977,"timestamp":185424148424,"id":40,"parentId":19,"tags":{"page":"/api/hub/server-logs"},"startTime":1778556909973,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":539744,"timestamp":185424162757,"id":67,"parentId":29,"tags":{},"startTime":1778556909987,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":562174,"timestamp":185424140382,"id":29,"parentId":19,"tags":{"page":"/api/hub/auth"},"startTime":1778556909965,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":543754,"timestamp":185424163386,"id":78,"parentId":41,"tags":{},"startTime":1778556909988,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":558686,"timestamp":185424148563,"id":41,"parentId":19,"tags":{"page":"/api/hub/session"},"startTime":1778556909973,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":544103,"timestamp":185424163397,"id":79,"parentId":42,"tags":{},"startTime":1778556909988,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":558853,"timestamp":185424148698,"id":42,"parentId":19,"tags":{"page":"/api/hub/stats"},"startTime":1778556909973,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":545290,"timestamp":185424162436,"id":64,"parentId":26,"tags":{},"startTime":1778556909987,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":570798,"timestamp":185424136963,"id":26,"parentId":19,"tags":{"page":"/api/auth/logout"},"startTime":1778556909962,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":548857,"timestamp":185424163405,"id":80,"parentId":43,"tags":{},"startTime":1778556909988,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":561387,"timestamp":185424150920,"id":43,"parentId":19,"tags":{"page":"/api/hub/status"},"startTime":1778556909976,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":550979,"timestamp":185424163414,"id":81,"parentId":44,"tags":{},"startTime":1778556909988,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":563300,"timestamp":185424151181,"id":44,"parentId":19,"tags":{"page":"/api/hub/task-events"},"startTime":1778556909976,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":551211,"timestamp":185424163423,"id":82,"parentId":45,"tags":{},"startTime":1778556909988,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":563319,"timestamp":185424151343,"id":45,"parentId":19,"tags":{"page":"/api/hub/tasks"},"startTime":1778556909976,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":553596,"timestamp":185424163432,"id":83,"parentId":46,"tags":{},"startTime":1778556909988,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":565564,"timestamp":185424151512,"id":46,"parentId":19,"tags":{"page":"/api/hub/tmux"},"startTime":1778556909976,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":554479,"timestamp":185424163450,"id":85,"parentId":48,"tags":{},"startTime":1778556909988,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":566221,"timestamp":185424151775,"id":48,"parentId":19,"tags":{"page":"/favicon.ico"},"startTime":1778556909976,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":554743,"timestamp":185424163441,"id":84,"parentId":47,"tags":{},"startTime":1778556909988,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":566574,"timestamp":185424151649,"id":47,"parentId":19,"tags":{"page":"/api/hub/tokens"},"startTime":1778556909976,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":551933,"timestamp":185424169568,"id":87,"parentId":31,"tags":{},"startTime":1778556909994,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":580493,"timestamp":185424141057,"id":31,"parentId":19,"tags":{"page":"/api/hub/events"},"startTime":1778556909966,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":554496,"timestamp":185424167189,"id":86,"parentId":24,"tags":{},"startTime":1778556909992,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":591333,"timestamp":185424130380,"id":24,"parentId":19,"tags":{"page":"/api/anet/config"},"startTime":1778556909955,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":536529,"timestamp":185424190050,"id":88,"parentId":23,"tags":{},"startTime":1778556910015,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":596528,"timestamp":185424130110,"id":23,"parentId":19,"tags":{"page":"/admin"},"startTime":1778556909955,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":547011,"timestamp":185424190107,"id":91,"parentId":51,"tags":{},"startTime":1778556910015,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":584488,"timestamp":185424152718,"id":51,"parentId":19,"tags":{"page":"/messages"},"startTime":1778556909977,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":557043,"timestamp":185424190113,"id":92,"parentId":52,"tags":{},"startTime":1778556910015,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":594247,"timestamp":185424152978,"id":52,"parentId":19,"tags":{"page":"/node"},"startTime":1778556909978,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":567268,"timestamp":185424190124,"id":93,"parentId":53,"tags":{},"startTime":1778556910015,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":603786,"timestamp":185424153687,"id":53,"parentId":19,"tags":{"page":"/nodes"},"startTime":1778556909978,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":579668,"timestamp":185424190133,"id":94,"parentId":55,"tags":{},"startTime":1778556910015,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":615413,"timestamp":185424154489,"id":55,"parentId":19,"tags":{"page":"/server-logs"},"startTime":1778556909979,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":588386,"timestamp":185424190138,"id":95,"parentId":56,"tags":{},"startTime":1778556910015,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":623947,"timestamp":185424154663,"id":56,"parentId":19,"tags":{"page":"/settings/networks"},"startTime":1778556909979,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":594468,"timestamp":185424190099,"id":90,"parentId":50,"tags":{},"startTime":1778556910015,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":632117,"timestamp":185424152523,"id":50,"parentId":19,"tags":{"page":"/logs"},"startTime":1778556909977,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":597214,"timestamp":185424190147,"id":96,"parentId":58,"tags":{},"startTime":1778556910015,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":632187,"timestamp":185424155240,"id":58,"parentId":19,"tags":{"page":"/settings/tokens"},"startTime":1778556909980,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":598779,"timestamp":185424190091,"id":89,"parentId":49,"tags":{},"startTime":1778556910015,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":636624,"timestamp":185424152300,"id":49,"parentId":19,"tags":{"page":"/login"},"startTime":1778556909977,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":608350,"timestamp":185424190173,"id":99,"parentId":54,"tags":{},"startTime":1778556910015,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":645536,"timestamp":185424153906,"id":54,"parentId":19,"tags":{"page":"/"},"startTime":1778556909979,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":609478,"timestamp":185424190163,"id":98,"parentId":60,"tags":{},"startTime":1778556910015,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":641123,"timestamp":185424158546,"id":60,"parentId":19,"tags":{"page":"/tasks"},"startTime":1778556909983,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":611432,"timestamp":185424190155,"id":97,"parentId":59,"tags":{},"startTime":1778556910015,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":646283,"timestamp":185424155370,"id":59,"parentId":19,"tags":{"page":"/tasks/[id]"},"startTime":1778556909980,"traceId":"e1b49434db7ff388"},{"name":"is-page-static","duration":617646,"timestamp":185424190181,"id":100,"parentId":57,"tags":{},"startTime":1778556910015,"traceId":"e1b49434db7ff388"},{"name":"check-page","duration":653026,"timestamp":185424154876,"id":57,"parentId":19,"tags":{"page":"/settings"},"startTime":1778556909980,"traceId":"e1b49434db7ff388"},{"name":"static-check","duration":687715,"timestamp":185424121158,"id":19,"parentId":1,"tags":{},"startTime":1778556909946,"traceId":"e1b49434db7ff388"},{"name":"write-routes-manifest","duration":760,"timestamp":185424816552,"id":102,"parentId":1,"tags":{},"startTime":1778556910641,"traceId":"e1b49434db7ff388"},{"name":"load-dotenv","duration":55,"timestamp":185424833288,"id":105,"parentId":104,"tags":{},"startTime":1778556910658,"traceId":"e1b49434db7ff388"},{"name":"run-export-path-map","duration":1005,"timestamp":185424836602,"id":106,"parentId":104,"tags":{},"startTime":1778556910661,"traceId":"e1b49434db7ff388"},{"name":"next-export","duration":586277,"timestamp":185424831990,"id":104,"parentId":1,"tags":{},"startTime":1778556910657,"traceId":"e1b49434db7ff388"},{"name":"move-exported-app-not-found-","duration":1373,"timestamp":185425421785,"id":107,"parentId":103,"tags":{},"startTime":1778556911246,"traceId":"e1b49434db7ff388"},{"name":"move-exported-app-global-error-","duration":459,"timestamp":185425423269,"id":108,"parentId":103,"tags":{},"startTime":1778556911248,"traceId":"e1b49434db7ff388"}]
-[{"name":"static-generation","duration":604472,"timestamp":185424823412,"id":103,"parentId":1,"tags":{},"startTime":1778556910648,"traceId":"e1b49434db7ff388"},{"name":"write-routes-manifest","duration":462,"timestamp":185425428102,"id":109,"parentId":1,"tags":{},"startTime":1778556911253,"traceId":"e1b49434db7ff388"},{"name":"print-tree-view","duration":4887,"timestamp":185425443216,"id":110,"parentId":1,"tags":{},"startTime":1778556911268,"traceId":"e1b49434db7ff388"},{"name":"write-route-bundle-stats","duration":15329,"timestamp":185425448151,"id":111,"parentId":1,"tags":{},"startTime":1778556911273,"traceId":"e1b49434db7ff388"},{"name":"telemetry-flush","duration":19179,"timestamp":185425463522,"id":112,"parentId":1,"tags":{},"startTime":1778556911288,"traceId":"e1b49434db7ff388"},{"name":"next-build","duration":16392827,"timestamp":185409089922,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778556894915,"traceId":"e1b49434db7ff388"}]
+[{"name":"generate-buildid","duration":302,"timestamp":195327368683,"id":4,"parentId":1,"tags":{},"startTime":1778566813193,"traceId":"a837219769495a30"},{"name":"load-custom-routes","duration":528,"timestamp":195327369168,"id":5,"parentId":1,"tags":{},"startTime":1778566813194,"traceId":"a837219769495a30"},{"name":"create-dist-dir","duration":369,"timestamp":195327369744,"id":6,"parentId":1,"tags":{},"startTime":1778566813194,"traceId":"a837219769495a30"},{"name":"clean","duration":556,"timestamp":195327370866,"id":7,"parentId":1,"tags":{},"startTime":1778566813196,"traceId":"a837219769495a30"},{"name":"discover-routes","duration":10417,"timestamp":195327460339,"id":8,"parentId":1,"tags":{},"startTime":1778566813285,"traceId":"a837219769495a30"},{"name":"create-root-mapping","duration":131,"timestamp":195327470826,"id":9,"parentId":1,"tags":{},"startTime":1778566813296,"traceId":"a837219769495a30"},{"name":"generate-route-types","duration":33976,"timestamp":195327473440,"id":10,"parentId":1,"tags":{},"startTime":1778566813298,"traceId":"a837219769495a30"},{"name":"public-dir-conflict-check","duration":107,"timestamp":195327507604,"id":11,"parentId":1,"tags":{},"startTime":1778566813332,"traceId":"a837219769495a30"},{"name":"generate-routes-manifest","duration":4530,"timestamp":195327507842,"id":12,"parentId":1,"tags":{},"startTime":1778566813333,"traceId":"a837219769495a30"},{"name":"run-turbopack","duration":8225726,"timestamp":195327518659,"id":14,"parentId":1,"tags":{},"startTime":1778566813343,"traceId":"a837219769495a30"},{"name":"turbopack-build-events","duration":90,"timestamp":195327816282,"id":15,"parentId":1,"tags":{},"startTime":1778566813641,"traceId":"a837219769495a30"},{"name":"run-typescript","duration":8072967,"timestamp":195335753747,"id":16,"parentId":1,"tags":{},"startTime":1778566821578,"traceId":"a837219769495a30"},{"name":"generate-required-server-files","duration":2137,"timestamp":195343827501,"id":18,"parentId":1,"tags":{},"startTime":1778566829652,"traceId":"a837219769495a30"},{"name":"check-static-error-page","duration":18072,"timestamp":195343908186,"id":20,"parentId":19,"tags":{},"startTime":1778566829733,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":312500,"timestamp":195343929858,"id":62,"parentId":22,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":331982,"timestamp":195343910518,"id":22,"parentId":19,"tags":{"page":"/_global-error"},"startTime":1778566829735,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":414306,"timestamp":195343930118,"id":64,"parentId":26,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":430707,"timestamp":195343913791,"id":26,"parentId":19,"tags":{"page":"/api/auth/logout"},"startTime":1778566829738,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":439266,"timestamp":195343929955,"id":63,"parentId":25,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":455799,"timestamp":195343913494,"id":25,"parentId":19,"tags":{"page":"/api/auth/login"},"startTime":1778566829738,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":445740,"timestamp":195343929577,"id":61,"parentId":21,"tags":{},"startTime":1778566829754,"traceId":"a837219769495a30"},{"name":"check-page","duration":466136,"timestamp":195343909254,"id":21,"parentId":19,"tags":{"page":"/_not-found"},"startTime":1778566829734,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":445523,"timestamp":195343930160,"id":65,"parentId":27,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":461675,"timestamp":195343914039,"id":27,"parentId":19,"tags":{"page":"/api/auth/v3"},"startTime":1778566829739,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":462835,"timestamp":195343930199,"id":66,"parentId":28,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":478855,"timestamp":195343914244,"id":28,"parentId":19,"tags":{"page":"/api/hub/audit-log"},"startTime":1778566829739,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":468973,"timestamp":195343930268,"id":68,"parentId":30,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":484527,"timestamp":195343914788,"id":30,"parentId":19,"tags":{"page":"/api/hub/broadcast"},"startTime":1778566829739,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":473488,"timestamp":195343930301,"id":69,"parentId":32,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":488453,"timestamp":195343915392,"id":32,"parentId":19,"tags":{"page":"/api/hub/health"},"startTime":1778566829740,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":480758,"timestamp":195343930511,"id":71,"parentId":34,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":495551,"timestamp":195343915788,"id":34,"parentId":19,"tags":{"page":"/api/hub/license"},"startTime":1778566829740,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":481087,"timestamp":195343930443,"id":70,"parentId":33,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":495972,"timestamp":195343915588,"id":33,"parentId":19,"tags":{"page":"/api/hub/inbox"},"startTime":1778566829740,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":484981,"timestamp":195343930603,"id":73,"parentId":36,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":498976,"timestamp":195343916652,"id":36,"parentId":19,"tags":{"page":"/api/hub/networks"},"startTime":1778566829741,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":488330,"timestamp":195343930537,"id":72,"parentId":35,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":502918,"timestamp":195343915990,"id":35,"parentId":19,"tags":{"page":"/api/hub/messages"},"startTime":1778566829741,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":490975,"timestamp":195343930624,"id":74,"parentId":37,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":504686,"timestamp":195343916965,"id":37,"parentId":19,"tags":{"page":"/api/hub/nodes"},"startTime":1778566829742,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":497643,"timestamp":195343930638,"id":76,"parentId":39,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":510912,"timestamp":195343917414,"id":39,"parentId":19,"tags":{"page":"/api/hub/send"},"startTime":1778566829742,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":499791,"timestamp":195343930632,"id":75,"parentId":38,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":513252,"timestamp":195343917220,"id":38,"parentId":19,"tags":{"page":"/api/hub/register"},"startTime":1778566829742,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":500999,"timestamp":195343930643,"id":77,"parentId":40,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":514087,"timestamp":195343917595,"id":40,"parentId":19,"tags":{"page":"/api/hub/server-logs"},"startTime":1778566829742,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":505307,"timestamp":195343930654,"id":79,"parentId":42,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":518087,"timestamp":195343917978,"id":42,"parentId":19,"tags":{"page":"/api/hub/stats"},"startTime":1778566829743,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":509274,"timestamp":195343930649,"id":78,"parentId":41,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":522212,"timestamp":195343917765,"id":41,"parentId":19,"tags":{"page":"/api/hub/session"},"startTime":1778566829742,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":509610,"timestamp":195343930660,"id":80,"parentId":43,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":522109,"timestamp":195343918200,"id":43,"parentId":19,"tags":{"page":"/api/hub/status"},"startTime":1778566829743,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":512253,"timestamp":195343930665,"id":81,"parentId":44,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":524588,"timestamp":195343918410,"id":44,"parentId":19,"tags":{"page":"/api/hub/task-events"},"startTime":1778566829743,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":513630,"timestamp":195343930671,"id":82,"parentId":45,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":525748,"timestamp":195343918588,"id":45,"parentId":19,"tags":{"page":"/api/hub/tasks"},"startTime":1778566829743,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":517241,"timestamp":195343930676,"id":83,"parentId":46,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":529108,"timestamp":195343918868,"id":46,"parentId":19,"tags":{"page":"/api/hub/tmux"},"startTime":1778566829744,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":517447,"timestamp":195343930681,"id":84,"parentId":47,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":529093,"timestamp":195343919058,"id":47,"parentId":19,"tags":{"page":"/api/hub/tokens"},"startTime":1778566829744,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":520394,"timestamp":195343930688,"id":85,"parentId":48,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":531843,"timestamp":195343919284,"id":48,"parentId":19,"tags":{"page":"/favicon.ico"},"startTime":1778566829744,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":516016,"timestamp":195343936905,"id":87,"parentId":31,"tags":{},"startTime":1778566829762,"traceId":"a837219769495a30"},{"name":"check-page","duration":537938,"timestamp":195343915018,"id":31,"parentId":19,"tags":{"page":"/api/hub/events"},"startTime":1778566829740,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":517060,"timestamp":195343936148,"id":86,"parentId":24,"tags":{},"startTime":1778566829761,"traceId":"a837219769495a30"},{"name":"check-page","duration":542310,"timestamp":195343910925,"id":24,"parentId":19,"tags":{"page":"/api/anet/config"},"startTime":1778566829736,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":524963,"timestamp":195343930235,"id":67,"parentId":29,"tags":{},"startTime":1778566829755,"traceId":"a837219769495a30"},{"name":"check-page","duration":540775,"timestamp":195343914455,"id":29,"parentId":19,"tags":{"page":"/api/hub/auth"},"startTime":1778566829739,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":500194,"timestamp":195343960553,"id":90,"parentId":50,"tags":{},"startTime":1778566829785,"traceId":"a837219769495a30"},{"name":"check-page","duration":539393,"timestamp":195343921397,"id":50,"parentId":19,"tags":{"page":"/logs"},"startTime":1778566829746,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":505330,"timestamp":195343960562,"id":91,"parentId":51,"tags":{},"startTime":1778566829785,"traceId":"a837219769495a30"},{"name":"check-page","duration":544266,"timestamp":195343921672,"id":51,"parentId":19,"tags":{"page":"/messages"},"startTime":1778566829746,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":513530,"timestamp":195343960570,"id":92,"parentId":52,"tags":{},"startTime":1778566829785,"traceId":"a837219769495a30"},{"name":"check-page","duration":552257,"timestamp":195343921904,"id":52,"parentId":19,"tags":{"page":"/node"},"startTime":1778566829747,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":516045,"timestamp":195343960574,"id":93,"parentId":53,"tags":{},"startTime":1778566829785,"traceId":"a837219769495a30"},{"name":"check-page","duration":554518,"timestamp":195343922143,"id":53,"parentId":19,"tags":{"page":"/nodes"},"startTime":1778566829747,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":521368,"timestamp":195343960583,"id":94,"parentId":55,"tags":{},"startTime":1778566829785,"traceId":"a837219769495a30"},{"name":"check-page","duration":559124,"timestamp":195343922872,"id":55,"parentId":19,"tags":{"page":"/server-logs"},"startTime":1778566829748,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":526852,"timestamp":195343960591,"id":95,"parentId":56,"tags":{},"startTime":1778566829785,"traceId":"a837219769495a30"},{"name":"check-page","duration":564422,"timestamp":195343923080,"id":56,"parentId":19,"tags":{"page":"/settings/networks"},"startTime":1778566829748,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":532230,"timestamp":195343960499,"id":88,"parentId":23,"tags":{},"startTime":1778566829785,"traceId":"a837219769495a30"},{"name":"check-page","duration":582006,"timestamp":195343910769,"id":23,"parentId":19,"tags":{"page":"/admin"},"startTime":1778566829735,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":532674,"timestamp":195343960596,"id":96,"parentId":58,"tags":{},"startTime":1778566829785,"traceId":"a837219769495a30"},{"name":"check-page","duration":569636,"timestamp":195343923676,"id":58,"parentId":19,"tags":{"page":"/settings/tokens"},"startTime":1778566829748,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":534366,"timestamp":195343960545,"id":89,"parentId":49,"tags":{},"startTime":1778566829785,"traceId":"a837219769495a30"},{"name":"check-page","duration":573844,"timestamp":195343921106,"id":49,"parentId":19,"tags":{"page":"/login"},"startTime":1778566829746,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":540415,"timestamp":195343960626,"id":99,"parentId":57,"tags":{},"startTime":1778566829785,"traceId":"a837219769495a30"},{"name":"check-page","duration":577801,"timestamp":195343923292,"id":57,"parentId":19,"tags":{"page":"/settings"},"startTime":1778566829748,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":542593,"timestamp":195343960604,"id":97,"parentId":59,"tags":{},"startTime":1778566829785,"traceId":"a837219769495a30"},{"name":"check-page","duration":577468,"timestamp":195343925783,"id":59,"parentId":19,"tags":{"page":"/tasks/[id]"},"startTime":1778566829750,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":543307,"timestamp":195343960617,"id":98,"parentId":60,"tags":{},"startTime":1778566829785,"traceId":"a837219769495a30"},{"name":"check-page","duration":577975,"timestamp":195343925988,"id":60,"parentId":19,"tags":{"page":"/tasks"},"startTime":1778566829751,"traceId":"a837219769495a30"},{"name":"is-page-static","duration":546201,"timestamp":195343960635,"id":100,"parentId":54,"tags":{},"startTime":1778566829785,"traceId":"a837219769495a30"},{"name":"check-page","duration":584491,"timestamp":195343922380,"id":54,"parentId":19,"tags":{"page":"/"},"startTime":1778566829747,"traceId":"a837219769495a30"},{"name":"static-check","duration":599679,"timestamp":195343907238,"id":19,"parentId":1,"tags":{},"startTime":1778566829732,"traceId":"a837219769495a30"},{"name":"write-routes-manifest","duration":464,"timestamp":195344513752,"id":102,"parentId":1,"tags":{},"startTime":1778566830338,"traceId":"a837219769495a30"},{"name":"load-dotenv","duration":46,"timestamp":195344526664,"id":105,"parentId":104,"tags":{},"startTime":1778566830351,"traceId":"a837219769495a30"},{"name":"run-export-path-map","duration":734,"timestamp":195344529708,"id":106,"parentId":104,"tags":{},"startTime":1778566830354,"traceId":"a837219769495a30"},{"name":"next-export","duration":571157,"timestamp":195344525486,"id":104,"parentId":1,"tags":{},"startTime":1778566830350,"traceId":"a837219769495a30"},{"name":"move-exported-app-not-found-","duration":625,"timestamp":195345099949,"id":107,"parentId":103,"tags":{},"startTime":1778566830925,"traceId":"a837219769495a30"},{"name":"move-exported-app-global-error-","duration":424,"timestamp":195345100672,"id":108,"parentId":103,"tags":{},"startTime":1778566830925,"traceId":"a837219769495a30"}]
+[{"name":"static-generation","duration":585516,"timestamp":195344519842,"id":103,"parentId":1,"tags":{},"startTime":1778566830345,"traceId":"a837219769495a30"},{"name":"write-routes-manifest","duration":427,"timestamp":195345105549,"id":109,"parentId":1,"tags":{},"startTime":1778566830930,"traceId":"a837219769495a30"},{"name":"print-tree-view","duration":6349,"timestamp":195345114395,"id":110,"parentId":1,"tags":{},"startTime":1778566830939,"traceId":"a837219769495a30"},{"name":"write-route-bundle-stats","duration":16982,"timestamp":195345120793,"id":111,"parentId":1,"tags":{},"startTime":1778566830945,"traceId":"a837219769495a30"},{"name":"telemetry-flush","duration":20357,"timestamp":195345137817,"id":112,"parentId":1,"tags":{},"startTime":1778566830963,"traceId":"a837219769495a30"},{"name":"next-build","duration":17837445,"timestamp":195327320773,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778566813145,"traceId":"a837219769495a30"}]

package/.next/trace-build

@@ -1 +1 @@
-[{"name":"run-turbopack","duration":7516878,"timestamp":185409268601,"id":14,"parentId":1,"tags":{},"startTime":1778556895093,"traceId":"e1b49434db7ff388"},{"name":"turbopack-build-events","duration":84,"timestamp":185409560336,"id":15,"parentId":1,"tags":{},"startTime":1778556895385,"traceId":"e1b49434db7ff388"},{"name":"run-typescript","duration":7246135,"timestamp":185416793467,"id":16,"parentId":1,"tags":{},"startTime":1778556902618,"traceId":"e1b49434db7ff388"},{"name":"static-check","duration":687715,"timestamp":185424121158,"id":19,"parentId":1,"tags":{},"startTime":1778556909946,"traceId":"e1b49434db7ff388"},{"name":"static-generation","duration":604472,"timestamp":185424823412,"id":103,"parentId":1,"tags":{},"startTime":1778556910648,"traceId":"e1b49434db7ff388"},{"name":"telemetry-flush","duration":19179,"timestamp":185425463522,"id":112,"parentId":1,"tags":{},"startTime":1778556911288,"traceId":"e1b49434db7ff388"},{"name":"next-build","duration":16392827,"timestamp":185409089922,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778556894915,"traceId":"e1b49434db7ff388"}]
+[{"name":"run-turbopack","duration":8225726,"timestamp":195327518659,"id":14,"parentId":1,"tags":{},"startTime":1778566813343,"traceId":"a837219769495a30"},{"name":"turbopack-build-events","duration":90,"timestamp":195327816282,"id":15,"parentId":1,"tags":{},"startTime":1778566813641,"traceId":"a837219769495a30"},{"name":"run-typescript","duration":8072967,"timestamp":195335753747,"id":16,"parentId":1,"tags":{},"startTime":1778566821578,"traceId":"a837219769495a30"},{"name":"static-check","duration":599679,"timestamp":195343907238,"id":19,"parentId":1,"tags":{},"startTime":1778566829732,"traceId":"a837219769495a30"},{"name":"static-generation","duration":585516,"timestamp":195344519842,"id":103,"parentId":1,"tags":{},"startTime":1778566830345,"traceId":"a837219769495a30"},{"name":"telemetry-flush","duration":20357,"timestamp":195345137817,"id":112,"parentId":1,"tags":{},"startTime":1778566830963,"traceId":"a837219769495a30"},{"name":"next-build","duration":17837445,"timestamp":195327320773,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1778566813145,"traceId":"a837219769495a30"}]

package/app/components/AgentCard.tsx

@@ -3,6 +3,7 @@
 import Link from 'next/link';
 import { Session } from './types';
 import { timeAgo } from './utils';
+import { AliasAvatar } from './AliasAvatar';
 
 interface AgentCardProps {
   session: Session;
@@ -33,11 +34,14 @@ export function AgentCard({ session: s, hasSse, sseCount, onChat }: AgentCardPro
           : 'bg-[#0d0d1a] border-[#1a1a2a] opacity-40'
       }`}
     >
-      {/* Header: name + status */}
+      {/* Header: avatar + name + status. Avatar carries the alias→hue map
+          shared with Messages/Nodes/Tasks/Overview; the live status dot
+          stays as a small pulse-capable indicator. */}
       <div className="flex items-center justify-between mb-3">
         <div className="flex items-center gap-2 min-w-0">
-          <span className={`inline-block w-2 h-2 rounded-full shrink-0 ${cfg.dot} ${hasSse && s.status === 'working' ? 'animate-pulse' : ''}`} />
+          <AliasAvatar alias={s.alias} size={22} />
           <span className="font-semibold text-white truncate text-sm" title={s.alias}>{s.alias}</span>
+          <span className={`inline-block w-1.5 h-1.5 rounded-full shrink-0 ${cfg.dot} ${hasSse && s.status === 'working' ? 'animate-pulse' : ''}`} />
         </div>
         <span className={`text-[11px] px-2 py-0.5 rounded-md border shrink-0 ${cfg.bg} ${cfg.text}`}>
           {hasSse ? s.status : 'offline'}

package/app/components/AliasAvatar.tsx

@@ -0,0 +1,51 @@
+/** Hue-hashed avatar pill for agent aliases. Same alias → same color across
+ *  every page (Messages, Nodes, TopoGraph). Use the `size` prop for inline
+ *  pills (16/20) vs card headers (28). Round 21 introduced the palette;
+ *  round 22 promotes it from app/messages to a shared component. */
+
+const AVATAR_HUES = [180, 200, 220, 270, 300, 330, 30, 90];
+
+export function aliasAvatarColors(alias: string): { bg: string; ring: string; text: string } {
+  let h = 0;
+  for (let i = 0; i < alias.length; i++) h = (h * 31 + alias.charCodeAt(i)) >>> 0;
+  const hue = AVATAR_HUES[h % AVATAR_HUES.length];
+  return {
+    bg: `hsl(${hue} 55% 22%)`,
+    ring: `hsl(${hue} 60% 45%)`,
+    text: `hsl(${hue} 80% 78%)`,
+  };
+}
+
+export function aliasInitial(alias?: string): string {
+  if (!alias) return '·';
+  const ch = alias.trim().match(/[\p{L}\p{N}]/u)?.[0] || alias.trim()[0] || '·';
+  return ch.toUpperCase();
+}
+
+interface AliasAvatarProps {
+  alias: string;
+  size?: number;
+  className?: string;
+}
+
+export function AliasAvatar({ alias, size = 28, className = '' }: AliasAvatarProps) {
+  const c = aliasAvatarColors(alias);
+  const fs = Math.max(9, Math.round(size * 0.42));
+  return (
+    <span
+      className={`anet-alias-avatar inline-flex items-center justify-center rounded-full border shrink-0 font-semibold ${className}`}
+      style={{
+        width: size,
+        height: size,
+        fontSize: fs,
+        backgroundColor: c.bg,
+        borderColor: c.ring,
+        color: c.text,
+      }}
+      title={alias}
+      aria-hidden
+    >
+      {aliasInitial(alias)}
+    </span>
+  );
+}

package/app/components/CommandPalette.tsx

@@ -22,6 +22,9 @@ interface Command {
   group: 'Recents' | 'Agents' | 'Tasks' | 'Actions' | 'Navigate';
   icon: React.ReactNode;
   perform: (router: ReturnType<typeof useRouter>) => void;
+  /** Matched char indices (set by fuzzy filter for highlight render). */
+  _titleHi?: number[];
+  _hintHi?: number[];
 }
 
 interface SessionRow { alias?: string; status?: string; agent?: string }
@@ -46,19 +49,21 @@ function pushRecent(id: string) {
   } catch {}
 }
 
-/** Fuzzy match: returns a score (higher = better) if every char in `needle`
- *  appears in `hay` in order (consecutive bonus), else -1. Case-insensitive.
- *  Round 18 — replaces literal `String.includes` so `stg` matches `Settings`. */
-function fuzzyScore(hay: string, needle: string): number {
-  if (!needle) return 0;
+/** Fuzzy match: returns score + matched char positions in `hay`. -1 score
+ *  means no match. Round 18 introduced fuzzy; round 20 returns indices so
+ *  the UI can highlight matched chars (Linear / Raycast style). */
+interface FuzzyResult { score: number; indices: number[]; }
+function fuzzyMatch(hay: string, needle: string): FuzzyResult {
+  if (!needle) return { score: 0, indices: [] };
   const H = hay.toLowerCase();
   const N = needle.toLowerCase();
   let hi = 0, ni = 0, score = 0, streak = 0;
+  const indices: number[] = [];
   while (hi < H.length && ni < N.length) {
     if (H[hi] === N[ni]) {
-      score += 2 + streak; // streak bonus rewards contiguous matches
+      score += 2 + streak;
       streak++;
-      // Word-start bonus
+      indices.push(hi);
       if (hi === 0 || /[\s·:_/-]/.test(H[hi - 1])) score += 4;
       ni++;
     } else {
@@ -66,9 +71,25 @@ function fuzzyScore(hay: string, needle: string): number {
     }
     hi++;
   }
-  if (ni < N.length) return -1; // not all needle chars matched
-  // Shorter strings rank slightly higher (preferring exact hits)
-  return score - Math.max(0, H.length - N.length) * 0.05;
+  if (ni < N.length) return { score: -1, indices: [] };
+  return { score: score - Math.max(0, H.length - N.length) * 0.05, indices };
+}
+
+/** Renders `text` with the chars at `indices` wrapped in <mark>. Handles
+ *  unicode (Chinese aliases, emoji) by iterating code points via Array.from. */
+function Highlight({ text, indices }: { text: string; indices: number[] }) {
+  if (!indices.length) return <>{text}</>;
+  const set = new Set(indices);
+  const chars = Array.from(text);
+  return (
+    <>
+      {chars.map((ch, i) =>
+        set.has(i)
+          ? <mark key={i} className="anet-cmdk-mark">{ch}</mark>
+          : <span key={i}>{ch}</span>
+      )}
+    </>
+  );
 }
 
 function NavIcon({ d }: { d: string }) {
@@ -237,21 +258,27 @@ export function CommandPalette() {
     }
     // Fuzzy match — `stg` matches `Settings`, `taska` matches `Task all-time`.
     // Score against title (weight 1.0), hint (0.6), id (0.3). Drop unmatched.
+    // Round 20: keep matched indices for title + hint so we can highlight.
     const scored = pool
       .map(c => {
-        const sTitle = fuzzyScore(c.title, query);
-        const sHint = c.hint ? fuzzyScore(c.hint, query) : -1;
-        const sId = fuzzyScore(c.id, query);
+        const mt = fuzzyMatch(c.title, query);
+        const mh = c.hint ? fuzzyMatch(c.hint, query) : { score: -1, indices: [] };
+        const mi = fuzzyMatch(c.id, query);
         const best = Math.max(
-          sTitle >= 0 ? sTitle * 1.0 : -Infinity,
-          sHint  >= 0 ? sHint  * 0.6 : -Infinity,
-          sId    >= 0 ? sId    * 0.3 : -Infinity,
+          mt.score >= 0 ? mt.score * 1.0 : -Infinity,
+          mh.score >= 0 ? mh.score * 0.6 : -Infinity,
+          mi.score >= 0 ? mi.score * 0.3 : -Infinity,
         );
-        return { c, score: best };
+        return {
+          c,
+          score: best,
+          _titleHi: mt.score >= 0 ? mt.indices : [],
+          _hintHi: mh.score >= 0 ? mh.indices : [],
+        };
       })
       .filter(x => x.score > -Infinity);
     scored.sort((a, b) => b.score - a.score);
-    return scored.map(x => x.c);
+    return scored.map(x => ({ ...x.c, _titleHi: x._titleHi, _hintHi: x._hintHi }));
   }, [query, recentIds, dynamic]);
 
   // Clamp selected when results shrink
@@ -332,8 +359,14 @@ export function CommandPalette() {
                     >
                       <span className={isActive ? 'text-cyan-400' : 'text-gray-500'}>{c.icon}</span>
                       <span className="flex-1 min-w-0">
-                        <span className="block truncate">{c.title}</span>
-                        {c.hint && <span className="block text-[11px] text-gray-600 truncate">{c.hint}</span>}
+                        <span className="block truncate">
+                          <Highlight text={c.title} indices={c._titleHi || []} />
+                        </span>
+                        {c.hint && (
+                          <span className="block text-[11px] text-gray-600 truncate">
+                            <Highlight text={c.hint} indices={c._hintHi || []} />
+                          </span>
+                        )}
                       </span>
                       {isActive && <span className="text-[10px] text-gray-500">↵</span>}
                     </button>

package/app/components/HelpOverlay.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import { useEffect, useState } from 'react';
+import { useEffect, useState, useRef } from 'react';
+import { useRouter } from 'next/navigation';
 
 /** Help overlay — press `?` to see keyboard shortcuts.
  *  Restrained: no animation noise, single column, all global keys in one
@@ -23,29 +24,52 @@ const SHORTCUTS: { group: string; items: Shortcut[] }[] = [
     ],
   },
   {
-    group: 'Command palette',
+    group: 'Navigate (vim-style)',
     items: [
-      { keys: ['↑', '↓'], label: 'Move selection' },
-      { keys: ['↵'], label: 'Activate selected command' },
-      { keys: ['type'], label: 'Filter — searches commands, agents, tasks' },
+      { keys: ['g', 'o'], label: 'Go to Overview' },
+      { keys: ['g', 't'], label: 'Go to Tasks' },
+      { keys: ['g', 'n'], label: 'Go to Nodes' },
+      { keys: ['g', 'm'], label: 'Go to Messages' },
+      { keys: ['g', 'w'], label: 'Go to Networks' },
+      { keys: ['g', 'a'], label: 'Go to Admin' },
+      { keys: ['g', 'l'], label: 'Go to Audit Log' },
+      { keys: ['g', 's'], label: 'Go to Settings' },
     ],
   },
   {
-    group: 'Pages',
+    group: 'Command palette',
     items: [
-      { keys: ['click', 'sidebar logo'], label: 'Back to Overview' },
-      { keys: ['Cmd+K', 'Go to agent X'], label: 'Jump straight to a node' },
+      { keys: ['↑', '↓'], label: 'Move selection' },
+      { keys: ['↵'], label: 'Activate selected command' },
+      { keys: ['type'], label: 'Filter — searches commands, agents, tasks' },
     ],
   },
 ];
 
+const GO_TARGETS: Record<string, string> = {
+  o: '/',
+  t: '/tasks',
+  n: '/nodes',
+  m: '/messages',
+  w: '/settings/networks',
+  a: '/admin',
+  l: '/logs',
+  s: '/settings',
+};
+
 export function HelpOverlay() {
   const [open, setOpen] = useState(false);
+  const router = useRouter();
+  /** Timestamp when `g` was last pressed. The next single letter within
+   *  1500ms is interpreted as the target page. vim-style `g o`, `g t`, etc. */
+  const gAtRef = useRef<number>(0);
 
   useEffect(() => {
     const onKey = (e: KeyboardEvent) => {
+      const tag = document.activeElement?.tagName;
+      const inInput = tag === 'INPUT' || tag === 'TEXTAREA' || (document.activeElement as HTMLElement | null)?.isContentEditable;
       // `?` toggles — Shift+/ on US layout. Only when no input is focused.
-      if (e.key === '?' && document.activeElement?.tagName !== 'INPUT' && document.activeElement?.tagName !== 'TEXTAREA') {
+      if (e.key === '?' && !inInput) {
         e.preventDefault();
         setOpen(prev => !prev);
         return;
@@ -53,10 +77,26 @@ export function HelpOverlay() {
       if (e.key === 'Escape' && open) {
         setOpen(false);
       }
+      // Vim-style `g + letter` route shortcuts (round 35). Skip when modifier
+      // keys are held (g is a perfectly fine letter when ⌘ is involved) and
+      // when typing into a field.
+      if (inInput || e.metaKey || e.ctrlKey || e.altKey) return;
+      if (e.key === 'g') {
+        gAtRef.current = Date.now();
+        return;
+      }
+      if (Date.now() - gAtRef.current < 1500) {
+        const target = GO_TARGETS[e.key.toLowerCase()];
+        if (target) {
+          e.preventDefault();
+          gAtRef.current = 0;
+          router.push(target);
+        }
+      }
     };
     window.addEventListener('keydown', onKey);
     return () => window.removeEventListener('keydown', onKey);
-  }, [open]);
+  }, [open, router]);
 
   if (!open) return null;
 

package/app/components/Sidebar.tsx

@@ -51,11 +51,12 @@ export function Sidebar() {
           href={item.href}
           prefetch={false}
           onClick={() => setMobileOpen(false)}
+          title={collapsed ? item.label : undefined}
           className={`relative flex items-center gap-3 px-3 py-3 rounded-lg text-sm transition-colors active:bg-[#1a1a3a] ${
             isActive(item.href)
               ? 'bg-cyan-500/10 text-cyan-300 border border-cyan-500/20 anet-nav-active'
               : 'text-gray-400 hover:text-gray-200 hover:bg-[#1a1a2a]'
-          } ${collapsed ? 'justify-center' : ''}`}
+          } ${collapsed ? 'justify-center px-0' : ''}`}
         >
           <svg className="w-5 h-5 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5}>
             <path strokeLinecap="round" strokeLinejoin="round" d={item.icon} />
@@ -134,45 +135,49 @@ export function Sidebar() {
           {nav}
         </div>
 
-        {/* Sign out + collapse */}
+        {/* Sign out + collapse — round 27: collapsed-state gets icon-only
+            variants so users still have Sign out / Quick search access at
+            56px width, plus title= tooltips. */}
         <div className="absolute bottom-0 left-0 right-0 border-t border-[#2a2a4a] bg-[#0d0d1a]">
-          {!collapsed && (
-            <button
-              onClick={async () => {
-                await fetch('/api/auth/logout', { method: 'POST' }).catch(() => {});
-                sessionStorage.removeItem('anet_v3_auth');
-                window.location.assign('/login');
-              }}
-              className="w-full flex items-center gap-3 px-5 py-3 text-xs text-gray-500 hover:text-red-400 hover:bg-red-500/5 transition-colors"
-            >
-              <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5}>
-                <path strokeLinecap="round" strokeLinejoin="round" d="M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9" />
+          <button
+            onClick={() => {
+              window.dispatchEvent(new KeyboardEvent('keydown', { key: 'k', metaKey: true, ctrlKey: true }));
+            }}
+            title={collapsed ? 'Quick search (⌘K)' : undefined}
+            className={`w-full flex items-center text-[11px] text-gray-600 hover:text-gray-400 hover:bg-[#1a1a2a] transition-colors ${
+              collapsed ? 'justify-center px-0 py-2.5' : 'justify-between gap-2 px-5 py-2'
+            }`}
+            aria-label="Open command palette"
+          >
+            <span className={`flex items-center ${collapsed ? '' : 'gap-2'}`}>
+              <svg className="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5}>
+                <path strokeLinecap="round" strokeLinejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
               </svg>
-              Sign out
-            </button>
-          )}
-          {!collapsed && (
-            <button
-              onClick={() => {
-                // Dispatch a synthetic keypress so the global Cmd+K listener fires
-                window.dispatchEvent(new KeyboardEvent('keydown', { key: 'k', metaKey: true, ctrlKey: true }));
-              }}
-              className="w-full flex items-center justify-between gap-2 px-5 py-2 text-[11px] text-gray-600 hover:text-gray-400 hover:bg-[#1a1a2a] transition-colors"
-              aria-label="Open command palette"
-            >
-              <span className="flex items-center gap-2">
-                <svg className="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5}>
-                  <path strokeLinecap="round" strokeLinejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
-                </svg>
-                Quick search
-              </span>
-              <kbd className="text-[10px] border border-current rounded px-1 py-0.5 opacity-60 font-mono">⌘K</kbd>
-            </button>
-          )}
-          <div className={`flex items-center gap-2 px-3 py-2 ${collapsed ? 'justify-center' : 'justify-between'}`}>
+              {!collapsed && 'Quick search'}
+            </span>
+            {!collapsed && <kbd className="text-[10px] border border-current rounded px-1 py-0.5 opacity-60 font-mono">⌘K</kbd>}
+          </button>
+          <button
+            onClick={async () => {
+              await fetch('/api/auth/logout', { method: 'POST' }).catch(() => {});
+              sessionStorage.removeItem('anet_v3_auth');
+              window.location.assign('/login');
+            }}
+            title={collapsed ? 'Sign out' : undefined}
+            className={`w-full flex items-center text-xs text-gray-500 hover:text-red-400 hover:bg-red-500/5 transition-colors ${
+              collapsed ? 'justify-center px-0 py-2.5' : 'gap-3 px-5 py-3'
+            }`}
+          >
+            <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5}>
+              <path strokeLinecap="round" strokeLinejoin="round" d="M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9" />
+            </svg>
+            {!collapsed && 'Sign out'}
+          </button>
+          <div className={`flex items-center gap-2 ${collapsed ? 'flex-col px-0 py-2' : 'px-3 py-2 justify-between'}`}>
             <ThemeSwitcher compact={collapsed} />
             <button
               onClick={() => setCollapsed(!collapsed)}
+              title={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}
               className="hidden lg:flex p-1.5 rounded text-gray-600 hover:text-gray-400 transition-colors"
               aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}
             >