npm - @sleep2agi/agent-network-dashboard - Versions diffs - 0.5.7-preview.10 → 0.5.7-preview.11 - Mend

@sleep2agi/agent-network-dashboard 0.5.7-preview.10 → 0.5.7-preview.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (185) hide show

package/.next/server/chunks/ssr/agent-network-dashboard_app_server-logs_page_tsx_0dg.l_8._.js CHANGED Viewed

@@ -1,3 +1,3 @@
-module.exports=[52140,a=>{"use strict";var b=a.i(64247),c=a.i(54413),d=a.i(88534);let e={log:"text-gray-300",info:"text-cyan-300",warn:"text-amber-400",error:"text-red-400"},f={log:"bg-gray-500/10 text-gray-400 border-gray-500/20",info:"bg-cyan-500/10 text-cyan-300 border-cyan-500/30",warn:"bg-amber-500/10 text-amber-300 border-amber-500/30",error:"bg-red-500/10 text-red-300 border-red-500/30"},g={log:"transparent",info:"#22d3ee",warn:"#f59e0b",error:"#ef4444"};a.s(["default",0,function(){let a,[h,i]=(0,c.useState)([]),[j,k]=(0,c.useState)(null),[l,m]=(0,c.useState)(!1),[n,o]=(0,c.useState)("all"),[p,q]=(0,c.useState)(""),[r,s]=(0,c.useState)(!0),t=(0,c.useRef)(""),u=(0,c.useCallback)(async(a=!1)=>{try{let b=new URLSearchParams({limit:"500"});!a&&t.current&&b.set("since",t.current);let c=await fetch(`/api/hub/server-logs?${b.toString()}`),d=await c.json();if(!c.ok||!d.ok)return void k(d.error||`HTTP ${c.status}`);k(null);let e=d.logs||[];if(0===e.length)return;t.current=e[0].ts,a?i(e):i(a=>{let b=new Set(a.map(a=>a.ts+a.line));return[...e.filter(a=>!b.has(a.ts+a.line)),...a].slice(0,1e3)})}catch(a){k(a instanceof Error?a.message:"fetch failed")}},[]);(0,c.useEffect)(()=>{u(!0)},[u]),(0,c.useEffect)(()=>{if(!r||l)return;let a=setInterval(()=>u(!1),2e3);return()=>clearInterval(a)},[r,l,u]);let v=h.filter(a=>("all"===n||a.level===n)&&(!p||!!a.line.toLowerCase().includes(p.toLowerCase()))),w={log:0,info:0,warn:0,error:0};for(let a of h)w[a.level]++;return(0,b.jsxs)("div",{className:"p-6 max-w-[1600px] mx-auto",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between mb-4 gap-3",children:[(0,b.jsxs)("div",{className:"flex items-center gap-3 min-w-0",children:[(0,b.jsx)("h1",{className:"text-2xl font-bold text-white",children:"Server Logs"}),(0,b.jsx)("span",{className:"text-xs text-gray-500 hidden sm:inline",children:"CommHub stdout/stderr"})]}),(0,b.jsxs)("div",{className:"flex items-center gap-2 text-xs shrink-0",children:[(0,b.jsx)("button",{onClick:()=>m(a=>!a),className:`flex items-center gap-1.5 px-3 py-1 rounded border ${l?"bg-amber-500/10 text-amber-300 border-amber-500/30":"bg-cyan-500/10 text-cyan-300 border-cyan-500/30"}`,children:l?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:(0,b.jsx)("path",{d:"M8 5v14l11-7z"})}),"Resume"]}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:[(0,b.jsx)("rect",{x:"6",y:"5",width:"4",height:"14",rx:"0.5"}),(0,b.jsx)("rect",{x:"14",y:"5",width:"4",height:"14",rx:"0.5"})]}),"Pause"]})}),(0,b.jsxs)("label",{className:"flex items-center gap-1 text-gray-400 select-none",children:[(0,b.jsx)("input",{type:"checkbox",checked:r,onChange:a=>s(a.target.checked),className:"accent-cyan-500"}),(0,b.jsx)("span",{className:"hidden sm:inline",children:"auto-refresh"})]}),(0,b.jsxs)("button",{onClick:()=>u(!0),className:"flex items-center gap-1.5 px-3 py-1 rounded border bg-gray-500/10 text-gray-300 border-gray-500/20 hover:bg-gray-500/20",children:[(0,b.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[(0,b.jsx)("path",{d:"M3 12a9 9 0 0 1 15.5-6.4L21 8"}),(0,b.jsx)("path",{d:"M21 3v5h-5"}),(0,b.jsx)("path",{d:"M21 12a9 9 0 0 1-15.5 6.4L3 16"}),(0,b.jsx)("path",{d:"M3 21v-5h5"})]}),(0,b.jsx)("span",{className:"hidden sm:inline",children:"Reload"})]})]})]}),(0,b.jsxs)("div",{className:"flex flex-wrap items-center gap-3 mb-3",children:[(0,b.jsx)("div",{className:"flex items-center gap-1 text-xs flex-wrap",children:["all","log","info","warn","error"].map(a=>{let c="all"===a?h.length:w[a],d=n===a,e="all"!==a&&0===c&&!d;return(0,b.jsxs)("button",{onClick:()=>o(a),disabled:e,className:`px-2.5 py-1 rounded border flex items-center gap-1 disabled:opacity-30 disabled:cursor-not-allowed ${d?"bg-cyan-500/15 text-cyan-200 border-cyan-500/40":"bg-[#11111c] text-gray-400 border-[#2a2a4a] hover:bg-[#1a1a2a]"}`,children:[(0,b.jsx)("span",{children:a}),(0,b.jsx)("span",{className:`text-[10px] tabular-nums ${d?"opacity-80":"text-gray-600"}`,children:c})]},a)})}),(0,b.jsx)("input",{value:p,onChange:a=>q(a.target.value),placeholder:"搜索关键字 (alias / task_id / error message)",className:"flex-1 min-w-[140px] basis-full sm:basis-0 px-3 py-1.5 text-xs bg-[#11111c] border border-[#2a2a4a] rounded text-gray-200 focus:outline-none focus:border-cyan-500/40"}),(0,b.jsxs)("span",{className:"text-[10px] text-gray-600",children:[v.length," / ",h.length]})]}),j&&(a=/401|unauthor|forbidden|403|admin/i.test(j),(0,b.jsxs)("div",{className:"anet-error-chip mb-3 p-3 rounded border border-red-500/30 bg-red-500/10 text-red-300 text-sm flex items-start gap-3",role:"alert",children:[(0,b.jsx)("span",{"aria-hidden":!0,className:"text-base leading-none",children:"⛔"}),(0,b.jsx)("div",{className:"flex-1",children:a?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:"font-medium",children:"需要 admin 角色才能查看服务器日志"}),(0,b.jsx)("div",{className:"text-xs opacity-80 mt-0.5",title:j,children:"服务器日志包含运行时 stdout/stderr，仅 admin 角色可读。"}),(0,b.jsx)(d.default,{href:"/login",className:"inline-block mt-2 text-xs font-medium underline underline-offset-4 hover:opacity-80",children:"切到 admin 账号 →"})]}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:"font-medium",children:"服务器日志暂时无法加载"}),(0,b.jsx)("div",{className:"text-xs opacity-80 mt-0.5",title:j,children:"请检查 CommHub 是否在线，或稍后重试。"}),(0,b.jsx)("button",{onClick:()=>window.location.reload(),className:"inline-block mt-2 text-xs font-medium underline underline-offset-4 hover:opacity-80",children:"重新加载 →"})]})})]})),(0,b.jsx)("div",{className:"rounded border border-[#1a1a2a] bg-[#050510] font-mono text-[11px] leading-relaxed overflow-hidden",children:0===v.length?(0,b.jsx)("div",{className:"p-8 text-center text-gray-600",children:j?"加载失败":0===h.length?"加载中...":"没有匹配的日志"}):(0,b.jsx)("div",{className:"divide-y divide-[#0d0d18] max-h-[calc(100vh-260px)] overflow-y-auto",children:v.map((a,c)=>(0,b.jsxs)("div",{className:"relative pl-3 pr-3 py-1 hover:bg-[#0a0a14] flex gap-3",children:[(0,b.jsx)("span",{"aria-hidden":!0,className:"absolute left-0 top-0 bottom-0 w-0.5",style:{backgroundColor:g[a.level]}}),(0,b.jsx)("span",{className:"text-gray-600 shrink-0 w-[60px] sm:w-[100px] text-[9px] sm:text-[10px] tabular-nums",children:function(a){try{let b=new Date(a);return b.toTimeString().slice(0,8)+"."+String(b.getMilliseconds()).padStart(3,"0")}catch{return a}}(a.ts)}),(0,b.jsx)("span",{className:`hidden sm:inline shrink-0 px-1.5 rounded border text-[9px] uppercase ${f[a.level]}`,children:a.level}),(0,b.jsx)("span",{className:`break-all whitespace-pre-wrap ${e[a.level]}`,children:function(a,c){if(!c)return a;let d=a.toLowerCase().indexOf(c.toLowerCase());return d<0?a:(0,b.jsxs)(b.Fragment,{children:[a.slice(0,d),(0,b.jsx)("mark",{className:"bg-yellow-500/30 text-yellow-100 rounded-sm px-0.5",children:a.slice(d,d+c.length)}),a.slice(d+c.length)]})}(a.line.replace(/^\[\d{2}:\d{2}:\d{2}\]\s*/,""),p)})]},`${a.ts}-${c}`))})})]})}])}];
+module.exports=[52140,a=>{"use strict";var b=a.i(64247),c=a.i(54413),d=a.i(88534);let e={log:"text-gray-300",info:"text-cyan-300",warn:"text-amber-400",error:"text-red-400"},f={log:"bg-gray-500/10 text-gray-400 border-gray-500/20",info:"bg-cyan-500/10 text-cyan-300 border-cyan-500/30",warn:"bg-amber-500/10 text-amber-300 border-amber-500/30",error:"bg-red-500/10 text-red-300 border-red-500/30"},g={log:"transparent",info:"#22d3ee",warn:"#f59e0b",error:"#ef4444"};a.s(["default",0,function(){let a,[h,i]=(0,c.useState)([]),[j,k]=(0,c.useState)(null),[l,m]=(0,c.useState)(!1),[n,o]=(0,c.useState)("all"),[p,q]=(0,c.useState)(""),[r,s]=(0,c.useState)(!0),t=(0,c.useRef)(""),u=(0,c.useCallback)(async(a=!1)=>{try{let b=new URLSearchParams({limit:"500"});!a&&t.current&&b.set("since",t.current);let c=await fetch(`/api/hub/server-logs?${b.toString()}`),d=await c.json();if(!c.ok||!d.ok)return void k(d.error||`HTTP ${c.status}`);k(null);let e=d.logs||[];if(0===e.length)return;t.current=e[0].ts,a?i(e):i(a=>{let b=new Set(a.map(a=>a.ts+a.line));return[...e.filter(a=>!b.has(a.ts+a.line)),...a].slice(0,1e3)})}catch(a){k(a instanceof Error?a.message:"fetch failed")}},[]);(0,c.useEffect)(()=>{u(!0)},[u]),(0,c.useEffect)(()=>{if(!r||l)return;let a=setInterval(()=>u(!1),2e3);return()=>clearInterval(a)},[r,l,u]);let v=h.filter(a=>("all"===n||a.level===n)&&(!p||!!a.line.toLowerCase().includes(p.toLowerCase()))),w={log:0,info:0,warn:0,error:0};for(let a of h)w[a.level]++;return(0,b.jsxs)("div",{className:"p-6 max-w-[1600px] mx-auto",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between mb-4 gap-3",children:[(0,b.jsxs)("div",{className:"flex items-center gap-3 min-w-0",children:[(0,b.jsx)("h1",{className:"text-2xl font-bold text-white",children:"Server Logs"}),(0,b.jsx)("span",{className:"text-xs text-gray-500 hidden sm:inline",children:"CommHub stdout/stderr"})]}),(0,b.jsxs)("div",{className:"flex items-center gap-2 text-xs shrink-0",children:[(0,b.jsx)("button",{onClick:()=>m(a=>!a),className:`flex items-center gap-1.5 px-3 py-1 rounded border ${l?"bg-amber-500/10 text-amber-300 border-amber-500/30":"bg-cyan-500/10 text-cyan-300 border-cyan-500/30"}`,children:l?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:(0,b.jsx)("path",{d:"M8 5v14l11-7z"})}),"Resume"]}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:[(0,b.jsx)("rect",{x:"6",y:"5",width:"4",height:"14",rx:"0.5"}),(0,b.jsx)("rect",{x:"14",y:"5",width:"4",height:"14",rx:"0.5"})]}),"Pause"]})}),(0,b.jsxs)("label",{className:"flex items-center gap-1 text-gray-400 select-none",children:[(0,b.jsx)("input",{type:"checkbox",checked:r,onChange:a=>s(a.target.checked),className:"accent-cyan-500"}),(0,b.jsx)("span",{className:"hidden sm:inline",children:"auto-refresh"})]}),(0,b.jsxs)("button",{onClick:()=>u(!0),className:"flex items-center gap-1.5 px-3 py-1 rounded border bg-gray-500/10 text-gray-300 border-gray-500/20 hover:bg-gray-500/20",children:[(0,b.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[(0,b.jsx)("path",{d:"M3 12a9 9 0 0 1 15.5-6.4L21 8"}),(0,b.jsx)("path",{d:"M21 3v5h-5"}),(0,b.jsx)("path",{d:"M21 12a9 9 0 0 1-15.5 6.4L3 16"}),(0,b.jsx)("path",{d:"M3 21v-5h5"})]}),(0,b.jsx)("span",{className:"hidden sm:inline",children:"Reload"})]})]})]}),(0,b.jsxs)("div",{className:"flex flex-wrap items-center gap-3 mb-3",children:[(0,b.jsx)("div",{className:"flex items-center gap-1 text-xs flex-wrap",children:["all","log","info","warn","error"].map(a=>{let c="all"===a?h.length:w[a],d=n===a,e="all"!==a&&0===c&&!d;return(0,b.jsxs)("button",{onClick:()=>o(a),disabled:e,className:`px-2.5 py-1 rounded border flex items-center gap-1 disabled:opacity-30 disabled:cursor-not-allowed ${d?"bg-cyan-500/15 text-cyan-200 border-cyan-500/40":"bg-[#11111c] text-gray-400 border-[#2a2a4a] hover:bg-[#1a1a2a]"}`,children:[(0,b.jsx)("span",{children:a}),(0,b.jsx)("span",{className:`text-[10px] tabular-nums ${d?"opacity-80":"text-gray-600"}`,children:c})]},a)})}),(0,b.jsx)("input",{value:p,onChange:a=>q(a.target.value),placeholder:"搜索关键字 (alias / task_id / error message)",className:"flex-1 min-w-[140px] basis-full sm:basis-0 px-3 py-1.5 text-base sm:text-xs bg-[#11111c] border border-[#2a2a4a] rounded text-gray-200 focus:outline-none focus:border-cyan-500/40"}),(0,b.jsxs)("span",{className:"text-[10px] text-gray-600",children:[v.length," / ",h.length]})]}),j&&(a=/401|unauthor|forbidden|403|admin/i.test(j),(0,b.jsxs)("div",{className:"anet-error-chip mb-3 p-3 rounded border border-red-500/30 bg-red-500/10 text-red-300 text-sm flex items-start gap-3",role:"alert",children:[(0,b.jsx)("span",{"aria-hidden":!0,className:"text-base leading-none",children:"⛔"}),(0,b.jsx)("div",{className:"flex-1",children:a?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:"font-medium",children:"需要 admin 角色才能查看服务器日志"}),(0,b.jsx)("div",{className:"text-xs opacity-80 mt-0.5",title:j,children:"服务器日志包含运行时 stdout/stderr，仅 admin 角色可读。"}),(0,b.jsx)(d.default,{href:"/login",className:"inline-block mt-2 text-xs font-medium underline underline-offset-4 hover:opacity-80",children:"切到 admin 账号 →"})]}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:"font-medium",children:"服务器日志暂时无法加载"}),(0,b.jsx)("div",{className:"text-xs opacity-80 mt-0.5",title:j,children:"请检查 CommHub 是否在线，或稍后重试。"}),(0,b.jsx)("button",{onClick:()=>window.location.reload(),className:"inline-block mt-2 text-xs font-medium underline underline-offset-4 hover:opacity-80",children:"重新加载 →"})]})})]})),(0,b.jsx)("div",{className:"rounded border border-[#1a1a2a] bg-[#050510] font-mono text-[11px] leading-relaxed overflow-hidden",children:0===v.length?(0,b.jsx)("div",{className:"p-8 text-center text-gray-600",children:j?"加载失败":0===h.length?"加载中...":"没有匹配的日志"}):(0,b.jsx)("div",{className:"divide-y divide-[#0d0d18] max-h-[calc(100vh-260px)] overflow-y-auto",children:v.map((a,c)=>(0,b.jsxs)("div",{className:"relative pl-3 pr-3 py-1 hover:bg-[#0a0a14] flex gap-3",children:[(0,b.jsx)("span",{"aria-hidden":!0,className:"absolute left-0 top-0 bottom-0 w-0.5",style:{backgroundColor:g[a.level]}}),(0,b.jsx)("span",{className:"text-gray-600 shrink-0 w-[60px] sm:w-[100px] text-[9px] sm:text-[10px] tabular-nums",children:function(a){try{let b=new Date(a);return b.toTimeString().slice(0,8)+"."+String(b.getMilliseconds()).padStart(3,"0")}catch{return a}}(a.ts)}),(0,b.jsx)("span",{className:`hidden sm:inline shrink-0 px-1.5 rounded border text-[9px] uppercase ${f[a.level]}`,children:a.level}),(0,b.jsx)("span",{className:`break-all whitespace-pre-wrap ${e[a.level]}`,children:function(a,c){if(!c)return a;let d=a.toLowerCase().indexOf(c.toLowerCase());return d<0?a:(0,b.jsxs)(b.Fragment,{children:[a.slice(0,d),(0,b.jsx)("mark",{className:"bg-yellow-500/30 text-yellow-100 rounded-sm px-0.5",children:a.slice(d,d+c.length)}),a.slice(d+c.length)]})}(a.line.replace(/^\[\d{2}:\d{2}:\d{2}\]\s*/,""),p)})]},`${a.ts}-${c}`))})})]})}])}];
 //# sourceMappingURL=agent-network-dashboard_app_server-logs_page_tsx_0dg.l_8._.js.map

package/.next/server/chunks/ssr/agent-network-dashboard_app_server-logs_page_tsx_0dg.l_8._.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../agent-network-dashboard/app/server-logs/page.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useEffect, useRef, useCallback } from 'react';\nimport Link from 'next/link';\n\ninterface LogLine {\n ts: string;\n level: 'log' \| 'info' \| 'warn' \| 'error';\n line: string;\n}\n\nconst LEVEL_COLOR: Record<LogLine['level'], string> = {\n log: 'text-gray-300',\n info: 'text-cyan-300',\n warn: 'text-amber-400',\n error: 'text-red-400',\n};\n\nconst LEVEL_BADGE: Record<LogLine['level'], string> = {\n log: 'bg-gray-500/10 text-gray-400 border-gray-500/20',\n info: 'bg-cyan-500/10 text-cyan-300 border-cyan-500/30',\n warn: 'bg-amber-500/10 text-amber-300 border-amber-500/30',\n error: 'bg-red-500/10 text-red-300 border-red-500/30',\n};\n\n/** Left-rail strip color per log level — gives the eye a vertical guide\n * when scanning long log walls. Plain hex so Tailwind purge can't drop it. /\nconst LEVEL_STRIPE: Record<LogLine['level'], string> = {\n log: 'transparent',\n info: '#22d3ee',\n warn: '#f59e0b',\n error: '#ef4444',\n};\n\n/* Highlight search-matched substring inside a log line. Case-insensitive\n * first-match wrap; mark inherits color so log-level coloring stays. /\nfunction highlightSearch(line: string, q: string) {\n if (!q) return line;\n const idx = line.toLowerCase().indexOf(q.toLowerCase());\n if (idx < 0) return line;\n return (\n <>\n {line.slice(0, idx)}\n <mark className=\"bg-yellow-500/30 text-yellow-100 rounded-sm px-0.5\">{line.slice(idx, idx + q.length)}</mark>\n {line.slice(idx + q.length)}\n </>\n );\n}\n\nfunction shortTime(iso: string) {\n try {\n const d = new Date(iso);\n return d.toTimeString().slice(0, 8) + '.' + String(d.getMilliseconds()).padStart(3, '0');\n } catch {\n return iso;\n }\n}\n\nexport default function ServerLogsPage() {\n const [logs, setLogs] = useState<LogLine[]>([]);\n const [error, setError] = useState<string \| null>(null);\n const [paused, setPaused] = useState(false);\n const [filterLevel, setFilterLevel] = useState<'all' \| LogLine['level']>('all');\n const [search, setSearch] = useState('');\n const [autoRefresh, setAutoRefresh] = useState(true);\n const lastTsRef = useRef<string>('');\n\n const fetchLogs = useCallback(async (initial = false) => {\n try {\n const params = new URLSearchParams({ limit: '500' });\n if (!initial && lastTsRef.current) params.set('since', lastTsRef.current);\n const res = await fetch(`/api/hub/server-logs?${params.toString()}`);\n const data = await res.json();\n if (!res.ok \|\| !data.ok) {\n setError(data.error \|\| `HTTP ${res.status}`);\n return;\n }\n setError(null);\n const newLogs: LogLine[] = data.logs \|\| [];\n if (newLogs.length === 0) return;\n // server returns newest-first; track most recent ts for incremental fetches\n lastTsRef.current = newLogs[0].ts;\n if (initial) {\n setLogs(newLogs);\n } else {\n // merge: prepend new entries (which are newer than lastTs)\n setLogs(prev => {\n // de-dup by ts+line\n const seen = new Set(prev.map(l => l.ts + l.line));\n const fresh = newLogs.filter(l => !seen.has(l.ts + l.line));\n return [...fresh, ...prev].slice(0, 1000);\n });\n }\n } catch (e: unknown) {\n setError(e instanceof Error ? e.message : 'fetch failed');\n }\n }, []);\n\n useEffect(() => {\n fetchLogs(true);\n }, [fetchLogs]);\n\n useEffect(() => {\n if (!autoRefresh \|\| paused) return;\n const interval = setInterval(() => fetchLogs(false), 2000);\n return () => clearInterval(interval);\n }, [autoRefresh, paused, fetchLogs]);\n\n const filtered = logs.filter(l => {\n if (filterLevel !== 'all' && l.level !== filterLevel) return false;\n if (search && !l.line.toLowerCase().includes(search.toLowerCase())) return false;\n return true;\n });\n\n const counts = { log: 0, info: 0, warn: 0, error: 0 };\n for (const l of logs) counts[l.level]++;\n\n return (\n <div className=\"p-6 max-w-[1600px] mx-auto\">\n <div className=\"flex items-center justify-between mb-4 gap-3\">\n <div className=\"flex items-center gap-3 min-w-0\">\n <h1 className=\"text-2xl font-bold text-white\">Server Logs</h1>\n {/ Round 86: dropped the {logs.length} header chip — r84 added\n `all <count>` to the filter strip just below, so this duplicated\n the value within 40px of itself. /}\n <span className=\"text-xs text-gray-500 hidden sm:inline\">CommHub stdout/stderr</span>\n </div>\n <div className=\"flex items-center gap-2 text-xs shrink-0\">\n <button\n onClick={() => setPaused(p => !p)}\n className={`flex items-center gap-1.5 px-3 py-1 rounded border ${paused ? 'bg-amber-500/10 text-amber-300 border-amber-500/30' : 'bg-cyan-500/10 text-cyan-300 border-cyan-500/30'}`}\n >\n {paused ? (\n <>\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden><path d=\"M8 5v14l11-7z\" /></svg>\n Resume\n </>\n ) : (\n <>\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden>\n <rect x=\"6\" y=\"5\" width=\"4\" height=\"14\" rx=\"0.5\" />\n <rect x=\"14\" y=\"5\" width=\"4\" height=\"14\" rx=\"0.5\" />\n </svg>\n Pause\n </>\n )}\n </button>\n <label className=\"flex items-center gap-1 text-gray-400 select-none\">\n <input type=\"checkbox\" checked={autoRefresh} onChange={e => setAutoRefresh(e.target.checked)} className=\"accent-cyan-500\" />\n <span className=\"hidden sm:inline\">auto-refresh</span>\n </label>\n <button onClick={() => fetchLogs(true)} className=\"flex items-center gap-1.5 px-3 py-1 rounded border bg-gray-500/10 text-gray-300 border-gray-500/20 hover:bg-gray-500/20\">\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\n <path d=\"M3 12a9 9 0 0 1 15.5-6.4L21 8\" />\n <path d=\"M21 3v5h-5\" />\n <path d=\"M21 12a9 9 0 0 1-15.5 6.4L3 16\" />\n <path d=\"M3 21v-5h5\" />\n </svg>\n <span className=\"hidden sm:inline\">Reload</span>\n </button>\n </div>\n </div>\n\n {/ Round 95: flex-wrap + min-w-0 on the search wrapper so the\n search input drops below the chip strip on mobile instead of\n overflowing past the viewport. Desktop layout (single row)\n unchanged because the row has room. /}\n <div className=\"flex flex-wrap items-center gap-3 mb-3\">\n <div className=\"flex items-center gap-1 text-xs flex-wrap\">\n {/ Round 84: every chip shows its count (matches Tasks r56 +\n Audit Log r43); zero-count non-active chips are disabled\n + muted so the eye lands on the levels that actually have\n entries. /}\n {(['all', 'log', 'info', 'warn', 'error'] as const).map(lv => {\n const count = lv === 'all' ? logs.length : counts[lv as LogLine['level']];\n const isActive = filterLevel === lv;\n const isEmpty = lv !== 'all' && count === 0 && !isActive;\n return (\n <button\n key={lv}\n onClick={() => setFilterLevel(lv)}\n disabled={isEmpty}\n className={`px-2.5 py-1 rounded border flex items-center gap-1 disabled:opacity-30 disabled:cursor-not-allowed ${\n isActive\n ? 'bg-cyan-500/15 text-cyan-200 border-cyan-500/40'\n : 'bg-[#11111c] text-gray-400 border-[#2a2a4a] hover:bg-[#1a1a2a]'\n }`}\n >\n <span>{lv}</span>\n <span className={`text-[10px] tabular-nums ${isActive ? 'opacity-80' : 'text-gray-600'}`}>{count}</span>\n </button>\n );\n })}\n </div>\n <input\n value={search}\n onChange={e => setSearch(e.target.value)}\n placeholder=\"搜索关键字 (alias / task_id / error message)\"\n className=\"flex-1 min-w-[140px] basis-full sm:basis-0 px-3 py-1.5 text-xs bg-[#11111c] border border-[#2a2a4a] rounded text-gray-200 focus:outline-none focus:border-cyan-500/40\"\n />\n <span className=\"text-[10px] text-gray-600\">\n {filtered.length} / {logs.length}\n </span>\n </div>\n\n {error && (() => {\n // Translate server error to user-friendly copy + actionable recovery.\n // Raw error stays in title tooltip for debugging.\n const isAuth = /401\|unauthor\|forbidden\|403\|admin/i.test(error);\n return (\n <div className=\"anet-error-chip mb-3 p-3 rounded border border-red-500/30 bg-red-500/10 text-red-300 text-sm flex items-start gap-3\" role=\"alert\">\n <span aria-hidden className=\"text-base leading-none\">⛔</span>\n <div className=\"flex-1\">\n {isAuth ? (\n <>\n <div className=\"font-medium\">需要 admin 角色才能查看服务器日志</div>\n <div className=\"text-xs opacity-80 mt-0.5\" title={error}>\n 服务器日志包含运行时 stdout/stderr，仅 admin 角色可读。\n </div>\n <Link href=\"/login\" className=\"inline-block mt-2 text-xs font-medium underline underline-offset-4 hover:opacity-80\">\n 切到 admin 账号 →\n </Link>\n </>\n ) : (\n <>\n <div className=\"font-medium\">服务器日志暂时无法加载</div>\n <div className=\"text-xs opacity-80 mt-0.5\" title={error}>请检查 CommHub 是否在线，或稍后重试。</div>\n <button onClick={() => window.location.reload()} className=\"inline-block mt-2 text-xs font-medium underline underline-offset-4 hover:opacity-80\">\n 重新加载 →\n </button>\n </>\n )}\n </div>\n </div>\n );\n })()}\n\n <div className=\"rounded border border-[#1a1a2a] bg-[#050510] font-mono text-[11px] leading-relaxed overflow-hidden\">\n {filtered.length === 0 ? (\n <div className=\"p-8 text-center text-gray-600\">\n {error ? '加载失败' : logs.length === 0 ? '加载中...' : '没有匹配的日志'}\n </div>\n ) : (\n <div className=\"divide-y divide-[#0d0d18] max-h-[calc(100vh-260px)] overflow-y-auto\">\n {filtered.map((l, i) => (\n <div key={`${l.ts}-${i}`} className=\"relative pl-3 pr-3 py-1 hover:bg-[#0a0a14] flex gap-3\">\n {/ Round 32: 2px left rail keyed to level. Makes warn/error\n spike visible in a wall of `log` lines without users having\n to read the level chip on every row. /}\n <span\n aria-hidden\n className=\"absolute left-0 top-0 bottom-0 w-0.5\"\n style={{ backgroundColor: LEVEL_STRIPE[l.level] }}\n />\n {/ R4 of #190 mobile polish: the 100px timestamp column +\n 32px LEVEL badge ate ~45% of a 375px row, squeezing log\n content into a 3-line wrap. Drop the ts column to 60px\n on mobile (HH:MM:SS still fits at 9px), restore 100px\n at sm. The 2px left rail (LEVEL_STRIPE) already\n encodes level visually for warn/error, so the LOG badge\n is redundant on mobile — hide it below sm. /}\n <span className=\"text-gray-600 shrink-0 w-[60px] sm:w-[100px] text-[9px] sm:text-[10px] tabular-nums\">{shortTime(l.ts)}</span>\n <span className={`hidden sm:inline shrink-0 px-1.5 rounded border text-[9px] uppercase ${LEVEL_BADGE[l.level]}`}>\n {l.level}\n </span>\n {/ Round 85: CommHub stamps each log line with a `[HH:MM:SS]`\n prefix, but the row already shows shortTime(l.ts) in its\n own 100px column on the left. Strip the duplicate\n prefix at display time so the message starts directly\n with the alias / agent / action. /}\n <span className={`break-all whitespace-pre-wrap ${LEVEL_COLOR[l.level]}`}>\n {highlightSearch(l.line.replace(/^\\[\\d{2}:\\d{2}:\\d{2}\\]\\s/, ''), search)}\n </span>\n </div>\n ))}\n </div>\n )}\n </div>\n </div>\n );\n}\n"],"names":["LEVEL_COLOR","log","info","warn","error","LEVEL_BADGE","LEVEL_STRIPE","highlightSearch","line","q","idx","toLowerCase","indexOf","slice","className","length","shortTime","iso","d","Date","toTimeString","String","getMilliseconds","padStart","ServerLogsPage","logs","setLogs","setError","paused","setPaused","filterLevel","setFilterLevel","search","setSearch","autoRefresh","setAutoRefresh","lastTsRef","fetchLogs","initial","params","URLSearchParams","limit","current","set","res","fetch","toString","data","json","ok","status","newLogs","ts","prev","seen","Set","map","l","fresh","filter","has","e","Error","message","interval","setInterval","clearInterval","filtered","level","includes","counts","onClick","p","width","height","viewBox","fill","x","y","rx","type","checked","onChange","target","stroke","strokeWidth","strokeLinecap","strokeLinejoin","lv","count","isActive","isEmpty","disabled","value","placeholder","isAuth","test","role","title","href","window","location","reload","i","style","backgroundColor","replace"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../../agent-network-dashboard/app/server-logs/page.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useEffect, useRef, useCallback } from 'react';\nimport Link from 'next/link';\n\ninterface LogLine {\n ts: string;\n level: 'log' \| 'info' \| 'warn' \| 'error';\n line: string;\n}\n\nconst LEVEL_COLOR: Record<LogLine['level'], string> = {\n log: 'text-gray-300',\n info: 'text-cyan-300',\n warn: 'text-amber-400',\n error: 'text-red-400',\n};\n\nconst LEVEL_BADGE: Record<LogLine['level'], string> = {\n log: 'bg-gray-500/10 text-gray-400 border-gray-500/20',\n info: 'bg-cyan-500/10 text-cyan-300 border-cyan-500/30',\n warn: 'bg-amber-500/10 text-amber-300 border-amber-500/30',\n error: 'bg-red-500/10 text-red-300 border-red-500/30',\n};\n\n/** Left-rail strip color per log level — gives the eye a vertical guide\n * when scanning long log walls. Plain hex so Tailwind purge can't drop it. /\nconst LEVEL_STRIPE: Record<LogLine['level'], string> = {\n log: 'transparent',\n info: '#22d3ee',\n warn: '#f59e0b',\n error: '#ef4444',\n};\n\n/* Highlight search-matched substring inside a log line. Case-insensitive\n * first-match wrap; mark inherits color so log-level coloring stays. /\nfunction highlightSearch(line: string, q: string) {\n if (!q) return line;\n const idx = line.toLowerCase().indexOf(q.toLowerCase());\n if (idx < 0) return line;\n return (\n <>\n {line.slice(0, idx)}\n <mark className=\"bg-yellow-500/30 text-yellow-100 rounded-sm px-0.5\">{line.slice(idx, idx + q.length)}</mark>\n {line.slice(idx + q.length)}\n </>\n );\n}\n\nfunction shortTime(iso: string) {\n try {\n const d = new Date(iso);\n return d.toTimeString().slice(0, 8) + '.' + String(d.getMilliseconds()).padStart(3, '0');\n } catch {\n return iso;\n }\n}\n\nexport default function ServerLogsPage() {\n const [logs, setLogs] = useState<LogLine[]>([]);\n const [error, setError] = useState<string \| null>(null);\n const [paused, setPaused] = useState(false);\n const [filterLevel, setFilterLevel] = useState<'all' \| LogLine['level']>('all');\n const [search, setSearch] = useState('');\n const [autoRefresh, setAutoRefresh] = useState(true);\n const lastTsRef = useRef<string>('');\n\n const fetchLogs = useCallback(async (initial = false) => {\n try {\n const params = new URLSearchParams({ limit: '500' });\n if (!initial && lastTsRef.current) params.set('since', lastTsRef.current);\n const res = await fetch(`/api/hub/server-logs?${params.toString()}`);\n const data = await res.json();\n if (!res.ok \|\| !data.ok) {\n setError(data.error \|\| `HTTP ${res.status}`);\n return;\n }\n setError(null);\n const newLogs: LogLine[] = data.logs \|\| [];\n if (newLogs.length === 0) return;\n // server returns newest-first; track most recent ts for incremental fetches\n lastTsRef.current = newLogs[0].ts;\n if (initial) {\n setLogs(newLogs);\n } else {\n // merge: prepend new entries (which are newer than lastTs)\n setLogs(prev => {\n // de-dup by ts+line\n const seen = new Set(prev.map(l => l.ts + l.line));\n const fresh = newLogs.filter(l => !seen.has(l.ts + l.line));\n return [...fresh, ...prev].slice(0, 1000);\n });\n }\n } catch (e: unknown) {\n setError(e instanceof Error ? e.message : 'fetch failed');\n }\n }, []);\n\n useEffect(() => {\n fetchLogs(true);\n }, [fetchLogs]);\n\n useEffect(() => {\n if (!autoRefresh \|\| paused) return;\n const interval = setInterval(() => fetchLogs(false), 2000);\n return () => clearInterval(interval);\n }, [autoRefresh, paused, fetchLogs]);\n\n const filtered = logs.filter(l => {\n if (filterLevel !== 'all' && l.level !== filterLevel) return false;\n if (search && !l.line.toLowerCase().includes(search.toLowerCase())) return false;\n return true;\n });\n\n const counts = { log: 0, info: 0, warn: 0, error: 0 };\n for (const l of logs) counts[l.level]++;\n\n return (\n <div className=\"p-6 max-w-[1600px] mx-auto\">\n <div className=\"flex items-center justify-between mb-4 gap-3\">\n <div className=\"flex items-center gap-3 min-w-0\">\n <h1 className=\"text-2xl font-bold text-white\">Server Logs</h1>\n {/ Round 86: dropped the {logs.length} header chip — r84 added\n `all <count>` to the filter strip just below, so this duplicated\n the value within 40px of itself. /}\n <span className=\"text-xs text-gray-500 hidden sm:inline\">CommHub stdout/stderr</span>\n </div>\n <div className=\"flex items-center gap-2 text-xs shrink-0\">\n <button\n onClick={() => setPaused(p => !p)}\n className={`flex items-center gap-1.5 px-3 py-1 rounded border ${paused ? 'bg-amber-500/10 text-amber-300 border-amber-500/30' : 'bg-cyan-500/10 text-cyan-300 border-cyan-500/30'}`}\n >\n {paused ? (\n <>\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden><path d=\"M8 5v14l11-7z\" /></svg>\n Resume\n </>\n ) : (\n <>\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden>\n <rect x=\"6\" y=\"5\" width=\"4\" height=\"14\" rx=\"0.5\" />\n <rect x=\"14\" y=\"5\" width=\"4\" height=\"14\" rx=\"0.5\" />\n </svg>\n Pause\n </>\n )}\n </button>\n <label className=\"flex items-center gap-1 text-gray-400 select-none\">\n <input type=\"checkbox\" checked={autoRefresh} onChange={e => setAutoRefresh(e.target.checked)} className=\"accent-cyan-500\" />\n <span className=\"hidden sm:inline\">auto-refresh</span>\n </label>\n <button onClick={() => fetchLogs(true)} className=\"flex items-center gap-1.5 px-3 py-1 rounded border bg-gray-500/10 text-gray-300 border-gray-500/20 hover:bg-gray-500/20\">\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\n <path d=\"M3 12a9 9 0 0 1 15.5-6.4L21 8\" />\n <path d=\"M21 3v5h-5\" />\n <path d=\"M21 12a9 9 0 0 1-15.5 6.4L3 16\" />\n <path d=\"M3 21v-5h5\" />\n </svg>\n <span className=\"hidden sm:inline\">Reload</span>\n </button>\n </div>\n </div>\n\n {/ Round 95: flex-wrap + min-w-0 on the search wrapper so the\n search input drops below the chip strip on mobile instead of\n overflowing past the viewport. Desktop layout (single row)\n unchanged because the row has room. /}\n <div className=\"flex flex-wrap items-center gap-3 mb-3\">\n <div className=\"flex items-center gap-1 text-xs flex-wrap\">\n {/ Round 84: every chip shows its count (matches Tasks r56 +\n Audit Log r43); zero-count non-active chips are disabled\n + muted so the eye lands on the levels that actually have\n entries. /}\n {(['all', 'log', 'info', 'warn', 'error'] as const).map(lv => {\n const count = lv === 'all' ? logs.length : counts[lv as LogLine['level']];\n const isActive = filterLevel === lv;\n const isEmpty = lv !== 'all' && count === 0 && !isActive;\n return (\n <button\n key={lv}\n onClick={() => setFilterLevel(lv)}\n disabled={isEmpty}\n className={`px-2.5 py-1 rounded border flex items-center gap-1 disabled:opacity-30 disabled:cursor-not-allowed ${\n isActive\n ? 'bg-cyan-500/15 text-cyan-200 border-cyan-500/40'\n : 'bg-[#11111c] text-gray-400 border-[#2a2a4a] hover:bg-[#1a1a2a]'\n }`}\n >\n <span>{lv}</span>\n <span className={`text-[10px] tabular-nums ${isActive ? 'opacity-80' : 'text-gray-600'}`}>{count}</span>\n </button>\n );\n })}\n </div>\n <input\n value={search}\n onChange={e => setSearch(e.target.value)}\n placeholder=\"搜索关键字 (alias / task_id / error message)\"\n className=\"flex-1 min-w-[140px] basis-full sm:basis-0 px-3 py-1.5 text-base sm:text-xs bg-[#11111c] border border-[#2a2a4a] rounded text-gray-200 focus:outline-none focus:border-cyan-500/40\"\n />\n <span className=\"text-[10px] text-gray-600\">\n {filtered.length} / {logs.length}\n </span>\n </div>\n\n {error && (() => {\n // Translate server error to user-friendly copy + actionable recovery.\n // Raw error stays in title tooltip for debugging.\n const isAuth = /401\|unauthor\|forbidden\|403\|admin/i.test(error);\n return (\n <div className=\"anet-error-chip mb-3 p-3 rounded border border-red-500/30 bg-red-500/10 text-red-300 text-sm flex items-start gap-3\" role=\"alert\">\n <span aria-hidden className=\"text-base leading-none\">⛔</span>\n <div className=\"flex-1\">\n {isAuth ? (\n <>\n <div className=\"font-medium\">需要 admin 角色才能查看服务器日志</div>\n <div className=\"text-xs opacity-80 mt-0.5\" title={error}>\n 服务器日志包含运行时 stdout/stderr，仅 admin 角色可读。\n </div>\n <Link href=\"/login\" className=\"inline-block mt-2 text-xs font-medium underline underline-offset-4 hover:opacity-80\">\n 切到 admin 账号 →\n </Link>\n </>\n ) : (\n <>\n <div className=\"font-medium\">服务器日志暂时无法加载</div>\n <div className=\"text-xs opacity-80 mt-0.5\" title={error}>请检查 CommHub 是否在线，或稍后重试。</div>\n <button onClick={() => window.location.reload()} className=\"inline-block mt-2 text-xs font-medium underline underline-offset-4 hover:opacity-80\">\n 重新加载 →\n </button>\n </>\n )}\n </div>\n </div>\n );\n })()}\n\n <div className=\"rounded border border-[#1a1a2a] bg-[#050510] font-mono text-[11px] leading-relaxed overflow-hidden\">\n {filtered.length === 0 ? (\n <div className=\"p-8 text-center text-gray-600\">\n {error ? '加载失败' : logs.length === 0 ? '加载中...' : '没有匹配的日志'}\n </div>\n ) : (\n <div className=\"divide-y divide-[#0d0d18] max-h-[calc(100vh-260px)] overflow-y-auto\">\n {filtered.map((l, i) => (\n <div key={`${l.ts}-${i}`} className=\"relative pl-3 pr-3 py-1 hover:bg-[#0a0a14] flex gap-3\">\n {/ Round 32: 2px left rail keyed to level. Makes warn/error\n spike visible in a wall of `log` lines without users having\n to read the level chip on every row. /}\n <span\n aria-hidden\n className=\"absolute left-0 top-0 bottom-0 w-0.5\"\n style={{ backgroundColor: LEVEL_STRIPE[l.level] }}\n />\n {/ R4 of #190 mobile polish: the 100px timestamp column +\n 32px LEVEL badge ate ~45% of a 375px row, squeezing log\n content into a 3-line wrap. Drop the ts column to 60px\n on mobile (HH:MM:SS still fits at 9px), restore 100px\n at sm. The 2px left rail (LEVEL_STRIPE) already\n encodes level visually for warn/error, so the LOG badge\n is redundant on mobile — hide it below sm. /}\n <span className=\"text-gray-600 shrink-0 w-[60px] sm:w-[100px] text-[9px] sm:text-[10px] tabular-nums\">{shortTime(l.ts)}</span>\n <span className={`hidden sm:inline shrink-0 px-1.5 rounded border text-[9px] uppercase ${LEVEL_BADGE[l.level]}`}>\n {l.level}\n </span>\n {/ Round 85: CommHub stamps each log line with a `[HH:MM:SS]`\n prefix, but the row already shows shortTime(l.ts) in its\n own 100px column on the left. Strip the duplicate\n prefix at display time so the message starts directly\n with the alias / agent / action. /}\n <span className={`break-all whitespace-pre-wrap ${LEVEL_COLOR[l.level]}`}>\n {highlightSearch(l.line.replace(/^\\[\\d{2}:\\d{2}:\\d{2}\\]\\s/, ''), search)}\n </span>\n </div>\n ))}\n </div>\n )}\n </div>\n </div>\n );\n}\n"],"names":["LEVEL_COLOR","log","info","warn","error","LEVEL_BADGE","LEVEL_STRIPE","highlightSearch","line","q","idx","toLowerCase","indexOf","slice","className","length","shortTime","iso","d","Date","toTimeString","String","getMilliseconds","padStart","ServerLogsPage","logs","setLogs","setError","paused","setPaused","filterLevel","setFilterLevel","search","setSearch","autoRefresh","setAutoRefresh","lastTsRef","fetchLogs","initial","params","URLSearchParams","limit","current","set","res","fetch","toString","data","json","ok","status","newLogs","ts","prev","seen","Set","map","l","fresh","filter","has","e","Error","message","interval","setInterval","clearInterval","filtered","level","includes","counts","onClick","p","width","height","viewBox","fill","x","y","rx","type","checked","onChange","target","stroke","strokeWidth","strokeLinecap","strokeLinejoin","lv","count","isActive","isEmpty","disabled","value","placeholder","isAuth","test","role","title","href","window","location","reload","i","style","backgroundColor","replace"],"mappings":"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"}

package/.next/server/chunks/ssr/agent-network-dashboard_app_tasks_page_tsx_0mwxy4z._.js CHANGED Viewed

@@ -1,3 +1,3 @@
-module.exports=[60764,a=>{"use strict";var b=a.i(64247),c=a.i(54413),d=a.i(99309),e=a.i(59202),f=a.i(92088),g=a.i(8893);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?[{key:"created",label:"Created",time:e.created_at,color:"bg-gray-400"},{key:"delivered",label:"Delivered",time:e.delivered_at,color:"bg-blue-400"},{key:"started",label:"Started",time:e.started_at,color:"bg-green-400"},{key:"completed",label:"Completed",time:e.completed_at,color:"bg-purple-400"}].map(a=>({...a,done:!!a.time})):[],p=o.findIndex(a=>!a.done),q=e&&"completed"!==e.status&&"failed"!==e.status&&"expired"!==e.status&&"cancelled"!==e.status,r=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",{className:"fixed inset-0 bg-black/30 z-40 anet-fade-in",onClick:d}),(0,b.jsxs)("div",{className:"fixed top-0 right-0 h-[100dvh] 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:"flex items-center justify-between px-5 py-4 border-b border-[#2a2a4a] bg-[#0d0d1a] sticky top-0",children:[(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{className:"text-sm font-semibold text-white",children:"Task Detail"}),(0,b.jsxs)("div",{className:"text-[10px] text-gray-500 mt-0.5",children:[a.slice(0,16),"..."]})]}),(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"})})})]}),m?(0,b.jsx)("div",{className:"flex justify-center py-16",children:(0,b.jsx)("div",{className:"w-6 h-6 border-2 border-cyan-500/30 border-t-cyan-500 rounded-full animate-spin"})}):e?(0,b.jsxs)("div",{className:"px-5 py-5 space-y-5",children:[(0,b.jsxs)("div",{className:"flex items-center gap-3",children:[(0,b.jsx)("span",{className:`text-lg font-bold ${h[e.status]||"text-gray-400"}`,children:e.status}),"normal"!==e.priority&&(0,b.jsx)("span",{className:`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!==r&&(0,b.jsxs)("span",{className:"text-xs text-gray-500",children:["⏱ ",r<60?`${r}s`:`${Math.floor(r/60)}m ${r%60}s`]})]}),(0,b.jsxs)("div",{className:"flex items-center gap-2 text-sm flex-wrap",children:[e.from_name&&(0,b.jsx)(g.AliasAvatar,{alias:e.from_name,size:18}),(0,b.jsx)("span",{className:"text-gray-200 font-medium",children:e.from_name||"--"}),(0,b.jsx)("span",{className:"text-gray-600",children:"→"}),e.to_name&&(0,b.jsx)(g.AliasAvatar,{alias:e.to_name,size:18}),(0,b.jsx)("span",{className:"text-gray-200 font-medium",children:e.to_name||"--"})]}),(0,b.jsxs)("div",{className:"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)("div",{className:"text-xs text-gray-500 uppercase tracking-wide",children:"Timeline"}),null!==r&&(0,b.jsxs)("div",{className:"text-[10px] text-gray-600",children:[r<60?`${r}s`:`${Math.floor(r/60)}m ${r%60}s`," runtime"]})]}),(0,b.jsx)("div",{className:"space-y-3",children:o.map((a,c)=>{let d=q&&c===p,e=!!o[c+1]?.done;return(0,b.jsxs)("div",{className:"flex items-start gap-3",children:[(0,b.jsxs)("div",{className:"flex flex-col items-center pt-0.5",children:[(0,b.jsx)("span",{className:`relative w-3 h-3 rounded-full shrink-0 ${a.done?a.color:"bg-gray-700"}`,children:d&&(0,b.jsx)("span",{"aria-hidden":!0,className:"absolute -inset-1 rounded-full border border-current opacity-60 anet-current-step-pulse",style:{borderColor:"currentColor"}})}),c<o.length-1&&(0,b.jsx)("div",{className:`w-0.5 h-5 mt-1 ${a.done&&e?"bg-gray-500":a.done?"bg-gradient-to-b from-gray-500 to-gray-800":"bg-gray-800"}`})]}),(0,b.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,b.jsxs)("div",{className:`text-xs font-medium flex items-center gap-2 ${a.done?"text-gray-200":d?"text-cyan-300":"text-gray-600"}`,children:[(0,b.jsx)("span",{children:a.label}),d&&(0,b.jsx)("span",{className:"text-[9px] uppercase tracking-wide text-cyan-400",children:"in progress"})]}),(0,b.jsx)("div",{className:"text-[10px] text-gray-500",title:a.time||void 0,children:a.time?(0,f.timeAgo)(a.time):d?"—":"Pending"})]})]},a.key)})})]}),(0,b.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsx)("div",{className:"text-xs text-gray-500 uppercase mb-2",children:"Input"}),(0,b.jsx)("div",{className:"text-sm text-gray-300 whitespace-pre-wrap",children:e.content||"--"})]}),e.result&&(0,b.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsx)("div",{className:"text-xs text-gray-500 uppercase mb-2",children:"Output"}),(0,b.jsx)("div",{className:"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:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsxs)("div",{className:"text-xs text-gray-500 uppercase mb-2",children:["Events (",k.length,")"]}),(0,b.jsx)("div",{className:"space-y-1.5 max-h-40 overflow-y-auto",children:k.map(a=>(0,b.jsxs)("div",{className:"flex items-center gap-2 text-[11px]",children:[(0,b.jsx)("span",{className:`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:"text-gray-400",children:a.event_type}),a.from_status&&(0,b.jsxs)("span",{className:"text-gray-600",children:[a.from_status,"→",a.to_status]}),(0,b.jsx)("span",{className:"text-gray-600 ml-auto",children:(0,f.timeAgo)(a.created_at)})]},a.id))})]}),(0,b.jsxs)("div",{className:"text-[10px] text-gray-600 space-y-1",children:[(0,b.jsxs)("div",{children:["Task ID: ",e.task_id]}),e.expires_at&&(0,b.jsxs)("div",{children:["Expires: ",e.expires_at]})]})]}):(0,b.jsx)("div",{className:"text-center py-16 text-gray-500",children:"Task not found"})]})]})}var j=a.i(19595),k=a.i(49597);function l(a){let b=k.STATUS_CHIP_CLASS[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,h,o,p,q=(0,d.useSearchParams)(),{networkId:r}=(0,e.useNetworkId)(),[s,t]=(0,c.useState)([]),[u,v]=(0,c.useState)(0),[w,x]=(0,c.useState)(!0),[y,z]=(0,c.useState)(""),[A,B]=(0,c.useState)(new Set),[C,D]=(0,c.useState)(q.get("status")||""),[E,F]=(0,c.useState)(""),[G,H]=(0,c.useState)(""),[I,J]=(0,c.useState)(null),K=a=>{B(b=>{let c=new Set(b);return c.has(a)?c.delete(a):c.add(a),c})},L=(0,c.useCallback)(async()=>{try{let a=new URLSearchParams;r&&a.set("network_id",r),C&&a.set("status",C),E&&a.set("from_name",E),G&&a.set("to_name",G),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();t(c.tasks||[]),v(c.count??(c.tasks?.length||0)),z("")}catch(a){z(a instanceof Error?a.message:"fetch failed")}finally{x(!1)}},[C,E,G,r]);return(0,c.useEffect)(()=>{x(!0),L();let a=setInterval(L,5e3);return()=>clearInterval(a)},[L]),(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 tabular-nums",title:s.length<u?`Showing ${s.length} of ${u} tasks`:void 0,children:s.length<u?`${s.length} / ${u}`:u})]}),s.length>0&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:"anet-tabstrip-wrap mb-4",children:(0,b.jsx)("div",{className:"anet-tabstrip flex sm:flex-wrap gap-1 bg-[#111128] rounded-lg border border-[#2a2a4a] p-1 overflow-x-auto sm:overflow-x-visible scrollbar-thin",children:(a={},s.forEach(b=>{a[b.status]=(a[b.status]||0)+1}),["",...k.TASK_STATUSES].map(c=>{let d=""===c?s.length:a[c]||0,e=C===c;return(0,b.jsxs)("button",{onClick:()=>D(c),disabled:0===d&&""!==c&&!e,className:`px-3 py-1.5 rounded-md text-xs transition-colors flex items-center gap-1.5 shrink-0 whitespace-nowrap disabled:opacity-30 disabled:cursor-not-allowed ${e?`${k.STATUS_CHIP_CLASS[c]||"bg-cyan-500/10 text-cyan-300 border-cyan-500/20"} border`:"text-gray-500 hover:text-gray-300 hover:bg-[#1a1a2a]/40"}`,children:[c&&(0,b.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full shrink-0",style:{backgroundColor:k.STATUS_DOT_HEX[c]||"#6b7280"}}),(0,b.jsx)("span",{children:c||"All"}),(0,b.jsx)("span",{className:`text-[10px] tabular-nums ${e?"opacity-80":"text-gray-600"}`,children:d})]},c)}))})}),(0,b.jsxs)("div",{className:"flex flex-wrap items-center gap-2 mb-6",children:[(0,b.jsxs)("div",{className:"flex items-center gap-1.5 rounded-lg border border-[#2a2a4a] bg-[#111128] px-2.5 py-1.5 focus-within:border-blue-500/40",children:[(0,b.jsx)("span",{className:"text-[10px] uppercase tracking-wide text-gray-600",children:"From"}),(0,b.jsx)("input",{type:"text",value:E,onChange:a=>F(a.target.value),placeholder:"any node",className:"w-28 bg-transparent text-sm text-white placeholder-gray-700 focus:outline-none"})]}),(0,b.jsxs)("div",{className:"flex items-center gap-1.5 rounded-lg border border-[#2a2a4a] bg-[#111128] px-2.5 py-1.5 focus-within:border-blue-500/40",children:[(0,b.jsx)("span",{className:"text-[10px] uppercase tracking-wide text-gray-600",children:"To"}),(0,b.jsx)("input",{type:"text",value:G,onChange:a=>H(a.target.value),placeholder:"any node",className:"w-28 bg-transparent text-sm text-white placeholder-gray-700 focus:outline-none"})]}),(C||E||G)&&(0,b.jsx)("button",{type:"button",onClick:()=>{D(""),F(""),H("")},className:"rounded-lg border border-gray-700 px-2.5 py-1.5 text-[11px] text-gray-500 hover:text-gray-200 hover:border-gray-600",children:"Clear filters"})]})]}),s.length>0&&!C&&(h={},s.forEach(a=>{h[a.status]=(h[a.status]||0)+1}),o=s.length||1,(p=k.TASK_STATUSES.map(a=>({key:a,color:k.STATUS_BAR_CLASS[a]})).filter(a=>h[a.key])).length?(0,b.jsx)("div",{className:"mb-6",children:(0,b.jsx)("div",{className:"flex h-2 rounded-full overflow-hidden bg-gray-800",children:p.map(a=>(0,b.jsx)("div",{className:a.color,style:{width:`${h[a.key]/o*100}%`},title:`${a.key}: ${h[a.key]}`},a.key))})}):null),y&&(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:y}),w?(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===s.length?(0,b.jsx)(j.EmptyState,{variant:"tasks",sub:C||E||G?"No tasks match the current filters. Try clearing them.":"Tasks will appear here when agents send them via CommHub."}):(0,b.jsxs)("div",{className:"space-y-1 sm: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"})]}),s.map(a=>{let c=A.has(a.task_id);return(0,b.jsxs)("div",{className:`anet-task-row group bg-[#111128] border rounded-lg px-3 py-2 sm:px-4 sm:py-3 transition-all duration-200 cursor-pointer ${c?"border-[#3a3a5a] shadow-lg shadow-black/20":"border-[#2a2a4a] hover:border-[#3a3a5a] hover:bg-[#15152e]"}`,onClick:()=>K(a.task_id),role:"button",tabIndex:0,"aria-expanded":c,onKeyDown:b=>{("Enter"===b.key||" "===b.key)&&(b.preventDefault(),K(a.task_id))},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.jsxs)("div",{className:"col-span-2 flex items-center gap-1.5 min-w-0",title:a.from_name,children:[a.from_name&&(0,b.jsx)(g.AliasAvatar,{alias:a.from_name,size:18}),(0,b.jsx)("span",{className:"truncate text-sm text-gray-200",children:a.from_name||"--"})]}),(0,b.jsxs)("div",{className:"col-span-2 flex items-center gap-1.5 min-w-0",title:a.to_name,children:[a.to_name&&(0,b.jsx)(g.AliasAvatar,{alias:a.to_name,size:18}),(0,b.jsx)("span",{className:"truncate text-sm text-gray-200",children:a.to_name||"--"})]}),(0,b.jsx)("div",{className:"col-span-4 text-xs text-gray-400 truncate",title:a.content,children:(0,f.previewContent)(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.jsxs)("div",{className:"col-span-2 text-xs text-gray-500 flex items-center justify-between gap-2",title:a.created_at,children:[(0,b.jsx)("span",{className:"truncate",children:n(a.created_at)}),(0,b.jsx)("svg",{"aria-hidden":!0,className:`shrink-0 text-gray-600 group-hover:text-gray-400 transition-transform duration-200 ${c?"rotate-180":""}`,width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 9l6 6 6-6"})})]})]}),(0,b.jsxs)("div",{className:"sm:hidden space-y-1",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.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsx)("span",{className:`text-xs ${m(a.priority)}`,children:a.priority||"normal"}),(0,b.jsx)("svg",{"aria-hidden":!0,className:`text-gray-600 transition-transform duration-200 ${c?"rotate-180":""}`,width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 9l6 6 6-6"})})]})]}),(0,b.jsxs)("div",{className:"flex items-center gap-1.5 text-xs text-gray-300 min-w-0",children:[a.from_name&&(0,b.jsx)(g.AliasAvatar,{alias:a.from_name,size:16}),(0,b.jsx)("span",{className:"truncate max-w-[35%]",children:a.from_name||"--"}),(0,b.jsx)("span",{className:"text-gray-600",children:"→"}),a.to_name&&(0,b.jsx)(g.AliasAvatar,{alias:a.to_name,size:16}),(0,b.jsx)("span",{className:"truncate max-w-[35%]",children:a.to_name||"--"}),(0,b.jsx)("span",{className:"ml-auto shrink-0 text-[10px] text-gray-600",children:n(a.created_at)})]}),(0,b.jsx)("div",{className:"text-xs text-gray-400 line-clamp-1",title:a.content,children:(0,f.previewContent)(a.content)})]}),(0,b.jsx)("div",{className:`grid transition-all duration-300 ease-out ${c?"grid-rows-[1fr] opacity-100 mt-3":"grid-rows-[0fr] opacity-0"}`,"aria-hidden":!c,children:(0,b.jsx)("div",{className:"overflow-hidden",children:(0,b.jsxs)("div",{className:"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})}),L()},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(),J(a.task_id)},className:"text-xs text-cyan-400 hover:text-cyan-300",children:"Detail →"})]})]})]})})})]},a.task_id)})]}),I&&(0,b.jsx)(i,{taskId:I,onClose:()=>J(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,{})})}],60764)}];
+module.exports=[60764,a=>{"use strict";var b=a.i(64247),c=a.i(54413),d=a.i(99309),e=a.i(59202),f=a.i(92088),g=a.i(8893);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?[{key:"created",label:"Created",time:e.created_at,color:"bg-gray-400"},{key:"delivered",label:"Delivered",time:e.delivered_at,color:"bg-blue-400"},{key:"started",label:"Started",time:e.started_at,color:"bg-green-400"},{key:"completed",label:"Completed",time:e.completed_at,color:"bg-purple-400"}].map(a=>({...a,done:!!a.time})):[],p=o.findIndex(a=>!a.done),q=e&&"completed"!==e.status&&"failed"!==e.status&&"expired"!==e.status&&"cancelled"!==e.status,r=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",{className:"fixed inset-0 bg-black/30 z-40 anet-fade-in",onClick:d}),(0,b.jsxs)("div",{className:"fixed top-0 right-0 h-[100dvh] 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:"flex items-center justify-between px-5 py-4 border-b border-[#2a2a4a] bg-[#0d0d1a] sticky top-0",children:[(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{className:"text-sm font-semibold text-white",children:"Task Detail"}),(0,b.jsxs)("div",{className:"text-[10px] text-gray-500 mt-0.5",children:[a.slice(0,16),"..."]})]}),(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"})})})]}),m?(0,b.jsx)("div",{className:"flex justify-center py-16",children:(0,b.jsx)("div",{className:"w-6 h-6 border-2 border-cyan-500/30 border-t-cyan-500 rounded-full animate-spin"})}):e?(0,b.jsxs)("div",{className:"px-5 py-5 space-y-5",children:[(0,b.jsxs)("div",{className:"flex items-center gap-3",children:[(0,b.jsx)("span",{className:`text-lg font-bold ${h[e.status]||"text-gray-400"}`,children:e.status}),"normal"!==e.priority&&(0,b.jsx)("span",{className:`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!==r&&(0,b.jsxs)("span",{className:"text-xs text-gray-500",children:["⏱ ",r<60?`${r}s`:`${Math.floor(r/60)}m ${r%60}s`]})]}),(0,b.jsxs)("div",{className:"flex items-center gap-2 text-sm flex-wrap",children:[e.from_name&&(0,b.jsx)(g.AliasAvatar,{alias:e.from_name,size:18}),(0,b.jsx)("span",{className:"text-gray-200 font-medium",children:e.from_name||"--"}),(0,b.jsx)("span",{className:"text-gray-600",children:"→"}),e.to_name&&(0,b.jsx)(g.AliasAvatar,{alias:e.to_name,size:18}),(0,b.jsx)("span",{className:"text-gray-200 font-medium",children:e.to_name||"--"})]}),(0,b.jsxs)("div",{className:"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)("div",{className:"text-xs text-gray-500 uppercase tracking-wide",children:"Timeline"}),null!==r&&(0,b.jsxs)("div",{className:"text-[10px] text-gray-600",children:[r<60?`${r}s`:`${Math.floor(r/60)}m ${r%60}s`," runtime"]})]}),(0,b.jsx)("div",{className:"space-y-3",children:o.map((a,c)=>{let d=q&&c===p,e=!!o[c+1]?.done;return(0,b.jsxs)("div",{className:"flex items-start gap-3",children:[(0,b.jsxs)("div",{className:"flex flex-col items-center pt-0.5",children:[(0,b.jsx)("span",{className:`relative w-3 h-3 rounded-full shrink-0 ${a.done?a.color:"bg-gray-700"}`,children:d&&(0,b.jsx)("span",{"aria-hidden":!0,className:"absolute -inset-1 rounded-full border border-current opacity-60 anet-current-step-pulse",style:{borderColor:"currentColor"}})}),c<o.length-1&&(0,b.jsx)("div",{className:`w-0.5 h-5 mt-1 ${a.done&&e?"bg-gray-500":a.done?"bg-gradient-to-b from-gray-500 to-gray-800":"bg-gray-800"}`})]}),(0,b.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,b.jsxs)("div",{className:`text-xs font-medium flex items-center gap-2 ${a.done?"text-gray-200":d?"text-cyan-300":"text-gray-600"}`,children:[(0,b.jsx)("span",{children:a.label}),d&&(0,b.jsx)("span",{className:"text-[9px] uppercase tracking-wide text-cyan-400",children:"in progress"})]}),(0,b.jsx)("div",{className:"text-[10px] text-gray-500",title:a.time||void 0,children:a.time?(0,f.timeAgo)(a.time):d?"—":"Pending"})]})]},a.key)})})]}),(0,b.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsx)("div",{className:"text-xs text-gray-500 uppercase mb-2",children:"Input"}),(0,b.jsx)("div",{className:"text-sm text-gray-300 whitespace-pre-wrap",children:e.content||"--"})]}),e.result&&(0,b.jsxs)("div",{className:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsx)("div",{className:"text-xs text-gray-500 uppercase mb-2",children:"Output"}),(0,b.jsx)("div",{className:"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:"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4",children:[(0,b.jsxs)("div",{className:"text-xs text-gray-500 uppercase mb-2",children:["Events (",k.length,")"]}),(0,b.jsx)("div",{className:"space-y-1.5 max-h-40 overflow-y-auto",children:k.map(a=>(0,b.jsxs)("div",{className:"flex items-center gap-2 text-[11px]",children:[(0,b.jsx)("span",{className:`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:"text-gray-400",children:a.event_type}),a.from_status&&(0,b.jsxs)("span",{className:"text-gray-600",children:[a.from_status,"→",a.to_status]}),(0,b.jsx)("span",{className:"text-gray-600 ml-auto",children:(0,f.timeAgo)(a.created_at)})]},a.id))})]}),(0,b.jsxs)("div",{className:"text-[10px] text-gray-600 space-y-1",children:[(0,b.jsxs)("div",{children:["Task ID: ",e.task_id]}),e.expires_at&&(0,b.jsxs)("div",{children:["Expires: ",e.expires_at]})]})]}):(0,b.jsx)("div",{className:"text-center py-16 text-gray-500",children:"Task not found"})]})]})}var j=a.i(19595),k=a.i(49597);function l(a){let b=k.STATUS_CHIP_CLASS[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,h,o,p,q=(0,d.useSearchParams)(),{networkId:r}=(0,e.useNetworkId)(),[s,t]=(0,c.useState)([]),[u,v]=(0,c.useState)(0),[w,x]=(0,c.useState)(!0),[y,z]=(0,c.useState)(""),[A,B]=(0,c.useState)(new Set),[C,D]=(0,c.useState)(q.get("status")||""),[E,F]=(0,c.useState)(""),[G,H]=(0,c.useState)(""),[I,J]=(0,c.useState)(null),K=a=>{B(b=>{let c=new Set(b);return c.has(a)?c.delete(a):c.add(a),c})},L=(0,c.useCallback)(async()=>{try{let a=new URLSearchParams;r&&a.set("network_id",r),C&&a.set("status",C),E&&a.set("from_name",E),G&&a.set("to_name",G),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();t(c.tasks||[]),v(c.count??(c.tasks?.length||0)),z("")}catch(a){z(a instanceof Error?a.message:"fetch failed")}finally{x(!1)}},[C,E,G,r]);return(0,c.useEffect)(()=>{x(!0),L();let a=setInterval(L,5e3);return()=>clearInterval(a)},[L]),(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 tabular-nums",title:s.length<u?`Showing ${s.length} of ${u} tasks`:void 0,children:s.length<u?`${s.length} / ${u}`:u})]}),s.length>0&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:"anet-tabstrip-wrap mb-4",children:(0,b.jsx)("div",{className:"anet-tabstrip flex sm:flex-wrap gap-1 bg-[#111128] rounded-lg border border-[#2a2a4a] p-1 overflow-x-auto sm:overflow-x-visible scrollbar-thin",children:(a={},s.forEach(b=>{a[b.status]=(a[b.status]||0)+1}),["",...k.TASK_STATUSES].map(c=>{let d=""===c?s.length:a[c]||0,e=C===c;return(0,b.jsxs)("button",{onClick:()=>D(c),disabled:0===d&&""!==c&&!e,className:`px-3 py-1.5 rounded-md text-xs transition-colors flex items-center gap-1.5 shrink-0 whitespace-nowrap disabled:opacity-30 disabled:cursor-not-allowed ${e?`${k.STATUS_CHIP_CLASS[c]||"bg-cyan-500/10 text-cyan-300 border-cyan-500/20"} border`:"text-gray-500 hover:text-gray-300 hover:bg-[#1a1a2a]/40"}`,children:[c&&(0,b.jsx)("span",{"aria-hidden":!0,className:"inline-block w-1.5 h-1.5 rounded-full shrink-0",style:{backgroundColor:k.STATUS_DOT_HEX[c]||"#6b7280"}}),(0,b.jsx)("span",{children:c||"All"}),(0,b.jsx)("span",{className:`text-[10px] tabular-nums ${e?"opacity-80":"text-gray-600"}`,children:d})]},c)}))})}),(0,b.jsxs)("div",{className:"flex flex-wrap items-center gap-2 mb-6",children:[(0,b.jsxs)("div",{className:"flex items-center gap-1.5 rounded-lg border border-[#2a2a4a] bg-[#111128] px-2.5 py-1.5 focus-within:border-blue-500/40",children:[(0,b.jsx)("span",{className:"text-[10px] uppercase tracking-wide text-gray-600",children:"From"}),(0,b.jsx)("input",{type:"text",value:E,onChange:a=>F(a.target.value),placeholder:"any node",className:"w-28 bg-transparent text-base sm:text-sm text-white placeholder-gray-700 focus:outline-none"})]}),(0,b.jsxs)("div",{className:"flex items-center gap-1.5 rounded-lg border border-[#2a2a4a] bg-[#111128] px-2.5 py-1.5 focus-within:border-blue-500/40",children:[(0,b.jsx)("span",{className:"text-[10px] uppercase tracking-wide text-gray-600",children:"To"}),(0,b.jsx)("input",{type:"text",value:G,onChange:a=>H(a.target.value),placeholder:"any node",className:"w-28 bg-transparent text-base sm:text-sm text-white placeholder-gray-700 focus:outline-none"})]}),(C||E||G)&&(0,b.jsx)("button",{type:"button",onClick:()=>{D(""),F(""),H("")},className:"rounded-lg border border-gray-700 px-2.5 py-1.5 text-[11px] text-gray-500 hover:text-gray-200 hover:border-gray-600",children:"Clear filters"})]})]}),s.length>0&&!C&&(h={},s.forEach(a=>{h[a.status]=(h[a.status]||0)+1}),o=s.length||1,(p=k.TASK_STATUSES.map(a=>({key:a,color:k.STATUS_BAR_CLASS[a]})).filter(a=>h[a.key])).length?(0,b.jsx)("div",{className:"mb-6",children:(0,b.jsx)("div",{className:"flex h-2 rounded-full overflow-hidden bg-gray-800",children:p.map(a=>(0,b.jsx)("div",{className:a.color,style:{width:`${h[a.key]/o*100}%`},title:`${a.key}: ${h[a.key]}`},a.key))})}):null),y&&(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:y}),w?(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===s.length?(0,b.jsx)(j.EmptyState,{variant:"tasks",sub:C||E||G?"No tasks match the current filters. Try clearing them.":"Tasks will appear here when agents send them via CommHub."}):(0,b.jsxs)("div",{className:"space-y-1 sm: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"})]}),s.map(a=>{let c=A.has(a.task_id);return(0,b.jsxs)("div",{className:`anet-task-row group bg-[#111128] border rounded-lg px-3 py-2 sm:px-4 sm:py-3 transition-all duration-200 cursor-pointer ${c?"border-[#3a3a5a] shadow-lg shadow-black/20":"border-[#2a2a4a] hover:border-[#3a3a5a] hover:bg-[#15152e]"}`,onClick:()=>K(a.task_id),role:"button",tabIndex:0,"aria-expanded":c,onKeyDown:b=>{("Enter"===b.key||" "===b.key)&&(b.preventDefault(),K(a.task_id))},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.jsxs)("div",{className:"col-span-2 flex items-center gap-1.5 min-w-0",title:a.from_name,children:[a.from_name&&(0,b.jsx)(g.AliasAvatar,{alias:a.from_name,size:18}),(0,b.jsx)("span",{className:"truncate text-sm text-gray-200",children:a.from_name||"--"})]}),(0,b.jsxs)("div",{className:"col-span-2 flex items-center gap-1.5 min-w-0",title:a.to_name,children:[a.to_name&&(0,b.jsx)(g.AliasAvatar,{alias:a.to_name,size:18}),(0,b.jsx)("span",{className:"truncate text-sm text-gray-200",children:a.to_name||"--"})]}),(0,b.jsx)("div",{className:"col-span-4 text-xs text-gray-400 truncate",title:a.content,children:(0,f.previewContent)(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.jsxs)("div",{className:"col-span-2 text-xs text-gray-500 flex items-center justify-between gap-2",title:a.created_at,children:[(0,b.jsx)("span",{className:"truncate",children:n(a.created_at)}),(0,b.jsx)("svg",{"aria-hidden":!0,className:`shrink-0 text-gray-600 group-hover:text-gray-400 transition-transform duration-200 ${c?"rotate-180":""}`,width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 9l6 6 6-6"})})]})]}),(0,b.jsxs)("div",{className:"sm:hidden space-y-1",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.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsx)("span",{className:`text-xs ${m(a.priority)}`,children:a.priority||"normal"}),(0,b.jsx)("svg",{"aria-hidden":!0,className:`text-gray-600 transition-transform duration-200 ${c?"rotate-180":""}`,width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 9l6 6 6-6"})})]})]}),(0,b.jsxs)("div",{className:"flex items-center gap-1.5 text-xs text-gray-300 min-w-0",children:[a.from_name&&(0,b.jsx)(g.AliasAvatar,{alias:a.from_name,size:16}),(0,b.jsx)("span",{className:"truncate max-w-[35%]",children:a.from_name||"--"}),(0,b.jsx)("span",{className:"text-gray-600",children:"→"}),a.to_name&&(0,b.jsx)(g.AliasAvatar,{alias:a.to_name,size:16}),(0,b.jsx)("span",{className:"truncate max-w-[35%]",children:a.to_name||"--"}),(0,b.jsx)("span",{className:"ml-auto shrink-0 text-[10px] text-gray-600",children:n(a.created_at)})]}),(0,b.jsx)("div",{className:"text-xs text-gray-400 line-clamp-1",title:a.content,children:(0,f.previewContent)(a.content)})]}),(0,b.jsx)("div",{className:`grid transition-all duration-300 ease-out ${c?"grid-rows-[1fr] opacity-100 mt-3":"grid-rows-[0fr] opacity-0"}`,"aria-hidden":!c,children:(0,b.jsx)("div",{className:"overflow-hidden",children:(0,b.jsxs)("div",{className:"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})}),L()},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(),J(a.task_id)},className:"text-xs text-cyan-400 hover:text-cyan-300",children:"Detail →"})]})]})]})})})]},a.task_id)})]}),I&&(0,b.jsx)(i,{taskId:I,onClose:()=>J(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,{})})}],60764)}];
 //# sourceMappingURL=agent-network-dashboard_app_tasks_page_tsx_0mwxy4z._.js.map

package/.next/server/chunks/ssr/agent-network-dashboard_app_tasks_page_tsx_0mwxy4z._.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../agent-network-dashboard/app/tasks/page.tsx","../../../../../agent-network-dashboard/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';\nimport { EmptyState } from '../components/EmptyState';\nimport { AliasAvatar } from '../components/AliasAvatar';\nimport { previewContent } from '../components/utils';\nimport { TASK_STATUSES, STATUS_CHIP_CLASS, STATUS_DOT_HEX, STATUS_BAR_CLASS } from '../lib/status';\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\nfunction statusBadge(status: string) {\n const color = STATUS_CHIP_CLASS[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 {/ Round 88: pagination-aware chip. When tasks.length < count\n the API has more rows than the current limit=100 slice;\n show `loaded / total` so users notice. Otherwise just the\n single total — matches r87 /logs pattern. /}\n <span\n className=\"text-xs bg-blue-900/30 text-blue-400 px-2 py-0.5 rounded-full border border-blue-800/30 tabular-nums\"\n title={tasks.length < count ? `Showing ${tasks.length} of ${count} tasks` : undefined}\n >\n {tasks.length < count ? `${tasks.length} / ${count}` : count}\n </span>\n </div>\n\n {/ Round 75: hide the status tab strip + From/To filter row when\n there are no tasks at all. Each tab would show \"0\" and the\n filter inputs would have nothing to act on — pure noise above\n the empty-state CTA. When at least one task exists, the chrome\n comes back even if the current filter happens to hide\n everything (so users can clear filters). /}\n {tasks.length > 0 && <>\n {/ Status Tabs — color-coded dots per status family so users can\n scan the row at a glance. Active tab gets full chip styling\n (bg + border + text color), inactive tabs only carry the dot\n + neutral label so the active state remains the strong cue.\n On narrow viewports (<sm) the row scrolls horizontally with\n subtle gradient fade-edges (via .anet-tabstrip-wrap pseudo\n elements) hinting more content. /}\n <div className=\"anet-tabstrip-wrap mb-4\">\n <div className=\"anet-tabstrip flex sm:flex-wrap gap-1 bg-[#111128] rounded-lg border border-[#2a2a4a] p-1 overflow-x-auto sm:overflow-x-visible scrollbar-thin\">\n {(() => {\n // Round 56: compute per-status counts so the tab strip doubles as a\n // status distribution dashboard. Matches Audit Log (r43) + Overview\n // agent filter (r34) chip-with-count pattern.\n const counts: Record<string, number> = {};\n tasks.forEach(t => { counts[t.status] = (counts[t.status] \|\| 0) + 1; });\n return ['', ...TASK_STATUSES].map(s => {\n const count = s === '' ? tasks.length : counts[s] \|\| 0;\n const isActive = filterStatus === s;\n return (\n <button\n key={s}\n onClick={() => setFilterStatus(s)}\n disabled={count === 0 && s !== '' && !isActive}\n className={`px-3 py-1.5 rounded-md text-xs transition-colors flex items-center gap-1.5 shrink-0 whitespace-nowrap disabled:opacity-30 disabled:cursor-not-allowed ${\n isActive\n ? `${STATUS_CHIP_CLASS[s] \|\| 'bg-cyan-500/10 text-cyan-300 border-cyan-500/20'} border`\n : 'text-gray-500 hover:text-gray-300 hover:bg-[#1a1a2a]/40'\n }`}\n >\n {s && (\n <span\n aria-hidden\n className=\"inline-block w-1.5 h-1.5 rounded-full shrink-0\"\n style={{ backgroundColor: STATUS_DOT_HEX[s] \|\| '#6b7280' }}\n />\n )}\n <span>{s \|\| 'All'}</span>\n <span className={`text-[10px] tabular-nums ${isActive ? 'opacity-80' : 'text-gray-600'}`}>{count}</span>\n </button>\n );\n });\n })()}\n </div>\n </div>\n\n {/ From/To Filters — same visual block as the status tabs above. /}\n <div className=\"flex flex-wrap items-center gap-2 mb-6\">\n <div className=\"flex items-center gap-1.5 rounded-lg border border-[#2a2a4a] bg-[#111128] px-2.5 py-1.5 focus-within:border-blue-500/40\">\n <span className=\"text-[10px] uppercase tracking-wide text-gray-600\">From</span>\n <input\n type=\"text\"\n value={filterFrom}\n onChange={e => setFilterFrom(e.target.value)}\n placeholder=\"any node\"\n className=\"w-28 bg-transparent text-sm text-white placeholder-gray-700 focus:outline-none\"\n />\n </div>\n <div className=\"flex items-center gap-1.5 rounded-lg border border-[#2a2a4a] bg-[#111128] px-2.5 py-1.5 focus-within:border-blue-500/40\">\n <span className=\"text-[10px] uppercase tracking-wide text-gray-600\">To</span>\n <input\n type=\"text\"\n value={filterTo}\n onChange={e => setFilterTo(e.target.value)}\n placeholder=\"any node\"\n className=\"w-28 bg-transparent text-sm text-white placeholder-gray-700 focus:outline-none\"\n />\n </div>\n {(filterStatus \|\| filterFrom \|\| filterTo) && (\n <button\n type=\"button\"\n onClick={() => { setFilterStatus(''); setFilterFrom(''); setFilterTo(''); }}\n className=\"rounded-lg border border-gray-700 px-2.5 py-1.5 text-[11px] text-gray-500 hover:text-gray-200 hover:border-gray-600\"\n >\n Clear filters\n </button>\n )}\n </div>\n </>}\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 // Round 67: derive from shared TASK_STATUSES + STATUS_BAR_CLASS in\n // app/lib/status.ts. Adding a new lifecycle status updates badge,\n // tab dots, and bar in one edit.\n const bars = TASK_STATUSES\n .map(key => ({ key, color: STATUS_BAR_CLASS[key] }))\n .filter(b => stats[b.key]);\n if (!bars.length) return null;\n // Round 63: removed the per-status legend row beneath the bar —\n // it duplicated the counts already shown in the tab chip strip\n // since r56. The proportional bar stays because it adds a visual\n // \"shape of workload\" that the chip numbers don't convey.\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}%` }} title={`${b.key}: ${stats[b.key]}`} />)}\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 <EmptyState\n variant=\"tasks\"\n sub={(filterStatus \|\| filterFrom \|\| filterTo)\n ? 'No tasks match the current filters. Try clearing them.'\n : 'Tasks will appear here when agents send them via CommHub.'}\n />\n ) : (\n <div className=\"space-y-1 sm: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 const isOpen = expanded.has(t.task_id);\n return (\n <div\n key={t.task_id}\n className={`anet-task-row group bg-[#111128] border rounded-lg px-3 py-2 sm:px-4 sm:py-3 transition-all duration-200 cursor-pointer ${\n isOpen\n ? 'border-[#3a3a5a] shadow-lg shadow-black/20'\n : 'border-[#2a2a4a] hover:border-[#3a3a5a] hover:bg-[#15152e]'\n }`}\n onClick={() => toggleExpand(t.task_id)}\n role=\"button\"\n tabIndex={0}\n aria-expanded={isOpen}\n onKeyDown={(e) => {\n if (e.key === 'Enter' \|\| e.key === ' ') {\n e.preventDefault();\n toggleExpand(t.task_id);\n }\n }}\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 flex items-center gap-1.5 min-w-0\" title={t.from_name}>\n {t.from_name && <AliasAvatar alias={t.from_name} size={18} />}\n <span className=\"truncate text-sm text-gray-200\">{t.from_name \|\| '--'}</span>\n </div>\n <div className=\"col-span-2 flex items-center gap-1.5 min-w-0\" title={t.to_name}>\n {t.to_name && <AliasAvatar alias={t.to_name} size={18} />}\n <span className=\"truncate text-sm text-gray-200\">{t.to_name \|\| '--'}</span>\n </div>\n <div className=\"col-span-4 text-xs text-gray-400 truncate\" title={t.content}>\n {previewContent(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 flex items-center justify-between gap-2\" title={t.created_at}>\n <span className=\"truncate\">{timeAgo(t.created_at)}</span>\n <svg\n aria-hidden\n className={`shrink-0 text-gray-600 group-hover:text-gray-400 transition-transform duration-200 ${isOpen ? 'rotate-180' : ''}`}\n width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"\n >\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 9l6 6 6-6\" />\n </svg>\n </div>\n </div>\n\n {/ Mobile layout — R8 of #190 mobile polish: 4-row stack\n → 3-row by inlining timeAgo onto the same row as the\n from→to alias header (it's already 4 small atoms, has\n room), plus space-y-2 → space-y-1 to trim ~4px per\n row × 200 tasks. /}\n <div className=\"sm:hidden space-y-1\">\n <div className=\"flex items-center justify-between\">\n <span className={statusBadge(t.status)}>{t.status}</span>\n <div className=\"flex items-center gap-2\">\n <span className={`text-xs ${priorityBadge(t.priority)}`}>{t.priority \|\| 'normal'}</span>\n <svg\n aria-hidden\n className={`text-gray-600 transition-transform duration-200 ${isOpen ? 'rotate-180' : ''}`}\n width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"\n >\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 9l6 6 6-6\" />\n </svg>\n </div>\n </div>\n <div className=\"flex items-center gap-1.5 text-xs text-gray-300 min-w-0\">\n {t.from_name && <AliasAvatar alias={t.from_name} size={16} />}\n <span className=\"truncate max-w-[35%]\">{t.from_name \|\| '--'}</span>\n <span className=\"text-gray-600\">→</span>\n {t.to_name && <AliasAvatar alias={t.to_name} size={16} />}\n <span className=\"truncate max-w-[35%]\">{t.to_name \|\| '--'}</span>\n <span className=\"ml-auto shrink-0 text-[10px] text-gray-600\">{timeAgo(t.created_at)}</span>\n </div>\n <div className=\"text-xs text-gray-400 line-clamp-1\" title={t.content}>{previewContent(t.content)}</div>\n </div>\n\n {/ Expanded detail — always mounted; grid-rows 0fr↔1fr trick gives\n content-aware smooth max-height animation without measuring DOM. /}\n <div\n className={`grid transition-all duration-300 ease-out ${\n isOpen ? 'grid-rows-[1fr] opacity-100 mt-3' : 'grid-rows-[0fr] opacity-0'\n }`}\n aria-hidden={!isOpen}\n >\n <div className=\"overflow-hidden\">\n <div className=\"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 →\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n );\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';\nimport { AliasAvatar } from './AliasAvatar';\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 /* Timeline steps — same 4 hops every task goes through. `time` is set\n * when the hop has happened; missing time means pending. Round 36 adds\n * `key` for the \"current step\" highlight + the `done` flag for layout. /\n const timeline = task ? [\n { key: 'created', label: 'Created', time: task.created_at, color: 'bg-gray-400' },\n { key: 'delivered', label: 'Delivered', time: task.delivered_at, color: 'bg-blue-400' },\n { key: 'started', label: 'Started', time: task.started_at, color: 'bg-green-400' },\n { key: 'completed', label: 'Completed', time: task.completed_at, color: 'bg-purple-400'},\n ].map(s => ({ ...s, done: !!s.time })) : [];\n\n /* Index of the highest-completed step. The step after this index is\n * the \"current\" one (in-progress). When all are done, currentIdx = -1. /\n const currentStepIdx = timeline.findIndex(s => !s.done);\n const isActive = task && task.status !== 'completed' && task.status !== 'failed' && task.status !== 'expired' && task.status !== 'cancelled';\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 anet-fade-in\" onClick={onClose} />\n <div className=\"fixed top-0 right-0 h-[100dvh] 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 — round 41: use AliasAvatar so from/to colours\n match the rest of the app instead of the legacy blue/cyan\n hardcode. /}\n <div className=\"flex items-center gap-2 text-sm flex-wrap\">\n {task.from_name && <AliasAvatar alias={task.from_name} size={18} />}\n <span className=\"text-gray-200 font-medium\">{task.from_name \|\| '--'}</span>\n <span className=\"text-gray-600\">→</span>\n {task.to_name && <AliasAvatar alias={task.to_name} size={18} />}\n <span className=\"text-gray-200 font-medium\">{task.to_name \|\| '--'}</span>\n </div>\n\n {/ Timeline — round 36 polish: relative timestamps, current-step\n pulse if task is still in flight, full ISO in title=. /}\n <div className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4\">\n <div className=\"flex items-center justify-between mb-3\">\n <div className=\"text-xs text-gray-500 uppercase tracking-wide\">Timeline</div>\n {duration !== null && (\n <div className=\"text-[10px] text-gray-600\">\n {duration < 60 ? `${duration}s` : `${Math.floor(duration/60)}m ${duration%60}s`} runtime\n </div>\n )}\n </div>\n <div className=\"space-y-3\">\n {timeline.map((step, i) => {\n const isCurrent = isActive && i === currentStepIdx;\n const isNextDone = !!timeline[i+1]?.done;\n return (\n <div key={step.key} className=\"flex items-start gap-3\">\n <div className=\"flex flex-col items-center pt-0.5\">\n <span\n className={`relative w-3 h-3 rounded-full shrink-0 ${\n step.done ? step.color : 'bg-gray-700'\n }`}\n >\n {isCurrent && (\n <span\n aria-hidden\n className=\"absolute -inset-1 rounded-full border border-current opacity-60 anet-current-step-pulse\"\n style={{ borderColor: 'currentColor' }}\n />\n )}\n </span>\n {i < timeline.length - 1 && (\n <div className={`w-0.5 h-5 mt-1 ${\n step.done && isNextDone ? 'bg-gray-500' : step.done ? 'bg-gradient-to-b from-gray-500 to-gray-800' : 'bg-gray-800'\n }`} />\n )}\n </div>\n <div className=\"flex-1 min-w-0\">\n <div className={`text-xs font-medium flex items-center gap-2 ${\n step.done ? 'text-gray-200' : isCurrent ? 'text-cyan-300' : 'text-gray-600'\n }`}>\n <span>{step.label}</span>\n {isCurrent && <span className=\"text-[9px] uppercase tracking-wide text-cyan-400\">in progress</span>}\n </div>\n <div className=\"text-[10px] text-gray-500\" title={step.time \|\| undefined}>\n {step.time ? timeAgo(step.time) : isCurrent ? '—' : 'Pending'}\n </div>\n </div>\n </div>\n );\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 </>\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","key","label","time","created_at","color","delivered_at","started_at","completed_at","map","s","done","currentStepIdx","findIndex","isActive","status","duration","Math","round","Date","getTime","className","onClick","slice","fill","viewBox","stroke","strokeWidth","strokeLinecap","strokeLinejoin","d","priority","floor","from_name","alias","size","to_name","step","i","isCurrent","isNextDone","style","borderColor","length","title","undefined","content","result","e","to_status","event_type","from_status","id","task_id","expires_at"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../../agent-network-dashboard/app/tasks/page.tsx","../../../../../agent-network-dashboard/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';\nimport { EmptyState } from '../components/EmptyState';\nimport { AliasAvatar } from '../components/AliasAvatar';\nimport { previewContent } from '../components/utils';\nimport { TASK_STATUSES, STATUS_CHIP_CLASS, STATUS_DOT_HEX, STATUS_BAR_CLASS } from '../lib/status';\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\nfunction statusBadge(status: string) {\n const color = STATUS_CHIP_CLASS[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 {/ Round 88: pagination-aware chip. When tasks.length < count\n the API has more rows than the current limit=100 slice;\n show `loaded / total` so users notice. Otherwise just the\n single total — matches r87 /logs pattern. /}\n <span\n className=\"text-xs bg-blue-900/30 text-blue-400 px-2 py-0.5 rounded-full border border-blue-800/30 tabular-nums\"\n title={tasks.length < count ? `Showing ${tasks.length} of ${count} tasks` : undefined}\n >\n {tasks.length < count ? `${tasks.length} / ${count}` : count}\n </span>\n </div>\n\n {/ Round 75: hide the status tab strip + From/To filter row when\n there are no tasks at all. Each tab would show \"0\" and the\n filter inputs would have nothing to act on — pure noise above\n the empty-state CTA. When at least one task exists, the chrome\n comes back even if the current filter happens to hide\n everything (so users can clear filters). /}\n {tasks.length > 0 && <>\n {/ Status Tabs — color-coded dots per status family so users can\n scan the row at a glance. Active tab gets full chip styling\n (bg + border + text color), inactive tabs only carry the dot\n + neutral label so the active state remains the strong cue.\n On narrow viewports (<sm) the row scrolls horizontally with\n subtle gradient fade-edges (via .anet-tabstrip-wrap pseudo\n elements) hinting more content. /}\n <div className=\"anet-tabstrip-wrap mb-4\">\n <div className=\"anet-tabstrip flex sm:flex-wrap gap-1 bg-[#111128] rounded-lg border border-[#2a2a4a] p-1 overflow-x-auto sm:overflow-x-visible scrollbar-thin\">\n {(() => {\n // Round 56: compute per-status counts so the tab strip doubles as a\n // status distribution dashboard. Matches Audit Log (r43) + Overview\n // agent filter (r34) chip-with-count pattern.\n const counts: Record<string, number> = {};\n tasks.forEach(t => { counts[t.status] = (counts[t.status] \|\| 0) + 1; });\n return ['', ...TASK_STATUSES].map(s => {\n const count = s === '' ? tasks.length : counts[s] \|\| 0;\n const isActive = filterStatus === s;\n return (\n <button\n key={s}\n onClick={() => setFilterStatus(s)}\n disabled={count === 0 && s !== '' && !isActive}\n className={`px-3 py-1.5 rounded-md text-xs transition-colors flex items-center gap-1.5 shrink-0 whitespace-nowrap disabled:opacity-30 disabled:cursor-not-allowed ${\n isActive\n ? `${STATUS_CHIP_CLASS[s] \|\| 'bg-cyan-500/10 text-cyan-300 border-cyan-500/20'} border`\n : 'text-gray-500 hover:text-gray-300 hover:bg-[#1a1a2a]/40'\n }`}\n >\n {s && (\n <span\n aria-hidden\n className=\"inline-block w-1.5 h-1.5 rounded-full shrink-0\"\n style={{ backgroundColor: STATUS_DOT_HEX[s] \|\| '#6b7280' }}\n />\n )}\n <span>{s \|\| 'All'}</span>\n <span className={`text-[10px] tabular-nums ${isActive ? 'opacity-80' : 'text-gray-600'}`}>{count}</span>\n </button>\n );\n });\n })()}\n </div>\n </div>\n\n {/ From/To Filters — same visual block as the status tabs above. /}\n <div className=\"flex flex-wrap items-center gap-2 mb-6\">\n <div className=\"flex items-center gap-1.5 rounded-lg border border-[#2a2a4a] bg-[#111128] px-2.5 py-1.5 focus-within:border-blue-500/40\">\n <span className=\"text-[10px] uppercase tracking-wide text-gray-600\">From</span>\n <input\n type=\"text\"\n value={filterFrom}\n onChange={e => setFilterFrom(e.target.value)}\n placeholder=\"any node\"\n className=\"w-28 bg-transparent text-base sm:text-sm text-white placeholder-gray-700 focus:outline-none\"\n />\n </div>\n <div className=\"flex items-center gap-1.5 rounded-lg border border-[#2a2a4a] bg-[#111128] px-2.5 py-1.5 focus-within:border-blue-500/40\">\n <span className=\"text-[10px] uppercase tracking-wide text-gray-600\">To</span>\n <input\n type=\"text\"\n value={filterTo}\n onChange={e => setFilterTo(e.target.value)}\n placeholder=\"any node\"\n className=\"w-28 bg-transparent text-base sm:text-sm text-white placeholder-gray-700 focus:outline-none\"\n />\n </div>\n {(filterStatus \|\| filterFrom \|\| filterTo) && (\n <button\n type=\"button\"\n onClick={() => { setFilterStatus(''); setFilterFrom(''); setFilterTo(''); }}\n className=\"rounded-lg border border-gray-700 px-2.5 py-1.5 text-[11px] text-gray-500 hover:text-gray-200 hover:border-gray-600\"\n >\n Clear filters\n </button>\n )}\n </div>\n </>}\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 // Round 67: derive from shared TASK_STATUSES + STATUS_BAR_CLASS in\n // app/lib/status.ts. Adding a new lifecycle status updates badge,\n // tab dots, and bar in one edit.\n const bars = TASK_STATUSES\n .map(key => ({ key, color: STATUS_BAR_CLASS[key] }))\n .filter(b => stats[b.key]);\n if (!bars.length) return null;\n // Round 63: removed the per-status legend row beneath the bar —\n // it duplicated the counts already shown in the tab chip strip\n // since r56. The proportional bar stays because it adds a visual\n // \"shape of workload\" that the chip numbers don't convey.\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}%` }} title={`${b.key}: ${stats[b.key]}`} />)}\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 <EmptyState\n variant=\"tasks\"\n sub={(filterStatus \|\| filterFrom \|\| filterTo)\n ? 'No tasks match the current filters. Try clearing them.'\n : 'Tasks will appear here when agents send them via CommHub.'}\n />\n ) : (\n <div className=\"space-y-1 sm: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 const isOpen = expanded.has(t.task_id);\n return (\n <div\n key={t.task_id}\n className={`anet-task-row group bg-[#111128] border rounded-lg px-3 py-2 sm:px-4 sm:py-3 transition-all duration-200 cursor-pointer ${\n isOpen\n ? 'border-[#3a3a5a] shadow-lg shadow-black/20'\n : 'border-[#2a2a4a] hover:border-[#3a3a5a] hover:bg-[#15152e]'\n }`}\n onClick={() => toggleExpand(t.task_id)}\n role=\"button\"\n tabIndex={0}\n aria-expanded={isOpen}\n onKeyDown={(e) => {\n if (e.key === 'Enter' \|\| e.key === ' ') {\n e.preventDefault();\n toggleExpand(t.task_id);\n }\n }}\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 flex items-center gap-1.5 min-w-0\" title={t.from_name}>\n {t.from_name && <AliasAvatar alias={t.from_name} size={18} />}\n <span className=\"truncate text-sm text-gray-200\">{t.from_name \|\| '--'}</span>\n </div>\n <div className=\"col-span-2 flex items-center gap-1.5 min-w-0\" title={t.to_name}>\n {t.to_name && <AliasAvatar alias={t.to_name} size={18} />}\n <span className=\"truncate text-sm text-gray-200\">{t.to_name \|\| '--'}</span>\n </div>\n <div className=\"col-span-4 text-xs text-gray-400 truncate\" title={t.content}>\n {previewContent(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 flex items-center justify-between gap-2\" title={t.created_at}>\n <span className=\"truncate\">{timeAgo(t.created_at)}</span>\n <svg\n aria-hidden\n className={`shrink-0 text-gray-600 group-hover:text-gray-400 transition-transform duration-200 ${isOpen ? 'rotate-180' : ''}`}\n width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"\n >\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 9l6 6 6-6\" />\n </svg>\n </div>\n </div>\n\n {/ Mobile layout — R8 of #190 mobile polish: 4-row stack\n → 3-row by inlining timeAgo onto the same row as the\n from→to alias header (it's already 4 small atoms, has\n room), plus space-y-2 → space-y-1 to trim ~4px per\n row × 200 tasks. /}\n <div className=\"sm:hidden space-y-1\">\n <div className=\"flex items-center justify-between\">\n <span className={statusBadge(t.status)}>{t.status}</span>\n <div className=\"flex items-center gap-2\">\n <span className={`text-xs ${priorityBadge(t.priority)}`}>{t.priority \|\| 'normal'}</span>\n <svg\n aria-hidden\n className={`text-gray-600 transition-transform duration-200 ${isOpen ? 'rotate-180' : ''}`}\n width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"\n >\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 9l6 6 6-6\" />\n </svg>\n </div>\n </div>\n <div className=\"flex items-center gap-1.5 text-xs text-gray-300 min-w-0\">\n {t.from_name && <AliasAvatar alias={t.from_name} size={16} />}\n <span className=\"truncate max-w-[35%]\">{t.from_name \|\| '--'}</span>\n <span className=\"text-gray-600\">→</span>\n {t.to_name && <AliasAvatar alias={t.to_name} size={16} />}\n <span className=\"truncate max-w-[35%]\">{t.to_name \|\| '--'}</span>\n <span className=\"ml-auto shrink-0 text-[10px] text-gray-600\">{timeAgo(t.created_at)}</span>\n </div>\n <div className=\"text-xs text-gray-400 line-clamp-1\" title={t.content}>{previewContent(t.content)}</div>\n </div>\n\n {/ Expanded detail — always mounted; grid-rows 0fr↔1fr trick gives\n content-aware smooth max-height animation without measuring DOM. /}\n <div\n className={`grid transition-all duration-300 ease-out ${\n isOpen ? 'grid-rows-[1fr] opacity-100 mt-3' : 'grid-rows-[0fr] opacity-0'\n }`}\n aria-hidden={!isOpen}\n >\n <div className=\"overflow-hidden\">\n <div className=\"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 →\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n );\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';\nimport { AliasAvatar } from './AliasAvatar';\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 /* Timeline steps — same 4 hops every task goes through. `time` is set\n * when the hop has happened; missing time means pending. Round 36 adds\n * `key` for the \"current step\" highlight + the `done` flag for layout. /\n const timeline = task ? [\n { key: 'created', label: 'Created', time: task.created_at, color: 'bg-gray-400' },\n { key: 'delivered', label: 'Delivered', time: task.delivered_at, color: 'bg-blue-400' },\n { key: 'started', label: 'Started', time: task.started_at, color: 'bg-green-400' },\n { key: 'completed', label: 'Completed', time: task.completed_at, color: 'bg-purple-400'},\n ].map(s => ({ ...s, done: !!s.time })) : [];\n\n /* Index of the highest-completed step. The step after this index is\n * the \"current\" one (in-progress). When all are done, currentIdx = -1. /\n const currentStepIdx = timeline.findIndex(s => !s.done);\n const isActive = task && task.status !== 'completed' && task.status !== 'failed' && task.status !== 'expired' && task.status !== 'cancelled';\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 anet-fade-in\" onClick={onClose} />\n <div className=\"fixed top-0 right-0 h-[100dvh] 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 — round 41: use AliasAvatar so from/to colours\n match the rest of the app instead of the legacy blue/cyan\n hardcode. /}\n <div className=\"flex items-center gap-2 text-sm flex-wrap\">\n {task.from_name && <AliasAvatar alias={task.from_name} size={18} />}\n <span className=\"text-gray-200 font-medium\">{task.from_name \|\| '--'}</span>\n <span className=\"text-gray-600\">→</span>\n {task.to_name && <AliasAvatar alias={task.to_name} size={18} />}\n <span className=\"text-gray-200 font-medium\">{task.to_name \|\| '--'}</span>\n </div>\n\n {/ Timeline — round 36 polish: relative timestamps, current-step\n pulse if task is still in flight, full ISO in title=. /}\n <div className=\"bg-[#111128] border border-[#2a2a4a] rounded-xl p-4\">\n <div className=\"flex items-center justify-between mb-3\">\n <div className=\"text-xs text-gray-500 uppercase tracking-wide\">Timeline</div>\n {duration !== null && (\n <div className=\"text-[10px] text-gray-600\">\n {duration < 60 ? `${duration}s` : `${Math.floor(duration/60)}m ${duration%60}s`} runtime\n </div>\n )}\n </div>\n <div className=\"space-y-3\">\n {timeline.map((step, i) => {\n const isCurrent = isActive && i === currentStepIdx;\n const isNextDone = !!timeline[i+1]?.done;\n return (\n <div key={step.key} className=\"flex items-start gap-3\">\n <div className=\"flex flex-col items-center pt-0.5\">\n <span\n className={`relative w-3 h-3 rounded-full shrink-0 ${\n step.done ? step.color : 'bg-gray-700'\n }`}\n >\n {isCurrent && (\n <span\n aria-hidden\n className=\"absolute -inset-1 rounded-full border border-current opacity-60 anet-current-step-pulse\"\n style={{ borderColor: 'currentColor' }}\n />\n )}\n </span>\n {i < timeline.length - 1 && (\n <div className={`w-0.5 h-5 mt-1 ${\n step.done && isNextDone ? 'bg-gray-500' : step.done ? 'bg-gradient-to-b from-gray-500 to-gray-800' : 'bg-gray-800'\n }`} />\n )}\n </div>\n <div className=\"flex-1 min-w-0\">\n <div className={`text-xs font-medium flex items-center gap-2 ${\n step.done ? 'text-gray-200' : isCurrent ? 'text-cyan-300' : 'text-gray-600'\n }`}>\n <span>{step.label}</span>\n {isCurrent && <span className=\"text-[9px] uppercase tracking-wide text-cyan-400\">in progress</span>}\n </div>\n <div className=\"text-[10px] text-gray-500\" title={step.time \|\| undefined}>\n {step.time ? timeAgo(step.time) : isCurrent ? '—' : 'Pending'}\n </div>\n </div>\n </div>\n );\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 </>\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","key","label","time","created_at","color","delivered_at","started_at","completed_at","map","s","done","currentStepIdx","findIndex","isActive","status","duration","Math","round","Date","getTime","className","onClick","slice","fill","viewBox","stroke","strokeWidth","strokeLinecap","strokeLinejoin","d","priority","floor","from_name","alias","size","to_name","step","i","isCurrent","isNextDone","style","borderColor","length","title","undefined","content","result","e","to_status","event_type","from_status","id","task_id","expires_at"],"mappings":"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"}

package/.next/server/middleware-build-manifest.js CHANGED Viewed

@@ -7,9 +7,9 @@ globalThis.__BUILD_MANIFEST = {
     "static/chunks/03~yq9q893hmn.js"
   ],
   "lowPriorityFiles": [
-    "static/YIG_9NtkLFD7GKyYXQkk_/_buildManifest.js",
-    "static/YIG_9NtkLFD7GKyYXQkk_/_ssgManifest.js",
-    "static/YIG_9NtkLFD7GKyYXQkk_/_clientMiddlewareManifest.js"
+    "static/fBBOqrPbHswdz_woUXk6R/_buildManifest.js",
+    "static/fBBOqrPbHswdz_woUXk6R/_ssgManifest.js",
+    "static/fBBOqrPbHswdz_woUXk6R/_clientMiddlewareManifest.js"
   ],
   "rootMainFiles": [
     "static/chunks/05oi25hh7b81r.js",