ai-agent-router 0.1.21 → 0.2.1

package/dist/src/app/ide/page.js

@@ -18,6 +18,7 @@ function IDEConfigPage() {
     const [reasoningModel, setReasoningModel] = (0, react_1.useState)('GLM-4.7');
     const [enabled, setEnabled] = (0, react_1.useState)(false);
     const [showPreview, setShowPreview] = (0, react_1.useState)(false);
+    const [claudeConfigSubTab, setClaudeConfigSubTab] = (0, react_1.useState)('preview');
     const [applying, setApplying] = (0, react_1.useState)(false);
     const [restoring, setRestoring] = (0, react_1.useState)(false);
     const [testing, setTesting] = (0, react_1.useState)(false);
@@ -26,9 +27,50 @@ function IDEConfigPage() {
     const [models, setModels] = (0, react_1.useState)({});
     const [loading, setLoading] = (0, react_1.useState)(true);
     const [testResult, setTestResult] = (0, react_1.useState)(null);
+    // OpenCode
+    const [opencodeDefaultModel, setOpencodeDefaultModel] = (0, react_1.useState)('GLM-4.7');
+    const [opencodeStatus, setOpencodeStatus] = (0, react_1.useState)(null);
+    const [opencodeApplying, setOpencodeApplying] = (0, react_1.useState)(false);
+    const [opencodeRestoring, setOpencodeRestoring] = (0, react_1.useState)(false);
+    const [opencodeTesting, setOpencodeTesting] = (0, react_1.useState)(false);
+    const [opencodeSaving, setOpencodeSaving] = (0, react_1.useState)(false);
+    const [opencodeTestResult, setOpencodeTestResult] = (0, react_1.useState)(null);
+    const [opencodeModels, setOpencodeModels] = (0, react_1.useState)({});
+    const [opencodePreviewConfig, setOpencodePreviewConfig] = (0, react_1.useState)(null);
+    const [opencodePreviewText, setOpencodePreviewText] = (0, react_1.useState)('');
+    const [opencodePreviewLoading, setOpencodePreviewLoading] = (0, react_1.useState)(false);
+    const [opencodeConfigSubTab, setOpencodeConfigSubTab] = (0, react_1.useState)('current');
+    // OpenClaw
+    const [openclawDefaultModel, setOpenclawDefaultModel] = (0, react_1.useState)('GLM-4.7');
+    const [openclawDefaultFallbacks, setOpenclawDefaultFallbacks] = (0, react_1.useState)([]);
+    const [openclawImageModel, setOpenclawImageModel] = (0, react_1.useState)('');
+    const [openclawImageFallbacks, setOpenclawImageFallbacks] = (0, react_1.useState)([]);
+    const [openclawStatus, setOpenclawStatus] = (0, react_1.useState)(null);
+    const [openclawApplying, setOpenclawApplying] = (0, react_1.useState)(false);
+    const [openclawRestoring, setOpenclawRestoring] = (0, react_1.useState)(false);
+    const [openclawTesting, setOpenclawTesting] = (0, react_1.useState)(false);
+    const [openclawSaving, setOpenclawSaving] = (0, react_1.useState)(false);
+    const [openclawTestResult, setOpenclawTestResult] = (0, react_1.useState)(null);
+    const [openclawModels, setOpenclawModels] = (0, react_1.useState)({});
+    const [openclawPreviewConfig, setOpenclawPreviewConfig] = (0, react_1.useState)(null);
+    const [openclawPreviewText, setOpenclawPreviewText] = (0, react_1.useState)('');
+    const [openclawPreviewLoading, setOpenclawPreviewLoading] = (0, react_1.useState)(false);
+    const [openClawDropdown, setOpenClawDropdown] = (0, react_1.useState)(null);
+    const [openClawSearch, setOpenClawSearch] = (0, react_1.useState)('');
+    const [openclawConfigSubTab, setOpenclawConfigSubTab] = (0, react_1.useState)('preview');
+    const openClawDropdownRef = (0, react_1.useRef)(null);
     const { showToast } = (0, ToastProvider_1.useToast)();
+    const openclawModelsFlat = (0, react_1.useMemo)(() => Object.entries(openclawModels).flatMap(([provider, arr]) => arr.map((m) => ({ ...m, provider }))), [openclawModels]);
+    const openclawModelsFiltered = (0, react_1.useMemo)(() => {
+        const q = openClawSearch.trim().toLowerCase();
+        if (!q)
+            return openclawModelsFlat;
+        return openclawModelsFlat.filter((m) => m.name.toLowerCase().includes(q) || m.model_id.toLowerCase().includes(q));
+    }, [openclawModelsFlat, openClawSearch]);
     // Abort controller for cancelling test
     const abortControllerRef = (0, react_1.useRef)(null);
+    const opencodeAbortRef = (0, react_1.useRef)(null);
+    const openclawAbortRef = (0, react_1.useRef)(null);
     const loadStatus = async () => {
         try {
             const res = await fetch('/api/ide/claude/status');
@@ -65,10 +107,163 @@ function IDEConfigPage() {
             console.error('Failed to load models:', error);
         }
     };
+    const loadOpenCodeStatus = async () => {
+        try {
+            const res = await fetch('/api/ide/opencode/status');
+            const data = await res.json();
+            setOpencodeStatus(data);
+            const toUse = (data.matchCurrentGateway === false && data.tempDefaultModel)
+                ? data.tempDefaultModel
+                : data.defaultModel;
+            if (toUse)
+                setOpencodeDefaultModel(toUse);
+            else if (data.defaultModel)
+                setOpencodeDefaultModel(data.defaultModel);
+        }
+        catch (error) {
+            console.error('Failed to load OpenCode status:', error);
+        }
+    };
+    const loadOpenCodeModels = async () => {
+        try {
+            const res = await fetch('/api/ide/opencode/available-models');
+            const data = await res.json();
+            setOpencodeModels(data.models || {});
+        }
+        catch (error) {
+            console.error('Failed to load OpenCode models:', error);
+        }
+    };
+    const loadOpenClawStatus = async () => {
+        try {
+            const res = await fetch('/api/ide/openclaw/status');
+            const data = await res.json();
+            setOpenclawStatus(data);
+            // Determine which values to use (temp or applied)
+            const useTemp = data.matchCurrentGateway === false && data.tempDefaultModel;
+            if (useTemp) {
+                setOpenclawDefaultModel(data.tempDefaultModel || 'GLM-4.7');
+                setOpenclawDefaultFallbacks(data.tempDefaultFallbacks || []);
+                setOpenclawImageModel(data.tempImageModel || '');
+                setOpenclawImageFallbacks(data.tempImageFallbacks || []);
+            }
+            else {
+                setOpenclawDefaultModel(data.defaultModel || 'GLM-4.7');
+                setOpenclawDefaultFallbacks(data.defaultFallbacks || []);
+                setOpenclawImageModel(data.imageModel || '');
+                setOpenclawImageFallbacks(data.imageFallbacks || []);
+            }
+        }
+        catch (error) {
+            console.error('Failed to load OpenClaw status:', error);
+        }
+    };
+    const loadOpenClawModels = async () => {
+        try {
+            const res = await fetch('/api/ide/openclaw/available-models');
+            const data = await res.json();
+            setOpenclawModels(data.models || {});
+        }
+        catch (error) {
+            console.error('Failed to load OpenClaw models:', error);
+        }
+    };
     (0, react_1.useEffect)(() => {
         loadStatus();
         loadModels();
+        loadOpenCodeStatus();
+        loadOpenCodeModels();
+        loadOpenClawStatus();
+        loadOpenClawModels();
     }, []);
+    // OpenCode Preview
+    (0, react_1.useEffect)(() => {
+        if (activeTab !== 'opencode' || !opencodeDefaultModel) {
+            setOpencodePreviewConfig(null);
+            setOpencodePreviewText('');
+            return;
+        }
+        let cancelled = false;
+        setOpencodePreviewLoading(true);
+        setOpencodePreviewConfig(null);
+        setOpencodePreviewText('');
+        fetch(`/api/ide/opencode/preview?default_model=${encodeURIComponent(opencodeDefaultModel)}`)
+            .then((res) => res.json())
+            .then((data) => {
+            if (!cancelled && data.config) {
+                setOpencodePreviewConfig(data.config);
+                setOpencodePreviewText(JSON.stringify(data.config, null, 2));
+            }
+        })
+            .catch(() => {
+            if (!cancelled)
+                setOpencodePreviewConfig(null);
+            if (!cancelled)
+                setOpencodePreviewText('');
+        })
+            .finally(() => {
+            if (!cancelled)
+                setOpencodePreviewLoading(false);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [activeTab, opencodeDefaultModel]);
+    // OpenClaw Preview
+    (0, react_1.useEffect)(() => {
+        if (activeTab !== 'openclaw' || !openclawDefaultModel) {
+            setOpenclawPreviewConfig(null);
+            setOpenclawPreviewText('');
+            return;
+        }
+        let cancelled = false;
+        setOpenclawPreviewLoading(true);
+        setOpenclawPreviewConfig(null);
+        setOpenclawPreviewText('');
+        const params = new URLSearchParams({
+            default_model: openclawDefaultModel,
+            default_fallbacks: openclawDefaultFallbacks.join(','),
+        });
+        if (openclawImageModel) {
+            params.set('image_model', openclawImageModel);
+            if (openclawImageFallbacks.length > 0) {
+                params.set('image_fallbacks', openclawImageFallbacks.join(','));
+            }
+        }
+        fetch(`/api/ide/openclaw/preview?${params.toString()}`)
+            .then((res) => res.json())
+            .then((data) => {
+            if (!cancelled && data.config) {
+                setOpenclawPreviewConfig(data.config);
+                setOpenclawPreviewText(JSON.stringify(data.config, null, 2));
+            }
+        })
+            .catch(() => {
+            if (!cancelled)
+                setOpenclawPreviewConfig(null);
+            if (!cancelled)
+                setOpenclawPreviewText('');
+        })
+            .finally(() => {
+            if (!cancelled)
+                setOpenclawPreviewLoading(false);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [activeTab, openclawDefaultModel, openclawDefaultFallbacks, openclawImageModel, openclawImageFallbacks]);
+    (0, react_1.useEffect)(() => {
+        if (openClawDropdown == null)
+            return;
+        const onDocClick = (e) => {
+            if (openClawDropdownRef.current && !openClawDropdownRef.current.contains(e.target)) {
+                setOpenClawDropdown(null);
+            }
+        };
+        document.addEventListener('mousedown', onDocClick);
+        return () => document.removeEventListener('mousedown', onDocClick);
+    }, [openClawDropdown]);
+    // Claude Handlers
     const handleApply = async () => {
         setApplying(true);
         try {
@@ -109,6 +304,7 @@ function IDEConfigPage() {
             const data = await res.json();
             if (data.success) {
                 showToast('配置已还原', 'success');
+                setClaudeConfigSubTab('current');
                 await loadStatus();
             }
             else {
@@ -200,89 +396,403 @@ function IDEConfigPage() {
             setSaving(false);
         }
     };
+    // OpenCode Handlers
+    const opencodeEnabled = opencodeStatus?.applied && opencodeStatus?.routerProvider === 'aar';
+    const handleOpenCodeApply = async () => {
+        setOpencodeApplying(true);
+        try {
+            const res = await fetch('/api/ide/opencode/apply', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    default_model: opencodeDefaultModel,
+                    ...(opencodePreviewText.trim() ? { config: opencodePreviewText } : {}),
+                }),
+            });
+            const data = await res.json();
+            if (data.success) {
+                showToast(data.message || 'OpenCode 配置应用成功', 'success');
+                await loadOpenCodeStatus();
+            }
+            else {
+                showToast('应用失败: ' + (data.error || '未知错误'), 'error');
+            }
+        }
+        catch (error) {
+            console.error('Failed to apply OpenCode config:', error);
+            showToast('应用失败: 网络错误', 'error');
+        }
+        finally {
+            setOpencodeApplying(false);
+        }
+    };
+    const handleOpenCodeRestore = async () => {
+        setOpencodeRestoring(true);
+        try {
+            const res = await fetch('/api/ide/opencode/restore', { method: 'POST' });
+            const data = await res.json();
+            if (data.success) {
+                showToast('OpenCode 配置已还原', 'success');
+                setOpencodeConfigSubTab('current');
+                await loadOpenCodeStatus();
+            }
+            else {
+                showToast('还原失败: ' + (data.error || '未知错误'), 'error');
+            }
+        }
+        catch (error) {
+            console.error('Failed to restore OpenCode config:', error);
+            showToast('还原失败: 网络错误', 'error');
+        }
+        finally {
+            setOpencodeRestoring(false);
+        }
+    };
+    const handleOpenCodeTest = async () => {
+        if (opencodeAbortRef.current) {
+            opencodeAbortRef.current.abort();
+            opencodeAbortRef.current = null;
+        }
+        opencodeAbortRef.current = new AbortController();
+        setOpencodeTesting(true);
+        setOpencodeTestResult(null);
+        try {
+            const res = await fetch('/api/ide/opencode/test', { signal: opencodeAbortRef.current.signal });
+            const data = await res.json();
+            setOpencodeTestResult(data);
+            if (data.success)
+                showToast('OpenCode 配置测试通过', 'success');
+            else
+                showToast('配置验证失败: ' + (data.error || data.suggestion || '请检查配置'), 'error');
+        }
+        catch (err) {
+            if (err.name === 'AbortError')
+                showToast('测试已取消', 'info');
+            else {
+                showToast('测试失败: 网络错误', 'error');
+                setOpencodeTestResult({ error: 'Network error' });
+            }
+        }
+        finally {
+            if (opencodeAbortRef.current?.signal.aborted === false)
+                opencodeAbortRef.current = null;
+            setOpencodeTesting(false);
+        }
+    };
+    const handleOpenCodeSave = async () => {
+        setOpencodeSaving(true);
+        try {
+            const res = await fetch('/api/ide/opencode/save', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    default_model: opencodeDefaultModel,
+                    ...(opencodePreviewText.trim() ? { config: opencodePreviewText } : {}),
+                }),
+            });
+            const data = await res.json();
+            if (data.success) {
+                showToast(data.saveType === 'temp' ? '配置已保存（临时）' : '配置已更新到 OpenCode', 'success');
+                await loadOpenCodeStatus();
+            }
+            else {
+                showToast('保存失败: ' + (data.error || '未知错误'), 'error');
+            }
+        }
+        catch (error) {
+            console.error('Failed to save OpenCode config:', error);
+            showToast('保存失败: 网络错误', 'error');
+        }
+        finally {
+            setOpencodeSaving(false);
+        }
+    };
+    const handleOpenCodeCancelTest = () => {
+        if (opencodeAbortRef.current) {
+            opencodeAbortRef.current.abort();
+            opencodeAbortRef.current = null;
+        }
+    };
+    // OpenClaw Handlers
+    const openclawEnabled = openclawStatus?.applied && openclawStatus?.routerProvider === 'aar';
+    const handleOpenClawApply = async () => {
+        setOpenclawApplying(true);
+        try {
+            const res = await fetch('/api/ide/openclaw/apply', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    default_model: openclawDefaultModel,
+                    default_fallbacks: openclawDefaultFallbacks,
+                    image_model: openclawImageModel || undefined,
+                    image_fallbacks: openclawImageFallbacks,
+                    ...(openclawPreviewText.trim() ? { config: openclawPreviewText } : {}),
+                }),
+            });
+            const data = await res.json();
+            if (data.success) {
+                showToast(data.message || 'OpenClaw 配置应用成功', 'success');
+                await loadOpenClawStatus();
+            }
+            else {
+                showToast('应用失败: ' + (data.error || '未知错误'), 'error');
+            }
+        }
+        catch (error) {
+            console.error('Failed to apply OpenClaw config:', error);
+            showToast('应用失败: 网络错误', 'error');
+        }
+        finally {
+            setOpenclawApplying(false);
+        }
+    };
+    const handleOpenClawRestore = async () => {
+        setOpenclawRestoring(true);
+        try {
+            const res = await fetch('/api/ide/openclaw/restore', { method: 'POST' });
+            const data = await res.json();
+            if (data.success) {
+                showToast('OpenClaw 配置已还原', 'success');
+                setOpenclawConfigSubTab('current');
+                await loadOpenClawStatus();
+            }
+            else {
+                showToast('还原失败: ' + (data.error || '未知错误'), 'error');
+            }
+        }
+        catch (error) {
+            console.error('Failed to restore OpenClaw config:', error);
+            showToast('还原失败: 网络错误', 'error');
+        }
+        finally {
+            setOpenclawRestoring(false);
+        }
+    };
+    const handleOpenClawTest = async () => {
+        if (openclawAbortRef.current) {
+            openclawAbortRef.current.abort();
+            openclawAbortRef.current = null;
+        }
+        openclawAbortRef.current = new AbortController();
+        setOpenclawTesting(true);
+        setOpenclawTestResult(null);
+        try {
+            const res = await fetch('/api/ide/openclaw/test', { signal: openclawAbortRef.current.signal });
+            const data = await res.json();
+            setOpenclawTestResult(data);
+            if (data.success)
+                showToast('OpenClaw 配置测试通过', 'success');
+            else
+                showToast('配置验证失败: ' + (data.error || data.suggestion || '请检查配置'), 'error');
+        }
+        catch (err) {
+            if (err.name === 'AbortError')
+                showToast('测试已取消', 'info');
+            else {
+                showToast('测试失败: 网络错误', 'error');
+                setOpenclawTestResult({ error: 'Network error' });
+            }
+        }
+        finally {
+            if (openclawAbortRef.current?.signal.aborted === false)
+                openclawAbortRef.current = null;
+            setOpenclawTesting(false);
+        }
+    };
+    const handleOpenClawSave = async () => {
+        setOpenclawSaving(true);
+        try {
+            const res = await fetch('/api/ide/openclaw/save', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    default_model: openclawDefaultModel,
+                    default_fallbacks: openclawDefaultFallbacks,
+                    image_model: openclawImageModel || undefined,
+                    image_fallbacks: openclawImageFallbacks,
+                    ...(openclawPreviewText.trim() ? { config: openclawPreviewText } : {}),
+                }),
+            });
+            const data = await res.json();
+            if (data.success) {
+                showToast(data.saveType === 'temp' ? '配置已保存（临时）' : '配置已更新到 OpenClaw', 'success');
+                await loadOpenClawStatus();
+            }
+            else {
+                showToast('保存失败: ' + (data.error || '未知错误'), 'error');
+            }
+        }
+        catch (error) {
+            console.error('Failed to save OpenClaw config:', error);
+            showToast('保存失败: 网络错误', 'error');
+        }
+        finally {
+            setOpenclawSaving(false);
+        }
+    };
+    const handleOpenClawCancelTest = () => {
+        if (openclawAbortRef.current) {
+            openclawAbortRef.current.abort();
+            openclawAbortRef.current = null;
+        }
+    };
     if (loading) {
         return ((0, jsx_runtime_1.jsx)("div", { className: "min-h-screen flex items-center justify-center bg-slate-50/80", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-8 h-8 border-2 border-slate-200 border-t-slate-900 rounded-full animate-spin" }), (0, jsx_runtime_1.jsx)("div", { className: "text-xs font-medium text-slate-500", children: "\u52A0\u8F7D\u4E2D..." })] }) }));
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "min-h-screen bg-slate-50/80", children: [(0, jsx_runtime_1.jsx)(Nav_1.default, {}), (0, jsx_runtime_1.jsxs)("main", { className: "max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-12", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-10", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-2xl font-semibold text-slate-900 tracking-tight", children: "IDE \u914D\u7F6E" }), (0, jsx_runtime_1.jsx)("span", { className: "px-2.5 py-0.5 text-xs font-medium text-slate-600 bg-slate-100/80 rounded-full border border-slate-200/50", children: "v1.0" })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-slate-500", children: "\u914D\u7F6E Claude Code \u548C Cursor \u7684\u6A21\u578B\u4EE3\u7406\u8BBE\u7F6E" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-white/60 backdrop-blur-md rounded-xl border border-slate-200/50 shadow-sm", children: [(0, jsx_runtime_1.jsx)("div", { className: "border-b border-slate-200/50 bg-white/40", children: (0, jsx_runtime_1.jsxs)("nav", { className: "flex gap-1 px-5", "aria-label": "Tabs", children: [(0, jsx_runtime_1.jsxs)("button", { onClick: () => setActiveTab('claude'), className: `relative px-4 py-3.5 text-sm font-medium transition-all duration-200 ${activeTab === 'claude'
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "min-h-screen bg-slate-50/80", children: [(0, jsx_runtime_1.jsx)(Nav_1.default, {}), (0, jsx_runtime_1.jsxs)("main", { className: "max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-12", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-10", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-2xl font-semibold text-slate-900 tracking-tight", children: "IDE \u914D\u7F6E" }), (0, jsx_runtime_1.jsx)("span", { className: "px-2.5 py-0.5 text-xs font-medium text-slate-600 bg-slate-100/80 rounded-full border border-slate-200/50", children: "v1.0" })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-slate-500", children: "\u914D\u7F6E Claude Code\u3001OpenCode \u548C OpenClaw \u7684\u6A21\u578B\u4EE3\u7406\u8BBE\u7F6E" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-white/60 backdrop-blur-md rounded-xl border border-slate-200/50 shadow-sm", children: [(0, jsx_runtime_1.jsx)("div", { className: "border-b border-slate-200/50 bg-white/40", children: (0, jsx_runtime_1.jsxs)("nav", { className: "flex gap-1 px-5", "aria-label": "Tabs", children: [(0, jsx_runtime_1.jsxs)("button", { onClick: () => setActiveTab('claude'), className: `relative px-4 py-3.5 text-sm font-medium transition-all duration-200 ${activeTab === 'claude'
+                                                ? 'text-slate-900'
+                                                : 'text-slate-400 hover:text-slate-600'}`, children: ["Claude Code", activeTab === 'claude' && ((0, jsx_runtime_1.jsx)("span", { className: "absolute bottom-0 left-4 right-4 h-[2px] bg-slate-900 rounded-full" }))] }), (0, jsx_runtime_1.jsxs)("button", { onClick: () => setActiveTab('opencode'), className: `relative px-4 py-3.5 text-sm font-medium transition-all duration-200 ${activeTab === 'opencode'
+                                                ? 'text-slate-900'
+                                                : 'text-slate-400 hover:text-slate-600'}`, children: ["OpenCode", activeTab === 'opencode' && ((0, jsx_runtime_1.jsx)("span", { className: "absolute bottom-0 left-4 right-4 h-[2px] bg-slate-900 rounded-full" }))] }), (0, jsx_runtime_1.jsxs)("button", { onClick: () => setActiveTab('openclaw'), className: `relative px-4 py-3.5 text-sm font-medium transition-all duration-200 ${activeTab === 'openclaw'
                                                 ? 'text-slate-900'
-                                                : 'text-slate-400 hover:text-slate-600'}`, children: ["Claude Code", activeTab === 'claude' && ((0, jsx_runtime_1.jsx)("span", { className: "absolute bottom-0 left-4 right-4 h-[2px] bg-slate-900 rounded-full" }))] }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setActiveTab('cursor'), disabled: true, className: "relative px-4 py-3.5 text-sm font-medium text-slate-300 disabled:cursor-not-allowed", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: ["Cursor", (0, jsx_runtime_1.jsx)("span", { className: "px-2 py-0.5 text-[10px] font-medium text-slate-400 bg-slate-100/60 rounded-full border border-slate-200/50", children: "\u5373\u5C06\u63A8\u51FA" })] }) })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "p-5 sm:p-6", children: activeTab === 'claude' && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-6", children: [status && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3 px-4 bg-white/60 rounded-lg border border-slate-200/50", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: `w-6 h-6 rounded-full flex items-center justify-center ${status.applied
-                                                                ? 'bg-emerald-100 text-emerald-600'
-                                                                : 'bg-slate-100 text-slate-400'}`, children: status.applied ? ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M5 13l4 4L19 7" }) })) : ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01" }) })) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2.5", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-sm font-medium text-slate-700", children: status.applied ? '已配置' : '未配置' }), status.applied && status.matchCurrentGateway !== undefined && ((0, jsx_runtime_1.jsx)("span", { className: `inline-flex items-center px-2 py-0.5 text-[10px] font-medium rounded-full border ${status.matchCurrentGateway
-                                                                        ? 'bg-emerald-50/80 text-emerald-700 border-emerald-200/60'
-                                                                        : 'bg-amber-50/80 text-amber-700 border-amber-200/60'}`, children: status.matchCurrentGateway ? '匹配当前网关' : '不匹配' }))] })] }), status.lastUpdated && ((0, jsx_runtime_1.jsx)("div", { className: "text-[11px] text-slate-400 font-mono", children: new Date(status.lastUpdated).toLocaleString('zh-CN', {
-                                                        month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit'
-                                                    }) }))] })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-[11px] font-medium text-slate-400 mb-5", children: "\u6A21\u578B\u6620\u5C04" }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                                                        {
-                                                            key: 'haiku',
-                                                            label: 'Haiku',
-                                                            icon: ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M13 10V3L4 14h7v7l9-11h-7z" }) })),
-                                                            description: '快速响应',
-                                                            value: haikuModel,
-                                                            onChange: setHaikuModel,
-                                                        },
-                                                        {
-                                                            key: 'sonnet',
-                                                            label: 'Sonnet',
-                                                            icon: ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" }) })),
-                                                            description: '平衡性能',
-                                                            value: sonnetModel,
-                                                            onChange: setSonnetModel,
-                                                        },
-                                                        {
-                                                            key: 'opus',
-                                                            label: 'Opus',
-                                                            icon: ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M9.663 17h4.673M12 3v1m6.364 5.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" }) })),
-                                                            description: '深度思考',
-                                                            value: opusModel,
-                                                            onChange: setOpusModel,
-                                                        },
-                                                        {
-                                                            key: 'default',
-                                                            label: '默认',
-                                                            icon: ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z" }) })),
-                                                            description: '主要模型',
-                                                            value: defaultModel,
-                                                            onChange: setDefaultModel,
-                                                        },
-                                                        {
-                                                            key: 'reasoning',
-                                                            label: '推理',
-                                                            icon: ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 14.9a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 1.414l-5-5A2 2 0 009 10.172V5L8 4z" }) })),
-                                                            description: '复杂推理',
-                                                            value: reasoningModel,
-                                                            onChange: setReasoningModel,
-                                                        },
-                                                    ].map((config) => ((0, jsx_runtime_1.jsx)("div", { className: "group relative bg-gradient-to-br from-white/50 to-transparent hover:from-slate-50/60 rounded-xl border border-slate-200/50 p-4 transition-all duration-300 hover:border-slate-300/60 hover:shadow-sm", children: (0, jsx_runtime_1.jsxs)("label", { htmlFor: config.key, className: "cursor-pointer", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2.5 mb-2.5 relative group/tip", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-7 h-7 rounded-lg bg-slate-100/80 text-slate-600 flex items-center justify-center", children: config.icon }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2.5", children: (0, jsx_runtime_1.jsx)("span", { className: "text-[11px] font-medium text-slate-700", children: config.label }) }), (0, jsx_runtime_1.jsx)("div", { className: "absolute left-9 top-0 mt-8 w-28 rounded-lg bg-slate-900/95 backdrop-blur-md px-3 py-2 text-[10px] text-slate-200 shadow-xl opacity-0 invisible group-hover/tip:opacity-100 group-hover/tip:visible transition-all duration-200 z-10", children: config.description })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsx)("select", { id: config.key, value: config.value, onChange: (e) => config.onChange(e.target.value), className: "w-full appearance-none rounded-lg border border-slate-200/80 bg-white/90 backdrop-blur-sm px-3 py-2 pr-7 text-[11px] font-medium text-slate-700 shadow-sm transition-all duration-200 hover:border-slate-300/80 hover:bg-white focus:border-slate-400/80 focus:ring-2 focus:ring-slate-200/50 focus:outline-none cursor-pointer", children: Object.entries(models).map(([provider, providerModels]) => ((0, jsx_runtime_1.jsx)("optgroup", { label: provider, children: providerModels.map((model) => ((0, jsx_runtime_1.jsx)("option", { value: model.model_id, children: model.name }, model.id))) }, provider))) }), (0, jsx_runtime_1.jsx)("div", { className: "absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none", children: (0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-[10px] text-slate-500 mt-2.5 group-hover:text-slate-600 transition-colors", children: config.description })] }) }, config.key))) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-3 gap-3 pt-1", children: [(0, jsx_runtime_1.jsx)("button", { onClick: enabled ? handleRestore : handleApply, disabled: applying || restoring, className: `w-full px-4 py-2.5 text-xs font-medium rounded-lg border transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2 ${enabled
-                                                        ? 'bg-white border-slate-200/80 text-slate-700 hover:border-slate-300 hover:bg-slate-50'
-                                                        : 'bg-slate-900 border-slate-900 text-white hover:bg-slate-800'}`, children: applying ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("svg", { className: "animate-spin w-3.5 h-3.5", fill: "none", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3" }), (0, jsx_runtime_1.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), enabled ? '还原中' : '应用中'] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [enabled ? ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" }) })) : ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })), enabled ? '还原配置' : '应用配置'] })) }), testing ? ((0, jsx_runtime_1.jsxs)("button", { onClick: handleCancelTest, className: "w-full px-4 py-2.5 text-xs font-medium rounded-lg border border-amber-200/80 bg-amber-50 text-amber-700 hover:bg-amber-100 transition-all duration-200 flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsxs)("svg", { className: "animate-spin w-3.5 h-3.5", fill: "none", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3" }), (0, jsx_runtime_1.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), "\u53D6\u6D88\u6D4B\u8BD5"] })) : ((0, jsx_runtime_1.jsxs)("button", { onClick: handleTest, className: "w-full px-4 py-2.5 text-xs font-medium rounded-lg border border-slate-200/80 bg-white text-slate-700 hover:bg-slate-50 transition-all duration-200 flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" }) }), "\u6D4B\u8BD5\u914D\u7F6E"] })), enabled ? ((0, jsx_runtime_1.jsx)("button", { onClick: handleSave, disabled: saving, className: "w-full px-4 py-2.5 text-xs font-medium rounded-lg border border-emerald-200/80 bg-emerald-50 text-emerald-700 hover:bg-emerald-100 transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2", children: saving ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("svg", { className: "animate-spin w-3.5 h-3.5", fill: "none", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3" }), (0, jsx_runtime_1.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), "\u4FDD\u5B58\u4E2D"] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z" }), (0, jsx_runtime_1.jsx)("polyline", { points: "17 21 17 13 7 13 7 21" })] }), "\u4FDD\u5B58\u914D\u7F6E"] })) })) : ((0, jsx_runtime_1.jsx)("button", { onClick: handleSave, disabled: saving, className: "w-full px-4 py-2.5 text-xs font-medium rounded-lg border border-indigo-200/80 bg-indigo-50 text-indigo-700 hover:bg-indigo-100 transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2", children: saving ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("svg", { className: "animate-spin w-3.5 h-3.5", fill: "none", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3" }), (0, jsx_runtime_1.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), "\u4FDD\u5B58\u4E2D"] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z" }), (0, jsx_runtime_1.jsx)("polyline", { points: "17 21 17 13 7 13 7 21" })] }), "\u4FDD\u5B58\u914D\u7F6E"] })) }))] }), testResult && ((0, jsx_runtime_1.jsx)("div", { className: `rounded-lg border px-4 py-3 ${testResult.success
-                                                ? 'bg-emerald-50/60 border-emerald-200/60'
-                                                : 'bg-rose-50/60 border-rose-200/60'}`, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: `w-5 h-5 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5 ${testResult.success ? 'bg-emerald-500' : 'bg-rose-500'}`, children: testResult.success ? ((0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M5 13l4 4L19 7" }) })) : ((0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M6 18L18 6M6 6l12 12" }) })) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs font-medium mb-1", children: testResult.success ? '配置验证成功' : '配置验证失败' }), (0, jsx_runtime_1.jsx)("p", { className: `text-[11px] ${testResult.success ? 'text-emerald-700/80' : 'text-rose-700/80'}`, children: testResult.success ? 'Claude Code 可以正常工作' : '请检查配置' }), testResult.checks && ((0, jsx_runtime_1.jsx)("div", { className: "mt-3 pt-3 border-t border-white/40", children: (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-3 gap-2", children: Object.entries(testResult.checks).map(([key, value]) => {
-                                                                        const labels = {
-                                                                            hasBaseUrl: '网关',
-                                                                            hasApiKey: 'API Key',
-                                                                            hasHaikuModel: 'Haiku',
-                                                                            hasSonnetModel: 'Sonnet',
-                                                                            hasOpusModel: 'Opus',
-                                                                            hasDefaultModel: '默认模型',
-                                                                            hasReasoningModel: '推理模型',
-                                                                            isFromAar: '来源'
-                                                                        };
-                                                                        return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5", children: [value ? ((0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 text-emerald-500 flex-shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M5 13l4 4L19 7" }) })) : ((0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 text-rose-500 flex-shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M6 18L18 6M6 6l12 12" }) })), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] text-slate-600", children: labels[key] || key })] }, key));
-                                                                    }) }) })), testResult.claudeTest && ((0, jsx_runtime_1.jsx)("div", { className: "mt-3 pt-3 border-t border-white/40", children: testResult.claudeTest.success ? ((0, jsx_runtime_1.jsxs)("p", { className: "text-[10px] text-emerald-700", children: [testResult.claudeTest.message, testResult.claudeTest.output && ((0, jsx_runtime_1.jsxs)("span", { className: "text-[10px] text-slate-500 ml-1.5", children: ["\u8F93\u51FA: ", testResult.claudeTest.output] }))] })) : ((0, jsx_runtime_1.jsx)("p", { className: "text-[10px] text-rose-700 font-mono bg-rose-100/50 px-2 py-1 rounded inline-block", children: testResult.claudeTest.error })) })), testResult.configSummary && ((0, jsx_runtime_1.jsxs)("details", { className: "mt-3 group", children: [(0, jsx_runtime_1.jsxs)("summary", { className: "cursor-pointer text-[10px] text-slate-500 hover:text-slate-700 list-none flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 transition-transform group-open:rotate-90", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }), "\u914D\u7F6E\u8BE6\u60C5"] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-2 space-y-1.5 text-[10px]", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between py-1 border-b border-slate-200/40", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-500", children: "\u7F51\u5173" }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-slate-700", children: testResult.configSummary.baseUrl })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between py-1 border-b border-slate-200/40", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-500", children: "API Key" }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-slate-700", children: testResult.configSummary.apiKey })] }), testResult.configSummary.routerProvider && ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between py-1 border-b border-slate-200/40", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-500", children: "\u6765\u6E90" }), (0, jsx_runtime_1.jsx)("span", { className: "text-slate-700", children: testResult.configSummary.routerProvider === 'aar' ? '当前工具' : testResult.configSummary.routerProvider })] })), testResult.configSummary.haikuModel !== 'not set' && ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between py-1 border-b border-slate-200/40", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-500", children: "Haiku" }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-slate-700", children: testResult.configSummary.haikuModel })] })), testResult.configSummary.sonnetModel !== 'not set' && ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between py-1 border-b border-slate-200/40", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-500", children: "Sonnet" }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-slate-700", children: testResult.configSummary.sonnetModel })] })), testResult.configSummary.opusModel !== 'not set' && ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between py-1", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-500", children: "Opus" }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-slate-700", children: testResult.configSummary.opusModel })] }))] })] }))] })] }) })), (0, jsx_runtime_1.jsxs)("details", { className: "group", children: [(0, jsx_runtime_1.jsxs)("summary", { className: "cursor-pointer text-[11px] text-slate-500 hover:text-slate-700 list-none flex items-center gap-1.5 py-1", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 transition-transform group-open:rotate-90", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }), (0, jsx_runtime_1.jsx)("span", { children: "\u914D\u7F6E\u9884\u89C8" })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-3", children: (0, jsx_runtime_1.jsxs)("div", { className: "relative overflow-hidden rounded-lg bg-slate-950 border border-slate-800", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 px-3 py-2 bg-slate-900 border-b border-slate-800", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] font-medium text-slate-400 ml-2", children: "settings.json" })] }), (0, jsx_runtime_1.jsx)("pre", { className: "p-3.5 text-[10px] text-slate-300 font-mono overflow-x-auto bg-slate-950", children: JSON.stringify({
-                                                                    router_provider: 'aar',
-                                                                    env: {
-                                                                        ANTHROPIC_AUTH_TOKEN: status?.apiKey && status.apiKey !== 'your-gateway-api-key'
-                                                                            ? '****' + status.apiKey.slice(-8)
-                                                                            : 'your-gateway-api-key',
-                                                                        ANTHROPIC_BASE_URL: status?.gatewayAddress || 'http://localhost:3000',
-                                                                        ANTHROPIC_DEFAULT_HAIKU_MODEL: haikuModel,
-                                                                        ANTHROPIC_DEFAULT_SONNET_MODEL: sonnetModel,
-                                                                        ANTHROPIC_DEFAULT_OPUS_MODEL: opusModel,
-                                                                        ANTHROPIC_MODEL: defaultModel,
-                                                                        ANTHROPIC_REASONING_MODEL: reasoningModel,
-                                                                        API_TIMEOUT_MS: '3000000',
-                                                                        CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC: 1,
-                                                                        hasCompletedOnboarding: true,
-                                                                    },
-                                                                }, null, 2) })] }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "rounded-lg border border-slate-200/50 bg-slate-50/60 px-4 py-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 mb-2.5", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-4 h-4 text-slate-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }), (0, jsx_runtime_1.jsx)("h3", { className: "text-xs font-semibold text-slate-700", children: "\u4F7F\u7528\u8BF4\u660E" })] }), (0, jsx_runtime_1.jsxs)("ul", { className: "space-y-1.5 text-[10px] text-slate-600", children: [(0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "1." }), (0, jsx_runtime_1.jsx)("span", { children: "\u4E3A\u6BCF\u4E2A\u6A21\u578B\u7C7B\u522B\u9009\u62E9\u5BF9\u5E94\u7684\u8DEF\u7531\u6A21\u578B" })] }), (0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "2." }), (0, jsx_runtime_1.jsx)("span", { children: "\u4E0B\u65B9\u914D\u7F6E\u9884\u89C8\u4F1A\u5B9E\u65F6\u66F4\u65B0" })] }), (0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "3." }), (0, jsx_runtime_1.jsx)("span", { children: "\u70B9\u51FB\"\u4FDD\u5B58\u914D\u7F6E\"\u53EF\u4E34\u65F6\u4FDD\u5B58\u5F53\u524D\u9009\u62E9" })] }), (0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "4." }), (0, jsx_runtime_1.jsx)("span", { children: "\u70B9\u51FB\"\u5E94\u7528\u914D\u7F6E\"\u5C06\u8BBE\u7F6E\u5199\u5165 Claude Code" })] }), (0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "5." }), (0, jsx_runtime_1.jsx)("span", { children: "\u914D\u7F6E\u6587\u4EF6\u4F4D\u4E8E ~/.claude/settings.json" })] }), (0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "6." }), (0, jsx_runtime_1.jsx)("span", { children: "\u4E34\u65F6\u914D\u7F6E\u4FDD\u5B58\u5728 ~/.aar/settings.tmp.json" })] }), (0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "7." }), (0, jsx_runtime_1.jsx)("span", { children: "\u70B9\u51FB\"\u8FD8\u539F\u914D\u7F6E\"\u53EF\u6062\u590D\u5230\u5E94\u7528\u524D\u7684\u72B6\u6001" })] })] })] })] })) })] })] })] }));
+                                                : 'text-slate-400 hover:text-slate-600'}`, children: ["OpenClaw", activeTab === 'openclaw' && ((0, jsx_runtime_1.jsx)("span", { className: "absolute bottom-0 left-4 right-4 h-[2px] bg-slate-900 rounded-full" }))] }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setActiveTab('cursor'), disabled: true, className: "relative px-4 py-3.5 text-sm font-medium text-slate-300 disabled:cursor-not-allowed", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: ["Cursor", (0, jsx_runtime_1.jsx)("span", { className: "px-2 py-0.5 text-[10px] font-medium text-slate-400 bg-slate-100/60 rounded-full border border-slate-200/50", children: "\u5373\u5C06\u63A8\u51FA" })] }) })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "p-5 sm:p-6", children: [activeTab === 'claude' && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-6", children: [status && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3 px-4 bg-white/60 rounded-lg border border-slate-200/50", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: `w-6 h-6 rounded-full flex items-center justify-center ${status.applied
+                                                                    ? 'bg-emerald-100 text-emerald-600'
+                                                                    : 'bg-slate-100 text-slate-400'}`, children: status.applied ? ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M5 13l4 4L19 7" }) })) : ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01" }) })) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2.5", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-sm font-medium text-slate-700", children: status.applied ? '已配置' : '未配置' }), status.applied && status.routerProvider === 'aar' && status.matchCurrentGateway !== undefined && ((0, jsx_runtime_1.jsx)("span", { className: `inline-flex items-center px-2 py-0.5 text-[10px] font-medium rounded-full border ${status.matchCurrentGateway
+                                                                            ? 'bg-emerald-50/80 text-emerald-700 border-emerald-200/60'
+                                                                            : 'bg-amber-50/80 text-amber-700 border-amber-200/60'}`, children: status.matchCurrentGateway ? '匹配配置' : '不匹配' }))] })] }), status.lastUpdated && ((0, jsx_runtime_1.jsx)("div", { className: "text-[11px] text-slate-400 font-mono", children: new Date(status.lastUpdated).toLocaleString('zh-CN', {
+                                                            month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit'
+                                                        }) }))] })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-[11px] font-medium text-slate-400 mb-5", children: "\u6A21\u578B\u6620\u5C04" }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                                                            {
+                                                                key: 'haiku',
+                                                                label: 'Haiku',
+                                                                icon: ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M13 10V3L4 14h7v7l9-11h-7z" }) })),
+                                                                description: '快速响应',
+                                                                value: haikuModel,
+                                                                onChange: setHaikuModel,
+                                                            },
+                                                            {
+                                                                key: 'sonnet',
+                                                                label: 'Sonnet',
+                                                                icon: ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" }) })),
+                                                                description: '平衡性能',
+                                                                value: sonnetModel,
+                                                                onChange: setSonnetModel,
+                                                            },
+                                                            {
+                                                                key: 'opus',
+                                                                label: 'Opus',
+                                                                icon: ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M9.663 17h4.673M12 3v1m6.364 5.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" }) })),
+                                                                description: '深度思考',
+                                                                value: opusModel,
+                                                                onChange: setOpusModel,
+                                                            },
+                                                            {
+                                                                key: 'default',
+                                                                label: '默认',
+                                                                icon: ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z" }) })),
+                                                                description: '主要模型',
+                                                                value: defaultModel,
+                                                                onChange: setDefaultModel,
+                                                            },
+                                                            {
+                                                                key: 'reasoning',
+                                                                label: '推理',
+                                                                icon: ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 14.9a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 1.414l-5-5A2 2 0 009 10.172V5L8 4z" }) })),
+                                                                description: '复杂推理',
+                                                                value: reasoningModel,
+                                                                onChange: setReasoningModel,
+                                                            },
+                                                        ].map((config) => ((0, jsx_runtime_1.jsx)("div", { className: "group relative bg-gradient-to-br from-white/50 to-transparent hover:from-slate-50/60 rounded-xl border border-slate-200/50 p-4 transition-all duration-300 hover:border-slate-300/60 hover:shadow-sm", children: (0, jsx_runtime_1.jsxs)("label", { htmlFor: config.key, className: "cursor-pointer", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2.5 mb-2.5 relative group/tip", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-7 h-7 rounded-lg bg-slate-100/80 text-slate-600 flex items-center justify-center", children: config.icon }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2.5", children: (0, jsx_runtime_1.jsx)("span", { className: "text-[11px] font-medium text-slate-700", children: config.label }) }), (0, jsx_runtime_1.jsx)("div", { className: "absolute left-9 top-0 mt-8 w-28 rounded-lg bg-slate-900/95 backdrop-blur-md px-3 py-2 text-[10px] text-slate-200 shadow-xl opacity-0 invisible group-hover/tip:opacity-100 group-hover/tip:visible transition-all duration-200 z-10", children: config.description })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsx)("select", { id: config.key, value: config.value, onChange: (e) => config.onChange(e.target.value), className: "w-full appearance-none rounded-lg border border-slate-200/80 bg-white/90 backdrop-blur-sm px-3 py-2 pr-7 text-[11px] font-medium text-slate-700 shadow-sm transition-all duration-200 hover:border-slate-300/80 hover:bg-white focus:border-slate-400/80 focus:ring-2 focus:ring-slate-200/50 focus:outline-none cursor-pointer", children: Object.entries(models).map(([provider, providerModels]) => ((0, jsx_runtime_1.jsx)("optgroup", { label: provider, children: providerModels.map((model) => ((0, jsx_runtime_1.jsx)("option", { value: model.model_id, children: model.name }, model.id))) }, provider))) }), (0, jsx_runtime_1.jsx)("div", { className: "absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none", children: (0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-[10px] text-slate-500 mt-2.5 group-hover:text-slate-600 transition-colors", children: config.description })] }) }, config.key))) })] }), (0, jsx_runtime_1.jsxs)("div", { className: `grid gap-3 pt-1 ${status?.backupExists ? 'grid-cols-3' : 'grid-cols-2'}`, children: [(0, jsx_runtime_1.jsx)("button", { onClick: handleApply, disabled: applying, className: "w-full px-4 py-2.5 text-xs font-medium rounded-lg border border-slate-900 bg-slate-900 text-white hover:bg-slate-800 transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2", children: applying ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("svg", { className: "animate-spin w-3.5 h-3.5", fill: "none", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3" }), (0, jsx_runtime_1.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), "\u5E94\u7528\u4E2D"] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }), enabled ? '更新配置' : '应用配置'] })) }), status?.backupExists && ((0, jsx_runtime_1.jsx)("button", { onClick: handleRestore, disabled: restoring, className: "w-full px-4 py-2.5 text-xs font-medium rounded-lg border border-slate-200/80 bg-white text-slate-700 hover:border-slate-300 hover:bg-slate-50 transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2", children: restoring ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("svg", { className: "animate-spin w-3.5 h-3.5", fill: "none", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3" }), (0, jsx_runtime_1.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), "\u8FD8\u539F\u4E2D"] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" }) }), "\u8FD8\u539F\u914D\u7F6E"] })) })), testing ? ((0, jsx_runtime_1.jsxs)("button", { onClick: handleCancelTest, className: "w-full px-4 py-2.5 text-xs font-medium rounded-lg border border-amber-200/80 bg-amber-50 text-amber-700 hover:bg-amber-100 transition-all duration-200 flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsxs)("svg", { className: "animate-spin w-3.5 h-3.5", fill: "none", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3" }), (0, jsx_runtime_1.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), "\u53D6\u6D88\u6D4B\u8BD5"] })) : ((0, jsx_runtime_1.jsxs)("button", { onClick: handleTest, className: "w-full px-4 py-2.5 text-xs font-medium rounded-lg border border-slate-200/80 bg-white text-slate-700 hover:bg-slate-50 transition-all duration-200 flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" }) }), "\u6D4B\u8BD5\u914D\u7F6E"] }))] }), testResult && ((0, jsx_runtime_1.jsx)("div", { className: `rounded-lg border px-4 py-3 ${testResult.success
+                                                    ? 'bg-emerald-50/60 border-emerald-200/60'
+                                                    : 'bg-rose-50/60 border-rose-200/60'}`, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: `w-5 h-5 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5 ${testResult.success ? 'bg-emerald-500' : 'bg-rose-500'}`, children: testResult.success ? ((0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M5 13l4 4L19 7" }) })) : ((0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M6 18L18 6M6 6l12 12" }) })) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs font-medium mb-1", children: testResult.success ? '配置验证成功' : '配置验证失败' }), (0, jsx_runtime_1.jsx)("p", { className: `text-[11px] ${testResult.success ? 'text-emerald-700/80' : 'text-rose-700/80'}`, children: testResult.success ? 'Claude Code 可以正常工作' : '请检查配置' }), testResult.checks && ((0, jsx_runtime_1.jsx)("div", { className: "mt-3 pt-3 border-t border-white/40", children: (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-3 gap-2", children: Object.entries(testResult.checks).map(([key, value]) => {
+                                                                            const labels = {
+                                                                                hasBaseUrl: '网关',
+                                                                                hasApiKey: 'API Key',
+                                                                                hasHaikuModel: 'Haiku',
+                                                                                hasSonnetModel: 'Sonnet',
+                                                                                hasOpusModel: 'Opus',
+                                                                                hasDefaultModel: '默认模型',
+                                                                                hasReasoningModel: '推理模型',
+                                                                                isFromAar: '来源'
+                                                                            };
+                                                                            return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5", children: [value ? ((0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 text-emerald-500 flex-shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M5 13l4 4L19 7" }) })) : ((0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 text-rose-500 flex-shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M6 18L18 6M6 6l12 12" }) })), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] text-slate-600", children: labels[key] || key })] }, key));
+                                                                        }) }) })), testResult.claudeTest && ((0, jsx_runtime_1.jsx)("div", { className: "mt-3 pt-3 border-t border-white/40", children: testResult.claudeTest.success ? ((0, jsx_runtime_1.jsxs)("p", { className: "text-[10px] text-emerald-700", children: [testResult.claudeTest.message, testResult.claudeTest.output && ((0, jsx_runtime_1.jsxs)("span", { className: "text-[10px] text-slate-500 ml-1.5", children: ["\u8F93\u51FA: ", testResult.claudeTest.output] }))] })) : ((0, jsx_runtime_1.jsx)("p", { className: "text-[10px] text-rose-700 font-mono bg-rose-100/50 px-2 py-1 rounded inline-block", children: testResult.claudeTest.error })) })), testResult.configSummary && ((0, jsx_runtime_1.jsxs)("details", { className: "mt-3 group", children: [(0, jsx_runtime_1.jsxs)("summary", { className: "cursor-pointer text-[10px] text-slate-500 hover:text-slate-700 list-none flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 transition-transform group-open:rotate-90", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }), "\u914D\u7F6E\u8BE6\u60C5"] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-2 space-y-1.5 text-[10px]", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between py-1 border-b border-slate-200/40", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-500", children: "\u7F51\u5173" }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-slate-700", children: testResult.configSummary.baseUrl })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between py-1 border-b border-slate-200/40", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-500", children: "API Key" }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-slate-700", children: testResult.configSummary.apiKey })] }), testResult.configSummary.routerProvider && ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between py-1 border-b border-slate-200/40", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-500", children: "\u6765\u6E90" }), (0, jsx_runtime_1.jsx)("span", { className: "text-slate-700", children: testResult.configSummary.routerProvider === 'aar' ? '当前工具' : testResult.configSummary.routerProvider })] })), testResult.configSummary.haikuModel !== 'not set' && ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between py-1 border-b border-slate-200/40", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-500", children: "Haiku" }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-slate-700", children: testResult.configSummary.haikuModel })] })), testResult.configSummary.sonnetModel !== 'not set' && ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between py-1 border-b border-slate-200/40", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-500", children: "Sonnet" }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-slate-700", children: testResult.configSummary.sonnetModel })] })), testResult.configSummary.opusModel !== 'not set' && ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between py-1", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-500", children: "Opus" }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-slate-700", children: testResult.configSummary.opusModel })] }))] })] }))] })] }) })), (0, jsx_runtime_1.jsxs)("details", { className: "group", open: true, children: [(0, jsx_runtime_1.jsxs)("summary", { className: "cursor-pointer text-[11px] text-slate-500 hover:text-slate-700 list-none flex items-center gap-1.5 py-1", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 transition-transform group-open:rotate-90", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }), (0, jsx_runtime_1.jsx)("span", { children: "\u914D\u7F6E" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex border border-slate-200 rounded-t-lg overflow-hidden bg-slate-100/90", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => setClaudeConfigSubTab('preview'), className: `flex-1 px-4 py-2.5 text-[11px] transition-all ${claudeConfigSubTab === 'preview'
+                                                                            ? 'bg-white text-slate-800 font-semibold shadow-sm'
+                                                                            : 'text-slate-500 font-medium hover:bg-slate-200/80 hover:text-slate-600'}`, children: "\u9884\u89C8" }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => setClaudeConfigSubTab('current'), className: `flex-1 px-4 py-2.5 text-[11px] transition-all ${claudeConfigSubTab === 'current'
+                                                                            ? 'bg-white text-slate-800 font-semibold shadow-sm'
+                                                                            : 'text-slate-500 font-medium hover:bg-slate-200/80 hover:text-slate-600'}`, children: "\u751F\u6548\u4E2D" })] }), (0, jsx_runtime_1.jsx)("div", { className: "relative overflow-hidden rounded-b-lg bg-slate-950 border border-slate-200 border-t-0", children: claudeConfigSubTab === 'preview' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 px-3 py-2 bg-slate-900 border-b border-slate-800", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] font-medium text-slate-400 ml-2", children: "settings.json\uFF08\u4EC5\u5F53\u524D\u7F51\u5173\u76F8\u5173\uFF0C\u5E94\u7528\u65F6\u4F1A\u5408\u5E76\u8FDB\u73B0\u6709\u914D\u7F6E\uFF09" })] }), (0, jsx_runtime_1.jsx)("pre", { className: "w-full min-h-[12rem] p-3.5 text-[10px] text-slate-300 font-mono overflow-auto bg-slate-950 max-h-96 [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-slate-900 [&::-webkit-scrollbar-thumb]:bg-slate-600 [&::-webkit-scrollbar-thumb]:rounded-full", children: JSON.stringify({
+                                                                                router_provider: 'aar',
+                                                                                env: {
+                                                                                    ANTHROPIC_AUTH_TOKEN: status?.currentGatewayApiKey ?? 'your-gateway-api-key',
+                                                                                    ANTHROPIC_BASE_URL: status?.currentGatewayAddress ?? 'http://localhost:1357',
+                                                                                    ANTHROPIC_DEFAULT_HAIKU_MODEL: haikuModel,
+                                                                                    ANTHROPIC_DEFAULT_SONNET_MODEL: sonnetModel,
+                                                                                    ANTHROPIC_DEFAULT_OPUS_MODEL: opusModel,
+                                                                                    ANTHROPIC_MODEL: defaultModel,
+                                                                                    ANTHROPIC_REASONING_MODEL: reasoningModel,
+                                                                                    API_TIMEOUT_MS: '3000000',
+                                                                                    CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC: 1,
+                                                                                    hasCompletedOnboarding: true,
+                                                                                },
+                                                                            }, null, 2) })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 px-3 py-2 bg-slate-900 border-b border-slate-800", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] font-medium text-slate-400 ml-2", children: "settings.json\uFF08\u5F53\u524D\u78C1\u76D8\u5185\u5BB9\uFF0C\u8FD8\u539F\u540E\u5373\u66F4\u65B0\uFF09" })] }), status?.config != null ? ((0, jsx_runtime_1.jsx)("pre", { className: "w-full min-h-[12rem] p-3.5 text-[10px] text-slate-300 font-mono overflow-auto bg-slate-950 max-h-96 [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-slate-900 [&::-webkit-scrollbar-thumb]:bg-slate-600 [&::-webkit-scrollbar-thumb]:rounded-full", children: JSON.stringify(status.config, null, 2) })) : ((0, jsx_runtime_1.jsx)("div", { className: "p-3.5 text-[10px] text-slate-500 font-mono", children: "\u6682\u65E0\u914D\u7F6E\u6587\u4EF6" }))] })) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "rounded-lg border border-slate-200/50 bg-slate-50/60 px-4 py-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 mb-2.5", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-4 h-4 text-slate-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }), (0, jsx_runtime_1.jsx)("h3", { className: "text-xs font-semibold text-slate-700", children: "\u4F7F\u7528\u8BF4\u660E" })] }), (0, jsx_runtime_1.jsxs)("ul", { className: "space-y-1.5 text-[10px] text-slate-600", children: [(0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "1." }), (0, jsx_runtime_1.jsx)("span", { children: "\u300C\u751F\u6548\u4E2D\u300D\u4E3A\u5F53\u524D\u78C1\u76D8\u4E0A\u7684 settings.json\uFF1B\u300C\u9884\u89C8\u300D\u4E3A\u5E94\u7528\u540E\u5C06\u5199\u5165\u7684\u5185\u5BB9" })] }), (0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "2." }), (0, jsx_runtime_1.jsx)("span", { children: "\u4E3A\u6BCF\u4E2A\u6A21\u578B\u7C7B\u522B\u9009\u62E9\u8DEF\u7531\u6A21\u578B\u540E\uFF0C\u5728\u300C\u9884\u89C8\u300D\u4E2D\u67E5\u770B\uFF0C\u70B9\u51FB\u300C\u5E94\u7528\u914D\u7F6E\u300D\u6216\u300C\u66F4\u65B0\u914D\u7F6E\u300D\u5199\u5165" })] }), (0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "3." }), (0, jsx_runtime_1.jsx)("span", { children: "\u914D\u7F6E\u6587\u4EF6\u4F4D\u4E8E ~/.claude/settings.json" })] }), (0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "4." }), (0, jsx_runtime_1.jsx)("span", { children: "\u82E5\u5DF2\u5E94\u7528\u8FC7 AAR\uFF0C\u4F1A\u663E\u793A\u300C\u66F4\u65B0\u914D\u7F6E\u300D\uFF1B\u6709\u5907\u4EFD\u65F6\u300C\u8FD8\u539F\u914D\u7F6E\u300D\u53EF\u6062\u590D\uFF0C\u8FD8\u539F\u540E\u8BF7\u5728\u300C\u751F\u6548\u4E2D\u300D\u67E5\u770B" })] })] })] })] })), activeTab === 'opencode' && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-6", children: [opencodeStatus && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3 px-4 bg-white/60 rounded-lg border border-slate-200/50", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: `w-6 h-6 rounded-full flex items-center justify-center ${opencodeStatus.applied
+                                                                    ? 'bg-emerald-100 text-emerald-600'
+                                                                    : 'bg-slate-100 text-slate-400'}`, children: opencodeStatus.applied ? ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M5 13l4 4L19 7" }) })) : ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01" }) })) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2.5", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-sm font-medium text-slate-700", children: opencodeStatus.applied ? '已配置' : '未配置' }), opencodeStatus.applied && opencodeStatus.matchCurrentGateway !== undefined && ((0, jsx_runtime_1.jsx)("span", { className: `inline-flex items-center px-2 py-0.5 text-[10px] font-medium rounded-full border ${opencodeStatus.matchCurrentGateway
+                                                                            ? 'bg-emerald-50/80 text-emerald-700 border-emerald-200/60'
+                                                                            : 'bg-amber-50/80 text-amber-700 border-amber-200/60'}`, children: opencodeStatus.matchCurrentGateway ? '匹配当前网关' : '不匹配' }))] })] }), opencodeStatus.lastUpdated && ((0, jsx_runtime_1.jsx)("div", { className: "text-[11px] text-slate-400 font-mono", children: new Date(opencodeStatus.lastUpdated).toLocaleString('zh-CN', {
+                                                            month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit'
+                                                        }) }))] })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-[11px] font-medium text-slate-400 mb-5", children: "\u9ED8\u8BA4\u6A21\u578B" }), (0, jsx_runtime_1.jsx)("div", { className: "group relative bg-gradient-to-br from-white/50 to-transparent hover:from-slate-50/60 rounded-xl border border-slate-200/50 p-4 transition-all duration-300 hover:border-slate-300/60 hover:shadow-sm", children: (0, jsx_runtime_1.jsxs)("label", { htmlFor: "opencode-default-model", className: "cursor-pointer", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2.5 mb-2.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-7 h-7 rounded-lg bg-slate-100/80 text-slate-600 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z" }) }) }), (0, jsx_runtime_1.jsx)("span", { className: "text-[11px] font-medium text-slate-700", children: "OpenCode \u4F7F\u7528\u7684\u9ED8\u8BA4\u6A21\u578B" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsx)("select", { id: "opencode-default-model", value: opencodeDefaultModel, onChange: (e) => setOpencodeDefaultModel(e.target.value), className: "w-full appearance-none rounded-lg border border-slate-200/80 bg-white/90 backdrop-blur-sm px-3 py-2 pr-7 text-[11px] font-medium text-slate-700 shadow-sm transition-all duration-200 hover:border-slate-300/80 hover:bg-white focus:border-slate-400/80 focus:ring-2 focus:ring-slate-200/50 focus:outline-none cursor-pointer", children: Object.entries(opencodeModels).map(([provider, providerModels]) => ((0, jsx_runtime_1.jsx)("optgroup", { label: provider, children: providerModels.map((model) => ((0, jsx_runtime_1.jsx)("option", { value: model.model_id, children: model.name }, model.id))) }, provider))) }), (0, jsx_runtime_1.jsx)("div", { className: "absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none", children: (0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) })] })] }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: `grid gap-3 pt-1 ${opencodeEnabled ? 'grid-cols-3' : 'grid-cols-2'}`, children: [(0, jsx_runtime_1.jsx)("button", { onClick: handleOpenCodeApply, disabled: opencodeApplying, className: `w-full px-4 py-2.5 text-xs font-medium rounded-lg border transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2 ${opencodeEnabled
+                                                            ? 'bg-white border-slate-200/80 text-slate-700 hover:border-slate-300 hover:bg-slate-50'
+                                                            : 'bg-slate-900 border-slate-900 text-white hover:bg-slate-800'}`, children: opencodeApplying ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("svg", { className: "animate-spin w-3.5 h-3.5", fill: "none", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3" }), (0, jsx_runtime_1.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), "\u5E94\u7528\u4E2D"] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }), opencodeEnabled ? '更新配置' : '应用配置'] })) }), opencodeEnabled && ((0, jsx_runtime_1.jsx)("button", { onClick: handleOpenCodeRestore, disabled: opencodeRestoring, className: "w-full px-4 py-2.5 text-xs font-medium rounded-lg border border-slate-200/80 bg-white text-slate-700 hover:border-slate-300 hover:bg-slate-50 transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2", children: opencodeRestoring ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("svg", { className: "animate-spin w-3.5 h-3.5", fill: "none", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3" }), (0, jsx_runtime_1.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), "\u8FD8\u539F\u4E2D"] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" }) }), "\u8FD8\u539F\u914D\u7F6E"] })) })), opencodeTesting ? ((0, jsx_runtime_1.jsxs)("button", { onClick: handleOpenCodeCancelTest, className: "w-full px-4 py-2.5 text-xs font-medium rounded-lg border border-amber-200/80 bg-amber-50 text-amber-700 hover:bg-amber-100 transition-all duration-200 flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsxs)("svg", { className: "animate-spin w-3.5 h-3.5", fill: "none", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3" }), (0, jsx_runtime_1.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), "\u53D6\u6D88\u6D4B\u8BD5"] })) : ((0, jsx_runtime_1.jsxs)("button", { onClick: handleOpenCodeTest, className: "w-full px-4 py-2.5 text-xs font-medium rounded-lg border border-slate-200/80 bg-white text-slate-700 hover:bg-slate-50 transition-all duration-200 flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" }) }), "\u6D4B\u8BD5\u914D\u7F6E"] }))] }), opencodeTestResult && ((0, jsx_runtime_1.jsx)("div", { className: `rounded-lg border px-4 py-3 ${opencodeTestResult.success
+                                                    ? 'bg-emerald-50/60 border-emerald-200/60'
+                                                    : 'bg-rose-50/60 border-rose-200/60'}`, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: `w-5 h-5 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5 ${opencodeTestResult.success ? 'bg-emerald-500' : 'bg-rose-500'}`, children: opencodeTestResult.success ? ((0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M5 13l4 4L19 7" }) })) : ((0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M6 18L18 6M6 6l12 12" }) })) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs font-medium mb-1", children: opencodeTestResult.success ? '配置验证成功' : '配置验证失败' }), (0, jsx_runtime_1.jsx)("p", { className: `text-[11px] ${opencodeTestResult.success ? 'text-emerald-700/80' : 'text-rose-700/80'}`, children: opencodeTestResult.success
+                                                                        ? (opencodeTestResult.opencodeTest?.message || 'OpenCode 可以正常工作')
+                                                                        : (opencodeTestResult.opencodeTest?.error || opencodeTestResult.error || opencodeTestResult.suggestion || '请检查配置') }), opencodeTestResult.checks && ((0, jsx_runtime_1.jsx)("div", { className: "mt-3 pt-3 border-t border-white/40", children: (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-3 gap-2", children: Object.entries(opencodeTestResult.checks).map(([key, value]) => {
+                                                                            const labels = {
+                                                                                hasBaseUrl: '网关',
+                                                                                hasApiKey: 'API Key',
+                                                                                hasDefaultModel: '默认模型',
+                                                                                hasModels: '模型列表',
+                                                                            };
+                                                                            return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5", children: [value ? ((0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 text-emerald-500 flex-shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M5 13l4 4L19 7" }) })) : ((0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 text-rose-500 flex-shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M6 18L18 6M6 6l12 12" }) })), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] text-slate-600", children: labels[key] || key })] }, key));
+                                                                        }) }) }))] })] }) })), (0, jsx_runtime_1.jsxs)("details", { className: "group", open: true, children: [(0, jsx_runtime_1.jsxs)("summary", { className: "cursor-pointer text-[11px] text-slate-500 hover:text-slate-700 list-none flex items-center gap-1.5 py-1", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 transition-transform group-open:rotate-90", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }), (0, jsx_runtime_1.jsx)("span", { children: "\u914D\u7F6E" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex border border-slate-200 rounded-t-lg overflow-hidden bg-slate-100/90", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => setOpencodeConfigSubTab('preview'), className: `flex-1 px-4 py-2.5 text-[11px] transition-all ${opencodeConfigSubTab === 'preview'
+                                                                            ? 'bg-white text-slate-800 font-semibold shadow-sm'
+                                                                            : 'text-slate-500 font-medium hover:bg-slate-200/80 hover:text-slate-600'}`, children: "\u9884\u89C8" }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => setOpencodeConfigSubTab('current'), className: `flex-1 px-4 py-2.5 text-[11px] transition-all ${opencodeConfigSubTab === 'current'
+                                                                            ? 'bg-white text-slate-800 font-semibold shadow-sm'
+                                                                            : 'text-slate-500 font-medium hover:bg-slate-200/80 hover:text-slate-600'}`, children: "\u751F\u6548\u4E2D" })] }), (0, jsx_runtime_1.jsx)("div", { className: "relative overflow-hidden rounded-b-lg bg-slate-950 border border-slate-200 border-t-0", children: opencodeConfigSubTab === 'current' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 px-3 py-2 bg-slate-900 border-b border-slate-800", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] font-medium text-slate-400 ml-2", children: "opencode.json\uFF08\u5F53\u524D\u78C1\u76D8\u5185\u5BB9\uFF0C\u8FD8\u539F\u540E\u5373\u66F4\u65B0\uFF09" })] }), opencodeStatus?.config != null ? ((0, jsx_runtime_1.jsx)("pre", { className: "w-full min-h-[12rem] p-3.5 text-[10px] text-slate-300 font-mono overflow-auto max-h-96 [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-slate-900 [&::-webkit-scrollbar-thumb]:bg-slate-600 [&::-webkit-scrollbar-thumb]:rounded-full", children: JSON.stringify(opencodeStatus.config, null, 2) })) : ((0, jsx_runtime_1.jsx)("div", { className: "p-3.5 text-[10px] text-slate-500 font-mono", children: "\u6682\u65E0\u914D\u7F6E\u6587\u4EF6" }))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 px-3 py-2 bg-slate-900 border-b border-slate-800", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] font-medium text-slate-400 ml-2", children: "opencode.json\uFF08\u5E94\u7528\u540E\u5C06\u5199\u5165\u7684\u5408\u5E76\u7ED3\u679C\uFF09" })] }), opencodePreviewLoading ? ((0, jsx_runtime_1.jsx)("div", { className: "p-3.5 text-[10px] text-slate-400 font-mono", children: "\u52A0\u8F7D\u4E2D..." })) : ((0, jsx_runtime_1.jsx)("textarea", { className: "opencode-preview-textarea w-full min-h-[12rem] p-3.5 text-[10px] text-slate-300 font-mono bg-slate-950 border-0 focus:ring-0 focus:ring-offset-0 focus:outline-none resize-y max-h-96 overflow-y-auto placeholder:text-slate-500\n                                [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-slate-900 [&::-webkit-scrollbar-thumb]:bg-slate-600 [&::-webkit-scrollbar-thumb]:rounded-full", placeholder: "\u6682\u65E0\u9884\u89C8", spellCheck: false, value: opencodePreviewText, onChange: (e) => setOpencodePreviewText(e.target.value) }))] })) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "rounded-lg border border-slate-200/50 bg-slate-50/60 px-4 py-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 mb-2.5", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-4 h-4 text-slate-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }), (0, jsx_runtime_1.jsx)("h3", { className: "text-xs font-semibold text-slate-700", children: "\u4F7F\u7528\u8BF4\u660E" })] }), (0, jsx_runtime_1.jsxs)("ul", { className: "space-y-1.5 text-[10px] text-slate-600", children: [(0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "1." }), (0, jsx_runtime_1.jsx)("span", { children: "\u300C\u751F\u6548\u4E2D\u300D\u4E3A\u5F53\u524D\u78C1\u76D8\u4E0A\u7684 opencode.json\uFF1B\u300C\u9884\u89C8\u300D\u4E3A\u70B9\u51FB\u5E94\u7528\u540E\u5C06\u5199\u5165\u7684\u5408\u5E76\u7ED3\u679C\uFF08\u542B AAR \u7F51\u5173\uFF09" })] }), (0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "2." }), (0, jsx_runtime_1.jsx)("span", { children: "\u9009\u62E9\u9ED8\u8BA4\u6A21\u578B\u540E\uFF0C\u5728\u300C\u9884\u89C8\u300D\u4E2D\u67E5\u770B\u5408\u5E76\u7ED3\u679C\uFF0C\u70B9\u51FB\u300C\u5E94\u7528\u914D\u7F6E\u300D\u5199\u5165" })] }), (0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "3." }), (0, jsx_runtime_1.jsx)("span", { children: "\u914D\u7F6E\u6587\u4EF6\u4F4D\u4E8E ~/.config/opencode/opencode.json\uFF08\u6216 Windows %APPDATA%/opencode\uFF09" })] }), (0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "4." }), (0, jsx_runtime_1.jsx)("span", { children: "\u300C\u8FD8\u539F\u914D\u7F6E\u300D\u6062\u590D\u4E3A\u5E94\u7528\u524D\u7684\u5907\u4EFD\uFF1B\u8FD8\u539F\u540E\u8BF7\u5728\u300C\u751F\u6548\u4E2D\u300D\u67E5\u770B\u5F53\u524D\u5185\u5BB9" })] })] })] })] })), activeTab === 'openclaw' && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-6", children: [openclawStatus && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3 px-4 bg-white/60 rounded-lg border border-slate-200/50", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: `w-6 h-6 rounded-full flex items-center justify-center ${openclawStatus.applied
+                                                                    ? 'bg-emerald-100 text-emerald-600'
+                                                                    : 'bg-slate-100 text-slate-400'}`, children: openclawStatus.applied ? ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M5 13l4 4L19 7" }) })) : ((0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01" }) })) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2.5", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-sm font-medium text-slate-700", children: openclawStatus.applied ? '已配置' : '未配置' }), openclawStatus.applied && openclawStatus.matchCurrentGateway !== undefined && ((0, jsx_runtime_1.jsx)("span", { className: `inline-flex items-center px-2 py-0.5 text-[10px] font-medium rounded-full border ${openclawStatus.matchCurrentGateway
+                                                                            ? 'bg-emerald-50/80 text-emerald-700 border-emerald-200/60'
+                                                                            : 'bg-amber-50/80 text-amber-700 border-amber-200/60'}`, children: openclawStatus.matchCurrentGateway ? '匹配当前网关' : '不匹配' }))] })] }), openclawStatus.lastUpdated && ((0, jsx_runtime_1.jsx)("div", { className: "text-[11px] text-slate-400 font-mono", children: new Date(openclawStatus.lastUpdated).toLocaleString('zh-CN', {
+                                                            month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit'
+                                                        }) }))] })), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-4", ref: openClawDropdownRef, children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-gradient-to-br from-white/50 to-transparent rounded-xl border border-slate-200/50 p-4 transition-all duration-300 hover:border-slate-300/60 hover:shadow-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2.5 mb-2.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-7 h-7 rounded-lg bg-indigo-100/80 text-indigo-600 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z" }) }) }), (0, jsx_runtime_1.jsx)("span", { className: "text-[11px] font-medium text-slate-700", children: "\u9ED8\u8BA4\u6A21\u578B" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => { setOpenClawSearch(''); setOpenClawDropdown(openClawDropdown === 'default' ? null : 'default'); }, className: "w-full text-left appearance-none rounded-lg border border-slate-200/80 bg-white/90 px-3 py-2 pr-8 text-[11px] font-medium text-slate-700 shadow-sm focus:border-indigo-400 focus:ring-2 focus:ring-indigo-200/50 focus:outline-none cursor-pointer flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "truncate", children: openclawModelsFlat.find((m) => m.model_id === openclawDefaultModel)?.name || openclawDefaultModel || '选择模型' }), (0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 text-slate-400 flex-shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })] }), openClawDropdown === 'default' && ((0, jsx_runtime_1.jsxs)("div", { className: "absolute z-20 mt-1 w-full rounded-lg border border-slate-200 bg-white shadow-lg py-1 max-h-56 overflow-hidden flex flex-col", children: [(0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: "\u641C\u7D22\u6A21\u578B...", value: openClawSearch, onChange: (e) => setOpenClawSearch(e.target.value), onKeyDown: (e) => e.stopPropagation(), className: "mx-2 mb-1 px-2 py-1.5 text-[11px] border border-slate-200 rounded-md focus:ring-2 focus:ring-indigo-200 focus:border-indigo-400 focus:outline-none" }), (0, jsx_runtime_1.jsx)("ul", { className: "overflow-y-auto overscroll-contain max-h-44", children: openclawModelsFiltered.map((model) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => {
+                                                                                            setOpenclawDefaultModel(model.model_id);
+                                                                                            setOpenClawDropdown(null);
+                                                                                            setOpenClawSearch('');
+                                                                                        }, className: `w-full text-left px-3 py-2 text-[11px] hover:bg-indigo-50 ${model.model_id === openclawDefaultModel ? 'bg-indigo-100 text-indigo-700 font-medium' : 'text-slate-700'}`, children: [model.name, (0, jsx_runtime_1.jsxs)("span", { className: "text-slate-400 ml-1", children: ["(", model.provider, ")"] })] }) }, model.id))) })] }))] }), (0, jsx_runtime_1.jsx)("p", { className: "text-[10px] text-slate-500 mt-2", children: "\u4E3B\u8981\u4F7F\u7528\u7684\u6A21\u578B" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-gradient-to-br from-white/50 to-transparent rounded-xl border border-slate-200/50 p-4 transition-all duration-300 hover:border-slate-300/60 hover:shadow-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2.5 mb-2.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-7 h-7 rounded-lg bg-amber-100/80 text-amber-600 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" }) }) }), (0, jsx_runtime_1.jsx)("span", { className: "text-[11px] font-medium text-slate-700", children: "\u9ED8\u8BA4 Fallback" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsx)("div", { className: "min-h-[38px] rounded-lg border border-slate-200/80 bg-white/90 px-3 py-2 flex flex-wrap gap-1.5 items-center", children: openclawDefaultFallbacks.length === 0 ? ((0, jsx_runtime_1.jsx)("span", { className: "text-[11px] text-slate-400", children: "\u4ECE\u4E0B\u65B9\u641C\u7D22\u5E76\u6DFB\u52A0\u5907\u7528\u6A21\u578B" })) : (openclawDefaultFallbacks.map((modelId) => {
+                                                                            const m = openclawModelsFlat.find((x) => x.model_id === modelId);
+                                                                            return ((0, jsx_runtime_1.jsxs)("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-md bg-amber-100 text-amber-800 text-[10px] font-medium", children: [m?.name || modelId, (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => setOpenclawDefaultFallbacks((prev) => prev.filter((id) => id !== modelId)), className: "hover:bg-amber-200 rounded p-0.5", "aria-label": "\u79FB\u9664", children: (0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] }, modelId));
+                                                                        })) }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => { setOpenClawSearch(''); setOpenClawDropdown(openClawDropdown === 'defaultFallbacks' ? null : 'defaultFallbacks'); }, className: "mt-1.5 w-full text-left px-3 py-1.5 text-[11px] text-slate-500 border border-dashed border-slate-200 rounded-md hover:border-amber-300 hover:text-amber-700 hover:bg-amber-50/50", children: "+ \u641C\u7D22\u5E76\u6DFB\u52A0 Fallback \u6A21\u578B" }), openClawDropdown === 'defaultFallbacks' && ((0, jsx_runtime_1.jsxs)("div", { className: "absolute z-20 mt-1 w-full rounded-lg border border-slate-200 bg-white shadow-lg py-1 max-h-56 overflow-hidden flex flex-col", children: [(0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: "\u641C\u7D22\u6A21\u578B...", value: openClawSearch, onChange: (e) => setOpenClawSearch(e.target.value), onKeyDown: (e) => e.stopPropagation(), className: "mx-2 mb-1 px-2 py-1.5 text-[11px] border border-slate-200 rounded-md focus:ring-2 focus:ring-amber-200 focus:border-amber-400 focus:outline-none" }), (0, jsx_runtime_1.jsxs)("ul", { className: "overflow-y-auto overscroll-contain max-h-44", children: [openclawModelsFiltered
+                                                                                        .filter((m) => !openclawDefaultFallbacks.includes(m.model_id))
+                                                                                        .map((model) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => {
+                                                                                                setOpenclawDefaultFallbacks((prev) => (prev.includes(model.model_id) ? prev : [...prev, model.model_id]));
+                                                                                                setOpenClawSearch('');
+                                                                                            }, className: "w-full text-left px-3 py-2 text-[11px] text-slate-700 hover:bg-amber-50", children: [model.name, (0, jsx_runtime_1.jsxs)("span", { className: "text-slate-400 ml-1", children: ["(", model.provider, ")"] })] }) }, model.id))), openclawModelsFiltered.filter((m) => !openclawDefaultFallbacks.includes(m.model_id)).length === 0 && ((0, jsx_runtime_1.jsx)("li", { className: "px-3 py-2 text-[11px] text-slate-400", children: "\u65E0\u66F4\u591A\u53EF\u9009\u6216\u5DF2\u5168\u90E8\u6DFB\u52A0" }))] })] }))] }), (0, jsx_runtime_1.jsx)("p", { className: "text-[10px] text-slate-500 mt-2", children: "\u9ED8\u8BA4\u6A21\u578B\u7684\u5907\u7528\u6A21\u578B\uFF0C\u53EF\u591A\u9009\uFF0C\u4E0D\u53EF\u91CD\u590D" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-gradient-to-br from-white/50 to-transparent rounded-xl border border-slate-200/50 p-4 transition-all duration-300 hover:border-slate-300/60 hover:shadow-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2.5 mb-2.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-7 h-7 rounded-lg bg-rose-100/80 text-rose-600 flex items-center justify-center", children: (0, jsx_runtime_1.jsxs)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" }), (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" })] }) }), (0, jsx_runtime_1.jsx)("span", { className: "text-[11px] font-medium text-slate-700", children: "\u89C6\u89C9\u6A21\u578B" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => { setOpenClawSearch(''); setOpenClawDropdown(openClawDropdown === 'image' ? null : 'image'); }, className: "w-full text-left appearance-none rounded-lg border border-slate-200/80 bg-white/90 px-3 py-2 pr-8 text-[11px] font-medium text-slate-700 shadow-sm focus:border-rose-400 focus:ring-2 focus:ring-rose-200/50 focus:outline-none cursor-pointer flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "truncate", children: openclawImageModel
+                                                                                    ? (openclawModelsFlat.find((m) => m.model_id === openclawImageModel)?.name || openclawImageModel)
+                                                                                    : '未设置' }), (0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 text-slate-400 flex-shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })] }), openClawDropdown === 'image' && ((0, jsx_runtime_1.jsxs)("div", { className: "absolute z-20 mt-1 w-full rounded-lg border border-slate-200 bg-white shadow-lg py-1 max-h-56 overflow-hidden flex flex-col", children: [(0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: "\u641C\u7D22\u6A21\u578B...", value: openClawSearch, onChange: (e) => setOpenClawSearch(e.target.value), onKeyDown: (e) => e.stopPropagation(), className: "mx-2 mb-1 px-2 py-1.5 text-[11px] border border-slate-200 rounded-md focus:ring-2 focus:ring-rose-200 focus:border-rose-400 focus:outline-none" }), (0, jsx_runtime_1.jsxs)("ul", { className: "overflow-y-auto overscroll-contain max-h-44", children: [(0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => {
+                                                                                                setOpenclawImageModel('');
+                                                                                                setOpenClawDropdown(null);
+                                                                                                setOpenClawSearch('');
+                                                                                            }, className: `w-full text-left px-3 py-2 text-[11px] hover:bg-rose-50 ${!openclawImageModel ? 'bg-rose-100 text-rose-700 font-medium' : 'text-slate-500'}`, children: "\u672A\u8BBE\u7F6E" }) }), openclawModelsFiltered.map((model) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => {
+                                                                                                setOpenclawImageModel(model.model_id);
+                                                                                                setOpenClawDropdown(null);
+                                                                                                setOpenClawSearch('');
+                                                                                            }, className: `w-full text-left px-3 py-2 text-[11px] hover:bg-rose-50 ${model.model_id === openclawImageModel ? 'bg-rose-100 text-rose-700 font-medium' : 'text-slate-700'}`, children: [model.name, (0, jsx_runtime_1.jsxs)("span", { className: "text-slate-400 ml-1", children: ["(", model.provider, ")"] })] }) }, model.id)))] })] }))] }), (0, jsx_runtime_1.jsx)("p", { className: "text-[10px] text-slate-500 mt-2", children: "\u7528\u4E8E\u56FE\u50CF\u7406\u89E3\uFF08\u53EF\u9009\uFF09" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-gradient-to-br from-white/50 to-transparent rounded-xl border border-slate-200/50 p-4 transition-all duration-300 hover:border-slate-300/60 hover:shadow-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2.5 mb-2.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-7 h-7 rounded-lg bg-emerald-100/80 text-emerald-600 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" }) }) }), (0, jsx_runtime_1.jsx)("span", { className: "text-[11px] font-medium text-slate-700", children: "\u89C6\u89C9 Fallback" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsx)("div", { className: "min-h-[38px] rounded-lg border border-slate-200/80 bg-white/90 px-3 py-2 flex flex-wrap gap-1.5 items-center", children: openclawImageFallbacks.length === 0 ? ((0, jsx_runtime_1.jsx)("span", { className: "text-[11px] text-slate-400", children: "\u4ECE\u4E0B\u65B9\u641C\u7D22\u5E76\u6DFB\u52A0\u5907\u7528\u6A21\u578B" })) : (openclawImageFallbacks.map((modelId) => {
+                                                                            const m = openclawModelsFlat.find((x) => x.model_id === modelId);
+                                                                            return ((0, jsx_runtime_1.jsxs)("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-md bg-emerald-100 text-emerald-800 text-[10px] font-medium", children: [m?.name || modelId, (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => setOpenclawImageFallbacks((prev) => prev.filter((id) => id !== modelId)), className: "hover:bg-emerald-200 rounded p-0.5", "aria-label": "\u79FB\u9664", children: (0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] }, modelId));
+                                                                        })) }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => { setOpenClawSearch(''); setOpenClawDropdown(openClawDropdown === 'imageFallbacks' ? null : 'imageFallbacks'); }, className: "mt-1.5 w-full text-left px-3 py-1.5 text-[11px] text-slate-500 border border-dashed border-slate-200 rounded-md hover:border-emerald-300 hover:text-emerald-700 hover:bg-emerald-50/50", children: "+ \u641C\u7D22\u5E76\u6DFB\u52A0 Fallback \u6A21\u578B" }), openClawDropdown === 'imageFallbacks' && ((0, jsx_runtime_1.jsxs)("div", { className: "absolute z-20 mt-1 w-full rounded-lg border border-slate-200 bg-white shadow-lg py-1 max-h-56 overflow-hidden flex flex-col", children: [(0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: "\u641C\u7D22\u6A21\u578B...", value: openClawSearch, onChange: (e) => setOpenClawSearch(e.target.value), onKeyDown: (e) => e.stopPropagation(), className: "mx-2 mb-1 px-2 py-1.5 text-[11px] border border-slate-200 rounded-md focus:ring-2 focus:ring-emerald-200 focus:border-emerald-400 focus:outline-none" }), (0, jsx_runtime_1.jsxs)("ul", { className: "overflow-y-auto overscroll-contain max-h-44", children: [openclawModelsFiltered
+                                                                                        .filter((m) => !openclawImageFallbacks.includes(m.model_id))
+                                                                                        .map((model) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => {
+                                                                                                setOpenclawImageFallbacks((prev) => (prev.includes(model.model_id) ? prev : [...prev, model.model_id]));
+                                                                                                setOpenClawSearch('');
+                                                                                            }, className: "w-full text-left px-3 py-2 text-[11px] text-slate-700 hover:bg-emerald-50", children: [model.name, (0, jsx_runtime_1.jsxs)("span", { className: "text-slate-400 ml-1", children: ["(", model.provider, ")"] })] }) }, model.id))), openclawModelsFiltered.filter((m) => !openclawImageFallbacks.includes(m.model_id)).length === 0 && ((0, jsx_runtime_1.jsx)("li", { className: "px-3 py-2 text-[11px] text-slate-400", children: "\u65E0\u66F4\u591A\u53EF\u9009\u6216\u5DF2\u5168\u90E8\u6DFB\u52A0" }))] })] }))] }), (0, jsx_runtime_1.jsx)("p", { className: "text-[10px] text-slate-500 mt-2", children: "\u89C6\u89C9\u6A21\u578B\u7684\u5907\u7528\u6A21\u578B\uFF0C\u53EF\u591A\u9009\uFF0C\u4E0D\u53EF\u91CD\u590D" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: `grid gap-3 pt-1 ${openclawEnabled ? 'grid-cols-3' : 'grid-cols-2'}`, children: [(0, jsx_runtime_1.jsx)("button", { onClick: handleOpenClawApply, disabled: openclawApplying, className: `w-full px-4 py-2.5 text-xs font-medium rounded-lg border transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2 ${openclawEnabled
+                                                            ? 'bg-white border-slate-200/80 text-slate-700 hover:border-slate-300 hover:bg-slate-50'
+                                                            : 'bg-slate-900 border-slate-900 text-white hover:bg-slate-800'}`, children: openclawApplying ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("svg", { className: "animate-spin w-3.5 h-3.5", fill: "none", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3" }), (0, jsx_runtime_1.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), "\u5E94\u7528\u4E2D"] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }), openclawEnabled ? '更新配置' : '应用配置'] })) }), openclawEnabled && ((0, jsx_runtime_1.jsx)("button", { onClick: handleOpenClawRestore, disabled: openclawRestoring, className: "w-full px-4 py-2.5 text-xs font-medium rounded-lg border border-slate-200/80 bg-white text-slate-700 hover:border-slate-300 hover:bg-slate-50 transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2", children: openclawRestoring ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("svg", { className: "animate-spin w-3.5 h-3.5", fill: "none", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3" }), (0, jsx_runtime_1.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), "\u8FD8\u539F\u4E2D"] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" }) }), "\u8FD8\u539F\u914D\u7F6E"] })) })), openclawTesting ? ((0, jsx_runtime_1.jsxs)("button", { onClick: handleOpenClawCancelTest, className: "w-full px-4 py-2.5 text-xs font-medium rounded-lg border border-amber-200/80 bg-amber-50 text-amber-700 hover:bg-amber-100 transition-all duration-200 flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsxs)("svg", { className: "animate-spin w-3.5 h-3.5", fill: "none", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3" }), (0, jsx_runtime_1.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), "\u53D6\u6D88\u6D4B\u8BD5"] })) : ((0, jsx_runtime_1.jsxs)("button", { onClick: handleOpenClawTest, className: "w-full px-4 py-2.5 text-xs font-medium rounded-lg border border-slate-200/80 bg-white text-slate-700 hover:bg-slate-50 transition-all duration-200 flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" }) }), "\u6D4B\u8BD5\u914D\u7F6E"] }))] }), openclawTestResult && ((0, jsx_runtime_1.jsx)("div", { className: `rounded-lg border px-4 py-3 ${openclawTestResult.success
+                                                    ? 'bg-emerald-50/60 border-emerald-200/60'
+                                                    : 'bg-rose-50/60 border-rose-200/60'}`, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: `w-5 h-5 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5 ${openclawTestResult.success ? 'bg-emerald-500' : 'bg-rose-500'}`, children: openclawTestResult.success ? ((0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M5 13l4 4L19 7" }) })) : ((0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M6 18L18 6M6 6l12 12" }) })) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs font-medium mb-1", children: openclawTestResult.success ? '配置验证成功' : '配置验证失败' }), (0, jsx_runtime_1.jsx)("p", { className: `text-[11px] ${openclawTestResult.success ? 'text-emerald-700/80' : 'text-rose-700/80'}`, children: openclawTestResult.success
+                                                                        ? (openclawTestResult.openclawTest?.message || 'OpenClaw 可以正常工作')
+                                                                        : (openclawTestResult.openclawTest?.error || openclawTestResult.error || openclawTestResult.suggestion || '请检查配置') }), openclawTestResult.openclawTest?.stdout && ((0, jsx_runtime_1.jsx)("div", { className: "mt-2 text-[10px] text-slate-500 font-mono bg-white/50 p-2 rounded", children: openclawTestResult.openclawTest.stdout }))] })] }) })), (0, jsx_runtime_1.jsxs)("details", { className: "group", open: true, children: [(0, jsx_runtime_1.jsxs)("summary", { className: "cursor-pointer text-[11px] text-slate-500 hover:text-slate-700 list-none flex items-center gap-1.5 py-1", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-3 h-3 transition-transform group-open:rotate-90", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }), (0, jsx_runtime_1.jsx)("span", { children: "\u914D\u7F6E" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex border border-slate-200 rounded-t-lg overflow-hidden bg-slate-100/90", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => setOpenclawConfigSubTab('preview'), className: `flex-1 px-4 py-2.5 text-[11px] transition-all ${openclawConfigSubTab === 'preview'
+                                                                            ? 'bg-white text-slate-800 font-semibold shadow-sm'
+                                                                            : 'text-slate-500 font-medium hover:bg-slate-200/80 hover:text-slate-600'}`, children: "\u9884\u89C8" }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => setOpenclawConfigSubTab('current'), className: `flex-1 px-4 py-2.5 text-[11px] transition-all ${openclawConfigSubTab === 'current'
+                                                                            ? 'bg-white text-slate-800 font-semibold shadow-sm'
+                                                                            : 'text-slate-500 font-medium hover:bg-slate-200/80 hover:text-slate-600'}`, children: "\u751F\u6548\u4E2D" })] }), (0, jsx_runtime_1.jsx)("div", { className: "relative overflow-hidden rounded-b-lg bg-slate-950 border border-slate-200 border-t-0", children: openclawConfigSubTab === 'preview' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 px-3 py-2 bg-slate-900 border-b border-slate-800", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] font-medium text-slate-400 ml-2", children: "openclaw.json\uFF08\u5E94\u7528\u540E\u5C06\u5199\u5165\u7684\u5408\u5E76\u7ED3\u679C\uFF09" })] }), openclawPreviewLoading ? ((0, jsx_runtime_1.jsx)("div", { className: "p-3.5 text-[10px] text-slate-400 font-mono", children: "\u52A0\u8F7D\u4E2D..." })) : ((0, jsx_runtime_1.jsx)("textarea", { className: "openclaw-preview-textarea w-full min-h-[12rem] p-3.5 text-[10px] text-slate-300 font-mono bg-slate-950 border-0 focus:ring-0 focus:ring-offset-0 focus:outline-none resize-y max-h-96 overflow-y-auto placeholder:text-slate-500\n                                [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-slate-900 [&::-webkit-scrollbar-thumb]:bg-slate-600 [&::-webkit-scrollbar-thumb]:rounded-full", placeholder: "\u6682\u65E0\u9884\u89C8", spellCheck: false, value: openclawPreviewText, onChange: (e) => setOpenclawPreviewText(e.target.value) }))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5 px-3 py-2 bg-slate-900 border-b border-slate-800", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" }), (0, jsx_runtime_1.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-600" })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] font-medium text-slate-400 ml-2", children: "openclaw.json\uFF08\u5F53\u524D\u78C1\u76D8\u5185\u5BB9\uFF0C\u8FD8\u539F\u540E\u5373\u66F4\u65B0\uFF09" })] }), openclawStatus?.config != null ? ((0, jsx_runtime_1.jsx)("pre", { className: "w-full min-h-[12rem] p-3.5 text-[10px] text-slate-300 font-mono overflow-auto max-h-96 [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-slate-900 [&::-webkit-scrollbar-thumb]:bg-slate-600 [&::-webkit-scrollbar-thumb]:rounded-full", children: JSON.stringify(openclawStatus.config, null, 2) })) : ((0, jsx_runtime_1.jsx)("div", { className: "p-3.5 text-[10px] text-slate-500 font-mono", children: "\u6682\u65E0\u914D\u7F6E\u6587\u4EF6" }))] })) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "rounded-lg border border-slate-200/50 bg-slate-50/60 px-4 py-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 mb-2.5", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-4 h-4 text-slate-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }), (0, jsx_runtime_1.jsx)("h3", { className: "text-xs font-semibold text-slate-700", children: "\u4F7F\u7528\u8BF4\u660E" })] }), (0, jsx_runtime_1.jsxs)("ul", { className: "space-y-1.5 text-[10px] text-slate-600", children: [(0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "1." }), (0, jsx_runtime_1.jsx)("span", { children: "\u300C\u751F\u6548\u4E2D\u300D\u4E3A\u5F53\u524D\u78C1\u76D8\u4E0A\u7684 openclaw.json\uFF1B\u300C\u9884\u89C8\u300D\u4E3A\u5E94\u7528\u540E\u5C06\u5199\u5165\u7684\u5408\u5E76\u7ED3\u679C\uFF08\u542B AAR \u7F51\u5173\uFF09" })] }), (0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "2." }), (0, jsx_runtime_1.jsx)("span", { children: "\u9009\u62E9\u9ED8\u8BA4\u6A21\u578B\u7B49\u540E\uFF0C\u5728\u300C\u9884\u89C8\u300D\u4E2D\u67E5\u770B\u5408\u5E76\u7ED3\u679C\uFF0C\u70B9\u51FB\u300C\u5E94\u7528\u914D\u7F6E\u300D\u5199\u5165" })] }), (0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "3." }), (0, jsx_runtime_1.jsx)("span", { children: "\u914D\u7F6E\u6587\u4EF6\u4F4D\u4E8E ~/.openclaw/openclaw.json" })] }), (0, jsx_runtime_1.jsxs)("li", { className: "flex gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-slate-400", children: "4." }), (0, jsx_runtime_1.jsx)("span", { children: "\u300C\u8FD8\u539F\u914D\u7F6E\u300D\u6062\u590D\u4E3A\u5E94\u7528\u524D\u7684\u5907\u4EFD\uFF1B\u8FD8\u539F\u540E\u8BF7\u5728\u300C\u751F\u6548\u4E2D\u300D\u67E5\u770B\u5F53\u524D\u5185\u5BB9" })] })] })] })] })), activeTab === 'cursor' && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-16 h-16 bg-slate-100 rounded-full flex items-center justify-center mb-4", children: (0, jsx_runtime_1.jsx)("svg", { className: "w-8 h-8 text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" }) }) }), (0, jsx_runtime_1.jsx)("h3", { className: "text-sm font-medium text-slate-900 mb-1", children: "Cursor \u652F\u6301\u5373\u5C06\u63A8\u51FA" }), (0, jsx_runtime_1.jsx)("p", { className: "text-xs text-slate-500 max-w-xs", children: "\u6211\u4EEC\u5C06\u5F88\u5FEB\u6DFB\u52A0\u5BF9 Cursor \u7F16\u8F91\u5668\u7684\u652F\u6301\uFF0C\u656C\u8BF7\u671F\u5F85\u3002" })] }))] })] })] })] }));
 }