lock (#2063 )

* lock * perf: init data * perf: vision model url * fix: chat index
feat: optimize i18n implementation for better localization (#2062 )
2024-07-17 00:16:57 +08:00 · 2024-07-16 17:56:27 +08:00 · 2024-07-16 17:38:11 +08:00 · 2024-07-16 16:55:12 +08:00
235 changed files with 2052 additions and 2171 deletions
--- a/.vscode/i18n-ally-custom-framework.yml
+++ b/.vscode/i18n-ally-custom-framework.yml
@@ -1,46 +0,0 @@
-# .vscode/i18n-ally-custom-framework.yml
-
-# An array of strings which contain Language Ids defined by VS Code
-# You can check available language ids here: https://code.visualstudio.com/docs/languages/identifiers
-languageIds:
-  - javascript
-  - typescript
-  - javascriptreact
-  - typescriptreact
-
-# An array of RegExes to find the key usage. **The key should be captured in the first match group**.
-# You should unescape RegEx strings in order to fit in the YAML file
-# To help with this, you can use https://www.freeformatter.com/json-escape.html
-usageMatchRegex:
-  # The following example shows how to detect `t("your.i18n.keys")`
-  # the `{key}` will be placed by a proper keypath matching regex,
-  # you can ignore it and use your own matching rules as well
-  - "[^\\w\\d]t\\(['\"`]({key})['\"`]"
-  - "[^\\w\\d]commonT\\(['\"`]({key})['\"`]"
-  # 支持 appT("your.i18n.keys")
-  - "[^\\w\\d]appT\\(['\"`]({key})['\"`]"
-  # 支持 datasetT("your.i18n.keys")
-  - "[^\\w\\d]datasetT\\(['\"`]({key})['\"`]"
-  - "[^\\w\\d]fileT\\(['\"`]({key})['\"`]"
-  - "[^\\w\\d]publishT\\(['\"`]({key})['\"`]"
-  - "[^\\w\\d]workflowT\\(['\"`]({key})['\"`]"
-  - "[^\\w\\d]userT\\(['\"`]({key})['\"`]"
-  - "[^\\w\\d]chatT\\(['\"`]({key})['\"`]"
-
-# A RegEx to set a custom scope range. This scope will be used as a prefix when detecting keys
-# and works like how the i18next framework identifies the namespace scope from the
-# useTranslation() hook.
-# You should unescape RegEx strings in order to fit in the YAML file
-# To help with this, you can use https://www.freeformatter.com/json-escape.html
-scopeRangeRegex: "useTranslation\\(\\s*\\[?\\s*['\"`](.*?)['\"`]"
-
-# An array of strings containing refactor templates.
-# The "$1" will be replaced by the keypath specified.
-# Optional: uncomment the following two lines to use
-
-# refactorTemplates:
-#  - i18n.get("$1")
-
-
-# If set to true, only enables this custom framework (will disable all built-in frameworks)
-monopoly: true
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -7,11 +7,18 @@
    "i18n-ally.localesPaths": [
        "packages/web/i18n",
    ],
-    "i18n-ally.enabledParsers": ["json", "yaml", "js", "ts"],
+    "i18n-ally.enabledParsers": [
+        "json",
+        "yaml",
+        "js",
+        "ts"
+    ],
    "i18n-ally.keystyle": "nested",
    "i18n-ally.sortKeys": true,
    "i18n-ally.keepFulfilled": false,
    "i18n-ally.sourceLanguage": "zh", // 根据此语言文件翻译其他语言文件的变量和内容
    "i18n-ally.displayLanguage": "zh", // 显示语言
+    "i18n-ally.namespace": true,
+    "i18n-ally.pathMatcher": "{locale}/{namespaces}.json",
    "i18n-ally.extract.targetPickingStrategy": "most-similar-by-key"
 }
--- a/docSite/content/zh-cn/docs/development/docker.md
+++ b/docSite/content/zh-cn/docs/development/docker.md
@@ -11,7 +11,6 @@ weight: 707

 ![](/imgs/sealos-fastgpt.webp)

-
 {{% alert icon="🤖" context="success" %}}

 - MongoDB：用于存储除了向量外的各类数据
@@ -105,13 +104,11 @@ brew install orbstack
 {{< /tab >}}
 {{< /tabs >}}

-
 ## 开始部署

 ### 1. 下载 docker-compose.yml

-
-非 Linux 环境或无法访问外网环境，可手动创建一个目录，并下载配置文件和对应版本的`docker-compose.yml`
+非 Linux 环境或无法访问外网环境，可手动创建一个目录，并下载配置文件和对应版本的`docker-compose.yml`，在这个文件夹中依据下载的配置文件运行docker，若作为本地开发使用推荐`docker-compose-pgvector`版本，并且自行拉取并运行`sandbox`和`fastgpt`，并在docker配置文件中注释掉`sandbox`和`fastgpt`的部分

 - [config.json](https://github.com/labring/FastGPT/blob/main/projects/app/data/config.json)
 - [docker-compose.yml](https://github.com/labring/FastGPT/blob/main/files/docker) (注意，不同向量库版本的文件不一样)
@@ -271,7 +268,6 @@ rs.status()

 默认是写了OneAPi的连接地址和密钥，可以通过修改`docker-compose.yml`中，fastgpt容器的环境变量实现。

-
 `OPENAI_BASE_URL`（API 接口的地址，需要加/v1）
 `CHAT_API_KEY`（API 接口的凭证）。

@@ -315,8 +311,7 @@ docker-compose up -d
 1. `docker exec -it fastgpt sh` 进入 FastGPT 容器。
 2. 直接输入`env`命令查看所有环境变量。

-
-### 为什么无法连接`本地模型`镜像。
+### 为什么无法连接`本地模型`镜像

 `docker-compose.yml`中使用了桥接的模式建立了`fastgpt`网络，如想通过0.0.0.0或镜像名访问其它镜像，需将其它镜像也加入到网络中。

@@ -368,8 +363,8 @@ mongo连接失败，查看mongo的运行状态**对应日志**。

 由于服务初始化错误，系统重启导致。

-* 90%是由于配置文件写不对，导致 JSON 解析报错
-* 剩下的基本是因为向量数据库连不上
+- 90%是由于配置文件写不对，导致 JSON 解析报错
+- 剩下的基本是因为向量数据库连不上

 ### 如何修改密码

--- a/docSite/content/zh-cn/docs/development/intro.md
+++ b/docSite/content/zh-cn/docs/development/intro.md
@@ -7,8 +7,7 @@ toc: true
 weight: 705
 ---

-本文档介绍了如何设置开发环境以构建和测试 [FastGPT](https://fastgpt.in)。
-
+本文档介绍了如何设置开发环境以构建和测试 [FastGPT](https://fastgpt.in)，。

 ## 前置依赖项

@@ -16,13 +15,14 @@ weight: 705

 - [Git](http://git-scm.com/)
 - [Docker](https://www.docker.com/)（构建镜像）
- [Node.js v18.17 / v20.x](http://nodejs.org)
+- [Node.js v18.17 / v20.x](http://nodejs.org)（版本尽量一样，可以使用nvm管理node版本）
 - [pnpm](https://pnpm.io/) 版本 8.6.0 (目前官方的开发环境)
 - make命令: 根据不同平台，百度安装 (官方是GNU Make 4.3)

 ## 开始本地开发

 {{% alert context="success" %}}
+
 1. 用户默认的时区为 `Asia/Shanghai`,非 linux 环境时候，获取系统时间会异常，本地开发时候，可以将用户的时区调整成 UTC（+0）。
 2. 建议先服务器装好**数据库**，再进行本地开发。
 {{% /alert %}}
@@ -47,9 +47,10 @@ git clone git@github.com:<github_username>/FastGPT.git

 ### 3. 安装数据库

-第一次开发，需要先部署数据库，建议本地开发可以随便找一台 2C2G 的轻量小数据库实践。数据库部署教程：[Docker 快速部署](/docs/development/docker/)。部署完了，可以本地访问其数据库。
-
+第一次开发，需要先部署数据库，建议本地开发可以随便找一台 2C2G 的轻量小数据库实践，或者新建文件夹并配置相关文件用以运行docker。数据库部署教程：[Docker 快速部署](/docs/development/docker/)。部署完了，可以本地访问其数据库。
+{{% alert context="warning" %}}
 Mongo 数据库需要注意，需要注意在连接地址中增加 `directConnection=true` 参数，才能连接上副本集的数据库。
+{{% /alert %}}

 ### 4. 初始配置

@@ -57,7 +58,7 @@ Mongo 数据库需要注意，需要注意在连接地址中增加 `directConnec

 **1. 环境变量**

-复制`.env.template`文件，在同级目录下生成一个`.env.local` 文件，修改`.env.local` 里内容才是有效的变量。变量说明见 .env.template
+复制`.env.template`文件，在同级目录下生成一个`.env.local` 文件，修改`.env.local` 里内容才是有效的变量。变量说明见 .env.template，主要需要修改`API_KEY`和数据库的地址与端口以及数据库账号的用户名和密码，具体配置需要和docker配置文件相同，其中用户名和密码如需修改需要修改docker配置文件、数据库和`.env.local`文件，不能只改一处。

 **2. config 配置文件**

@@ -73,7 +74,7 @@ Mongo 数据库需要注意，需要注意在连接地址中增加 `directConnec

 ### 5. 运行

-可参考项目根目录下的 `dev.md`
+可参考项目根目录下的 `dev.md`，第一次编译运行可能会有点慢，需要点耐心哦

 ```bash
 # 给自动化脚本代码执行权限(非 linux 系统, 可以手动执行里面的 postinstall.sh 文件内容)
@@ -114,7 +115,6 @@ make build name=app image=registry.cn-hangzhou.aliyuncs.com/fastgpt/fastgpt:v4.8

 如果遇到问题，比如合并冲突或不知道如何打开拉取请求，请查看 GitHub 的[拉取请求教程](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests)，了解如何解决合并冲突和其他问题。一旦您的 PR 被合并，您将自豪地被列为[贡献者表](https://github.com/labring/FastGPT/graphs/contributors)中的一员。

-
 ## QA

 ### 本地数据库无法连接
@@ -130,6 +130,7 @@ make build name=app image=registry.cn-hangzhou.aliyuncs.com/fastgpt/fastgpt:v4.8
 FastGPT 在`pnpm i`后会执行`postinstall`脚本，用于自动生成`ChakraUI`的`Type`。如果没有权限，可以先执行`chmod -R +x ./scripts/`，再执行`pnpm i`。

 仍不可行的话，可以手动执行`./scripts/postinstall.sh`里的内容。
+*如果是Windows下的话，可以使用git bash给`postinstall`脚本添加执行权限并执行sh脚本*

 ### TypeError: Cannot read properties of null (reading 'useMemo' )

@@ -141,6 +142,9 @@ FastGPT 在`pnpm i`后会执行`postinstall`脚本，用于自动生成`ChakraUI
 4. `cd projects/app`
 5. `pnpm dev`

+### Error response from daemon: error while creating mount source path 'XXX': mkdir XXX: file exists
+
+这个错误可能是之前停止容器时有文件残留导致的，首先需要确认相关镜像都全部关闭，然后手动删除相关文件或者重启docker即可

 ## 加入社区

@@ -155,6 +159,7 @@ FastGPT 在`pnpm i`后会执行`postinstall`脚本，用于自动生成`ChakraUI
 FastGPT 使用了 nextjs 的 page route 作为框架。为了区分好前后端代码，在目录分配上会分成 global, service, web 3个自目录，分别对应着 `前后端共用`、`后端专用`、`前端专用`的代码。

 ### monorepo
+
 FastGPT 采用 pnpm workspace 方式构建 monorepo 项目，主要分为两个部分：

 - projects/app - FastGPT 主项目  
@@ -173,6 +178,7 @@ support - 支撑功能（用户体系，计费，鉴权等）
 common - 基础功能（日志管理，文件读写等）

 {{% details title="代码结构说明" closed="true" %}}
+
 ```
 .
 ├── .github                      // github 相关配置
@@ -200,4 +206,5 @@ common - 基础功能（日志管理，文件读写等）
 ├── README_ja.md
 ├── dev.md
 ```
+
 {{% /details %}}
--- a/docSite/content/zh-cn/docs/development/upgrading/487.md
+++ b/docSite/content/zh-cn/docs/development/upgrading/487.md
@@ -24,4 +24,6 @@ weight: 817
 2. 新增 - 应用搜索
 3. 优化 - 对话框代码
 4. 优化 - 升级 Dockerfile node 和 pnpm 版本
-5. 修复 - 简易模式无法变更全局变量
+5. 优化 - local 域名部署，也可以正常使用 vision 模式
+6. 修复 - 简易模式无法变更全局变量
+7. 修复 - gpt4o 无法同时使用工具和图片
--- a/package.json
+++ b/package.json
@@ -14,11 +14,11 @@
  "devDependencies": {
    "@chakra-ui/cli": "^2.4.1",
    "husky": "^8.0.3",
-    "i18next": "23.10.0",
    "lint-staged": "^13.3.0",
-    "next-i18next": "15.2.0",
+    "i18next": "23.11.5",
+    "next-i18next": "15.3.0",
+    "react-i18next": "14.1.2",
    "prettier": "3.2.4",
-    "react-i18next": "13.5.0",
    "zhlint": "^0.7.4"
  },
  "lint-staged": {
@@ -29,4 +29,4 @@
    "node": ">=18.16.0",
    "pnpm": ">=9.0.0"
  }
-}
+}
--- a/packages/global/common/system/types/index.d.ts
+++ b/packages/global/common/system/types/index.d.ts
@@ -70,9 +70,3 @@ export type SystemEnvType = {
  oneapiUrl?: string;
  chatApiKey?: string;
 };
-
-// declare global {
-//   var feConfigs: FastGPTFeConfigsType;
-//   var systemEnv: SystemEnvType;
-//   var systemInitd: boolean;
-// }
--- a/packages/global/core/chat/constants.ts
+++ b/packages/global/core/chat/constants.ts
@@ -56,7 +56,4 @@ export enum ChatStatusEnum {
  finish = 'finish'
 }

-export const IMG_BLOCK_KEY = 'img-block';
-export const FILE_BLOCK_KEY = 'file-block';
-
 export const MARKDOWN_QUOTE_SIGN = 'QUOTE SIGN';
--- a/packages/global/core/workflow/template/system/queryExtension.ts
+++ b/packages/global/core/workflow/template/system/queryExtension.ts
@@ -19,7 +19,7 @@ import { LLMModelTypeEnum } from '../../../ai/constants';
 import { getHandleConfig } from '../utils';

 export const AiQueryExtension: FlowNodeTemplateType = {
-  id: FlowNodeTypeEnum.chatNode,
+  id: FlowNodeTypeEnum.queryExtension,
  templateType: FlowNodeTemplateTypeEnum.other,
  flowNodeType: FlowNodeTypeEnum.queryExtension,
  sourceHandle: getHandleConfig(true, true, true, true),
--- a/packages/global/package.json
+++ b/packages/global/package.json
@@ -10,13 +10,13 @@
    "js-yaml": "^4.1.0",
    "jschardet": "3.1.1",
    "nanoid": "^4.0.1",
-    "next": "14.2.3",
+    "next": "14.2.5",
    "openai": "4.28.0",
    "openapi-types": "^12.1.3",
    "timezones-list": "^3.0.2"
  },
  "devDependencies": {
    "@types/js-yaml": "^4.0.9",
-    "@types/node": "^20.14.2"
+    "@types/node": "20.14.0"
  }
 }
--- a/packages/plugins/package.json
+++ b/packages/plugins/package.json
@@ -7,6 +7,6 @@
  "devDependencies": {
    "@fastgpt/global": "workspace:*",
    "@fastgpt/service": "workspace:*",
-    "@types/node": "^20.14.2"
+    "@types/node": "20.14.0"
  }
 }
--- a/packages/service/common/api/serverRequest.ts
+++ b/packages/service/common/api/serverRequest.ts
@@ -63,6 +63,7 @@ const instance = axios.create({
    'Cache-Control': 'no-cache'
  }
 });
+export const serverRequestBaseUrl = `http://${SERVICE_LOCAL_HOST}`;

 /* 请求拦截 */
 instance.interceptors.request.use(requestStart, (err) => Promise.reject(err));
@@ -79,7 +80,7 @@ export function request(url: string, data: any, config: ConfigType, method: Meth

  return instance
    .request({
-      baseURL: `http://${SERVICE_LOCAL_HOST}`,
+      baseURL: serverRequestBaseUrl,
      url,
      method,
      data: ['POST', 'PUT'].includes(method) ? data : null,
--- a/packages/service/common/mongo/index.ts
+++ b/packages/service/common/mongo/index.ts
@@ -64,10 +64,13 @@ export const getMongoModel = <T>(name: string, schema: mongoose.Schema) => {
  addCommonMiddleware(schema);

  const model = connectionMongo.model<T>(name, schema);
-  try {
-    model.syncIndexes();
-  } catch (error) {
-    addLog.error('Create index error', error);
+
+  if (process.env.SYNC_INDEX !== '0') {
+    try {
+      model.syncIndexes({ background: true });
+    } catch (error) {
+      addLog.error('Create index error', error);
+    }
  }

  return model;
--- a/packages/service/common/mongo/init.ts
+++ b/packages/service/common/mongo/init.ts
@@ -1,3 +1,4 @@
+import { exit } from 'process';
 import { addLog } from '../system/log';
 import { connectionMongo } from './index';
 import type { Mongoose } from 'mongoose';
@@ -56,9 +57,13 @@ export async function connectMongo({
  }

  try {
-    afterHook && (await afterHook());
+    if (!global.systemInited) {
+      global.systemInited = true;
+      afterHook && (await afterHook());
+    }
  } catch (error) {
-    addLog.error('mongo connect after hook error', error);
+    addLog.error('Mongo connect after hook error', error);
+    exit(1);
  }

  return connectionMongo;
--- a/packages/service/core/chat/chatItemSchema.ts
+++ b/packages/service/core/chat/chatItemSchema.ts
@@ -89,7 +89,7 @@ try {
     get chat logs; 
     close custom feedback; 
  */
-  ChatItemSchema.index({ appId: 1, chatId: 1, dataId: 1 }, { background: true, unique: true });
+  ChatItemSchema.index({ appId: 1, chatId: 1, dataId: 1 }, { background: true });
  // admin charts
  ChatItemSchema.index({ time: -1, obj: 1 }, { background: true });
  // timer, clear history
--- a/packages/service/core/chat/chatSchema.ts
+++ b/packages/service/core/chat/chatSchema.ts
@@ -85,7 +85,7 @@ try {
  // get user history
  ChatSchema.index({ tmbId: 1, appId: 1, top: -1, updateTime: -1 }, { background: true });
  // delete by appid; clear history; init chat; update chat; auth chat; get chat;
-  ChatSchema.index({ appId: 1, chatId: 1 }, { background: true, unique: true });
+  ChatSchema.index({ appId: 1, chatId: 1 }, { background: true });

  // get chat logs;
  ChatSchema.index({ teamId: 1, appId: 1, updateTime: -1 }, { background: true });
--- a/packages/service/core/chat/utils.ts
+++ b/packages/service/core/chat/utils.ts
@@ -1,4 +1,3 @@
-import { IMG_BLOCK_KEY } from '@fastgpt/global/core/chat/constants';
 import { countGptMessagesTokens } from '../../common/string/tiktoken/index';
 import type {
  ChatCompletionContentPart,
@@ -7,6 +6,8 @@ import type {
 import axios from 'axios';
 import { ChatCompletionRequestMessageRoleEnum } from '@fastgpt/global/core/ai/constants';
 import { guessBase64ImageType } from '../../common/file/utils';
+import { serverRequestBaseUrl } from '../../common/api/serverRequest';
+import { cloneDeep } from 'lodash';

 /* slice chat context by tokens */
 const filterEmptyMessages = (messages: ChatCompletionMessageParam[]) => {
@@ -120,137 +121,64 @@ export const formatGPTMessagesInRequestBefore = (messages: ChatCompletionMessage
    .filter(Boolean) as ChatCompletionMessageParam[];
 };

-/**
-    string to vision model. Follow the markdown code block rule for interception:
-
-    @rule:
-    ```img-block
-        {src:""}
-        {src:""}
-    ```
-    ```file-block
-        {name:"",src:""},
-        {name:"",src:""}
-    ```
-    @example:
-        What’s in this image?
-        ```img-block
-            {src:"https://1.png"}
-        ```
-    @return 
-        [
-            { type: 'text', text: 'What’s in this image?' },
-            {
-              type: 'image_url',
-              image_url: {
-                url: 'https://1.png'
-              }
-            }
-        ]
- */
-export async function formatStr2ChatContent(str: string) {
-  const content: ChatCompletionContentPart[] = [];
-  let lastIndex = 0;
-  const regex = new RegExp(`\`\`\`(${IMG_BLOCK_KEY})\\n([\\s\\S]*?)\`\`\``, 'g');
-
-  const imgKey: 'image_url' = 'image_url';
-
-  let match;
-
-  while ((match = regex.exec(str)) !== null) {
-    // add previous text
-    if (match.index > lastIndex) {
-      const text = str.substring(lastIndex, match.index).trim();
-      if (text) {
-        content.push({ type: 'text', text });
-      }
-    }
-
-    const blockType = match[1].trim();
-
-    if (blockType === IMG_BLOCK_KEY) {
-      const blockContentLines = match[2].trim().split('\n');
-      const jsonLines = blockContentLines.map((item) => {
-        try {
-          return JSON.parse(item) as { src: string };
-        } catch (error) {
-          return { src: '' };
-        }
-      });
-
-      for (const item of jsonLines) {
-        if (!item.src) throw new Error("image block's content error");
-      }
-
-      content.push(
-        ...jsonLines.map((item) => ({
-          type: imgKey,
-          image_url: {
-            url: item.src
-          }
-        }))
-      );
-    }
-
-    lastIndex = regex.lastIndex;
-  }
-
-  // add remaining text
-  if (lastIndex < str.length) {
-    const remainingText = str.substring(lastIndex).trim();
-    if (remainingText) {
-      content.push({ type: 'text', text: remainingText });
-    }
-  }
-
-  // Continuous text type content, if type=text, merge them
-  for (let i = 0; i < content.length - 1; i++) {
-    const currentContent = content[i];
-    const nextContent = content[i + 1];
-    if (currentContent.type === 'text' && nextContent.type === 'text') {
-      currentContent.text += nextContent.text;
-      content.splice(i + 1, 1);
-      i--;
-    }
-  }
-
-  if (content.length === 1 && content[0].type === 'text') {
-    return content[0].text;
-  }
-
-  if (!content) return null;
-  // load img to base64
-  for await (const item of content) {
-    if (item.type === imgKey && item[imgKey]?.url) {
-      const response = await axios.get(item[imgKey].url, {
-        responseType: 'arraybuffer'
-      });
-      const base64 = Buffer.from(response.data).toString('base64');
-      item[imgKey].url = `data:${response.headers['content-type']};base64,${base64}`;
-    }
-  }
-
-  return content ? content : null;
-}
-
+/* Load user chat content.
+  Img: to base 64
+*/
 export const loadChatImgToBase64 = async (content: string | ChatCompletionContentPart[]) => {
  if (typeof content === 'string') {
    return content;
  }
+
  return Promise.all(
    content.map(async (item) => {
      if (item.type === 'text') return item;
-      // load image
-      const response = await axios.get(item.image_url.url, {
-        responseType: 'arraybuffer'
-      });
-      const base64 = Buffer.from(response.data).toString('base64');
-      let imageType = response.headers['content-type'];
-      if (imageType === undefined) {
-        imageType = guessBase64ImageType(base64);
+
+      if (!item.image_url.url) return item;
+
+      /* 
+        1. From db: Get it from db
+        2. From web: Not update
+      */
+      if (item.image_url.url.startsWith('/')) {
+        const response = await axios.get(item.image_url.url, {
+          baseURL: serverRequestBaseUrl,
+          responseType: 'arraybuffer'
+        });
+        const base64 = Buffer.from(response.data).toString('base64');
+        let imageType = response.headers['content-type'];
+        if (imageType === undefined) {
+          imageType = guessBase64ImageType(base64);
+        }
+        return {
+          ...item,
+          image_url: {
+            ...item.image_url,
+            url: `data:${imageType};base64,${base64}`
+          }
+        };
      }
-      item.image_url.url = `data:${imageType};base64,${base64}`;
+
      return item;
    })
  );
 };
+export const loadRequestMessages = async (messages: ChatCompletionMessageParam[]) => {
+  if (messages.length === 0) {
+    return Promise.reject('core.chat.error.Messages empty');
+  }
+
+  const loadMessages = await Promise.all(
+    messages.map(async (item) => {
+      if (item.role === ChatCompletionRequestMessageRoleEnum.User) {
+        return {
+          ...item,
+          content: await loadChatImgToBase64(item.content)
+        };
+      } else {
+        return item;
+      }
+    })
+  );
+
+  return loadMessages;
+};
--- a/packages/service/core/workflow/dispatch/agent/runTool/functionCall.ts
+++ b/packages/service/core/workflow/dispatch/agent/runTool/functionCall.ts
@@ -1,6 +1,6 @@
 import { LLMModelItemType } from '@fastgpt/global/core/ai/model.d';
 import { getAIApi } from '../../../../ai/config';
-import { filterGPTMessageByMaxTokens } from '../../../../chat/utils';
+import { filterGPTMessageByMaxTokens, loadRequestMessages } from '../../../../chat/utils';
 import {
  ChatCompletion,
  StreamChatType,
@@ -88,6 +88,7 @@ export const runToolWithFunctionCall = async (
    }
    return item;
  });
+  const requestMessages = await loadRequestMessages(formativeMessages);

  /* Run llm */
  const ai = getAIApi({
@@ -99,7 +100,7 @@ export const runToolWithFunctionCall = async (
      model: toolModel.model,
      temperature: 0,
      stream,
-      messages: formativeMessages,
+      messages: requestMessages,
      functions,
      function_call: 'auto'
    },
--- a/packages/service/core/workflow/dispatch/agent/runTool/index.ts
+++ b/packages/service/core/workflow/dispatch/agent/runTool/index.ts
@@ -12,6 +12,7 @@ import { ChatItemType } from '@fastgpt/global/core/chat/type';
 import { ChatRoleEnum } from '@fastgpt/global/core/chat/constants';
 import {
  GPTMessages2Chats,
+  chatValue2RuntimePrompt,
  chats2GPTMessages,
  getSystemPrompt,
  runtimePrompt2ChatsValue
@@ -29,10 +30,11 @@ type Response = DispatchNodeResultType<{

 export const dispatchRunTools = async (props: DispatchToolModuleProps): Promise<Response> => {
  const {
-    node: { nodeId, name, outputs },
+    node: { nodeId, name },
    runtimeNodes,
    runtimeEdges,
    histories,
+    query,
    params: { model, systemPrompt, userChatInput, history = 6 }
  } = props;

@@ -65,7 +67,7 @@ export const dispatchRunTools = async (props: DispatchToolModuleProps): Promise<
      obj: ChatRoleEnum.Human,
      value: runtimePrompt2ChatsValue({
        text: userChatInput,
-        files: []
+        files: chatValue2RuntimePrompt(query).files
      })
    }
  ];
--- a/packages/service/core/workflow/dispatch/agent/runTool/promptCall.ts
+++ b/packages/service/core/workflow/dispatch/agent/runTool/promptCall.ts
@@ -1,6 +1,6 @@
 import { LLMModelItemType } from '@fastgpt/global/core/ai/model.d';
 import { getAIApi } from '../../../../ai/config';
-import { filterGPTMessageByMaxTokens } from '../../../../chat/utils';
+import { filterGPTMessageByMaxTokens, loadRequestMessages } from '../../../../chat/utils';
 import {
  ChatCompletion,
  StreamChatType,
@@ -87,6 +87,8 @@ export const runToolWithPromptCall = async (
    messages,
    maxTokens: toolModel.maxContext - 500 // filter token. not response maxToken
  });
+  const requestMessages = await loadRequestMessages(filterMessages);
+
  // console.log(JSON.stringify(filterMessages, null, 2));
  /* Run llm */
  const ai = getAIApi({
@@ -98,7 +100,7 @@ export const runToolWithPromptCall = async (
      model: toolModel.model,
      temperature: 0,
      stream,
-      messages: filterMessages
+      messages: requestMessages
    },
    {
      headers: {
--- a/packages/service/core/workflow/dispatch/agent/runTool/toolChoice.ts
+++ b/packages/service/core/workflow/dispatch/agent/runTool/toolChoice.ts
@@ -1,6 +1,6 @@
 import { LLMModelItemType } from '@fastgpt/global/core/ai/model.d';
 import { getAIApi } from '../../../../ai/config';
-import { filterGPTMessageByMaxTokens } from '../../../../chat/utils';
+import { filterGPTMessageByMaxTokens, loadRequestMessages } from '../../../../chat/utils';
 import {
  ChatCompletion,
  ChatCompletionMessageToolCall,
@@ -99,6 +99,8 @@ export const runToolWithToolChoice = async (
    }
    return item;
  });
+  const requestMessages = await loadRequestMessages(formativeMessages);
+
  // console.log(
  //   JSON.stringify(
  //     {
@@ -106,7 +108,7 @@ export const runToolWithToolChoice = async (
  //       model: toolModel.model,
  //       temperature: 0,
  //       stream,
-  //       messages: formativeMessages,
+  //       messages: requestMessages,
  //       tools,
  //       tool_choice: 'auto'
  //     },
@@ -124,7 +126,7 @@ export const runToolWithToolChoice = async (
      model: toolModel.model,
      temperature: 0,
      stream,
-      messages: formativeMessages,
+      messages: requestMessages,
      tools,
      tool_choice: 'auto'
    },
--- a/packages/service/core/workflow/dispatch/chat/oneapi.ts
+++ b/packages/service/core/workflow/dispatch/chat/oneapi.ts
@@ -2,7 +2,7 @@ import type { NextApiResponse } from 'next';
 import {
  filterGPTMessageByMaxTokens,
  formatGPTMessagesInRequestBefore,
-  loadChatImgToBase64
+  loadRequestMessages
 } from '../../../chat/utils';
 import type { ChatItemType, UserChatItemValueItemType } from '@fastgpt/global/core/chat/type.d';
 import { ChatRoleEnum } from '@fastgpt/global/core/chat/constants';
@@ -151,22 +151,7 @@ export const dispatchChatCompletion = async (props: ChatProps): Promise<ChatResp
    ...formatGPTMessagesInRequestBefore(filterMessages)
  ] as ChatCompletionMessageParam[];

-  if (concatMessages.length === 0) {
-    return Promise.reject('core.chat.error.Messages empty');
-  }
-
-  const loadMessages = await Promise.all(
-    concatMessages.map(async (item) => {
-      if (item.role === ChatCompletionRequestMessageRoleEnum.User) {
-        return {
-          ...item,
-          content: await loadChatImgToBase64(item.content)
-        };
-      } else {
-        return item;
-      }
-    })
-  );
+  const requestMessages = await loadRequestMessages(concatMessages);

  const requestBody = {
    ...modelConstantsData?.defaultConfig,
@@ -174,7 +159,7 @@ export const dispatchChatCompletion = async (props: ChatProps): Promise<ChatResp
    temperature,
    max_tokens,
    stream,
-    messages: loadMessages
+    messages: requestMessages
  };
  const response = await ai.chat.completions.create(requestBody, {
    headers: {
--- a/packages/service/package.json
+++ b/packages/service/package.json
@@ -25,7 +25,7 @@
    "mammoth": "^1.6.0",
    "mongoose": "^7.0.2",
    "multer": "1.4.5-lts.1",
-    "next": "14.2.3",
+    "next": "14.2.5",
    "nextjs-cors": "^2.2.0",
    "node-cron": "^3.0.3",
    "node-xlsx": "^0.23.0",
--- a/packages/service/type.d.ts
+++ b/packages/service/type.d.ts
@@ -25,4 +25,6 @@ declare global {
    worker: Worker;
    callbackMap: Record<string, (e: number) => void>;
  }[];
+
+  var systemInited: boolean;
 }
--- a/packages/web/components/common/MyPopover/PopoverConfirm.tsx
+++ b/packages/web/components/common/MyPopover/PopoverConfirm.tsx
@@ -1,5 +1,4 @@
 import React, { useMemo } from 'react';
-import MyPopover from './index';
 import { useTranslation } from 'next-i18next';
 import MyIcon from '../Icon';
 import { useRequest2 } from '../../../hooks/useRequest';
--- a/packages/web/i18n/en/common.json
+++ b/packages/web/i18n/en/common.json
@@ -597,8 +597,7 @@
            "success": "Start syncing"
          }
        },
-        "training": {
-        }
+        "training": {}
      },
      "data": {
        "Auxiliary Data": "Auxiliary data",
@@ -1373,7 +1372,7 @@
        "Terms": "Terms of service",
        "Username": "Username",
        "Wechat": "Login with Wechat",
-        "Wx qr login": "Wechat QR code login"
+        "wx_qr_login": "Wechat QR code login"
      },
      "team": {
        "Dataset usage": "Knowledge base capacity",
@@ -1638,4 +1637,4 @@
      }
    }
  }
-}
+}
--- a/packages/web/i18n/zh/common.json
+++ b/packages/web/i18n/zh/common.json
@@ -600,8 +600,7 @@
            "success": "开始同步"
          }
        },
-        "training": {
-        }
+        "training": {}
      },
      "data": {
        "Auxiliary Data": "辅助数据",
@@ -1382,7 +1381,7 @@
        "Terms": "服务协议",
        "Username": "用户名",
        "Wechat": "微信登录",
-        "Wx qr login": "微信扫码登录"
+        "wx_qr_login": "微信扫码登录"
      },
      "team": {
        "Dataset usage": "知识库容量",
@@ -1647,4 +1646,4 @@
      }
    }
  }
-}
+}
--- a/packages/web/package.json
+++ b/packages/web/package.json
@@ -21,17 +21,17 @@
    "ahooks": "^3.7.11",
    "date-fns": "2.30.0",
    "dayjs": "^1.11.7",
-    "i18next": "23.10.0",
    "lexical": "0.12.6",
    "lodash": "^4.17.21",
-    "next-i18next": "15.2.0",
+    "i18next": "23.11.5",
+    "next-i18next": "15.3.0",
+    "react-i18next": "14.1.2",
    "papaparse": "^5.4.1",
    "react": "18.3.1",
    "react-beautiful-dnd": "^13.1.1",
    "react-day-picker": "^8.7.1",
    "react-dom": "18.3.1",
    "react-hook-form": "7.43.1",
-    "react-i18next": "13.5.0",
    "react-photo-view": "^1.2.6",
    "use-context-selector": "^1.4.4"
  },
@@ -42,4 +42,4 @@
    "@types/react-beautiful-dnd": "^13.1.1",
    "@types/react-dom": "18.3.0"
  }
-}
+}
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/projects/app/next-i18next.config.js
+++ b/projects/app/next-i18next.config.js
@@ -12,4 +12,4 @@ module.exports = {
  localePath:
    typeof window === 'undefined' ? require('path').resolve('../../packages/web/i18n') : '/i18n',
  reloadOnPrerender: process.env.NODE_ENV === 'development'
-};
+}
--- a/projects/app/package.json
+++ b/projects/app/package.json
@@ -1,6 +1,6 @@
 {
  "name": "app",
-  "version": "4.8.6",
+  "version": "4.8.7",
  "private": false,
  "scripts": {
    "dev": "next dev",
@@ -35,23 +35,23 @@
    "formidable": "^2.1.1",
    "framer-motion": "^9.0.6",
    "hyperdown": "^2.4.29",
-    "i18next": "23.10.0",
    "immer": "^9.0.19",
    "js-yaml": "^4.1.0",
    "jsonwebtoken": "^9.0.2",
    "lodash": "^4.17.21",
    "mermaid": "^10.2.3",
    "nanoid": "^4.0.1",
-    "next": "14.2.3",
+    "next": "14.2.5",
    "json5": "^2.2.3",
-    "next-i18next": "15.2.0",
    "nextjs-node-loader": "^1.1.5",
    "nprogress": "^0.2.0",
    "react": "18.3.1",
    "react-day-picker": "^8.7.1",
    "react-dom": "18.3.1",
    "react-hook-form": "7.43.1",
-    "react-i18next": "13.5.0",
+    "i18next": "23.11.5",
+    "next-i18next": "15.3.0",
+    "react-i18next": "14.1.2",
    "react-markdown": "^8.0.7",
    "react-syntax-highlighter": "^15.5.0",
    "reactflow": "^11.7.4",
--- a/projects/app/src/components/CommunityModal/index.tsx
+++ b/projects/app/src/components/CommunityModal/index.tsx
@@ -10,7 +10,12 @@ const CommunityModal = ({ onClose }: { onClose: () => void }) => {
  const { feConfigs } = useSystemStore();

  return (
-    <MyModal isOpen={true} onClose={onClose} iconSrc="modal/concat" title={t('system.Concat us')}>
+    <MyModal
+      isOpen={true}
+      onClose={onClose}
+      iconSrc="modal/concat"
+      title={t('common:system.Concat us')}
+    >
      <ModalBody textAlign={'center'}>
        <Markdown source={feConfigs?.concatMd || ''} />
      </ModalBody>
--- a/projects/app/src/components/Layout/auth.tsx
+++ b/projects/app/src/components/Layout/auth.tsx
@@ -39,7 +39,7 @@ const Auth = ({ children }: { children: JSX.Element }) => {
        );
        toast({
          status: 'warning',
-          title: t('support.user.Need to login')
+          title: t('common:support.user.Need to login')
        });
      }
    }
--- a/projects/app/src/components/Layout/navbar.tsx
+++ b/projects/app/src/components/Layout/navbar.tsx
@@ -27,28 +27,28 @@ const Navbar = ({ unread }: { unread: number }) => {
  const navbarList = useMemo(
    () => [
      {
-        label: t('navbar.Chat'),
+        label: t('common:navbar.Chat'),
        icon: 'core/chat/chatLight',
        activeIcon: 'core/chat/chatFill',
        link: `/chat?appId=${lastChatAppId}&chatId=${lastChatId}`,
        activeLink: ['/chat']
      },
      {
-        label: t('navbar.Studio'),
+        label: t('common:navbar.Studio'),
        icon: 'core/app/aiLight',
        activeIcon: 'core/app/aiFill',
        link: `/app/list`,
        activeLink: ['/app/list', '/app/detail']
      },
      {
-        label: t('navbar.Datasets'),
+        label: t('common:navbar.Datasets'),
        icon: 'core/dataset/datasetLight',
        activeIcon: 'core/dataset/datasetFill',
        link: `/dataset/list`,
        activeLink: ['/dataset/list', '/dataset/detail']
      },
      {
-        label: t('navbar.Account'),
+        label: t('common:navbar.Account'),
        icon: 'support/user/userLight',
        activeIcon: 'support/user/userFill',
        link: '/account',
@@ -163,7 +163,7 @@ const Navbar = ({ unread }: { unread: number }) => {
        </Box>
      )}
      {(feConfigs?.docUrl || feConfigs?.chatbotUrl) && (
-        <MyTooltip label={t('common.system.Use Helper')} placement={'right-end'}>
+        <MyTooltip label={t('common:common.system.Use Helper')} placement={'right-end'}>
          <Link
            {...itemStyles}
            {...hoverStyle}
--- a/projects/app/src/components/Layout/navbarPhone.tsx
+++ b/projects/app/src/components/Layout/navbarPhone.tsx
@@ -13,7 +13,7 @@ const NavbarPhone = ({ unread }: { unread: number }) => {
  const navbarList = useMemo(
    () => [
      {
-        label: t('navbar.Chat'),
+        label: t('common:navbar.Chat'),
        icon: 'core/chat/chatLight',
        activeIcon: 'core/chat/chatFill',
        link: `/chat?appId=${lastChatAppId}&chatId=${lastChatId}`,
@@ -21,7 +21,7 @@ const NavbarPhone = ({ unread }: { unread: number }) => {
        unread: 0
      },
      {
-        label: t('navbar.Studio'),
+        label: t('common:navbar.Studio'),
        icon: 'core/app/aiLight',
        activeIcon: 'core/app/aiFill',
        link: `/app/list`,
@@ -29,7 +29,7 @@ const NavbarPhone = ({ unread }: { unread: number }) => {
        unread: 0
      },
      {
-        label: t('navbar.Tools'),
+        label: t('common:navbar.Tools'),
        icon: 'phoneTabbar/tool',
        activeIcon: 'phoneTabbar/toolFill',
        link: '/tools',
@@ -37,7 +37,7 @@ const NavbarPhone = ({ unread }: { unread: number }) => {
        unread: 0
      },
      {
-        label: t('navbar.Account'),
+        label: t('common:navbar.Account'),
        icon: 'support/user/userLight',
        activeIcon: 'support/user/userFill',
        link: '/account',
--- a/projects/app/src/components/Markdown/CodeLight.tsx
+++ b/projects/app/src/components/Markdown/CodeLight.tsx
@@ -329,7 +329,7 @@ const CodeLight = ({
          <Box flex={1}>{codeBoxName}</Box>
          <Flex cursor={'pointer'} onClick={() => copyData(String(children))} alignItems={'center'}>
            <Icon name={'copy'} width={15} height={15}></Icon>
-            <Box ml={1}>{t('common.Copy')}</Box>
+            <Box ml={1}>{t('common:common.Copy')}</Box>
          </Flex>
        </Flex>
        <SyntaxHighlighter style={codeLight as any} language={match?.[1]} PreTag="pre">
--- a/projects/app/src/components/Markdown/chat/QuestionGuide.tsx
+++ b/projects/app/src/components/Markdown/chat/QuestionGuide.tsx
@@ -24,7 +24,7 @@ const QuestionGuide = ({ text }: { text: string }) => {

  return questionGuides.length > 0 ? (
    <Box mt={2}>
-      <ChatBoxDivider icon="core/chat/QGFill" text={t('core.chat.Question Guide')} />
+      <ChatBoxDivider icon="core/chat/QGFill" text={t('common:core.chat.Question Guide')} />
      <Flex alignItems={'center'} flexWrap={'wrap'} gap={2}>
        {questionGuides.map((text) => (
          <Flex
@@ -60,7 +60,7 @@ const QuestionGuide = ({ text }: { text: string }) => {
              lineHeight={0}
              bg={`linear-gradient(to left, white,white min(60px,100%),rgba(255,255,255,0) 80%)`}
            >
-              <MyTooltip label={t('core.chat.markdown.Edit Question')}>
+              <MyTooltip label={t('common:core.chat.markdown.Edit Question')}>
                <MyIcon
                  name={'edit'}
                  w={'14px'}
@@ -71,7 +71,7 @@ const QuestionGuide = ({ text }: { text: string }) => {
                  onClick={() => eventBus.emit(EventNameEnum.editQuestion, { text })}
                />
              </MyTooltip>
-              <MyTooltip label={t('core.chat.markdown.Send Question')}>
+              <MyTooltip label={t('common:core.chat.markdown.Send Question')}>
                <MyIcon
                  ml={4}
                  name={'core/chat/sendLight'}
--- a/projects/app/src/components/Markdown/index.tsx
+++ b/projects/app/src/components/Markdown/index.tsx
@@ -117,7 +117,7 @@ const A = React.memo(function A({ children, ...props }: any) {
    const text = useMemo(() => String(children), [children]);

    return (
-      <MyTooltip label={t('core.chat.markdown.Quick Question')}>
+      <MyTooltip label={t('common:core.chat.markdown.Quick Question')}>
        <Button
          variant={'whitePrimary'}
          size={'xs'}
--- a/projects/app/src/components/Select/AIModelSelector.tsx
+++ b/projects/app/src/components/Select/AIModelSelector.tsx
@@ -47,7 +47,7 @@ const AIModelSelector = ({ list, onchange, disableTip, ...props }: Props) => {
          label: (
            <Flex alignItems={'center'}>
              <Avatar borderRadius={'0'} mr={2} src={LOGO_ICON} w={'18px'} />
-              <Box>{t('support.user.Price')}</Box>
+              <Box>{t('common:support.user.Price')}</Box>
            </Flex>
          ),
          value: 'price'
--- a/projects/app/src/components/common/Modal/EditResourceModal.tsx
+++ b/projects/app/src/components/common/Modal/EditResourceModal.tsx
@@ -64,7 +64,7 @@ const EditResourceModal = ({
        setValue('avatar', src);
      } catch (err: any) {
        toast({
-          title: getErrText(err, t('common.error.Select avatar failed')),
+          title: getErrText(err, t('common:common.error.Select avatar failed')),
          status: 'warning'
        });
      }
@@ -76,9 +76,9 @@ const EditResourceModal = ({
    <MyModal isOpen onClose={onClose} iconSrc={avatar} title={title}>
      <ModalBody>
        <Box>
-          <FormLabel mb={1}>{t('core.app.Name and avatar')}</FormLabel>
+          <FormLabel mb={1}>{t('common:core.app.Name and avatar')}</FormLabel>
          <HStack spacing={4}>
-            <MyTooltip label={t('common.Set Avatar')}>
+            <MyTooltip label={t('common:common.Set Avatar')}>
              <Avatar
                flexShrink={0}
                src={avatar}
@@ -98,13 +98,13 @@ const EditResourceModal = ({
          </HStack>
        </Box>
        <Box mt={4}>
-          <FormLabel mb={1}>{t('common.Intro')}</FormLabel>
+          <FormLabel mb={1}>{t('common:common.Intro')}</FormLabel>
          <Textarea {...register('intro')} bg={'myGray.50'} maxLength={200} />
        </Box>
      </ModalBody>
      <ModalFooter>
        <Button isLoading={loading} onClick={handleSubmit(onSave)} px={6}>
-          {t('common.Confirm')}
+          {t('common:common.Confirm')}
        </Button>
      </ModalFooter>

--- a/projects/app/src/components/common/ParentPaths/index.tsx
+++ b/projects/app/src/components/common/ParentPaths/index.tsx
@@ -13,7 +13,7 @@ const ParentPaths = (props: {
  const { t } = useTranslation();
  const {
    paths = [],
-    rootName = t('common.folder.Root Path'),
+    rootName = t('common:common.folder.Root Path'),
    FirstPathDom,
    onClick,
    fontSize
--- a/projects/app/src/components/common/Textarea/MyTextarea/index.tsx
+++ b/projects/app/src/components/common/Textarea/MyTextarea/index.tsx
@@ -24,7 +24,7 @@ const MyTextarea = React.forwardRef<HTMLTextAreaElement, Props>(function MyTexta
  const TextareaRef = useRef<HTMLTextAreaElement>(null);

  const { t } = useTranslation();
-  const { title = t('core.app.edit.Prompt Editor'), ...childProps } = props;
+  const { title = t('common:core.app.edit.Prompt Editor'), ...childProps } = props;

  const { isOpen, onOpen, onClose } = useDisclosure();

@@ -52,7 +52,7 @@ const MyTextarea = React.forwardRef<HTMLTextAreaElement, Props>(function MyTexta
                onClose();
              }}
            >
-              {t('common.Confirm')}
+              {t('common:common.Confirm')}
            </Button>
          </ModalFooter>
        </MyModal>
@@ -85,7 +85,7 @@ const Editor = React.memo(function Editor({
          cursor={'pointer'}
          onClick={onOpenModal}
        >
-          <MyTooltip label={t('common.ui.textarea.Magnifying')}>
+          <MyTooltip label={t('common:common.ui.textarea.Magnifying')}>
            <MyIcon name={'common/fullScreenLight'} w={'14px'} color={'myGray.600'} />
          </MyTooltip>
        </Box>
--- a/projects/app/src/components/common/Textarea/TagTextarea.tsx
+++ b/projects/app/src/components/common/Textarea/TagTextarea.tsx
@@ -31,7 +31,7 @@ const TagTextarea = ({ defaultValues, onUpdate, ...props }: Props) => {
      if (tags.includes(value)) {
        return toast({
          status: 'warning',
-          title: t('common.input.Repeat Value')
+          title: t('common:common.input.Repeat Value')
        });
      }
      setTags([...tags, value]);
--- a/projects/app/src/components/common/folder/MoveModal.tsx
+++ b/projects/app/src/components/common/folder/MoveModal.tsx
@@ -49,7 +49,7 @@ const MoveModal = ({ moveResourceId, title, server, onConfirm, onClose }: Props)
    setFolderList([
      {
        id: rootId,
-        name: t('common.folder.Root Path'),
+        name: t('common:common.folder.Root Path'),
        open: true,
        children: data.map((item) => ({
          id: item.id,
@@ -156,7 +156,7 @@ const MoveModal = ({ moveResourceId, title, server, onConfirm, onClose }: Props)
      onSuccess: () => {
        onClose();
      },
-      successToast: t('common.folder.Move Success')
+      successToast: t('common:common.folder.Move Success')
    }
  );

@@ -174,7 +174,7 @@ const MoveModal = ({ moveResourceId, title, server, onConfirm, onClose }: Props)
      </ModalBody>
      <ModalFooter>
        <Button isLoading={confirming} isDisabled={!selectedId} onClick={onConfirmSelect}>
-          {t('common.Confirm')}
+          {t('common:common.Confirm')}
        </Button>
      </ModalFooter>
    </MyModal>
--- a/projects/app/src/components/common/folder/Path.tsx
+++ b/projects/app/src/components/common/folder/Path.tsx
@@ -14,7 +14,7 @@ const FolderPath = (props: {
  const { t } = useTranslation();
  const {
    paths,
-    rootName = t('common.folder.Root Path'),
+    rootName = t('common:common.folder.Root Path'),
    FirstPathDom,
    onClick,
    fontSize,
--- a/projects/app/src/components/common/folder/SelectOneResource.tsx
+++ b/projects/app/src/components/common/folder/SelectOneResource.tsx
@@ -40,7 +40,7 @@ const SelectOneResource = ({
      id: rootId,
      open: true,
      avatar: FolderImgUrl,
-      name: t('common.folder.Root Path'),
+      name: t('common:common.folder.Root Path'),
      isFolder: true,
      children: dataList
    };
--- a/projects/app/src/components/common/folder/SlideCard.tsx
+++ b/projects/app/src/components/common/folder/SlideCard.tsx
@@ -87,7 +87,7 @@ const FolderSlideCard = ({
          <MyDivider my={6} />

          <Box>
-            <FormLabel>{t('common.Operation')}</FormLabel>
+            <FormLabel>{t('common:common.Operation')}</FormLabel>

            <Button
              variant={'transparentBase'}
@@ -101,7 +101,7 @@ const FolderSlideCard = ({
              mt={4}
              onClick={onMove}
            >
-              {t('common.Move')}
+              {t('common:common.Move')}
            </Button>
            {managePer.permission.isOwner && (
              <Button
@@ -118,7 +118,7 @@ const FolderSlideCard = ({
                  openConfirm(onDelete)();
                }}
              >
-                {t('common.Delete folder')}
+                {t('common:common.Delete folder')}
              </Button>
            )}
          </Box>
@@ -130,7 +130,7 @@ const FolderSlideCard = ({
          <MyDivider my={6} />

          <Box>
-            <FormLabel>{t('support.permission.Permission')}</FormLabel>
+            <FormLabel>{t('common:support.permission.Permission')}</FormLabel>

            {!isInheritPermission && (
              <Box mt={2}>
@@ -141,7 +141,7 @@ const FolderSlideCard = ({
            {managePer.permission.hasManagePer && (
              <Box mt={5}>
                <Box fontSize={'sm'} color={'myGray.500'}>
-                  {t('permission.Default permission')}
+                  {t('common:permission.Default permission')}
                </Box>
                <DefaultPermissionList
                  mt="1"
@@ -166,11 +166,11 @@ const FolderSlideCard = ({
                    <>
                      <Flex alignItems="center" justifyContent="space-between">
                        <Box fontSize={'sm'} color={'myGray.500'}>
-                          {t('permission.Collaborator')}
+                          {t('common:permission.Collaborator')}
                        </Box>
                        {managePer.permission.hasManagePer && (
                          <HStack spacing={3}>
-                            <MyTooltip label={t('permission.Manage')}>
+                            <MyTooltip label={t('common:permission.Manage')}>
                              <MyIcon
                                w="1rem"
                                name="common/settingLight"
@@ -179,7 +179,7 @@ const FolderSlideCard = ({
                                onClick={onOpenManageModal}
                              />
                            </MyTooltip>
-                            <MyTooltip label={t('common.Add')}>
+                            <MyTooltip label={t('common:common.Add')}>
                              <MyIcon
                                w="1rem"
                                name="support/permission/collaborator"
--- a/projects/app/src/components/core/ai/AISettingModal/index.tsx
+++ b/projects/app/src/components/core/ai/AISettingModal/index.tsx
@@ -75,7 +75,7 @@ const AIChatSettingsModal = ({
      onClose={onClose}
      title={
        <>
-          {t('core.ai.AI settings')}
+          {t('common:core.ai.AI settings')}
          {feConfigs?.docUrl && (
            <Link
              href={getDocPath('/docs/course/ai_settings/')}
@@ -85,7 +85,7 @@ const AIChatSettingsModal = ({
              fontWeight={'normal'}
              fontSize={'md'}
            >
-              {t('common.Read intro')}
+              {t('common:common.Read intro')}
            </Link>
          )}
        </>
@@ -95,7 +95,7 @@ const AIChatSettingsModal = ({
      <ModalBody overflowY={'auto'}>
        <Flex alignItems={'center'}>
          <Box {...LabelStyles} mr={2}>
-            {t('core.ai.Model')}
+            {t('common:core.ai.Model')}
          </Box>
          <Box flex={'1 0 0'}>
            <AIModelSelector
@@ -112,7 +112,7 @@ const AIChatSettingsModal = ({
        {feConfigs && (
          <Flex mt={8}>
            <Box {...LabelStyles} mr={2}>
-              {t('core.ai.Ai point price')}
+              {t('common:core.ai.Ai point price')}
            </Box>
            <Box flex={1} ml={'10px'}>
              {t('support.wallet.Ai point every thousand tokens', {
@@ -123,7 +123,7 @@ const AIChatSettingsModal = ({
        )}
        <Flex mt={8}>
          <Box {...LabelStyles} mr={2}>
-            {t('core.ai.Max context')}
+            {t('common:core.ai.Max context')}
          </Box>
          <Box flex={1} ml={'10px'}>
            {selectedModel?.maxContext || 4096}Tokens
@@ -131,8 +131,8 @@ const AIChatSettingsModal = ({
        </Flex>
        <Flex mt={8}>
          <Box {...LabelStyles} mr={2}>
-            {t('core.ai.Support tool')}
-            <QuestionTip ml={1} label={t('core.module.template.AI support tool tip')} />
+            {t('common:core.ai.Support tool')}
+            <QuestionTip ml={1} label={t('common:core.module.template.AI support tool tip')} />
          </Box>
          <Box flex={1} ml={'10px'}>
            {selectedModel?.toolChoice || selectedModel?.functionCall ? '支持' : '不支持'}
@@ -140,13 +140,13 @@ const AIChatSettingsModal = ({
        </Flex>
        <Flex mt={8}>
          <Box {...LabelStyles} mr={2}>
-            {t('core.app.Temperature')}
+            {t('common:core.app.Temperature')}
          </Box>
          <Box flex={1} ml={'10px'}>
            <MySlider
              markList={[
-                { label: t('core.app.deterministic'), value: 0 },
-                { label: t('core.app.Random'), value: 10 }
+                { label: t('common:core.app.deterministic'), value: 0 },
+                { label: t('common:core.app.Random'), value: 10 }
              ]}
              width={'95%'}
              min={0}
@@ -161,7 +161,7 @@ const AIChatSettingsModal = ({
        </Flex>
        <Flex mt={8}>
          <Box {...LabelStyles} mr={2}>
-            {t('core.app.Max tokens')}
+            {t('common:core.app.Max tokens')}
          </Box>
          <Box flex={1} ml={'10px'}>
            <MySlider
@@ -184,7 +184,7 @@ const AIChatSettingsModal = ({
        {showMaxHistoriesSlider && (
          <Flex mt={8}>
            <Box {...LabelStyles} mr={2}>
-              {t('core.app.Max histories')}
+              {t('common:core.app.Max histories')}
            </Box>
            <Box flex={1} ml={'10px'}>
              <MySlider
@@ -207,10 +207,10 @@ const AIChatSettingsModal = ({
        {showResponseAnswerText && (
          <Flex mt={8} alignItems={'center'}>
            <Box {...LabelStyles}>
-              {t('core.app.Ai response')}
+              {t('common:core.app.Ai response')}
              <QuestionTip
                ml={1}
-                label={t('core.module.template.AI response switch tip')}
+                label={t('common:core.module.template.AI response switch tip')}
              ></QuestionTip>
            </Box>
            <Box flex={1} ml={'10px'}>
@@ -228,10 +228,10 @@ const AIChatSettingsModal = ({
      </ModalBody>
      <ModalFooter>
        <Button variant={'whiteBase'} onClick={onClose}>
-          {t('common.Close')}
+          {t('common:common.Close')}
        </Button>
        <Button ml={4} onClick={handleSubmit(onSuccess)}>
-          {t('common.Confirm')}
+          {t('common:common.Confirm')}
        </Button>
      </ModalFooter>
    </MyModal>
--- a/projects/app/src/components/core/ai/SettingLLMModel/index.tsx
+++ b/projects/app/src/components/core/ai/SettingLLMModel/index.tsx
@@ -55,7 +55,7 @@ const SettingLLMModel = ({ llmModelType = LLMModelTypeEnum.all, defaultData, onC
      })}
      position={'relative'}
    >
-      <MyTooltip label={t('core.app.Setting ai property')}>
+      <MyTooltip label={t('common:core.app.Setting ai property')}>
        <Button
          w={'100%'}
          justifyContent={'flex-start'}
--- a/projects/app/src/components/core/app/DatasetParamsModal.tsx
+++ b/projects/app/src/components/core/app/DatasetParamsModal.tsx
@@ -123,7 +123,7 @@ const DatasetParamsModal = ({
      isOpen={true}
      onClose={onClose}
      iconSrc="/imgs/modal/params.svg"
-      title={t('core.dataset.search.Dataset Search Params')}
+      title={t('common:core.dataset.search.Dataset Search Params')}
      w={['90vw', '550px']}
    >
      <ModalBody flex={'auto'} overflow={'auto'}>
@@ -132,16 +132,16 @@ const DatasetParamsModal = ({
          list={[
            {
              icon: 'modal/setting',
-              label: t('core.dataset.search.search mode'),
+              label: t('common:core.dataset.search.search mode'),
              value: SearchSettingTabEnum.searchMode
            },
            {
              icon: 'support/outlink/apikeyFill',
-              label: t('core.dataset.search.Filter'),
+              label: t('common:core.dataset.search.Filter'),
              value: SearchSettingTabEnum.limit
            },
            {
-              label: t('core.module.template.Query extension'),
+              label: t('common:core.module.template.Query extension'),
              value: SearchSettingTabEnum.queryExtension,
              icon: '/imgs/workflow/cfr.svg'
            }
@@ -182,7 +182,7 @@ const DatasetParamsModal = ({
                  if (!showReRank) {
                    return toast({
                      status: 'warning',
-                      title: t('core.ai.Not deploy rerank model')
+                      title: t('common:core.ai.Not deploy rerank model')
                    });
                  }
                  if (
@@ -191,7 +191,7 @@ const DatasetParamsModal = ({
                  ) {
                    return toast({
                      status: 'warning',
-                      title: t('support.team.limit.No permission rerank')
+                      title: t('common:support.team.limit.No permission rerank')
                    });
                  }
                  setValue('usingReRank', !getValues('usingReRank'));
@@ -200,9 +200,9 @@ const DatasetParamsModal = ({
              >
                <MyIcon name="core/dataset/rerank" w={'18px'} mr={'14px'} />
                <Box pr={2} color={'myGray.800'} flex={'1 0 0'}>
-                  <Box fontSize={'sm'}>{t('core.dataset.search.ReRank')}</Box>
+                  <Box fontSize={'sm'}>{t('common:core.dataset.search.ReRank')}</Box>
                  <Box fontSize={'xs'} color={'myGray.500'}>
-                    {t('core.dataset.search.ReRank desc')}
+                    {t('common:core.dataset.search.ReRank desc')}
                  </Box>
                </Box>
                <Box position={'relative'} w={'18px'} h={'18px'}>
@@ -218,10 +218,10 @@ const DatasetParamsModal = ({
            {limit !== undefined && (
              <Box display={['block', 'flex']}>
                <Flex flex={'0 0 120px'} mb={[8, 0]}>
-                  <FormLabel>{t('core.dataset.search.Max Tokens')}</FormLabel>
+                  <FormLabel>{t('common:core.dataset.search.Max Tokens')}</FormLabel>
                  <QuestionTip
                    ml={1}
-                    label={t('core.dataset.search.Max Tokens Tips')}
+                    label={t('common:core.dataset.search.Max Tokens Tips')}
                  ></QuestionTip>
                </Flex>
                <Box flex={1} mx={4}>
@@ -244,10 +244,10 @@ const DatasetParamsModal = ({
            )}
            <Box display={['block', 'flex']} mt={10}>
              <Flex flex={'0 0 120px'} mb={[8, 0]}>
-                <FormLabel>{t('core.dataset.search.Min Similarity')}</FormLabel>
+                <FormLabel>{t('common:core.dataset.search.Min Similarity')}</FormLabel>
                <QuestionTip
                  ml={1}
-                  label={t('core.dataset.search.Min Similarity Tips')}
+                  label={t('common:core.dataset.search.Min Similarity Tips')}
                ></QuestionTip>
              </Flex>
              <Box flex={1} mx={4}>
@@ -267,7 +267,9 @@ const DatasetParamsModal = ({
                    }}
                  />
                ) : (
-                  <Box color={'myGray.500'}>{t('core.dataset.search.No support similarity')}</Box>
+                  <Box color={'myGray.500'}>
+                    {t('common:core.dataset.search.No support similarity')}
+                  </Box>
                )}
              </Box>
            </Box>
@@ -276,16 +278,18 @@ const DatasetParamsModal = ({
        {currentTabType === SearchSettingTabEnum.queryExtension && (
          <Box>
            <Box transform={'translateY(-5px)'} fontSize={'xs'} color={'myGray.500'}>
-              {t('core.dataset.Query extension intro')}
+              {t('common:core.dataset.Query extension intro')}
            </Box>
            <Flex mt={3} alignItems={'center'}>
-              <FormLabel flex={'1 0 0'}>{t('core.dataset.search.Using query extension')}</FormLabel>
+              <FormLabel flex={'1 0 0'}>
+                {t('common:core.dataset.search.Using query extension')}
+              </FormLabel>
              <Switch {...register('datasetSearchUsingExtensionQuery')} />
            </Flex>
            {datasetSearchUsingCfrForm === true && (
              <>
                <Flex mt={4} alignItems={'center'}>
-                  <FormLabel flex={['0 0 80px', '1 0 0']}>{t('core.ai.Model')}</FormLabel>
+                  <FormLabel flex={['0 0 80px', '1 0 0']}>{t('common:core.ai.Model')}</FormLabel>
                  <Box flex={['1 0 0', '0 0 300px']}>
                    <SelectAiModel
                      width={'100%'}
@@ -299,17 +303,19 @@ const DatasetParamsModal = ({
                </Flex>
                <Box mt={3}>
                  <Flex alignItems={'center'}>
-                    <FormLabel>{t('core.app.edit.Query extension background prompt')}</FormLabel>
+                    <FormLabel>
+                      {t('common:core.app.edit.Query extension background prompt')}
+                    </FormLabel>
                    <QuestionTip
                      ml={1}
-                      label={t('core.app.edit.Query extension background tip')}
+                      label={t('common:core.app.edit.Query extension background tip')}
                    ></QuestionTip>
                  </Flex>
                  <Box mt={1}>
                    <PromptEditor
                      h={200}
                      showOpenModal={false}
-                      placeholder={t('core.module.QueryExtension.placeholder')}
+                      placeholder={t('common:core.module.QueryExtension.placeholder')}
                      value={cfbBgDesc}
                      onChange={(e) => {
                        setValue('datasetSearchExtensionBg', e);
@@ -324,7 +330,7 @@ const DatasetParamsModal = ({
      </ModalBody>
      <ModalFooter>
        <Button variant={'whiteBase'} mr={3} onClick={onClose}>
-          {t('common.Close')}
+          {t('common:common.Close')}
        </Button>
        <Button
          onClick={() => {
@@ -332,7 +338,7 @@ const DatasetParamsModal = ({
            handleSubmit(onSuccess)();
          }}
        >
-          {t('common.Done')}
+          {t('common:common.Done')}
        </Button>
      </ModalFooter>
    </MyModal>
--- a/projects/app/src/components/core/app/DatasetSelectModal.tsx
+++ b/projects/app/src/components/core/app/DatasetSelectModal.tsx
@@ -61,7 +61,7 @@ export const DatasetSelectModal = ({
      isOpen={isOpen}
      paths={paths}
      setParentId={setParentId}
-      tips={t('dataset.Select Dataset Tips')}
+      tips={t('common:dataset.Select Dataset Tips')}
      onClose={onClose}
    >
      <Flex h={'100%'} flexDirection={'column'} flex={'1 0 0'}>
@@ -124,8 +124,8 @@ export const DatasetSelectModal = ({
                    key={item._id}
                    label={
                      item.type === DatasetTypeEnum.folder
-                        ? t('dataset.Select Folder')
-                        : t('dataset.Select Dataset')
+                        ? t('common:dataset.Select Folder')
+                        : t('common:dataset.Select Dataset')
                    }
                  >
                    <Card
@@ -148,7 +148,7 @@ export const DatasetSelectModal = ({
                          if (vectorModel && vectorModel !== item.vectorModel.model) {
                            return toast({
                              status: 'warning',
-                              title: t('dataset.Select Dataset Tips')
+                              title: t('common:dataset.Select Dataset Tips')
                            });
                          }
                          setSelectedDatasets((state) => [...state, { datasetId: item._id }]);
@@ -170,7 +170,7 @@ export const DatasetSelectModal = ({
                      </Flex>
                      <Flex justifyContent={'flex-end'} alignItems={'center'} fontSize={'sm'}>
                        {item.type === DatasetTypeEnum.folder ? (
-                          <Box color={'myGray.500'}>{t('Folder')}</Box>
+                          <Box color={'myGray.500'}>{t('common:Folder')}</Box>
                        ) : (
                          <>
                            <MyIcon mr={1} name="kbTest" w={'12px'} />
@@ -184,7 +184,9 @@ export const DatasetSelectModal = ({
              })()
            )}
          </Grid>
-          {filterDatasets.unSelected.length === 0 && <EmptyTip text={t('common.folder.empty')} />}
+          {filterDatasets.unSelected.length === 0 && (
+            <EmptyTip text={t('common:common.folder.empty')} />
+          )}
        </ModalBody>

        <ModalFooter>
@@ -199,7 +201,7 @@ export const DatasetSelectModal = ({
              onChange(filterDatasets);
            }}
          >
-            {t('common.Done')}
+            {t('common:common.Done')}
          </Button>
        </ModalFooter>

--- a/projects/app/src/components/core/app/InputGuideConfig.tsx
+++ b/projects/app/src/components/core/app/InputGuideConfig.tsx
@@ -77,9 +77,9 @@ const InputGuideConfig = ({

  const formLabel = useMemo(() => {
    if (!isOpenQuestionGuide) {
-      return t('core.app.whisper.Close');
+      return t('common:core.app.whisper.Close');
    }
-    return t('core.app.whisper.Open');
+    return t('common:core.app.whisper.Open');
  }, [t, isOpenQuestionGuide]);

  return (
@@ -110,7 +110,7 @@ const InputGuideConfig = ({
      >
        <ModalBody px={[5, 16]} py={[4, 8]}>
          <Flex justifyContent={'space-between'} alignItems={'center'}>
-            <FormLabel>{t('Is open')}</FormLabel>
+            <FormLabel>{t('common:Is open')}</FormLabel>
            <Switch
              isChecked={isOpenQuestionGuide}
              onChange={(e) => {
@@ -231,7 +231,7 @@ const LexiconConfigModal = ({ appId, onClose }: { appId: string; onClose: () =>
        } else {
          toast({
            status: 'success',
-            title: t('common.Add Success')
+            title: t('common:common.Add Success')
          });
        }
        fetchData(1);
@@ -241,7 +241,7 @@ const LexiconConfigModal = ({ appId, onClose }: { appId: string; onClose: () =>
      onSuccess() {
        setNewData(undefined);
      },
-      errorToast: t('error.Create failed')
+      errorToast: t('common:error.Create failed')
    }
  );

--- a/projects/app/src/components/core/app/QGSwitch.tsx
+++ b/projects/app/src/components/core/app/QGSwitch.tsx
@@ -11,7 +11,7 @@ const QGSwitch = (props: SwitchProps) => {
  return (
    <Flex alignItems={'center'}>
      <MyIcon name={'core/chat/QGFill'} mr={2} w={'20px'} />
-      <FormLabel>{t('core.app.Question Guide')}</FormLabel>
+      <FormLabel>{t('common:core.app.Question Guide')}</FormLabel>
      <ChatFunctionTip type={'nextQuestion'} />
      <Box flex={1} />
      <Switch {...props} />
--- a/projects/app/src/components/core/app/ScheduledTriggerConfig.tsx
+++ b/projects/app/src/components/core/app/ScheduledTriggerConfig.tsx
@@ -213,7 +213,7 @@ const ScheduledTriggerConfig = ({
  // cron config to show label
  const formatLabel = useMemo(() => {
    if (!isOpenSchedule) {
-      return t('common.Not open');
+      return t('common:common.Not open');
    }

    if (cronField[0] === 'month') {
@@ -239,7 +239,7 @@ const ScheduledTriggerConfig = ({
      });
    }

-    return t('common.Not open');
+    return t('common:common.Not open');
  }, [cronField, isOpenSchedule, t]);

  useEffect(() => {
@@ -254,10 +254,10 @@ const ScheduledTriggerConfig = ({
        <Flex alignItems={'center'}>
          <MyIcon name={'core/app/schedulePlan'} w={'20px'} />
          <HStack ml={2} flex={1} spacing={1}>
-            <FormLabel>{t('core.app.Interval timer run')}</FormLabel>
-            <QuestionTip label={t('core.app.Interval timer tip')} />
+            <FormLabel>{t('common:core.app.Interval timer run')}</FormLabel>
+            <QuestionTip label={t('common:core.app.Interval timer tip')} />
          </HStack>
-          <MyTooltip label={t('core.app.Config schedule plan')}>
+          <MyTooltip label={t('common:core.app.Config schedule plan')}>
            <Button
              variant={'transparentBase'}
              iconSpacing={1}
@@ -274,12 +274,15 @@ const ScheduledTriggerConfig = ({
          isOpen={isOpen}
          onClose={onClose}
          iconSrc={'core/app/schedulePlan'}
-          title={t('core.app.Interval timer config')}
+          title={t('common:core.app.Interval timer config')}
          overflow={'unset'}
        >
          <ModalBody>
            <Flex justifyContent={'space-between'} alignItems={'center'}>
-              <FormLabel flex={'0 0 80px'}> {t('core.app.schedule.Open schedule')}</FormLabel>
+              <FormLabel flex={'0 0 80px'}>
+                {' '}
+                {t('common:core.app.schedule.Open schedule')}
+              </FormLabel>
              <Switch
                isChecked={isOpenSchedule}
                onChange={(e) => {
@@ -318,12 +321,12 @@ const ScheduledTriggerConfig = ({
                  </Box>
                </Flex>
                <Box mt={5}>
-                  <FormLabel mb={1}>{t('core.app.schedule.Default prompt')}</FormLabel>
+                  <FormLabel mb={1}>{t('common:core.app.schedule.Default prompt')}</FormLabel>
                  <Textarea
                    value={defaultPrompt}
                    rows={8}
                    bg={'myGray.50'}
-                    placeholder={t('core.app.schedule.Default prompt placeholder')}
+                    placeholder={t('common:core.app.schedule.Default prompt placeholder')}
                    onChange={(e) => {
                      onUpdate({ defaultPrompt: e.target.value });
                    }}
--- a/projects/app/src/components/core/app/TTSSelect.tsx
+++ b/projects/app/src/components/core/app/TTSSelect.tsx
@@ -27,8 +27,8 @@ const TTSSelect = ({

  const list = useMemo(
    () => [
-      { label: t('core.app.tts.Close'), value: TTSTypeEnum.none },
-      { label: t('core.app.tts.Web'), value: TTSTypeEnum.web },
+      { label: t('common:core.app.tts.Close'), value: TTSTypeEnum.none },
+      { label: t('common:core.app.tts.Web'), value: TTSTypeEnum.web },
      ...audioSpeechModelList.map((item) => item?.voices || []).flat()
    ],
    [audioSpeechModelList, t]
@@ -44,7 +44,7 @@ const TTSSelect = ({
    return value.voice;
  }, [value]);
  const formLabel = useMemo(
-    () => list.find((item) => item.value === formatValue)?.label || t('common.UnKnow'),
+    () => list.find((item) => item.value === formatValue)?.label || t('common:common.UnKnow'),
    [formatValue, list, t]
  );

@@ -82,10 +82,10 @@ const TTSSelect = ({
  return (
    <Flex alignItems={'center'}>
      <MyIcon name={'core/app/simpleMode/tts'} mr={2} w={'20px'} />
-      <FormLabel>{t('core.app.TTS')}</FormLabel>
+      <FormLabel>{t('common:core.app.TTS')}</FormLabel>
      <ChatFunctionTip type={'tts'} />
      <Box flex={1} />
-      <MyTooltip label={t('core.app.Select TTS')}>
+      <MyTooltip label={t('common:core.app.Select TTS')}>
        <Button
          variant={'transparentBase'}
          iconSpacing={1}
@@ -100,7 +100,7 @@ const TTSSelect = ({
        title={
          <>
            <MyIcon name={'core/app/simpleMode/tts'} mr={2} w={'20px'} />
-            {t('core.app.TTS')}
+            {t('common:core.app.TTS')}
          </>
        }
        isOpen={isOpen}
@@ -109,11 +109,11 @@ const TTSSelect = ({
      >
        <ModalBody px={[5, 16]} py={[4, 8]}>
          <Flex justifyContent={'space-between'} alignItems={'center'}>
-            <FormLabel>{t('core.app.tts.Speech model')}</FormLabel>
+            <FormLabel>{t('common:core.app.tts.Speech model')}</FormLabel>
            <MySelect w={'220px'} value={formatValue} list={list} onchange={onclickChange} />
          </Flex>
          <Flex mt={8} justifyContent={'space-between'}>
-            <FormLabel>{t('core.app.tts.Speech speed')}</FormLabel>
+            <FormLabel>{t('common:core.app.tts.Speech speed')}</FormLabel>
            <MySlider
              markList={[
                { label: '0.3', value: 0.3 },
@@ -145,7 +145,7 @@ const TTSSelect = ({
                    leftIcon={<MyIcon name={'core/chat/stopSpeech'} w={'16px'} />}
                    onClick={cancelAudio}
                  >
-                    {t('core.chat.tts.Stop Speech')}
+                    {t('common:core.chat.tts.Stop Speech')}
                  </Button>
                </Flex>
              ) : (
@@ -154,11 +154,11 @@ const TTSSelect = ({
                  leftIcon={<MyIcon name={'core/app/headphones'} w={'16px'} />}
                  onClick={() => {
                    playAudioByText({
-                      text: t('core.app.tts.Test Listen Text')
+                      text: t('common:core.app.tts.Test Listen Text')
                    });
                  }}
                >
-                  {t('core.app.tts.Test Listen')}
+                  {t('common:core.app.tts.Test Listen')}
                </Button>
              )}
            </Flex>
--- a/projects/app/src/components/core/app/Tip.tsx
+++ b/projects/app/src/components/core/app/Tip.tsx
@@ -25,26 +25,26 @@ const ChatFunctionTip = ({ type }: { type: `${FnTypeEnum}` }) => {
    },
    [FnTypeEnum.nextQuestion]: {
      icon: '/imgs/app/nextQuestion-icon.svg',
-      title: t('core.app.Question Guide'),
-      desc: t('core.app.Question Guide Tip'),
+      title: t('common:core.app.Question Guide'),
+      desc: t('common:core.app.Question Guide Tip'),
      imgUrl: '/imgs/app/nextQuestion.svg'
    },
    [FnTypeEnum.tts]: {
      icon: '/imgs/app/tts-icon.svg',
-      title: t('core.app.TTS'),
-      desc: t('core.app.TTS Tip'),
+      title: t('common:core.app.TTS'),
+      desc: t('common:core.app.TTS Tip'),
      imgUrl: '/imgs/app/tts.svg'
    },
    [FnTypeEnum.variable]: {
      icon: '/imgs/app/variable-icon.svg',
-      title: t('core.module.Variable'),
-      desc: t('core.app.tip.variableTip'),
+      title: t('common:core.module.Variable'),
+      desc: t('common:core.app.tip.variableTip'),
      imgUrl: '/imgs/app/variable.svg'
    },
    [FnTypeEnum.welcome]: {
      icon: '/imgs/app/welcome-icon.svg',
-      title: t('core.app.Welcome Text'),
-      desc: t('core.app.tip.welcomeTextTip'),
+      title: t('common:core.app.Welcome Text'),
+      desc: t('common:core.app.tip.welcomeTextTip'),
      imgUrl: '/imgs/app/welcome.svg'
    }
  });
--- a/projects/app/src/components/core/app/VariableEdit.tsx
+++ b/projects/app/src/components/core/app/VariableEdit.tsx
@@ -97,7 +97,7 @@ const VariableEdit = ({
      <Flex alignItems={'center'}>
        <MyIcon name={'core/app/simpleMode/variable'} w={'20px'} />
        <FormLabel ml={2} fontWeight={'medium'}>
-          {t('core.module.Variable')}
+          {t('common:core.module.Variable')}
        </FormLabel>
        <ChatFunctionTip type={'variable'} />
        <Box flex={1} />
@@ -112,7 +112,7 @@ const VariableEdit = ({
            onOpenEdit();
          }}
        >
-          {t('common.Add New')}
+          {t('common:common.Add New')}
        </Button>
      </Flex>
      {formatVariables.length > 0 && (
@@ -127,9 +127,9 @@ const VariableEdit = ({
                    w={'18px !important'}
                    p={0}
                  />
-                  <Th fontSize={'mini'}>{t('core.module.variable.variable name')}</Th>
-                  <Th fontSize={'mini'}>{t('core.module.variable.key')}</Th>
-                  <Th fontSize={'mini'}>{t('common.Require Input')}</Th>
+                  <Th fontSize={'mini'}>{t('common:core.module.variable.variable name')}</Th>
+                  <Th fontSize={'mini'}>{t('common:core.module.variable.key')}</Th>
+                  <Th fontSize={'mini'}>{t('common:common.Require Input')}</Th>
                  <Th fontSize={'mini'} borderRadius={'none !important'}></Th>
                </Tr>
              </Thead>
@@ -171,7 +171,7 @@ const VariableEdit = ({
      )}
      <MyModal
        iconSrc="core/app/simpleMode/variable"
-        title={t('core.module.Variable Setting')}
+        title={t('common:core.module.Variable Setting')}
        isOpen={isOpenEdit}
        onClose={onCloseEdit}
        maxW={['90vw', '500px']}
@@ -179,29 +179,29 @@ const VariableEdit = ({
        <ModalBody>
          {variableType !== VariableInputEnum.custom && (
            <Flex alignItems={'center'}>
-              <FormLabel w={'70px'}>{t('common.Require Input')}</FormLabel>
+              <FormLabel w={'70px'}>{t('common:common.Require Input')}</FormLabel>
              <Switch {...registerEdit('variable.required')} />
            </Flex>
          )}
          <Flex mt={5} alignItems={'center'}>
-            <FormLabel w={'80px'}>{t('core.module.variable.variable name')}</FormLabel>
+            <FormLabel w={'80px'}>{t('common:core.module.variable.variable name')}</FormLabel>
            <Input
              {...registerEdit('variable.label', {
-                required: t('core.module.variable.variable name is required')
+                required: t('common:core.module.variable.variable name is required')
              })}
            />
          </Flex>
          <Flex mt={5} alignItems={'center'}>
-            <FormLabel w={'80px'}>{t('core.module.variable.key')}</FormLabel>
+            <FormLabel w={'80px'}>{t('common:core.module.variable.key')}</FormLabel>
            <Input
              {...registerEdit('variable.key', {
-                required: t('core.module.variable.key is required')
+                required: t('common:core.module.variable.key is required')
              })}
            />
          </Flex>

          <FormLabel mt={5} mb={2}>
-            {t('core.workflow.Variable.Variable type')}
+            {t('common:core.workflow.Variable.Variable type')}
          </FormLabel>
          <MyRadio
            gridGap={4}
@@ -226,7 +226,7 @@ const VariableEdit = ({
          {variableType === VariableInputEnum.input && (
            <>
              <FormLabel mt={5} mb={2}>
-                {t('core.module.variable.text max length')}
+                {t('common:core.module.variable.text max length')}
              </FormLabel>
              <Box>
                <NumberInput max={500} min={1} step={1} position={'relative'}>
@@ -250,7 +250,7 @@ const VariableEdit = ({
          {variableType === VariableInputEnum.select && (
            <>
              <Box mt={5} mb={2}>
-                {t('core.module.variable.variable options')}
+                {t('common:core.module.variable.variable options')}
              </Box>
              <Box>
                {selectEnums.map((item, i) => (
@@ -258,7 +258,9 @@ const VariableEdit = ({
                    <FormControl>
                      <Input
                        {...registerEdit(`variable.enums.${i}.value`, {
-                          required: t('core.module.variable.variable option is value is required')
+                          required: t(
+                            'common:core.module.variable.variable option is value is required'
+                          )
                        })}
                      />
                    </FormControl>
@@ -285,7 +287,7 @@ const VariableEdit = ({
                bg={'myGray.100 !important'}
                onClick={() => appendEnums({ value: '' })}
              >
-                {t('core.module.variable add option')}
+                {t('common:core.module.variable add option')}
              </Button>
            </>
          )}
@@ -293,7 +295,7 @@ const VariableEdit = ({

        <ModalFooter>
          <Button variant={'whiteBase'} mr={3} onClick={onCloseEdit}>
-            {t('common.Close')}
+            {t('common:common.Close')}
          </Button>
          <Button
            onClick={handleSubmitEdit(({ variable }) => {
@@ -303,7 +305,7 @@ const VariableEdit = ({
                if (enums.length === 0) {
                  toast({
                    status: 'warning',
-                    title: t('core.module.variable.variable option is required')
+                    title: t('common:core.module.variable.variable option is required')
                  });
                  return;
                }
@@ -323,7 +325,9 @@ const VariableEdit = ({
              onCloseEdit();
            })}
          >
-            {getValuesEdit('variable.id') ? t('common.Confirm Update') : t('common.Add New')}
+            {getValuesEdit('variable.id')
+              ? t('common:common.Confirm Update')
+              : t('common:common.Add New')}
          </Button>
        </ModalFooter>
      </MyModal>
--- a/projects/app/src/components/core/app/WelcomeTextConfig.tsx
+++ b/projects/app/src/components/core/app/WelcomeTextConfig.tsx
@@ -13,7 +13,7 @@ const WelcomeTextConfig = (props: TextareaProps) => {
    <>
      <Flex alignItems={'center'}>
        <MyIcon name={'core/app/simpleMode/chat'} w={'20px'} />
-        <FormLabel ml={2}>{t('core.app.Welcome Text')}</FormLabel>
+        <FormLabel ml={2}>{t('common:core.app.Welcome Text')}</FormLabel>
        <ChatFunctionTip type={'welcome'} />
      </Flex>
      <MyTextarea
@@ -21,7 +21,7 @@ const WelcomeTextConfig = (props: TextareaProps) => {
        bg={'myWhite.400'}
        rows={6}
        fontSize={'sm'}
-        placeholder={t('core.app.tip.welcomeTextTip')}
+        placeholder={t('common:core.app.tip.welcomeTextTip')}
        {...props}
      />
    </>
--- a/projects/app/src/components/core/app/WhisperConfig.tsx
+++ b/projects/app/src/components/core/app/WhisperConfig.tsx
@@ -26,17 +26,17 @@ const WhisperConfig = ({

  const formLabel = useMemo(() => {
    if (!isOpenWhisper) {
-      return t('core.app.whisper.Close');
+      return t('common:core.app.whisper.Close');
    }
-    return t('core.app.whisper.Open');
+    return t('common:core.app.whisper.Open');
  }, [t, isOpenWhisper]);

  return (
    <Flex alignItems={'center'}>
      <MyIcon name={'core/app/simpleMode/whisper'} mr={2} w={'20px'} />
-      <FormLabel>{t('core.app.Whisper')}</FormLabel>
+      <FormLabel>{t('common:core.app.Whisper')}</FormLabel>
      <Box flex={1} />
-      <MyTooltip label={t('core.app.Config whisper')}>
+      <MyTooltip label={t('common:core.app.Config whisper')}>
        <Button
          variant={'transparentBase'}
          iconSpacing={1}
@@ -48,14 +48,14 @@ const WhisperConfig = ({
        </Button>
      </MyTooltip>
      <MyModal
-        title={t('core.app.Whisper config')}
+        title={t('common:core.app.Whisper config')}
        iconSrc="core/app/simpleMode/whisper"
        isOpen={isOpen}
        onClose={onClose}
      >
        <ModalBody px={[5, 16]} py={[4, 8]}>
          <Flex justifyContent={'space-between'} alignItems={'center'}>
-            <FormLabel>{t('core.app.whisper.Switch')}</FormLabel>
+            <FormLabel>{t('common:core.app.whisper.Switch')}</FormLabel>
            <Switch
              isChecked={isOpenWhisper}
              onChange={(e) => {
@@ -68,8 +68,8 @@ const WhisperConfig = ({
          </Flex>
          {isOpenWhisper && (
            <Flex mt={8} alignItems={'center'}>
-              <FormLabel>{t('core.app.whisper.Auto send')}</FormLabel>
-              <QuestionTip label={t('core.app.whisper.Auto send tip')} />
+              <FormLabel>{t('common:core.app.whisper.Auto send')}</FormLabel>
+              <QuestionTip label={t('common:core.app.whisper.Auto send tip')} />
              <Box flex={'1 0 0'} />
              <Switch
                isChecked={value.autoSend}
@@ -85,8 +85,8 @@ const WhisperConfig = ({
          {isOpenWhisper && isAutoSend && (
            <>
              <Flex mt={8} alignItems={'center'}>
-                <FormLabel>{t('core.app.whisper.Auto tts response')}</FormLabel>
-                <QuestionTip label={t('core.app.whisper.Auto tts response tip')} />
+                <FormLabel>{t('common:core.app.whisper.Auto tts response')}</FormLabel>
+                <QuestionTip label={t('common:core.app.whisper.Auto tts response tip')} />
                <Box flex={'1 0 0'} />
                <Switch
                  isChecked={value.autoTTSResponse}
@@ -100,7 +100,7 @@ const WhisperConfig = ({
              </Flex>
              {!isOpenAudio && (
                <Box mt={1} color={'myGray.600'} fontSize={'sm'}>
-                  {t('core.app.whisper.Not tts tip')}
+                  {t('common:core.app.whisper.Not tts tip')}
                </Box>
              )}
            </>
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/Input/ChatInput.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/Input/ChatInput.tsx
@@ -86,7 +86,7 @@ const ChatInput = ({
          });
          updateFile(fileIndex, {
            ...file,
-            url: `${location.origin}${url}`
+            url
          });
        } catch (error) {
          removeFile(fileIndex);
@@ -95,7 +95,7 @@ const ChatInput = ({
        }
      }
    },
-    errorToast: t('common.Upload File Failed')
+    errorToast: t('common:common.Upload File Failed')
  });
  const onSelectFile = useCallback(
    async (files: File[]) => {
@@ -257,7 +257,7 @@ const ChatInput = ({
          visibility={isSpeaking && isTransCription ? 'visible' : 'hidden'}
        >
          <Spinner size={'sm'} mr={4} />
-          {t('core.chat.Converting to text')}
+          {t('common:core.chat.Converting to text')}
        </Flex>

        {/* file preview */}
@@ -336,7 +336,7 @@ const ChatInput = ({
                onOpenSelectFile();
              }}
            >
-              <MyTooltip label={t('core.chat.Select Image')}>
+              <MyTooltip label={t('common:core.chat.Select Image')}>
                <MyIcon name={'core/chat/fileSelect'} w={'18px'} color={'myGray.600'} />
              </MyTooltip>
              <File onSelect={onSelectFile} />
@@ -353,7 +353,9 @@ const ChatInput = ({
            _focusVisible={{
              border: 'none'
            }}
-            placeholder={isSpeaking ? t('core.chat.Speaking') : t('core.chat.Type a message')}
+            placeholder={
+              isSpeaking ? t('common:core.chat.Speaking') : t('common:core.chat.Type a message')
+            }
            resize={'none'}
            rows={1}
            height={'22px'}
@@ -430,7 +432,7 @@ const ChatInput = ({
                  }}
                />
                {isSpeaking && (
-                  <MyTooltip label={t('core.chat.Cancel Speak')}>
+                  <MyTooltip label={t('common:core.chat.Cancel Speak')}>
                    <Flex
                      mr={2}
                      alignItems={'center'}
@@ -451,7 +453,11 @@ const ChatInput = ({
                    </Flex>
                  </MyTooltip>
                )}
-                <MyTooltip label={isSpeaking ? t('core.chat.Finish Speak') : t('core.chat.Record')}>
+                <MyTooltip
+                  label={
+                    isSpeaking ? t('common:core.chat.Finish Speak') : t('common:core.chat.Record')
+                  }
+                >
                  <Flex
                    mr={2}
                    alignItems={'center'}
@@ -513,7 +519,7 @@ const ChatInput = ({
                    color={'gray.500'}
                  />
                ) : (
-                  <MyTooltip label={t('core.chat.Send Message')}>
+                  <MyTooltip label={t('common:core.chat.Send Message')}>
                    <MyIcon
                      name={'core/chat/sendFill'}
                      width={['18px', '20px']}
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/Input/InputGuideBox.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/Input/InputGuideBox.tsx
@@ -94,7 +94,7 @@ export default function InputGuideBox({
          <Box fontSize={'sm'} flex={'1 0 0'}>
            <HighlightText rawText={item} matchText={text} />
          </Box>
-          <MyTooltip label={t('core.chat.markdown.Send Question')}>
+          <MyTooltip label={t('common:core.chat.markdown.Send Question')}>
            <MyIcon
              className="send-icon"
              display={'none'}
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/ChatController.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/ChatController.tsx
@@ -79,7 +79,7 @@ const ChatController = ({
        }
      })}
    >
-      <MyTooltip label={t('common.Copy')}>
+      <MyTooltip label={t('common:common.Copy')}>
        <MyIcon
          {...controlIconStyle}
          name={'copy'}
@@ -90,7 +90,7 @@ const ChatController = ({
      {!!onDelete && !isChatting && (
        <>
          {onRetry && (
-            <MyTooltip label={t('core.chat.retry')}>
+            <MyTooltip label={t('common:core.chat.retry')}>
              <MyIcon
                {...controlIconStyle}
                name={'common/retryLight'}
@@ -99,7 +99,7 @@ const ChatController = ({
              />
            </MyTooltip>
          )}
-          <MyTooltip label={t('common.Delete')}>
+          <MyTooltip label={t('common:common.Delete')}>
            <MyIcon
              {...controlIconStyle}
              name={'delete'}
@@ -116,7 +116,7 @@ const ChatController = ({
          if (isPlayingChat && audioPlaying) {
            return (
              <Flex alignItems={'center'}>
-                <MyTooltip label={t('core.chat.tts.Stop Speech')}>
+                <MyTooltip label={t('common:core.chat.tts.Stop Speech')}>
                  <MyIcon
                    {...controlIconStyle}
                    borderRight={'none'}
@@ -136,13 +136,13 @@ const ChatController = ({
          }
          if (isPlayingChat && audioLoading) {
            return (
-              <MyTooltip label={t('common.Loading')}>
+              <MyTooltip label={t('common:common.Loading')}>
                <MyIcon {...controlIconStyle} name={'common/loading'} />
              </MyTooltip>
            );
          }
          return (
-            <MyTooltip label={t('core.app.TTS start')}>
+            <MyTooltip label={t('common:core.app.TTS start')}>
              <MyIcon
                {...controlIconStyle}
                name={'common/voiceLight'}
@@ -171,7 +171,7 @@ const ChatController = ({
          );
        })()}
      {!!onMark && (
-        <MyTooltip label={t('core.chat.Mark')}>
+        <MyTooltip label={t('common:core.chat.Mark')}>
          <MyIcon
            {...controlIconStyle}
            name={'core/app/markLight'}
@@ -183,7 +183,7 @@ const ChatController = ({
      {chat.obj === ChatRoleEnum.AI && (
        <>
          {!!onCloseUserLike && chat.userGoodFeedback && (
-            <MyTooltip label={t('core.chat.feedback.Close User Like')}>
+            <MyTooltip label={t('common:core.chat.feedback.Close User Like')}>
              <MyIcon
                {...controlIconStyle}
                color={'white'}
@@ -195,7 +195,7 @@ const ChatController = ({
            </MyTooltip>
          )}
          {!!onReadUserDislike && chat.userBadFeedback && (
-            <MyTooltip label={t('core.chat.feedback.Read User dislike')}>
+            <MyTooltip label={t('common:core.chat.feedback.Read User dislike')}>
              <MyIcon
                {...controlIconStyle}
                color={'white'}
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/FeedbackModal.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/FeedbackModal.tsx
@@ -31,7 +31,7 @@ const FeedbackModal = ({

  const { mutate, isLoading } = useRequest({
    mutationFn: async () => {
-      const val = ref.current?.value || t('core.chat.feedback.No Content');
+      const val = ref.current?.value || t('common:core.chat.feedback.No Content');
      return updateChatUserFeedback({
        appId,
        chatId,
@@ -44,10 +44,10 @@ const FeedbackModal = ({
      });
    },
    onSuccess() {
-      onSuccess(ref.current?.value || t('core.chat.feedback.No Content'));
+      onSuccess(ref.current?.value || t('common:core.chat.feedback.No Content'));
    },
-    successToast: t('core.chat.Feedback Success'),
-    errorToast: t('core.chat.Feedback Failed')
+    successToast: t('common:core.chat.Feedback Success'),
+    errorToast: t('common:core.chat.Feedback Failed')
  });

  return (
@@ -55,17 +55,17 @@ const FeedbackModal = ({
      isOpen={true}
      onClose={onClose}
      iconSrc="/imgs/modal/badAnswer.svg"
-      title={t('core.chat.Feedback Modal')}
+      title={t('common:core.chat.Feedback Modal')}
    >
      <ModalBody>
-        <Textarea ref={ref} rows={10} placeholder={t('core.chat.Feedback Modal Tip')} />
+        <Textarea ref={ref} rows={10} placeholder={t('common:core.chat.Feedback Modal Tip')} />
      </ModalBody>
      <ModalFooter>
        <Button variant={'whiteBase'} mr={2} onClick={onClose}>
-          {t('common.Close')}
+          {t('common:common.Close')}
        </Button>
        <Button isLoading={isLoading} onClick={mutate}>
-          {t('core.chat.Feedback Submit')}
+          {t('common:core.chat.Feedback Submit')}
        </Button>
      </ModalFooter>
    </MyModal>
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/QuoteModal.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/QuoteModal.tsx
@@ -51,7 +51,7 @@ const QuoteModal = ({
              <>{t('core.chat.Quote Amount', { amount: rawSearch.length })}</>
            )}
            <Box fontSize={'xs'} color={'myGray.500'} fontWeight={'normal'}>
-              {t('core.chat.quote.Quote Tip')}
+              {t('common:core.chat.quote.Quote Tip')}
            </Box>
          </Box>
        }
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/ReadFeedbackModal.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/ReadFeedbackModal.tsx
@@ -19,12 +19,12 @@ const ReadFeedbackModal = ({
      isOpen={true}
      onClose={onClose}
      iconSrc="/imgs/modal/readFeedback.svg"
-      title={t('core.chat.Feedback Modal')}
+      title={t('common:core.chat.Feedback Modal')}
    >
      <ModalBody>{content}</ModalBody>
      <ModalFooter>
        <Button mr={2} onClick={onCloseFeedback}>
-          {t('core.chat.feedback.Feedback Close')}
+          {t('common:core.chat.feedback.Feedback Close')}
        </Button>
      </ModalFooter>
    </MyModal>
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/ResponseTags.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/ResponseTags.tsx
@@ -102,10 +102,10 @@ const ResponseTags = ({
    <>
      {sourceList.length > 0 && (
        <>
-          <ChatBoxDivider icon="core/chat/quoteFill" text={t('core.chat.Quote')} />
+          <ChatBoxDivider icon="core/chat/quoteFill" text={t('common:core.chat.Quote')} />
          <Flex alignItems={'center'} flexWrap={'wrap'} gap={2}>
            {sourceList.map((item) => (
-              <MyTooltip key={item.collectionId} label={t('core.chat.quote.Read Quote')}>
+              <MyTooltip key={item.collectionId} label={t('common:core.chat.quote.Read Quote')}>
                <Flex
                  alignItems={'center'}
                  fontSize={'xs'}
@@ -186,14 +186,14 @@ const ResponseTags = ({
              </MyTag>
            </MyTooltip>
          )}
-          <MyTooltip label={t('core.chat.response.Read complete response tips')}>
+          <MyTooltip label={t('common:core.chat.response.Read complete response tips')}>
            <MyTag
              colorSchema="gray"
              type="borderSolid"
              cursor={'pointer'}
              onClick={onOpenWholeModal}
            >
-              {t('core.chat.response.Read complete response')}
+              {t('common:core.chat.response.Read complete response')}
            </MyTag>
          </MyTooltip>
        </Flex>
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/SelectMarkCollection.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/SelectMarkCollection.tsx
@@ -45,7 +45,7 @@ const SelectMarkCollection = ({
          onClose={onClose}
          setParentId={setParentId}
          isLoading={isFetching}
-          tips={t('core.chat.Select dataset Desc')}
+          tips={t('common:core.chat.Select dataset Desc')}
        >
          <ModalBody flex={'1 0 0'} overflowY={'auto'}>
            <Grid
@@ -100,7 +100,7 @@ const SelectMarkCollection = ({
        <SelectCollections
          datasetId={adminMarkData.datasetId}
          type={'collection'}
-          title={t('dataset.collections.Select One Collection To Store')}
+          title={t('common:dataset.collections.Select One Collection To Store')}
          onClose={onClose}
          onChange={({ collectionIds }) => {
            setAdminMarkData({
@@ -120,7 +120,7 @@ const SelectMarkCollection = ({
                  });
                }}
              >
-                {t('common.Last Step')}
+                {t('common:common.Last Step')}
              </Button>
            </ModalFooter>
          }
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/VariableInput.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/components/VariableInput.tsx
@@ -104,7 +104,7 @@ const VariableInput = ({
                chatForm.setValue('chatStarted', true);
              })}
            >
-              {t('core.chat.Start Chat')}
+              {t('common:core.chat.Start Chat')}
            </Button>
          )}
        </Card>
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/index.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/index.tsx
@@ -814,7 +814,7 @@ const ChatBox = (

    return {
      status: chatContent.status || 'loading',
-      name: t(chatContent.moduleName || '') || t('common.Loading')
+      name: t(chatContent.moduleName || '') || t('common:common.Loading')
    };
  }, [chatHistories, isChatting, t]);

@@ -935,11 +935,13 @@ const ChatBox = (
                        <Box>
                          <ChatBoxDivider
                            icon={'core/app/customFeedback'}
-                            text={t('core.app.feedback.Custom feedback')}
+                            text={t('common:core.app.feedback.Custom feedback')}
                          />
                          {item.customFeedbacks.map((text, i) => (
                            <Box key={`${text}${i}`}>
-                              <MyTooltip label={t('core.app.feedback.close custom feedback')}>
+                              <MyTooltip
+                                label={t('common:core.app.feedback.close custom feedback')}
+                              >
                                <Checkbox onChange={onCloseCustomFeedback(item, i)}>
                                  {text}
                                </Checkbox>
@@ -953,7 +955,7 @@ const ChatBox = (
                        <Box fontSize={'sm'}>
                          <ChatBoxDivider
                            icon="core/app/markLight"
-                            text={t('core.chat.Admin Mark Content')}
+                            text={t('common:core.chat.Admin Mark Content')}
                          />
                          <Box whiteSpace={'pre-wrap'}>
                            <Box color={'black'}>{item.adminFeedback.q}</Box>
--- a/projects/app/src/components/core/chat/ChatContainer/PluginRunBox/components/RenderInput.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/PluginRunBox/components/RenderInput.tsx
@@ -58,7 +58,7 @@ const RenderInput = () => {
              handleSubmit(onSubmit)();
            }}
          >
-            {histories.length > 0 ? t('common.Restart') : t('common.Run')}
+            {histories.length > 0 ? t('common:common.Restart') : t('common:common.Run')}
          </Button>
        </Flex>
      )}
--- a/projects/app/src/components/core/chat/components/WholeResponseModal.tsx
+++ b/projects/app/src/components/core/chat/components/WholeResponseModal.tsx
@@ -96,7 +96,7 @@ const WholeResponseModal = ({
      iconSrc="/imgs/modal/wholeRecord.svg"
      title={
        <Flex alignItems={'center'}>
-          {t('core.chat.response.Complete Response')}
+          {t('common:core.chat.response.Complete Response')}
          <QuestionTip ml={2} label={'从左往右，为各个模块的响应顺序'}></QuestionTip>
        </Flex>
      }
@@ -175,27 +175,33 @@ export const ResponseBox = React.memo(function ResponseBox({
              })}
        >
          <>
-            <Row label={t('core.chat.response.module name')} value={t(activeModule.moduleName)} />
+            <Row
+              label={t('common:core.chat.response.module name')}
+              value={t(activeModule.moduleName)}
+            />
            {activeModule?.totalPoints !== undefined && (
              <Row
-                label={t('support.wallet.usage.Total points')}
+                label={t('common:support.wallet.usage.Total points')}
                value={formatNumber(activeModule.totalPoints)}
              />
            )}
            <Row
-              label={t('core.chat.response.module time')}
+              label={t('common:core.chat.response.module time')}
              value={`${activeModule?.runningTime || 0}s`}
            />
-            <Row label={t('core.chat.response.module model')} value={activeModule?.model} />
-            <Row label={t('core.chat.response.module tokens')} value={`${activeModule?.tokens}`} />
+            <Row label={t('common:core.chat.response.module model')} value={activeModule?.model} />
            <Row
-              label={t('core.chat.response.Tool call tokens')}
+              label={t('common:core.chat.response.module tokens')}
+              value={`${activeModule?.tokens}`}
+            />
+            <Row
+              label={t('common:core.chat.response.Tool call tokens')}
              value={`${activeModule?.toolCallTokens}`}
            />

-            <Row label={t('core.chat.response.module query')} value={activeModule?.query} />
+            <Row label={t('common:core.chat.response.module query')} value={activeModule?.query} />
            <Row
-              label={t('core.chat.response.context total length')}
+              label={t('common:core.chat.response.context total length')}
              value={activeModule?.contextTotalLen}
            />
            <Row label={workflowT('response.Error')} value={activeModule?.error} />
@@ -204,12 +210,15 @@ export const ResponseBox = React.memo(function ResponseBox({
          {/* ai chat */}
          <>
            <Row
-              label={t('core.chat.response.module temperature')}
+              label={t('common:core.chat.response.module temperature')}
              value={activeModule?.temperature}
            />
-            <Row label={t('core.chat.response.module maxToken')} value={activeModule?.maxToken} />
            <Row
-              label={t('core.chat.response.module historyPreview')}
+              label={t('common:core.chat.response.module maxToken')}
+              value={activeModule?.maxToken}
+            />
+            <Row
+              label={t('common:core.chat.response.module historyPreview')}
              rawDom={
                activeModule.historyPreview ? (
                  <Box px={3} py={2} border={theme.borders.base} borderRadius={'md'}>
@@ -239,31 +248,31 @@ export const ResponseBox = React.memo(function ResponseBox({
          <>
            {activeModule?.searchMode && (
              <Row
-                label={t('core.dataset.search.search mode')}
+                label={t('common:core.dataset.search.search mode')}
                // @ts-ignore
                value={t(DatasetSearchModeMap[activeModule.searchMode]?.title)}
              />
            )}
            <Row
-              label={t('core.chat.response.module similarity')}
+              label={t('common:core.chat.response.module similarity')}
              value={activeModule?.similarity}
            />
-            <Row label={t('core.chat.response.module limit')} value={activeModule?.limit} />
+            <Row label={t('common:core.chat.response.module limit')} value={activeModule?.limit} />
            <Row
-              label={t('core.chat.response.search using reRank')}
+              label={t('common:core.chat.response.search using reRank')}
              value={`${activeModule?.searchUsingReRank}`}
            />
            <Row
-              label={t('core.chat.response.Extension model')}
+              label={t('common:core.chat.response.Extension model')}
              value={activeModule?.extensionModel}
            />
            <Row
-              label={t('support.wallet.usage.Extension result')}
+              label={t('common:support.wallet.usage.Extension result')}
              value={`${activeModule?.extensionResult}`}
            />
            {activeModule.quoteList && activeModule.quoteList.length > 0 && (
              <Row
-                label={t('core.chat.response.module quoteList')}
+                label={t('common:core.chat.response.module quoteList')}
                rawDom={<QuoteList showDetail={showDetail} rawSearch={activeModule.quoteList} />}
              />
            )}
@@ -271,9 +280,12 @@ export const ResponseBox = React.memo(function ResponseBox({

          {/* classify question */}
          <>
-            <Row label={t('core.chat.response.module cq result')} value={activeModule?.cqResult} />
            <Row
-              label={t('core.chat.response.module cq')}
+              label={t('common:core.chat.response.module cq result')}
+              value={activeModule?.cqResult}
+            />
+            <Row
+              label={t('common:core.chat.response.module cq')}
              value={(() => {
                if (!activeModule?.cqList) return '';
                return activeModule.cqList.map((item) => `* ${item.value}`).join('\n');
@@ -284,7 +296,7 @@ export const ResponseBox = React.memo(function ResponseBox({
          {/* if-else */}
          <>
            <Row
-              label={t('core.chat.response.module if else Result')}
+              label={t('common:core.chat.response.module if else Result')}
              value={activeModule?.ifElseResult}
            />
          </>
@@ -292,11 +304,11 @@ export const ResponseBox = React.memo(function ResponseBox({
          {/* extract */}
          <>
            <Row
-              label={t('core.chat.response.module extract description')}
+              label={t('common:core.chat.response.module extract description')}
              value={activeModule?.extractDescription}
            />
            <Row
-              label={t('core.chat.response.module extract result')}
+              label={t('common:core.chat.response.module extract result')}
              value={activeModule?.extractResult}
            />
          </>
@@ -307,17 +319,20 @@ export const ResponseBox = React.memo(function ResponseBox({
            <Row label={'Params'} value={activeModule?.params} />
            <Row label={'Body'} value={activeModule?.body} />
            <Row
-              label={t('core.chat.response.module http result')}
+              label={t('common:core.chat.response.module http result')}
              value={activeModule?.httpResult}
            />
          </>

          {/* plugin */}
          <>
-            <Row label={t('core.chat.response.plugin output')} value={activeModule?.pluginOutput} />
+            <Row
+              label={t('common:core.chat.response.plugin output')}
+              value={activeModule?.pluginOutput}
+            />
            {activeModule?.pluginDetail && activeModule?.pluginDetail.length > 0 && (
              <Row
-                label={t('core.chat.response.Plugin response detail')}
+                label={t('common:core.chat.response.Plugin response detail')}
                rawDom={
                  <ResponseBox response={activeModule.pluginDetail} showDetail={showDetail} />
                }
@@ -326,12 +341,15 @@ export const ResponseBox = React.memo(function ResponseBox({
          </>

          {/* text output */}
-          <Row label={t('core.chat.response.text output')} value={activeModule?.textOutput} />
+          <Row
+            label={t('common:core.chat.response.text output')}
+            value={activeModule?.textOutput}
+          />

          {/* tool call */}
          {activeModule?.toolDetail && activeModule?.toolDetail.length > 0 && (
            <Row
-              label={t('core.chat.response.Tool call response detail')}
+              label={t('common:core.chat.response.Tool call response detail')}
              rawDom={<ResponseBox response={activeModule.toolDetail} showDetail={showDetail} />}
            />
          )}
--- a/projects/app/src/components/core/dataset/QuoteItem.tsx
+++ b/projects/app/src/components/core/dataset/QuoteItem.tsx
@@ -209,7 +209,7 @@ const QuoteItem = ({
            color={'myGray.500'}
            fontSize={'xs'}
          >
-            <MyTooltip label={t('core.dataset.Quote Length')}>
+            <MyTooltip label={t('common:core.dataset.Quote Length')}>
              <Flex alignItems={'center'}>
                <MyIcon name="common/text/t" w={'14px'} mr={1} color={'myGray.500'} />
                {quoteItem.q.length + (quoteItem.a?.length || 0)}
@@ -225,7 +225,7 @@ const QuoteItem = ({
            />
            <Box flex={1} />
            {quoteItem.id && (
-              <MyTooltip label={t('core.dataset.data.Edit')}>
+              <MyTooltip label={t('common:core.dataset.data.Edit')}>
                <Box
                  className="hover-data"
                  visibility={'hidden'}
@@ -261,7 +261,7 @@ const QuoteItem = ({
                color={'primary.500'}
                href={`/dataset/detail?datasetId=${quoteItem.datasetId}&currentTab=dataCard&collectionId=${quoteItem.collectionId}`}
              >
-                {t('core.dataset.Go Dataset')}
+                {t('common:core.dataset.Go Dataset')}
                <MyIcon name={'common/rightArrowLight'} w={'10px'} />
              </Link>
            )}
--- a/projects/app/src/components/core/dataset/RawSourceBox.tsx
+++ b/projects/app/src/components/core/dataset/RawSourceBox.tsx
@@ -54,7 +54,7 @@ const RawSourceBox = ({
          className={props.className ?? 'textEllipsis'}
          wordBreak={'break-all'}
        >
-          {sourceName || t('common.UnKnow Source')}
+          {sourceName || t('common:common.UnKnow Source')}
        </Box>
      </Box>
    </MyTooltip>
--- a/projects/app/src/components/core/dataset/SearchParamsTip.tsx
+++ b/projects/app/src/components/core/dataset/SearchParamsTip.tsx
@@ -49,13 +49,13 @@ const SearchParamsTip = ({
      <Table fontSize={'xs'} overflow={'overlay'}>
        <Thead>
          <Tr bg={'transparent !important'}>
-            <Th fontSize={'mini'}>{t('core.dataset.search.search mode')}</Th>
-            <Th fontSize={'mini'}>{t('core.dataset.search.Max Tokens')}</Th>
-            <Th fontSize={'mini'}>{t('core.dataset.search.Min Similarity')}</Th>
-            {hasReRankModel && <Th fontSize={'mini'}>{t('core.dataset.search.ReRank')}</Th>}
-            <Th fontSize={'mini'}>{t('core.module.template.Query extension')}</Th>
+            <Th fontSize={'mini'}>{t('common:core.dataset.search.search mode')}</Th>
+            <Th fontSize={'mini'}>{t('common:core.dataset.search.Max Tokens')}</Th>
+            <Th fontSize={'mini'}>{t('common:core.dataset.search.Min Similarity')}</Th>
+            {hasReRankModel && <Th fontSize={'mini'}>{t('common:core.dataset.search.ReRank')}</Th>}
+            <Th fontSize={'mini'}>{t('common:core.module.template.Query extension')}</Th>
            {hasEmptyResponseMode && (
-              <Th fontSize={'mini'}>{t('core.dataset.search.Empty result response')}</Th>
+              <Th fontSize={'mini'}>{t('common:core.dataset.search.Empty result response')}</Th>
            )}
          </Tr>
        </Thead>
@@ -75,7 +75,7 @@ const SearchParamsTip = ({
              {limit}
            </Td>
            <Td pt={0} pb={2}>
-              {hasSimilarityMode ? similarity : t('core.dataset.search.Nonsupport')}
+              {hasSimilarityMode ? similarity : t('common:core.dataset.search.Nonsupport')}
            </Td>
            {hasReRankModel && (
              <Td pt={0} pb={2}>
--- a/projects/app/src/components/core/dataset/SelectModal.tsx
+++ b/projects/app/src/components/core/dataset/SelectModal.tsx
@@ -41,7 +41,7 @@ const DatasetSelectContainer = ({
              parentId: path.parentId,
              parentName: path.parentName
            }))}
-            FirstPathDom={t('core.chat.Select dataset')}
+            FirstPathDom={t('common:core.chat.Select dataset')}
            onClick={(e) => {
              setParentId(e);
            }}
--- a/projects/app/src/components/support/apikey/Table.tsx
+++ b/projects/app/src/components/support/apikey/Table.tsx
@@ -96,7 +96,7 @@ const ApiKeyTable = ({ tips, appId }: { tips: string; appId?: string }) => {
        <Box flex={1}>
          <Flex alignItems={'flex-end'}>
            <Box color={'myGray.900'} fontSize={'lg'}>
-              {t('support.openapi.Api manager')}
+              {t('common:support.openapi.Api manager')}
            </Box>
            {feConfigs?.docUrl && (
              <Link
@@ -106,7 +106,7 @@ const ApiKeyTable = ({ tips, appId }: { tips: string; appId?: string }) => {
                color={'primary.500'}
                fontSize={'sm'}
              >
-                {t('common.Read document')}
+                {t('common:common.Read document')}
              </Link>
            )}
          </Flex>
@@ -122,10 +122,10 @@ const ApiKeyTable = ({ tips, appId }: { tips: string; appId?: string }) => {
          borderRadius={'md'}
          cursor={'pointer'}
          userSelect={'none'}
-          onClick={() => copyData(baseUrl, t('support.openapi.Copy success'))}
+          onClick={() => copyData(baseUrl, t('common:support.openapi.Copy success'))}
        >
          <Box border={theme.borders.md} px={2} borderRadius={'md'} fontSize={'xs'}>
-            {t('support.openapi.Api baseurl')}
+            {t('common:support.openapi.Api baseurl')}
          </Box>
          <Box ml={2} fontSize={'sm'}>
            {baseUrl}
@@ -143,7 +143,7 @@ const ApiKeyTable = ({ tips, appId }: { tips: string; appId?: string }) => {
              })
            }
          >
-            {t('New Create')}
+            {t('common:New Create')}
          </Button>
        </Box>
      </Box>
@@ -151,17 +151,17 @@ const ApiKeyTable = ({ tips, appId }: { tips: string; appId?: string }) => {
        <Table>
          <Thead>
            <Tr>
-              <Th>{t('Name')}</Th>
+              <Th>{t('common:Name')}</Th>
              <Th>Api Key</Th>
-              <Th>{t('support.outlink.Usage points')}</Th>
+              <Th>{t('common:support.outlink.Usage points')}</Th>
              {feConfigs?.isPlus && (
                <>
-                  <Th>{t('common.Expired Time')}</Th>
+                  <Th>{t('common:common.Expired Time')}</Th>
                </>
              )}

-              <Th>{t('common.Create Time')}</Th>
-              <Th>{t('common.Last use time')}</Th>
+              <Th>{t('common:common.Create Time')}</Th>
+              <Th>{t('common:common.Last use time')}</Th>
              <Th />
            </Tr>
          </Thead>
@@ -174,7 +174,7 @@ const ApiKeyTable = ({ tips, appId }: { tips: string; appId?: string }) => {
                  {Math.round(usagePoints)}/
                  {feConfigs?.isPlus && limit?.maxUsagePoints && limit?.maxUsagePoints > -1
                    ? `${limit?.maxUsagePoints}`
-                    : t('common.Unlimited')}
+                    : t('common:common.Unlimited')}
                </Td>
                {feConfigs?.isPlus && (
                  <>
@@ -189,7 +189,7 @@ const ApiKeyTable = ({ tips, appId }: { tips: string; appId?: string }) => {
                <Td whiteSpace={'pre-wrap'}>
                  {lastUsedTime
                    ? dayjs(lastUsedTime).format('YYYY/MM/DD\nHH:mm:ss')
-                    : t('common.Un used')}
+                    : t('common:common.Un used')}
                </Td>
                <Td>
                  <MyMenu
@@ -207,7 +207,7 @@ const ApiKeyTable = ({ tips, appId }: { tips: string; appId?: string }) => {
                      {
                        children: [
                          {
-                            label: t('common.Edit'),
+                            label: t('common:common.Edit'),
                            icon: 'edit',
                            onClick: () =>
                              setEditData({
@@ -218,7 +218,7 @@ const ApiKeyTable = ({ tips, appId }: { tips: string; appId?: string }) => {
                              })
                          },
                          {
-                            label: t('common.Delete'),
+                            label: t('common:common.Delete'),
                            icon: 'delete',
                            type: 'danger',
                            onClick: () => openConfirm(() => onclickRemove(_id))()
@@ -256,9 +256,9 @@ const ApiKeyTable = ({ tips, appId }: { tips: string; appId?: string }) => {
        iconSrc="/imgs/modal/key.svg"
        title={
          <Box>
-            <Box fontWeight={'bold'}>{t('support.openapi.New api key')}</Box>
+            <Box fontWeight={'bold'}>{t('common:support.openapi.New api key')}</Box>
            <Box fontSize={'xs'} color={'myGray.600'}>
-              {t('support.openapi.New api key tip')}
+              {t('common:support.openapi.New api key tip')}
            </Box>
          </Box>
        }
@@ -281,7 +281,7 @@ const ApiKeyTable = ({ tips, appId }: { tips: string; appId?: string }) => {
        </ModalBody>
        <ModalFooter>
          <Button variant="whiteBase" onClick={() => setApiKey('')}>
-            {t('common.OK')}
+            {t('common:common.OK')}
          </Button>
        </ModalFooter>
      </MyModal>
@@ -338,12 +338,12 @@ function EditKeyModal({
    >
      <ModalBody>
        <Flex alignItems={'center'}>
-          <FormLabel flex={'0 0 90px'}>{t('Name')}</FormLabel>
+          <FormLabel flex={'0 0 90px'}>{t('common:Name')}</FormLabel>
          <Input
            placeholder={publishT('key alias') || 'key alias'}
            maxLength={20}
            {...register('name', {
-              required: t('common.Name is empty') || 'Name is empty'
+              required: t('common:common.Name is empty') || 'Name is empty'
            })}
          />
        </Flex>
@@ -351,8 +351,11 @@ function EditKeyModal({
          <>
            <Flex alignItems={'center'} mt={4}>
              <FormLabel display={'flex'} flex={'0 0 90px'} alignItems={'center'}>
-                {t('support.outlink.Max usage points')}
-                <QuestionTip ml={1} label={t('support.outlink.Max usage points tip')}></QuestionTip>
+                {t('common:support.outlink.Max usage points')}
+                <QuestionTip
+                  ml={1}
+                  label={t('common:support.outlink.Max usage points tip')}
+                ></QuestionTip>
              </FormLabel>
              <Input
                {...register('limit.maxUsagePoints', {
@@ -364,7 +367,7 @@ function EditKeyModal({
              />
            </Flex>
            <Flex alignItems={'center'} mt={4}>
-              <FormLabel flex={'0 0 90px'}>{t('common.Expired Time')}</FormLabel>
+              <FormLabel flex={'0 0 90px'}>{t('common:common.Expired Time')}</FormLabel>
              <Input
                type="datetime-local"
                defaultValue={
@@ -383,14 +386,14 @@ function EditKeyModal({

      <ModalFooter>
        <Button variant={'whiteBase'} mr={3} onClick={onClose}>
-          {t('common.Close')}
+          {t('common:common.Close')}
        </Button>

        <Button
          isLoading={creating || updating}
          onClick={submitShareChat((data) => (isEdit ? onclickUpdate(data) : onclickCreate(data)))}
        >
-          {t('common.Confirm')}
+          {t('common:common.Confirm')}
        </Button>
      </ModalFooter>
    </MyModal>
--- a/projects/app/src/components/support/laf/LafAccountModal.tsx
+++ b/projects/app/src/components/support/laf/LafAccountModal.tsx
@@ -55,7 +55,7 @@ const LafAccountModal = ({
      const token = await postLafPat2Token(pat);
      setValue('token', token);
    },
-    errorToast: t('plugin.Invalid Env')
+    errorToast: t('common:plugin.Invalid Env')
  });

  const { data: appListData = [] } = useQuery(
@@ -91,18 +91,18 @@ const LafAccountModal = ({
      initUserInfo();
      onClose();
    },
-    successToast: t('common.Update Success'),
-    errorToast: t('common.Update Failed')
+    successToast: t('common:common.Update Success'),
+    errorToast: t('common:common.Update Failed')
  });

  return (
-    <MyModal isOpen iconSrc="/imgs/workflow/laf.png" title={t('user.Laf Account Setting')}>
+    <MyModal isOpen iconSrc="/imgs/workflow/laf.png" title={t('common:user.Laf Account Setting')}>
      <ModalBody>
        <Box fontSize={'sm'} color={'myGray.500'}>
-          <Box>{t('support.user.Laf account intro')}</Box>
+          <Box>{t('common:support.user.Laf account intro')}</Box>
          <Box textDecoration={'underline'}>
            <Link href={getDocPath('/docs/workflow/modules/laf/')} isExternal>
-              {t('support.user.Laf account course')}
+              {t('common:support.user.Laf account course')}
            </Link>
          </Box>
          <Box>
@@ -121,7 +121,7 @@ const LafAccountModal = ({
                flex={'1 0 0'}
                size={'sm'}
                {...register('pat')}
-                placeholder={t('plugin.Enter PAT')}
+                placeholder={t('common:plugin.Enter PAT')}
              />
              <Button
                ml={2}
@@ -151,7 +151,7 @@ const LafAccountModal = ({
        </Flex>
        {!!lafToken && (
          <Flex alignItems={'center'} mt={5}>
-            <Box flex={'0 0 70px'}>{t('plugin.Currentapp')}</Box>
+            <Box flex={'0 0 70px'}>{t('common:plugin.Currentapp')}</Box>
            <MySelect
              minW={'200px'}
              list={
@@ -162,7 +162,7 @@ const LafAccountModal = ({
                    value: app.appid
                  })) || []
              }
-              placeholder={t('plugin.App')}
+              placeholder={t('common:plugin.App')}
              value={watch('appid')}
              onchange={(e) => {
                setValue('appid', e);
@@ -180,11 +180,11 @@ const LafAccountModal = ({
            onClose();
          }}
        >
-          {t('common.Close')}
+          {t('common:common.Close')}
        </Button>
        {appid && (
          <Button ml={3} isLoading={isUpdating} onClick={handleSubmit((data) => onSubmit(data))}>
-            {t('common.Update')}
+            {t('common:common.Update')}
          </Button>
        )}
      </ModalFooter>
--- a/projects/app/src/components/support/permission/ConfigPerModal/index.tsx
+++ b/projects/app/src/components/support/permission/ConfigPerModal/index.tsx
@@ -48,7 +48,7 @@ const ConfigPerModal = ({
        isOpen
        iconSrc="/imgs/modal/key.svg"
        onClose={onClose}
-        title={t('permission.Permission config')}
+        title={t('common:permission.Permission config')}
      >
        <ModalBody>
          <HStack>
@@ -61,7 +61,7 @@ const ConfigPerModal = ({
            </Box>
          )}
          <Box mt={5}>
-            <Box fontSize={'sm'}>{t('permission.Default permission')}</Box>
+            <Box fontSize={'sm'}>{t('common:permission.Default permission')}</Box>
            <DefaultPermissionList
              mt="1"
              per={defaultPer.value}
@@ -87,7 +87,7 @@ const ConfigPerModal = ({
                      justifyContent="space-between"
                      w="full"
                    >
-                      <Box fontSize={'sm'}>{t('permission.Collaborator')}</Box>
+                      <Box fontSize={'sm'}>{t('common:permission.Collaborator')}</Box>
                      <Flex flexDirection="row" gap="2">
                        <Button
                          size="sm"
@@ -95,7 +95,7 @@ const ConfigPerModal = ({
                          leftIcon={<MyIcon w="4" name="common/settingLight" />}
                          onClick={onOpenManageModal}
                        >
-                          {t('permission.Manage')}
+                          {t('common:permission.Manage')}
                        </Button>
                        <Button
                          size="sm"
@@ -103,7 +103,7 @@ const ConfigPerModal = ({
                          leftIcon={<MyIcon w="4" name="support/permission/collaborator" />}
                          onClick={onOpenAddMember}
                        >
-                          {t('common.Add')}
+                          {t('common:common.Add')}
                        </Button>
                      </Flex>
                    </Flex>
--- a/projects/app/src/components/support/permission/MemberManager/AddMemberModal.tsx
+++ b/projects/app/src/components/support/permission/MemberManager/AddMemberModal.tsx
@@ -71,7 +71,7 @@ function AddMemberModal({ onClose }: AddModalPropsType) {
        permission: selectedPermission
      });
    },
-    successToast: t('common.Add Success'),
+    successToast: t('common:common.Add Success'),
    errorToast: 'Error',
    onSuccess() {
      onClose();
--- a/projects/app/src/components/support/permission/MemberManager/MemberListCard.tsx
+++ b/projects/app/src/components/support/permission/MemberManager/MemberListCard.tsx
@@ -21,7 +21,7 @@ const MemberListCard = ({ tagStyle, ...props }: MemberListCardProps) => {
    <MyBox isLoading={isFetchingCollaborator} userSelect={'none'} {...props}>
      {collaboratorList?.length === 0 ? (
        <Box p={3} color="myGray.600" fontSize={'xs'} textAlign={'center'}>
-          {t('permission.Not collaborator')}
+          {t('common:permission.Not collaborator')}
        </Box>
      ) : (
        <Flex gap="2" flexWrap={'wrap'}>
--- a/projects/app/src/components/support/permission/MemberManager/PermissionSelect.tsx
+++ b/projects/app/src/components/support/permission/MemberManager/PermissionSelect.tsx
@@ -251,7 +251,7 @@ function PermissionSelect({
                }}
              >
                <MyIcon name="delete" w="20px" color="red.600" />
-                <Box color="red.600">{t('common.Remove')}</Box>
+                <Box color="red.600">{t('common:common.Remove')}</Box>
              </HStack>
            </>
          )}
--- a/projects/app/src/components/support/permission/PermissionTags/index.tsx
+++ b/projects/app/src/components/support/permission/PermissionTags/index.tsx
@@ -19,7 +19,7 @@ const PermissionTag = ({
    const Per = new Permission({ per: permission.value });

    const commonLabel = (() => {
-      if (permission.isOwner) return t('permission.Owner');
+      if (permission.isOwner) return t('common:permission.Owner');
      if (permission.hasManagePer) return PermissionList['manage'].name;
      if (permission.hasWritePer) return PermissionList['write'].name;
      if (permission.hasReadPer) return PermissionList['read'].name;
--- a/projects/app/src/components/support/permission/Radio/index.tsx
+++ b/projects/app/src/components/support/permission/Radio/index.tsx
@@ -18,14 +18,14 @@ const PermissionRadio = ({
      list={[
        {
          icon: 'support/permission/privateLight',
-          title: t('permission.Private'),
-          desc: t('permission.Private Tip'),
+          title: t('common:permission.Private'),
+          desc: t('common:permission.Private Tip'),
          value: PermissionTypeEnum.private
        },
        {
          icon: 'support/permission/publicLight',
-          title: t('permission.Public'),
-          desc: t('permission.Public Tip'),
+          title: t('common:permission.Public'),
+          desc: t('common:permission.Public Tip'),
          value: PermissionTypeEnum.public
        }
      ]}
--- a/projects/app/src/components/support/user/inform/SystemMsgModal.tsx
+++ b/projects/app/src/components/support/user/inform/SystemMsgModal.tsx
@@ -30,12 +30,16 @@ const SystemMsgModal = ({}: {}) => {
  }, [data, onClose, setSysMsgReadId]);

  return (
-    <MyModal isOpen={isOpen} iconSrc={LOGO_ICON} title={t('support.user.inform.System message')}>
+    <MyModal
+      isOpen={isOpen}
+      iconSrc={LOGO_ICON}
+      title={t('common:support.user.inform.System message')}
+    >
      <ModalBody overflow={'auto'}>
        <Markdown source={data?.content} />
      </ModalBody>
      <ModalFooter>
-        <Button onClick={onclickRead}>{t('support.inform.Read')}</Button>
+        <Button onClick={onclickRead}>{t('common:support.inform.Read')}</Button>
      </ModalFooter>
    </MyModal>
  );
--- a/projects/app/src/components/support/user/team/TeamManageModal/TeamCard.tsx
+++ b/projects/app/src/components/support/user/team/TeamManageModal/TeamCard.tsx
@@ -35,7 +35,7 @@ function TeamCard() {
  const { feConfigs } = useSystemStore();

  const { ConfirmModal: ConfirmLeaveTeamModal, openConfirm: openLeaveConfirm } = useConfirm({
-    content: t('user.team.member.Confirm Leave')
+    content: t('common:user.team.member.Confirm Leave')
  });
  const { mutate: onLeaveTeam, isLoading: isLoadingLeaveTeam } = useRequest({
    mutationFn: async (teamId?: string) => {
@@ -49,7 +49,7 @@ function TeamCard() {
    onSuccess() {
      refetchTeams();
    },
-    errorToast: t('user.team.Leave Team Failed')
+    errorToast: t('common:user.team.Leave Team Failed')
  });

  const {
@@ -65,7 +65,7 @@ function TeamCard() {
        icon: 'support/team/memberLight',
        label: (
          <Flex alignItems={'center'}>
-            <Box ml={1}>{t('user.team.Member')}</Box>
+            <Box ml={1}>{t('common:user.team.Member')}</Box>
            <Box ml={2} bg={'myGray.100'} borderRadius={'20px'} px={3} fontSize={'xs'}>
              {members.length}
            </Box>
@@ -75,7 +75,7 @@ function TeamCard() {
      },
      {
        icon: 'support/team/key',
-        label: t('common.Role'),
+        label: t('common:common.Role'),
        value: TabListEnum.permission
      }
    ],
@@ -155,7 +155,7 @@ function TeamCard() {
                }
              }}
            >
-              {t('user.team.Invite Member')}
+              {t('common:user.team.Invite Member')}
            </Button>
          )}
          {userInfo?.team.permission.hasManagePer && feConfigs?.show_team_chat && (
@@ -169,7 +169,7 @@ function TeamCard() {
                onOpenTeamTagsAsync();
              }}
            >
-              {t('user.team.Team Tags Async')}
+              {t('common:user.team.Team Tags Async')}
            </Button>
          )}
          {!userInfo?.team.permission.isOwner && (
@@ -184,7 +184,7 @@ function TeamCard() {
                openLeaveConfirm(() => onLeaveTeam(userInfo?.team?.teamId))();
              }}
            >
-              {t('user.team.Leave Team')}
+              {t('common:user.team.Leave Team')}
            </Button>
          )}
        </Flex>
--- a/projects/app/src/components/support/user/team/TeamManageModal/TeamList.tsx
+++ b/projects/app/src/components/support/user/team/TeamManageModal/TeamList.tsx
@@ -29,7 +29,7 @@ function TeamList() {
        borderBottom={'1.5px solid rgba(0, 0, 0, 0.05)'}
      >
        <Box flex={['0 0 auto', 1]} fontSize={['sm', 'md']}>
-          {t('common.Team')}
+          {t('common:common.Team')}
        </Box>
        {/* if there is no team */}
        {myTeams.length < 1 && (
@@ -90,7 +90,7 @@ function TeamList() {
                variant={'whitePrimary'}
                onClick={() => onSwitchTeam(team.teamId)}
              >
-                {t('user.team.Check Team')}
+                {t('common:user.team.Check Team')}
              </Button>
            )}
          </Flex>
--- a/projects/app/src/components/support/user/team/TeamManageModal/components/EditInfoModal.tsx
+++ b/projects/app/src/components/support/user/team/TeamManageModal/components/EditInfoModal.tsx
@@ -59,7 +59,7 @@ function EditModal({
        setValue('avatar', src);
      } catch (err: any) {
        toast({
-          title: getErrText(err, t('common.Select File Failed')),
+          title: getErrText(err, t('common:common.Select File Failed')),
          status: 'warning'
        });
      }
@@ -75,8 +75,8 @@ function EditModal({
      onSuccess();
      onClose();
    },
-    successToast: t('common.Create Success'),
-    errorToast: t('common.Create Failed')
+    successToast: t('common:common.Create Success'),
+    errorToast: t('common:common.Create Failed')
  });
  const { mutate: onclickUpdate, isLoading: updating } = useRequest({
    mutationFn: async (data: EditTeamFormDataType) => {
@@ -90,8 +90,8 @@ function EditModal({
      onSuccess();
      onClose();
    },
-    successToast: t('common.Update Success'),
-    errorToast: t('common.Update Failed')
+    successToast: t('common:common.Update Success'),
+    errorToast: t('common:common.Update Failed')
  });

  return (
@@ -99,14 +99,14 @@ function EditModal({
      isOpen
      onClose={onClose}
      iconSrc="/imgs/modal/team.svg"
-      title={defaultData.id ? t('user.team.Update Team') : t('user.team.Create Team')}
+      title={defaultData.id ? t('common:user.team.Update Team') : t('common:user.team.Create Team')}
    >
      <ModalBody>
        <Box color={'myGray.800'} fontWeight={'bold'}>
-          {t('user.team.Set Name')}
+          {t('common:user.team.Set Name')}
        </Box>
        <Flex mt={3} alignItems={'center'}>
-          <MyTooltip label={t('common.Set Avatar')}>
+          <MyTooltip label={t('common:common.Set Avatar')}>
            <Avatar
              flexShrink={0}
              src={avatar}
@@ -123,9 +123,9 @@ function EditModal({
            autoFocus
            bg={'myWhite.600'}
            maxLength={20}
-            placeholder={t('user.team.Team Name')}
+            placeholder={t('common:user.team.Team Name')}
            {...register('name', {
-              required: t('common.Please Input Name')
+              required: t('common:common.Please Input Name')
            })}
          />
        </Flex>
@@ -136,10 +136,10 @@ function EditModal({
          <>
            <Box flex={1} />
            <Button variant={'whiteBase'} mr={3} onClick={onClose}>
-              {t('common.Close')}
+              {t('common:common.Close')}
            </Button>
            <Button isLoading={updating} onClick={handleSubmit((data) => onclickUpdate(data))}>
-              {t('common.Confirm Update')}
+              {t('common:common.Confirm Update')}
            </Button>
          </>
        ) : (
@@ -148,7 +148,7 @@ function EditModal({
            isLoading={creating}
            onClick={handleSubmit((data) => onclickCreate(data))}
          >
-            {t('common.Confirm Create')}
+            {t('common:common.Confirm Create')}
          </Button>
        )}
      </ModalFooter>
--- a/projects/app/src/components/support/user/team/TeamManageModal/components/InviteModal.tsx
+++ b/projects/app/src/components/support/user/team/TeamManageModal/components/InviteModal.tsx
@@ -28,7 +28,7 @@ const InviteModal = ({
  const { t } = useTranslation();
  const { userT } = useI18n();
  const { ConfirmModal, openConfirm } = useConfirm({
-    title: t('user.team.Invite Member Result Tip'),
+    title: t('common:user.team.Invite Member Result Tip'),
    showCancel: false
  });
  const { userInfo } = useUserStore();
@@ -82,7 +82,7 @@ const InviteModal = ({
        </Box>
      )();
    },
-    errorToast: t('user.team.Invite Member Failed Tip')
+    errorToast: t('common:user.team.Invite Member Failed Tip')
  });

  return (
@@ -91,9 +91,9 @@ const InviteModal = ({
      iconSrc="/imgs/modal/team.svg"
      title={
        <Box>
-          <Box>{t('user.team.Invite Member')}</Box>
+          <Box>{t('common:user.team.Invite Member')}</Box>
          <Box color={'myGray.500'} fontSize={'xs'} fontWeight={'normal'}>
-            {t('user.team.Invite Member Tips')}
+            {t('common:user.team.Invite Member Tips')}
          </Box>
        </Box>
      }
@@ -102,7 +102,7 @@ const InviteModal = ({
    >
      <ModalCloseButton onClick={onClose} />
      <ModalBody>
-        <Box mb={2}>{t('user.Account')}</Box>
+        <Box mb={2}>{t('common:user.Account')}</Box>
        <TagTextarea defaultValues={inviteUsernames} onUpdate={setInviteUsernames} />
        <Box mt={4}>
          <MySelect list={inviteTypes} value={selectedInviteType} onchange={setSelectInviteType} />
@@ -116,7 +116,7 @@ const InviteModal = ({
          isLoading={isLoading}
          onClick={onInvite}
        >
-          {t('user.team.Confirm Invite')}
+          {t('common:user.team.Confirm Invite')}
        </Button>
      </ModalFooter>
      <ConfirmModal />
--- a/projects/app/src/components/support/user/team/TeamManageModal/components/MemberTable.tsx
+++ b/projects/app/src/components/support/user/team/TeamManageModal/components/MemberTable.tsx
@@ -44,10 +44,10 @@ function MemberTable() {
        <Table overflow={'unset'}>
          <Thead bg={'myWhite.400'}>
            <Tr>
-              <Th borderRadius={'none !important'}>{t('common.Username')}</Th>
-              <Th>{t('common.Permission')}</Th>
-              <Th>{t('common.Status')}</Th>
-              <Th borderRadius={'none !important'}>{t('common.Action')}</Th>
+              <Th borderRadius={'none !important'}>{t('common:common.Username')}</Th>
+              <Th>{t('common:common.Permission')}</Th>
+              <Th>{t('common:common.Status')}</Th>
+              <Th borderRadius={'none !important'}>{t('common:common.Action')}</Th>
            </Tr>
          </Thead>
          <Tbody>
--- a/projects/app/src/components/support/user/team/TeamManageModal/components/PermissionManage/AddManager.tsx
+++ b/projects/app/src/components/support/user/team/TeamManageModal/components/PermissionManage/AddManager.tsx
@@ -154,7 +154,7 @@ function AddManagerModal({ onClose, onSuccess }: { onClose: () => void; onSucces
      </ModalBody>
      <ModalFooter alignItems="flex-end">
        <Button h={'30px'} isLoading={isLoading} onClick={submit}>
-          {t('common.Confirm')}
+          {t('common:common.Confirm')}
        </Button>
      </ModalFooter>
    </MyModal>
--- a/projects/app/src/components/support/user/team/TeamManageModal/components/PermissionManage/index.tsx
+++ b/projects/app/src/components/support/user/team/TeamManageModal/components/PermissionManage/index.tsx
@@ -49,7 +49,7 @@ function PermissionManage() {
      >
        <Flex>
          <Box fontSize={['sm', 'md']} fontWeight={'bold'} alignItems={'center'}>
-            {t('user.team.role.Admin')}
+            {t('common:user.team.role.Admin')}
          </Box>
          <Box
            fontSize={['xs']}
--- a/projects/app/src/components/support/user/team/TeamManageModal/context.tsx
+++ b/projects/app/src/components/support/user/team/TeamManageModal/context.tsx
@@ -102,7 +102,7 @@ export const TeamModalContextProvider = ({ children }: { children: ReactNode })
      await putSwitchTeam(teamId);
      return initUserInfo();
    },
-    errorToast: t('user.team.Switch Team Failed')
+    errorToast: t('common:user.team.Switch Team Failed')
  });

  const isLoading = isLoadingTeams || isSwitchingTeam || loadingMembers || isUpdatingPer;
--- a/projects/app/src/components/support/user/team/TeamMenu/index.tsx
+++ b/projects/app/src/components/support/user/team/TeamMenu/index.tsx
@@ -38,12 +38,12 @@ const TeamMenu = () => {
        } else {
          toast({
            status: 'warning',
-            title: t('common.system.Commercial version function')
+            title: t('common:common.system.Commercial version function')
          });
        }
      }}
    >
-      <MyTooltip label={t('user.team.Select Team')}>
+      <MyTooltip label={t('common:user.team.Select Team')}>
        <Flex w={'100%'} alignItems={'center'}>
          {userInfo?.team ? (
            <>
@@ -53,7 +53,7 @@ const TeamMenu = () => {
          ) : (
            <>
              <Box w={'8px'} h={'8px'} mr={3} borderRadius={'50%'} bg={'#67c13b'} />
-              {t('user.team.Personal Team')}
+              {t('common:user.team.Personal Team')}
            </>
          )}
        </Flex>
--- a/projects/app/src/components/support/user/team/TeamTagModal/index.tsx
+++ b/projects/app/src/components/support/user/team/TeamTagModal/index.tsx
@@ -63,14 +63,14 @@ const TeamTagsAsync = ({ onClose }: { onClose: () => void }) => {
      initUserInfo();
      onClose();
    },
-    errorToast: t('common.Create Failed')
+    errorToast: t('common:common.Create Failed')
  });
  const { mutate: onclickTagAsync, isLoading: isSyncing } = useRequest({
    mutationFn: (data: FormType) => loadTeamTagsByDomain(data.teamDomain),
    onSuccess(res) {
      replaceTeamTags(res);
    },
-    successToast: t('support.user.team.Team Tags Async Success')
+    successToast: t('common:support.user.team.Team Tags Async Success')
  });

  useQuery(['getTeamsTags'], getTeamsTags, {
@@ -103,7 +103,7 @@ const TeamTagsAsync = ({ onClose }: { onClose: () => void }) => {
        <ModalBody style={{ padding: '10rpx' }}>
          <Flex mt={3} alignItems={'center'}>
            <Box mb={2} fontWeight="semibold">
-              {t('同步链接')}
+              {t('common:同步链接')}
            </Box>
            <Input
              flex={1}
@@ -118,7 +118,7 @@ const TeamTagsAsync = ({ onClose }: { onClose: () => void }) => {
          </Flex>
          <Flex mt={3} alignItems={'center'}>
            <Box mb={2} fontWeight="semibold">
-              {t('分享链接')}
+              {t('common:分享链接')}
            </Box>
            {/* code */}
            <Box ml={4} borderRadius={'md'} overflow={'hidden'}>
@@ -143,7 +143,7 @@ const TeamTagsAsync = ({ onClose }: { onClose: () => void }) => {
          </Flex>
          <Flex mt={3} alignItems={'center'}>
            <Box mb={2} fontWeight="semibold">
-              {t('标签列表')}
+              {t('common:标签列表')}
            </Box>
            <HStack
              ml={4}
@@ -187,10 +187,10 @@ const TeamTagsAsync = ({ onClose }: { onClose: () => void }) => {
        </ModalBody>
        <ModalFooter mb={2}>
          <Button variant={'whiteBase'} mr={3} onClick={onClose}>
-            {t('common.Close')}
+            {t('common:common.Close')}
          </Button>
          <Button isLoading={isUpdating} onClick={handleSubmit((data) => onclickUpdate(data))}>
-            {t('user.team.Tags Async')}
+            {t('common:user.team.Tags Async')}
          </Button>
        </ModalFooter>
      </MyModal>
--- a/projects/app/src/components/support/user/team/UpdateInviteModal/index.tsx
+++ b/projects/app/src/components/support/user/team/UpdateInviteModal/index.tsx
@@ -35,7 +35,7 @@ const UpdateInviteModal = () => {
    onSuccess() {
      toast({
        status: 'success',
-        title: t('user.team.invite.Accepted')
+        title: t('common:user.team.invite.Accepted')
      });
      refetch();
    }
@@ -45,7 +45,7 @@ const UpdateInviteModal = () => {
    onSuccess() {
      toast({
        status: 'success',
-        title: t('user.team.invite.Reject')
+        title: t('common:user.team.invite.Reject')
      });
      refetch();
    }
@@ -57,7 +57,7 @@ const UpdateInviteModal = () => {
      iconSrc="/imgs/modal/team.svg"
      title={
        <Box>
-          <Box>{t('user.team.Processing invitations')}</Box>
+          <Box>{t('common:user.team.Processing invitations')}</Box>
          <Box fontWeight={'normal'} fontSize={'sm'} color={'myGray.500'}>
            {t('user.team.Processing invitations Tips', { amount: inviteList?.length })}
          </Box>
@@ -94,11 +94,11 @@ const UpdateInviteModal = () => {
                      status: TeamMemberStatusEnum.active
                    }),
                  undefined,
-                  t('user.team.invite.Accept Confirm')
+                  t('common:user.team.invite.Accept Confirm')
                )();
              }}
            >
-              {t('user.team.invite.accept')}
+              {t('common:user.team.invite.accept')}
            </Button>
            <Button
              size="sm"
@@ -114,17 +114,17 @@ const UpdateInviteModal = () => {
                      status: TeamMemberStatusEnum.reject
                    }),
                  undefined,
-                  t('user.team.invite.Reject Confirm')
+                  t('common:user.team.invite.Reject Confirm')
                )();
              }}
            >
-              {t('user.team.invite.reject')}
+              {t('common:user.team.invite.reject')}
            </Button>
          </Flex>
        ))}
      </ModalBody>
      <ModalFooter justifyContent={'center'}>
-        <Box>{t('user.team.invite.Deal Width Footer Tip')}</Box>
+        <Box>{t('common:user.team.invite.Deal Width Footer Tip')}</Box>
      </ModalFooter>

      <ConfirmModal />
--- a/projects/app/src/components/support/wallet/NotSufficientModal/index.tsx
+++ b/projects/app/src/components/support/wallet/NotSufficientModal/index.tsx
@@ -13,11 +13,11 @@ const NotSufficientModal = () => {
  const onClose = () => setIsNotSufficientModal(false);

  return (
-    <MyModal isOpen iconSrc="common/confirm/deleteTip" title={t('common.Warning')}>
-      <ModalBody>{t('support.wallet.Not sufficient')}</ModalBody>
+    <MyModal isOpen iconSrc="common/confirm/deleteTip" title={t('common:common.Warning')}>
+      <ModalBody>{t('common:support.wallet.Not sufficient')}</ModalBody>
      <ModalFooter>
        <Button variant={'whiteBase'} mr={2} onClick={onClose}>
-          {t('common.Close')}
+          {t('common:common.Close')}
        </Button>
        <Button
          onClick={() => {
@@ -25,7 +25,7 @@ const NotSufficientModal = () => {
            onClose();
          }}
        >
-          {t('support.wallet.To read plan')}
+          {t('common:support.wallet.To read plan')}
        </Button>
      </ModalFooter>
    </MyModal>
--- a/projects/app/src/components/support/wallet/QRCodePayModal.tsx
+++ b/projects/app/src/components/support/wallet/QRCodePayModal.tsx
@@ -71,7 +71,7 @@ const QRCodePayModal = ({
  );

  return (
-    <MyModal isOpen title={t('user.Pay')} iconSrc="/imgs/modal/pay.svg">
+    <MyModal isOpen title={t('common:user.Pay')} iconSrc="/imgs/modal/pay.svg">
      <ModalBody textAlign={'center'}>
        <Box mb={3}>请微信扫码支付: {readPrice}元，请勿关闭页面</Box>
        <Box id={'payQRCode'} display={'inline-block'} h={'128px'}></Box>
--- a/projects/app/src/components/support/wallet/StandardPlanContentList.tsx
+++ b/projects/app/src/components/support/wallet/StandardPlanContentList.tsx
@@ -94,7 +94,7 @@ const StandardPlanContentList = ({
          </Box>
          <QuestionTip
            ml={1}
-            label={t('support.wallet.subscription.AI points click to read tip')}
+            label={t('common:support.wallet.subscription.AI points click to read tip')}
            onClick={() => {
              router.push(AI_POINT_USAGE_CARD_ROUTE);
            }}
--- a/projects/app/src/pages/account/components/BillTable.tsx
+++ b/projects/app/src/pages/account/components/BillTable.tsx
@@ -43,7 +43,7 @@ const BillTable = () => {
  const billTypeList = useMemo(
    () =>
      [
-        { label: t('common.All'), value: '' },
+        { label: t('common:common.All'), value: '' },
        ...Object.entries(billTypeMap).map(([key, value]) => ({
          label: t(value.label),
          value: key
@@ -120,9 +120,9 @@ const BillTable = () => {
                  w={'130px'}
                ></MySelect>
              </Th>
-              <Th>{t('user.Time')}</Th>
-              <Th>{t('support.wallet.Amount')}</Th>
-              <Th>{t('support.wallet.bill.Status')}</Th>
+              <Th>{t('common:user.Time')}</Th>
+              <Th>{t('common:support.wallet.Amount')}</Th>
+              <Th>{t('common:support.wallet.bill.Status')}</Th>
              <Th></Th>
            </Tr>
          </Thead>
@@ -139,11 +139,11 @@ const BillTable = () => {
                <Td>
                  {item.status === 'NOTPAY' && (
                    <Button mr={4} onClick={() => handleRefreshPayOrder(item._id)} size={'sm'}>
-                      {t('common.Update')}
+                      {t('common:common.Update')}
                    </Button>
                  )}
                  <Button variant={'whiteBase'} size={'sm'} onClick={() => setBillDetail(item)}>
-                    {t('common.Detail')}
+                    {t('common:common.Detail')}
                  </Button>
                </Td>
              </Tr>
@@ -164,7 +164,7 @@ const BillTable = () => {
          >
            <MyIcon name="empty" w={'48px'} h={'48px'} color={'transparent'} />
            <Box mt={2} color={'myGray.500'}>
-              {t('support.wallet.noBill')}
+              {t('common:support.wallet.noBill')}
            </Box>
          </Flex>
        )}
@@ -187,40 +187,40 @@ function BillDetailModal({ bill, onClose }: { bill: BillSchemaType; onClose: ()
      isOpen={true}
      onClose={onClose}
      iconSrc="/imgs/modal/bill.svg"
-      title={t('support.wallet.usage.Usage Detail')}
+      title={t('common:support.wallet.usage.Usage Detail')}
      maxW={['90vw', '700px']}
    >
      <ModalBody>
        <Flex alignItems={'center'} pb={4}>
-          <FormLabel flex={'0 0 120px'}>{t('support.wallet.bill.Number')}:</FormLabel>
+          <FormLabel flex={'0 0 120px'}>{t('common:support.wallet.bill.Number')}:</FormLabel>
          <Box>{bill.orderId}</Box>
        </Flex>
        <Flex alignItems={'center'} pb={4}>
-          <FormLabel flex={'0 0 120px'}>{t('support.wallet.usage.Time')}:</FormLabel>
+          <FormLabel flex={'0 0 120px'}>{t('common:support.wallet.usage.Time')}:</FormLabel>
          <Box>{dayjs(bill.createTime).format('YYYY/MM/DD HH:mm:ss')}</Box>
        </Flex>
        <Flex alignItems={'center'} pb={4}>
-          <FormLabel flex={'0 0 120px'}>{t('support.wallet.bill.Status')}:</FormLabel>
+          <FormLabel flex={'0 0 120px'}>{t('common:support.wallet.bill.Status')}:</FormLabel>
          <Box>{t(billStatusMap[bill.status]?.label)}</Box>
        </Flex>
        {!!bill.metadata?.payWay && (
          <Flex alignItems={'center'} pb={4}>
-            <FormLabel flex={'0 0 120px'}>{t('support.wallet.bill.payWay.Way')}:</FormLabel>
+            <FormLabel flex={'0 0 120px'}>{t('common:support.wallet.bill.payWay.Way')}:</FormLabel>
            <Box>{t(billPayWayMap[bill.metadata.payWay]?.label)}</Box>
          </Flex>
        )}
        <Flex alignItems={'center'} pb={4}>
-          <FormLabel flex={'0 0 120px'}>{t('support.wallet.Amount')}:</FormLabel>
+          <FormLabel flex={'0 0 120px'}>{t('common:support.wallet.Amount')}:</FormLabel>
          <Box>{formatStorePrice2Read(bill.price)}元</Box>
        </Flex>
        <Flex alignItems={'center'} pb={4}>
-          <FormLabel flex={'0 0 120px'}>{t('support.wallet.bill.Type')}:</FormLabel>
+          <FormLabel flex={'0 0 120px'}>{t('common:support.wallet.bill.Type')}:</FormLabel>
          <Box>{t(billTypeMap[bill.type]?.label)}</Box>
        </Flex>
        {!!bill.metadata?.subMode && (
          <Flex alignItems={'center'} pb={4}>
            <FormLabel flex={'0 0 120px'}>
-              {t('support.wallet.subscription.mode.Period')}:
+              {t('common:support.wallet.subscription.mode.Period')}:
            </FormLabel>
            <Box>{t(subModeMap[bill.metadata.subMode]?.label)}</Box>
          </Flex>
@@ -228,7 +228,7 @@ function BillDetailModal({ bill, onClose }: { bill: BillSchemaType; onClose: ()
        {!!bill.metadata?.standSubLevel && (
          <Flex alignItems={'center'} pb={4}>
            <FormLabel flex={'0 0 120px'}>
-              {t('support.wallet.subscription.Stand plan level')}:
+              {t('common:support.wallet.subscription.Stand plan level')}:
            </FormLabel>
            <Box>{t(standardSubLevelMap[bill.metadata.standSubLevel]?.label)}</Box>
          </Flex>
@@ -236,7 +236,7 @@ function BillDetailModal({ bill, onClose }: { bill: BillSchemaType; onClose: ()
        {bill.metadata?.month !== undefined && (
          <Flex alignItems={'center'} pb={4}>
            <FormLabel flex={'0 0 120px'}>
-              {t('support.wallet.subscription.Month amount')}:
+              {t('common:support.wallet.subscription.Month amount')}:
            </FormLabel>
            <Box>{bill.metadata?.month}</Box>
          </Flex>
@@ -244,7 +244,7 @@ function BillDetailModal({ bill, onClose }: { bill: BillSchemaType; onClose: ()
        {bill.metadata?.datasetSize !== undefined && (
          <Flex alignItems={'center'} pb={4}>
            <FormLabel flex={'0 0 120px'}>
-              {t('support.wallet.subscription.Extra dataset size')}:
+              {t('common:support.wallet.subscription.Extra dataset size')}:
            </FormLabel>
            <Box>{bill.metadata?.datasetSize}</Box>
          </Flex>
@@ -252,7 +252,7 @@ function BillDetailModal({ bill, onClose }: { bill: BillSchemaType; onClose: ()
        {bill.metadata?.extraPoints !== undefined && (
          <Flex alignItems={'center'} pb={4}>
            <FormLabel flex={'0 0 120px'}>
-              {t('support.wallet.subscription.Extra ai points')}:
+              {t('common:support.wallet.subscription.Extra ai points')}:
            </FormLabel>
            <Box>{bill.metadata.extraPoints}</Box>
          </Flex>
--- a/projects/app/src/pages/account/components/Individuation.tsx
+++ b/projects/app/src/pages/account/components/Individuation.tsx
@@ -29,7 +29,7 @@ const Individuation = () => {
      });
      reset(data);
      toast({
-        title: t('dataset.data.Update Success Tip'),
+        title: t('common:dataset.data.Update Success Tip'),
        status: 'success'
      });
    },
@@ -40,12 +40,12 @@ const Individuation = () => {
    <Box py={[3, '28px']} px={['5vw', '64px']}>
      <Flex alignItems={'center'} fontSize={'lg'} h={'30px'}>
        <MyIcon mr={2} name={'support/user/individuation'} w={'20px'} />
-        {t('support.account.Individuation')}
+        {t('common:support.account.Individuation')}
      </Flex>

      <Card mt={6} px={[3, 10]} py={[3, 7]} fontSize={'sm'}>
        <Flex alignItems={'center'} w={['85%', '350px']}>
-          <Box flex={'0 0 80px'}>{t('user.Language')}:&nbsp;</Box>
+          <Box flex={'0 0 80px'}>{t('common:user.Language')}:&nbsp;</Box>
          <Box flex={'1 0 0'}>
            <MySelect
              value={i18n.language}
@@ -68,7 +68,7 @@ const Individuation = () => {
          </Box>
        </Flex>
        <Flex mt={6} alignItems={'center'} w={['85%', '350px']}>
-          <Box flex={'0 0 80px'}>{t('user.Timezone')}:&nbsp;</Box>
+          <Box flex={'0 0 80px'}>{t('common:user.Timezone')}:&nbsp;</Box>
          <TimezoneSelect
            value={userInfo?.timezone}
            onChange={(e) => {
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Archer	36f8755d09	lock (#2063 ) * lock * perf: init data * perf: vision model url * fix: chat index	2024-07-17 00:16:57 +08:00
jingyang	fc96bb99cc	feat: optimize i18n implementation for better localization (#2062 ) * feat: optimize i18n implementation for better localization * delete i18n-ally-custom-framework.yml * update common key	2024-07-16 17:56:27 +08:00
papapatrick	1e4ffc2481	docs: 完善本地开发教程 (#2061 )	2024-07-16 17:38:11 +08:00
Archer	ee7496467b	4.8.7 test (#2058 ) * fix: query extension id;App page change type invalid * prettier	2024-07-16 16:55:12 +08:00