From 982325d0663b9dd89b6b5302aeb157ef2e874f0c Mon Sep 17 00:00:00 2001
From: jingyang <72259332+zjy365@users.noreply.github.com>
Date: Wed, 17 Jul 2024 15:27:51 +0800
Subject: [PATCH] fix i18next.d.ts (#2064)

* fix i18next.d.ts

* feat: packages web i18n

* delete file
---
 .../common/DateRangePicker/index.tsx          |  4 +-
 .../web/components/common/EmptyTip/index.tsx  |  2 +-
 .../common/MyModal/EditFolderModal.tsx        | 10 ++---
 .../common/MyPopover/PopoverConfirm.tsx       |  4 +-
 .../common/MySelect/MultipleRowSelect.tsx     |  6 ++-
 .../web/components/common/Radio/LeftRadio.tsx |  6 +--
 .../components/common/Tabs/LightRowTabs.tsx   |  2 +-
 .../common/Textarea/CodeEditor/index.tsx      |  4 +-
 .../common/Textarea/JsonEditor/index.tsx      |  2 +-
 .../common/Textarea/PromptEditor/index.tsx    |  2 +-
 .../core/workflow/NodeInputSelect.tsx         | 32 +++++++--------
 packages/web/core/workflow/constants.ts       |  8 ++--
 packages/web/hooks/useBeforeunload.ts         |  2 +-
 packages/web/hooks/useConfirm.tsx             | 10 ++---
 packages/web/hooks/useEditTextarea.tsx        |  4 +-
 packages/web/hooks/useRequest.tsx             |  4 +-
 packages/web/hooks/useScrollPagination.tsx    |  2 +-
 packages/web/i18n/en/common.json              |  9 +++-
 packages/web/i18n/zh/common.json              |  9 +++-
 packages/web/types/i18next.d.ts               | 38 +++++++++++++++++
 .../src/components/common/MyRadio/index.tsx   |  4 +-
 .../src/components/core/app/VariableEdit.tsx  |  4 +-
 .../core/chat/ChatContainer/ChatBox/index.tsx |  4 +-
 .../components/renderPluginInput.tsx          |  4 +-
 .../chat/components/WholeResponseModal.tsx    |  4 +-
 .../src/components/core/dataset/QuoteItem.tsx |  8 ++--
 .../core/dataset/SearchParamsTip.tsx          |  2 +-
 .../src/components/support/apikey/Table.tsx   |  2 +-
 .../support/permission/IconText/index.tsx     |  2 +-
 .../MemberManager/PermissionSelect.tsx        |  2 +-
 .../components/MemberTable.tsx                |  2 +-
 .../support/user/team/TeamTagModal/index.tsx  |  6 +--
 .../pages/account/components/BillTable.tsx    | 16 ++++----
 .../app/src/pages/account/components/Info.tsx |  2 +-
 .../pages/account/components/UsageDetail.tsx  |  6 +--
 .../pages/account/components/UsageTable.tsx   |  6 +--
 .../components/standardDetailModal.tsx        |  5 ++-
 .../app/detail/components/Logs/index.tsx      |  2 +-
 .../Publish/FeiShu/FeiShuEditModal.tsx        | 12 +++---
 .../components/Publish/FeiShu/index.tsx       |  2 +-
 .../detail/components/Publish/Link/index.tsx  |  2 +-
 .../SimpleApp/components/ToolSelectModal.tsx  | 10 ++---
 .../app/detail/components/TagsEditModal.tsx   |  2 +-
 .../Flow/NodeTemplatesModal.tsx               | 12 +++---
 .../Flow/hooks/useDebug.tsx                   |  6 +--
 .../Flow/nodes/NodeDatasetConcat.tsx          |  2 +-
 .../Flow/nodes/NodeIfElse/ListItem.tsx        |  2 +-
 .../nodes/NodePluginIO/InputEditModal.tsx     |  2 +-
 .../Flow/nodes/NodePluginIO/PluginInput.tsx   |  4 +-
 .../Flow/nodes/NodePluginIO/PluginOutput.tsx  |  2 +-
 .../Flow/nodes/NodeVariableUpdate.tsx         |  2 +-
 .../Flow/nodes/render/NodeCard.tsx            |  4 +-
 .../render/RenderInput/FieldEditModal.tsx     |  2 +-
 .../Flow/nodes/render/RenderInput/Label.tsx   |  4 +-
 .../templates/DynamicInputs/index.tsx         |  4 +-
 .../RenderInput/templates/Reference.tsx       |  6 +--
 .../render/RenderInput/templates/Textarea.tsx |  4 +-
 .../render/RenderOutput/FieldEditModal.tsx    |  2 +-
 .../Flow/nodes/render/RenderOutput/Label.tsx  |  4 +-
 .../Flow/nodes/render/RenderOutput/index.tsx  |  2 +-
 .../pages/app/list/components/CreateModal.tsx |  4 +-
 .../list/components/HttpPluginEditModal.tsx   |  2 +-
 .../components/CollectionCard/Header.tsx      |  2 +-
 .../components/CollectionCard/index.tsx       |  6 +--
 .../dataset/detail/components/DataCard.tsx    |  4 +-
 .../Import/commonProgress/DataProcess.tsx     |  4 +-
 .../detail/components/InputDataModal.tsx      |  4 +-
 .../pages/dataset/detail/components/Test.tsx  |  6 +--
 .../app/src/pages/dataset/detail/index.tsx    |  2 +-
 .../login/components/LoginForm/WechatForm.tsx |  2 +-
 .../pages/login/components/RegisterForm.tsx   |  2 +-
 .../src/pages/price/components/Standard.tsx   |  4 +-
 projects/app/src/types/i18next.d.ts           | 41 -------------------
 .../app/src/web/common/hooks/useRequest.tsx   |  2 +-
 projects/app/src/web/common/utils/i18n.ts     |  2 +-
 75 files changed, 216 insertions(+), 204 deletions(-)
 create mode 100644 packages/web/types/i18next.d.ts
 delete mode 100644 projects/app/src/types/i18next.d.ts

diff --git a/packages/web/components/common/DateRangePicker/index.tsx b/packages/web/components/common/DateRangePicker/index.tsx
index 4fc096c8631..30fe8c989e5 100644
--- a/packages/web/components/common/DateRangePicker/index.tsx
+++ b/packages/web/components/common/DateRangePicker/index.tsx
@@ -103,7 +103,7 @@ const DateRangePicker = ({
                   mr={2}
                   onClick={() => setShowSelected(false)}
                 >
-                  {t('common.Close')}
+                  {t('common:common.Close')}
                 </Button>
                 <Button
                   size={'sm'}
@@ -112,7 +112,7 @@ const DateRangePicker = ({
                     setShowSelected(false);
                   }}
                 >
-                  {t('common.Confirm')}
+                  {t('common:common.Confirm')}
                 </Button>
               </Flex>
             }
diff --git a/packages/web/components/common/EmptyTip/index.tsx b/packages/web/components/common/EmptyTip/index.tsx
index fd78c844048..80b06955826 100644
--- a/packages/web/components/common/EmptyTip/index.tsx
+++ b/packages/web/components/common/EmptyTip/index.tsx
@@ -13,7 +13,7 @@ const EmptyTip = ({ text, ...props }: Props) => {
     <Flex mt={5} flexDirection={'column'} alignItems={'center'} py={'10vh'} {...props}>
       <MyIcon name="empty" w={'48px'} h={'48px'} color={'transparent'} />
       <Box mt={2} color={'myGray.500'} fontSize={'sm'}>
-        {text || t('common.empty.Common Tip')}
+        {text || t('common:common.empty.Common Tip')}
       </Box>
     </Flex>
   );
diff --git a/packages/web/components/common/MyModal/EditFolderModal.tsx b/packages/web/components/common/MyModal/EditFolderModal.tsx
index c368761284e..bc8dfdda913 100644
--- a/packages/web/components/common/MyModal/EditFolderModal.tsx
+++ b/packages/web/components/common/MyModal/EditFolderModal.tsx
@@ -41,10 +41,10 @@ const EditFolderModal = ({
     () =>
       isEdit
         ? {
-            title: t('dataset.Edit Folder')
+            title: t('common:dataset.Edit Folder')
           }
         : {
-            title: t('dataset.Create Folder')
+            title: t('common:dataset.Create Folder')
           },
     [isEdit, t]
   );
@@ -67,7 +67,7 @@ const EditFolderModal = ({
     <MyModal isOpen onClose={onClose} iconSrc="common/folderFill" title={typeMap.title}>
       <ModalBody>
         <Box>
-          <FormLabel mb={1}>{t('common.Input name')}</FormLabel>
+          <FormLabel mb={1}>{t('common:common.Input name')}</FormLabel>
           <Input
             {...register('name', { required: true })}
             bg={'myGray.50'}
@@ -76,13 +76,13 @@ const EditFolderModal = ({
           />
         </Box>
         <Box mt={4}>
-          <FormLabel mb={1}>{t('common.Input folder description')}</FormLabel>
+          <FormLabel mb={1}>{t('common:common.Input folder description')}</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>
     </MyModal>
diff --git a/packages/web/components/common/MyPopover/PopoverConfirm.tsx b/packages/web/components/common/MyPopover/PopoverConfirm.tsx
index 827560d357e..622661e839b 100644
--- a/packages/web/components/common/MyPopover/PopoverConfirm.tsx
+++ b/packages/web/components/common/MyPopover/PopoverConfirm.tsx
@@ -82,11 +82,11 @@ const PopoverConfirm = ({
         <HStack mt={1} justifyContent={'flex-end'}>
           {showCancel && (
             <Button variant={'whiteBase'} size="sm" onClick={onClose}>
-              {t('common.Cancel')}
+              {t('common:common.Cancel')}
             </Button>
           )}
           <Button isLoading={loading} variant={map.variant} size="sm" onClick={onclickConfirm}>
-            {t('common.Confirm')}
+            {t('common:common.Confirm')}
           </Button>
         </HStack>
       </PopoverContent>
diff --git a/packages/web/components/common/MySelect/MultipleRowSelect.tsx b/packages/web/components/common/MySelect/MultipleRowSelect.tsx
index 94f8c206c71..474558e9d06 100644
--- a/packages/web/components/common/MySelect/MultipleRowSelect.tsx
+++ b/packages/web/components/common/MySelect/MultipleRowSelect.tsx
@@ -80,7 +80,11 @@ const MultipleRowSelect = ({
               </Flex>
             ))}
             {list.length === 0 && (
-              <EmptyTip text={emptyTip ?? t('common.MultipleRowSelect.No data')} pt={1} pb={3} />
+              <EmptyTip
+                text={emptyTip ?? t('common:common.MultipleRowSelect.No data')}
+                pt={1}
+                pb={3}
+              />
             )}
           </Box>
           {children.length > 0 && <RenderList list={children} index={index + 1} />}
diff --git a/packages/web/components/common/Radio/LeftRadio.tsx b/packages/web/components/common/Radio/LeftRadio.tsx
index 991a450e7dc..d3ee543d1e4 100644
--- a/packages/web/components/common/Radio/LeftRadio.tsx
+++ b/packages/web/components/common/Radio/LeftRadio.tsx
@@ -96,13 +96,13 @@ const LeftRadio = ({
                 whiteSpace={'nowrap'}
                 fontSize={'sm'}
               >
-                {typeof item.title === 'string' ? t(item.title) : item.title}
+                {typeof item.title === 'string' ? t(item.title as any) : item.title}
               </Box>
-              {!!item.tooltip && <QuestionTip label={item.tooltip} ml={1} color={'myGray.600'} />}
             </Flex>
+            {!!item.tooltip && <QuestionTip label={item.tooltip} ml={1} color={'myGray.600'} />}
             {!!item.desc && (
               <Box fontSize={'xs'} color={'myGray.500'} lineHeight={1.2}>
-                {t(item.desc)}
+                {t(item.desc as any)}
               </Box>
             )}
             {item?.children}
diff --git a/packages/web/components/common/Tabs/LightRowTabs.tsx b/packages/web/components/common/Tabs/LightRowTabs.tsx
index 093487b9926..110dc128e7a 100644
--- a/packages/web/components/common/Tabs/LightRowTabs.tsx
+++ b/packages/web/components/common/Tabs/LightRowTabs.tsx
@@ -88,7 +88,7 @@ const LightRowTabs = <ValueType = string,>({
               )}
             </>
           )}
-          {typeof item.label === 'string' ? t(item.label) : item.label}
+          {typeof item.label === 'string' ? t(item.label as any) : item.label}
         </Flex>
       ))}
     </Grid>
diff --git a/packages/web/components/common/Textarea/CodeEditor/index.tsx b/packages/web/components/common/Textarea/CodeEditor/index.tsx
index f9491f686d9..283579800f0 100644
--- a/packages/web/components/common/Textarea/CodeEditor/index.tsx
+++ b/packages/web/components/common/Textarea/CodeEditor/index.tsx
@@ -17,7 +17,7 @@ const CodeEditor = (props: Props) => {
         isOpen={isOpen}
         onClose={onClose}
         iconSrc="modal/edit"
-        title={t('Code editor')}
+        title={t('common:Code editor')}
         w={'full'}
       >
         <ModalBody>
@@ -25,7 +25,7 @@ const CodeEditor = (props: Props) => {
         </ModalBody>
         <ModalFooter>
           <Button mr={2} onClick={onClose} px={6}>
-            {t('common.Confirm')}
+            {t('common:common.Confirm')}
           </Button>
         </ModalFooter>
       </MyModal>
diff --git a/packages/web/components/common/Textarea/JsonEditor/index.tsx b/packages/web/components/common/Textarea/JsonEditor/index.tsx
index ada82e4e485..ad72fc9ff61 100644
--- a/packages/web/components/common/Textarea/JsonEditor/index.tsx
+++ b/packages/web/components/common/Textarea/JsonEditor/index.tsx
@@ -178,7 +178,7 @@ const JSONEditor = ({
     } catch (error) {
       toast({
         status: 'warning',
-        title: t('common.jsonEditor.Parse error')
+        title: t('common:common.jsonEditor.Parse error')
       });
     }
   }, [value]);
diff --git a/packages/web/components/common/Textarea/PromptEditor/index.tsx b/packages/web/components/common/Textarea/PromptEditor/index.tsx
index cd98d37690c..c0ba8b766fe 100644
--- a/packages/web/components/common/Textarea/PromptEditor/index.tsx
+++ b/packages/web/components/common/Textarea/PromptEditor/index.tsx
@@ -79,7 +79,7 @@ const PromptEditor = ({
         </ModalBody>
         <ModalFooter>
           <Button mr={2} onClick={onClose} px={6}>
-            {t('common.Confirm')}
+            {t('common:common.Confirm')}
           </Button>
         </ModalFooter>
       </MyModal>
diff --git a/packages/web/components/core/workflow/NodeInputSelect.tsx b/packages/web/components/core/workflow/NodeInputSelect.tsx
index 249e375bd44..bf8a7624d7d 100644
--- a/packages/web/components/core/workflow/NodeInputSelect.tsx
+++ b/packages/web/components/core/workflow/NodeInputSelect.tsx
@@ -20,7 +20,7 @@ const NodeInputSelect = ({
 }) => {
   const { t } = useTranslation();
   const { openConfirm, ConfirmModal } = useConfirm({
-    title: t('core.workflow.Change input type tip')
+    title: t('common:core.workflow.Change input type tip')
   });
   const renderType = renderTypeList[renderTypeIndex];
   const theme = useTheme();
@@ -29,90 +29,90 @@ const NodeInputSelect = ({
     {
       type: FlowNodeInputTypeEnum.reference,
       icon: FlowNodeInputMap[FlowNodeInputTypeEnum.reference].icon,
-      title: t('core.workflow.inputType.Reference')
+      title: t('common:core.workflow.inputType.Reference')
     },
     {
       type: FlowNodeInputTypeEnum.input,
       icon: FlowNodeInputMap[FlowNodeInputTypeEnum.input].icon,
-      title: t('core.workflow.inputType.Manual input')
+      title: t('common:core.workflow.inputType.Manual input')
     },
     {
       type: FlowNodeInputTypeEnum.numberInput,
       icon: FlowNodeInputMap[FlowNodeInputTypeEnum.numberInput].icon,
 
-      title: t('core.workflow.inputType.Manual input')
+      title: t('common:core.workflow.inputType.Manual input')
     },
     {
       type: FlowNodeInputTypeEnum.switch,
       icon: FlowNodeInputMap[FlowNodeInputTypeEnum.switch].icon,
 
-      title: t('core.workflow.inputType.Manual select')
+      title: t('common:core.workflow.inputType.Manual select')
     },
     {
       type: FlowNodeInputTypeEnum.textarea,
       icon: FlowNodeInputMap[FlowNodeInputTypeEnum.textarea].icon,
 
-      title: t('core.workflow.inputType.Manual input')
+      title: t('common:core.workflow.inputType.Manual input')
     },
     {
       type: FlowNodeInputTypeEnum.JSONEditor,
       icon: FlowNodeInputMap[FlowNodeInputTypeEnum.JSONEditor].icon,
 
-      title: t('core.workflow.inputType.Manual input')
+      title: t('common:core.workflow.inputType.Manual input')
     },
     {
       type: FlowNodeInputTypeEnum.addInputParam,
       icon: FlowNodeInputMap[FlowNodeInputTypeEnum.addInputParam].icon,
 
-      title: t('core.workflow.inputType.dynamicTargetInput')
+      title: t('common:core.workflow.inputType.dynamicTargetInput')
     },
     {
       type: FlowNodeInputTypeEnum.selectApp,
       icon: FlowNodeInputMap[FlowNodeInputTypeEnum.selectApp].icon,
 
-      title: t('core.workflow.inputType.Manual select')
+      title: t('common:core.workflow.inputType.Manual select')
     },
     {
       type: FlowNodeInputTypeEnum.selectLLMModel,
       icon: FlowNodeInputMap[FlowNodeInputTypeEnum.selectLLMModel].icon,
 
-      title: t('core.workflow.inputType.Manual select')
+      title: t('common:core.workflow.inputType.Manual select')
     },
     {
       type: FlowNodeInputTypeEnum.settingLLMModel,
       icon: FlowNodeInputMap[FlowNodeInputTypeEnum.settingLLMModel].icon,
 
-      title: t('core.workflow.inputType.Manual select')
+      title: t('common:core.workflow.inputType.Manual select')
     },
     {
       type: FlowNodeInputTypeEnum.selectDataset,
       icon: FlowNodeInputMap[FlowNodeInputTypeEnum.selectDataset].icon,
 
-      title: t('core.workflow.inputType.Manual select')
+      title: t('common:core.workflow.inputType.Manual select')
     },
     {
       type: FlowNodeInputTypeEnum.selectDatasetParamsModal,
       icon: FlowNodeInputMap[FlowNodeInputTypeEnum.selectDatasetParamsModal].icon,
 
-      title: t('core.workflow.inputType.Manual select')
+      title: t('common:core.workflow.inputType.Manual select')
     },
     {
       type: FlowNodeInputTypeEnum.settingDatasetQuotePrompt,
       icon: FlowNodeInputMap[FlowNodeInputTypeEnum.settingDatasetQuotePrompt].icon,
 
-      title: t('core.workflow.inputType.Manual input')
+      title: t('common:core.workflow.inputType.Manual input')
     },
     {
       type: FlowNodeInputTypeEnum.hidden,
       icon: FlowNodeInputMap[FlowNodeInputTypeEnum.hidden].icon,
 
-      title: t('core.workflow.inputType.Manual input')
+      title: t('common:core.workflow.inputType.Manual input')
     },
     {
       type: FlowNodeInputTypeEnum.custom,
       icon: FlowNodeInputMap[FlowNodeInputTypeEnum.custom].icon,
 
-      title: t('core.workflow.inputType.Manual input')
+      title: t('common:core.workflow.inputType.Manual input')
     }
   ]);
 
diff --git a/packages/web/core/workflow/constants.ts b/packages/web/core/workflow/constants.ts
index c775e8a14ec..bfebc1c9bfd 100644
--- a/packages/web/core/workflow/constants.ts
+++ b/packages/web/core/workflow/constants.ts
@@ -5,22 +5,22 @@ import { TFunction } from 'next-i18next';
 export const workflowNodeTemplateList = (t: TFunction): NodeTemplateListType => [
   {
     type: FlowNodeTemplateTypeEnum.systemInput,
-    label: t('core.module.template.System input module'),
+    label: t('common:core.module.template.System input module'),
     list: []
   },
   {
     type: FlowNodeTemplateTypeEnum.ai,
-    label: t('core.module.template.AI function'),
+    label: t('common:core.module.template.AI function'),
     list: []
   },
   {
     type: FlowNodeTemplateTypeEnum.tools,
-    label: t('core.module.template.Tool module'),
+    label: t('common:core.module.template.Tool module'),
     list: []
   },
   {
     type: FlowNodeTemplateTypeEnum.other,
-    label: t('common.Other'),
+    label: t('common:common.Other'),
     list: []
   },
   {
diff --git a/packages/web/hooks/useBeforeunload.ts b/packages/web/hooks/useBeforeunload.ts
index c917a304ffc..5759b40f595 100644
--- a/packages/web/hooks/useBeforeunload.ts
+++ b/packages/web/hooks/useBeforeunload.ts
@@ -4,7 +4,7 @@ import { useEffect } from 'react';
 export const useBeforeunload = (props?: { callback?: () => any; tip?: string }) => {
   const { t } = useTranslation();
 
-  const { tip = t('common.Confirm to leave the page'), callback } = props || {};
+  const { tip = t('common:common.Confirm to leave the page'), callback } = props || {};
 
   useEffect(() => {
     const listen =
diff --git a/packages/web/hooks/useConfirm.tsx b/packages/web/hooks/useConfirm.tsx
index 9b2fc44ff5d..cb7c5b57bb0 100644
--- a/packages/web/hooks/useConfirm.tsx
+++ b/packages/web/hooks/useConfirm.tsx
@@ -16,12 +16,12 @@ export const useConfirm = (props?: {
   const map = useMemo(() => {
     const map = {
       common: {
-        title: t('common.confirm.Common Tip'),
+        title: t('common:common.confirm.Common Tip'),
         variant: 'primary',
         iconSrc: 'common/confirm/commonTip'
       },
       delete: {
-        title: t('common.Delete Warning'),
+        title: t('common:common.Delete Warning'),
         variant: 'dangerFill',
         iconSrc: 'common/confirm/deleteTip'
       }
@@ -31,7 +31,7 @@ export const useConfirm = (props?: {
   }, [props?.type, t]);
 
   const {
-    title = map?.title || t('Warning'),
+    title = map?.title || t('common:Warning'),
     iconSrc = map?.iconSrc,
     content,
     showCancel = true,
@@ -58,8 +58,8 @@ export const useConfirm = (props?: {
 
   const ConfirmModal = useCallback(
     ({
-      closeText = t('common.Cancel'),
-      confirmText = t('common.Confirm'),
+      closeText = t('common:common.Cancel'),
+      confirmText = t('common:common.Confirm'),
       isLoading,
       bg,
       countDown = 0
diff --git a/packages/web/hooks/useEditTextarea.tsx b/packages/web/hooks/useEditTextarea.tsx
index 3056d9e279a..8a0c48a129a 100644
--- a/packages/web/hooks/useEditTextarea.tsx
+++ b/packages/web/hooks/useEditTextarea.tsx
@@ -85,7 +85,7 @@ export const useEditTextarea = ({
     ({
       maxLength = 30,
       iconSrc = 'modal/edit',
-      closeBtnText = t('common.Close')
+      closeBtnText = t('common:common.Close')
     }: {
       maxLength?: number;
       iconSrc?: string;
@@ -116,7 +116,7 @@ export const useEditTextarea = ({
             </Button>
           )}
           <Button onClick={onclickConfirm} px={6}>
-            {t('common.Confirm')}
+            {t('common:common.Confirm')}
           </Button>
         </ModalFooter>
       </MyModal>
diff --git a/packages/web/hooks/useRequest.tsx b/packages/web/hooks/useRequest.tsx
index ff9a9cdc258..4e2346ed162 100644
--- a/packages/web/hooks/useRequest.tsx
+++ b/packages/web/hooks/useRequest.tsx
@@ -27,7 +27,7 @@ export const useRequest = ({ successToast, errorToast, onSuccess, onError, ...pr
       onError?.(err, variables, context);
 
       if (errorToast !== undefined) {
-        const errText = t(getErrText(err, errorToast || ''));
+        const errText = t(getErrText(err, errorToast || '') as any);
         if (errText) {
           toast({
             title: errText,
@@ -64,7 +64,7 @@ export const useRequest2 = <TData, TParams extends any[]>(
       onError: (err, params) => {
         rest?.onError?.(err, params);
         if (errorToast !== undefined) {
-          const errText = t(getErrText(err, errorToast || ''));
+          const errText = t(getErrText(err, errorToast || '') as any);
           if (errText) {
             toast({
               title: errText,
diff --git a/packages/web/hooks/useScrollPagination.tsx b/packages/web/hooks/useScrollPagination.tsx
index 78eaeb75f4d..73d3e79d7ec 100644
--- a/packages/web/hooks/useScrollPagination.tsx
+++ b/packages/web/hooks/useScrollPagination.tsx
@@ -116,7 +116,7 @@ export function useScrollPagination<
             <Box ref={wrapperRef}>{children}</Box>
             {noMore.current && list.length > 0 && (
               <Box py={4} textAlign={'center'} color={'myGray.600'} fontSize={'xs'}>
-                {t('common.No more data')}
+                {t('common:common.No more data')}
               </Box>
             )}
             {list.length === 0 && !isLoading && EmptyChildren && <>{EmptyChildren}</>}
diff --git a/packages/web/i18n/en/common.json b/packages/web/i18n/en/common.json
index 4b4019a1515..3b14a9bd658 100644
--- a/packages/web/i18n/en/common.json
+++ b/packages/web/i18n/en/common.json
@@ -82,8 +82,7 @@
       "No data": "No data available"
     },
     "Name": "Name",
-    "Name Can": "Name cannot be empty",
-    "Name is empty": "Name cannot be empty",
+    "name_is_empty": "Name cannot be empty",
     "Next Step": "Next Step",
     "No more data": "No more data~",
     "Not open": "Not open",
@@ -864,6 +863,7 @@
       "http": {
         "Add props": "Add parameters",
         "AppId": "Application ID",
+        "AppSecret": "AppSecret",
         "ChatId": "Current chat ID",
         "Current time": "Current time",
         "Histories": "Last 10 chat records",
@@ -1294,6 +1294,8 @@
     "path": "Path",
     "update params": "Update parameters"
   },
+  "select_reference_variable": "Select Reference Variable",
+  "share_link": "Share Link",
   "support": {
     "account": {
       "Individuation": "Personalization"
@@ -1519,10 +1521,13 @@
       }
     }
   },
+  "sync_link": "Sync Link",
   "system": {
     "Concat us": "Concat",
     "Help Document": "Help document"
   },
+  "tag_list": "Tag List",
+  "team_tag": "Team Tag",
   "template": {
     "Quote Content Tip": "You can customize the structure of the quote content to better adapt to different scenarios. You can use some variables for template configuration:\n{{q}} - search content, {{a}} - expected content, {{source}} - source, {{sourceId}} - source file name, {{index}} - the nth quote, they are all optional, here are the default values:\n{{default}}",
     "Quote Prompt Tip": "You can use {{quote}} to insert the quote content template, and use {{question}} to insert the question. Here are the default values:\n{{default}}"
diff --git a/packages/web/i18n/zh/common.json b/packages/web/i18n/zh/common.json
index ce30c736add..c7d1e84ea26 100644
--- a/packages/web/i18n/zh/common.json
+++ b/packages/web/i18n/zh/common.json
@@ -82,8 +82,7 @@
       "No data": "没有可选值"
     },
     "Name": "名称",
-    "Name Can": "名称不能为空",
-    "Name is empty": "名称不能为空",
+    "name_is_empty": "名称不能为空",
     "Next Step": "下一步",
     "No more data": "没有更多了~",
     "Not open": "未开启",
@@ -873,6 +872,7 @@
       "http": {
         "Add props": "添加参数",
         "AppId": "应用 ID",
+        "AppSecret": "AppSecret",
         "ChatId": "当前对话 ID",
         "Current time": "当前时间",
         "Histories": "最近 10 条聊天记录",
@@ -1303,6 +1303,8 @@
     "path": "",
     "update params": "更新参数"
   },
+  "select_reference_variable": "选择引用变量",
+  "share_link": "分享链接",
   "support": {
     "account": {
       "Individuation": "个性化"
@@ -1528,10 +1530,13 @@
       }
     }
   },
+  "sync_link": "同步链接",
   "system": {
     "Concat us": "联系我们",
     "Help Document": "帮助文档"
   },
+  "tag_list": "标签列表",
+  "team_tag": "团队标签",
   "template": {
     "Quote Content Tip": "可以自定义引用内容的结构，以更好的适配不同场景。可以使用一些变量来进行模板配置：\n{{q}} - 检索内容，{{a}} - 预期内容，{{source}} - 来源，{{sourceId}} - 来源文件名，{{index}} - 第 n 个引用，他们都是可选的，下面是默认值：\n{{default}}",
     "Quote Prompt Tip": "可以用 {{quote}} 来插入引用内容模板，使用 {{question}} 来插入问题。下面是默认值：\n{{default}}"
diff --git a/packages/web/types/i18next.d.ts b/packages/web/types/i18next.d.ts
new file mode 100644
index 00000000000..a217c7f8794
--- /dev/null
+++ b/packages/web/types/i18next.d.ts
@@ -0,0 +1,38 @@
+import 'i18next';
+import common from '../i18n/zh/common.json';
+import dataset from '../i18n/zh/dataset.json';
+import app from '../i18n/zh/app.json';
+import file from '../i18n/zh/file.json';
+import publish from '../i18n/zh/publish.json';
+import workflow from '../i18n/zh/workflow.json';
+import user from '../i18n/zh/user.json';
+import chat from '../i18n/zh/chat.json';
+
+export interface I18nNamespaces {
+  common: typeof common;
+  dataset: typeof dataset;
+  app: typeof app;
+  file: typeof file;
+  publish: typeof publish;
+  workflow: typeof workflow;
+  user: typeof user;
+  chat: typeof chat;
+}
+
+export type I18nNsType = (keyof I18nNamespaces)[];
+
+export type I18nCommonKey = keyof I18nNamespaces['common'];
+export type I18nDataSetKey = keyof I18nNamespaces['dataset'];
+export type I18nAppKey = keyof I18nNamespaces['app'];
+export type I18nPublishKey = keyof I18nNamespaces['publish'];
+export type I18nWorkflowKey = keyof I18nNamespaces['workflow'];
+export type I18nUserKey = keyof I18nNamespaces['user'];
+export type I18nChatKey = keyof I18nNamespaces['chat'];
+
+declare module 'i18next' {
+  interface CustomTypeOptions {
+    returnNull: false;
+    defaultNS: ['common', 'dataset', 'app', 'file', 'publish', 'workflow', 'user', 'chat'];
+    resources: I18nNamespaces;
+  }
+}
diff --git a/projects/app/src/components/common/MyRadio/index.tsx b/projects/app/src/components/common/MyRadio/index.tsx
index 73dbc42f9d4..0100e77336b 100644
--- a/projects/app/src/components/common/MyRadio/index.tsx
+++ b/projects/app/src/components/common/MyRadio/index.tsx
@@ -83,11 +83,11 @@ const MyRadio = ({
           )}
           <Box pr={hiddenCircle ? 0 : 2} flex={'1 0 0'}>
             <Box fontSize={'sm'} color={'myGray.800'}>
-              {typeof item.title === 'string' ? t(item.title) : item.title}
+              {typeof item.title === 'string' ? t(item.title as any) : item.title}
             </Box>
             {!!item.desc && (
               <Box fontSize={'mini'} color={'myGray.500'} lineHeight={1.2}>
-                {t(item.desc)}
+                {t(item.desc as any)}
               </Box>
             )}
           </Box>
diff --git a/projects/app/src/components/core/app/VariableEdit.tsx b/projects/app/src/components/core/app/VariableEdit.tsx
index b487584b86d..384cee7c724 100644
--- a/projects/app/src/components/core/app/VariableEdit.tsx
+++ b/projects/app/src/components/core/app/VariableEdit.tsx
@@ -52,7 +52,7 @@ const VariableEdit = ({
   const VariableTypeList = useMemo(
     () =>
       Object.entries(variableMap).map(([key, value]) => ({
-        title: t(value.title),
+        title: t(value.title as any),
         icon: value.icon,
         value: key
       })),
@@ -219,7 +219,7 @@ const VariableEdit = ({
           {/* desc */}
           {variableMap[variableType]?.desc && (
             <Box mt={2} fontSize={'sm'} color={'myGray.500'} whiteSpace={'pre-wrap'}>
-              {t(variableMap[variableType].desc)}
+              {t(variableMap[variableType].desc as any)}
             </Box>
           )}
 
diff --git a/projects/app/src/components/core/chat/ChatContainer/ChatBox/index.tsx b/projects/app/src/components/core/chat/ChatContainer/ChatBox/index.tsx
index 3c46c61170d..1edaa850f6e 100644
--- a/projects/app/src/components/core/chat/ChatContainer/ChatBox/index.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/ChatBox/index.tsx
@@ -510,7 +510,7 @@ const ChatBox = (
             autoTTSResponse && splitText2Audio(responseText, true);
           } catch (err: any) {
             toast({
-              title: t(getErrText(err, 'core.chat.error.Chat error')),
+              title: t(getErrText(err, 'core.chat.error.Chat error') as any),
               status: 'error',
               duration: 5000,
               isClosable: true
@@ -814,7 +814,7 @@ const ChatBox = (
 
     return {
       status: chatContent.status || 'loading',
-      name: t(chatContent.moduleName || '') || t('common:common.Loading')
+      name: t(chatContent.moduleName || ('' as any)) || t('common:common.Loading')
     };
   }, [chatHistories, isChatting, t]);
 
diff --git a/projects/app/src/components/core/chat/ChatContainer/PluginRunBox/components/renderPluginInput.tsx b/projects/app/src/components/core/chat/ChatContainer/PluginRunBox/components/renderPluginInput.tsx
index 5a4ee46ec34..0452e362c7e 100644
--- a/projects/app/src/components/core/chat/ChatContainer/PluginRunBox/components/renderPluginInput.tsx
+++ b/projects/app/src/components/core/chat/ChatContainer/PluginRunBox/components/renderPluginInput.tsx
@@ -50,7 +50,7 @@ const RenderPluginInput = ({
           value={value}
           onChange={onChange}
           isDisabled={isDisabled}
-          placeholder={t(placeholder)}
+          placeholder={t(placeholder as any)}
           bg={'myGray.50'}
           isInvalid={isInvalid}
         />
@@ -88,7 +88,7 @@ const RenderPluginInput = ({
     return (
       <JsonEditor
         bg={'myGray.50'}
-        placeholder={t(placeholder || '')}
+        placeholder={t(placeholder || ('' as any))}
         resize
         value={value}
         onChange={onChange}
diff --git a/projects/app/src/components/core/chat/components/WholeResponseModal.tsx b/projects/app/src/components/core/chat/components/WholeResponseModal.tsx
index 2eaf924231d..dfdac7e665e 100644
--- a/projects/app/src/components/core/chat/components/WholeResponseModal.tsx
+++ b/projects/app/src/components/core/chat/components/WholeResponseModal.tsx
@@ -136,7 +136,7 @@ export const ResponseBox = React.memo(function ResponseBox({
               alt={''}
               w={['14px', '16px']}
             />
-            {t(item.moduleName)}
+            {t(item.moduleName as any)}
           </Flex>
         ),
         value: `${i}`
@@ -177,7 +177,7 @@ export const ResponseBox = React.memo(function ResponseBox({
           <>
             <Row
               label={t('common:core.chat.response.module name')}
-              value={t(activeModule.moduleName)}
+              value={t(activeModule.moduleName as any)}
             />
             {activeModule?.totalPoints !== undefined && (
               <Row
diff --git a/projects/app/src/components/core/dataset/QuoteItem.tsx b/projects/app/src/components/core/dataset/QuoteItem.tsx
index a9864ab53ba..57f589c9f12 100644
--- a/projects/app/src/components/core/dataset/QuoteItem.tsx
+++ b/projects/app/src/components/core/dataset/QuoteItem.tsx
@@ -112,7 +112,7 @@ const QuoteItem = ({
           {score?.primaryScore && (
             <>
               {canViewSource ? (
-                <MyTooltip label={t(SearchScoreTypeMap[score.primaryScore.type]?.desc)}>
+                <MyTooltip label={t(SearchScoreTypeMap[score.primaryScore.type]?.desc as any)}>
                   <Flex
                     px={'12px'}
                     py={'5px'}
@@ -132,7 +132,7 @@ const QuoteItem = ({
                       mx={2}
                     />
                     <Box>
-                      {t(SearchScoreTypeMap[score.primaryScore.type]?.label)}
+                      {t(SearchScoreTypeMap[score.primaryScore.type]?.label as any)}
                       {SearchScoreTypeMap[score.primaryScore.type]?.showScore
                         ? ` ${score.primaryScore.value.toFixed(4)}`
                         : ''}
@@ -159,7 +159,7 @@ const QuoteItem = ({
           )}
           {canViewSource &&
             score.secondaryScore.map((item, i) => (
-              <MyTooltip key={item.type} label={t(SearchScoreTypeMap[item.type]?.desc)}>
+              <MyTooltip key={item.type} label={t(SearchScoreTypeMap[item.type]?.desc as any)}>
                 <Box fontSize={'xs'}>
                   <Flex alignItems={'flex-start'} lineHeight={1.2} mb={1}>
                     <Box
@@ -172,7 +172,7 @@ const QuoteItem = ({
                       <Box transform={'scale(0.9)'}>#{item.index + 1}</Box>
                     </Box>
                     <Box transform={'scale(0.9)'}>
-                      {t(SearchScoreTypeMap[item.type]?.label)}: {item.value.toFixed(4)}
+                      {t(SearchScoreTypeMap[item.type]?.label as any)}: {item.value.toFixed(4)}
                     </Box>
                   </Flex>
                   <Box h={'4px'}>
diff --git a/projects/app/src/components/core/dataset/SearchParamsTip.tsx b/projects/app/src/components/core/dataset/SearchParamsTip.tsx
index 66522854d7a..66adb042bfc 100644
--- a/projects/app/src/components/core/dataset/SearchParamsTip.tsx
+++ b/projects/app/src/components/core/dataset/SearchParamsTip.tsx
@@ -68,7 +68,7 @@ const SearchParamsTip = ({
                   w={'12px'}
                   mr={'1px'}
                 />
-                {t(DatasetSearchModeMap[searchMode]?.title)}
+                {t(DatasetSearchModeMap[searchMode]?.title as any)}
               </Flex>
             </Td>
             <Td pt={0} pb={2}>
diff --git a/projects/app/src/components/support/apikey/Table.tsx b/projects/app/src/components/support/apikey/Table.tsx
index 6bf77a508be..e5ae6545c97 100644
--- a/projects/app/src/components/support/apikey/Table.tsx
+++ b/projects/app/src/components/support/apikey/Table.tsx
@@ -343,7 +343,7 @@ function EditKeyModal({
             placeholder={publishT('key alias') || 'key alias'}
             maxLength={20}
             {...register('name', {
-              required: t('common:common.Name is empty') || 'Name is empty'
+              required: t('common:common.name_is_empty') || 'name_is_empty'
             })}
           />
         </Flex>
diff --git a/projects/app/src/components/support/permission/IconText/index.tsx b/projects/app/src/components/support/permission/IconText/index.tsx
index f1ef89d9c38..5a71d2345d1 100644
--- a/projects/app/src/components/support/permission/IconText/index.tsx
+++ b/projects/app/src/components/support/permission/IconText/index.tsx
@@ -34,7 +34,7 @@ const PermissionIconText = ({
   return PermissionTypeMap[per] ? (
     <HStack spacing={1} fontSize={fontSize} {...props}>
       <MyIcon name={PermissionTypeMap[per]?.iconLight as any} w={w} color={iconColor} />
-      <Box lineHeight={1}>{t(PermissionTypeMap[per]?.label)}</Box>
+      <Box lineHeight={1}>{t(PermissionTypeMap[per]?.label as any)}</Box>
     </HStack>
   ) : null;
 };
diff --git a/projects/app/src/components/support/permission/MemberManager/PermissionSelect.tsx b/projects/app/src/components/support/permission/MemberManager/PermissionSelect.tsx
index 3fe95e39947..11225466e0e 100644
--- a/projects/app/src/components/support/permission/MemberManager/PermissionSelect.tsx
+++ b/projects/app/src/components/support/permission/MemberManager/PermissionSelect.tsx
@@ -189,7 +189,7 @@ function PermissionSelect({
                 <Box ml={4}>
                   <Box>{item.name}</Box>
                   <Box color={'myGray.500'} fontSize={'mini'}>
-                    {t(item.description)}
+                    {t(item.description as any)}
                   </Box>
                 </Box>
               </Flex>
diff --git a/projects/app/src/components/support/user/team/TeamManageModal/components/MemberTable.tsx b/projects/app/src/components/support/user/team/TeamManageModal/components/MemberTable.tsx
index 71d18400c1e..b5879d08cc3 100644
--- a/projects/app/src/components/support/user/team/TeamManageModal/components/MemberTable.tsx
+++ b/projects/app/src/components/support/user/team/TeamManageModal/components/MemberTable.tsx
@@ -68,7 +68,7 @@ function MemberTable() {
                   />
                 </Td>
                 <Td color={TeamMemberStatusMap[item.status].color}>
-                  {t(TeamMemberStatusMap[item.status]?.label || '')}
+                  {t(TeamMemberStatusMap[item.status]?.label || ('' as any))}
                 </Td>
                 <Td>
                   {userInfo?.team.permission.hasManagePer &&
diff --git a/projects/app/src/components/support/user/team/TeamTagModal/index.tsx b/projects/app/src/components/support/user/team/TeamTagModal/index.tsx
index 7c8c462748c..54eb7e3abf5 100644
--- a/projects/app/src/components/support/user/team/TeamTagModal/index.tsx
+++ b/projects/app/src/components/support/user/team/TeamTagModal/index.tsx
@@ -103,7 +103,7 @@ const TeamTagsAsync = ({ onClose }: { onClose: () => void }) => {
         <ModalBody style={{ padding: '10rpx' }}>
           <Flex mt={3} alignItems={'center'}>
             <Box mb={2} fontWeight="semibold">
-              {t('common:同步链接')}
+              {t('common:sync_link')}
             </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('common:分享链接')}
+              {t('common:share_link')}
             </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('common:标签列表')}
+              {t('common:tag_list')}
             </Box>
             <HStack
               ml={4}
diff --git a/projects/app/src/pages/account/components/BillTable.tsx b/projects/app/src/pages/account/components/BillTable.tsx
index 12d0cc06532..3eb9f34caa8 100644
--- a/projects/app/src/pages/account/components/BillTable.tsx
+++ b/projects/app/src/pages/account/components/BillTable.tsx
@@ -45,7 +45,7 @@ const BillTable = () => {
       [
         { label: t('common:common.All'), value: '' },
         ...Object.entries(billTypeMap).map(([key, value]) => ({
-          label: t(value.label),
+          label: t(value.label as any),
           value: key
         }))
       ] as {
@@ -130,12 +130,12 @@ const BillTable = () => {
             {bills.map((item, i) => (
               <Tr key={item._id}>
                 <Td>{i + 1}</Td>
-                <Td>{t(billTypeMap[item.type]?.label)}</Td>
+                <Td>{t(billTypeMap[item.type]?.label as any)}</Td>
                 <Td>
                   {item.createTime ? dayjs(item.createTime).format('YYYY/MM/DD HH:mm:ss') : '-'}
                 </Td>
                 <Td>{formatStorePrice2Read(item.price)}元</Td>
-                <Td>{t(billStatusMap[item.status]?.label)}</Td>
+                <Td>{t(billStatusMap[item.status]?.label as any)}</Td>
                 <Td>
                   {item.status === 'NOTPAY' && (
                     <Button mr={4} onClick={() => handleRefreshPayOrder(item._id)} size={'sm'}>
@@ -201,12 +201,12 @@ function BillDetailModal({ bill, onClose }: { bill: BillSchemaType; onClose: ()
         </Flex>
         <Flex alignItems={'center'} pb={4}>
           <FormLabel flex={'0 0 120px'}>{t('common:support.wallet.bill.Status')}:</FormLabel>
-          <Box>{t(billStatusMap[bill.status]?.label)}</Box>
+          <Box>{t(billStatusMap[bill.status]?.label as any)}</Box>
         </Flex>
         {!!bill.metadata?.payWay && (
           <Flex alignItems={'center'} pb={4}>
             <FormLabel flex={'0 0 120px'}>{t('common:support.wallet.bill.payWay.Way')}:</FormLabel>
-            <Box>{t(billPayWayMap[bill.metadata.payWay]?.label)}</Box>
+            <Box>{t(billPayWayMap[bill.metadata.payWay]?.label as any)}</Box>
           </Flex>
         )}
         <Flex alignItems={'center'} pb={4}>
@@ -215,14 +215,14 @@ function BillDetailModal({ bill, onClose }: { bill: BillSchemaType; onClose: ()
         </Flex>
         <Flex alignItems={'center'} pb={4}>
           <FormLabel flex={'0 0 120px'}>{t('common:support.wallet.bill.Type')}:</FormLabel>
-          <Box>{t(billTypeMap[bill.type]?.label)}</Box>
+          <Box>{t(billTypeMap[bill.type]?.label as any)}</Box>
         </Flex>
         {!!bill.metadata?.subMode && (
           <Flex alignItems={'center'} pb={4}>
             <FormLabel flex={'0 0 120px'}>
               {t('common:support.wallet.subscription.mode.Period')}:
             </FormLabel>
-            <Box>{t(subModeMap[bill.metadata.subMode]?.label)}</Box>
+            <Box>{t(subModeMap[bill.metadata.subMode]?.label as any)}</Box>
           </Flex>
         )}
         {!!bill.metadata?.standSubLevel && (
@@ -230,7 +230,7 @@ function BillDetailModal({ bill, onClose }: { bill: BillSchemaType; onClose: ()
             <FormLabel flex={'0 0 120px'}>
               {t('common:support.wallet.subscription.Stand plan level')}:
             </FormLabel>
-            <Box>{t(standardSubLevelMap[bill.metadata.standSubLevel]?.label)}</Box>
+            <Box>{t(standardSubLevelMap[bill.metadata.standSubLevel]?.label as any)}</Box>
           </Flex>
         )}
         {bill.metadata?.month !== undefined && (
diff --git a/projects/app/src/pages/account/components/Info.tsx b/projects/app/src/pages/account/components/Info.tsx
index ad9e51c5948..db78f0576db 100644
--- a/projects/app/src/pages/account/components/Info.tsx
+++ b/projects/app/src/pages/account/components/Info.tsx
@@ -404,7 +404,7 @@ const PlanUsage = () => {
               {t('common:support.wallet.subscription.Current plan')}
             </Box>
             <Box fontWeight={'bold'} fontSize="lg">
-              {t(planName)}
+              {t(planName as any)}
             </Box>
 
             {isFreeTeam ? (
diff --git a/projects/app/src/pages/account/components/UsageDetail.tsx b/projects/app/src/pages/account/components/UsageDetail.tsx
index b7fff1da836..379d0d95915 100644
--- a/projects/app/src/pages/account/components/UsageDetail.tsx
+++ b/projects/app/src/pages/account/components/UsageDetail.tsx
@@ -77,11 +77,11 @@ const UsageDetail = ({ usage, onClose }: { usage: UsageItemType; onClose: () =>
         </Flex>
         <Flex alignItems={'center'} pb={4}>
           <FormLabel flex={'0 0 80px'}>{t('common:support.wallet.usage.App name')}:</FormLabel>
-          <Box>{t(usage.appName) || '-'}</Box>
+          <Box>{t(usage.appName as any) || '-'}</Box>
         </Flex>
         <Flex alignItems={'center'} pb={4}>
           <FormLabel flex={'0 0 80px'}>{t('common:support.wallet.usage.Source')}:</FormLabel>
-          <Box>{t(UsageSourceMap[usage.source]?.label)}</Box>
+          <Box>{t(UsageSourceMap[usage.source]?.label as any)}</Box>
         </Flex>
         <Flex alignItems={'center'} pb={4}>
           <FormLabel flex={'0 0 80px'}>{t('common:support.wallet.usage.Total points')}:</FormLabel>
@@ -106,7 +106,7 @@ const UsageDetail = ({ usage, onClose }: { usage: UsageItemType; onClose: () =>
               <Tbody>
                 {filterBillList.map((item, i) => (
                   <Tr key={i}>
-                    <Td>{t(item.moduleName)}</Td>
+                    <Td>{t(item.moduleName as any)}</Td>
                     {hasModel && <Td>{item.model ?? '-'}</Td>}
                     {hasToken && <Td>{item.tokens ?? '-'}</Td>}
                     {hasCharsLen && <Td>{item.charsLength ?? '-'}</Td>}
diff --git a/projects/app/src/pages/account/components/UsageTable.tsx b/projects/app/src/pages/account/components/UsageTable.tsx
index 737bd8c931e..39850c845b6 100644
--- a/projects/app/src/pages/account/components/UsageTable.tsx
+++ b/projects/app/src/pages/account/components/UsageTable.tsx
@@ -51,7 +51,7 @@ const UsageTable = () => {
       [
         { label: t('common:common.All'), value: '' },
         ...Object.entries(UsageSourceMap).map(([key, value]) => ({
-          label: t(value.label),
+          label: t(value.label as any),
           value: key
         }))
       ] as {
@@ -169,8 +169,8 @@ const UsageTable = () => {
               <Tr key={item.id}>
                 {/* <Td>{item.memberName}</Td> */}
                 <Td>{dayjs(item.time).format('YYYY/MM/DD HH:mm:ss')}</Td>
-                <Td>{t(UsageSourceMap[item.source]?.label) || '-'}</Td>
-                <Td>{t(item.appName) || '-'}</Td>
+                <Td>{t(UsageSourceMap[item.source]?.label as any) || '-'}</Td>
+                <Td>{t(item.appName as any) || '-'}</Td>
                 <Td>{formatNumber(item.totalPoints) || 0}</Td>
                 <Td>
                   <Button size={'sm'} variant={'whitePrimary'} onClick={() => setUsageDetail(item)}>
diff --git a/projects/app/src/pages/account/components/standardDetailModal.tsx b/projects/app/src/pages/account/components/standardDetailModal.tsx
index 46dd3c375cc..b445997699d 100644
--- a/projects/app/src/pages/account/components/standardDetailModal.tsx
+++ b/projects/app/src/pages/account/components/standardDetailModal.tsx
@@ -73,8 +73,9 @@ const StandDetailModal = ({ onClose }: { onClose: () => void }) => {
                           w={'20px'}
                           color={'myGray.800'}
                         />
-                        {t(subTypeMap[type]?.label)}
-                        {currentSubLevel && `(${t(standardSubLevelMap[currentSubLevel]?.label)})`}
+                        {t(subTypeMap[type]?.label as any)}
+                        {currentSubLevel &&
+                          `(${t(standardSubLevelMap[currentSubLevel]?.label as any)})`}
                       </Td>
                       <Td>{datasetSize ? `${datasetSize}组` : '-'}</Td>
                       <Td>
diff --git a/projects/app/src/pages/app/detail/components/Logs/index.tsx b/projects/app/src/pages/app/detail/components/Logs/index.tsx
index 71d8d562399..3419fa44ca0 100644
--- a/projects/app/src/pages/app/detail/components/Logs/index.tsx
+++ b/projects/app/src/pages/app/detail/components/Logs/index.tsx
@@ -126,7 +126,7 @@ const Logs = () => {
                   onClick={() => setDetailLogsId(item.id)}
                 >
                   <Td>
-                    <Box>{t(ChatSourceMap[item.source]?.name || 'UnKnow')}</Box>
+                    <Box>{t(ChatSourceMap[item.source]?.name || ('UnKnow' as any))}</Box>
                     <Box color={'myGray.500'}>{dayjs(item.time).format('YYYY/MM/DD HH:mm')}</Box>
                   </Td>
                   <Td className="textEllipsis" maxW={'250px'}>
diff --git a/projects/app/src/pages/app/detail/components/Publish/FeiShu/FeiShuEditModal.tsx b/projects/app/src/pages/app/detail/components/Publish/FeiShu/FeiShuEditModal.tsx
index 38cc66263ca..7ffcab1527e 100644
--- a/projects/app/src/pages/app/detail/components/Publish/FeiShu/FeiShuEditModal.tsx
+++ b/projects/app/src/pages/app/detail/components/Publish/FeiShu/FeiShuEditModal.tsx
@@ -69,7 +69,7 @@ const FeiShuEditModal = ({
             placeholder={publishT('Feishu name') || 'Link Name'} // TODO: i18n
             maxLength={20}
             {...register('name', {
-              required: t('common:common.Name is empty') || 'Name is empty'
+              required: t('common:common.name_is_empty') || 'name_is_empty'
             })}
           />
         </Flex>
@@ -150,7 +150,7 @@ const FeiShuEditModal = ({
         <Flex alignItems={'center'} mt={4}>
           <Box flex={'0 0 90px'}>{t('common:core.module.http.AppId')}</Box>
           <Input
-            placeholder={t('common:core.module.http.appId') || 'Link Name'}
+            placeholder={t('common:core.module.http.AppId') || 'Link Name'}
             // maxLength={20}
             {...register('app.appId', {
               required: true
@@ -158,12 +158,12 @@ const FeiShuEditModal = ({
           />
         </Flex>
         <Flex alignItems={'center'} mt={4}>
-          <Box flex={'0 0 90px'}>{t('common:core.module.http.AppSecret')}</Box>
+          <Box flex={'0 0 90px'}>{t('common:core.module.http.AppSecret' as any)}</Box>
           <Input
             placeholder={'App Secret'}
             // maxLength={20}
             {...register('app.appSecret', {
-              required: t('common:common.Name is empty') || 'Name is empty'
+              required: t('common:common.name_is_empty') || 'name_is_empty'
             })}
           />
         </Flex>
@@ -173,7 +173,7 @@ const FeiShuEditModal = ({
             placeholder="Encrypt Key"
             // maxLength={20}
             {...register('app.encryptKey', {
-              required: t('common:common.Name is empty') || 'Name is empty'
+              required: t('common:common.name_is_empty') || 'name_is_empty'
             })}
           />
         </Flex>
@@ -183,7 +183,7 @@ const FeiShuEditModal = ({
             placeholder="Verification Token"
             // maxLength={20}
             {...register('app.verificationToken', {
-              required: t('common:common.Name is empty') || 'Name is empty'
+              required: t('common:common.name_is_empty') || 'name_is_empty'
             })}
           />
         </Flex>
diff --git a/projects/app/src/pages/app/detail/components/Publish/FeiShu/index.tsx b/projects/app/src/pages/app/detail/components/Publish/FeiShu/index.tsx
index 29eac563262..39c64e980a2 100644
--- a/projects/app/src/pages/app/detail/components/Publish/FeiShu/index.tsx
+++ b/projects/app/src/pages/app/detail/components/Publish/FeiShu/index.tsx
@@ -108,7 +108,7 @@ const FeiShu = ({ appId }: { appId: string }) => {
                 )}
                 <Td>
                   {item.lastTime
-                    ? t(formatTimeToChatTime(item.lastTime))
+                    ? t(formatTimeToChatTime(item.lastTime) as any)
                     : t('common:common.Un used')}
                 </Td>
                 <Td display={'flex'} alignItems={'center'}>
diff --git a/projects/app/src/pages/app/detail/components/Publish/Link/index.tsx b/projects/app/src/pages/app/detail/components/Publish/Link/index.tsx
index 4de4c139fc1..9ad6abe5e39 100644
--- a/projects/app/src/pages/app/detail/components/Publish/Link/index.tsx
+++ b/projects/app/src/pages/app/detail/components/Publish/Link/index.tsx
@@ -308,7 +308,7 @@ function EditLinkModal({
             placeholder={publishT('Link Name')}
             maxLength={20}
             {...register('name', {
-              required: t('common:common.Name is empty') || 'Name is empty'
+              required: t('common:common.name_is_empty') || 'name_is_empty'
             })}
           />
         </Flex>
diff --git a/projects/app/src/pages/app/detail/components/SimpleApp/components/ToolSelectModal.tsx b/projects/app/src/pages/app/detail/components/SimpleApp/components/ToolSelectModal.tsx
index a9b59a2b659..c7f8f4d8cbe 100644
--- a/projects/app/src/pages/app/detail/components/SimpleApp/components/ToolSelectModal.tsx
+++ b/projects/app/src/pages/app/detail/components/SimpleApp/components/ToolSelectModal.tsx
@@ -214,10 +214,10 @@ const RenderList = React.memo(function RenderList({
               borderRadius={'0'}
             />
             <Box ml={5} flex={'1 0 0'}>
-              <Box color={'black'}>{t(item.name)}</Box>
+              <Box color={'black'}>{t(item.name as any)}</Box>
               {item.intro && (
                 <Box className="textEllipsis3" color={'myGray.500'} fontSize={'xs'}>
-                  {t(item.intro)}
+                  {t(item.intro as any)}
                 </Box>
               )}
             </Box>
@@ -264,7 +264,7 @@ const RenderList = React.memo(function RenderList({
                 return (
                   <Box key={input.key} _notLast={{ mb: 4 }} px={1}>
                     <Flex position={'relative'} mb={1} alignItems={'center'}>
-                      {t(input.debugLabel || input.label)}
+                      {t(input.debugLabel || (input.label as any))}
                       {input.description && <QuestionTip label={input.description} ml={1} />}
                     </Flex>
                     {(() => {
@@ -274,7 +274,7 @@ const RenderList = React.memo(function RenderList({
                             {...register(input.key, {
                               required
                             })}
-                            placeholder={t(input.placeholder || '')}
+                            placeholder={t(input.placeholder || ('' as any))}
                             bg={'myGray.50'}
                           />
                         );
@@ -308,7 +308,7 @@ const RenderList = React.memo(function RenderList({
                       return (
                         <JsonEditor
                           bg={'myGray.50'}
-                          placeholder={t(input.placeholder || '')}
+                          placeholder={t(input.placeholder || ('' as any))}
                           resize
                           value={getValues(input.key)}
                           onChange={(e) => {
diff --git a/projects/app/src/pages/app/detail/components/TagsEditModal.tsx b/projects/app/src/pages/app/detail/components/TagsEditModal.tsx
index 1371c81581e..20a32286474 100644
--- a/projects/app/src/pages/app/detail/components/TagsEditModal.tsx
+++ b/projects/app/src/pages/app/detail/components/TagsEditModal.tsx
@@ -64,7 +64,7 @@ const TagsEditModal = ({ onClose }: { onClose: () => void }) => {
     >
       <ModalBody>
         <Box mb={3} fontWeight="semibold">
-          {t('common:团队标签')}
+          {t('common:team_tag')}
         </Box>
         <Menu closeOnSelect={false}>
           <MenuButton className="menu-btn" maxHeight={'250'} w={'100%'}>
diff --git a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/NodeTemplatesModal.tsx b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/NodeTemplatesModal.tsx
index a28160c69d4..028467ef684 100644
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/NodeTemplatesModal.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/NodeTemplatesModal.tsx
@@ -333,11 +333,11 @@ const RenderList = React.memo(function RenderList({
         template: {
           ...templateNode,
           name: computedNewNodeName({
-            templateName: t(templateNode.name),
+            templateName: t(templateNode.name as any),
             flowNodeType: templateNode.flowNodeType,
             pluginId: templateNode.pluginId
           }),
-          intro: t(templateNode.intro || '')
+          intro: t(templateNode.intro || ('' as any))
         },
         position: { x: mouseX, y: mouseY - 20 },
         selected: true
@@ -374,7 +374,7 @@ const RenderList = React.memo(function RenderList({
               {item.label && (
                 <Flex>
                   <Box fontSize={'sm'} fontWeight={'bold'} flex={1}>
-                    {t(item.label)}
+                    {t(item.label as any)}
                   </Box>
                 </Flex>
               )}
@@ -394,11 +394,11 @@ const RenderList = React.memo(function RenderList({
                             borderRadius={'0'}
                           />
                           <Box fontWeight={'bold'} ml={3}>
-                            {t(template.name)}
+                            {t(template.name as any)}
                           </Box>
                         </Flex>
                         <Box mt={2} color={'myGray.500'}>
-                          {t(template.intro) || t('common:core.workflow.Not intro')}
+                          {t(template.intro as any) || t('common:core.workflow.Not intro')}
                         </Box>
                       </Box>
                     }
@@ -441,7 +441,7 @@ const RenderList = React.memo(function RenderList({
                         borderRadius={'0'}
                       />
                       <Box color={'black'} fontSize={'sm'} ml={5} flex={'1 0 0'}>
-                        {t(template.name)}
+                        {t(template.name as any)}
                       </Box>
                     </Flex>
                   </MyTooltip>
diff --git a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/hooks/useDebug.tsx b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/hooks/useDebug.tsx
index 7ed68e0d592..3a44999f3a6 100644
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/hooks/useDebug.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/hooks/useDebug.tsx
@@ -193,7 +193,7 @@ export const useDebug = () => {
                     {...register(input.key, {
                       required
                     })}
-                    placeholder={t(input.placeholder || '')}
+                    placeholder={t(input.placeholder || ('' as any))}
                     bg={'myGray.50'}
                   />
                 );
@@ -232,7 +232,7 @@ export const useDebug = () => {
               return (
                 <JsonEditor
                   bg={'myGray.50'}
-                  placeholder={t(input.placeholder || '')}
+                  placeholder={t(input.placeholder || ('' as any))}
                   resize
                   value={value}
                   onChange={(e) => {
@@ -251,7 +251,7 @@ export const useDebug = () => {
                         *
                       </Box>
                     )}
-                    {t(input.debugLabel || input.label)}
+                    {t(input.debugLabel || (input.label as any))}
                   </Box>
                   {input.description && <QuestionTip ml={2} label={input.description} />}
                 </Flex>
diff --git a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodeDatasetConcat.tsx b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodeDatasetConcat.tsx
index baf398c9a31..c0ca1668cde 100644
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodeDatasetConcat.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodeDatasetConcat.tsx
@@ -203,7 +203,7 @@ function Reference({
         />
       </Flex>
       <ReferSelector
-        placeholder={t(inputChildren.referencePlaceholder || '选择知识库引用')}
+        placeholder={t((inputChildren.referencePlaceholder as any) || '选择知识库引用')}
         list={referenceList}
         value={formatValue}
         onSelect={onSelect}
diff --git a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodeIfElse/ListItem.tsx b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodeIfElse/ListItem.tsx
index 030b2a17f8b..ab450cf2793 100644
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodeIfElse/ListItem.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodeIfElse/ListItem.tsx
@@ -321,7 +321,7 @@ const Reference = ({
 
   return (
     <ReferSelector
-      placeholder={t('common:选择引用变量')}
+      placeholder={t('common:select_reference_variable')}
       list={referenceList}
       value={formatValue}
       onSelect={onSelect}
diff --git a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodePluginIO/InputEditModal.tsx b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodePluginIO/InputEditModal.tsx
index 14c5a23742a..6ec6c19c48b 100644
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodePluginIO/InputEditModal.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodePluginIO/InputEditModal.tsx
@@ -163,7 +163,7 @@ const FieldEditModal = ({
   }, [inputType]);
 
   const valueTypeSelectList = Object.values(FlowValueTypeMap).map((item) => ({
-    label: t(item.label),
+    label: t(item.label as any),
     value: item.value
   }));
   const defaultValueType =
diff --git a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodePluginIO/PluginInput.tsx b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodePluginIO/PluginInput.tsx
index 1b54425e664..7697c8e7152 100644
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodePluginIO/PluginInput.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodePluginIO/PluginInput.tsx
@@ -116,8 +116,8 @@ const NodePluginInput = ({ data, selected }: NodeProps<FlowNodeItemType>) => {
               const inputType = input.renderTypeList[0];
               return {
                 icon: FlowNodeInputMap[inputType]?.icon as string,
-                label: t(input.label),
-                type: input.valueType ? t(FlowValueTypeMap[input.valueType]?.label) : '-',
+                label: t(input.label as any),
+                type: input.valueType ? t(FlowValueTypeMap[input.valueType]?.label as any) : '-',
                 isTool: !!input.toolDescription,
                 key: input.key
               };
diff --git a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodePluginIO/PluginOutput.tsx b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodePluginIO/PluginOutput.tsx
index 9d4e02a5003..c51d33dcdb7 100644
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodePluginIO/PluginOutput.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodePluginIO/PluginOutput.tsx
@@ -200,7 +200,7 @@ function Reference({
         />
       </Flex>
       <ReferSelector
-        placeholder={t(input.referencePlaceholder || '选择引用变量')}
+        placeholder={t((input.referencePlaceholder as any) || 'select_reference_variable')}
         list={referenceList}
         value={formatValue}
         onSelect={onSelect}
diff --git a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodeVariableUpdate.tsx b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodeVariableUpdate.tsx
index 3b9335aa162..acd26c9369b 100644
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodeVariableUpdate.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/NodeVariableUpdate.tsx
@@ -302,7 +302,7 @@ const Reference = ({
 
   return (
     <ReferSelector
-      placeholder={t('common:选择引用变量')}
+      placeholder={t('common:select_reference_variable')}
       list={referenceList}
       value={formatValue}
       onSelect={onSelect}
diff --git a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/NodeCard.tsx b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/NodeCard.tsx
index 20ff851e6c2..dc6f0332e9a 100644
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/NodeCard.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/NodeCard.tsx
@@ -139,7 +139,7 @@ const NodeCard = (props: Props) => {
           <Flex alignItems={'center'}>
             <Avatar src={avatar} borderRadius={'0'} objectFit={'contain'} w={'30px'} h={'30px'} />
             <Box ml={3} fontSize={'md'} fontWeight={'medium'}>
-              {t(name)}
+              {t(name as any)}
             </Box>
             {!menuForbid?.rename && (
               <MyIcon
@@ -443,7 +443,7 @@ const NodeIntro = React.memo(function NodeIntro({
       <>
         <Flex alignItems={'flex-end'} py={1}>
           <Box fontSize={'xs'} color={'myGray.600'} flex={'1 0 0'}>
-            {t(intro)}
+            {t(intro as any)}
           </Box>
           {NodeIsTool && (
             <Button
diff --git a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/FieldEditModal.tsx b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/FieldEditModal.tsx
index 1d3f0ca1b49..c36cee65f3e 100644
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/FieldEditModal.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/FieldEditModal.tsx
@@ -62,7 +62,7 @@ const FieldModal = ({
     if (!customInputConfig.selectValueTypeList) return [];
 
     const dataTypeSelectList = Object.values(FlowValueTypeMap).map((item) => ({
-      label: t(item.label),
+      label: t(item.label as any),
       value: item.value
     }));
 
diff --git a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/Label.tsx b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/Label.tsx
index 0af39b01a42..0bc671800f8 100644
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/Label.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/Label.tsx
@@ -52,8 +52,8 @@ const InputLabel = ({ nodeId, input }: Props) => {
           fontWeight={'medium'}
           color={'myGray.600'}
         >
-          <FormLabel required={required}>{t(label)}</FormLabel>
-          {description && <QuestionTip ml={1} label={t(description)}></QuestionTip>}
+          <FormLabel required={required}>{t(label as any)}</FormLabel>
+          {description && <QuestionTip ml={1} label={t(description as any)}></QuestionTip>}
         </Flex>
         {/* value type */}
         {renderType === FlowNodeInputTypeEnum.reference && <ValueTypeLabel valueType={valueType} />}
diff --git a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/templates/DynamicInputs/index.tsx b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/templates/DynamicInputs/index.tsx
index ed61185fdc8..cde5456310f 100644
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/templates/DynamicInputs/index.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/templates/DynamicInputs/index.tsx
@@ -59,7 +59,7 @@ const DynamicInputs = (props: RenderInputProps) => {
         <HStack className="nodrag" cursor={'default'} position={'relative'}>
           <HStack spacing={1} position={'relative'} fontWeight={'medium'} color={'myGray.600'}>
             <Box>{item.label || workflowT('Custom input')}</Box>
-            {item.description && <QuestionTip label={t(item.description)} />}
+            {item.description && <QuestionTip label={t(item.description as any)} />}
           </HStack>
           <Box flex={'1 0 0'} />
           <Button
@@ -208,7 +208,7 @@ function Reference({
         />
       </Flex>
       <ReferSelector
-        placeholder={t(inputChildren.referencePlaceholder || '选择引用变量')}
+        placeholder={t((inputChildren.referencePlaceholder as any) || 'select_reference_variable')}
         list={referenceList}
         value={formatValue}
         onSelect={onSelect}
diff --git a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/templates/Reference.tsx b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/templates/Reference.tsx
index 9238464af4e..af5a17a5b45 100644
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/templates/Reference.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/templates/Reference.tsx
@@ -79,7 +79,7 @@ const Reference = ({ item, nodeId }: RenderInputProps) => {
 
   return (
     <ReferSelector
-      placeholder={t(item.referencePlaceholder || '选择引用变量')}
+      placeholder={t((item.referencePlaceholder as any) || 'select_reference_variable')}
       list={referenceList}
       value={formatValue}
       onSelect={onSelect}
@@ -121,7 +121,7 @@ export const useReference = ({
           label: (
             <Flex alignItems={'center'}>
               <Avatar mr={1} src={node.avatar} w={'14px'} borderRadius={'ms'} />
-              <Box>{t(node.name)}</Box>
+              <Box>{t(node.name as any)}</Box>
             </Flex>
           ),
           value: node.nodeId,
@@ -135,7 +135,7 @@ export const useReference = ({
             .filter((output) => output.id !== NodeOutputKeyEnum.addOutputParam)
             .map((output) => {
               return {
-                label: t(output.label || ''),
+                label: t((output.label as any) || ''),
                 value: output.id
               };
             })
diff --git a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/templates/Textarea.tsx b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/templates/Textarea.tsx
index 3fbf93102a7..f643124e5a1 100644
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/templates/Textarea.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderInput/templates/Textarea.tsx
@@ -54,10 +54,10 @@ const TextareaRender = ({ inputs = [], item, nodeId }: RenderInputProps) => {
     return (
       <PromptEditor
         variables={variables}
-        title={t(item.label)}
+        title={t(item.label as any)}
         maxLength={item.maxLength}
         h={150}
-        placeholder={t(item.placeholder || '')}
+        placeholder={t((item.placeholder as any) || '')}
         value={item.value}
         onChange={onChange}
         isFlow={true}
diff --git a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderOutput/FieldEditModal.tsx b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderOutput/FieldEditModal.tsx
index b722ea9831f..4273df85dbb 100644
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderOutput/FieldEditModal.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderOutput/FieldEditModal.tsx
@@ -65,7 +65,7 @@ const FieldModal = ({
     const dataTypeSelectList = Object.values(FlowValueTypeMap)
       .slice(0, -1)
       .map((item) => ({
-        label: t(item.label),
+        label: t(item.label as any),
         value: item.value
       }));
 
diff --git a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderOutput/Label.tsx b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderOutput/Label.tsx
index 3044d9eb7d2..d1aa0301346 100644
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderOutput/Label.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderOutput/Label.tsx
@@ -33,9 +33,9 @@ const OutputLabel = ({ nodeId, output }: { nodeId: string; output: FlowNodeOutpu
             mr={1}
             ml={output.type === FlowNodeOutputTypeEnum.source ? 1 : 0}
           >
-            {t(label)}
+            {t(label as any)}
           </Box>
-          {description && <QuestionTip label={t(description)} />}
+          {description && <QuestionTip label={t(description as any)} />}
           <ValueTypeLabel valueType={valueType} />
         </Flex>
         {output.type === FlowNodeOutputTypeEnum.source && (
diff --git a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderOutput/index.tsx b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderOutput/index.tsx
index 62e036e6cd1..239a976a476 100644
--- a/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderOutput/index.tsx
+++ b/projects/app/src/pages/app/detail/components/WorkflowComponents/Flow/nodes/render/RenderOutput/index.tsx
@@ -97,7 +97,7 @@ const RenderOutput = ({
         <VariableTable
           variables={filterAddOutput.map((output) => ({
             label: output.label || '-',
-            type: output.valueType ? t(FlowValueTypeMap[output.valueType]?.label) : '-',
+            type: output.valueType ? t(FlowValueTypeMap[output.valueType]?.label as any) : '-',
             key: output.key
           }))}
           onEdit={(key) => {
diff --git a/projects/app/src/pages/app/list/components/CreateModal.tsx b/projects/app/src/pages/app/list/components/CreateModal.tsx
index b08bee93c8c..28842f51b6c 100644
--- a/projects/app/src/pages/app/list/components/CreateModal.tsx
+++ b/projects/app/src/pages/app/list/components/CreateModal.tsx
@@ -197,11 +197,11 @@ const CreateModal = ({ onClose, type }: { type: CreateAppType; onClose: () => vo
               <Flex alignItems={'center'}>
                 <Avatar src={item.avatar} borderRadius={'md'} w={'20px'} />
                 <Box ml={3} color={'myGray.900'}>
-                  {t(item.name)}
+                  {t(item.name as any)}
                 </Box>
               </Flex>
               <Box fontSize={'xs'} mt={2} color={'myGray.600'}>
-                {t(item.intro)}
+                {t(item.intro as any)}
               </Box>
             </Card>
           ))}
diff --git a/projects/app/src/pages/app/list/components/HttpPluginEditModal.tsx b/projects/app/src/pages/app/list/components/HttpPluginEditModal.tsx
index 61b4cffda5a..87b3a4e12ae 100644
--- a/projects/app/src/pages/app/list/components/HttpPluginEditModal.tsx
+++ b/projects/app/src/pages/app/list/components/HttpPluginEditModal.tsx
@@ -227,7 +227,7 @@ const HttpPluginEditModal = ({
                 ml={4}
                 bg={'myWhite.600'}
                 {...register('name', {
-                  required: t("common.Name Can't Be Empty")
+                  required: t('common:common.name_is_empty')
                 })}
               />
             </Flex>
diff --git a/projects/app/src/pages/dataset/detail/components/CollectionCard/Header.tsx b/projects/app/src/pages/dataset/detail/components/CollectionCard/Header.tsx
index 4eb985a842e..bfaab5a2893 100644
--- a/projects/app/src/pages/dataset/detail/components/CollectionCard/Header.tsx
+++ b/projects/app/src/pages/dataset/detail/components/CollectionCard/Header.tsx
@@ -121,7 +121,7 @@ const Header = ({}: {}) => {
           FirstPathDom={
             <>
               <Box fontWeight={'bold'} fontSize={['sm', 'md']}>
-                {t(DatasetTypeMap[datasetDetail?.type]?.collectionLabel)}({total})
+                {t(DatasetTypeMap[datasetDetail?.type]?.collectionLabel as any)}({total})
               </Box>
               {datasetDetail?.websiteConfig?.url && (
                 <Flex fontSize={'sm'}>
diff --git a/projects/app/src/pages/dataset/detail/components/CollectionCard/index.tsx b/projects/app/src/pages/dataset/detail/components/CollectionCard/index.tsx
index 7d4885717d4..41e9d6eec7d 100644
--- a/projects/app/src/pages/dataset/detail/components/CollectionCard/index.tsx
+++ b/projects/app/src/pages/dataset/detail/components/CollectionCard/index.tsx
@@ -137,7 +137,7 @@ const CollectionCard = () => {
       getData(pageNum);
       toast({
         status: 'success',
-        title: t(DatasetCollectionSyncResultMap[res]?.label)
+        title: t(DatasetCollectionSyncResultMap[res]?.label as any)
       });
     },
     errorToast: t('common:core.dataset.error.Start Sync Failed')
@@ -247,7 +247,7 @@ const CollectionCard = () => {
                   </Td>
                   <Td py={2}>
                     {!checkCollectionIsFolder(collection.type) ? (
-                      <>{t(getTrainingTypeLabel(collection.trainingType) || '-')}</>
+                      <>{t((getTrainingTypeLabel(collection.trainingType) || '-') as any)}</>
                     ) : (
                       '-'
                     )}
@@ -259,7 +259,7 @@ const CollectionCard = () => {
                   </Td>
                   <Td py={2}>
                     <MyTag showDot colorSchema={collection.colorSchema as any} type={'borderFill'}>
-                      {t(collection.statusText)}
+                      {t(collection.statusText as any)}
                     </MyTag>
                   </Td>
                   <Td py={2} onClick={(e) => e.stopPropagation()}>
diff --git a/projects/app/src/pages/dataset/detail/components/DataCard.tsx b/projects/app/src/pages/dataset/detail/components/DataCard.tsx
index 157105a92ab..28e202f9eca 100644
--- a/projects/app/src/pages/dataset/detail/components/DataCard.tsx
+++ b/projects/app/src/pages/dataset/detail/components/DataCard.tsx
@@ -142,7 +142,7 @@ const DataCard = () => {
     return [
       {
         label: t('common:core.dataset.collection.metadata.source'),
-        value: t(DatasetCollectionTypeMap[collection.type]?.name)
+        value: t(DatasetCollectionTypeMap[collection.type]?.name as any)
       },
       {
         label: t('common:core.dataset.collection.metadata.source name'),
@@ -166,7 +166,7 @@ const DataCard = () => {
       },
       {
         label: t('common:core.dataset.collection.metadata.Training Type'),
-        value: t(TrainingTypeMap[collection.trainingType]?.label)
+        value: t(TrainingTypeMap[collection.trainingType]?.label as any)
       },
       {
         label: t('common:core.dataset.collection.metadata.Chunk Size'),
diff --git a/projects/app/src/pages/dataset/detail/components/Import/commonProgress/DataProcess.tsx b/projects/app/src/pages/dataset/detail/components/Import/commonProgress/DataProcess.tsx
index dc0bc6edfcd..ff675ddd7b1 100644
--- a/projects/app/src/pages/dataset/detail/components/Import/commonProgress/DataProcess.tsx
+++ b/projects/app/src/pages/dataset/detail/components/Import/commonProgress/DataProcess.tsx
@@ -85,9 +85,9 @@ function DataProcess({ showPreviewChunks = true }: { showPreviewChunks: boolean
           <FormLabel flex={'0 0 100px'}>{t('common:core.dataset.import.Training mode')}</FormLabel>
           <LeftRadio
             list={trainingModeList.map(([key, value]) => ({
-              title: t(value.label),
+              title: t(value.label as any),
               value: key,
-              tooltip: t(value.tooltip)
+              tooltip: t(value.tooltip as any)
             }))}
             px={3}
             py={2}
diff --git a/projects/app/src/pages/dataset/detail/components/InputDataModal.tsx b/projects/app/src/pages/dataset/detail/components/InputDataModal.tsx
index 0108dc78cd6..ced3c489aa7 100644
--- a/projects/app/src/pages/dataset/detail/components/InputDataModal.tsx
+++ b/projects/app/src/pages/dataset/detail/components/InputDataModal.tsx
@@ -81,7 +81,7 @@ const InputDataModal = ({
       icon: 'common/overviewLight'
     },
     {
-      label: t('dataset.data.edit.Index', { amount: indexes.length }),
+      label: t('common:dataset.data.edit.Index', { amount: indexes.length }),
       value: TabEnum.index,
       icon: 'kbTest'
     },
@@ -126,7 +126,7 @@ const InputDataModal = ({
       onError(err) {
         toast({
           status: 'error',
-          title: t(getErrText(err))
+          title: t(getErrText(err) as any)
         });
         onClose();
       }
diff --git a/projects/app/src/pages/dataset/detail/components/Test.tsx b/projects/app/src/pages/dataset/detail/components/Test.tsx
index 95e50121f00..ab9a3683bf3 100644
--- a/projects/app/src/pages/dataset/detail/components/Test.tsx
+++ b/projects/app/src/pages/dataset/detail/components/Test.tsx
@@ -196,7 +196,7 @@ const Test = ({ datasetId }: { datasetId: string }) => {
               size={'sm'}
               onClick={onOpenSelectMode}
             >
-              {t(searchModeData.title)}
+              {t(searchModeData.title as any)}
             </Button>
           </Flex>
 
@@ -371,7 +371,7 @@ const TestHistories = React.memo(function TestHistories({
                     w={'12px'}
                     mr={'1px'}
                   />
-                  {t(DatasetSearchModeMap[item.searchMode].title)}
+                  {t(DatasetSearchModeMap[item.searchMode].title as any)}
                 </Flex>
               ) : (
                 '-'
@@ -382,7 +382,7 @@ const TestHistories = React.memo(function TestHistories({
             </Box>
             <Box flex={'0 0 70px'}>
               {formatTimeToChatTime(item.time).includes('.')
-                ? t(formatTimeToChatTime(item.time))
+                ? t(formatTimeToChatTime(item.time) as any)
                 : formatTimeToChatTime(item.time)}
             </Box>
             <MyTooltip label={t('common:core.dataset.test.delete test history')}>
diff --git a/projects/app/src/pages/dataset/detail/index.tsx b/projects/app/src/pages/dataset/detail/index.tsx
index 1adbef8dad1..f7ef23ed66f 100644
--- a/projects/app/src/pages/dataset/detail/index.tsx
+++ b/projects/app/src/pages/dataset/detail/index.tsx
@@ -45,7 +45,7 @@ const Detail = ({ datasetId, currentTab }: Props) => {
     onError(err: any) {
       router.replace(`/dataset/list`);
       toast({
-        title: t(getErrText(err, t('common:common.Load Failed'))),
+        title: t(getErrText(err, t('common:common.Load Failed')) as any),
         status: 'error'
       });
     }
diff --git a/projects/app/src/pages/login/components/LoginForm/WechatForm.tsx b/projects/app/src/pages/login/components/LoginForm/WechatForm.tsx
index df1650b8431..6b79c2b27cb 100644
--- a/projects/app/src/pages/login/components/LoginForm/WechatForm.tsx
+++ b/projects/app/src/pages/login/components/LoginForm/WechatForm.tsx
@@ -41,7 +41,7 @@ const WechatForm = ({ setPageType, loginSuccess }: Props) => {
     <FormLayout setPageType={setPageType} pageType={LoginPageTypeEnum.wechat}>
       <Box>
         <Box w={'full'} textAlign={'center'} pt={5}>
-          {t('common:support.user.login.Wx qr login')}
+          {t('common:support.user.login.wx_qr_login')}
         </Box>
         <Box p={5} display={'flex'} w={'full'} justifyContent={'center'}>
           {wechatInfo?.codeUrl ? (
diff --git a/projects/app/src/pages/login/components/RegisterForm.tsx b/projects/app/src/pages/login/components/RegisterForm.tsx
index 759c3eb933d..d9c3edcfccd 100644
--- a/projects/app/src/pages/login/components/RegisterForm.tsx
+++ b/projects/app/src/pages/login/components/RegisterForm.tsx
@@ -71,7 +71,7 @@ const RegisterForm = ({ setPageType, loginSuccess }: Props) => {
           defaultAppTemplates.forEach((template) => {
             postCreateApp({
               avatar: template.avatar,
-              name: t(template.name),
+              name: t(template.name as any),
               modules: template.modules,
               edges: template.edges,
               type: template.type
diff --git a/projects/app/src/pages/price/components/Standard.tsx b/projects/app/src/pages/price/components/Standard.tsx
index 1dd9e294ab6..7035bb62792 100644
--- a/projects/app/src/pages/price/components/Standard.tsx
+++ b/projects/app/src/pages/price/components/Standard.tsx
@@ -157,13 +157,13 @@ const Standard = ({
                   })}
             >
               <Box fontSize={'md'} fontWeight={'500'}>
-                {t(item.label)}
+                {t(item.label as any)}
               </Box>
               <Box fontSize={['32px', '42px']} fontWeight={'bold'}>
                 ￥{item.price}
               </Box>
               <Box color={'myGray.500'} h={'40px'} fontSize={'xs'}>
-                {t(item.desc, { title: feConfigs?.systemTitle })}
+                {t(item.desc as any, { title: feConfigs?.systemTitle })}
               </Box>
               {(() => {
                 if (
diff --git a/projects/app/src/types/i18next.d.ts b/projects/app/src/types/i18next.d.ts
deleted file mode 100644
index 1160020d145..00000000000
--- a/projects/app/src/types/i18next.d.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import 'i18next';
-import common from '@fastgpt/web/i18n/zh/common.json';
-import dataset from '@fastgpt/web/i18n/zh/dataset.json';
-import app from '@fastgpt/web/i18n/zh/app.json';
-import file from '@fastgpt/web/i18n/zh/file.json';
-import publish from '@fastgpt/web/i18n/zh/publish.json';
-import workflow from '@fastgpt/web/i18n/zh/workflow.json';
-import user from '@fastgpt/web/i18n/zh/user.json';
-import chat from '@fastgpt/web/i18n/zh/chat.json';
-
-export interface I18nNamespaces {
-  common: typeof common;
-  dataset: typeof dataset;
-  app: typeof app;
-  file: typeof file;
-  publish: typeof publish;
-  workflow: typeof workflow;
-  user: typeof user;
-  chat: typeof chat;
-}
-
-export type I18nNsType = (keyof I18nNamespaces)[];
-
-const defaultNS: I18nNsType = [
-  'common',
-  'dataset',
-  'app',
-  'file',
-  'publish',
-  'workflow',
-  'user',
-  'chat'
-];
-
-declare module 'i18next' {
-  interface CustomTypeOptions {
-    returnNull: false;
-    defaultNS: defaultNS;
-    resources: I18nNamespaces;
-  }
-}
diff --git a/projects/app/src/web/common/hooks/useRequest.tsx b/projects/app/src/web/common/hooks/useRequest.tsx
index 9f483d5ba7a..c27c5d4ec51 100644
--- a/projects/app/src/web/common/hooks/useRequest.tsx
+++ b/projects/app/src/web/common/hooks/useRequest.tsx
@@ -26,7 +26,7 @@ export const useRequest = ({ successToast, errorToast, onSuccess, onError, ...pr
       onError?.(err, variables, context);
 
       if (errorToast !== undefined) {
-        const errText = t(getErrText(err, errorToast || ''));
+        const errText = t(getErrText(err, errorToast || '') as any);
         if (errText) {
           toast({
             title: errText,
diff --git a/projects/app/src/web/common/utils/i18n.ts b/projects/app/src/web/common/utils/i18n.ts
index e83265e1f3c..9b4c815754a 100644
--- a/projects/app/src/web/common/utils/i18n.ts
+++ b/projects/app/src/web/common/utils/i18n.ts
@@ -1,4 +1,4 @@
-import { I18nNsType } from '@/types/i18next';
+import { I18nNsType } from '@fastgpt/web/types/i18next';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 
 export const LANG_KEY = 'NEXT_LOCALE_LANG';