@winspan/claude-forge 8.28.2 → 8.33.0

package/dist/web/static/assets/Drawer-DeKukfwJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer-DeKukfwJ.js","sources":["../../src/components/Drawer.tsx"],"sourcesContent":["import { ReactNode, useEffect } from 'react'\nimport { X } from 'lucide-react'\nimport clsx from 'clsx'\n\ninterface DrawerProps {\n  open: boolean\n  onClose: () => void\n  title: string\n  children: ReactNode\n  width?: string\n}\n\nexport default function Drawer({ open, onClose, title, children, width = 'w-[600px]' }: DrawerProps) {\n  useEffect(() => {\n    const handleEsc = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose()\n    }\n    if (open) {\n      document.addEventListener('keydown', handleEsc)\n      document.body.style.overflow = 'hidden'\n    }\n    return () => {\n      document.removeEventListener('keydown', handleEsc)\n      document.body.style.overflow = ''\n    }\n  }, [open, onClose])\n\n  return (\n    <>\n      <div\n        className={clsx(\n          'fixed inset-0 bg-gray-600 transition-opacity z-40',\n          open ? 'bg-opacity-50 visible' : 'bg-opacity-0 invisible pointer-events-none'\n        )}\n        onClick={onClose}\n      />\n      <div\n        className={clsx(\n          'fixed inset-y-0 right-0 bg-white shadow-xl z-50 transform transition-transform flex flex-col',\n          width,\n          'max-w-full',\n          open ? 'translate-x-0' : 'translate-x-full'\n        )}\n      >\n        <div className=\"flex items-center justify-between px-6 py-4 border-b border-gray-200 flex-shrink-0\">\n          <h2 className=\"text-lg font-semibold text-gray-900\">{title}</h2>\n          <button\n            onClick={onClose}\n            className=\"text-gray-400 hover:text-gray-600 transition-colors\"\n          >\n            <X className=\"h-5 w-5\" />\n          </button>\n        </div>\n        <div className=\"flex-1 overflow-y-auto p-6\">\n          {children}\n        </div>\n      </div>\n    </>\n  )\n}\n"],"names":["Drawer","open","onClose","title","children","width","useEffect","handleEsc","e","jsxs","Fragment","jsx","clsx","X"],"mappings":"wIAYA,SAAwBA,EAAO,CAAE,KAAAC,EAAM,QAAAC,EAAS,MAAAC,EAAO,SAAAC,EAAU,MAAAC,EAAQ,aAA4B,CACnGC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAaC,GAAqB,CAClCA,EAAE,MAAQ,UAAUN,EAAA,CAC1B,EACA,OAAID,IACF,SAAS,iBAAiB,UAAWM,CAAS,EAC9C,SAAS,KAAK,MAAM,SAAW,UAE1B,IAAM,CACX,SAAS,oBAAoB,UAAWA,CAAS,EACjD,SAAS,KAAK,MAAM,SAAW,EACjC,CACF,EAAG,CAACN,EAAMC,CAAO,CAAC,EAGhBO,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,MAAA,CACC,UAAWC,EACT,oDACAX,EAAO,wBAA0B,4CAAA,EAEnC,QAASC,CAAA,CAAA,EAEXO,EAAAA,KAAC,MAAA,CACC,UAAWG,EACT,+FACAP,EACA,aACAJ,EAAO,gBAAkB,kBAAA,EAG3B,SAAA,CAAAQ,EAAAA,KAAC,MAAA,CAAI,UAAU,qFACb,SAAA,CAAAE,EAAAA,IAAC,KAAA,CAAG,UAAU,sCAAuC,SAAAR,EAAM,EAC3DQ,EAAAA,IAAC,SAAA,CACC,QAAST,EACT,UAAU,sDAEV,SAAAS,EAAAA,IAACE,EAAA,CAAE,UAAU,SAAA,CAAU,CAAA,CAAA,CACzB,EACF,EACAF,EAAAA,IAAC,MAAA,CAAI,UAAU,6BACZ,SAAAP,CAAA,CACH,CAAA,CAAA,CAAA,CACF,EACF,CAEJ"}

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

@@ -0,0 +1,2 @@
+import{r as n,j as e}from"./react-vendor-CSp-GLFF.js";import{u as N}from"./query-C99w429o.js";import{d as u}from"./vendor-CMMjVdZs.js";import{D as w}from"./Drawer-DeKukfwJ.js";import{C as g}from"./CodeBlock--H53gk46.js";import{S as _,g as k,d as S,a as C}from"./export-CEzDNM66.js";import{u as E}from"./index-D23sAOAt.js";import{k as P,D as U,A as T}from"./lucide-DjB4fWNj.js";import{f as y}from"./date-fns-CZ_bHujz.js";import"./syntax-highlighter-44FakypI.js";import"./react-router-I-HqunH7.js";async function D(i){const c=`/api/events?limit=500${i?`&hook_type=${i}`:""}`,r=await fetch(c);if(!r.ok)throw new Error("Failed to fetch events");return r.json()}const H=["","UserPromptSubmit","PreToolUse","PostToolUse","Stop","Notification"];function B(){const[i,c]=n.useState(""),[r,j]=n.useState(""),[s,p]=n.useState(null),[v,m]=n.useState(!1),f=E(),{data:x,isLoading:b}=N({queryKey:["events",i],queryFn:()=>D(i),refetchInterval:5e3}),o=n.useMemo(()=>{if(!x)return[];if(!r.trim())return x;const t=r.toLowerCase();return x.filter(l=>{var d,a;return((d=l.tool_name)==null?void 0:d.toLowerCase().includes(t))||((a=l.user_prompt)==null?void 0:a.toLowerCase().includes(t))||l.session_id.toLowerCase().includes(t)||JSON.stringify(l.tool_input||"").toLowerCase().includes(t)})},[x,r]),h=t=>{const l=k();if(t==="json")S(`events-${l}.json`,o);else{const d=o.map(a=>({event_id:a.event_id,session_id:a.session_id,timestamp:a.timestamp,hook_type:a.hook_type,tool_name:a.tool_name||"",user_prompt:a.user_prompt||"",tool_input:a.tool_input?JSON.stringify(a.tool_input).slice(0,500):""}));C(`events-${l}.csv`,d)}f.success(`已导出 ${o.length} 条事件`),m(!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(_,{value:r,onChange:j,placeholder:"搜索提示/工具/session...",className:"w-64"}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(P,{className:"h-4 w-4 text-gray-500"}),e.jsx("select",{value:i,onChange:t=>c(t.target.value),className:"text-sm border border-gray-300 rounded-md px-2 py-1.5 bg-white",children:H.map(t=>e.jsx("option",{value:t,children:t||"全部类型"},t))})]}),e.jsxs("div",{className:"relative",children:[e.jsxs("button",{onClick:()=>m(t=>!t),disabled:o.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(U,{className:"h-4 w-4"}),"导出"]}),v&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fixed inset-0 z-10",onClick:()=>m(!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:()=>h("json"),className:"block w-full text-left px-4 py-2 text-sm hover:bg-gray-50",children:"导出为 JSON"}),e.jsx("button",{onClick:()=>h("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:["显示 ",o.length," 条 ",r&&"（已过滤）"]}),e.jsx("div",{className:"bg-white rounded-lg shadow overflow-hidden",children:b?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:[o.map(t=>e.jsxs("tr",{className:"hover:bg-gray-50 cursor-pointer",onClick:()=>p(t),children:[e.jsx("td",{className:"px-4 py-2 whitespace-nowrap text-xs font-mono text-gray-500",children:t.timestamp?y(new Date(t.timestamp),"HH:mm:ss"):"-"}),e.jsx("td",{className:"px-4 py-2 whitespace-nowrap",children:e.jsx("span",{className:u("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)),o.length===0&&e.jsx("tr",{children:e.jsxs("td",{colSpan:4,className:"px-4 py-12 text-center text-gray-500",children:[e.jsx(T,{className:"h-12 w-12 text-gray-300 mx-auto mb-2"}),r?"无匹配结果":"暂无事件"]})})]})]})}),e.jsx(w,{open:s!==null,onClose:()=>p(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:u("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?y(new Date(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(g,{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(g,{data:s.tool_output,language:typeof s.tool_output=="string"?"text":"json",maxHeight:"400px"})]})]})})]})}export{B as default};
+//# sourceMappingURL=Events-BoQ8Fo5k.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Events-BoQ8Fo5k.js","sources":["../../src/pages/Events.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { useState, useMemo } from 'react'\nimport { format } from 'date-fns'\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(new Date(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(new Date(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":["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","jsx","SearchInput","Filter","v","Download","Fragment","format","clsx","Activity","Drawer","CodeBlock"],"mappings":"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"}

package/dist/web/static/assets/ExecutionTrace-sFZ_vHNf.js

@@ -0,0 +1,2 @@
+import{r as x,j as e}from"./react-vendor-CSp-GLFF.js";import{b as _,u as C}from"./query-C99w429o.js";import{d as S}from"./vendor-CMMjVdZs.js";import{D as k}from"./Drawer-DeKukfwJ.js";import{C as E}from"./CodeBlock--H53gk46.js";import{S as F,g as M,d as O,a as H}from"./export-CEzDNM66.js";import{u as J}from"./index-D23sAOAt.js";import{W as T,l as q,D as L,e as $,d as D,m as Q,A as W}from"./lucide-DjB4fWNj.js";import{f as j}from"./date-fns-CZ_bHujz.js";import"./syntax-highlighter-44FakypI.js";import"./react-router-I-HqunH7.js";async function z(l){let c="/api/routing/events?limit=200";l==="obeyed"?c+="&obeyed=1":l==="refused"?c+="&obeyed=0":l==="unknown"&&(c+="&obeyed=null");const n=await fetch(c);if(!n.ok)throw new Error("Failed to fetch");return n.json()}const A=[{value:"",label:"全部"},{value:"obeyed",label:"✅ 遵守"},{value:"refused",label:"❌ 违抗"},{value:"unknown",label:"? 未判定"}];function ee(){const[l,c]=x.useState(""),[n,f]=x.useState(""),[t,u]=x.useState(null),[v,p]=x.useState(!1),[N,h]=x.useState(!1),b=J(),g=_();x.useEffect(()=>{const s=new EventSource("/api/execution-trace/stream");return s.onopen=()=>p(!0),s.onerror=()=>p(!1),s.onmessage=r=>{try{JSON.parse(r.data).type==="execution-status"&&g.invalidateQueries({queryKey:["routing-events"]})}catch{}},()=>{s.close(),p(!1)}},[g]);const{data:m,isLoading:w}=C({queryKey:["routing-events",l],queryFn:()=>z(l),refetchInterval:1e4}),i=x.useMemo(()=>{if(!m)return[];if(!n.trim())return m;const s=n.toLowerCase();return m.filter(r=>{var o,a,d;return((o=r.prompt)==null?void 0:o.toLowerCase().includes(s))||((a=r.routed_to_name)==null?void 0:a.toLowerCase().includes(s))||((d=r.first_tool_name)==null?void 0:d.toLowerCase().includes(s))})},[m,n]),y=s=>{const r=M();if(s==="json")O(`routing-events-${r}.json`,i);else{const o=i.map(a=>{let d={};try{d=JSON.parse(a.intent_json||"{}")}catch{}return{id:a.id,ts:a.ts?j(a.ts,"yyyy-MM-dd HH:mm:ss"):"",prompt:a.prompt,taskType:d.taskType||"",complexity:d.complexity||"",routed_to:a.routed_to_name||"",obeyed:a.obeyed===1?"yes":a.obeyed===0?"no":"",first_tool:a.first_tool_name||"",duration_ms:a.total_execution_ms||"",refusal_reason:a.refusal_reason||""}});H(`routing-events-${r}.csv`,o)}b.success(`已导出 ${i.length} 条追踪记录`),h(!1)};return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-4 flex-wrap gap-3",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold text-gray-900",children:"执行追踪"}),e.jsx("div",{className:"flex items-center gap-2 mt-1",children:v?e.jsxs(e.Fragment,{children:[e.jsx(T,{className:"h-3 w-3 text-green-500"}),e.jsx("span",{className:"text-xs text-green-600",children:"实时流已连接"})]}):e.jsxs(e.Fragment,{children:[e.jsx(q,{className:"h-3 w-3 text-gray-400"}),e.jsx("span",{className:"text-xs text-gray-500",children:"实时流未连接"})]})})]}),e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsx(F,{value:n,onChange:f,placeholder:"搜索 prompt / agent / tool...",className:"w-56"}),e.jsx("div",{className:"flex items-center gap-1",children:A.map(s=>e.jsx("button",{onClick:()=>c(s.value),className:S("px-2.5 py-1.5 text-xs rounded-md",l===s.value?"bg-indigo-100 text-indigo-700":"bg-white text-gray-600 border border-gray-300 hover:bg-gray-50"),children:s.label},s.value))}),e.jsxs("div",{className:"relative",children:[e.jsxs("button",{onClick:()=>h(s=>!s),disabled:i.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(L,{className:"h-4 w-4"}),"导出"]}),N&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fixed inset-0 z-10",onClick:()=>h(!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:()=>y("json"),className:"block w-full text-left px-4 py-2 text-sm hover:bg-gray-50",children:"导出为 JSON"}),e.jsx("button",{onClick:()=>y("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:["显示 ",i.length," 条 ",n&&"（已过滤）"]}),e.jsx("div",{className:"bg-white rounded-lg shadow overflow-hidden",children:w?e.jsx("div",{className:"p-6",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.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:[i.map(s=>{let r={};try{r=JSON.parse(s.intent_json||"{}")}catch{}return e.jsxs("tr",{className:"hover:bg-gray-50 cursor-pointer",onClick:()=>u(s),children:[e.jsx("td",{className:"px-4 py-2 whitespace-nowrap text-xs font-mono text-gray-500",children:j(s.ts,"MM-dd HH:mm:ss")}),e.jsxs("td",{className:"px-4 py-2 max-w-xs",children:[e.jsx("p",{className:"text-xs text-gray-700 truncate",title:s.prompt,children:s.prompt}),e.jsxs("p",{className:"text-xs text-gray-400 mt-0.5",children:[r.taskType," / ",r.complexity]})]}),e.jsx("td",{className:"px-4 py-2 whitespace-nowrap",children:s.routed_to_name?e.jsx("span",{className:"px-2 py-0.5 text-xs font-medium bg-indigo-100 text-indigo-700 rounded",children:s.routed_to_name}):e.jsx("span",{className:"text-xs text-gray-400",children:"未路由"})}),e.jsx("td",{className:"px-4 py-2 whitespace-nowrap",children:s.obeyed===1?e.jsxs("span",{className:"inline-flex items-center gap-1 text-green-600 text-xs",children:[e.jsx($,{className:"h-4 w-4"}),"遵守"]}):s.obeyed===0?e.jsxs("span",{className:"inline-flex items-center gap-1 text-red-600 text-xs",children:[e.jsx(D,{className:"h-4 w-4"}),"违抗"]}):e.jsxs("span",{className:"inline-flex items-center gap-1 text-gray-400 text-xs",children:[e.jsx(Q,{className:"h-4 w-4"}),"?"]})}),e.jsx("td",{className:"px-4 py-2 whitespace-nowrap text-xs text-gray-700",children:s.first_tool_name||"-"}),e.jsx("td",{className:"px-4 py-2 whitespace-nowrap text-xs font-mono text-gray-500",children:s.total_execution_ms?`${(s.total_execution_ms/1e3).toFixed(1)}s`:"-"})]},s.id)}),i.length===0&&e.jsx("tr",{children:e.jsxs("td",{colSpan:6,className:"px-4 py-12 text-center text-gray-500",children:[e.jsx(W,{className:"h-12 w-12 text-gray-300 mx-auto mb-2"}),n?"无匹配结果":"暂无追踪记录"]})})]})]})}),e.jsx(k,{open:t!==null,onClose:()=>u(null),title:"路由决策详情",children:t&&(()=>{let s={};try{s=JSON.parse(t.intent_json||"{}")}catch{}return e.jsxs("div",{className:"space-y-4",children:[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:t.prompt})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"路由结果"}),e.jsx("div",{className:"text-sm font-medium",children:t.routed_to_name||"未路由"})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"遵守状态"}),e.jsxs("div",{children:[t.obeyed===1&&e.jsx("span",{className:"text-green-600 text-sm",children:"✅ 遵守"}),t.obeyed===0&&e.jsx("span",{className:"text-red-600 text-sm",children:"❌ 违抗"}),t.obeyed===null&&e.jsx("span",{className:"text-gray-400 text-sm",children:"未判定"})]})]})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"意图分类"}),e.jsx(E,{data:s,language:"json",maxHeight:"200px"})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-3 text-sm",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"首工具"}),e.jsx("div",{className:"font-mono",children:t.first_tool_name||"-"})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"分类耗时"}),e.jsxs("div",{className:"font-mono",children:[t.classification_ms,"ms"]})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"总执行时间"}),e.jsx("div",{className:"font-mono",children:t.total_execution_ms?`${(t.total_execution_ms/1e3).toFixed(2)}s`:"-"})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"完成原因"}),e.jsx("div",{children:t.completion_reason||"-"})]})]}),t.refusal_reason&&e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"违抗原因"}),e.jsx("div",{className:"bg-red-50 rounded p-3 text-sm text-red-700",children:t.refusal_reason})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"Session"}),e.jsx("div",{className:"text-xs font-mono text-gray-700",children:t.session_id})]})]})})()})]})}export{ee as default};
+//# sourceMappingURL=ExecutionTrace-sFZ_vHNf.js.map

