@winspan/claude-forge 8.33.3 → 8.33.5

package/dist/web/static/assets/{Agents-D1p3JhQs.js.map → Agents-FyKzsN-g.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Agents-D1p3JhQs.js","sources":["../../src/pages/Agents.tsx"],"sourcesContent":["import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'\nimport { useState, useEffect } from 'react'\nimport { Bot, FileCode, Edit2, Save, X } from 'lucide-react'\nimport Drawer from '../components/Drawer'\nimport MarkdownRenderer from '../components/MarkdownRenderer'\nimport { useToast } from '../components/Toast'\nimport { authFetch } from '../utils/auth'\n\ninterface Agent {\n  name: string\n  description: string\n  tools?: string | string[]\n  content?: string\n  version?: string\n  category?: string\n  source?: string\n}\n\ninterface AgentsResponse {\n  official?: Agent[]\n  user?: Agent[]\n}\n\nasync function fetchAgents(): Promise<Agent[]> {\n  const res = await fetch('/api/agents')\n  if (!res.ok) throw new Error('Failed to fetch agents')\n  const data: AgentsResponse | Agent[] = await res.json()\n  // API 可能返回 { official: [...], user: [...] } 或直接返回数组\n  if (Array.isArray(data)) return data\n  return [...(data.official || []), ...(data.user || [])]\n}\n\nasync function fetchAgentDetail(name: string): Promise<Agent> {\n  const res = await fetch(`/api/agents/${name}`)\n  if (!res.ok) throw new Error('Failed to fetch')\n  return res.json()\n}\n\nasync function saveAgent(name: string, content: string): Promise<void> {\n  const res = await authFetch(`/api/agents/${name}`, {\n    method: 'PUT',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify({ content }),\n  })\n  if (!res.ok) throw new Error('Failed to save')\n}\n\nexport default function Agents() {\n  const queryClient = useQueryClient()\n  const toast = useToast()\n  const { data: agents, isLoading } = useQuery({\n    queryKey: ['agents'],\n    queryFn: fetchAgents,\n  })\n\n  const [selectedAgent, setSelectedAgent] = useState<string | null>(null)\n  const [editing, setEditing] = useState(false)\n  const [editContent, setEditContent] = useState('')\n\n  const { data: detail } = useQuery({\n    queryKey: ['agent-detail', selectedAgent],\n    queryFn: () => fetchAgentDetail(selectedAgent!),\n    enabled: !!selectedAgent,\n  })\n\n  useEffect(() => {\n    if (detail?.content) setEditContent(detail.content)\n    setEditing(false)\n  }, [detail])\n\n  const mutation = useMutation({\n    mutationFn: (vars: { name: string; content: string }) => saveAgent(vars.name, vars.content),\n    onSuccess: () => {\n      toast.success('Agent 已保存')\n      setEditing(false)\n      queryClient.invalidateQueries({ queryKey: ['agent-detail', selectedAgent] })\n      queryClient.invalidateQueries({ queryKey: ['agents'] })\n    },\n    onError: (e: Error) => toast.error(`保存失败: ${e.message}`),\n  })\n\n  const renderTools = (tools?: string | string[]) => {\n    if (!tools) return []\n    if (typeof tools === 'string') return tools.split(',').map(t => t.trim())\n    return tools\n  }\n\n  if (isLoading) {\n    return <div className=\"bg-white rounded-lg shadow p-6\">加载中...</div>\n  }\n\n  return (\n    <div>\n      <div className=\"flex items-center justify-between mb-6\">\n        <h1 className=\"text-2xl font-bold text-gray-900\">Agent 管理</h1>\n        <div className=\"text-sm text-gray-500\">共 {agents?.length || 0} 个 Agent</div>\n      </div>\n\n      <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n        {agents?.map((agent) => {\n          const tools = renderTools(agent.tools)\n          return (\n            <div\n              key={agent.name}\n              className=\"bg-white rounded-lg shadow p-5 hover:shadow-md transition-shadow cursor-pointer\"\n              onClick={() => setSelectedAgent(agent.name)}\n            >\n              <div className=\"flex items-start gap-3 mb-3\">\n                <div className=\"w-10 h-10 rounded-lg bg-indigo-100 flex items-center justify-center flex-shrink-0\">\n                  <Bot className=\"h-5 w-5 text-indigo-600\" />\n                </div>\n                <div className=\"flex-1 min-w-0\">\n                  <h3 className=\"font-semibold text-gray-900 truncate\">{agent.name}</h3>\n                  <p className=\"text-xs text-gray-500 mt-1 line-clamp-2\">\n                    {agent.description || '(无描述)'}\n                  </p>\n                </div>\n              </div>\n\n              {tools.length > 0 && (\n                <div className=\"mt-3 pt-3 border-t border-gray-100\">\n                  <div className=\"flex items-center gap-1 text-xs text-gray-500 mb-2\">\n                    <FileCode className=\"h-3 w-3\" />可用工具 ({tools.length})\n                  </div>\n                  <div className=\"flex flex-wrap gap-1\">\n                    {tools.slice(0, 5).map((tool) => (\n                      <span key={tool} className=\"px-2 py-0.5 text-xs bg-gray-100 text-gray-700 rounded\">\n                        {tool}\n                      </span>\n                    ))}\n                    {tools.length > 5 && (\n                      <span className=\"text-xs text-gray-400\">+{tools.length - 5}</span>\n                    )}\n                  </div>\n                </div>\n              )}\n            </div>\n          )\n        })}\n      </div>\n\n      {/* Agent Detail Drawer */}\n      <Drawer\n        open={selectedAgent !== null}\n        onClose={() => { setSelectedAgent(null); setEditing(false) }}\n        title={`Agent: ${selectedAgent}`}\n        width=\"w-[800px]\"\n      >\n        {detail && (\n          <div className=\"space-y-4\">\n            <div className=\"flex items-center gap-2 mb-2\">\n              <Bot className=\"h-5 w-5 text-indigo-600\" />\n              <h3 className=\"text-lg font-semibold text-gray-900\">{detail.name}</h3>\n              {detail.version && (\n                <span className=\"text-xs text-gray-500\">v{detail.version}</span>\n              )}\n            </div>\n\n            <div>\n              <div className=\"text-xs text-gray-500 mb-1\">描述</div>\n              <div className=\"text-sm text-gray-800\">{detail.description}</div>\n            </div>\n\n            {detail.tools && (\n              <div>\n                <div className=\"text-xs text-gray-500 mb-1\">可用工具</div>\n                <div className=\"flex flex-wrap gap-1\">\n                  {renderTools(detail.tools).map(tool => (\n                    <span key={tool} className=\"px-2 py-0.5 text-xs bg-gray-100 text-gray-700 rounded\">\n                      {tool}\n                    </span>\n                  ))}\n                </div>\n              </div>\n            )}\n\n            <div>\n              <div className=\"flex items-center justify-between mb-2\">\n                <div className=\"text-xs text-gray-500\">完整内容 (Markdown)</div>\n                <div className=\"flex items-center gap-2\">\n                  {!editing ? (\n                    <button\n                      onClick={() => setEditing(true)}\n                      className=\"inline-flex items-center gap-1 text-xs text-indigo-600 hover:text-indigo-700\"\n                    >\n                      <Edit2 className=\"h-3 w-3\" />编辑\n                    </button>\n                  ) : (\n                    <>\n                      <button\n                        onClick={() => { setEditing(false); setEditContent(detail.content || '') }}\n                        className=\"inline-flex items-center gap-1 text-xs text-gray-600 hover:text-gray-700\"\n                      >\n                        <X className=\"h-3 w-3\" />取消\n                      </button>\n                      <button\n                        onClick={() => mutation.mutate({ name: detail.name, content: editContent })}\n                        disabled={mutation.isPending}\n                        className=\"inline-flex items-center gap-1 text-xs bg-indigo-600 text-white px-2 py-1 rounded hover:bg-indigo-700 disabled:bg-gray-400\"\n                      >\n                        <Save className=\"h-3 w-3\" />\n                        {mutation.isPending ? '保存中...' : '保存'}\n                      </button>\n                    </>\n                  )}\n                </div>\n              </div>\n              {editing ? (\n                <textarea\n                  value={editContent}\n                  onChange={(e) => setEditContent(e.target.value)}\n                  className=\"w-full font-mono text-xs bg-gray-50 rounded p-3 border border-gray-300 focus:border-indigo-500 focus:outline-none\"\n                  rows={20}\n                />\n              ) : (\n                <div className=\"bg-white rounded p-3 border border-gray-200 max-h-[500px] overflow-y-auto\">\n                  <MarkdownRenderer content={detail.content || ''} />\n                </div>\n              )}\n              {mutation.isError && (\n                <div className=\"text-xs text-red-600 mt-1\">保存失败：{(mutation.error as Error).message}</div>\n              )}\n            </div>\n          </div>\n        )}\n      </Drawer>\n    </div>\n  )\n}\n"],"names":["fetchAgents","res","data","fetchAgentDetail","name","saveAgent","content","authFetch","Agents","queryClient","useQueryClient","toast","useToast","agents","isLoading","useQuery","selectedAgent","setSelectedAgent","useState","editing","setEditing","editContent","setEditContent","detail","useEffect","mutation","useMutation","vars","e","renderTools","tools","t","jsx","jsxs","agent","Bot","FileCode","tool","Drawer","Fragment","X","Save","Edit2","MarkdownRenderer"],"mappings":"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"}
+{"version":3,"file":"Agents-FyKzsN-g.js","sources":["../../src/pages/Agents.tsx"],"sourcesContent":["import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'\nimport { useState, useEffect } from 'react'\nimport { Bot, FileCode, Edit2, Save, X } from 'lucide-react'\nimport Drawer from '../components/Drawer'\nimport MarkdownRenderer from '../components/MarkdownRenderer'\nimport { useToast } from '../components/Toast'\nimport { authFetch } from '../utils/auth'\n\ninterface Agent {\n  name: string\n  description: string\n  tools?: string | string[]\n  content?: string\n  version?: string\n  category?: string\n  source?: string\n}\n\ninterface AgentsResponse {\n  official?: Agent[]\n  user?: Agent[]\n}\n\nasync function fetchAgents(): Promise<Agent[]> {\n  const res = await fetch('/api/agents')\n  if (!res.ok) throw new Error('Failed to fetch agents')\n  const data: AgentsResponse | Agent[] = await res.json()\n  // API 可能返回 { official: [...], user: [...] } 或直接返回数组\n  if (Array.isArray(data)) return data\n  return [...(data.official || []), ...(data.user || [])]\n}\n\nasync function fetchAgentDetail(name: string): Promise<Agent> {\n  const res = await fetch(`/api/agents/${name}`)\n  if (!res.ok) throw new Error('Failed to fetch')\n  return res.json()\n}\n\nasync function saveAgent(name: string, content: string): Promise<void> {\n  const res = await authFetch(`/api/agents/${name}`, {\n    method: 'PUT',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify({ content }),\n  })\n  if (!res.ok) throw new Error('Failed to save')\n}\n\nexport default function Agents() {\n  const queryClient = useQueryClient()\n  const toast = useToast()\n  const { data: agents, isLoading } = useQuery({\n    queryKey: ['agents'],\n    queryFn: fetchAgents,\n  })\n\n  const [selectedAgent, setSelectedAgent] = useState<string | null>(null)\n  const [editing, setEditing] = useState(false)\n  const [editContent, setEditContent] = useState('')\n\n  const { data: detail } = useQuery({\n    queryKey: ['agent-detail', selectedAgent],\n    queryFn: () => fetchAgentDetail(selectedAgent!),\n    enabled: !!selectedAgent,\n  })\n\n  useEffect(() => {\n    if (detail?.content) setEditContent(detail.content)\n    setEditing(false)\n  }, [detail])\n\n  const mutation = useMutation({\n    mutationFn: (vars: { name: string; content: string }) => saveAgent(vars.name, vars.content),\n    onSuccess: () => {\n      toast.success('Agent 已保存')\n      setEditing(false)\n      queryClient.invalidateQueries({ queryKey: ['agent-detail', selectedAgent] })\n      queryClient.invalidateQueries({ queryKey: ['agents'] })\n    },\n    onError: (e: Error) => toast.error(`保存失败: ${e.message}`),\n  })\n\n  const renderTools = (tools?: string | string[]) => {\n    if (!tools) return []\n    if (typeof tools === 'string') return tools.split(',').map(t => t.trim())\n    return tools\n  }\n\n  if (isLoading) {\n    return <div className=\"bg-white rounded-lg shadow p-6\">加载中...</div>\n  }\n\n  return (\n    <div>\n      <div className=\"flex items-center justify-between mb-6\">\n        <h1 className=\"text-2xl font-bold text-gray-900\">Agent 管理</h1>\n        <div className=\"text-sm text-gray-500\">共 {agents?.length || 0} 个 Agent</div>\n      </div>\n\n      <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n        {agents?.map((agent) => {\n          const tools = renderTools(agent.tools)\n          return (\n            <div\n              key={agent.name}\n              className=\"bg-white rounded-lg shadow p-5 hover:shadow-md transition-shadow cursor-pointer\"\n              onClick={() => setSelectedAgent(agent.name)}\n            >\n              <div className=\"flex items-start gap-3 mb-3\">\n                <div className=\"w-10 h-10 rounded-lg bg-indigo-100 flex items-center justify-center flex-shrink-0\">\n                  <Bot className=\"h-5 w-5 text-indigo-600\" />\n                </div>\n                <div className=\"flex-1 min-w-0\">\n                  <h3 className=\"font-semibold text-gray-900 truncate\">{agent.name}</h3>\n                  <p className=\"text-xs text-gray-500 mt-1 line-clamp-2\">\n                    {agent.description || '(无描述)'}\n                  </p>\n                </div>\n              </div>\n\n              {tools.length > 0 && (\n                <div className=\"mt-3 pt-3 border-t border-gray-100\">\n                  <div className=\"flex items-center gap-1 text-xs text-gray-500 mb-2\">\n                    <FileCode className=\"h-3 w-3\" />可用工具 ({tools.length})\n                  </div>\n                  <div className=\"flex flex-wrap gap-1\">\n                    {tools.slice(0, 5).map((tool) => (\n                      <span key={tool} className=\"px-2 py-0.5 text-xs bg-gray-100 text-gray-700 rounded\">\n                        {tool}\n                      </span>\n                    ))}\n                    {tools.length > 5 && (\n                      <span className=\"text-xs text-gray-400\">+{tools.length - 5}</span>\n                    )}\n                  </div>\n                </div>\n              )}\n            </div>\n          )\n        })}\n      </div>\n\n      {/* Agent Detail Drawer */}\n      <Drawer\n        open={selectedAgent !== null}\n        onClose={() => { setSelectedAgent(null); setEditing(false) }}\n        title={`Agent: ${selectedAgent}`}\n        width=\"w-[800px]\"\n      >\n        {detail && (\n          <div className=\"space-y-4\">\n            <div className=\"flex items-center gap-2 mb-2\">\n              <Bot className=\"h-5 w-5 text-indigo-600\" />\n              <h3 className=\"text-lg font-semibold text-gray-900\">{detail.name}</h3>\n              {detail.version && (\n                <span className=\"text-xs text-gray-500\">v{detail.version}</span>\n              )}\n            </div>\n\n            <div>\n              <div className=\"text-xs text-gray-500 mb-1\">描述</div>\n              <div className=\"text-sm text-gray-800\">{detail.description}</div>\n            </div>\n\n            {detail.tools && (\n              <div>\n                <div className=\"text-xs text-gray-500 mb-1\">可用工具</div>\n                <div className=\"flex flex-wrap gap-1\">\n                  {renderTools(detail.tools).map(tool => (\n                    <span key={tool} className=\"px-2 py-0.5 text-xs bg-gray-100 text-gray-700 rounded\">\n                      {tool}\n                    </span>\n                  ))}\n                </div>\n              </div>\n            )}\n\n            <div>\n              <div className=\"flex items-center justify-between mb-2\">\n                <div className=\"text-xs text-gray-500\">完整内容 (Markdown)</div>\n                <div className=\"flex items-center gap-2\">\n                  {!editing ? (\n                    <button\n                      onClick={() => setEditing(true)}\n                      className=\"inline-flex items-center gap-1 text-xs text-indigo-600 hover:text-indigo-700\"\n                    >\n                      <Edit2 className=\"h-3 w-3\" />编辑\n                    </button>\n                  ) : (\n                    <>\n                      <button\n                        onClick={() => { setEditing(false); setEditContent(detail.content || '') }}\n                        className=\"inline-flex items-center gap-1 text-xs text-gray-600 hover:text-gray-700\"\n                      >\n                        <X className=\"h-3 w-3\" />取消\n                      </button>\n                      <button\n                        onClick={() => mutation.mutate({ name: detail.name, content: editContent })}\n                        disabled={mutation.isPending}\n                        className=\"inline-flex items-center gap-1 text-xs bg-indigo-600 text-white px-2 py-1 rounded hover:bg-indigo-700 disabled:bg-gray-400\"\n                      >\n                        <Save className=\"h-3 w-3\" />\n                        {mutation.isPending ? '保存中...' : '保存'}\n                      </button>\n                    </>\n                  )}\n                </div>\n              </div>\n              {editing ? (\n                <textarea\n                  value={editContent}\n                  onChange={(e) => setEditContent(e.target.value)}\n                  className=\"w-full font-mono text-xs bg-gray-50 rounded p-3 border border-gray-300 focus:border-indigo-500 focus:outline-none\"\n                  rows={20}\n                />\n              ) : (\n                <div className=\"bg-white rounded p-3 border border-gray-200 max-h-[500px] overflow-y-auto\">\n                  <MarkdownRenderer content={detail.content || ''} />\n                </div>\n              )}\n              {mutation.isError && (\n                <div className=\"text-xs text-red-600 mt-1\">保存失败：{(mutation.error as Error).message}</div>\n              )}\n            </div>\n          </div>\n        )}\n      </Drawer>\n    </div>\n  )\n}\n"],"names":["fetchAgents","res","data","fetchAgentDetail","name","saveAgent","content","authFetch","Agents","queryClient","useQueryClient","toast","useToast","agents","isLoading","useQuery","selectedAgent","setSelectedAgent","useState","editing","setEditing","editContent","setEditContent","detail","useEffect","mutation","useMutation","vars","e","renderTools","tools","t","jsx","jsxs","agent","Bot","FileCode","tool","Drawer","Fragment","X","Save","Edit2","MarkdownRenderer"],"mappings":"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"}

package/dist/web/static/assets/{Dashboard-qUCxXFSI.js → Dashboard-Ciyyw6ph.js}

@@ -1,2 +1,2 @@
-import{j as e}from"./react-vendor-CSp-GLFF.js";import{u as d}from"./query-C99w429o.js";import{b as w}from"./react-router-I-HqunH7.js";import{A as C,a as k,G as L,Z as $,g as q}from"./lucide-DjB4fWNj.js";import{R as m,A as R,C as j,X as g,Y as y,T as u,a as F,B as K,b as A,P as S,c as D,d as M,L as O}from"./charts-CLrM0_uM.js";import"./vendor-CMMjVdZs.js";async function E(){const s=await fetch("/api/status");if(!s.ok)throw new Error("Failed");return s.json()}async function P(){const s=await fetch("/api/stats");if(!s.ok)throw new Error("Failed");return s.json()}async function U(){const s=await fetch("/api/sessions?limit=1000");return s.ok?(await s.json()).length:0}async function B(){const s=await fetch("/api/routing/stats?window=168");return s.ok?s.json():null}async function I(){const s=await fetch("/api/methodology-executions?limit=1000");return s.ok?(await s.json()).length:0}function z(s){const t=Math.floor(s/86400),a=Math.floor(s%86400/3600),l=Math.floor(s%3600/60);return t>0?`${t}天 ${a}小时`:a>0?`${a}小时 ${l}分钟`:`${l}分钟`}const r={primary:"#6366f1",green:"#10b981",red:"#ef4444",yellow:"#f59e0b",blue:"#3b82f6",purple:"#8b5cf6"},b=[r.primary,r.green,r.yellow,r.red,r.purple,r.blue];function Q(){var f;const s=w(),{data:t}=d({queryKey:["status"],queryFn:E,refetchInterval:5e3}),{data:a}=d({queryKey:["system-stats"],queryFn:P,refetchInterval:3e4}),{data:l}=d({queryKey:["sessions-count"],queryFn:U}),{data:n}=d({queryKey:["dashboard-routing"],queryFn:B}),{data:c}=d({queryKey:["methodology-count"],queryFn:I}),p=(n==null?void 0:n.obedienceRate)!==null&&(n==null?void 0:n.obedienceRate)!==void 0?(n.obedienceRate*100).toFixed(0):"-",v=a!=null&&a.toolUsage?Object.entries(a.toolUsage).sort(([,i],[,o])=>o-i).slice(0,8).map(([i,o])=>({name:i,count:o})):[],h=a!=null&&a.decisionLevels?[{name:"允许",value:a.decisionLevels.allow,fill:r.green},{name:"警告",value:a.decisionLevels.warn,fill:r.yellow},{name:"阻断",value:a.decisionLevels.block,fill:r.red},{name:"确认",value:a.decisionLevels.confirm,fill:r.blue}].filter(i=>i.value>0):[],N=(a==null?void 0:a.dailyActivity)||[];return e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold text-gray-900 mb-6",children:"仪表盘"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6",children:[e.jsx(x,{icon:C,label:"总事件",value:((f=t==null?void 0:t.eventCount)==null?void 0:f.toString())||"-",color:"blue",onClick:()=>s("/events")}),e.jsx(x,{icon:k,label:"会话数",value:(l==null?void 0:l.toString())||"-",color:"purple",onClick:()=>s("/sessions")}),e.jsx(x,{icon:L,label:"方法论执行",value:(c==null?void 0:c.toString())||"-",color:"indigo",onClick:()=>s("/methodologies")}),e.jsx(x,{icon:$,label:"路由遵守率",value:`${p}%`,color:"green",onClick:()=>s("/routing")})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4 mb-6",children:[e.jsxs("div",{className:"bg-white rounded-lg shadow p-6",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsx("h3",{className:"text-base font-semibold text-gray-900",children:"最近 7 天活动"}),e.jsx("button",{onClick:()=>s("/events"),className:"text-xs text-indigo-600 hover:text-indigo-700",children:"查看全部事件 →"})]}),e.jsx(m,{width:"100%",height:240,children:e.jsxs(R,{data:N,onClick:()=>s("/events"),style:{cursor:"pointer"},children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"colorEvents",x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"5%",stopColor:r.primary,stopOpacity:.3}),e.jsx("stop",{offset:"95%",stopColor:r.primary,stopOpacity:0})]})}),e.jsx(j,{strokeDasharray:"3 3",stroke:"#f3f4f6"}),e.jsx(g,{dataKey:"date",tick:{fontSize:11},tickFormatter:i=>i==null?void 0:i.slice(5)}),e.jsx(y,{tick:{fontSize:11}}),e.jsx(u,{}),e.jsx(F,{type:"monotone",dataKey:"eventCount",stroke:r.primary,strokeWidth:2,fill:"url(#colorEvents)",name:"事件"})]})})]}),e.jsxs("div",{className:"bg-white rounded-lg shadow p-6",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsx("h3",{className:"text-base font-semibold text-gray-900",children:"工具使用分布"}),e.jsx("button",{onClick:()=>s("/events"),className:"text-xs text-indigo-600 hover:text-indigo-700",children:"查看详情 →"})]}),e.jsx(m,{width:"100%",height:240,children:e.jsxs(K,{data:v,layout:"vertical",onClick:i=>{i!=null&&i.activeLabel&&s(`/events?tool=${encodeURIComponent(i.activeLabel)}`)},style:{cursor:"pointer"},children:[e.jsx(j,{strokeDasharray:"3 3",stroke:"#f3f4f6"}),e.jsx(g,{type:"number",tick:{fontSize:11}}),e.jsx(y,{dataKey:"name",type:"category",tick:{fontSize:11},width:80}),e.jsx(u,{}),e.jsx(A,{dataKey:"count",fill:r.primary,radius:[0,4,4,0]})]})})]}),e.jsxs("div",{className:"bg-white rounded-lg shadow p-6",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsx("h3",{className:"text-base font-semibold text-gray-900",children:"治理决策分布"}),e.jsx("button",{onClick:()=>s("/execution-trace"),className:"text-xs text-indigo-600 hover:text-indigo-700",children:"查看追踪 →"})]}),h.length>0?e.jsx(m,{width:"100%",height:240,children:e.jsxs(S,{children:[e.jsx(D,{data:h,cx:"50%",cy:"50%",labelLine:!1,label:i=>`${i.name}: ${i.value}`,outerRadius:80,dataKey:"value",style:{cursor:"pointer"},onClick:()=>s("/execution-trace"),children:h.map((i,o)=>e.jsx(M,{fill:b[o%b.length]},o))}),e.jsx(u,{}),e.jsx(O,{})]})}):e.jsx("div",{className:"h-60 flex items-center justify-center text-gray-400 text-sm",children:"暂无决策数据"})]}),e.jsxs("div",{className:"bg-white rounded-lg shadow p-6",children:[e.jsxs("h3",{className:"flex items-center gap-2 text-base font-semibold text-gray-900 mb-4",children:[e.jsx(q,{className:"h-4 w-4 text-indigo-600"}),"系统状态"]}),e.jsxs("dl",{className:"space-y-3 text-sm",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("dt",{className:"text-gray-500",children:"PID"}),e.jsx("dd",{className:"font-mono text-gray-900",children:(t==null?void 0:t.pid)||"-"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("dt",{className:"text-gray-500",children:"运行时间"}),e.jsx("dd",{className:"text-gray-900",children:t!=null&&t.uptime?z(t.uptime):"-"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("dt",{className:"text-gray-500",children:"内存使用"}),e.jsx("dd",{className:"text-gray-900",children:t!=null&&t.memory?`${Math.round(t.memory.heapUsed/1024/1024)} MB`:"-"})]}),n&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"border-t pt-3 mt-3",children:e.jsx("dt",{className:"text-xs font-semibold text-gray-700 mb-2",children:"路由 (近 7 天)"})}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("dt",{className:"text-gray-500",children:"总路由"}),e.jsx("dd",{className:"font-mono text-gray-900",children:n.total})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("dt",{className:"text-gray-500",children:"遵守 / 违抗"}),e.jsxs("dd",{className:"font-mono",children:[e.jsx("span",{className:"text-green-600",children:n.obeyedCount}),e.jsx("span",{className:"text-gray-400 mx-1",children:"/"}),e.jsx("span",{className:"text-red-600",children:n.refusedCount})]})]})]})]})]})]})]})}function x({icon:s,label:t,value:a,color:l,onClick:n}){const c={blue:"bg-blue-100 text-blue-600",purple:"bg-purple-100 text-purple-600",indigo:"bg-indigo-100 text-indigo-600",green:"bg-green-100 text-green-600"};return e.jsxs("div",{className:`bg-white rounded-lg shadow p-5 ${n?"cursor-pointer hover:shadow-md transition-shadow":""}`,onClick:n,children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsx("span",{className:"text-sm text-gray-500",children:t}),e.jsx("div",{className:`w-8 h-8 rounded-lg flex items-center justify-center ${c[l]}`,children:e.jsx(s,{className:"h-4 w-4"})})]}),e.jsx("div",{className:"text-2xl font-bold text-gray-900",children:a})]})}export{Q as default};
-//# sourceMappingURL=Dashboard-qUCxXFSI.js.map
+import{j as e}from"./react-vendor-CSp-GLFF.js";import{u as d}from"./query-C99w429o.js";import{b as w}from"./react-router-I-HqunH7.js";import{A as C,a as k,G as L,Z as $,g as q}from"./lucide-BanPULT1.js";import{R as m,A as R,C as j,X as g,Y as y,T as u,a as F,B as K,b as A,P as S,c as D,d as M,L as O}from"./charts-CLrM0_uM.js";import"./vendor-CMMjVdZs.js";async function E(){const s=await fetch("/api/status");if(!s.ok)throw new Error("Failed");return s.json()}async function P(){const s=await fetch("/api/stats");if(!s.ok)throw new Error("Failed");return s.json()}async function U(){const s=await fetch("/api/sessions?limit=1000");return s.ok?(await s.json()).length:0}async function B(){const s=await fetch("/api/routing/stats?window=168");return s.ok?s.json():null}async function I(){const s=await fetch("/api/methodology-executions?limit=1000");return s.ok?(await s.json()).length:0}function z(s){const t=Math.floor(s/86400),a=Math.floor(s%86400/3600),l=Math.floor(s%3600/60);return t>0?`${t}天 ${a}小时`:a>0?`${a}小时 ${l}分钟`:`${l}分钟`}const r={primary:"#6366f1",green:"#10b981",red:"#ef4444",yellow:"#f59e0b",blue:"#3b82f6",purple:"#8b5cf6"},b=[r.primary,r.green,r.yellow,r.red,r.purple,r.blue];function Q(){var f;const s=w(),{data:t}=d({queryKey:["status"],queryFn:E,refetchInterval:5e3}),{data:a}=d({queryKey:["system-stats"],queryFn:P,refetchInterval:3e4}),{data:l}=d({queryKey:["sessions-count"],queryFn:U}),{data:n}=d({queryKey:["dashboard-routing"],queryFn:B}),{data:c}=d({queryKey:["methodology-count"],queryFn:I}),p=(n==null?void 0:n.obedienceRate)!==null&&(n==null?void 0:n.obedienceRate)!==void 0?(n.obedienceRate*100).toFixed(0):"-",v=a!=null&&a.toolUsage?Object.entries(a.toolUsage).sort(([,i],[,o])=>o-i).slice(0,8).map(([i,o])=>({name:i,count:o})):[],h=a!=null&&a.decisionLevels?[{name:"允许",value:a.decisionLevels.allow,fill:r.green},{name:"警告",value:a.decisionLevels.warn,fill:r.yellow},{name:"阻断",value:a.decisionLevels.block,fill:r.red},{name:"确认",value:a.decisionLevels.confirm,fill:r.blue}].filter(i=>i.value>0):[],N=(a==null?void 0:a.dailyActivity)||[];return e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold text-gray-900 mb-6",children:"仪表盘"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6",children:[e.jsx(x,{icon:C,label:"总事件",value:((f=t==null?void 0:t.eventCount)==null?void 0:f.toString())||"-",color:"blue",onClick:()=>s("/events")}),e.jsx(x,{icon:k,label:"会话数",value:(l==null?void 0:l.toString())||"-",color:"purple",onClick:()=>s("/sessions")}),e.jsx(x,{icon:L,label:"方法论执行",value:(c==null?void 0:c.toString())||"-",color:"indigo",onClick:()=>s("/methodologies")}),e.jsx(x,{icon:$,label:"路由遵守率",value:`${p}%`,color:"green",onClick:()=>s("/routing")})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4 mb-6",children:[e.jsxs("div",{className:"bg-white rounded-lg shadow p-6",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsx("h3",{className:"text-base font-semibold text-gray-900",children:"最近 7 天活动"}),e.jsx("button",{onClick:()=>s("/events"),className:"text-xs text-indigo-600 hover:text-indigo-700",children:"查看全部事件 →"})]}),e.jsx(m,{width:"100%",height:240,children:e.jsxs(R,{data:N,onClick:()=>s("/events"),style:{cursor:"pointer"},children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"colorEvents",x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"5%",stopColor:r.primary,stopOpacity:.3}),e.jsx("stop",{offset:"95%",stopColor:r.primary,stopOpacity:0})]})}),e.jsx(j,{strokeDasharray:"3 3",stroke:"#f3f4f6"}),e.jsx(g,{dataKey:"date",tick:{fontSize:11},tickFormatter:i=>i==null?void 0:i.slice(5)}),e.jsx(y,{tick:{fontSize:11}}),e.jsx(u,{}),e.jsx(F,{type:"monotone",dataKey:"eventCount",stroke:r.primary,strokeWidth:2,fill:"url(#colorEvents)",name:"事件"})]})})]}),e.jsxs("div",{className:"bg-white rounded-lg shadow p-6",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsx("h3",{className:"text-base font-semibold text-gray-900",children:"工具使用分布"}),e.jsx("button",{onClick:()=>s("/events"),className:"text-xs text-indigo-600 hover:text-indigo-700",children:"查看详情 →"})]}),e.jsx(m,{width:"100%",height:240,children:e.jsxs(K,{data:v,layout:"vertical",onClick:i=>{i!=null&&i.activeLabel&&s(`/events?tool=${encodeURIComponent(i.activeLabel)}`)},style:{cursor:"pointer"},children:[e.jsx(j,{strokeDasharray:"3 3",stroke:"#f3f4f6"}),e.jsx(g,{type:"number",tick:{fontSize:11}}),e.jsx(y,{dataKey:"name",type:"category",tick:{fontSize:11},width:80}),e.jsx(u,{}),e.jsx(A,{dataKey:"count",fill:r.primary,radius:[0,4,4,0]})]})})]}),e.jsxs("div",{className:"bg-white rounded-lg shadow p-6",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsx("h3",{className:"text-base font-semibold text-gray-900",children:"治理决策分布"}),e.jsx("button",{onClick:()=>s("/execution-trace"),className:"text-xs text-indigo-600 hover:text-indigo-700",children:"查看追踪 →"})]}),h.length>0?e.jsx(m,{width:"100%",height:240,children:e.jsxs(S,{children:[e.jsx(D,{data:h,cx:"50%",cy:"50%",labelLine:!1,label:i=>`${i.name}: ${i.value}`,outerRadius:80,dataKey:"value",style:{cursor:"pointer"},onClick:()=>s("/execution-trace"),children:h.map((i,o)=>e.jsx(M,{fill:b[o%b.length]},o))}),e.jsx(u,{}),e.jsx(O,{})]})}):e.jsx("div",{className:"h-60 flex items-center justify-center text-gray-400 text-sm",children:"暂无决策数据"})]}),e.jsxs("div",{className:"bg-white rounded-lg shadow p-6",children:[e.jsxs("h3",{className:"flex items-center gap-2 text-base font-semibold text-gray-900 mb-4",children:[e.jsx(q,{className:"h-4 w-4 text-indigo-600"}),"系统状态"]}),e.jsxs("dl",{className:"space-y-3 text-sm",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("dt",{className:"text-gray-500",children:"PID"}),e.jsx("dd",{className:"font-mono text-gray-900",children:(t==null?void 0:t.pid)||"-"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("dt",{className:"text-gray-500",children:"运行时间"}),e.jsx("dd",{className:"text-gray-900",children:t!=null&&t.uptime?z(t.uptime):"-"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("dt",{className:"text-gray-500",children:"内存使用"}),e.jsx("dd",{className:"text-gray-900",children:t!=null&&t.memory?`${Math.round(t.memory.heapUsed/1024/1024)} MB`:"-"})]}),n&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"border-t pt-3 mt-3",children:e.jsx("dt",{className:"text-xs font-semibold text-gray-700 mb-2",children:"路由 (近 7 天)"})}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("dt",{className:"text-gray-500",children:"总路由"}),e.jsx("dd",{className:"font-mono text-gray-900",children:n.total})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("dt",{className:"text-gray-500",children:"遵守 / 违抗"}),e.jsxs("dd",{className:"font-mono",children:[e.jsx("span",{className:"text-green-600",children:n.obeyedCount}),e.jsx("span",{className:"text-gray-400 mx-1",children:"/"}),e.jsx("span",{className:"text-red-600",children:n.refusedCount})]})]})]})]})]})]})]})}function x({icon:s,label:t,value:a,color:l,onClick:n}){const c={blue:"bg-blue-100 text-blue-600",purple:"bg-purple-100 text-purple-600",indigo:"bg-indigo-100 text-indigo-600",green:"bg-green-100 text-green-600"};return e.jsxs("div",{className:`bg-white rounded-lg shadow p-5 ${n?"cursor-pointer hover:shadow-md transition-shadow":""}`,onClick:n,children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsx("span",{className:"text-sm text-gray-500",children:t}),e.jsx("div",{className:`w-8 h-8 rounded-lg flex items-center justify-center ${c[l]}`,children:e.jsx(s,{className:"h-4 w-4"})})]}),e.jsx("div",{className:"text-2xl font-bold text-gray-900",children:a})]})}export{Q as default};
+//# sourceMappingURL=Dashboard-Ciyyw6ph.js.map

package/dist/web/static/assets/{Dashboard-qUCxXFSI.js.map → Dashboard-Ciyyw6ph.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Dashboard-qUCxXFSI.js","sources":["../../src/pages/Dashboard.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { useNavigate } from 'react-router-dom'\nimport { Activity, MessageSquare, GitBranch, Clock, Zap } from 'lucide-react'\nimport {\n  AreaChart, Area, BarChart, Bar, PieChart, Pie, Cell,\n  XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, Legend,\n} from 'recharts'\n\ninterface Stats {\n  pid: number\n  uptime: number\n  memory: any\n  eventCount: number\n}\n\ninterface SystemStats {\n  totalSessions: number\n  totalEvents: number\n  totalDecisions: number\n  toolUsage: Record<string, number>\n  decisionLevels: { block: number; warn: number; confirm: number; allow: number }\n  dailyActivity: Array<{ date: string; eventCount: number; sessionCount: number }>\n}\n\nasync function fetchStatus(): Promise<Stats> {\n  const res = await fetch('/api/status')\n  if (!res.ok) throw new Error('Failed')\n  return res.json()\n}\n\nasync function fetchSystemStats(): Promise<SystemStats> {\n  const res = await fetch('/api/stats')\n  if (!res.ok) throw new Error('Failed')\n  return res.json()\n}\n\nasync function fetchSessionsCount(): Promise<number> {\n  const res = await fetch('/api/sessions?limit=1000')\n  if (!res.ok) return 0\n  const sessions = await res.json()\n  return sessions.length\n}\n\nasync function fetchRoutingStats() {\n  const res = await fetch('/api/routing/stats?window=168')\n  if (!res.ok) return null\n  return res.json()\n}\n\nasync function fetchMethodologyCount(): Promise<number> {\n  const res = await fetch('/api/methodology-executions?limit=1000')\n  if (!res.ok) return 0\n  const executions = await res.json()\n  return executions.length\n}\n\nfunction formatUptime(seconds: number): string {\n  const days = Math.floor(seconds / 86400)\n  const hours = Math.floor((seconds % 86400) / 3600)\n  const minutes = Math.floor((seconds % 3600) / 60)\n  if (days > 0) return `${days}天 ${hours}小时`\n  if (hours > 0) return `${hours}小时 ${minutes}分钟`\n  return `${minutes}分钟`\n}\n\nconst COLORS = {\n  primary: '#6366f1',\n  green: '#10b981',\n  red: '#ef4444',\n  yellow: '#f59e0b',\n  blue: '#3b82f6',\n  purple: '#8b5cf6',\n  gray: '#6b7280',\n}\n\nconst PIE_COLORS = [COLORS.primary, COLORS.green, COLORS.yellow, COLORS.red, COLORS.purple, COLORS.blue]\n\nexport default function Dashboard() {\n  const navigate = useNavigate()\n  const { data: status } = useQuery({ queryKey: ['status'], queryFn: fetchStatus, refetchInterval: 5000 })\n  const { data: systemStats } = useQuery({ queryKey: ['system-stats'], queryFn: fetchSystemStats, refetchInterval: 30000 })\n  const { data: sessionsCount } = useQuery({ queryKey: ['sessions-count'], queryFn: fetchSessionsCount })\n  const { data: routingStats } = useQuery({ queryKey: ['dashboard-routing'], queryFn: fetchRoutingStats })\n  const { data: methodologyCount } = useQuery({ queryKey: ['methodology-count'], queryFn: fetchMethodologyCount })\n\n  const obediencePercent = routingStats?.obedienceRate !== null && routingStats?.obedienceRate !== undefined\n    ? (routingStats.obedienceRate * 100).toFixed(0)\n    : '-'\n\n  // 准备图表数据\n  const toolUsageData = systemStats?.toolUsage\n    ? Object.entries(systemStats.toolUsage)\n        .sort(([, a], [, b]) => b - a)\n        .slice(0, 8)\n        .map(([name, count]) => ({ name, count }))\n    : []\n\n  const decisionData = systemStats?.decisionLevels\n    ? [\n        { name: '允许', value: systemStats.decisionLevels.allow, fill: COLORS.green },\n        { name: '警告', value: systemStats.decisionLevels.warn, fill: COLORS.yellow },\n        { name: '阻断', value: systemStats.decisionLevels.block, fill: COLORS.red },\n        { name: '确认', value: systemStats.decisionLevels.confirm, fill: COLORS.blue },\n      ].filter(d => d.value > 0)\n    : []\n\n  const dailyData = systemStats?.dailyActivity || []\n\n  return (\n    <div>\n      <h1 className=\"text-2xl font-bold text-gray-900 mb-6\">仪表盘</h1>\n\n      {/* Stats grid */}\n      <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6\">\n        <StatCard icon={Activity} label=\"总事件\" value={status?.eventCount?.toString() || '-'} color=\"blue\" onClick={() => navigate('/events')} />\n        <StatCard icon={MessageSquare} label=\"会话数\" value={sessionsCount?.toString() || '-'} color=\"purple\" onClick={() => navigate('/sessions')} />\n        <StatCard icon={GitBranch} label=\"方法论执行\" value={methodologyCount?.toString() || '-'} color=\"indigo\" onClick={() => navigate('/methodologies')} />\n        <StatCard icon={Zap} label=\"路由遵守率\" value={`${obediencePercent}%`} color=\"green\" onClick={() => navigate('/routing')} />\n      </div>\n\n      {/* Charts */}\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-4 mb-6\">\n        {/* Daily activity */}\n        <div className=\"bg-white rounded-lg shadow p-6\">\n          <div className=\"flex items-center justify-between mb-4\">\n            <h3 className=\"text-base font-semibold text-gray-900\">最近 7 天活动</h3>\n            <button\n              onClick={() => navigate('/events')}\n              className=\"text-xs text-indigo-600 hover:text-indigo-700\"\n            >\n              查看全部事件 →\n            </button>\n          </div>\n          <ResponsiveContainer width=\"100%\" height={240}>\n            <AreaChart\n              data={dailyData}\n              onClick={() => navigate('/events')}\n              style={{ cursor: 'pointer' }}\n            >\n              <defs>\n                <linearGradient id=\"colorEvents\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                  <stop offset=\"5%\" stopColor={COLORS.primary} stopOpacity={0.3} />\n                  <stop offset=\"95%\" stopColor={COLORS.primary} stopOpacity={0} />\n                </linearGradient>\n              </defs>\n              <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#f3f4f6\" />\n              <XAxis dataKey=\"date\" tick={{ fontSize: 11 }} tickFormatter={(d) => d?.slice(5)} />\n              <YAxis tick={{ fontSize: 11 }} />\n              <Tooltip />\n              <Area\n                type=\"monotone\"\n                dataKey=\"eventCount\"\n                stroke={COLORS.primary}\n                strokeWidth={2}\n                fill=\"url(#colorEvents)\"\n                name=\"事件\"\n              />\n            </AreaChart>\n          </ResponsiveContainer>\n        </div>\n\n        {/* Tool usage */}\n        <div className=\"bg-white rounded-lg shadow p-6\">\n          <div className=\"flex items-center justify-between mb-4\">\n            <h3 className=\"text-base font-semibold text-gray-900\">工具使用分布</h3>\n            <button\n              onClick={() => navigate('/events')}\n              className=\"text-xs text-indigo-600 hover:text-indigo-700\"\n            >\n              查看详情 →\n            </button>\n          </div>\n          <ResponsiveContainer width=\"100%\" height={240}>\n            <BarChart\n              data={toolUsageData}\n              layout=\"vertical\"\n              onClick={(e: any) => {\n                if (e?.activeLabel) {\n                  navigate(`/events?tool=${encodeURIComponent(e.activeLabel)}`)\n                }\n              }}\n              style={{ cursor: 'pointer' }}\n            >\n              <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#f3f4f6\" />\n              <XAxis type=\"number\" tick={{ fontSize: 11 }} />\n              <YAxis dataKey=\"name\" type=\"category\" tick={{ fontSize: 11 }} width={80} />\n              <Tooltip />\n              <Bar dataKey=\"count\" fill={COLORS.primary} radius={[0, 4, 4, 0]} />\n            </BarChart>\n          </ResponsiveContainer>\n        </div>\n\n        {/* Decision distribution */}\n        <div className=\"bg-white rounded-lg shadow p-6\">\n          <div className=\"flex items-center justify-between mb-4\">\n            <h3 className=\"text-base font-semibold text-gray-900\">治理决策分布</h3>\n            <button\n              onClick={() => navigate('/execution-trace')}\n              className=\"text-xs text-indigo-600 hover:text-indigo-700\"\n            >\n              查看追踪 →\n            </button>\n          </div>\n          {decisionData.length > 0 ? (\n            <ResponsiveContainer width=\"100%\" height={240}>\n              <PieChart>\n                <Pie\n                  data={decisionData}\n                  cx=\"50%\"\n                  cy=\"50%\"\n                  labelLine={false}\n                  label={(entry) => `${entry.name}: ${entry.value}`}\n                  outerRadius={80}\n                  dataKey=\"value\"\n                  style={{ cursor: 'pointer' }}\n                  onClick={() => navigate('/execution-trace')}\n                >\n                  {decisionData.map((_, i) => (\n                    <Cell key={i} fill={PIE_COLORS[i % PIE_COLORS.length]} />\n                  ))}\n                </Pie>\n                <Tooltip />\n                <Legend />\n              </PieChart>\n            </ResponsiveContainer>\n          ) : (\n            <div className=\"h-60 flex items-center justify-center text-gray-400 text-sm\">暂无决策数据</div>\n          )}\n        </div>\n\n        {/* System info */}\n        <div className=\"bg-white rounded-lg shadow p-6\">\n          <h3 className=\"flex items-center gap-2 text-base font-semibold text-gray-900 mb-4\">\n            <Clock className=\"h-4 w-4 text-indigo-600\" />\n            系统状态\n          </h3>\n          <dl className=\"space-y-3 text-sm\">\n            <div className=\"flex justify-between\">\n              <dt className=\"text-gray-500\">PID</dt>\n              <dd className=\"font-mono text-gray-900\">{status?.pid || '-'}</dd>\n            </div>\n            <div className=\"flex justify-between\">\n              <dt className=\"text-gray-500\">运行时间</dt>\n              <dd className=\"text-gray-900\">{status?.uptime ? formatUptime(status.uptime) : '-'}</dd>\n            </div>\n            <div className=\"flex justify-between\">\n              <dt className=\"text-gray-500\">内存使用</dt>\n              <dd className=\"text-gray-900\">\n                {status?.memory ? `${Math.round(status.memory.heapUsed / 1024 / 1024)} MB` : '-'}\n              </dd>\n            </div>\n            {routingStats && (\n              <>\n                <div className=\"border-t pt-3 mt-3\">\n                  <dt className=\"text-xs font-semibold text-gray-700 mb-2\">路由 (近 7 天)</dt>\n                </div>\n                <div className=\"flex justify-between\">\n                  <dt className=\"text-gray-500\">总路由</dt>\n                  <dd className=\"font-mono text-gray-900\">{routingStats.total}</dd>\n                </div>\n                <div className=\"flex justify-between\">\n                  <dt className=\"text-gray-500\">遵守 / 违抗</dt>\n                  <dd className=\"font-mono\">\n                    <span className=\"text-green-600\">{routingStats.obeyedCount}</span>\n                    <span className=\"text-gray-400 mx-1\">/</span>\n                    <span className=\"text-red-600\">{routingStats.refusedCount}</span>\n                  </dd>\n                </div>\n              </>\n            )}\n          </dl>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction StatCard({ icon: Icon, label, value, color, onClick }: {\n  icon: any, label: string, value: string, color: string, onClick?: () => void\n}) {\n  const colorClass: Record<string, string> = {\n    blue: 'bg-blue-100 text-blue-600',\n    purple: 'bg-purple-100 text-purple-600',\n    indigo: 'bg-indigo-100 text-indigo-600',\n    green: 'bg-green-100 text-green-600',\n  }\n  return (\n    <div\n      className={`bg-white rounded-lg shadow p-5 ${onClick ? 'cursor-pointer hover:shadow-md transition-shadow' : ''}`}\n      onClick={onClick}\n    >\n      <div className=\"flex items-center justify-between mb-3\">\n        <span className=\"text-sm text-gray-500\">{label}</span>\n        <div className={`w-8 h-8 rounded-lg flex items-center justify-center ${colorClass[color]}`}>\n          <Icon className=\"h-4 w-4\" />\n        </div>\n      </div>\n      <div className=\"text-2xl font-bold text-gray-900\">{value}</div>\n    </div>\n  )\n}\n"],"names":["fetchStatus","res","fetchSystemStats","fetchSessionsCount","fetchRoutingStats","fetchMethodologyCount","formatUptime","seconds","days","hours","minutes","COLORS","PIE_COLORS","Dashboard","navigate","useNavigate","status","useQuery","systemStats","sessionsCount","routingStats","methodologyCount","obediencePercent","toolUsageData","a","b","name","count","decisionData","d","dailyData","jsx","jsxs","StatCard","Activity","_a","MessageSquare","GitBranch","Zap","ResponsiveContainer","AreaChart","CartesianGrid","XAxis","YAxis","Tooltip","Area","BarChart","e","Bar","PieChart","Pie","entry","_","i","Cell","Legend","Clock","Fragment","Icon","label","value","color","onClick","colorClass"],"mappings":"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"}
+{"version":3,"file":"Dashboard-Ciyyw6ph.js","sources":["../../src/pages/Dashboard.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { useNavigate } from 'react-router-dom'\nimport { Activity, MessageSquare, GitBranch, Clock, Zap } from 'lucide-react'\nimport {\n  AreaChart, Area, BarChart, Bar, PieChart, Pie, Cell,\n  XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, Legend,\n} from 'recharts'\n\ninterface Stats {\n  pid: number\n  uptime: number\n  memory: any\n  eventCount: number\n}\n\ninterface SystemStats {\n  totalSessions: number\n  totalEvents: number\n  totalDecisions: number\n  toolUsage: Record<string, number>\n  decisionLevels: { block: number; warn: number; confirm: number; allow: number }\n  dailyActivity: Array<{ date: string; eventCount: number; sessionCount: number }>\n}\n\nasync function fetchStatus(): Promise<Stats> {\n  const res = await fetch('/api/status')\n  if (!res.ok) throw new Error('Failed')\n  return res.json()\n}\n\nasync function fetchSystemStats(): Promise<SystemStats> {\n  const res = await fetch('/api/stats')\n  if (!res.ok) throw new Error('Failed')\n  return res.json()\n}\n\nasync function fetchSessionsCount(): Promise<number> {\n  const res = await fetch('/api/sessions?limit=1000')\n  if (!res.ok) return 0\n  const sessions = await res.json()\n  return sessions.length\n}\n\nasync function fetchRoutingStats() {\n  const res = await fetch('/api/routing/stats?window=168')\n  if (!res.ok) return null\n  return res.json()\n}\n\nasync function fetchMethodologyCount(): Promise<number> {\n  const res = await fetch('/api/methodology-executions?limit=1000')\n  if (!res.ok) return 0\n  const executions = await res.json()\n  return executions.length\n}\n\nfunction formatUptime(seconds: number): string {\n  const days = Math.floor(seconds / 86400)\n  const hours = Math.floor((seconds % 86400) / 3600)\n  const minutes = Math.floor((seconds % 3600) / 60)\n  if (days > 0) return `${days}天 ${hours}小时`\n  if (hours > 0) return `${hours}小时 ${minutes}分钟`\n  return `${minutes}分钟`\n}\n\nconst COLORS = {\n  primary: '#6366f1',\n  green: '#10b981',\n  red: '#ef4444',\n  yellow: '#f59e0b',\n  blue: '#3b82f6',\n  purple: '#8b5cf6',\n  gray: '#6b7280',\n}\n\nconst PIE_COLORS = [COLORS.primary, COLORS.green, COLORS.yellow, COLORS.red, COLORS.purple, COLORS.blue]\n\nexport default function Dashboard() {\n  const navigate = useNavigate()\n  const { data: status } = useQuery({ queryKey: ['status'], queryFn: fetchStatus, refetchInterval: 5000 })\n  const { data: systemStats } = useQuery({ queryKey: ['system-stats'], queryFn: fetchSystemStats, refetchInterval: 30000 })\n  const { data: sessionsCount } = useQuery({ queryKey: ['sessions-count'], queryFn: fetchSessionsCount })\n  const { data: routingStats } = useQuery({ queryKey: ['dashboard-routing'], queryFn: fetchRoutingStats })\n  const { data: methodologyCount } = useQuery({ queryKey: ['methodology-count'], queryFn: fetchMethodologyCount })\n\n  const obediencePercent = routingStats?.obedienceRate !== null && routingStats?.obedienceRate !== undefined\n    ? (routingStats.obedienceRate * 100).toFixed(0)\n    : '-'\n\n  // 准备图表数据\n  const toolUsageData = systemStats?.toolUsage\n    ? Object.entries(systemStats.toolUsage)\n        .sort(([, a], [, b]) => b - a)\n        .slice(0, 8)\n        .map(([name, count]) => ({ name, count }))\n    : []\n\n  const decisionData = systemStats?.decisionLevels\n    ? [\n        { name: '允许', value: systemStats.decisionLevels.allow, fill: COLORS.green },\n        { name: '警告', value: systemStats.decisionLevels.warn, fill: COLORS.yellow },\n        { name: '阻断', value: systemStats.decisionLevels.block, fill: COLORS.red },\n        { name: '确认', value: systemStats.decisionLevels.confirm, fill: COLORS.blue },\n      ].filter(d => d.value > 0)\n    : []\n\n  const dailyData = systemStats?.dailyActivity || []\n\n  return (\n    <div>\n      <h1 className=\"text-2xl font-bold text-gray-900 mb-6\">仪表盘</h1>\n\n      {/* Stats grid */}\n      <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6\">\n        <StatCard icon={Activity} label=\"总事件\" value={status?.eventCount?.toString() || '-'} color=\"blue\" onClick={() => navigate('/events')} />\n        <StatCard icon={MessageSquare} label=\"会话数\" value={sessionsCount?.toString() || '-'} color=\"purple\" onClick={() => navigate('/sessions')} />\n        <StatCard icon={GitBranch} label=\"方法论执行\" value={methodologyCount?.toString() || '-'} color=\"indigo\" onClick={() => navigate('/methodologies')} />\n        <StatCard icon={Zap} label=\"路由遵守率\" value={`${obediencePercent}%`} color=\"green\" onClick={() => navigate('/routing')} />\n      </div>\n\n      {/* Charts */}\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-4 mb-6\">\n        {/* Daily activity */}\n        <div className=\"bg-white rounded-lg shadow p-6\">\n          <div className=\"flex items-center justify-between mb-4\">\n            <h3 className=\"text-base font-semibold text-gray-900\">最近 7 天活动</h3>\n            <button\n              onClick={() => navigate('/events')}\n              className=\"text-xs text-indigo-600 hover:text-indigo-700\"\n            >\n              查看全部事件 →\n            </button>\n          </div>\n          <ResponsiveContainer width=\"100%\" height={240}>\n            <AreaChart\n              data={dailyData}\n              onClick={() => navigate('/events')}\n              style={{ cursor: 'pointer' }}\n            >\n              <defs>\n                <linearGradient id=\"colorEvents\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                  <stop offset=\"5%\" stopColor={COLORS.primary} stopOpacity={0.3} />\n                  <stop offset=\"95%\" stopColor={COLORS.primary} stopOpacity={0} />\n                </linearGradient>\n              </defs>\n              <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#f3f4f6\" />\n              <XAxis dataKey=\"date\" tick={{ fontSize: 11 }} tickFormatter={(d) => d?.slice(5)} />\n              <YAxis tick={{ fontSize: 11 }} />\n              <Tooltip />\n              <Area\n                type=\"monotone\"\n                dataKey=\"eventCount\"\n                stroke={COLORS.primary}\n                strokeWidth={2}\n                fill=\"url(#colorEvents)\"\n                name=\"事件\"\n              />\n            </AreaChart>\n          </ResponsiveContainer>\n        </div>\n\n        {/* Tool usage */}\n        <div className=\"bg-white rounded-lg shadow p-6\">\n          <div className=\"flex items-center justify-between mb-4\">\n            <h3 className=\"text-base font-semibold text-gray-900\">工具使用分布</h3>\n            <button\n              onClick={() => navigate('/events')}\n              className=\"text-xs text-indigo-600 hover:text-indigo-700\"\n            >\n              查看详情 →\n            </button>\n          </div>\n          <ResponsiveContainer width=\"100%\" height={240}>\n            <BarChart\n              data={toolUsageData}\n              layout=\"vertical\"\n              onClick={(e: any) => {\n                if (e?.activeLabel) {\n                  navigate(`/events?tool=${encodeURIComponent(e.activeLabel)}`)\n                }\n              }}\n              style={{ cursor: 'pointer' }}\n            >\n              <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#f3f4f6\" />\n              <XAxis type=\"number\" tick={{ fontSize: 11 }} />\n              <YAxis dataKey=\"name\" type=\"category\" tick={{ fontSize: 11 }} width={80} />\n              <Tooltip />\n              <Bar dataKey=\"count\" fill={COLORS.primary} radius={[0, 4, 4, 0]} />\n            </BarChart>\n          </ResponsiveContainer>\n        </div>\n\n        {/* Decision distribution */}\n        <div className=\"bg-white rounded-lg shadow p-6\">\n          <div className=\"flex items-center justify-between mb-4\">\n            <h3 className=\"text-base font-semibold text-gray-900\">治理决策分布</h3>\n            <button\n              onClick={() => navigate('/execution-trace')}\n              className=\"text-xs text-indigo-600 hover:text-indigo-700\"\n            >\n              查看追踪 →\n            </button>\n          </div>\n          {decisionData.length > 0 ? (\n            <ResponsiveContainer width=\"100%\" height={240}>\n              <PieChart>\n                <Pie\n                  data={decisionData}\n                  cx=\"50%\"\n                  cy=\"50%\"\n                  labelLine={false}\n                  label={(entry) => `${entry.name}: ${entry.value}`}\n                  outerRadius={80}\n                  dataKey=\"value\"\n                  style={{ cursor: 'pointer' }}\n                  onClick={() => navigate('/execution-trace')}\n                >\n                  {decisionData.map((_, i) => (\n                    <Cell key={i} fill={PIE_COLORS[i % PIE_COLORS.length]} />\n                  ))}\n                </Pie>\n                <Tooltip />\n                <Legend />\n              </PieChart>\n            </ResponsiveContainer>\n          ) : (\n            <div className=\"h-60 flex items-center justify-center text-gray-400 text-sm\">暂无决策数据</div>\n          )}\n        </div>\n\n        {/* System info */}\n        <div className=\"bg-white rounded-lg shadow p-6\">\n          <h3 className=\"flex items-center gap-2 text-base font-semibold text-gray-900 mb-4\">\n            <Clock className=\"h-4 w-4 text-indigo-600\" />\n            系统状态\n          </h3>\n          <dl className=\"space-y-3 text-sm\">\n            <div className=\"flex justify-between\">\n              <dt className=\"text-gray-500\">PID</dt>\n              <dd className=\"font-mono text-gray-900\">{status?.pid || '-'}</dd>\n            </div>\n            <div className=\"flex justify-between\">\n              <dt className=\"text-gray-500\">运行时间</dt>\n              <dd className=\"text-gray-900\">{status?.uptime ? formatUptime(status.uptime) : '-'}</dd>\n            </div>\n            <div className=\"flex justify-between\">\n              <dt className=\"text-gray-500\">内存使用</dt>\n              <dd className=\"text-gray-900\">\n                {status?.memory ? `${Math.round(status.memory.heapUsed / 1024 / 1024)} MB` : '-'}\n              </dd>\n            </div>\n            {routingStats && (\n              <>\n                <div className=\"border-t pt-3 mt-3\">\n                  <dt className=\"text-xs font-semibold text-gray-700 mb-2\">路由 (近 7 天)</dt>\n                </div>\n                <div className=\"flex justify-between\">\n                  <dt className=\"text-gray-500\">总路由</dt>\n                  <dd className=\"font-mono text-gray-900\">{routingStats.total}</dd>\n                </div>\n                <div className=\"flex justify-between\">\n                  <dt className=\"text-gray-500\">遵守 / 违抗</dt>\n                  <dd className=\"font-mono\">\n                    <span className=\"text-green-600\">{routingStats.obeyedCount}</span>\n                    <span className=\"text-gray-400 mx-1\">/</span>\n                    <span className=\"text-red-600\">{routingStats.refusedCount}</span>\n                  </dd>\n                </div>\n              </>\n            )}\n          </dl>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction StatCard({ icon: Icon, label, value, color, onClick }: {\n  icon: any, label: string, value: string, color: string, onClick?: () => void\n}) {\n  const colorClass: Record<string, string> = {\n    blue: 'bg-blue-100 text-blue-600',\n    purple: 'bg-purple-100 text-purple-600',\n    indigo: 'bg-indigo-100 text-indigo-600',\n    green: 'bg-green-100 text-green-600',\n  }\n  return (\n    <div\n      className={`bg-white rounded-lg shadow p-5 ${onClick ? 'cursor-pointer hover:shadow-md transition-shadow' : ''}`}\n      onClick={onClick}\n    >\n      <div className=\"flex items-center justify-between mb-3\">\n        <span className=\"text-sm text-gray-500\">{label}</span>\n        <div className={`w-8 h-8 rounded-lg flex items-center justify-center ${colorClass[color]}`}>\n          <Icon className=\"h-4 w-4\" />\n        </div>\n      </div>\n      <div className=\"text-2xl font-bold text-gray-900\">{value}</div>\n    </div>\n  )\n}\n"],"names":["fetchStatus","res","fetchSystemStats","fetchSessionsCount","fetchRoutingStats","fetchMethodologyCount","formatUptime","seconds","days","hours","minutes","COLORS","PIE_COLORS","Dashboard","navigate","useNavigate","status","useQuery","systemStats","sessionsCount","routingStats","methodologyCount","obediencePercent","toolUsageData","a","b","name","count","decisionData","d","dailyData","jsx","jsxs","StatCard","Activity","_a","MessageSquare","GitBranch","Zap","ResponsiveContainer","AreaChart","CartesianGrid","XAxis","YAxis","Tooltip","Area","BarChart","e","Bar","PieChart","Pie","entry","_","i","Cell","Legend","Clock","Fragment","Icon","label","value","color","onClick","colorClass"],"mappings":"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"}

package/dist/web/static/assets/{Drawer-DeKukfwJ.js → Drawer-DOUcx6m1.js}

@@ -1,2 +1,2 @@
-import{r as c,j as e}from"./react-vendor-CSp-GLFF.js";import{d as i}from"./vendor-CMMjVdZs.js";import{X as x}from"./lucide-DjB4fWNj.js";function y({open:t,onClose:s,title:a,children:n,width:o="w-[600px]"}){return c.useEffect(()=>{const r=l=>{l.key==="Escape"&&s()};return t&&(document.addEventListener("keydown",r),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",r),document.body.style.overflow=""}},[t,s]),e.jsxs(e.Fragment,{children:[e.jsx("div",{className:i("fixed inset-0 bg-gray-600 transition-opacity z-40",t?"bg-opacity-50 visible":"bg-opacity-0 invisible pointer-events-none"),onClick:s}),e.jsxs("div",{className:i("fixed inset-y-0 right-0 bg-white shadow-xl z-50 transform transition-transform flex flex-col",o,"max-w-full",t?"translate-x-0":"translate-x-full"),children:[e.jsxs("div",{className:"flex items-center justify-between px-6 py-4 border-b border-gray-200 flex-shrink-0",children:[e.jsx("h2",{className:"text-lg font-semibold text-gray-900",children:a}),e.jsx("button",{onClick:s,className:"text-gray-400 hover:text-gray-600 transition-colors",children:e.jsx(x,{className:"h-5 w-5"})})]}),e.jsx("div",{className:"flex-1 overflow-y-auto p-6",children:n})]})]})}export{y as D};
-//# sourceMappingURL=Drawer-DeKukfwJ.js.map
+import{r as c,j as e}from"./react-vendor-CSp-GLFF.js";import{d as i}from"./vendor-CMMjVdZs.js";import{X as x}from"./lucide-BanPULT1.js";function y({open:t,onClose:s,title:a,children:n,width:o="w-[600px]"}){return c.useEffect(()=>{const r=l=>{l.key==="Escape"&&s()};return t&&(document.addEventListener("keydown",r),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",r),document.body.style.overflow=""}},[t,s]),e.jsxs(e.Fragment,{children:[e.jsx("div",{className:i("fixed inset-0 bg-gray-600 transition-opacity z-40",t?"bg-opacity-50 visible":"bg-opacity-0 invisible pointer-events-none"),onClick:s}),e.jsxs("div",{className:i("fixed inset-y-0 right-0 bg-white shadow-xl z-50 transform transition-transform flex flex-col",o,"max-w-full",t?"translate-x-0":"translate-x-full"),children:[e.jsxs("div",{className:"flex items-center justify-between px-6 py-4 border-b border-gray-200 flex-shrink-0",children:[e.jsx("h2",{className:"text-lg font-semibold text-gray-900",children:a}),e.jsx("button",{onClick:s,className:"text-gray-400 hover:text-gray-600 transition-colors",children:e.jsx(x,{className:"h-5 w-5"})})]}),e.jsx("div",{className:"flex-1 overflow-y-auto p-6",children:n})]})]})}export{y as D};
+//# sourceMappingURL=Drawer-DOUcx6m1.js.map

package/dist/web/static/assets/{Drawer-DeKukfwJ.js.map → Drawer-DOUcx6m1.js.map}

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

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

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

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"Events-C2OCOKAD.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-BsWSpu2v.js

@@ -0,0 +1,3 @@
+import{r as y,j as e}from"./react-vendor-CSp-GLFF.js";import{b as D,u as k}from"./query-C99w429o.js";import{d as E}from"./vendor-CMMjVdZs.js";import{D as M}from"./Drawer-DOUcx6m1.js";import{C as b}from"./CodeBlock--H53gk46.js";import{S as A,g as J,d as L,a as q}from"./export-CbQTOt71.js";import{u as W}from"./index-CIRlno4E.js";import{W as $,l as B,D as O,A as R}from"./lucide-BanPULT1.js";import{f as T}from"./date-fns-CZ_bHujz.js";import"./syntax-highlighter-44FakypI.js";import"./react-router-I-HqunH7.js";async function G(m){let l="/api/routing/events?limit=200";m==="obeyed"?l+="&obeyed=1":m==="refused"?l+="&obeyed=0":m==="unknown"&&(l+="&obeyed=null");const h=await fetch(l);if(!h.ok)throw new Error("Failed to fetch");return h.json()}const V=[{value:"",label:"全部"},{value:"obeyed",label:"✓ 遵守"},{value:"refused",label:"✗ 违抗"},{value:"unknown",label:"? 未判定"}],H={obeyed:{label:"✓ 遵守",className:"bg-green-100 text-green-800 border border-green-200",title:"调用了推荐的 agent"},disobeyed:{label:"✗ 违抗",className:"bg-red-100 text-red-800 border border-red-200",title:"使用了其他工具而非推荐 agent"},investigation_only:{label:"◎ 仅侦察",className:"bg-orange-100 text-orange-800 border border-orange-200",title:"只做了代码调查（Read/Grep/Glob），未调用推荐 agent"},timeout:{label:"⏱ 超时",className:"bg-gray-100 text-gray-700 border border-gray-200",title:"30 秒内未检测到任何工具调用"},no_action:{label:"— 纯对话",className:"bg-gray-100 text-gray-600 border border-gray-200",title:"未使用任何工具（纯文字回答）"},not_applicable:{label:"· 未适用",className:"bg-gray-50 text-gray-500 border border-gray-200",title:"此消息未触发 agent 推荐，不涉及遵守判定"}};function F({verdict:m}){const l=H[m]??H.not_applicable;return e.jsx("span",{className:E("inline-flex items-center px-2 py-0.5 rounded text-xs whitespace-nowrap",l.className),title:l.title,children:l.label})}function K({events:m,routingTimestamp:l}){const[h,S]=y.useState(new Set),[n,N]=y.useState(!0),u=m.filter(t=>t.hook_type==="PostToolUse"&&t.tool_name),v=new Set(["Read","Grep","Glob"]),a=u.filter(t=>t.tool_name&&v.has(t.tool_name)),r=u.filter(t=>t.tool_name&&!v.has(t.tool_name)),o=t=>v.has(t)?"🔍":["Edit","Write","MultiEdit"].includes(t)?"✏️":t==="Bash"?"⚙️":["Agent","Task"].includes(t)?"🤖":"📦",j=t=>{S(c=>{const x=new Set(c);return x.has(t)?x.delete(t):x.add(t),x})},f=t=>{if(!t)return null;try{return JSON.parse(t)}catch{return null}};return e.jsxs("div",{className:"space-y-3",children:[a.length>0&&e.jsxs("div",{className:"border border-gray-200 rounded-lg p-3",children:[e.jsxs("button",{onClick:()=>N(!n),className:"flex items-center gap-2 text-sm text-gray-700 hover:text-gray-900 w-full",children:[e.jsxs("span",{children:["🔍 侦察 × ",a.length," 次"]}),e.jsx("span",{className:"text-xs text-gray-500",children:n?"(展开)":"(收起)"})]}),!n&&e.jsx("div",{className:"mt-2 space-y-2 pl-4 border-l-2 border-gray-200",children:a.map(t=>{const c=((new Date(t.timestamp).getTime()-l)/1e3).toFixed(1),x=f(t.tool_input),d=f(t.tool_output),g=h.has(t.event_id),_=d==null?void 0:d.error;return e.jsxs("div",{className:"text-xs",children:[e.jsxs("button",{onClick:()=>j(t.event_id),className:"flex items-center gap-2 hover:bg-gray-50 p-1 rounded w-full text-left",children:[e.jsxs("span",{className:"text-gray-400 font-mono",children:[c,"s"]}),e.jsx("span",{children:o(t.tool_name)}),e.jsx("span",{className:"font-medium",children:t.tool_name}),_?e.jsx("span",{className:"text-red-600",children:"✗"}):e.jsx("span",{className:"text-green-600",children:"•"})]}),g&&e.jsxs("div",{className:"mt-1 ml-4 space-y-1",children:[x&&e.jsxs("div",{children:[e.jsx("div",{className:"text-gray-500 mb-0.5",children:"Input:"}),e.jsx(b,{data:x,language:"json",maxHeight:"150px"})]}),d&&e.jsxs("div",{children:[e.jsx("div",{className:"text-gray-500 mb-0.5",children:"Output:"}),e.jsx(b,{data:d,language:"json",maxHeight:"150px"})]})]})]},t.event_id)})})]}),e.jsx("div",{className:"space-y-2 pl-4 border-l-2 border-indigo-200",children:r.map(t=>{const c=((new Date(t.timestamp).getTime()-l)/1e3).toFixed(1),x=f(t.tool_input),d=f(t.tool_output),g=h.has(t.event_id),_=d==null?void 0:d.error;return e.jsxs("div",{className:"text-sm",children:[e.jsxs("button",{onClick:()=>j(t.event_id),className:"flex items-center gap-2 hover:bg-gray-50 p-2 rounded w-full text-left",children:[e.jsxs("span",{className:"text-gray-400 font-mono text-xs",children:[c,"s"]}),e.jsx("span",{children:o(t.tool_name)}),e.jsx("span",{className:"font-medium",children:t.tool_name}),_?e.jsx("span",{className:"text-red-600",children:"✗"}):e.jsx("span",{className:"text-green-600",children:"•"})]}),g&&e.jsxs("div",{className:"mt-2 ml-8 space-y-2",children:[x&&e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"Input:"}),e.jsx(b,{data:x,language:"json",maxHeight:"200px"})]}),d&&e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"Output:"}),e.jsx(b,{data:d,language:"json",maxHeight:"200px"})]})]})]},t.event_id)})}),u.length===0&&e.jsx("div",{className:"text-center text-gray-500 text-sm py-8",children:"此次执行未产生工具调用记录"})]})}function P({events:m}){const[l,h]=y.useState(new Set),S=new Set(["Edit","Write","MultiEdit","Bash"]),n=m.filter(a=>a.hook_type==="PostToolUse"&&a.tool_name&&S.has(a.tool_name)),N=a=>{h(r=>{const o=new Set(r);return o.has(a)?o.delete(a):o.add(a),o})},u=a=>{if(!a)return null;try{return JSON.parse(a)}catch{return null}},v=a=>a?a.split(`
+`).length:0;return e.jsxs("div",{className:"space-y-3",children:[n.map(a=>{const r=u(a.tool_input),o=u(a.tool_output),j=l.has(a.event_id);if(a.tool_name==="Bash"){const f=(r==null?void 0:r.command)||"",t=(o==null?void 0:o.stdout)||"",c=(o==null?void 0:o.stderr)||"";return e.jsxs("div",{className:"border border-gray-200 rounded-lg overflow-hidden",children:[e.jsxs("button",{onClick:()=>N(a.event_id),className:"w-full px-4 py-3 bg-gray-50 hover:bg-gray-100 text-left flex items-center gap-2",children:[e.jsx("span",{children:"⚙️"}),e.jsxs("span",{className:"font-mono text-sm flex-1 truncate",children:["$ ",f]}),e.jsx("span",{className:"text-xs text-gray-500",children:j?"收起":"展开"})]}),j&&e.jsxs("div",{className:"p-4 space-y-2",children:[t&&e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"stdout:"}),e.jsx(b,{data:t,language:"bash",maxHeight:"300px"})]}),c&&e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"stderr:"}),e.jsx(b,{data:c,language:"bash",maxHeight:"300px"})]})]})]},a.event_id)}if(["Edit","Write","MultiEdit"].includes(a.tool_name)){const f=(r==null?void 0:r.file_path)||"(unknown)",t=(r==null?void 0:r.old_string)||"",c=(r==null?void 0:r.new_string)||(r==null?void 0:r.content)||"",x=a.tool_name==="Write"||!t,d=v(c),g=v(t);return e.jsxs("div",{className:"border border-gray-200 rounded-lg overflow-hidden",children:[e.jsxs("button",{onClick:()=>N(a.event_id),className:"w-full px-4 py-3 bg-gray-50 hover:bg-gray-100 text-left flex items-center gap-2",children:[e.jsx("span",{children:"📄"}),e.jsx("span",{className:"font-mono text-sm flex-1 truncate",children:f}),e.jsx("span",{className:"text-xs px-2 py-0.5 rounded bg-blue-100 text-blue-700",children:x?"+新增":"~修改"}),!x&&e.jsxs("span",{className:"text-xs text-gray-500",children:["+",d,"/-",g]}),e.jsx("span",{className:"text-xs text-gray-500",children:j?"收起":"展开"})]}),j&&e.jsxs("div",{className:"p-4 space-y-2",children:[t&&e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"Before:"}),e.jsx(b,{data:t,language:"typescript",maxHeight:"200px"})]}),c&&e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:x?"Content:":"After:"}),e.jsx(b,{data:c,language:"typescript",maxHeight:"200px"})]})]})]},a.event_id)}return null}),n.length===0&&e.jsx("div",{className:"text-center text-gray-500 text-sm py-8",children:"此次执行未产生文件改动"})]})}async function Q(m){const l=await fetch(`/api/execution-trace/${m}`);if(!l.ok)throw new Error("Failed to fetch execution detail");return l.json()}function re(){const[m,l]=y.useState(""),[h,S]=y.useState(""),[n,N]=y.useState(null),[u,v]=y.useState("basic"),[a,r]=y.useState(!1),[o,j]=y.useState(!1),f=W(),t=D();y.useEffect(()=>{const s=new EventSource("/api/execution-trace/stream");return s.onopen=()=>r(!0),s.onerror=()=>r(!1),s.onmessage=i=>{try{JSON.parse(i.data).type==="execution-status"&&t.invalidateQueries({queryKey:["routing-events"]})}catch{}},()=>{s.close(),r(!1)}},[t]);const{data:c,isLoading:x}=k({queryKey:["routing-events",m],queryFn:()=>G(m),refetchInterval:1e4}),{data:d}=k({queryKey:["execution-detail",n==null?void 0:n.id],queryFn:()=>Q(n.id),enabled:n!==null}),g=y.useMemo(()=>{if(!c)return[];if(!h.trim())return c;const s=h.toLowerCase();return c.filter(i=>{var C,p,w;return((C=i.prompt)==null?void 0:C.toLowerCase().includes(s))||((p=i.routed_to_name)==null?void 0:p.toLowerCase().includes(s))||((w=i.first_tool_name)==null?void 0:w.toLowerCase().includes(s))})},[c,h]),_=s=>{const i=J();if(s==="json")L(`routing-events-${i}.json`,g);else{const C=g.map(p=>{let w={};try{w=JSON.parse(p.intent_json||"{}")}catch{}return{id:p.id,ts:p.ts?T(p.ts,"yyyy-MM-dd HH:mm:ss"):"",prompt:p.prompt,taskType:w.taskType||"",complexity:w.complexity||"",routed_to:p.routed_to_name||"",obeyed:p.obeyed===1?"yes":p.obeyed===0?"no":"",first_tool:p.first_tool_name||"",duration_ms:p.total_execution_ms||"",refusal_reason:p.refusal_reason||""}});q(`routing-events-${i}.csv`,C)}f.success(`已导出 ${g.length} 条追踪记录`),j(!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:a?e.jsxs(e.Fragment,{children:[e.jsx($,{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(B,{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(A,{value:h,onChange:S,placeholder:"搜索 prompt / agent / tool...",className:"w-56"}),e.jsx("div",{className:"flex items-center gap-1",children:V.map(s=>e.jsx("button",{onClick:()=>l(s.value),className:E("px-2.5 py-1.5 text-xs rounded-md",m===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:()=>j(s=>!s),disabled:g.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(O,{className:"h-4 w-4"}),"导出"]}),o&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fixed inset-0 z-10",onClick:()=>j(!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:()=>_("json"),className:"block w-full text-left px-4 py-2 text-sm hover:bg-gray-50",children:"导出为 JSON"}),e.jsx("button",{onClick:()=>_("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:["显示 ",g.length," 条 ",h&&"（已过滤）"]}),e.jsx("div",{className:"bg-white rounded-lg shadow overflow-hidden",children:x?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:[g.map(s=>{let i={};try{i=JSON.parse(s.intent_json||"{}")}catch{}return e.jsxs("tr",{className:"hover:bg-gray-50 cursor-pointer",onClick:()=>N(s),children:[e.jsx("td",{className:"px-4 py-2 whitespace-nowrap text-xs font-mono text-gray-500",children:T(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:[i.taskType," / ",i.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:e.jsx(F,{verdict:s.verdict})}),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)}),g.length===0&&e.jsx("tr",{children:e.jsxs("td",{colSpan:6,className:"px-4 py-12 text-center text-gray-500",children:[e.jsx(R,{className:"h-12 w-12 text-gray-300 mx-auto mb-2"}),h?"无匹配结果":"暂无追踪记录"]})})]})]})}),e.jsx(M,{open:n!==null,onClose:()=>{N(null),v("basic")},title:"Agent 执行详情",children:n&&d&&(()=>{let s={};try{s=JSON.parse(n.intent_json||"{}")}catch{}return e.jsxs("div",{className:"space-y-4",children:[e.jsx("div",{className:"flex gap-2 border-b border-gray-200 pb-2",children:["basic","timeline","artifacts"].map(i=>e.jsxs("button",{onClick:()=>v(i),className:E("px-3 py-1.5 text-sm rounded-md transition-colors",u===i?"bg-indigo-100 text-indigo-700 font-medium":"text-gray-600 hover:bg-gray-100"),children:[i==="basic"&&"基本",i==="timeline"&&"过程",i==="artifacts"&&"产物"]},i))}),u==="basic"&&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:n.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:n.routed_to_name||"未路由"})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"遵守状态"}),e.jsx("div",{children:e.jsx(F,{verdict:n.verdict})})]})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"意图分类"}),e.jsx(b,{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:n.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:[n.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:n.total_execution_ms?`${(n.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:n.completion_reason||"-"})]})]}),n.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:n.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:n.session_id})]})]}),u==="timeline"&&e.jsx(K,{events:d.events,routingTimestamp:n.ts}),u==="artifacts"&&e.jsx(P,{events:d.events})]})})()})]})}export{re as default};
+//# sourceMappingURL=ExecutionTrace-BsWSpu2v.js.map