Feat: Modify the translation file of the workflow #9869 (#10430)

### What problem does this PR solve?
Feat: Modify the translation file of the workflow #9869


### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/hooks/use-knowledge-request.ts

@@ -144,7 +144,7 @@ export const useFetchNextKnowledgeListByPage = () => {
 
   const onInputChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(
     (e) => {
-      // setPagination({ page: 1 }); // TODO: 这里导致重复请求
+      // setPagination({ page: 1 }); // TODO: This results in repeated requests
       handleInputChange(e);
     },
     [handleInputChange],
@@ -323,7 +323,7 @@ export const useRemoveKnowledgeGraph = () => {
       if (data.code === 0) {
         message.success(i18n.t(`message.deleted`));
         queryClient.invalidateQueries({
-          queryKey: ['fetchKnowledgeGraph'],
+          queryKey: [KnowledgeApiAction.FetchKnowledgeGraph],
         });
       }
       return data?.code;

web/src/locales/en.ts

@@ -1531,7 +1531,7 @@ This delimiter is used to split the input text into several text pieces echo of
       agentDescription:
         'Builds agent components equipped with reasoning, tool usage, and multi-agent collaboration. ',
       maxRecords: 'Max records',
-      createAgent: 'Create Agent',
+      createAgent: 'Agent flow',
       stringTransform: 'Text Processing',
       userFillUp: 'Await Response',
       userFillUpDescription: `Pauses the workflow and waits for the user's message before continuing.`,
@@ -1696,6 +1696,7 @@ This delimiter is used to split the input text into several text pieces echo of
       parserDescription:
         'Extracts raw text and structure from files for downstream processing.',
       tokenizer: 'Tokenizer',
+      tokenizerRequired: 'Please add the Tokenizer node first',
       tokenizerDescription:
         'Transforms text into the required data structure (e.g., vector embeddings for Embedding Search) depending on the chosen search method.',
       splitter: 'Token Splitter',
@@ -1709,15 +1710,25 @@ This delimiter is used to split the input text into several text pieces echo of
         'Use an LLM to extract structured insights from document chunks—such as summaries, classifications, etc.',
       outputFormat: 'Output format',
       lang: 'Language',
-      fileFormats: 'File formats',
-      fields: 'Fields',
+      fileFormats: 'File format',
+      fileFormatOptions: {
+        pdf: 'PDF',
+        spreadsheet: 'Spreadsheet',
+        image: 'Image',
+        email: 'Email',
+        'text&markdown': 'Text & Markup',
+        word: 'Word',
+        slides: 'PPT',
+        audio: 'Audio',
+      },
+      fields: 'Field',
       addParser: 'Add Parser',
       hierarchy: 'Hierarchy',
       regularExpressions: 'Regular Expressions',
       overlappedPercent: 'Overlapped percent',
       searchMethod: 'Search method',
       begin: 'File',
-      parserMethod: 'Parser method',
+      parserMethod: 'Parsing method',
       systemPrompt: 'System Prompt',
       systemPromptPlaceholder:
         'Enter system prompt for image analysis, if empty the system default value will be used',
@@ -1785,11 +1796,14 @@ Important structured information may include: names, dates, locations, events, k
       },
       filenameEmbeddingWeight: 'Filename embedding weight',
       tokenizerFieldsOptions: {
-        text: 'Text',
+        text: 'Processed Text',
         keywords: 'Keywords',
         questions: 'Questions',
         summary: 'Augmented Context',
       },
+      imageParseMethodOptions: {
+        ocr: 'OCR',
+      },
     },
     datasetOverview: {
       downloadTip: 'Files being downloaded from data sources. ',

web/src/locales/zh.ts

@@ -1454,7 +1454,7 @@ General：实体和关系提取提示来自 GitHub - microsoft/graphrag：基于
       addAgent: '添加智能体',
       agentDescription: '构建具备推理、工具调用和多智能体协同的智能体组件。',
       maxRecords: '最大记录数',
-      createAgent: '创建智能体',
+      createAgent: '智能体流程',
       stringTransform: '文本处理',
       userFillUp: '等待输入',
       userFillUpDescription: `此组件会暂停当前的流程并等待用户发送消息，接收到消息之后再进行之后的流程。`,
@@ -1611,6 +1611,7 @@ General：实体和关系提取提示来自 GitHub - microsoft/graphrag：基于
       parser: '解析器',
       parserDescription: '从文件中提取原始文本和结构以供下游处理。',
       tokenizer: '分词器',
+      tokenizerRequired: '请先添加Tokenizer节点',
       tokenizerDescription:
         '根据所选的搜索方法，将文本转换为所需的数据结构（例如，用于嵌入搜索的向量嵌入）。',
       splitter: '分词器拆分器',

web/src/pages/data-flow/form/parser-form/common-form-fields.tsx

@@ -6,9 +6,9 @@ import {
   SelectWithSearchFlagOptionType,
 } from '@/components/originui/select-with-search';
 import { RAGFlowFormItem } from '@/components/ragflow-form';
-import { buildOptions } from '@/utils/form';
+import { upperFirst } from 'lodash';
 import { useTranslation } from 'react-i18next';
-import { FileType, OutputFormatMap } from '../../constant';
+import { FileType, OutputFormatMap, PdfOutputFormat } from '../../constant';
 import { CommonProps } from './interface';
 import { buildFieldNameWithPrefix } from './utils';
 
@@ -16,7 +16,10 @@ function buildOutputOptionsFormatMap() {
   return Object.entries(OutputFormatMap).reduce<
     Record<string, SelectWithSearchFlagOptionType[]>
   >((pre, [key, value]) => {
-    pre[key] = buildOptions(value);
+    pre[key] = Object.values(value).map((v) => ({
+      label: v === PdfOutputFormat.Json ? 'JSON' : upperFirst(v),
+      value: v,
+    }));
     return pre;
   }, {});
 }

web/src/pages/data-flow/form/parser-form/image-form-fields.tsx

@@ -11,11 +11,14 @@ import { CommonProps } from './interface';
 import { useSetInitialLanguage } from './use-set-initial-language';
 import { buildFieldNameWithPrefix } from './utils';
 
-const options = buildOptions(ImageParseMethod);
-
 export function ImageFormFields({ prefix }: CommonProps) {
   const { t } = useTranslation();
   const form = useFormContext();
+  const options = buildOptions(
+    ImageParseMethod,
+    t,
+    'dataflow.imageParseMethodOptions',
+  );
   const parseMethodName = buildFieldNameWithPrefix('parse_method', prefix);
 
   const parseMethod = useWatch({

web/src/pages/data-flow/form/parser-form/index.tsx

@@ -36,10 +36,6 @@ import { VideoFormFields } from './video-form-fields';
 
 const outputList = buildOutputList(initialParserValues.outputs);
 
-const FileFormatOptions = buildOptions(FileType).filter(
-  (x) => x.value !== FileType.Video, // Temporarily hide the video option
-);
-
 const FileFormatWidgetMap = {
   [FileType.PDF]: PdfFormFields,
   [FileType.Video]: VideoFormFields,
@@ -83,6 +79,14 @@ function ParserItem({ name, index, fieldLength, remove }: ParserItemProps) {
   const values = form.getValues();
   const parserList = values.setups.slice(); // Adding, deleting, or modifying the parser array will not change the reference.
 
+  const FileFormatOptions = buildOptions(
+    FileType,
+    t,
+    'dataflow.fileFormatOptions',
+  ).filter(
+    (x) => x.value !== FileType.Video, // Temporarily hide the video option
+  );
+
   const filteredFileFormatOptions = useMemo(() => {
     const otherFileFormatList = parserList
       .filter((_, idx) => idx !== index)
@@ -91,7 +95,7 @@ function ParserItem({ name, index, fieldLength, remove }: ParserItemProps) {
     return FileFormatOptions.filter((x) => {
       return !otherFileFormatList.includes(x.value);
     });
-  }, [index, parserList]);
+  }, [FileFormatOptions, index, parserList]);
 
   const Widget =
     typeof fileFormat === 'string' && fileFormat in FileFormatWidgetMap

web/src/pages/data-flow/index.tsx

@@ -15,6 +15,7 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu';
+import message from '@/components/ui/message';
 import { useSetModalState } from '@/hooks/common-hooks';
 import { useNavigatePage } from '@/hooks/logic-hooks/navigate-hooks';
 import { ReactFlowProvider } from '@xyflow/react';
@@ -30,6 +31,7 @@ import { ComponentPropsWithoutRef, useCallback, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import DataFlowCanvas from './canvas';
 import { DropdownProvider } from './canvas/context';
+import { Operator } from './constant';
 import { LogContext } from './context';
 import { useCancelCurrentDataflow } from './hooks/use-cancel-dataflow';
 import { useHandleExportOrImportJsonFile } from './hooks/use-export-json';
@@ -42,6 +44,7 @@ import {
 } from './hooks/use-save-graph';
 import { LogSheet } from './log-sheet';
 import { SettingDialog } from './setting-dialog';
+import useGraphStore from './store';
 import { useAgentHistoryManager } from './use-agent-history-manager';
 import { VersionDialog } from './version-dialog';
 
@@ -101,8 +104,14 @@ export default function DataFlow() {
 
   const [uploadedFileData, setUploadedFileData] =
     useState<Record<string, any>>();
+  const findNodeByName = useGraphStore((state) => state.findNodeByName);
 
   const handleRunAgent = useCallback(() => {
+    if (!findNodeByName(Operator.Tokenizer)) {
+      message.warning(t('dataflow.tokenizerRequired'));
+      return;
+    }
+
     if (isParsing) {
       // show log sheet
       showLogSheet();
@@ -110,7 +119,7 @@ export default function DataFlow() {
       hideLogSheet();
       handleRun();
     }
-  }, [handleRun, hideLogSheet, isParsing, showLogSheet]);
+  }, [findNodeByName, handleRun, hideLogSheet, isParsing, showLogSheet, t]);
 
   const { handleCancel } = useCancelCurrentDataflow({
     messageId,