package/dist/web/static/assets/ExecutionTrace-sFZ_vHNf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionTrace-sFZ_vHNf.js","sources":["../../src/pages/ExecutionTrace.tsx"],"sourcesContent":["import { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { useState, useEffect, useMemo } from 'react'\nimport { format } from 'date-fns'\nimport { CheckCircle, XCircle, HelpCircle, Activity, Wifi, WifiOff, 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 RoutingEvent {\n  id: number\n  session_id: string\n  project_path: string\n  ts: number\n  prompt: string\n  intent_json: string\n  routed_to_type: string\n  routed_to_name: string\n  is_forced: number\n  obeyed: number | null\n  classification_ms: number\n  fallback_used: number\n  refusal_reason: string | null\n  first_tool_name: string | null\n  first_tool_ts: number | null\n  completed_ts: number | null\n  total_execution_ms: number | null\n  completion_reason: string | null\n}\n\nasync function fetchRoutingEvents(filter?: string): Promise<RoutingEvent[]> {\n  let url = '/api/routing/events?limit=200'\n  if (filter === 'obeyed') url += '&obeyed=1'\n  else if (filter === 'refused') url += '&obeyed=0'\n  else if (filter === 'unknown') url += '&obeyed=null'\n  const res = await fetch(url)\n  if (!res.ok) throw new Error('Failed to fetch')\n  return res.json()\n}\n\nconst filters = [\n  { value: '', label: '全部' },\n  { value: 'obeyed', label: '✅ 遵守' },\n  { value: 'refused', label: '❌ 违抗' },\n  { value: 'unknown', label: '? 未判定' },\n]\n\nexport default function ExecutionTrace() {\n  const [filter, setFilter] = useState('')\n  const [search, setSearch] = useState('')\n  const [selectedEvent, setSelectedEvent] = useState<RoutingEvent | null>(null)\n  const [sseConnected, setSseConnected] = useState(false)\n  const [showExportMenu, setShowExportMenu] = useState(false)\n  const toast = useToast()\n  const queryClient = useQueryClient()\n\n  useEffect(() => {\n    const eventSource = new EventSource('/api/execution-trace/stream')\n    eventSource.onopen = () => setSseConnected(true)\n    eventSource.onerror = () => setSseConnected(false)\n    eventSource.onmessage = (e) => {\n      try {\n        const data = JSON.parse(e.data)\n        if (data.type === 'execution-status') {\n          queryClient.invalidateQueries({ queryKey: ['routing-events'] })\n        }\n      } catch { /* ignore */ }\n    }\n    return () => {\n      eventSource.close()\n      setSseConnected(false)\n    }\n  }, [queryClient])\n\n  const { data: events, isLoading } = useQuery({\n    queryKey: ['routing-events', filter],\n    queryFn: () => fetchRoutingEvents(filter),\n    refetchInterval: 10000,\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.prompt?.toLowerCase().includes(q) ||\n      e.routed_to_name?.toLowerCase().includes(q) ||\n      e.first_tool_name?.toLowerCase().includes(q)\n    )\n  }, [events, search])\n\n  const handleExport = (exportFormat: 'json' | 'csv') => {\n    const ts = getTimestamp()\n    if (exportFormat === 'json') {\n      downloadJSON(`routing-events-${ts}.json`, filteredEvents)\n    } else {\n      const flat = filteredEvents.map(e => {\n        let intent: { taskType?: string; complexity?: string } = {}\n        try { intent = JSON.parse(e.intent_json || '{}') } catch { /* ignore */ }\n        return {\n          id: e.id,\n          ts: e.ts ? format(e.ts, 'yyyy-MM-dd HH:mm:ss') : '',\n          prompt: e.prompt,\n          taskType: intent.taskType || '',\n          complexity: intent.complexity || '',\n          routed_to: e.routed_to_name || '',\n          obeyed: e.obeyed === 1 ? 'yes' : e.obeyed === 0 ? 'no' : '',\n          first_tool: e.first_tool_name || '',\n          duration_ms: e.total_execution_ms || '',\n          refusal_reason: e.refusal_reason || '',\n        }\n      })\n      downloadCSV(`routing-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        <div>\n          <h1 className=\"text-2xl font-bold text-gray-900\">执行追踪</h1>\n          <div className=\"flex items-center gap-2 mt-1\">\n            {sseConnected ? (\n              <>\n                <Wifi className=\"h-3 w-3 text-green-500\" />\n                <span className=\"text-xs text-green-600\">实时流已连接</span>\n              </>\n            ) : (\n              <>\n                <WifiOff className=\"h-3 w-3 text-gray-400\" />\n                <span className=\"text-xs text-gray-500\">实时流未连接</span>\n              </>\n            )}\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2 flex-wrap\">\n          <SearchInput\n            value={search}\n            onChange={setSearch}\n            placeholder=\"搜索 prompt / agent / tool...\"\n            className=\"w-56\"\n          />\n          <div className=\"flex items-center gap-1\">\n            {filters.map((f) => (\n              <button\n                key={f.value}\n                onClick={() => setFilter(f.value)}\n                className={clsx(\n                  'px-2.5 py-1.5 text-xs rounded-md',\n                  filter === f.value\n                    ? 'bg-indigo-100 text-indigo-700'\n                    : 'bg-white text-gray-600 border border-gray-300 hover:bg-gray-50'\n                )}\n              >\n                {f.label}\n              </button>\n            ))}\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\">加载中...</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                <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                let intent: any = {}\n                try { intent = JSON.parse(e.intent_json || '{}') } catch { /* ignore */ }\n                return (\n                  <tr\n                    key={e.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                      {format(e.ts, 'MM-dd HH:mm:ss')}\n                    </td>\n                    <td className=\"px-4 py-2 max-w-xs\">\n                      <p className=\"text-xs text-gray-700 truncate\" title={e.prompt}>{e.prompt}</p>\n                      <p className=\"text-xs text-gray-400 mt-0.5\">\n                        {intent.taskType} / {intent.complexity}\n                      </p>\n                    </td>\n                    <td className=\"px-4 py-2 whitespace-nowrap\">\n                      {e.routed_to_name ? (\n                        <span className=\"px-2 py-0.5 text-xs font-medium bg-indigo-100 text-indigo-700 rounded\">\n                          {e.routed_to_name}\n                        </span>\n                      ) : (\n                        <span className=\"text-xs text-gray-400\">未路由</span>\n                      )}\n                    </td>\n                    <td className=\"px-4 py-2 whitespace-nowrap\">\n                      {e.obeyed === 1 ? (\n                        <span className=\"inline-flex items-center gap-1 text-green-600 text-xs\">\n                          <CheckCircle className=\"h-4 w-4\" />遵守\n                        </span>\n                      ) : e.obeyed === 0 ? (\n                        <span className=\"inline-flex items-center gap-1 text-red-600 text-xs\">\n                          <XCircle className=\"h-4 w-4\" />违抗\n                        </span>\n                      ) : (\n                        <span className=\"inline-flex items-center gap-1 text-gray-400 text-xs\">\n                          <HelpCircle className=\"h-4 w-4\" />?\n                        </span>\n                      )}\n                    </td>\n                    <td className=\"px-4 py-2 whitespace-nowrap text-xs text-gray-700\">\n                      {e.first_tool_name || '-'}\n                    </td>\n                    <td className=\"px-4 py-2 whitespace-nowrap text-xs font-mono text-gray-500\">\n                      {e.total_execution_ms ? `${(e.total_execution_ms / 1000).toFixed(1)}s` : '-'}\n                    </td>\n                  </tr>\n                )\n              })}\n              {filteredEvents.length === 0 && (\n                <tr>\n                  <td colSpan={6} 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      <Drawer\n        open={selectedEvent !== null}\n        onClose={() => setSelectedEvent(null)}\n        title=\"路由决策详情\"\n      >\n        {selectedEvent && (() => {\n          let intent: any = {}\n          try { intent = JSON.parse(selectedEvent.intent_json || '{}') } catch { /* ignore */ }\n          return (\n            <div className=\"space-y-4\">\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.prompt}\n                </div>\n              </div>\n\n              <div className=\"grid grid-cols-2 gap-3\">\n                <div>\n                  <div className=\"text-xs text-gray-500 mb-1\">路由结果</div>\n                  <div className=\"text-sm font-medium\">\n                    {selectedEvent.routed_to_name || '未路由'}\n                  </div>\n                </div>\n                <div>\n                  <div className=\"text-xs text-gray-500 mb-1\">遵守状态</div>\n                  <div>\n                    {selectedEvent.obeyed === 1 && <span className=\"text-green-600 text-sm\">✅ 遵守</span>}\n                    {selectedEvent.obeyed === 0 && <span className=\"text-red-600 text-sm\">❌ 违抗</span>}\n                    {selectedEvent.obeyed === null && <span className=\"text-gray-400 text-sm\">未判定</span>}\n                  </div>\n                </div>\n              </div>\n\n              <div>\n                <div className=\"text-xs text-gray-500 mb-1\">意图分类</div>\n                <CodeBlock data={intent} language=\"json\" maxHeight=\"200px\" />\n              </div>\n\n              <div className=\"grid grid-cols-2 gap-3 text-sm\">\n                <div>\n                  <div className=\"text-xs text-gray-500 mb-1\">首工具</div>\n                  <div className=\"font-mono\">{selectedEvent.first_tool_name || '-'}</div>\n                </div>\n                <div>\n                  <div className=\"text-xs text-gray-500 mb-1\">分类耗时</div>\n                  <div className=\"font-mono\">{selectedEvent.classification_ms}ms</div>\n                </div>\n                <div>\n                  <div className=\"text-xs text-gray-500 mb-1\">总执行时间</div>\n                  <div className=\"font-mono\">\n                    {selectedEvent.total_execution_ms\n                      ? `${(selectedEvent.total_execution_ms / 1000).toFixed(2)}s`\n                      : '-'}\n                  </div>\n                </div>\n                <div>\n                  <div className=\"text-xs text-gray-500 mb-1\">完成原因</div>\n                  <div>{selectedEvent.completion_reason || '-'}</div>\n                </div>\n              </div>\n\n              {selectedEvent.refusal_reason && (\n                <div>\n                  <div className=\"text-xs text-gray-500 mb-1\">违抗原因</div>\n                  <div className=\"bg-red-50 rounded p-3 text-sm text-red-700\">\n                    {selectedEvent.refusal_reason}\n                  </div>\n                </div>\n              )}\n\n              <div>\n                <div className=\"text-xs text-gray-500 mb-1\">Session</div>\n                <div className=\"text-xs font-mono text-gray-700\">{selectedEvent.session_id}</div>\n              </div>\n            </div>\n          )\n        })()}\n      </Drawer>\n    </div>\n  )\n}\n"],"names":["fetchRoutingEvents","filter","url","res","filters","ExecutionTrace","setFilter","useState","search","setSearch","selectedEvent","setSelectedEvent","sseConnected","setSseConnected","showExportMenu","setShowExportMenu","toast","useToast","queryClient","useQueryClient","useEffect","eventSource","e","events","isLoading","useQuery","filteredEvents","useMemo","q","_a","_b","_c","handleExport","exportFormat","ts","getTimestamp","downloadJSON","flat","intent","format","downloadCSV","jsxs","jsx","Fragment","Wifi","WifiOff","SearchInput","f","clsx","v","Download","CheckCircle","XCircle","HelpCircle","Activity","Drawer","CodeBlock"],"mappings":"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"}

package/dist/web/static/assets/MarkdownRenderer-CCIz1MOz.js

@@ -0,0 +1,2 @@
+import{j as s}from"./react-vendor-CSp-GLFF.js";import{N as n,O as i}from"./vendor-CMMjVdZs.js";import{h as d,o as c}from"./syntax-highlighter-44FakypI.js";function p({content:m,className:x=""}){return s.jsx("div",{className:`prose prose-sm max-w-none ${x}`,children:s.jsx(n,{remarkPlugins:[i],components:{code({inline:e,className:t,children:r,...o}){const a=/language-(\w+)/.exec(t||""),l=a==null?void 0:a[1];return!e&&l?s.jsx(d,{style:c,language:l,PreTag:"div",customStyle:{margin:0,borderRadius:"6px",fontSize:"12px",padding:"12px"},...o,children:String(r).replace(/\n$/,"")}):s.jsx("code",{className:"bg-gray-100 text-gray-800 px-1 py-0.5 rounded text-xs font-mono",...o,children:r})},h1:({children:e})=>s.jsx("h1",{className:"text-lg font-bold text-gray-900 mt-4 mb-2",children:e}),h2:({children:e})=>s.jsx("h2",{className:"text-base font-bold text-gray-900 mt-3 mb-2",children:e}),h3:({children:e})=>s.jsx("h3",{className:"text-sm font-semibold text-gray-900 mt-2 mb-1",children:e}),p:({children:e})=>s.jsx("p",{className:"text-sm text-gray-700 my-2",children:e}),ul:({children:e})=>s.jsx("ul",{className:"list-disc list-inside text-sm text-gray-700 my-2 space-y-0.5",children:e}),ol:({children:e})=>s.jsx("ol",{className:"list-decimal list-inside text-sm text-gray-700 my-2 space-y-0.5",children:e}),li:({children:e})=>s.jsx("li",{className:"text-sm",children:e}),a:({children:e,href:t})=>s.jsx("a",{href:t,target:"_blank",rel:"noopener noreferrer",className:"text-indigo-600 hover:text-indigo-700 underline",children:e}),blockquote:({children:e})=>s.jsx("blockquote",{className:"border-l-4 border-gray-300 pl-3 italic text-gray-600 my-2",children:e}),table:({children:e})=>s.jsx("div",{className:"overflow-x-auto my-2",children:s.jsx("table",{className:"min-w-full border border-gray-200 text-sm",children:e})}),th:({children:e})=>s.jsx("th",{className:"border border-gray-200 px-2 py-1 bg-gray-50 font-semibold text-left",children:e}),td:({children:e})=>s.jsx("td",{className:"border border-gray-200 px-2 py-1",children:e})},children:m})})}export{p as M};
+//# sourceMappingURL=MarkdownRenderer-CCIz1MOz.js.map

package/dist/web/static/assets/MarkdownRenderer-CCIz1MOz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer-CCIz1MOz.js","sources":["../../src/components/MarkdownRenderer.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"],"names":["MarkdownRenderer","content","className","jsx","ReactMarkdown","remarkGfm","inline","children","props","match","lang","SyntaxHighlighter","oneLight","href"],"mappings":"2JAUA,SAAwBA,EAAiB,CAAE,QAAAC,EAAS,UAAAC,EAAY,IAAa,CAC3E,OACEC,EAAAA,IAAC,MAAA,CAAI,UAAW,6BAA6BD,CAAS,GACpD,SAAAC,EAAAA,IAACC,EAAA,CACC,cAAe,CAACC,CAAS,EACzB,WAAY,CACV,KAAK,CAAE,OAAAC,EAAQ,UAAAJ,EAAW,SAAAK,EAAU,GAAGC,GAAc,CACnD,MAAMC,EAAQ,iBAAiB,KAAKP,GAAa,EAAE,EAC7CQ,EAAOD,GAAA,YAAAA,EAAQ,GACrB,MAAI,CAACH,GAAUI,EAEXP,EAAAA,IAACQ,EAAA,CACC,MAAOC,EACP,SAAUF,EACV,OAAO,MACP,YAAa,CACX,OAAQ,EACR,aAAc,MACd,SAAU,OACV,QAAS,MAAA,EAEV,GAAGF,EAEH,SAAA,OAAOD,CAAQ,EAAE,QAAQ,MAAO,EAAE,CAAA,CAAA,EAKvCJ,EAAAA,IAAC,OAAA,CACC,UAAU,kEACT,GAAGK,EAEH,SAAAD,CAAA,CAAA,CAGP,EACA,GAAI,CAAC,CAAE,SAAAA,CAAA,IAAeJ,EAAAA,IAAC,KAAA,CAAG,UAAU,4CAA6C,SAAAI,EAAS,EAC1F,GAAI,CAAC,CAAE,SAAAA,CAAA,IAAeJ,EAAAA,IAAC,KAAA,CAAG,UAAU,8CAA+C,SAAAI,EAAS,EAC5F,GAAI,CAAC,CAAE,SAAAA,CAAA,IAAeJ,EAAAA,IAAC,KAAA,CAAG,UAAU,gDAAiD,SAAAI,EAAS,EAC9F,EAAG,CAAC,CAAE,SAAAA,CAAA,IAAeJ,EAAAA,IAAC,IAAA,CAAE,UAAU,6BAA8B,SAAAI,EAAS,EACzE,GAAI,CAAC,CAAE,SAAAA,CAAA,IAAeJ,EAAAA,IAAC,KAAA,CAAG,UAAU,+DAAgE,SAAAI,EAAS,EAC7G,GAAI,CAAC,CAAE,SAAAA,CAAA,IAAeJ,EAAAA,IAAC,KAAA,CAAG,UAAU,kEAAmE,SAAAI,EAAS,EAChH,GAAI,CAAC,CAAE,SAAAA,CAAA,IAAeJ,EAAAA,IAAC,KAAA,CAAG,UAAU,UAAW,SAAAI,EAAS,EACxD,EAAG,CAAC,CAAE,SAAAA,EAAU,KAAAM,KACdV,EAAAA,IAAC,IAAA,CAAE,KAAAU,EAAY,OAAO,SAAS,IAAI,sBAAsB,UAAU,kDAChE,SAAAN,EACH,EAEF,WAAY,CAAC,CAAE,SAAAA,CAAA,IACbJ,EAAAA,IAAC,aAAA,CAAW,UAAU,4DACnB,SAAAI,EACH,EAEF,MAAO,CAAC,CAAE,SAAAA,CAAA,IACRJ,EAAAA,IAAC,MAAA,CAAI,UAAU,uBACb,SAAAA,EAAAA,IAAC,QAAA,CAAM,UAAU,4CAA6C,SAAAI,EAAS,EACzE,EAEF,GAAI,CAAC,CAAE,SAAAA,CAAA,IAAeJ,EAAAA,IAAC,KAAA,CAAG,UAAU,sEAAuE,SAAAI,EAAS,EACpH,GAAI,CAAC,CAAE,SAAAA,KAAeJ,EAAAA,IAAC,KAAA,CAAG,UAAU,mCAAoC,SAAAI,CAAA,CAAS,CAAA,EAGlF,SAAAN,CAAA,CAAA,EAEL,CAEJ"}

package/dist/web/static/assets/Methodologies-C0-Keokj.js

@@ -0,0 +1,5 @@
+import{r as b,j as e}from"./react-vendor-CSp-GLFF.js";import{b as P,u as C,c as E}from"./query-C99w429o.js";import{b as q,L as M}from"./react-router-I-HqunH7.js";import{d as p}from"./vendor-CMMjVdZs.js";import{u as $,a as D}from"./index-D23sAOAt.js";import{P as K,G as I,C as _,n as T,g as F,c as Q,e as O,d as R,o as H,p as B,f as S}from"./lucide-DjB4fWNj.js";import{a as L,z as U}from"./date-fns-CZ_bHujz.js";import"./syntax-highlighter-44FakypI.js";async function X(){const t=await fetch("/api/methodology-executions?limit=50");if(!t.ok)throw new Error("Failed to fetch");return t.json()}async function z(){const t=await fetch("/api/methodologies");if(!t.ok)throw new Error("Failed to fetch methodologies");return t.json()}async function G(){const t=await fetch("/api/worker-auth-status");if(!t.ok)throw new Error("Failed to fetch worker auth status");return t.json()}async function J(t){const a=await fetch(`/api/methodology-executions/${t}/cancel`,{method:"POST"});if(!a.ok){const l=await a.json().catch(()=>({}));throw new Error(l.error||"Cancel failed")}}async function Y(t){if(!(await fetch(`/api/methodology-executions/${t}`,{method:"DELETE"})).ok)throw new Error("Delete failed")}async function W(t){const a=await fetch("/api/methodology-executions",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});if(!a.ok){const l=await a.json().catch(()=>({})),i=new Error(l.error||`Start failed (HTTP ${a.status})`);throw typeof l.code=="string"&&(i.code=l.code),i}return a.json()}const V={"harness-engineering":"Harness Engineering",bmad:"BMad (敏捷开发)"};function ie(){const t=P(),a=$(),l=D(),i=q(),[j,d]=b.useState(!1),{data:r,isLoading:g,error:f}=C({queryKey:["methodology-executions"],queryFn:X,refetchInterval:5e3}),{data:c}=C({queryKey:["methodologies"],queryFn:z}),{data:N}=C({queryKey:["worker-auth-status"],queryFn:G,staleTime:3e4}),m=E({mutationFn:J,onSuccess:()=>{a.success("方法论执行已取消"),t.invalidateQueries({queryKey:["methodology-executions"]})},onError:s=>a.error(`取消失败: ${s.message}`)}),y=E({mutationFn:Y,onSuccess:()=>{a.success("记录已删除"),t.invalidateQueries({queryKey:["methodology-executions"]})},onError:s=>a.error(`删除失败: ${s.message}`)}),x=E({mutationFn:W,onSuccess:s=>{a.success(`已启动执行 #${s.id}`),d(!1),t.invalidateQueries({queryKey:["methodology-executions"]}),t.invalidateQueries({queryKey:["worker-auth-status"]})},onError:async s=>{const o=s.message||"";if(s.code==="AUTH_REQUIRED"||o.includes("Background mode requires")||o.includes("AUTH_REQUIRED")){t.invalidateQueries({queryKey:["worker-auth-status"]}),await l({title:"需要配置 Claude API",message:`后台模式需要 Claude API 认证（ANTHROPIC_API_KEY 或 OAuth）。
+请先在 AI 配置页设置后再启动执行。
+
+详细信息：${o}`,confirmText:"去 AI 配置",cancelText:"留在此页",variant:"warning"})&&(d(!1),i("/ai-config"));return}a.error(`启动失败: ${o}`)}}),h=async s=>{await l({title:"取消方法论执行",message:"确定要取消这个运行中的方法论吗？已完成的阶段不会受影响，但当前进行中的阶段将停止。",confirmText:"确认取消",variant:"warning"})&&m.mutate(s)},w=async s=>{await l({title:"删除执行记录",message:"确定要删除这条方法论执行记录吗？此操作不可恢复。",confirmText:"删除",variant:"danger"})&&y.mutate(s)};if(g)return 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:"加载中..."})})]});if(f)return 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:["加载失败: ",f.message]})})]});const u=(r==null?void 0:r.filter(s=>s.status==="running").length)||0,n=(r==null?void 0:r.filter(s=>s.status==="completed").length)||0;return 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:"方法论执行"}),e.jsxs("div",{className:"flex items-center gap-4 text-sm",children:[e.jsxs("span",{className:"text-gray-500",children:["共 ",(r==null?void 0:r.length)||0," 个实例"]}),u>0&&e.jsxs("span",{className:"text-blue-600",children:["· 运行中 ",u]}),n>0&&e.jsxs("span",{className:"text-green-600",children:["· 已完成 ",n]}),e.jsxs("button",{onClick:()=>d(!0),className:"ml-3 inline-flex items-center gap-1 px-3 py-1.5 text-sm bg-indigo-600 text-white rounded-md hover:bg-indigo-700",children:[e.jsx(K,{className:"h-4 w-4"})," 新建执行"]})]})]}),j&&e.jsx(Z,{methodologies:c??[],authStatus:N??null,onCancel:()=>d(!1),onSubmit:s=>x.mutate(s),onGoToAIConfig:()=>{d(!1),i("/ai-config")},submitting:x.isPending}),e.jsxs("div",{className:"space-y-4",children:[r==null?void 0:r.map(s=>{const o=JSON.parse(s.plan_json),v=o.phases[s.current_phase_index],A=s.status==="completed"?100:Math.round(s.current_phase_index/o.phases.length*100);return e.jsx("div",{className:"bg-white rounded-lg shadow",children:e.jsxs("div",{className:"p-6 flex items-start justify-between gap-4",children:[e.jsxs(M,{to:`/methodologies/${s.id}`,className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-2",children:[e.jsx(I,{className:"h-5 w-5 text-indigo-600 flex-shrink-0"}),e.jsx("h3",{className:"text-lg font-semibold text-gray-900",children:V[s.methodology_id]||s.methodology_id}),e.jsxs("span",{className:p("px-2 py-1 text-xs font-medium rounded-full",s.status==="running"&&"bg-blue-100 text-blue-700",s.status==="completed"&&"bg-green-100 text-green-700",s.status==="failed"&&"bg-red-100 text-red-700",s.status==="cancelled"&&"bg-gray-100 text-gray-600"),children:[s.status==="running"&&"运行中",s.status==="completed"&&"已完成",s.status==="failed"&&"失败",s.status==="cancelled"&&"已取消"]}),s.mode&&e.jsxs("span",{className:p("inline-flex items-center gap-1 px-2 py-1 text-xs font-medium rounded-full",s.mode==="background"?"bg-purple-100 text-purple-700":"bg-sky-100 text-sky-700"),title:s.mode==="background"?"独立 claude -p 子进程":"主会话内执行",children:[s.mode==="background"?e.jsx(_,{className:"h-3 w-3"}):e.jsx(T,{className:"h-3 w-3"}),s.mode==="background"?"后台":"前台"]})]}),e.jsxs("p",{className:"text-sm text-gray-600 mb-3 font-mono",children:["Session: ",s.session_id.slice(0,12),"..."]}),e.jsx("div",{className:"w-full bg-gray-200 rounded-full h-1.5 mb-3",children:e.jsx("div",{className:p("h-1.5 rounded-full transition-all",s.status==="completed"?"bg-green-500":s.status==="cancelled"?"bg-gray-400":"bg-indigo-600"),style:{width:`${A}%`}})}),e.jsxs("div",{className:"flex items-center gap-4 text-sm text-gray-500",children:[e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(F,{className:"h-4 w-4"}),L(s.started_at,{addSuffix:!0,locale:U})]}),s.status==="running"&&v&&e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(Q,{className:"h-4 w-4"}),"Phase ",s.current_phase_index+1,"/",o.phases.length,": ",v.id]}),s.status==="completed"&&e.jsxs("div",{className:"flex items-center gap-1 text-green-600",children:[e.jsx(O,{className:"h-4 w-4"}),"完成 ",o.phases.length," 个阶段"]}),s.status==="cancelled"&&e.jsxs("div",{className:"flex items-center gap-1 text-gray-500",children:[e.jsx(R,{className:"h-4 w-4"}),"已取消于 Phase ",s.current_phase_index+1]})]})]}),e.jsxs("div",{className:"flex items-center gap-1 flex-shrink-0",children:[s.status==="running"&&e.jsx("button",{onClick:k=>{k.preventDefault(),h(s.id)},className:"p-2 text-orange-600 hover:bg-orange-50 rounded-md",title:"取消执行",children:e.jsx(H,{className:"h-4 w-4"})}),s.status!=="running"&&e.jsx("button",{onClick:k=>{k.preventDefault(),w(s.id)},className:"p-2 text-gray-500 hover:bg-red-50 hover:text-red-600 rounded-md",title:"删除记录",children:e.jsx(B,{className:"h-4 w-4"})})]})]})},s.id)}),(!r||r.length===0)&&e.jsxs("div",{className:"bg-white rounded-lg shadow p-12 text-center",children:[e.jsx(I,{className:"h-12 w-12 text-gray-400 mx-auto mb-4"}),e.jsx("p",{className:"text-gray-600",children:"暂无方法论执行记录"}),e.jsx("p",{className:"text-xs text-gray-500 mt-2",children:'当你输入复杂任务（如"重构 XXX 模块"）时，系统会自动匹配方法论并生成执行计划'})]})]})]})}function Z({methodologies:t,authStatus:a,submitting:l,onSubmit:i,onCancel:j,onGoToAIConfig:d}){var u;const r=`manual-${Date.now().toString(36)}`,[g,f]=b.useState(r),[c,N]=b.useState(((u=t[0])==null?void 0:u.id)??""),[m,y]=b.useState("background"),x=a!==null&&a.available===!1,h=x&&m==="background",w=n=>{n.preventDefault(),!(!g.trim()||!c)&&(h||i({session_id:g.trim(),methodology_id:c,mode:m}))};return e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4",children:e.jsxs("form",{onSubmit:w,className:"w-full max-w-md bg-white rounded-lg shadow-xl border border-gray-200",children:[e.jsxs("div",{className:"px-5 py-4 border-b border-gray-100",children:[e.jsx("h2",{className:"text-lg font-semibold text-gray-900",children:"新建方法论执行"}),e.jsx("p",{className:"text-xs text-gray-500 mt-0.5",children:"选择方法论模板和执行模式"})]}),e.jsxs("div",{className:"px-5 py-4 space-y-4 text-sm",children:[e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"text-gray-700",children:"方法论"}),e.jsxs("select",{className:"mt-1 w-full border border-gray-300 rounded-md px-2 py-1.5",value:c,onChange:n=>N(n.target.value),required:!0,children:[t.length===0&&e.jsx("option",{value:"",children:"（未发现方法论）"}),t.map(n=>e.jsx("option",{value:n.id,children:n.name||n.id},n.id))]})]}),e.jsxs("label",{className:"block",children:[e.jsx("span",{className:"text-gray-700",children:"Session ID"}),e.jsx("input",{type:"text",className:"mt-1 w-full border border-gray-300 rounded-md px-2 py-1.5 font-mono text-xs",value:g,onChange:n=>f(n.target.value),required:!0}),e.jsx("span",{className:"mt-1 block text-xs text-gray-500",children:"后台模式下用于追踪；建议保留默认或自定义一个可识别值"})]}),e.jsxs("div",{children:[e.jsx("span",{className:"text-gray-700",children:"执行模式"}),e.jsxs("div",{className:"mt-2 grid grid-cols-2 gap-2",children:[e.jsxs("button",{type:"button",onClick:()=>y("background"),className:p("rounded-md border px-3 py-2 text-left",m==="background"?"border-indigo-500 bg-indigo-50":"border-gray-200 hover:border-gray-300",x&&"ring-1 ring-amber-200"),children:[e.jsxs("div",{className:"flex items-center gap-2 font-medium text-gray-900",children:[e.jsx(_,{className:"h-4 w-4 text-purple-600"})," 后台",x&&e.jsx("span",{className:"ml-auto text-[10px] font-normal text-amber-700 bg-amber-100 px-1.5 py-0.5 rounded",children:"需先配置 API"})]}),e.jsx("p",{className:"text-xs text-gray-500 mt-1",children:"独立 claude -p 子进程，无需用户在主会话输入"})]}),e.jsxs("button",{type:"button",onClick:()=>y("foreground"),className:p("rounded-md border px-3 py-2 text-left",m==="foreground"?"border-indigo-500 bg-indigo-50":"border-gray-200 hover:border-gray-300"),children:[e.jsxs("div",{className:"flex items-center gap-2 font-medium text-gray-900",children:[e.jsx(T,{className:"h-4 w-4 text-sky-600"})," 前台"]}),e.jsxs("p",{className:"text-xs text-amber-700 mt-1 flex items-start gap-1",children:[e.jsx(S,{className:"h-3.5 w-3.5 mt-0.5 shrink-0"}),e.jsxs("span",{children:["需要你在主会话里输入任意内容才会推进；期间可用 ",e.jsx("code",{className:"px-1 rounded bg-amber-50",children:"/forge methodology status"})," 查看"]})]})]})]})]}),h&&e.jsx("div",{className:"rounded-md border border-amber-300 bg-amber-50 px-3 py-2 text-xs text-amber-800",children:e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(S,{className:"h-4 w-4 mt-0.5 shrink-0 text-amber-600"}),e.jsxs("div",{className:"flex-1 space-y-1",children:[e.jsx("div",{className:"font-medium",children:"后台模式需要 Claude API 认证"}),e.jsxs("div",{className:"text-amber-700",children:["未检测到 ",e.jsx("code",{className:"px-1 rounded bg-amber-100",children:"ANTHROPIC_API_KEY"})," 或 OAuth 凭据",a!=null&&a.message?`（${a.message}）`:"","。 请先在 AI 配置页完成设置，或切换到前台模式。"]}),e.jsx("button",{type:"button",onClick:d,className:"mt-1 inline-flex items-center gap-1 px-2 py-1 text-xs font-medium text-white bg-amber-600 rounded hover:bg-amber-700",children:"去 AI 配置"})]})]})})]}),e.jsxs("div",{className:"px-5 py-3 border-t border-gray-100 flex justify-end gap-2",children:[e.jsx("button",{type:"button",onClick:j,className:"px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100 rounded-md",children:"取消"}),e.jsx("button",{type:"submit",disabled:l||!c||h,title:h?"后台模式需要先配置 Claude API":void 0,className:"inline-flex items-center gap-1 px-3 py-1.5 text-sm bg-indigo-600 text-white rounded-md hover:bg-indigo-700 disabled:opacity-50 disabled:cursor-not-allowed",children:l?"启动中...":"启动"})]})]})})}export{ie as default};
+//# sourceMappingURL=Methodologies-C0-Keokj.js.map

package/dist/web/static/assets/Methodologies-C0-Keokj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Methodologies-C0-Keokj.js","sources":["../../src/pages/Methodologies.tsx"],"sourcesContent":["import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'\nimport { Link, useNavigate } from 'react-router-dom'\nimport { useState } from 'react'\nimport { formatDistanceToNow } from 'date-fns'\nimport { zhCN } from 'date-fns/locale'\nimport { GitBranch, Clock, CheckCircle, AlertCircle, XCircle, Trash2, StopCircle, Plus, Monitor, Cpu, AlertTriangle } from 'lucide-react'\nimport clsx from 'clsx'\nimport { useToast } from '../components/Toast'\nimport { useConfirm } from '../components/Confirm'\n\ninterface MethodologyExecution {\n  id: number\n  session_id: string\n  methodology_id: string\n  plan_json: string\n  current_phase_index: number\n  status: 'running' | 'completed' | 'failed' | 'cancelled'\n  mode?: 'foreground' | 'background'\n  worker_pid?: number | null\n  worker_session_id?: string | null\n  started_at: number\n  completed_at: number | null\n}\n\ninterface MethodologyMeta {\n  id: string\n  name: string\n  description?: string\n}\n\ninterface WorkerAuthStatus {\n  available: boolean\n  method: 'api-key-env' | 'oauth-token' | 'keychain' | 'unknown' | 'none'\n  message: string\n}\n\nasync function fetchMethodologyExecutions(): Promise<MethodologyExecution[]> {\n  const res = await fetch('/api/methodology-executions?limit=50')\n  if (!res.ok) throw new Error('Failed to fetch')\n  return res.json()\n}\n\nasync function fetchMethodologies(): Promise<MethodologyMeta[]> {\n  const res = await fetch('/api/methodologies')\n  if (!res.ok) throw new Error('Failed to fetch methodologies')\n  return res.json()\n}\n\nasync function fetchWorkerAuthStatus(): Promise<WorkerAuthStatus> {\n  const res = await fetch('/api/worker-auth-status')\n  if (!res.ok) throw new Error('Failed to fetch worker auth status')\n  return res.json()\n}\n\nasync function cancelExecution(id: number): Promise<void> {\n  const res = await fetch(`/api/methodology-executions/${id}/cancel`, { method: 'POST' })\n  if (!res.ok) {\n    const data = await res.json().catch(() => ({}))\n    throw new Error(data.error || 'Cancel failed')\n  }\n}\n\nasync function deleteExecution(id: number): Promise<void> {\n  const res = await fetch(`/api/methodology-executions/${id}`, { method: 'DELETE' })\n  if (!res.ok) throw new Error('Delete failed')\n}\n\nasync function startExecution(payload: {\n  session_id: string\n  methodology_id: string\n  mode: 'foreground' | 'background'\n}): Promise<{ id: number }> {\n  const res = await fetch('/api/methodology-executions', {\n    method: 'POST',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify(payload),\n  })\n  if (!res.ok) {\n    const data = await res.json().catch(() => ({}))\n    const err = new Error(data.error || `Start failed (HTTP ${res.status})`) as Error & { code?: string }\n    if (typeof data.code === 'string') err.code = data.code\n    throw err\n  }\n  return res.json()\n}\n\nconst methodologyNames: Record<string, string> = {\n  'harness-engineering': 'Harness Engineering',\n  'bmad': 'BMad (敏捷开发)',\n}\n\nexport default function Methodologies() {\n  const queryClient = useQueryClient()\n  const toast = useToast()\n  const confirm = useConfirm()\n  const navigate = useNavigate()\n  const [showStart, setShowStart] = useState(false)\n\n  const { data: executions, isLoading, error } = useQuery({\n    queryKey: ['methodology-executions'],\n    queryFn: fetchMethodologyExecutions,\n    refetchInterval: 5000,\n  })\n\n  const { data: methodologies } = useQuery({\n    queryKey: ['methodologies'],\n    queryFn: fetchMethodologies,\n  })\n\n  const { data: authStatus } = useQuery({\n    queryKey: ['worker-auth-status'],\n    queryFn: fetchWorkerAuthStatus,\n    // 只在打开 Modal 时或进入页面时查一次；后续可手动刷新\n    staleTime: 30_000,\n  })\n\n  const cancelMutation = useMutation({\n    mutationFn: cancelExecution,\n    onSuccess: () => {\n      toast.success('方法论执行已取消')\n      queryClient.invalidateQueries({ queryKey: ['methodology-executions'] })\n    },\n    onError: (e: Error) => toast.error(`取消失败: ${e.message}`),\n  })\n\n  const deleteMutation = useMutation({\n    mutationFn: deleteExecution,\n    onSuccess: () => {\n      toast.success('记录已删除')\n      queryClient.invalidateQueries({ queryKey: ['methodology-executions'] })\n    },\n    onError: (e: Error) => toast.error(`删除失败: ${e.message}`),\n  })\n\n  const startMutation = useMutation({\n    mutationFn: startExecution,\n    onSuccess: (data) => {\n      toast.success(`已启动执行 #${data.id}`)\n      setShowStart(false)\n      queryClient.invalidateQueries({ queryKey: ['methodology-executions'] })\n      // 成功启动后顺手刷新 auth 状态（虽然理论上没变，但保持一致）\n      queryClient.invalidateQueries({ queryKey: ['worker-auth-status'] })\n    },\n    onError: async (e: Error & { code?: string }) => {\n      const msg = e.message || ''\n      const isAuthError =\n        e.code === 'AUTH_REQUIRED' ||\n        msg.includes('Background mode requires') ||\n        msg.includes('AUTH_REQUIRED')\n      if (isAuthError) {\n        // 提前刷一下认证状态，确保 Modal 下次打开时 banner 即时更新\n        queryClient.invalidateQueries({ queryKey: ['worker-auth-status'] })\n        const go = await confirm({\n          title: '需要配置 Claude API',\n          message:\n            '后台模式需要 Claude API 认证（ANTHROPIC_API_KEY 或 OAuth）。\\n' +\n            '请先在 AI 配置页设置后再启动执行。\\n\\n' +\n            `详细信息：${msg}`,\n          confirmText: '去 AI 配置',\n          cancelText: '留在此页',\n          variant: 'warning',\n        })\n        if (go) {\n          setShowStart(false)\n          navigate('/ai-config')\n        }\n        return\n      }\n      toast.error(`启动失败: ${msg}`)\n    },\n  })\n\n  const handleCancel = async (id: number) => {\n    const ok = await confirm({\n      title: '取消方法论执行',\n      message: '确定要取消这个运行中的方法论吗？已完成的阶段不会受影响，但当前进行中的阶段将停止。',\n      confirmText: '确认取消',\n      variant: 'warning',\n    })\n    if (ok) cancelMutation.mutate(id)\n  }\n\n  const handleDelete = async (id: number) => {\n    const ok = await confirm({\n      title: '删除执行记录',\n      message: '确定要删除这条方法论执行记录吗？此操作不可恢复。',\n      confirmText: '删除',\n      variant: 'danger',\n    })\n    if (ok) deleteMutation.mutate(id)\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  const runningCount = executions?.filter(e => e.status === 'running').length || 0\n  const completedCount = executions?.filter(e => e.status === 'completed').length || 0\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\">方法论执行</h1>\n        <div className=\"flex items-center gap-4 text-sm\">\n          <span className=\"text-gray-500\">共 {executions?.length || 0} 个实例</span>\n          {runningCount > 0 && <span className=\"text-blue-600\">· 运行中 {runningCount}</span>}\n          {completedCount > 0 && <span className=\"text-green-600\">· 已完成 {completedCount}</span>}\n          <button\n            onClick={() => setShowStart(true)}\n            className=\"ml-3 inline-flex items-center gap-1 px-3 py-1.5 text-sm bg-indigo-600 text-white rounded-md hover:bg-indigo-700\"\n          >\n            <Plus className=\"h-4 w-4\" /> 新建执行\n          </button>\n        </div>\n      </div>\n\n      {showStart && (\n        <StartExecutionModal\n          methodologies={methodologies ?? []}\n          authStatus={authStatus ?? null}\n          onCancel={() => setShowStart(false)}\n          onSubmit={(payload) => startMutation.mutate(payload)}\n          onGoToAIConfig={() => {\n            setShowStart(false)\n            navigate('/ai-config')\n          }}\n          submitting={startMutation.isPending}\n        />\n      )}\n\n      <div className=\"space-y-4\">\n        {executions?.map((execution) => {\n          const plan = JSON.parse(execution.plan_json)\n          const currentPhase = plan.phases[execution.current_phase_index]\n          const progress = execution.status === 'completed'\n            ? 100\n            : Math.round((execution.current_phase_index / plan.phases.length) * 100)\n\n          return (\n            <div key={execution.id} className=\"bg-white rounded-lg shadow\">\n              <div className=\"p-6 flex items-start justify-between gap-4\">\n                <Link to={`/methodologies/${execution.id}`} className=\"flex-1 min-w-0\">\n                  <div className=\"flex items-center gap-3 mb-2\">\n                    <GitBranch className=\"h-5 w-5 text-indigo-600 flex-shrink-0\" />\n                    <h3 className=\"text-lg font-semibold text-gray-900\">\n                      {methodologyNames[execution.methodology_id] || execution.methodology_id}\n                    </h3>\n                    <span className={clsx(\n                      'px-2 py-1 text-xs font-medium rounded-full',\n                      execution.status === 'running' && 'bg-blue-100 text-blue-700',\n                      execution.status === 'completed' && 'bg-green-100 text-green-700',\n                      execution.status === 'failed' && 'bg-red-100 text-red-700',\n                      execution.status === 'cancelled' && 'bg-gray-100 text-gray-600'\n                    )}>\n                      {execution.status === 'running' && '运行中'}\n                      {execution.status === 'completed' && '已完成'}\n                      {execution.status === 'failed' && '失败'}\n                      {execution.status === 'cancelled' && '已取消'}\n                    </span>\n                    {execution.mode && (\n                      <span\n                        className={clsx(\n                          'inline-flex items-center gap-1 px-2 py-1 text-xs font-medium rounded-full',\n                          execution.mode === 'background'\n                            ? 'bg-purple-100 text-purple-700'\n                            : 'bg-sky-100 text-sky-700'\n                        )}\n                        title={execution.mode === 'background' ? '独立 claude -p 子进程' : '主会话内执行'}\n                      >\n                        {execution.mode === 'background' ? <Cpu className=\"h-3 w-3\" /> : <Monitor className=\"h-3 w-3\" />}\n                        {execution.mode === 'background' ? '后台' : '前台'}\n                      </span>\n                    )}\n                  </div>\n\n                  <p className=\"text-sm text-gray-600 mb-3 font-mono\">\n                    Session: {execution.session_id.slice(0, 12)}...\n                  </p>\n\n                  {/* Progress bar */}\n                  <div className=\"w-full bg-gray-200 rounded-full h-1.5 mb-3\">\n                    <div\n                      className={clsx(\n                        'h-1.5 rounded-full transition-all',\n                        execution.status === 'completed' ? 'bg-green-500' :\n                        execution.status === 'cancelled' ? 'bg-gray-400' : 'bg-indigo-600'\n                      )}\n                      style={{ width: `${progress}%` }}\n                    />\n                  </div>\n\n                  <div className=\"flex items-center gap-4 text-sm text-gray-500\">\n                    <div className=\"flex items-center gap-1\">\n                      <Clock className=\"h-4 w-4\" />\n                      {formatDistanceToNow(execution.started_at, { addSuffix: true, locale: zhCN })}\n                    </div>\n                    {execution.status === 'running' && currentPhase && (\n                      <div className=\"flex items-center gap-1\">\n                        <AlertCircle className=\"h-4 w-4\" />\n                        Phase {execution.current_phase_index + 1}/{plan.phases.length}: {currentPhase.id}\n                      </div>\n                    )}\n                    {execution.status === 'completed' && (\n                      <div className=\"flex items-center gap-1 text-green-600\">\n                        <CheckCircle className=\"h-4 w-4\" />\n                        完成 {plan.phases.length} 个阶段\n                      </div>\n                    )}\n                    {execution.status === 'cancelled' && (\n                      <div className=\"flex items-center gap-1 text-gray-500\">\n                        <XCircle className=\"h-4 w-4\" />\n                        已取消于 Phase {execution.current_phase_index + 1}\n                      </div>\n                    )}\n                  </div>\n                </Link>\n\n                {/* Actions */}\n                <div className=\"flex items-center gap-1 flex-shrink-0\">\n                  {execution.status === 'running' && (\n                    <button\n                      onClick={(e) => {\n                        e.preventDefault()\n                        handleCancel(execution.id)\n                      }}\n                      className=\"p-2 text-orange-600 hover:bg-orange-50 rounded-md\"\n                      title=\"取消执行\"\n                    >\n                      <StopCircle className=\"h-4 w-4\" />\n                    </button>\n                  )}\n                  {execution.status !== 'running' && (\n                    <button\n                      onClick={(e) => { e.preventDefault(); handleDelete(execution.id) }}\n                      className=\"p-2 text-gray-500 hover:bg-red-50 hover:text-red-600 rounded-md\"\n                      title=\"删除记录\"\n                    >\n                      <Trash2 className=\"h-4 w-4\" />\n                    </button>\n                  )}\n                </div>\n              </div>\n            </div>\n          )\n        })}\n\n        {(!executions || executions.length === 0) && (\n          <div className=\"bg-white rounded-lg shadow p-12 text-center\">\n            <GitBranch className=\"h-12 w-12 text-gray-400 mx-auto mb-4\" />\n            <p className=\"text-gray-600\">暂无方法论执行记录</p>\n            <p className=\"text-xs text-gray-500 mt-2\">\n              当你输入复杂任务（如\"重构 XXX 模块\"）时，系统会自动匹配方法论并生成执行计划\n            </p>\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\ninterface StartExecutionModalProps {\n  methodologies: MethodologyMeta[]\n  authStatus: WorkerAuthStatus | null\n  submitting: boolean\n  onSubmit: (payload: { session_id: string; methodology_id: string; mode: 'foreground' | 'background' }) => void\n  onCancel: () => void\n  onGoToAIConfig: () => void\n}\n\nfunction StartExecutionModal({ methodologies, authStatus, submitting, onSubmit, onCancel, onGoToAIConfig }: StartExecutionModalProps) {\n  const defaultSession = `manual-${Date.now().toString(36)}`\n  const [sessionId, setSessionId] = useState(defaultSession)\n  const [methodologyId, setMethodologyId] = useState(methodologies[0]?.id ?? '')\n  const [mode, setMode] = useState<'foreground' | 'background'>('background')\n\n  const authMissing = authStatus !== null && authStatus.available === false\n  const blockedByAuth = authMissing && mode === 'background'\n\n  const submit = (e: React.FormEvent) => {\n    e.preventDefault()\n    if (!sessionId.trim() || !methodologyId) return\n    if (blockedByAuth) return\n    onSubmit({ session_id: sessionId.trim(), methodology_id: methodologyId, mode })\n  }\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4\">\n      <form\n        onSubmit={submit}\n        className=\"w-full max-w-md bg-white rounded-lg shadow-xl border border-gray-200\"\n      >\n        <div className=\"px-5 py-4 border-b border-gray-100\">\n          <h2 className=\"text-lg font-semibold text-gray-900\">新建方法论执行</h2>\n          <p className=\"text-xs text-gray-500 mt-0.5\">选择方法论模板和执行模式</p>\n        </div>\n\n        <div className=\"px-5 py-4 space-y-4 text-sm\">\n          <label className=\"block\">\n            <span className=\"text-gray-700\">方法论</span>\n            <select\n              className=\"mt-1 w-full border border-gray-300 rounded-md px-2 py-1.5\"\n              value={methodologyId}\n              onChange={(e) => setMethodologyId(e.target.value)}\n              required\n            >\n              {methodologies.length === 0 && <option value=\"\">（未发现方法论）</option>}\n              {methodologies.map(m => (\n                <option key={m.id} value={m.id}>{m.name || m.id}</option>\n              ))}\n            </select>\n          </label>\n\n          <label className=\"block\">\n            <span className=\"text-gray-700\">Session ID</span>\n            <input\n              type=\"text\"\n              className=\"mt-1 w-full border border-gray-300 rounded-md px-2 py-1.5 font-mono text-xs\"\n              value={sessionId}\n              onChange={(e) => setSessionId(e.target.value)}\n              required\n            />\n            <span className=\"mt-1 block text-xs text-gray-500\">\n              后台模式下用于追踪；建议保留默认或自定义一个可识别值\n            </span>\n          </label>\n\n          <div>\n            <span className=\"text-gray-700\">执行模式</span>\n            <div className=\"mt-2 grid grid-cols-2 gap-2\">\n              <button\n                type=\"button\"\n                onClick={() => setMode('background')}\n                className={clsx(\n                  'rounded-md border px-3 py-2 text-left',\n                  mode === 'background'\n                    ? 'border-indigo-500 bg-indigo-50'\n                    : 'border-gray-200 hover:border-gray-300',\n                  authMissing && 'ring-1 ring-amber-200'\n                )}\n              >\n                <div className=\"flex items-center gap-2 font-medium text-gray-900\">\n                  <Cpu className=\"h-4 w-4 text-purple-600\" /> 后台\n                  {authMissing && (\n                    <span className=\"ml-auto text-[10px] font-normal text-amber-700 bg-amber-100 px-1.5 py-0.5 rounded\">\n                      需先配置 API\n                    </span>\n                  )}\n                </div>\n                <p className=\"text-xs text-gray-500 mt-1\">\n                  独立 claude -p 子进程，无需用户在主会话输入\n                </p>\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => setMode('foreground')}\n                className={clsx(\n                  'rounded-md border px-3 py-2 text-left',\n                  mode === 'foreground'\n                    ? 'border-indigo-500 bg-indigo-50'\n                    : 'border-gray-200 hover:border-gray-300'\n                )}\n              >\n                <div className=\"flex items-center gap-2 font-medium text-gray-900\">\n                  <Monitor className=\"h-4 w-4 text-sky-600\" /> 前台\n                </div>\n                <p className=\"text-xs text-amber-700 mt-1 flex items-start gap-1\">\n                  <AlertTriangle className=\"h-3.5 w-3.5 mt-0.5 shrink-0\" />\n                  <span>需要你在主会话里输入任意内容才会推进；期间可用 <code className=\"px-1 rounded bg-amber-50\">/forge methodology status</code> 查看</span>\n                </p>\n              </button>\n            </div>\n          </div>\n\n          {blockedByAuth && (\n            <div className=\"rounded-md border border-amber-300 bg-amber-50 px-3 py-2 text-xs text-amber-800\">\n              <div className=\"flex items-start gap-2\">\n                <AlertTriangle className=\"h-4 w-4 mt-0.5 shrink-0 text-amber-600\" />\n                <div className=\"flex-1 space-y-1\">\n                  <div className=\"font-medium\">后台模式需要 Claude API 认证</div>\n                  <div className=\"text-amber-700\">\n                    未检测到 <code className=\"px-1 rounded bg-amber-100\">ANTHROPIC_API_KEY</code> 或 OAuth 凭据\n                    {authStatus?.message ? `（${authStatus.message}）` : ''}。\n                    请先在 AI 配置页完成设置，或切换到前台模式。\n                  </div>\n                  <button\n                    type=\"button\"\n                    onClick={onGoToAIConfig}\n                    className=\"mt-1 inline-flex items-center gap-1 px-2 py-1 text-xs font-medium text-white bg-amber-600 rounded hover:bg-amber-700\"\n                  >\n                    去 AI 配置\n                  </button>\n                </div>\n              </div>\n            </div>\n          )}\n        </div>\n\n        <div className=\"px-5 py-3 border-t border-gray-100 flex justify-end gap-2\">\n          <button\n            type=\"button\"\n            onClick={onCancel}\n            className=\"px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100 rounded-md\"\n          >\n            取消\n          </button>\n          <button\n            type=\"submit\"\n            disabled={submitting || !methodologyId || blockedByAuth}\n            title={blockedByAuth ? '后台模式需要先配置 Claude API' : undefined}\n            className=\"inline-flex items-center gap-1 px-3 py-1.5 text-sm bg-indigo-600 text-white rounded-md hover:bg-indigo-700 disabled:opacity-50 disabled:cursor-not-allowed\"\n          >\n            {submitting ? '启动中...' : '启动'}\n          </button>\n        </div>\n      </form>\n    </div>\n  )\n}\n"],"names":["fetchMethodologyExecutions","res","fetchMethodologies","fetchWorkerAuthStatus","cancelExecution","id","data","deleteExecution","startExecution","payload","err","methodologyNames","Methodologies","queryClient","useQueryClient","toast","useToast","confirm","useConfirm","navigate","useNavigate","showStart","setShowStart","useState","executions","isLoading","error","useQuery","methodologies","authStatus","cancelMutation","useMutation","e","deleteMutation","startMutation","msg","handleCancel","handleDelete","jsx","jsxs","runningCount","completedCount","Plus","StartExecutionModal","execution","plan","currentPhase","progress","Link","GitBranch","clsx","Cpu","Monitor","Clock","formatDistanceToNow","zhCN","AlertCircle","CheckCircle","XCircle","StopCircle","Trash2","submitting","onSubmit","onCancel","onGoToAIConfig","defaultSession","sessionId","setSessionId","methodologyId","setMethodologyId","_a","mode","setMode","authMissing","blockedByAuth","submit","m","AlertTriangle"],"mappings":"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"}

package/dist/web/static/assets/MethodologyDetail-Do1taSKM.js

@@ -0,0 +1,2 @@
+import{j as e,r as N}from"./react-vendor-CSp-GLFF.js";import{c as M,L as b}from"./react-router-I-HqunH7.js";import{u as S}from"./query-C99w429o.js";import{d as x}from"./vendor-CMMjVdZs.js";import{q as w,j as v,C as H,n as A,A as L,c as _,e as q,r as D,g as F,U as P,s as k}from"./lucide-DjB4fWNj.js";import{f as y,a as R,z as $}from"./date-fns-CZ_bHujz.js";async function z(l){const s=await fetch(`/api/methodology-executions/${l}`);if(!s.ok)throw new Error("Failed to fetch");return s.json()}const B={"harness-engineering":"Harness Engineering",bmad:"BMad (敏捷开发)"};function Q(){const{id:l}=M(),{data:s,isLoading:u,error:m}=S({queryKey:["methodology-execution",l],queryFn:()=>z(l),enabled:!!l,refetchInterval:t=>{const n=t.state.data;return(n==null?void 0:n.status)==="running"?3e3:!1}}),i=J(l,(s==null?void 0:s.status)==="running");if(u)return e.jsx("div",{className:"flex items-center justify-center py-12",children:e.jsx(w,{className:"h-8 w-8 animate-spin text-indigo-600"})});if(m||!s)return e.jsxs("div",{className:"bg-white rounded-lg shadow p-6",children:[e.jsxs("p",{className:"text-red-600",children:["加载失败: ",(m==null?void 0:m.message)||"未知错误"]}),e.jsxs(b,{to:"/methodologies",className:"mt-4 inline-flex items-center text-indigo-600 hover:text-indigo-700",children:[e.jsx(v,{className:"h-4 w-4 mr-1"}),"返回列表"]})]});const{plan:d,phases:j,current_phase_index:c,status:r}=s,g=r==="completed"?100:Math.round(c/d.phases.length*100);return e.jsxs("div",{children:[e.jsxs("div",{className:"mb-6",children:[e.jsxs(b,{to:"/methodologies",className:"inline-flex items-center text-sm text-gray-500 hover:text-gray-700 mb-4",children:[e.jsx(v,{className:"h-4 w-4 mr-1"}),"返回列表"]}),e.jsxs("div",{className:"flex items-start justify-between",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold text-gray-900",children:B[s.methodology_id]||s.methodology_id}),e.jsxs("p",{className:"text-sm text-gray-500 mt-1",children:["Session: ",s.session_id]})]}),e.jsxs("span",{className:x("px-3 py-1 text-sm font-medium rounded-full",r==="running"&&"bg-blue-100 text-blue-700",r==="completed"&&"bg-green-100 text-green-700",r==="failed"&&"bg-red-100 text-red-700"),children:[r==="running"&&"运行中",r==="completed"&&"已完成",r==="failed"&&"失败"]})]})]}),e.jsxs("div",{className:"bg-white rounded-lg shadow p-6 mb-6",children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("h3",{className:"text-sm font-medium text-gray-700",children:"执行进度"}),e.jsxs("div",{className:"flex items-center gap-2 text-sm text-gray-500",children:[s.mode&&e.jsxs("span",{className:x("inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs",s.mode==="background"?"bg-purple-100 text-purple-700":"bg-sky-100 text-sky-700"),children:[s.mode==="background"?e.jsx(H,{className:"h-3 w-3"}):e.jsx(A,{className:"h-3 w-3"}),s.mode==="background"?"后台":"前台"]}),e.jsxs("span",{children:[g,"%"]})]})]}),e.jsx("div",{className:"w-full bg-gray-200 rounded-full h-2",children:e.jsx("div",{className:x("h-2 rounded-full transition-all duration-500",r==="completed"?"bg-green-500":"bg-indigo-600"),style:{width:`${g}%`}})}),e.jsxs("div",{className:"grid grid-cols-3 gap-4 mt-4 pt-4 border-t",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500",children:"开始时间"}),e.jsx("div",{className:"text-sm font-medium",children:y(s.started_at,"MM-dd HH:mm:ss")})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500",children:"阶段"}),e.jsxs("div",{className:"text-sm font-medium",children:[c+(r==="completed"?0:1)," / ",d.phases.length]})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500",children:r==="completed"?"完成时间":"已运行"}),e.jsx("div",{className:"text-sm font-medium",children:r==="completed"&&s.completed_at?y(s.completed_at,"MM-dd HH:mm:ss"):R(s.started_at,{addSuffix:!1,locale:$})})]})]}),(s.worker_pid||s.worker_session_id)&&e.jsxs("div",{className:"mt-3 pt-3 border-t text-xs text-gray-500 flex gap-4",children:[s.worker_pid?e.jsxs("span",{children:["worker PID: ",e.jsx("span",{className:"font-mono",children:s.worker_pid})]}):null,s.worker_session_id?e.jsxs("span",{children:["worker session: ",e.jsxs("span",{className:"font-mono",children:[String(s.worker_session_id).slice(0,18),"…"]})]}):null]})]}),(r==="running"||i.length>0)&&e.jsxs("div",{className:"bg-white rounded-lg shadow p-6 mb-6",children:[e.jsxs("h3",{className:"flex items-center text-sm font-medium text-gray-700 mb-3",children:[e.jsx(L,{className:"h-4 w-4 mr-2 text-indigo-600"}),"实时事件流",e.jsxs("span",{className:"ml-2 text-xs text-gray-400",children:["（最近 ",i.length," 条）"]})]}),i.length===0?e.jsx("p",{className:"text-xs text-gray-500",children:r==="running"?"等待 worker 输出…":"暂无事件"}):e.jsx("ol",{className:"space-y-1 text-xs font-mono max-h-64 overflow-auto",children:i.map((t,n)=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-gray-400 flex-shrink-0 w-16",children:y(t.timestamp,"HH:mm:ss")}),e.jsx("span",{className:x("px-1.5 rounded text-[10px] font-medium flex-shrink-0",t.type==="phase-start"&&"bg-indigo-100 text-indigo-700",t.type==="phase-finish"&&"bg-green-100 text-green-700",t.type==="phase-log"&&"bg-gray-100 text-gray-700",t.type==="error"&&"bg-red-100 text-red-700",t.type==="done"&&"bg-gray-200 text-gray-700"),children:t.type}),e.jsxs("span",{className:"text-gray-700 truncate",children:[t.phase_id?`phase=${t.phase_id} `:"",t.payload?JSON.stringify(t.payload).slice(0,180):""]})]},n))})]}),e.jsxs("div",{className:"bg-white rounded-lg shadow p-6 mb-6",children:[e.jsxs("h3",{className:"flex items-center text-sm font-medium text-gray-700 mb-3",children:[e.jsx(_,{className:"h-4 w-4 mr-2 text-indigo-600"}),"执行计划 (AI 生成)"]}),e.jsx("p",{className:"text-sm text-gray-600 leading-relaxed",children:d.rationale})]}),e.jsxs("div",{className:"bg-white rounded-lg shadow p-6",children:[e.jsx("h3",{className:"text-lg font-semibold text-gray-900 mb-4",children:"执行阶段"}),e.jsx("div",{className:"space-y-4",children:d.phases.map((t,n)=>{const a=j.find(o=>o.phase_index===n),h=n<c||n===c&&r==="completed"||(a==null?void 0:a.status)==="completed",p=n===c&&r==="running"&&(a==null?void 0:a.status)==="running",f=n>c&&!p;return e.jsxs("div",{className:"relative",children:[n<d.phases.length-1&&e.jsx("div",{className:x("absolute left-4 top-10 w-0.5 h-full -z-10",h?"bg-green-300":"bg-gray-200")}),e.jsxs("div",{className:"flex gap-4",children:[e.jsx("div",{className:"flex-shrink-0",children:h?e.jsx("div",{className:"w-8 h-8 rounded-full bg-green-100 flex items-center justify-center",children:e.jsx(q,{className:"h-5 w-5 text-green-600"})}):p?e.jsx("div",{className:"w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center",children:e.jsx(w,{className:"h-5 w-5 text-blue-600 animate-spin"})}):e.jsx("div",{className:"w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center",children:e.jsx(D,{className:"h-5 w-5 text-gray-400"})})}),e.jsx("div",{className:x("flex-1 pb-4",f&&"opacity-50"),children:e.jsxs("div",{className:"bg-gray-50 rounded-lg p-4 border border-gray-200",children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"text-sm font-semibold text-gray-900",children:["阶段 ",n+1,": ",t.id]}),e.jsxs("span",{className:x("px-2 py-0.5 text-xs font-medium rounded",h&&"bg-green-100 text-green-700",p&&"bg-blue-100 text-blue-700",f&&"bg-gray-100 text-gray-600"),children:[h&&"已完成",p&&"运行中",f&&"待执行"]})]}),(a==null?void 0:a.duration_ms)&&e.jsxs("span",{className:"text-xs text-gray-500",children:[e.jsx(F,{className:"inline h-3 w-3 mr-1"}),(a.duration_ms/1e3).toFixed(1),"s"]})]}),e.jsxs("div",{className:"flex items-center gap-2 mb-3 text-xs text-gray-600",children:[e.jsx(P,{className:"h-3 w-3"}),e.jsxs("span",{children:["Agent: ",e.jsx("strong",{children:t.agent})]})]}),e.jsx("p",{className:"text-xs text-gray-500 italic mb-3",children:t.rationale}),e.jsxs("div",{className:"bg-white rounded p-3 border border-gray-200",children:[e.jsxs("div",{className:"flex items-center gap-1 text-xs text-gray-500 mb-1",children:[e.jsx(k,{className:"h-3 w-3"}),"Prompt"]}),e.jsx("p",{className:"text-xs text-gray-700 leading-relaxed",children:t.prompt})]}),t.artifacts&&t.artifacts.length>0&&e.jsxs("div",{className:"mt-3",children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"预期产物"}),e.jsx("div",{className:"flex flex-wrap gap-1",children:t.artifacts.map((o,C)=>e.jsxs("span",{className:"px-2 py-0.5 text-xs bg-indigo-50 text-indigo-700 rounded",children:[o.pattern||o.type,o.required&&" *"]},C))})]}),(a==null?void 0:a.output_text)&&e.jsxs("details",{className:"mt-3 bg-white rounded border border-gray-200",children:[e.jsxs("summary",{className:"px-3 py-1.5 cursor-pointer text-xs text-gray-600 hover:bg-gray-50",children:[e.jsx(k,{className:"inline h-3 w-3 mr-1"})," 输出（",a.output_text.length," 字符）"]}),e.jsx("pre",{className:"px-3 py-2 text-xs text-gray-800 whitespace-pre-wrap break-words max-h-64 overflow-auto",children:a.output_text})]}),(a==null?void 0:a.error_message)&&e.jsxs("div",{className:"mt-3 bg-red-50 border border-red-200 rounded p-2",children:[e.jsxs("div",{className:"flex items-center gap-1 text-xs font-medium text-red-700 mb-1",children:[e.jsx(_,{className:"h-3 w-3"})," 错误"]}),e.jsx("pre",{className:"text-xs text-red-800 whitespace-pre-wrap break-words",children:a.error_message})]}),(a==null?void 0:a.stream_log_path)&&e.jsxs("div",{className:"mt-2 text-[11px] text-gray-400",children:["日志: ",e.jsx("span",{className:"font-mono",children:a.stream_log_path})]})]})})]})]},n)})})]})]})}function J(l,s){const[u,m]=N.useState([]),i=N.useRef(null);return N.useEffect(()=>{var c;if(!l||!s){(c=i.current)==null||c.close(),i.current=null;return}const d=new EventSource(`/api/methodology-executions/events?execution_id=${l}`);i.current=d;const j=r=>{try{const g=JSON.parse(r.data);m(t=>{const n=[...t,g];return n.length>100&&n.splice(0,n.length-100),n})}catch{}};return["phase-start","phase-log","phase-finish","done","error"].forEach(r=>{d.addEventListener(r,j)}),()=>{d.close(),i.current=null}},[l,s]),u}export{Q as default};
+//# sourceMappingURL=MethodologyDetail-Do1taSKM.js.map

package/dist/web/static/assets/MethodologyDetail-Do1taSKM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MethodologyDetail-Do1taSKM.js","sources":["../../src/pages/MethodologyDetail.tsx"],"sourcesContent":["import { useParams, Link } from 'react-router-dom'\nimport { useQuery } from '@tanstack/react-query'\nimport { useEffect, useRef, useState } from 'react'\nimport { formatDistanceToNow, format } from 'date-fns'\nimport { zhCN } from 'date-fns/locale'\nimport {\n  ArrowLeft,\n  CheckCircle,\n  Clock,\n  Circle,\n  Loader2,\n  User,\n  FileText,\n  AlertCircle,\n  Activity,\n  Cpu,\n  Monitor,\n} from 'lucide-react'\nimport clsx from 'clsx'\n\ninterface PlannedPhase {\n  id: string\n  agent: string\n  prompt: string\n  rationale: string\n  artifacts?: Array<{ type: string; pattern?: string; required?: boolean; min?: number }>\n}\n\ninterface ExecutionPlan {\n  phases: PlannedPhase[]\n  rationale: string\n  methodology_id: string\n}\n\ninterface PhaseExecution {\n  id: number\n  methodology_execution_id: number\n  phase_id: string\n  phase_index: number\n  agent_name: string\n  prompt: string\n  status: 'pending' | 'running' | 'completed' | 'failed'\n  started_at: number | null\n  completed_at: number | null\n  duration_ms: number | null\n  artifacts_json: string | null\n  output_text?: string | null\n  error_message?: string | null\n  stream_log_path?: string | null\n}\n\ninterface MethodologyDetail {\n  id: number\n  session_id: string\n  methodology_id: string\n  plan_json: string\n  plan: ExecutionPlan\n  current_phase_index: number\n  status: 'running' | 'completed' | 'failed' | 'cancelled'\n  mode?: 'foreground' | 'background'\n  worker_pid?: number | null\n  worker_session_id?: string | null\n  started_at: number\n  completed_at: number | null\n  phases: PhaseExecution[]\n}\n\nasync function fetchMethodologyDetail(id: string): Promise<MethodologyDetail> {\n  const res = await fetch(`/api/methodology-executions/${id}`)\n  if (!res.ok) throw new Error('Failed to fetch')\n  return res.json()\n}\n\nconst methodologyNames: Record<string, string> = {\n  'harness-engineering': 'Harness Engineering',\n  'bmad': 'BMad (敏捷开发)',\n}\n\nexport default function MethodologyDetail() {\n  const { id } = useParams<{ id: string }>()\n  const { data, isLoading, error } = useQuery({\n    queryKey: ['methodology-execution', id],\n    queryFn: () => fetchMethodologyDetail(id!),\n    enabled: !!id,\n    refetchInterval: (query) => {\n      const data = query.state.data\n      return data?.status === 'running' ? 3000 : false\n    },\n  })\n\n  const liveEvents = useExecutorSSE(id, data?.status === 'running')\n\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center justify-center py-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-indigo-600\" />\n      </div>\n    )\n  }\n\n  if (error || !data) {\n    return (\n      <div className=\"bg-white rounded-lg shadow p-6\">\n        <p className=\"text-red-600\">加载失败: {(error as Error)?.message || '未知错误'}</p>\n        <Link to=\"/methodologies\" className=\"mt-4 inline-flex items-center text-indigo-600 hover:text-indigo-700\">\n          <ArrowLeft className=\"h-4 w-4 mr-1\" />\n          返回列表\n        </Link>\n      </div>\n    )\n  }\n\n  const { plan, phases, current_phase_index, status } = data\n  const progress = status === 'completed' ? 100 : Math.round((current_phase_index / plan.phases.length) * 100)\n\n  return (\n    <div>\n      {/* Header */}\n      <div className=\"mb-6\">\n        <Link\n          to=\"/methodologies\"\n          className=\"inline-flex items-center text-sm text-gray-500 hover:text-gray-700 mb-4\"\n        >\n          <ArrowLeft className=\"h-4 w-4 mr-1\" />\n          返回列表\n        </Link>\n        <div className=\"flex items-start justify-between\">\n          <div>\n            <h1 className=\"text-2xl font-bold text-gray-900\">\n              {methodologyNames[data.methodology_id] || data.methodology_id}\n            </h1>\n            <p className=\"text-sm text-gray-500 mt-1\">\n              Session: {data.session_id}\n            </p>\n          </div>\n          <span className={clsx(\n            'px-3 py-1 text-sm font-medium rounded-full',\n            status === 'running' && 'bg-blue-100 text-blue-700',\n            status === 'completed' && 'bg-green-100 text-green-700',\n            status === 'failed' && 'bg-red-100 text-red-700'\n          )}>\n            {status === 'running' && '运行中'}\n            {status === 'completed' && '已完成'}\n            {status === 'failed' && '失败'}\n          </span>\n        </div>\n      </div>\n\n      {/* Progress */}\n      <div className=\"bg-white rounded-lg shadow p-6 mb-6\">\n        <div className=\"flex items-center justify-between mb-2\">\n          <h3 className=\"text-sm font-medium text-gray-700\">执行进度</h3>\n          <div className=\"flex items-center gap-2 text-sm text-gray-500\">\n            {data.mode && (\n              <span\n                className={clsx(\n                  'inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs',\n                  data.mode === 'background' ? 'bg-purple-100 text-purple-700' : 'bg-sky-100 text-sky-700',\n                )}\n              >\n                {data.mode === 'background' ? <Cpu className=\"h-3 w-3\" /> : <Monitor className=\"h-3 w-3\" />}\n                {data.mode === 'background' ? '后台' : '前台'}\n              </span>\n            )}\n            <span>{progress}%</span>\n          </div>\n        </div>\n        <div className=\"w-full bg-gray-200 rounded-full h-2\">\n          <div\n            className={clsx(\n              'h-2 rounded-full transition-all duration-500',\n              status === 'completed' ? 'bg-green-500' : 'bg-indigo-600'\n            )}\n            style={{ width: `${progress}%` }}\n          />\n        </div>\n        <div className=\"grid grid-cols-3 gap-4 mt-4 pt-4 border-t\">\n          <div>\n            <div className=\"text-xs text-gray-500\">开始时间</div>\n            <div className=\"text-sm font-medium\">\n              {format(data.started_at, 'MM-dd HH:mm:ss')}\n            </div>\n          </div>\n          <div>\n            <div className=\"text-xs text-gray-500\">阶段</div>\n            <div className=\"text-sm font-medium\">\n              {current_phase_index + (status === 'completed' ? 0 : 1)} / {plan.phases.length}\n            </div>\n          </div>\n          <div>\n            <div className=\"text-xs text-gray-500\">\n              {status === 'completed' ? '完成时间' : '已运行'}\n            </div>\n            <div className=\"text-sm font-medium\">\n              {status === 'completed' && data.completed_at\n                ? format(data.completed_at, 'MM-dd HH:mm:ss')\n                : formatDistanceToNow(data.started_at, { addSuffix: false, locale: zhCN })}\n            </div>\n          </div>\n        </div>\n        {(data.worker_pid || data.worker_session_id) && (\n          <div className=\"mt-3 pt-3 border-t text-xs text-gray-500 flex gap-4\">\n            {data.worker_pid ? <span>worker PID: <span className=\"font-mono\">{data.worker_pid}</span></span> : null}\n            {data.worker_session_id ? (\n              <span>worker session: <span className=\"font-mono\">{String(data.worker_session_id).slice(0, 18)}…</span></span>\n            ) : null}\n          </div>\n        )}\n      </div>\n\n      {/* Live executor events (SSE) */}\n      {(status === 'running' || liveEvents.length > 0) && (\n        <div className=\"bg-white rounded-lg shadow p-6 mb-6\">\n          <h3 className=\"flex items-center text-sm font-medium text-gray-700 mb-3\">\n            <Activity className=\"h-4 w-4 mr-2 text-indigo-600\" />\n            实时事件流\n            <span className=\"ml-2 text-xs text-gray-400\">（最近 {liveEvents.length} 条）</span>\n          </h3>\n          {liveEvents.length === 0 ? (\n            <p className=\"text-xs text-gray-500\">\n              {status === 'running' ? '等待 worker 输出…' : '暂无事件'}\n            </p>\n          ) : (\n            <ol className=\"space-y-1 text-xs font-mono max-h-64 overflow-auto\">\n              {liveEvents.map((ev, i) => (\n                <li key={i} className=\"flex items-start gap-2\">\n                  <span className=\"text-gray-400 flex-shrink-0 w-16\">\n                    {format(ev.timestamp, 'HH:mm:ss')}\n                  </span>\n                  <span className={clsx(\n                    'px-1.5 rounded text-[10px] font-medium flex-shrink-0',\n                    ev.type === 'phase-start' && 'bg-indigo-100 text-indigo-700',\n                    ev.type === 'phase-finish' && 'bg-green-100 text-green-700',\n                    ev.type === 'phase-log' && 'bg-gray-100 text-gray-700',\n                    ev.type === 'error' && 'bg-red-100 text-red-700',\n                    ev.type === 'done' && 'bg-gray-200 text-gray-700',\n                  )}>\n                    {ev.type}\n                  </span>\n                  <span className=\"text-gray-700 truncate\">\n                    {ev.phase_id ? `phase=${ev.phase_id} ` : ''}\n                    {ev.payload ? JSON.stringify(ev.payload).slice(0, 180) : ''}\n                  </span>\n                </li>\n              ))}\n            </ol>\n          )}\n        </div>\n      )}\n\n      {/* Plan Rationale */}\n      <div className=\"bg-white rounded-lg shadow p-6 mb-6\">\n        <h3 className=\"flex items-center text-sm font-medium text-gray-700 mb-3\">\n          <AlertCircle className=\"h-4 w-4 mr-2 text-indigo-600\" />\n          执行计划 (AI 生成)\n        </h3>\n        <p className=\"text-sm text-gray-600 leading-relaxed\">\n          {plan.rationale}\n        </p>\n      </div>\n\n      {/* Phase Timeline */}\n      <div className=\"bg-white rounded-lg shadow p-6\">\n        <h3 className=\"text-lg font-semibold text-gray-900 mb-4\">执行阶段</h3>\n\n        <div className=\"space-y-4\">\n          {plan.phases.map((phase, index) => {\n            const phaseExec = phases.find((p) => p.phase_index === index)\n            const isCompleted = index < current_phase_index ||\n              (index === current_phase_index && status === 'completed') ||\n              phaseExec?.status === 'completed'\n            const isRunning = index === current_phase_index && status === 'running' && phaseExec?.status === 'running'\n            const isPending = index > current_phase_index && !isRunning\n\n            return (\n              <div key={index} className=\"relative\">\n                {/* Timeline line */}\n                {index < plan.phases.length - 1 && (\n                  <div\n                    className={clsx(\n                      'absolute left-4 top-10 w-0.5 h-full -z-10',\n                      isCompleted ? 'bg-green-300' : 'bg-gray-200'\n                    )}\n                  />\n                )}\n\n                <div className=\"flex gap-4\">\n                  {/* Status icon */}\n                  <div className=\"flex-shrink-0\">\n                    {isCompleted ? (\n                      <div className=\"w-8 h-8 rounded-full bg-green-100 flex items-center justify-center\">\n                        <CheckCircle className=\"h-5 w-5 text-green-600\" />\n                      </div>\n                    ) : isRunning ? (\n                      <div className=\"w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center\">\n                        <Loader2 className=\"h-5 w-5 text-blue-600 animate-spin\" />\n                      </div>\n                    ) : (\n                      <div className=\"w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center\">\n                        <Circle className=\"h-5 w-5 text-gray-400\" />\n                      </div>\n                    )}\n                  </div>\n\n                  {/* Phase content */}\n                  <div className={clsx(\n                    'flex-1 pb-4',\n                    isPending && 'opacity-50'\n                  )}>\n                    <div className=\"bg-gray-50 rounded-lg p-4 border border-gray-200\">\n                      <div className=\"flex items-center justify-between mb-2\">\n                        <div className=\"flex items-center gap-3\">\n                          <span className=\"text-sm font-semibold text-gray-900\">\n                            阶段 {index + 1}: {phase.id}\n                          </span>\n                          <span className={clsx(\n                            'px-2 py-0.5 text-xs font-medium rounded',\n                            isCompleted && 'bg-green-100 text-green-700',\n                            isRunning && 'bg-blue-100 text-blue-700',\n                            isPending && 'bg-gray-100 text-gray-600'\n                          )}>\n                            {isCompleted && '已完成'}\n                            {isRunning && '运行中'}\n                            {isPending && '待执行'}\n                          </span>\n                        </div>\n                        {phaseExec?.duration_ms && (\n                          <span className=\"text-xs text-gray-500\">\n                            <Clock className=\"inline h-3 w-3 mr-1\" />\n                            {(phaseExec.duration_ms / 1000).toFixed(1)}s\n                          </span>\n                        )}\n                      </div>\n\n                      <div className=\"flex items-center gap-2 mb-3 text-xs text-gray-600\">\n                        <User className=\"h-3 w-3\" />\n                        <span>Agent: <strong>{phase.agent}</strong></span>\n                      </div>\n\n                      <p className=\"text-xs text-gray-500 italic mb-3\">\n                        {phase.rationale}\n                      </p>\n\n                      <div className=\"bg-white rounded p-3 border border-gray-200\">\n                        <div className=\"flex items-center gap-1 text-xs text-gray-500 mb-1\">\n                          <FileText className=\"h-3 w-3\" />\n                          Prompt\n                        </div>\n                        <p className=\"text-xs text-gray-700 leading-relaxed\">\n                          {phase.prompt}\n                        </p>\n                      </div>\n\n                      {phase.artifacts && phase.artifacts.length > 0 && (\n                        <div className=\"mt-3\">\n                          <div className=\"text-xs text-gray-500 mb-1\">预期产物</div>\n                          <div className=\"flex flex-wrap gap-1\">\n                            {phase.artifacts.map((artifact, i) => (\n                              <span\n                                key={i}\n                                className=\"px-2 py-0.5 text-xs bg-indigo-50 text-indigo-700 rounded\"\n                              >\n                                {artifact.pattern || artifact.type}\n                                {artifact.required && ' *'}\n                              </span>\n                            ))}\n                          </div>\n                        </div>\n                      )}\n\n                      {phaseExec?.output_text && (\n                        <details className=\"mt-3 bg-white rounded border border-gray-200\">\n                          <summary className=\"px-3 py-1.5 cursor-pointer text-xs text-gray-600 hover:bg-gray-50\">\n                            <FileText className=\"inline h-3 w-3 mr-1\" /> 输出（{phaseExec.output_text.length} 字符）\n                          </summary>\n                          <pre className=\"px-3 py-2 text-xs text-gray-800 whitespace-pre-wrap break-words max-h-64 overflow-auto\">\n{phaseExec.output_text}\n                          </pre>\n                        </details>\n                      )}\n\n                      {phaseExec?.error_message && (\n                        <div className=\"mt-3 bg-red-50 border border-red-200 rounded p-2\">\n                          <div className=\"flex items-center gap-1 text-xs font-medium text-red-700 mb-1\">\n                            <AlertCircle className=\"h-3 w-3\" /> 错误\n                          </div>\n                          <pre className=\"text-xs text-red-800 whitespace-pre-wrap break-words\">\n{phaseExec.error_message}\n                          </pre>\n                        </div>\n                      )}\n\n                      {phaseExec?.stream_log_path && (\n                        <div className=\"mt-2 text-[11px] text-gray-400\">\n                          日志: <span className=\"font-mono\">{phaseExec.stream_log_path}</span>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                </div>\n              </div>\n            )\n          })}\n        </div>\n      </div>\n    </div>\n  )\n}\n\ninterface ExecutorEventPayload {\n  type: 'phase-start' | 'phase-log' | 'phase-finish' | 'done' | 'error'\n  execution_id: number\n  phase_index?: number\n  phase_id?: string\n  payload?: unknown\n  timestamp: number\n}\n\nfunction useExecutorSSE(executionId: string | undefined, enabled: boolean) {\n  const [events, setEvents] = useState<ExecutorEventPayload[]>([])\n  const esRef = useRef<EventSource | null>(null)\n\n  useEffect(() => {\n    if (!executionId || !enabled) {\n      esRef.current?.close()\n      esRef.current = null\n      return\n    }\n    const es = new EventSource(`/api/methodology-executions/events?execution_id=${executionId}`)\n    esRef.current = es\n    const handler = (e: MessageEvent) => {\n      try {\n        const data = JSON.parse(e.data) as ExecutorEventPayload\n        setEvents(prev => {\n          const next = [...prev, data]\n          if (next.length > 100) next.splice(0, next.length - 100)\n          return next\n        })\n      } catch { /* ignore malformed */ }\n    }\n    ;(['phase-start', 'phase-log', 'phase-finish', 'done', 'error'] as const).forEach(t => {\n      es.addEventListener(t, handler as EventListener)\n    })\n    return () => {\n      es.close()\n      esRef.current = null\n    }\n  }, [executionId, enabled])\n\n  return events\n}\n"],"names":["fetchMethodologyDetail","id","res","methodologyNames","MethodologyDetail","useParams","data","isLoading","error","useQuery","query","liveEvents","useExecutorSSE","jsx","Loader2","jsxs","Link","ArrowLeft","plan","phases","current_phase_index","status","progress","clsx","Cpu","Monitor","format","formatDistanceToNow","zhCN","Activity","ev","i","AlertCircle","phase","index","phaseExec","p","isCompleted","isRunning","isPending","CheckCircle","Circle","Clock","User","FileText","artifact","executionId","enabled","events","setEvents","useState","esRef","useRef","useEffect","_a","es","handler","e","prev","next","t"],"mappings":"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"}

package/dist/web/static/assets/Routing-CFmM7JuB.js

@@ -0,0 +1,2 @@
+import{j as e}from"./react-vendor-CSp-GLFF.js";import{u as c}from"./query-C99w429o.js";import{b as m}from"./react-router-I-HqunH7.js";import{A as o,e as h,f as p,T as g}from"./lucide-DjB4fWNj.js";import"./vendor-CMMjVdZs.js";async function y(){const a=await fetch("/api/routing/stats?window=168");if(!a.ok)throw new Error("Failed to fetch");return a.json()}function w(){var n,i;const a=m(),{data:t,isLoading:x}=c({queryKey:["routing-stats"],queryFn:y,refetchInterval:1e4});if(x)return e.jsx("div",{className:"bg-white rounded-lg shadow p-6",children:"加载中..."});if(!t)return e.jsx("div",{className:"bg-white rounded-lg shadow p-6 text-red-600",children:"加载失败"});const d=t.obedienceRate!==null&&t.obedienceRate!==void 0?(t.obedienceRate*100).toFixed(1):"-",r=Object.entries(t.byAgent||{}).map(([s,l])=>({agent:s,...l,refusalRate:l.total>0?l.refused/l.total:null}));return e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold text-gray-900 mb-6",children:"Agent 路由"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-4 gap-4 mb-6",children:[e.jsxs("div",{className:"bg-white rounded-lg shadow p-5",children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("span",{className:"text-sm text-gray-500",children:"总路由次数"}),e.jsx(o,{className:"h-4 w-4 text-gray-400"})]}),e.jsx("div",{className:"text-2xl font-bold text-gray-900",children:t.total}),e.jsx("div",{className:"text-xs text-gray-500 mt-1",children:"最近 7 天"})]}),e.jsxs("div",{className:"bg-white rounded-lg shadow p-5",children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("span",{className:"text-sm text-gray-500",children:"遵守率"}),e.jsx(h,{className:"h-4 w-4 text-green-500"})]}),e.jsxs("div",{className:"text-2xl font-bold text-gray-900",children:[d,"%"]}),e.jsxs("div",{className:"text-xs text-gray-500 mt-1",children:[t.obeyedCount," / ",t.obeyedCount+t.refusedCount]})]}),e.jsxs("div",{className:"bg-white rounded-lg shadow p-5",children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("span",{className:"text-sm text-gray-500",children:"违抗率"}),e.jsx(p,{className:"h-4 w-4 text-red-500"})]}),e.jsxs("div",{className:"text-2xl font-bold text-gray-900",children:[t.refusalRate!==null&&t.refusalRate!==void 0?(t.refusalRate*100).toFixed(1):"-","%"]}),e.jsxs("div",{className:"text-xs text-gray-500 mt-1",children:[t.refusedCount," 次"]})]}),e.jsxs("div",{className:"bg-white rounded-lg shadow p-5",children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("span",{className:"text-sm text-gray-500",children:"平均分类耗时"}),e.jsx(g,{className:"h-4 w-4 text-blue-500"})]}),e.jsx("div",{className:"text-2xl font-bold text-gray-900",children:(n=t.latency)!=null&&n.p50?`${t.latency.p50}ms`:"-"}),e.jsxs("div",{className:"text-xs text-gray-500 mt-1",children:["p95: ",(i=t.latency)!=null&&i.p95?`${t.latency.p95}ms`:"-"]})]})]}),e.jsxs("div",{className:"bg-white rounded-lg shadow overflow-hidden",children:[e.jsx("div",{className:"px-6 py-4 border-b border-gray-200",children:e.jsx("h3",{className:"text-lg font-semibold text-gray-900",children:"按 Agent 统计"})}),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",children:"Agent"}),e.jsx("th",{className:"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase",children:"总次数"}),e.jsx("th",{className:"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase",children:"遵守"}),e.jsx("th",{className:"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase",children:"违抗"}),e.jsx("th",{className:"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase",children:"未判定"}),e.jsx("th",{className:"px-6 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:[r.map(s=>e.jsxs("tr",{className:"hover:bg-gray-50 cursor-pointer",onClick:()=>a(`/execution-trace?agent=${encodeURIComponent(s.agent)}`),children:[e.jsx("td",{className:"px-6 py-3 whitespace-nowrap",children:e.jsx("span",{className:"text-sm font-medium text-indigo-600",children:s.agent})}),e.jsx("td",{className:"px-6 py-3 whitespace-nowrap text-sm text-gray-700",children:s.total}),e.jsx("td",{className:"px-6 py-3 whitespace-nowrap text-sm text-green-600",children:s.obeyed}),e.jsx("td",{className:"px-6 py-3 whitespace-nowrap text-sm text-red-600",children:s.refused}),e.jsx("td",{className:"px-6 py-3 whitespace-nowrap text-sm text-gray-400",children:s.unknown}),e.jsx("td",{className:"px-6 py-3 whitespace-nowrap text-sm text-gray-700",children:s.refusalRate!==null?`${(s.refusalRate*100).toFixed(1)}%`:"-"})]},s.agent)),r.length===0&&e.jsx("tr",{children:e.jsx("td",{colSpan:6,className:"px-6 py-12 text-center text-gray-500",children:"暂无数据"})})]})]})]})]})}export{w as default};
+//# sourceMappingURL=Routing-CFmM7JuB.js.map

