@winspan/claude-forge 8.50.6 → 8.51.1

package/dist/web/static/assets/{Dashboard-D7Bo6Kan.js.map → Dashboard-CoEmmIDt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Dashboard-D7Bo6Kan.js","sources":["../../src/pages/Dashboard.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { useNavigate } from 'react-router-dom'\nimport { Activity, MessageSquare, Clock, BookOpen, Bot, ShieldAlert, AlertTriangle, AlertCircle, Info } from 'lucide-react'\nimport {\n  AreaChart, Area, BarChart, Bar,\n  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  toolUsage: Record<string, number>\n  dailyActivity: Array<{ date: string; eventCount: number; sessionCount: number }>\n  skillInvocations: number\n}\n\ninterface SkillInvocationStats {\n  days: number\n  total: number\n  invocations: Array<{ skill_id: string; total: number; success: number; failed: number }>\n}\n\ninterface RoutingStats {\n  days: number\n  total: number\n  agentCalls: number\n  noAgent: number\n  agentRate: number\n  byAgent: Array<{ agent: string; count: number }>\n}\n\ninterface RuleHitRate {\n  period: { days: number; since: string }\n  summary: {\n    totalPrompts: number\n    agentDelegations: number\n    agentRate: string\n    skillInvocations: number\n    skillRate: string\n  }\n  skills: Array<{ skill_id: string; total: number; success: number; failed: number; rate: string }>\n  agents: Array<{ agent: string; count: number; rate: string }>\n  neverTriggered: string[]\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 fetchSkillInvocations(): Promise<SkillInvocationStats> {\n  const res = await fetch('/api/skill-stats/invocations?days=7')\n  if (!res.ok) throw new Error('Failed')\n  return res.json()\n}\n\nasync function fetchRoutingStats(): Promise<RoutingStats> {\n  const res = await fetch('/api/routing/stats?days=7')\n  if (!res.ok) throw new Error('Failed')\n  return res.json()\n}\n\nasync function fetchRuleHitRate(): Promise<RuleHitRate> {\n  const res = await fetch('/api/rules/hit-rate?days=7')\n  if (!res.ok) throw new Error('Failed')\n  return res.json()\n}\n\ninterface AntiPattern {\n  id: string\n  type: 'edit_loop' | 'tool_failure_spike' | 'no_commit' | 'event_overflow'\n  severity: 'info' | 'warn' | 'critical'\n  title: string\n  description: string\n  detail: Record<string, unknown>\n  detectedAt: string\n  sessionId?: string\n  filePath?: string\n}\n\ninterface InsightsResponse {\n  generatedAt: string\n  windowDays: number\n  summary: { total: number; critical: number; warn: number; info: number }\n  patterns: AntiPattern[]\n}\n\nasync function fetchInsights(): Promise<InsightsResponse> {\n  const res = await fetch('/api/insights?days=7')\n  if (!res.ok) throw new Error('Failed')\n  return res.json()\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}\n\nconst PIE_COLORS = ['#6366f1', '#e5e7eb']\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: skillStats } = useQuery({ queryKey: ['skill-invocations'], queryFn: fetchSkillInvocations, refetchInterval: 30000 })\n  const { data: routingStats } = useQuery({ queryKey: ['routing-stats'], queryFn: fetchRoutingStats, refetchInterval: 30000 })\n  const { data: ruleHitRate } = useQuery({ queryKey: ['rule-hit-rate'], queryFn: fetchRuleHitRate, refetchInterval: 30000 })\n  const { data: insights } = useQuery({ queryKey: ['insights'], queryFn: fetchInsights, refetchInterval: 60000 })\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 dailyData = systemStats?.dailyActivity || []\n  const skillData = skillStats?.invocations.slice(0, 8) || []\n  const agentPieData = routingStats\n    ? [\n        { name: 'Agent 调用', value: routingStats.agentCalls },\n        { name: '直接执行', value: routingStats.noAgent },\n      ]\n    : []\n  const agentByTypeData = routingStats?.byAgent.slice(0, 6) || []\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={BookOpen} label=\"Skill 调用\" value={skillStats?.total?.toString() || '0'} color=\"green\" />\n        <StatCard\n          icon={Bot}\n          label={`Agent 调用率 (${routingStats?.days ?? 7}天)`}\n          value={routingStats ? `${routingStats.agentRate}%` : '-'}\n          color=\"indigo\"\n        />\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 data={dailyData}>\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          </div>\n          <ResponsiveContainer width=\"100%\" height={240}>\n            <BarChart data={toolUsageData} layout=\"vertical\">\n              <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#f3f4f6\" />\n              <XAxis type=\"number\" tick={{ fontSize: 11 }} />\n              <YAxis dataKey=\"name\" type=\"category\" tick={{ fontSize: 11 }} width={80} />\n              <Tooltip />\n              <Bar dataKey=\"count\" fill={COLORS.primary} radius={[0, 4, 4, 0]} />\n            </BarChart>\n          </ResponsiveContainer>\n        </div>\n\n        {/* Skill 调用统计 */}\n        <div className=\"bg-white rounded-lg shadow p-6\">\n          <div className=\"flex items-center justify-between mb-4\">\n            <h3 className=\"flex items-center gap-2 text-base font-semibold text-gray-900\">\n              <BookOpen className=\"h-4 w-4 text-green-600\" />\n              Skill 调用统计 ({skillStats?.days ?? 7} 天)\n            </h3>\n            <span className=\"text-xs text-gray-500\">共 {skillStats?.total ?? 0} 次</span>\n          </div>\n          {skillData.length > 0 ? (\n            <ResponsiveContainer width=\"100%\" height={240}>\n              <BarChart data={skillData} layout=\"vertical\">\n                <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#f3f4f6\" />\n                <XAxis type=\"number\" tick={{ fontSize: 11 }} />\n                <YAxis dataKey=\"skill_id\" type=\"category\" tick={{ fontSize: 10 }} width={140} />\n                <Tooltip />\n                <Legend wrapperStyle={{ fontSize: 11 }} />\n                <Bar dataKey=\"success\" stackId=\"a\" fill={COLORS.green} name=\"成功\" radius={[0, 0, 0, 0]} />\n                <Bar dataKey=\"failed\" stackId=\"a\" fill=\"#ef4444\" name=\"失败\" radius={[0, 4, 4, 0]} />\n              </BarChart>\n            </ResponsiveContainer>\n          ) : (\n            <div className=\"flex items-center justify-center h-[240px] text-sm text-gray-400\">\n              暂无 Skill 调用记录\n            </div>\n          )}\n        </div>\n\n        {/* Agent 调用率 */}\n        <div className=\"bg-white rounded-lg shadow p-6\">\n          <div className=\"flex items-center justify-between mb-4\">\n            <h3 className=\"flex items-center gap-2 text-base font-semibold text-gray-900\">\n              <Bot className=\"h-4 w-4 text-indigo-600\" />\n              Agent 调用率 ({routingStats?.days ?? 7} 天)\n            </h3>\n            <span className=\"text-xs text-gray-500\">\n              {routingStats ? `${routingStats.agentCalls} / ${routingStats.total}` : '-'}\n            </span>\n          </div>\n          {routingStats && routingStats.total > 0 ? (\n            <ResponsiveContainer width=\"100%\" height={240}>\n              <PieChart>\n                <Pie\n                  data={agentPieData}\n                  dataKey=\"value\"\n                  nameKey=\"name\"\n                  cx=\"50%\"\n                  cy=\"50%\"\n                  innerRadius={50}\n                  outerRadius={80}\n                  label={({ name, percent }) => `${name}: ${((percent ?? 0) * 100).toFixed(0)}%`}\n                  labelLine={false}\n                >\n                  {agentPieData.map((_, idx) => (\n                    <Cell key={idx} fill={PIE_COLORS[idx]} />\n                  ))}\n                </Pie>\n                <Tooltip />\n              </PieChart>\n            </ResponsiveContainer>\n          ) : (\n            <div className=\"flex items-center justify-center h-[240px] text-sm text-gray-400\">\n              暂无路由记录\n            </div>\n          )}\n        </div>\n\n        {/* Agent 类型分布 */}\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\">Agent 类型分布</h3>\n          </div>\n          {agentByTypeData.length > 0 ? (\n            <ResponsiveContainer width=\"100%\" height={240}>\n              <BarChart data={agentByTypeData} layout=\"vertical\">\n                <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#f3f4f6\" />\n                <XAxis type=\"number\" tick={{ fontSize: 11 }} />\n                <YAxis dataKey=\"agent\" type=\"category\" tick={{ fontSize: 11 }} width={120} />\n                <Tooltip />\n                <Bar dataKey=\"count\" fill={COLORS.primary} radius={[0, 4, 4, 0]} />\n              </BarChart>\n            </ResponsiveContainer>\n          ) : (\n            <div className=\"flex items-center justify-center h-[240px] text-sm text-gray-400\">\n              暂无 Agent 调用记录\n            </div>\n          )}\n        </div>\n\n        {/* Rule Hit Rate */}\n        <RuleHitRateCard data={ruleHitRate} />\n\n        {/* Workflow Insights */}\n        <InsightsCard data={insights} onSelectSession={(id) => navigate(`/sessions/${id}`)} />\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          </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\nfunction RuleHitRateCard({ data }: { data?: RuleHitRate }) {\n  const topSkills = data?.skills.slice(0, 5) || []\n\n  return (\n    <div className=\"bg-white rounded-lg shadow p-6 lg:col-span-2\">\n      <div className=\"flex items-center justify-between mb-4\">\n        <h3 className=\"flex items-center gap-2 text-base font-semibold text-gray-900\">\n          <ShieldAlert className=\"h-4 w-4 text-amber-600\" />\n          规则命中率 ({data?.period.days ?? 7} 天)\n        </h3>\n        <span className=\"text-xs text-gray-500\">\n          共 {data?.summary.totalPrompts ?? 0} 次路由\n        </span>\n      </div>\n\n      {/* Top metrics */}\n      <div className=\"grid grid-cols-2 gap-4 mb-5\">\n        <div className=\"bg-indigo-50 rounded-lg p-4 text-center\">\n          <div className=\"text-2xl font-bold text-indigo-700\">\n            {data?.summary.agentRate ?? '0%'}\n          </div>\n          <div className=\"text-xs text-indigo-600 mt-1\">Agent 委托率</div>\n        </div>\n        <div className=\"bg-green-50 rounded-lg p-4 text-center\">\n          <div className=\"text-2xl font-bold text-green-700\">\n            {data?.summary.skillRate ?? '0%'}\n          </div>\n          <div className=\"text-xs text-green-600 mt-1\">Skill 触发率</div>\n        </div>\n      </div>\n\n      {/* Top 5 Skill bar chart */}\n      {topSkills.length > 0 ? (\n        <div className=\"mb-5\">\n          <h4 className=\"text-sm font-medium text-gray-700 mb-2\">Top Skill 调用排行</h4>\n          <ResponsiveContainer width=\"100%\" height={160}>\n            <BarChart data={topSkills} layout=\"vertical\">\n              <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#f3f4f6\" />\n              <XAxis type=\"number\" tick={{ fontSize: 11 }} />\n              <YAxis dataKey=\"skill_id\" type=\"category\" tick={{ fontSize: 10 }} width={140} />\n              <Tooltip />\n              <Bar dataKey=\"total\" fill=\"#10b981\" radius={[0, 4, 4, 0]} name=\"调用次数\" />\n            </BarChart>\n          </ResponsiveContainer>\n        </div>\n      ) : (\n        <div className=\"flex items-center justify-center h-[100px] text-sm text-gray-400 mb-5\">\n          暂无 Skill 调用记录\n        </div>\n      )}\n\n      {/* Never triggered */}\n      {data && data.neverTriggered.length > 0 && (\n        <div>\n          <h4 className=\"text-sm font-medium text-gray-700 mb-2\">\n            从未触发的规则 ({data.neverTriggered.length})\n          </h4>\n          <div className=\"flex flex-wrap gap-2\">\n            {data.neverTriggered.map(id => (\n              <span key={id} className=\"text-xs bg-gray-100 text-gray-500 px-2 py-1 rounded\">\n                {id}\n              </span>\n            ))}\n          </div>\n          <p className=\"text-xs text-gray-400 mt-2\">\n            这些 Skill 在过去 {data.period.days} 天内从未被触发，可考虑清理或优化关键词\n          </p>\n        </div>\n      )}\n    </div>\n  )\n}\n\nconst PATTERN_LABEL: Record<AntiPattern['type'], string> = {\n  edit_loop: '编辑循环',\n  tool_failure_spike: '工具失败',\n  no_commit: '无 commit',\n  event_overflow: '事件爆量',\n}\n\nfunction InsightsCard({\n  data,\n  onSelectSession,\n}: {\n  data?: InsightsResponse\n  onSelectSession: (sessionId: string) => void\n}) {\n  const summary = data?.summary ?? { total: 0, critical: 0, warn: 0, info: 0 }\n  const top = (data?.patterns ?? []).slice(0, 5)\n\n  return (\n    <div className=\"bg-white rounded-lg shadow p-6 lg:col-span-2\">\n      <div className=\"flex items-center justify-between mb-4\">\n        <h3 className=\"flex items-center gap-2 text-base font-semibold text-gray-900\">\n          <AlertTriangle className=\"h-4 w-4 text-amber-600\" />\n          工作流洞察 ({data?.windowDays ?? 7} 天)\n        </h3>\n        <span className=\"text-xs text-gray-500\">共 {summary.total} 条</span>\n      </div>\n\n      {/* Severity counters */}\n      <div className=\"grid grid-cols-3 gap-4 mb-5\">\n        <div className=\"bg-red-50 rounded-lg p-4 text-center\">\n          <div className=\"flex items-center justify-center gap-2 text-2xl font-bold text-red-700\">\n            <AlertCircle className=\"h-5 w-5\" />\n            {summary.critical}\n          </div>\n          <div className=\"text-xs text-red-600 mt-1\">Critical</div>\n        </div>\n        <div className=\"bg-amber-50 rounded-lg p-4 text-center\">\n          <div className=\"flex items-center justify-center gap-2 text-2xl font-bold text-amber-700\">\n            <AlertTriangle className=\"h-5 w-5\" />\n            {summary.warn}\n          </div>\n          <div className=\"text-xs text-amber-600 mt-1\">Warn</div>\n        </div>\n        <div className=\"bg-blue-50 rounded-lg p-4 text-center\">\n          <div className=\"flex items-center justify-center gap-2 text-2xl font-bold text-blue-700\">\n            <Info className=\"h-5 w-5\" />\n            {summary.info}\n          </div>\n          <div className=\"text-xs text-blue-600 mt-1\">Info</div>\n        </div>\n      </div>\n\n      {/* Top patterns */}\n      {top.length > 0 ? (\n        <div>\n          <h4 className=\"text-sm font-medium text-gray-700 mb-2\">最严重的 5 条</h4>\n          <ul className=\"space-y-2\">\n            {top.map(p => (\n              <li\n                key={p.id}\n                className={`border-l-4 px-3 py-2 rounded ${severityBorder(p.severity)} ${\n                  p.sessionId ? 'cursor-pointer hover:bg-gray-50' : ''\n                }`}\n                onClick={() => p.sessionId && onSelectSession(p.sessionId)}\n              >\n                <div className=\"flex items-start justify-between gap-2\">\n                  <div className=\"flex items-center gap-2 min-w-0 flex-1\">\n                    <SeverityIcon severity={p.severity} />\n                    <span className=\"text-sm font-medium text-gray-900 truncate\">{p.title}</span>\n                  </div>\n                  <span className=\"text-xs text-gray-500 shrink-0\">{PATTERN_LABEL[p.type]}</span>\n                </div>\n                <p className=\"text-xs text-gray-500 mt-1\">{p.description}</p>\n                <PatternKeyData pattern={p} />\n              </li>\n            ))}\n          </ul>\n        </div>\n      ) : (\n        <div className=\"flex items-center justify-center h-[120px] text-sm text-gray-400\">\n          没有检测到反模式，工作流健康\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction severityBorder(s: AntiPattern['severity']): string {\n  if (s === 'critical') return 'border-red-500 bg-red-50/30'\n  if (s === 'warn') return 'border-amber-500 bg-amber-50/30'\n  return 'border-blue-400 bg-blue-50/30'\n}\n\nfunction SeverityIcon({ severity }: { severity: AntiPattern['severity'] }) {\n  if (severity === 'critical') return <AlertCircle className=\"h-4 w-4 text-red-600 shrink-0\" />\n  if (severity === 'warn') return <AlertTriangle className=\"h-4 w-4 text-amber-600 shrink-0\" />\n  return <Info className=\"h-4 w-4 text-blue-600 shrink-0\" />\n}\n\nfunction PatternKeyData({ pattern }: { pattern: AntiPattern }) {\n  const d = pattern.detail\n  let text = ''\n  if (pattern.type === 'edit_loop') {\n    const fp = String(d.filePath ?? '')\n    const count = Number(d.count ?? 0)\n    text = `${fp} edited ${count} 次`\n  } else if (pattern.type === 'tool_failure_spike') {\n    const recent = Number(d.recentFailureRate ?? 0) * 100\n    const baseline = Number(d.baselineFailureRate ?? 0) * 100\n    const total = Number(d.totalToolUses ?? 0)\n    text = `最近 24h ${recent.toFixed(1)}% / 基线 ${baseline.toFixed(1)}% (${total} 次工具调用)`\n  } else if (pattern.type === 'no_commit') {\n    const min = Number(d.durationMin ?? 0)\n    const ec = Number(d.eventCount ?? 0)\n    text = `${min} 分钟 · ${ec} 个事件 · 无 git commit`\n  } else if (pattern.type === 'event_overflow') {\n    const ec = Number(d.eventCount ?? 0)\n    const min = Number(d.durationMin ?? 0)\n    text = `${ec} 个事件 / ${min} 分钟`\n  }\n  if (!text) return null\n  return <p className=\"text-xs text-gray-400 mt-1 font-mono truncate\">{text}</p>\n}\n"],"names":["fetchStatus","res","fetchSystemStats","fetchSessionsCount","fetchSkillInvocations","fetchRoutingStats","fetchRuleHitRate","fetchInsights","formatUptime","seconds","days","hours","minutes","COLORS","PIE_COLORS","Dashboard","navigate","useNavigate","status","useQuery","systemStats","sessionsCount","skillStats","routingStats","ruleHitRate","insights","toolUsageData","a","b","name","count","dailyData","skillData","agentPieData","agentByTypeData","jsx","jsxs","StatCard","Activity","_a","MessageSquare","BookOpen","_b","Bot","ResponsiveContainer","AreaChart","CartesianGrid","XAxis","d","YAxis","Tooltip","Area","BarChart","Bar","Legend","PieChart","Pie","percent","_","idx","Cell","RuleHitRateCard","InsightsCard","id","Clock","Icon","label","value","color","onClick","colorClass","data","topSkills","ShieldAlert","PATTERN_LABEL","onSelectSession","summary","top","AlertTriangle","AlertCircle","Info","p","severityBorder","SeverityIcon","PatternKeyData","severity","pattern","text","fp","recent","baseline","total","min","ec"],"mappings":"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"}
+{"version":3,"file":"Dashboard-CoEmmIDt.js","sources":["../../src/pages/Dashboard.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { useNavigate } from 'react-router-dom'\nimport { Activity, MessageSquare, Clock, BookOpen, Bot, ShieldAlert, AlertTriangle, AlertCircle, Info } from 'lucide-react'\nimport {\n  AreaChart, Area, BarChart, Bar,\n  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  toolUsage: Record<string, number>\n  dailyActivity: Array<{ date: string; eventCount: number; sessionCount: number }>\n  skillInvocations: number\n}\n\ninterface SkillInvocationStats {\n  days: number\n  total: number\n  invocations: Array<{ skill_id: string; total: number; success: number; failed: number }>\n}\n\ninterface RoutingStats {\n  days: number\n  total: number\n  agentCalls: number\n  noAgent: number\n  agentRate: number\n  byAgent: Array<{ agent: string; count: number }>\n}\n\ninterface RuleHitRate {\n  period: { days: number; since: string }\n  summary: {\n    totalPrompts: number\n    agentDelegations: number\n    agentRate: string\n    skillInvocations: number\n    skillRate: string\n  }\n  skills: Array<{ skill_id: string; total: number; success: number; failed: number; rate: string }>\n  agents: Array<{ agent: string; count: number; rate: string }>\n  neverTriggered: string[]\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 fetchSkillInvocations(): Promise<SkillInvocationStats> {\n  const res = await fetch('/api/skill-stats/invocations?days=7')\n  if (!res.ok) throw new Error('Failed')\n  return res.json()\n}\n\nasync function fetchRoutingStats(): Promise<RoutingStats> {\n  const res = await fetch('/api/routing/stats?days=7')\n  if (!res.ok) throw new Error('Failed')\n  return res.json()\n}\n\nasync function fetchRuleHitRate(): Promise<RuleHitRate> {\n  const res = await fetch('/api/rules/hit-rate?days=7')\n  if (!res.ok) throw new Error('Failed')\n  return res.json()\n}\n\ninterface AntiPattern {\n  id: string\n  type: 'edit_loop' | 'tool_failure_spike' | 'no_commit' | 'event_overflow'\n  severity: 'info' | 'warn' | 'critical'\n  title: string\n  description: string\n  detail: Record<string, unknown>\n  detectedAt: string\n  sessionId?: string\n  filePath?: string\n}\n\ninterface InsightsResponse {\n  generatedAt: string\n  windowDays: number\n  summary: { total: number; critical: number; warn: number; info: number }\n  patterns: AntiPattern[]\n}\n\nasync function fetchInsights(): Promise<InsightsResponse> {\n  const res = await fetch('/api/insights?days=7')\n  if (!res.ok) throw new Error('Failed')\n  return res.json()\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}\n\nconst PIE_COLORS = ['#6366f1', '#e5e7eb']\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: skillStats } = useQuery({ queryKey: ['skill-invocations'], queryFn: fetchSkillInvocations, refetchInterval: 30000 })\n  const { data: routingStats } = useQuery({ queryKey: ['routing-stats'], queryFn: fetchRoutingStats, refetchInterval: 30000 })\n  const { data: ruleHitRate } = useQuery({ queryKey: ['rule-hit-rate'], queryFn: fetchRuleHitRate, refetchInterval: 30000 })\n  const { data: insights } = useQuery({ queryKey: ['insights'], queryFn: fetchInsights, refetchInterval: 60000 })\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 dailyData = systemStats?.dailyActivity || []\n  const skillData = skillStats?.invocations.slice(0, 8) || []\n  const agentPieData = routingStats\n    ? [\n        { name: 'Agent 调用', value: routingStats.agentCalls },\n        { name: '直接执行', value: routingStats.noAgent },\n      ]\n    : []\n  const agentByTypeData = routingStats?.byAgent.slice(0, 6) || []\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={BookOpen} label=\"Skill 调用\" value={skillStats?.total?.toString() || '0'} color=\"green\" />\n        <StatCard\n          icon={Bot}\n          label={`Agent 调用率 (${routingStats?.days ?? 7}天)`}\n          value={routingStats ? `${routingStats.agentRate}%` : '-'}\n          color=\"indigo\"\n        />\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 data={dailyData}>\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          </div>\n          <ResponsiveContainer width=\"100%\" height={240}>\n            <BarChart data={toolUsageData} layout=\"vertical\">\n              <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#f3f4f6\" />\n              <XAxis type=\"number\" tick={{ fontSize: 11 }} />\n              <YAxis dataKey=\"name\" type=\"category\" tick={{ fontSize: 11 }} width={80} />\n              <Tooltip />\n              <Bar dataKey=\"count\" fill={COLORS.primary} radius={[0, 4, 4, 0]} />\n            </BarChart>\n          </ResponsiveContainer>\n        </div>\n\n        {/* Skill 调用统计 */}\n        <div className=\"bg-white rounded-lg shadow p-6\">\n          <div className=\"flex items-center justify-between mb-4\">\n            <h3 className=\"flex items-center gap-2 text-base font-semibold text-gray-900\">\n              <BookOpen className=\"h-4 w-4 text-green-600\" />\n              Skill 调用统计 ({skillStats?.days ?? 7} 天)\n            </h3>\n            <span className=\"text-xs text-gray-500\">共 {skillStats?.total ?? 0} 次</span>\n          </div>\n          {skillData.length > 0 ? (\n            <ResponsiveContainer width=\"100%\" height={240}>\n              <BarChart data={skillData} layout=\"vertical\">\n                <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#f3f4f6\" />\n                <XAxis type=\"number\" tick={{ fontSize: 11 }} />\n                <YAxis dataKey=\"skill_id\" type=\"category\" tick={{ fontSize: 10 }} width={140} />\n                <Tooltip />\n                <Legend wrapperStyle={{ fontSize: 11 }} />\n                <Bar dataKey=\"success\" stackId=\"a\" fill={COLORS.green} name=\"成功\" radius={[0, 0, 0, 0]} />\n                <Bar dataKey=\"failed\" stackId=\"a\" fill=\"#ef4444\" name=\"失败\" radius={[0, 4, 4, 0]} />\n              </BarChart>\n            </ResponsiveContainer>\n          ) : (\n            <div className=\"flex items-center justify-center h-[240px] text-sm text-gray-400\">\n              暂无 Skill 调用记录\n            </div>\n          )}\n        </div>\n\n        {/* Agent 调用率 */}\n        <div className=\"bg-white rounded-lg shadow p-6\">\n          <div className=\"flex items-center justify-between mb-4\">\n            <h3 className=\"flex items-center gap-2 text-base font-semibold text-gray-900\">\n              <Bot className=\"h-4 w-4 text-indigo-600\" />\n              Agent 调用率 ({routingStats?.days ?? 7} 天)\n            </h3>\n            <span className=\"text-xs text-gray-500\">\n              {routingStats ? `${routingStats.agentCalls} / ${routingStats.total}` : '-'}\n            </span>\n          </div>\n          {routingStats && routingStats.total > 0 ? (\n            <ResponsiveContainer width=\"100%\" height={240}>\n              <PieChart>\n                <Pie\n                  data={agentPieData}\n                  dataKey=\"value\"\n                  nameKey=\"name\"\n                  cx=\"50%\"\n                  cy=\"50%\"\n                  innerRadius={50}\n                  outerRadius={80}\n                  label={({ name, percent }) => `${name}: ${((percent ?? 0) * 100).toFixed(0)}%`}\n                  labelLine={false}\n                >\n                  {agentPieData.map((_, idx) => (\n                    <Cell key={idx} fill={PIE_COLORS[idx]} />\n                  ))}\n                </Pie>\n                <Tooltip />\n              </PieChart>\n            </ResponsiveContainer>\n          ) : (\n            <div className=\"flex items-center justify-center h-[240px] text-sm text-gray-400\">\n              暂无路由记录\n            </div>\n          )}\n        </div>\n\n        {/* Agent 类型分布 */}\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\">Agent 类型分布</h3>\n          </div>\n          {agentByTypeData.length > 0 ? (\n            <ResponsiveContainer width=\"100%\" height={240}>\n              <BarChart data={agentByTypeData} layout=\"vertical\">\n                <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#f3f4f6\" />\n                <XAxis type=\"number\" tick={{ fontSize: 11 }} />\n                <YAxis dataKey=\"agent\" type=\"category\" tick={{ fontSize: 11 }} width={120} />\n                <Tooltip />\n                <Bar dataKey=\"count\" fill={COLORS.primary} radius={[0, 4, 4, 0]} />\n              </BarChart>\n            </ResponsiveContainer>\n          ) : (\n            <div className=\"flex items-center justify-center h-[240px] text-sm text-gray-400\">\n              暂无 Agent 调用记录\n            </div>\n          )}\n        </div>\n\n        {/* Rule Hit Rate */}\n        <RuleHitRateCard data={ruleHitRate} />\n\n        {/* Workflow Insights */}\n        <InsightsCard data={insights} onSelectSession={(id) => navigate(`/sessions/${id}`)} />\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          </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\nfunction RuleHitRateCard({ data }: { data?: RuleHitRate }) {\n  const topSkills = data?.skills.slice(0, 5) || []\n\n  return (\n    <div className=\"bg-white rounded-lg shadow p-6 lg:col-span-2\">\n      <div className=\"flex items-center justify-between mb-4\">\n        <h3 className=\"flex items-center gap-2 text-base font-semibold text-gray-900\">\n          <ShieldAlert className=\"h-4 w-4 text-amber-600\" />\n          规则命中率 ({data?.period.days ?? 7} 天)\n        </h3>\n        <span className=\"text-xs text-gray-500\">\n          共 {data?.summary.totalPrompts ?? 0} 次路由\n        </span>\n      </div>\n\n      {/* Top metrics */}\n      <div className=\"grid grid-cols-2 gap-4 mb-5\">\n        <div className=\"bg-indigo-50 rounded-lg p-4 text-center\">\n          <div className=\"text-2xl font-bold text-indigo-700\">\n            {data?.summary.agentRate ?? '0%'}\n          </div>\n          <div className=\"text-xs text-indigo-600 mt-1\">Agent 委托率</div>\n        </div>\n        <div className=\"bg-green-50 rounded-lg p-4 text-center\">\n          <div className=\"text-2xl font-bold text-green-700\">\n            {data?.summary.skillRate ?? '0%'}\n          </div>\n          <div className=\"text-xs text-green-600 mt-1\">Skill 触发率</div>\n        </div>\n      </div>\n\n      {/* Top 5 Skill bar chart */}\n      {topSkills.length > 0 ? (\n        <div className=\"mb-5\">\n          <h4 className=\"text-sm font-medium text-gray-700 mb-2\">Top Skill 调用排行</h4>\n          <ResponsiveContainer width=\"100%\" height={160}>\n            <BarChart data={topSkills} layout=\"vertical\">\n              <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#f3f4f6\" />\n              <XAxis type=\"number\" tick={{ fontSize: 11 }} />\n              <YAxis dataKey=\"skill_id\" type=\"category\" tick={{ fontSize: 10 }} width={140} />\n              <Tooltip />\n              <Bar dataKey=\"total\" fill=\"#10b981\" radius={[0, 4, 4, 0]} name=\"调用次数\" />\n            </BarChart>\n          </ResponsiveContainer>\n        </div>\n      ) : (\n        <div className=\"flex items-center justify-center h-[100px] text-sm text-gray-400 mb-5\">\n          暂无 Skill 调用记录\n        </div>\n      )}\n\n      {/* Never triggered */}\n      {data && data.neverTriggered.length > 0 && (\n        <div>\n          <h4 className=\"text-sm font-medium text-gray-700 mb-2\">\n            从未触发的规则 ({data.neverTriggered.length})\n          </h4>\n          <div className=\"flex flex-wrap gap-2\">\n            {data.neverTriggered.map(id => (\n              <span key={id} className=\"text-xs bg-gray-100 text-gray-500 px-2 py-1 rounded\">\n                {id}\n              </span>\n            ))}\n          </div>\n          <p className=\"text-xs text-gray-400 mt-2\">\n            这些 Skill 在过去 {data.period.days} 天内从未被触发，可考虑清理或优化关键词\n          </p>\n        </div>\n      )}\n    </div>\n  )\n}\n\nconst PATTERN_LABEL: Record<AntiPattern['type'], string> = {\n  edit_loop: '编辑循环',\n  tool_failure_spike: '工具失败',\n  no_commit: '无 commit',\n  event_overflow: '事件爆量',\n}\n\nfunction InsightsCard({\n  data,\n  onSelectSession,\n}: {\n  data?: InsightsResponse\n  onSelectSession: (sessionId: string) => void\n}) {\n  const summary = data?.summary ?? { total: 0, critical: 0, warn: 0, info: 0 }\n  const top = (data?.patterns ?? []).slice(0, 5)\n\n  return (\n    <div className=\"bg-white rounded-lg shadow p-6 lg:col-span-2\">\n      <div className=\"flex items-center justify-between mb-4\">\n        <h3 className=\"flex items-center gap-2 text-base font-semibold text-gray-900\">\n          <AlertTriangle className=\"h-4 w-4 text-amber-600\" />\n          工作流洞察 ({data?.windowDays ?? 7} 天)\n        </h3>\n        <span className=\"text-xs text-gray-500\">共 {summary.total} 条</span>\n      </div>\n\n      {/* Severity counters */}\n      <div className=\"grid grid-cols-3 gap-4 mb-5\">\n        <div className=\"bg-red-50 rounded-lg p-4 text-center\">\n          <div className=\"flex items-center justify-center gap-2 text-2xl font-bold text-red-700\">\n            <AlertCircle className=\"h-5 w-5\" />\n            {summary.critical}\n          </div>\n          <div className=\"text-xs text-red-600 mt-1\">Critical</div>\n        </div>\n        <div className=\"bg-amber-50 rounded-lg p-4 text-center\">\n          <div className=\"flex items-center justify-center gap-2 text-2xl font-bold text-amber-700\">\n            <AlertTriangle className=\"h-5 w-5\" />\n            {summary.warn}\n          </div>\n          <div className=\"text-xs text-amber-600 mt-1\">Warn</div>\n        </div>\n        <div className=\"bg-blue-50 rounded-lg p-4 text-center\">\n          <div className=\"flex items-center justify-center gap-2 text-2xl font-bold text-blue-700\">\n            <Info className=\"h-5 w-5\" />\n            {summary.info}\n          </div>\n          <div className=\"text-xs text-blue-600 mt-1\">Info</div>\n        </div>\n      </div>\n\n      {/* Top patterns */}\n      {top.length > 0 ? (\n        <div>\n          <h4 className=\"text-sm font-medium text-gray-700 mb-2\">最严重的 5 条</h4>\n          <ul className=\"space-y-2\">\n            {top.map(p => (\n              <li\n                key={p.id}\n                className={`border-l-4 px-3 py-2 rounded ${severityBorder(p.severity)} ${\n                  p.sessionId ? 'cursor-pointer hover:bg-gray-50' : ''\n                }`}\n                onClick={() => p.sessionId && onSelectSession(p.sessionId)}\n              >\n                <div className=\"flex items-start justify-between gap-2\">\n                  <div className=\"flex items-center gap-2 min-w-0 flex-1\">\n                    <SeverityIcon severity={p.severity} />\n                    <span className=\"text-sm font-medium text-gray-900 truncate\">{p.title}</span>\n                  </div>\n                  <span className=\"text-xs text-gray-500 shrink-0\">{PATTERN_LABEL[p.type]}</span>\n                </div>\n                <p className=\"text-xs text-gray-500 mt-1\">{p.description}</p>\n                <PatternKeyData pattern={p} />\n              </li>\n            ))}\n          </ul>\n        </div>\n      ) : (\n        <div className=\"flex items-center justify-center h-[120px] text-sm text-gray-400\">\n          没有检测到反模式，工作流健康\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction severityBorder(s: AntiPattern['severity']): string {\n  if (s === 'critical') return 'border-red-500 bg-red-50/30'\n  if (s === 'warn') return 'border-amber-500 bg-amber-50/30'\n  return 'border-blue-400 bg-blue-50/30'\n}\n\nfunction SeverityIcon({ severity }: { severity: AntiPattern['severity'] }) {\n  if (severity === 'critical') return <AlertCircle className=\"h-4 w-4 text-red-600 shrink-0\" />\n  if (severity === 'warn') return <AlertTriangle className=\"h-4 w-4 text-amber-600 shrink-0\" />\n  return <Info className=\"h-4 w-4 text-blue-600 shrink-0\" />\n}\n\nfunction PatternKeyData({ pattern }: { pattern: AntiPattern }) {\n  const d = pattern.detail\n  let text = ''\n  if (pattern.type === 'edit_loop') {\n    const fp = String(d.filePath ?? '')\n    const count = Number(d.count ?? 0)\n    text = `${fp} edited ${count} 次`\n  } else if (pattern.type === 'tool_failure_spike') {\n    const recent = Number(d.recentFailureRate ?? 0) * 100\n    const baseline = Number(d.baselineFailureRate ?? 0) * 100\n    const total = Number(d.totalToolUses ?? 0)\n    text = `最近 24h ${recent.toFixed(1)}% / 基线 ${baseline.toFixed(1)}% (${total} 次工具调用)`\n  } else if (pattern.type === 'no_commit') {\n    const min = Number(d.durationMin ?? 0)\n    const ec = Number(d.eventCount ?? 0)\n    text = `${min} 分钟 · ${ec} 个事件 · 无 git commit`\n  } else if (pattern.type === 'event_overflow') {\n    const ec = Number(d.eventCount ?? 0)\n    const min = Number(d.durationMin ?? 0)\n    text = `${ec} 个事件 / ${min} 分钟`\n  }\n  if (!text) return null\n  return <p className=\"text-xs text-gray-400 mt-1 font-mono truncate\">{text}</p>\n}\n"],"names":["fetchStatus","res","fetchSystemStats","fetchSessionsCount","fetchSkillInvocations","fetchRoutingStats","fetchRuleHitRate","fetchInsights","formatUptime","seconds","days","hours","minutes","COLORS","PIE_COLORS","Dashboard","navigate","useNavigate","status","useQuery","systemStats","sessionsCount","skillStats","routingStats","ruleHitRate","insights","toolUsageData","a","b","name","count","dailyData","skillData","agentPieData","agentByTypeData","jsx","jsxs","StatCard","Activity","_a","MessageSquare","BookOpen","_b","Bot","ResponsiveContainer","AreaChart","CartesianGrid","XAxis","d","YAxis","Tooltip","Area","BarChart","Bar","Legend","PieChart","Pie","percent","_","idx","Cell","RuleHitRateCard","InsightsCard","id","Clock","Icon","label","value","color","onClick","colorClass","data","topSkills","ShieldAlert","PATTERN_LABEL","onSelectSession","summary","top","AlertTriangle","AlertCircle","Info","p","severityBorder","SeverityIcon","PatternKeyData","severity","pattern","text","fp","recent","baseline","total","min","ec"],"mappings":"iYAqDA,eAAeA,GAA8B,CAC3C,MAAMC,EAAM,MAAM,MAAM,aAAa,EACrC,GAAI,CAACA,EAAI,GAAI,MAAM,IAAI,MAAM,QAAQ,EACrC,OAAOA,EAAI,KAAA,CACb,CAEA,eAAeC,GAAyC,CACtD,MAAMD,EAAM,MAAM,MAAM,YAAY,EACpC,GAAI,CAACA,EAAI,GAAI,MAAM,IAAI,MAAM,QAAQ,EACrC,OAAOA,EAAI,KAAA,CACb,CAEA,eAAeE,GAAsC,CACnD,MAAMF,EAAM,MAAM,MAAM,0BAA0B,EAClD,OAAKA,EAAI,IACQ,MAAMA,EAAI,KAAA,GACX,OAFI,CAGtB,CAEA,eAAeG,GAAuD,CACpE,MAAMH,EAAM,MAAM,MAAM,qCAAqC,EAC7D,GAAI,CAACA,EAAI,GAAI,MAAM,IAAI,MAAM,QAAQ,EACrC,OAAOA,EAAI,KAAA,CACb,CAEA,eAAeI,GAA2C,CACxD,MAAMJ,EAAM,MAAM,MAAM,2BAA2B,EACnD,GAAI,CAACA,EAAI,GAAI,MAAM,IAAI,MAAM,QAAQ,EACrC,OAAOA,EAAI,KAAA,CACb,CAEA,eAAeK,GAAyC,CACtD,MAAML,EAAM,MAAM,MAAM,4BAA4B,EACpD,GAAI,CAACA,EAAI,GAAI,MAAM,IAAI,MAAM,QAAQ,EACrC,OAAOA,EAAI,KAAA,CACb,CAqBA,eAAeM,GAA2C,CACxD,MAAMN,EAAM,MAAM,MAAM,sBAAsB,EAC9C,GAAI,CAACA,EAAI,GAAI,MAAM,IAAI,MAAM,QAAQ,EACrC,OAAOA,EAAI,KAAA,CACb,CAEA,SAASO,EAAaC,EAAyB,CAC7C,MAAMC,EAAO,KAAK,MAAMD,EAAU,KAAK,EACjCE,EAAQ,KAAK,MAAOF,EAAU,MAAS,IAAI,EAC3CG,EAAU,KAAK,MAAOH,EAAU,KAAQ,EAAE,EAChD,OAAIC,EAAO,EAAU,GAAGA,CAAI,KAAKC,CAAK,KAClCA,EAAQ,EAAU,GAAGA,CAAK,MAAMC,CAAO,KACpC,GAAGA,CAAO,IACnB,CAEA,MAAMC,EAAS,CACb,QAAS,UACT,MAAO,SACT,EAEMC,EAAa,CAAC,UAAW,SAAS,EAExC,SAAwBC,IAAY,SAClC,MAAMC,EAAWC,EAAA,EACX,CAAE,KAAMC,GAAWC,EAAS,CAAE,SAAU,CAAC,QAAQ,EAAG,QAASnB,EAAa,gBAAiB,IAAM,EACjG,CAAE,KAAMoB,GAAgBD,EAAS,CAAE,SAAU,CAAC,cAAc,EAAG,QAASjB,EAAkB,gBAAiB,IAAO,EAClH,CAAE,KAAMmB,CAAA,EAAkBF,EAAS,CAAE,SAAU,CAAC,gBAAgB,EAAG,QAAShB,EAAoB,EAChG,CAAE,KAAMmB,GAAeH,EAAS,CAAE,SAAU,CAAC,mBAAmB,EAAG,QAASf,EAAuB,gBAAiB,IAAO,EAC3H,CAAE,KAAMmB,GAAiBJ,EAAS,CAAE,SAAU,CAAC,eAAe,EAAG,QAASd,EAAmB,gBAAiB,IAAO,EACrH,CAAE,KAAMmB,GAAgBL,EAAS,CAAE,SAAU,CAAC,eAAe,EAAG,QAASb,EAAkB,gBAAiB,IAAO,EACnH,CAAE,KAAMmB,GAAaN,EAAS,CAAE,SAAU,CAAC,UAAU,EAAG,QAASZ,EAAe,gBAAiB,IAAO,EAExGmB,EAAgBN,GAAA,MAAAA,EAAa,UAC/B,OAAO,QAAQA,EAAY,SAAS,EACjC,KAAK,CAAC,CAAA,CAAGO,CAAC,EAAG,CAAA,CAAGC,CAAC,IAAMA,EAAID,CAAC,EAC5B,MAAM,EAAG,CAAC,EACV,IAAI,CAAC,CAACE,EAAMC,CAAK,KAAO,CAAE,KAAAD,EAAM,MAAAC,CAAA,EAAQ,EAC3C,CAAA,EAEEC,GAAYX,GAAA,YAAAA,EAAa,gBAAiB,CAAA,EAC1CY,GAAYV,GAAA,YAAAA,EAAY,YAAY,MAAM,EAAG,KAAM,CAAA,EACnDW,EAAeV,EACjB,CACE,CAAE,KAAM,WAAY,MAAOA,EAAa,UAAA,EACxC,CAAE,KAAM,OAAQ,MAAOA,EAAa,OAAA,CAAQ,EAE9C,CAAA,EACEW,GAAkBX,GAAA,YAAAA,EAAc,QAAQ,MAAM,EAAG,KAAM,CAAA,EAE7D,cACG,MAAA,CACC,SAAA,CAAAY,EAAAA,IAAC,KAAA,CAAG,UAAU,wCAAwC,SAAA,MAAG,EAGzDC,EAAAA,KAAC,MAAA,CAAI,UAAU,4DACb,SAAA,CAAAD,MAACE,GAAS,KAAMC,EAAU,MAAM,MAAM,QAAOC,EAAArB,GAAA,YAAAA,EAAQ,aAAR,YAAAqB,EAAoB,aAAc,IAAK,MAAM,OAAO,QAAS,IAAMvB,EAAS,SAAS,EAAG,QACpIqB,EAAA,CAAS,KAAMG,EAAe,MAAM,MAAM,OAAOnB,GAAA,YAAAA,EAAe,aAAc,IAAK,MAAM,SAAS,QAAS,IAAML,EAAS,WAAW,EAAG,EACzImB,EAAAA,IAACE,EAAA,CAAS,KAAMI,EAAU,MAAM,WAAW,QAAOC,EAAApB,GAAA,YAAAA,EAAY,QAAZ,YAAAoB,EAAmB,aAAc,IAAK,MAAM,OAAA,CAAQ,EACtGP,EAAAA,IAACE,EAAA,CACC,KAAMM,EACN,MAAO,eAAcpB,GAAA,YAAAA,EAAc,OAAQ,CAAC,KAC5C,MAAOA,EAAe,GAAGA,EAAa,SAAS,IAAM,IACrD,MAAM,QAAA,CAAA,CACR,EACF,EAGAa,EAAAA,KAAC,MAAA,CAAI,UAAU,6CAEb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,iCACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAD,EAAAA,IAAC,KAAA,CAAG,UAAU,wCAAwC,SAAA,WAAQ,EAC9DA,EAAAA,IAAC,SAAA,CACC,QAAS,IAAMnB,EAAS,SAAS,EACjC,UAAU,gDACX,SAAA,QAAA,CAAA,CAED,EACF,EACAmB,EAAAA,IAACS,GAAoB,MAAM,OAAO,OAAQ,IACxC,SAAAR,EAAAA,KAACS,EAAA,CAAU,KAAMd,EACf,SAAA,CAAAI,EAAAA,IAAC,OAAA,CACC,SAAAC,EAAAA,KAAC,iBAAA,CAAe,GAAG,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IACvD,SAAA,CAAAD,MAAC,QAAK,OAAO,KAAK,UAAWtB,EAAO,QAAS,YAAa,GAAK,EAC/DsB,MAAC,QAAK,OAAO,MAAM,UAAWtB,EAAO,QAAS,YAAa,CAAA,CAAG,CAAA,CAAA,CAChE,CAAA,CACF,EACAsB,EAAAA,IAACW,EAAA,CAAc,gBAAgB,MAAM,OAAO,UAAU,EACtDX,EAAAA,IAACY,EAAA,CAAM,QAAQ,OAAO,KAAM,CAAE,SAAU,EAAA,EAAM,cAAgBC,GAAMA,GAAA,YAAAA,EAAG,MAAM,GAAI,QAChFC,EAAA,CAAM,KAAM,CAAE,SAAU,IAAM,QAC9BC,EAAA,EAAQ,EACTf,EAAAA,IAACgB,EAAA,CACC,KAAK,WACL,QAAQ,aACR,OAAQtC,EAAO,QACf,YAAa,EACb,KAAK,oBACL,KAAK,IAAA,CAAA,CACP,CAAA,CACF,CAAA,CACF,CAAA,EACF,EAGAuB,EAAAA,KAAC,MAAA,CAAI,UAAU,iCACb,SAAA,CAAAD,EAAAA,IAAC,MAAA,CAAI,UAAU,yCACb,SAAAA,EAAAA,IAAC,MAAG,UAAU,wCAAwC,kBAAM,CAAA,CAC9D,EACAA,EAAAA,IAACS,EAAA,CAAoB,MAAM,OAAO,OAAQ,IACxC,SAAAR,EAAAA,KAACgB,EAAA,CAAS,KAAM1B,EAAe,OAAO,WACpC,SAAA,CAAAS,EAAAA,IAACW,EAAA,CAAc,gBAAgB,MAAM,OAAO,UAAU,EACtDX,MAACY,GAAM,KAAK,SAAS,KAAM,CAAE,SAAU,IAAM,EAC7CZ,EAAAA,IAACc,EAAA,CAAM,QAAQ,OAAO,KAAK,WAAW,KAAM,CAAE,SAAU,EAAA,EAAM,MAAO,EAAA,CAAI,QACxEC,EAAA,EAAQ,EACTf,EAAAA,IAACkB,EAAA,CAAI,QAAQ,QAAQ,KAAMxC,EAAO,QAAS,OAAQ,CAAC,EAAG,EAAG,EAAG,CAAC,CAAA,CAAG,CAAA,CAAA,CACnE,CAAA,CACF,CAAA,EACF,EAGAuB,EAAAA,KAAC,MAAA,CAAI,UAAU,iCACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,gEACZ,SAAA,CAAAD,EAAAA,IAACM,EAAA,CAAS,UAAU,wBAAA,CAAyB,EAAE,gBAClCnB,GAAA,YAAAA,EAAY,OAAQ,EAAE,KAAA,EACrC,EACAc,EAAAA,KAAC,OAAA,CAAK,UAAU,wBAAwB,SAAA,CAAA,MAAGd,GAAA,YAAAA,EAAY,QAAS,EAAE,IAAA,CAAA,CAAE,CAAA,EACtE,EACCU,EAAU,OAAS,EAClBG,EAAAA,IAACS,GAAoB,MAAM,OAAO,OAAQ,IACxC,SAAAR,EAAAA,KAACgB,EAAA,CAAS,KAAMpB,EAAW,OAAO,WAChC,SAAA,CAAAG,EAAAA,IAACW,EAAA,CAAc,gBAAgB,MAAM,OAAO,UAAU,EACtDX,MAACY,GAAM,KAAK,SAAS,KAAM,CAAE,SAAU,IAAM,EAC7CZ,EAAAA,IAACc,EAAA,CAAM,QAAQ,WAAW,KAAK,WAAW,KAAM,CAAE,SAAU,EAAA,EAAM,MAAO,GAAA,CAAK,QAC7EC,EAAA,EAAQ,QACRI,EAAA,CAAO,aAAc,CAAE,SAAU,IAAM,QACvCD,EAAA,CAAI,QAAQ,UAAU,QAAQ,IAAI,KAAMxC,EAAO,MAAO,KAAK,KAAK,OAAQ,CAAC,EAAG,EAAG,EAAG,CAAC,EAAG,QACtFwC,EAAA,CAAI,QAAQ,SAAS,QAAQ,IAAI,KAAK,UAAU,KAAK,KAAK,OAAQ,CAAC,EAAG,EAAG,EAAG,CAAC,CAAA,CAAG,CAAA,EACnF,EACF,EAEAlB,MAAC,MAAA,CAAI,UAAU,mEAAmE,SAAA,eAAA,CAElF,CAAA,EAEJ,EAGAC,EAAAA,KAAC,MAAA,CAAI,UAAU,iCACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,gEACZ,SAAA,CAAAD,EAAAA,IAACQ,EAAA,CAAI,UAAU,yBAAA,CAA0B,EAAE,eAC/BpB,GAAA,YAAAA,EAAc,OAAQ,EAAE,KAAA,EACtC,EACAY,EAAAA,IAAC,OAAA,CAAK,UAAU,wBACb,SAAAZ,EAAe,GAAGA,EAAa,UAAU,MAAMA,EAAa,KAAK,GAAK,GAAA,CACzE,CAAA,EACF,EACCA,GAAgBA,EAAa,MAAQ,EACpCY,EAAAA,IAACS,EAAA,CAAoB,MAAM,OAAO,OAAQ,IACxC,SAAAR,EAAAA,KAACmB,EAAA,CACC,SAAA,CAAApB,EAAAA,IAACqB,EAAA,CACC,KAAMvB,EACN,QAAQ,QACR,QAAQ,OACR,GAAG,MACH,GAAG,MACH,YAAa,GACb,YAAa,GACb,MAAO,CAAC,CAAE,KAAAJ,EAAM,QAAA4B,KAAc,GAAG5B,CAAI,OAAO4B,GAAW,GAAK,KAAK,QAAQ,CAAC,CAAC,IAC3E,UAAW,GAEV,SAAAxB,EAAa,IAAI,CAACyB,EAAGC,IACpBxB,EAAAA,IAACyB,EAAA,CAAe,KAAM9C,EAAW6C,CAAG,CAAA,EAAzBA,CAA4B,CACxC,CAAA,CAAA,QAEFT,EAAA,CAAA,CAAQ,CAAA,EACX,EACF,EAEAf,MAAC,MAAA,CAAI,UAAU,mEAAmE,SAAA,QAAA,CAElF,CAAA,EAEJ,EAGAC,EAAAA,KAAC,MAAA,CAAI,UAAU,iCACb,SAAA,CAAAD,EAAAA,IAAC,MAAA,CAAI,UAAU,yCACb,SAAAA,EAAAA,IAAC,MAAG,UAAU,wCAAwC,sBAAU,CAAA,CAClE,EACCD,EAAgB,OAAS,EACxBC,EAAAA,IAACS,GAAoB,MAAM,OAAO,OAAQ,IACxC,SAAAR,EAAAA,KAACgB,EAAA,CAAS,KAAMlB,EAAiB,OAAO,WACtC,SAAA,CAAAC,EAAAA,IAACW,EAAA,CAAc,gBAAgB,MAAM,OAAO,UAAU,EACtDX,MAACY,GAAM,KAAK,SAAS,KAAM,CAAE,SAAU,IAAM,EAC7CZ,EAAAA,IAACc,EAAA,CAAM,QAAQ,QAAQ,KAAK,WAAW,KAAM,CAAE,SAAU,EAAA,EAAM,MAAO,GAAA,CAAK,QAC1EC,EAAA,EAAQ,EACTf,EAAAA,IAACkB,EAAA,CAAI,QAAQ,QAAQ,KAAMxC,EAAO,QAAS,OAAQ,CAAC,EAAG,EAAG,EAAG,CAAC,CAAA,CAAG,CAAA,EACnE,EACF,EAEAsB,MAAC,MAAA,CAAI,UAAU,mEAAmE,SAAA,eAAA,CAElF,CAAA,EAEJ,EAGAA,EAAAA,IAAC0B,EAAA,CAAgB,KAAMrC,CAAA,CAAa,EAGpCW,EAAAA,IAAC2B,GAAA,CAAa,KAAMrC,EAAU,gBAAkBsC,GAAO/C,EAAS,aAAa+C,CAAE,EAAE,CAAA,CAAG,EAGpF3B,EAAAA,KAAC,MAAA,CAAI,UAAU,iCACb,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,qEACZ,SAAA,CAAAD,EAAAA,IAAC6B,EAAA,CAAM,UAAU,yBAAA,CAA0B,EAAE,MAAA,EAE/C,EACA5B,EAAAA,KAAC,KAAA,CAAG,UAAU,oBACZ,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,uBACb,SAAA,CAAAD,EAAAA,IAAC,KAAA,CAAG,UAAU,gBAAgB,SAAA,MAAG,QAChC,KAAA,CAAG,UAAU,0BAA2B,UAAAjB,GAAA,YAAAA,EAAQ,MAAO,GAAA,CAAI,CAAA,EAC9D,EACAkB,EAAAA,KAAC,MAAA,CAAI,UAAU,uBACb,SAAA,CAAAD,EAAAA,IAAC,KAAA,CAAG,UAAU,gBAAgB,SAAA,OAAI,EAClCA,EAAAA,IAAC,KAAA,CAAG,UAAU,gBAAiB,SAAAjB,GAAA,MAAAA,EAAQ,OAASV,EAAaU,EAAO,MAAM,EAAI,GAAA,CAAI,CAAA,EACpF,EACAkB,EAAAA,KAAC,MAAA,CAAI,UAAU,uBACb,SAAA,CAAAD,EAAAA,IAAC,KAAA,CAAG,UAAU,gBAAgB,SAAA,OAAI,QACjC,KAAA,CAAG,UAAU,gBACX,SAAAjB,GAAA,MAAAA,EAAQ,OAAS,GAAG,KAAK,MAAMA,EAAO,OAAO,SAAW,KAAO,IAAI,CAAC,MAAQ,GAAA,CAC/E,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF,CAEJ,CAEA,SAASmB,EAAS,CAAE,KAAM4B,EAAM,MAAAC,EAAO,MAAAC,EAAO,MAAAC,EAAO,QAAAC,GAElD,CACD,MAAMC,EAAqC,CACzC,KAAM,4BACN,OAAQ,gCACR,OAAQ,gCACR,MAAO,6BAAA,EAET,OACElC,EAAAA,KAAC,MAAA,CACC,UAAW,kCAAkCiC,EAAU,mDAAqD,EAAE,GAC9G,QAAAA,EAEA,SAAA,CAAAjC,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAD,EAAAA,IAAC,OAAA,CAAK,UAAU,wBAAyB,SAAA+B,EAAM,EAC/C/B,EAAAA,IAAC,MAAA,CAAI,UAAW,uDAAuDmC,EAAWF,CAAK,CAAC,GACtF,SAAAjC,EAAAA,IAAC8B,EAAA,CAAK,UAAU,SAAA,CAAU,CAAA,CAC5B,CAAA,EACF,EACA9B,EAAAA,IAAC,MAAA,CAAI,UAAU,mCAAoC,SAAAgC,CAAA,CAAM,CAAA,CAAA,CAAA,CAG/D,CAEA,SAASN,EAAgB,CAAE,KAAAU,GAAgC,CACzD,MAAMC,GAAYD,GAAA,YAAAA,EAAM,OAAO,MAAM,EAAG,KAAM,CAAA,EAE9C,OACEnC,EAAAA,KAAC,MAAA,CAAI,UAAU,+CACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,gEACZ,SAAA,CAAAD,EAAAA,IAACsC,EAAA,CAAY,UAAU,wBAAA,CAAyB,EAAE,WAC1CF,GAAA,YAAAA,EAAM,OAAO,OAAQ,EAAE,KAAA,EACjC,EACAnC,EAAAA,KAAC,OAAA,CAAK,UAAU,wBAAwB,SAAA,CAAA,MACnCmC,GAAA,YAAAA,EAAM,QAAQ,eAAgB,EAAE,MAAA,CAAA,CACrC,CAAA,EACF,EAGAnC,EAAAA,KAAC,MAAA,CAAI,UAAU,8BACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0CACb,SAAA,CAAAD,MAAC,OAAI,UAAU,qCACZ,UAAAoC,GAAA,YAAAA,EAAM,QAAQ,YAAa,KAC9B,EACApC,EAAAA,IAAC,MAAA,CAAI,UAAU,+BAA+B,SAAA,WAAA,CAAS,CAAA,EACzD,EACAC,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAD,MAAC,OAAI,UAAU,oCACZ,UAAAoC,GAAA,YAAAA,EAAM,QAAQ,YAAa,KAC9B,EACApC,EAAAA,IAAC,MAAA,CAAI,UAAU,8BAA8B,SAAA,WAAA,CAAS,CAAA,CAAA,CACxD,CAAA,EACF,EAGCqC,EAAU,OAAS,EAClBpC,EAAAA,KAAC,MAAA,CAAI,UAAU,OACb,SAAA,CAAAD,EAAAA,IAAC,KAAA,CAAG,UAAU,yCAAyC,SAAA,iBAAc,EACrEA,EAAAA,IAACS,EAAA,CAAoB,MAAM,OAAO,OAAQ,IACxC,SAAAR,EAAAA,KAACgB,EAAA,CAAS,KAAMoB,EAAW,OAAO,WAChC,SAAA,CAAArC,EAAAA,IAACW,EAAA,CAAc,gBAAgB,MAAM,OAAO,UAAU,EACtDX,MAACY,GAAM,KAAK,SAAS,KAAM,CAAE,SAAU,IAAM,EAC7CZ,EAAAA,IAACc,EAAA,CAAM,QAAQ,WAAW,KAAK,WAAW,KAAM,CAAE,SAAU,EAAA,EAAM,MAAO,GAAA,CAAK,QAC7EC,EAAA,EAAQ,EACTf,EAAAA,IAACkB,EAAA,CAAI,QAAQ,QAAQ,KAAK,UAAU,OAAQ,CAAC,EAAG,EAAG,EAAG,CAAC,EAAG,KAAK,MAAA,CAAO,CAAA,CAAA,CACxE,CAAA,CACF,CAAA,EACF,EAEAlB,EAAAA,IAAC,MAAA,CAAI,UAAU,wEAAwE,SAAA,gBAEvF,EAIDoC,GAAQA,EAAK,eAAe,OAAS,UACnC,MAAA,CACC,SAAA,CAAAnC,EAAAA,KAAC,KAAA,CAAG,UAAU,yCAAyC,SAAA,CAAA,YAC3CmC,EAAK,eAAe,OAAO,GAAA,EACvC,EACApC,MAAC,MAAA,CAAI,UAAU,uBACZ,WAAK,eAAe,IAAI4B,GACvB5B,EAAAA,IAAC,QAAc,UAAU,sDACtB,SAAA4B,CAAA,EADQA,CAEX,CACD,EACH,EACA3B,EAAAA,KAAC,IAAA,CAAE,UAAU,6BAA6B,SAAA,CAAA,gBAC1BmC,EAAK,OAAO,KAAK,sBAAA,CAAA,CACjC,CAAA,CAAA,CACF,CAAA,EAEJ,CAEJ,CAEA,MAAMG,GAAqD,CACzD,UAAW,OACX,mBAAoB,OACpB,UAAW,WACX,eAAgB,MAClB,EAEA,SAASZ,GAAa,CACpB,KAAAS,EACA,gBAAAI,CACF,EAGG,CACD,MAAMC,GAAUL,GAAA,YAAAA,EAAM,UAAW,CAAE,MAAO,EAAG,SAAU,EAAG,KAAM,EAAG,KAAM,CAAA,EACnEM,IAAON,GAAA,YAAAA,EAAM,WAAY,CAAA,GAAI,MAAM,EAAG,CAAC,EAE7C,OACEnC,EAAAA,KAAC,MAAA,CAAI,UAAU,+CACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,gEACZ,SAAA,CAAAD,EAAAA,IAAC2C,EAAA,CAAc,UAAU,wBAAA,CAAyB,EAAE,WAC5CP,GAAA,YAAAA,EAAM,aAAc,EAAE,KAAA,EAChC,EACAnC,EAAAA,KAAC,OAAA,CAAK,UAAU,wBAAwB,SAAA,CAAA,KAAGwC,EAAQ,MAAM,IAAA,CAAA,CAAE,CAAA,EAC7D,EAGAxC,EAAAA,KAAC,MAAA,CAAI,UAAU,8BACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,uCACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,yEACb,SAAA,CAAAD,EAAAA,IAAC4C,EAAA,CAAY,UAAU,SAAA,CAAU,EAChCH,EAAQ,QAAA,EACX,EACAzC,EAAAA,IAAC,MAAA,CAAI,UAAU,4BAA4B,SAAA,UAAA,CAAQ,CAAA,EACrD,EACAC,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,2EACb,SAAA,CAAAD,EAAAA,IAAC2C,EAAA,CAAc,UAAU,SAAA,CAAU,EAClCF,EAAQ,IAAA,EACX,EACAzC,EAAAA,IAAC,MAAA,CAAI,UAAU,8BAA8B,SAAA,MAAA,CAAI,CAAA,EACnD,EACAC,EAAAA,KAAC,MAAA,CAAI,UAAU,wCACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0EACb,SAAA,CAAAD,EAAAA,IAAC6C,EAAA,CAAK,UAAU,SAAA,CAAU,EACzBJ,EAAQ,IAAA,EACX,EACAzC,EAAAA,IAAC,MAAA,CAAI,UAAU,6BAA6B,SAAA,MAAA,CAAI,CAAA,CAAA,CAClD,CAAA,EACF,EAGC0C,EAAI,OAAS,EACZzC,EAAAA,KAAC,MAAA,CACC,SAAA,CAAAD,EAAAA,IAAC,KAAA,CAAG,UAAU,yCAAyC,SAAA,WAAQ,QAC9D,KAAA,CAAG,UAAU,YACX,SAAA0C,EAAI,IAAII,GACP7C,EAAAA,KAAC,KAAA,CAEC,UAAW,gCAAgC8C,GAAeD,EAAE,QAAQ,CAAC,IACnEA,EAAE,UAAY,kCAAoC,EACpD,GACA,QAAS,IAAMA,EAAE,WAAaN,EAAgBM,EAAE,SAAS,EAEzD,SAAA,CAAA7C,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAD,EAAAA,IAACgD,GAAA,CAAa,SAAUF,EAAE,QAAA,CAAU,EACpC9C,EAAAA,IAAC,OAAA,CAAK,UAAU,6CAA8C,WAAE,KAAA,CAAM,CAAA,EACxE,QACC,OAAA,CAAK,UAAU,iCAAkC,SAAAuC,GAAcO,EAAE,IAAI,CAAA,CAAE,CAAA,EAC1E,EACA9C,EAAAA,IAAC,IAAA,CAAE,UAAU,6BAA8B,WAAE,YAAY,EACzDA,EAAAA,IAACiD,GAAA,CAAe,QAASH,CAAA,CAAG,CAAA,CAAA,EAdvBA,EAAE,EAAA,CAgBV,CAAA,CACH,CAAA,CAAA,CACF,EAEA9C,EAAAA,IAAC,MAAA,CAAI,UAAU,mEAAmE,SAAA,gBAAA,CAElF,CAAA,EAEJ,CAEJ,CAEA,SAAS+C,GAAe,EAAoC,CAC1D,OAAI,IAAM,WAAmB,8BACzB,IAAM,OAAe,kCAClB,+BACT,CAEA,SAASC,GAAa,CAAE,SAAAE,GAAmD,CACzE,OAAIA,IAAa,WAAmBlD,EAAAA,IAAC4C,EAAA,CAAY,UAAU,gCAAgC,EACvFM,IAAa,OAAelD,EAAAA,IAAC2C,EAAA,CAAc,UAAU,kCAAkC,EACpF3C,EAAAA,IAAC6C,EAAA,CAAK,UAAU,gCAAA,CAAiC,CAC1D,CAEA,SAASI,GAAe,CAAE,QAAAE,GAAqC,CAC7D,MAAMtC,EAAIsC,EAAQ,OAClB,IAAIC,EAAO,GACX,GAAID,EAAQ,OAAS,YAAa,CAChC,MAAME,EAAK,OAAOxC,EAAE,UAAY,EAAE,EAC5BlB,EAAQ,OAAOkB,EAAE,OAAS,CAAC,EACjCuC,EAAO,GAAGC,CAAE,WAAW1D,CAAK,IAC9B,SAAWwD,EAAQ,OAAS,qBAAsB,CAChD,MAAMG,EAAS,OAAOzC,EAAE,mBAAqB,CAAC,EAAI,IAC5C0C,EAAW,OAAO1C,EAAE,qBAAuB,CAAC,EAAI,IAChD2C,EAAQ,OAAO3C,EAAE,eAAiB,CAAC,EACzCuC,EAAO,UAAUE,EAAO,QAAQ,CAAC,CAAC,UAAUC,EAAS,QAAQ,CAAC,CAAC,MAAMC,CAAK,SAC5E,SAAWL,EAAQ,OAAS,YAAa,CACvC,MAAMM,EAAM,OAAO5C,EAAE,aAAe,CAAC,EAC/B6C,EAAK,OAAO7C,EAAE,YAAc,CAAC,EACnCuC,EAAO,GAAGK,CAAG,SAASC,CAAE,qBAC1B,SAAWP,EAAQ,OAAS,iBAAkB,CAC5C,MAAMO,EAAK,OAAO7C,EAAE,YAAc,CAAC,EAC7B4C,EAAM,OAAO5C,EAAE,aAAe,CAAC,EACrCuC,EAAO,GAAGM,CAAE,UAAUD,CAAG,KAC3B,CACA,OAAKL,EACEpD,EAAAA,IAAC,IAAA,CAAE,UAAU,gDAAiD,SAAAoD,EAAK,EADxD,IAEpB"}

