Feat: Move the pipeline translation field to flow #9869 (#10697)

### What problem does this PR solve?

Feat: Move the pipeline translation field to flow #9869

### Type of change


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

web/src/pages/agent/form/extractor-form/index.tsx

@@ -47,7 +47,7 @@ const ExtractorForm = ({ node }: INextOperatorForm) => {
 
   const promptOptions = useBuildNodeOutputOptions(node?.id);
 
-  const options = buildOptions(ContextGeneratorFieldName, t, 'dataflow');
+  const options = buildOptions(ContextGeneratorFieldName, t, 'flow');
 
   const {
     handleFieldNameChange,
@@ -63,7 +63,7 @@ const ExtractorForm = ({ node }: INextOperatorForm) => {
     <Form {...form}>
       <FormWrapper>
         <LargeModelFormField></LargeModelFormField>
-        <RAGFlowFormItem label={t('dataflow.fieldName')} name="field_name">
+        <RAGFlowFormItem label={t('flow.fieldName')} name="field_name">
           {(field) => (
             <SelectWithSearch
               onChange={(value) => {
@@ -93,7 +93,7 @@ const ExtractorForm = ({ node }: INextOperatorForm) => {
       </FormWrapper>
       {visible && (
         <ConfirmDeleteDialog
-          title={t('dataflow.switchPromptMessage')}
+          title={t('flow.switchPromptMessage')}
           open
           onOpenChange={hideModal}
           onOk={confirmSwitch}

web/src/pages/agent/form/extractor-form/use-switch-prompt.ts

@@ -21,7 +21,7 @@ export function useSwitchPrompt(form: UseFormReturn<ExtractorFormSchemaType>) {
 
   const setPromptValue = useCallback(
     (field: keyof ExtractorFormSchemaType, key: string, value: string) => {
-      form.setValue(field, t(`dataflow.prompts.${key}.${value}`), {
+      form.setValue(field, t(`flow.prompts.${key}.${value}`), {
         shouldDirty: true,
         shouldValidate: true,
       });

web/src/pages/agent/form/hierarchical-merger-form/index.tsx

@@ -98,7 +98,7 @@ export function RegularExpressions({
       </CardHeader>
       <CardContent>
         <FormLabel required className="mb-2 text-text-secondary">
-          {t('dataflow.regularExpressions')}
+          {t('flow.regularExpressions')}
         </FormLabel>
         <section className="space-y-4">
           {fields.map((field, index) => (
@@ -158,7 +158,7 @@ const HierarchicalMergerForm = ({ node }: INextOperatorForm) => {
   return (
     <Form {...form}>
       <FormWrapper>
-        <RAGFlowFormItem name={'hierarchy'} label={t('dataflow.hierarchy')}>
+        <RAGFlowFormItem name={'hierarchy'} label={t('flow.hierarchy')}>
           <SelectWithSearch options={HierarchyOptions}></SelectWithSearch>
         </RAGFlowFormItem>
         {fields.map((field, index) => (

web/src/pages/agent/form/parser-form/common-form-fields.tsx

@@ -50,7 +50,7 @@ export function OutputFormatFormField({
   return (
     <RAGFlowFormItem
       name={buildFieldNameWithPrefix(`output_format`, prefix)}
-      label={t('dataflow.outputFormat')}
+      label={t('flow.outputFormat')}
     >
       <SelectWithSearch
         options={buildOutputOptionsFormatMap()[fileType]}
@@ -69,7 +69,7 @@ export function ParserMethodFormField({
       name={buildFieldNameWithPrefix(`parse_method`, prefix)}
       horizontal={false}
       optionsWithoutLLM={optionsWithoutLLM}
-      label={t('dataflow.parserMethod')}
+      label={t('flow.parserMethod')}
     ></LayoutRecognizeFormField>
   );
 }
@@ -92,7 +92,7 @@ export function LanguageFormField({ prefix }: CommonProps) {
   return (
     <RAGFlowFormItem
       name={buildFieldNameWithPrefix(`lang`, prefix)}
-      label={t('dataflow.lang')}
+      label={t('flow.lang')}
     >
       {(field) => (
         <SelectWithSearch

web/src/pages/agent/form/parser-form/email-form-fields.tsx

@@ -14,7 +14,7 @@ export function EmailFormFields({ prefix }: CommonProps) {
     <>
       <RAGFlowFormItem
         name={buildFieldNameWithPrefix(`fields`, prefix)}
-        label={t('dataflow.fields')}
+        label={t('flow.fields')}
       >
         {(field) => (
           <MultiSelect

web/src/pages/agent/form/parser-form/image-form-fields.tsx

@@ -17,7 +17,7 @@ export function ImageFormFields({ prefix }: CommonProps) {
   const options = buildOptions(
     ImageParseMethod,
     t,
-    'dataflow.imageParseMethodOptions',
+    'flow.imageParseMethodOptions',
   );
   const parseMethodName = buildFieldNameWithPrefix('parse_method', prefix);
 
@@ -50,9 +50,9 @@ export function ImageFormFields({ prefix }: CommonProps) {
       {languageShown && (
         <RAGFlowFormItem
           name={buildFieldNameWithPrefix('system_prompt', prefix)}
-          label={t('dataflow.systemPrompt')}
+          label={t('flow.systemPrompt')}
         >
-          <Textarea placeholder={t('dataflow.systemPromptPlaceholder')} />
+          <Textarea placeholder={t('flow.systemPromptPlaceholder')} />
         </RAGFlowFormItem>
       )}
     </>

web/src/pages/agent/form/parser-form/index.tsx

@@ -133,7 +133,7 @@ function ParserItem({
       </div>
       <RAGFlowFormItem
         name={buildFieldNameWithPrefix(`fileFormat`, prefix)}
-        label={t('dataflow.fileFormats')}
+        label={t('flow.fileFormats')}
       >
         {(field) => (
           <SelectWithSearch
@@ -165,7 +165,7 @@ const ParserForm = ({ node }: INextOperatorForm) => {
   const FileFormatOptions = buildOptions(
     FileType,
     t,
-    'dataflow.fileFormatOptions',
+    'flow.fileFormatOptions',
   ).filter(
     (x) => x.value !== FileType.Video, // Temporarily hide the video option
   );
@@ -212,7 +212,7 @@ const ParserForm = ({ node }: INextOperatorForm) => {
         })}
         {fields.length < FileFormatOptions.length && (
           <BlockButton onClick={add} type="button" className="mt-2.5">
-            {t('dataflow.addParser')}
+            {t('flow.addParser')}
           </BlockButton>
         )}
       </form>

web/src/pages/agent/form/splitter-form/index.tsx

@@ -60,7 +60,7 @@ const SplitterForm = ({ node }: INextOperatorForm) => {
           name="overlapped_percent"
           max={30}
           min={0}
-          label={t('dataflow.overlappedPercent')}
+          label={t('flow.overlappedPercent')}
         ></SliderInputFormField>
         <section>
           <span className="mb-2 inline-block">{t('flow.delimiters')}</span>

web/src/pages/agent/form/tokenizer-form/index.tsx

@@ -38,12 +38,12 @@ const TokenizerForm = ({ node }: INextOperatorForm) => {
   const SearchMethodOptions = buildOptions(
     TokenizerSearchMethod,
     t,
-    `dataflow.tokenizerSearchMethodOptions`,
+    `flow.tokenizerSearchMethodOptions`,
   );
   const FieldsOptions = buildOptions(
     TokenizerFields,
     t,
-    'dataflow.tokenizerFieldsOptions',
+    'flow.tokenizerFieldsOptions',
   );
 
   const form = useForm<TokenizerFormSchemaType>({
@@ -59,8 +59,8 @@ const TokenizerForm = ({ node }: INextOperatorForm) => {
       <FormWrapper>
         <RAGFlowFormItem
           name="search_method"
-          label={t('dataflow.searchMethod')}
-          tooltip={t('dataflow.searchMethodTip')}
+          label={t('flow.searchMethod')}
+          tooltip={t('flow.searchMethodTip')}
         >
           {(field) => (
             <MultiSelect
@@ -73,11 +73,11 @@ const TokenizerForm = ({ node }: INextOperatorForm) => {
         </RAGFlowFormItem>
         <SliderInputFormField
           name="filename_embd_weight"
-          label={t('dataflow.filenameEmbeddingWeight')}
+          label={t('flow.filenameEmbeddingWeight')}
           max={0.5}
           step={0.01}
         ></SliderInputFormField>
-        <RAGFlowFormItem name="fields" label={t('dataflow.fields')}>
+        <RAGFlowFormItem name="fields" label={t('flow.fields')}>
           {(field) => <SelectWithSearch options={FieldsOptions} {...field} />}
         </RAGFlowFormItem>
       </FormWrapper>