package/dist/web/static/assets/Routing-CFmM7JuB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Routing-CFmM7JuB.js","sources":["../../src/pages/Routing.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { useNavigate } from 'react-router-dom'\nimport { TrendingUp, AlertTriangle, CheckCircle, Activity } from 'lucide-react'\n\ninterface AgentStats {\n  total: number\n  obeyed: number\n  refused: number\n  unknown: number\n}\n\ninterface RoutingStats {\n  windowHours: number\n  total: number\n  forced: number\n  obeyedCount: number\n  refusedCount: number\n  unknownCount: number\n  obedienceRate: number | null\n  refusalRate: number | null\n  fallbackUsedCount?: number\n  latency?: { p50?: number; p95?: number; p99?: number; count?: number }\n  byAgent: Record<string, AgentStats>\n}\n\nasync function fetchRoutingStats(): Promise<RoutingStats> {\n  const res = await fetch('/api/routing/stats?window=168')\n  if (!res.ok) throw new Error('Failed to fetch')\n  return res.json()\n}\n\nexport default function Routing() {\n  const navigate = useNavigate()\n  const { data: stats, isLoading } = useQuery({\n    queryKey: ['routing-stats'],\n    queryFn: fetchRoutingStats,\n    refetchInterval: 10000,\n  })\n\n  if (isLoading) {\n    return <div className=\"bg-white rounded-lg shadow p-6\">加载中...</div>\n  }\n\n  if (!stats) {\n    return <div className=\"bg-white rounded-lg shadow p-6 text-red-600\">加载失败</div>\n  }\n\n  const obediencePercent = stats.obedienceRate !== null && stats.obedienceRate !== undefined\n    ? (stats.obedienceRate * 100).toFixed(1)\n    : '-'\n\n  // 把 byAgent 对象转成数组\n  const byAgentArray = Object.entries(stats.byAgent || {}).map(([agent, s]) => ({\n    agent,\n    ...s,\n    refusalRate: s.total > 0 ? s.refused / s.total : null,\n  }))\n\n  return (\n    <div>\n      <h1 className=\"text-2xl font-bold text-gray-900 mb-6\">Agent 路由</h1>\n\n      {/* Stats cards */}\n      <div className=\"grid grid-cols-1 md:grid-cols-4 gap-4 mb-6\">\n        <div className=\"bg-white rounded-lg shadow p-5\">\n          <div className=\"flex items-center justify-between mb-2\">\n            <span className=\"text-sm text-gray-500\">总路由次数</span>\n            <Activity className=\"h-4 w-4 text-gray-400\" />\n          </div>\n          <div className=\"text-2xl font-bold text-gray-900\">{stats.total}</div>\n          <div className=\"text-xs text-gray-500 mt-1\">最近 7 天</div>\n        </div>\n\n        <div className=\"bg-white rounded-lg shadow p-5\">\n          <div className=\"flex items-center justify-between mb-2\">\n            <span className=\"text-sm text-gray-500\">遵守率</span>\n            <CheckCircle className=\"h-4 w-4 text-green-500\" />\n          </div>\n          <div className=\"text-2xl font-bold text-gray-900\">{obediencePercent}%</div>\n          <div className=\"text-xs text-gray-500 mt-1\">{stats.obeyedCount} / {stats.obeyedCount + stats.refusedCount}</div>\n        </div>\n\n        <div className=\"bg-white rounded-lg shadow p-5\">\n          <div className=\"flex items-center justify-between mb-2\">\n            <span className=\"text-sm text-gray-500\">违抗率</span>\n            <AlertTriangle className=\"h-4 w-4 text-red-500\" />\n          </div>\n          <div className=\"text-2xl font-bold text-gray-900\">\n            {stats.refusalRate !== null && stats.refusalRate !== undefined\n              ? (stats.refusalRate * 100).toFixed(1)\n              : '-'}%\n          </div>\n          <div className=\"text-xs text-gray-500 mt-1\">{stats.refusedCount} 次</div>\n        </div>\n\n        <div className=\"bg-white rounded-lg shadow p-5\">\n          <div className=\"flex items-center justify-between mb-2\">\n            <span className=\"text-sm text-gray-500\">平均分类耗时</span>\n            <TrendingUp className=\"h-4 w-4 text-blue-500\" />\n          </div>\n          <div className=\"text-2xl font-bold text-gray-900\">\n            {stats.latency?.p50 ? `${stats.latency.p50}ms` : '-'}\n          </div>\n          <div className=\"text-xs text-gray-500 mt-1\">\n            p95: {stats.latency?.p95 ? `${stats.latency.p95}ms` : '-'}\n          </div>\n        </div>\n      </div>\n\n      {/* By Agent table */}\n      <div className=\"bg-white rounded-lg shadow overflow-hidden\">\n        <div className=\"px-6 py-4 border-b border-gray-200\">\n          <h3 className=\"text-lg font-semibold text-gray-900\">按 Agent 统计</h3>\n        </div>\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\">Agent</th>\n              <th className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase\">总次数</th>\n              <th className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase\">遵守</th>\n              <th className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase\">违抗</th>\n              <th className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase\">未判定</th>\n              <th className=\"px-6 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            {byAgentArray.map((row) => (\n              <tr\n                key={row.agent}\n                className=\"hover:bg-gray-50 cursor-pointer\"\n                onClick={() => navigate(`/execution-trace?agent=${encodeURIComponent(row.agent)}`)}\n              >\n                <td className=\"px-6 py-3 whitespace-nowrap\">\n                  <span className=\"text-sm font-medium text-indigo-600\">{row.agent}</span>\n                </td>\n                <td className=\"px-6 py-3 whitespace-nowrap text-sm text-gray-700\">{row.total}</td>\n                <td className=\"px-6 py-3 whitespace-nowrap text-sm text-green-600\">{row.obeyed}</td>\n                <td className=\"px-6 py-3 whitespace-nowrap text-sm text-red-600\">{row.refused}</td>\n                <td className=\"px-6 py-3 whitespace-nowrap text-sm text-gray-400\">{row.unknown}</td>\n                <td className=\"px-6 py-3 whitespace-nowrap text-sm text-gray-700\">\n                  {row.refusalRate !== null ? `${(row.refusalRate * 100).toFixed(1)}%` : '-'}\n                </td>\n              </tr>\n            ))}\n            {byAgentArray.length === 0 && (\n              <tr>\n                <td colSpan={6} className=\"px-6 py-12 text-center text-gray-500\">暂无数据</td>\n              </tr>\n            )}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  )\n}\n"],"names":["fetchRoutingStats","res","Routing","navigate","useNavigate","stats","isLoading","useQuery","jsx","obediencePercent","byAgentArray","agent","s","jsxs","Activity","CheckCircle","AlertTriangle","TrendingUp","_a","_b","row"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{j as s}from"./react-vendor-CSp-GLFF.js";import{c,L as l}from"./react-router-I-HqunH7.js";import{u as m}from"./query-C99w429o.js";import{d as o}from"./vendor-CMMjVdZs.js";import{j as n,h,F as g,i as j,a as p}from"./lucide-DjB4fWNj.js";import{f as N}from"./date-fns-CZ_bHujz.js";async function f(a){const t=await fetch(`/api/sessions/${a}/detail`);if(!t.ok)throw new Error("Failed to fetch session detail");return t.json()}function L(){const{id:a}=c(),{data:t,isLoading:d,error:x}=m({queryKey:["session-detail",a],queryFn:()=>f(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?N(new Date(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:o("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(h,{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(g,{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(j,{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(p,{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{L as default};
+//# sourceMappingURL=SessionDetail-DzTue2xK.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionDetail-DzTue2xK.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 { 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(new Date(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","task","clsx","Terminal","tool","count","FileEdit","GitCommit","MessageSquare","p","i"],"mappings":"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"}

package/dist/web/static/assets/Sessions-Bjf-Mvwb.js

@@ -0,0 +1,2 @@
+import{j as e,r as o}from"./react-vendor-CSp-GLFF.js";import{u as j}from"./query-C99w429o.js";import{D as y}from"./Drawer-DeKukfwJ.js";import{d as N}from"./vendor-CMMjVdZs.js";import{f as v,a as b,z as w}from"./date-fns-CZ_bHujz.js";import{h as S,F as C,i as _,a as f,D,A as E,g as F}from"./lucide-DjB4fWNj.js";import{S as q,g as M,d as z,a as I}from"./export-CEzDNM66.js";import{u as L}from"./index-D23sAOAt.js";import"./react-router-I-HqunH7.js";import"./syntax-highlighter-44FakypI.js";async function T(r){const a=await fetch(`/api/sessions/${r}/detail`);if(!a.ok)throw new Error("Failed to fetch session detail");return a.json()}function $({sessionId:r}){const{data:a,isLoading:l,error:m}=j({queryKey:["session-detail",r],queryFn:()=>T(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?v(new Date(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:N("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(S,{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(C,{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(_,{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(f,{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 k(){const r=await fetch("/api/sessions?limit=200");if(!r.ok)throw new Error("Failed to fetch sessions");return r.json()}function U(){const[r,a]=o.useState(null),[l,m]=o.useState(""),[s,i]=o.useState(!1),c=L(),{data:x,isLoading:u,error:h}=j({queryKey:["sessions"],queryFn:k,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=M();t==="json"?z(`sessions-${d}.json`,n):I(`sessions-${d}.csv`,n),c.success(`已导出 ${n.length} 个会话`),i(!1)};return u?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(q,{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(D,{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(f,{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(E,{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?b(new Date(t.start_time),{addSuffix:!0,locale:w}):"-"]})})]},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(y,{open:r!==null,onClose:()=>a(null),title:"会话详情",width:"w-[800px]",children:r&&e.jsx($,{sessionId:r})})]})}export{U as default};
+//# sourceMappingURL=Sessions-Bjf-Mvwb.js.map