From 6dfce96bb3bb2d48dc0c9532e6ffb802965ffe9b Mon Sep 17 00:00:00 2001
From: fish <zhongpengapp@hotmail.com>
Date: Mon, 6 Jul 2026 12:37:08 +0800
Subject: [PATCH] =?UTF-8?q?AI=20=E8=AE=BE=E7=BD=AE=E7=8B=AC=E7=AB=8B?=
 =?UTF-8?q?=E4=B8=BA=E5=8D=95=E7=8B=AC=E9=A1=B5=E9=9D=A2=20/settings/ai?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude <noreply@anthropic.com>
---
 serve/frontend/src/components/Layout.tsx            |  2 +-
 .../src/components/financials/AiAnalysisDialog.tsx  |  2 +-
 .../components/screener/StrategyBuilderDialog.tsx   |  2 +-
 .../stock-analysis/StockAnalysisDialog.tsx          |  2 +-
 serve/frontend/src/pages/AiSettings.tsx             | 13 +++++++++++++
 serve/frontend/src/router.tsx                       |  3 ++-
 6 files changed, 19 insertions(+), 5 deletions(-)
 create mode 100644 serve/frontend/src/pages/AiSettings.tsx

diff --git a/serve/frontend/src/components/Layout.tsx b/serve/frontend/src/components/Layout.tsx
index 3b851ee..ce6a2d5 100644
--- a/serve/frontend/src/components/Layout.tsx
+++ b/serve/frontend/src/components/Layout.tsx
@@ -47,7 +47,7 @@ const nav = [
 function AIConfigBadge({ configured, model }: { configured?: boolean; model?: string }) {
   return (
     <NavLink
-      to="/settings?tab=ai"
+      to="/settings/ai"
       className="mt-2 group block -mx-2.5"
       title="AI 配置"
     >
diff --git a/serve/frontend/src/components/financials/AiAnalysisDialog.tsx b/serve/frontend/src/components/financials/AiAnalysisDialog.tsx
index 4e004c2..16af26e 100644
--- a/serve/frontend/src/components/financials/AiAnalysisDialog.tsx
+++ b/serve/frontend/src/components/financials/AiAnalysisDialog.tsx
@@ -177,7 +177,7 @@ export function AiAnalysisDialog({ task, mode, minimized }: Props) {
                 <div className="text-sm font-medium text-foreground">分析失败</div>
                 <div className="text-xs text-secondary text-center max-w-md px-4">{error}</div>
                 {error.includes('AI') && (
-                  <button onClick={() => { window.location.href = '/settings?tab=ai' }}
+                  <button onClick={() => { window.location.href = '/settings/ai' }}
                     className="mt-1 inline-flex items-center gap-1.5 h-8 px-3 rounded-lg bg-elevated border border-border text-xs text-secondary hover:text-foreground transition-colors">
                     <Settings2 className="h-3.5 w-3.5" /> 去配置 AI
                   </button>
diff --git a/serve/frontend/src/components/screener/StrategyBuilderDialog.tsx b/serve/frontend/src/components/screener/StrategyBuilderDialog.tsx
index 8f9bd9c..f05b800 100644
--- a/serve/frontend/src/components/screener/StrategyBuilderDialog.tsx
+++ b/serve/frontend/src/components/screener/StrategyBuilderDialog.tsx
@@ -310,7 +310,7 @@ export function StrategyBuilderDialog({ open, onClose, onSavedId, mode = 'create
               <div className="rounded-xl border border-amber-400/30 bg-amber-400/5 px-4 py-3 flex items-center gap-3">
                 <AlertTriangle className="h-4 w-4 text-amber-400 shrink-0" />
                 <div className="flex-1 text-xs text-amber-400/80">AI API Key 未配置，无法生成策略。填写的内容会自动保存。</div>
-                <button onClick={() => { persist(); window.location.href = '/settings?tab=ai' }}
+                <button onClick={() => { persist(); window.location.href = '/settings/ai' }}
                   className="h-7 px-3 rounded-lg bg-amber-400/15 border border-amber-400/30 text-amber-400 text-xs font-medium flex items-center gap-1.5 hover:bg-amber-400/20 shrink-0">
                   <Settings2 className="h-3 w-3" />去配置
                 </button>
diff --git a/serve/frontend/src/components/stock-analysis/StockAnalysisDialog.tsx b/serve/frontend/src/components/stock-analysis/StockAnalysisDialog.tsx
index 73bdb35..6d8ad1c 100644
--- a/serve/frontend/src/components/stock-analysis/StockAnalysisDialog.tsx
+++ b/serve/frontend/src/components/stock-analysis/StockAnalysisDialog.tsx
@@ -170,7 +170,7 @@ export function StockAnalysisDialog({ task, mode, minimized }: Props) {
                 <div className="text-sm font-medium text-foreground">分析失败</div>
                 <div className="text-xs text-secondary text-center max-w-md px-4">{error}</div>
                 {error.includes('AI') && (
-                  <button onClick={() => { window.location.href = '/settings?tab=ai' }}
+                  <button onClick={() => { window.location.href = '/settings/ai' }}
                     className="mt-1 inline-flex items-center gap-1.5 h-8 px-3 rounded-lg bg-elevated border border-border text-xs text-secondary hover:text-foreground transition-colors">
                     <Settings2 className="h-3.5 w-3.5" /> 去配置 AI
                   </button>
diff --git a/serve/frontend/src/pages/AiSettings.tsx b/serve/frontend/src/pages/AiSettings.tsx
new file mode 100644
index 0000000..ece5117
--- /dev/null
+++ b/serve/frontend/src/pages/AiSettings.tsx
@@ -0,0 +1,13 @@
+import { PageHeader } from '@/components/PageHeader'
+import { SettingsAIPanel } from './settings/AI'
+
+export function AiSettings() {
+  return (
+    <>
+      <PageHeader title="AI 设置" subtitle="管理 AI 提供商连接与模型配置" />
+      <div className="px-8 py-6">
+        <SettingsAIPanel />
+      </div>
+    </>
+  )
+}
diff --git a/serve/frontend/src/router.tsx b/serve/frontend/src/router.tsx
index fc383be..7e8c4c7 100644
--- a/serve/frontend/src/router.tsx
+++ b/serve/frontend/src/router.tsx
@@ -14,6 +14,7 @@ import { StockAnalysis } from './pages/StockAnalysis'
 import { Review } from './pages/Review'
 import { LimitUpLadder } from './pages/LimitUpLadder'
 import { Branding } from './pages/Branding'
+import { AiSettings } from './pages/AiSettings'
 import { Settings } from './pages/Settings'
 import { Indices } from './pages/Indices'
 import { Dev } from './pages/Dev'
@@ -79,7 +80,7 @@ export const router = createBrowserRouter([
       { path: 'dev', element: <Dev /> },
       // 旧路由兼容重定向
       { path: 'settings/keys', element: <Navigate to="/settings?tab=account" replace /> },
-      { path: 'settings/ai', element: <Navigate to="/settings?tab=ai" replace /> },
+      { path: 'settings/ai', element: <AiSettings /> },
       { path: 'settings/queries', element: <Navigate to="/settings?tab=queries" replace /> },
     ],
   },