优化部分视觉表现

src/models/embedding.py

@@ -58,8 +58,9 @@ class ZhipuEmbedding:
 
     def predict(self, message):
         data = []
+        batch_size = 40
 
-        if len(message) > 10:
+        if len(message) > batch_size:
             global GLOBAL_EMBED_STATE
             task_id = hashstr(message)
             logger.info(f"Creating new state for process {task_id}")
@@ -69,12 +70,12 @@ class ZhipuEmbedding:
                 'progress': 0
             }
 
-        for i in range(0, len(message), 10):
+        for i in range(0, len(message), batch_size):
-            if len(message) > 10:
+            if len(message) > batch_size:
-                logger.info(f"Encoding {i} to {i+10} with {len(message)} messages")
+                logger.info(f"Encoding {i} to {i+batch_size} with {len(message)} messages")
                 GLOBAL_EMBED_STATE[task_id]['progress'] = i
 
-            group_msg = message[i:i+10]
+            group_msg = message[i:i+batch_size]
             response = self.client.embeddings.create(
                 model=self.model_info.default_path,
                 input=group_msg,
@@ -82,7 +83,7 @@ class ZhipuEmbedding:
 
             data.extend([a.embedding for a in response.data])
 
-        if len(message) > 10:
+        if len(message) > batch_size:
             GLOBAL_EMBED_STATE[task_id]['progress'] = len(message)
             GLOBAL_EMBED_STATE[task_id]['status'] = 'completed'
 

src/routers/chat_router.py

@@ -1,10 +1,8 @@
-import time
-import uuid
-from fastapi import APIRouter, HTTPException, Request, Body
-from fastapi.responses import StreamingResponse, Response
-from concurrent.futures import ThreadPoolExecutor
 import json
 import asyncio
+from fastapi import APIRouter, Body
+from fastapi.responses import StreamingResponse, Response
+from concurrent.futures import ThreadPoolExecutor
 from src.core import HistoryManager
 from src.core.startup import startup
 from src.utils.logging_config import setup_logger
@@ -63,7 +61,6 @@ def chat_post(
             else:
                 content += delta.content
 
-            logger.debug(f"Response: {content}")
             chunk = make_chunk(content, "loading", history=history_manager.update_ai(content))
             yield chunk
 

web/src/components/ChatComponent.vue

@@ -667,6 +667,7 @@ watch(
   top: 20%;
   width: 100%;
   z-index: 9;
+  animation: slideInUp 0.5s ease-out;
 
   h1 {
     margin-bottom: 20px;
@@ -913,7 +914,7 @@ watch(
 
 @keyframes pulse {
   0%, 80%, 100% {
-    transform: scale(0.6);
+    transform: scale(0.8);
     opacity: 0.3;
   }
   40% {
@@ -929,6 +930,9 @@ watch(
 @-webkit-keyframes swing-in-top-fwd{0%{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:top;transform-origin:top;opacity:1}}@keyframes swing-in-top-fwd{0%{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transform-origin:top;transform-origin:top;opacity:1}}
 @-webkit-keyframes slide-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}}@keyframes slide-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}}
 
+@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
+@keyframes slideInUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
+
 @media (max-width: 520px) {
   .chat {
     height: calc(100vh - 60px);
@@ -971,6 +975,8 @@ watch(
     }
   }
 }
+
+
 </style>
 
 <style lang="less">
@@ -989,6 +995,17 @@ watch(
   h1, h2, h3, h4, h5, h6 {
     font-size: 1rem;
   }
+
+  li, ol, ul {
+    & > p {
+      margin: 0.25rem 0;
+    }
+  }
+
+  ol, ul {
+    padding-left: 1rem;
+  }
 }
 </style>
 
+

web/src/views/DataBaseInfoView.vue

@@ -104,20 +104,20 @@
           <div class="sider">
             <div class="sider-top">
               <div class="query-params" v-if="state.curPage == 'query-test'">
-                <h3 class="params-title">参数配置</h3>
+                <!-- <h3 class="params-title">参数配置</h3> -->
                 <div class="params-group">
                   <div class="params-item">
                     <p>检索数量：</p>
                     <a-input-number size="small" v-model:value="meta.maxQueryCount" :min="1" :max="20" />
                   </div>
-                  <div class="params-item">
-                    <p>TopK：</p>
-                    <a-input-number size="small" v-model:value="meta.topK" :min="1" :max="meta.maxQueryCount" />
-                  </div>
                   <div class="params-item">
                     <p>过滤低质量：</p>
                     <a-switch v-model:checked="meta.filter" />
                   </div>
+                  <div class="params-item">
+                    <p>筛选 TopK：</p>
+                    <a-input-number size="small" v-model:value="meta.topK" :min="1" :max="meta.maxQueryCount" />
+                  </div>
                 </div>
                 <div class="params-group">
                   <div class="params-item w100" v-if="configStore.config.enable_reranker">
@@ -160,6 +160,7 @@
             </div>
 
             <!-- 新增示例按钮 -->
+            <span>示例查询：</span>
             <div class="query-examples">
               <a-button v-for="example in queryExamples" :key="example" @click="useQueryExample(example)">
                 {{ example }}
@@ -602,14 +603,17 @@ onMounted(() => {
       .query-params {
         display: flex;
         flex-direction: column;
-        border-radius: 8px;
         box-sizing: border-box;
         font-size: 15px;
         gap: 12px;
-        background-color: var(--main-light-6);
+        // background-color: var(--main-light-6);
-        padding: 16px;
+        // padding: 16px;
-        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+        // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-        border: 1px solid var(--main-light-3);
+        // border: 1px solid var(--main-light-3);
+        // border-radius: 8px;
+        padding-top: 12px;
+        padding-right: 16px;
+        border-right: 1px solid var(--main-light-3);
 
         .params-title {
           margin-top: 0;
@@ -644,7 +648,7 @@ onMounted(() => {
 
           p {
             margin: 0;
-            font-size: 15px;
+            font-size: 16px;
             color: var(--gray-900);
           }
 
@@ -706,18 +710,18 @@ onMounted(() => {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
-    margin-bottom: 20px;
+    margin: 10px 0;
 
     .ant-btn {
       font-size: 14px;
       padding: 4px 12px;
       height: auto;
-      background-color: var(--main-light-4);
+      background-color: var(--gray-200);
       border: none;
-      color: var(--main-600);
+      color: var(--gray-800);
 
       &:hover {
-        background-color: var(--main-light-3);
+        background-color: var(--gray-300);
       }
     }
   }
@@ -903,6 +907,7 @@ onMounted(() => {
 
   .params-item.col .ant-segmented {
     width: 100%;
+    font-size: smaller;
     div.ant-segmented-group {
       display: flex;
       justify-content: space-around;
@@ -910,6 +915,9 @@ onMounted(() => {
     label.ant-segmented-item {
       flex: 1;
       text-align: center;
+      div.ant-segmented-item-label > div > p {
+        font-size: small;
+      }
     }
   }
 }

web/src/views/SettingView.vue

@@ -145,9 +145,9 @@
         </div>
         <div class="model-provider-card" v-for="(item, key) in modelKeys" :key="key">
           <div class="card-header">
-            <h3>{{ modelNames[item].name }}</h3>
-            <a :href="modelNames[item].url" target="_blank">详情</a>
             <div v-if="modelStatus[item]" class="success"></div>
+            <h3>{{ modelNames[item].name }}</h3>
+            <a :href="modelNames[item].url" target="_blank"><InfoCircleOutlined /></a>
           </div>
           <div class="card-body" v-if="modelStatus[item]">
             <div
@@ -185,6 +185,7 @@ import {
   FolderOutlined,
   DeleteOutlined,
   EditOutlined,
+  InfoCircleOutlined,
 } from '@ant-design/icons-vue';
 import HeaderComponent from '@/components/HeaderComponent.vue';
 import { notification, Button } from 'ant-design-vue';
@@ -452,12 +453,13 @@ const sendRestart = () => {
       h3 {
         margin: 0;
         font-size: 1rem;
+        font-weight: bold;
       }
 
       a {
         text-decoration: none;
-        color: var(--gray-700);
+        color: var(--gray-500);
-        font-size: 14px;
+        font-size: 12px;
         transition: all 0.1s;
 
         &:hover {
@@ -465,16 +467,16 @@ const sendRestart = () => {
         }
       }
 
-      .success, .missing-keys {
+      .details, .missing-keys {
         margin-left: auto;
       }
 
       .success {
-        width: 1rem;
+        width: 0.75rem;
-        height: 1rem;
+        height: 0.75rem;
         background-color: rgb(91, 186, 91);
         border-radius: 50%;
-        box-shadow: 0 0 10px 1px rgba(  0,128,  0, 0.2);
+        box-shadow: 0 0 10px 1px rgba(  0,128,  0, 0.1);
         border: 2px solid white;
       }
 
@@ -482,6 +484,7 @@ const sendRestart = () => {
         color: var(--gray-600);
         & > span {
           margin-left: 10px;
+          user-select: all;
         }
       }
     }

web/src/views/ToolsView.vue

@@ -2,16 +2,16 @@
   <div class="tools-container layout-container">
     <HeaderComponent
       title="工具箱"
-      description="这里展示了各种可用的工具。点击查看详情。"
+      description="这里展示了各种可用的工具。"
     >
     </HeaderComponent>
 
     <div class="tools-grid">
       <div v-for="tool in tools" :key="tool.id" class="tool-card" @click="navigateToTool(tool.name)">
         <div class="tool-header">
-          <div class="tool-icon">
+          <!-- <div class="tool-icon">
             <component :is="iconMap[tool.name]" />
-          </div>
+          </div> -->
           <h3>{{ tool.title }}</h3>
         </div>
         <div class="tool-info">