package/dist/web/static/assets/{Drawer-BeHRQxUS.js → Drawer-DdRTzlLB.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-fJlPI3H7.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-BeHRQxUS.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-Bs_edTLa.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-DdRTzlLB.js.map

package/dist/web/static/assets/{Drawer-BeHRQxUS.js.map → Drawer-DdRTzlLB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Drawer-BeHRQxUS.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-DdRTzlLB.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-K_tCY2ti.js → Events-DrIq1SUS.js}

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

package/dist/web/static/assets/{Events-K_tCY2ti.js.map → Events-DrIq1SUS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Events-K_tCY2ti.js","sources":["../../src/components/CodeBlock.tsx","../../src/pages/Events.tsx"],"sourcesContent":["import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'\nimport { oneLight } from 'react-syntax-highlighter/dist/esm/styles/prism'\n\ninterface Props {\n  data: any\n  language?: string\n  maxHeight?: string\n}\n\nexport default function CodeBlock({ data, language = 'json', maxHeight = '400px' }: Props) {\n  const content = typeof data === 'string'\n    ? data\n    : JSON.stringify(data, null, 2)\n\n  return (\n    <div className=\"rounded overflow-hidden\" style={{ maxHeight, overflowY: 'auto' }}>\n      <SyntaxHighlighter\n        language={language}\n        style={oneLight}\n        customStyle={{\n          margin: 0,\n          fontSize: '12px',\n          padding: '12px',\n          background: '#f9fafb',\n        }}\n      >\n        {content}\n      </SyntaxHighlighter>\n    </div>\n  )\n}\n","import { useQuery } from '@tanstack/react-query'\nimport { useState, useMemo } from 'react'\nimport { format } from 'date-fns'\nimport { parseUTC } from '../utils/time'\nimport { Activity, Filter, Download } from 'lucide-react'\nimport clsx from 'clsx'\nimport Drawer from '../components/Drawer'\nimport CodeBlock from '../components/CodeBlock'\nimport SearchInput from '../components/SearchInput'\nimport { downloadJSON, downloadCSV, getTimestamp } from '../utils/export'\nimport { useToast } from '../components/Toast'\n\ninterface Event {\n  event_id: string\n  session_id: string\n  project_path: string\n  timestamp: string\n  hook_type: string\n  tool_name?: string\n  tool_input?: any\n  tool_output?: any\n  user_prompt?: string\n  ai_response?: string\n}\n\nasync function fetchEvents(hookType?: string): Promise<Event[]> {\n  const url = `/api/events?limit=500${hookType ? `&hook_type=${hookType}` : ''}`\n  const res = await fetch(url)\n  if (!res.ok) throw new Error('Failed to fetch events')\n  return res.json()\n}\n\nconst hookTypes = ['', 'UserPromptSubmit', 'PreToolUse', 'PostToolUse', 'Stop', 'Notification']\n\nexport default function Events() {\n  const [filter, setFilter] = useState('')\n  const [search, setSearch] = useState('')\n  const [selectedEvent, setSelectedEvent] = useState<Event | null>(null)\n  const [showExportMenu, setShowExportMenu] = useState(false)\n  const toast = useToast()\n\n  const { data: events, isLoading } = useQuery({\n    queryKey: ['events', filter],\n    queryFn: () => fetchEvents(filter),\n    refetchInterval: 5000,\n  })\n\n  // 客户端搜索过滤\n  const filteredEvents = useMemo(() => {\n    if (!events) return []\n    if (!search.trim()) return events\n    const q = search.toLowerCase()\n    return events.filter(e =>\n      e.tool_name?.toLowerCase().includes(q) ||\n      e.user_prompt?.toLowerCase().includes(q) ||\n      e.session_id.toLowerCase().includes(q) ||\n      JSON.stringify(e.tool_input || '').toLowerCase().includes(q)\n    )\n  }, [events, search])\n\n  const handleExport = (exportFormat: 'json' | 'csv') => {\n    const ts = getTimestamp()\n    if (exportFormat === 'json') {\n      downloadJSON(`events-${ts}.json`, filteredEvents)\n    } else {\n      // CSV 导出扁平化\n      const flat = filteredEvents.map(e => ({\n        event_id: e.event_id,\n        session_id: e.session_id,\n        timestamp: e.timestamp,\n        hook_type: e.hook_type,\n        tool_name: e.tool_name || '',\n        user_prompt: e.user_prompt || '',\n        tool_input: e.tool_input ? JSON.stringify(e.tool_input).slice(0, 500) : '',\n      }))\n      downloadCSV(`events-${ts}.csv`, flat)\n    }\n    toast.success(`已导出 ${filteredEvents.length} 条事件`)\n    setShowExportMenu(false)\n  }\n\n  return (\n    <div>\n      <div className=\"flex items-center justify-between mb-4 flex-wrap gap-3\">\n        <h1 className=\"text-2xl font-bold text-gray-900\">事件</h1>\n        <div className=\"flex items-center gap-2 flex-wrap\">\n          <SearchInput\n            value={search}\n            onChange={setSearch}\n            placeholder=\"搜索提示/工具/session...\"\n            className=\"w-64\"\n          />\n          <div className=\"flex items-center gap-1\">\n            <Filter className=\"h-4 w-4 text-gray-500\" />\n            <select\n              value={filter}\n              onChange={(e) => setFilter(e.target.value)}\n              className=\"text-sm border border-gray-300 rounded-md px-2 py-1.5 bg-white\"\n            >\n              {hookTypes.map((t) => (\n                <option key={t} value={t}>{t || '全部类型'}</option>\n              ))}\n            </select>\n          </div>\n          <div className=\"relative\">\n            <button\n              onClick={() => setShowExportMenu(v => !v)}\n              disabled={filteredEvents.length === 0}\n              className=\"inline-flex items-center gap-1 px-3 py-1.5 text-sm bg-white border border-gray-300 rounded-md hover:bg-gray-50 disabled:opacity-50\"\n            >\n              <Download className=\"h-4 w-4\" />\n              导出\n            </button>\n            {showExportMenu && (\n              <>\n                <div className=\"fixed inset-0 z-10\" onClick={() => setShowExportMenu(false)} />\n                <div className=\"absolute right-0 mt-1 bg-white border border-gray-200 rounded-md shadow-lg z-20\">\n                  <button\n                    onClick={() => handleExport('json')}\n                    className=\"block w-full text-left px-4 py-2 text-sm hover:bg-gray-50\"\n                  >\n                    导出为 JSON\n                  </button>\n                  <button\n                    onClick={() => handleExport('csv')}\n                    className=\"block w-full text-left px-4 py-2 text-sm hover:bg-gray-50\"\n                  >\n                    导出为 CSV\n                  </button>\n                </div>\n              </>\n            )}\n          </div>\n        </div>\n      </div>\n\n      <div className=\"text-sm text-gray-500 mb-3\">\n        显示 {filteredEvents.length} 条 {search && `（已过滤）`}\n      </div>\n\n      <div className=\"bg-white rounded-lg shadow overflow-hidden\">\n        {isLoading ? (\n          <div className=\"p-6 text-gray-600\">加载中...</div>\n        ) : (\n          <table className=\"min-w-full divide-y divide-gray-200\">\n            <thead className=\"bg-gray-50\">\n              <tr>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase\">时间</th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase\">类型</th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase\">工具</th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase\">详情</th>\n              </tr>\n            </thead>\n            <tbody className=\"bg-white divide-y divide-gray-200\">\n              {filteredEvents.map((e) => (\n                <tr\n                  key={e.event_id}\n                  className=\"hover:bg-gray-50 cursor-pointer\"\n                  onClick={() => setSelectedEvent(e)}\n                >\n                  <td className=\"px-4 py-2 whitespace-nowrap text-xs font-mono text-gray-500\">\n                    {e.timestamp ? format(parseUTC(e.timestamp), 'HH:mm:ss') : '-'}\n                  </td>\n                  <td className=\"px-4 py-2 whitespace-nowrap\">\n                    <span className={clsx(\n                      'px-2 py-0.5 text-xs font-medium rounded',\n                      e.hook_type === 'UserPromptSubmit' && 'bg-purple-100 text-purple-700',\n                      e.hook_type === 'PreToolUse' && 'bg-blue-100 text-blue-700',\n                      e.hook_type === 'PostToolUse' && 'bg-green-100 text-green-700',\n                      e.hook_type === 'Stop' && 'bg-gray-100 text-gray-700',\n                      e.hook_type === 'Notification' && 'bg-yellow-100 text-yellow-700'\n                    )}>\n                      {e.hook_type}\n                    </span>\n                  </td>\n                  <td className=\"px-4 py-2 whitespace-nowrap text-sm text-gray-700\">\n                    {e.tool_name || '-'}\n                  </td>\n                  <td className=\"px-4 py-2 max-w-xl\">\n                    <p className=\"text-xs text-gray-600 truncate\">\n                      {e.user_prompt || (e.tool_input ? JSON.stringify(e.tool_input).slice(0, 100) : '-')}\n                    </p>\n                  </td>\n                </tr>\n              ))}\n              {filteredEvents.length === 0 && (\n                <tr>\n                  <td colSpan={4} className=\"px-4 py-12 text-center text-gray-500\">\n                    <Activity className=\"h-12 w-12 text-gray-300 mx-auto mb-2\" />\n                    {search ? '无匹配结果' : '暂无事件'}\n                  </td>\n                </tr>\n              )}\n            </tbody>\n          </table>\n        )}\n      </div>\n\n      {/* Event Detail Drawer */}\n      <Drawer\n        open={selectedEvent !== null}\n        onClose={() => setSelectedEvent(null)}\n        title=\"事件详情\"\n      >\n        {selectedEvent && (\n          <div className=\"space-y-4\">\n            <div>\n              <div className=\"text-xs text-gray-500 mb-1\">事件 ID</div>\n              <div className=\"text-sm font-mono text-gray-900\">{selectedEvent.event_id}</div>\n            </div>\n            <div>\n              <div className=\"text-xs text-gray-500 mb-1\">类型</div>\n              <span className={clsx(\n                'px-2 py-1 text-xs font-medium rounded',\n                selectedEvent.hook_type === 'UserPromptSubmit' && 'bg-purple-100 text-purple-700',\n                selectedEvent.hook_type === 'PreToolUse' && 'bg-blue-100 text-blue-700',\n                selectedEvent.hook_type === 'PostToolUse' && 'bg-green-100 text-green-700',\n              )}>\n                {selectedEvent.hook_type}\n              </span>\n            </div>\n            <div>\n              <div className=\"text-xs text-gray-500 mb-1\">时间</div>\n              <div className=\"text-sm text-gray-900\">\n                {selectedEvent.timestamp ? format(parseUTC(selectedEvent.timestamp), 'yyyy-MM-dd HH:mm:ss') : '-'}\n              </div>\n            </div>\n            <div>\n              <div className=\"text-xs text-gray-500 mb-1\">Session</div>\n              <div className=\"text-sm font-mono text-gray-700\">{selectedEvent.session_id}</div>\n            </div>\n            <div>\n              <div className=\"text-xs text-gray-500 mb-1\">项目路径</div>\n              <div className=\"text-sm font-mono text-gray-700 break-all\">{selectedEvent.project_path}</div>\n            </div>\n            {selectedEvent.tool_name && (\n              <div>\n                <div className=\"text-xs text-gray-500 mb-1\">工具</div>\n                <div className=\"text-sm text-gray-900\">{selectedEvent.tool_name}</div>\n              </div>\n            )}\n            {selectedEvent.user_prompt && (\n              <div>\n                <div className=\"text-xs text-gray-500 mb-1\">用户提示</div>\n                <div className=\"bg-purple-50 rounded p-3 text-sm text-gray-800 whitespace-pre-wrap\">\n                  {selectedEvent.user_prompt}\n                </div>\n              </div>\n            )}\n            {selectedEvent.tool_input && (\n              <div>\n                <div className=\"text-xs text-gray-500 mb-1\">工具输入</div>\n                <CodeBlock data={selectedEvent.tool_input} language=\"json\" maxHeight=\"300px\" />\n              </div>\n            )}\n            {selectedEvent.tool_output && (\n              <div>\n                <div className=\"text-xs text-gray-500 mb-1\">工具输出</div>\n                <CodeBlock\n                  data={selectedEvent.tool_output}\n                  language={typeof selectedEvent.tool_output === 'string' ? 'text' : 'json'}\n                  maxHeight=\"400px\"\n                />\n              </div>\n            )}\n          </div>\n        )}\n      </Drawer>\n    </div>\n  )\n}\n"],"names":["CodeBlock","data","language","maxHeight","content","jsx","SyntaxHighlighter","oneLight","fetchEvents","hookType","url","res","hookTypes","Events","filter","setFilter","useState","search","setSearch","selectedEvent","setSelectedEvent","showExportMenu","setShowExportMenu","toast","useToast","events","isLoading","useQuery","filteredEvents","useMemo","q","e","_a","_b","handleExport","exportFormat","ts","getTimestamp","downloadJSON","flat","downloadCSV","jsxs","SearchInput","Filter","v","Download","Fragment","format","parseUTC","clsx","Activity","Drawer"],"mappings":"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"}
+{"version":3,"file":"Events-DrIq1SUS.js","sources":["../../src/components/CodeBlock.tsx","../../src/pages/Events.tsx"],"sourcesContent":["import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'\nimport { oneLight } from 'react-syntax-highlighter/dist/esm/styles/prism'\n\ninterface Props {\n  data: any\n  language?: string\n  maxHeight?: string\n}\n\nexport default function CodeBlock({ data, language = 'json', maxHeight = '400px' }: Props) {\n  const content = typeof data === 'string'\n    ? data\n    : JSON.stringify(data, null, 2)\n\n  return (\n    <div className=\"rounded overflow-hidden\" style={{ maxHeight, overflowY: 'auto' }}>\n      <SyntaxHighlighter\n        language={language}\n        style={oneLight}\n        customStyle={{\n          margin: 0,\n          fontSize: '12px',\n          padding: '12px',\n          background: '#f9fafb',\n        }}\n      >\n        {content}\n      </SyntaxHighlighter>\n    </div>\n  )\n}\n","import { useQuery } from '@tanstack/react-query'\nimport { useState, useMemo } from 'react'\nimport { format } from 'date-fns'\nimport { parseUTC } from '../utils/time'\nimport { Activity, Filter, Download } from 'lucide-react'\nimport clsx from 'clsx'\nimport Drawer from '../components/Drawer'\nimport CodeBlock from '../components/CodeBlock'\nimport SearchInput from '../components/SearchInput'\nimport { downloadJSON, downloadCSV, getTimestamp } from '../utils/export'\nimport { useToast } from '../components/Toast'\n\ninterface Event {\n  event_id: string\n  session_id: string\n  project_path: string\n  timestamp: string\n  hook_type: string\n  tool_name?: string\n  tool_input?: any\n  tool_output?: any\n  user_prompt?: string\n  ai_response?: string\n}\n\nasync function fetchEvents(hookType?: string): Promise<Event[]> {\n  const url = `/api/events?limit=500${hookType ? `&hook_type=${hookType}` : ''}`\n  const res = await fetch(url)\n  if (!res.ok) throw new Error('Failed to fetch events')\n  return res.json()\n}\n\nconst hookTypes = ['', 'UserPromptSubmit', 'PreToolUse', 'PostToolUse', 'Stop', 'Notification']\n\nexport default function Events() {\n  const [filter, setFilter] = useState('')\n  const [search, setSearch] = useState('')\n  const [selectedEvent, setSelectedEvent] = useState<Event | null>(null)\n  const [showExportMenu, setShowExportMenu] = useState(false)\n  const toast = useToast()\n\n  const { data: events, isLoading } = useQuery({\n    queryKey: ['events', filter],\n    queryFn: () => fetchEvents(filter),\n    refetchInterval: 5000,\n  })\n\n  // 客户端搜索过滤\n  const filteredEvents = useMemo(() => {\n    if (!events) return []\n    if (!search.trim()) return events\n    const q = search.toLowerCase()\n    return events.filter(e =>\n      e.tool_name?.toLowerCase().includes(q) ||\n      e.user_prompt?.toLowerCase().includes(q) ||\n      e.session_id.toLowerCase().includes(q) ||\n      JSON.stringify(e.tool_input || '').toLowerCase().includes(q)\n    )\n  }, [events, search])\n\n  const handleExport = (exportFormat: 'json' | 'csv') => {\n    const ts = getTimestamp()\n    if (exportFormat === 'json') {\n      downloadJSON(`events-${ts}.json`, filteredEvents)\n    } else {\n      // CSV 导出扁平化\n      const flat = filteredEvents.map(e => ({\n        event_id: e.event_id,\n        session_id: e.session_id,\n        timestamp: e.timestamp,\n        hook_type: e.hook_type,\n        tool_name: e.tool_name || '',\n        user_prompt: e.user_prompt || '',\n        tool_input: e.tool_input ? JSON.stringify(e.tool_input).slice(0, 500) : '',\n      }))\n      downloadCSV(`events-${ts}.csv`, flat)\n    }\n    toast.success(`已导出 ${filteredEvents.length} 条事件`)\n    setShowExportMenu(false)\n  }\n\n  return (\n    <div>\n      <div className=\"flex items-center justify-between mb-4 flex-wrap gap-3\">\n        <h1 className=\"text-2xl font-bold text-gray-900\">事件</h1>\n        <div className=\"flex items-center gap-2 flex-wrap\">\n          <SearchInput\n            value={search}\n            onChange={setSearch}\n            placeholder=\"搜索提示/工具/session...\"\n            className=\"w-64\"\n          />\n          <div className=\"flex items-center gap-1\">\n            <Filter className=\"h-4 w-4 text-gray-500\" />\n            <select\n              value={filter}\n              onChange={(e) => setFilter(e.target.value)}\n              className=\"text-sm border border-gray-300 rounded-md px-2 py-1.5 bg-white\"\n            >\n              {hookTypes.map((t) => (\n                <option key={t} value={t}>{t || '全部类型'}</option>\n              ))}\n            </select>\n          </div>\n          <div className=\"relative\">\n            <button\n              onClick={() => setShowExportMenu(v => !v)}\n              disabled={filteredEvents.length === 0}\n              className=\"inline-flex items-center gap-1 px-3 py-1.5 text-sm bg-white border border-gray-300 rounded-md hover:bg-gray-50 disabled:opacity-50\"\n            >\n              <Download className=\"h-4 w-4\" />\n              导出\n            </button>\n            {showExportMenu && (\n              <>\n                <div className=\"fixed inset-0 z-10\" onClick={() => setShowExportMenu(false)} />\n                <div className=\"absolute right-0 mt-1 bg-white border border-gray-200 rounded-md shadow-lg z-20\">\n                  <button\n                    onClick={() => handleExport('json')}\n                    className=\"block w-full text-left px-4 py-2 text-sm hover:bg-gray-50\"\n                  >\n                    导出为 JSON\n                  </button>\n                  <button\n                    onClick={() => handleExport('csv')}\n                    className=\"block w-full text-left px-4 py-2 text-sm hover:bg-gray-50\"\n                  >\n                    导出为 CSV\n                  </button>\n                </div>\n              </>\n            )}\n          </div>\n        </div>\n      </div>\n\n      <div className=\"text-sm text-gray-500 mb-3\">\n        显示 {filteredEvents.length} 条 {search && `（已过滤）`}\n      </div>\n\n      <div className=\"bg-white rounded-lg shadow overflow-hidden\">\n        {isLoading ? (\n          <div className=\"p-6 text-gray-600\">加载中...</div>\n        ) : (\n          <table className=\"min-w-full divide-y divide-gray-200\">\n            <thead className=\"bg-gray-50\">\n              <tr>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase\">时间</th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase\">类型</th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase\">工具</th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase\">详情</th>\n              </tr>\n            </thead>\n            <tbody className=\"bg-white divide-y divide-gray-200\">\n              {filteredEvents.map((e) => (\n                <tr\n                  key={e.event_id}\n                  className=\"hover:bg-gray-50 cursor-pointer\"\n                  onClick={() => setSelectedEvent(e)}\n                >\n                  <td className=\"px-4 py-2 whitespace-nowrap text-xs font-mono text-gray-500\">\n                    {e.timestamp ? format(parseUTC(e.timestamp), 'HH:mm:ss') : '-'}\n                  </td>\n                  <td className=\"px-4 py-2 whitespace-nowrap\">\n                    <span className={clsx(\n                      'px-2 py-0.5 text-xs font-medium rounded',\n                      e.hook_type === 'UserPromptSubmit' && 'bg-purple-100 text-purple-700',\n                      e.hook_type === 'PreToolUse' && 'bg-blue-100 text-blue-700',\n                      e.hook_type === 'PostToolUse' && 'bg-green-100 text-green-700',\n                      e.hook_type === 'Stop' && 'bg-gray-100 text-gray-700',\n                      e.hook_type === 'Notification' && 'bg-yellow-100 text-yellow-700'\n                    )}>\n                      {e.hook_type}\n                    </span>\n                  </td>\n                  <td className=\"px-4 py-2 whitespace-nowrap text-sm text-gray-700\">\n                    {e.tool_name || '-'}\n                  </td>\n                  <td className=\"px-4 py-2 max-w-xl\">\n                    <p className=\"text-xs text-gray-600 truncate\">\n                      {e.user_prompt || (e.tool_input ? JSON.stringify(e.tool_input).slice(0, 100) : '-')}\n                    </p>\n                  </td>\n                </tr>\n              ))}\n              {filteredEvents.length === 0 && (\n                <tr>\n                  <td colSpan={4} className=\"px-4 py-12 text-center text-gray-500\">\n                    <Activity className=\"h-12 w-12 text-gray-300 mx-auto mb-2\" />\n                    {search ? '无匹配结果' : '暂无事件'}\n                  </td>\n                </tr>\n              )}\n            </tbody>\n          </table>\n        )}\n      </div>\n\n      {/* Event Detail Drawer */}\n      <Drawer\n        open={selectedEvent !== null}\n        onClose={() => setSelectedEvent(null)}\n        title=\"事件详情\"\n      >\n        {selectedEvent && (\n          <div className=\"space-y-4\">\n            <div>\n              <div className=\"text-xs text-gray-500 mb-1\">事件 ID</div>\n              <div className=\"text-sm font-mono text-gray-900\">{selectedEvent.event_id}</div>\n            </div>\n            <div>\n              <div className=\"text-xs text-gray-500 mb-1\">类型</div>\n              <span className={clsx(\n                'px-2 py-1 text-xs font-medium rounded',\n                selectedEvent.hook_type === 'UserPromptSubmit' && 'bg-purple-100 text-purple-700',\n                selectedEvent.hook_type === 'PreToolUse' && 'bg-blue-100 text-blue-700',\n                selectedEvent.hook_type === 'PostToolUse' && 'bg-green-100 text-green-700',\n              )}>\n                {selectedEvent.hook_type}\n              </span>\n            </div>\n            <div>\n              <div className=\"text-xs text-gray-500 mb-1\">时间</div>\n              <div className=\"text-sm text-gray-900\">\n                {selectedEvent.timestamp ? format(parseUTC(selectedEvent.timestamp), 'yyyy-MM-dd HH:mm:ss') : '-'}\n              </div>\n            </div>\n            <div>\n              <div className=\"text-xs text-gray-500 mb-1\">Session</div>\n              <div className=\"text-sm font-mono text-gray-700\">{selectedEvent.session_id}</div>\n            </div>\n            <div>\n              <div className=\"text-xs text-gray-500 mb-1\">项目路径</div>\n              <div className=\"text-sm font-mono text-gray-700 break-all\">{selectedEvent.project_path}</div>\n            </div>\n            {selectedEvent.tool_name && (\n              <div>\n                <div className=\"text-xs text-gray-500 mb-1\">工具</div>\n                <div className=\"text-sm text-gray-900\">{selectedEvent.tool_name}</div>\n              </div>\n            )}\n            {selectedEvent.user_prompt && (\n              <div>\n                <div className=\"text-xs text-gray-500 mb-1\">用户提示</div>\n                <div className=\"bg-purple-50 rounded p-3 text-sm text-gray-800 whitespace-pre-wrap\">\n                  {selectedEvent.user_prompt}\n                </div>\n              </div>\n            )}\n            {selectedEvent.tool_input && (\n              <div>\n                <div className=\"text-xs text-gray-500 mb-1\">工具输入</div>\n                <CodeBlock data={selectedEvent.tool_input} language=\"json\" maxHeight=\"300px\" />\n              </div>\n            )}\n            {selectedEvent.tool_output && (\n              <div>\n                <div className=\"text-xs text-gray-500 mb-1\">工具输出</div>\n                <CodeBlock\n                  data={selectedEvent.tool_output}\n                  language={typeof selectedEvent.tool_output === 'string' ? 'text' : 'json'}\n                  maxHeight=\"400px\"\n                />\n              </div>\n            )}\n          </div>\n        )}\n      </Drawer>\n    </div>\n  )\n}\n"],"names":["CodeBlock","data","language","maxHeight","content","jsx","SyntaxHighlighter","oneLight","fetchEvents","hookType","url","res","hookTypes","Events","filter","setFilter","useState","search","setSearch","selectedEvent","setSelectedEvent","showExportMenu","setShowExportMenu","toast","useToast","events","isLoading","useQuery","filteredEvents","useMemo","q","e","_a","_b","handleExport","exportFormat","ts","getTimestamp","downloadJSON","flat","downloadCSV","jsxs","SearchInput","Filter","v","Download","Fragment","format","parseUTC","clsx","Activity","Drawer"],"mappings":"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"}

package/dist/web/static/assets/{Reports-BJCmBnc_.js → Reports-DFBM3MDK.js}

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