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

package/.next/server/chunks/ssr/app_server-logs_page_tsx_0_kpp1p._.js

@@ -1,3 +1,3 @@
-module.exports=[30176,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(38246);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"};a.s(["default",0,function(){let a,[g,h]=(0,c.useState)([]),[i,j]=(0,c.useState)(null),[k,l]=(0,c.useState)(!1),[m,n]=(0,c.useState)("all"),[o,p]=(0,c.useState)(""),[q,r]=(0,c.useState)(!0),s=(0,c.useRef)(""),t=(0,c.useCallback)(async(a=!1)=>{try{let b=new URLSearchParams({limit:"500"});!a&&s.current&&b.set("since",s.current);let c=await fetch(`/api/hub/server-logs?${b.toString()}`),d=await c.json();if(!c.ok||!d.ok)return void j(d.error||`HTTP ${c.status}`);j(null);let e=d.logs||[];if(0===e.length)return;s.current=e[0].ts,a?h(e):h(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){j(a instanceof Error?a.message:"fetch failed")}},[]);(0,c.useEffect)(()=>{t(!0)},[t]),(0,c.useEffect)(()=>{if(!q||k)return;let a=setInterval(()=>t(!1),2e3);return()=>clearInterval(a)},[q,k,t]);let u=g.filter(a=>("all"===m||a.level===m)&&(!o||!!a.line.toLowerCase().includes(o.toLowerCase()))),v={log:0,info:0,warn:0,error:0};for(let a of g)v[a.level]++;return(0,b.jsxs)("div",{className:"p-6 max-w-[1600px] mx-auto",children:[(0,b.jsxs)("div",{className:"flex items-baseline justify-between mb-4",children:[(0,b.jsxs)("div",{className:"flex items-baseline gap-3",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",children:"CommHub stdout/stderr · 最新在上"})]}),(0,b.jsxs)("div",{className:"flex items-center gap-2 text-xs",children:[(0,b.jsx)("button",{onClick:()=>l(a=>!a),className:`px-3 py-1 rounded border ${k?"bg-amber-500/10 text-amber-300 border-amber-500/30":"bg-cyan-500/10 text-cyan-300 border-cyan-500/30"}`,children:k?"▶ Resume":"⏸ Pause"}),(0,b.jsxs)("label",{className:"flex items-center gap-1 text-gray-400 select-none",children:[(0,b.jsx)("input",{type:"checkbox",checked:q,onChange:a=>r(a.target.checked),className:"accent-cyan-500"}),"auto-refresh"]}),(0,b.jsx)("button",{onClick:()=>t(!0),className:"px-3 py-1 rounded border bg-gray-500/10 text-gray-300 border-gray-500/20 hover:bg-gray-500/20",children:"↻ Reload"})]})]}),(0,b.jsxs)("div",{className:"flex items-center gap-3 mb-3",children:[(0,b.jsx)("div",{className:"flex items-center gap-1 text-xs",children:["all","log","info","warn","error"].map(a=>(0,b.jsxs)("button",{onClick:()=>n(a),className:`px-2.5 py-1 rounded border ${m===a?"bg-cyan-500/15 text-cyan-200 border-cyan-500/40":"bg-[#11111c] text-gray-400 border-[#2a2a4a] hover:bg-[#1a1a2a]"}`,children:[a,"all"!==a&&v[a]>0?` (${v[a]})`:""]},a))}),(0,b.jsx)("input",{value:o,onChange:a=>p(a.target.value),placeholder:"搜索关键字 (alias / task_id / error message)",className:"flex-1 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:[u.length," / ",g.length]})]}),i&&(a=/401|unauthor|forbidden|403|admin/i.test(i),(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:i,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:i,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===u.length?(0,b.jsx)("div",{className:"p-8 text-center text-gray-600",children:i?"加载失败":0===g.length?"加载中...":"没有匹配的日志"}):(0,b.jsx)("div",{className:"divide-y divide-[#0d0d18] max-h-[calc(100vh-260px)] overflow-y-auto",children:u.map((a,c)=>(0,b.jsxs)("div",{className:"px-3 py-1 hover:bg-[#0a0a14] flex gap-3",children:[(0,b.jsx)("span",{className:"text-gray-600 shrink-0 w-[110px] text-[10px]",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:`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:a.line})]},`${a.ts}-${c}`))})})]})}])}];
+module.exports=[30176,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(38246);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-baseline justify-between mb-4",children:[(0,b.jsxs)("div",{className:"flex items-baseline gap-3",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",children:"CommHub stdout/stderr · 最新在上"})]}),(0,b.jsxs)("div",{className:"flex items-center gap-2 text-xs",children:[(0,b.jsx)("button",{onClick:()=>m(a=>!a),className:`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?"▶ Resume":"⏸ 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"}),"auto-refresh"]}),(0,b.jsx)("button",{onClick:()=>u(!0),className:"px-3 py-1 rounded border bg-gray-500/10 text-gray-300 border-gray-500/20 hover:bg-gray-500/20",children:"↻ Reload"})]})]}),(0,b.jsxs)("div",{className:"flex items-center gap-3 mb-3",children:[(0,b.jsx)("div",{className:"flex items-center gap-1 text-xs",children:["all","log","info","warn","error"].map(a=>(0,b.jsxs)("button",{onClick:()=>o(a),className:`px-2.5 py-1 rounded border ${n===a?"bg-cyan-500/15 text-cyan-200 border-cyan-500/40":"bg-[#11111c] text-gray-400 border-[#2a2a4a] hover:bg-[#1a1a2a]"}`,children:[a,"all"!==a&&w[a]>0?` (${w[a]})`:""]},a))}),(0,b.jsx)("input",{value:p,onChange:a=>q(a.target.value),placeholder:"搜索关键字 (alias / task_id / error message)",className:"flex-1 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-[100px] 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:`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,p)})]},`${a.ts}-${c}`))})})]})}])}];
 
 //# sourceMappingURL=app_server-logs_page_tsx_0_kpp1p._.js.map

