@sleep2agi/agent-network-dashboard 0.1.0-preview.1 → 0.1.0-preview.2

package/.next/server/chunks/ssr/app_page_tsx_0es_sk2._.js

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

package/.next/server/chunks/ssr/app_page_tsx_0es_sk2._.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../app/page.tsx","../../../../app/components/StatsBar.tsx","../../../../app/components/BroadcastBar.tsx","../../../../app/components/TopoGraph.tsx","../../../../app/components/AgentCard.tsx","../../../../app/components/InboxPanel.tsx","../../../../app/components/LoadingSkeleton.tsx","../../../../app/components/UserBar.tsx","../../../../app/components/CommandCenter.tsx","../../../../app/components/DispatchPanel.tsx","../../../../app/lib/useSSE.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport Link from 'next/link';\nimport { formatUptime } from './components/utils';\nimport { StatsBar } from './components/StatsBar';\nimport { BroadcastBar } from './components/BroadcastBar';\nimport { TopoGraph } from './components/TopoGraph';\nimport { AgentCard } from './components/AgentCard';\nimport { InboxPanel } from './components/InboxPanel';\nimport { LoadingSkeleton, EmptyState } from './components/LoadingSkeleton';\nimport { UserBar } from './components/UserBar';\nimport { CommandCenter, useCommandCenter } from './components/CommandCenter';\nimport { DispatchPanel } from './components/DispatchPanel';\nimport { useSessions, useHealth, useAnetConfig, useTasks, useStats, useLicense } from './lib/hooks';\nimport { useSSE } from './lib/useSSE';\nimport { InboxMessage } from './components/types';\nimport { useSWRConfig } from 'swr';\n\nexport default function Dashboard() {\n  // Auto-upgrade: if no V3 auth in session, force re-login to get user token\n  useEffect(() => {\n    const hasV3 = sessionStorage.getItem('anet_v3_auth');\n    if (!hasV3) {\n      // Try silent re-auth: logout old cookie + redirect to login\n      fetch('/api/auth/logout', { method: 'POST' }).catch(() => {});\n      window.location.assign('/login');\n    }\n  }, []);\n\n  const { sessions, hint: sessHint, error: sessError, isLoading } = useSessions();\n  const { health } = useHealth();\n  const { config: anetConfig } = useAnetConfig();\n  const { tasks } = useTasks({ limit: '500' });\n  const { stats } = useStats();\n  const { license: licData } = useLicense();\n  const [showTopo, setShowTopo] = useState(typeof window !== 'undefined' && window.innerWidth >= 1024);\n  const [showConfig, setShowConfig] = useState(false);\n  const cmd = useCommandCenter();\n  const [showDispatch, setShowDispatch] = useState(false);\n  const [inbox, setInbox] = useState<InboxMessage[]>([]);\n  const { mutate } = useSWRConfig();\n\n  // SSE: instant revalidation on CommHub events\n  // Opt-out via NEXT_PUBLIC_DISABLE_SSE=1 — avoids HTTP/1.1 head-of-line blocking on navigation\n  const sseEnabled = process.env.NEXT_PUBLIC_DISABLE_SSE !== '1';\n  const { connected: sseConnected, supported: sseSupported } = useSSE({\n    url: '/api/hub/events',\n    enabled: sseEnabled,\n    onEvent: (event) => {\n      if (['new_task', 'new_message', 'new_reply', 'node_status_changed', 'broadcast'].includes(event.type)) {\n        mutate('/api/hub/status');\n        mutate((key: string) => typeof key === 'string' && key.startsWith('/api/hub/tasks'), undefined, { revalidate: true });\n      }\n    },\n  });\n\n  // Fetch inbox (not in SWR since it accumulates)\n  useEffect(() => {\n    const fetchInbox = () => {\n      fetch('/api/hub/inbox').then(r => r.json()).then(data => {\n        if (data.messages?.length) setInbox(prev => {\n          const ids = new Set(prev.map(m => m.id));\n          const newMsgs = data.messages.filter((m: { id: string }) => !ids.has(m.id));\n          return [...newMsgs, ...prev].slice(0, 100);\n        });\n      }).catch(() => {});\n    };\n    fetchInbox();\n    const interval = setInterval(fetchInbox, 10000);\n    return () => clearInterval(interval);\n  }, []);\n\n  if (isLoading) return <LoadingSkeleton />;\n\n  const sseSessions = health?.sse_sessions || {};\n  // Online = status is not 'offline' (not just SSE-connected)\n  const isOnline = (s: { alias: string; status: string }) => s.status !== 'offline' || !!sseSessions[s.alias];\n  const online = sessions.filter(isOnline).length;\n  const total = sessions.length;\n  const working = sessions.filter(s => s.status === 'working').length;\n  const uptime = health ? formatUptime(health.uptime) : '--';\n  const version = health?.version || '--';\n  const configHealthy = Boolean(anetConfig?.hub && anetConfig.tokenConfigured);\n  const configSourceLabel =\n    anetConfig?.source === 'file' ? 'Local config'\n    : anetConfig?.source === 'runtime-env' ? 'Runtime env'\n    : 'Config missing';\n\n  // Task stats: prefer /api/stats, fallback to manual\n  const taskStats: Record<string, number> = {};\n  if (stats?.tasks?.by_status?.length) {\n    for (const s of stats.tasks.by_status) {\n      taskStats[s.status] = s.count;\n    }\n  } else {\n    for (const t of tasks) {\n      taskStats[t.status] = (taskStats[t.status] || 0) + 1;\n    }\n  }\n\n  const sortedSessions = [...sessions].sort((a, b) => {\n    const aOnline = isOnline(a) ? 1 : 0;\n    const bOnline = isOnline(b) ? 1 : 0;\n    if (aOnline !== bOnline) return bOnline - aOnline;\n    const aWorking = a.status === 'working' ? 1 : 0;\n    const bWorking = b.status === 'working' ? 1 : 0;\n    return bWorking - aWorking;\n  });\n\n  return (\n    <div className=\"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono\">\n      <div className=\"lg:ml-0 ml-10\">\n        <StatsBar online={online} working={working} total={total} version={version} uptime={uptime} />\n      </div>\n\n      {/* Dispatch + User Bar */}\n      <div className=\"flex items-center gap-3 mb-2\">\n        <button onClick={() => setShowDispatch(true)}\n          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\">\n          ⚡ Dispatch\n        </button>\n        <div className=\"flex-1\"><UserBar /></div>\n      </div>\n\n      {/* anet config (collapsed by default) */}\n      <section className=\"mb-6 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 shadow-lg shadow-black/20\">\n        <button onClick={() => setShowConfig(!showConfig)} className=\"w-full flex items-center justify-between text-left\">\n          <div className=\"flex items-center gap-2 text-xs\">\n            <span className=\"uppercase text-gray-600\">Config</span>\n            <span className={`w-2 h-2 rounded-full ${configHealthy ? 'bg-green-400' : 'bg-red-400'}`} />\n            <span className=\"text-gray-500\">{configSourceLabel}</span>\n          </div>\n          <svg className={`w-4 h-4 text-gray-600 transition-transform ${showConfig ? 'rotate-180' : ''}`} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n          </svg>\n        </button>\n        {showConfig && (\n          <div className=\"mt-3 pt-3 border-t border-[#2a2a4a]\">\n            <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n              <div className=\"min-w-0\">\n                <div className=\"text-gray-100 truncate text-sm\" title={anetConfig?.hub || undefined}>\n                  Hub: <span className={anetConfig?.hub ? 'text-cyan-300' : 'text-red-300'}>{anetConfig?.hub?.trim() || 'not configured'}</span>\n                </div>\n              </div>\n              <div className=\"flex flex-wrap gap-2 text-xs\">\n                <span className={`px-2.5 py-1 rounded-md border ${anetConfig?.tokenConfigured ? 'bg-blue-500/5 text-blue-300 border-blue-500/20' : 'bg-gray-500/5 text-gray-400 border-gray-500/20'}`}>\n                  Token: {anetConfig?.tokenPreview || 'not configured'}\n                </span>\n              </div>\n            </div>\n            {anetConfig?.error && <div className=\"mt-2 text-xs text-gray-600\">{anetConfig.error}</div>}\n          </div>\n        )}\n      </section>\n\n      {/* Task Status Stats */}\n      {Object.keys(taskStats).length > 0 && (\n        <section className=\"mb-6 rounded-lg border border-[#2a2a4a] bg-[#111128] px-4 py-3 shadow-lg shadow-black/20\">\n          <div className=\"flex items-center justify-between mb-2\">\n            <div className=\"text-xs uppercase text-gray-600\">Task Status</div>\n            <Link href=\"/tasks\" prefetch={false} className=\"text-xs text-cyan-400 hover:text-cyan-300\">View all &rarr;</Link>\n          </div>\n          <div className=\"flex flex-wrap gap-2\">\n            {[\n              { key: 'running', color: 'bg-green-500/10 text-green-300 border-green-500/20' },\n              { key: 'delivered', color: 'bg-blue-500/10 text-blue-300 border-blue-500/20' },\n              { key: 'acked', color: 'bg-cyan-500/10 text-cyan-300 border-cyan-500/20' },\n              { key: 'replied', color: 'bg-purple-500/10 text-purple-300 border-purple-500/20' },\n              { key: 'failed', color: 'bg-red-500/10 text-red-300 border-red-500/20' },\n              { key: 'cancelled', color: 'bg-yellow-500/10 text-yellow-300 border-yellow-500/20' },\n              { key: 'expired', color: 'bg-orange-500/10 text-orange-300 border-orange-500/20' },\n              { key: 'closed', color: 'bg-gray-500/10 text-gray-500 border-gray-500/20' },\n            ].filter(({ key }) => taskStats[key])\n              .map(({ key, color }) => (\n                <Link key={key} href={`/tasks?status=${key}`} prefetch={false} className={`px-2.5 py-1 rounded-md border text-xs ${color} hover:opacity-80 transition-opacity`}>\n                  {key}: {taskStats[key]}\n                </Link>\n              ))}\n          </div>\n        </section>\n      )}\n\n      {/* Quick Actions */}\n      <section className=\"mb-6 grid grid-cols-3 sm:grid-cols-6 gap-2\">\n        {[\n          { href: '/nodes', label: 'Nodes', value: `${online}/${total}`, color: 'text-green-400 border-green-500/15' },\n          { href: '/tasks', label: 'Tasks', value: String(Object.values(taskStats).reduce((a, b) => a + b, 0) || '--'), color: 'text-cyan-400 border-cyan-500/15' },\n          { href: '/tasks?status=failed', label: 'Failed', value: String(taskStats['failed'] || 0), color: taskStats['failed'] ? 'text-red-400 border-red-500/20' : 'text-gray-600 border-gray-700/30' },\n          { href: '/messages', label: 'Messages', value: '→', color: 'text-blue-400 border-blue-500/15' },\n          { href: '/logs', label: 'Logs', value: '→', color: 'text-purple-400 border-purple-500/15' },\n          { href: '/admin', label: 'Admin', value: '→', color: 'text-gray-400 border-gray-500/15' },\n        ].map(a => (\n          <Link key={a.href} href={a.href} prefetch={false} className={`text-center rounded-xl border ${a.color} bg-[#111128] px-3 py-2.5 hover:bg-[#161630] transition-colors`}>\n            <div className={`text-lg font-bold tabular-nums ${a.color.split(' ')[0]}`}>{a.value}</div>\n            <div className=\"text-[10px] text-gray-500\">{a.label}</div>\n          </Link>\n        ))}\n      </section>\n\n      <BroadcastBar />\n\n      {/* Recent Activity */}\n      {tasks.length > 0 && (\n        <section className=\"mb-6 bg-[#111128] border border-[#2a2a4a] rounded-xl p-4\">\n          <div className=\"flex items-center justify-between mb-3\">\n            <h2 className=\"text-sm font-semibold text-gray-300\">Recent Activity</h2>\n            <Link href=\"/tasks\" className=\"text-xs text-cyan-400 hover:text-cyan-300\">All tasks &rarr;</Link>\n          </div>\n          <div className=\"space-y-2 max-h-40 overflow-y-auto\">\n            {tasks.slice(0, 5).map((t: { task_id: string; from_name: string; to_name: string; status: string; content: string; created_at: string }) => (\n              <div key={t.task_id} className=\"flex items-center gap-2 text-xs\">\n                <span className={`w-1.5 h-1.5 rounded-full shrink-0 ${\n                  t.status === 'replied' ? 'bg-purple-400' : t.status === 'running' ? 'bg-green-400' : t.status === 'failed' ? 'bg-red-400' : 'bg-blue-400'\n                }`} />\n                <span className=\"text-blue-400 shrink-0\">{t.from_name || '?'}</span>\n                <span className=\"text-gray-600\">&rarr;</span>\n                <span className=\"text-cyan-400 shrink-0\">{t.to_name || '?'}</span>\n                <span className=\"text-gray-500 truncate flex-1\">{t.content?.slice(0, 40) || '--'}</span>\n                <span className={`shrink-0 px-1.5 py-0.5 rounded text-[10px] border ${\n                  t.status === 'replied' ? 'text-purple-300 border-purple-500/20' : t.status === 'failed' ? 'text-red-300 border-red-500/20' : 'text-gray-500 border-gray-700/30'\n                }`}>{t.status}</span>\n              </div>\n            ))}\n          </div>\n        </section>\n      )}\n\n      {sessError && (\n        <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\">\n          <span>{String(sessError)}</span>\n          <span className=\"text-gray-500 text-xs\">Check CommHub connection</span>\n        </div>\n      )}\n\n      {sessions.length > 0 && (\n        <div className=\"flex justify-center mb-4\">\n          <button\n            onClick={() => setShowTopo(!showTopo)}\n            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\"\n          >\n            {showTopo ? 'Hide Topology' : 'Show Topology'}\n          </button>\n        </div>\n      )}\n\n      {/* Mobile hint when topo hidden */}\n      {!showTopo && sessions.length > 0 && (\n        <div className=\"lg:hidden text-center text-xs text-gray-600 mb-4\">\n          Topology hidden on mobile for better readability\n        </div>\n      )}\n\n      {showTopo && sessions.length > 0 && <TopoGraph sessions={sessions} sseSessions={sseSessions} />}\n\n      {sessions.length === 0 && !sessError ? (\n        <EmptyState hint={sessHint} />\n      ) : (\n        <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\">\n          {sortedSessions.map(s => (\n            <AgentCard key={s.alias} session={s} hasSse={isOnline(s)} sseCount={sseSessions[s.alias] || 0} onChat={cmd.openTab} />\n          ))}\n        </div>\n      )}\n\n      <InboxPanel messages={inbox} />\n\n      <div className=\"mt-8 text-center text-xs text-gray-600 flex items-center justify-center gap-2 flex-wrap\">\n        {sseSupported && (\n          <>\n            <span className={`w-1.5 h-1.5 rounded-full ${sseConnected ? 'bg-green-400' : 'bg-gray-600'}`} />\n            {sseConnected ? 'SSE live' : 'SWR polling'}\n          </>\n        )}\n        {licData?.license && (\n          <>\n            {sseSupported && <>&middot;</>}\n            <span className={licData.license.days_left <= 7 ? 'text-red-400' : licData.license.type === 'pro' ? 'text-green-400' : 'text-yellow-400'}>\n              {licData.license.type} ({licData.license.days_left}d left)\n            </span>\n          </>\n        )}\n      </div>\n\n      {/* Dispatch Panel */}\n      {showDispatch && <DispatchPanel sessions={sessions} onClose={() => setShowDispatch(false)} />}\n\n      {/* Command Center (multi-tab chat) */}\n      {cmd.tabs.length > 0 && (\n        <CommandCenter\n          tabs={cmd.tabs}\n          activeTab={cmd.activeTab}\n          onOpenTab={cmd.openTab}\n          onCloseTab={cmd.closeTab}\n          onSetActive={cmd.setActiveTab}\n          onClose={cmd.closeAll}\n        />\n      )}\n    </div>\n  );\n}\n","'use client';\n\ninterface StatsBarProps {\n  online: number;\n  working: number;\n  total: number;\n  version: string;\n  uptime: string;\n}\n\nexport function StatsBar({ online, working, total, version, uptime }: StatsBarProps) {\n  const onlinePercent = total > 0 ? Math.round((online / total) * 100) : 0;\n\n  return (\n    <div className=\"mb-8\">\n      {/* Title row */}\n      <div className=\"flex flex-wrap items-center gap-3 mb-4\">\n        <h1 className=\"text-2xl font-bold text-white tracking-tight\">Agent Network</h1>\n        <span className=\"text-xs text-gray-500\">\n          CommHub {version} &middot; {uptime}\n        </span>\n      </div>\n\n      {/* Stats grid */}\n      <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-3\">\n        <StatCard\n          value={online}\n          label=\"Online\"\n          sub={`${onlinePercent}% of fleet`}\n          color=\"text-green-400\"\n          accent=\"from-green-500/20 to-green-500/0\"\n          border=\"border-green-500/15\"\n        />\n        <StatCard\n          value={working}\n          label=\"Working\"\n          sub={online > 0 ? `${Math.round((working / online) * 100)}% utilization` : '--'}\n          color=\"text-cyan-400\"\n          accent=\"from-cyan-500/20 to-cyan-500/0\"\n          border=\"border-cyan-500/15\"\n        />\n        <StatCard\n          value={total - online}\n          label=\"Offline\"\n          sub={total - online === 0 ? 'All systems go' : `${total - online} disconnected`}\n          color=\"text-gray-400\"\n          accent=\"from-gray-500/10 to-gray-500/0\"\n          border=\"border-gray-500/15\"\n        />\n        <StatCard\n          value={total}\n          label=\"Total\"\n          sub=\"Registered nodes\"\n          color=\"text-white\"\n          accent=\"from-blue-500/15 to-blue-500/0\"\n          border=\"border-blue-500/15\"\n        />\n      </div>\n    </div>\n  );\n}\n\nfunction StatCard({ value, label, sub, color, accent, border }: {\n  value: number; label: string; sub: string; color: string; accent: string; border: string;\n}) {\n  return (\n    <div className={`relative overflow-hidden rounded-xl border ${border} bg-[#111128] px-4 py-3`}>\n      <div className={`absolute inset-0 bg-gradient-to-br ${accent} pointer-events-none`} />\n      <div className=\"relative\">\n        <div className={`text-3xl font-bold ${color} tabular-nums leading-tight`}>{value}</div>\n        <div className=\"text-sm text-gray-300 mt-0.5\">{label}</div>\n        <div className=\"text-xs text-gray-600 mt-1\">{sub}</div>\n      </div>\n    </div>\n  );\n}\n","'use client';\n\nimport { useState } from 'react';\n\nexport function BroadcastBar() {\n  const [broadcastMsg, setBroadcastMsg] = useState('');\n  const [broadcasting, setBroadcasting] = useState(false);\n  const [broadcastResult, setBroadcastResult] = useState('');\n\n  const sendBroadcast = async () => {\n    if (!broadcastMsg.trim()) return;\n    setBroadcasting(true);\n    setBroadcastResult('');\n    try {\n      const res = await fetch('/api/hub/broadcast', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ message: broadcastMsg }),\n      });\n      const data = await res.json();\n      if (data.ok) {\n        setBroadcastResult(`Broadcast sent to ${data.recipients} node(s)`);\n        setBroadcastMsg('');\n      } else {\n        setBroadcastResult(`Failed: ${data.error || 'Send error'}`);\n      }\n    } catch (e: unknown) {\n      setBroadcastResult(`Failed: ${e instanceof Error ? e.message : 'Send error'}`);\n    }\n    setBroadcasting(false);\n    setTimeout(() => setBroadcastResult(''), 5000);\n  };\n\n  return (\n    <div className=\"mb-6\">\n      <div className=\"flex gap-2\">\n        <input\n          type=\"text\"\n          value={broadcastMsg}\n          onChange={e => setBroadcastMsg(e.target.value)}\n          onKeyDown={e => e.key === 'Enter' && sendBroadcast()}\n          placeholder=\"Broadcast message to all online agents...\"\n          maxLength={500}\n          aria-label=\"Broadcast message\"\n          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\"\n        />\n        <button\n          onClick={sendBroadcast}\n          disabled={broadcasting || !broadcastMsg.trim()}\n          aria-label=\"Send broadcast\"\n          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\"\n        >\n          {broadcasting ? 'Sending...' : 'Broadcast'}\n        </button>\n      </div>\n      {broadcastMsg.length > 0 && (\n        <div className=\"text-right text-xs text-gray-600 mt-1\">{broadcastMsg.length}/500</div>\n      )}\n      {broadcastResult && (\n        <div className={`mt-3 text-sm text-center ${broadcastResult.startsWith('Failed') ? 'text-red-400' : 'text-green-400/80'} animate-fade-in`}>\n          {broadcastResult}\n        </div>\n      )}\n    </div>\n  );\n}\n","'use client';\n\nimport { useEffect, useMemo, useState } from 'react';\nimport { Session } from './types';\n\ninterface MessageFlow {\n  from_alias: string;\n  to_alias: string;\n  content: string;\n  created_at: string;\n}\n\ninterface TopoGraphProps {\n  sessions: Session[];\n  sseSessions: Record<string, number>;\n}\n\ninterface Point {\n  x: number;\n  y: number;\n}\n\ninterface FlowLink {\n  key: string;\n  from: string;\n  to: string;\n  count: number;\n  content: string;\n}\n\nconst cx = 500;\nconst cy = 330;\nconst onlineRadius = 220;\nconst offlineRadius = 315;\n\nfunction polarPoint(index: number, total: number, radius: number) {\n  const spread = total <= 2 ? Math.PI : Math.PI * 1.78;\n  const start = -Math.PI / 2 - spread / 2;\n  const angle = total <= 1 ? -Math.PI / 2 : start + (spread * index) / (total - 1);\n  return {\n    x: cx + radius * Math.cos(angle),\n    y: cy + radius * Math.sin(angle),\n  };\n}\n\nfunction curvePath(from: Point, to: Point, lift = 0) {\n  const mx = (from.x + to.x) / 2;\n  const my = (from.y + to.y) / 2;\n  const dx = to.x - from.x;\n  const dy = to.y - from.y;\n  const length = Math.hypot(dx, dy) || 1;\n  const normalX = -dy / length;\n  const normalY = dx / length;\n  const control = {\n    x: mx + normalX * lift,\n    y: my + normalY * lift,\n  };\n\n  return `M${from.x},${from.y} Q${control.x},${control.y} ${to.x},${to.y}`;\n}\n\nfunction truncate(value: string, max: number) {\n  return value.length > max ? `${value.slice(0, max - 1)}...` : value;\n}\n\nfunction nodeStatus(session: Session, isOnline: boolean) {\n  if (!isOnline) {\n    return {\n      label: 'offline',\n      primary: '#6b7280',\n      halo: '#111827',\n      text: '#9ca3af',\n    };\n  }\n\n  if (session.status === 'working') {\n    return {\n      label: 'working',\n      primary: '#22c55e',\n      halo: '#14532d',\n      text: '#dcfce7',\n    };\n  }\n\n  if (session.status === 'idle') {\n    return {\n      label: 'idle',\n      primary: '#2dd4bf',\n      halo: '#134e4a',\n      text: '#ccfbf1',\n    };\n  }\n\n  return {\n    label: session.status || 'online',\n    primary: '#38bdf8',\n    halo: '#0c4a6e',\n    text: '#e0f2fe',\n  };\n}\n\nfunction buildFlowLinks(messages: MessageFlow[], positions: Record<string, Point>) {\n  const links = new Map<string, FlowLink>();\n\n  messages.forEach(message => {\n    if (\n      !positions[message.from_alias] ||\n      !positions[message.to_alias] ||\n      message.from_alias === message.to_alias\n    ) {\n      return;\n    }\n\n    const key = `${message.from_alias}->${message.to_alias}`;\n    const current = links.get(key);\n\n    links.set(key, {\n      key,\n      from: message.from_alias,\n      to: message.to_alias,\n      count: (current?.count || 0) + 1,\n      content: current?.content || message.content,\n    });\n  });\n\n  return [...links.values()].slice(0, 18);\n}\n\nexport function TopoGraph({ sessions, sseSessions }: TopoGraphProps) {\n  const [messages, setMessages] = useState<MessageFlow[]>([]);\n\n  useEffect(() => {\n    const fetchMessages = async () => {\n      try {\n        const res = await fetch('/api/hub/messages?limit=50');\n        if (res.status === 401) {\n          window.location.assign('/login');\n          return;\n        }\n\n        const data = await res.json();\n        setMessages(data.messages || []);\n      } catch {}\n    };\n    fetchMessages();\n    const interval = setInterval(fetchMessages, 5000);\n    return () => clearInterval(interval);\n  }, []);\n\n  const {\n    onlineNodes,\n    offlineNodes,\n    nodePositions,\n    flowLinks,\n    activeAliases,\n  } = useMemo(() => {\n    const online = sessions.filter(s => s.status !== 'offline' || sseSessions[s.alias]);\n    const offline = sessions.filter(s => s.status === 'offline' && !sseSessions[s.alias]);\n    const positions: Record<string, Point> = {};\n\n    online.forEach((s, index) => {\n      positions[s.alias] = polarPoint(index, Math.max(online.length, 1), onlineRadius);\n    });\n\n    offline.forEach((s, index) => {\n      positions[s.alias] = polarPoint(index, Math.max(offline.length, 1), offlineRadius);\n    });\n\n    const links = buildFlowLinks(messages, positions);\n    const active = new Set<string>();\n    links.forEach(link => {\n      active.add(link.from);\n      active.add(link.to);\n    });\n\n    return {\n      onlineNodes: online,\n      offlineNodes: offline,\n      nodePositions: positions,\n      flowLinks: links,\n      activeAliases: active,\n    };\n  }, [messages, sessions, sseSessions]);\n\n  const workingCount = onlineNodes.filter(s => s.status === 'working').length;\n\n  return (\n    <section className=\"w-full max-w-6xl mx-auto mb-8\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between mb-3 px-1\">\n        <div>\n          <div className=\"text-xs uppercase text-gray-600 tracking-wider\">Network Topology</div>\n          <h2 className=\"text-lg text-white font-semibold\">Command mesh</h2>\n        </div>\n        <div className=\"flex flex-wrap gap-2 text-xs\">\n          <span className=\"px-2.5 py-1 rounded-md bg-green-500/10 text-green-300 border border-green-500/20\">\n            {workingCount} working\n          </span>\n          <span className=\"px-2.5 py-1 rounded-md bg-cyan-500/10 text-cyan-300 border border-cyan-500/20\">\n            {onlineNodes.length} online\n          </span>\n          <span className=\"px-2.5 py-1 rounded-md bg-gray-500/10 text-gray-400 border border-gray-500/20\">\n            {flowLinks.length} active links\n          </span>\n        </div>\n      </div>\n\n      <div className=\"relative overflow-hidden rounded-lg border border-[#2a2a4a] bg-[#080814] shadow-2xl shadow-cyan-950/30\">\n        <div className=\"absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-cyan-400/70 to-transparent\" />\n\n        <svg viewBox=\"0 0 1000 680\" className=\"w-full h-auto block\" preserveAspectRatio=\"xMidYMid meet\">\n          <defs>\n            <linearGradient id=\"topo-panel\" x1=\"0\" x2=\"1\" y1=\"0\" y2=\"1\">\n              <stop offset=\"0%\" stopColor=\"#0b1220\" />\n              <stop offset=\"48%\" stopColor=\"#080814\" />\n              <stop offset=\"100%\" stopColor=\"#101018\" />\n            </linearGradient>\n            <radialGradient id=\"topo-radar\" cx=\"50%\" cy=\"50%\" r=\"55%\">\n              <stop offset=\"0%\" stopColor=\"#22d3ee\" stopOpacity=\"0.18\" />\n              <stop offset=\"45%\" stopColor=\"#22c55e\" stopOpacity=\"0.045\" />\n              <stop offset=\"100%\" stopColor=\"#020617\" stopOpacity=\"0\" />\n            </radialGradient>\n            <filter id=\"topo-glow\">\n              <feGaussianBlur stdDeviation=\"4\" result=\"blur\" />\n              <feMerge>\n                <feMergeNode in=\"blur\" />\n                <feMergeNode in=\"SourceGraphic\" />\n              </feMerge>\n            </filter>\n            <marker id=\"topo-arrow\" viewBox=\"0 0 10 10\" refX=\"8\" refY=\"5\" markerWidth=\"5\" markerHeight=\"5\" orient=\"auto-start-reverse\">\n              <path d=\"M 0 0 L 10 5 L 0 10 z\" fill=\"#67e8f9\" />\n            </marker>\n          </defs>\n\n          <rect width=\"1000\" height=\"680\" fill=\"url(#topo-panel)\" />\n          <circle cx={cx} cy={cy} r=\"330\" fill=\"url(#topo-radar)\" />\n\n          {/* radar rings */}\n          {[90, 170, 250, 330].map(radius => (\n            <circle key={radius} cx={cx} cy={cy} r={radius} fill=\"none\" stroke=\"#164e63\" strokeWidth=\"1\" opacity=\"0.35\" />\n          ))}\n          {[0, 30, 60, 90, 120, 150].map(angle => (\n            <line\n              key={angle}\n              x1={cx - 360 * Math.cos(angle * Math.PI / 180)}\n              y1={cy - 360 * Math.sin(angle * Math.PI / 180)}\n              x2={cx + 360 * Math.cos(angle * Math.PI / 180)}\n              y2={cy + 360 * Math.sin(angle * Math.PI / 180)}\n              stroke=\"#164e63\"\n              strokeWidth=\"1\"\n              opacity=\"0.18\"\n            />\n          ))}\n\n          {/* hub links */}\n          {onlineNodes.map(session => {\n            const pos = nodePositions[session.alias];\n            if (!pos) return null;\n            const path = curvePath({ x: cx, y: cy }, pos, 0);\n\n            return (\n              <path\n                key={`hub-${session.alias}`}\n                d={path}\n                fill=\"none\"\n                stroke={activeAliases.has(session.alias) ? '#22d3ee' : '#155e75'}\n                strokeWidth={activeAliases.has(session.alias) ? 2 : 1}\n                strokeDasharray={activeAliases.has(session.alias) ? 'none' : '8 10'}\n                opacity={activeAliases.has(session.alias) ? 0.65 : 0.35}\n              />\n            );\n          })}\n\n          {/* directed message flows */}\n          {flowLinks.map((link, index) => {\n            const from = nodePositions[link.from];\n            const to = nodePositions[link.to];\n            if (!from || !to) return null;\n\n            const lift = index % 2 === 0 ? 36 : -36;\n            const path = curvePath(from, to, lift);\n            const width = Math.min(2 + link.count, 7);\n            const duration = 2.2 + (index % 5) * 0.32;\n\n            return (\n              <g key={link.key}>\n                <path\n                  d={path}\n                  fill=\"none\"\n                  stroke=\"#67e8f9\"\n                  strokeWidth={width}\n                  opacity=\"0.28\"\n                  filter=\"url(#topo-glow)\"\n                  markerEnd=\"url(#topo-arrow)\"\n                />\n                <path\n                  id={`flow-path-${index}`}\n                  d={path}\n                  fill=\"none\"\n                  stroke=\"#e0f2fe\"\n                  strokeWidth=\"1\"\n                  strokeDasharray=\"2 12\"\n                  opacity=\"0.75\"\n                />\n                <circle r=\"4\" fill=\"#fef08a\" filter=\"url(#topo-glow)\">\n                  <animateMotion dur={`${duration}s`} repeatCount=\"indefinite\" path={path} />\n                </circle>\n              </g>\n            );\n          })}\n\n          {/* center command hub */}\n          <g filter=\"url(#topo-glow)\">\n            <circle cx={cx} cy={cy} r=\"56\" fill=\"#020617\" stroke=\"#67e8f9\" strokeWidth=\"2\" />\n            <circle cx={cx} cy={cy} r=\"42\" fill=\"none\" stroke=\"#22c55e\" strokeWidth=\"1.5\" opacity=\"0.8\">\n              <animate attributeName=\"r\" values=\"42;52;42\" dur=\"3s\" repeatCount=\"indefinite\" />\n              <animate attributeName=\"opacity\" values=\"0.8;0.2;0.8\" dur=\"3s\" repeatCount=\"indefinite\" />\n            </circle>\n            <path d=\"M470 330 h60 M500 300 v60\" stroke=\"#e0f2fe\" strokeWidth=\"5\" strokeLinecap=\"round\" opacity=\"0.9\" />\n            <text x={cx} y={cy + 78} textAnchor=\"middle\" fill=\"#e5e7eb\" fontSize=\"16\" fontFamily=\"monospace\" fontWeight=\"700\">\n              DASHBOARD\n            </text>\n            <text x={cx} y={cy + 96} textAnchor=\"middle\" fill=\"#64748b\" fontSize=\"10\" fontFamily=\"monospace\">\n              command relay\n            </text>\n          </g>\n\n          {/* agent nodes */}\n          {[...onlineNodes, ...offlineNodes].map(session => {\n            const pos = nodePositions[session.alias];\n            if (!pos) return null;\n\n            const isOnline = session.status !== 'offline' || !!sseSessions[session.alias];\n            const status = nodeStatus(session, isOnline);\n            const isActive = activeAliases.has(session.alias);\n            const radius = isOnline ? 26 : 18;\n\n            return (\n              <g key={session.alias} className=\"transition-opacity\">\n                {isActive && (\n                  <circle cx={pos.x} cy={pos.y} r={radius + 14} fill={status.primary} opacity=\"0.12\">\n                    <animate attributeName=\"r\" values={`${radius + 8};${radius + 22};${radius + 8}`} dur=\"2.4s\" repeatCount=\"indefinite\" />\n                    <animate attributeName=\"opacity\" values=\"0.18;0.04;0.18\" dur=\"2.4s\" repeatCount=\"indefinite\" />\n                  </circle>\n                )}\n                <circle cx={pos.x} cy={pos.y} r={radius + 8} fill={status.halo} opacity={isOnline ? 0.55 : 0.25} />\n                <circle\n                  cx={pos.x}\n                  cy={pos.y}\n                  r={radius}\n                  fill={isOnline ? '#020617' : '#080814'}\n                  stroke={status.primary}\n                  strokeWidth={isOnline ? 3 : 1.5}\n                  strokeDasharray={isOnline ? 'none' : '5 5'}\n                  filter={isOnline ? 'url(#topo-glow)' : undefined}\n                />\n                <circle cx={pos.x} cy={pos.y} r={isOnline ? 8 : 5} fill={status.primary} />\n                {session.status === 'working' && (\n                  <path d={`M${pos.x - 9},${pos.y + 11} h18`} stroke=\"#fef08a\" strokeWidth=\"3\" strokeLinecap=\"round\">\n                    <animate attributeName=\"opacity\" values=\"1;0.25;1\" dur=\"1.1s\" repeatCount=\"indefinite\" />\n                  </path>\n                )}\n\n                <g transform={`translate(${pos.x}, ${pos.y + radius + 22})`}>\n                  <rect x=\"-62\" y=\"-14\" width=\"124\" height=\"42\" rx=\"6\" fill=\"#020617\" stroke=\"#1f2937\" opacity=\"0.94\" />\n                  <text x=\"0\" y=\"1\" textAnchor=\"middle\" fill={status.text} fontSize=\"12\" fontFamily=\"monospace\" fontWeight=\"700\">\n                    {truncate(session.alias, 14)}\n                  </text>\n                  <text x=\"0\" y=\"17\" textAnchor=\"middle\" fill={status.primary} fontSize=\"9\" fontFamily=\"monospace\">\n                    {status.label} {isOnline ? `sse:${sseSessions[session.alias]}` : ''}\n                  </text>\n                </g>\n              </g>\n            );\n          })}\n\n          {/* latest flow labels */}\n          <g transform=\"translate(28, 34)\">\n            <rect x=\"0\" y=\"0\" width=\"285\" height={60 + Math.min(flowLinks.length, 4) * 20} rx=\"8\" fill=\"#020617\" stroke=\"#1f2937\" opacity=\"0.94\" />\n            <text x=\"16\" y=\"26\" fill=\"#e5e7eb\" fontSize=\"13\" fontFamily=\"monospace\" fontWeight=\"700\">recent signal</text>\n            <text x=\"178\" y=\"26\" fill=\"#67e8f9\" fontSize=\"11\" fontFamily=\"monospace\">{messages.length} messages</text>\n            {flowLinks.slice(0, 4).map((link, index) => (\n              <text key={link.key} x=\"16\" y={54 + index * 20} fill=\"#94a3b8\" fontSize=\"10\" fontFamily=\"monospace\">\n                {truncate(link.from, 8)} {'->'} {truncate(link.to, 8)} / {link.count} / {truncate(link.content, 18)}\n              </text>\n            ))}\n          </g>\n\n          {/* legend */}\n          <g transform=\"translate(720, 34)\">\n            <rect x=\"0\" y=\"0\" width=\"250\" height=\"112\" rx=\"8\" fill=\"#020617\" stroke=\"#1f2937\" opacity=\"0.94\" />\n            <circle cx=\"18\" cy=\"26\" r=\"6\" fill=\"#22c55e\" />\n            <text x=\"34\" y=\"30\" fill=\"#94a3b8\" fontSize=\"11\" fontFamily=\"monospace\">working node</text>\n            <circle cx=\"18\" cy=\"52\" r=\"6\" fill=\"#2dd4bf\" />\n            <text x=\"34\" y=\"56\" fill=\"#94a3b8\" fontSize=\"11\" fontFamily=\"monospace\">online idle</text>\n            <circle cx=\"18\" cy=\"78\" r=\"6\" fill=\"#6b7280\" />\n            <text x=\"34\" y=\"82\" fill=\"#94a3b8\" fontSize=\"11\" fontFamily=\"monospace\">offline / no SSE</text>\n            <path d=\"M150,78 Q176,52 210,78\" fill=\"none\" stroke=\"#67e8f9\" strokeWidth=\"3\" markerEnd=\"url(#topo-arrow)\" />\n          </g>\n        </svg>\n      </div>\n    </section>\n  );\n}\n","'use client';\n\nimport Link from 'next/link';\nimport { Session } from './types';\nimport { timeAgo } from './utils';\n\ninterface AgentCardProps {\n  session: Session;\n  hasSse: boolean;\n  sseCount: number;\n  onChat?: (alias: string) => void;\n}\n\nconst STATUS_CONFIG: Record<string, { bg: string; text: string; dot: string; glow: string }> = {\n  working: { bg: 'bg-green-900/30 border-green-800/30', text: 'text-green-300', dot: 'bg-green-500', glow: 'shadow-green-500/10' },\n  idle: { bg: 'bg-cyan-900/30 border-cyan-800/30', text: 'text-cyan-300', dot: 'bg-cyan-400', glow: 'shadow-cyan-500/5' },\n  blocked: { bg: 'bg-yellow-900/30 border-yellow-800/30', text: 'text-yellow-300', dot: 'bg-yellow-500', glow: '' },\n  error: { bg: 'bg-red-900/30 border-red-800/30', text: 'text-red-300', dot: 'bg-red-500', glow: '' },\n};\n\nconst DEFAULT_STATUS = { bg: 'bg-gray-800/50 border-gray-700/30', text: 'text-gray-500', dot: 'bg-gray-500', glow: '' };\n\nexport function AgentCard({ session: s, hasSse, sseCount, onChat }: AgentCardProps) {\n  const cfg = hasSse ? (STATUS_CONFIG[s.status] || DEFAULT_STATUS) : DEFAULT_STATUS;\n\n  return (\n    <Link\n      href={`/node?alias=${encodeURIComponent(s.alias)}`}\n      prefetch={false}\n      className={`block rounded-xl border p-4 transition-all duration-300 cursor-pointer ${\n        hasSse\n          ? `bg-[#111128] border-[#2a2a4a] hover:border-cyan-500/30 hover:shadow-lg ${cfg.glow}`\n          : 'bg-[#0d0d1a] border-[#1a1a2a] opacity-40'\n      }`}\n    >\n      {/* Header: name + status */}\n      <div className=\"flex items-center justify-between mb-3\">\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <span className={`inline-block w-2 h-2 rounded-full shrink-0 ${cfg.dot} ${hasSse && s.status === 'working' ? 'animate-pulse' : ''}`} />\n          <span className=\"font-semibold text-white truncate text-sm\" title={s.alias}>{s.alias}</span>\n        </div>\n        <span className={`text-[11px] px-2 py-0.5 rounded-md border shrink-0 ${cfg.bg} ${cfg.text}`}>\n          {hasSse ? s.status : 'offline'}\n        </span>\n      </div>\n\n      {/* Agent type badge */}\n      <div className=\"flex items-center gap-2 mb-3\">\n        <span className=\"text-xs text-gray-600 bg-[#0a0a15] px-2 py-0.5 rounded border border-[#1a1a2a]\">\n          {s.agent || 'unknown'}\n        </span>\n        {hasSse && (\n          <span className=\"text-[10px] text-green-500\">SSE:{sseCount}</span>\n        )}\n      </div>\n\n      {/* Task */}\n      {s.task ? (\n        <div className=\"text-xs text-gray-400 bg-[#0a0a15] rounded-lg px-3 py-2 border border-[#1a1a2a] line-clamp-2\" title={s.task}>\n          {s.task}\n        </div>\n      ) : (\n        <div className=\"text-xs text-gray-700 italic\">No active task</div>\n      )}\n\n      {/* Progress bar */}\n      {s.progress > 0 && (\n        <div className=\"mt-3\">\n          <div className=\"flex justify-between text-[10px] mb-1\">\n            <span className=\"text-gray-600\">Progress</span>\n            <span className={cfg.text}>{s.progress}%</span>\n          </div>\n          <div className=\"w-full bg-gray-800 rounded-full h-1.5 overflow-hidden\">\n            <div\n              className={`h-1.5 rounded-full transition-all duration-700 ${s.status === 'working' ? 'bg-green-500' : 'bg-cyan-500'}`}\n              style={{ width: `${Math.min(s.progress, 100)}%` }}\n            />\n          </div>\n        </div>\n      )}\n\n      {/* Footer: time + chat */}\n      <div className=\"mt-3 flex justify-between items-center text-[10px] text-gray-600\">\n        <span>{s.server || '--'}</span>\n        <div className=\"flex items-center gap-2\">\n          {onChat && hasSse && (\n            <button\n              onClick={e => { e.preventDefault(); e.stopPropagation(); onChat(s.alias); }}\n              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\"\n            >\n              Chat\n            </button>\n          )}\n          <span>{timeAgo(s.updated_at)}</span>\n        </div>\n      </div>\n    </Link>\n  );\n}\n","'use client';\n\nimport { InboxMessage } from './types';\n\ninterface InboxPanelProps {\n  messages: InboxMessage[];\n}\n\nexport function InboxPanel({ messages }: InboxPanelProps) {\n  if (messages.length === 0) return null;\n\n  return (\n    <div className=\"mt-8\">\n      <h2 className=\"text-lg font-semibold text-white mb-3 flex items-center gap-2\">\n        <span className=\"text-gray-500\">Inbox</span>\n        <span className=\"text-xs bg-blue-900/30 text-blue-400 px-2 py-0.5 rounded-full border border-blue-800/30\">\n          {messages.length}\n        </span>\n      </h2>\n      <div className=\"space-y-2 max-h-96 overflow-y-auto pr-1 scrollbar-thin\">\n        {messages.map(m => (\n          <div key={m.id} className=\"bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-3 text-sm transition-colors hover:border-[#3a3a5a]\">\n            <div className=\"flex justify-between text-xs text-gray-500 mb-1.5\">\n              <span className=\"text-blue-400 font-medium\">{m.from_session}</span>\n              <span>{m.created_at}</span>\n            </div>\n            <div className=\"text-gray-300 leading-relaxed\">{m.content}</div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n","'use client';\n\nexport function LoadingSkeleton() {\n  return (\n    <div className=\"min-h-screen bg-[#0a0a1a] text-gray-100 p-6 font-mono animate-pulse\">\n      {/* Header skeleton */}\n      <div className=\"flex items-center justify-between mb-8\">\n        <div>\n          <div className=\"h-7 w-48 bg-gray-800 rounded mb-2\" />\n          <div className=\"h-4 w-64 bg-gray-800/60 rounded\" />\n        </div>\n        <div className=\"flex gap-3\">\n          {[1, 2, 3].map(i => (\n            <div key={i} className=\"w-[72px] h-[60px] bg-gray-800/40 rounded-lg border border-gray-800\" />\n          ))}\n        </div>\n      </div>\n\n      {/* Broadcast bar skeleton */}\n      <div className=\"mb-6 flex gap-2\">\n        <div className=\"flex-1 h-10 bg-gray-800/40 rounded-lg\" />\n        <div className=\"w-28 h-10 bg-gray-800/40 rounded-lg\" />\n      </div>\n\n      {/* Topology skeleton */}\n      <div className=\"w-full max-w-4xl mx-auto mb-8 h-64 bg-gray-800/20 rounded-xl\" />\n\n      {/* Card grid skeleton */}\n      <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4\">\n        {[1, 2, 3, 4].map(i => (\n          <div key={i} className=\"rounded-xl border border-gray-800/40 p-4 bg-gray-800/20\">\n            <div className=\"flex items-center gap-2 mb-3\">\n              <div className=\"w-2.5 h-2.5 rounded-full bg-gray-700\" />\n              <div className=\"h-4 w-24 bg-gray-700 rounded\" />\n            </div>\n            <div className=\"space-y-2\">\n              <div className=\"h-3 w-full bg-gray-800/60 rounded\" />\n              <div className=\"h-3 w-3/4 bg-gray-800/60 rounded\" />\n              <div className=\"h-3 w-1/2 bg-gray-800/60 rounded\" />\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport function EmptyState({ hint }: { hint?: { global_count?: number; filtered_network?: string } }) {\n  return (\n    <div className=\"text-center py-16\">\n      <div className=\"text-gray-600 text-4xl mb-4\">--</div>\n      <h3 className=\"text-gray-400 text-lg font-medium mb-2\">No agents in this network</h3>\n      {hint?.global_count ? (\n        <p className=\"text-gray-500 text-sm max-w-md mx-auto\">\n          Server has <span className=\"text-cyan-400 font-medium\">{hint.global_count}</span> nodes globally,\n          but none are registered to the current network. Switch network or contact admin.\n        </p>\n      ) : (\n        <p className=\"text-gray-600 text-sm max-w-md mx-auto\">\n          Agent sessions will appear here once they connect to the CommHub.\n        </p>\n      )}\n    </div>\n  );\n}\n","'use client';\n\nimport { useEffect, useState } from 'react';\nimport { useNetworkId } from '../lib/network-context';\n\ninterface User {\n  user_id: string;\n  username: string;\n  display_name: string;\n  role: string;\n}\n\ninterface Network {\n  network_id: string;\n  network_name: string;\n  description: string;\n}\n\ninterface AuthState {\n  user: User | null;\n  networks: Network[];\n  currentNetwork: string;\n  token: string;\n}\n\nexport function UserBar() {\n  const { setNetworkId } = useNetworkId();\n  const [auth, setAuth] = useState<AuthState>({ user: null, networks: [], currentNetwork: '', token: '' });\n  const [showLogin, setShowLogin] = useState(false);\n  const [username, setUsername] = useState('');\n  const [password, setPassword] = useState('');\n  const [loginError, setLoginError] = useState('');\n  const [loginPending, setLoginPending] = useState(false);\n\n  // Try to restore from sessionStorage\n  useEffect(() => {\n    const saved = sessionStorage.getItem('anet_v3_auth');\n    if (saved) {\n      try { setAuth(JSON.parse(saved)); } catch {}\n    }\n  }, []);\n\n  const doAuth = async (action: 'login' | 'register') => {\n    if (!username.trim() || !password.trim()) return;\n    setLoginPending(true);\n    setLoginError('');\n    try {\n      const res = await fetch('/api/hub/auth', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ action, username, password }),\n      });\n      const data = await res.json();\n      if (!data.ok) { setLoginError(data.error || 'Failed'); setLoginPending(false); return; }\n\n      // Fetch user details\n      const meRes = await fetch(`/api/hub/auth?token=${data.token}&endpoint=/api/auth/me`);\n      const meData = await meRes.json();\n\n      const newAuth: AuthState = {\n        user: data.user,\n        networks: meData.networks || [],\n        currentNetwork: meData.current_network?.network_id || meData.networks?.[0]?.network_id || '',\n        token: data.token,\n      };\n      setAuth(newAuth);\n      sessionStorage.setItem('anet_v3_auth', JSON.stringify(newAuth));\n      setShowLogin(false);\n      setUsername('');\n      setPassword('');\n    } catch { setLoginError('Connection failed'); }\n    setLoginPending(false);\n  };\n\n  const logout = () => {\n    setAuth({ user: null, networks: [], currentNetwork: '', token: '' });\n    sessionStorage.removeItem('anet_v3_auth');\n  };\n\n  const [editing, setEditing] = useState(false);\n  const [editName, setEditName] = useState('');\n  const [editEmail, setEditEmail] = useState('');\n\n  const updateProfile = async () => {\n    try {\n      const res = await fetch(`/api/hub/auth?token=${auth.token}&endpoint=/api/auth/me`, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ action: 'update_profile', token: auth.token, display_name: editName, email: editEmail }),\n      });\n      // Use a direct PUT via a new proxy approach\n      const putRes = await fetch('/api/hub/auth', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ action: 'update_profile', token: auth.token, display_name: editName, email: editEmail }),\n      });\n      const data = await putRes.json();\n      if (data.ok && data.user) {\n        const updated = { ...auth, user: data.user };\n        setAuth(updated);\n        sessionStorage.setItem('anet_v3_auth', JSON.stringify(updated));\n        setEditing(false);\n      }\n    } catch {}\n  };\n\n  // Don't show anything when not logged in — login page handles that\n  if (!auth.user) return null;\n\n  const initials = (auth.user.display_name || auth.user.username).slice(0, 2).toUpperCase();\n\n  return (\n    <div className=\"flex items-center justify-between bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-2.5 mb-4\">\n      {/* User info */}\n      <div className=\"flex items-center gap-3\">\n        <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\">\n          {initials}\n        </div>\n        <div>\n          <div className=\"text-sm text-white font-medium\">{auth.user.display_name || auth.user.username}</div>\n          <div className=\"text-[10px] text-gray-500\">{auth.user.role} · {auth.user.user_id}</div>\n        </div>\n      </div>\n\n      {/* Network switcher */}\n      <div className=\"flex items-center gap-3\">\n        {auth.networks.length > 0 && (\n          <select\n            value={auth.currentNetwork}\n            onChange={e => {\n              const updated = { ...auth, currentNetwork: e.target.value };\n              setAuth(updated);\n              setNetworkId(e.target.value);\n              sessionStorage.setItem('anet_v3_auth', JSON.stringify(updated));\n            }}\n            className=\"bg-[#0a0a15] border border-[#2a2a4a] rounded px-2 py-1 text-xs text-white focus:outline-none\"\n          >\n            {auth.networks.map(n => (\n              <option key={n.network_id} value={n.network_id}>{n.network_name}</option>\n            ))}\n          </select>\n        )}\n        <button onClick={() => { setEditName(auth.user?.display_name || ''); setEditEmail(''); setEditing(!editing); }} className=\"text-xs text-gray-500 hover:text-gray-300\">Edit</button>\n        <button onClick={logout} className=\"text-xs text-gray-500 hover:text-gray-300\">Sign out</button>\n      </div>\n      {editing && (\n        <div className=\"flex flex-wrap items-center gap-2 mt-2 pt-2 border-t border-[#2a2a4a]\">\n          <input type=\"text\" value={editName} onChange={e => setEditName(e.target.value)} placeholder=\"Display name\"\n            className=\"bg-[#0a0a15] border border-[#2a2a4a] rounded px-2 py-1 text-xs text-white placeholder-gray-600 focus:outline-none w-32\" />\n          <input type=\"email\" value={editEmail} onChange={e => setEditEmail(e.target.value)} placeholder=\"Email\"\n            className=\"bg-[#0a0a15] border border-[#2a2a4a] rounded px-2 py-1 text-xs text-white placeholder-gray-600 focus:outline-none w-40\" />\n          <button onClick={updateProfile} className=\"px-2 py-1 bg-cyan-600 hover:bg-cyan-500 text-white text-xs rounded\">Save</button>\n        </div>\n      )}\n    </div>\n  );\n}\n","'use client';\n\nimport { useState } from 'react';\nimport { TaskChatPanel } from './TaskChatPanel';\n\ninterface CommandCenterProps {\n  /** Currently open chat tabs */\n  tabs: string[];\n  activeTab: string;\n  onOpenTab: (alias: string) => void;\n  onCloseTab: (alias: string) => void;\n  onSetActive: (alias: string) => void;\n  onClose: () => void;\n}\n\n/**\n * Multi-tab chat panel for commanding multiple agents simultaneously.\n * Wraps TaskChatPanel with a tab bar for switching between agents.\n */\nexport function CommandCenter({ tabs, activeTab, onOpenTab, onCloseTab, onSetActive, onClose }: CommandCenterProps) {\n  if (tabs.length === 0) return null;\n\n  return (\n    <>\n      {/* Backdrop */}\n      <div className=\"fixed inset-0 bg-black/30 z-40 lg:hidden\" onClick={onClose} />\n\n      {/* Panel */}\n      <div className=\"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\">\n        {/* Tab bar */}\n        <div className=\"flex items-center border-b border-[#2a2a4a] bg-[#0d0d1a] overflow-x-auto\">\n          <div className=\"flex-1 flex min-w-0\">\n            {tabs.map(alias => (\n              <button\n                key={alias}\n                onClick={() => onSetActive(alias)}\n                className={`flex items-center gap-1.5 px-3 py-2.5 text-xs border-b-2 transition-colors shrink-0 ${\n                  activeTab === alias\n                    ? 'border-cyan-400 text-cyan-300 bg-cyan-500/5'\n                    : 'border-transparent text-gray-500 hover:text-gray-300'\n                }`}\n              >\n                <div className={`w-2 h-2 rounded-full ${activeTab === alias ? 'bg-cyan-400' : 'bg-gray-600'}`} />\n                <span className=\"max-w-[80px] truncate\">{alias}</span>\n                <button\n                  onClick={e => { e.stopPropagation(); onCloseTab(alias); }}\n                  className=\"ml-1 text-gray-600 hover:text-gray-300 p-0.5\"\n                >\n                  ×\n                </button>\n              </button>\n            ))}\n          </div>\n          <button onClick={onClose} className=\"text-gray-500 hover:text-white px-3 py-2.5 shrink-0 border-l border-[#2a2a4a]\">\n            <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        </div>\n\n        {/* Active chat - render all but only show active (preserves state) */}\n        <div className=\"flex-1 relative overflow-hidden\">\n          {tabs.map(alias => (\n            <div key={alias} className={`absolute inset-0 ${activeTab === alias ? 'block' : 'hidden'}`}>\n              <InlineChat alias={alias} />\n            </div>\n          ))}\n        </div>\n      </div>\n\n      <style jsx global>{`\n        @keyframes slide-in {\n          from { transform: translateX(100%); }\n          to { transform: translateX(0); }\n        }\n        .animate-slide-in {\n          animation: slide-in 0.2s ease-out;\n        }\n      `}</style>\n    </>\n  );\n}\n\n/** Inline chat without the panel chrome (used inside CommandCenter tabs) */\nfunction InlineChat({ alias }: { alias: string }) {\n  // Reuse TaskChatPanel's logic but render without the outer frame\n  return <TaskChatPanel alias={alias} onClose={() => {}} inline />;\n}\n\n/**\n * Hook to manage multi-tab command center state.\n */\nexport function useCommandCenter() {\n  const [tabs, setTabs] = useState<string[]>([]);\n  const [activeTab, setActiveTab] = useState('');\n\n  const openTab = (alias: string) => {\n    setTabs(prev => prev.includes(alias) ? prev : [...prev, alias]);\n    setActiveTab(alias);\n  };\n\n  const closeTab = (alias: string) => {\n    setTabs(prev => {\n      const next = prev.filter(t => t !== alias);\n      if (activeTab === alias) setActiveTab(next[next.length - 1] || '');\n      return next;\n    });\n  };\n\n  const closeAll = () => {\n    setTabs([]);\n    setActiveTab('');\n  };\n\n  return { tabs, activeTab, openTab, closeTab, closeAll, setActiveTab };\n}\n","'use client';\n\nimport { useState } from 'react';\nimport type { Session } from './types';\n\ninterface DispatchPanelProps {\n  sessions: Session[];\n  onClose: () => void;\n}\n\ninterface SendResult {\n  alias: string;\n  ok: boolean;\n  error?: string;\n}\n\nexport function DispatchPanel({ sessions, onClose }: DispatchPanelProps) {\n  const [selected, setSelected] = useState<Set<string>>(new Set());\n  const [prompt, setPrompt] = useState('');\n  const [priority, setPriority] = useState('normal');\n  const [sending, setSending] = useState(false);\n  const [results, setResults] = useState<SendResult[]>([]);\n  const [filter, setFilter] = useState('');\n\n  const onlineNodes = sessions.filter(s => s.status !== 'offline');\n  const filtered = onlineNodes.filter(s =>\n    !filter || s.alias.toLowerCase().includes(filter.toLowerCase()) || (s.agent || '').toLowerCase().includes(filter.toLowerCase())\n  );\n\n  const toggleNode = (alias: string) => {\n    setSelected(prev => {\n      const next = new Set(prev);\n      if (next.has(alias)) next.delete(alias); else next.add(alias);\n      return next;\n    });\n  };\n\n  const selectAll = () => {\n    if (selected.size === filtered.length) {\n      setSelected(new Set());\n    } else {\n      setSelected(new Set(filtered.map(s => s.alias)));\n    }\n  };\n\n  const dispatch = async () => {\n    if (!prompt.trim() || selected.size === 0 || sending) return;\n    setSending(true);\n    setResults([]);\n\n    const promises = [...selected].map(async alias => {\n      try {\n        const res = await fetch('/api/hub/send', {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({ alias, task: prompt, priority }),\n        });\n        const data = await res.json();\n        return { alias, ok: !!data.ok, error: data.error };\n      } catch (e) {\n        return { alias, ok: false, error: 'send failed' };\n      }\n    });\n\n    const res = await Promise.all(promises);\n    setResults(res);\n    setSending(false);\n  };\n\n  const successCount = results.filter(r => r.ok).length;\n\n  return (\n    <>\n      <div className=\"fixed inset-0 bg-black/50 z-40\" onClick={onClose} />\n      <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\">\n        {/* Header */}\n        <div className=\"flex items-center justify-between px-6 py-4 border-b border-[#2a2a4a] bg-[#0d0d1a]\">\n          <div>\n            <h2 className=\"text-lg font-bold text-white\">Dispatch Task</h2>\n            <p className=\"text-xs text-gray-500 mt-0.5\">Send a task to one or more agents</p>\n          </div>\n          <button onClick={onClose} className=\"text-gray-500 hover:text-white p-1.5 rounded-lg hover:bg-[#1a1a2a]\">\n            <svg className=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        </div>\n\n        <div className=\"flex-1 flex flex-col lg:flex-row overflow-hidden\">\n          {/* Left: Node selection */}\n          <div className=\"lg:w-[280px] border-b lg:border-b-0 lg:border-r border-[#2a2a4a] flex flex-col\">\n            <div className=\"px-4 py-3 border-b border-[#2a2a4a]\">\n              <input\n                type=\"text\" value={filter} onChange={e => setFilter(e.target.value)}\n                placeholder=\"Filter agents...\"\n                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\"\n              />\n              <div className=\"flex items-center justify-between mt-2\">\n                <button onClick={selectAll} className=\"text-[10px] text-cyan-400 hover:text-cyan-300\">\n                  {selected.size === filtered.length ? 'Deselect all' : `Select all (${filtered.length})`}\n                </button>\n                <span className=\"text-[10px] text-gray-600\">{selected.size} selected</span>\n              </div>\n            </div>\n            <div className=\"flex-1 overflow-y-auto px-2 py-2 space-y-0.5 max-h-[200px] lg:max-h-none\">\n              {filtered.map(s => (\n                <button key={s.alias} onClick={() => toggleNode(s.alias)}\n                  className={`w-full flex items-center gap-2 px-3 py-2 rounded-lg text-xs text-left transition-colors ${\n                    selected.has(s.alias) ? 'bg-cyan-500/10 text-cyan-300 border border-cyan-500/20' : 'text-gray-400 hover:bg-[#1a1a2a]'\n                  }`}>\n                  <div className={`w-2 h-2 rounded-full shrink-0 ${s.status === 'working' ? 'bg-green-400' : s.status === 'idle' ? 'bg-cyan-400' : 'bg-gray-500'}`} />\n                  <span className=\"truncate flex-1\">{s.alias}</span>\n                  <span className=\"text-[9px] text-gray-600\">{s.agent || '--'}</span>\n                </button>\n              ))}\n              {filtered.length === 0 && <div className=\"text-center text-xs text-gray-600 py-4\">No online agents</div>}\n            </div>\n          </div>\n\n          {/* Right: Prompt + Send */}\n          <div className=\"flex-1 flex flex-col\">\n            <div className=\"flex-1 px-6 py-4 flex flex-col\">\n              <label className=\"text-xs text-gray-500 uppercase mb-2\">Task Prompt</label>\n              <textarea\n                value={prompt} onChange={e => setPrompt(e.target.value)}\n                placeholder=\"Enter the task you want to dispatch...\"\n                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\"\n              />\n\n              <div className=\"flex items-center gap-3 mt-4\">\n                <select value={priority} onChange={e => setPriority(e.target.value)}\n                  className=\"bg-[#111128] border border-[#2a2a4a] rounded-lg px-3 py-2 text-xs text-white focus:outline-none\">\n                  <option value=\"normal\">Normal priority</option>\n                  <option value=\"high\">High priority</option>\n                  <option value=\"low\">Low priority</option>\n                </select>\n\n                <div className=\"flex-1\" />\n\n                <button onClick={dispatch} disabled={sending || !prompt.trim() || selected.size === 0}\n                  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\">\n                  {sending ? (\n                    <span className=\"flex items-center gap-2\">\n                      <span className=\"w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin\" />\n                      Sending...\n                    </span>\n                  ) : (\n                    `Dispatch to ${selected.size} agent${selected.size > 1 ? 's' : ''}`\n                  )}\n                </button>\n              </div>\n            </div>\n\n            {/* Results */}\n            {results.length > 0 && (\n              <div className=\"px-6 py-3 border-t border-[#2a2a4a] bg-[#0d0d1a]\">\n                <div className=\"text-xs text-gray-500 mb-2\">\n                  {successCount}/{results.length} dispatched successfully\n                </div>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  {results.map(r => (\n                    <span key={r.alias} className={`text-[10px] px-2 py-0.5 rounded-full border ${\n                      r.ok ? 'text-green-300 border-green-500/20 bg-green-500/5' : 'text-red-300 border-red-500/20 bg-red-500/5'\n                    }`}>\n                      {r.alias}: {r.ok ? '✓' : r.error || '✗'}\n                    </span>\n                  ))}\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n","'use client';\n\nimport { useEffect, useRef, useCallback, useState } from 'react';\n\nexport interface SSEEvent {\n  type: string;\n  [key: string]: unknown;\n}\n\ninterface UseSSEOptions {\n  /** SSE endpoint URL */\n  url: string;\n  /** Callback for each event */\n  onEvent?: (event: SSEEvent) => void;\n  /** Auto-reconnect delay in ms (default 3000) */\n  reconnectDelay?: number;\n  /** Enable/disable (default true) */\n  enabled?: boolean;\n}\n\n/**\n * Hook to subscribe to CommHub SSE events.\n * Falls back gracefully — if SSE fails, SWR polling continues working.\n */\nexport function useSSE({ url, onEvent, reconnectDelay = 3000, enabled = true }: UseSSEOptions) {\n  const [connected, setConnected] = useState(false);\n  const [lastEvent, setLastEvent] = useState<SSEEvent | null>(null);\n  const [supported, setSupported] = useState<boolean | null>(null);\n  const eventSourceRef = useRef<EventSource | null>(null);\n  const reconnectTimerRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n  const unsupportedRef = useRef(false);\n\n  const connect = useCallback(() => {\n    if (!enabled || !url || unsupportedRef.current) return;\n\n    // Clean up existing connection\n    if (eventSourceRef.current) {\n      eventSourceRef.current.close();\n    }\n\n    const probeUrl = url.includes('?') ? `${url}&probe=1` : `${url}?probe=1`;\n\n    const probeController = new AbortController();\n    const probeTimeout = setTimeout(() => probeController.abort(), 5000);\n\n    fetch(probeUrl, { method: 'HEAD', cache: 'no-store', signal: probeController.signal })\n      .finally(() => clearTimeout(probeTimeout))\n      .then((res) => {\n        if (res.headers.get('x-anet-sse-available') !== 'true') {\n          unsupportedRef.current = true;\n          setConnected(false);\n          setSupported(false);\n          return;\n        }\n\n        setSupported(true);\n        const es = new EventSource(url);\n        eventSourceRef.current = es;\n\n        es.onopen = () => {\n          setConnected(true);\n        };\n\n        es.onmessage = (e) => {\n          try {\n            const data: SSEEvent = JSON.parse(e.data);\n            setLastEvent(data);\n            onEvent?.(data);\n          } catch {}\n        };\n\n        es.onerror = () => {\n          setConnected(false);\n          es.close();\n          eventSourceRef.current = null;\n          // Auto-reconnect\n          reconnectTimerRef.current = setTimeout(connect, reconnectDelay);\n        };\n      })\n      .catch(() => {\n        setConnected(false);\n        setSupported(false);\n      });\n  }, [url, onEvent, reconnectDelay, enabled]);\n\n  useEffect(() => {\n    unsupportedRef.current = false;\n    setSupported(enabled ? null : false);\n    connect();\n    return () => {\n      if (eventSourceRef.current) {\n        eventSourceRef.current.close();\n        eventSourceRef.current = null;\n      }\n      if (reconnectTimerRef.current) {\n        clearTimeout(reconnectTimerRef.current);\n      }\n    };\n  }, [connect]);\n\n  return { connected, lastEvent, supported };\n}\n"],"names":["StatsBar","online","working","total","version","uptime","onlinePercent","Math","round","className","StatCard","value","label","sub","color","accent","border"],"mappings":"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"}

package/.next/server/chunks/ssr/app_tasks_page_tsx_0z-d6mp._.js

@@ -0,0 +1,3 @@
+module.exports=[69474,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(50944),e=a.i(22397),f=a.i(31626),g=a.i(43515);let h={created:"text-gray-400",delivered:"text-blue-400",running:"text-green-400",replied:"text-purple-400",failed:"text-red-400",closed:"text-gray-500"};function i({taskId:a,onClose:d}){let[e,j]=(0,c.useState)(null),[k,l]=(0,c.useState)([]),[m,n]=(0,c.useState)(!0);(0,c.useEffect)(()=>{(async()=>{try{let[b,c]=await Promise.all([fetch(`/api/hub/tasks?task_id=${encodeURIComponent(a)}`),fetch(`/api/hub/task-events?task_id=${encodeURIComponent(a)}&limit=50`)]),d=await b.json(),e=await c.json();d.tasks?.[0]&&j(d.tasks[0]),l(e.events||[])}catch{}finally{n(!1)}})()},[a]);let o=e?[{label:"Created",time:e.created_at,color:"bg-gray-400"},{label:"Delivered",time:e.delivered_at,color:"bg-blue-400"},{label:"Started",time:e.started_at,color:"bg-green-400"},{label:"Completed",time:e.completed_at,color:"bg-purple-400"}]:[],p=e?.started_at&&e?.completed_at?Math.round((new Date(e.completed_at).getTime()-new Date(e.started_at).getTime())/1e3):null;return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{onClick:d,className:"jsx-c3e56cbc81656d9 fixed inset-0 bg-black/30 z-40"}),(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 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 overflow-y-auto animate-slide-in",children:[(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 flex items-center justify-between px-5 py-4 border-b border-[#2a2a4a] bg-[#0d0d1a] sticky top-0",children:[(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9",children:[(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 text-sm font-semibold text-white",children:"Task Detail"}),(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 text-[10px] text-gray-500 mt-0.5",children:[a.slice(0,16),"..."]})]}),(0,b.jsx)("button",{onClick:d,className:"jsx-c3e56cbc81656d9 text-gray-500 hover:text-white p-1.5 rounded-lg hover:bg-[#1a1a2a]",children:(0,b.jsx)("svg",{fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,className:"jsx-c3e56cbc81656d9 w-5 h-5",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12",className:"jsx-c3e56cbc81656d9"})})})]}),m?(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 flex justify-center py-16",children:(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 w-6 h-6 border-2 border-cyan-500/30 border-t-cyan-500 rounded-full animate-spin"})}):e?(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 px-5 py-5 space-y-5",children:[(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 flex items-center gap-3",children:[(0,b.jsx)("span",{className:`jsx-c3e56cbc81656d9 text-lg font-bold ${h[e.status]||"text-gray-400"}`,children:e.status}),"normal"!==e.priority&&(0,b.jsx)("span",{className:`jsx-c3e56cbc81656d9 text-xs px-2 py-0.5 rounded border ${"high"===e.priority?"text-red-300 border-red-500/20":"text-gray-400 border-gray-600/20"}`,children:e.priority}),null!==p&&(0,b.jsxs)("span",{className:"jsx-c3e56cbc81656d9 text-xs text-gray-500",children:["⏱ ",p<60?`${p}s`:`${Math.floor(p/60)}m ${p%60}s`]})]}),(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 flex items-center gap-2 text-sm",children:[(0,b.jsx)("span",{className:"jsx-c3e56cbc81656d9 text-blue-400 font-medium",children:e.from_name||"--"}),(0,b.jsx)("span",{className:"jsx-c3e56cbc81656d9 text-gray-600",children:"→"}),(0,b.jsx)("span",{className:"jsx-c3e56cbc81656d9 text-cyan-400 font-medium",children:e.to_name||"--"})]}),(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 text-xs text-gray-500 uppercase mb-3",children:"Timeline"}),(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 space-y-3",children:o.map((a,c)=>(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 flex items-center gap-3",children:[(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 flex flex-col items-center",children:[(0,b.jsx)("div",{className:`jsx-c3e56cbc81656d9 w-3 h-3 rounded-full ${a.time?a.color:"bg-gray-700"}`}),c<o.length-1&&(0,b.jsx)("div",{className:`jsx-c3e56cbc81656d9 w-0.5 h-4 mt-1 ${a.time&&o[c+1]?.time?"bg-gray-600":"bg-gray-800"}`})]}),(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 flex-1",children:[(0,b.jsx)("div",{className:`jsx-c3e56cbc81656d9 text-xs font-medium ${a.time?"text-gray-300":"text-gray-600"}`,children:a.label}),(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 text-[10px] text-gray-500",children:a.time||"Pending"})]})]},a.label))})]}),(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 text-xs text-gray-500 uppercase mb-2",children:"Input"}),(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 text-sm text-gray-300 whitespace-pre-wrap",children:e.content||"--"})]}),e.result&&(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 text-xs text-gray-500 uppercase mb-2",children:"Output"}),(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 text-sm text-gray-300 whitespace-pre-wrap max-h-64 overflow-y-auto",children:e.result})]}),k.length>0&&(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 text-xs text-gray-500 uppercase mb-2",children:["Events (",k.length,")"]}),(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 space-y-1.5 max-h-40 overflow-y-auto",children:k.map(a=>(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 flex items-center gap-2 text-[11px]",children:[(0,b.jsx)("span",{className:`jsx-c3e56cbc81656d9 w-1.5 h-1.5 rounded-full shrink-0 ${"running"===a.to_status?"bg-green-400":"replied"===a.to_status?"bg-purple-400":"failed"===a.to_status?"bg-red-400":"bg-blue-400"}`}),(0,b.jsx)("span",{className:"jsx-c3e56cbc81656d9 text-gray-400",children:a.event_type}),a.from_status&&(0,b.jsxs)("span",{className:"jsx-c3e56cbc81656d9 text-gray-600",children:[a.from_status,"→",a.to_status]}),(0,b.jsx)("span",{className:"jsx-c3e56cbc81656d9 text-gray-600 ml-auto",children:(0,g.timeAgo)(a.created_at)})]},a.id))})]}),(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9 text-[10px] text-gray-600 space-y-1",children:[(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9",children:["Task ID: ",e.task_id]}),e.expires_at&&(0,b.jsxs)("div",{className:"jsx-c3e56cbc81656d9",children:["Expires: ",e.expires_at]})]})]}):(0,b.jsx)("div",{className:"jsx-c3e56cbc81656d9 text-center py-16 text-gray-500",children:"Task not found"})]}),(0,b.jsx)(f.default,{id:"c3e56cbc81656d9",children:"@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-slide-in{animation:.2s ease-out slide-in}"})]})}let j=["","created","delivered","acked","running","replied","closed","failed","cancelled","expired"],k={created:"bg-gray-500/10 text-gray-400 border-gray-500/20",delivered:"bg-blue-500/10 text-blue-300 border-blue-500/20",acked:"bg-cyan-500/10 text-cyan-300 border-cyan-500/20",running:"bg-green-500/10 text-green-300 border-green-500/20",replied:"bg-purple-500/10 text-purple-300 border-purple-500/20",closed:"bg-gray-500/10 text-gray-500 border-gray-500/20",failed:"bg-red-500/10 text-red-300 border-red-500/20",cancelled:"bg-yellow-500/10 text-yellow-300 border-yellow-500/20",expired:"bg-orange-500/10 text-orange-300 border-orange-500/20"};function l(a){let b=k[a]||"bg-gray-500/10 text-gray-400 border-gray-500/20";return`text-xs px-2 py-0.5 rounded-md border ${b}`}function m(a){return"high"===a?"text-red-400":"low"===a?"text-gray-600":"text-gray-400"}function n(a){if(!a)return"--";let b=Math.floor((Date.now()-new Date(a.replace(" ","T")+"Z").getTime())/1e3);return b<60?`${b}s ago`:b<3600?`${Math.floor(b/60)}m ago`:b<86400?`${Math.floor(b/3600)}h ago`:`${Math.floor(b/86400)}d ago`}function o(){let a,f,g,h=(0,d.useSearchParams)(),{networkId:o}=(0,e.useNetworkId)(),[p,q]=(0,c.useState)([]),[r,s]=(0,c.useState)(0),[t,u]=(0,c.useState)(!0),[v,w]=(0,c.useState)(""),[x,y]=(0,c.useState)(new Set),[z,A]=(0,c.useState)(h.get("status")||""),[B,C]=(0,c.useState)(""),[D,E]=(0,c.useState)(""),[F,G]=(0,c.useState)(null),H=(0,c.useCallback)(async()=>{try{let a=new URLSearchParams;o&&a.set("network_id",o),z&&a.set("status",z),B&&a.set("from_name",B),D&&a.set("to_name",D),a.set("limit","100");let b=await fetch(`/api/hub/tasks?${a.toString()}`);if(401===b.status)return void window.location.assign("/login");let c=await b.json();q(c.tasks||[]),s(c.count??(c.tasks?.length||0)),w("")}catch(a){w(a instanceof Error?a.message:"fetch failed")}finally{u(!1)}},[z,B,D,o]);return(0,c.useEffect)(()=>{u(!0),H();let a=setInterval(H,5e3);return()=>clearInterval(a)},[H]),(0,b.jsxs)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono",children:[(0,b.jsxs)("div",{className:"flex items-center gap-4 mb-6",children:[(0,b.jsx)("h1",{className:"text-2xl font-bold text-white lg:ml-0 ml-10",children:"Tasks"}),(0,b.jsx)("span",{className:"text-xs bg-blue-900/30 text-blue-400 px-2 py-0.5 rounded-full border border-blue-800/30",children:r})]}),(0,b.jsx)("div",{className:"flex flex-wrap gap-1 mb-4 bg-[#111128] rounded-lg border border-[#2a2a4a] p-1",children:["",...j.filter(Boolean)].map(a=>(0,b.jsx)("button",{onClick:()=>A(a),className:`px-3 py-1.5 rounded-md text-xs transition-colors ${z===a?`${k[a]||"bg-cyan-500/10 text-cyan-300 border-cyan-500/20"} border`:"text-gray-500 hover:text-gray-300"}`,children:a||"All"},a))}),(0,b.jsxs)("div",{className:"flex flex-wrap gap-3 mb-6",children:[(0,b.jsx)("input",{type:"text",value:B,onChange:a=>C(a.target.value),placeholder:"From node...",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-40"}),(0,b.jsx)("input",{type:"text",value:D,onChange:a=>E(a.target.value),placeholder:"To node...",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-40"})]}),p.length>0&&!z&&(a={},p.forEach(b=>{a[b.status]=(a[b.status]||0)+1}),f=p.length||1,(g=[{key:"running",color:"bg-green-500",text:"text-green-400"},{key:"delivered",color:"bg-blue-500",text:"text-blue-400"},{key:"replied",color:"bg-purple-500",text:"text-purple-400"},{key:"failed",color:"bg-red-500",text:"text-red-400"},{key:"expired",color:"bg-orange-500",text:"text-orange-400"}].filter(b=>a[b.key])).length?(0,b.jsxs)("div",{className:"mb-6",children:[(0,b.jsx)("div",{className:"flex h-2 rounded-full overflow-hidden bg-gray-800",children:g.map(c=>(0,b.jsx)("div",{className:c.color,style:{width:`${a[c.key]/f*100}%`}},c.key))}),(0,b.jsx)("div",{className:"flex flex-wrap gap-3 mt-1.5 text-[10px] text-gray-500",children:g.map(c=>(0,b.jsxs)("span",{children:[(0,b.jsx)("span",{className:`inline-block w-2 h-2 rounded-full ${c.color} mr-1`}),a[c.key]," ",c.key]},c.key))})]}):null),v&&(0,b.jsx)("div",{className:"bg-red-900/20 border border-red-800/40 text-red-300 px-4 py-2 rounded-lg mb-6 text-sm",children:v}),t?(0,b.jsx)("div",{className:"animate-pulse space-y-3",children:[1,2,3,4,5].map(a=>(0,b.jsx)("div",{className:"h-20 bg-gray-800/20 rounded-lg border border-gray-800/40"},a))}):0===p.length?(0,b.jsxs)("div",{className:"text-center py-16",children:[(0,b.jsx)("div",{className:"text-gray-600 text-4xl mb-4",children:"--"}),(0,b.jsx)("h3",{className:"text-gray-400 text-lg font-medium mb-2",children:"No tasks found"}),(0,b.jsx)("p",{className:"text-gray-600 text-sm",children:z||B||D?"Try adjusting your filters.":"Tasks will appear here when agents send them via CommHub."})]}):(0,b.jsxs)("div",{className:"space-y-2",children:[(0,b.jsxs)("div",{className:"hidden sm:grid sm:grid-cols-12 gap-2 px-4 py-2 text-xs text-gray-600 uppercase",children:[(0,b.jsx)("div",{className:"col-span-1",children:"Status"}),(0,b.jsx)("div",{className:"col-span-2",children:"From"}),(0,b.jsx)("div",{className:"col-span-2",children:"To"}),(0,b.jsx)("div",{className:"col-span-4",children:"Content"}),(0,b.jsx)("div",{className:"col-span-1",children:"Priority"}),(0,b.jsx)("div",{className:"col-span-2",children:"Time"})]}),p.map(a=>(0,b.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-3 hover:border-[#3a3a5a] transition-colors cursor-pointer",onClick:()=>{var b;return b=a.task_id,void y(a=>{let c=new Set(a);return c.has(b)?c.delete(b):c.add(b),c})},children:[(0,b.jsxs)("div",{className:"hidden sm:grid sm:grid-cols-12 gap-2 items-center",children:[(0,b.jsx)("div",{className:"col-span-1",children:(0,b.jsx)("span",{className:l(a.status),children:a.status})}),(0,b.jsx)("div",{className:"col-span-2 text-sm text-blue-400 truncate",title:a.from_name,children:a.from_name||"--"}),(0,b.jsx)("div",{className:"col-span-2 text-sm text-cyan-400 truncate",title:a.to_name,children:a.to_name||"--"}),(0,b.jsx)("div",{className:"col-span-4 text-xs text-gray-400 truncate",title:a.content,children:a.content||"--"}),(0,b.jsx)("div",{className:"col-span-1",children:(0,b.jsx)("span",{className:`text-xs ${m(a.priority)}`,children:a.priority||"normal"})}),(0,b.jsx)("div",{className:"col-span-2 text-xs text-gray-500",title:a.created_at,children:n(a.created_at)})]}),(0,b.jsxs)("div",{className:"sm:hidden space-y-2",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between",children:[(0,b.jsx)("span",{className:l(a.status),children:a.status}),(0,b.jsx)("span",{className:`text-xs ${m(a.priority)}`,children:a.priority||"normal"})]}),(0,b.jsxs)("div",{className:"text-xs text-gray-500",children:[(0,b.jsx)("span",{className:"text-blue-400",children:a.from_name||"--"}),(0,b.jsx)("span",{className:"text-gray-600 mx-1",children:"→"}),(0,b.jsx)("span",{className:"text-cyan-400",children:a.to_name||"--"})]}),(0,b.jsx)("div",{className:"text-xs text-gray-400 truncate",children:a.content||"--"}),(0,b.jsx)("div",{className:"text-xs text-gray-600",children:n(a.created_at)})]}),x.has(a.task_id)&&(0,b.jsxs)("div",{className:"mt-3 pt-3 border-t border-[#2a2a4a] space-y-3",children:[a.content&&(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{className:"text-xs text-gray-600 mb-1",children:"Content"}),(0,b.jsx)("div",{className:"text-xs text-gray-300 whitespace-pre-wrap bg-[#0a0a15] rounded-lg px-3 py-2 border border-[#1a1a2a]",children:a.content})]}),a.result&&(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{className:"text-xs text-gray-600 mb-1",children:"Result"}),(0,b.jsx)("div",{className:"text-xs text-gray-300 whitespace-pre-wrap bg-[#0a0a15] rounded-lg px-3 py-2 border border-[#1a1a2a] max-h-48 overflow-y-auto",children:a.result})]}),(0,b.jsx)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-2 text-xs",children:[["Created",a.created_at],["Delivered",a.delivered_at],["Started",a.started_at],["Completed",a.completed_at]].map(([a,c])=>(0,b.jsxs)("div",{children:[(0,b.jsxs)("span",{className:"text-gray-600",children:[a,": "]}),(0,b.jsx)("span",{className:"text-gray-400",children:c?n(c):"--"})]},a))}),a.expires_at&&(0,b.jsxs)("div",{className:"text-xs",children:[(0,b.jsx)("span",{className:"text-gray-600",children:"Expires: "}),(0,b.jsx)("span",{className:"text-orange-400",children:a.expires_at})]}),(0,b.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,b.jsxs)("div",{className:"text-xs text-gray-600 truncate",title:a.task_id,children:["ID: ",a.task_id]}),(0,b.jsxs)("div",{className:"flex gap-2 shrink-0",children:[("failed"===a.status||"expired"===a.status)&&(0,b.jsx)("button",{onClick:async b=>{b.stopPropagation(),await fetch("/api/hub/send",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({alias:a.to_name,task:a.content,priority:a.priority})}),H()},className:"text-xs text-orange-400 hover:text-orange-300 px-2 py-0.5 rounded border border-orange-500/20 hover:bg-orange-500/10",children:"Retry"}),(0,b.jsx)("button",{onClick:b=>{b.stopPropagation(),G(a.task_id)},className:"text-xs text-cyan-400 hover:text-cyan-300",children:"Detail →"})]})]})]})]},a.task_id))]}),F&&(0,b.jsx)(i,{taskId:F,onClose:()=>G(null)})]})}a.s(["default",0,function(){return(0,b.jsx)(c.Suspense,{fallback:(0,b.jsx)("div",{className:"min-h-screen bg-[#0a0a1a] text-gray-100 p-6 font-mono",children:"Loading tasks..."}),children:(0,b.jsx)(o,{})})}],69474)}];
+
+//# sourceMappingURL=app_tasks_page_tsx_0z-d6mp._.js.map

package/.next/server/chunks/ssr/app_tasks_page_tsx_0z-d6mp._.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../app/tasks/page.tsx","../../../../app/components/TaskDrawer.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState, useCallback, Suspense } from 'react';\nimport { useSearchParams } from 'next/navigation';\nimport Link from 'next/link';\nimport { useNetworkId } from '../lib/network-context';\nimport { TaskDrawer } from '../components/TaskDrawer';\n\ninterface Task {\n  task_id: string;\n  from_name: string;\n  to_name: string;\n  status: string;\n  priority: string;\n  content: string;\n  result: string;\n  created_at: string;\n  updated_at: string;\n  delivered_at: string;\n  started_at: string;\n  completed_at: string;\n  expires_at: string;\n}\n\nconst STATUS_OPTIONS = [\n  '',\n  'created',\n  'delivered',\n  'acked',\n  'running',\n  'replied',\n  'closed',\n  'failed',\n  'cancelled',\n  'expired',\n];\n\nconst STATUS_COLORS: Record<string, string> = {\n  created: 'bg-gray-500/10 text-gray-400 border-gray-500/20',\n  delivered: 'bg-blue-500/10 text-blue-300 border-blue-500/20',\n  acked: 'bg-cyan-500/10 text-cyan-300 border-cyan-500/20',\n  running: 'bg-green-500/10 text-green-300 border-green-500/20',\n  replied: 'bg-purple-500/10 text-purple-300 border-purple-500/20',\n  closed: 'bg-gray-500/10 text-gray-500 border-gray-500/20',\n  failed: 'bg-red-500/10 text-red-300 border-red-500/20',\n  cancelled: 'bg-yellow-500/10 text-yellow-300 border-yellow-500/20',\n  expired: 'bg-orange-500/10 text-orange-300 border-orange-500/20',\n};\n\nfunction statusBadge(status: string) {\n  const color = STATUS_COLORS[status] || 'bg-gray-500/10 text-gray-400 border-gray-500/20';\n  return `text-xs px-2 py-0.5 rounded-md border ${color}`;\n}\n\nfunction priorityBadge(priority: string) {\n  if (priority === 'high') return 'text-red-400';\n  if (priority === 'low') return 'text-gray-600';\n  return 'text-gray-400';\n}\n\nfunction timeAgo(dateStr: string): string {\n  if (!dateStr) return '--';\n  const diff = Date.now() - new Date(dateStr.replace(' ', 'T') + 'Z').getTime();\n  const s = Math.floor(diff / 1000);\n  if (s < 60) return `${s}s ago`;\n  if (s < 3600) return `${Math.floor(s / 60)}m ago`;\n  if (s < 86400) return `${Math.floor(s / 3600)}h ago`;\n  return `${Math.floor(s / 86400)}d ago`;\n}\n\nfunction TasksContent() {\n  const searchParams = useSearchParams();\n  const { networkId } = useNetworkId();\n  const [tasks, setTasks] = useState<Task[]>([]);\n  const [count, setCount] = useState(0);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState('');\n  const [expanded, setExpanded] = useState<Set<string>>(new Set());\n\n  const [filterStatus, setFilterStatus] = useState(searchParams.get('status') || '');\n  const [filterFrom, setFilterFrom] = useState('');\n  const [filterTo, setFilterTo] = useState('');\n  const [drawerTaskId, setDrawerTaskId] = useState<string | null>(null);\n\n  const toggleExpand = (taskId: string) => {\n    setExpanded(prev => {\n      const next = new Set(prev);\n      if (next.has(taskId)) next.delete(taskId);\n      else next.add(taskId);\n      return next;\n    });\n  };\n\n  const fetchTasks = useCallback(async () => {\n    try {\n      const params = new URLSearchParams();\n      if (networkId) params.set('network_id', networkId);\n      if (filterStatus) params.set('status', filterStatus);\n      if (filterFrom) params.set('from_name', filterFrom);\n      if (filterTo) params.set('to_name', filterTo);\n      params.set('limit', '100');\n\n      const res = await fetch(`/api/hub/tasks?${params.toString()}`);\n      if (res.status === 401) {\n        window.location.assign('/login');\n        return;\n      }\n      const data = await res.json();\n      setTasks(data.tasks || []);\n      setCount(data.count ?? (data.tasks?.length || 0));\n      setError('');\n    } catch (e: unknown) {\n      setError(e instanceof Error ? e.message : 'fetch failed');\n    } finally {\n      setLoading(false);\n    }\n  }, [filterStatus, filterFrom, filterTo, networkId]);\n\n  useEffect(() => {\n    setLoading(true);\n    fetchTasks();\n    const interval = setInterval(fetchTasks, 5000);\n    return () => clearInterval(interval);\n  }, [fetchTasks]);\n\n  return (\n    <div className=\"min-h-screen bg-[#0a0a1a] text-gray-100 p-4 sm:p-6 font-mono\">\n      {/* Header */}\n      <div className=\"flex items-center gap-4 mb-6\">\n        <h1 className=\"text-2xl font-bold text-white lg:ml-0 ml-10\">Tasks</h1>\n        <span className=\"text-xs bg-blue-900/30 text-blue-400 px-2 py-0.5 rounded-full border border-blue-800/30\">\n          {count}\n        </span>\n      </div>\n\n      {/* Status Tabs */}\n      <div className=\"flex flex-wrap gap-1 mb-4 bg-[#111128] rounded-lg border border-[#2a2a4a] p-1\">\n        {['', ...STATUS_OPTIONS.filter(Boolean)].map(s => (\n          <button key={s} onClick={() => setFilterStatus(s)}\n            className={`px-3 py-1.5 rounded-md text-xs transition-colors ${\n              filterStatus === s\n                ? `${STATUS_COLORS[s] || 'bg-cyan-500/10 text-cyan-300 border-cyan-500/20'} border`\n                : 'text-gray-500 hover:text-gray-300'\n            }`}>\n            {s || 'All'}\n          </button>\n        ))}\n      </div>\n\n      {/* From/To Filters */}\n      <div className=\"flex flex-wrap gap-3 mb-6\">\n        <input\n          type=\"text\"\n          value={filterFrom}\n          onChange={e => setFilterFrom(e.target.value)}\n          placeholder=\"From node...\"\n          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-40\"\n        />\n        <input\n          type=\"text\"\n          value={filterTo}\n          onChange={e => setFilterTo(e.target.value)}\n          placeholder=\"To node...\"\n          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-40\"\n        />\n      </div>\n\n      {/* Status distribution */}\n      {tasks.length > 0 && !filterStatus && (() => {\n        const stats: Record<string, number> = {};\n        tasks.forEach(t => { stats[t.status] = (stats[t.status] || 0) + 1; });\n        const total = tasks.length || 1;\n        const bars = [\n          { key: 'running', color: 'bg-green-500', text: 'text-green-400' },\n          { key: 'delivered', color: 'bg-blue-500', text: 'text-blue-400' },\n          { key: 'replied', color: 'bg-purple-500', text: 'text-purple-400' },\n          { key: 'failed', color: 'bg-red-500', text: 'text-red-400' },\n          { key: 'expired', color: 'bg-orange-500', text: 'text-orange-400' },\n        ].filter(b => stats[b.key]);\n        if (!bars.length) return null;\n        return (\n          <div className=\"mb-6\">\n            <div className=\"flex h-2 rounded-full overflow-hidden bg-gray-800\">\n              {bars.map(b => <div key={b.key} className={b.color} style={{ width: `${(stats[b.key]/total)*100}%` }} />)}\n            </div>\n            <div className=\"flex flex-wrap gap-3 mt-1.5 text-[10px] text-gray-500\">\n              {bars.map(b => <span key={b.key}><span className={`inline-block w-2 h-2 rounded-full ${b.color} mr-1`} />{stats[b.key]} {b.key}</span>)}\n            </div>\n          </div>\n        );\n      })()}\n\n      {error && (\n        <div className=\"bg-red-900/20 border border-red-800/40 text-red-300 px-4 py-2 rounded-lg mb-6 text-sm\">{error}</div>\n      )}\n\n      {loading ? (\n        <div className=\"animate-pulse space-y-3\">\n          {[1, 2, 3, 4, 5].map(i => (\n            <div key={i} className=\"h-20 bg-gray-800/20 rounded-lg border border-gray-800/40\" />\n          ))}\n        </div>\n      ) : tasks.length === 0 ? (\n        <div className=\"text-center py-16\">\n          <div className=\"text-gray-600 text-4xl mb-4\">--</div>\n          <h3 className=\"text-gray-400 text-lg font-medium mb-2\">No tasks found</h3>\n          <p className=\"text-gray-600 text-sm\">\n            {filterStatus || filterFrom || filterTo\n              ? 'Try adjusting your filters.'\n              : 'Tasks will appear here when agents send them via CommHub.'}\n          </p>\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          {/* Table header */}\n          <div className=\"hidden sm:grid sm:grid-cols-12 gap-2 px-4 py-2 text-xs text-gray-600 uppercase\">\n            <div className=\"col-span-1\">Status</div>\n            <div className=\"col-span-2\">From</div>\n            <div className=\"col-span-2\">To</div>\n            <div className=\"col-span-4\">Content</div>\n            <div className=\"col-span-1\">Priority</div>\n            <div className=\"col-span-2\">Time</div>\n          </div>\n\n          {tasks.map(t => (\n            <div\n              key={t.task_id}\n              className=\"bg-[#111128] border border-[#2a2a4a] rounded-lg px-4 py-3 hover:border-[#3a3a5a] transition-colors cursor-pointer\"\n              onClick={() => toggleExpand(t.task_id)}\n            >\n              {/* Desktop row */}\n              <div className=\"hidden sm:grid sm:grid-cols-12 gap-2 items-center\">\n                <div className=\"col-span-1\">\n                  <span className={statusBadge(t.status)}>{t.status}</span>\n                </div>\n                <div className=\"col-span-2 text-sm text-blue-400 truncate\" title={t.from_name}>\n                  {t.from_name || '--'}\n                </div>\n                <div className=\"col-span-2 text-sm text-cyan-400 truncate\" title={t.to_name}>\n                  {t.to_name || '--'}\n                </div>\n                <div className=\"col-span-4 text-xs text-gray-400 truncate\" title={t.content}>\n                  {t.content || '--'}\n                </div>\n                <div className=\"col-span-1\">\n                  <span className={`text-xs ${priorityBadge(t.priority)}`}>{t.priority || 'normal'}</span>\n                </div>\n                <div className=\"col-span-2 text-xs text-gray-500\" title={t.created_at}>\n                  {timeAgo(t.created_at)}\n                </div>\n              </div>\n\n              {/* Mobile layout */}\n              <div className=\"sm:hidden space-y-2\">\n                <div className=\"flex items-center justify-between\">\n                  <span className={statusBadge(t.status)}>{t.status}</span>\n                  <span className={`text-xs ${priorityBadge(t.priority)}`}>{t.priority || 'normal'}</span>\n                </div>\n                <div className=\"text-xs text-gray-500\">\n                  <span className=\"text-blue-400\">{t.from_name || '--'}</span>\n                  <span className=\"text-gray-600 mx-1\">&rarr;</span>\n                  <span className=\"text-cyan-400\">{t.to_name || '--'}</span>\n                </div>\n                <div className=\"text-xs text-gray-400 truncate\">{t.content || '--'}</div>\n                <div className=\"text-xs text-gray-600\">{timeAgo(t.created_at)}</div>\n              </div>\n\n              {/* Expanded detail */}\n              {expanded.has(t.task_id) && (\n                <div className=\"mt-3 pt-3 border-t border-[#2a2a4a] space-y-3\">\n                  {t.content && (\n                    <div>\n                      <div className=\"text-xs text-gray-600 mb-1\">Content</div>\n                      <div className=\"text-xs text-gray-300 whitespace-pre-wrap bg-[#0a0a15] rounded-lg px-3 py-2 border border-[#1a1a2a]\">{t.content}</div>\n                    </div>\n                  )}\n                  {t.result && (\n                    <div>\n                      <div className=\"text-xs text-gray-600 mb-1\">Result</div>\n                      <div className=\"text-xs text-gray-300 whitespace-pre-wrap bg-[#0a0a15] rounded-lg px-3 py-2 border border-[#1a1a2a] max-h-48 overflow-y-auto\">{t.result}</div>\n                    </div>\n                  )}\n                  <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-2 text-xs\">\n                    {[\n                      ['Created', t.created_at],\n                      ['Delivered', t.delivered_at],\n                      ['Started', t.started_at],\n                      ['Completed', t.completed_at],\n                    ].map(([label, val]) => (\n                      <div key={label as string}>\n                        <span className=\"text-gray-600\">{label}: </span>\n                        <span className=\"text-gray-400\">{val ? timeAgo(val as string) : '--'}</span>\n                      </div>\n                    ))}\n                  </div>\n                  {t.expires_at && (\n                    <div className=\"text-xs\">\n                      <span className=\"text-gray-600\">Expires: </span>\n                      <span className=\"text-orange-400\">{t.expires_at}</span>\n                    </div>\n                  )}\n                  <div className=\"flex items-center justify-between gap-2\">\n                    <div className=\"text-xs text-gray-600 truncate\" title={t.task_id}>\n                      ID: {t.task_id}\n                    </div>\n                    <div className=\"flex gap-2 shrink-0\">\n                      {(t.status === 'failed' || t.status === 'expired') && (\n                        <button\n                          onClick={async (e) => {\n                            e.stopPropagation();\n                            await fetch('/api/hub/send', {\n                              method: 'POST',\n                              headers: { 'Content-Type': 'application/json' },\n                              body: JSON.stringify({ alias: t.to_name, task: t.content, priority: t.priority }),\n                            });\n                            fetchTasks();\n                          }}\n                          className=\"text-xs text-orange-400 hover:text-orange-300 px-2 py-0.5 rounded border border-orange-500/20 hover:bg-orange-500/10\"\n                        >\n                          Retry\n                        </button>\n                      )}\n                      <button\n                        onClick={e => { e.stopPropagation(); setDrawerTaskId(t.task_id); }}\n                        className=\"text-xs text-cyan-400 hover:text-cyan-300\"\n                      >\n                        Detail &rarr;\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n          ))}\n        </div>\n      )}\n\n      {drawerTaskId && <TaskDrawer taskId={drawerTaskId} onClose={() => setDrawerTaskId(null)} />}\n    </div>\n  );\n}\n\nexport default function TasksPage() {\n  return (\n    <Suspense fallback={<div className=\"min-h-screen bg-[#0a0a1a] text-gray-100 p-6 font-mono\">Loading tasks...</div>}>\n      <TasksContent />\n    </Suspense>\n  );\n}\n","'use client';\n\nimport { useEffect, useState } from 'react';\nimport { timeAgo } from './utils';\nimport Link from 'next/link';\n\ninterface TaskDetail {\n  task_id: string;\n  from_name: string;\n  to_name: string;\n  status: string;\n  priority: string;\n  content: string;\n  result: string;\n  created_at: string;\n  delivered_at: string;\n  started_at: string;\n  completed_at: string;\n  expires_at: string;\n}\n\ninterface TaskEvent {\n  id: number;\n  event_type: string;\n  from_status: string;\n  to_status: string;\n  detail: string;\n  created_at: string;\n}\n\nconst STATUS_COLORS: Record<string, string> = {\n  created: 'text-gray-400', delivered: 'text-blue-400', running: 'text-green-400',\n  replied: 'text-purple-400', failed: 'text-red-400', closed: 'text-gray-500',\n};\n\ninterface TaskDrawerProps {\n  taskId: string;\n  onClose: () => void;\n}\n\nexport function TaskDrawer({ taskId, onClose }: TaskDrawerProps) {\n  const [task, setTask] = useState<TaskDetail | null>(null);\n  const [events, setEvents] = useState<TaskEvent[]>([]);\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    (async () => {\n      try {\n        const [taskRes, eventsRes] = await Promise.all([\n          fetch(`/api/hub/tasks?task_id=${encodeURIComponent(taskId)}`),\n          fetch(`/api/hub/task-events?task_id=${encodeURIComponent(taskId)}&limit=50`),\n        ]);\n        const taskData = await taskRes.json();\n        const eventsData = await eventsRes.json();\n        if (taskData.tasks?.[0]) setTask(taskData.tasks[0]);\n        setEvents(eventsData.events || []);\n      } catch {} finally { setLoading(false); }\n    })();\n  }, [taskId]);\n\n  const timeline = task ? [\n    { label: 'Created', time: task.created_at, color: 'bg-gray-400' },\n    { label: 'Delivered', time: task.delivered_at, color: 'bg-blue-400' },\n    { label: 'Started', time: task.started_at, color: 'bg-green-400' },\n    { label: 'Completed', time: task.completed_at, color: 'bg-purple-400' },\n  ] : [];\n\n  const duration = task?.started_at && task?.completed_at\n    ? Math.round((new Date(task.completed_at).getTime() - new Date(task.started_at).getTime()) / 1000)\n    : null;\n\n  return (\n    <>\n      <div className=\"fixed inset-0 bg-black/30 z-40\" onClick={onClose} />\n      <div className=\"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 overflow-y-auto animate-slide-in\">\n        {/* Header */}\n        <div className=\"flex items-center justify-between px-5 py-4 border-b border-[#2a2a4a] bg-[#0d0d1a] sticky top-0\">\n          <div>\n            <div className=\"text-sm font-semibold text-white\">Task Detail</div>\n            <div className=\"text-[10px] text-gray-500 mt-0.5\">{taskId.slice(0, 16)}...</div>\n          </div>\n          <button onClick={onClose} className=\"text-gray-500 hover:text-white p-1.5 rounded-lg hover:bg-[#1a1a2a]\">\n            <svg className=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        </div>\n\n        {loading ? (\n          <div className=\"flex justify-center py-16\">\n            <div className=\"w-6 h-6 border-2 border-cyan-500/30 border-t-cyan-500 rounded-full animate-spin\" />\n          </div>\n        ) : !task ? (\n          <div className=\"text-center py-16 text-gray-500\">Task not found</div>\n        ) : (\n          <div className=\"px-5 py-5 space-y-5\">\n            {/* Status + Priority */}\n            <div className=\"flex items-center gap-3\">\n              <span className={`text-lg font-bold ${STATUS_COLORS[task.status] || 'text-gray-400'}`}>{task.status}</span>\n              {task.priority !== 'normal' && (\n                <span className={`text-xs px-2 py-0.5 rounded border ${task.priority === 'high' ? 'text-red-300 border-red-500/20' : 'text-gray-400 border-gray-600/20'}`}>{task.priority}</span>\n              )}\n              {duration !== null && (\n                <span className=\"text-xs text-gray-500\">⏱ {duration < 60 ? `${duration}s` : `${Math.floor(duration/60)}m ${duration%60}s`}</span>\n              )}\n            </div>\n\n            {/* From → To */}\n            <div className=\"flex items-center gap-2 text-sm\">\n              <span className=\"text-blue-400 font-medium\">{task.from_name || '--'}</span>\n              <span className=\"text-gray-600\">→</span>\n              <span className=\"text-cyan-400 font-medium\">{task.to_name || '--'}</span>\n            </div>\n\n            {/* Timeline */}\n            <div className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4\">\n              <div className=\"text-xs text-gray-500 uppercase mb-3\">Timeline</div>\n              <div className=\"space-y-3\">\n                {timeline.map((step, i) => (\n                  <div key={step.label} className=\"flex items-center gap-3\">\n                    <div className=\"flex flex-col items-center\">\n                      <div className={`w-3 h-3 rounded-full ${step.time ? step.color : 'bg-gray-700'}`} />\n                      {i < timeline.length - 1 && <div className={`w-0.5 h-4 mt-1 ${step.time && timeline[i+1]?.time ? 'bg-gray-600' : 'bg-gray-800'}`} />}\n                    </div>\n                    <div className=\"flex-1\">\n                      <div className={`text-xs font-medium ${step.time ? 'text-gray-300' : 'text-gray-600'}`}>{step.label}</div>\n                      <div className=\"text-[10px] text-gray-500\">{step.time || 'Pending'}</div>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </div>\n\n            {/* Content */}\n            <div className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4\">\n              <div className=\"text-xs text-gray-500 uppercase mb-2\">Input</div>\n              <div className=\"text-sm text-gray-300 whitespace-pre-wrap\">{task.content || '--'}</div>\n            </div>\n\n            {/* Result */}\n            {task.result && (\n              <div className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4\">\n                <div className=\"text-xs text-gray-500 uppercase mb-2\">Output</div>\n                <div className=\"text-sm text-gray-300 whitespace-pre-wrap max-h-64 overflow-y-auto\">{task.result}</div>\n              </div>\n            )}\n\n            {/* Events */}\n            {events.length > 0 && (\n              <div className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4\">\n                <div className=\"text-xs text-gray-500 uppercase mb-2\">Events ({events.length})</div>\n                <div className=\"space-y-1.5 max-h-40 overflow-y-auto\">\n                  {events.map(e => (\n                    <div key={e.id} className=\"flex items-center gap-2 text-[11px]\">\n                      <span className={`w-1.5 h-1.5 rounded-full shrink-0 ${\n                        e.to_status === 'running' ? 'bg-green-400' : e.to_status === 'replied' ? 'bg-purple-400' : e.to_status === 'failed' ? 'bg-red-400' : 'bg-blue-400'\n                      }`} />\n                      <span className=\"text-gray-400\">{e.event_type}</span>\n                      {e.from_status && <span className=\"text-gray-600\">{e.from_status}→{e.to_status}</span>}\n                      <span className=\"text-gray-600 ml-auto\">{timeAgo(e.created_at)}</span>\n                    </div>\n                  ))}\n                </div>\n              </div>\n            )}\n\n            {/* Metadata */}\n            <div className=\"text-[10px] text-gray-600 space-y-1\">\n              <div>Task ID: {task.task_id}</div>\n              {task.expires_at && <div>Expires: {task.expires_at}</div>}\n            </div>\n          </div>\n        )}\n      </div>\n      <style jsx global>{`\n        @keyframes slide-in { from { transform: translateX(100%); } to { transform: translateX(0); } }\n        .animate-slide-in { animation: slide-in 0.2s ease-out; }\n      `}</style>\n    </>\n  );\n}\n"],"names":["STATUS_COLORS","created","delivered","running","replied","failed","closed","TaskDrawer","taskId","onClose","task","setTask","events","setEvents","loading","setLoading","taskRes","eventsRes","Promise","all","fetch","encodeURIComponent","taskData","json","eventsData","tasks","timeline","label","time","created_at","color","delivered_at","started_at","completed_at","duration","Math","round","Date","getTime","onClick","slice","fill","viewBox","stroke","strokeWidth","strokeLinecap","strokeLinejoin","d","status","priority","floor","from_name","to_name","map","step","i","length","content","result","e","to_status","event_type","from_status","id","task_id","expires_at"],"mappings":"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"}

package/.next/server/chunks/ssr/node_modules_09w7yel._.js

@@ -0,0 +1,33 @@
+module.exports=[33354,(a,b,c)=>{"use strict";c._=function(a){return a&&a.__esModule?a:{default:a}}},51234,(a,b,c)=>{"use strict";Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(c,"handleISRError",{enumerable:!0,get:function(){return e}});let d=a.r(56704).workAsyncStorage;function e({error:a}){if(d){let b=d.getStore();if(b?.isStaticGeneration)throw a&&console.error(a),a}}("function"==typeof c.default||"object"==typeof c.default&&null!==c.default)&&void 0===c.default.__esModule&&(Object.defineProperty(c.default,"__esModule",{value:!0}),Object.assign(c.default,c),b.exports=c.default)},57068,(a,b,c)=>{"use strict";Object.defineProperty(c,"__esModule",{value:!0});var d={WarningIcon:function(){return i},errorStyles:function(){return g},errorThemeCss:function(){return h}};for(var e in d)Object.defineProperty(c,e,{enumerable:!0,get:d[e]});a.r(33354);let f=a.r(87924);a.r(72131);let g={container:{fontFamily:'system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"',height:"100vh",display:"flex",alignItems:"center",justifyContent:"center"},card:{marginTop:"-32px",maxWidth:"325px",padding:"32px 28px",textAlign:"left"},icon:{marginBottom:"24px"},title:{fontSize:"24px",fontWeight:500,letterSpacing:"-0.02em",lineHeight:"32px",margin:"0 0 12px 0",color:"var(--next-error-title)"},message:{fontSize:"14px",fontWeight:400,lineHeight:"21px",margin:"0 0 20px 0",color:"var(--next-error-message)"},form:{margin:0},buttonGroup:{display:"flex",gap:"8px",alignItems:"center"},button:{display:"inline-flex",alignItems:"center",justifyContent:"center",height:"32px",padding:"0 12px",fontSize:"14px",fontWeight:500,lineHeight:"20px",borderRadius:"6px",cursor:"pointer",color:"var(--next-error-btn-text)",background:"var(--next-error-btn-bg)",border:"var(--next-error-btn-border)"},buttonSecondary:{display:"inline-flex",alignItems:"center",justifyContent:"center",height:"32px",padding:"0 12px",fontSize:"14px",fontWeight:500,lineHeight:"20px",borderRadius:"6px",cursor:"pointer",color:"var(--next-error-btn-secondary-text)",background:"var(--next-error-btn-secondary-bg)",border:"var(--next-error-btn-secondary-border)"},digestFooter:{position:"fixed",bottom:"32px",left:"0",right:"0",textAlign:"center",fontFamily:'ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace',fontSize:"12px",lineHeight:"18px",fontWeight:400,margin:"0",color:"var(--next-error-digest)"}},h=`
+:root {
+  --next-error-bg: #fff;
+  --next-error-text: #171717;
+  --next-error-title: #171717;
+  --next-error-message: #171717;
+  --next-error-digest: #666666;
+  --next-error-btn-text: #fff;
+  --next-error-btn-bg: #171717;
+  --next-error-btn-border: none;
+  --next-error-btn-secondary-text: #171717;
+  --next-error-btn-secondary-bg: transparent;
+  --next-error-btn-secondary-border: 1px solid rgba(0,0,0,0.08);
+}
+@media (prefers-color-scheme: dark) {
+  :root {
+    --next-error-bg: #0a0a0a;
+    --next-error-text: #ededed;
+    --next-error-title: #ededed;
+    --next-error-message: #ededed;
+    --next-error-digest: #a0a0a0;
+    --next-error-btn-text: #0a0a0a;
+    --next-error-btn-bg: #ededed;
+    --next-error-btn-border: none;
+    --next-error-btn-secondary-text: #ededed;
+    --next-error-btn-secondary-bg: transparent;
+    --next-error-btn-secondary-border: 1px solid rgba(255,255,255,0.14);
+  }
+}
+body { margin: 0; color: var(--next-error-text); background: var(--next-error-bg); }
+`.replace(/\n\s*/g,"");function i(){return(0,f.jsx)("svg",{width:"32",height:"32",viewBox:"-0.2 -1.5 32 32",fill:"none",style:g.icon,children:(0,f.jsx)("path",{d:"M16.9328 0C18.0839 0.000116771 19.1334 0.658832 19.634 1.69531L31.4299 26.1309C32.0708 27.4588 31.1036 28.9999 29.6291 29H2.00215C0.527541 29 -0.439628 27.4588 0.201371 26.1309L11.9973 1.69531C12.4979 0.658823 13.5474 7.75066e-05 14.6984 0H16.9328ZM3.59493 26H28.0363L16.9328 3H14.6984L3.59493 26ZM15.8156 19C16.9202 19.0001 17.8156 19.8955 17.8156 21C17.8156 22.1045 16.9202 22.9999 15.8156 23C14.7111 23 13.8156 22.1046 13.8156 21C13.8156 19.8954 14.7111 19 15.8156 19ZM17.3156 16.5H14.3156V8.5H17.3156V16.5Z",fill:"var(--next-error-title)"})})}("function"==typeof c.default||"object"==typeof c.default&&null!==c.default)&&void 0===c.default.__esModule&&(Object.defineProperty(c.default,"__esModule",{value:!0}),Object.assign(c.default,c),b.exports=c.default)},40622,(a,b,c)=>{"use strict";Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(c,"default",{enumerable:!0,get:function(){return g}}),a.r(33354);let d=a.r(87924);a.r(72131);let e=a.r(51234),f=a.r(57068),g=function({error:a}){let b=a?.digest,c=!!b;return(0,e.handleISRError)({error:a}),(0,d.jsxs)("html",{id:"__next_error__",children:[(0,d.jsx)("head",{children:(0,d.jsx)("style",{dangerouslySetInnerHTML:{__html:f.errorThemeCss}})}),(0,d.jsxs)("body",{children:[(0,d.jsx)("div",{style:f.errorStyles.container,children:(0,d.jsxs)("div",{style:f.errorStyles.card,children:[(0,d.jsx)(f.WarningIcon,{}),(0,d.jsx)("h1",{style:f.errorStyles.title,children:"This page couldn’t load"}),(0,d.jsx)("p",{style:f.errorStyles.message,children:c?"A server error occurred. Reload to try again.":"Reload to try again, or go back."}),(0,d.jsxs)("div",{style:f.errorStyles.buttonGroup,children:[(0,d.jsx)("form",{style:f.errorStyles.form,children:(0,d.jsx)("button",{type:"submit",style:f.errorStyles.button,children:"Reload"})}),!c&&(0,d.jsx)("button",{type:"button",style:f.errorStyles.buttonSecondary,onClick:()=>{window.history.length>1?window.history.back():window.location.href="/"},children:"Back"})]})]})}),b&&(0,d.jsxs)("p",{style:f.errorStyles.digestFooter,children:["ERROR ",b]})]})]})};("function"==typeof c.default||"object"==typeof c.default&&null!==c.default)&&void 0===c.default.__esModule&&(Object.defineProperty(c.default,"__esModule",{value:!0}),Object.assign(c.default,c),b.exports=c.default)}];
+
+//# sourceMappingURL=node_modules_09w7yel._.js.map