@winspan/claude-forge 8.30.0 → 8.33.2

package/dist/web/static/assets/{Events-CnA3f740.js.map → Events-DqzBTrly.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Events-CnA3f740.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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"}
+{"version":3,"file":"Events-DqzBTrly.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-ClPfFIQa.js → ExecutionTrace-Z-zlH0KH.js}

@@ -1,2 +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-DUYj2ek1.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-ClPfFIQa.js.map
+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-BVpUTHdp.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-Z-zlH0KH.js.map

package/dist/web/static/assets/{ExecutionTrace-ClPfFIQa.js.map → ExecutionTrace-Z-zlH0KH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ExecutionTrace-ClPfFIQa.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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"}
+{"version":3,"file":"ExecutionTrace-Z-zlH0KH.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/Methodologies-Br5KOWuF.js

@@ -0,0 +1,5 @@
+import{r as b,j as e}from"./react-vendor-CSp-GLFF.js";import{b as q,u as C,c as E}from"./query-C99w429o.js";import{b as M,L as $}from"./react-router-I-HqunH7.js";import{d as p}from"./vendor-CMMjVdZs.js";import{u as D,a as F}from"./index-BVpUTHdp.js";import{a as A}from"./auth-Bnf8ZcqN.js";import{P as K,G as S,C as T,n as P,g as Q,c as O,e as R,d as H,o as B,p as L,f as _}from"./lucide-DjB4fWNj.js";import{a as U,z as X}from"./date-fns-CZ_bHujz.js";import"./syntax-highlighter-44FakypI.js";async function z(){const t=await fetch("/api/methodology-executions?limit=50");if(!t.ok)throw new Error("Failed to fetch");return t.json()}async function G(){const t=await fetch("/api/methodologies");if(!t.ok)throw new Error("Failed to fetch methodologies");return t.json()}async function J(){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 Y(t){const a=await A(`/api/methodology-executions/${t}/cancel`,{method:"POST"});if(!a.ok){const o=await a.json().catch(()=>({}));throw new Error(o.error||"Cancel failed")}}async function W(t){if(!(await A(`/api/methodology-executions/${t}`,{method:"DELETE"})).ok)throw new Error("Delete failed")}async function V(t){const a=await A("/api/methodology-executions",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});if(!a.ok){const o=await a.json().catch(()=>({})),i=new Error(o.error||`Start failed (HTTP ${a.status})`);throw typeof o.code=="string"&&(i.code=o.code),i}return a.json()}const Z={"harness-engineering":"Harness Engineering",bmad:"BMad (敏捷开发)"};function ce(){const t=q(),a=D(),o=F(),i=M(),[j,d]=b.useState(!1),{data:r,isLoading:g,error:f}=C({queryKey:["methodology-executions"],queryFn:z,refetchInterval:5e3}),{data:c}=C({queryKey:["methodologies"],queryFn:G}),{data:N}=C({queryKey:["worker-auth-status"],queryFn:J,staleTime:3e4}),m=E({mutationFn:Y,onSuccess:()=>{a.success("方法论执行已取消"),t.invalidateQueries({queryKey:["methodology-executions"]})},onError:s=>a.error(`取消失败: ${s.message}`)}),y=E({mutationFn:W,onSuccess:()=>{a.success("记录已删除"),t.invalidateQueries({queryKey:["methodology-executions"]})},onError:s=>a.error(`删除失败: ${s.message}`)}),x=E({mutationFn:V,onSuccess:s=>{a.success(`已启动执行 #${s.id}`),d(!1),t.invalidateQueries({queryKey:["methodology-executions"]}),t.invalidateQueries({queryKey:["worker-auth-status"]})},onError:async s=>{const l=s.message||"";if(s.code==="AUTH_REQUIRED"||l.includes("Background mode requires")||l.includes("AUTH_REQUIRED")){t.invalidateQueries({queryKey:["worker-auth-status"]}),await o({title:"需要配置 Claude API",message:`后台模式需要 Claude API 认证（ANTHROPIC_API_KEY 或 OAuth）。
+请先在 AI 配置页设置后再启动执行。
+
+详细信息：${l}`,confirmText:"去 AI 配置",cancelText:"留在此页",variant:"warning"})&&(d(!1),i("/ai-config"));return}a.error(`启动失败: ${l}`)}}),h=async s=>{await o({title:"取消方法论执行",message:"确定要取消这个运行中的方法论吗？已完成的阶段不会受影响，但当前进行中的阶段将停止。",confirmText:"确认取消",variant:"warning"})&&m.mutate(s)},w=async s=>{await o({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(ee,{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 l=JSON.parse(s.plan_json),v=l.phases[s.current_phase_index],I=s.status==="completed"?100:Math.round(s.current_phase_index/l.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($,{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(S,{className:"h-5 w-5 text-indigo-600 flex-shrink-0"}),e.jsx("h3",{className:"text-lg font-semibold text-gray-900",children:Z[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(T,{className:"h-3 w-3"}):e.jsx(P,{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:`${I}%`}})}),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(Q,{className:"h-4 w-4"}),U(s.started_at,{addSuffix:!0,locale:X})]}),s.status==="running"&&v&&e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(O,{className:"h-4 w-4"}),"Phase ",s.current_phase_index+1,"/",l.phases.length,": ",v.id]}),s.status==="completed"&&e.jsxs("div",{className:"flex items-center gap-1 text-green-600",children:[e.jsx(R,{className:"h-4 w-4"}),"完成 ",l.phases.length," 个阶段"]}),s.status==="cancelled"&&e.jsxs("div",{className:"flex items-center gap-1 text-gray-500",children:[e.jsx(H,{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(B,{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(L,{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(S,{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 ee({methodologies:t,authStatus:a,submitting:o,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(T,{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(P,{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(_,{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(_,{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:o||!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:o?"启动中...":"启动"})]})]})})}export{ce as default};
+//# sourceMappingURL=Methodologies-Br5KOWuF.js.map

package/dist/web/static/assets/Methodologies-Br5KOWuF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Methodologies-Br5KOWuF.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'\nimport { authFetch } from '../utils/auth'\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 authFetch(`/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 authFetch(`/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 authFetch('/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","authFetch","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/{Sessions-DwWOKgnl.js → Sessions-DOd65EkN.js}

@@ -1,2 +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-DUYj2ek1.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-DwWOKgnl.js.map
+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-BVpUTHdp.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-DOd65EkN.js.map