@winspan/claude-forge 8.54.3 → 9.2.0

package/dist/web/static/assets/Events-DrIq1SUS.js

@@ -1,2 +0,0 @@
-import{j as e,r as x}from"./react-vendor-CSp-GLFF.js";import{u as w}from"./query-C99w429o.js";import{p as g}from"./time-Bxuk0M-C.js";import{d as y}from"./vendor-CMMjVdZs.js";import{D as _}from"./Drawer-DdRTzlLB.js";import{h as S,o as k}from"./syntax-highlighter-44FakypI.js";import{S as C}from"./SearchInput-qCj_jAcf.js";import{g as E,d as U,a as P}from"./export-L_VBD2p1.js";import{u as T}from"./index-CBX47X8l.js";import{k as L,D as H,A as J}from"./lucide-Bs_edTLa.js";import{f as j}from"./date-fns-CZ_bHujz.js";import"./react-router-r79dBVy4.js";function f({data:o,language:n="json",maxHeight:a="400px"}){const m=typeof o=="string"?o:JSON.stringify(o,null,2);return e.jsx("div",{className:"rounded overflow-hidden",style:{maxHeight:a,overflowY:"auto"},children:e.jsx(S,{language:n,style:k,customStyle:{margin:0,fontSize:"12px",padding:"12px",background:"#f9fafb"},children:m})})}async function O(o){const n=`/api/events?limit=500${o?`&hook_type=${o}`:""}`,a=await fetch(n);if(!a.ok)throw new Error("Failed to fetch events");return a.json()}const D=["","UserPromptSubmit","PreToolUse","PostToolUse","Stop","Notification"];function Y(){const[o,n]=x.useState(""),[a,m]=x.useState(""),[s,h]=x.useState(null),[v,p]=x.useState(!1),b=T(),{data:d,isLoading:N}=w({queryKey:["events",o],queryFn:()=>O(o),refetchInterval:5e3}),l=x.useMemo(()=>{if(!d)return[];if(!a.trim())return d;const t=a.toLowerCase();return d.filter(i=>{var c,r;return((c=i.tool_name)==null?void 0:c.toLowerCase().includes(t))||((r=i.user_prompt)==null?void 0:r.toLowerCase().includes(t))||i.session_id.toLowerCase().includes(t)||JSON.stringify(i.tool_input||"").toLowerCase().includes(t)})},[d,a]),u=t=>{const i=E();if(t==="json")U(`events-${i}.json`,l);else{const c=l.map(r=>({event_id:r.event_id,session_id:r.session_id,timestamp:r.timestamp,hook_type:r.hook_type,tool_name:r.tool_name||"",user_prompt:r.user_prompt||"",tool_input:r.tool_input?JSON.stringify(r.tool_input).slice(0,500):""}));P(`events-${i}.csv`,c)}b.success(`已导出 ${l.length} 条事件`),p(!1)};return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-4 flex-wrap gap-3",children:[e.jsx("h1",{className:"text-2xl font-bold text-gray-900",children:"事件"}),e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsx(C,{value:a,onChange:m,placeholder:"搜索提示/工具/session...",className:"w-64"}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(L,{className:"h-4 w-4 text-gray-500"}),e.jsx("select",{value:o,onChange:t=>n(t.target.value),className:"text-sm border border-gray-300 rounded-md px-2 py-1.5 bg-white",children:D.map(t=>e.jsx("option",{value:t,children:t||"全部类型"},t))})]}),e.jsxs("div",{className:"relative",children:[e.jsxs("button",{onClick:()=>p(t=>!t),disabled:l.length===0,className:"inline-flex items-center gap-1 px-3 py-1.5 text-sm bg-white border border-gray-300 rounded-md hover:bg-gray-50 disabled:opacity-50",children:[e.jsx(H,{className:"h-4 w-4"}),"导出"]}),v&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fixed inset-0 z-10",onClick:()=>p(!1)}),e.jsxs("div",{className:"absolute right-0 mt-1 bg-white border border-gray-200 rounded-md shadow-lg z-20",children:[e.jsx("button",{onClick:()=>u("json"),className:"block w-full text-left px-4 py-2 text-sm hover:bg-gray-50",children:"导出为 JSON"}),e.jsx("button",{onClick:()=>u("csv"),className:"block w-full text-left px-4 py-2 text-sm hover:bg-gray-50",children:"导出为 CSV"})]})]})]})]})]}),e.jsxs("div",{className:"text-sm text-gray-500 mb-3",children:["显示 ",l.length," 条 ",a&&"（已过滤）"]}),e.jsx("div",{className:"bg-white rounded-lg shadow overflow-hidden",children:N?e.jsx("div",{className:"p-6 text-gray-600",children:"加载中..."}):e.jsxs("table",{className:"min-w-full divide-y divide-gray-200",children:[e.jsx("thead",{className:"bg-gray-50",children:e.jsxs("tr",{children:[e.jsx("th",{className:"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase",children:"时间"}),e.jsx("th",{className:"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase",children:"类型"}),e.jsx("th",{className:"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase",children:"工具"}),e.jsx("th",{className:"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase",children:"详情"})]})}),e.jsxs("tbody",{className:"bg-white divide-y divide-gray-200",children:[l.map(t=>e.jsxs("tr",{className:"hover:bg-gray-50 cursor-pointer",onClick:()=>h(t),children:[e.jsx("td",{className:"px-4 py-2 whitespace-nowrap text-xs font-mono text-gray-500",children:t.timestamp?j(g(t.timestamp),"HH:mm:ss"):"-"}),e.jsx("td",{className:"px-4 py-2 whitespace-nowrap",children:e.jsx("span",{className:y("px-2 py-0.5 text-xs font-medium rounded",t.hook_type==="UserPromptSubmit"&&"bg-purple-100 text-purple-700",t.hook_type==="PreToolUse"&&"bg-blue-100 text-blue-700",t.hook_type==="PostToolUse"&&"bg-green-100 text-green-700",t.hook_type==="Stop"&&"bg-gray-100 text-gray-700",t.hook_type==="Notification"&&"bg-yellow-100 text-yellow-700"),children:t.hook_type})}),e.jsx("td",{className:"px-4 py-2 whitespace-nowrap text-sm text-gray-700",children:t.tool_name||"-"}),e.jsx("td",{className:"px-4 py-2 max-w-xl",children:e.jsx("p",{className:"text-xs text-gray-600 truncate",children:t.user_prompt||(t.tool_input?JSON.stringify(t.tool_input).slice(0,100):"-")})})]},t.event_id)),l.length===0&&e.jsx("tr",{children:e.jsxs("td",{colSpan:4,className:"px-4 py-12 text-center text-gray-500",children:[e.jsx(J,{className:"h-12 w-12 text-gray-300 mx-auto mb-2"}),a?"无匹配结果":"暂无事件"]})})]})]})}),e.jsx(_,{open:s!==null,onClose:()=>h(null),title:"事件详情",children:s&&e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"事件 ID"}),e.jsx("div",{className:"text-sm font-mono text-gray-900",children:s.event_id})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"类型"}),e.jsx("span",{className:y("px-2 py-1 text-xs font-medium rounded",s.hook_type==="UserPromptSubmit"&&"bg-purple-100 text-purple-700",s.hook_type==="PreToolUse"&&"bg-blue-100 text-blue-700",s.hook_type==="PostToolUse"&&"bg-green-100 text-green-700"),children:s.hook_type})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"时间"}),e.jsx("div",{className:"text-sm text-gray-900",children:s.timestamp?j(g(s.timestamp),"yyyy-MM-dd HH:mm:ss"):"-"})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"Session"}),e.jsx("div",{className:"text-sm font-mono text-gray-700",children:s.session_id})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"项目路径"}),e.jsx("div",{className:"text-sm font-mono text-gray-700 break-all",children:s.project_path})]}),s.tool_name&&e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"工具"}),e.jsx("div",{className:"text-sm text-gray-900",children:s.tool_name})]}),s.user_prompt&&e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"用户提示"}),e.jsx("div",{className:"bg-purple-50 rounded p-3 text-sm text-gray-800 whitespace-pre-wrap",children:s.user_prompt})]}),s.tool_input&&e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"工具输入"}),e.jsx(f,{data:s.tool_input,language:"json",maxHeight:"300px"})]}),s.tool_output&&e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"工具输出"}),e.jsx(f,{data:s.tool_output,language:typeof s.tool_output=="string"?"text":"json",maxHeight:"400px"})]})]})})]})}export{Y as default};
-//# sourceMappingURL=Events-DrIq1SUS.js.map

package/dist/web/static/assets/Events-DrIq1SUS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Events-DrIq1SUS.js","sources":["../../src/components/CodeBlock.tsx","../../src/pages/Events.tsx"],"sourcesContent":["import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'\nimport { oneLight } from 'react-syntax-highlighter/dist/esm/styles/prism'\n\ninterface Props {\n  data: any\n  language?: string\n  maxHeight?: string\n}\n\nexport default function CodeBlock({ data, language = 'json', maxHeight = '400px' }: Props) {\n  const content = typeof data === 'string'\n    ? data\n    : JSON.stringify(data, null, 2)\n\n  return (\n    <div className=\"rounded overflow-hidden\" style={{ maxHeight, overflowY: 'auto' }}>\n      <SyntaxHighlighter\n        language={language}\n        style={oneLight}\n        customStyle={{\n          margin: 0,\n          fontSize: '12px',\n          padding: '12px',\n          background: '#f9fafb',\n        }}\n      >\n        {content}\n      </SyntaxHighlighter>\n    </div>\n  )\n}\n","import { useQuery } from '@tanstack/react-query'\nimport { useState, useMemo } from 'react'\nimport { format } from 'date-fns'\nimport { parseUTC } from '../utils/time'\nimport { Activity, Filter, Download } from 'lucide-react'\nimport clsx from 'clsx'\nimport Drawer from '../components/Drawer'\nimport CodeBlock from '../components/CodeBlock'\nimport SearchInput from '../components/SearchInput'\nimport { downloadJSON, downloadCSV, getTimestamp } from '../utils/export'\nimport { useToast } from '../components/Toast'\n\ninterface Event {\n  event_id: string\n  session_id: string\n  project_path: string\n  timestamp: string\n  hook_type: string\n  tool_name?: string\n  tool_input?: any\n  tool_output?: any\n  user_prompt?: string\n  ai_response?: string\n}\n\nasync function fetchEvents(hookType?: string): Promise<Event[]> {\n  const url = `/api/events?limit=500${hookType ? `&hook_type=${hookType}` : ''}`\n  const res = await fetch(url)\n  if (!res.ok) throw new Error('Failed to fetch events')\n  return res.json()\n}\n\nconst hookTypes = ['', 'UserPromptSubmit', 'PreToolUse', 'PostToolUse', 'Stop', 'Notification']\n\nexport default function Events() {\n  const [filter, setFilter] = useState('')\n  const [search, setSearch] = useState('')\n  const [selectedEvent, setSelectedEvent] = useState<Event | null>(null)\n  const [showExportMenu, setShowExportMenu] = useState(false)\n  const toast = useToast()\n\n  const { data: events, isLoading } = useQuery({\n    queryKey: ['events', filter],\n    queryFn: () => fetchEvents(filter),\n    refetchInterval: 5000,\n  })\n\n  // 客户端搜索过滤\n  const filteredEvents = useMemo(() => {\n    if (!events) return []\n    if (!search.trim()) return events\n    const q = search.toLowerCase()\n    return events.filter(e =>\n      e.tool_name?.toLowerCase().includes(q) ||\n      e.user_prompt?.toLowerCase().includes(q) ||\n      e.session_id.toLowerCase().includes(q) ||\n      JSON.stringify(e.tool_input || '').toLowerCase().includes(q)\n    )\n  }, [events, search])\n\n  const handleExport = (exportFormat: 'json' | 'csv') => {\n    const ts = getTimestamp()\n    if (exportFormat === 'json') {\n      downloadJSON(`events-${ts}.json`, filteredEvents)\n    } else {\n      // CSV 导出扁平化\n      const flat = filteredEvents.map(e => ({\n        event_id: e.event_id,\n        session_id: e.session_id,\n        timestamp: e.timestamp,\n        hook_type: e.hook_type,\n        tool_name: e.tool_name || '',\n        user_prompt: e.user_prompt || '',\n        tool_input: e.tool_input ? JSON.stringify(e.tool_input).slice(0, 500) : '',\n      }))\n      downloadCSV(`events-${ts}.csv`, flat)\n    }\n    toast.success(`已导出 ${filteredEvents.length} 条事件`)\n    setShowExportMenu(false)\n  }\n\n  return (\n    <div>\n      <div className=\"flex items-center justify-between mb-4 flex-wrap gap-3\">\n        <h1 className=\"text-2xl font-bold text-gray-900\">事件</h1>\n        <div className=\"flex items-center gap-2 flex-wrap\">\n          <SearchInput\n            value={search}\n            onChange={setSearch}\n            placeholder=\"搜索提示/工具/session...\"\n            className=\"w-64\"\n          />\n          <div className=\"flex items-center gap-1\">\n            <Filter className=\"h-4 w-4 text-gray-500\" />\n            <select\n              value={filter}\n              onChange={(e) => setFilter(e.target.value)}\n              className=\"text-sm border border-gray-300 rounded-md px-2 py-1.5 bg-white\"\n            >\n              {hookTypes.map((t) => (\n                <option key={t} value={t}>{t || '全部类型'}</option>\n              ))}\n            </select>\n          </div>\n          <div className=\"relative\">\n            <button\n              onClick={() => setShowExportMenu(v => !v)}\n              disabled={filteredEvents.length === 0}\n              className=\"inline-flex items-center gap-1 px-3 py-1.5 text-sm bg-white border border-gray-300 rounded-md hover:bg-gray-50 disabled:opacity-50\"\n            >\n              <Download className=\"h-4 w-4\" />\n              导出\n            </button>\n            {showExportMenu && (\n              <>\n                <div className=\"fixed inset-0 z-10\" onClick={() => setShowExportMenu(false)} />\n                <div className=\"absolute right-0 mt-1 bg-white border border-gray-200 rounded-md shadow-lg z-20\">\n                  <button\n                    onClick={() => handleExport('json')}\n                    className=\"block w-full text-left px-4 py-2 text-sm hover:bg-gray-50\"\n                  >\n                    导出为 JSON\n                  </button>\n                  <button\n                    onClick={() => handleExport('csv')}\n                    className=\"block w-full text-left px-4 py-2 text-sm hover:bg-gray-50\"\n                  >\n                    导出为 CSV\n                  </button>\n                </div>\n              </>\n            )}\n          </div>\n        </div>\n      </div>\n\n      <div className=\"text-sm text-gray-500 mb-3\">\n        显示 {filteredEvents.length} 条 {search && `（已过滤）`}\n      </div>\n\n      <div className=\"bg-white rounded-lg shadow overflow-hidden\">\n        {isLoading ? (\n          <div className=\"p-6 text-gray-600\">加载中...</div>\n        ) : (\n          <table className=\"min-w-full divide-y divide-gray-200\">\n            <thead className=\"bg-gray-50\">\n              <tr>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase\">时间</th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase\">类型</th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase\">工具</th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase\">详情</th>\n              </tr>\n            </thead>\n            <tbody className=\"bg-white divide-y divide-gray-200\">\n              {filteredEvents.map((e) => (\n                <tr\n                  key={e.event_id}\n                  className=\"hover:bg-gray-50 cursor-pointer\"\n                  onClick={() => setSelectedEvent(e)}\n                >\n                  <td className=\"px-4 py-2 whitespace-nowrap text-xs font-mono text-gray-500\">\n                    {e.timestamp ? format(parseUTC(e.timestamp), 'HH:mm:ss') : '-'}\n                  </td>\n                  <td className=\"px-4 py-2 whitespace-nowrap\">\n                    <span className={clsx(\n                      'px-2 py-0.5 text-xs font-medium rounded',\n                      e.hook_type === 'UserPromptSubmit' && 'bg-purple-100 text-purple-700',\n                      e.hook_type === 'PreToolUse' && 'bg-blue-100 text-blue-700',\n                      e.hook_type === 'PostToolUse' && 'bg-green-100 text-green-700',\n                      e.hook_type === 'Stop' && 'bg-gray-100 text-gray-700',\n                      e.hook_type === 'Notification' && 'bg-yellow-100 text-yellow-700'\n                    )}>\n                      {e.hook_type}\n                    </span>\n                  </td>\n                  <td className=\"px-4 py-2 whitespace-nowrap text-sm text-gray-700\">\n                    {e.tool_name || '-'}\n                  </td>\n                  <td className=\"px-4 py-2 max-w-xl\">\n                    <p className=\"text-xs text-gray-600 truncate\">\n                      {e.user_prompt || (e.tool_input ? JSON.stringify(e.tool_input).slice(0, 100) : '-')}\n                    </p>\n                  </td>\n                </tr>\n              ))}\n              {filteredEvents.length === 0 && (\n                <tr>\n                  <td colSpan={4} className=\"px-4 py-12 text-center text-gray-500\">\n                    <Activity className=\"h-12 w-12 text-gray-300 mx-auto mb-2\" />\n                    {search ? '无匹配结果' : '暂无事件'}\n                  </td>\n                </tr>\n              )}\n            </tbody>\n          </table>\n        )}\n      </div>\n\n      {/* Event Detail Drawer */}\n      <Drawer\n        open={selectedEvent !== null}\n        onClose={() => setSelectedEvent(null)}\n        title=\"事件详情\"\n      >\n        {selectedEvent && (\n          <div className=\"space-y-4\">\n            <div>\n              <div className=\"text-xs text-gray-500 mb-1\">事件 ID</div>\n              <div className=\"text-sm font-mono text-gray-900\">{selectedEvent.event_id}</div>\n            </div>\n            <div>\n              <div className=\"text-xs text-gray-500 mb-1\">类型</div>\n              <span className={clsx(\n                'px-2 py-1 text-xs font-medium rounded',\n                selectedEvent.hook_type === 'UserPromptSubmit' && 'bg-purple-100 text-purple-700',\n                selectedEvent.hook_type === 'PreToolUse' && 'bg-blue-100 text-blue-700',\n                selectedEvent.hook_type === 'PostToolUse' && 'bg-green-100 text-green-700',\n              )}>\n                {selectedEvent.hook_type}\n              </span>\n            </div>\n            <div>\n              <div className=\"text-xs text-gray-500 mb-1\">时间</div>\n              <div className=\"text-sm text-gray-900\">\n                {selectedEvent.timestamp ? format(parseUTC(selectedEvent.timestamp), 'yyyy-MM-dd HH:mm:ss') : '-'}\n              </div>\n            </div>\n            <div>\n              <div className=\"text-xs text-gray-500 mb-1\">Session</div>\n              <div className=\"text-sm font-mono text-gray-700\">{selectedEvent.session_id}</div>\n            </div>\n            <div>\n              <div className=\"text-xs text-gray-500 mb-1\">项目路径</div>\n              <div className=\"text-sm font-mono text-gray-700 break-all\">{selectedEvent.project_path}</div>\n            </div>\n            {selectedEvent.tool_name && (\n              <div>\n                <div className=\"text-xs text-gray-500 mb-1\">工具</div>\n                <div className=\"text-sm text-gray-900\">{selectedEvent.tool_name}</div>\n              </div>\n            )}\n            {selectedEvent.user_prompt && (\n              <div>\n                <div className=\"text-xs text-gray-500 mb-1\">用户提示</div>\n                <div className=\"bg-purple-50 rounded p-3 text-sm text-gray-800 whitespace-pre-wrap\">\n                  {selectedEvent.user_prompt}\n                </div>\n              </div>\n            )}\n            {selectedEvent.tool_input && (\n              <div>\n                <div className=\"text-xs text-gray-500 mb-1\">工具输入</div>\n                <CodeBlock data={selectedEvent.tool_input} language=\"json\" maxHeight=\"300px\" />\n              </div>\n            )}\n            {selectedEvent.tool_output && (\n              <div>\n                <div className=\"text-xs text-gray-500 mb-1\">工具输出</div>\n                <CodeBlock\n                  data={selectedEvent.tool_output}\n                  language={typeof selectedEvent.tool_output === 'string' ? 'text' : 'json'}\n                  maxHeight=\"400px\"\n                />\n              </div>\n            )}\n          </div>\n        )}\n      </Drawer>\n    </div>\n  )\n}\n"],"names":["CodeBlock","data","language","maxHeight","content","jsx","SyntaxHighlighter","oneLight","fetchEvents","hookType","url","res","hookTypes","Events","filter","setFilter","useState","search","setSearch","selectedEvent","setSelectedEvent","showExportMenu","setShowExportMenu","toast","useToast","events","isLoading","useQuery","filteredEvents","useMemo","q","e","_a","_b","handleExport","exportFormat","ts","getTimestamp","downloadJSON","flat","downloadCSV","jsxs","SearchInput","Filter","v","Download","Fragment","format","parseUTC","clsx","Activity","Drawer"],"mappings":"qiBASA,SAAwBA,EAAU,CAAE,KAAAC,EAAM,SAAAC,EAAW,OAAQ,UAAAC,EAAY,SAAkB,CACzF,MAAMC,EAAU,OAAOH,GAAS,SAC5BA,EACA,KAAK,UAAUA,EAAM,KAAM,CAAC,EAEhC,OACEI,MAAC,OAAI,UAAU,0BAA0B,MAAO,CAAE,UAAAF,EAAW,UAAW,MAAA,EACtE,SAAAE,EAAAA,IAACC,EAAA,CACC,SAAAJ,EACA,MAAOK,EACP,YAAa,CACX,OAAQ,EACR,SAAU,OACV,QAAS,OACT,WAAY,SAAA,EAGb,SAAAH,CAAA,CAAA,EAEL,CAEJ,CCLA,eAAeI,EAAYC,EAAqC,CAC9D,MAAMC,EAAM,wBAAwBD,EAAW,cAAcA,CAAQ,GAAK,EAAE,GACtEE,EAAM,MAAM,MAAMD,CAAG,EAC3B,GAAI,CAACC,EAAI,GAAI,MAAM,IAAI,MAAM,wBAAwB,EACrD,OAAOA,EAAI,KAAA,CACb,CAEA,MAAMC,EAAY,CAAC,GAAI,mBAAoB,aAAc,cAAe,OAAQ,cAAc,EAE9F,SAAwBC,GAAS,CAC/B,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAE,EACjC,CAACC,EAAQC,CAAS,EAAIF,EAAAA,SAAS,EAAE,EACjC,CAACG,EAAeC,CAAgB,EAAIJ,EAAAA,SAAuB,IAAI,EAC/D,CAACK,EAAgBC,CAAiB,EAAIN,EAAAA,SAAS,EAAK,EACpDO,EAAQC,EAAA,EAER,CAAE,KAAMC,EAAQ,UAAAC,CAAA,EAAcC,EAAS,CAC3C,SAAU,CAAC,SAAUb,CAAM,EAC3B,QAAS,IAAMN,EAAYM,CAAM,EACjC,gBAAiB,GAAA,CAClB,EAGKc,EAAiBC,EAAAA,QAAQ,IAAM,CACnC,GAAI,CAACJ,EAAQ,MAAO,CAAA,EACpB,GAAI,CAACR,EAAO,KAAA,EAAQ,OAAOQ,EAC3B,MAAMK,EAAIb,EAAO,YAAA,EACjB,OAAOQ,EAAO,OAAOM,GAAA,SACnB,QAAAC,EAAAD,EAAE,YAAF,YAAAC,EAAa,cAAc,SAASF,OACpCG,EAAAF,EAAE,cAAF,YAAAE,EAAe,cAAc,SAASH,KACtCC,EAAE,WAAW,YAAA,EAAc,SAASD,CAAC,GACrC,KAAK,UAAUC,EAAE,YAAc,EAAE,EAAE,YAAA,EAAc,SAASD,CAAC,EAAA,CAE/D,EAAG,CAACL,EAAQR,CAAM,CAAC,EAEbiB,EAAgBC,GAAiC,CACrD,MAAMC,EAAKC,EAAA,EACX,GAAIF,IAAiB,OACnBG,EAAa,UAAUF,CAAE,QAASR,CAAc,MAC3C,CAEL,MAAMW,EAAOX,EAAe,IAAIG,IAAM,CACpC,SAAUA,EAAE,SACZ,WAAYA,EAAE,WACd,UAAWA,EAAE,UACb,UAAWA,EAAE,UACb,UAAWA,EAAE,WAAa,GAC1B,YAAaA,EAAE,aAAe,GAC9B,WAAYA,EAAE,WAAa,KAAK,UAAUA,EAAE,UAAU,EAAE,MAAM,EAAG,GAAG,EAAI,EAAA,EACxE,EACFS,EAAY,UAAUJ,CAAE,OAAQG,CAAI,CACtC,CACAhB,EAAM,QAAQ,OAAOK,EAAe,MAAM,MAAM,EAChDN,EAAkB,EAAK,CACzB,EAEA,cACG,MAAA,CACC,SAAA,CAAAmB,EAAAA,KAAC,MAAA,CAAI,UAAU,yDACb,SAAA,CAAApC,EAAAA,IAAC,KAAA,CAAG,UAAU,mCAAmC,SAAA,KAAE,EACnDoC,EAAAA,KAAC,MAAA,CAAI,UAAU,oCACb,SAAA,CAAApC,EAAAA,IAACqC,EAAA,CACC,MAAOzB,EACP,SAAUC,EACV,YAAY,qBACZ,UAAU,MAAA,CAAA,EAEZuB,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAApC,EAAAA,IAACsC,EAAA,CAAO,UAAU,uBAAA,CAAwB,EAC1CtC,EAAAA,IAAC,SAAA,CACC,MAAOS,EACP,SAAWiB,GAAMhB,EAAUgB,EAAE,OAAO,KAAK,EACzC,UAAU,iEAET,SAAAnB,EAAU,IAAK,GACdP,EAAAA,IAAC,SAAA,CAAe,MAAO,EAAI,SAAA,GAAK,MAAA,EAAnB,CAA0B,CACxC,CAAA,CAAA,CACH,EACF,EACAoC,EAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAA,EAAAA,KAAC,SAAA,CACC,QAAS,IAAMnB,EAAkBsB,GAAK,CAACA,CAAC,EACxC,SAAUhB,EAAe,SAAW,EACpC,UAAU,qIAEV,SAAA,CAAAvB,EAAAA,IAACwC,EAAA,CAAS,UAAU,SAAA,CAAU,EAAE,IAAA,CAAA,CAAA,EAGjCxB,GACCoB,EAAAA,KAAAK,WAAA,CACE,SAAA,CAAAzC,MAAC,OAAI,UAAU,qBAAqB,QAAS,IAAMiB,EAAkB,EAAK,EAAG,EAC7EmB,EAAAA,KAAC,MAAA,CAAI,UAAU,kFACb,SAAA,CAAApC,EAAAA,IAAC,SAAA,CACC,QAAS,IAAM6B,EAAa,MAAM,EAClC,UAAU,4DACX,SAAA,UAAA,CAAA,EAGD7B,EAAAA,IAAC,SAAA,CACC,QAAS,IAAM6B,EAAa,KAAK,EACjC,UAAU,4DACX,SAAA,SAAA,CAAA,CAED,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,EACF,EAEAO,EAAAA,KAAC,MAAA,CAAI,UAAU,6BAA6B,SAAA,CAAA,MACtCb,EAAe,OAAO,MAAIX,GAAU,OAAA,EAC1C,EAEAZ,MAAC,MAAA,CAAI,UAAU,6CACZ,WACCA,MAAC,MAAA,CAAI,UAAU,oBAAoB,SAAA,QAAA,CAAM,EAEzCoC,EAAAA,KAAC,QAAA,CAAM,UAAU,sCACf,SAAA,CAAApC,MAAC,QAAA,CAAM,UAAU,aACf,SAAAoC,EAAAA,KAAC,KAAA,CACC,SAAA,CAAApC,EAAAA,IAAC,KAAA,CAAG,UAAU,kEAAkE,SAAA,KAAE,EAClFA,EAAAA,IAAC,KAAA,CAAG,UAAU,kEAAkE,SAAA,KAAE,EAClFA,EAAAA,IAAC,KAAA,CAAG,UAAU,kEAAkE,SAAA,KAAE,EAClFA,EAAAA,IAAC,KAAA,CAAG,UAAU,kEAAkE,SAAA,IAAA,CAAE,CAAA,CAAA,CACpF,CAAA,CACF,EACAoC,EAAAA,KAAC,QAAA,CAAM,UAAU,oCACd,SAAA,CAAAb,EAAe,IAAKG,GACnBU,EAAAA,KAAC,KAAA,CAEC,UAAU,kCACV,QAAS,IAAMrB,EAAiBW,CAAC,EAEjC,SAAA,CAAA1B,EAAAA,IAAC,KAAA,CAAG,UAAU,8DACX,SAAA0B,EAAE,UAAYgB,EAAOC,EAASjB,EAAE,SAAS,EAAG,UAAU,EAAI,IAC7D,QACC,KAAA,CAAG,UAAU,8BACZ,SAAA1B,MAAC,QAAK,UAAW4C,EACf,0CACAlB,EAAE,YAAc,oBAAsB,gCACtCA,EAAE,YAAc,cAAgB,4BAChCA,EAAE,YAAc,eAAiB,8BACjCA,EAAE,YAAc,QAAU,4BAC1BA,EAAE,YAAc,gBAAkB,+BAAA,EAEjC,SAAAA,EAAE,SAAA,CACL,CAAA,CACF,QACC,KAAA,CAAG,UAAU,oDACX,SAAAA,EAAE,WAAa,IAClB,EACA1B,EAAAA,IAAC,MAAG,UAAU,qBACZ,eAAC,IAAA,CAAE,UAAU,iCACV,SAAA0B,EAAE,cAAgBA,EAAE,WAAa,KAAK,UAAUA,EAAE,UAAU,EAAE,MAAM,EAAG,GAAG,EAAI,IAAA,CACjF,CAAA,CACF,CAAA,CAAA,EA1BKA,EAAE,QAAA,CA4BV,EACAH,EAAe,SAAW,GACzBvB,EAAAA,IAAC,KAAA,CACC,gBAAC,KAAA,CAAG,QAAS,EAAG,UAAU,uCACxB,SAAA,CAAAA,EAAAA,IAAC6C,EAAA,CAAS,UAAU,sCAAA,CAAuC,EAC1DjC,EAAS,QAAU,MAAA,CAAA,CACtB,CAAA,CACF,CAAA,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CAEJ,EAGAZ,EAAAA,IAAC8C,EAAA,CACC,KAAMhC,IAAkB,KACxB,QAAS,IAAMC,EAAiB,IAAI,EACpC,MAAM,OAEL,SAAAD,GACCsB,OAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAA,OAAC,MAAA,CACC,SAAA,CAAApC,EAAAA,IAAC,MAAA,CAAI,UAAU,6BAA6B,SAAA,QAAK,EACjDA,EAAAA,IAAC,MAAA,CAAI,UAAU,kCAAmC,WAAc,QAAA,CAAS,CAAA,EAC3E,SACC,MAAA,CACC,SAAA,CAAAA,EAAAA,IAAC,MAAA,CAAI,UAAU,6BAA6B,SAAA,KAAE,EAC9CA,MAAC,QAAK,UAAW4C,EACf,wCACA9B,EAAc,YAAc,oBAAsB,gCAClDA,EAAc,YAAc,cAAgB,4BAC5CA,EAAc,YAAc,eAAiB,6BAAA,EAE5C,WAAc,SAAA,CACjB,CAAA,EACF,SACC,MAAA,CACC,SAAA,CAAAd,EAAAA,IAAC,MAAA,CAAI,UAAU,6BAA6B,SAAA,KAAE,EAC9CA,EAAAA,IAAC,MAAA,CAAI,UAAU,wBACZ,SAAAc,EAAc,UAAY4B,EAAOC,EAAS7B,EAAc,SAAS,EAAG,qBAAqB,EAAI,GAAA,CAChG,CAAA,EACF,SACC,MAAA,CACC,SAAA,CAAAd,EAAAA,IAAC,MAAA,CAAI,UAAU,6BAA6B,SAAA,UAAO,EACnDA,EAAAA,IAAC,MAAA,CAAI,UAAU,kCAAmC,WAAc,UAAA,CAAW,CAAA,EAC7E,SACC,MAAA,CACC,SAAA,CAAAA,EAAAA,IAAC,MAAA,CAAI,UAAU,6BAA6B,SAAA,OAAI,EAChDA,EAAAA,IAAC,MAAA,CAAI,UAAU,4CAA6C,WAAc,YAAA,CAAa,CAAA,EACzF,EACCc,EAAc,WACbsB,EAAAA,KAAC,MAAA,CACC,SAAA,CAAApC,EAAAA,IAAC,MAAA,CAAI,UAAU,6BAA6B,SAAA,KAAE,EAC9CA,EAAAA,IAAC,MAAA,CAAI,UAAU,wBAAyB,WAAc,SAAA,CAAU,CAAA,EAClE,EAEDc,EAAc,aACbsB,EAAAA,KAAC,MAAA,CACC,SAAA,CAAApC,EAAAA,IAAC,MAAA,CAAI,UAAU,6BAA6B,SAAA,OAAI,EAChDA,EAAAA,IAAC,MAAA,CAAI,UAAU,qEACZ,WAAc,WAAA,CACjB,CAAA,EACF,EAEDc,EAAc,YACbsB,EAAAA,KAAC,MAAA,CACC,SAAA,CAAApC,EAAAA,IAAC,MAAA,CAAI,UAAU,6BAA6B,SAAA,OAAI,EAChDA,MAACL,GAAU,KAAMmB,EAAc,WAAY,SAAS,OAAO,UAAU,OAAA,CAAQ,CAAA,EAC/E,EAEDA,EAAc,aACbsB,EAAAA,KAAC,MAAA,CACC,SAAA,CAAApC,EAAAA,IAAC,MAAA,CAAI,UAAU,6BAA6B,SAAA,OAAI,EAChDA,EAAAA,IAACL,EAAA,CACC,KAAMmB,EAAc,YACpB,SAAU,OAAOA,EAAc,aAAgB,SAAW,OAAS,OACnE,UAAU,OAAA,CAAA,CACZ,CAAA,CACF,CAAA,CAAA,CAEJ,CAAA,CAAA,CAEJ,EACF,CAEJ"}