package/.next/server/chunks/ssr/app_server-logs_page_tsx_0_kpp1p._.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../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\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-baseline justify-between mb-4\">\n        <div className=\"flex items-baseline gap-3\">\n          <h1 className=\"text-2xl font-bold text-white\">Server Logs</h1>\n          <span className=\"text-xs text-gray-500\">CommHub stdout/stderr · 最新在上</span>\n        </div>\n        <div className=\"flex items-center gap-2 text-xs\">\n          <button\n            onClick={() => setPaused(p => !p)}\n            className={`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 ? '▶ Resume' : '⏸ Pause'}\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            auto-refresh\n          </label>\n          <button onClick={() => fetchLogs(true)} className=\"px-3 py-1 rounded border bg-gray-500/10 text-gray-300 border-gray-500/20 hover:bg-gray-500/20\">\n            ↻ Reload\n          </button>\n        </div>\n      </div>\n\n      <div className=\"flex items-center gap-3 mb-3\">\n        <div className=\"flex items-center gap-1 text-xs\">\n          {(['all', 'log', 'info', 'warn', 'error'] as const).map(lv => (\n            <button\n              key={lv}\n              onClick={() => setFilterLevel(lv)}\n              className={`px-2.5 py-1 rounded border ${\n                filterLevel === lv\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              {lv}{lv !== 'all' && counts[lv as LogLine['level']] > 0 ? ` (${counts[lv as LogLine['level']]})` : ''}\n            </button>\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 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=\"px-3 py-1 hover:bg-[#0a0a14] flex gap-3\">\n                <span className=\"text-gray-600 shrink-0 w-[110px] text-[10px]\">{shortTime(l.ts)}</span>\n                <span className={`shrink-0 px-1.5 rounded border text-[9px] uppercase ${LEVEL_BADGE[l.level]}`}>\n                  {l.level}\n                </span>\n                <span className={`break-all whitespace-pre-wrap ${LEVEL_COLOR[l.level]}`}>{l.line}</span>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["LEVEL_COLOR","log","info","warn","error","LEVEL_BADGE","shortTime","iso","d","Date","toTimeString","slice","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","length","ts","prev","seen","Set","map","l","line","fresh","filter","has","e","Error","message","interval","setInterval","clearInterval","filtered","level","toLowerCase","includes","counts","className","onClick","p","type","checked","onChange","target","lv","value","placeholder","isAuth","test","role","title","href","window","location","reload","i"],"mappings":"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"}
+{"version":3,"sources":["../../../../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-baseline justify-between mb-4\">\n        <div className=\"flex items-baseline gap-3\">\n          <h1 className=\"text-2xl font-bold text-white\">Server Logs</h1>\n          <span className=\"text-xs text-gray-500\">CommHub stdout/stderr · 最新在上</span>\n        </div>\n        <div className=\"flex items-center gap-2 text-xs\">\n          <button\n            onClick={() => setPaused(p => !p)}\n            className={`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 ? '▶ Resume' : '⏸ Pause'}\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            auto-refresh\n          </label>\n          <button onClick={() => fetchLogs(true)} className=\"px-3 py-1 rounded border bg-gray-500/10 text-gray-300 border-gray-500/20 hover:bg-gray-500/20\">\n            ↻ Reload\n          </button>\n        </div>\n      </div>\n\n      <div className=\"flex items-center gap-3 mb-3\">\n        <div className=\"flex items-center gap-1 text-xs\">\n          {(['all', 'log', 'info', 'warn', 'error'] as const).map(lv => (\n            <button\n              key={lv}\n              onClick={() => setFilterLevel(lv)}\n              className={`px-2.5 py-1 rounded border ${\n                filterLevel === lv\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              {lv}{lv !== 'all' && counts[lv as LogLine['level']] > 0 ? ` (${counts[lv as LogLine['level']]})` : ''}\n            </button>\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 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                <span className=\"text-gray-600 shrink-0 w-[100px] text-[10px] tabular-nums\">{shortTime(l.ts)}</span>\n                <span className={`shrink-0 px-1.5 rounded border text-[9px] uppercase ${LEVEL_BADGE[l.level]}`}>\n                  {l.level}\n                </span>\n                <span className={`break-all whitespace-pre-wrap ${LEVEL_COLOR[l.level]}`}>\n                  {highlightSearch(l.line, 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","type","checked","onChange","target","lv","value","placeholder","isAuth","test","role","title","href","window","location","reload","i","style","backgroundColor"],"mappings":"wDAEA,EAAA,EAAA,CAAA,CAAA,OACA,EAAA,EAAA,CAAA,CAAA,OAQA,IAAMA,EAAgD,CACpDC,IAAK,gBACLC,KAAM,gBACNC,KAAM,iBACNC,MAAO,cACT,EAEMC,EAAgD,CACpDJ,IAAK,kDACLC,KAAM,kDACNC,KAAM,qDACNC,MAAO,8CACT,EAIME,EAAiD,CACrDL,IAAK,cACLC,KAAM,UACNC,KAAM,UACNC,MAAO,SACT,mBA0Be,SAASoB,EACtB,MAAM,CAACC,EAAMC,EAAQ,CAAG,CAAA,EAAA,EAAA,QAAA,AAAQ,EAAY,EAAE,EACxC,CAACtB,EAAOuB,EAAS,CAAG,CAAA,EAAA,EAAA,QAAA,AAAQ,EAAgB,MAC5C,CAACC,EAAQC,EAAU,CAAG,CAAA,EAAA,EAAA,QAAA,AAAQ,GAAC,GAC/B,CAACC,EAAaC,EAAe,CAAG,CAAA,EAAA,EAAA,QAAA,AAAQ,EAA2B,OACnE,CAACC,EAAQC,EAAU,CAAG,CAAA,EAAA,EAAA,QAAA,AAAQ,EAAC,IAC/B,CAACC,EAAaC,EAAe,CAAG,CAAA,EAAA,EAAA,QAAA,AAAQ,EAAC,IACzCC,EAAY,CAAA,EAAA,EAAA,MAAA,AAAM,EAAS,IAE3BC,EAAY,CAAA,EAAA,EAAA,WAAA,AAAW,EAAC,MAAOC,GAAU,CAAK,IAClD,GAAI,CACF,IAAMC,EAAS,IAAIC,gBAAgB,CAAEC,MAAO,KAAM,EAC9C,EAACH,GAAWF,EAAUM,OAAO,EAAEH,EAAOI,GAAG,CAAC,QAASP,EAAUM,OAAO,EACxE,IAAME,EAAM,MAAMC,MAAM,CAAC,qBAAqB,EAAEN,EAAOO,QAAQ,GAAA,CAAI,EAC7DC,EAAO,MAAMH,EAAII,IAAI,GAC3B,GAAI,CAACJ,EAAIK,EAAE,EAAI,CAACF,EAAKE,EAAE,CAAE,YACvBtB,EAASoB,EAAK3C,KAAK,EAAI,CAAC,KAAK,EAAEwC,EAAIM,MAAM,CAAA,CAAE,EAG7CvB,EAAS,MACT,IAAMwB,EAAqBJ,EAAKtB,IAAI,EAAI,EAAE,CAC1C,GAAuB,IAAnB0B,EAAQpC,MAAM,CAAQ,OAE1BqB,EAAUM,OAAO,CAAGS,CAAO,CAAC,EAAE,CAACC,EAAE,CAC7Bd,EACFZ,EAAQyB,GAGRzB,EAJW,AAIH2B,IAEN,IAAMC,EAAO,IAAIC,IAAIF,EAAKG,GAAG,CAACC,GAAKA,EAAEL,EAAE,CAAGK,EAAEjD,IAAI,GAEhD,MAAO,IADO2C,EAAQQ,MAAM,CAACF,GAAK,CAACH,EAAKM,GAAG,CAACH,EAAEL,EAAE,CAAGK,EAAEjD,IAAI,MACpC6C,EAAK,CAACxC,KAAK,CAAC,EAAG,IACtC,EAEJ,CAAE,MAAOgD,EAAY,CACnBlC,EAASkC,aAAaC,MAAQD,EAAEE,OAAO,CAAG,eAC5C,CACF,EAAG,EAAE,EAEL,CAAA,EAAA,EAAA,SAAA,AAAS,EAAC,KACR1B,GAAU,EACZ,EAAG,CAACA,EAAU,EAEd,CAAA,EAAA,EAAA,SAAS,AAAT,EAAU,KACR,GAAI,CAACH,GAAeN,EAAQ,OAC5B,IAAMoC,EAAWC,YAAY,IAAM5B,GAAU,GAAQ,KACrD,MAAO,IAAM6B,cAAcF,EAC7B,EAAG,CAAC9B,EAAaN,EAAQS,EAAU,EAEnC,IAAM8B,EAAW1C,EAAKkC,MAAM,CAACF,GACvB3B,CAAgB,WAAS2B,EAAEW,KAAK,GAAKtC,CAAAA,GAAa,EAClDE,IAAU,CAD+C,AAC9CyB,EAAEjD,IAAI,CAACG,WAAW,GAAG0D,QAAQ,CAACrC,EAAOrB,WAAW,GAAA,GAI3D2D,AAJgE,EAIvD,CAAErE,IAAK,AAJuD,EAIpDC,KAAM,EAAGC,KAAM,EAAGC,MAAO,CAAE,EACpD,IAAK,IAAMqD,KAAKhC,EAAM6C,CAAM,CAACb,EAAEW,KAAK,CAAC,GAErC,MACE,CAAA,EAAA,EAAA,IAAA,EAAC,MAAA,CAAItD,UAAU,uCACb,CAAA,EAAA,EAAA,IAAA,EAAC,MAAA,CAAIA,UAAU,qDACb,CAAA,EAAA,EAAA,IAAA,EAAC,MAAA,CAAIA,UAAU,sCACb,CAAA,EAAA,EAAA,GAAA,EAAC,KAAA,CAAGA,UAAU,yCAAgC,gBAC9C,CAAA,EAAA,EAAA,GAAA,EAAC,OAAA,CAAKA,UAAU,iCAAwB,oCAE1C,CAAA,EAAA,EAAA,IAAA,EAAC,MAAA,CAAIA,UAAU,4CACb,CAAA,EAAA,EAAA,GAAA,EAAC,SAAA,CACCyD,QAAS,IAAM1C,EAAU2C,GAAK,CAACA,GAC/B1D,UAAW,CAAC,yBAAyB,EAAEc,EAAS,qDAAuD,kDAAA,CAAmD,UAEzJA,EAAS,WAAa,YAEzB,CAAA,EAAA,EAAA,IAAA,EAAC,QAAA,CAAMd,UAAU,8DACf,CAAA,EAAA,EAAA,GAAA,EAAC,QAAA,CAAM2D,KAAK,WAAWC,QAASxC,EAAayC,SAAUd,GAAK1B,EAAe0B,EAAEe,MAAM,CAACF,OAAO,EAAG5D,UAAU,oBAAoB,kBAG9H,CAAA,EAAA,EAAA,GAAA,EAAC,SAAA,CAAOyD,QAAS,IAAMlC,GAAU,GAAOvB,UAAU,yGAAgG,mBAMtJ,CAAA,EAAA,EAAA,IAAA,EAAC,MAAA,CAAIA,UAAU,yCACb,CAAA,EAAA,EAAA,GAAA,EAAC,MAAA,CAAIA,UAAU,2CACX,CAAC,MAAO,MAAO,OAAQ,OAAQ,QAAQ,CAAW0C,GAAG,CAACqB,GACtD,CAAA,EAAA,EAAA,IAAA,EAAC,SAAA,CAECN,QAAS,IAAMxC,EAAe8C,GAC9B/D,UAAW,CAAC,2BAA2B,EACrCgB,IAAgB+C,EACZ,kDACA,iEAAA,CACJ,WAEDA,EAAW,QAAPA,GAAgBP,CAAM,CAACO,EAAuB,CAAG,EAAI,CAAC,EAAE,EAAEP,CAAM,CAACO,EAAuB,CAAC,CAAC,CAAC,CAAG,KAR9FA,MAYX,CAAA,EAAA,EAAA,GAAA,EAAC,QAAA,CACCC,MAAO9C,EACP2C,SAAUd,GAAK5B,EAAU4B,EAAEe,MAAM,CAACE,KAAK,EACvCC,YAAY,0CACZjE,UAAU,sIAEZ,CAAA,EAAA,EAAA,IAAA,EAAC,OAAA,CAAKA,UAAU,sCACbqD,EAASpD,MAAM,CAAC,MAAIU,EAAKV,MAAM,OAInCX,IAGO4E,EAAS,GAHP,CAAC,gCAG0CC,IAAI,CAAC7E,GAEtD,CAAA,EAAA,EAAA,IAAA,EAAC,MAAA,CAAIU,UAAU,sHAAsHoE,KAAK,kBACxI,CAAA,EAAA,EAAA,GAAA,EAAC,OAAA,CAAK,aAAW,CAAA,CAAA,EAACpE,UAAU,kCAAyB,MACrD,CAAA,EAAA,EAAA,GAAA,EAAC,MAAA,CAAIA,UAAU,kBACZkE,EACC,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,QAAA,CAAA,WACE,CAAA,EAAA,EAAA,GAAA,EAAC,MAAA,CAAIlE,UAAU,uBAAc,yBAC7B,CAAA,EAAA,EAAA,GAAA,EAAC,MAAA,CAAIA,UAAU,4BAA4BqE,MAAO/E,WAAO,2CAGzD,CAAA,EAAA,EAAA,GAAA,EAAC,EAAA,OAAI,CAAA,CAACgF,KAAK,SAAStE,UAAU,+FAAsF,qBAKtH,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,QAAA,CAAA,WACE,CAAA,EAAA,EAAA,GAAA,EAAC,MAAA,CAAIA,UAAU,uBAAc,gBAC7B,CAAA,EAAA,EAAA,GAAA,EAAC,MAAA,CAAIA,UAAU,4BAA4BqE,MAAO/E,WAAO,4BACzD,CAAA,EAAA,EAAA,GAAA,EAAC,SAAA,CAAOmE,QAAS,IAAMc,OAAOC,QAAQ,CAACC,MAAM,GAAIzE,UAAU,+FAAsF,oBAU7J,CAAA,EAAA,EAAA,GAAA,EAAC,MAAA,CAAIA,UAAU,8GACQ,IAApBqD,EAASpD,MAAM,CACd,CAAA,EAAA,EAAA,GAAA,EAAC,MAAA,CAAID,UAAU,yCACZV,EAAQ,OAASqB,AAAgB,MAAXV,MAAM,CAAS,SAAW,YAGnD,CAAA,EAAA,EAAA,GAAA,EAAC,MAAA,CAAID,UAAU,+EACZqD,EAASX,GAAG,CAAC,CAACC,EAAG+B,IAChB,CAAA,EAAA,EAAA,IAAA,EAAC,MAAA,CAAyB1E,UAAU,kEAIlC,CAAA,EAAA,EAAA,GAAA,EAAC,OAAA,CACC,aAAW,CAAA,CAAA,EACXA,UAAU,uCACV2E,MAAO,CAAEC,gBAAiBpF,CAAY,CAACmD,EAAEW,KAAK,CAAC,AAAC,IAElD,CAAA,EAAA,EAAA,GAAA,EAAC,OAAA,CAAKtD,UAAU,qEAA6DE,AAxK7F,SAAmBC,AAAVD,CAAqB,EAC5B,GAAI,CACF,IAAME,EAAI,IAAIC,KAAKF,GACnB,OAAOC,EAAEE,YAAY,GAAGP,KAAK,CAAC,EAAG,GAAK,IAAMQ,OAAOH,EAAEI,eAAe,IAAIC,QAAQ,CAAC,EAAG,IACtF,CAAE,KAAM,CACN,OAAON,CACT,CACF,EAiKuGwC,EAAEL,EAAE,IAC3F,CAAA,EAAA,EAAA,GAAA,EAAC,OAAA,CAAKtC,UAAW,CAAC,oDAAoD,EAAET,CAAW,CAACoD,EAAEW,KAAK,CAAC,CAAA,CAAE,UAC3FX,EAAEW,KAAK,GAEV,CAAA,EAAA,EAAA,GAAA,EAAC,OAAA,CAAKtD,UAAW,CAAC,8BAA8B,EAAEd,CAAW,CAACyD,EAAEW,KAAK,CAAC,CAAA,CAAE,UAzLxF,AA0LmB7D,SA1LVA,AAAgBC,CAAY,CAAEC,CAAS,EAC9C,GAAI,CAACA,EAAG,OAAOD,EACf,IAAME,EAAMF,EAAKG,WAAW,GAAGC,OAAO,CAACH,EAAEE,WAAW,WACpD,AAAID,EAAM,EAAUF,CAAP,CAEX,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,QAAA,CAAA,WACGA,EAAKK,KAAK,CAAC,EAAGH,GACf,CAAA,EAAA,EAAA,GAAA,EAAC,OAAA,CAAKI,UAAU,8DAAsDN,EAAKK,KAAK,CAACH,EAAKA,EAAMD,EAAEM,MAAM,IACnGP,EAAKK,KAAK,CAACH,EAAMD,EAAEM,MAAM,IAGhC,EA+KmC0C,EAAEjD,IAAI,CAAEwB,OAdnB,CAAA,EAAGyB,EAAEL,EAAE,CAAC,CAAC,EAAEoC,EAAAA,CAAG,SAuBtC"}

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

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

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

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

@@ -7,9 +7,9 @@ globalThis.__BUILD_MANIFEST = {
     "static/chunks/03~yq9q893hmn.js"
   ],
   "lowPriorityFiles": [
-    "static/dvjBKNMRovte6RFP_k8Lq/_buildManifest.js",
-    "static/dvjBKNMRovte6RFP_k8Lq/_ssgManifest.js",
-    "static/dvjBKNMRovte6RFP_k8Lq/_clientMiddlewareManifest.js"
+    "static/I8oYGCFqEglZXHP7xG8Cd/_buildManifest.js",
+    "static/I8oYGCFqEglZXHP7xG8Cd/_ssgManifest.js",
+    "static/I8oYGCFqEglZXHP7xG8Cd/_clientMiddlewareManifest.js"
   ],
   "rootMainFiles": [
     "static/chunks/0e-.zgw81gela.js",