From b894e9b21c5307c45e1b8eacdd4c4c565191c1d2 Mon Sep 17 00:00:00 2001
From: "DESKTOP-72TV0V4\\caoxiaozhu" <leocaoxiaozhu@163.com>
Date: Sat, 7 Mar 2026 13:53:53 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=20Dashboard=20?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=92=8C=E7=B1=BB=E5=9E=8B=E5=AE=9A=E4=B9=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Dashboard 页面样式调整
- 添加数据库相关 TypeScript 类型定义

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 web/src/views/Dashboard.vue     | 23 ++++-----
 web/src/views/database/types.ts | 86 +++++++++++++++++++++++++++++++++
 2 files changed, 98 insertions(+), 11 deletions(-)

diff --git a/web/src/views/Dashboard.vue b/web/src/views/Dashboard.vue
index 6516bdd..608cbd2 100644
--- a/web/src/views/Dashboard.vue
+++ b/web/src/views/Dashboard.vue
@@ -192,17 +192,8 @@ const topRequestsTab = ref<'general' | 'errors'>('general')
             <h3 class="font-semibold text-lg">Active Agents</h3>
             <div class="flex items-center gap-2">
               <span class="text-sm text-gray-400">Errors</span>
-              <!-- 开启状态开关 -->
-              <div
-                class="w-10 h-5 rounded-full relative cursor-pointer transition-colors"
-                :class="agentErrorEnabled ? 'bg-primary-orange' : 'bg-dark-500'"
-                @click="agentErrorEnabled = !agentErrorEnabled"
-              >
-                <div
-                  class="absolute top-0.5 w-4 h-4 rounded-full bg-white transition-transform"
-                  :class="agentErrorEnabled ? 'right-0.5' : 'left-0.5'"
-                ></div>
-              </div>
+              <!-- 使用 Element Plus 开关组件 -->
+              <el-switch v-model="agentErrorEnabled" class="error-switch" />
             </div>
           </div>
           <div class="text-4xl font-bold mb-4">{{ displayStats.activeAgents }}</div>
@@ -394,3 +385,13 @@ const topRequestsTab = ref<'general' | 'errors'>('general')
       </div>
     </div>
 </template>
+
+<style scoped>
+.error-switch {
+  --el-switch-on-color: #f97316;
+  --el-switch-off-color: #374151;
+}
+.error-switch :deep(.el-switch__action) {
+  background-color: white;
+}
+</style>
diff --git a/web/src/views/database/types.ts b/web/src/views/database/types.ts
index 64a65fe..9458415 100644
--- a/web/src/views/database/types.ts
+++ b/web/src/views/database/types.ts
@@ -43,3 +43,89 @@ export interface DbForm {
   password: string
   database: string
 }
+
+// Neo4j 图谱相关类型
+export interface Neo4jLabel {
+  name: string
+  count: number
+}
+
+export interface Neo4jRelType {
+  name: string
+  count: number
+}
+
+export interface Neo4jGraphData {
+  labels: Neo4jLabel[]
+  relationshipTypes: Neo4jRelType[]
+}
+
+export interface Neo4jCheckResponse {
+  success: boolean
+  message: string
+  version?: string
+  databases?: string[]
+  databaseId?: string
+  name?: string
+  description?: string
+  graphs?: Neo4jGraphData
+}
+
+export interface Neo4jNodeProperty {
+  label: string
+  properties: {
+    name: string
+    type: string
+  }[]
+}
+
+export interface Neo4jRelProperty {
+  type: string
+  properties: {
+    name: string
+    type: string
+  }[]
+}
+
+export interface Neo4jNodeRequest {
+  uri?: string
+  host?: string
+  port?: number
+  username: string
+  password: string
+  database: string
+  label: string
+  limit?: number
+}
+
+export interface Neo4jNodesResponse {
+  success: boolean
+  message: string
+  nodes: any[]
+  properties: {
+    name: string
+    type: string
+  }[]
+}
+
+export interface Neo4jRelRequest {
+  uri?: string
+  host?: string
+  port?: number
+  username: string
+  password: string
+  database: string
+  relationshipType: string
+  limit?: number
+}
+
+export interface Neo4jRelationshipsResponse {
+  success: boolean
+  message: string
+  relationships: {
+    id: string
+    source: string
+    target: string
+    properties: any
+  }[]
+}