package/dist/web/static/assets/Reports-DFBM3MDK.js

@@ -1,2 +0,0 @@
-import{r as v,j as e}from"./react-vendor-CSp-GLFF.js";import{u as y}from"./query-C99w429o.js";import{F as w,D as k,A as f,a as C,b as S,f as T,B as D,W as A,i as z,r as E,T as u,x as F,y as K,z as O}from"./lucide-Bs_edTLa.js";import{R as d,B as o,C as m,X as h,Y as j,T as g,b as p}from"./charts-CLrM0_uM.js";import"./vendor-CMMjVdZs.js";const b=[{label:"本周",offset:0},{label:"上周",offset:-1},{label:"上上周",offset:-2}];async function R(s){const t=await fetch(`/api/reports/weekly?weekOffset=${s}`);if(!t.ok)throw new Error("Failed to fetch weekly report");return t.json()}function G(){const[s,t]=v.useState(0),{data:a,isLoading:n,error:x}=y({queryKey:["weekly-report",s],queryFn:()=>R(s),refetchInterval:6e4}),N=()=>{const l=`/api/reports/weekly?weekOffset=${s}&format=markdown`;window.open(l,"_blank")};return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-6 flex-wrap gap-3",children:[e.jsxs("h1",{className:"flex items-center gap-2 text-2xl font-bold text-gray-900",children:[e.jsx(w,{className:"h-6 w-6 text-indigo-600"}),"周报"]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"inline-flex rounded-md shadow-sm",children:b.map((l,c)=>e.jsx("button",{onClick:()=>t(l.offset),className:["px-3 py-1.5 text-sm font-medium border",c===0?"rounded-l-md":"",c===b.length-1?"rounded-r-md":"",c>0?"-ml-px":"",s===l.offset?"bg-indigo-600 text-white border-indigo-600 z-10":"bg-white text-gray-700 border-gray-300 hover:bg-gray-50"].join(" "),children:l.label},l.offset))}),e.jsxs("button",{onClick:N,className:"inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-white bg-emerald-600 hover:bg-emerald-700 rounded-md shadow-sm",children:[e.jsx(k,{className:"h-4 w-4"}),"导出 Markdown"]})]})]}),n&&e.jsx("div",{className:"bg-white rounded-lg shadow p-12 text-center text-gray-500",children:"加载中..."}),x&&e.jsxs("div",{className:"bg-white rounded-lg shadow p-6 text-red-600",children:["加载失败: ",x.message]}),a&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"bg-white rounded-lg shadow p-4 mb-4 flex items-center justify-between flex-wrap gap-2",children:[e.jsxs("div",{className:"text-sm text-gray-600",children:[e.jsxs("span",{className:"font-semibold text-gray-900",children:["第 ",a.week.isoWeekNumber," 周"]}),e.jsx("span",{className:"mx-2 text-gray-400",children:"·"}),a.week.start.slice(0,10)," ~ ",a.week.end.slice(0,10)]}),e.jsxs("div",{className:"text-xs text-gray-400",children:["生成于 ",new Date(a.generatedAt).toLocaleString("zh-CN")]})]}),e.jsx(B,{data:a.overview}),e.jsx(W,{data:a.agentDelegation}),e.jsx($,{data:a.skills}),e.jsx(M,{data:a.tools}),e.jsx(U,{data:a.files}),e.jsx(q,{data:a.anomalies})]})]})}function i({title:s,icon:t,iconColor:a,children:n}){return e.jsxs("div",{className:"bg-white rounded-lg shadow p-6 mb-4",children:[e.jsxs("h3",{className:"flex items-center gap-2 text-base font-semibold text-gray-900 mb-4",children:[e.jsx(t,{className:`h-4 w-4 ${a??"text-indigo-600"}`}),s]}),n]})}function r({label:s,value:t}){return e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-2xl font-bold text-gray-900",children:t}),e.jsx("div",{className:"text-xs text-gray-500 mt-1",children:s})]})}function B({data:s}){return e.jsxs(i,{title:"概览",icon:f,iconColor:"text-blue-600",children:[e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4 mb-4",children:[e.jsxs("div",{className:"bg-blue-50 rounded-lg p-4",children:[e.jsxs("div",{className:"flex items-center gap-2 text-xs text-blue-600 mb-1",children:[e.jsx(C,{className:"h-3 w-3"})," 会话"]}),e.jsx("div",{className:"text-2xl font-bold text-blue-700",children:s.totalSessions})]}),e.jsxs("div",{className:"bg-indigo-50 rounded-lg p-4",children:[e.jsxs("div",{className:"flex items-center gap-2 text-xs text-indigo-600 mb-1",children:[e.jsx(f,{className:"h-3 w-3"})," 事件"]}),e.jsx("div",{className:"text-2xl font-bold text-indigo-700",children:s.totalEvents})]}),e.jsxs("div",{className:"bg-purple-50 rounded-lg p-4",children:[e.jsxs("div",{className:"flex items-center gap-2 text-xs text-purple-600 mb-1",children:[e.jsx(S,{className:"h-3 w-3"})," 任务"]}),e.jsx("div",{className:"text-2xl font-bold text-purple-700",children:s.totalTasks})]}),e.jsxs("div",{className:"bg-emerald-50 rounded-lg p-4",children:[e.jsx("div",{className:"text-xs text-emerald-600 mb-1",children:"活跃天数"}),e.jsxs("div",{className:"text-2xl font-bold text-emerald-700",children:[s.activeDays," ",e.jsx("span",{className:"text-base font-normal",children:"/ 7"})]})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"text-xs font-medium text-gray-700 mb-2",children:["活跃项目 (",s.activeProjects.length,")"]}),s.activeProjects.length>0?e.jsx("div",{className:"flex flex-wrap gap-2",children:s.activeProjects.map(t=>e.jsx("span",{className:"text-xs bg-gray-100 text-gray-700 px-2 py-1 rounded font-mono break-all",title:t,children:t.length>60?`...${t.slice(-60)}`:t},t))}):e.jsx("div",{className:"text-sm text-gray-400",children:"本周无活跃项目"})]})]})}function P({weekOverWeek:s}){const t=parseFloat(s);return Number.isNaN(t)||Math.abs(t)<.05?e.jsxs("span",{className:"inline-flex items-center gap-1 text-xs text-gray-500",children:[e.jsx(F,{className:"h-3 w-3"})," ",s]}):t>0?e.jsxs("span",{className:"inline-flex items-center gap-1 text-xs text-emerald-600",children:[e.jsx(K,{className:"h-3 w-3"})," ",s]}):e.jsxs("span",{className:"inline-flex items-center gap-1 text-xs text-rose-600",children:[e.jsx(O,{className:"h-3 w-3"})," ",s]})}function W({data:s}){const t=s.topAgents.map(a=>({name:a.agent,count:a.count}));return e.jsxs(i,{title:"Agent 委托",icon:T,iconColor:"text-indigo-600",children:[e.jsxs("div",{className:"grid grid-cols-3 gap-4 mb-4",children:[e.jsx(r,{label:"总路由",value:s.totalPrompts}),e.jsx(r,{label:"委托次数",value:s.delegations}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-2xl font-bold text-indigo-700",children:s.rate}),e.jsx("div",{className:"text-xs text-gray-500 mt-1",children:"委托率"}),e.jsx("div",{className:"mt-1",children:e.jsx(P,{weekOverWeek:s.weekOverWeek})})]})]}),t.length>0?e.jsxs("div",{children:[e.jsx("h4",{className:"text-sm font-medium text-gray-700 mb-2",children:"Top 5 Agents"}),e.jsx(d,{width:"100%",height:180,children:e.jsxs(o,{data:t,layout:"vertical",children:[e.jsx(m,{strokeDasharray:"3 3",stroke:"#f3f4f6"}),e.jsx(h,{type:"number",tick:{fontSize:11}}),e.jsx(j,{dataKey:"name",type:"category",tick:{fontSize:11},width:120}),e.jsx(g,{}),e.jsx(p,{dataKey:"count",fill:"#6366f1",radius:[0,4,4,0]})]})})]}):e.jsx("div",{className:"text-sm text-gray-400 text-center py-4",children:"本周无 Agent 委托记录"})]})}function $({data:s}){const t=s.topSkills.map(a=>({name:a.skill_id,count:a.count}));return e.jsxs(i,{title:"Skills",icon:D,iconColor:"text-emerald-600",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-4 mb-4",children:[e.jsx(r,{label:"调用总数",value:s.invocations}),e.jsx(r,{label:"不同 Skill",value:s.distinct})]}),t.length>0?e.jsxs("div",{className:"mb-4",children:[e.jsx("h4",{className:"text-sm font-medium text-gray-700 mb-2",children:"Top 5 Skills"}),e.jsx(d,{width:"100%",height:180,children:e.jsxs(o,{data:t,layout:"vertical",children:[e.jsx(m,{strokeDasharray:"3 3",stroke:"#f3f4f6"}),e.jsx(h,{type:"number",tick:{fontSize:11}}),e.jsx(j,{dataKey:"name",type:"category",tick:{fontSize:10},width:140}),e.jsx(g,{}),e.jsx(p,{dataKey:"count",fill:"#10b981",radius:[0,4,4,0]})]})})]}):e.jsx("div",{className:"text-sm text-gray-400 text-center py-4 mb-4",children:"本周无 Skill 调用"}),s.neverUsed.length>0&&e.jsxs("div",{children:[e.jsxs("h4",{className:"text-sm font-medium text-gray-700 mb-2",children:["从未使用的 Skill (",s.neverUsed.length,")"]}),e.jsx("div",{className:"flex flex-wrap gap-2",children:s.neverUsed.map(a=>e.jsx("span",{className:"text-xs bg-gray-100 text-gray-500 px-2 py-1 rounded",children:a},a))})]})]})}function M({data:s}){const t=s.topTools.map(x=>({name:x.name,count:x.count})),a=parseFloat(s.failureRate),n=a>5?"text-rose-600":a>1?"text-amber-600":"text-emerald-600";return e.jsxs(i,{title:"Tools",icon:A,iconColor:"text-amber-600",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-4 mb-4",children:[e.jsx(r,{label:"调用总数",value:s.totalCalls}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:`text-2xl font-bold ${n}`,children:s.failureRate}),e.jsx("div",{className:"text-xs text-gray-500 mt-1",children:"失败率"})]})]}),t.length>0?e.jsxs("div",{children:[e.jsx("h4",{className:"text-sm font-medium text-gray-700 mb-2",children:"Top 5 Tools"}),e.jsx(d,{width:"100%",height:180,children:e.jsxs(o,{data:t,layout:"vertical",children:[e.jsx(m,{strokeDasharray:"3 3",stroke:"#f3f4f6"}),e.jsx(h,{type:"number",tick:{fontSize:11}}),e.jsx(j,{dataKey:"name",type:"category",tick:{fontSize:11},width:120}),e.jsx(g,{}),e.jsx(p,{dataKey:"count",fill:"#f59e0b",radius:[0,4,4,0]})]})})]}):e.jsx("div",{className:"text-sm text-gray-400 text-center py-4",children:"本周无工具调用记录"})]})}function U({data:s}){return e.jsxs(i,{title:"文件编辑",icon:z,iconColor:"text-purple-600",children:[e.jsx("div",{className:"mb-4",children:e.jsx(r,{label:"编辑总数",value:s.totalEdits})}),s.topEdited.length>0?e.jsxs("div",{children:[e.jsx("h4",{className:"text-sm font-medium text-gray-700 mb-2",children:"Top 5 编辑文件"}),e.jsx("div",{className:"space-y-2",children:s.topEdited.map(t=>e.jsxs("div",{className:"flex items-center justify-between gap-3 px-3 py-2 bg-gray-50 rounded text-sm",children:[e.jsx("span",{className:"font-mono text-xs text-gray-700 break-all flex-1",title:t.path,children:t.path.length>80?`...${t.path.slice(-80)}`:t.path}),e.jsxs("span",{className:"font-semibold text-purple-700 whitespace-nowrap",children:[t.editCount," 次"]})]},t.path))})]}):e.jsx("div",{className:"text-sm text-gray-400 text-center py-4",children:"本周无文件编辑记录"})]})}function q({data:s}){return s.length===0?e.jsxs("div",{className:"bg-emerald-50 border border-emerald-200 rounded-lg p-4 mb-4 flex items-center gap-2",children:[e.jsx(E,{className:"h-5 w-5 text-emerald-600"}),e.jsx("span",{className:"text-sm text-emerald-700 font-medium",children:"本周无异常"})]}):e.jsx(i,{title:"异常",icon:u,iconColor:"text-amber-600",children:e.jsx("div",{className:"space-y-2",children:s.map((t,a)=>e.jsxs("div",{className:"flex items-start gap-3 px-3 py-2 bg-amber-50 border border-amber-200 rounded text-sm",children:[e.jsx(u,{className:"h-4 w-4 text-amber-600 mt-0.5 flex-shrink-0"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-amber-900",children:t.type}),e.jsx("div",{className:"text-amber-700 mt-0.5",children:t.description})]})]},a))})})}export{G as default};
-//# sourceMappingURL=Reports-DFBM3MDK.js.map

package/dist/web/static/assets/Reports-DFBM3MDK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Reports-DFBM3MDK.js","sources":["../../src/pages/Reports.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { useState, type ReactNode, type ComponentType } from 'react'\nimport {\n  FileText, Download, Activity, MessageSquare, ListTodo,\n  Bot, BookOpen, Wrench, FileEdit, AlertTriangle, CheckCircle2,\n  TrendingUp, TrendingDown, Minus,\n} from 'lucide-react'\nimport {\n  BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer,\n} from 'recharts'\n\ninterface WeeklyReport {\n  generatedAt: string\n  week: { start: string; end: string; isoWeekNumber: number }\n  overview: {\n    totalSessions: number\n    totalEvents: number\n    totalTasks: number\n    activeProjects: string[]\n    activeDays: number\n  }\n  agentDelegation: {\n    totalPrompts: number\n    delegations: number\n    rate: string\n    weekOverWeek: string\n    topAgents: Array<{ agent: string; count: number }>\n  }\n  skills: {\n    invocations: number\n    distinct: number\n    topSkills: Array<{ skill_id: string; count: number }>\n    neverUsed: string[]\n  }\n  tools: {\n    totalCalls: number\n    topTools: Array<{ name: string; count: number }>\n    failureRate: string\n  }\n  files: {\n    topEdited: Array<{ path: string; editCount: number }>\n    totalEdits: number\n  }\n  anomalies: Array<{ type: string; description: string }>\n}\n\nconst WEEK_OPTIONS: Array<{ label: string; offset: number }> = [\n  { label: '本周', offset: 0 },\n  { label: '上周', offset: -1 },\n  { label: '上上周', offset: -2 },\n]\n\nasync function fetchReport(weekOffset: number): Promise<WeeklyReport> {\n  const res = await fetch(`/api/reports/weekly?weekOffset=${weekOffset}`)\n  if (!res.ok) throw new Error('Failed to fetch weekly report')\n  return res.json()\n}\n\nexport default function Reports() {\n  const [weekOffset, setWeekOffset] = useState(0)\n  const { data: report, isLoading, error } = useQuery({\n    queryKey: ['weekly-report', weekOffset],\n    queryFn: () => fetchReport(weekOffset),\n    refetchInterval: 60_000,\n  })\n\n  const handleDownload = () => {\n    const url = `/api/reports/weekly?weekOffset=${weekOffset}&format=markdown`\n    window.open(url, '_blank')\n  }\n\n  return (\n    <div>\n      <div className=\"flex items-center justify-between mb-6 flex-wrap gap-3\">\n        <h1 className=\"flex items-center gap-2 text-2xl font-bold text-gray-900\">\n          <FileText className=\"h-6 w-6 text-indigo-600\" />\n          周报\n        </h1>\n        <div className=\"flex items-center gap-3\">\n          <div className=\"inline-flex rounded-md shadow-sm\">\n            {WEEK_OPTIONS.map((opt, idx) => (\n              <button\n                key={opt.offset}\n                onClick={() => setWeekOffset(opt.offset)}\n                className={[\n                  'px-3 py-1.5 text-sm font-medium border',\n                  idx === 0 ? 'rounded-l-md' : '',\n                  idx === WEEK_OPTIONS.length - 1 ? 'rounded-r-md' : '',\n                  idx > 0 ? '-ml-px' : '',\n                  weekOffset === opt.offset\n                    ? 'bg-indigo-600 text-white border-indigo-600 z-10'\n                    : 'bg-white text-gray-700 border-gray-300 hover:bg-gray-50',\n                ].join(' ')}\n              >\n                {opt.label}\n              </button>\n            ))}\n          </div>\n          <button\n            onClick={handleDownload}\n            className=\"inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-white bg-emerald-600 hover:bg-emerald-700 rounded-md shadow-sm\"\n          >\n            <Download className=\"h-4 w-4\" />\n            导出 Markdown\n          </button>\n        </div>\n      </div>\n\n      {isLoading && (\n        <div className=\"bg-white rounded-lg shadow p-12 text-center text-gray-500\">\n          加载中...\n        </div>\n      )}\n      {error && (\n        <div className=\"bg-white rounded-lg shadow p-6 text-red-600\">\n          加载失败: {(error as Error).message}\n        </div>\n      )}\n\n      {report && (\n        <>\n          <div className=\"bg-white rounded-lg shadow p-4 mb-4 flex items-center justify-between flex-wrap gap-2\">\n            <div className=\"text-sm text-gray-600\">\n              <span className=\"font-semibold text-gray-900\">第 {report.week.isoWeekNumber} 周</span>\n              <span className=\"mx-2 text-gray-400\">·</span>\n              {report.week.start.slice(0, 10)} ~ {report.week.end.slice(0, 10)}\n            </div>\n            <div className=\"text-xs text-gray-400\">\n              生成于 {new Date(report.generatedAt).toLocaleString('zh-CN')}\n            </div>\n          </div>\n\n          <OverviewCard data={report.overview} />\n          <AgentCard data={report.agentDelegation} />\n          <SkillsCard data={report.skills} />\n          <ToolsCard data={report.tools} />\n          <FilesCard data={report.files} />\n          <AnomaliesCard data={report.anomalies} />\n        </>\n      )}\n    </div>\n  )\n}\n\nfunction SectionCard({\n  title, icon: Icon, iconColor, children,\n}: {\n  title: string\n  icon: ComponentType<{ className?: string }>\n  iconColor?: string\n  children: ReactNode\n}) {\n  return (\n    <div className=\"bg-white rounded-lg shadow p-6 mb-4\">\n      <h3 className=\"flex items-center gap-2 text-base font-semibold text-gray-900 mb-4\">\n        <Icon className={`h-4 w-4 ${iconColor ?? 'text-indigo-600'}`} />\n        {title}\n      </h3>\n      {children}\n    </div>\n  )\n}\n\nfunction StatNumber({ label, value }: { label: string; value: number | string }) {\n  return (\n    <div className=\"text-center\">\n      <div className=\"text-2xl font-bold text-gray-900\">{value}</div>\n      <div className=\"text-xs text-gray-500 mt-1\">{label}</div>\n    </div>\n  )\n}\n\nfunction OverviewCard({ data }: { data: WeeklyReport['overview'] }) {\n  return (\n    <SectionCard title=\"概览\" icon={Activity} iconColor=\"text-blue-600\">\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4 mb-4\">\n        <div className=\"bg-blue-50 rounded-lg p-4\">\n          <div className=\"flex items-center gap-2 text-xs text-blue-600 mb-1\">\n            <MessageSquare className=\"h-3 w-3\" /> 会话\n          </div>\n          <div className=\"text-2xl font-bold text-blue-700\">{data.totalSessions}</div>\n        </div>\n        <div className=\"bg-indigo-50 rounded-lg p-4\">\n          <div className=\"flex items-center gap-2 text-xs text-indigo-600 mb-1\">\n            <Activity className=\"h-3 w-3\" /> 事件\n          </div>\n          <div className=\"text-2xl font-bold text-indigo-700\">{data.totalEvents}</div>\n        </div>\n        <div className=\"bg-purple-50 rounded-lg p-4\">\n          <div className=\"flex items-center gap-2 text-xs text-purple-600 mb-1\">\n            <ListTodo className=\"h-3 w-3\" /> 任务\n          </div>\n          <div className=\"text-2xl font-bold text-purple-700\">{data.totalTasks}</div>\n        </div>\n        <div className=\"bg-emerald-50 rounded-lg p-4\">\n          <div className=\"text-xs text-emerald-600 mb-1\">活跃天数</div>\n          <div className=\"text-2xl font-bold text-emerald-700\">\n            {data.activeDays} <span className=\"text-base font-normal\">/ 7</span>\n          </div>\n        </div>\n      </div>\n\n      <div>\n        <div className=\"text-xs font-medium text-gray-700 mb-2\">\n          活跃项目 ({data.activeProjects.length})\n        </div>\n        {data.activeProjects.length > 0 ? (\n          <div className=\"flex flex-wrap gap-2\">\n            {data.activeProjects.map((p) => (\n              <span\n                key={p}\n                className=\"text-xs bg-gray-100 text-gray-700 px-2 py-1 rounded font-mono break-all\"\n                title={p}\n              >\n                {p.length > 60 ? `...${p.slice(-60)}` : p}\n              </span>\n            ))}\n          </div>\n        ) : (\n          <div className=\"text-sm text-gray-400\">本周无活跃项目</div>\n        )}\n      </div>\n    </SectionCard>\n  )\n}\n\nfunction WeekOverWeekIndicator({ weekOverWeek }: { weekOverWeek: string }) {\n  const num = parseFloat(weekOverWeek)\n  if (Number.isNaN(num) || Math.abs(num) < 0.05) {\n    return (\n      <span className=\"inline-flex items-center gap-1 text-xs text-gray-500\">\n        <Minus className=\"h-3 w-3\" /> {weekOverWeek}\n      </span>\n    )\n  }\n  if (num > 0) {\n    return (\n      <span className=\"inline-flex items-center gap-1 text-xs text-emerald-600\">\n        <TrendingUp className=\"h-3 w-3\" /> {weekOverWeek}\n      </span>\n    )\n  }\n  return (\n    <span className=\"inline-flex items-center gap-1 text-xs text-rose-600\">\n      <TrendingDown className=\"h-3 w-3\" /> {weekOverWeek}\n    </span>\n  )\n}\n\nfunction AgentCard({ data }: { data: WeeklyReport['agentDelegation'] }) {\n  const chartData = data.topAgents.map(a => ({ name: a.agent, count: a.count }))\n  return (\n    <SectionCard title=\"Agent 委托\" icon={Bot} iconColor=\"text-indigo-600\">\n      <div className=\"grid grid-cols-3 gap-4 mb-4\">\n        <StatNumber label=\"总路由\" value={data.totalPrompts} />\n        <StatNumber label=\"委托次数\" value={data.delegations} />\n        <div className=\"text-center\">\n          <div className=\"text-2xl font-bold text-indigo-700\">{data.rate}</div>\n          <div className=\"text-xs text-gray-500 mt-1\">委托率</div>\n          <div className=\"mt-1\">\n            <WeekOverWeekIndicator weekOverWeek={data.weekOverWeek} />\n          </div>\n        </div>\n      </div>\n\n      {chartData.length > 0 ? (\n        <div>\n          <h4 className=\"text-sm font-medium text-gray-700 mb-2\">Top 5 Agents</h4>\n          <ResponsiveContainer width=\"100%\" height={180}>\n            <BarChart data={chartData} layout=\"vertical\">\n              <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#f3f4f6\" />\n              <XAxis type=\"number\" tick={{ fontSize: 11 }} />\n              <YAxis dataKey=\"name\" type=\"category\" tick={{ fontSize: 11 }} width={120} />\n              <Tooltip />\n              <Bar dataKey=\"count\" fill=\"#6366f1\" radius={[0, 4, 4, 0]} />\n            </BarChart>\n          </ResponsiveContainer>\n        </div>\n      ) : (\n        <div className=\"text-sm text-gray-400 text-center py-4\">本周无 Agent 委托记录</div>\n      )}\n    </SectionCard>\n  )\n}\n\nfunction SkillsCard({ data }: { data: WeeklyReport['skills'] }) {\n  const chartData = data.topSkills.map(s => ({ name: s.skill_id, count: s.count }))\n  return (\n    <SectionCard title=\"Skills\" icon={BookOpen} iconColor=\"text-emerald-600\">\n      <div className=\"grid grid-cols-2 gap-4 mb-4\">\n        <StatNumber label=\"调用总数\" value={data.invocations} />\n        <StatNumber label=\"不同 Skill\" value={data.distinct} />\n      </div>\n\n      {chartData.length > 0 ? (\n        <div className=\"mb-4\">\n          <h4 className=\"text-sm font-medium text-gray-700 mb-2\">Top 5 Skills</h4>\n          <ResponsiveContainer width=\"100%\" height={180}>\n            <BarChart data={chartData} layout=\"vertical\">\n              <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#f3f4f6\" />\n              <XAxis type=\"number\" tick={{ fontSize: 11 }} />\n              <YAxis dataKey=\"name\" type=\"category\" tick={{ fontSize: 10 }} width={140} />\n              <Tooltip />\n              <Bar dataKey=\"count\" fill=\"#10b981\" radius={[0, 4, 4, 0]} />\n            </BarChart>\n          </ResponsiveContainer>\n        </div>\n      ) : (\n        <div className=\"text-sm text-gray-400 text-center py-4 mb-4\">本周无 Skill 调用</div>\n      )}\n\n      {data.neverUsed.length > 0 && (\n        <div>\n          <h4 className=\"text-sm font-medium text-gray-700 mb-2\">\n            从未使用的 Skill ({data.neverUsed.length})\n          </h4>\n          <div className=\"flex flex-wrap gap-2\">\n            {data.neverUsed.map(id => (\n              <span key={id} className=\"text-xs bg-gray-100 text-gray-500 px-2 py-1 rounded\">\n                {id}\n              </span>\n            ))}\n          </div>\n        </div>\n      )}\n    </SectionCard>\n  )\n}\n\nfunction ToolsCard({ data }: { data: WeeklyReport['tools'] }) {\n  const chartData = data.topTools.map(t => ({ name: t.name, count: t.count }))\n  const failureNum = parseFloat(data.failureRate)\n  const failureColor = failureNum > 5 ? 'text-rose-600' : failureNum > 1 ? 'text-amber-600' : 'text-emerald-600'\n\n  return (\n    <SectionCard title=\"Tools\" icon={Wrench} iconColor=\"text-amber-600\">\n      <div className=\"grid grid-cols-2 gap-4 mb-4\">\n        <StatNumber label=\"调用总数\" value={data.totalCalls} />\n        <div className=\"text-center\">\n          <div className={`text-2xl font-bold ${failureColor}`}>{data.failureRate}</div>\n          <div className=\"text-xs text-gray-500 mt-1\">失败率</div>\n        </div>\n      </div>\n\n      {chartData.length > 0 ? (\n        <div>\n          <h4 className=\"text-sm font-medium text-gray-700 mb-2\">Top 5 Tools</h4>\n          <ResponsiveContainer width=\"100%\" height={180}>\n            <BarChart data={chartData} layout=\"vertical\">\n              <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#f3f4f6\" />\n              <XAxis type=\"number\" tick={{ fontSize: 11 }} />\n              <YAxis dataKey=\"name\" type=\"category\" tick={{ fontSize: 11 }} width={120} />\n              <Tooltip />\n              <Bar dataKey=\"count\" fill=\"#f59e0b\" radius={[0, 4, 4, 0]} />\n            </BarChart>\n          </ResponsiveContainer>\n        </div>\n      ) : (\n        <div className=\"text-sm text-gray-400 text-center py-4\">本周无工具调用记录</div>\n      )}\n    </SectionCard>\n  )\n}\n\nfunction FilesCard({ data }: { data: WeeklyReport['files'] }) {\n  return (\n    <SectionCard title=\"文件编辑\" icon={FileEdit} iconColor=\"text-purple-600\">\n      <div className=\"mb-4\">\n        <StatNumber label=\"编辑总数\" value={data.totalEdits} />\n      </div>\n\n      {data.topEdited.length > 0 ? (\n        <div>\n          <h4 className=\"text-sm font-medium text-gray-700 mb-2\">Top 5 编辑文件</h4>\n          <div className=\"space-y-2\">\n            {data.topEdited.map((f) => (\n              <div\n                key={f.path}\n                className=\"flex items-center justify-between gap-3 px-3 py-2 bg-gray-50 rounded text-sm\"\n              >\n                <span className=\"font-mono text-xs text-gray-700 break-all flex-1\" title={f.path}>\n                  {f.path.length > 80 ? `...${f.path.slice(-80)}` : f.path}\n                </span>\n                <span className=\"font-semibold text-purple-700 whitespace-nowrap\">\n                  {f.editCount} 次\n                </span>\n              </div>\n            ))}\n          </div>\n        </div>\n      ) : (\n        <div className=\"text-sm text-gray-400 text-center py-4\">本周无文件编辑记录</div>\n      )}\n    </SectionCard>\n  )\n}\n\nfunction AnomaliesCard({ data }: { data: WeeklyReport['anomalies'] }) {\n  if (data.length === 0) {\n    return (\n      <div className=\"bg-emerald-50 border border-emerald-200 rounded-lg p-4 mb-4 flex items-center gap-2\">\n        <CheckCircle2 className=\"h-5 w-5 text-emerald-600\" />\n        <span className=\"text-sm text-emerald-700 font-medium\">本周无异常</span>\n      </div>\n    )\n  }\n  return (\n    <SectionCard title=\"异常\" icon={AlertTriangle} iconColor=\"text-amber-600\">\n      <div className=\"space-y-2\">\n        {data.map((item, idx) => (\n          <div\n            key={idx}\n            className=\"flex items-start gap-3 px-3 py-2 bg-amber-50 border border-amber-200 rounded text-sm\"\n          >\n            <AlertTriangle className=\"h-4 w-4 text-amber-600 mt-0.5 flex-shrink-0\" />\n            <div>\n              <div className=\"font-medium text-amber-900\">{item.type}</div>\n              <div className=\"text-amber-700 mt-0.5\">{item.description}</div>\n            </div>\n          </div>\n        ))}\n      </div>\n    </SectionCard>\n  )\n}\n\n\n\n"],"names":["WEEK_OPTIONS","fetchReport","weekOffset","res","Reports","setWeekOffset","useState","report","isLoading","error","useQuery","handleDownload","url","jsxs","jsx","FileText","opt","idx","Download","Fragment","OverviewCard","AgentCard","SkillsCard","ToolsCard","FilesCard","AnomaliesCard","SectionCard","title","Icon","iconColor","children","StatNumber","label","value","data","Activity","MessageSquare","ListTodo","p","WeekOverWeekIndicator","weekOverWeek","num","Minus","TrendingUp","TrendingDown","chartData","Bot","ResponsiveContainer","BarChart","CartesianGrid","XAxis","YAxis","Tooltip","Bar","s","BookOpen","id","t","failureNum","failureColor","Wrench","FileEdit","f","CheckCircle2","AlertTriangle","item"],"mappings":"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"}

package/dist/web/static/assets/SearchInput-qCj_jAcf.js

@@ -1,2 +0,0 @@
-import{j as t}from"./react-vendor-CSp-GLFF.js";import{s as l,X as n}from"./lucide-Bs_edTLa.js";function u({value:e,onChange:r,placeholder:s,className:a=""}){return t.jsxs("div",{className:`relative ${a}`,children:[t.jsx(l,{className:"absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400"}),t.jsx("input",{type:"text",value:e,onChange:o=>r(o.target.value),placeholder:s||"搜索...",className:"w-full pl-8 pr-8 py-1.5 text-sm border border-gray-300 rounded-md bg-white focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500"}),e&&t.jsx("button",{onClick:()=>r(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600",children:t.jsx(n,{className:"h-4 w-4"})})]})}export{u as S};
-//# sourceMappingURL=SearchInput-qCj_jAcf.js.map

package/dist/web/static/assets/SearchInput-qCj_jAcf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchInput-qCj_jAcf.js","sources":["../../src/components/SearchInput.tsx"],"sourcesContent":["import { Search, X } from 'lucide-react'\n\ninterface Props {\n  value: string\n  onChange: (value: string) => void\n  placeholder?: string\n  className?: string\n}\n\nexport default function SearchInput({ value, onChange, placeholder, className = '' }: Props) {\n  return (\n    <div className={`relative ${className}`}>\n      <Search className=\"absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400\" />\n      <input\n        type=\"text\"\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n        placeholder={placeholder || '搜索...'}\n        className=\"w-full pl-8 pr-8 py-1.5 text-sm border border-gray-300 rounded-md bg-white focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500\"\n      />\n      {value && (\n        <button\n          onClick={() => onChange('')}\n          className=\"absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600\"\n        >\n          <X className=\"h-4 w-4\" />\n        </button>\n      )}\n    </div>\n  )\n}\n"],"names":["SearchInput","value","onChange","placeholder","className","jsxs","jsx","Search","e","X"],"mappings":"+FASA,SAAwBA,EAAY,CAAE,MAAAC,EAAO,SAAAC,EAAU,YAAAC,EAAa,UAAAC,EAAY,IAAa,CAC3F,OACEC,EAAAA,KAAC,MAAA,CAAI,UAAW,YAAYD,CAAS,GACnC,SAAA,CAAAE,EAAAA,IAACC,EAAA,CAAO,UAAU,kEAAA,CAAmE,EACrFD,EAAAA,IAAC,QAAA,CACC,KAAK,OACL,MAAAL,EACA,SAAWO,GAAMN,EAASM,EAAE,OAAO,KAAK,EACxC,YAAaL,GAAe,QAC5B,UAAU,0JAAA,CAAA,EAEXF,GACCK,EAAAA,IAAC,SAAA,CACC,QAAS,IAAMJ,EAAS,EAAE,EAC1B,UAAU,8EAEV,SAAAI,EAAAA,IAACG,EAAA,CAAE,UAAU,SAAA,CAAU,CAAA,CAAA,CACzB,EAEJ,CAEJ"}

package/dist/web/static/assets/SessionDetail-CCzwdoT7.js

@@ -1,2 +0,0 @@
-import{j as s}from"./react-vendor-CSp-GLFF.js";import{c,L as l}from"./react-router-r79dBVy4.js";import{u as m}from"./query-C99w429o.js";import{p as o}from"./time-Bxuk0M-C.js";import{d as h}from"./vendor-CMMjVdZs.js";import{j as n,h as g,i as j,G as p,a as N}from"./lucide-Bs_edTLa.js";import{f}from"./date-fns-CZ_bHujz.js";async function v(a){const t=await fetch(`/api/sessions/${a}/detail`);if(!t.ok)throw new Error("Failed to fetch session detail");return t.json()}function C(){const{id:a}=c(),{data:t,isLoading:d,error:x}=m({queryKey:["session-detail",a],queryFn:()=>v(a),enabled:!!a});return d?s.jsx("div",{className:"bg-white rounded-lg shadow p-6",children:s.jsx("p",{className:"text-gray-600",children:"加载中..."})}):x||!t?s.jsxs("div",{children:[s.jsxs(l,{to:"/sessions",className:"inline-flex items-center text-sm text-gray-500 hover:text-gray-700 mb-4",children:[s.jsx(n,{className:"h-4 w-4 mr-1"}),"返回"]}),s.jsx("div",{className:"bg-white rounded-lg shadow p-6",children:s.jsx("p",{className:"text-red-600",children:"加载失败"})})]}):s.jsxs("div",{children:[s.jsxs(l,{to:"/sessions",className:"inline-flex items-center text-sm text-gray-500 hover:text-gray-700 mb-4",children:[s.jsx(n,{className:"h-4 w-4 mr-1"}),"返回会话列表"]}),s.jsxs("div",{className:"bg-white rounded-lg shadow p-6 mb-6",children:[s.jsx("h1",{className:"text-xl font-bold text-gray-900 mb-2",children:"会话详情"}),s.jsx("p",{className:"text-sm text-gray-500 font-mono mb-4",children:t.session.session_id}),s.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[s.jsxs("div",{children:[s.jsx("div",{className:"text-xs text-gray-500",children:"事件数"}),s.jsx("div",{className:"text-lg font-semibold",children:t.session.event_count})]}),s.jsxs("div",{children:[s.jsx("div",{className:"text-xs text-gray-500",children:"任务数"}),s.jsx("div",{className:"text-lg font-semibold",children:t.tasks.length})]}),s.jsxs("div",{children:[s.jsx("div",{className:"text-xs text-gray-500",children:"开始时间"}),s.jsx("div",{className:"text-sm",children:t.session.start_time?f(o(t.session.start_time),"MM-dd HH:mm:ss"):"-"})]})]})]}),s.jsx("div",{className:"space-y-4",children:t.tasks.map(e=>s.jsxs("div",{className:"bg-white rounded-lg shadow p-6",children:[s.jsxs("div",{className:"flex items-center justify-between mb-4",children:[s.jsx("h3",{className:"text-lg font-semibold text-gray-900",children:e.title}),s.jsx("span",{className:h("px-2 py-1 text-xs font-medium rounded-full",e.status==="completed"&&"bg-green-100 text-green-700",e.status==="active"&&"bg-blue-100 text-blue-700",e.status==="abandoned"&&"bg-gray-100 text-gray-600"),children:e.status})]}),s.jsxs("div",{className:"grid grid-cols-3 gap-4 mb-4 text-sm",children:[s.jsxs("div",{children:[s.jsxs("div",{className:"text-xs text-gray-500 mb-1 flex items-center gap-1",children:[s.jsx(g,{className:"h-3 w-3"}),"工具使用"]}),s.jsx("div",{className:"space-y-1",children:Object.entries(e.summary.toolUsage).slice(0,5).map(([i,r])=>s.jsxs("div",{className:"flex justify-between text-xs",children:[s.jsx("span",{className:"text-gray-600",children:i}),s.jsx("span",{className:"font-mono text-gray-900",children:r})]},i))})]}),s.jsxs("div",{children:[s.jsxs("div",{className:"text-xs text-gray-500 mb-1 flex items-center gap-1",children:[s.jsx(j,{className:"h-3 w-3"}),"文件变更"]}),s.jsxs("div",{className:"text-xs text-gray-700",children:[e.summary.filesChanged.length," 个文件"]})]}),s.jsxs("div",{children:[s.jsxs("div",{className:"text-xs text-gray-500 mb-1 flex items-center gap-1",children:[s.jsx(p,{className:"h-3 w-3"}),"提交"]}),s.jsxs("div",{className:"text-xs text-gray-700",children:[e.summary.commits.length," 次"]})]})]}),e.prompts.length>0&&s.jsxs("div",{className:"border-t pt-3",children:[s.jsxs("div",{className:"text-xs text-gray-500 mb-2 flex items-center gap-1",children:[s.jsx(N,{className:"h-3 w-3"}),"用户提示"]}),s.jsx("div",{className:"space-y-2",children:e.prompts.slice(0,3).map((i,r)=>s.jsx("div",{className:"text-sm bg-gray-50 rounded p-2",children:s.jsx("p",{className:"text-gray-700 line-clamp-2",children:i.content})},r))})]})]},e.id))})]})}export{C as default};
-//# sourceMappingURL=SessionDetail-CCzwdoT7.js.map

package/dist/web/static/assets/SessionDetail-CCzwdoT7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SessionDetail-CCzwdoT7.js","sources":["../../src/pages/SessionDetail.tsx"],"sourcesContent":["import { useParams, Link } from 'react-router-dom'\nimport { useQuery } from '@tanstack/react-query'\nimport { format } from 'date-fns'\nimport { parseUTC } from '../utils/time'\nimport { ArrowLeft, MessageSquare, FileEdit, Terminal, GitCommit } from 'lucide-react'\nimport clsx from 'clsx'\n\ninterface TaskDetail {\n  id: string\n  title: string\n  start_time: string\n  end_time?: string\n  status: string\n  event_count: number\n  prompts: Array<{ timestamp: string; content: string }>\n  events: Array<any>\n  injections: Array<any>\n  summary: {\n    toolUsage: Record<string, number>\n    filesChanged: string[]\n    commits: Array<{ timestamp: string; message: string }>\n  }\n}\n\ninterface SessionDetail {\n  session: {\n    session_id: string\n    first_prompt: string\n    event_count: number\n    start_time: string\n    end_time: string\n  }\n  tasks: TaskDetail[]\n}\n\nasync function fetchSessionDetail(id: string): Promise<SessionDetail> {\n  const res = await fetch(`/api/sessions/${id}/detail`)\n  if (!res.ok) throw new Error('Failed to fetch session detail')\n  return res.json()\n}\n\nexport default function SessionDetail() {\n  const { id } = useParams<{ id: string }>()\n  const { data, isLoading, error } = useQuery({\n    queryKey: ['session-detail', id],\n    queryFn: () => fetchSessionDetail(id!),\n    enabled: !!id,\n  })\n\n  if (isLoading) {\n    return (\n      <div className=\"bg-white rounded-lg shadow p-6\">\n        <p className=\"text-gray-600\">加载中...</p>\n      </div>\n    )\n  }\n\n  if (error || !data) {\n    return (\n      <div>\n        <Link to=\"/sessions\" className=\"inline-flex items-center text-sm text-gray-500 hover:text-gray-700 mb-4\">\n          <ArrowLeft className=\"h-4 w-4 mr-1\" />返回\n        </Link>\n        <div className=\"bg-white rounded-lg shadow p-6\">\n          <p className=\"text-red-600\">加载失败</p>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div>\n      <Link to=\"/sessions\" className=\"inline-flex items-center text-sm text-gray-500 hover:text-gray-700 mb-4\">\n        <ArrowLeft className=\"h-4 w-4 mr-1\" />返回会话列表\n      </Link>\n\n      <div className=\"bg-white rounded-lg shadow p-6 mb-6\">\n        <h1 className=\"text-xl font-bold text-gray-900 mb-2\">\n          会话详情\n        </h1>\n        <p className=\"text-sm text-gray-500 font-mono mb-4\">{data.session.session_id}</p>\n        <div className=\"grid grid-cols-3 gap-4\">\n          <div>\n            <div className=\"text-xs text-gray-500\">事件数</div>\n            <div className=\"text-lg font-semibold\">{data.session.event_count}</div>\n          </div>\n          <div>\n            <div className=\"text-xs text-gray-500\">任务数</div>\n            <div className=\"text-lg font-semibold\">{data.tasks.length}</div>\n          </div>\n          <div>\n            <div className=\"text-xs text-gray-500\">开始时间</div>\n            <div className=\"text-sm\">\n              {data.session.start_time ? format(parseUTC(data.session.start_time), 'MM-dd HH:mm:ss') : '-'}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        {data.tasks.map((task) => (\n          <div key={task.id} className=\"bg-white rounded-lg shadow p-6\">\n            <div className=\"flex items-center justify-between mb-4\">\n              <h3 className=\"text-lg font-semibold text-gray-900\">{task.title}</h3>\n              <span className={clsx(\n                'px-2 py-1 text-xs font-medium rounded-full',\n                task.status === 'completed' && 'bg-green-100 text-green-700',\n                task.status === 'active' && 'bg-blue-100 text-blue-700',\n                task.status === 'abandoned' && 'bg-gray-100 text-gray-600'\n              )}>\n                {task.status}\n              </span>\n            </div>\n\n            <div className=\"grid grid-cols-3 gap-4 mb-4 text-sm\">\n              <div>\n                <div className=\"text-xs text-gray-500 mb-1 flex items-center gap-1\">\n                  <Terminal className=\"h-3 w-3\" />工具使用\n                </div>\n                <div className=\"space-y-1\">\n                  {Object.entries(task.summary.toolUsage).slice(0, 5).map(([tool, count]) => (\n                    <div key={tool} className=\"flex justify-between text-xs\">\n                      <span className=\"text-gray-600\">{tool}</span>\n                      <span className=\"font-mono text-gray-900\">{count}</span>\n                    </div>\n                  ))}\n                </div>\n              </div>\n              <div>\n                <div className=\"text-xs text-gray-500 mb-1 flex items-center gap-1\">\n                  <FileEdit className=\"h-3 w-3\" />文件变更\n                </div>\n                <div className=\"text-xs text-gray-700\">{task.summary.filesChanged.length} 个文件</div>\n              </div>\n              <div>\n                <div className=\"text-xs text-gray-500 mb-1 flex items-center gap-1\">\n                  <GitCommit className=\"h-3 w-3\" />提交\n                </div>\n                <div className=\"text-xs text-gray-700\">{task.summary.commits.length} 次</div>\n              </div>\n            </div>\n\n            {task.prompts.length > 0 && (\n              <div className=\"border-t pt-3\">\n                <div className=\"text-xs text-gray-500 mb-2 flex items-center gap-1\">\n                  <MessageSquare className=\"h-3 w-3\" />用户提示\n                </div>\n                <div className=\"space-y-2\">\n                  {task.prompts.slice(0, 3).map((p, i) => (\n                    <div key={i} className=\"text-sm bg-gray-50 rounded p-2\">\n                      <p className=\"text-gray-700 line-clamp-2\">{p.content}</p>\n                    </div>\n                  ))}\n                </div>\n              </div>\n            )}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],"names":["fetchSessionDetail","id","res","SessionDetail","useParams","data","isLoading","error","useQuery","jsx","jsxs","Link","ArrowLeft","format","parseUTC","task","clsx","Terminal","tool","count","FileEdit","GitCommit","MessageSquare","p","i"],"mappings":"mUAmCA,eAAeA,EAAmBC,EAAoC,CACpE,MAAMC,EAAM,MAAM,MAAM,iBAAiBD,CAAE,SAAS,EACpD,GAAI,CAACC,EAAI,GAAI,MAAM,IAAI,MAAM,gCAAgC,EAC7D,OAAOA,EAAI,KAAA,CACb,CAEA,SAAwBC,GAAgB,CACtC,KAAM,CAAE,GAAAF,CAAA,EAAOG,EAAA,EACT,CAAE,KAAAC,EAAM,UAAAC,EAAW,MAAAC,CAAA,EAAUC,EAAS,CAC1C,SAAU,CAAC,iBAAkBP,CAAE,EAC/B,QAAS,IAAMD,EAAmBC,CAAG,EACrC,QAAS,CAAC,CAACA,CAAA,CACZ,EAED,OAAIK,EAEAG,EAAAA,IAAC,OAAI,UAAU,iCACb,eAAC,IAAA,CAAE,UAAU,gBAAgB,SAAA,QAAA,CAAM,CAAA,CACrC,EAIAF,GAAS,CAACF,SAET,MAAA,CACC,SAAA,CAAAK,EAAAA,KAACC,EAAA,CAAK,GAAG,YAAY,UAAU,0EAC7B,SAAA,CAAAF,EAAAA,IAACG,EAAA,CAAU,UAAU,cAAA,CAAe,EAAE,IAAA,EACxC,EACAH,EAAAA,IAAC,OAAI,UAAU,iCACb,eAAC,IAAA,CAAE,UAAU,eAAe,SAAA,MAAA,CAAI,CAAA,CAClC,CAAA,EACF,SAKD,MAAA,CACC,SAAA,CAAAC,EAAAA,KAACC,EAAA,CAAK,GAAG,YAAY,UAAU,0EAC7B,SAAA,CAAAF,EAAAA,IAACG,EAAA,CAAU,UAAU,cAAA,CAAe,EAAE,QAAA,EACxC,EAEAF,EAAAA,KAAC,MAAA,CAAI,UAAU,sCACb,SAAA,CAAAD,EAAAA,IAAC,KAAA,CAAG,UAAU,uCAAuC,SAAA,OAErD,QACC,IAAA,CAAE,UAAU,uCAAwC,SAAAJ,EAAK,QAAQ,WAAW,EAC7EK,EAAAA,KAAC,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAA,OAAC,MAAA,CACC,SAAA,CAAAD,EAAAA,IAAC,MAAA,CAAI,UAAU,wBAAwB,SAAA,MAAG,QACzC,MAAA,CAAI,UAAU,wBAAyB,SAAAJ,EAAK,QAAQ,WAAA,CAAY,CAAA,EACnE,SACC,MAAA,CACC,SAAA,CAAAI,EAAAA,IAAC,MAAA,CAAI,UAAU,wBAAwB,SAAA,MAAG,QACzC,MAAA,CAAI,UAAU,wBAAyB,SAAAJ,EAAK,MAAM,MAAA,CAAO,CAAA,EAC5D,SACC,MAAA,CACC,SAAA,CAAAI,EAAAA,IAAC,MAAA,CAAI,UAAU,wBAAwB,SAAA,OAAI,EAC3CA,EAAAA,IAAC,MAAA,CAAI,UAAU,UACZ,WAAK,QAAQ,WAAaI,EAAOC,EAAST,EAAK,QAAQ,UAAU,EAAG,gBAAgB,EAAI,GAAA,CAC3F,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF,EAEAI,EAAAA,IAAC,MAAA,CAAI,UAAU,YACZ,SAAAJ,EAAK,MAAM,IAAKU,GACfL,EAAAA,KAAC,MAAA,CAAkB,UAAU,iCAC3B,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAD,EAAAA,IAAC,KAAA,CAAG,UAAU,sCAAuC,SAAAM,EAAK,MAAM,EAChEN,MAAC,QAAK,UAAWO,EACf,6CACAD,EAAK,SAAW,aAAe,8BAC/BA,EAAK,SAAW,UAAY,4BAC5BA,EAAK,SAAW,aAAe,2BAAA,EAE9B,WAAK,MAAA,CACR,CAAA,EACF,EAEAL,EAAAA,KAAC,MAAA,CAAI,UAAU,sCACb,SAAA,CAAAA,OAAC,MAAA,CACC,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,qDACb,SAAA,CAAAD,EAAAA,IAACQ,EAAA,CAAS,UAAU,SAAA,CAAU,EAAE,MAAA,EAClC,EACAR,EAAAA,IAAC,OAAI,UAAU,YACZ,gBAAO,QAAQM,EAAK,QAAQ,SAAS,EAAE,MAAM,EAAG,CAAC,EAAE,IAAI,CAAC,CAACG,EAAMC,CAAK,IACnET,EAAAA,KAAC,MAAA,CAAe,UAAU,+BACxB,SAAA,CAAAD,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAiB,SAAAS,EAAK,EACtCT,EAAAA,IAAC,OAAA,CAAK,UAAU,0BAA2B,SAAAU,CAAA,CAAM,CAAA,CAAA,EAFzCD,CAGV,CACD,CAAA,CACH,CAAA,EACF,SACC,MAAA,CACC,SAAA,CAAAR,EAAAA,KAAC,MAAA,CAAI,UAAU,qDACb,SAAA,CAAAD,EAAAA,IAACW,EAAA,CAAS,UAAU,SAAA,CAAU,EAAE,MAAA,EAClC,EACAV,EAAAA,KAAC,MAAA,CAAI,UAAU,wBAAyB,SAAA,CAAAK,EAAK,QAAQ,aAAa,OAAO,MAAA,CAAA,CAAI,CAAA,EAC/E,SACC,MAAA,CACC,SAAA,CAAAL,EAAAA,KAAC,MAAA,CAAI,UAAU,qDACb,SAAA,CAAAD,EAAAA,IAACY,EAAA,CAAU,UAAU,SAAA,CAAU,EAAE,IAAA,EACnC,EACAX,EAAAA,KAAC,MAAA,CAAI,UAAU,wBAAyB,SAAA,CAAAK,EAAK,QAAQ,QAAQ,OAAO,IAAA,CAAA,CAAE,CAAA,CAAA,CACxE,CAAA,EACF,EAECA,EAAK,QAAQ,OAAS,GACrBL,EAAAA,KAAC,MAAA,CAAI,UAAU,gBACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,qDACb,SAAA,CAAAD,EAAAA,IAACa,EAAA,CAAc,UAAU,SAAA,CAAU,EAAE,MAAA,EACvC,EACAb,EAAAA,IAAC,MAAA,CAAI,UAAU,YACZ,SAAAM,EAAK,QAAQ,MAAM,EAAG,CAAC,EAAE,IAAI,CAACQ,EAAGC,IAChCf,EAAAA,IAAC,MAAA,CAAY,UAAU,iCACrB,SAAAA,EAAAA,IAAC,IAAA,CAAE,UAAU,6BAA8B,SAAAc,EAAE,OAAA,CAAQ,CAAA,EAD7CC,CAEV,CACD,CAAA,CACH,CAAA,CAAA,CACF,CAAA,GArDMT,EAAK,EAuDf,CACD,CAAA,CACH,CAAA,EACF,CAEJ"}

package/dist/web/static/assets/Sessions-FfLYkAw9.js

@@ -1,2 +0,0 @@
-import{j as e,r as o}from"./react-vendor-CSp-GLFF.js";import{u as j}from"./query-C99w429o.js";import{p as f}from"./time-Bxuk0M-C.js";import{D as N}from"./Drawer-DdRTzlLB.js";import{d as v}from"./vendor-CMMjVdZs.js";import{f as b,a as w,z as S}from"./date-fns-CZ_bHujz.js";import{h as C,i as _,G as D,a as u,D as E,A as q,g as F}from"./lucide-Bs_edTLa.js";import{S as M}from"./SearchInput-qCj_jAcf.js";import{g as z,d as I,a as L}from"./export-L_VBD2p1.js";import{u as T}from"./index-CBX47X8l.js";import"./react-router-r79dBVy4.js";import"./syntax-highlighter-44FakypI.js";async function $(r){const a=await fetch(`/api/sessions/${r}/detail`);if(!a.ok)throw new Error("Failed to fetch session detail");return a.json()}function k({sessionId:r}){const{data:a,isLoading:l,error:m}=j({queryKey:["session-detail",r],queryFn:()=>$(r),enabled:!!r});return l?e.jsx("div",{className:"p-6 text-gray-500",children:"加载中..."}):m||!a?e.jsx("div",{className:"p-6 text-red-600",children:"加载失败"}):e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"Session ID"}),e.jsx("div",{className:"text-sm font-mono text-gray-900 break-all",children:a.session.session_id})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-4 pb-4 border-b border-gray-200",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500",children:"事件数"}),e.jsx("div",{className:"text-lg font-semibold",children:a.session.event_count})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500",children:"任务数"}),e.jsx("div",{className:"text-lg font-semibold",children:a.tasks.length})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500",children:"开始时间"}),e.jsx("div",{className:"text-sm",children:a.session.start_time?b(f(a.session.start_time),"MM-dd HH:mm:ss"):"-"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-sm font-semibold text-gray-700 mb-3",children:"任务列表"}),e.jsx("div",{className:"space-y-3",children:a.tasks.map(s=>e.jsxs("div",{className:"border border-gray-200 rounded-lg p-4",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsx("h4",{className:"text-sm font-semibold text-gray-900 flex-1 mr-2",children:s.title}),e.jsx("span",{className:v("px-2 py-0.5 text-xs font-medium rounded-full whitespace-nowrap",s.status==="completed"&&"bg-green-100 text-green-700",s.status==="active"&&"bg-blue-100 text-blue-700",s.status==="abandoned"&&"bg-gray-100 text-gray-600"),children:s.status})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-3 mb-3 text-xs",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"text-gray-500 mb-1 flex items-center gap-1",children:[e.jsx(C,{className:"h-3 w-3"}),"工具使用"]}),e.jsx("div",{className:"space-y-0.5",children:Object.entries(s.summary.toolUsage).slice(0,4).map(([i,c])=>e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-gray-600",children:i}),e.jsx("span",{className:"font-mono text-gray-900",children:c})]},i))})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"text-gray-500 mb-1 flex items-center gap-1",children:[e.jsx(_,{className:"h-3 w-3"}),"文件变更"]}),e.jsxs("div",{className:"text-gray-700",children:[s.summary.filesChanged.length," 个"]}),s.summary.filesChanged.slice(0,3).map(i=>e.jsx("div",{className:"text-gray-500 truncate text-[10px]",title:i,children:i.split("/").pop()},i))]}),e.jsxs("div",{children:[e.jsxs("div",{className:"text-gray-500 mb-1 flex items-center gap-1",children:[e.jsx(D,{className:"h-3 w-3"}),"提交"]}),e.jsxs("div",{className:"text-gray-700",children:[s.summary.commits.length," 次"]})]})]}),s.prompts.length>0&&e.jsxs("div",{className:"border-t border-gray-100 pt-3",children:[e.jsxs("div",{className:"text-xs text-gray-500 mb-2 flex items-center gap-1",children:[e.jsx(u,{className:"h-3 w-3"}),"用户提示 (",s.prompts.length,")"]}),e.jsxs("div",{className:"space-y-1.5",children:[s.prompts.slice(0,3).map((i,c)=>e.jsx("div",{className:"text-xs bg-gray-50 rounded p-2",children:e.jsx("p",{className:"text-gray-700 line-clamp-2",children:i.content})},c)),s.prompts.length>3&&e.jsxs("div",{className:"text-xs text-gray-400",children:["还有 ",s.prompts.length-3," 条..."]})]})]})]},s.id))})]})]})}async function H(){const r=await fetch("/api/sessions?limit=200");if(!r.ok)throw new Error("Failed to fetch sessions");return r.json()}function X(){const[r,a]=o.useState(null),[l,m]=o.useState(""),[s,i]=o.useState(!1),c=T(),{data:x,isLoading:y,error:h}=j({queryKey:["sessions"],queryFn:H,refetchInterval:1e4}),n=o.useMemo(()=>{if(!x)return[];if(!l.trim())return x;const t=l.toLowerCase();return x.filter(d=>{var g;return((g=d.first_prompt)==null?void 0:g.toLowerCase().includes(t))||d.session_id.toLowerCase().includes(t)})},[x,l]),p=t=>{const d=z();t==="json"?I(`sessions-${d}.json`,n):L(`sessions-${d}.csv`,n),c.success(`已导出 ${n.length} 个会话`),i(!1)};return y?e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold text-gray-900 mb-6",children:"会话"}),e.jsx("div",{className:"bg-white rounded-lg shadow p-6",children:e.jsx("p",{className:"text-gray-600",children:"加载中..."})})]}):h?e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold text-gray-900 mb-6",children:"会话"}),e.jsx("div",{className:"bg-white rounded-lg shadow p-6",children:e.jsxs("p",{className:"text-red-600",children:["加载失败: ",h.message]})})]}):e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-4 flex-wrap gap-3",children:[e.jsx("h1",{className:"text-2xl font-bold text-gray-900",children:"会话"}),e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsx(M,{value:l,onChange:m,placeholder:"搜索 session / 提示...",className:"w-64"}),e.jsxs("div",{className:"relative",children:[e.jsxs("button",{onClick:()=>i(t=>!t),disabled:n.length===0,className:"inline-flex items-center gap-1 px-3 py-1.5 text-sm bg-white border border-gray-300 rounded-md hover:bg-gray-50 disabled:opacity-50",children:[e.jsx(E,{className:"h-4 w-4"}),"导出"]}),s&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fixed inset-0 z-10",onClick:()=>i(!1)}),e.jsxs("div",{className:"absolute right-0 mt-1 bg-white border border-gray-200 rounded-md shadow-lg z-20",children:[e.jsx("button",{onClick:()=>p("json"),className:"block w-full text-left px-4 py-2 text-sm hover:bg-gray-50",children:"导出为 JSON"}),e.jsx("button",{onClick:()=>p("csv"),className:"block w-full text-left px-4 py-2 text-sm hover:bg-gray-50",children:"导出为 CSV"})]})]})]})]})]}),e.jsxs("div",{className:"text-sm text-gray-500 mb-3",children:["显示 ",n.length," 个 ",l&&"（已过滤）"]}),e.jsx("div",{className:"bg-white rounded-lg shadow overflow-hidden",children:e.jsxs("table",{className:"min-w-full divide-y divide-gray-200",children:[e.jsx("thead",{className:"bg-gray-50",children:e.jsxs("tr",{children:[e.jsx("th",{className:"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider",children:"Session ID"}),e.jsx("th",{className:"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider",children:"首次提示"}),e.jsx("th",{className:"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider",children:"事件数"}),e.jsx("th",{className:"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider",children:"时间"})]})}),e.jsxs("tbody",{className:"bg-white divide-y divide-gray-200",children:[n.map(t=>e.jsxs("tr",{className:"hover:bg-gray-50 cursor-pointer",onClick:()=>a(t.session_id),children:[e.jsx("td",{className:"px-6 py-4 whitespace-nowrap",children:e.jsxs("div",{className:"flex items-center gap-2 text-sm text-indigo-600 font-mono",children:[e.jsx(u,{className:"h-4 w-4"}),t.session_id.slice(0,12),"..."]})}),e.jsx("td",{className:"px-6 py-4",children:e.jsx("p",{className:"text-sm text-gray-900 max-w-md truncate",children:t.first_prompt||"(无提示)"})}),e.jsx("td",{className:"px-6 py-4 whitespace-nowrap",children:e.jsxs("span",{className:"inline-flex items-center gap-1 text-sm text-gray-600",children:[e.jsx(q,{className:"h-4 w-4"}),t.event_count]})}),e.jsx("td",{className:"px-6 py-4 whitespace-nowrap text-sm text-gray-500",children:e.jsxs("span",{className:"inline-flex items-center gap-1",children:[e.jsx(F,{className:"h-4 w-4"}),t.start_time?w(f(t.start_time),{addSuffix:!0,locale:S}):"-"]})})]},t.session_id)),n.length===0&&e.jsx("tr",{children:e.jsx("td",{colSpan:4,className:"px-6 py-12 text-center text-gray-500",children:l?"无匹配结果":"暂无会话记录"})})]})]})}),e.jsx(N,{open:r!==null,onClose:()=>a(null),title:"会话详情",width:"w-[800px]",children:r&&e.jsx(k,{sessionId:r})})]})}export{X as default};
-//# sourceMappingURL=Sessions-FfLYkAw9.js.map

package/dist/web/static/assets/Sessions-FfLYkAw9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sessions-FfLYkAw9.js","sources":["../../src/components/SessionDetailContent.tsx","../../src/pages/Sessions.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { format } from 'date-fns'\nimport { parseUTC } from '../utils/time'\nimport { MessageSquare, FileEdit, Terminal, GitCommit } from 'lucide-react'\nimport clsx from 'clsx'\n\ninterface TaskDetail {\n  id: string\n  title: string\n  start_time: string\n  end_time?: string\n  status: string\n  event_count: number\n  prompts: Array<{ timestamp: string; content: string }>\n  events: Array<any>\n  injections: Array<any>\n  summary: {\n    toolUsage: Record<string, number>\n    filesChanged: string[]\n    commits: Array<{ timestamp: string; message: string }>\n  }\n}\n\ninterface SessionDetailData {\n  session: {\n    session_id: string\n    first_prompt: string\n    event_count: number\n    start_time: string\n    end_time: string\n  }\n  tasks: TaskDetail[]\n}\n\nasync function fetchSessionDetail(id: string): Promise<SessionDetailData> {\n  const res = await fetch(`/api/sessions/${id}/detail`)\n  if (!res.ok) throw new Error('Failed to fetch session detail')\n  return res.json()\n}\n\ninterface Props {\n  sessionId: string\n}\n\nexport default function SessionDetailContent({ sessionId }: Props) {\n  const { data, isLoading, error } = useQuery({\n    queryKey: ['session-detail', sessionId],\n    queryFn: () => fetchSessionDetail(sessionId),\n    enabled: !!sessionId,\n  })\n\n  if (isLoading) {\n    return <div className=\"p-6 text-gray-500\">加载中...</div>\n  }\n\n  if (error || !data) {\n    return <div className=\"p-6 text-red-600\">加载失败</div>\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div>\n        <div className=\"text-xs text-gray-500 mb-1\">Session ID</div>\n        <div className=\"text-sm font-mono text-gray-900 break-all\">{data.session.session_id}</div>\n      </div>\n\n      <div className=\"grid grid-cols-3 gap-4 pb-4 border-b border-gray-200\">\n        <div>\n          <div className=\"text-xs text-gray-500\">事件数</div>\n          <div className=\"text-lg font-semibold\">{data.session.event_count}</div>\n        </div>\n        <div>\n          <div className=\"text-xs text-gray-500\">任务数</div>\n          <div className=\"text-lg font-semibold\">{data.tasks.length}</div>\n        </div>\n        <div>\n          <div className=\"text-xs text-gray-500\">开始时间</div>\n          <div className=\"text-sm\">\n            {data.session.start_time ? format(parseUTC(data.session.start_time), 'MM-dd HH:mm:ss') : '-'}\n          </div>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-sm font-semibold text-gray-700 mb-3\">任务列表</h3>\n        <div className=\"space-y-3\">\n          {data.tasks.map((task) => (\n            <div key={task.id} className=\"border border-gray-200 rounded-lg p-4\">\n              <div className=\"flex items-center justify-between mb-3\">\n                <h4 className=\"text-sm font-semibold text-gray-900 flex-1 mr-2\">{task.title}</h4>\n                <span className={clsx(\n                  'px-2 py-0.5 text-xs font-medium rounded-full whitespace-nowrap',\n                  task.status === 'completed' && 'bg-green-100 text-green-700',\n                  task.status === 'active' && 'bg-blue-100 text-blue-700',\n                  task.status === 'abandoned' && 'bg-gray-100 text-gray-600'\n                )}>\n                  {task.status}\n                </span>\n              </div>\n\n              <div className=\"grid grid-cols-3 gap-3 mb-3 text-xs\">\n                <div>\n                  <div className=\"text-gray-500 mb-1 flex items-center gap-1\">\n                    <Terminal className=\"h-3 w-3\" />工具使用\n                  </div>\n                  <div className=\"space-y-0.5\">\n                    {Object.entries(task.summary.toolUsage).slice(0, 4).map(([tool, count]) => (\n                      <div key={tool} className=\"flex justify-between\">\n                        <span className=\"text-gray-600\">{tool}</span>\n                        <span className=\"font-mono text-gray-900\">{count}</span>\n                      </div>\n                    ))}\n                  </div>\n                </div>\n                <div>\n                  <div className=\"text-gray-500 mb-1 flex items-center gap-1\">\n                    <FileEdit className=\"h-3 w-3\" />文件变更\n                  </div>\n                  <div className=\"text-gray-700\">{task.summary.filesChanged.length} 个</div>\n                  {task.summary.filesChanged.slice(0, 3).map(f => (\n                    <div key={f} className=\"text-gray-500 truncate text-[10px]\" title={f}>\n                      {f.split('/').pop()}\n                    </div>\n                  ))}\n                </div>\n                <div>\n                  <div className=\"text-gray-500 mb-1 flex items-center gap-1\">\n                    <GitCommit className=\"h-3 w-3\" />提交\n                  </div>\n                  <div className=\"text-gray-700\">{task.summary.commits.length} 次</div>\n                </div>\n              </div>\n\n              {task.prompts.length > 0 && (\n                <div className=\"border-t border-gray-100 pt-3\">\n                  <div className=\"text-xs text-gray-500 mb-2 flex items-center gap-1\">\n                    <MessageSquare className=\"h-3 w-3\" />用户提示 ({task.prompts.length})\n                  </div>\n                  <div className=\"space-y-1.5\">\n                    {task.prompts.slice(0, 3).map((p, i) => (\n                      <div key={i} className=\"text-xs bg-gray-50 rounded p-2\">\n                        <p className=\"text-gray-700 line-clamp-2\">{p.content}</p>\n                      </div>\n                    ))}\n                    {task.prompts.length > 3 && (\n                      <div className=\"text-xs text-gray-400\">还有 {task.prompts.length - 3} 条...</div>\n                    )}\n                  </div>\n                </div>\n              )}\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n","import { useQuery } from '@tanstack/react-query'\nimport { useState, useMemo } from 'react'\nimport { formatDistanceToNow } from 'date-fns'\nimport { parseUTC } from '../utils/time'\nimport { zhCN } from 'date-fns/locale'\nimport { MessageSquare, Clock, Activity, Download } from 'lucide-react'\nimport Drawer from '../components/Drawer'\nimport SessionDetailContent from '../components/SessionDetailContent'\nimport SearchInput from '../components/SearchInput'\nimport { downloadJSON, downloadCSV, getTimestamp } from '../utils/export'\nimport { useToast } from '../components/Toast'\n\ninterface Session {\n  session_id: string\n  first_prompt: string\n  event_count: number\n  start_time: string\n  end_time: string\n}\n\nasync function fetchSessions(): Promise<Session[]> {\n  const res = await fetch('/api/sessions?limit=200')\n  if (!res.ok) throw new Error('Failed to fetch sessions')\n  return res.json()\n}\n\nexport default function Sessions() {\n  const [selectedSessionId, setSelectedSessionId] = useState<string | null>(null)\n  const [search, setSearch] = useState('')\n  const [showExportMenu, setShowExportMenu] = useState(false)\n  const toast = useToast()\n\n  const { data: sessions, isLoading, error } = useQuery({\n    queryKey: ['sessions'],\n    queryFn: fetchSessions,\n    refetchInterval: 10000,\n  })\n\n  const filteredSessions = useMemo(() => {\n    if (!sessions) return []\n    if (!search.trim()) return sessions\n    const q = search.toLowerCase()\n    return sessions.filter(s =>\n      s.first_prompt?.toLowerCase().includes(q) ||\n      s.session_id.toLowerCase().includes(q)\n    )\n  }, [sessions, search])\n\n  const handleExport = (format: 'json' | 'csv') => {\n    const ts = getTimestamp()\n    if (format === 'json') {\n      downloadJSON(`sessions-${ts}.json`, filteredSessions)\n    } else {\n      downloadCSV(`sessions-${ts}.csv`, filteredSessions)\n    }\n    toast.success(`已导出 ${filteredSessions.length} 个会话`)\n    setShowExportMenu(false)\n  }\n\n  if (isLoading) {\n    return (\n      <div>\n        <h1 className=\"text-2xl font-bold text-gray-900 mb-6\">会话</h1>\n        <div className=\"bg-white rounded-lg shadow p-6\">\n          <p className=\"text-gray-600\">加载中...</p>\n        </div>\n      </div>\n    )\n  }\n\n  if (error) {\n    return (\n      <div>\n        <h1 className=\"text-2xl font-bold text-gray-900 mb-6\">会话</h1>\n        <div className=\"bg-white rounded-lg shadow p-6\">\n          <p className=\"text-red-600\">加载失败: {(error as Error).message}</p>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div>\n      <div className=\"flex items-center justify-between mb-4 flex-wrap gap-3\">\n        <h1 className=\"text-2xl font-bold text-gray-900\">会话</h1>\n        <div className=\"flex items-center gap-2 flex-wrap\">\n          <SearchInput\n            value={search}\n            onChange={setSearch}\n            placeholder=\"搜索 session / 提示...\"\n            className=\"w-64\"\n          />\n          <div className=\"relative\">\n            <button\n              onClick={() => setShowExportMenu(v => !v)}\n              disabled={filteredSessions.length === 0}\n              className=\"inline-flex items-center gap-1 px-3 py-1.5 text-sm bg-white border border-gray-300 rounded-md hover:bg-gray-50 disabled:opacity-50\"\n            >\n              <Download className=\"h-4 w-4\" />\n              导出\n            </button>\n            {showExportMenu && (\n              <>\n                <div className=\"fixed inset-0 z-10\" onClick={() => setShowExportMenu(false)} />\n                <div className=\"absolute right-0 mt-1 bg-white border border-gray-200 rounded-md shadow-lg z-20\">\n                  <button\n                    onClick={() => handleExport('json')}\n                    className=\"block w-full text-left px-4 py-2 text-sm hover:bg-gray-50\"\n                  >\n                    导出为 JSON\n                  </button>\n                  <button\n                    onClick={() => handleExport('csv')}\n                    className=\"block w-full text-left px-4 py-2 text-sm hover:bg-gray-50\"\n                  >\n                    导出为 CSV\n                  </button>\n                </div>\n              </>\n            )}\n          </div>\n        </div>\n      </div>\n\n      <div className=\"text-sm text-gray-500 mb-3\">\n        显示 {filteredSessions.length} 个 {search && `（已过滤）`}\n      </div>\n\n      <div className=\"bg-white rounded-lg shadow overflow-hidden\">\n        <table className=\"min-w-full divide-y divide-gray-200\">\n          <thead className=\"bg-gray-50\">\n            <tr>\n              <th className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\n                Session ID\n              </th>\n              <th className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\n                首次提示\n              </th>\n              <th className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\n                事件数\n              </th>\n              <th className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\n                时间\n              </th>\n            </tr>\n          </thead>\n          <tbody className=\"bg-white divide-y divide-gray-200\">\n            {filteredSessions.map((session) => (\n              <tr\n                key={session.session_id}\n                className=\"hover:bg-gray-50 cursor-pointer\"\n                onClick={() => setSelectedSessionId(session.session_id)}\n              >\n                <td className=\"px-6 py-4 whitespace-nowrap\">\n                  <div className=\"flex items-center gap-2 text-sm text-indigo-600 font-mono\">\n                    <MessageSquare className=\"h-4 w-4\" />\n                    {session.session_id.slice(0, 12)}...\n                  </div>\n                </td>\n                <td className=\"px-6 py-4\">\n                  <p className=\"text-sm text-gray-900 max-w-md truncate\">\n                    {session.first_prompt || '(无提示)'}\n                  </p>\n                </td>\n                <td className=\"px-6 py-4 whitespace-nowrap\">\n                  <span className=\"inline-flex items-center gap-1 text-sm text-gray-600\">\n                    <Activity className=\"h-4 w-4\" />\n                    {session.event_count}\n                  </span>\n                </td>\n                <td className=\"px-6 py-4 whitespace-nowrap text-sm text-gray-500\">\n                  <span className=\"inline-flex items-center gap-1\">\n                    <Clock className=\"h-4 w-4\" />\n                    {session.start_time\n                      ? formatDistanceToNow(parseUTC(session.start_time), {\n                          addSuffix: true,\n                          locale: zhCN,\n                        })\n                      : '-'}\n                  </span>\n                </td>\n              </tr>\n            ))}\n            {filteredSessions.length === 0 && (\n              <tr>\n                <td colSpan={4} className=\"px-6 py-12 text-center text-gray-500\">\n                  {search ? '无匹配结果' : '暂无会话记录'}\n                </td>\n              </tr>\n            )}\n          </tbody>\n        </table>\n      </div>\n\n      <Drawer\n        open={selectedSessionId !== null}\n        onClose={() => setSelectedSessionId(null)}\n        title=\"会话详情\"\n        width=\"w-[800px]\"\n      >\n        {selectedSessionId && <SessionDetailContent sessionId={selectedSessionId} />}\n      </Drawer>\n    </div>\n  )\n}\n"],"names":["fetchSessionDetail","id","res","SessionDetailContent","sessionId","data","isLoading","error","useQuery","jsx","jsxs","format","parseUTC","task","clsx","Terminal","tool","count","FileEdit","f","GitCommit","MessageSquare","p","i","fetchSessions","Sessions","selectedSessionId","setSelectedSessionId","useState","search","setSearch","showExportMenu","setShowExportMenu","toast","useToast","sessions","filteredSessions","useMemo","q","s","_a","handleExport","ts","getTimestamp","downloadJSON","downloadCSV","SearchInput","v","Download","Fragment","session","Activity","Clock","formatDistanceToNow","zhCN","Drawer"],"mappings":"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"}

package/dist/web/static/assets/Skills-C8Gvs3Qa.js

@@ -1,2 +0,0 @@
-import{j as e,r as m}from"./react-vendor-CSp-GLFF.js";import{b as y,u,c as p}from"./query-C99w429o.js";import{D as j}from"./Drawer-DdRTzlLB.js";import{N as b,O as N}from"./vendor-CMMjVdZs.js";import{h as w,o as v}from"./syntax-highlighter-44FakypI.js";import{u as k}from"./index-CBX47X8l.js";import{a as S}from"./auth-Bnf8ZcqN.js";import{B as f,P as C,X as E,l as q}from"./lucide-Bs_edTLa.js";import"./react-router-r79dBVy4.js";function F({content:a,className:t=""}){return e.jsx("div",{className:`prose prose-sm max-w-none ${t}`,children:e.jsx(b,{remarkPlugins:[N],components:{code({inline:s,className:c,children:i,...d}){const o=/language-(\w+)/.exec(c||""),l=o==null?void 0:o[1];return!s&&l?e.jsx(w,{style:v,language:l,PreTag:"div",customStyle:{margin:0,borderRadius:"6px",fontSize:"12px",padding:"12px"},...d,children:String(i).replace(/\n$/,"")}):e.jsx("code",{className:"bg-gray-100 text-gray-800 px-1 py-0.5 rounded text-xs font-mono",...d,children:i})},h1:({children:s})=>e.jsx("h1",{className:"text-lg font-bold text-gray-900 mt-4 mb-2",children:s}),h2:({children:s})=>e.jsx("h2",{className:"text-base font-bold text-gray-900 mt-3 mb-2",children:s}),h3:({children:s})=>e.jsx("h3",{className:"text-sm font-semibold text-gray-900 mt-2 mb-1",children:s}),p:({children:s})=>e.jsx("p",{className:"text-sm text-gray-700 my-2",children:s}),ul:({children:s})=>e.jsx("ul",{className:"list-disc list-inside text-sm text-gray-700 my-2 space-y-0.5",children:s}),ol:({children:s})=>e.jsx("ol",{className:"list-decimal list-inside text-sm text-gray-700 my-2 space-y-0.5",children:s}),li:({children:s})=>e.jsx("li",{className:"text-sm",children:s}),a:({children:s,href:c})=>e.jsx("a",{href:c,target:"_blank",rel:"noopener noreferrer",className:"text-indigo-600 hover:text-indigo-700 underline",children:s}),blockquote:({children:s})=>e.jsx("blockquote",{className:"border-l-4 border-gray-300 pl-3 italic text-gray-600 my-2",children:s}),table:({children:s})=>e.jsx("div",{className:"overflow-x-auto my-2",children:e.jsx("table",{className:"min-w-full border border-gray-200 text-sm",children:s})}),th:({children:s})=>e.jsx("th",{className:"border border-gray-200 px-2 py-1 bg-gray-50 font-semibold text-left",children:s}),td:({children:s})=>e.jsx("td",{className:"border border-gray-200 px-2 py-1",children:s})},children:a})})}async function P(){const a=await fetch("/api/skills");if(!a.ok)throw new Error("Failed to fetch skills");const t=await a.json();return Array.isArray(t)?t:t.skills||[]}async function $(a){const t=await fetch(`/api/skills/${a}`);if(!t.ok)throw new Error("Failed to fetch");return t.json()}async function K(a,t){if(!(await S(`/api/skills/${a}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({content:t})})).ok)throw new Error("Failed to save")}function z(){const a=y(),t=k(),{data:s,isLoading:c}=u({queryKey:["skills"],queryFn:P}),[i,d]=m.useState(null),[o,l]=m.useState(!1),[h,g]=m.useState(""),{data:r}=u({queryKey:["skill-detail",i],queryFn:()=>$(i),enabled:!!i});m.useEffect(()=>{r!=null&&r.content&&g(r.content),l(!1)},[r]);const x=p({mutationFn:n=>K(n.name,n.content),onSuccess:()=>{t.success("Skill 已保存"),l(!1),a.invalidateQueries({queryKey:["skill-detail",i]}),a.invalidateQueries({queryKey:["skills"]})},onError:n=>t.error(`保存失败: ${n.message}`)});return c?e.jsx("div",{className:"bg-white rounded-lg shadow p-6",children:"加载中..."}):e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-6",children:[e.jsx("h1",{className:"text-2xl font-bold text-gray-900",children:"Skill 管理"}),e.jsxs("div",{className:"text-sm text-gray-500",children:["共 ",(s==null?void 0:s.length)||0," 个 Skill"]})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:s==null?void 0:s.map(n=>e.jsx("div",{className:"bg-white rounded-lg shadow p-5 hover:shadow-md transition-shadow cursor-pointer",onClick:()=>d(n.name),children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-purple-100 flex items-center justify-center flex-shrink-0",children:e.jsx(f,{className:"h-5 w-5 text-purple-600"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("h3",{className:"font-semibold text-gray-900 truncate",children:n.name}),e.jsx("p",{className:"text-xs text-gray-500 mt-1 line-clamp-3",children:n.description||"(无描述)"})]})]})},n.name))}),e.jsx(j,{open:i!==null,onClose:()=>{d(null),l(!1)},title:`Skill: ${i}`,width:"w-[800px]",children:r&&e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(f,{className:"h-5 w-5 text-purple-600"}),e.jsx("h3",{className:"text-lg font-semibold text-gray-900",children:r.name})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"描述"}),e.jsx("div",{className:"text-sm text-gray-800",children:r.description})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("div",{className:"text-xs text-gray-500",children:"完整内容 (Markdown)"}),e.jsx("div",{className:"flex items-center gap-2",children:o?e.jsxs(e.Fragment,{children:[e.jsxs("button",{onClick:()=>{l(!1),g(r.content||"")},className:"inline-flex items-center gap-1 text-xs text-gray-600 hover:text-gray-700",children:[e.jsx(E,{className:"h-3 w-3"}),"取消"]}),e.jsxs("button",{onClick:()=>x.mutate({name:r.name,content:h}),disabled:x.isPending,className:"inline-flex items-center gap-1 text-xs bg-indigo-600 text-white px-2 py-1 rounded hover:bg-indigo-700 disabled:bg-gray-400",children:[e.jsx(q,{className:"h-3 w-3"}),x.isPending?"保存中...":"保存"]})]}):e.jsxs("button",{onClick:()=>l(!0),className:"inline-flex items-center gap-1 text-xs text-indigo-600 hover:text-indigo-700",children:[e.jsx(C,{className:"h-3 w-3"}),"编辑"]})})]}),o?e.jsx("textarea",{value:h,onChange:n=>g(n.target.value),className:"w-full font-mono text-xs bg-gray-50 rounded p-3 border border-gray-300 focus:border-indigo-500 focus:outline-none",rows:20}):e.jsx("div",{className:"bg-white rounded p-3 border border-gray-200 max-h-[500px] overflow-y-auto",children:e.jsx(F,{content:r.content||""})}),x.isError&&e.jsxs("div",{className:"text-xs text-red-600 mt-1",children:["保存失败：",x.error.message]})]})]})})]})}export{z as default};
-//# sourceMappingURL=Skills-C8Gvs3Qa.js.map

package/dist/web/static/assets/Skills-C8Gvs3Qa.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skills-C8Gvs3Qa.js","sources":["../../src/components/MarkdownRenderer.tsx","../../src/pages/Skills.tsx"],"sourcesContent":["import ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'\nimport { oneLight } from 'react-syntax-highlighter/dist/esm/styles/prism'\n\ninterface Props {\n  content: string\n  className?: string\n}\n\nexport default function MarkdownRenderer({ content, className = '' }: Props) {\n  return (\n    <div className={`prose prose-sm max-w-none ${className}`}>\n      <ReactMarkdown\n        remarkPlugins={[remarkGfm]}\n        components={{\n          code({ inline, className, children, ...props }: any) {\n            const match = /language-(\\w+)/.exec(className || '')\n            const lang = match?.[1]\n            if (!inline && lang) {\n              return (\n                <SyntaxHighlighter\n                  style={oneLight}\n                  language={lang}\n                  PreTag=\"div\"\n                  customStyle={{\n                    margin: 0,\n                    borderRadius: '6px',\n                    fontSize: '12px',\n                    padding: '12px',\n                  }}\n                  {...props}\n                >\n                  {String(children).replace(/\\n$/, '')}\n                </SyntaxHighlighter>\n              )\n            }\n            return (\n              <code\n                className=\"bg-gray-100 text-gray-800 px-1 py-0.5 rounded text-xs font-mono\"\n                {...props}\n              >\n                {children}\n              </code>\n            )\n          },\n          h1: ({ children }) => <h1 className=\"text-lg font-bold text-gray-900 mt-4 mb-2\">{children}</h1>,\n          h2: ({ children }) => <h2 className=\"text-base font-bold text-gray-900 mt-3 mb-2\">{children}</h2>,\n          h3: ({ children }) => <h3 className=\"text-sm font-semibold text-gray-900 mt-2 mb-1\">{children}</h3>,\n          p: ({ children }) => <p className=\"text-sm text-gray-700 my-2\">{children}</p>,\n          ul: ({ children }) => <ul className=\"list-disc list-inside text-sm text-gray-700 my-2 space-y-0.5\">{children}</ul>,\n          ol: ({ children }) => <ol className=\"list-decimal list-inside text-sm text-gray-700 my-2 space-y-0.5\">{children}</ol>,\n          li: ({ children }) => <li className=\"text-sm\">{children}</li>,\n          a: ({ children, href }) => (\n            <a href={href} target=\"_blank\" rel=\"noopener noreferrer\" className=\"text-indigo-600 hover:text-indigo-700 underline\">\n              {children}\n            </a>\n          ),\n          blockquote: ({ children }) => (\n            <blockquote className=\"border-l-4 border-gray-300 pl-3 italic text-gray-600 my-2\">\n              {children}\n            </blockquote>\n          ),\n          table: ({ children }) => (\n            <div className=\"overflow-x-auto my-2\">\n              <table className=\"min-w-full border border-gray-200 text-sm\">{children}</table>\n            </div>\n          ),\n          th: ({ children }) => <th className=\"border border-gray-200 px-2 py-1 bg-gray-50 font-semibold text-left\">{children}</th>,\n          td: ({ children }) => <td className=\"border border-gray-200 px-2 py-1\">{children}</td>,\n        }}\n      >\n        {content}\n      </ReactMarkdown>\n    </div>\n  )\n}\n","import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'\nimport { useState, useEffect } from 'react'\nimport { BookOpen, Edit2, Save, X } from 'lucide-react'\nimport Drawer from '../components/Drawer'\nimport MarkdownRenderer from '../components/MarkdownRenderer'\nimport { useToast } from '../components/Toast'\nimport { authFetch } from '../utils/auth'\n\ninterface Skill {\n  name: string\n  description: string\n  content?: string\n}\n\ninterface SkillsResponse {\n  skills?: Skill[]\n}\n\nasync function fetchSkills(): Promise<Skill[]> {\n  const res = await fetch('/api/skills')\n  if (!res.ok) throw new Error('Failed to fetch skills')\n  const data: SkillsResponse | Skill[] = await res.json()\n  if (Array.isArray(data)) return data\n  return data.skills || []\n}\n\nasync function fetchSkillDetail(name: string): Promise<Skill> {\n  const res = await fetch(`/api/skills/${name}`)\n  if (!res.ok) throw new Error('Failed to fetch')\n  return res.json()\n}\n\nasync function saveSkill(name: string, content: string): Promise<void> {\n  const res = await authFetch(`/api/skills/${name}`, {\n    method: 'PUT',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify({ content }),\n  })\n  if (!res.ok) throw new Error('Failed to save')\n}\n\nexport default function Skills() {\n  const queryClient = useQueryClient()\n  const toast = useToast()\n  const { data: skills, isLoading } = useQuery({\n    queryKey: ['skills'],\n    queryFn: fetchSkills,\n  })\n\n  const [selectedSkill, setSelectedSkill] = useState<string | null>(null)\n  const [editing, setEditing] = useState(false)\n  const [editContent, setEditContent] = useState('')\n\n  const { data: detail } = useQuery({\n    queryKey: ['skill-detail', selectedSkill],\n    queryFn: () => fetchSkillDetail(selectedSkill!),\n    enabled: !!selectedSkill,\n  })\n\n  useEffect(() => {\n    if (detail?.content) setEditContent(detail.content)\n    setEditing(false)\n  }, [detail])\n\n  const mutation = useMutation({\n    mutationFn: (vars: { name: string; content: string }) => saveSkill(vars.name, vars.content),\n    onSuccess: () => {\n      toast.success('Skill 已保存')\n      setEditing(false)\n      queryClient.invalidateQueries({ queryKey: ['skill-detail', selectedSkill] })\n      queryClient.invalidateQueries({ queryKey: ['skills'] })\n    },\n    onError: (e: Error) => toast.error(`保存失败: ${e.message}`),\n  })\n\n  if (isLoading) {\n    return <div className=\"bg-white rounded-lg shadow p-6\">加载中...</div>\n  }\n\n  return (\n    <div>\n      <div className=\"flex items-center justify-between mb-6\">\n        <h1 className=\"text-2xl font-bold text-gray-900\">Skill 管理</h1>\n        <div className=\"text-sm text-gray-500\">共 {skills?.length || 0} 个 Skill</div>\n      </div>\n\n      <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n        {skills?.map((skill) => (\n          <div\n            key={skill.name}\n            className=\"bg-white rounded-lg shadow p-5 hover:shadow-md transition-shadow cursor-pointer\"\n            onClick={() => setSelectedSkill(skill.name)}\n          >\n            <div className=\"flex items-start gap-3\">\n              <div className=\"w-10 h-10 rounded-lg bg-purple-100 flex items-center justify-center flex-shrink-0\">\n                <BookOpen className=\"h-5 w-5 text-purple-600\" />\n              </div>\n              <div className=\"flex-1 min-w-0\">\n                <h3 className=\"font-semibold text-gray-900 truncate\">{skill.name}</h3>\n                <p className=\"text-xs text-gray-500 mt-1 line-clamp-3\">\n                  {skill.description || '(无描述)'}\n                </p>\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n\n      {/* Skill Detail Drawer */}\n      <Drawer\n        open={selectedSkill !== null}\n        onClose={() => { setSelectedSkill(null); setEditing(false) }}\n        title={`Skill: ${selectedSkill}`}\n        width=\"w-[800px]\"\n      >\n        {detail && (\n          <div className=\"space-y-4\">\n            <div className=\"flex items-center gap-2 mb-2\">\n              <BookOpen className=\"h-5 w-5 text-purple-600\" />\n              <h3 className=\"text-lg font-semibold text-gray-900\">{detail.name}</h3>\n            </div>\n\n            <div>\n              <div className=\"text-xs text-gray-500 mb-1\">描述</div>\n              <div className=\"text-sm text-gray-800\">{detail.description}</div>\n            </div>\n\n            <div>\n              <div className=\"flex items-center justify-between mb-2\">\n                <div className=\"text-xs text-gray-500\">完整内容 (Markdown)</div>\n                <div className=\"flex items-center gap-2\">\n                  {!editing ? (\n                    <button\n                      onClick={() => setEditing(true)}\n                      className=\"inline-flex items-center gap-1 text-xs text-indigo-600 hover:text-indigo-700\"\n                    >\n                      <Edit2 className=\"h-3 w-3\" />编辑\n                    </button>\n                  ) : (\n                    <>\n                      <button\n                        onClick={() => { setEditing(false); setEditContent(detail.content || '') }}\n                        className=\"inline-flex items-center gap-1 text-xs text-gray-600 hover:text-gray-700\"\n                      >\n                        <X className=\"h-3 w-3\" />取消\n                      </button>\n                      <button\n                        onClick={() => mutation.mutate({ name: detail.name, content: editContent })}\n                        disabled={mutation.isPending}\n                        className=\"inline-flex items-center gap-1 text-xs bg-indigo-600 text-white px-2 py-1 rounded hover:bg-indigo-700 disabled:bg-gray-400\"\n                      >\n                        <Save className=\"h-3 w-3\" />\n                        {mutation.isPending ? '保存中...' : '保存'}\n                      </button>\n                    </>\n                  )}\n                </div>\n              </div>\n              {editing ? (\n                <textarea\n                  value={editContent}\n                  onChange={(e) => setEditContent(e.target.value)}\n                  className=\"w-full font-mono text-xs bg-gray-50 rounded p-3 border border-gray-300 focus:border-indigo-500 focus:outline-none\"\n                  rows={20}\n                />\n              ) : (\n                <div className=\"bg-white rounded p-3 border border-gray-200 max-h-[500px] overflow-y-auto\">\n                  <MarkdownRenderer content={detail.content || ''} />\n                </div>\n              )}\n              {mutation.isError && (\n                <div className=\"text-xs text-red-600 mt-1\">保存失败：{(mutation.error as Error).message}</div>\n              )}\n            </div>\n          </div>\n        )}\n      </Drawer>\n    </div>\n  )\n}\n"],"names":["MarkdownRenderer","content","className","jsx","ReactMarkdown","remarkGfm","inline","children","props","match","lang","SyntaxHighlighter","oneLight","href","fetchSkills","res","data","fetchSkillDetail","name","saveSkill","authFetch","Skills","queryClient","useQueryClient","toast","useToast","skills","isLoading","useQuery","selectedSkill","setSelectedSkill","useState","editing","setEditing","editContent","setEditContent","detail","useEffect","mutation","useMutation","vars","e","jsxs","skill","BookOpen","Drawer","Fragment","X","Save","Edit2"],"mappings":"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"}

package/dist/web/static/assets/TaskDetail-BS8pYhaR.js

@@ -1,2 +0,0 @@
-import{r as f,j as e}from"./react-vendor-CSp-GLFF.js";import{c as q,u as R,L as T}from"./react-router-r79dBVy4.js";import{u as W}from"./query-C99w429o.js";import{p as x}from"./time-Bxuk0M-C.js";import{d as m}from"./vendor-CMMjVdZs.js";import{n as A}from"./task-title-BhOcemuR.js";import{j as I,r as D,n as G,a as O,g as S,t as z,u as N,q as y,B as K,o as Q,F as U,h as E,v as J,s as V,f as X,i as Y,w as Z,m as ee}from"./lucide-Bs_edTLa.js";import{f as w}from"./date-fns-CZ_bHujz.js";function se(l,d="/tasks"){if(l!=null&&typeof l=="object"&&"from"in l){const a=l.from;if(typeof a=="string"&&a.length>0)return a}return d}async function te(l){const d=await fetch(`/api/tasks/${l}`);if(!d.ok)throw new Error("Failed to fetch task detail");const a=await d.json();return{...a.task,userPrompts:a.userPrompts??[],injections:a.injections??[],timeline:(a.timeline??[]).map((n,j)=>({id:`${n.timestamp}-${n.tool_name}-${j}`,timestamp:n.timestamp,tool_name:n.tool_name,hook_type:n.hook_type,input:n.input,output:n.output,is_agent_call:n.is_agent_call,agent_detail:n.agent_detail})),skillInvocations:a.skillInvocations??[],artifacts:a.artifacts??[]}}function ae(l){switch(l){case"Read":return e.jsx(ee,{className:"h-4 w-4 text-gray-500"});case"Edit":return e.jsx(Z,{className:"h-4 w-4 text-amber-600"});case"Write":return e.jsx(Y,{className:"h-4 w-4 text-green-600"});case"Bash":return e.jsx(E,{className:"h-4 w-4 text-orange-600"});case"Agent":case"Task":return e.jsx(X,{className:"h-4 w-4 text-blue-600"});case"Grep":case"Glob":return e.jsx(V,{className:"h-4 w-4 text-purple-500"});case"WebSearch":case"WebFetch":return e.jsx(J,{className:"h-4 w-4 text-cyan-600"});default:return e.jsx(E,{className:"h-4 w-4 text-gray-400"})}}function re(l,d){const a=x(l).getTime()-x(d).getTime();return a<1e3?"+0s":a<6e4?`+${Math.floor(a/1e3)}s`:a<36e5?`+${Math.floor(a/6e4)}m${Math.floor(a%6e4/1e3)}s`:`+${Math.floor(a/36e5)}h${Math.floor(a%36e5/6e4)}m`}function he(){var v;const{taskId:l}=q(),d=R(),a=se(d.state),[n,j]=f.useState(new Set),[M,C]=f.useState(new Set),[b,P]=f.useState(!0),{data:t,isLoading:$,error:h}=W({queryKey:["task-detail",l],queryFn:()=>te(l),enabled:!!l,refetchInterval:1e4});if($)return e.jsx("div",{className:"bg-white rounded-lg shadow p-6",children:e.jsx("p",{className:"text-gray-600",children:"加载中..."})});if(h||!t)return e.jsxs("div",{children:[e.jsxs(T,{to:a,className:"inline-flex items-center text-sm text-gray-500 hover:text-gray-700 mb-4",children:[e.jsx(I,{className:"h-4 w-4 mr-1"}),"返回"]}),e.jsx("div",{className:"bg-white rounded-lg shadow p-6",children:e.jsxs("p",{className:"text-red-600",children:["加载失败: ",(h==null?void 0:h.message)||"未知错误"]})})]});const F=s=>{j(i=>{const r=new Set(i);return r.has(s)?r.delete(s):r.add(s),r})},H=s=>{C(i=>{const r=new Set(i);return r.has(s)?r.delete(s):r.add(s),r})},L=t.end_time?`${Math.round((x(t.end_time).getTime()-x(t.start_time).getTime())/1e3)}s`:"进行中";return e.jsxs("div",{children:[e.jsxs(T,{to:a,className:"inline-flex items-center text-sm text-gray-500 hover:text-gray-700 mb-4",children:[e.jsx(I,{className:"h-4 w-4 mr-1"}),"返回任务列表"]}),e.jsxs("div",{className:"bg-white rounded-lg shadow p-6 mb-6",children:[e.jsxs("div",{className:"flex items-start justify-between mb-4",children:[e.jsx("h1",{className:"text-xl font-bold text-gray-900",children:A(t.title,(v=t.userPrompts[0])==null?void 0:v.content)}),e.jsxs("span",{className:m("px-2 py-1 text-xs font-medium rounded-full",t.status==="completed"&&"bg-green-100 text-green-700",t.status==="active"&&"bg-blue-100 text-blue-700",t.status==="abandoned"&&"bg-gray-100 text-gray-600"),children:[t.status==="completed"&&e.jsx(D,{className:"h-3 w-3 inline mr-1"}),t.status==="active"&&e.jsx(G,{className:"h-3 w-3 inline mr-1 animate-spin"}),t.status]})]}),e.jsxs("div",{className:"grid grid-cols-4 gap-4 text-sm",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"开始时间"}),e.jsx("div",{className:"text-gray-900",children:w(x(t.start_time),"MM-dd HH:mm:ss")})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"结束时间"}),e.jsx("div",{className:"text-gray-900",children:t.end_time?w(x(t.end_time),"MM-dd HH:mm:ss"):"-"})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"持续时间"}),e.jsx("div",{className:"text-gray-900",children:L})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"事件数"}),e.jsx("div",{className:"text-gray-900",children:t.event_count})]})]})]}),t.userPrompts.length>0&&e.jsxs("div",{className:"bg-white rounded-lg shadow p-6 mb-6",children:[e.jsxs("h2",{className:"text-base font-semibold text-gray-900 mb-4 flex items-center gap-2",children:[e.jsx(O,{className:"h-4 w-4 text-purple-500"}),"用户消息",e.jsx("span",{className:"text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded-full",children:t.userPrompts.length})]}),e.jsx("div",{className:"space-y-3",children:t.userPrompts.map((s,i)=>e.jsxs("div",{className:"bg-purple-50 border border-purple-100 rounded-lg p-3",children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1 font-mono",children:w(x(s.timestamp),"HH:mm:ss")}),e.jsx("div",{className:"text-sm text-gray-800 whitespace-pre-wrap break-all",children:s.content})]},i))})]}),t.userPrompts.length===0&&t.injections.length===0&&t.timeline.length===0&&t.skillInvocations.length===0&&t.artifacts.length===0&&e.jsxs("div",{className:"bg-white rounded-lg shadow p-12 text-center",children:[e.jsx(S,{className:"h-12 w-12 text-gray-300 mx-auto mb-3"}),e.jsx("p",{className:"text-sm text-gray-500",children:"该任务暂无可展示的执行内容"}),e.jsx("p",{className:"text-xs text-gray-400 mt-1",children:"事件可能仍在记录中，稍后刷新查看"})]}),t.injections.length>0&&e.jsxs("div",{className:"bg-white rounded-lg shadow mb-6",children:[e.jsxs("button",{onClick:()=>P(!b),className:"w-full flex items-center justify-between p-4 text-left hover:bg-gray-50 rounded-t-lg",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(z,{className:"h-4 w-4 text-gray-500"}),e.jsx("h2",{className:"text-base font-semibold text-gray-900",children:"注入内容"}),e.jsx("span",{className:"text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded-full",children:t.injections.length})]}),b?e.jsx(N,{className:"h-4 w-4 text-gray-400"}):e.jsx(y,{className:"h-4 w-4 text-gray-400"})]}),b&&e.jsx("div",{className:"px-4 pb-4 space-y-2",children:t.injections.map(s=>e.jsxs("div",{className:"bg-gray-50 rounded-lg border border-gray-100",children:[e.jsxs("button",{onClick:()=>F(s.id),className:"w-full flex items-center justify-between p-3 text-left",children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm",children:[e.jsx("span",{className:m("px-1.5 py-0.5 text-xs rounded font-mono",s.injection_type==="systemMessage"?"bg-blue-50 text-blue-700":"bg-amber-50 text-amber-700"),children:s.injection_type}),e.jsx("span",{className:"text-gray-600",children:s.source_handler})]}),n.has(s.id)?e.jsx(N,{className:"h-3 w-3 text-gray-400"}):e.jsx(y,{className:"h-3 w-3 text-gray-400"})]}),n.has(s.id)&&e.jsx("div",{className:"px-3 pb-3",children:e.jsx("pre",{className:"text-xs text-gray-700 bg-white border border-gray-200 rounded p-3 overflow-x-auto max-h-64 overflow-y-auto whitespace-pre-wrap",children:s.content})})]},s.id))})]}),t.timeline.length>0&&e.jsxs("div",{className:"bg-white rounded-lg shadow p-6 mb-6",children:[e.jsxs("h2",{className:"text-base font-semibold text-gray-900 mb-4 flex items-center gap-2",children:[e.jsx(S,{className:"h-4 w-4 text-gray-500"}),"执行时间线",e.jsx("span",{className:"text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded-full",children:t.timeline.length})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute left-[19px] top-2 bottom-2 w-px bg-gray-200"}),e.jsx("div",{className:"space-y-0",children:t.timeline.map((s,i)=>{var _,k;const r=s.is_agent_call,p=s.tool_name==="Edit"||s.tool_name==="Write",g=M.has(i),c=s.input,o=c==null?void 0:c.file_path,u=(c==null?void 0:c.description)||(c==null?void 0:c.command);return e.jsxs("div",{className:m("relative flex items-start gap-3 py-2 px-2 rounded-md cursor-pointer hover:bg-gray-50 transition-colors",r&&"bg-blue-50 hover:bg-blue-100"),onClick:()=>H(i),children:[e.jsx("div",{className:"relative z-10 flex-shrink-0 w-10 flex justify-center",children:e.jsx("div",{className:m("w-8 h-8 rounded-full flex items-center justify-center",r?"bg-blue-100":"bg-white border border-gray-200"),children:ae(s.tool_name)})}),e.jsxs("div",{className:"flex-1 min-w-0 pt-1",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:m("text-sm font-medium",r?"text-blue-700":"text-gray-900"),children:s.tool_name}),((_=s.agent_detail)==null?void 0:_.subagent_type)&&e.jsx("span",{className:"text-xs bg-blue-100 text-blue-700 px-1.5 py-0.5 rounded font-mono",children:s.agent_detail.subagent_type}),((k=s.agent_detail)==null?void 0:k.name)&&e.jsx("span",{className:"text-xs text-blue-600",children:s.agent_detail.name}),e.jsxs("span",{className:"text-xs text-gray-400 font-mono ml-auto flex items-center gap-1",children:[re(s.timestamp,t.start_time),g?e.jsx(N,{className:"h-3 w-3"}):e.jsx(y,{className:"h-3 w-3"})]})]}),!g&&p&&o&&e.jsx("p",{className:"text-xs text-green-700 font-mono mt-0.5 truncate",title:o,children:o}),!g&&!p&&u&&e.jsx("p",{className:"text-xs text-gray-500 mt-0.5 truncate",children:u}),g&&e.jsxs("div",{className:"mt-2 space-y-2 text-xs",onClick:B=>B.stopPropagation(),children:[r&&s.agent_detail&&e.jsxs("div",{className:"bg-blue-50 border border-blue-200 rounded-lg p-3 space-y-2",children:[s.agent_detail.subagent_type&&e.jsxs("div",{children:[e.jsx("span",{className:"text-blue-600 font-medium",children:"subagent_type: "}),e.jsx("span",{className:"font-mono text-blue-800",children:s.agent_detail.subagent_type})]}),s.agent_detail.name&&e.jsxs("div",{children:[e.jsx("span",{className:"text-blue-600 font-medium",children:"name: "}),e.jsx("span",{className:"font-mono text-blue-800",children:s.agent_detail.name})]}),s.agent_detail.prompt&&e.jsxs("div",{children:[e.jsx("span",{className:"text-blue-600 font-medium",children:"prompt:"}),e.jsx("pre",{className:"mt-1 p-2 bg-white rounded border border-blue-100 text-gray-800 whitespace-pre-wrap break-words max-h-60 overflow-y-auto",children:s.agent_detail.prompt})]})]}),p&&o&&e.jsxs("div",{className:"bg-green-50 border border-green-200 rounded-lg p-3",children:[e.jsx("span",{className:"text-green-700 font-medium",children:"file: "}),e.jsx("span",{className:"font-mono text-green-800",children:o})]}),!r&&u&&e.jsx("div",{className:"bg-gray-50 border border-gray-200 rounded-lg p-3",children:e.jsx("pre",{className:"text-gray-700 whitespace-pre-wrap break-words max-h-40 overflow-y-auto",children:u})}),!r&&!p&&o&&e.jsxs("div",{className:"text-gray-500",children:[e.jsx("span",{className:"font-medium",children:"path: "}),e.jsx("span",{className:"font-mono",children:o})]})]})]})]},s.id||i)})})]})]}),t.skillInvocations.length>0&&e.jsxs("div",{className:"bg-white rounded-lg shadow p-6 mb-6",children:[e.jsxs("h2",{className:"text-base font-semibold text-gray-900 mb-4 flex items-center gap-2",children:[e.jsx(K,{className:"h-4 w-4 text-purple-500"}),"Skill 调用",e.jsx("span",{className:"text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded-full",children:t.skillInvocations.length})]}),e.jsx("div",{className:"space-y-3",children:t.skillInvocations.map(s=>e.jsxs("div",{className:"border border-purple-100 bg-purple-50 rounded-lg p-4",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx("span",{className:"text-sm font-medium text-purple-800 font-mono",children:s.skill_id}),s.workflow&&e.jsx("span",{className:"text-xs bg-purple-100 text-purple-700 px-1.5 py-0.5 rounded",children:s.workflow}),s.phase&&e.jsxs("span",{className:"text-xs bg-purple-100 text-purple-700 px-1.5 py-0.5 rounded",children:["phase: ",s.phase]})]}),e.jsx("p",{className:"text-xs text-purple-700",children:s.reason})]},s.id))})]}),t.artifacts.length>0&&e.jsxs("div",{className:"bg-white rounded-lg shadow p-6 mb-6",children:[e.jsxs("h2",{className:"text-base font-semibold text-gray-900 mb-4 flex items-center gap-2",children:[e.jsx(Q,{className:"h-4 w-4 text-green-600"}),"产物",e.jsxs("span",{className:"text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded-full",children:[t.artifacts.length," 个文件"]})]}),e.jsx("div",{className:"space-y-1",children:t.artifacts.map(s=>e.jsxs("div",{className:"flex items-center gap-2 py-1.5 px-3 rounded hover:bg-green-50",children:[e.jsx(U,{className:"h-4 w-4 text-green-600 flex-shrink-0"}),e.jsx("span",{className:"text-sm text-gray-800 font-mono truncate",title:s,children:s})]},s))})]})]})}export{he as default};
-//# sourceMappingURL=TaskDetail-BS8pYhaR.js.map

package/dist/web/static/assets/TaskDetail-BS8pYhaR.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TaskDetail-BS8pYhaR.js","sources":["../../src/utils/navigation.ts","../../src/pages/TaskDetail.tsx"],"sourcesContent":["/**\n * Navigation helpers for react-router-based back-navigation with state preservation.\n */\n\n/**\n * Resolves the \"back\" URL from react-router navigation state.\n *\n * Usage in a detail page:\n *   const location = useLocation()\n *   const backTo = resolveBackTo(location.state)\n *   // <Link to={backTo}>Back</Link>\n *\n * The navigation state is set by the list page when navigating forward:\n *   navigate(`/tasks/${id}`, { state: { from: location.pathname + location.search } })\n *\n * @param state   - location.state from react-router (typed as unknown for safety)\n * @param fallback - URL to use when state carries no valid `from` field (default: '/tasks')\n */\nexport function resolveBackTo(state: unknown, fallback = '/tasks'): string {\n  if (state !== null && state !== undefined && typeof state === 'object' && 'from' in state) {\n    const from = (state as { from?: unknown }).from\n    if (typeof from === 'string' && from.length > 0) return from\n  }\n  return fallback\n}\n","import { useParams, Link, useLocation } from 'react-router-dom'\nimport { useQuery } from '@tanstack/react-query'\nimport { useState } from 'react'\nimport { format } from 'date-fns'\nimport { parseUTC } from '../utils/time'\nimport { resolveBackTo } from '../utils/navigation'\nimport {\n  ArrowLeft,\n  Clock,\n  CheckCircle2,\n  Loader2,\n  ChevronDown,\n  ChevronRight,\n  FileText,\n  Terminal,\n  FileEdit,\n  Bot,\n  BookOpen,\n  Syringe,\n  FolderOpen,\n  Eye,\n  Pencil,\n  Search,\n  Globe,\n  MessageSquare,\n} from 'lucide-react'\nimport clsx from 'clsx'\nimport { normalizeTaskTitle } from '../utils/task-title'\n\ninterface Injection {\n  id: string\n  injection_type: 'systemMessage' | 'additionalContext'\n  source_handler: string\n  content: string\n  timestamp: string\n}\n\ninterface TimelineEvent {\n  id: string\n  timestamp: string\n  tool_name: string\n  hook_type: string\n  input: unknown\n  output: unknown\n  is_agent_call: boolean\n  agent_detail?: {\n    subagent_type?: string\n    name?: string\n    prompt?: string\n  }\n}\n\ninterface SkillInvocation {\n  id: string\n  skill_id: string\n  reason: string\n  workflow?: string\n  phase?: string\n  timestamp: string\n}\n\ninterface UserPrompt {\n  timestamp: string\n  content: string\n}\n\ninterface TaskDetailData {\n  id: string\n  title: string\n  status: 'active' | 'completed' | 'abandoned'\n  start_time: string\n  end_time?: string\n  event_count: number\n  session_id: string\n  userPrompts: UserPrompt[]\n  injections: Injection[]\n  timeline: TimelineEvent[]\n  skillInvocations: SkillInvocation[]\n  artifacts: string[]\n}\n\nasync function fetchTaskDetail(taskId: string): Promise<TaskDetailData> {\n  const res = await fetch(`/api/tasks/${taskId}`)\n  if (!res.ok) throw new Error('Failed to fetch task detail')\n  const raw = await res.json()\n  // API returns { task: {...}, injections, timeline, skillInvocations, artifacts }\n  // Flatten task fields into top level for component consumption\n  return {\n    ...raw.task,\n    userPrompts: raw.userPrompts ?? [],\n    injections: raw.injections ?? [],\n    timeline: (raw.timeline ?? []).map((e: any, idx: number) => ({\n      id: `${e.timestamp}-${e.tool_name}-${idx}`,\n      timestamp: e.timestamp,\n      tool_name: e.tool_name,\n      hook_type: e.hook_type,\n      input: e.input,\n      output: e.output,\n      is_agent_call: e.is_agent_call,\n      agent_detail: e.agent_detail,\n    })),\n    skillInvocations: raw.skillInvocations ?? [],\n    artifacts: raw.artifacts ?? [],\n  }\n}\n\nfunction getToolIcon(toolName: string) {\n  switch (toolName) {\n    case 'Read':\n      return <Eye className=\"h-4 w-4 text-gray-500\" />\n    case 'Edit':\n      return <Pencil className=\"h-4 w-4 text-amber-600\" />\n    case 'Write':\n      return <FileEdit className=\"h-4 w-4 text-green-600\" />\n    case 'Bash':\n      return <Terminal className=\"h-4 w-4 text-orange-600\" />\n    case 'Agent':\n    case 'Task':\n      return <Bot className=\"h-4 w-4 text-blue-600\" />\n    case 'Grep':\n    case 'Glob':\n      return <Search className=\"h-4 w-4 text-purple-500\" />\n    case 'WebSearch':\n    case 'WebFetch':\n      return <Globe className=\"h-4 w-4 text-cyan-600\" />\n    default:\n      return <Terminal className=\"h-4 w-4 text-gray-400\" />\n  }\n}\n\nfunction getRelativeTime(eventTime: string, startTime: string): string {\n  const diff = parseUTC(eventTime).getTime() - parseUTC(startTime).getTime()\n  if (diff < 1000) return '+0s'\n  if (diff < 60000) return `+${Math.floor(diff / 1000)}s`\n  if (diff < 3600000) return `+${Math.floor(diff / 60000)}m${Math.floor((diff % 60000) / 1000)}s`\n  return `+${Math.floor(diff / 3600000)}h${Math.floor((diff % 3600000) / 60000)}m`\n}\n\nexport default function TaskDetail() {\n  const { taskId } = useParams<{ taskId: string }>()\n  const location = useLocation()\n  const backTo = resolveBackTo(location.state)\n  const [expandedInjections, setExpandedInjections] = useState<Set<string>>(new Set())\n  const [expandedEvents, setExpandedEvents] = useState<Set<number>>(new Set())\n  const [showInjections, setShowInjections] = useState(true)\n\n  const { data, isLoading, error } = useQuery({\n    queryKey: ['task-detail', taskId],\n    queryFn: () => fetchTaskDetail(taskId!),\n    enabled: !!taskId,\n    refetchInterval: 10000,\n  })\n\n  if (isLoading) {\n    return (\n      <div className=\"bg-white rounded-lg shadow p-6\">\n        <p className=\"text-gray-600\">加载中...</p>\n      </div>\n    )\n  }\n\n  if (error || !data) {\n    return (\n      <div>\n        <Link to={backTo} className=\"inline-flex items-center text-sm text-gray-500 hover:text-gray-700 mb-4\">\n          <ArrowLeft className=\"h-4 w-4 mr-1\" />返回\n        </Link>\n        <div className=\"bg-white rounded-lg shadow p-6\">\n          <p className=\"text-red-600\">加载失败: {(error as Error)?.message || '未知错误'}</p>\n        </div>\n      </div>\n    )\n  }\n\n  const toggleInjection = (id: string) => {\n    setExpandedInjections(prev => {\n      const next = new Set(prev)\n      if (next.has(id)) next.delete(id)\n      else next.add(id)\n      return next\n    })\n  }\n\n  const toggleEvent = (idx: number) => {\n    setExpandedEvents(prev => {\n      const next = new Set(prev)\n      if (next.has(idx)) next.delete(idx)\n      else next.add(idx)\n      return next\n    })\n  }\n\n  const duration = data.end_time\n    ? `${Math.round((parseUTC(data.end_time).getTime() - parseUTC(data.start_time).getTime()) / 1000)}s`\n    : '进行中'\n\n  return (\n    <div>\n      <Link to={backTo} className=\"inline-flex items-center text-sm text-gray-500 hover:text-gray-700 mb-4\">\n        <ArrowLeft className=\"h-4 w-4 mr-1\" />返回任务列表\n      </Link>\n\n      {/* 区域 1：任务概览 */}\n      <div className=\"bg-white rounded-lg shadow p-6 mb-6\">\n        <div className=\"flex items-start justify-between mb-4\">\n          <h1 className=\"text-xl font-bold text-gray-900\">{normalizeTaskTitle(data.title, data.userPrompts[0]?.content)}</h1>\n          <span className={clsx(\n            'px-2 py-1 text-xs font-medium rounded-full',\n            data.status === 'completed' && 'bg-green-100 text-green-700',\n            data.status === 'active' && 'bg-blue-100 text-blue-700',\n            data.status === 'abandoned' && 'bg-gray-100 text-gray-600'\n          )}>\n            {data.status === 'completed' && <CheckCircle2 className=\"h-3 w-3 inline mr-1\" />}\n            {data.status === 'active' && <Loader2 className=\"h-3 w-3 inline mr-1 animate-spin\" />}\n            {data.status}\n          </span>\n        </div>\n        <div className=\"grid grid-cols-4 gap-4 text-sm\">\n          <div>\n            <div className=\"text-xs text-gray-500 mb-1\">开始时间</div>\n            <div className=\"text-gray-900\">\n              {format(parseUTC(data.start_time), 'MM-dd HH:mm:ss')}\n            </div>\n          </div>\n          <div>\n            <div className=\"text-xs text-gray-500 mb-1\">结束时间</div>\n            <div className=\"text-gray-900\">\n              {data.end_time ? format(parseUTC(data.end_time), 'MM-dd HH:mm:ss') : '-'}\n            </div>\n          </div>\n          <div>\n            <div className=\"text-xs text-gray-500 mb-1\">持续时间</div>\n            <div className=\"text-gray-900\">{duration}</div>\n          </div>\n          <div>\n            <div className=\"text-xs text-gray-500 mb-1\">事件数</div>\n            <div className=\"text-gray-900\">{data.event_count}</div>\n          </div>\n        </div>\n      </div>\n\n      {/* 区域 1.5：用户消息 */}\n      {data.userPrompts.length > 0 && (\n        <div className=\"bg-white rounded-lg shadow p-6 mb-6\">\n          <h2 className=\"text-base font-semibold text-gray-900 mb-4 flex items-center gap-2\">\n            <MessageSquare className=\"h-4 w-4 text-purple-500\" />\n            用户消息\n            <span className=\"text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded-full\">\n              {data.userPrompts.length}\n            </span>\n          </h2>\n          <div className=\"space-y-3\">\n            {data.userPrompts.map((up, idx) => (\n              <div key={idx} className=\"bg-purple-50 border border-purple-100 rounded-lg p-3\">\n                <div className=\"text-xs text-gray-500 mb-1 font-mono\">\n                  {format(parseUTC(up.timestamp), 'HH:mm:ss')}\n                </div>\n                <div className=\"text-sm text-gray-800 whitespace-pre-wrap break-all\">{up.content}</div>\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {/* 空状态：所有详情区块都为空时的兜底提示 */}\n      {data.userPrompts.length === 0 &&\n        data.injections.length === 0 &&\n        data.timeline.length === 0 &&\n        data.skillInvocations.length === 0 &&\n        data.artifacts.length === 0 && (\n          <div className=\"bg-white rounded-lg shadow p-12 text-center\">\n            <Clock className=\"h-12 w-12 text-gray-300 mx-auto mb-3\" />\n            <p className=\"text-sm text-gray-500\">该任务暂无可展示的执行内容</p>\n            <p className=\"text-xs text-gray-400 mt-1\">事件可能仍在记录中，稍后刷新查看</p>\n          </div>\n        )}\n\n      {/* 区域 2：注入内容 */}\n      {data.injections.length > 0 && (\n        <div className=\"bg-white rounded-lg shadow mb-6\">\n          <button\n            onClick={() => setShowInjections(!showInjections)}\n            className=\"w-full flex items-center justify-between p-4 text-left hover:bg-gray-50 rounded-t-lg\"\n          >\n            <div className=\"flex items-center gap-2\">\n              <Syringe className=\"h-4 w-4 text-gray-500\" />\n              <h2 className=\"text-base font-semibold text-gray-900\">注入内容</h2>\n              <span className=\"text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded-full\">\n                {data.injections.length}\n              </span>\n            </div>\n            {showInjections ? <ChevronDown className=\"h-4 w-4 text-gray-400\" /> : <ChevronRight className=\"h-4 w-4 text-gray-400\" />}\n          </button>\n          {showInjections && (\n            <div className=\"px-4 pb-4 space-y-2\">\n              {data.injections.map((inj) => (\n                <div key={inj.id} className=\"bg-gray-50 rounded-lg border border-gray-100\">\n                  <button\n                    onClick={() => toggleInjection(inj.id)}\n                    className=\"w-full flex items-center justify-between p-3 text-left\"\n                  >\n                    <div className=\"flex items-center gap-2 text-sm\">\n                      <span className={clsx(\n                        'px-1.5 py-0.5 text-xs rounded font-mono',\n                        inj.injection_type === 'systemMessage' ? 'bg-blue-50 text-blue-700' : 'bg-amber-50 text-amber-700'\n                      )}>\n                        {inj.injection_type}\n                      </span>\n                      <span className=\"text-gray-600\">{inj.source_handler}</span>\n                    </div>\n                    {expandedInjections.has(inj.id) ? <ChevronDown className=\"h-3 w-3 text-gray-400\" /> : <ChevronRight className=\"h-3 w-3 text-gray-400\" />}\n                  </button>\n                  {expandedInjections.has(inj.id) && (\n                    <div className=\"px-3 pb-3\">\n                      <pre className=\"text-xs text-gray-700 bg-white border border-gray-200 rounded p-3 overflow-x-auto max-h-64 overflow-y-auto whitespace-pre-wrap\">\n                        {inj.content}\n                      </pre>\n                    </div>\n                  )}\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* 区域 3：执行时间线 */}\n      {data.timeline.length > 0 && (\n        <div className=\"bg-white rounded-lg shadow p-6 mb-6\">\n          <h2 className=\"text-base font-semibold text-gray-900 mb-4 flex items-center gap-2\">\n            <Clock className=\"h-4 w-4 text-gray-500\" />\n            执行时间线\n            <span className=\"text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded-full\">\n              {data.timeline.length}\n            </span>\n          </h2>\n          <div className=\"relative\">\n            {/* 竖线 */}\n            <div className=\"absolute left-[19px] top-2 bottom-2 w-px bg-gray-200\" />\n            <div className=\"space-y-0\">\n              {data.timeline.map((event, idx) => {\n                const isAgent = event.is_agent_call\n                const isFileOp = event.tool_name === 'Edit' || event.tool_name === 'Write'\n                const isExpanded = expandedEvents.has(idx)\n                const input = event.input as Record<string, unknown> | null\n                const filePath = input?.file_path as string | undefined\n                const description = (input?.description || input?.command) as string | undefined\n\n                return (\n                  <div key={event.id || idx} className={clsx(\n                    'relative flex items-start gap-3 py-2 px-2 rounded-md cursor-pointer hover:bg-gray-50 transition-colors',\n                    isAgent && 'bg-blue-50 hover:bg-blue-100',\n                  )}\n                  onClick={() => toggleEvent(idx)}\n                  >\n                    <div className=\"relative z-10 flex-shrink-0 w-10 flex justify-center\">\n                      <div className={clsx(\n                        'w-8 h-8 rounded-full flex items-center justify-center',\n                        isAgent ? 'bg-blue-100' : 'bg-white border border-gray-200'\n                      )}>\n                        {getToolIcon(event.tool_name)}\n                      </div>\n                    </div>\n                    <div className=\"flex-1 min-w-0 pt-1\">\n                      <div className=\"flex items-center gap-2\">\n                        <span className={clsx(\n                          'text-sm font-medium',\n                          isAgent ? 'text-blue-700' : 'text-gray-900'\n                        )}>\n                          {event.tool_name}\n                        </span>\n                        {event.agent_detail?.subagent_type && (\n                          <span className=\"text-xs bg-blue-100 text-blue-700 px-1.5 py-0.5 rounded font-mono\">\n                            {event.agent_detail.subagent_type}\n                          </span>\n                        )}\n                        {event.agent_detail?.name && (\n                          <span className=\"text-xs text-blue-600\">\n                            {event.agent_detail.name}\n                          </span>\n                        )}\n                        <span className=\"text-xs text-gray-400 font-mono ml-auto flex items-center gap-1\">\n                          {getRelativeTime(event.timestamp, data.start_time)}\n                          {isExpanded ? <ChevronDown className=\"h-3 w-3\" /> : <ChevronRight className=\"h-3 w-3\" />}\n                        </span>\n                      </div>\n                      {!isExpanded && isFileOp && filePath && (\n                        <p className=\"text-xs text-green-700 font-mono mt-0.5 truncate\" title={filePath}>\n                          {filePath}\n                        </p>\n                      )}\n                      {!isExpanded && !isFileOp && description && (\n                        <p className=\"text-xs text-gray-500 mt-0.5 truncate\">{description}</p>\n                      )}\n                      {/* 展开的详细内容 */}\n                      {isExpanded && (\n                        <div className=\"mt-2 space-y-2 text-xs\" onClick={e => e.stopPropagation()}>\n                          {/* Agent 调用详情 */}\n                          {isAgent && event.agent_detail && (\n                            <div className=\"bg-blue-50 border border-blue-200 rounded-lg p-3 space-y-2\">\n                              {event.agent_detail.subagent_type && (\n                                <div>\n                                  <span className=\"text-blue-600 font-medium\">subagent_type: </span>\n                                  <span className=\"font-mono text-blue-800\">{event.agent_detail.subagent_type}</span>\n                                </div>\n                              )}\n                              {event.agent_detail.name && (\n                                <div>\n                                  <span className=\"text-blue-600 font-medium\">name: </span>\n                                  <span className=\"font-mono text-blue-800\">{event.agent_detail.name}</span>\n                                </div>\n                              )}\n                              {event.agent_detail.prompt && (\n                                <div>\n                                  <span className=\"text-blue-600 font-medium\">prompt:</span>\n                                  <pre className=\"mt-1 p-2 bg-white rounded border border-blue-100 text-gray-800 whitespace-pre-wrap break-words max-h-60 overflow-y-auto\">\n                                    {event.agent_detail.prompt}\n                                  </pre>\n                                </div>\n                              )}\n                            </div>\n                          )}\n                          {/* 文件操作详情 */}\n                          {isFileOp && filePath && (\n                            <div className=\"bg-green-50 border border-green-200 rounded-lg p-3\">\n                              <span className=\"text-green-700 font-medium\">file: </span>\n                              <span className=\"font-mono text-green-800\">{filePath}</span>\n                            </div>\n                          )}\n                          {/* 通用工具详情 */}\n                          {!isAgent && description && (\n                            <div className=\"bg-gray-50 border border-gray-200 rounded-lg p-3\">\n                              <pre className=\"text-gray-700 whitespace-pre-wrap break-words max-h-40 overflow-y-auto\">\n                                {description}\n                              </pre>\n                            </div>\n                          )}\n                          {/* 文件路径（非文件操作工具，如 Read） */}\n                          {!isAgent && !isFileOp && filePath && (\n                            <div className=\"text-gray-500\">\n                              <span className=\"font-medium\">path: </span>\n                              <span className=\"font-mono\">{filePath}</span>\n                            </div>\n                          )}\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                )\n              })}\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* 区域 4：Skill 调用 */}\n      {data.skillInvocations.length > 0 && (\n        <div className=\"bg-white rounded-lg shadow p-6 mb-6\">\n          <h2 className=\"text-base font-semibold text-gray-900 mb-4 flex items-center gap-2\">\n            <BookOpen className=\"h-4 w-4 text-purple-500\" />\n            Skill 调用\n            <span className=\"text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded-full\">\n              {data.skillInvocations.length}\n            </span>\n          </h2>\n          <div className=\"space-y-3\">\n            {data.skillInvocations.map((skill) => (\n              <div key={skill.id} className=\"border border-purple-100 bg-purple-50 rounded-lg p-4\">\n                <div className=\"flex items-center gap-2 mb-2\">\n                  <span className=\"text-sm font-medium text-purple-800 font-mono\">\n                    {skill.skill_id}\n                  </span>\n                  {skill.workflow && (\n                    <span className=\"text-xs bg-purple-100 text-purple-700 px-1.5 py-0.5 rounded\">\n                      {skill.workflow}\n                    </span>\n                  )}\n                  {skill.phase && (\n                    <span className=\"text-xs bg-purple-100 text-purple-700 px-1.5 py-0.5 rounded\">\n                      phase: {skill.phase}\n                    </span>\n                  )}\n                </div>\n                <p className=\"text-xs text-purple-700\">{skill.reason}</p>\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {/* 区域 5：产物 */}\n      {data.artifacts.length > 0 && (\n        <div className=\"bg-white rounded-lg shadow p-6 mb-6\">\n          <h2 className=\"text-base font-semibold text-gray-900 mb-4 flex items-center gap-2\">\n            <FolderOpen className=\"h-4 w-4 text-green-600\" />\n            产物\n            <span className=\"text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded-full\">\n              {data.artifacts.length} 个文件\n            </span>\n          </h2>\n          <div className=\"space-y-1\">\n            {data.artifacts.map((filePath) => (\n              <div key={filePath} className=\"flex items-center gap-2 py-1.5 px-3 rounded hover:bg-green-50\">\n                <FileText className=\"h-4 w-4 text-green-600 flex-shrink-0\" />\n                <span className=\"text-sm text-gray-800 font-mono truncate\" title={filePath}>\n                  {filePath}\n                </span>\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["resolveBackTo","state","fallback","from","fetchTaskDetail","taskId","res","raw","e","idx","getToolIcon","toolName","jsx","Eye","Pencil","FileEdit","Terminal","Bot","Search","Globe","getRelativeTime","eventTime","startTime","diff","parseUTC","TaskDetail","useParams","location","useLocation","backTo","expandedInjections","setExpandedInjections","useState","expandedEvents","setExpandedEvents","showInjections","setShowInjections","data","isLoading","error","useQuery","jsxs","Link","ArrowLeft","toggleInjection","id","prev","next","toggleEvent","duration","normalizeTaskTitle","_a","clsx","CheckCircle2","Loader2","format","MessageSquare","up","Clock","Syringe","ChevronDown","ChevronRight","inj","event","isAgent","isFileOp","isExpanded","input","filePath","description","_b","BookOpen","skill","FolderOpen","FileText"],"mappings":"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"}

package/dist/web/static/assets/Tasks-CyuhizG8.js

@@ -1,2 +0,0 @@
-import{r as v,j as t}from"./react-vendor-CSp-GLFF.js";import{u as D}from"./query-C99w429o.js";import{b as Z,u as B,d as Q}from"./react-router-r79dBVy4.js";import{p as V}from"./time-Bxuk0M-C.js";import{S as H}from"./SearchInput-qCj_jAcf.js";import{d as u}from"./vendor-CMMjVdZs.js";import{n as J}from"./task-title-BhOcemuR.js";import{o as W,A as F,g as X,p as Y,q as ee,n as te,r as se}from"./lucide-Bs_edTLa.js";import{a as ae,z as re}from"./date-fns-CZ_bHujz.js";const A=[20,50,100],ne=50;function oe(s){const a=Date.now();return s==="1h"?new Date(a-36e5).toISOString():s==="24h"?new Date(a-864e5).toISOString():s==="7d"?new Date(a-7*864e5).toISOString():""}async function ie(s){const a=await fetch(`/api/tasks?${s.toString()}`);if(!a.ok)throw new Error("Failed to fetch tasks");return a.json()}async function ce(){const s=await fetch("/api/tasks/projects");if(!s.ok)throw new Error("Failed to fetch projects");return s.json()}function I(s){const a=s.replace(/\\/g,"/").split("/").filter(Boolean);return a.length<=2?s:"…/"+a.slice(-2).join("/")}function be(){const s=Z(),a=B(),[i,f]=Q(),l=Math.max(1,Number(i.get("page")??"1")),d=A.includes(Number(i.get("size")??""))?Number(i.get("size")):ne,r=i.getAll("project"),o=i.get("preset")??"",z=i.get("from")??"",L=i.get("to")??"",m=i.get("search")??"",[O,b]=v.useState(!1),x=v.useCallback(e=>{f(h=>{const c=new URLSearchParams(h);for(const[p,g]of Object.entries(e))g===null||g===""?c.delete(p):Array.isArray(g)?(c.delete(p),g.forEach(K=>c.append(p,K))):c.set(p,g);return c},{replace:!0})},[f]),j=o&&o!=="custom"?oe(o):z,y=o&&o!=="custom"?"":L,S=v.useMemo(()=>{const e=new URLSearchParams;return e.set("limit",String(d)),e.set("offset",String((l-1)*d)),r.forEach(h=>e.append("project",h)),j&&e.set("from",j),y&&e.set("to",y),m&&e.set("search",m),e},[l,d,r,j,y,m]),{data:n,isLoading:w,error:C}=D({queryKey:["tasks",S.toString()],queryFn:()=>ie(S),refetchInterval:15e3,placeholderData:e=>e}),{data:P=[]}=D({queryKey:["task-projects"],queryFn:ce,staleTime:6e4}),k=(n==null?void 0:n.items)??[],N=(n==null?void 0:n.total)??0,E=(n==null?void 0:n.has_more)??!1,_=Math.ceil(N/d)||1,q=e=>{x({search:e||null,page:"1"})},M=e=>{const h=r.includes(e)?r.filter(c=>c!==e):[...r,e];x({project:h.length?h:null,page:"1"})},R=()=>x({project:null,page:"1"}),U=e=>{x({preset:e||null,from:null,to:null,page:"1"})},$=e=>{x({size:String(e),page:"1"})},T=e=>{x({page:String(Math.max(1,Math.min(e,_)))})},G=e=>{switch(e){case"completed":return t.jsx(se,{className:"h-4 w-4 text-green-600"});case"active":return t.jsx(te,{className:"h-4 w-4 text-blue-600 animate-spin"});default:return t.jsx(F,{className:"h-4 w-4 text-gray-400"})}};return w&&!n?t.jsxs("div",{children:[t.jsx("h1",{className:"text-2xl font-bold text-gray-900 mb-6",children:"任务"}),t.jsx("div",{className:"bg-white rounded-lg shadow p-6",children:t.jsx("p",{className:"text-gray-600",children:"加载中..."})})]}):C?t.jsxs("div",{children:[t.jsx("h1",{className:"text-2xl font-bold text-gray-900 mb-6",children:"任务"}),t.jsx("div",{className:"bg-white rounded-lg shadow p-6",children:t.jsxs("p",{className:"text-red-600",children:["加载失败: ",C.message]})})]}):t.jsxs("div",{children:[t.jsxs("div",{className:"flex items-center justify-between mb-4 flex-wrap gap-3",children:[t.jsx("h1",{className:"text-2xl font-bold text-gray-900",children:"任务"}),t.jsx(H,{value:m,onChange:q,placeholder:"搜索任务标题...",className:"w-64"})]}),t.jsxs("div",{className:"flex flex-wrap items-center gap-2 mb-4",children:[["1h","24h","7d"].map(e=>t.jsx("button",{onClick:()=>U(o===e?"":e),className:u("px-3 py-1.5 text-xs font-medium rounded-md border transition-colors",o===e?"bg-indigo-600 text-white border-indigo-600":"bg-white text-gray-700 border-gray-300 hover:bg-gray-50"),children:e==="1h"?"近 1 小时":e==="24h"?"近 24 小时":"近 7 天"},e)),P.length>0&&t.jsxs("div",{className:"relative",children:[t.jsxs("button",{onClick:()=>b(e=>!e),className:u("inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-md border transition-colors",r.length>0?"bg-indigo-50 text-indigo-700 border-indigo-300":"bg-white text-gray-700 border-gray-300 hover:bg-gray-50"),children:[t.jsx(W,{className:"h-3.5 w-3.5"}),r.length>0?`项目 (${r.length})`:"所有项目"]}),O&&t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"fixed inset-0 z-10",onClick:()=>b(!1)}),t.jsxs("div",{className:"absolute left-0 mt-1 w-72 bg-white border border-gray-200 rounded-md shadow-lg z-20 max-h-64 overflow-y-auto",children:[r.length>0&&t.jsx("button",{onClick:()=>{R(),b(!1)},className:"w-full text-left px-3 py-2 text-xs text-indigo-600 hover:bg-indigo-50 border-b border-gray-100",children:"清除筛选"}),P.map(e=>t.jsxs("label",{className:"flex items-center gap-2 px-3 py-2 text-sm text-gray-700 hover:bg-gray-50 cursor-pointer",children:[t.jsx("input",{type:"checkbox",className:"rounded text-indigo-600",checked:r.includes(e),onChange:()=>M(e)}),t.jsx("span",{className:"truncate font-mono text-xs",title:e,children:I(e)})]},e))]})]})]}),(r.length>0||o||m)&&t.jsx("button",{onClick:()=>f({},{replace:!0}),className:"px-2 py-1.5 text-xs text-gray-500 hover:text-gray-700 underline",children:"清除所有筛选"})]}),t.jsxs("div",{className:"flex items-center justify-between mb-3 text-sm text-gray-500",children:[t.jsxs("span",{children:["共 ",t.jsx("span",{className:"font-semibold text-gray-900",children:N})," 条",w&&t.jsx("span",{className:"ml-2 text-xs text-indigo-500",children:"刷新中..."})]}),t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("span",{className:"text-xs",children:"每页"}),A.map(e=>t.jsx("button",{onClick:()=>$(e),className:u("px-2 py-0.5 text-xs rounded border",d===e?"bg-indigo-600 text-white border-indigo-600":"bg-white text-gray-600 border-gray-300 hover:bg-gray-50"),children:e},e))]})]}),t.jsxs("div",{className:"grid gap-4",children:[k.map(e=>t.jsxs("div",{onClick:()=>s(`/tasks/${e.id}`,{state:{from:a.pathname+a.search}}),className:"bg-white rounded-lg shadow hover:shadow-md transition-shadow cursor-pointer p-5",children:[t.jsxs("div",{className:"flex items-start justify-between mb-3",children:[t.jsxs("div",{className:"flex items-start gap-3 flex-1 min-w-0",children:[t.jsx("div",{className:"mt-0.5 flex-shrink-0",children:G(e.status)}),t.jsxs("div",{className:"flex-1 min-w-0",children:[t.jsx("h3",{className:"text-base font-semibold text-gray-900 mb-1 truncate",children:J(e.title,e.first_prompt)}),e.project_path&&t.jsx("p",{className:"text-xs text-gray-400 font-mono truncate",title:e.project_path,children:I(e.project_path)})]})]}),t.jsx("span",{className:u("ml-3 flex-shrink-0 px-2 py-1 text-xs font-medium rounded-full whitespace-nowrap",e.status==="completed"&&"bg-green-100 text-green-700",e.status==="active"&&"bg-blue-100 text-blue-700",e.status==="abandoned"&&"bg-gray-100 text-gray-600"),children:e.status})]}),t.jsxs("div",{className:"flex items-center gap-6 text-sm text-gray-600",children:[t.jsxs("span",{className:"inline-flex items-center gap-1",children:[t.jsx(F,{className:"h-4 w-4"}),e.event_count," 个事件"]}),t.jsxs("span",{className:"inline-flex items-center gap-1",children:[t.jsx(X,{className:"h-4 w-4"}),e.start_time?ae(V(e.start_time),{addSuffix:!0,locale:re}):"-"]})]})]},e.id)),k.length===0&&!w&&t.jsx("div",{className:"bg-white rounded-lg shadow p-12 text-center text-gray-500",children:m||r.length>0||o?"无匹配结果":"暂无任务记录"})]}),N>d&&t.jsxs("div",{className:"flex items-center justify-between mt-6",children:[t.jsxs("button",{onClick:()=>T(l-1),disabled:l<=1,className:"inline-flex items-center gap-1 px-3 py-1.5 text-sm border rounded-md bg-white hover:bg-gray-50 disabled:opacity-40 disabled:cursor-not-allowed",children:[t.jsx(Y,{className:"h-4 w-4"}),"上一页"]}),t.jsxs("span",{className:"text-sm text-gray-500",children:["第 ",l," / ",_," 页",E?"":"（已到末页）"]}),t.jsxs("button",{onClick:()=>T(l+1),disabled:!E,className:"inline-flex items-center gap-1 px-3 py-1.5 text-sm border rounded-md bg-white hover:bg-gray-50 disabled:opacity-40 disabled:cursor-not-allowed",children:["下一页",t.jsx(ee,{className:"h-4 w-4"})]})]})]})}export{be as default};
-//# sourceMappingURL=Tasks-CyuhizG8.js.map