@apteva/apteva-darwin-arm64 0.4.52 → 0.4.56
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/apteva +0 -0
- package/dist/ActivityPage.nx7edj1s.js +3 -0
- package/dist/{ActivityPage.9v5ha2p7.js.map → ActivityPage.nx7edj1s.js.map} +2 -2
- package/dist/ApiDocsPage.rwys8wpd.js +4 -0
- package/dist/{ApiDocsPage.qsehxvkb.js.map → ApiDocsPage.rwys8wpd.js.map} +2 -2
- package/dist/App.2j4tpeys.js +61 -0
- package/dist/{App.anvw0hjc.js.map → App.2j4tpeys.js.map} +3 -3
- package/dist/{App.jdkx6eqd.js → App.8cvz3ngj.js} +2 -2
- package/dist/{App.jdkx6eqd.js.map → App.8cvz3ngj.js.map} +1 -1
- package/dist/App.a2rb0ne3.js +4 -0
- package/dist/{App.sd685nt9.js.map → App.a2rb0ne3.js.map} +2 -2
- package/dist/App.aybz4ae0.js +53 -0
- package/dist/{App.d9vcm6zs.js.map → App.aybz4ae0.js.map} +3 -3
- package/dist/App.bjefj5zs.js +4 -0
- package/dist/{App.aexwv4rk.js.map → App.bjefj5zs.js.map} +2 -2
- package/dist/App.cnbb1872.js +4 -0
- package/dist/{App.x6x8s16g.js.map → App.cnbb1872.js.map} +2 -2
- package/dist/App.cv6e5yds.js +4 -0
- package/dist/App.cv6e5yds.js.map +10 -0
- package/dist/App.eqd061d2.js +4 -0
- package/dist/{App.dmvykj97.js.map → App.eqd061d2.js.map} +3 -3
- package/dist/App.fy5bef1p.js +20 -0
- package/dist/{App.shfd8tp9.js.map → App.fy5bef1p.js.map} +6 -5
- package/dist/App.mxcz65n1.js +4 -0
- package/dist/{App.cjcyr5aj.js.map → App.mxcz65n1.js.map} +2 -2
- package/dist/App.nvpvg5yh.js +13 -0
- package/dist/{App.j4ec9k18.js.map → App.nvpvg5yh.js.map} +2 -2
- package/dist/{App.2j20h2gt.js → App.rvnjekh6.js} +3 -3
- package/dist/{App.2j20h2gt.js.map → App.rvnjekh6.js.map} +2 -2
- package/dist/App.was53rtk.js +4 -0
- package/dist/{App.kz3qyyre.js.map → App.was53rtk.js.map} +2 -2
- package/dist/App.wqjbggrj.js +4 -0
- package/dist/{App.e2kkda2a.js.map → App.wqjbggrj.js.map} +2 -2
- package/dist/App.z92hp4k3.js +221 -0
- package/dist/{App.j0xwtdd7.js.map → App.z92hp4k3.js.map} +11 -11
- package/dist/{App.wghtdzsk.js → App.zn4mw16t.js} +1 -1
- package/dist/ConnectionsPage.qfyks0xm.js +3 -0
- package/dist/McpPage.y6vgt9ej.js +3 -0
- package/dist/SettingsPage.fkw8berr.js +3 -0
- package/dist/SkillsPage.48zztx44.js +3 -0
- package/dist/TasksPage.v930en79.js +3 -0
- package/dist/TelemetryPage.xxebs3s9.js +3 -0
- package/dist/TelemetryPage.xxebs3s9.js.map +9 -0
- package/dist/TestsPage.1xtfmbrg.js +3 -0
- package/dist/ThreadsPage.xazwab60.js +3 -0
- package/dist/ThreadsPage.xazwab60.js.map +9 -0
- package/dist/apteva-kit.css +1 -1
- package/dist/index.html +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/dist/ActivityPage.9v5ha2p7.js +0 -3
- package/dist/ApiDocsPage.qsehxvkb.js +0 -4
- package/dist/App.2md3x3z7.js +0 -4
- package/dist/App.2md3x3z7.js.map +0 -10
- package/dist/App.aexwv4rk.js +0 -4
- package/dist/App.anvw0hjc.js +0 -61
- package/dist/App.cjcyr5aj.js +0 -4
- package/dist/App.d9vcm6zs.js +0 -53
- package/dist/App.dmvykj97.js +0 -4
- package/dist/App.e2kkda2a.js +0 -4
- package/dist/App.j0xwtdd7.js +0 -221
- package/dist/App.j4ec9k18.js +0 -13
- package/dist/App.kz3qyyre.js +0 -4
- package/dist/App.sd685nt9.js +0 -4
- package/dist/App.shfd8tp9.js +0 -20
- package/dist/App.x6x8s16g.js +0 -4
- package/dist/ConnectionsPage.1dyyfqbk.js +0 -3
- package/dist/McpPage.xvr8hk05.js +0 -3
- package/dist/SettingsPage.4r1nbxvp.js +0 -3
- package/dist/SkillsPage.jw7carjq.js +0 -3
- package/dist/TasksPage.r8txe0e9.js +0 -3
- package/dist/TelemetryPage.sqnsfrht.js +0 -3
- package/dist/TelemetryPage.sqnsfrht.js.map +0 -9
- package/dist/TestsPage.pkymr7yt.js +0 -3
- package/dist/ThreadsPage.49tgq4fq.js +0 -3
- package/dist/ThreadsPage.49tgq4fq.js.map +0 -9
- /package/dist/{ConnectionsPage.1dyyfqbk.js.map → ConnectionsPage.qfyks0xm.js.map} +0 -0
- /package/dist/{McpPage.xvr8hk05.js.map → McpPage.y6vgt9ej.js.map} +0 -0
- /package/dist/{SettingsPage.4r1nbxvp.js.map → SettingsPage.fkw8berr.js.map} +0 -0
- /package/dist/{SkillsPage.jw7carjq.js.map → SkillsPage.48zztx44.js.map} +0 -0
- /package/dist/{TasksPage.r8txe0e9.js.map → TasksPage.v930en79.js.map} +0 -0
- /package/dist/{TestsPage.pkymr7yt.js.map → TestsPage.1xtfmbrg.js.map} +0 -0
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/web/components/tests/TestsPage.tsx"],
|
|
4
4
|
"sourcesContent": [
|
|
5
|
-
"import React, { useState, useEffect, useRef } from \"react\";\nimport { useAuth, useProjects } from \"../../context\";\nimport { useTelemetry } from \"../../context/TelemetryContext\";\nimport { useConfirm } from \"../common/Modal\";\nimport { Select } from \"../common/Select\";\n\ninterface TestCase {\n id: string;\n name: string;\n description: string | null;\n behavior: string | null;\n agent_id: string | null;\n input_message: string | null;\n eval_criteria: string;\n timeout_ms: number;\n project_id: string | null;\n created_at: string;\n updated_at: string;\n agent_name: string | null;\n agent_status: string | null;\n last_run: {\n id: string;\n status: string;\n score: number | null;\n duration_ms: number | null;\n judge_reasoning: string | null;\n generated_message: string | null;\n selected_agent_id: string | null;\n selected_agent_name: string | null;\n planner_reasoning: string | null;\n created_at: string;\n } | null;\n}\n\ninterface TestRun {\n id: string;\n test_case_id: string;\n status: string;\n score: number | null;\n agent_response: string | null;\n judge_reasoning: string | null;\n duration_ms: number | null;\n error: string | null;\n generated_message: string | null;\n selected_agent_id: string | null;\n selected_agent_name: string | null;\n planner_reasoning: string | null;\n created_at: string;\n}\n\ninterface AgentOption {\n id: string;\n name: string;\n status: string;\n provider: string;\n model: string;\n projectId: string | null;\n}\n\nexport function TestsPage() {\n const { authFetch } = useAuth();\n const { currentProjectId } = useProjects();\n const { confirm, ConfirmDialog } = useConfirm();\n\n const [tests, setTests] = useState<TestCase[]>([]);\n const [agents, setAgents] = useState<AgentOption[]>([]);\n const [loading, setLoading] = useState(true);\n const [showForm, setShowForm] = useState(false);\n const [editingTest, setEditingTest] = useState<TestCase | null>(null);\n const [runningTests, setRunningTests] = useState<Set<string>>(new Set());\n const [runningAll, setRunningAll] = useState(false);\n const [selectedRuns, setSelectedRuns] = useState<{ testId: string; runs: TestRun[] } | null>(null);\n const [expandedRun, setExpandedRun] = useState<string | null>(null);\n // Live test status from telemetry SSE\n const [liveStatus, setLiveStatus] = useState<Record<string, { phase: string; detail?: string }>>({});\n\n // Form state\n const [formName, setFormName] = useState(\"\");\n const [formBehavior, setFormBehavior] = useState(\"\");\n const [formAgentId, setFormAgentId] = useState(\"\"); // empty = auto\n\n const activeProjectId = currentProjectId && currentProjectId !== \"all\" && currentProjectId !== \"unassigned\"\n ? currentProjectId : null;\n\n // Filter agents to current project\n const projectAgents = activeProjectId\n ? agents.filter(a => a.projectId === activeProjectId)\n : agents;\n\n // Subscribe to test telemetry events for live status\n const { events: testEvents } = useTelemetry({ category: \"test\", limit: 50 });\n const processedEventsRef = useRef<Set<string>>(new Set());\n\n useEffect(() => {\n for (const evt of testEvents) {\n if (processedEventsRef.current.has(evt.id)) continue;\n processedEventsRef.current.add(evt.id);\n\n const testCaseId = evt.data?.test_case_id as string;\n if (!testCaseId) continue;\n\n if (evt.type === \"test_started\") {\n setLiveStatus(prev => ({ ...prev, [testCaseId]: { phase: \"starting\" } }));\n setRunningTests(prev => new Set(prev).add(testCaseId));\n } else if (evt.type === \"test_planning\") {\n setLiveStatus(prev => ({ ...prev, [testCaseId]: { phase: \"planning\" } }));\n } else if (evt.type === \"test_executing\") {\n const agentName = evt.data?.agent_name as string;\n setLiveStatus(prev => ({ ...prev, [testCaseId]: { phase: \"executing\", detail: agentName } }));\n } else if (evt.type === \"test_judging\") {\n setLiveStatus(prev => ({ ...prev, [testCaseId]: { phase: \"judging\" } }));\n } else if (evt.type === \"test_completed\") {\n setLiveStatus(prev => {\n const next = { ...prev };\n delete next[testCaseId];\n return next;\n });\n setRunningTests(prev => {\n const next = new Set(prev);\n next.delete(testCaseId);\n return next;\n });\n // Refresh test list to get updated results\n fetchTests();\n }\n }\n // Cap processed set to prevent unbounded growth\n if (processedEventsRef.current.size > 500) {\n processedEventsRef.current = new Set([...processedEventsRef.current].slice(-200));\n }\n }, [testEvents]);\n\n const fetchTests = async () => {\n try {\n const params = activeProjectId ? `?project_id=${activeProjectId}` : \"\";\n const res = await authFetch(`/api/tests${params}`);\n if (res.ok) setTests(await res.json());\n } catch { /* ignore */ }\n setLoading(false);\n };\n\n const fetchAgents = async () => {\n try {\n const res = await authFetch(\"/api/agents\");\n if (res.ok) {\n const data = await res.json();\n setAgents((data.agents || data).map((a: any) => ({\n id: a.id,\n name: a.name,\n status: a.status,\n provider: a.provider,\n model: a.model,\n projectId: a.projectId || null,\n })));\n }\n } catch { /* ignore */ }\n };\n\n useEffect(() => {\n Promise.all([fetchTests(), fetchAgents()]);\n }, [currentProjectId]);\n\n const openCreate = () => {\n setEditingTest(null);\n setFormName(\"\");\n setFormBehavior(\"\");\n setFormAgentId(\"\");\n setShowForm(true);\n };\n\n const openEdit = (tc: TestCase) => {\n setEditingTest(tc);\n setFormName(tc.name);\n setFormBehavior(tc.behavior || \"\");\n setFormAgentId(tc.agent_id || \"\");\n setShowForm(true);\n };\n\n const handleSave = async () => {\n if (!formName || !formBehavior) return;\n\n const body: any = {\n name: formName,\n behavior: formBehavior,\n agent_id: formAgentId || null,\n project_id: activeProjectId || undefined,\n };\n\n if (editingTest) {\n await authFetch(`/api/tests/${editingTest.id}`, {\n method: \"PUT\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(body),\n });\n } else {\n await authFetch(\"/api/tests\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(body),\n });\n }\n\n setShowForm(false);\n fetchTests();\n };\n\n const handleDelete = async (id: string) => {\n const ok = await confirm(\"Delete this test case? Run history will also be deleted.\");\n if (!ok) return;\n await authFetch(`/api/tests/${id}`, { method: \"DELETE\" });\n fetchTests();\n };\n\n const handleRun = async (id: string) => {\n setRunningTests(prev => new Set(prev).add(id));\n try {\n await authFetch(`/api/tests/${id}/run`, { method: \"POST\" });\n // Telemetry SSE handles live status updates; final refresh on completion\n await fetchTests();\n } catch { /* ignore */ }\n // Cleanup in case telemetry didn't fire\n setRunningTests(prev => {\n const next = new Set(prev);\n next.delete(id);\n return next;\n });\n setLiveStatus(prev => {\n const next = { ...prev };\n delete next[id];\n return next;\n });\n };\n\n const handleRunAll = async () => {\n setRunningAll(true);\n try {\n const ids = tests.map(t => t.id);\n setRunningTests(new Set(ids));\n await authFetch(\"/api/tests/run\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ test_case_ids: ids }),\n });\n await fetchTests();\n } catch { /* ignore */ }\n setRunningTests(new Set());\n setRunningAll(false);\n };\n\n const viewRuns = async (testId: string) => {\n try {\n const res = await authFetch(`/api/tests/${testId}/runs`);\n if (res.ok) {\n setSelectedRuns({ testId, runs: await res.json() });\n }\n } catch { /* ignore */ }\n };\n\n const phaseLabels: Record<string, { label: string; color: string }> = {\n starting: { label: \"Starting\", color: \"bg-blue-900/50 text-blue-400 border-blue-500/30\" },\n planning: { label: \"Planning\", color: \"bg-purple-900/50 text-purple-400 border-purple-500/30\" },\n executing: { label: \"Executing\", color: \"bg-cyan-900/50 text-cyan-400 border-cyan-500/30\" },\n judging: { label: \"Judging\", color: \"bg-amber-900/50 text-amber-400 border-amber-500/30\" },\n };\n\n const statusBadge = (status: string) => {\n const colors: Record<string, string> = {\n passed: \"bg-green-900/50 text-green-400\",\n failed: \"bg-red-900/50 text-red-400\",\n error: \"bg-yellow-900/50 text-yellow-400\",\n running: \"bg-blue-900/50 text-blue-400\",\n };\n return (\n <span className={`px-2 py-0.5 rounded text-xs font-medium ${colors[status] || \"bg-[var(--color-surface-raised)] text-[var(--color-text-muted)]\"}`}>\n {status.toUpperCase()}\n </span>\n );\n };\n\n const liveBadge = (testCaseId: string) => {\n const live = liveStatus[testCaseId];\n if (!live) return null;\n const phase = phaseLabels[live.phase] || phaseLabels.starting;\n return (\n <span className={`inline-flex items-center gap-1.5 px-2 py-0.5 rounded text-xs font-medium border ${phase.color} animate-pulse`}>\n <span className=\"w-1.5 h-1.5 rounded-full bg-current\" />\n {phase.label}{live.detail ? ` \\u00b7 ${live.detail}` : \"\"}\n </span>\n );\n };\n\n return (\n <div className=\"flex-1 overflow-auto p-6\">\n {ConfirmDialog}\n\n {/* Header */}\n <div className=\"flex items-center justify-between mb-6\">\n <div>\n <h1 className=\"text-xl font-bold\">Tests</h1>\n <p className=\"text-sm text-[var(--color-text-muted)] mt-1\">\n Describe behavior, AI handles the rest\n </p>\n </div>\n <div className=\"flex gap-2\">\n {tests.length > 0 && (\n <button\n onClick={handleRunAll}\n disabled={runningAll}\n className=\"px-4 py-2 bg-[var(--color-surface-raised)] hover:bg-[var(--color-surface-raised)] text-[var(--color-text)] rounded text-sm font-medium transition disabled:opacity-50\"\n >\n {runningAll ? \"Running...\" : \"Run All\"}\n </button>\n )}\n <button\n onClick={openCreate}\n className=\"px-4 py-2 bg-[var(--color-accent)] hover:bg-[var(--color-accent-hover)] text-white rounded text-sm font-medium transition\"\n >\n + New Test\n </button>\n </div>\n </div>\n\n {/* Test list */}\n {loading ? (\n <div className=\"text-[var(--color-text-muted)] text-sm\">Loading...</div>\n ) : tests.length === 0 ? (\n <div className=\"text-center py-16\">\n <div className=\"text-[var(--color-border-light)] text-4xl mb-4\">\n <svg className=\"w-12 h-12 mx-auto\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={1.5} d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\" />\n </svg>\n </div>\n <p className=\"text-[var(--color-text-muted)] mb-2\">No tests yet</p>\n <p className=\"text-xs text-[var(--color-text-faint)] mb-4\">Describe what your agents should do and let AI verify it</p>\n <button\n onClick={openCreate}\n className=\"px-4 py-2 bg-[var(--color-accent)] hover:bg-[var(--color-accent-hover)] text-white rounded text-sm font-medium transition\"\n >\n Create your first test\n </button>\n </div>\n ) : (\n <div className=\"space-y-3\">\n {tests.map(tc => (\n <div key={tc.id} className=\"bg-[var(--color-surface)] card p-4\">\n <div className=\"flex items-start justify-between\">\n <div className=\"flex-1 min-w-0\">\n <div className=\"flex items-center gap-2 mb-1\">\n <span className=\"font-medium text-sm\">{tc.name}</span>\n {liveStatus[tc.id]\n ? liveBadge(tc.id)\n : tc.last_run && (<>\n {statusBadge(tc.last_run.status)}\n {tc.last_run.score != null && (\n <span className=\"text-xs text-[var(--color-text-secondary)] font-mono\">{tc.last_run.score}/10</span>\n )}\n </>)\n }\n </div>\n {tc.behavior && (\n <p className=\"text-xs text-[var(--color-text-secondary)] mb-1.5 line-clamp-2\">{tc.behavior}</p>\n )}\n <div className=\"text-xs text-[var(--color-text-muted)] space-y-0.5\">\n <div>\n Agent:{\" \"}\n <span className=\"text-[var(--color-text-secondary)]\">\n {tc.agent_name || (tc.last_run?.selected_agent_name\n ? `${tc.last_run.selected_agent_name} (auto-selected)`\n : \"Auto (AI picks)\")}\n </span>\n </div>\n {tc.last_run?.generated_message && (\n <div className=\"truncate\">\n Message: <span className=\"text-[var(--color-text-secondary)]\">\"{tc.last_run.generated_message}\"</span>\n </div>\n )}\n {tc.input_message && !tc.last_run?.generated_message && (\n <div className=\"truncate\">\n Message: <span className=\"text-[var(--color-text-secondary)]\">\"{tc.input_message}\"</span>\n </div>\n )}\n {tc.last_run && (\n <div>\n Last run:{\" \"}\n <span className=\"text-[var(--color-text-secondary)]\">\n {tc.last_run.duration_ms ? `${(tc.last_run.duration_ms / 1000).toFixed(1)}s` : \"---\"}\n {tc.last_run.judge_reasoning && ` --- \"${tc.last_run.judge_reasoning.slice(0, 80)}${tc.last_run.judge_reasoning.length > 80 ? \"...\" : \"\"}\"`}\n </span>\n </div>\n )}\n </div>\n </div>\n <div className=\"flex items-center gap-1 ml-3 shrink-0\">\n <button\n onClick={() => viewRuns(tc.id)}\n className=\"px-2 py-1 text-xs text-[var(--color-text-muted)] hover:text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-raised)] rounded transition\"\n title=\"View run history\"\n >\n History\n </button>\n <button\n onClick={() => handleRun(tc.id)}\n disabled={runningTests.has(tc.id)}\n className=\"px-3 py-1 text-xs bg-[var(--color-surface-raised)] hover:bg-[var(--color-surface-raised)] text-[var(--color-text)] rounded transition disabled:opacity-50\"\n >\n {runningTests.has(tc.id) ? \"Running...\" : \"Run\"}\n </button>\n <button\n onClick={() => openEdit(tc)}\n className=\"px-2 py-1 text-xs text-[var(--color-text-muted)] hover:text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-raised)] rounded transition\"\n >\n Edit\n </button>\n <button\n onClick={() => handleDelete(tc.id)}\n className=\"px-2 py-1 text-xs text-[var(--color-text-muted)] hover:text-red-400 hover:bg-[var(--color-surface-raised)] rounded transition\"\n >\n Delete\n </button>\n </div>\n </div>\n </div>\n ))}\n </div>\n )}\n\n {/* Run History Panel */}\n {selectedRuns && (\n <div className=\"mt-6\">\n <div className=\"flex items-center justify-between mb-3\">\n <h2 className=\"text-sm font-bold text-[var(--color-text-secondary)]\">Run History</h2>\n <button\n onClick={() => { setSelectedRuns(null); setExpandedRun(null); }}\n className=\"text-xs text-[var(--color-text-muted)] hover:text-[var(--color-text-secondary)]\"\n >\n Close\n </button>\n </div>\n {selectedRuns.runs.length === 0 ? (\n <p className=\"text-sm text-[var(--color-text-muted)]\">No runs yet</p>\n ) : (\n <div className=\"space-y-2\">\n {selectedRuns.runs.map(run => (\n <div key={run.id} className=\"bg-[var(--color-bg-secondary)] border border-[var(--color-border)] rounded p-3\">\n <div\n className=\"flex items-center justify-between cursor-pointer\"\n onClick={() => setExpandedRun(expandedRun === run.id ? null : run.id)}\n >\n <div className=\"flex items-center gap-3\">\n {statusBadge(run.status)}\n <span className=\"text-xs text-[var(--color-text-muted)]\">\n {run.duration_ms ? `${(run.duration_ms / 1000).toFixed(1)}s` : \"---\"}\n </span>\n {run.score != null && (\n <span className=\"text-xs text-[var(--color-text-secondary)] font-mono\">{run.score}/10</span>\n )}\n {run.selected_agent_name && (\n <span className=\"text-xs text-[var(--color-text-faint)]\">\n Agent: {run.selected_agent_name}\n </span>\n )}\n <span className=\"text-xs text-[var(--color-text-faint)]\">\n {new Date(run.created_at).toLocaleString()}\n </span>\n </div>\n <span className=\"text-xs text-[var(--color-text-faint)]\">{expandedRun === run.id ? \"---\" : \"+\"}</span>\n </div>\n {expandedRun === run.id && (\n <div className=\"mt-3 space-y-2\">\n {run.planner_reasoning && (\n <div>\n <div className=\"text-xs text-[var(--color-text-muted)] mb-1\">Planner:</div>\n <div className=\"text-sm text-[var(--color-text-secondary)] bg-[var(--color-bg)] p-2 rounded\">\n {run.selected_agent_name && <span className=\"text-[var(--color-accent)]\">{run.selected_agent_name}</span>}\n {run.selected_agent_name && \" --- \"}\n {run.planner_reasoning}\n </div>\n </div>\n )}\n {run.generated_message && (\n <div>\n <div className=\"text-xs text-[var(--color-text-muted)] mb-1\">Generated Message:</div>\n <div className=\"text-sm text-[var(--color-text-secondary)] bg-[var(--color-bg)] p-2 rounded\">\"{run.generated_message}\"</div>\n </div>\n )}\n {run.judge_reasoning && (\n <div>\n <div className=\"text-xs text-[var(--color-text-muted)] mb-1\">Judge:</div>\n <div className=\"text-sm text-[var(--color-text-secondary)] bg-[var(--color-bg)] p-2 rounded\">{run.judge_reasoning}</div>\n </div>\n )}\n {run.error && (\n <div>\n <div className=\"text-xs text-red-400 mb-1\">Error:</div>\n <div className=\"text-sm text-red-300 bg-[var(--color-bg)] p-2 rounded\">{run.error}</div>\n </div>\n )}\n {run.agent_response && (\n <div>\n <div className=\"text-xs text-[var(--color-text-muted)] mb-1\">Agent Response (Thread):</div>\n <pre className=\"text-xs text-[var(--color-text-secondary)] bg-[var(--color-bg)] p-2 rounded overflow-auto max-h-64\">\n {run.agent_response}\n </pre>\n </div>\n )}\n </div>\n )}\n </div>\n ))}\n </div>\n )}\n </div>\n )}\n\n {/* Create/Edit Form Modal */}\n {showForm && (\n <div className=\"fixed inset-0 bg-black/60 z-50 flex items-center justify-center\" onClick={() => setShowForm(false)}>\n <div className=\"bg-[var(--color-surface)] card w-full max-w-lg mx-4 p-6\" onClick={e => e.stopPropagation()}>\n <h2 className=\"text-lg font-bold mb-4\">{editingTest ? \"Edit Test\" : \"New Test\"}</h2>\n\n <div className=\"space-y-4\">\n <div>\n <label className=\"block text-xs text-[var(--color-text-muted)] mb-1\">Name</label>\n <input\n value={formName}\n onChange={e => setFormName(e.target.value)}\n placeholder=\"e.g. Social Media Posting\"\n className=\"w-full bg-[var(--color-bg)] border border-[var(--color-border-light)] rounded px-3 py-2 text-sm focus:outline-none focus:border-[var(--color-accent)]\"\n />\n </div>\n\n <div>\n <label className=\"block text-xs text-[var(--color-text-muted)] mb-1\">Behavior</label>\n <textarea\n value={formBehavior}\n onChange={e => setFormBehavior(e.target.value)}\n placeholder=\"Describe what should happen, e.g. 'When asked to post on social media, the agent creates a proper post with relevant hashtags and confirms it was published'\"\n rows={3}\n className=\"w-full bg-[var(--color-bg)] border border-[var(--color-border-light)] rounded px-3 py-2 text-sm focus:outline-none focus:border-[var(--color-accent)] resize-none\"\n />\n <p className=\"text-xs text-[var(--color-text-faint)] mt-1\">AI will generate the test message and evaluate results based on this</p>\n </div>\n\n <div>\n <label className=\"block text-xs text-[var(--color-text-muted)] mb-1\">Agent</label>\n <Select\n value={formAgentId}\n onChange={setFormAgentId}\n placeholder=\"Auto (AI picks the best agent)\"\n options={projectAgents.map(a => ({\n value: a.id,\n label: `${a.name} (${a.status})`,\n }))}\n />\n <p className=\"text-xs text-[var(--color-text-faint)] mt-1\">Leave empty to let AI choose the right agent</p>\n </div>\n </div>\n\n <div className=\"flex justify-end gap-2 mt-6\">\n <button\n onClick={() => setShowForm(false)}\n className=\"px-4 py-2 text-sm text-[var(--color-text-secondary)] hover:text-[var(--color-text)] transition\"\n >\n Cancel\n </button>\n <button\n onClick={handleSave}\n disabled={!formName || !formBehavior}\n className=\"px-4 py-2 bg-[var(--color-accent)] hover:bg-[var(--color-accent-hover)] disabled:opacity-50 text-white rounded text-sm font-medium transition\"\n >\n {editingTest ? \"Save\" : \"Create\"}\n </button>\n </div>\n </div>\n </div>\n )}\n </div>\n );\n}\n"
|
|
5
|
+
"import React, { useState, useEffect, useRef } from \"react\";\nimport { useAuth, useProjects } from \"../../context\";\nimport { useTelemetry } from \"../../context/TelemetryContext\";\nimport { useConfirm } from \"../common/Modal\";\nimport { Select } from \"../common/Select\";\n\ninterface TestCase {\n id: string;\n name: string;\n description: string | null;\n behavior: string | null;\n agent_id: string | null;\n input_message: string | null;\n eval_criteria: string;\n timeout_ms: number;\n project_id: string | null;\n created_at: string;\n updated_at: string;\n agent_name: string | null;\n agent_status: string | null;\n last_run: {\n id: string;\n status: string;\n score: number | null;\n duration_ms: number | null;\n judge_reasoning: string | null;\n generated_message: string | null;\n selected_agent_id: string | null;\n selected_agent_name: string | null;\n planner_reasoning: string | null;\n created_at: string;\n } | null;\n}\n\ninterface TestRun {\n id: string;\n test_case_id: string;\n status: string;\n score: number | null;\n agent_response: string | null;\n judge_reasoning: string | null;\n duration_ms: number | null;\n error: string | null;\n generated_message: string | null;\n selected_agent_id: string | null;\n selected_agent_name: string | null;\n planner_reasoning: string | null;\n created_at: string;\n}\n\ninterface AgentOption {\n id: string;\n name: string;\n status: string;\n provider: string;\n model: string;\n projectId: string | null;\n}\n\nexport function TestsPage() {\n const { authFetch } = useAuth();\n const { currentProjectId } = useProjects();\n const { confirm, ConfirmDialog } = useConfirm();\n\n const [tests, setTests] = useState<TestCase[]>([]);\n const [agents, setAgents] = useState<AgentOption[]>([]);\n const [loading, setLoading] = useState(true);\n const [showForm, setShowForm] = useState(false);\n const [editingTest, setEditingTest] = useState<TestCase | null>(null);\n const [runningTests, setRunningTests] = useState<Set<string>>(new Set());\n const [runningAll, setRunningAll] = useState(false);\n const [selectedRuns, setSelectedRuns] = useState<{ testId: string; runs: TestRun[] } | null>(null);\n const [expandedRun, setExpandedRun] = useState<string | null>(null);\n // Live test status from telemetry SSE\n const [liveStatus, setLiveStatus] = useState<Record<string, { phase: string; detail?: string }>>({});\n\n // Form state\n const [formName, setFormName] = useState(\"\");\n const [formBehavior, setFormBehavior] = useState(\"\");\n const [formAgentId, setFormAgentId] = useState(\"\"); // empty = auto\n\n const activeProjectId = currentProjectId && currentProjectId !== \"all\" && currentProjectId !== \"unassigned\"\n ? currentProjectId : null;\n\n // Filter agents to current project\n const projectAgents = activeProjectId\n ? agents.filter(a => a.projectId === activeProjectId)\n : agents;\n\n // Subscribe to test telemetry events for live status\n const { events: testEvents } = useTelemetry({ category: \"test\", limit: 50 });\n const processedEventsRef = useRef<Set<string>>(new Set());\n\n useEffect(() => {\n for (const evt of testEvents) {\n if (processedEventsRef.current.has(evt.id)) continue;\n processedEventsRef.current.add(evt.id);\n\n const testCaseId = evt.data?.test_case_id as string;\n if (!testCaseId) continue;\n\n if (evt.type === \"test_started\") {\n setLiveStatus(prev => ({ ...prev, [testCaseId]: { phase: \"starting\" } }));\n setRunningTests(prev => new Set(prev).add(testCaseId));\n } else if (evt.type === \"test_planning\") {\n setLiveStatus(prev => ({ ...prev, [testCaseId]: { phase: \"planning\" } }));\n } else if (evt.type === \"test_executing\") {\n const agentName = evt.data?.agent_name as string;\n setLiveStatus(prev => ({ ...prev, [testCaseId]: { phase: \"executing\", detail: agentName } }));\n } else if (evt.type === \"test_judging\") {\n setLiveStatus(prev => ({ ...prev, [testCaseId]: { phase: \"judging\" } }));\n } else if (evt.type === \"test_completed\") {\n setLiveStatus(prev => {\n const next = { ...prev };\n delete next[testCaseId];\n return next;\n });\n setRunningTests(prev => {\n const next = new Set(prev);\n next.delete(testCaseId);\n return next;\n });\n // Refresh test list to get updated results\n fetchTests();\n }\n }\n // Cap processed set to prevent unbounded growth\n if (processedEventsRef.current.size > 500) {\n processedEventsRef.current = new Set([...processedEventsRef.current].slice(-200));\n }\n }, [testEvents]);\n\n const fetchTests = async () => {\n try {\n const params = activeProjectId ? `?project_id=${activeProjectId}` : \"\";\n const res = await authFetch(`/api/tests${params}`);\n if (res.ok) setTests(await res.json());\n } catch { /* ignore */ }\n setLoading(false);\n };\n\n const fetchAgents = async () => {\n try {\n const res = await authFetch(\"/api/agents\");\n if (res.ok) {\n const data = await res.json();\n setAgents((data.agents || data).map((a: any) => ({\n id: a.id,\n name: a.name,\n status: a.status,\n provider: a.provider,\n model: a.model,\n projectId: a.projectId || null,\n })));\n }\n } catch { /* ignore */ }\n };\n\n useEffect(() => {\n Promise.all([fetchTests(), fetchAgents()]);\n }, [currentProjectId]);\n\n const openCreate = () => {\n setEditingTest(null);\n setFormName(\"\");\n setFormBehavior(\"\");\n setFormAgentId(\"\");\n setShowForm(true);\n };\n\n const openEdit = (tc: TestCase) => {\n setEditingTest(tc);\n setFormName(tc.name);\n setFormBehavior(tc.behavior || \"\");\n setFormAgentId(tc.agent_id || \"\");\n setShowForm(true);\n };\n\n const handleSave = async () => {\n if (!formName || !formBehavior) return;\n\n const body: any = {\n name: formName,\n behavior: formBehavior,\n agent_id: formAgentId || null,\n project_id: activeProjectId || undefined,\n };\n\n if (editingTest) {\n await authFetch(`/api/tests/${editingTest.id}`, {\n method: \"PUT\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(body),\n });\n } else {\n await authFetch(\"/api/tests\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(body),\n });\n }\n\n setShowForm(false);\n fetchTests();\n };\n\n const handleDelete = async (id: string) => {\n const ok = await confirm(\"Delete this test case? Run history will also be deleted.\");\n if (!ok) return;\n await authFetch(`/api/tests/${id}`, { method: \"DELETE\" });\n fetchTests();\n };\n\n const handleRun = async (id: string) => {\n setRunningTests(prev => new Set(prev).add(id));\n try {\n await authFetch(`/api/tests/${id}/run`, { method: \"POST\" });\n // Telemetry SSE handles live status updates; final refresh on completion\n await fetchTests();\n } catch { /* ignore */ }\n // Cleanup in case telemetry didn't fire\n setRunningTests(prev => {\n const next = new Set(prev);\n next.delete(id);\n return next;\n });\n setLiveStatus(prev => {\n const next = { ...prev };\n delete next[id];\n return next;\n });\n };\n\n const handleRunAll = async () => {\n setRunningAll(true);\n try {\n const ids = tests.map(t => t.id);\n setRunningTests(new Set(ids));\n await authFetch(\"/api/tests/run\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ test_case_ids: ids }),\n });\n await fetchTests();\n } catch { /* ignore */ }\n setRunningTests(new Set());\n setRunningAll(false);\n };\n\n const viewRuns = async (testId: string) => {\n try {\n const res = await authFetch(`/api/tests/${testId}/runs`);\n if (res.ok) {\n setSelectedRuns({ testId, runs: await res.json() });\n }\n } catch { /* ignore */ }\n };\n\n const phaseLabels: Record<string, { label: string; color: string }> = {\n starting: { label: \"Starting\", color: \"bg-blue-900/50 text-blue-400 border-blue-500/30\" },\n planning: { label: \"Planning\", color: \"bg-purple-900/50 text-purple-400 border-purple-500/30\" },\n executing: { label: \"Executing\", color: \"bg-cyan-900/50 text-cyan-400 border-cyan-500/30\" },\n judging: { label: \"Judging\", color: \"bg-amber-900/50 text-amber-400 border-amber-500/30\" },\n };\n\n const statusBadge = (status: string) => {\n const colors: Record<string, string> = {\n passed: \"bg-green-900/50 text-green-400\",\n failed: \"bg-red-900/50 text-red-400\",\n error: \"bg-yellow-900/50 text-yellow-400\",\n running: \"bg-blue-900/50 text-blue-400\",\n };\n return (\n <span className={`px-2 py-0.5 rounded text-xs font-medium ${colors[status] || \"bg-[var(--color-surface-raised)] text-[var(--color-text-muted)]\"}`}>\n {status.toUpperCase()}\n </span>\n );\n };\n\n const liveBadge = (testCaseId: string) => {\n const live = liveStatus[testCaseId];\n if (!live) return null;\n const phase = phaseLabels[live.phase] || phaseLabels.starting;\n return (\n <span className={`inline-flex items-center gap-1.5 px-2 py-0.5 rounded text-xs font-medium border ${phase.color} animate-pulse`}>\n <span className=\"w-1.5 h-1.5 rounded-full bg-current\" />\n {phase.label}{live.detail ? ` \\u00b7 ${live.detail}` : \"\"}\n </span>\n );\n };\n\n return (\n <div className=\"relative flex-1 overflow-auto p-6\">\n {ConfirmDialog}\n\n {/* Header */}\n <div className=\"flex items-center justify-between mb-6\">\n <div>\n <h1 className=\"text-xl font-bold\">Tests</h1>\n <p className=\"text-sm text-[var(--color-text-muted)] mt-1\">\n Describe behavior, AI handles the rest\n </p>\n </div>\n <div className=\"flex gap-2\">\n {tests.length > 0 && (\n <button\n onClick={handleRunAll}\n disabled={runningAll}\n className=\"px-4 py-2 bg-[var(--color-surface-raised)] hover:bg-[var(--color-surface-raised)] text-[var(--color-text)] rounded text-sm font-medium transition disabled:opacity-50\"\n >\n {runningAll ? \"Running...\" : \"Run All\"}\n </button>\n )}\n <button\n onClick={openCreate}\n className=\"px-4 py-2 bg-[var(--color-accent)] hover:bg-[var(--color-accent-hover)] text-white rounded text-sm font-medium transition\"\n >\n + New Test\n </button>\n </div>\n </div>\n\n {/* Test list */}\n {loading ? (\n <div className=\"text-[var(--color-text-muted)] text-sm\">Loading...</div>\n ) : tests.length === 0 ? (\n <div className=\"text-center py-16\">\n <div className=\"text-[var(--color-border-light)] text-4xl mb-4\">\n <svg className=\"w-12 h-12 mx-auto\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={1.5} d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\" />\n </svg>\n </div>\n <p className=\"text-[var(--color-text-muted)] mb-2\">No tests yet</p>\n <p className=\"text-xs text-[var(--color-text-faint)] mb-4\">Describe what your agents should do and let AI verify it</p>\n <button\n onClick={openCreate}\n className=\"px-4 py-2 bg-[var(--color-accent)] hover:bg-[var(--color-accent-hover)] text-white rounded text-sm font-medium transition\"\n >\n Create your first test\n </button>\n </div>\n ) : (\n <div className=\"space-y-3\">\n {tests.map(tc => (\n <div key={tc.id} className=\"bg-[var(--color-surface)] card p-4\">\n <div className=\"flex items-start justify-between\">\n <div className=\"flex-1 min-w-0\">\n <div className=\"flex items-center gap-2 mb-1\">\n <span className=\"font-medium text-sm\">{tc.name}</span>\n {liveStatus[tc.id]\n ? liveBadge(tc.id)\n : tc.last_run && (<>\n {statusBadge(tc.last_run.status)}\n {tc.last_run.score != null && (\n <span className=\"text-xs text-[var(--color-text-secondary)] font-mono\">{tc.last_run.score}/10</span>\n )}\n </>)\n }\n </div>\n {tc.behavior && (\n <p className=\"text-xs text-[var(--color-text-secondary)] mb-1.5 line-clamp-2\">{tc.behavior}</p>\n )}\n <div className=\"text-xs text-[var(--color-text-muted)] space-y-0.5\">\n <div>\n Agent:{\" \"}\n <span className=\"text-[var(--color-text-secondary)]\">\n {tc.agent_name || (tc.last_run?.selected_agent_name\n ? `${tc.last_run.selected_agent_name} (auto-selected)`\n : \"Auto (AI picks)\")}\n </span>\n </div>\n {tc.last_run?.generated_message && (\n <div className=\"truncate\">\n Message: <span className=\"text-[var(--color-text-secondary)]\">\"{tc.last_run.generated_message}\"</span>\n </div>\n )}\n {tc.input_message && !tc.last_run?.generated_message && (\n <div className=\"truncate\">\n Message: <span className=\"text-[var(--color-text-secondary)]\">\"{tc.input_message}\"</span>\n </div>\n )}\n {tc.last_run && (\n <div>\n Last run:{\" \"}\n <span className=\"text-[var(--color-text-secondary)]\">\n {tc.last_run.duration_ms ? `${(tc.last_run.duration_ms / 1000).toFixed(1)}s` : \"---\"}\n {tc.last_run.judge_reasoning && ` --- \"${tc.last_run.judge_reasoning.slice(0, 80)}${tc.last_run.judge_reasoning.length > 80 ? \"...\" : \"\"}\"`}\n </span>\n </div>\n )}\n </div>\n </div>\n <div className=\"flex items-center gap-1 ml-3 shrink-0\">\n <button\n onClick={() => viewRuns(tc.id)}\n className=\"px-2 py-1 text-xs text-[var(--color-text-muted)] hover:text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-raised)] rounded transition\"\n title=\"View run history\"\n >\n History\n </button>\n <button\n onClick={() => handleRun(tc.id)}\n disabled={runningTests.has(tc.id)}\n className=\"px-3 py-1 text-xs bg-[var(--color-surface-raised)] hover:bg-[var(--color-surface-raised)] text-[var(--color-text)] rounded transition disabled:opacity-50\"\n >\n {runningTests.has(tc.id) ? \"Running...\" : \"Run\"}\n </button>\n <button\n onClick={() => openEdit(tc)}\n className=\"px-2 py-1 text-xs text-[var(--color-text-muted)] hover:text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-raised)] rounded transition\"\n >\n Edit\n </button>\n <button\n onClick={() => handleDelete(tc.id)}\n className=\"px-2 py-1 text-xs text-[var(--color-text-muted)] hover:text-red-400 hover:bg-[var(--color-surface-raised)] rounded transition\"\n >\n Delete\n </button>\n </div>\n </div>\n </div>\n ))}\n </div>\n )}\n\n {/* Run History Drawer - backdrop */}\n {selectedRuns && (\n <div\n className=\"absolute inset-0 bg-black/40 backdrop-blur-[2px] z-10\"\n onClick={() => { setSelectedRuns(null); setExpandedRun(null); }}\n />\n )}\n\n {/* Run History Drawer - slides in from right */}\n {selectedRuns && (\n <div className=\"absolute right-0 top-0 bottom-0 w-full sm:w-[500px] lg:w-[600px] z-20 bg-[var(--color-bg)] border-l border-[var(--color-border)] shadow-2xl flex flex-col\">\n {/* Drawer Header */}\n <div className=\"flex items-center justify-between px-4 py-3 border-b border-[var(--color-border)] bg-[var(--color-surface)] shrink-0\">\n <h2 className=\"text-sm font-bold\">Run History</h2>\n <button\n onClick={() => { setSelectedRuns(null); setExpandedRun(null); }}\n className=\"p-1 text-[var(--color-text-muted)] hover:text-[var(--color-text)] rounded transition\"\n >\n <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n </svg>\n </button>\n </div>\n\n {/* Drawer Content */}\n <div className=\"flex-1 overflow-auto p-4\">\n {selectedRuns.runs.length === 0 ? (\n <p className=\"text-sm text-[var(--color-text-muted)]\">No runs yet</p>\n ) : (\n <div className=\"space-y-2\">\n {selectedRuns.runs.map(run => (\n <div key={run.id} className=\"bg-[var(--color-surface)] border border-[var(--color-border)] rounded p-3\">\n <div\n className=\"flex items-center justify-between cursor-pointer\"\n onClick={() => setExpandedRun(expandedRun === run.id ? null : run.id)}\n >\n <div className=\"flex items-center gap-3 flex-wrap\">\n {statusBadge(run.status)}\n <span className=\"text-xs text-[var(--color-text-muted)]\">\n {run.duration_ms ? `${(run.duration_ms / 1000).toFixed(1)}s` : \"---\"}\n </span>\n {run.score != null && (\n <span className=\"text-xs text-[var(--color-text-secondary)] font-mono\">{run.score}/10</span>\n )}\n {run.selected_agent_name && (\n <span className=\"text-xs text-[var(--color-text-faint)]\">\n Agent: {run.selected_agent_name}\n </span>\n )}\n <span className=\"text-xs text-[var(--color-text-faint)]\">\n {new Date(run.created_at).toLocaleString()}\n </span>\n </div>\n <span className=\"text-xs text-[var(--color-text-faint)] shrink-0 ml-2\">{expandedRun === run.id ? \"---\" : \"+\"}</span>\n </div>\n {expandedRun === run.id && (\n <div className=\"mt-3 space-y-2\">\n {run.planner_reasoning && (\n <div>\n <div className=\"text-xs text-[var(--color-text-muted)] mb-1\">Planner:</div>\n <div className=\"text-sm text-[var(--color-text-secondary)] bg-[var(--color-bg)] p-2 rounded\">\n {run.selected_agent_name && <span className=\"text-[var(--color-accent)]\">{run.selected_agent_name}</span>}\n {run.selected_agent_name && \" --- \"}\n {run.planner_reasoning}\n </div>\n </div>\n )}\n {run.generated_message && (\n <div>\n <div className=\"text-xs text-[var(--color-text-muted)] mb-1\">Generated Message:</div>\n <div className=\"text-sm text-[var(--color-text-secondary)] bg-[var(--color-bg)] p-2 rounded\">\"{run.generated_message}\"</div>\n </div>\n )}\n {run.judge_reasoning && (\n <div>\n <div className=\"text-xs text-[var(--color-text-muted)] mb-1\">Judge:</div>\n <div className=\"text-sm text-[var(--color-text-secondary)] bg-[var(--color-bg)] p-2 rounded\">{run.judge_reasoning}</div>\n </div>\n )}\n {run.error && (\n <div>\n <div className=\"text-xs text-red-400 mb-1\">Error:</div>\n <div className=\"text-sm text-red-300 bg-[var(--color-bg)] p-2 rounded\">{run.error}</div>\n </div>\n )}\n {run.agent_response && (\n <div>\n <div className=\"text-xs text-[var(--color-text-muted)] mb-1\">Agent Response (Thread):</div>\n <pre className=\"text-xs text-[var(--color-text-secondary)] bg-[var(--color-bg)] p-2 rounded overflow-auto max-h-64\">\n {run.agent_response}\n </pre>\n </div>\n )}\n </div>\n )}\n </div>\n ))}\n </div>\n )}\n </div>\n </div>\n )}\n\n {/* Create/Edit Form Modal */}\n {showForm && (\n <div className=\"fixed inset-0 bg-black/60 z-50 flex items-center justify-center\" onClick={() => setShowForm(false)}>\n <div className=\"bg-[var(--color-surface)] card w-full max-w-lg mx-4 p-6\" onClick={e => e.stopPropagation()}>\n <h2 className=\"text-lg font-bold mb-4\">{editingTest ? \"Edit Test\" : \"New Test\"}</h2>\n\n <div className=\"space-y-4\">\n <div>\n <label className=\"block text-xs text-[var(--color-text-muted)] mb-1\">Name</label>\n <input\n value={formName}\n onChange={e => setFormName(e.target.value)}\n placeholder=\"e.g. Social Media Posting\"\n className=\"w-full bg-[var(--color-bg)] border border-[var(--color-border-light)] rounded px-3 py-2 text-sm focus:outline-none focus:border-[var(--color-accent)]\"\n />\n </div>\n\n <div>\n <label className=\"block text-xs text-[var(--color-text-muted)] mb-1\">Behavior</label>\n <textarea\n value={formBehavior}\n onChange={e => setFormBehavior(e.target.value)}\n placeholder=\"Describe what should happen, e.g. 'When asked to post on social media, the agent creates a proper post with relevant hashtags and confirms it was published'\"\n rows={3}\n className=\"w-full bg-[var(--color-bg)] border border-[var(--color-border-light)] rounded px-3 py-2 text-sm focus:outline-none focus:border-[var(--color-accent)] resize-none\"\n />\n <p className=\"text-xs text-[var(--color-text-faint)] mt-1\">AI will generate the test message and evaluate results based on this</p>\n </div>\n\n <div>\n <label className=\"block text-xs text-[var(--color-text-muted)] mb-1\">Agent</label>\n <Select\n value={formAgentId}\n onChange={setFormAgentId}\n placeholder=\"Auto (AI picks the best agent)\"\n options={projectAgents.map(a => ({\n value: a.id,\n label: `${a.name} (${a.status})`,\n }))}\n />\n <p className=\"text-xs text-[var(--color-text-faint)] mt-1\">Leave empty to let AI choose the right agent</p>\n </div>\n </div>\n\n <div className=\"flex justify-end gap-2 mt-6\">\n <button\n onClick={() => setShowForm(false)}\n className=\"px-4 py-2 text-sm text-[var(--color-text-secondary)] hover:text-[var(--color-text)] transition\"\n >\n Cancel\n </button>\n <button\n onClick={handleSave}\n disabled={!formName || !formBehavior}\n className=\"px-4 py-2 bg-[var(--color-accent)] hover:bg-[var(--color-accent-hover)] disabled:opacity-50 text-white rounded text-sm font-medium transition\"\n >\n {editingTest ? \"Save\" : \"Create\"}\n </button>\n </div>\n </div>\n </div>\n )}\n </div>\n );\n}\n"
|
|
6
6
|
],
|
|
7
|
-
"mappings": "
|
|
8
|
-
"debugId": "
|
|
7
|
+
"mappings": "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",
|
|
8
|
+
"debugId": "458FD6D9A084F98564756E2164756E21",
|
|
9
9
|
"names": []
|
|
10
10
|
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
var HM=Object.create;var{getPrototypeOf:zM,defineProperty:IU,getOwnPropertyNames:QM}=Object;var YM=Object.prototype.hasOwnProperty;function $M(Z){return this[Z]}var OM,JM,o=(Z,H,Q)=>{var Y=Z!=null&&typeof Z==="object";if(Y){var P=H?OM??=new WeakMap:JM??=new WeakMap,F=P.get(Z);if(F)return F}Q=Z!=null?HM(zM(Z)):{};let x=H||!Z||!Z.__esModule?IU(Q,"default",{value:Z,enumerable:!0}):Q;for(let w of QM(Z))if(!YM.call(x,w))IU(x,w,{get:$M.bind(Z,w),enumerable:!0});if(Y)P.set(Z,x);return x};var yU=(Z,H)=>()=>(H||Z((H={exports:{}}).exports,H),H.exports);var LM=(Z)=>Z;function qM(Z,H){this[Z]=LM.bind(null,H)}var mM=(Z,H)=>{for(var Q in H)IU(Z,Q,{get:H[Q],enumerable:!0,configurable:!0,set:qM.bind(H,Q)})};var fM=((Z)=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(Z,{get:(H,Q)=>(typeof require<"u"?require:H)[Q]}):Z)(function(Z){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+Z+'" is not supported')});var BU=yU((DM,VU)=>{(function(){function Z(U,M){Object.defineProperty(Y.prototype,U,{get:function(){console.warn("%s(...) is deprecated in plain JavaScript React classes. %s",M[0],M[1])}})}function H(U){if(U===null||typeof U!=="object")return null;return U=EU&&U[EU]||U["@@iterator"],typeof U==="function"?U:null}function Q(U,M){U=(U=U.constructor)&&(U.displayName||U.name)||"ReactClass";var X=U+"."+M;AU[X]||(console.error("Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",M,U),AU[X]=!0)}function Y(U,M,X){this.props=U,this.context=M,this.refs=FU,this.updater=X||TU}function P(){}function F(U,M,X){this.props=U,this.context=M,this.refs=FU,this.updater=X||TU}function x(){}function w(U){return""+U}function V(U){try{w(U);var M=!1}catch(z){M=!0}if(M){M=console;var X=M.error,B=typeof Symbol==="function"&&Symbol.toStringTag&&U[Symbol.toStringTag]||U.constructor.name||"Object";return X.call(M,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",B),w(U)}}function b(U){if(U==null)return null;if(typeof U==="function")return U.$$typeof===WM?null:U.displayName||U.name||null;if(typeof U==="string")return U;switch(U){case QU:return"Fragment";case L:return"Profiler";case W:return"StrictMode";case YU:return"Suspense";case m:return"SuspenseList";case qU:return"Activity"}if(typeof U==="object")switch(typeof U.tag==="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),U.$$typeof){case LU:return"Portal";case y:return U.displayName||"Context";case C:return(U._context.displayName||"Context")+".Consumer";case UU:var M=U.render;return U=U.displayName,U||(U=M.displayName||M.name||"",U=U!==""?"ForwardRef("+U+")":"ForwardRef"),U;case MU:return M=U.displayName||null,M!==null?M:b(U.type)||"Memo";case WU:M=U._payload,U=U._init;try{return b(U(M))}catch(X){}}return null}function n(U){if(U===QU)return"<>";if(typeof U==="object"&&U!==null&&U.$$typeof===WU)return"<...>";try{var M=b(U);return M?"<"+M+">":"<...>"}catch(X){return"<...>"}}function N(){var U=q.A;return U===null?null:U.getOwner()}function f(){return Error("react-stack-top-frame")}function d(U){if(DU.call(U,"key")){var M=Object.getOwnPropertyDescriptor(U,"key").get;if(M&&M.isReactWarning)return!1}return U.key!==void 0}function i(U,M){function X(){SU||(SU=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",M))}X.isReactWarning=!0,Object.defineProperty(U,"key",{get:X,configurable:!0})}function h(){var U=b(this.type);return kU[U]||(kU[U]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),U=this.props.ref,U!==void 0?U:null}function _(U,M,X,B,z,D){var J=X.ref;return U={$$typeof:OU,type:U,key:M,props:X,_owner:B},(J!==void 0?J:null)!==null?Object.defineProperty(U,"ref",{enumerable:!1,get:h}):Object.defineProperty(U,"ref",{enumerable:!1,value:null}),U._store={},Object.defineProperty(U._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(U,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(U,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:z}),Object.defineProperty(U,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:D}),Object.freeze&&(Object.freeze(U.props),Object.freeze(U)),U}function u(U,M){return M=_(U.type,M,U.props,U._owner,U._debugStack,U._debugTask),U._store&&(M._store.validated=U._store.validated),M}function c(U){s(U)?U._store&&(U._store.validated=1):typeof U==="object"&&U!==null&&U.$$typeof===WU&&(U._payload.status==="fulfilled"?s(U._payload.value)&&U._payload.value._store&&(U._payload.value._store.validated=1):U._store&&(U._store.validated=1))}function s(U){return typeof U==="object"&&U!==null&&U.$$typeof===OU}function l(U){var M={"=":"=0",":":"=2"};return"$"+U.replace(/[=:]/g,function(X){return M[X]})}function g(U,M){return typeof U==="object"&&U!==null&&U.key!=null?(V(U.key),l(""+U.key)):M.toString(36)}function k(U){switch(U.status){case"fulfilled":return U.value;case"rejected":throw U.reason;default:switch(typeof U.status==="string"?U.then(x,x):(U.status="pending",U.then(function(M){U.status==="pending"&&(U.status="fulfilled",U.value=M)},function(M){U.status==="pending"&&(U.status="rejected",U.reason=M)})),U.status){case"fulfilled":return U.value;case"rejected":throw U.reason}}throw U}function j(U,M,X,B,z){var D=typeof U;if(D==="undefined"||D==="boolean")U=null;var J=!1;if(U===null)J=!0;else switch(D){case"bigint":case"string":case"number":J=!0;break;case"object":switch(U.$$typeof){case OU:case LU:J=!0;break;case WU:return J=U._init,j(J(U._payload),M,X,B,z)}}if(J){J=U,z=z(J);var E=B===""?"."+g(J,0):B;return vU(z)?(X="",E!=null&&(X=E.replace(mU,"$&/")+"/"),j(z,M,X,"",function(XU){return XU})):z!=null&&(s(z)&&(z.key!=null&&(J&&J.key===z.key||V(z.key)),X=u(z,X+(z.key==null||J&&J.key===z.key?"":(""+z.key).replace(mU,"$&/")+"/")+E),B!==""&&J!=null&&s(J)&&J.key==null&&J._store&&!J._store.validated&&(X._store.validated=2),z=X),M.push(z)),1}if(J=0,E=B===""?".":B+":",vU(U))for(var R=0;R<U.length;R++)B=U[R],D=E+g(B,R),J+=j(B,M,X,D,z);else if(R=H(U),typeof R==="function")for(R===U.entries&&(bU||console.warn("Using Maps as children is not supported. Use an array of keyed ReactElements instead."),bU=!0),U=R.call(U),R=0;!(B=U.next()).done;)B=B.value,D=E+g(B,R++),J+=j(B,M,X,D,z);else if(D==="object"){if(typeof U.then==="function")return j(k(U),M,X,B,z);throw M=String(U),Error("Objects are not valid as a React child (found: "+(M==="[object Object]"?"object with keys {"+Object.keys(U).join(", ")+"}":M)+"). If you meant to render a collection of children, use an array instead.")}return J}function O(U,M,X){if(U==null)return U;var B=[],z=0;return j(U,B,"","",function(D){return M.call(X,D,z++)}),B}function v(U){if(U._status===-1){var M=U._ioInfo;M!=null&&(M.start=M.end=performance.now()),M=U._result;var X=M();if(X.then(function(z){if(U._status===0||U._status===-1){U._status=1,U._result=z;var D=U._ioInfo;D!=null&&(D.end=performance.now()),X.status===void 0&&(X.status="fulfilled",X.value=z)}},function(z){if(U._status===0||U._status===-1){U._status=2,U._result=z;var D=U._ioInfo;D!=null&&(D.end=performance.now()),X.status===void 0&&(X.status="rejected",X.reason=z)}}),M=U._ioInfo,M!=null){M.value=X;var B=X.displayName;typeof B==="string"&&(M.name=B)}U._status===-1&&(U._status=0,U._result=X)}if(U._status===1)return M=U._result,M===void 0&&console.error(`lazy: Expected the result of a dynamic import() call. Instead received: %s
|
|
2
|
+
|
|
3
|
+
Your code should look like:
|
|
4
|
+
const MyComponent = lazy(() => import('./MyComponent'))
|
|
5
|
+
|
|
6
|
+
Did you accidentally put curly braces around the import?`,M),"default"in M||console.error(`lazy: Expected the result of a dynamic import() call. Instead received: %s
|
|
7
|
+
|
|
8
|
+
Your code should look like:
|
|
9
|
+
const MyComponent = lazy(() => import('./MyComponent'))`,M),M.default;throw U._result}function G(){var U=q.H;return U===null&&console.error(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
|
|
10
|
+
1. You might have mismatching versions of React and the renderer (such as React DOM)
|
|
11
|
+
2. You might be breaking the Rules of Hooks
|
|
12
|
+
3. You might have more than one copy of React in the same app
|
|
13
|
+
See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`),U}function $(){q.asyncTransitions--}function K(U){if(RU===null)try{var M=("require"+Math.random()).slice(0,7);RU=(VU&&VU[M]).call(VU,"timers").setImmediate}catch(X){RU=function(B){hU===!1&&(hU=!0,typeof MessageChannel>"u"&&console.error("This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning."));var z=new MessageChannel;z.port1.onmessage=B,z.port2.postMessage(void 0)}}return RU(U)}function T(U){return 1<U.length&&typeof AggregateError==="function"?AggregateError(U):U[0]}function a(U,M){M!==wU-1&&console.error("You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "),wU=M}function ZU(U,M,X){var B=q.actQueue;if(B!==null)if(B.length!==0)try{zU(B),K(function(){return ZU(U,M,X)});return}catch(z){q.thrownErrors.push(z)}else q.actQueue=null;0<q.thrownErrors.length?(B=T(q.thrownErrors),q.thrownErrors.length=0,X(B)):M(U)}function zU(U){if(!PU){PU=!0;var M=0;try{for(;M<U.length;M++){var X=U[M];do{q.didUsePromise=!1;var B=X(!1);if(B!==null){if(q.didUsePromise){U[M]=X,U.splice(0,M);return}X=B}else break}while(1)}U.length=0}catch(z){U.splice(0,M+1),q.thrownErrors.push(z)}finally{PU=!1}}}typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart==="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var OU=Symbol.for("react.transitional.element"),LU=Symbol.for("react.portal"),QU=Symbol.for("react.fragment"),W=Symbol.for("react.strict_mode"),L=Symbol.for("react.profiler"),C=Symbol.for("react.consumer"),y=Symbol.for("react.context"),UU=Symbol.for("react.forward_ref"),YU=Symbol.for("react.suspense"),m=Symbol.for("react.suspense_list"),MU=Symbol.for("react.memo"),WU=Symbol.for("react.lazy"),qU=Symbol.for("react.activity"),EU=Symbol.iterator,AU={},TU={isMounted:function(){return!1},enqueueForceUpdate:function(U){Q(U,"forceUpdate")},enqueueReplaceState:function(U){Q(U,"replaceState")},enqueueSetState:function(U){Q(U,"setState")}},jU=Object.assign,FU={};Object.freeze(FU),Y.prototype.isReactComponent={},Y.prototype.setState=function(U,M){if(typeof U!=="object"&&typeof U!=="function"&&U!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,U,M,"setState")},Y.prototype.forceUpdate=function(U){this.updater.enqueueForceUpdate(this,U,"forceUpdate")};var r={isMounted:["isMounted","Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],replaceState:["replaceState","Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]};for(JU in r)r.hasOwnProperty(JU)&&Z(JU,r[JU]);P.prototype=Y.prototype,r=F.prototype=new P,r.constructor=F,jU(r,Y.prototype),r.isPureReactComponent=!0;var vU=Array.isArray,WM=Symbol.for("react.client.reference"),q={H:null,A:null,T:null,S:null,actQueue:null,asyncTransitions:0,isBatchingLegacy:!1,didScheduleLegacyUpdate:!1,didUsePromise:!1,thrownErrors:[],getCurrentStack:null,recentlyCreatedOwnerStacks:0},DU=Object.prototype.hasOwnProperty,CU=console.createTask?console.createTask:function(){return null};r={react_stack_bottom_frame:function(U){return U()}};var SU,gU,kU={},ZM=r.react_stack_bottom_frame.bind(r,f)(),XM=CU(n(f)),bU=!1,mU=/\/+/g,fU=typeof reportError==="function"?reportError:function(U){if(typeof window==="object"&&typeof window.ErrorEvent==="function"){var M=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof U==="object"&&U!==null&&typeof U.message==="string"?String(U.message):String(U),error:U});if(!window.dispatchEvent(M))return}else if(typeof process==="object"&&typeof process.emit==="function"){process.emit("uncaughtException",U);return}console.error(U)},hU=!1,RU=null,wU=0,KU=!1,PU=!1,uU=typeof queueMicrotask==="function"?function(U){queueMicrotask(function(){return queueMicrotask(U)})}:K;r=Object.freeze({__proto__:null,c:function(U){return G().useMemoCache(U)}});var JU={map:O,forEach:function(U,M,X){O(U,function(){M.apply(this,arguments)},X)},count:function(U){var M=0;return O(U,function(){M++}),M},toArray:function(U){return O(U,function(M){return M})||[]},only:function(U){if(!s(U))throw Error("React.Children.only expected to receive a single React element child.");return U}};DM.Activity=qU,DM.Children=JU,DM.Component=Y,DM.Fragment=QU,DM.Profiler=L,DM.PureComponent=F,DM.StrictMode=W,DM.Suspense=YU,DM.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=q,DM.__COMPILER_RUNTIME=r,DM.act=function(U){var M=q.actQueue,X=wU;wU++;var B=q.actQueue=M!==null?M:[],z=!1;try{var D=U()}catch(R){q.thrownErrors.push(R)}if(0<q.thrownErrors.length)throw a(M,X),U=T(q.thrownErrors),q.thrownErrors.length=0,U;if(D!==null&&typeof D==="object"&&typeof D.then==="function"){var J=D;return uU(function(){z||KU||(KU=!0,console.error("You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"))}),{then:function(R,XU){z=!0,J.then(function($U){if(a(M,X),X===0){try{zU(B),K(function(){return ZU($U,R,XU)})}catch(GM){q.thrownErrors.push(GM)}if(0<q.thrownErrors.length){var BM=T(q.thrownErrors);q.thrownErrors.length=0,XU(BM)}}else R($U)},function($U){a(M,X),0<q.thrownErrors.length?($U=T(q.thrownErrors),q.thrownErrors.length=0,XU($U)):XU($U)})}}}var E=D;if(a(M,X),X===0&&(zU(B),B.length!==0&&uU(function(){z||KU||(KU=!0,console.error("A component suspended inside an `act` scope, but the `act` call was not awaited. When testing React components that depend on asynchronous data, you must await the result:\n\nawait act(() => ...)"))}),q.actQueue=null),0<q.thrownErrors.length)throw U=T(q.thrownErrors),q.thrownErrors.length=0,U;return{then:function(R,XU){z=!0,X===0?(q.actQueue=B,K(function(){return ZU(E,R,XU)})):R(E)}}},DM.cache=function(U){return function(){return U.apply(null,arguments)}},DM.cacheSignal=function(){return null},DM.captureOwnerStack=function(){var U=q.getCurrentStack;return U===null?null:U()},DM.cloneElement=function(U,M,X){if(U===null||U===void 0)throw Error("The argument must be a React element, but you passed "+U+".");var B=jU({},U.props),z=U.key,D=U._owner;if(M!=null){var J;U:{if(DU.call(M,"ref")&&(J=Object.getOwnPropertyDescriptor(M,"ref").get)&&J.isReactWarning){J=!1;break U}J=M.ref!==void 0}J&&(D=N()),d(M)&&(V(M.key),z=""+M.key);for(E in M)!DU.call(M,E)||E==="key"||E==="__self"||E==="__source"||E==="ref"&&M.ref===void 0||(B[E]=M[E])}var E=arguments.length-2;if(E===1)B.children=X;else if(1<E){J=Array(E);for(var R=0;R<E;R++)J[R]=arguments[R+2];B.children=J}B=_(U.type,z,B,D,U._debugStack,U._debugTask);for(z=2;z<arguments.length;z++)c(arguments[z]);return B},DM.createContext=function(U){return U={$$typeof:y,_currentValue:U,_currentValue2:U,_threadCount:0,Provider:null,Consumer:null},U.Provider=U,U.Consumer={$$typeof:C,_context:U},U._currentRenderer=null,U._currentRenderer2=null,U},DM.createElement=function(U,M,X){for(var B=2;B<arguments.length;B++)c(arguments[B]);B={};var z=null;if(M!=null)for(R in gU||!("__self"in M)||"key"in M||(gU=!0,console.warn("Your app (or one of its dependencies) is using an outdated JSX transform. Update to the modern JSX transform for faster performance: https://react.dev/link/new-jsx-transform")),d(M)&&(V(M.key),z=""+M.key),M)DU.call(M,R)&&R!=="key"&&R!=="__self"&&R!=="__source"&&(B[R]=M[R]);var D=arguments.length-2;if(D===1)B.children=X;else if(1<D){for(var J=Array(D),E=0;E<D;E++)J[E]=arguments[E+2];Object.freeze&&Object.freeze(J),B.children=J}if(U&&U.defaultProps)for(R in D=U.defaultProps,D)B[R]===void 0&&(B[R]=D[R]);z&&i(B,typeof U==="function"?U.displayName||U.name||"Unknown":U);var R=1e4>q.recentlyCreatedOwnerStacks++;return _(U,z,B,N(),R?Error("react-stack-top-frame"):ZM,R?CU(n(U)):XM)},DM.createRef=function(){var U={current:null};return Object.seal(U),U},DM.forwardRef=function(U){U!=null&&U.$$typeof===MU?console.error("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):typeof U!=="function"?console.error("forwardRef requires a render function but was given %s.",U===null?"null":typeof U):U.length!==0&&U.length!==2&&console.error("forwardRef render functions accept exactly two parameters: props and ref. %s",U.length===1?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),U!=null&&U.defaultProps!=null&&console.error("forwardRef render functions do not support defaultProps. Did you accidentally pass a React component?");var M={$$typeof:UU,render:U},X;return Object.defineProperty(M,"displayName",{enumerable:!1,configurable:!0,get:function(){return X},set:function(B){X=B,U.name||U.displayName||(Object.defineProperty(U,"name",{value:B}),U.displayName=B)}}),M},DM.isValidElement=s,DM.lazy=function(U){U={_status:-1,_result:U};var M={$$typeof:WU,_payload:U,_init:v},X={name:"lazy",start:-1,end:-1,value:null,owner:null,debugStack:Error("react-stack-top-frame"),debugTask:console.createTask?console.createTask("lazy()"):null};return U._ioInfo=X,M._debugInfo=[{awaited:X}],M},DM.memo=function(U,M){U==null&&console.error("memo: The first argument must be a component. Instead received: %s",U===null?"null":typeof U),M={$$typeof:MU,type:U,compare:M===void 0?null:M};var X;return Object.defineProperty(M,"displayName",{enumerable:!1,configurable:!0,get:function(){return X},set:function(B){X=B,U.name||U.displayName||(Object.defineProperty(U,"name",{value:B}),U.displayName=B)}}),M},DM.startTransition=function(U){var M=q.T,X={};X._updatedFibers=new Set,q.T=X;try{var B=U(),z=q.S;z!==null&&z(X,B),typeof B==="object"&&B!==null&&typeof B.then==="function"&&(q.asyncTransitions++,B.then($,$),B.then(x,fU))}catch(D){fU(D)}finally{M===null&&X._updatedFibers&&(U=X._updatedFibers.size,X._updatedFibers.clear(),10<U&&console.warn("Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table.")),M!==null&&X.types!==null&&(M.types!==null&&M.types!==X.types&&console.error("We expected inner Transitions to have transferred the outer types set and that you cannot add to the outer Transition while inside the inner.This is a bug in React."),M.types=X.types),q.T=M}},DM.unstable_useCacheRefresh=function(){return G().useCacheRefresh()},DM.use=function(U){return G().use(U)},DM.useActionState=function(U,M,X){return G().useActionState(U,M,X)},DM.useCallback=function(U,M){return G().useCallback(U,M)},DM.useContext=function(U){var M=G();return U.$$typeof===C&&console.error("Calling useContext(Context.Consumer) is not supported and will cause bugs. Did you mean to call useContext(Context) instead?"),M.useContext(U)},DM.useDebugValue=function(U,M){return G().useDebugValue(U,M)},DM.useDeferredValue=function(U,M){return G().useDeferredValue(U,M)},DM.useEffect=function(U,M){return U==null&&console.warn("React Hook useEffect requires an effect callback. Did you forget to pass a callback to the hook?"),G().useEffect(U,M)},DM.useEffectEvent=function(U){return G().useEffectEvent(U)},DM.useId=function(){return G().useId()},DM.useImperativeHandle=function(U,M,X){return G().useImperativeHandle(U,M,X)},DM.useInsertionEffect=function(U,M){return U==null&&console.warn("React Hook useInsertionEffect requires an effect callback. Did you forget to pass a callback to the hook?"),G().useInsertionEffect(U,M)},DM.useLayoutEffect=function(U,M){return U==null&&console.warn("React Hook useLayoutEffect requires an effect callback. Did you forget to pass a callback to the hook?"),G().useLayoutEffect(U,M)},DM.useMemo=function(U,M){return G().useMemo(U,M)},DM.useOptimistic=function(U,M){return G().useOptimistic(U,M)},DM.useReducer=function(U,M,X){return G().useReducer(U,M,X)},DM.useRef=function(U){return G().useRef(U)},DM.useState=function(U){return G().useState(U)},DM.useSyncExternalStore=function(U,M,X){return G().useSyncExternalStore(U,M,X)},DM.useTransition=function(){return G().useTransition()},DM.version="19.2.4",typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop==="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())})()});var t=yU((RM)=>{var GU=o(BU());(function(){function Z(W){if(W==null)return null;if(typeof W==="function")return W.$$typeof===G?null:W.displayName||W.name||null;if(typeof W==="string")return W;switch(W){case h:return"Fragment";case u:return"Profiler";case _:return"StrictMode";case g:return"Suspense";case k:return"SuspenseList";case v:return"Activity"}if(typeof W==="object")switch(typeof W.tag==="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),W.$$typeof){case i:return"Portal";case s:return W.displayName||"Context";case c:return(W._context.displayName||"Context")+".Consumer";case l:var L=W.render;return W=W.displayName,W||(W=L.displayName||L.name||"",W=W!==""?"ForwardRef("+W+")":"ForwardRef"),W;case j:return L=W.displayName||null,L!==null?L:Z(W.type)||"Memo";case O:L=W._payload,W=W._init;try{return Z(W(L))}catch(C){}}return null}function H(W){return""+W}function Q(W){try{H(W);var L=!1}catch(UU){L=!0}if(L){L=console;var C=L.error,y=typeof Symbol==="function"&&Symbol.toStringTag&&W[Symbol.toStringTag]||W.constructor.name||"Object";return C.call(L,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",y),H(W)}}function Y(W){if(W===h)return"<>";if(typeof W==="object"&&W!==null&&W.$$typeof===O)return"<...>";try{var L=Z(W);return L?"<"+L+">":"<...>"}catch(C){return"<...>"}}function P(){var W=$.A;return W===null?null:W.getOwner()}function F(){return Error("react-stack-top-frame")}function x(W){if(K.call(W,"key")){var L=Object.getOwnPropertyDescriptor(W,"key").get;if(L&&L.isReactWarning)return!1}return W.key!==void 0}function w(W,L){function C(){ZU||(ZU=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",L))}C.isReactWarning=!0,Object.defineProperty(W,"key",{get:C,configurable:!0})}function V(){var W=Z(this.type);return zU[W]||(zU[W]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),W=this.props.ref,W!==void 0?W:null}function b(W,L,C,y,UU,YU){var m=C.ref;return W={$$typeof:d,type:W,key:L,props:C,_owner:y},(m!==void 0?m:null)!==null?Object.defineProperty(W,"ref",{enumerable:!1,get:V}):Object.defineProperty(W,"ref",{enumerable:!1,value:null}),W._store={},Object.defineProperty(W._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(W,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(W,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:UU}),Object.defineProperty(W,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:YU}),Object.freeze&&(Object.freeze(W.props),Object.freeze(W)),W}function n(W,L,C,y,UU,YU){var m=L.children;if(m!==void 0)if(y)if(T(m)){for(y=0;y<m.length;y++)N(m[y]);Object.freeze&&Object.freeze(m)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else N(m);if(K.call(L,"key")){m=Z(W);var MU=Object.keys(L).filter(function(qU){return qU!=="key"});y=0<MU.length?"{key: someKey, "+MU.join(": ..., ")+": ...}":"{key: someKey}",QU[m+y]||(MU=0<MU.length?"{"+MU.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
14
|
+
let props = %s;
|
|
15
|
+
<%s {...props} />
|
|
16
|
+
React keys must be passed directly to JSX without using spread:
|
|
17
|
+
let props = %s;
|
|
18
|
+
<%s key={someKey} {...props} />`,y,m,MU,m),QU[m+y]=!0)}if(m=null,C!==void 0&&(Q(C),m=""+C),x(L)&&(Q(L.key),m=""+L.key),"key"in L){C={};for(var WU in L)WU!=="key"&&(C[WU]=L[WU])}else C=L;return m&&w(C,typeof W==="function"?W.displayName||W.name||"Unknown":W),b(W,m,C,P(),UU,YU)}function N(W){f(W)?W._store&&(W._store.validated=1):typeof W==="object"&&W!==null&&W.$$typeof===O&&(W._payload.status==="fulfilled"?f(W._payload.value)&&W._payload.value._store&&(W._payload.value._store.validated=1):W._store&&(W._store.validated=1))}function f(W){return typeof W==="object"&&W!==null&&W.$$typeof===d}var d=Symbol.for("react.transitional.element"),i=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),_=Symbol.for("react.strict_mode"),u=Symbol.for("react.profiler"),c=Symbol.for("react.consumer"),s=Symbol.for("react.context"),l=Symbol.for("react.forward_ref"),g=Symbol.for("react.suspense"),k=Symbol.for("react.suspense_list"),j=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),v=Symbol.for("react.activity"),G=Symbol.for("react.client.reference"),$=GU.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,K=Object.prototype.hasOwnProperty,T=Array.isArray,a=console.createTask?console.createTask:function(){return null};GU={react_stack_bottom_frame:function(W){return W()}};var ZU,zU={},OU=GU.react_stack_bottom_frame.bind(GU,F)(),LU=a(Y(F)),QU={};RM.Fragment=h,RM.jsxDEV=function(W,L,C,y){var UU=1e4>$.recentlyCreatedOwnerStacks++;return n(W,L,C,y,UU?Error("react-stack-top-frame"):OU,UU?a(Y(W)):LU)}})()});var A=o(BU(),1),sU=o(t(),1),dU=A.createContext(null),wM=200;function KM({children:Z}){let[H,Q]=A.useState(!1),[Y,P]=A.useState([]),[F,x]=A.useState({}),[w,V]=A.useState({}),[b,n]=A.useState(0),[N,f]=A.useState(0),[d,i]=A.useState(0),h=A.useRef(null),_=A.useRef(null);A.useEffect(()=>{let g=setInterval(()=>{let k=Date.now();V((j)=>{let O={};for(let[v,G]of Object.entries(j))if(G.expiresAt>k)O[v]=G;return O})},500);return()=>clearInterval(g)},[]);let u=A.useCallback(()=>{if(h.current)h.current.close(),h.current=null;try{let g=new EventSource("/api/telemetry/stream");h.current=g,g.onopen=()=>{Q(!0)},g.onmessage=(k)=>{if(!k.data||k.data.trim()==="")return;try{let j=JSON.parse(k.data);if(j.connected){Q(!0);return}if(Array.isArray(j)){let O=Date.now(),v=j.map((G)=>({...G,_receivedAt:O}));if(P((G)=>{return[...v,...G].slice(0,wM)}),x((G)=>{let $={...G};for(let K of j){let T=$[K.agent_id];if(!T||new Date(K.timestamp)>new Date(T.timestamp))$[K.agent_id]={timestamp:K.timestamp,category:K.category,type:K.type}}return $}),V((G)=>{let $={...G},K=Date.now()+3000;for(let T of j)$[T.agent_id]={type:T.type,expiresAt:K};return $}),j.some((G)=>G.category==="system"&&(G.type==="agent_started"||G.type==="agent_stopped")))n((G)=>G+1);if(j.some((G)=>G.category==="TASK"&&(G.type==="task_created"||G.type==="task_updated"||G.type==="task_deleted")))f((G)=>G+1);if(j.some((G)=>G.level==="error"||G.category==="ERROR"||G.category==="system"&&G.type==="agent_stopped"))i((G)=>G+1)}}catch{}},g.onerror=()=>{if(Q(!1),g.close(),h.current=null,_.current)clearTimeout(_.current);_.current=setTimeout(u,2000)}}catch{if(Q(!1),_.current)clearTimeout(_.current);_.current=setTimeout(u,2000)}},[]);A.useEffect(()=>{return u(),()=>{if(h.current)h.current.close();if(_.current)clearTimeout(_.current)}},[u]);let c=A.useCallback(()=>{P([])},[]),s=A.useCallback(()=>{n((g)=>g+1),f((g)=>g+1)},[]),l=A.default.useMemo(()=>({connected:H,events:Y,lastActivityByAgent:F,activeAgents:w,statusChangeCounter:b,taskChangeCounter:N,notificationCounter:d,clearEvents:c,triggerRefresh:s}),[H,Y,F,w,b,N,d,c,s]);return sU.jsxDEV(dU.Provider,{value:l,children:Z},void 0,!1,void 0,this)}function HU(){let Z=A.useContext(dU);if(!Z)throw Error("useTelemetryContext must be used within TelemetryProvider");return Z}function VM(Z){let{connected:H,events:Q,lastActivityByAgent:Y}=HU(),P=A.default.useMemo(()=>{let w=Q;if(Z?.agent_id)w=w.filter((V)=>V.agent_id===Z.agent_id);if(Z?.category)w=w.filter((V)=>V.category===Z.category);if(Z?.limit)w=w.slice(0,Z.limit);return w},[Q,Z?.agent_id,Z?.category,Z?.limit]),F=Z?.agent_id?Y[Z.agent_id]:void 0,x=A.default.useMemo(()=>{if(!F)return!1;let w=new Date(F.timestamp).getTime();return Date.now()-w<1e4},[F]);return{connected:H,events:P,lastActivity:F,isActive:x}}function NM(Z){switch(Z){case"llm_request":return"Thinking";case"tool_invocation":return"Using tools";case"tool_result":return"Using tools";case"thread_activity":return"Working";case"agent_started":return"Starting";case"agent_stopped":return"Stopped";default:return"Working"}}function xM(Z){let{activeAgents:H}=HU(),Q=H[Z],Y=!!Q,P=Q?.type;return A.default.useMemo(()=>({isActive:Y,type:P,label:Y?NM(P):void 0}),[Y,P])}function FM(){let{statusChangeCounter:Z}=HU();return Z}function PM(){let{taskChangeCounter:Z}=HU();return Z}function IM(){let{notificationCounter:Z}=HU();return Z}function _M(){let{triggerRefresh:Z}=HU();return Z}var I=o(BU(),1),iU=o(t(),1),pU=I.createContext(null);function NU(){let Z=I.useContext(pU);if(!Z)throw Error("useAuth must be used within an AuthProvider");return Z}function EM({children:Z}){let[H,Q]=I.useState(null),[Y,P]=I.useState(null),[F,x]=I.useState(!0),[w,V]=I.useState(null),[b,n]=I.useState(!1),[N,f]=I.useState(null),d=I.useRef(null),i=I.useRef(!1),h=I.useRef(!1),_=I.useCallback((O)=>{d.current=O,P(O)},[]),u=I.useCallback(async()=>{if(i.current)return!1;i.current=!0;try{let O=await fetch("/api/auth/refresh",{method:"POST",credentials:"include"});if(!O.ok)return!1;let v=await O.json();if(_(v.accessToken),v.user)Q(v.user);if(v.onboarding)f(v.onboarding.completed||v.onboarding.has_any_keys);return!!v.user}catch(O){return console.error("Token refresh failed:",O),!1}finally{i.current=!1}},[_]),c=I.useCallback(async()=>{try{let O=d.current,G=await(await fetch("/api/auth/check",{headers:O?{Authorization:`Bearer ${O}`}:{}})).json();if(V(G.hasUsers),n(G.isDev??!1),G.onboarding)f(G.onboarding.completed||G.onboarding.has_any_keys);if(G.authenticated&&G.user)Q(G.user);else if(Q(null),G.hasUsers){if(!await u())_(null)}}catch(O){console.error("Auth check failed:",O),Q(null),_(null)}finally{x(!1)}},[u,_]),s=I.useCallback(async(O,v)=>{try{let G=await fetch("/api/auth/login",{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({username:O,password:v})}),$=await G.json();if(!G.ok)return{success:!1,error:$.error||"Login failed"};return _($.accessToken),Q($.user),V(!0),{success:!0}}catch(G){return console.error("Login failed:",G),{success:!1,error:"Login failed"}}},[_]),l=I.useCallback(async()=>{try{let O=d.current;await fetch("/api/auth/logout",{method:"POST",credentials:"include",headers:O?{Authorization:`Bearer ${O}`}:{}})}catch(O){console.error("Logout failed:",O)}finally{Q(null),_(null)}},[_]),g=I.useCallback(async(O,v={})=>{let G=new Headers(v.headers),$=d.current;if($)G.set("Authorization",`Bearer ${$}`);return fetch(O,{...v,headers:G})},[]),k=I.useCallback(async()=>{return u()},[u]);I.useEffect(()=>{if(h.current)return;h.current=!0,c()},[c]),I.useEffect(()=>{if(!Y)return;let O=setInterval(()=>{u()},840000);return()=>clearInterval(O)},[Y,u]);let j=I.useMemo(()=>({user:H,isAuthenticated:!!H,isLoading:F,hasUsers:w,isDev:b,accessToken:Y,onboardingComplete:N,setOnboardingComplete:f,login:s,logout:l,refreshToken:k,checkAuth:c,authFetch:g}),[H,F,w,b,Y,N,f,s,l,k,c,g]);return iU.jsxDEV(pU.Provider,{value:j,children:Z},void 0,!1,void 0,this)}function AM(){let{accessToken:Z}=NU();return Z?{Authorization:`Bearer ${Z}`}:{}}var S=o(BU(),1);var cU=o(t(),1),oU=S.createContext(null);function TM(){let Z=S.useContext(oU);if(!Z)throw Error("useProjects must be used within a ProjectProvider");return Z}var _U="apteva_current_project";function jM({children:Z}){let{authFetch:H,isAuthenticated:Q,isLoading:Y}=NU(),[P,F]=S.useState([]),[x,w]=S.useState(()=>{if(typeof window<"u")return localStorage.getItem(_U);return null}),[V,b]=S.useState(!0),[n,N]=S.useState(null),[f,d]=S.useState(0),[i,h]=S.useState(!1),[_,u]=S.useState(!1),[c,s]=S.useState(!0);S.useEffect(()=>{fetch("/api/features").then(($)=>$.json()).then(($)=>{h($.projects===!0),u($.metaAgent===!0),s($.costTracking!==!1)}).catch(()=>{h(!1),u(!1),s(!0)})},[]);let l=S.useCallback(($)=>{if(w($),typeof window<"u")if($===null)localStorage.removeItem(_U);else localStorage.setItem(_U,$)},[]),g=P.find(($)=>$.id===x)||null,k=S.useCallback(async()=>{if(!i){F([]),b(!1);return}if(!Q&&!Y){F([]),b(!1);return}try{N(null);let $=await H("/api/projects");if(!$.ok)throw Error("Failed to fetch projects");let K=await $.json();if(F(K.projects||[]),d(K.unassignedCount||0),x&&x!=="unassigned"&&!K.projects.find((T)=>T.id===x))l(null)}catch($){console.error("Failed to fetch projects:",$),N("Failed to load projects")}finally{b(!1)}},[H,Q,Y,x,l,i]),j=S.useCallback(async($)=>{try{let K=await H("/api/projects",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify($)});if(!K.ok){let a=await K.json();throw Error(a.error||"Failed to create project")}let T=await K.json();return await k(),T.project}catch(K){return console.error("Failed to create project:",K),null}},[H,k]),O=S.useCallback(async($,K)=>{try{let T=await H(`/api/projects/${$}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(K)});if(!T.ok){let ZU=await T.json();throw Error(ZU.error||"Failed to update project")}let a=await T.json();return await k(),a.project}catch(T){return console.error("Failed to update project:",T),null}},[H,k]),v=S.useCallback(async($)=>{try{let K=await H(`/api/projects/${$}`,{method:"DELETE"});if(!K.ok){let T=await K.json();throw Error(T.error||"Failed to delete project")}if(x===$)l(null);return await k(),!0}catch(K){return console.error("Failed to delete project:",K),!1}},[H,x,l,k]);S.useEffect(()=>{if(!Y&&i)k()},[Y,i,k]);let G=S.useMemo(()=>({projects:P,currentProjectId:x,currentProject:g,isLoading:V,error:n,unassignedCount:f,projectsEnabled:i,metaAgentEnabled:_,costTrackingEnabled:c,setCurrentProjectId:l,createProject:j,updateProject:O,deleteProject:v,refreshProjects:k}),[P,x,g,V,n,f,i,_,c,l,j,O,v,k]);return cU.jsxDEV(oU.Provider,{value:G,children:Z},void 0,!1,void 0,this)}var p=o(BU(),1);var xU={dark:{id:"dark",name:"Dark",colors:{"--color-bg":"#0a0a0a","--color-bg-secondary":"#0f0f0f","--color-surface":"#111111","--color-surface-hover":"#0a0a0a","--color-surface-raised":"#1a1a1a","--color-border":"#1a1a1a","--color-border-light":"#222222","--color-text":"#e0e0e0","--color-text-secondary":"#888888","--color-text-muted":"#666666","--color-text-faint":"#555555","--color-accent":"#f97316","--color-accent-hover":"#ea580c","--color-accent-5":"rgba(249, 115, 22, 0.05)","--color-accent-10":"rgba(249, 115, 22, 0.1)","--color-accent-15":"rgba(249, 115, 22, 0.15)","--color-accent-20":"rgba(249, 115, 22, 0.2)","--color-accent-30":"rgba(249, 115, 22, 0.3)","--color-accent-70":"rgba(249, 115, 22, 0.7)","--color-selection-bg":"#f97316","--color-selection-text":"#0a0a0a","--color-scrollbar":"#222222","--color-scrollbar-hover":"#444444"}},light:{id:"light",name:"Light",colors:{"--color-bg":"#ffffff","--color-bg-secondary":"#f7f7f7","--color-surface":"#ffffff","--color-surface-hover":"#f5f5f5","--color-surface-raised":"#f0f0f0","--color-border":"#e0e0e0","--color-border-light":"#e8e8e8","--color-text":"#1a1a1a","--color-text-secondary":"#555555","--color-text-muted":"#777777","--color-text-faint":"#999999","--color-accent":"#ea580c","--color-accent-hover":"#c2410c","--color-accent-5":"rgba(234, 88, 12, 0.05)","--color-accent-10":"rgba(234, 88, 12, 0.1)","--color-accent-15":"rgba(234, 88, 12, 0.15)","--color-accent-20":"rgba(234, 88, 12, 0.2)","--color-accent-30":"rgba(234, 88, 12, 0.3)","--color-accent-70":"rgba(234, 88, 12, 0.7)","--color-selection-bg":"#ea580c","--color-selection-text":"#ffffff","--color-scrollbar":"#cccccc","--color-scrollbar-hover":"#aaaaaa"}},"professional-dark":{id:"professional-dark",name:"Professional Dark",colors:{"--color-bg":"#0f1117","--color-bg-secondary":"#131520","--color-surface":"#181a24","--color-surface-hover":"#1e2030","--color-surface-raised":"#232636","--color-border":"#252838","--color-border-light":"#2d3044","--color-text":"#d4d7e0","--color-text-secondary":"#8b8fa3","--color-text-muted":"#6b6f83","--color-text-faint":"#4e5266","--color-accent":"#7c3aed","--color-accent-hover":"#6d28d9","--color-accent-5":"rgba(124, 58, 237, 0.05)","--color-accent-10":"rgba(124, 58, 237, 0.1)","--color-accent-15":"rgba(124, 58, 237, 0.15)","--color-accent-20":"rgba(124, 58, 237, 0.2)","--color-accent-30":"rgba(124, 58, 237, 0.3)","--color-accent-70":"rgba(124, 58, 237, 0.7)","--color-selection-bg":"#7c3aed","--color-selection-text":"#ffffff","--color-scrollbar":"#2d3044","--color-scrollbar-hover":"#3d4058"}},"professional-light":{id:"professional-light",name:"Professional Light",colors:{"--color-bg":"#f8f9fb","--color-bg-secondary":"#f0f2f5","--color-surface":"#ffffff","--color-surface-hover":"#f5f6f8","--color-surface-raised":"#eef0f4","--color-border":"#e2e4ea","--color-border-light":"#e8eaef","--color-text":"#1a1d2b","--color-text-secondary":"#4b5066","--color-text-muted":"#6b7088","--color-text-faint":"#9298ac","--color-accent":"#6d28d9","--color-accent-hover":"#5b21b6","--color-accent-5":"rgba(109, 40, 217, 0.05)","--color-accent-10":"rgba(109, 40, 217, 0.1)","--color-accent-15":"rgba(109, 40, 217, 0.15)","--color-accent-20":"rgba(109, 40, 217, 0.2)","--color-accent-30":"rgba(109, 40, 217, 0.3)","--color-accent-70":"rgba(109, 40, 217, 0.7)","--color-selection-bg":"#6d28d9","--color-selection-text":"#ffffff","--color-scrollbar":"#cdd0d8","--color-scrollbar-hover":"#b0b4c0"}}};function lU(Z,H,Q){let Y=Z==="auto"?Q:Z==="dark";if(H==="professional")return Y?xU["professional-dark"]:xU["professional-light"];return Y?xU.dark:xU.light}var tU=o(t(),1),aU=p.createContext(null);function vM(){let Z=p.useContext(aU);if(!Z)throw Error("useTheme must be used within a ThemeProvider");return Z}var nU="apteva_theme_mode",rU="apteva_theme_style";function CM(){if(typeof window>"u")return!0;return window.matchMedia("(prefers-color-scheme: dark)").matches}function SM(Z,H){let Q=document.documentElement;for(let[Y,P]of Object.entries(Z.colors))Q.style.setProperty(Y,P);Q.setAttribute("data-theme",Z.id),Q.setAttribute("data-style",H),document.body.style.fontFamily=H==="professional"?"'Inter', system-ui, -apple-system, sans-serif":"'JetBrains Mono', monospace"}function gM({children:Z}){let[H,Q]=p.useState(()=>{if(typeof window<"u"){let N=localStorage.getItem(nU);if(N==="dark"||N==="light"||N==="auto")return N}return"auto"}),[Y,P]=p.useState(()=>{if(typeof window<"u"){let N=localStorage.getItem(rU);if(N==="classic"||N==="professional")return N}return"classic"}),[F,x]=p.useState(CM);p.useEffect(()=>{let N=window.matchMedia("(prefers-color-scheme: dark)"),f=(d)=>x(d.matches);return N.addEventListener("change",f),()=>N.removeEventListener("change",f)},[]);let w=p.useMemo(()=>lU(H,Y,F),[H,Y,F]);p.useEffect(()=>{SM(w,Y)},[w,Y]);let V=p.useCallback((N)=>{Q(N),localStorage.setItem(nU,N)},[]),b=p.useCallback((N)=>{P(N),localStorage.setItem(rU,N)},[]),n=p.useMemo(()=>({mode:H,style:Y,theme:w,setMode:V,setStyle:b}),[H,Y,w,V,b]);return tU.jsxDEV(aU.Provider,{value:n,children:Z},void 0,!1,void 0,this)}var e=o(BU(),1),MM=o(t(),1),UM=e.createContext(null),eU="apteva_ui_mode";function kM(){let Z=e.useContext(UM);if(!Z)throw Error("useUIMode must be used within a UIModeProvider");return Z}function bM({children:Z}){let[H,Q]=e.useState(()=>{if(typeof window<"u"){let V=localStorage.getItem(eU);if(V==="developer"||V==="business")return V}return"developer"}),Y=e.useCallback((V)=>{Q(V),localStorage.setItem(eU,V)},[]),P=H==="developer",F=H==="business",x=e.useCallback((V,b)=>{return H==="developer"?V:b},[H]),w=e.useMemo(()=>({mode:H,setMode:Y,isDev:P,isBusiness:F,t:x}),[H,Y,P,F,x]);return MM.jsxDEV(UM.Provider,{value:w,children:Z},void 0,!1,void 0,this)}export{o as Y,yU as Z,mM as _,fM as $,BU as aa,t as ba,KM as ca,HU as da,VM as ea,xM as fa,FM as ga,PM as ha,IM as ia,_M as ja,NU as ka,EM as la,AM as ma,TM as na,jM as oa,vM as pa,gM as qa,kM as ra,bM as sa};
|
|
19
|
+
|
|
20
|
+
//# debugId=56CA0C6A2CA5C7A264756E2164756E21
|