feat: add internationalized translations of AI-related extensions (#632)

ayangweb · web-flow · commit 57590f3b5743 · 2025-06-07T10:48:55.000+08:00
* feat: add internationalized translations of AI-related extensions

* docs: update changelog

* refactor: update
diff --git a/docs/content.en/docs/release-notes/_index.md b/docs/content.en/docs/release-notes/_index.md
@@ -18,6 +18,7 @@ Information about release notes of Coco Server is provided here.
 - feat: calculator extension add description #623
 - feat: support right-click actions after text selection #624
 - feat: add ai overview minimum number of search results configuration #625
+- feat: add internationalized translations of AI-related extensions #632
 
 ### 🐛 Bug fix
 
diff --git a/src/components/Settings/Extensions/components/Details/AiOverview/index.tsx b/src/components/Settings/Extensions/components/Details/AiOverview/index.tsx
@@ -1,6 +1,7 @@
 import { useExtensionsStore } from "@/stores/extensionsStore";
 import SharedAi from "../SharedAi";
 import SettingsInput from "@/components/Settings/SettingsInput";
+import { useTranslation } from "react-i18next";
 
 const AiOverview = () => {
   const aiOverviewServer = useExtensionsStore((state) => {
@@ -33,23 +34,30 @@ const AiOverview = () => {
   const setAiOverviewMinQuantity = useExtensionsStore((state) => {
     return state.setAiOverviewMinQuantity;
   });
+  const { t } = useTranslation();
 
   const inputList = [
     {
-      label: "Minimum Input Length(characters)",
+      label: t(
+        "settings.extensions.aiOverview.details.aiOverviewTrigger.label.minQuantity"
+      ),
+      value: aiOverviewMinQuantity,
+      onChange: setAiOverviewMinQuantity,
+    },
+    {
+      label: t(
+        "settings.extensions.aiOverview.details.aiOverviewTrigger.label.minCharLen"
+      ),
       value: aiOverviewCharLen,
       onChange: setAiOverviewCharLen,
     },
     {
-      label: "Delay After Typing Stops(seconds)",
+      label: t(
+        "settings.extensions.aiOverview.details.aiOverviewTrigger.label.minDelay"
+      ),
       value: aiOverviewDelay,
       onChange: setAiOverviewDelay,
     },
-    {
-      label: "Minimum Number of Search Results",
-      value: aiOverviewMinQuantity,
-      onChange: setAiOverviewMinQuantity,
-    },
   ];
 
   return (
@@ -65,11 +73,13 @@ const AiOverview = () => {
 
       <>
         <div className="mt-6 text-[#333] dark:text-white/90">
-          AI Overview Trigger
+          {t("settings.extensions.aiOverview.details.aiOverviewTrigger.title")}
         </div>
 
         <div className="pt-2 pb-4 text-[#999]">
-          AI Overview will be triggered when both conditions are met.
+          {t(
+            "settings.extensions.aiOverview.details.aiOverviewTrigger.description"
+          )}
         </div>
 
         <div className="flex flex-col gap-2">
diff --git a/src/components/Settings/Extensions/components/Details/SharedAi/index.tsx b/src/components/Settings/Extensions/components/Details/SharedAi/index.tsx
@@ -6,6 +6,7 @@ import platformAdapter from "@/utils/platformAdapter";
 import { useAsyncEffect, useMount } from "ahooks";
 import { FC, useMemo, useState } from "react";
 import { ExtensionId } from "../../..";
+import { useTranslation } from "react-i18next";
 
 interface SharedAiProps {
   id: ExtensionId;
@@ -22,6 +23,7 @@ const SharedAi: FC<SharedAiProps> = (props) => {
   const [assistantList, setAssistantList] = useState<any[]>([assistant]);
   const addError = useAppStore((state) => state.addError);
   const { fetchAssistant } = AssistantFetcher({});
+  const { t } = useTranslation();
 
   useMount(async () => {
     try {
@@ -72,7 +74,9 @@ const SharedAi: FC<SharedAiProps> = (props) => {
   const selectList = useMemo(() => {
     return [
       {
-        label: "Coco Server",
+        label: t(
+          "settings.extensions.shardAi.details.linkedAssistant.label.cocoServer"
+        ),
         value: server?.id,
         icon: server?.provider?.icon,
         data: serverList,
@@ -83,7 +87,9 @@ const SharedAi: FC<SharedAiProps> = (props) => {
         },
       },
       {
-        label: "AI Assistant",
+        label: t(
+          "settings.extensions.shardAi.details.linkedAssistant.label.aiAssistant"
+        ),
         value: assistant?.id,
         icon: assistant?.icon,
         data: assistantList,
@@ -98,19 +104,21 @@ const SharedAi: FC<SharedAiProps> = (props) => {
 
   const renderDescription = () => {
     if (id === "QuickAIAccess") {
-      return "Quick AI access allows you to start a conversation immediately from the search box using the tab key.";
+      return t("settings.extensions.quickAiAccess.description");
     }
 
     if (id === "AIOverview") {
-      return "AI Summarize generates concise summaries based on your search results, helping you quickly grasp key information without reading every document.";
+      return t("settings.extensions.aiOverview.description");
     }
   };
 
   return (
     <>
       <div className="text-[#999]">{renderDescription()}</div>
 
-      <div className="mt-6 text-[#333] dark:text-white/90">LinkedAssistant</div>
+      <div className="mt-6 text-[#333] dark:text-white/90">
+        {t("settings.extensions.shardAi.details.linkedAssistant.title")}
+      </div>
 
       {selectList.map((item) => {
         const { label, value, icon, data, onChange } = item;
diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
@@ -233,6 +233,34 @@
       "calculator": {
         "title": "Calculator",
         "description": "A calculator you can quickly invoke in the search bar, supporting basic math operations."
+      },
+      "shardAi": {
+        "details": {
+          "linkedAssistant": {
+            "title": "Linked Assistant",
+            "label": {
+              "cocoServer": "Coco Server",
+              "aiAssistant": "AI Assistant"
+            }
+          }
+        }
+      },
+      "quickAiAccess": {
+        "description": "Quick AI access allows you to start a conversation immediately from the search box using the Tab key."
+      },
+      "aiOverview": {
+        "description": "AI Overview generates concise summaries based on your search results, helping you quickly grasp key information without reading every document.",
+        "details": {
+          "aiOverviewTrigger": {
+            "title": "AI Overview Trigger",
+            "description": "AI Overview will be triggered only when all of the following conditions are met.(search results are sourced from Coco Server's result statistics)",
+            "label": {
+              "minCharLen": "Minimum Input Length(characters)",
+              "minDelay": "Delay After Typing Stops(seconds)",
+              "minQuantity": "Minimum Number of Search Results"
+            }
+          }
+        }
       }
     }
   },
diff --git a/src/locales/zh/translation.json b/src/locales/zh/translation.json
@@ -233,6 +233,34 @@
       "calculator": {
         "title": "计算器",
         "description": "在搜索框中快速调用的计算工具，支持基本数学运算。"
+      },
+      "shardAi": {
+        "details": {
+          "linkedAssistant": {
+            "title": "关联助手",
+            "label": {
+              "cocoServer": "Coco Server",
+              "aiAssistant": "AI 助手"
+            }
+          }
+        }
+      },
+      "quickAiAccess": {
+        "description": "通过 Tab 键，你可以立即从搜索框中启动与 AI 的对话。"
+      },
+      "aiOverview": {
+        "description": "AI Overview 根据你的搜索结果生成简洁的摘要，帮助你快速掌握关键信息，无需逐一阅读每份文档。",
+        "details": {
+          "aiOverviewTrigger": {
+            "title": "AI Overview 触发条件",
+            "description": "仅当满足以下所有条件时，AI Overview 才会被触发。（搜索结果来源为 Coco Server 的结果统计）",
+            "label": {
+              "minCharLen": "最小输入长度（字符）",
+              "minDelay": "输入停止延迟（秒）",
+              "minQuantity": "最小搜索结果数"
+            }
+          }
+        }
       }
     }
   },
