@winspan/claude-forge 8.33.2 → 8.33.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cli/commands/daemon.d.ts.map +1 -1
- package/dist/cli/commands/daemon.js +32 -11
- package/dist/cli/commands/daemon.js.map +1 -1
- package/dist/daemon/routing-observer.js +1 -1
- package/dist/daemon/routing-observer.js.map +1 -1
- package/dist/engine/conventions/routing.yaml +11 -0
- package/dist/web/routes/ai.d.ts.map +1 -1
- package/dist/web/routes/ai.js +2 -7
- package/dist/web/routes/ai.js.map +1 -1
- package/dist/web/routes/execution-trace.d.ts +8 -0
- package/dist/web/routes/execution-trace.d.ts.map +1 -1
- package/dist/web/routes/execution-trace.js +30 -1
- package/dist/web/routes/execution-trace.js.map +1 -1
- package/dist/web/routes/routing.d.ts.map +1 -1
- package/dist/web/routes/routing.js +11 -1
- package/dist/web/routes/routing.js.map +1 -1
- package/dist/web/static/assets/{AIConfig-Dw13rVtT.js → AIConfig-BbwRuWzm.js} +2 -2
- package/dist/web/static/assets/{AIConfig-Dw13rVtT.js.map → AIConfig-BbwRuWzm.js.map} +1 -1
- package/dist/web/static/assets/{Agents-D1p3JhQs.js → Agents-FyKzsN-g.js} +2 -2
- package/dist/web/static/assets/{Agents-D1p3JhQs.js.map → Agents-FyKzsN-g.js.map} +1 -1
- package/dist/web/static/assets/{Dashboard-qUCxXFSI.js → Dashboard-Ciyyw6ph.js} +2 -2
- package/dist/web/static/assets/{Dashboard-qUCxXFSI.js.map → Dashboard-Ciyyw6ph.js.map} +1 -1
- package/dist/web/static/assets/{Drawer-DeKukfwJ.js → Drawer-DOUcx6m1.js} +2 -2
- package/dist/web/static/assets/{Drawer-DeKukfwJ.js.map → Drawer-DOUcx6m1.js.map} +1 -1
- package/dist/web/static/assets/{Events-DqzBTrly.js → Events-C2OCOKAD.js} +2 -2
- package/dist/web/static/assets/{Events-DqzBTrly.js.map → Events-C2OCOKAD.js.map} +1 -1
- package/dist/web/static/assets/ExecutionTrace-BsWSpu2v.js +3 -0
- package/dist/web/static/assets/ExecutionTrace-BsWSpu2v.js.map +1 -0
- package/dist/web/static/assets/{Methodologies-Br5KOWuF.js → Methodologies-DwYLXc8o.js} +2 -2
- package/dist/web/static/assets/{Methodologies-Br5KOWuF.js.map → Methodologies-DwYLXc8o.js.map} +1 -1
- package/dist/web/static/assets/{MethodologyDetail-Do1taSKM.js → MethodologyDetail-rV3W1utf.js} +2 -2
- package/dist/web/static/assets/{MethodologyDetail-Do1taSKM.js.map → MethodologyDetail-rV3W1utf.js.map} +1 -1
- package/dist/web/static/assets/{Routing-CFmM7JuB.js → Routing-BW3eGD-8.js} +2 -2
- package/dist/web/static/assets/{Routing-CFmM7JuB.js.map → Routing-BW3eGD-8.js.map} +1 -1
- package/dist/web/static/assets/{SessionDetail-DzTue2xK.js → SessionDetail-Cbd7Jwox.js} +2 -2
- package/dist/web/static/assets/{SessionDetail-DzTue2xK.js.map → SessionDetail-Cbd7Jwox.js.map} +1 -1
- package/dist/web/static/assets/{Sessions-DOd65EkN.js → Sessions-CFpFk-5I.js} +2 -2
- package/dist/web/static/assets/{Sessions-DOd65EkN.js.map → Sessions-CFpFk-5I.js.map} +1 -1
- package/dist/web/static/assets/{Skills-zacj_uSW.js → Skills-BkbegTV1.js} +2 -2
- package/dist/web/static/assets/{Skills-zacj_uSW.js.map → Skills-BkbegTV1.js.map} +1 -1
- package/dist/web/static/assets/{export-CEzDNM66.js → export-CbQTOt71.js} +2 -2
- package/dist/web/static/assets/{export-CEzDNM66.js.map → export-CbQTOt71.js.map} +1 -1
- package/dist/web/static/assets/{index-BVpUTHdp.js → index-CIRlno4E.js} +3 -3
- package/dist/web/static/assets/{index-BVpUTHdp.js.map → index-CIRlno4E.js.map} +1 -1
- package/dist/web/static/assets/index-N1EByy_h.css +1 -0
- package/dist/web/static/assets/{lucide-DjB4fWNj.js → lucide-BanPULT1.js} +35 -40
- package/dist/web/static/assets/lucide-BanPULT1.js.map +1 -0
- package/dist/web/static/index.html +3 -3
- package/package.json +1 -1
- package/dist/web/static/assets/ExecutionTrace-Z-zlH0KH.js +0 -2
- package/dist/web/static/assets/ExecutionTrace-Z-zlH0KH.js.map +0 -1
- package/dist/web/static/assets/index-Drpf7sLl.css +0 -1
- package/dist/web/static/assets/lucide-DjB4fWNj.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AIConfig-Dw13rVtT.js","sources":["../../src/pages/AIConfig.tsx"],"sourcesContent":["import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'\nimport { useState, useEffect } from 'react'\nimport { Save, Eye, EyeOff, Cpu, Zap, CheckCircle, XCircle, Loader2 } from 'lucide-react'\nimport { useToast } from '../components/Toast'\nimport { authFetch } from '../utils/auth'\n\ninterface AIConfig {\n api_key: string\n base_url: string\n model: string\n provider?: string\n classifier_model?: string\n classifier_timeout?: number\n}\n\ninterface ModelOption {\n id: string\n owned_by?: string\n}\n\nasync function fetchConfig(): Promise<AIConfig> {\n const res = await fetch('/api/config/ai')\n if (!res.ok) throw new Error('Failed to fetch config')\n return res.json()\n}\n\nasync function fetchModels(api_key?: string, base_url?: string): Promise<ModelOption[]> {\n const params = new URLSearchParams()\n if (api_key) params.set('api_key', api_key)\n if (base_url) params.set('base_url', base_url)\n const res = await fetch(`/api/ai/models?${params.toString()}`)\n if (!res.ok) return []\n const data = await res.json()\n return data.data || []\n}\n\nasync function saveConfig(config: AIConfig): Promise<void> {\n const res = await authFetch('/api/config/ai', {\n method: 'PUT',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(config),\n })\n if (!res.ok) throw new Error('Failed to save config')\n}\n\nasync function testConnection(config: { api_key: string; base_url: string; model: string }): Promise<any> {\n const res = await authFetch('/api/ai/test', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(config),\n })\n const data = await res.json().catch(() => ({}))\n if (!res.ok) throw new Error(data.error || 'Test failed')\n return data\n}\n\nexport default function AIConfig() {\n const queryClient = useQueryClient()\n const toast = useToast()\n const { data: config, isLoading } = useQuery({\n queryKey: ['ai-config'],\n queryFn: fetchConfig,\n })\n\n const [form, setForm] = useState<AIConfig>({\n api_key: '',\n base_url: '',\n model: '',\n })\n const [showKey, setShowKey] = useState(false)\n const [testResult, setTestResult] = useState<{ ok: boolean; message: string } | null>(null)\n\n useEffect(() => {\n if (config) setForm(config)\n }, [config])\n\n const { data: models, refetch: refetchModels, isFetching: loadingModels } = useQuery({\n queryKey: ['ai-models', form.api_key, form.base_url],\n queryFn: () => fetchModels(form.api_key, form.base_url),\n enabled: !!form.api_key && !!form.base_url,\n })\n\n const saveMutation = useMutation({\n mutationFn: saveConfig,\n onSuccess: () => {\n toast.success('AI 配置已保存')\n queryClient.invalidateQueries({ queryKey: ['ai-config'] })\n },\n onError: (e: Error) => toast.error(`保存失败: ${e.message}`),\n })\n\n const testMutation = useMutation({\n mutationFn: testConnection,\n onSuccess: (data) => {\n const modelName = data?.model || form.model\n setTestResult({ ok: true, message: `连接成功!模型: ${modelName}` })\n toast.success('API 连接测试通过')\n },\n onError: (err: Error) => {\n setTestResult({ ok: false, message: err.message })\n toast.error('API 连接测试失败')\n },\n })\n\n if (isLoading) {\n return <div className=\"bg-white rounded-lg shadow p-6\">加载中...</div>\n }\n\n return (\n <div>\n <h1 className=\"text-2xl font-bold text-gray-900 mb-6\">AI 配置</h1>\n\n <div className=\"bg-white rounded-lg shadow p-6 max-w-2xl\">\n <div className=\"flex items-center gap-2 mb-6\">\n <Cpu className=\"h-5 w-5 text-indigo-600\" />\n <h3 className=\"text-lg font-semibold text-gray-900\">Anthropic API 配置</h3>\n </div>\n\n <div className=\"space-y-4\">\n <div>\n <label className=\"block text-sm font-medium text-gray-700 mb-1\">API Key</label>\n <div className=\"relative\">\n <input\n type={showKey ? 'text' : 'password'}\n value={form.api_key || ''}\n onChange={(e) => setForm({ ...form, api_key: e.target.value })}\n placeholder=\"sk-...\"\n className=\"w-full px-3 py-2 pr-10 border border-gray-300 rounded-md text-sm font-mono\"\n />\n <button\n type=\"button\"\n onClick={() => setShowKey(!showKey)}\n className=\"absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600\"\n >\n {showKey ? <EyeOff className=\"h-4 w-4\" /> : <Eye className=\"h-4 w-4\" />}\n </button>\n </div>\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-gray-700 mb-1\">Base URL</label>\n <input\n type=\"text\"\n value={form.base_url || ''}\n onChange={(e) => setForm({ ...form, base_url: e.target.value })}\n placeholder=\"https://api.anthropic.com\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md text-sm\"\n />\n </div>\n\n <div>\n <div className=\"flex items-center justify-between mb-1\">\n <label className=\"block text-sm font-medium text-gray-700\">主模型 (Distill / QualityGate)</label>\n <button\n type=\"button\"\n onClick={() => refetchModels()}\n disabled={!form.api_key || !form.base_url || loadingModels}\n className=\"text-xs text-indigo-600 hover:text-indigo-700 disabled:text-gray-400\"\n >\n {loadingModels ? '加载中...' : '🔄 刷新模型列表'}\n </button>\n </div>\n {models && models.length > 0 ? (\n <select\n value={form.model || ''}\n onChange={(e) => setForm({ ...form, model: e.target.value })}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md text-sm bg-white\"\n >\n <option value=\"\">-- 选择模型 --</option>\n {models.map((m) => (\n <option key={m.id} value={m.id}>\n {m.id} {m.owned_by && `(${m.owned_by})`}\n </option>\n ))}\n </select>\n ) : (\n <input\n type=\"text\"\n value={form.model || ''}\n onChange={(e) => setForm({ ...form, model: e.target.value })}\n placeholder=\"claude-sonnet-4-6\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md text-sm\"\n />\n )}\n <p className=\"text-xs text-gray-500 mt-1\">\n {models && models.length > 0\n ? `发现 ${models.length} 个可用模型`\n : '填入 API Key 和 Base URL 后可自动发现模型'}\n </p>\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-gray-700 mb-1\">分类器模型(可选,便宜+快的模型)</label>\n {models && models.length > 0 ? (\n <select\n value={form.classifier_model || ''}\n onChange={(e) => setForm({ ...form, classifier_model: e.target.value })}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md text-sm bg-white\"\n >\n <option value=\"\">-- 不指定 (使用主模型) --</option>\n {models.map((m) => (\n <option key={m.id} value={m.id}>{m.id}</option>\n ))}\n </select>\n ) : (\n <input\n type=\"text\"\n value={form.classifier_model || ''}\n onChange={(e) => setForm({ ...form, classifier_model: e.target.value })}\n placeholder=\"claude-haiku-4-5-20251001\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md text-sm\"\n />\n )}\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-gray-700 mb-1\">分类器超时 (ms)</label>\n <input\n type=\"number\"\n value={form.classifier_timeout || 10000}\n onChange={(e) => setForm({ ...form, classifier_timeout: parseInt(e.target.value) })}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md text-sm\"\n />\n </div>\n\n {/* Test result */}\n {testResult && (\n <div className={`flex items-start gap-2 p-3 rounded text-sm ${\n testResult.ok ? 'bg-green-50 text-green-800' : 'bg-red-50 text-red-800'\n }`}>\n {testResult.ok ? (\n <CheckCircle className=\"h-4 w-4 flex-shrink-0 mt-0.5\" />\n ) : (\n <XCircle className=\"h-4 w-4 flex-shrink-0 mt-0.5\" />\n )}\n <div className=\"flex-1 break-all\">{testResult.message}</div>\n </div>\n )}\n\n <div className=\"flex items-center justify-end pt-4 border-t\">\n <div className=\"flex items-center gap-2\">\n <button\n onClick={() => testMutation.mutate({ api_key: form.api_key, base_url: form.base_url, model: form.model })}\n disabled={testMutation.isPending || !form.api_key || !form.model}\n className=\"inline-flex items-center gap-2 px-4 py-2 bg-gray-100 text-gray-700 text-sm font-medium rounded-md hover:bg-gray-200 disabled:bg-gray-50 disabled:text-gray-400\"\n >\n {testMutation.isPending ? (\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n ) : (\n <Zap className=\"h-4 w-4\" />\n )}\n {testMutation.isPending ? '测试中...' : '测试连接'}\n </button>\n <button\n onClick={() => saveMutation.mutate(form)}\n disabled={saveMutation.isPending}\n className=\"inline-flex items-center gap-2 px-4 py-2 bg-indigo-600 text-white text-sm font-medium rounded-md hover:bg-indigo-700 disabled:bg-gray-400\"\n >\n <Save className=\"h-4 w-4\" />\n {saveMutation.isPending ? '保存中...' : '保存配置'}\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n )\n}\n"],"names":["fetchConfig","res","fetchModels","api_key","base_url","params","saveConfig","config","authFetch","testConnection","data","AIConfig","queryClient","useQueryClient","toast","useToast","isLoading","useQuery","form","setForm","useState","showKey","setShowKey","testResult","setTestResult","useEffect","models","refetchModels","loadingModels","saveMutation","useMutation","e","testMutation","modelName","err","jsx","jsxs","Cpu","EyeOff","Eye","m","CheckCircle","XCircle","Loader2","Zap","Save"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"AIConfig-BbwRuWzm.js","sources":["../../src/pages/AIConfig.tsx"],"sourcesContent":["import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'\nimport { useState, useEffect } from 'react'\nimport { Save, Eye, EyeOff, Cpu, Zap, CheckCircle, XCircle, Loader2 } from 'lucide-react'\nimport { useToast } from '../components/Toast'\nimport { authFetch } from '../utils/auth'\n\ninterface AIConfig {\n api_key: string\n base_url: string\n model: string\n provider?: string\n classifier_model?: string\n classifier_timeout?: number\n}\n\ninterface ModelOption {\n id: string\n owned_by?: string\n}\n\nasync function fetchConfig(): Promise<AIConfig> {\n const res = await fetch('/api/config/ai')\n if (!res.ok) throw new Error('Failed to fetch config')\n return res.json()\n}\n\nasync function fetchModels(api_key?: string, base_url?: string): Promise<ModelOption[]> {\n const params = new URLSearchParams()\n if (api_key) params.set('api_key', api_key)\n if (base_url) params.set('base_url', base_url)\n const res = await fetch(`/api/ai/models?${params.toString()}`)\n if (!res.ok) return []\n const data = await res.json()\n return data.data || []\n}\n\nasync function saveConfig(config: AIConfig): Promise<void> {\n const res = await authFetch('/api/config/ai', {\n method: 'PUT',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(config),\n })\n if (!res.ok) throw new Error('Failed to save config')\n}\n\nasync function testConnection(config: { api_key: string; base_url: string; model: string }): Promise<any> {\n const res = await authFetch('/api/ai/test', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(config),\n })\n const data = await res.json().catch(() => ({}))\n if (!res.ok) throw new Error(data.error || 'Test failed')\n return data\n}\n\nexport default function AIConfig() {\n const queryClient = useQueryClient()\n const toast = useToast()\n const { data: config, isLoading } = useQuery({\n queryKey: ['ai-config'],\n queryFn: fetchConfig,\n })\n\n const [form, setForm] = useState<AIConfig>({\n api_key: '',\n base_url: '',\n model: '',\n })\n const [showKey, setShowKey] = useState(false)\n const [testResult, setTestResult] = useState<{ ok: boolean; message: string } | null>(null)\n\n useEffect(() => {\n if (config) setForm(config)\n }, [config])\n\n const { data: models, refetch: refetchModels, isFetching: loadingModels } = useQuery({\n queryKey: ['ai-models', form.api_key, form.base_url],\n queryFn: () => fetchModels(form.api_key, form.base_url),\n enabled: !!form.api_key && !!form.base_url,\n })\n\n const saveMutation = useMutation({\n mutationFn: saveConfig,\n onSuccess: () => {\n toast.success('AI 配置已保存')\n queryClient.invalidateQueries({ queryKey: ['ai-config'] })\n },\n onError: (e: Error) => toast.error(`保存失败: ${e.message}`),\n })\n\n const testMutation = useMutation({\n mutationFn: testConnection,\n onSuccess: (data) => {\n const modelName = data?.model || form.model\n setTestResult({ ok: true, message: `连接成功!模型: ${modelName}` })\n toast.success('API 连接测试通过')\n },\n onError: (err: Error) => {\n setTestResult({ ok: false, message: err.message })\n toast.error('API 连接测试失败')\n },\n })\n\n if (isLoading) {\n return <div className=\"bg-white rounded-lg shadow p-6\">加载中...</div>\n }\n\n return (\n <div>\n <h1 className=\"text-2xl font-bold text-gray-900 mb-6\">AI 配置</h1>\n\n <div className=\"bg-white rounded-lg shadow p-6 max-w-2xl\">\n <div className=\"flex items-center gap-2 mb-6\">\n <Cpu className=\"h-5 w-5 text-indigo-600\" />\n <h3 className=\"text-lg font-semibold text-gray-900\">Anthropic API 配置</h3>\n </div>\n\n <div className=\"space-y-4\">\n <div>\n <label className=\"block text-sm font-medium text-gray-700 mb-1\">API Key</label>\n <div className=\"relative\">\n <input\n type={showKey ? 'text' : 'password'}\n value={form.api_key || ''}\n onChange={(e) => setForm({ ...form, api_key: e.target.value })}\n placeholder=\"sk-...\"\n className=\"w-full px-3 py-2 pr-10 border border-gray-300 rounded-md text-sm font-mono\"\n />\n <button\n type=\"button\"\n onClick={() => setShowKey(!showKey)}\n className=\"absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600\"\n >\n {showKey ? <EyeOff className=\"h-4 w-4\" /> : <Eye className=\"h-4 w-4\" />}\n </button>\n </div>\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-gray-700 mb-1\">Base URL</label>\n <input\n type=\"text\"\n value={form.base_url || ''}\n onChange={(e) => setForm({ ...form, base_url: e.target.value })}\n placeholder=\"https://api.anthropic.com\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md text-sm\"\n />\n </div>\n\n <div>\n <div className=\"flex items-center justify-between mb-1\">\n <label className=\"block text-sm font-medium text-gray-700\">主模型 (Distill / QualityGate)</label>\n <button\n type=\"button\"\n onClick={() => refetchModels()}\n disabled={!form.api_key || !form.base_url || loadingModels}\n className=\"text-xs text-indigo-600 hover:text-indigo-700 disabled:text-gray-400\"\n >\n {loadingModels ? '加载中...' : '🔄 刷新模型列表'}\n </button>\n </div>\n {models && models.length > 0 ? (\n <select\n value={form.model || ''}\n onChange={(e) => setForm({ ...form, model: e.target.value })}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md text-sm bg-white\"\n >\n <option value=\"\">-- 选择模型 --</option>\n {models.map((m) => (\n <option key={m.id} value={m.id}>\n {m.id} {m.owned_by && `(${m.owned_by})`}\n </option>\n ))}\n </select>\n ) : (\n <input\n type=\"text\"\n value={form.model || ''}\n onChange={(e) => setForm({ ...form, model: e.target.value })}\n placeholder=\"claude-sonnet-4-6\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md text-sm\"\n />\n )}\n <p className=\"text-xs text-gray-500 mt-1\">\n {models && models.length > 0\n ? `发现 ${models.length} 个可用模型`\n : '填入 API Key 和 Base URL 后可自动发现模型'}\n </p>\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-gray-700 mb-1\">分类器模型(可选,便宜+快的模型)</label>\n {models && models.length > 0 ? (\n <select\n value={form.classifier_model || ''}\n onChange={(e) => setForm({ ...form, classifier_model: e.target.value })}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md text-sm bg-white\"\n >\n <option value=\"\">-- 不指定 (使用主模型) --</option>\n {models.map((m) => (\n <option key={m.id} value={m.id}>{m.id}</option>\n ))}\n </select>\n ) : (\n <input\n type=\"text\"\n value={form.classifier_model || ''}\n onChange={(e) => setForm({ ...form, classifier_model: e.target.value })}\n placeholder=\"claude-haiku-4-5-20251001\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md text-sm\"\n />\n )}\n </div>\n\n <div>\n <label className=\"block text-sm font-medium text-gray-700 mb-1\">分类器超时 (ms)</label>\n <input\n type=\"number\"\n value={form.classifier_timeout || 10000}\n onChange={(e) => setForm({ ...form, classifier_timeout: parseInt(e.target.value) })}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md text-sm\"\n />\n </div>\n\n {/* Test result */}\n {testResult && (\n <div className={`flex items-start gap-2 p-3 rounded text-sm ${\n testResult.ok ? 'bg-green-50 text-green-800' : 'bg-red-50 text-red-800'\n }`}>\n {testResult.ok ? (\n <CheckCircle className=\"h-4 w-4 flex-shrink-0 mt-0.5\" />\n ) : (\n <XCircle className=\"h-4 w-4 flex-shrink-0 mt-0.5\" />\n )}\n <div className=\"flex-1 break-all\">{testResult.message}</div>\n </div>\n )}\n\n <div className=\"flex items-center justify-end pt-4 border-t\">\n <div className=\"flex items-center gap-2\">\n <button\n onClick={() => testMutation.mutate({ api_key: form.api_key, base_url: form.base_url, model: form.model })}\n disabled={testMutation.isPending || !form.api_key || !form.model}\n className=\"inline-flex items-center gap-2 px-4 py-2 bg-gray-100 text-gray-700 text-sm font-medium rounded-md hover:bg-gray-200 disabled:bg-gray-50 disabled:text-gray-400\"\n >\n {testMutation.isPending ? (\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n ) : (\n <Zap className=\"h-4 w-4\" />\n )}\n {testMutation.isPending ? '测试中...' : '测试连接'}\n </button>\n <button\n onClick={() => saveMutation.mutate(form)}\n disabled={saveMutation.isPending}\n className=\"inline-flex items-center gap-2 px-4 py-2 bg-indigo-600 text-white text-sm font-medium rounded-md hover:bg-indigo-700 disabled:bg-gray-400\"\n >\n <Save className=\"h-4 w-4\" />\n {saveMutation.isPending ? '保存中...' : '保存配置'}\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n )\n}\n"],"names":["fetchConfig","res","fetchModels","api_key","base_url","params","saveConfig","config","authFetch","testConnection","data","AIConfig","queryClient","useQueryClient","toast","useToast","isLoading","useQuery","form","setForm","useState","showKey","setShowKey","testResult","setTestResult","useEffect","models","refetchModels","loadingModels","saveMutation","useMutation","e","testMutation","modelName","err","jsx","jsxs","Cpu","EyeOff","Eye","m","CheckCircle","XCircle","Loader2","Zap","Save"],"mappings":"8XAoBA,eAAeA,GAAiC,CAC9C,MAAMC,EAAM,MAAM,MAAM,gBAAgB,EACxC,GAAI,CAACA,EAAI,GAAI,MAAM,IAAI,MAAM,wBAAwB,EACrD,OAAOA,EAAI,KAAA,CACb,CAEA,eAAeC,EAAYC,EAAkBC,EAA2C,CACtF,MAAMC,EAAS,IAAI,gBACfF,GAASE,EAAO,IAAI,UAAWF,CAAO,EACtCC,GAAUC,EAAO,IAAI,WAAYD,CAAQ,EAC7C,MAAMH,EAAM,MAAM,MAAM,kBAAkBI,EAAO,SAAA,CAAU,EAAE,EAC7D,OAAKJ,EAAI,IACI,MAAMA,EAAI,KAAA,GACX,MAAQ,CAAA,EAFA,CAAA,CAGtB,CAEA,eAAeK,EAAWC,EAAiC,CAMzD,GAAI,EALQ,MAAMC,EAAU,iBAAkB,CAC5C,OAAQ,MACR,QAAS,CAAE,eAAgB,kBAAA,EAC3B,KAAM,KAAK,UAAUD,CAAM,CAAA,CAC5B,GACQ,GAAI,MAAM,IAAI,MAAM,uBAAuB,CACtD,CAEA,eAAeE,EAAeF,EAA4E,CACxG,MAAMN,EAAM,MAAMO,EAAU,eAAgB,CAC1C,OAAQ,OACR,QAAS,CAAE,eAAgB,kBAAA,EAC3B,KAAM,KAAK,UAAUD,CAAM,CAAA,CAC5B,EACKG,EAAO,MAAMT,EAAI,KAAA,EAAO,MAAM,KAAO,CAAA,EAAG,EAC9C,GAAI,CAACA,EAAI,GAAI,MAAM,IAAI,MAAMS,EAAK,OAAS,aAAa,EACxD,OAAOA,CACT,CAEA,SAAwBC,GAAW,CACjC,MAAMC,EAAcC,EAAA,EACdC,EAAQC,EAAA,EACR,CAAE,KAAMR,EAAQ,UAAAS,CAAA,EAAcC,EAAS,CAC3C,SAAU,CAAC,WAAW,EACtB,QAASjB,CAAA,CACV,EAEK,CAACkB,EAAMC,CAAO,EAAIC,WAAmB,CACzC,QAAS,GACT,SAAU,GACV,MAAO,EAAA,CACR,EACK,CAACC,EAASC,CAAU,EAAIF,EAAAA,SAAS,EAAK,EACtC,CAACG,EAAYC,CAAa,EAAIJ,EAAAA,SAAkD,IAAI,EAE1FK,EAAAA,UAAU,IAAM,CACVlB,KAAgBA,CAAM,CAC5B,EAAG,CAACA,CAAM,CAAC,EAEX,KAAM,CAAE,KAAMmB,EAAQ,QAASC,EAAe,WAAYC,CAAA,EAAkBX,EAAS,CACnF,SAAU,CAAC,YAAaC,EAAK,QAASA,EAAK,QAAQ,EACnD,QAAS,IAAMhB,EAAYgB,EAAK,QAASA,EAAK,QAAQ,EACtD,QAAS,CAAC,CAACA,EAAK,SAAW,CAAC,CAACA,EAAK,QAAA,CACnC,EAEKW,EAAeC,EAAY,CAC/B,WAAYxB,EACZ,UAAW,IAAM,CACfQ,EAAM,QAAQ,UAAU,EACxBF,EAAY,kBAAkB,CAAE,SAAU,CAAC,WAAW,EAAG,CAC3D,EACA,QAAUmB,GAAajB,EAAM,MAAM,SAASiB,EAAE,OAAO,EAAE,CAAA,CACxD,EAEKC,EAAeF,EAAY,CAC/B,WAAYrB,EACZ,UAAYC,GAAS,CACnB,MAAMuB,GAAYvB,GAAA,YAAAA,EAAM,QAASQ,EAAK,MACtCM,EAAc,CAAE,GAAI,GAAM,QAAS,YAAYS,CAAS,GAAI,EAC5DnB,EAAM,QAAQ,YAAY,CAC5B,EACA,QAAUoB,GAAe,CACvBV,EAAc,CAAE,GAAI,GAAO,QAASU,EAAI,QAAS,EACjDpB,EAAM,MAAM,YAAY,CAC1B,CAAA,CACD,EAED,OAAIE,EACKmB,EAAAA,IAAC,MAAA,CAAI,UAAU,iCAAiC,SAAA,SAAM,SAI5D,MAAA,CACC,SAAA,CAAAA,EAAAA,IAAC,KAAA,CAAG,UAAU,wCAAwC,SAAA,QAAK,EAE3DC,EAAAA,KAAC,MAAA,CAAI,UAAU,2CACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACb,SAAA,CAAAD,EAAAA,IAACE,EAAA,CAAI,UAAU,yBAAA,CAA0B,EACzCF,EAAAA,IAAC,KAAA,CAAG,UAAU,sCAAsC,SAAA,kBAAA,CAAgB,CAAA,EACtE,EAEAC,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAA,OAAC,MAAA,CACC,SAAA,CAAAD,EAAAA,IAAC,QAAA,CAAM,UAAU,+CAA+C,SAAA,UAAO,EACvEC,EAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAD,EAAAA,IAAC,QAAA,CACC,KAAMd,EAAU,OAAS,WACzB,MAAOH,EAAK,SAAW,GACvB,SAAWa,GAAMZ,EAAQ,CAAE,GAAGD,EAAM,QAASa,EAAE,OAAO,MAAO,EAC7D,YAAY,SACZ,UAAU,4EAAA,CAAA,EAEZI,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAAS,IAAMb,EAAW,CAACD,CAAO,EAClC,UAAU,8EAET,SAAAA,QAAWiB,EAAA,CAAO,UAAU,UAAU,EAAKH,EAAAA,IAACI,EAAA,CAAI,UAAU,SAAA,CAAU,CAAA,CAAA,CACvE,CAAA,CACF,CAAA,EACF,SAEC,MAAA,CACC,SAAA,CAAAJ,EAAAA,IAAC,QAAA,CAAM,UAAU,+CAA+C,SAAA,WAAQ,EACxEA,EAAAA,IAAC,QAAA,CACC,KAAK,OACL,MAAOjB,EAAK,UAAY,GACxB,SAAWa,GAAMZ,EAAQ,CAAE,GAAGD,EAAM,SAAUa,EAAE,OAAO,MAAO,EAC9D,YAAY,4BACZ,UAAU,4DAAA,CAAA,CACZ,EACF,SAEC,MAAA,CACC,SAAA,CAAAK,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAD,EAAAA,IAAC,QAAA,CAAM,UAAU,0CAA0C,SAAA,8BAA2B,EACtFA,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAAS,IAAMR,EAAA,EACf,SAAU,CAACT,EAAK,SAAW,CAACA,EAAK,UAAYU,EAC7C,UAAU,uEAET,WAAgB,SAAW,WAAA,CAAA,CAC9B,EACF,EACCF,GAAUA,EAAO,OAAS,EACzBU,EAAAA,KAAC,SAAA,CACC,MAAOlB,EAAK,OAAS,GACrB,SAAWa,GAAMZ,EAAQ,CAAE,GAAGD,EAAM,MAAOa,EAAE,OAAO,MAAO,EAC3D,UAAU,sEAEV,SAAA,CAAAI,EAAAA,IAAC,SAAA,CAAO,MAAM,GAAG,SAAA,aAAU,EAC1BT,EAAO,IAAKc,UACV,SAAA,CAAkB,MAAOA,EAAE,GACzB,SAAA,CAAAA,EAAE,GAAG,IAAEA,EAAE,UAAY,IAAIA,EAAE,QAAQ,GAAA,CAAA,EADzBA,EAAE,EAEf,CACD,CAAA,CAAA,CAAA,EAGHL,EAAAA,IAAC,QAAA,CACC,KAAK,OACL,MAAOjB,EAAK,OAAS,GACrB,SAAWa,GAAMZ,EAAQ,CAAE,GAAGD,EAAM,MAAOa,EAAE,OAAO,MAAO,EAC3D,YAAY,oBACZ,UAAU,4DAAA,CAAA,EAGdI,EAAAA,IAAC,IAAA,CAAE,UAAU,6BACV,SAAAT,GAAUA,EAAO,OAAS,EACvB,MAAMA,EAAO,MAAM,SACnB,gCAAA,CACN,CAAA,EACF,SAEC,MAAA,CACC,SAAA,CAAAS,EAAAA,IAAC,QAAA,CAAM,UAAU,+CAA+C,SAAA,oBAAiB,EAChFT,GAAUA,EAAO,OAAS,EACzBU,EAAAA,KAAC,SAAA,CACC,MAAOlB,EAAK,kBAAoB,GAChC,SAAWa,GAAMZ,EAAQ,CAAE,GAAGD,EAAM,iBAAkBa,EAAE,OAAO,MAAO,EACtE,UAAU,sEAEV,SAAA,CAAAI,EAAAA,IAAC,SAAA,CAAO,MAAM,GAAG,SAAA,oBAAiB,EACjCT,EAAO,IAAKc,GACXL,EAAAA,IAAC,SAAA,CAAkB,MAAOK,EAAE,GAAK,SAAAA,EAAE,EAAA,EAAtBA,EAAE,EAAuB,CACvC,CAAA,CAAA,CAAA,EAGHL,EAAAA,IAAC,QAAA,CACC,KAAK,OACL,MAAOjB,EAAK,kBAAoB,GAChC,SAAWa,GAAMZ,EAAQ,CAAE,GAAGD,EAAM,iBAAkBa,EAAE,OAAO,MAAO,EACtE,YAAY,4BACZ,UAAU,4DAAA,CAAA,CACZ,EAEJ,SAEC,MAAA,CACC,SAAA,CAAAI,EAAAA,IAAC,QAAA,CAAM,UAAU,+CAA+C,SAAA,aAAU,EAC1EA,EAAAA,IAAC,QAAA,CACC,KAAK,SACL,MAAOjB,EAAK,oBAAsB,IAClC,SAAWa,GAAMZ,EAAQ,CAAE,GAAGD,EAAM,mBAAoB,SAASa,EAAE,OAAO,KAAK,EAAG,EAClF,UAAU,4DAAA,CAAA,CACZ,EACF,EAGCR,UACE,MAAA,CAAI,UAAW,8CACdA,EAAW,GAAK,6BAA+B,wBACjD,GACG,SAAA,CAAAA,EAAW,SACTkB,EAAA,CAAY,UAAU,+BAA+B,EAEtDN,EAAAA,IAACO,EAAA,CAAQ,UAAU,8BAAA,CAA+B,EAEpDP,EAAAA,IAAC,MAAA,CAAI,UAAU,mBAAoB,WAAW,OAAA,CAAQ,CAAA,EACxD,QAGD,MAAA,CAAI,UAAU,8CACb,SAAAC,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAA,EAAAA,KAAC,SAAA,CACC,QAAS,IAAMJ,EAAa,OAAO,CAAE,QAASd,EAAK,QAAS,SAAUA,EAAK,SAAU,MAAOA,EAAK,MAAO,EACxG,SAAUc,EAAa,WAAa,CAACd,EAAK,SAAW,CAACA,EAAK,MAC3D,UAAU,iKAET,SAAA,CAAAc,EAAa,gBACXW,EAAA,CAAQ,UAAU,uBAAuB,EAE1CR,EAAAA,IAACS,EAAA,CAAI,UAAU,SAAA,CAAU,EAE1BZ,EAAa,UAAY,SAAW,MAAA,CAAA,CAAA,EAEvCI,EAAAA,KAAC,SAAA,CACC,QAAS,IAAMP,EAAa,OAAOX,CAAI,EACvC,SAAUW,EAAa,UACvB,UAAU,4IAEV,SAAA,CAAAM,EAAAA,IAACU,EAAA,CAAK,UAAU,SAAA,CAAU,EACzBhB,EAAa,UAAY,SAAW,MAAA,CAAA,CAAA,CACvC,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as d,j as e}from"./react-vendor-CSp-GLFF.js";import{b as
|
|
2
|
-
//# sourceMappingURL=Agents-
|
|
1
|
+
import{r as d,j as e}from"./react-vendor-CSp-GLFF.js";import{b as N,u as p,c as v}from"./query-C99w429o.js";import{D as w}from"./Drawer-DOUcx6m1.js";import{M as b}from"./MarkdownRenderer-CCIz1MOz.js";import{u as A}from"./index-CIRlno4E.js";import{a as C}from"./auth-Bnf8ZcqN.js";import{B as j,s as k,t as E,X as F,u as q}from"./lucide-BanPULT1.js";import"./vendor-CMMjVdZs.js";import"./syntax-highlighter-44FakypI.js";import"./react-router-I-HqunH7.js";async function S(){const n=await fetch("/api/agents");if(!n.ok)throw new Error("Failed to fetch agents");const a=await n.json();return Array.isArray(a)?a:[...a.official||[],...a.user||[]]}async function K(n){const a=await fetch(`/api/agents/${n}`);if(!a.ok)throw new Error("Failed to fetch");return a.json()}async function M(n,a){if(!(await C(`/api/agents/${n}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({content:a})})).ok)throw new Error("Failed to save")}function U(){const n=N(),a=A(),{data:r,isLoading:y}=p({queryKey:["agents"],queryFn:S}),[l,m]=d.useState(null),[g,o]=d.useState(!1),[h,x]=d.useState(""),{data:t}=p({queryKey:["agent-detail",l],queryFn:()=>K(l),enabled:!!l});d.useEffect(()=>{t!=null&&t.content&&x(t.content),o(!1)},[t]);const c=v({mutationFn:s=>M(s.name,s.content),onSuccess:()=>{a.success("Agent 已保存"),o(!1),n.invalidateQueries({queryKey:["agent-detail",l]}),n.invalidateQueries({queryKey:["agents"]})},onError:s=>a.error(`保存失败: ${s.message}`)}),u=s=>s?typeof s=="string"?s.split(",").map(i=>i.trim()):s:[];return y?e.jsx("div",{className:"bg-white rounded-lg shadow p-6",children:"加载中..."}):e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-6",children:[e.jsx("h1",{className:"text-2xl font-bold text-gray-900",children:"Agent 管理"}),e.jsxs("div",{className:"text-sm text-gray-500",children:["共 ",(r==null?void 0:r.length)||0," 个 Agent"]})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:r==null?void 0:r.map(s=>{const i=u(s.tools);return e.jsxs("div",{className:"bg-white rounded-lg shadow p-5 hover:shadow-md transition-shadow cursor-pointer",onClick:()=>m(s.name),children:[e.jsxs("div",{className:"flex items-start gap-3 mb-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-indigo-100 flex items-center justify-center flex-shrink-0",children:e.jsx(j,{className:"h-5 w-5 text-indigo-600"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("h3",{className:"font-semibold text-gray-900 truncate",children:s.name}),e.jsx("p",{className:"text-xs text-gray-500 mt-1 line-clamp-2",children:s.description||"(无描述)"})]})]}),i.length>0&&e.jsxs("div",{className:"mt-3 pt-3 border-t border-gray-100",children:[e.jsxs("div",{className:"flex items-center gap-1 text-xs text-gray-500 mb-2",children:[e.jsx(k,{className:"h-3 w-3"}),"可用工具 (",i.length,")"]}),e.jsxs("div",{className:"flex flex-wrap gap-1",children:[i.slice(0,5).map(f=>e.jsx("span",{className:"px-2 py-0.5 text-xs bg-gray-100 text-gray-700 rounded",children:f},f)),i.length>5&&e.jsxs("span",{className:"text-xs text-gray-400",children:["+",i.length-5]})]})]})]},s.name)})}),e.jsx(w,{open:l!==null,onClose:()=>{m(null),o(!1)},title:`Agent: ${l}`,width:"w-[800px]",children:t&&e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(j,{className:"h-5 w-5 text-indigo-600"}),e.jsx("h3",{className:"text-lg font-semibold text-gray-900",children:t.name}),t.version&&e.jsxs("span",{className:"text-xs text-gray-500",children:["v",t.version]})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"描述"}),e.jsx("div",{className:"text-sm text-gray-800",children:t.description})]}),t.tools&&e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"可用工具"}),e.jsx("div",{className:"flex flex-wrap gap-1",children:u(t.tools).map(s=>e.jsx("span",{className:"px-2 py-0.5 text-xs bg-gray-100 text-gray-700 rounded",children:s},s))})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("div",{className:"text-xs text-gray-500",children:"完整内容 (Markdown)"}),e.jsx("div",{className:"flex items-center gap-2",children:g?e.jsxs(e.Fragment,{children:[e.jsxs("button",{onClick:()=>{o(!1),x(t.content||"")},className:"inline-flex items-center gap-1 text-xs text-gray-600 hover:text-gray-700",children:[e.jsx(F,{className:"h-3 w-3"}),"取消"]}),e.jsxs("button",{onClick:()=>c.mutate({name:t.name,content:h}),disabled:c.isPending,className:"inline-flex items-center gap-1 text-xs bg-indigo-600 text-white px-2 py-1 rounded hover:bg-indigo-700 disabled:bg-gray-400",children:[e.jsx(q,{className:"h-3 w-3"}),c.isPending?"保存中...":"保存"]})]}):e.jsxs("button",{onClick:()=>o(!0),className:"inline-flex items-center gap-1 text-xs text-indigo-600 hover:text-indigo-700",children:[e.jsx(E,{className:"h-3 w-3"}),"编辑"]})})]}),g?e.jsx("textarea",{value:h,onChange:s=>x(s.target.value),className:"w-full font-mono text-xs bg-gray-50 rounded p-3 border border-gray-300 focus:border-indigo-500 focus:outline-none",rows:20}):e.jsx("div",{className:"bg-white rounded p-3 border border-gray-200 max-h-[500px] overflow-y-auto",children:e.jsx(b,{content:t.content||""})}),c.isError&&e.jsxs("div",{className:"text-xs text-red-600 mt-1",children:["保存失败:",c.error.message]})]})]})})]})}export{U as default};
|
|
2
|
+
//# sourceMappingURL=Agents-FyKzsN-g.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Agents-D1p3JhQs.js","sources":["../../src/pages/Agents.tsx"],"sourcesContent":["import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'\nimport { useState, useEffect } from 'react'\nimport { Bot, FileCode, Edit2, Save, X } from 'lucide-react'\nimport Drawer from '../components/Drawer'\nimport MarkdownRenderer from '../components/MarkdownRenderer'\nimport { useToast } from '../components/Toast'\nimport { authFetch } from '../utils/auth'\n\ninterface Agent {\n name: string\n description: string\n tools?: string | string[]\n content?: string\n version?: string\n category?: string\n source?: string\n}\n\ninterface AgentsResponse {\n official?: Agent[]\n user?: Agent[]\n}\n\nasync function fetchAgents(): Promise<Agent[]> {\n const res = await fetch('/api/agents')\n if (!res.ok) throw new Error('Failed to fetch agents')\n const data: AgentsResponse | Agent[] = await res.json()\n // API 可能返回 { official: [...], user: [...] } 或直接返回数组\n if (Array.isArray(data)) return data\n return [...(data.official || []), ...(data.user || [])]\n}\n\nasync function fetchAgentDetail(name: string): Promise<Agent> {\n const res = await fetch(`/api/agents/${name}`)\n if (!res.ok) throw new Error('Failed to fetch')\n return res.json()\n}\n\nasync function saveAgent(name: string, content: string): Promise<void> {\n const res = await authFetch(`/api/agents/${name}`, {\n method: 'PUT',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ content }),\n })\n if (!res.ok) throw new Error('Failed to save')\n}\n\nexport default function Agents() {\n const queryClient = useQueryClient()\n const toast = useToast()\n const { data: agents, isLoading } = useQuery({\n queryKey: ['agents'],\n queryFn: fetchAgents,\n })\n\n const [selectedAgent, setSelectedAgent] = useState<string | null>(null)\n const [editing, setEditing] = useState(false)\n const [editContent, setEditContent] = useState('')\n\n const { data: detail } = useQuery({\n queryKey: ['agent-detail', selectedAgent],\n queryFn: () => fetchAgentDetail(selectedAgent!),\n enabled: !!selectedAgent,\n })\n\n useEffect(() => {\n if (detail?.content) setEditContent(detail.content)\n setEditing(false)\n }, [detail])\n\n const mutation = useMutation({\n mutationFn: (vars: { name: string; content: string }) => saveAgent(vars.name, vars.content),\n onSuccess: () => {\n toast.success('Agent 已保存')\n setEditing(false)\n queryClient.invalidateQueries({ queryKey: ['agent-detail', selectedAgent] })\n queryClient.invalidateQueries({ queryKey: ['agents'] })\n },\n onError: (e: Error) => toast.error(`保存失败: ${e.message}`),\n })\n\n const renderTools = (tools?: string | string[]) => {\n if (!tools) return []\n if (typeof tools === 'string') return tools.split(',').map(t => t.trim())\n return tools\n }\n\n if (isLoading) {\n return <div className=\"bg-white rounded-lg shadow p-6\">加载中...</div>\n }\n\n return (\n <div>\n <div className=\"flex items-center justify-between mb-6\">\n <h1 className=\"text-2xl font-bold text-gray-900\">Agent 管理</h1>\n <div className=\"text-sm text-gray-500\">共 {agents?.length || 0} 个 Agent</div>\n </div>\n\n <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n {agents?.map((agent) => {\n const tools = renderTools(agent.tools)\n return (\n <div\n key={agent.name}\n className=\"bg-white rounded-lg shadow p-5 hover:shadow-md transition-shadow cursor-pointer\"\n onClick={() => setSelectedAgent(agent.name)}\n >\n <div className=\"flex items-start gap-3 mb-3\">\n <div className=\"w-10 h-10 rounded-lg bg-indigo-100 flex items-center justify-center flex-shrink-0\">\n <Bot className=\"h-5 w-5 text-indigo-600\" />\n </div>\n <div className=\"flex-1 min-w-0\">\n <h3 className=\"font-semibold text-gray-900 truncate\">{agent.name}</h3>\n <p className=\"text-xs text-gray-500 mt-1 line-clamp-2\">\n {agent.description || '(无描述)'}\n </p>\n </div>\n </div>\n\n {tools.length > 0 && (\n <div className=\"mt-3 pt-3 border-t border-gray-100\">\n <div className=\"flex items-center gap-1 text-xs text-gray-500 mb-2\">\n <FileCode className=\"h-3 w-3\" />可用工具 ({tools.length})\n </div>\n <div className=\"flex flex-wrap gap-1\">\n {tools.slice(0, 5).map((tool) => (\n <span key={tool} className=\"px-2 py-0.5 text-xs bg-gray-100 text-gray-700 rounded\">\n {tool}\n </span>\n ))}\n {tools.length > 5 && (\n <span className=\"text-xs text-gray-400\">+{tools.length - 5}</span>\n )}\n </div>\n </div>\n )}\n </div>\n )\n })}\n </div>\n\n {/* Agent Detail Drawer */}\n <Drawer\n open={selectedAgent !== null}\n onClose={() => { setSelectedAgent(null); setEditing(false) }}\n title={`Agent: ${selectedAgent}`}\n width=\"w-[800px]\"\n >\n {detail && (\n <div className=\"space-y-4\">\n <div className=\"flex items-center gap-2 mb-2\">\n <Bot className=\"h-5 w-5 text-indigo-600\" />\n <h3 className=\"text-lg font-semibold text-gray-900\">{detail.name}</h3>\n {detail.version && (\n <span className=\"text-xs text-gray-500\">v{detail.version}</span>\n )}\n </div>\n\n <div>\n <div className=\"text-xs text-gray-500 mb-1\">描述</div>\n <div className=\"text-sm text-gray-800\">{detail.description}</div>\n </div>\n\n {detail.tools && (\n <div>\n <div className=\"text-xs text-gray-500 mb-1\">可用工具</div>\n <div className=\"flex flex-wrap gap-1\">\n {renderTools(detail.tools).map(tool => (\n <span key={tool} className=\"px-2 py-0.5 text-xs bg-gray-100 text-gray-700 rounded\">\n {tool}\n </span>\n ))}\n </div>\n </div>\n )}\n\n <div>\n <div className=\"flex items-center justify-between mb-2\">\n <div className=\"text-xs text-gray-500\">完整内容 (Markdown)</div>\n <div className=\"flex items-center gap-2\">\n {!editing ? (\n <button\n onClick={() => setEditing(true)}\n className=\"inline-flex items-center gap-1 text-xs text-indigo-600 hover:text-indigo-700\"\n >\n <Edit2 className=\"h-3 w-3\" />编辑\n </button>\n ) : (\n <>\n <button\n onClick={() => { setEditing(false); setEditContent(detail.content || '') }}\n className=\"inline-flex items-center gap-1 text-xs text-gray-600 hover:text-gray-700\"\n >\n <X className=\"h-3 w-3\" />取消\n </button>\n <button\n onClick={() => mutation.mutate({ name: detail.name, content: editContent })}\n disabled={mutation.isPending}\n className=\"inline-flex items-center gap-1 text-xs bg-indigo-600 text-white px-2 py-1 rounded hover:bg-indigo-700 disabled:bg-gray-400\"\n >\n <Save className=\"h-3 w-3\" />\n {mutation.isPending ? '保存中...' : '保存'}\n </button>\n </>\n )}\n </div>\n </div>\n {editing ? (\n <textarea\n value={editContent}\n onChange={(e) => setEditContent(e.target.value)}\n className=\"w-full font-mono text-xs bg-gray-50 rounded p-3 border border-gray-300 focus:border-indigo-500 focus:outline-none\"\n rows={20}\n />\n ) : (\n <div className=\"bg-white rounded p-3 border border-gray-200 max-h-[500px] overflow-y-auto\">\n <MarkdownRenderer content={detail.content || ''} />\n </div>\n )}\n {mutation.isError && (\n <div className=\"text-xs text-red-600 mt-1\">保存失败:{(mutation.error as Error).message}</div>\n )}\n </div>\n </div>\n )}\n </Drawer>\n </div>\n )\n}\n"],"names":["fetchAgents","res","data","fetchAgentDetail","name","saveAgent","content","authFetch","Agents","queryClient","useQueryClient","toast","useToast","agents","isLoading","useQuery","selectedAgent","setSelectedAgent","useState","editing","setEditing","editContent","setEditContent","detail","useEffect","mutation","useMutation","vars","e","renderTools","tools","t","jsx","jsxs","agent","Bot","FileCode","tool","Drawer","Fragment","X","Save","Edit2","MarkdownRenderer"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Agents-FyKzsN-g.js","sources":["../../src/pages/Agents.tsx"],"sourcesContent":["import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'\nimport { useState, useEffect } from 'react'\nimport { Bot, FileCode, Edit2, Save, X } from 'lucide-react'\nimport Drawer from '../components/Drawer'\nimport MarkdownRenderer from '../components/MarkdownRenderer'\nimport { useToast } from '../components/Toast'\nimport { authFetch } from '../utils/auth'\n\ninterface Agent {\n name: string\n description: string\n tools?: string | string[]\n content?: string\n version?: string\n category?: string\n source?: string\n}\n\ninterface AgentsResponse {\n official?: Agent[]\n user?: Agent[]\n}\n\nasync function fetchAgents(): Promise<Agent[]> {\n const res = await fetch('/api/agents')\n if (!res.ok) throw new Error('Failed to fetch agents')\n const data: AgentsResponse | Agent[] = await res.json()\n // API 可能返回 { official: [...], user: [...] } 或直接返回数组\n if (Array.isArray(data)) return data\n return [...(data.official || []), ...(data.user || [])]\n}\n\nasync function fetchAgentDetail(name: string): Promise<Agent> {\n const res = await fetch(`/api/agents/${name}`)\n if (!res.ok) throw new Error('Failed to fetch')\n return res.json()\n}\n\nasync function saveAgent(name: string, content: string): Promise<void> {\n const res = await authFetch(`/api/agents/${name}`, {\n method: 'PUT',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ content }),\n })\n if (!res.ok) throw new Error('Failed to save')\n}\n\nexport default function Agents() {\n const queryClient = useQueryClient()\n const toast = useToast()\n const { data: agents, isLoading } = useQuery({\n queryKey: ['agents'],\n queryFn: fetchAgents,\n })\n\n const [selectedAgent, setSelectedAgent] = useState<string | null>(null)\n const [editing, setEditing] = useState(false)\n const [editContent, setEditContent] = useState('')\n\n const { data: detail } = useQuery({\n queryKey: ['agent-detail', selectedAgent],\n queryFn: () => fetchAgentDetail(selectedAgent!),\n enabled: !!selectedAgent,\n })\n\n useEffect(() => {\n if (detail?.content) setEditContent(detail.content)\n setEditing(false)\n }, [detail])\n\n const mutation = useMutation({\n mutationFn: (vars: { name: string; content: string }) => saveAgent(vars.name, vars.content),\n onSuccess: () => {\n toast.success('Agent 已保存')\n setEditing(false)\n queryClient.invalidateQueries({ queryKey: ['agent-detail', selectedAgent] })\n queryClient.invalidateQueries({ queryKey: ['agents'] })\n },\n onError: (e: Error) => toast.error(`保存失败: ${e.message}`),\n })\n\n const renderTools = (tools?: string | string[]) => {\n if (!tools) return []\n if (typeof tools === 'string') return tools.split(',').map(t => t.trim())\n return tools\n }\n\n if (isLoading) {\n return <div className=\"bg-white rounded-lg shadow p-6\">加载中...</div>\n }\n\n return (\n <div>\n <div className=\"flex items-center justify-between mb-6\">\n <h1 className=\"text-2xl font-bold text-gray-900\">Agent 管理</h1>\n <div className=\"text-sm text-gray-500\">共 {agents?.length || 0} 个 Agent</div>\n </div>\n\n <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n {agents?.map((agent) => {\n const tools = renderTools(agent.tools)\n return (\n <div\n key={agent.name}\n className=\"bg-white rounded-lg shadow p-5 hover:shadow-md transition-shadow cursor-pointer\"\n onClick={() => setSelectedAgent(agent.name)}\n >\n <div className=\"flex items-start gap-3 mb-3\">\n <div className=\"w-10 h-10 rounded-lg bg-indigo-100 flex items-center justify-center flex-shrink-0\">\n <Bot className=\"h-5 w-5 text-indigo-600\" />\n </div>\n <div className=\"flex-1 min-w-0\">\n <h3 className=\"font-semibold text-gray-900 truncate\">{agent.name}</h3>\n <p className=\"text-xs text-gray-500 mt-1 line-clamp-2\">\n {agent.description || '(无描述)'}\n </p>\n </div>\n </div>\n\n {tools.length > 0 && (\n <div className=\"mt-3 pt-3 border-t border-gray-100\">\n <div className=\"flex items-center gap-1 text-xs text-gray-500 mb-2\">\n <FileCode className=\"h-3 w-3\" />可用工具 ({tools.length})\n </div>\n <div className=\"flex flex-wrap gap-1\">\n {tools.slice(0, 5).map((tool) => (\n <span key={tool} className=\"px-2 py-0.5 text-xs bg-gray-100 text-gray-700 rounded\">\n {tool}\n </span>\n ))}\n {tools.length > 5 && (\n <span className=\"text-xs text-gray-400\">+{tools.length - 5}</span>\n )}\n </div>\n </div>\n )}\n </div>\n )\n })}\n </div>\n\n {/* Agent Detail Drawer */}\n <Drawer\n open={selectedAgent !== null}\n onClose={() => { setSelectedAgent(null); setEditing(false) }}\n title={`Agent: ${selectedAgent}`}\n width=\"w-[800px]\"\n >\n {detail && (\n <div className=\"space-y-4\">\n <div className=\"flex items-center gap-2 mb-2\">\n <Bot className=\"h-5 w-5 text-indigo-600\" />\n <h3 className=\"text-lg font-semibold text-gray-900\">{detail.name}</h3>\n {detail.version && (\n <span className=\"text-xs text-gray-500\">v{detail.version}</span>\n )}\n </div>\n\n <div>\n <div className=\"text-xs text-gray-500 mb-1\">描述</div>\n <div className=\"text-sm text-gray-800\">{detail.description}</div>\n </div>\n\n {detail.tools && (\n <div>\n <div className=\"text-xs text-gray-500 mb-1\">可用工具</div>\n <div className=\"flex flex-wrap gap-1\">\n {renderTools(detail.tools).map(tool => (\n <span key={tool} className=\"px-2 py-0.5 text-xs bg-gray-100 text-gray-700 rounded\">\n {tool}\n </span>\n ))}\n </div>\n </div>\n )}\n\n <div>\n <div className=\"flex items-center justify-between mb-2\">\n <div className=\"text-xs text-gray-500\">完整内容 (Markdown)</div>\n <div className=\"flex items-center gap-2\">\n {!editing ? (\n <button\n onClick={() => setEditing(true)}\n className=\"inline-flex items-center gap-1 text-xs text-indigo-600 hover:text-indigo-700\"\n >\n <Edit2 className=\"h-3 w-3\" />编辑\n </button>\n ) : (\n <>\n <button\n onClick={() => { setEditing(false); setEditContent(detail.content || '') }}\n className=\"inline-flex items-center gap-1 text-xs text-gray-600 hover:text-gray-700\"\n >\n <X className=\"h-3 w-3\" />取消\n </button>\n <button\n onClick={() => mutation.mutate({ name: detail.name, content: editContent })}\n disabled={mutation.isPending}\n className=\"inline-flex items-center gap-1 text-xs bg-indigo-600 text-white px-2 py-1 rounded hover:bg-indigo-700 disabled:bg-gray-400\"\n >\n <Save className=\"h-3 w-3\" />\n {mutation.isPending ? '保存中...' : '保存'}\n </button>\n </>\n )}\n </div>\n </div>\n {editing ? (\n <textarea\n value={editContent}\n onChange={(e) => setEditContent(e.target.value)}\n className=\"w-full font-mono text-xs bg-gray-50 rounded p-3 border border-gray-300 focus:border-indigo-500 focus:outline-none\"\n rows={20}\n />\n ) : (\n <div className=\"bg-white rounded p-3 border border-gray-200 max-h-[500px] overflow-y-auto\">\n <MarkdownRenderer content={detail.content || ''} />\n </div>\n )}\n {mutation.isError && (\n <div className=\"text-xs text-red-600 mt-1\">保存失败:{(mutation.error as Error).message}</div>\n )}\n </div>\n </div>\n )}\n </Drawer>\n </div>\n )\n}\n"],"names":["fetchAgents","res","data","fetchAgentDetail","name","saveAgent","content","authFetch","Agents","queryClient","useQueryClient","toast","useToast","agents","isLoading","useQuery","selectedAgent","setSelectedAgent","useState","editing","setEditing","editContent","setEditContent","detail","useEffect","mutation","useMutation","vars","e","renderTools","tools","t","jsx","jsxs","agent","Bot","FileCode","tool","Drawer","Fragment","X","Save","Edit2","MarkdownRenderer"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{j as e}from"./react-vendor-CSp-GLFF.js";import{u as d}from"./query-C99w429o.js";import{b as w}from"./react-router-I-HqunH7.js";import{A as C,a as k,G as L,Z as $,g as q}from"./lucide-
|
|
2
|
-
//# sourceMappingURL=Dashboard-
|
|
1
|
+
import{j as e}from"./react-vendor-CSp-GLFF.js";import{u as d}from"./query-C99w429o.js";import{b as w}from"./react-router-I-HqunH7.js";import{A as C,a as k,G as L,Z as $,g as q}from"./lucide-BanPULT1.js";import{R as m,A as R,C as j,X as g,Y as y,T as u,a as F,B as K,b as A,P as S,c as D,d as M,L as O}from"./charts-CLrM0_uM.js";import"./vendor-CMMjVdZs.js";async function E(){const s=await fetch("/api/status");if(!s.ok)throw new Error("Failed");return s.json()}async function P(){const s=await fetch("/api/stats");if(!s.ok)throw new Error("Failed");return s.json()}async function U(){const s=await fetch("/api/sessions?limit=1000");return s.ok?(await s.json()).length:0}async function B(){const s=await fetch("/api/routing/stats?window=168");return s.ok?s.json():null}async function I(){const s=await fetch("/api/methodology-executions?limit=1000");return s.ok?(await s.json()).length:0}function z(s){const t=Math.floor(s/86400),a=Math.floor(s%86400/3600),l=Math.floor(s%3600/60);return t>0?`${t}天 ${a}小时`:a>0?`${a}小时 ${l}分钟`:`${l}分钟`}const r={primary:"#6366f1",green:"#10b981",red:"#ef4444",yellow:"#f59e0b",blue:"#3b82f6",purple:"#8b5cf6"},b=[r.primary,r.green,r.yellow,r.red,r.purple,r.blue];function Q(){var f;const s=w(),{data:t}=d({queryKey:["status"],queryFn:E,refetchInterval:5e3}),{data:a}=d({queryKey:["system-stats"],queryFn:P,refetchInterval:3e4}),{data:l}=d({queryKey:["sessions-count"],queryFn:U}),{data:n}=d({queryKey:["dashboard-routing"],queryFn:B}),{data:c}=d({queryKey:["methodology-count"],queryFn:I}),p=(n==null?void 0:n.obedienceRate)!==null&&(n==null?void 0:n.obedienceRate)!==void 0?(n.obedienceRate*100).toFixed(0):"-",v=a!=null&&a.toolUsage?Object.entries(a.toolUsage).sort(([,i],[,o])=>o-i).slice(0,8).map(([i,o])=>({name:i,count:o})):[],h=a!=null&&a.decisionLevels?[{name:"允许",value:a.decisionLevels.allow,fill:r.green},{name:"警告",value:a.decisionLevels.warn,fill:r.yellow},{name:"阻断",value:a.decisionLevels.block,fill:r.red},{name:"确认",value:a.decisionLevels.confirm,fill:r.blue}].filter(i=>i.value>0):[],N=(a==null?void 0:a.dailyActivity)||[];return e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold text-gray-900 mb-6",children:"仪表盘"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6",children:[e.jsx(x,{icon:C,label:"总事件",value:((f=t==null?void 0:t.eventCount)==null?void 0:f.toString())||"-",color:"blue",onClick:()=>s("/events")}),e.jsx(x,{icon:k,label:"会话数",value:(l==null?void 0:l.toString())||"-",color:"purple",onClick:()=>s("/sessions")}),e.jsx(x,{icon:L,label:"方法论执行",value:(c==null?void 0:c.toString())||"-",color:"indigo",onClick:()=>s("/methodologies")}),e.jsx(x,{icon:$,label:"路由遵守率",value:`${p}%`,color:"green",onClick:()=>s("/routing")})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4 mb-6",children:[e.jsxs("div",{className:"bg-white rounded-lg shadow p-6",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsx("h3",{className:"text-base font-semibold text-gray-900",children:"最近 7 天活动"}),e.jsx("button",{onClick:()=>s("/events"),className:"text-xs text-indigo-600 hover:text-indigo-700",children:"查看全部事件 →"})]}),e.jsx(m,{width:"100%",height:240,children:e.jsxs(R,{data:N,onClick:()=>s("/events"),style:{cursor:"pointer"},children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"colorEvents",x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"5%",stopColor:r.primary,stopOpacity:.3}),e.jsx("stop",{offset:"95%",stopColor:r.primary,stopOpacity:0})]})}),e.jsx(j,{strokeDasharray:"3 3",stroke:"#f3f4f6"}),e.jsx(g,{dataKey:"date",tick:{fontSize:11},tickFormatter:i=>i==null?void 0:i.slice(5)}),e.jsx(y,{tick:{fontSize:11}}),e.jsx(u,{}),e.jsx(F,{type:"monotone",dataKey:"eventCount",stroke:r.primary,strokeWidth:2,fill:"url(#colorEvents)",name:"事件"})]})})]}),e.jsxs("div",{className:"bg-white rounded-lg shadow p-6",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsx("h3",{className:"text-base font-semibold text-gray-900",children:"工具使用分布"}),e.jsx("button",{onClick:()=>s("/events"),className:"text-xs text-indigo-600 hover:text-indigo-700",children:"查看详情 →"})]}),e.jsx(m,{width:"100%",height:240,children:e.jsxs(K,{data:v,layout:"vertical",onClick:i=>{i!=null&&i.activeLabel&&s(`/events?tool=${encodeURIComponent(i.activeLabel)}`)},style:{cursor:"pointer"},children:[e.jsx(j,{strokeDasharray:"3 3",stroke:"#f3f4f6"}),e.jsx(g,{type:"number",tick:{fontSize:11}}),e.jsx(y,{dataKey:"name",type:"category",tick:{fontSize:11},width:80}),e.jsx(u,{}),e.jsx(A,{dataKey:"count",fill:r.primary,radius:[0,4,4,0]})]})})]}),e.jsxs("div",{className:"bg-white rounded-lg shadow p-6",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsx("h3",{className:"text-base font-semibold text-gray-900",children:"治理决策分布"}),e.jsx("button",{onClick:()=>s("/execution-trace"),className:"text-xs text-indigo-600 hover:text-indigo-700",children:"查看追踪 →"})]}),h.length>0?e.jsx(m,{width:"100%",height:240,children:e.jsxs(S,{children:[e.jsx(D,{data:h,cx:"50%",cy:"50%",labelLine:!1,label:i=>`${i.name}: ${i.value}`,outerRadius:80,dataKey:"value",style:{cursor:"pointer"},onClick:()=>s("/execution-trace"),children:h.map((i,o)=>e.jsx(M,{fill:b[o%b.length]},o))}),e.jsx(u,{}),e.jsx(O,{})]})}):e.jsx("div",{className:"h-60 flex items-center justify-center text-gray-400 text-sm",children:"暂无决策数据"})]}),e.jsxs("div",{className:"bg-white rounded-lg shadow p-6",children:[e.jsxs("h3",{className:"flex items-center gap-2 text-base font-semibold text-gray-900 mb-4",children:[e.jsx(q,{className:"h-4 w-4 text-indigo-600"}),"系统状态"]}),e.jsxs("dl",{className:"space-y-3 text-sm",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("dt",{className:"text-gray-500",children:"PID"}),e.jsx("dd",{className:"font-mono text-gray-900",children:(t==null?void 0:t.pid)||"-"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("dt",{className:"text-gray-500",children:"运行时间"}),e.jsx("dd",{className:"text-gray-900",children:t!=null&&t.uptime?z(t.uptime):"-"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("dt",{className:"text-gray-500",children:"内存使用"}),e.jsx("dd",{className:"text-gray-900",children:t!=null&&t.memory?`${Math.round(t.memory.heapUsed/1024/1024)} MB`:"-"})]}),n&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"border-t pt-3 mt-3",children:e.jsx("dt",{className:"text-xs font-semibold text-gray-700 mb-2",children:"路由 (近 7 天)"})}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("dt",{className:"text-gray-500",children:"总路由"}),e.jsx("dd",{className:"font-mono text-gray-900",children:n.total})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("dt",{className:"text-gray-500",children:"遵守 / 违抗"}),e.jsxs("dd",{className:"font-mono",children:[e.jsx("span",{className:"text-green-600",children:n.obeyedCount}),e.jsx("span",{className:"text-gray-400 mx-1",children:"/"}),e.jsx("span",{className:"text-red-600",children:n.refusedCount})]})]})]})]})]})]})]})}function x({icon:s,label:t,value:a,color:l,onClick:n}){const c={blue:"bg-blue-100 text-blue-600",purple:"bg-purple-100 text-purple-600",indigo:"bg-indigo-100 text-indigo-600",green:"bg-green-100 text-green-600"};return e.jsxs("div",{className:`bg-white rounded-lg shadow p-5 ${n?"cursor-pointer hover:shadow-md transition-shadow":""}`,onClick:n,children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsx("span",{className:"text-sm text-gray-500",children:t}),e.jsx("div",{className:`w-8 h-8 rounded-lg flex items-center justify-center ${c[l]}`,children:e.jsx(s,{className:"h-4 w-4"})})]}),e.jsx("div",{className:"text-2xl font-bold text-gray-900",children:a})]})}export{Q as default};
|
|
2
|
+
//# sourceMappingURL=Dashboard-Ciyyw6ph.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dashboard-qUCxXFSI.js","sources":["../../src/pages/Dashboard.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { useNavigate } from 'react-router-dom'\nimport { Activity, MessageSquare, GitBranch, Clock, Zap } from 'lucide-react'\nimport {\n AreaChart, Area, BarChart, Bar, PieChart, Pie, Cell,\n XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, Legend,\n} from 'recharts'\n\ninterface Stats {\n pid: number\n uptime: number\n memory: any\n eventCount: number\n}\n\ninterface SystemStats {\n totalSessions: number\n totalEvents: number\n totalDecisions: number\n toolUsage: Record<string, number>\n decisionLevels: { block: number; warn: number; confirm: number; allow: number }\n dailyActivity: Array<{ date: string; eventCount: number; sessionCount: number }>\n}\n\nasync function fetchStatus(): Promise<Stats> {\n const res = await fetch('/api/status')\n if (!res.ok) throw new Error('Failed')\n return res.json()\n}\n\nasync function fetchSystemStats(): Promise<SystemStats> {\n const res = await fetch('/api/stats')\n if (!res.ok) throw new Error('Failed')\n return res.json()\n}\n\nasync function fetchSessionsCount(): Promise<number> {\n const res = await fetch('/api/sessions?limit=1000')\n if (!res.ok) return 0\n const sessions = await res.json()\n return sessions.length\n}\n\nasync function fetchRoutingStats() {\n const res = await fetch('/api/routing/stats?window=168')\n if (!res.ok) return null\n return res.json()\n}\n\nasync function fetchMethodologyCount(): Promise<number> {\n const res = await fetch('/api/methodology-executions?limit=1000')\n if (!res.ok) return 0\n const executions = await res.json()\n return executions.length\n}\n\nfunction formatUptime(seconds: number): string {\n const days = Math.floor(seconds / 86400)\n const hours = Math.floor((seconds % 86400) / 3600)\n const minutes = Math.floor((seconds % 3600) / 60)\n if (days > 0) return `${days}天 ${hours}小时`\n if (hours > 0) return `${hours}小时 ${minutes}分钟`\n return `${minutes}分钟`\n}\n\nconst COLORS = {\n primary: '#6366f1',\n green: '#10b981',\n red: '#ef4444',\n yellow: '#f59e0b',\n blue: '#3b82f6',\n purple: '#8b5cf6',\n gray: '#6b7280',\n}\n\nconst PIE_COLORS = [COLORS.primary, COLORS.green, COLORS.yellow, COLORS.red, COLORS.purple, COLORS.blue]\n\nexport default function Dashboard() {\n const navigate = useNavigate()\n const { data: status } = useQuery({ queryKey: ['status'], queryFn: fetchStatus, refetchInterval: 5000 })\n const { data: systemStats } = useQuery({ queryKey: ['system-stats'], queryFn: fetchSystemStats, refetchInterval: 30000 })\n const { data: sessionsCount } = useQuery({ queryKey: ['sessions-count'], queryFn: fetchSessionsCount })\n const { data: routingStats } = useQuery({ queryKey: ['dashboard-routing'], queryFn: fetchRoutingStats })\n const { data: methodologyCount } = useQuery({ queryKey: ['methodology-count'], queryFn: fetchMethodologyCount })\n\n const obediencePercent = routingStats?.obedienceRate !== null && routingStats?.obedienceRate !== undefined\n ? (routingStats.obedienceRate * 100).toFixed(0)\n : '-'\n\n // 准备图表数据\n const toolUsageData = systemStats?.toolUsage\n ? Object.entries(systemStats.toolUsage)\n .sort(([, a], [, b]) => b - a)\n .slice(0, 8)\n .map(([name, count]) => ({ name, count }))\n : []\n\n const decisionData = systemStats?.decisionLevels\n ? [\n { name: '允许', value: systemStats.decisionLevels.allow, fill: COLORS.green },\n { name: '警告', value: systemStats.decisionLevels.warn, fill: COLORS.yellow },\n { name: '阻断', value: systemStats.decisionLevels.block, fill: COLORS.red },\n { name: '确认', value: systemStats.decisionLevels.confirm, fill: COLORS.blue },\n ].filter(d => d.value > 0)\n : []\n\n const dailyData = systemStats?.dailyActivity || []\n\n return (\n <div>\n <h1 className=\"text-2xl font-bold text-gray-900 mb-6\">仪表盘</h1>\n\n {/* Stats grid */}\n <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6\">\n <StatCard icon={Activity} label=\"总事件\" value={status?.eventCount?.toString() || '-'} color=\"blue\" onClick={() => navigate('/events')} />\n <StatCard icon={MessageSquare} label=\"会话数\" value={sessionsCount?.toString() || '-'} color=\"purple\" onClick={() => navigate('/sessions')} />\n <StatCard icon={GitBranch} label=\"方法论执行\" value={methodologyCount?.toString() || '-'} color=\"indigo\" onClick={() => navigate('/methodologies')} />\n <StatCard icon={Zap} label=\"路由遵守率\" value={`${obediencePercent}%`} color=\"green\" onClick={() => navigate('/routing')} />\n </div>\n\n {/* Charts */}\n <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-4 mb-6\">\n {/* Daily activity */}\n <div className=\"bg-white rounded-lg shadow p-6\">\n <div className=\"flex items-center justify-between mb-4\">\n <h3 className=\"text-base font-semibold text-gray-900\">最近 7 天活动</h3>\n <button\n onClick={() => navigate('/events')}\n className=\"text-xs text-indigo-600 hover:text-indigo-700\"\n >\n 查看全部事件 →\n </button>\n </div>\n <ResponsiveContainer width=\"100%\" height={240}>\n <AreaChart\n data={dailyData}\n onClick={() => navigate('/events')}\n style={{ cursor: 'pointer' }}\n >\n <defs>\n <linearGradient id=\"colorEvents\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"5%\" stopColor={COLORS.primary} stopOpacity={0.3} />\n <stop offset=\"95%\" stopColor={COLORS.primary} stopOpacity={0} />\n </linearGradient>\n </defs>\n <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#f3f4f6\" />\n <XAxis dataKey=\"date\" tick={{ fontSize: 11 }} tickFormatter={(d) => d?.slice(5)} />\n <YAxis tick={{ fontSize: 11 }} />\n <Tooltip />\n <Area\n type=\"monotone\"\n dataKey=\"eventCount\"\n stroke={COLORS.primary}\n strokeWidth={2}\n fill=\"url(#colorEvents)\"\n name=\"事件\"\n />\n </AreaChart>\n </ResponsiveContainer>\n </div>\n\n {/* Tool usage */}\n <div className=\"bg-white rounded-lg shadow p-6\">\n <div className=\"flex items-center justify-between mb-4\">\n <h3 className=\"text-base font-semibold text-gray-900\">工具使用分布</h3>\n <button\n onClick={() => navigate('/events')}\n className=\"text-xs text-indigo-600 hover:text-indigo-700\"\n >\n 查看详情 →\n </button>\n </div>\n <ResponsiveContainer width=\"100%\" height={240}>\n <BarChart\n data={toolUsageData}\n layout=\"vertical\"\n onClick={(e: any) => {\n if (e?.activeLabel) {\n navigate(`/events?tool=${encodeURIComponent(e.activeLabel)}`)\n }\n }}\n style={{ cursor: 'pointer' }}\n >\n <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#f3f4f6\" />\n <XAxis type=\"number\" tick={{ fontSize: 11 }} />\n <YAxis dataKey=\"name\" type=\"category\" tick={{ fontSize: 11 }} width={80} />\n <Tooltip />\n <Bar dataKey=\"count\" fill={COLORS.primary} radius={[0, 4, 4, 0]} />\n </BarChart>\n </ResponsiveContainer>\n </div>\n\n {/* Decision distribution */}\n <div className=\"bg-white rounded-lg shadow p-6\">\n <div className=\"flex items-center justify-between mb-4\">\n <h3 className=\"text-base font-semibold text-gray-900\">治理决策分布</h3>\n <button\n onClick={() => navigate('/execution-trace')}\n className=\"text-xs text-indigo-600 hover:text-indigo-700\"\n >\n 查看追踪 →\n </button>\n </div>\n {decisionData.length > 0 ? (\n <ResponsiveContainer width=\"100%\" height={240}>\n <PieChart>\n <Pie\n data={decisionData}\n cx=\"50%\"\n cy=\"50%\"\n labelLine={false}\n label={(entry) => `${entry.name}: ${entry.value}`}\n outerRadius={80}\n dataKey=\"value\"\n style={{ cursor: 'pointer' }}\n onClick={() => navigate('/execution-trace')}\n >\n {decisionData.map((_, i) => (\n <Cell key={i} fill={PIE_COLORS[i % PIE_COLORS.length]} />\n ))}\n </Pie>\n <Tooltip />\n <Legend />\n </PieChart>\n </ResponsiveContainer>\n ) : (\n <div className=\"h-60 flex items-center justify-center text-gray-400 text-sm\">暂无决策数据</div>\n )}\n </div>\n\n {/* System info */}\n <div className=\"bg-white rounded-lg shadow p-6\">\n <h3 className=\"flex items-center gap-2 text-base font-semibold text-gray-900 mb-4\">\n <Clock className=\"h-4 w-4 text-indigo-600\" />\n 系统状态\n </h3>\n <dl className=\"space-y-3 text-sm\">\n <div className=\"flex justify-between\">\n <dt className=\"text-gray-500\">PID</dt>\n <dd className=\"font-mono text-gray-900\">{status?.pid || '-'}</dd>\n </div>\n <div className=\"flex justify-between\">\n <dt className=\"text-gray-500\">运行时间</dt>\n <dd className=\"text-gray-900\">{status?.uptime ? formatUptime(status.uptime) : '-'}</dd>\n </div>\n <div className=\"flex justify-between\">\n <dt className=\"text-gray-500\">内存使用</dt>\n <dd className=\"text-gray-900\">\n {status?.memory ? `${Math.round(status.memory.heapUsed / 1024 / 1024)} MB` : '-'}\n </dd>\n </div>\n {routingStats && (\n <>\n <div className=\"border-t pt-3 mt-3\">\n <dt className=\"text-xs font-semibold text-gray-700 mb-2\">路由 (近 7 天)</dt>\n </div>\n <div className=\"flex justify-between\">\n <dt className=\"text-gray-500\">总路由</dt>\n <dd className=\"font-mono text-gray-900\">{routingStats.total}</dd>\n </div>\n <div className=\"flex justify-between\">\n <dt className=\"text-gray-500\">遵守 / 违抗</dt>\n <dd className=\"font-mono\">\n <span className=\"text-green-600\">{routingStats.obeyedCount}</span>\n <span className=\"text-gray-400 mx-1\">/</span>\n <span className=\"text-red-600\">{routingStats.refusedCount}</span>\n </dd>\n </div>\n </>\n )}\n </dl>\n </div>\n </div>\n </div>\n )\n}\n\nfunction StatCard({ icon: Icon, label, value, color, onClick }: {\n icon: any, label: string, value: string, color: string, onClick?: () => void\n}) {\n const colorClass: Record<string, string> = {\n blue: 'bg-blue-100 text-blue-600',\n purple: 'bg-purple-100 text-purple-600',\n indigo: 'bg-indigo-100 text-indigo-600',\n green: 'bg-green-100 text-green-600',\n }\n return (\n <div\n className={`bg-white rounded-lg shadow p-5 ${onClick ? 'cursor-pointer hover:shadow-md transition-shadow' : ''}`}\n onClick={onClick}\n >\n <div className=\"flex items-center justify-between mb-3\">\n <span className=\"text-sm text-gray-500\">{label}</span>\n <div className={`w-8 h-8 rounded-lg flex items-center justify-center ${colorClass[color]}`}>\n <Icon className=\"h-4 w-4\" />\n </div>\n </div>\n <div className=\"text-2xl font-bold text-gray-900\">{value}</div>\n </div>\n )\n}\n"],"names":["fetchStatus","res","fetchSystemStats","fetchSessionsCount","fetchRoutingStats","fetchMethodologyCount","formatUptime","seconds","days","hours","minutes","COLORS","PIE_COLORS","Dashboard","navigate","useNavigate","status","useQuery","systemStats","sessionsCount","routingStats","methodologyCount","obediencePercent","toolUsageData","a","b","name","count","decisionData","d","dailyData","jsx","jsxs","StatCard","Activity","_a","MessageSquare","GitBranch","Zap","ResponsiveContainer","AreaChart","CartesianGrid","XAxis","YAxis","Tooltip","Area","BarChart","e","Bar","PieChart","Pie","entry","_","i","Cell","Legend","Clock","Fragment","Icon","label","value","color","onClick","colorClass"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Dashboard-Ciyyw6ph.js","sources":["../../src/pages/Dashboard.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { useNavigate } from 'react-router-dom'\nimport { Activity, MessageSquare, GitBranch, Clock, Zap } from 'lucide-react'\nimport {\n AreaChart, Area, BarChart, Bar, PieChart, Pie, Cell,\n XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, Legend,\n} from 'recharts'\n\ninterface Stats {\n pid: number\n uptime: number\n memory: any\n eventCount: number\n}\n\ninterface SystemStats {\n totalSessions: number\n totalEvents: number\n totalDecisions: number\n toolUsage: Record<string, number>\n decisionLevels: { block: number; warn: number; confirm: number; allow: number }\n dailyActivity: Array<{ date: string; eventCount: number; sessionCount: number }>\n}\n\nasync function fetchStatus(): Promise<Stats> {\n const res = await fetch('/api/status')\n if (!res.ok) throw new Error('Failed')\n return res.json()\n}\n\nasync function fetchSystemStats(): Promise<SystemStats> {\n const res = await fetch('/api/stats')\n if (!res.ok) throw new Error('Failed')\n return res.json()\n}\n\nasync function fetchSessionsCount(): Promise<number> {\n const res = await fetch('/api/sessions?limit=1000')\n if (!res.ok) return 0\n const sessions = await res.json()\n return sessions.length\n}\n\nasync function fetchRoutingStats() {\n const res = await fetch('/api/routing/stats?window=168')\n if (!res.ok) return null\n return res.json()\n}\n\nasync function fetchMethodologyCount(): Promise<number> {\n const res = await fetch('/api/methodology-executions?limit=1000')\n if (!res.ok) return 0\n const executions = await res.json()\n return executions.length\n}\n\nfunction formatUptime(seconds: number): string {\n const days = Math.floor(seconds / 86400)\n const hours = Math.floor((seconds % 86400) / 3600)\n const minutes = Math.floor((seconds % 3600) / 60)\n if (days > 0) return `${days}天 ${hours}小时`\n if (hours > 0) return `${hours}小时 ${minutes}分钟`\n return `${minutes}分钟`\n}\n\nconst COLORS = {\n primary: '#6366f1',\n green: '#10b981',\n red: '#ef4444',\n yellow: '#f59e0b',\n blue: '#3b82f6',\n purple: '#8b5cf6',\n gray: '#6b7280',\n}\n\nconst PIE_COLORS = [COLORS.primary, COLORS.green, COLORS.yellow, COLORS.red, COLORS.purple, COLORS.blue]\n\nexport default function Dashboard() {\n const navigate = useNavigate()\n const { data: status } = useQuery({ queryKey: ['status'], queryFn: fetchStatus, refetchInterval: 5000 })\n const { data: systemStats } = useQuery({ queryKey: ['system-stats'], queryFn: fetchSystemStats, refetchInterval: 30000 })\n const { data: sessionsCount } = useQuery({ queryKey: ['sessions-count'], queryFn: fetchSessionsCount })\n const { data: routingStats } = useQuery({ queryKey: ['dashboard-routing'], queryFn: fetchRoutingStats })\n const { data: methodologyCount } = useQuery({ queryKey: ['methodology-count'], queryFn: fetchMethodologyCount })\n\n const obediencePercent = routingStats?.obedienceRate !== null && routingStats?.obedienceRate !== undefined\n ? (routingStats.obedienceRate * 100).toFixed(0)\n : '-'\n\n // 准备图表数据\n const toolUsageData = systemStats?.toolUsage\n ? Object.entries(systemStats.toolUsage)\n .sort(([, a], [, b]) => b - a)\n .slice(0, 8)\n .map(([name, count]) => ({ name, count }))\n : []\n\n const decisionData = systemStats?.decisionLevels\n ? [\n { name: '允许', value: systemStats.decisionLevels.allow, fill: COLORS.green },\n { name: '警告', value: systemStats.decisionLevels.warn, fill: COLORS.yellow },\n { name: '阻断', value: systemStats.decisionLevels.block, fill: COLORS.red },\n { name: '确认', value: systemStats.decisionLevels.confirm, fill: COLORS.blue },\n ].filter(d => d.value > 0)\n : []\n\n const dailyData = systemStats?.dailyActivity || []\n\n return (\n <div>\n <h1 className=\"text-2xl font-bold text-gray-900 mb-6\">仪表盘</h1>\n\n {/* Stats grid */}\n <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6\">\n <StatCard icon={Activity} label=\"总事件\" value={status?.eventCount?.toString() || '-'} color=\"blue\" onClick={() => navigate('/events')} />\n <StatCard icon={MessageSquare} label=\"会话数\" value={sessionsCount?.toString() || '-'} color=\"purple\" onClick={() => navigate('/sessions')} />\n <StatCard icon={GitBranch} label=\"方法论执行\" value={methodologyCount?.toString() || '-'} color=\"indigo\" onClick={() => navigate('/methodologies')} />\n <StatCard icon={Zap} label=\"路由遵守率\" value={`${obediencePercent}%`} color=\"green\" onClick={() => navigate('/routing')} />\n </div>\n\n {/* Charts */}\n <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-4 mb-6\">\n {/* Daily activity */}\n <div className=\"bg-white rounded-lg shadow p-6\">\n <div className=\"flex items-center justify-between mb-4\">\n <h3 className=\"text-base font-semibold text-gray-900\">最近 7 天活动</h3>\n <button\n onClick={() => navigate('/events')}\n className=\"text-xs text-indigo-600 hover:text-indigo-700\"\n >\n 查看全部事件 →\n </button>\n </div>\n <ResponsiveContainer width=\"100%\" height={240}>\n <AreaChart\n data={dailyData}\n onClick={() => navigate('/events')}\n style={{ cursor: 'pointer' }}\n >\n <defs>\n <linearGradient id=\"colorEvents\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"5%\" stopColor={COLORS.primary} stopOpacity={0.3} />\n <stop offset=\"95%\" stopColor={COLORS.primary} stopOpacity={0} />\n </linearGradient>\n </defs>\n <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#f3f4f6\" />\n <XAxis dataKey=\"date\" tick={{ fontSize: 11 }} tickFormatter={(d) => d?.slice(5)} />\n <YAxis tick={{ fontSize: 11 }} />\n <Tooltip />\n <Area\n type=\"monotone\"\n dataKey=\"eventCount\"\n stroke={COLORS.primary}\n strokeWidth={2}\n fill=\"url(#colorEvents)\"\n name=\"事件\"\n />\n </AreaChart>\n </ResponsiveContainer>\n </div>\n\n {/* Tool usage */}\n <div className=\"bg-white rounded-lg shadow p-6\">\n <div className=\"flex items-center justify-between mb-4\">\n <h3 className=\"text-base font-semibold text-gray-900\">工具使用分布</h3>\n <button\n onClick={() => navigate('/events')}\n className=\"text-xs text-indigo-600 hover:text-indigo-700\"\n >\n 查看详情 →\n </button>\n </div>\n <ResponsiveContainer width=\"100%\" height={240}>\n <BarChart\n data={toolUsageData}\n layout=\"vertical\"\n onClick={(e: any) => {\n if (e?.activeLabel) {\n navigate(`/events?tool=${encodeURIComponent(e.activeLabel)}`)\n }\n }}\n style={{ cursor: 'pointer' }}\n >\n <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#f3f4f6\" />\n <XAxis type=\"number\" tick={{ fontSize: 11 }} />\n <YAxis dataKey=\"name\" type=\"category\" tick={{ fontSize: 11 }} width={80} />\n <Tooltip />\n <Bar dataKey=\"count\" fill={COLORS.primary} radius={[0, 4, 4, 0]} />\n </BarChart>\n </ResponsiveContainer>\n </div>\n\n {/* Decision distribution */}\n <div className=\"bg-white rounded-lg shadow p-6\">\n <div className=\"flex items-center justify-between mb-4\">\n <h3 className=\"text-base font-semibold text-gray-900\">治理决策分布</h3>\n <button\n onClick={() => navigate('/execution-trace')}\n className=\"text-xs text-indigo-600 hover:text-indigo-700\"\n >\n 查看追踪 →\n </button>\n </div>\n {decisionData.length > 0 ? (\n <ResponsiveContainer width=\"100%\" height={240}>\n <PieChart>\n <Pie\n data={decisionData}\n cx=\"50%\"\n cy=\"50%\"\n labelLine={false}\n label={(entry) => `${entry.name}: ${entry.value}`}\n outerRadius={80}\n dataKey=\"value\"\n style={{ cursor: 'pointer' }}\n onClick={() => navigate('/execution-trace')}\n >\n {decisionData.map((_, i) => (\n <Cell key={i} fill={PIE_COLORS[i % PIE_COLORS.length]} />\n ))}\n </Pie>\n <Tooltip />\n <Legend />\n </PieChart>\n </ResponsiveContainer>\n ) : (\n <div className=\"h-60 flex items-center justify-center text-gray-400 text-sm\">暂无决策数据</div>\n )}\n </div>\n\n {/* System info */}\n <div className=\"bg-white rounded-lg shadow p-6\">\n <h3 className=\"flex items-center gap-2 text-base font-semibold text-gray-900 mb-4\">\n <Clock className=\"h-4 w-4 text-indigo-600\" />\n 系统状态\n </h3>\n <dl className=\"space-y-3 text-sm\">\n <div className=\"flex justify-between\">\n <dt className=\"text-gray-500\">PID</dt>\n <dd className=\"font-mono text-gray-900\">{status?.pid || '-'}</dd>\n </div>\n <div className=\"flex justify-between\">\n <dt className=\"text-gray-500\">运行时间</dt>\n <dd className=\"text-gray-900\">{status?.uptime ? formatUptime(status.uptime) : '-'}</dd>\n </div>\n <div className=\"flex justify-between\">\n <dt className=\"text-gray-500\">内存使用</dt>\n <dd className=\"text-gray-900\">\n {status?.memory ? `${Math.round(status.memory.heapUsed / 1024 / 1024)} MB` : '-'}\n </dd>\n </div>\n {routingStats && (\n <>\n <div className=\"border-t pt-3 mt-3\">\n <dt className=\"text-xs font-semibold text-gray-700 mb-2\">路由 (近 7 天)</dt>\n </div>\n <div className=\"flex justify-between\">\n <dt className=\"text-gray-500\">总路由</dt>\n <dd className=\"font-mono text-gray-900\">{routingStats.total}</dd>\n </div>\n <div className=\"flex justify-between\">\n <dt className=\"text-gray-500\">遵守 / 违抗</dt>\n <dd className=\"font-mono\">\n <span className=\"text-green-600\">{routingStats.obeyedCount}</span>\n <span className=\"text-gray-400 mx-1\">/</span>\n <span className=\"text-red-600\">{routingStats.refusedCount}</span>\n </dd>\n </div>\n </>\n )}\n </dl>\n </div>\n </div>\n </div>\n )\n}\n\nfunction StatCard({ icon: Icon, label, value, color, onClick }: {\n icon: any, label: string, value: string, color: string, onClick?: () => void\n}) {\n const colorClass: Record<string, string> = {\n blue: 'bg-blue-100 text-blue-600',\n purple: 'bg-purple-100 text-purple-600',\n indigo: 'bg-indigo-100 text-indigo-600',\n green: 'bg-green-100 text-green-600',\n }\n return (\n <div\n className={`bg-white rounded-lg shadow p-5 ${onClick ? 'cursor-pointer hover:shadow-md transition-shadow' : ''}`}\n onClick={onClick}\n >\n <div className=\"flex items-center justify-between mb-3\">\n <span className=\"text-sm text-gray-500\">{label}</span>\n <div className={`w-8 h-8 rounded-lg flex items-center justify-center ${colorClass[color]}`}>\n <Icon className=\"h-4 w-4\" />\n </div>\n </div>\n <div className=\"text-2xl font-bold text-gray-900\">{value}</div>\n </div>\n )\n}\n"],"names":["fetchStatus","res","fetchSystemStats","fetchSessionsCount","fetchRoutingStats","fetchMethodologyCount","formatUptime","seconds","days","hours","minutes","COLORS","PIE_COLORS","Dashboard","navigate","useNavigate","status","useQuery","systemStats","sessionsCount","routingStats","methodologyCount","obediencePercent","toolUsageData","a","b","name","count","decisionData","d","dailyData","jsx","jsxs","StatCard","Activity","_a","MessageSquare","GitBranch","Zap","ResponsiveContainer","AreaChart","CartesianGrid","XAxis","YAxis","Tooltip","Area","BarChart","e","Bar","PieChart","Pie","entry","_","i","Cell","Legend","Clock","Fragment","Icon","label","value","color","onClick","colorClass"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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-
|
|
2
|
-
//# sourceMappingURL=Drawer-
|
|
1
|
+
import{r as c,j as e}from"./react-vendor-CSp-GLFF.js";import{d as i}from"./vendor-CMMjVdZs.js";import{X as x}from"./lucide-BanPULT1.js";function y({open:t,onClose:s,title:a,children:n,width:o="w-[600px]"}){return c.useEffect(()=>{const r=l=>{l.key==="Escape"&&s()};return t&&(document.addEventListener("keydown",r),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",r),document.body.style.overflow=""}},[t,s]),e.jsxs(e.Fragment,{children:[e.jsx("div",{className:i("fixed inset-0 bg-gray-600 transition-opacity z-40",t?"bg-opacity-50 visible":"bg-opacity-0 invisible pointer-events-none"),onClick:s}),e.jsxs("div",{className:i("fixed inset-y-0 right-0 bg-white shadow-xl z-50 transform transition-transform flex flex-col",o,"max-w-full",t?"translate-x-0":"translate-x-full"),children:[e.jsxs("div",{className:"flex items-center justify-between px-6 py-4 border-b border-gray-200 flex-shrink-0",children:[e.jsx("h2",{className:"text-lg font-semibold text-gray-900",children:a}),e.jsx("button",{onClick:s,className:"text-gray-400 hover:text-gray-600 transition-colors",children:e.jsx(x,{className:"h-5 w-5"})})]}),e.jsx("div",{className:"flex-1 overflow-y-auto p-6",children:n})]})]})}export{y as D};
|
|
2
|
+
//# sourceMappingURL=Drawer-DOUcx6m1.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer-
|
|
1
|
+
{"version":3,"file":"Drawer-DOUcx6m1.js","sources":["../../src/components/Drawer.tsx"],"sourcesContent":["import { ReactNode, useEffect } from 'react'\nimport { X } from 'lucide-react'\nimport clsx from 'clsx'\n\ninterface DrawerProps {\n open: boolean\n onClose: () => void\n title: string\n children: ReactNode\n width?: string\n}\n\nexport default function Drawer({ open, onClose, title, children, width = 'w-[600px]' }: DrawerProps) {\n useEffect(() => {\n const handleEsc = (e: KeyboardEvent) => {\n if (e.key === 'Escape') onClose()\n }\n if (open) {\n document.addEventListener('keydown', handleEsc)\n document.body.style.overflow = 'hidden'\n }\n return () => {\n document.removeEventListener('keydown', handleEsc)\n document.body.style.overflow = ''\n }\n }, [open, onClose])\n\n return (\n <>\n <div\n className={clsx(\n 'fixed inset-0 bg-gray-600 transition-opacity z-40',\n open ? 'bg-opacity-50 visible' : 'bg-opacity-0 invisible pointer-events-none'\n )}\n onClick={onClose}\n />\n <div\n className={clsx(\n 'fixed inset-y-0 right-0 bg-white shadow-xl z-50 transform transition-transform flex flex-col',\n width,\n 'max-w-full',\n open ? 'translate-x-0' : 'translate-x-full'\n )}\n >\n <div className=\"flex items-center justify-between px-6 py-4 border-b border-gray-200 flex-shrink-0\">\n <h2 className=\"text-lg font-semibold text-gray-900\">{title}</h2>\n <button\n onClick={onClose}\n className=\"text-gray-400 hover:text-gray-600 transition-colors\"\n >\n <X className=\"h-5 w-5\" />\n </button>\n </div>\n <div className=\"flex-1 overflow-y-auto p-6\">\n {children}\n </div>\n </div>\n </>\n )\n}\n"],"names":["Drawer","open","onClose","title","children","width","useEffect","handleEsc","e","jsxs","Fragment","jsx","clsx","X"],"mappings":"wIAYA,SAAwBA,EAAO,CAAE,KAAAC,EAAM,QAAAC,EAAS,MAAAC,EAAO,SAAAC,EAAU,MAAAC,EAAQ,aAA4B,CACnGC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAaC,GAAqB,CAClCA,EAAE,MAAQ,UAAUN,EAAA,CAC1B,EACA,OAAID,IACF,SAAS,iBAAiB,UAAWM,CAAS,EAC9C,SAAS,KAAK,MAAM,SAAW,UAE1B,IAAM,CACX,SAAS,oBAAoB,UAAWA,CAAS,EACjD,SAAS,KAAK,MAAM,SAAW,EACjC,CACF,EAAG,CAACN,EAAMC,CAAO,CAAC,EAGhBO,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,MAAA,CACC,UAAWC,EACT,oDACAX,EAAO,wBAA0B,4CAAA,EAEnC,QAASC,CAAA,CAAA,EAEXO,EAAAA,KAAC,MAAA,CACC,UAAWG,EACT,+FACAP,EACA,aACAJ,EAAO,gBAAkB,kBAAA,EAG3B,SAAA,CAAAQ,EAAAA,KAAC,MAAA,CAAI,UAAU,qFACb,SAAA,CAAAE,EAAAA,IAAC,KAAA,CAAG,UAAU,sCAAuC,SAAAR,EAAM,EAC3DQ,EAAAA,IAAC,SAAA,CACC,QAAST,EACT,UAAU,sDAEV,SAAAS,EAAAA,IAACE,EAAA,CAAE,UAAU,SAAA,CAAU,CAAA,CAAA,CACzB,EACF,EACAF,EAAAA,IAAC,MAAA,CAAI,UAAU,6BACZ,SAAAP,CAAA,CACH,CAAA,CAAA,CAAA,CACF,EACF,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as n,j as e}from"./react-vendor-CSp-GLFF.js";import{u as N}from"./query-C99w429o.js";import{d as u}from"./vendor-CMMjVdZs.js";import{D as w}from"./Drawer-
|
|
2
|
-
//# sourceMappingURL=Events-
|
|
1
|
+
import{r as n,j as e}from"./react-vendor-CSp-GLFF.js";import{u as N}from"./query-C99w429o.js";import{d as u}from"./vendor-CMMjVdZs.js";import{D as w}from"./Drawer-DOUcx6m1.js";import{C as g}from"./CodeBlock--H53gk46.js";import{S as _,g as k,d as S,a as C}from"./export-CbQTOt71.js";import{u as E}from"./index-CIRlno4E.js";import{k as P,D as U,A as T}from"./lucide-BanPULT1.js";import{f as y}from"./date-fns-CZ_bHujz.js";import"./syntax-highlighter-44FakypI.js";import"./react-router-I-HqunH7.js";async function D(i){const c=`/api/events?limit=500${i?`&hook_type=${i}`:""}`,r=await fetch(c);if(!r.ok)throw new Error("Failed to fetch events");return r.json()}const H=["","UserPromptSubmit","PreToolUse","PostToolUse","Stop","Notification"];function B(){const[i,c]=n.useState(""),[r,j]=n.useState(""),[s,p]=n.useState(null),[v,m]=n.useState(!1),f=E(),{data:x,isLoading:b}=N({queryKey:["events",i],queryFn:()=>D(i),refetchInterval:5e3}),o=n.useMemo(()=>{if(!x)return[];if(!r.trim())return x;const t=r.toLowerCase();return x.filter(l=>{var d,a;return((d=l.tool_name)==null?void 0:d.toLowerCase().includes(t))||((a=l.user_prompt)==null?void 0:a.toLowerCase().includes(t))||l.session_id.toLowerCase().includes(t)||JSON.stringify(l.tool_input||"").toLowerCase().includes(t)})},[x,r]),h=t=>{const l=k();if(t==="json")S(`events-${l}.json`,o);else{const d=o.map(a=>({event_id:a.event_id,session_id:a.session_id,timestamp:a.timestamp,hook_type:a.hook_type,tool_name:a.tool_name||"",user_prompt:a.user_prompt||"",tool_input:a.tool_input?JSON.stringify(a.tool_input).slice(0,500):""}));C(`events-${l}.csv`,d)}f.success(`已导出 ${o.length} 条事件`),m(!1)};return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-4 flex-wrap gap-3",children:[e.jsx("h1",{className:"text-2xl font-bold text-gray-900",children:"事件"}),e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsx(_,{value:r,onChange:j,placeholder:"搜索提示/工具/session...",className:"w-64"}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(P,{className:"h-4 w-4 text-gray-500"}),e.jsx("select",{value:i,onChange:t=>c(t.target.value),className:"text-sm border border-gray-300 rounded-md px-2 py-1.5 bg-white",children:H.map(t=>e.jsx("option",{value:t,children:t||"全部类型"},t))})]}),e.jsxs("div",{className:"relative",children:[e.jsxs("button",{onClick:()=>m(t=>!t),disabled:o.length===0,className:"inline-flex items-center gap-1 px-3 py-1.5 text-sm bg-white border border-gray-300 rounded-md hover:bg-gray-50 disabled:opacity-50",children:[e.jsx(U,{className:"h-4 w-4"}),"导出"]}),v&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fixed inset-0 z-10",onClick:()=>m(!1)}),e.jsxs("div",{className:"absolute right-0 mt-1 bg-white border border-gray-200 rounded-md shadow-lg z-20",children:[e.jsx("button",{onClick:()=>h("json"),className:"block w-full text-left px-4 py-2 text-sm hover:bg-gray-50",children:"导出为 JSON"}),e.jsx("button",{onClick:()=>h("csv"),className:"block w-full text-left px-4 py-2 text-sm hover:bg-gray-50",children:"导出为 CSV"})]})]})]})]})]}),e.jsxs("div",{className:"text-sm text-gray-500 mb-3",children:["显示 ",o.length," 条 ",r&&"(已过滤)"]}),e.jsx("div",{className:"bg-white rounded-lg shadow overflow-hidden",children:b?e.jsx("div",{className:"p-6 text-gray-600",children:"加载中..."}):e.jsxs("table",{className:"min-w-full divide-y divide-gray-200",children:[e.jsx("thead",{className:"bg-gray-50",children:e.jsxs("tr",{children:[e.jsx("th",{className:"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase",children:"时间"}),e.jsx("th",{className:"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase",children:"类型"}),e.jsx("th",{className:"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase",children:"工具"}),e.jsx("th",{className:"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase",children:"详情"})]})}),e.jsxs("tbody",{className:"bg-white divide-y divide-gray-200",children:[o.map(t=>e.jsxs("tr",{className:"hover:bg-gray-50 cursor-pointer",onClick:()=>p(t),children:[e.jsx("td",{className:"px-4 py-2 whitespace-nowrap text-xs font-mono text-gray-500",children:t.timestamp?y(new Date(t.timestamp),"HH:mm:ss"):"-"}),e.jsx("td",{className:"px-4 py-2 whitespace-nowrap",children:e.jsx("span",{className:u("px-2 py-0.5 text-xs font-medium rounded",t.hook_type==="UserPromptSubmit"&&"bg-purple-100 text-purple-700",t.hook_type==="PreToolUse"&&"bg-blue-100 text-blue-700",t.hook_type==="PostToolUse"&&"bg-green-100 text-green-700",t.hook_type==="Stop"&&"bg-gray-100 text-gray-700",t.hook_type==="Notification"&&"bg-yellow-100 text-yellow-700"),children:t.hook_type})}),e.jsx("td",{className:"px-4 py-2 whitespace-nowrap text-sm text-gray-700",children:t.tool_name||"-"}),e.jsx("td",{className:"px-4 py-2 max-w-xl",children:e.jsx("p",{className:"text-xs text-gray-600 truncate",children:t.user_prompt||(t.tool_input?JSON.stringify(t.tool_input).slice(0,100):"-")})})]},t.event_id)),o.length===0&&e.jsx("tr",{children:e.jsxs("td",{colSpan:4,className:"px-4 py-12 text-center text-gray-500",children:[e.jsx(T,{className:"h-12 w-12 text-gray-300 mx-auto mb-2"}),r?"无匹配结果":"暂无事件"]})})]})]})}),e.jsx(w,{open:s!==null,onClose:()=>p(null),title:"事件详情",children:s&&e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"事件 ID"}),e.jsx("div",{className:"text-sm font-mono text-gray-900",children:s.event_id})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"类型"}),e.jsx("span",{className:u("px-2 py-1 text-xs font-medium rounded",s.hook_type==="UserPromptSubmit"&&"bg-purple-100 text-purple-700",s.hook_type==="PreToolUse"&&"bg-blue-100 text-blue-700",s.hook_type==="PostToolUse"&&"bg-green-100 text-green-700"),children:s.hook_type})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"时间"}),e.jsx("div",{className:"text-sm text-gray-900",children:s.timestamp?y(new Date(s.timestamp),"yyyy-MM-dd HH:mm:ss"):"-"})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"Session"}),e.jsx("div",{className:"text-sm font-mono text-gray-700",children:s.session_id})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"项目路径"}),e.jsx("div",{className:"text-sm font-mono text-gray-700 break-all",children:s.project_path})]}),s.tool_name&&e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"工具"}),e.jsx("div",{className:"text-sm text-gray-900",children:s.tool_name})]}),s.user_prompt&&e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"用户提示"}),e.jsx("div",{className:"bg-purple-50 rounded p-3 text-sm text-gray-800 whitespace-pre-wrap",children:s.user_prompt})]}),s.tool_input&&e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"工具输入"}),e.jsx(g,{data:s.tool_input,language:"json",maxHeight:"300px"})]}),s.tool_output&&e.jsxs("div",{children:[e.jsx("div",{className:"text-xs text-gray-500 mb-1",children:"工具输出"}),e.jsx(g,{data:s.tool_output,language:typeof s.tool_output=="string"?"text":"json",maxHeight:"400px"})]})]})})]})}export{B as default};
|
|
2
|
+
//# sourceMappingURL=Events-C2OCOKAD.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Events-DqzBTrly.js","sources":["../../src/pages/Events.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { useState, useMemo } from 'react'\nimport { format } from 'date-fns'\nimport { Activity, Filter, Download } from 'lucide-react'\nimport clsx from 'clsx'\nimport Drawer from '../components/Drawer'\nimport CodeBlock from '../components/CodeBlock'\nimport SearchInput from '../components/SearchInput'\nimport { downloadJSON, downloadCSV, getTimestamp } from '../utils/export'\nimport { useToast } from '../components/Toast'\n\ninterface Event {\n event_id: string\n session_id: string\n project_path: string\n timestamp: string\n hook_type: string\n tool_name?: string\n tool_input?: any\n tool_output?: any\n user_prompt?: string\n ai_response?: string\n}\n\nasync function fetchEvents(hookType?: string): Promise<Event[]> {\n const url = `/api/events?limit=500${hookType ? `&hook_type=${hookType}` : ''}`\n const res = await fetch(url)\n if (!res.ok) throw new Error('Failed to fetch events')\n return res.json()\n}\n\nconst hookTypes = ['', 'UserPromptSubmit', 'PreToolUse', 'PostToolUse', 'Stop', 'Notification']\n\nexport default function Events() {\n const [filter, setFilter] = useState('')\n const [search, setSearch] = useState('')\n const [selectedEvent, setSelectedEvent] = useState<Event | null>(null)\n const [showExportMenu, setShowExportMenu] = useState(false)\n const toast = useToast()\n\n const { data: events, isLoading } = useQuery({\n queryKey: ['events', filter],\n queryFn: () => fetchEvents(filter),\n refetchInterval: 5000,\n })\n\n // 客户端搜索过滤\n const filteredEvents = useMemo(() => {\n if (!events) return []\n if (!search.trim()) return events\n const q = search.toLowerCase()\n return events.filter(e =>\n e.tool_name?.toLowerCase().includes(q) ||\n e.user_prompt?.toLowerCase().includes(q) ||\n e.session_id.toLowerCase().includes(q) ||\n JSON.stringify(e.tool_input || '').toLowerCase().includes(q)\n )\n }, [events, search])\n\n const handleExport = (exportFormat: 'json' | 'csv') => {\n const ts = getTimestamp()\n if (exportFormat === 'json') {\n downloadJSON(`events-${ts}.json`, filteredEvents)\n } else {\n // CSV 导出扁平化\n const flat = filteredEvents.map(e => ({\n event_id: e.event_id,\n session_id: e.session_id,\n timestamp: e.timestamp,\n hook_type: e.hook_type,\n tool_name: e.tool_name || '',\n user_prompt: e.user_prompt || '',\n tool_input: e.tool_input ? JSON.stringify(e.tool_input).slice(0, 500) : '',\n }))\n downloadCSV(`events-${ts}.csv`, flat)\n }\n toast.success(`已导出 ${filteredEvents.length} 条事件`)\n setShowExportMenu(false)\n }\n\n return (\n <div>\n <div className=\"flex items-center justify-between mb-4 flex-wrap gap-3\">\n <h1 className=\"text-2xl font-bold text-gray-900\">事件</h1>\n <div className=\"flex items-center gap-2 flex-wrap\">\n <SearchInput\n value={search}\n onChange={setSearch}\n placeholder=\"搜索提示/工具/session...\"\n className=\"w-64\"\n />\n <div className=\"flex items-center gap-1\">\n <Filter className=\"h-4 w-4 text-gray-500\" />\n <select\n value={filter}\n onChange={(e) => setFilter(e.target.value)}\n className=\"text-sm border border-gray-300 rounded-md px-2 py-1.5 bg-white\"\n >\n {hookTypes.map((t) => (\n <option key={t} value={t}>{t || '全部类型'}</option>\n ))}\n </select>\n </div>\n <div className=\"relative\">\n <button\n onClick={() => setShowExportMenu(v => !v)}\n disabled={filteredEvents.length === 0}\n className=\"inline-flex items-center gap-1 px-3 py-1.5 text-sm bg-white border border-gray-300 rounded-md hover:bg-gray-50 disabled:opacity-50\"\n >\n <Download className=\"h-4 w-4\" />\n 导出\n </button>\n {showExportMenu && (\n <>\n <div className=\"fixed inset-0 z-10\" onClick={() => setShowExportMenu(false)} />\n <div className=\"absolute right-0 mt-1 bg-white border border-gray-200 rounded-md shadow-lg z-20\">\n <button\n onClick={() => handleExport('json')}\n className=\"block w-full text-left px-4 py-2 text-sm hover:bg-gray-50\"\n >\n 导出为 JSON\n </button>\n <button\n onClick={() => handleExport('csv')}\n className=\"block w-full text-left px-4 py-2 text-sm hover:bg-gray-50\"\n >\n 导出为 CSV\n </button>\n </div>\n </>\n )}\n </div>\n </div>\n </div>\n\n <div className=\"text-sm text-gray-500 mb-3\">\n 显示 {filteredEvents.length} 条 {search && `(已过滤)`}\n </div>\n\n <div className=\"bg-white rounded-lg shadow overflow-hidden\">\n {isLoading ? (\n <div className=\"p-6 text-gray-600\">加载中...</div>\n ) : (\n <table className=\"min-w-full divide-y divide-gray-200\">\n <thead className=\"bg-gray-50\">\n <tr>\n <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase\">时间</th>\n <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase\">类型</th>\n <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase\">工具</th>\n <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase\">详情</th>\n </tr>\n </thead>\n <tbody className=\"bg-white divide-y divide-gray-200\">\n {filteredEvents.map((e) => (\n <tr\n key={e.event_id}\n className=\"hover:bg-gray-50 cursor-pointer\"\n onClick={() => setSelectedEvent(e)}\n >\n <td className=\"px-4 py-2 whitespace-nowrap text-xs font-mono text-gray-500\">\n {e.timestamp ? format(new Date(e.timestamp), 'HH:mm:ss') : '-'}\n </td>\n <td className=\"px-4 py-2 whitespace-nowrap\">\n <span className={clsx(\n 'px-2 py-0.5 text-xs font-medium rounded',\n e.hook_type === 'UserPromptSubmit' && 'bg-purple-100 text-purple-700',\n e.hook_type === 'PreToolUse' && 'bg-blue-100 text-blue-700',\n e.hook_type === 'PostToolUse' && 'bg-green-100 text-green-700',\n e.hook_type === 'Stop' && 'bg-gray-100 text-gray-700',\n e.hook_type === 'Notification' && 'bg-yellow-100 text-yellow-700'\n )}>\n {e.hook_type}\n </span>\n </td>\n <td className=\"px-4 py-2 whitespace-nowrap text-sm text-gray-700\">\n {e.tool_name || '-'}\n </td>\n <td className=\"px-4 py-2 max-w-xl\">\n <p className=\"text-xs text-gray-600 truncate\">\n {e.user_prompt || (e.tool_input ? JSON.stringify(e.tool_input).slice(0, 100) : '-')}\n </p>\n </td>\n </tr>\n ))}\n {filteredEvents.length === 0 && (\n <tr>\n <td colSpan={4} className=\"px-4 py-12 text-center text-gray-500\">\n <Activity className=\"h-12 w-12 text-gray-300 mx-auto mb-2\" />\n {search ? '无匹配结果' : '暂无事件'}\n </td>\n </tr>\n )}\n </tbody>\n </table>\n )}\n </div>\n\n {/* Event Detail Drawer */}\n <Drawer\n open={selectedEvent !== null}\n onClose={() => setSelectedEvent(null)}\n title=\"事件详情\"\n >\n {selectedEvent && (\n <div className=\"space-y-4\">\n <div>\n <div className=\"text-xs text-gray-500 mb-1\">事件 ID</div>\n <div className=\"text-sm font-mono text-gray-900\">{selectedEvent.event_id}</div>\n </div>\n <div>\n <div className=\"text-xs text-gray-500 mb-1\">类型</div>\n <span className={clsx(\n 'px-2 py-1 text-xs font-medium rounded',\n selectedEvent.hook_type === 'UserPromptSubmit' && 'bg-purple-100 text-purple-700',\n selectedEvent.hook_type === 'PreToolUse' && 'bg-blue-100 text-blue-700',\n selectedEvent.hook_type === 'PostToolUse' && 'bg-green-100 text-green-700',\n )}>\n {selectedEvent.hook_type}\n </span>\n </div>\n <div>\n <div className=\"text-xs text-gray-500 mb-1\">时间</div>\n <div className=\"text-sm text-gray-900\">\n {selectedEvent.timestamp ? format(new Date(selectedEvent.timestamp), 'yyyy-MM-dd HH:mm:ss') : '-'}\n </div>\n </div>\n <div>\n <div className=\"text-xs text-gray-500 mb-1\">Session</div>\n <div className=\"text-sm font-mono text-gray-700\">{selectedEvent.session_id}</div>\n </div>\n <div>\n <div className=\"text-xs text-gray-500 mb-1\">项目路径</div>\n <div className=\"text-sm font-mono text-gray-700 break-all\">{selectedEvent.project_path}</div>\n </div>\n {selectedEvent.tool_name && (\n <div>\n <div className=\"text-xs text-gray-500 mb-1\">工具</div>\n <div className=\"text-sm text-gray-900\">{selectedEvent.tool_name}</div>\n </div>\n )}\n {selectedEvent.user_prompt && (\n <div>\n <div className=\"text-xs text-gray-500 mb-1\">用户提示</div>\n <div className=\"bg-purple-50 rounded p-3 text-sm text-gray-800 whitespace-pre-wrap\">\n {selectedEvent.user_prompt}\n </div>\n </div>\n )}\n {selectedEvent.tool_input && (\n <div>\n <div className=\"text-xs text-gray-500 mb-1\">工具输入</div>\n <CodeBlock data={selectedEvent.tool_input} language=\"json\" maxHeight=\"300px\" />\n </div>\n )}\n {selectedEvent.tool_output && (\n <div>\n <div className=\"text-xs text-gray-500 mb-1\">工具输出</div>\n <CodeBlock\n data={selectedEvent.tool_output}\n language={typeof selectedEvent.tool_output === 'string' ? 'text' : 'json'}\n maxHeight=\"400px\"\n />\n </div>\n )}\n </div>\n )}\n </Drawer>\n </div>\n )\n}\n"],"names":["fetchEvents","hookType","url","res","hookTypes","Events","filter","setFilter","useState","search","setSearch","selectedEvent","setSelectedEvent","showExportMenu","setShowExportMenu","toast","useToast","events","isLoading","useQuery","filteredEvents","useMemo","q","e","_a","_b","handleExport","exportFormat","ts","getTimestamp","downloadJSON","flat","downloadCSV","jsxs","jsx","SearchInput","Filter","v","Download","Fragment","format","clsx","Activity","Drawer","CodeBlock"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Events-C2OCOKAD.js","sources":["../../src/pages/Events.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { useState, useMemo } from 'react'\nimport { format } from 'date-fns'\nimport { Activity, Filter, Download } from 'lucide-react'\nimport clsx from 'clsx'\nimport Drawer from '../components/Drawer'\nimport CodeBlock from '../components/CodeBlock'\nimport SearchInput from '../components/SearchInput'\nimport { downloadJSON, downloadCSV, getTimestamp } from '../utils/export'\nimport { useToast } from '../components/Toast'\n\ninterface Event {\n event_id: string\n session_id: string\n project_path: string\n timestamp: string\n hook_type: string\n tool_name?: string\n tool_input?: any\n tool_output?: any\n user_prompt?: string\n ai_response?: string\n}\n\nasync function fetchEvents(hookType?: string): Promise<Event[]> {\n const url = `/api/events?limit=500${hookType ? `&hook_type=${hookType}` : ''}`\n const res = await fetch(url)\n if (!res.ok) throw new Error('Failed to fetch events')\n return res.json()\n}\n\nconst hookTypes = ['', 'UserPromptSubmit', 'PreToolUse', 'PostToolUse', 'Stop', 'Notification']\n\nexport default function Events() {\n const [filter, setFilter] = useState('')\n const [search, setSearch] = useState('')\n const [selectedEvent, setSelectedEvent] = useState<Event | null>(null)\n const [showExportMenu, setShowExportMenu] = useState(false)\n const toast = useToast()\n\n const { data: events, isLoading } = useQuery({\n queryKey: ['events', filter],\n queryFn: () => fetchEvents(filter),\n refetchInterval: 5000,\n })\n\n // 客户端搜索过滤\n const filteredEvents = useMemo(() => {\n if (!events) return []\n if (!search.trim()) return events\n const q = search.toLowerCase()\n return events.filter(e =>\n e.tool_name?.toLowerCase().includes(q) ||\n e.user_prompt?.toLowerCase().includes(q) ||\n e.session_id.toLowerCase().includes(q) ||\n JSON.stringify(e.tool_input || '').toLowerCase().includes(q)\n )\n }, [events, search])\n\n const handleExport = (exportFormat: 'json' | 'csv') => {\n const ts = getTimestamp()\n if (exportFormat === 'json') {\n downloadJSON(`events-${ts}.json`, filteredEvents)\n } else {\n // CSV 导出扁平化\n const flat = filteredEvents.map(e => ({\n event_id: e.event_id,\n session_id: e.session_id,\n timestamp: e.timestamp,\n hook_type: e.hook_type,\n tool_name: e.tool_name || '',\n user_prompt: e.user_prompt || '',\n tool_input: e.tool_input ? JSON.stringify(e.tool_input).slice(0, 500) : '',\n }))\n downloadCSV(`events-${ts}.csv`, flat)\n }\n toast.success(`已导出 ${filteredEvents.length} 条事件`)\n setShowExportMenu(false)\n }\n\n return (\n <div>\n <div className=\"flex items-center justify-between mb-4 flex-wrap gap-3\">\n <h1 className=\"text-2xl font-bold text-gray-900\">事件</h1>\n <div className=\"flex items-center gap-2 flex-wrap\">\n <SearchInput\n value={search}\n onChange={setSearch}\n placeholder=\"搜索提示/工具/session...\"\n className=\"w-64\"\n />\n <div className=\"flex items-center gap-1\">\n <Filter className=\"h-4 w-4 text-gray-500\" />\n <select\n value={filter}\n onChange={(e) => setFilter(e.target.value)}\n className=\"text-sm border border-gray-300 rounded-md px-2 py-1.5 bg-white\"\n >\n {hookTypes.map((t) => (\n <option key={t} value={t}>{t || '全部类型'}</option>\n ))}\n </select>\n </div>\n <div className=\"relative\">\n <button\n onClick={() => setShowExportMenu(v => !v)}\n disabled={filteredEvents.length === 0}\n className=\"inline-flex items-center gap-1 px-3 py-1.5 text-sm bg-white border border-gray-300 rounded-md hover:bg-gray-50 disabled:opacity-50\"\n >\n <Download className=\"h-4 w-4\" />\n 导出\n </button>\n {showExportMenu && (\n <>\n <div className=\"fixed inset-0 z-10\" onClick={() => setShowExportMenu(false)} />\n <div className=\"absolute right-0 mt-1 bg-white border border-gray-200 rounded-md shadow-lg z-20\">\n <button\n onClick={() => handleExport('json')}\n className=\"block w-full text-left px-4 py-2 text-sm hover:bg-gray-50\"\n >\n 导出为 JSON\n </button>\n <button\n onClick={() => handleExport('csv')}\n className=\"block w-full text-left px-4 py-2 text-sm hover:bg-gray-50\"\n >\n 导出为 CSV\n </button>\n </div>\n </>\n )}\n </div>\n </div>\n </div>\n\n <div className=\"text-sm text-gray-500 mb-3\">\n 显示 {filteredEvents.length} 条 {search && `(已过滤)`}\n </div>\n\n <div className=\"bg-white rounded-lg shadow overflow-hidden\">\n {isLoading ? (\n <div className=\"p-6 text-gray-600\">加载中...</div>\n ) : (\n <table className=\"min-w-full divide-y divide-gray-200\">\n <thead className=\"bg-gray-50\">\n <tr>\n <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase\">时间</th>\n <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase\">类型</th>\n <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase\">工具</th>\n <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase\">详情</th>\n </tr>\n </thead>\n <tbody className=\"bg-white divide-y divide-gray-200\">\n {filteredEvents.map((e) => (\n <tr\n key={e.event_id}\n className=\"hover:bg-gray-50 cursor-pointer\"\n onClick={() => setSelectedEvent(e)}\n >\n <td className=\"px-4 py-2 whitespace-nowrap text-xs font-mono text-gray-500\">\n {e.timestamp ? format(new Date(e.timestamp), 'HH:mm:ss') : '-'}\n </td>\n <td className=\"px-4 py-2 whitespace-nowrap\">\n <span className={clsx(\n 'px-2 py-0.5 text-xs font-medium rounded',\n e.hook_type === 'UserPromptSubmit' && 'bg-purple-100 text-purple-700',\n e.hook_type === 'PreToolUse' && 'bg-blue-100 text-blue-700',\n e.hook_type === 'PostToolUse' && 'bg-green-100 text-green-700',\n e.hook_type === 'Stop' && 'bg-gray-100 text-gray-700',\n e.hook_type === 'Notification' && 'bg-yellow-100 text-yellow-700'\n )}>\n {e.hook_type}\n </span>\n </td>\n <td className=\"px-4 py-2 whitespace-nowrap text-sm text-gray-700\">\n {e.tool_name || '-'}\n </td>\n <td className=\"px-4 py-2 max-w-xl\">\n <p className=\"text-xs text-gray-600 truncate\">\n {e.user_prompt || (e.tool_input ? JSON.stringify(e.tool_input).slice(0, 100) : '-')}\n </p>\n </td>\n </tr>\n ))}\n {filteredEvents.length === 0 && (\n <tr>\n <td colSpan={4} className=\"px-4 py-12 text-center text-gray-500\">\n <Activity className=\"h-12 w-12 text-gray-300 mx-auto mb-2\" />\n {search ? '无匹配结果' : '暂无事件'}\n </td>\n </tr>\n )}\n </tbody>\n </table>\n )}\n </div>\n\n {/* Event Detail Drawer */}\n <Drawer\n open={selectedEvent !== null}\n onClose={() => setSelectedEvent(null)}\n title=\"事件详情\"\n >\n {selectedEvent && (\n <div className=\"space-y-4\">\n <div>\n <div className=\"text-xs text-gray-500 mb-1\">事件 ID</div>\n <div className=\"text-sm font-mono text-gray-900\">{selectedEvent.event_id}</div>\n </div>\n <div>\n <div className=\"text-xs text-gray-500 mb-1\">类型</div>\n <span className={clsx(\n 'px-2 py-1 text-xs font-medium rounded',\n selectedEvent.hook_type === 'UserPromptSubmit' && 'bg-purple-100 text-purple-700',\n selectedEvent.hook_type === 'PreToolUse' && 'bg-blue-100 text-blue-700',\n selectedEvent.hook_type === 'PostToolUse' && 'bg-green-100 text-green-700',\n )}>\n {selectedEvent.hook_type}\n </span>\n </div>\n <div>\n <div className=\"text-xs text-gray-500 mb-1\">时间</div>\n <div className=\"text-sm text-gray-900\">\n {selectedEvent.timestamp ? format(new Date(selectedEvent.timestamp), 'yyyy-MM-dd HH:mm:ss') : '-'}\n </div>\n </div>\n <div>\n <div className=\"text-xs text-gray-500 mb-1\">Session</div>\n <div className=\"text-sm font-mono text-gray-700\">{selectedEvent.session_id}</div>\n </div>\n <div>\n <div className=\"text-xs text-gray-500 mb-1\">项目路径</div>\n <div className=\"text-sm font-mono text-gray-700 break-all\">{selectedEvent.project_path}</div>\n </div>\n {selectedEvent.tool_name && (\n <div>\n <div className=\"text-xs text-gray-500 mb-1\">工具</div>\n <div className=\"text-sm text-gray-900\">{selectedEvent.tool_name}</div>\n </div>\n )}\n {selectedEvent.user_prompt && (\n <div>\n <div className=\"text-xs text-gray-500 mb-1\">用户提示</div>\n <div className=\"bg-purple-50 rounded p-3 text-sm text-gray-800 whitespace-pre-wrap\">\n {selectedEvent.user_prompt}\n </div>\n </div>\n )}\n {selectedEvent.tool_input && (\n <div>\n <div className=\"text-xs text-gray-500 mb-1\">工具输入</div>\n <CodeBlock data={selectedEvent.tool_input} language=\"json\" maxHeight=\"300px\" />\n </div>\n )}\n {selectedEvent.tool_output && (\n <div>\n <div className=\"text-xs text-gray-500 mb-1\">工具输出</div>\n <CodeBlock\n data={selectedEvent.tool_output}\n language={typeof selectedEvent.tool_output === 'string' ? 'text' : 'json'}\n maxHeight=\"400px\"\n />\n </div>\n )}\n </div>\n )}\n </Drawer>\n </div>\n )\n}\n"],"names":["fetchEvents","hookType","url","res","hookTypes","Events","filter","setFilter","useState","search","setSearch","selectedEvent","setSelectedEvent","showExportMenu","setShowExportMenu","toast","useToast","events","isLoading","useQuery","filteredEvents","useMemo","q","e","_a","_b","handleExport","exportFormat","ts","getTimestamp","downloadJSON","flat","downloadCSV","jsxs","jsx","SearchInput","Filter","v","Download","Fragment","format","clsx","Activity","Drawer","CodeBlock"],"mappings":"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"}
|