🎨 Embedding related Style improvement and minor bug fix

Author: Phinease

frontend/app/[locale]/setup/agents/components/tool/ToolPool.tsx

@@ -3,7 +3,7 @@
 import { useState, useEffect, useMemo, useCallback, memo } from "react";
 import { useTranslation } from "react-i18next";
 
-import { Button, App, Tabs, Tooltip } from "antd";
+import { Button, App, Tabs } from "antd";
 import {
   SettingOutlined,
   LoadingOutlined,
@@ -13,7 +13,7 @@ import {
 
 import { TOOL_SOURCE_TYPES } from "@/const/agentConfig";
 import {
-  Tooltip as CustomTooltip,
+  Tooltip,
   TooltipTrigger,
   TooltipContent,
 } from "@/components/ui/tooltip";
@@ -151,6 +151,7 @@ function ToolPool({
       const embeddingBlocked =
         tool.name === "knowledge_base_search" && !isEmbeddingConfigured;
       if (embeddingBlocked) {
+        message.warning(t("embedding.agentToolDisableTooltip.content"));
         return;
       }
 
@@ -387,10 +388,6 @@ function ToolPool({
     const isEffectivelyAvailable = isAvailable && !isEmbeddingBlocked;
     const isDisabled = localIsGenerating || !isEditingMode || isGeneratingAgent; // Disable only during generation or view-only
 
-    const kbUnavailableTip = isEmbeddingBlocked
-      ? "您尚未配置 Embedding 模型，无法使用依赖向量化能力的 Agent 工具。"
-      : undefined;
-
     const item = (
       <div
         className={`border-2 rounded-md p-2 flex items-center transition-all duration-300 ease-in-out min-h-[45px] shadow-sm ${
@@ -410,20 +407,25 @@ function ToolPool({
         }`}
         onClick={(e) => {
           if (isDisabled) {
+            if (!isEditingMode) {
+              message.warning(t("toolPool.message.viewOnlyMode"));
+            }
             return;
           }
           if (!isEffectivelyAvailable && !isSelected) {
-            if (!isEmbeddingBlocked) {
-              message.warning(t("toolPool.message.unavailable"));
-            }
+            message.warning(
+              isEmbeddingBlocked
+                ? t("embedding.agentToolDisableTooltip.content")
+                : t("toolPool.message.unavailable")
+            );
             return;
           }
           handleToolSelect(tool, !isSelected, e);
         }}
       >
         {/* Tool name left */}
         <div className="flex-1 overflow-hidden">
-        <div
+          <div
                 className={`font-medium text-sm truncate transition-colors duration-300 ${
                   !isEffectivelyAvailable && !isSelected ? "text-gray-400" : ""
                 }`}
@@ -437,8 +439,7 @@ function ToolPool({
                 }}
               >
                 {tool.name}
-              </div>
-
+          </div>
         </div>
         {/* Settings button right - Tag removed */}
         <div className="flex items-center gap-2 ml-2">
@@ -454,9 +455,11 @@ function ToolPool({
                   message.warning(t("toolPool.message.viewOnlyMode"));
                   return;
                 } else {
-                  if (!isEmbeddingBlocked) {
-                    message.warning(t("toolPool.message.unavailable"));
-                  }
+                  message.warning(
+                    isEmbeddingBlocked
+                      ? t("embedding.agentToolDisableTooltip.content")
+                      : t("toolPool.message.unavailable")
+                  );
                 }
                 return;
               }
@@ -480,13 +483,7 @@ function ToolPool({
       </div>
     );
 
-    return kbUnavailableTip ? (
-      <Tooltip title={kbUnavailableTip} placement="top">
-        {item}
-      </Tooltip>
-    ) : (
-      item
-    );
+    return item;
   });
 
   // Generate Tabs configuration

frontend/app/[locale]/setup/knowledges/config.tsx

@@ -789,7 +789,7 @@ function DataConfig({ isActive }: DataConfigProps) {
             <div className="flex items-center">
               <WarningFilled className="text-yellow-500 mt-1 mr-2 text-3xl" />
               <div className="ml-3 mt-2">
-                <div className="text-base text-gray-800 font-semibold whitespace-nowrap">
+                <div className="text-base text-gray-800 font-semibold">
                   {t("embedding.knowledgeBaseDisabledWarningModal.title")}
                 </div>
               </div>

frontend/app/[locale]/setup/models/page.tsx

@@ -10,10 +10,11 @@ import {motion} from "framer-motion";
 import {useAuth} from "@/hooks/useAuth";
 import modelEngineService from "@/services/modelEngineService";
 import {configStore} from "@/lib/config";
+import { configService } from "@/services/configService";
 import {
   CONNECTION_STATUS,
   ConnectionStatus,
-  MODEL_STATUS
+  MODEL_STATUS,
 } from "@/const/modelConfig";
 import log from "@/lib/logger";
 
@@ -72,6 +73,20 @@ export default function ModelSetupPage() {
     }
   };
 
+  // Centralized behavior: save current config and navigate to next page
+  const saveAndNavigateNext = async () => {
+    try {
+      const currentConfig = configStore.getConfig();
+      const ok = await configService.saveConfigToBackend(currentConfig as any);
+      if (!ok) {
+        message.error(t("setup.page.error.saveConfig"));
+      }
+    } catch (e) {
+      message.error(t("setup.page.error.saveConfig"));
+    }
+    router.push("/setup/knowledges");
+  };
+
   // Handle next button click
   const handleNext = async () => {
     try {
@@ -116,7 +131,7 @@ export default function ModelSetupPage() {
         return;
       }
 
-      router.push("/setup/knowledges");
+      await saveAndNavigateNext();
     } catch (error) {
       log.error(t("setup.page.error.systemError"), error);
       message.error(t("setup.page.error.systemError"));
@@ -127,7 +142,7 @@ export default function ModelSetupPage() {
     setEmbeddingModalOpen(false);
     if (pendingJump) {
       setPendingJump(false);
-      router.push("/setup/knowledges");
+      await saveAndNavigateNext();
     }
   };
 
@@ -163,7 +178,7 @@ export default function ModelSetupPage() {
       } catch (e) {
         message.error(t("setup.page.error.saveConfig"));
       }
-      router.push("/setup/knowledges");
+      await saveAndNavigateNext();
     }
   };
 
@@ -210,7 +225,9 @@ export default function ModelSetupPage() {
       >
         <AppModelConfig
           onSelectedModelsChange={(selected) => setLiveSelectedModels(selected)}
-          onEmbeddingConnectivityChange={(status) => setEmbeddingConnectivity(status)}
+          onEmbeddingConnectivityChange={(status) =>
+            setEmbeddingConnectivity(status)
+          }
           forwardedRef={modelConfigSectionRef}
         />
       </motion.div>

frontend/public/locales/en/common.json

@@ -849,13 +849,14 @@
   "embedding.modifyWarningModal.content": "You are attempting to modify an active Embedding model configuration. This will temporarily disable files previously cleaned with that model, created knowledge bases, and generated memory entries.",
   "embedding.modifyWarningModal.ok_proceed": "Modify now",
   "embedding.modifyWarningModal.cancel": "Cancel",
-  "embedding.knowledgeBaseDisabledWarningModal.title": "You have not configured an Embedding model, so knowledge base related features are currently unavailable.",
+  "embedding.knowledgeBaseDisabledWarningModal.title": "You have not configured an Embedding model. Knowledge base features are temporarily disabled.",
   "embedding.knowledgeBaseAutoDeselectModal.title": "Automatically Remove Incompatible Knowledge Bases",
   "embedding.knowledgeBaseAutoDeselectModal.content": "Due to your change of the Embedding configuration, the incompatible knowledge bases have been automatically removed.",
   "embedding.agentToolAutoDeselectModal.title": "Automatically Remove Unavailable Agent Tools",
   "embedding.agentToolAutoDeselectModal.content": "Due to not configuring the Embedding model, the unavailable agent tools have been automatically removed.",
+  "embedding.agentToolDisableTooltip.content": "You have not configured the Embedding model. This agent tool is disabled.",
   "embedding.chatMemoryWarningModal.title": "Embedding Model Not Configured",
-  "embedding.chatMemoryWarningModal.content": "You have not configured the Embedding model, so the memory function is currently unavailable.",
+  "embedding.chatMemoryWarningModal.content": "You have not configured the Embedding model. Memory functions are temporarily disabled.",
   "embedding.chatMemoryWarningModal.tip": "Please contact your tenant administrator for configuration.",
   "embedding.chatMemoryWarningModal.ok_config": "Configuration",
   "embedding.chatMemoryWarningModal.ok": "Cancel",

frontend/public/locales/zh/common.json

@@ -854,6 +854,7 @@
   "embedding.knowledgeBaseAutoDeselectModal.content": "由于您已修改向量化模型配置，已自动取消选中不兼容的知识库。",
   "embedding.agentToolAutoDeselectModal.title": "自动移除无法使用的 Agent 工具",
   "embedding.agentToolAutoDeselectModal.content": "由于您尚未配置向量化模型，已自动取消选中无法使用的 Agent 工具。",
+  "embedding.agentToolDisableTooltip.content": "您尚未配置向量化模型，无法使用依赖向量化能力的 Agent 工具",
   "embedding.chatMemoryWarningModal.title": "向量化模型未配置",
   "embedding.chatMemoryWarningModal.content": "您尚未配置向量化模型，暂时无法使用记忆功能。",
   "embedding.chatMemoryWarningModal.tip": "建议您联系您的租户管理员进行配置。",