From 346b85836b7c89255c3bddb10a92667026ff4495 Mon Sep 17 00:00:00 2001
From: Wenjie Zhang <xerrors@163.com>
Date: Wed, 23 Jul 2025 12:54:36 +0800
Subject: [PATCH] =?UTF-8?q?style(database/agent):=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E5=AD=97=E4=BD=93=E5=A4=A7=E5=B0=8F=E5=92=8C=E9=A2=9C=E8=89=B2?=
 =?UTF-8?q?=EF=BC=8C=E4=BF=AE=E6=94=B9=E6=A0=87=E9=A2=98=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=EF=BC=8C=E5=A2=9E=E5=BC=BA=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2=E4=BD=93=E9=AA=8C=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/AgentMessageComponent.vue | 12 ++--
 web/src/components/KnowledgeGraphViewer.vue  |  2 +-
 web/src/views/DataBaseInfoView.vue           |  9 ++-
 web/src/views/DataBaseView.vue               | 65 +++++++++++---------
 4 files changed, 52 insertions(+), 36 deletions(-)

diff --git a/web/src/components/AgentMessageComponent.vue b/web/src/components/AgentMessageComponent.vue
index 2a10bc2d..ea74309f 100644
--- a/web/src/components/AgentMessageComponent.vue
+++ b/web/src/components/AgentMessageComponent.vue
@@ -500,20 +500,22 @@ const toggleToolCall = (toolCallId) => {
   font-family: -apple-system, BlinkMacSystemFont, 'Noto Sans SC', 'PingFang SC', 'Noto Sans SC', 'Microsoft YaHei', 'Hiragino Sans GB', 'Source Han Sans CN', 'Courier New', monospace;
 
   #preview-only-preview {
-    font-size: 15px;
-    color: var(--gray-900);
+    font-size: 1rem;
+    line-height: 1.75;
+    color: var(--gray-2000);
   }
 
+
   h1, h2 {
-    font-size: 16px;
+    font-size: 1.2rem;
   }
 
   h3, h4 {
-    font-size: 16px;
+    font-size: 1.1rem;
   }
 
   h5, h6 {
-    font-size: 15px;
+    font-size: 1rem;
   }
 
   strong {
diff --git a/web/src/components/KnowledgeGraphViewer.vue b/web/src/components/KnowledgeGraphViewer.vue
index 1068f695..be2dbc96 100644
--- a/web/src/components/KnowledgeGraphViewer.vue
+++ b/web/src/components/KnowledgeGraphViewer.vue
@@ -666,7 +666,7 @@ const loadGraphData = async () => {
         await initSigma()
       }
 
-      message.success(`加载成功：${rawGraph.nodes.length} 个节点，${rawGraph.edges.length} 条边${graphResponse.data.is_truncated ? ' (已截断)' : ''}`)
+      // message.success(`加载成功：${rawGraph.nodes.length} 个节点，${rawGraph.edges.length} 条边${graphResponse.data.is_truncated ? ' (已截断)' : ''}`)
     }
   } catch (error) {
     console.error('加载图数据失败:', error)
diff --git a/web/src/views/DataBaseInfoView.vue b/web/src/views/DataBaseInfoView.vue
index 28bdb32a..4909dae2 100644
--- a/web/src/views/DataBaseInfoView.vue
+++ b/web/src/views/DataBaseInfoView.vue
@@ -1,7 +1,7 @@
 <template>
 <div class="database-info-container">
   <HeaderComponent
-    :title="database.name || '数据库信息'"
+    :title="database.name || '数据库信息加载中'"
     :loading="state.databaseLoading"
   >
     <template #left>
@@ -18,6 +18,7 @@
       <div class="header-info">
         <span class="db-id">ID: {{ database.db_id || 'N/A' }}</span>
         <span class="file-count">{{ database.files ? Object.keys(database.files).length : 0 }} 文件</span>
+        <a-tag color="blue">{{ database.embed_info?.name }}</a-tag>
         <a-tag
           :color="getKbTypeColor(database.kb_type || 'lightrag')"
           class="kb-type-tag"
@@ -1556,9 +1557,13 @@ const getKbTypeColor = (type) => {
 .header-info {
   display: flex;
   align-items: center;
-  gap: 10px;
+  gap: 8px;
   margin-left: auto; /* Push to the right */
 
+  span {
+    margin: 0;
+  }
+
   .kb-type-tag {
     display: flex;
     align-items: center;
diff --git a/web/src/views/DataBaseView.vue b/web/src/views/DataBaseView.vue
index 8a552673..68afc3f8 100644
--- a/web/src/views/DataBaseView.vue
+++ b/web/src/views/DataBaseView.vue
@@ -345,34 +345,6 @@ onMounted(() => {
 
 <style lang="less" scoped>
 .new-database-modal {
-  .kb-type-option {
-    // padding: 4px 0;
-
-    .type-header {
-      display: flex;
-      align-items: center;
-      gap: 6px;
-      margin-bottom: 2px;
-
-      .type-icon {
-        width: 16px;
-        height: 16px;
-        color: var(--main-color);
-        flex-shrink: 0;
-      }
-
-      .type-title {
-        font-weight: 600;
-      }
-    }
-
-    .type-desc {
-      font-size: 12px;
-      color: var(--gray-600);
-      padding-left: 20px;
-    }
-  }
-
   .kb-type-guide {
     margin: 12px 0;
   }
@@ -538,3 +510,40 @@ onMounted(() => {
   }
 }
 </style>
+
+<!-- 为了解决ant-select下拉选项中图标和文本对齐问题，需要使用非scoped样式 -->
+<style lang="less">
+/* 知识库类型选项样式 */
+.kb-type-option {
+  .type-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+
+    .type-icon {
+      width: 16px;
+      height: 16px;
+      flex-shrink: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .type-title {
+      font-weight: 500;
+    }
+  }
+
+  .type-desc {
+    font-size: 12px;
+    color: #666;
+    margin-left: 24px;
+    margin-top: 2px;
+  }
+}
+
+/* 确保选中项也正确对齐 */
+.ant-select-selection-item .kb-type-option .type-header {
+  align-items: center;
+}
+</style>