Fix: Fixed the issue where the drop-down box could not be displayed after selecting a large model #9869 (#10205)

### What problem does this PR solve?

Fix: Fixed the issue where the drop-down box could not be displayed
after selecting a large model #9869

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/components/layout-recognize-form-field.tsx

@@ -3,7 +3,7 @@ import { useTranslate } from '@/hooks/common-hooks';
 import { useSelectLlmOptionsByModelType } from '@/hooks/llm-hooks';
 import { cn } from '@/lib/utils';
 import { camelCase } from 'lodash';
-import { useMemo } from 'react';
+import { ReactNode, useMemo } from 'react';
 import { useFormContext } from 'react-hook-form';
 import { SelectWithSearch } from './originui/select-with-search';
 import {
@@ -23,10 +23,12 @@ export function LayoutRecognizeFormField({
   name = 'parser_config.layout_recognize',
   horizontal = true,
   optionsWithoutLLM,
+  label,
 }: {
   name?: string;
   horizontal?: boolean;
   optionsWithoutLLM?: { value: string; label: string }[];
+  label?: ReactNode;
 }) {
   const form = useFormContext();
 
@@ -81,7 +83,7 @@ export function LayoutRecognizeFormField({
                   ['w-1/4']: horizontal,
                 })}
               >
-                {t('layoutRecognize')}
+                {label || t('layoutRecognize')}
               </FormLabel>
               <div className={horizontal ? 'w-3/4' : 'w-full'}>
                 <FormControl>

web/src/components/originui/select-with-search.tsx

@@ -49,6 +49,22 @@ export type SelectWithSearchFlagProps = {
   placeholder?: string;
 };
 
+function findLabelWithoutOptions(
+  options: SelectWithSearchFlagOptionType[],
+  value: string,
+) {
+  return options.find((opt) => opt.value === value)?.label || '';
+}
+
+function findLabelWithOptions(
+  options: SelectWithSearchFlagOptionType[],
+  value: string,
+) {
+  return options
+    .map((group) => group?.options?.find((item) => item.value === value))
+    .filter(Boolean)[0]?.label;
+}
+
 export const SelectWithSearch = forwardRef<
   React.ElementRef<typeof Button>,
   SelectWithSearchFlagProps
@@ -69,6 +85,28 @@ export const SelectWithSearch = forwardRef<
     const [open, setOpen] = useState<boolean>(false);
     const [value, setValue] = useState<string>('');
 
+    const selectLabel = useMemo(() => {
+      if (options.every((x) => x.options === undefined)) {
+        return findLabelWithoutOptions(options, value);
+      } else if (options.every((x) => Array.isArray(x.options))) {
+        return findLabelWithOptions(options, value);
+      } else {
+        // Some have options, some don't
+        const optionsWithOptions = options.filter((x) =>
+          Array.isArray(x.options),
+        );
+        const optionsWithoutOptions = options.filter(
+          (x) => x.options === undefined,
+        );
+
+        const label = findLabelWithOptions(optionsWithOptions, value);
+        if (label) {
+          return label;
+        }
+        return findLabelWithoutOptions(optionsWithoutOptions, value);
+      }
+    }, [options, value]);
+
     const handleSelect = useCallback(
       (val: string) => {
         setValue(val);
@@ -90,16 +128,7 @@ export const SelectWithSearch = forwardRef<
     useEffect(() => {
       setValue(val);
     }, [val]);
-    const selectLabel = useMemo(() => {
+
-      const optionTemp = options[0];
-      if (optionTemp?.options) {
-        return options
-          .map((group) => group?.options?.find((item) => item.value === value))
-          .filter(Boolean)[0]?.label;
-      } else {
-        return options.find((opt) => opt.value === value)?.label || '';
-      }
-    }, [options, value]);
     return (
       <Popover open={open} onOpenChange={setOpen}>
         <PopoverTrigger asChild>

web/src/locales/en.ts

@@ -1694,6 +1694,7 @@ This delimiter is used to split the input text into several text pieces echo of
       searchMethod: 'Search method',
       filenameEmbdWeight: 'Filename embd weight',
       begin: 'File',
+      parserMethod: 'Parser method',
     },
   },
 };

web/src/locales/zh.ts

@@ -1604,6 +1604,7 @@ General：实体和关系提取提示来自 GitHub - microsoft/graphrag：基于
       searchMethod: '搜索方法',
       filenameEmbdWeight: '文件名嵌入权重',
       begin: '文件',
+      parserMethod: '解析方法',
     },
   },
 };

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

@@ -30,6 +30,7 @@ import { useBeforeDelete } from '../hooks/use-before-delete';
 import { useMoveNote } from '../hooks/use-move-note';
 import { useDropdownManager } from './context';
 
+import { useRunDataflow } from '../hooks/use-run-dataflow';
 import {
   useHideFormSheetOnNodeDeletion,
   useShowDrawer,
@@ -152,6 +153,8 @@ function DataFlowCanvas({ drawerVisible, hideDrawer }: IProps) {
     hideModal: hideLogSheet,
   } = useSetModalState();
 
+  const { run, loading: running, messageId } = useRunDataflow(showLogSheet!);
+
   const onConnect = (connection: Connection) => {
     originalOnConnect(connection);
     isConnectedRef.current = true;
@@ -300,10 +303,13 @@ function DataFlowCanvas({ drawerVisible, hideDrawer }: IProps) {
       {runVisible && (
         <RunSheet
           hideModal={hideRunOrChatDrawer}
-          showModal={showLogSheet}
+          run={run}
+          loading={running}
         ></RunSheet>
       )}
-      {logSheetVisible && <LogSheet hideModal={hideLogSheet}></LogSheet>}
+      {logSheetVisible && (
+        <LogSheet hideModal={hideLogSheet} messageId={messageId}></LogSheet>
+      )}
     </div>
   );
 }

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

@@ -227,7 +227,7 @@ export enum FileType {
   Email = 'email',
   TextMarkdown = 'text&markdown',
   Docx = 'word',
-  PowerPoint = 'ppt',
+  PowerPoint = 'slides',
   Video = 'video',
   Audio = 'audio',
 }

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

@@ -1,3 +1,4 @@
+import { crossLanguageOptions } from '@/components/cross-language-form-field';
 import { LayoutRecognizeFormField } from '@/components/layout-recognize-form-field';
 import { LLMFormField } from '@/components/llm-setting-items/llm-form-field';
 import {
@@ -46,11 +47,13 @@ export function ParserMethodFormField({
   prefix,
   optionsWithoutLLM,
 }: CommonProps & { optionsWithoutLLM?: { value: string; label: string }[] }) {
+  const { t } = useTranslation();
   return (
     <LayoutRecognizeFormField
       name={buildFieldNameWithPrefix(`parse_method`, prefix)}
       horizontal={false}
       optionsWithoutLLM={optionsWithoutLLM}
+      label={t('dataflow.parserMethod')}
     ></LayoutRecognizeFormField>
   );
 }
@@ -62,3 +65,22 @@ export function LargeModelFormField({ prefix }: CommonProps) {
     ></LLMFormField>
   );
 }
+
+export function LanguageFormField({ prefix }: CommonProps) {
+  const { t } = useTranslation();
+
+  return (
+    <RAGFlowFormItem
+      name={buildFieldNameWithPrefix(`lang`, prefix)}
+      label={t('dataflow.lang')}
+    >
+      {(field) => (
+        <SelectWithSearch
+          options={crossLanguageOptions}
+          value={field.value}
+          onChange={field.onChange}
+        ></SelectWithSearch>
+      )}
+    </RAGFlowFormItem>
+  );
+}

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

@@ -1,10 +1,11 @@
 import { buildOptions } from '@/utils/form';
 import { isEmpty } from 'lodash';
-import { useEffect } from 'react';
+import { useEffect, useMemo } from 'react';
-import { useFormContext } from 'react-hook-form';
+import { useFormContext, useWatch } from 'react-hook-form';
 import { ImageParseMethod } from '../../constant';
-import { ParserMethodFormField } from './common-form-fields';
+import { LanguageFormField, ParserMethodFormField } from './common-form-fields';
 import { CommonProps } from './interface';
+import { useSetInitialLanguage } from './use-set-initial-language';
 import { buildFieldNameWithPrefix } from './utils';
 
 const options = buildOptions(ImageParseMethod);
@@ -13,6 +14,14 @@ export function ImageFormFields({ prefix }: CommonProps) {
   const form = useFormContext();
   const parseMethodName = buildFieldNameWithPrefix('parse_method', prefix);
 
+  const parseMethod = useWatch({
+    name: parseMethodName,
+  });
+
+  const languageShown = useMemo(() => {
+    return !isEmpty(parseMethod) && parseMethod !== ImageParseMethod.OCR;
+  }, [parseMethod]);
+
   useEffect(() => {
     if (isEmpty(form.getValues(parseMethodName))) {
       form.setValue(parseMethodName, ImageParseMethod.OCR, {
@@ -22,12 +31,15 @@ export function ImageFormFields({ prefix }: CommonProps) {
     }
   }, [form, parseMethodName]);
 
+  useSetInitialLanguage({ prefix, languageShown });
+
   return (
     <>
       <ParserMethodFormField
         prefix={prefix}
         optionsWithoutLLM={options}
       ></ParserMethodFormField>
+      {languageShown && <LanguageFormField prefix={prefix}></LanguageFormField>}
     </>
   );
 }

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

@@ -33,7 +33,9 @@ import { VideoFormFields } from './video-form-fields';
 
 const outputList = buildOutputList(initialParserValues.outputs);
 
-const FileFormatOptions = buildOptions(FileType);
+const FileFormatOptions = buildOptions(FileType).filter(
+  (x) => x.value !== FileType.Video, // Temporarily hide the video option
+);
 
 const FileFormatWidgetMap = {
   [FileType.PDF]: PdfFormFields,
@@ -105,7 +107,7 @@ function ParserItem({ name, index, fieldLength, remove }: ParserItemProps) {
 
   return (
     <section
-      className={cn('space-y-5 px-5 py-2.5 rounded-md', {
+      className={cn('space-y-5 py-2.5 rounded-md', {
         'bg-state-error-5': isHovering,
       })}
     >

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

@@ -1,17 +1,13 @@
-import { crossLanguageOptions } from '@/components/cross-language-form-field';
 import { ParseDocumentType } from '@/components/layout-recognize-form-field';
-import { SelectWithSearch } from '@/components/originui/select-with-search';
-import { RAGFlowFormItem } from '@/components/ragflow-form';
 import { isEmpty } from 'lodash';
 import { useEffect, useMemo } from 'react';
 import { useFormContext, useWatch } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
+import { LanguageFormField, ParserMethodFormField } from './common-form-fields';
-import { ParserMethodFormField } from './common-form-fields';
 import { CommonProps } from './interface';
+import { useSetInitialLanguage } from './use-set-initial-language';
 import { buildFieldNameWithPrefix } from './utils';
 
 export function PdfFormFields({ prefix }: CommonProps) {
-  const { t } = useTranslation();
   const form = useFormContext();
 
   const parseMethodName = buildFieldNameWithPrefix('parse_method', prefix);
@@ -19,7 +15,6 @@ export function PdfFormFields({ prefix }: CommonProps) {
   const parseMethod = useWatch({
     name: parseMethodName,
   });
-  const lang = form.getValues(buildFieldNameWithPrefix('lang', prefix));
 
   const languageShown = useMemo(() => {
     return (
@@ -29,18 +24,7 @@ export function PdfFormFields({ prefix }: CommonProps) {
     );
   }, [parseMethod]);
 
-  useEffect(() => {
+  useSetInitialLanguage({ prefix, languageShown });
-    if (languageShown && isEmpty(lang)) {
-      form.setValue(
-        buildFieldNameWithPrefix('lang', prefix),
-        crossLanguageOptions[0].value,
-        {
-          shouldValidate: true,
-          shouldDirty: true,
-        },
-      );
-    }
-  }, [form, lang, languageShown, prefix]);
 
   useEffect(() => {
     if (isEmpty(form.getValues(parseMethodName))) {
@@ -54,20 +38,7 @@ export function PdfFormFields({ prefix }: CommonProps) {
   return (
     <>
       <ParserMethodFormField prefix={prefix}></ParserMethodFormField>
-      {languageShown && (
+      {languageShown && <LanguageFormField prefix={prefix}></LanguageFormField>}
-        <RAGFlowFormItem
-          name={buildFieldNameWithPrefix(`lang`, prefix)}
-          label={t('dataflow.lang')}
-        >
-          {(field) => (
-            <SelectWithSearch
-              options={crossLanguageOptions}
-              value={field.value}
-              onChange={field.onChange}
-            ></SelectWithSearch>
-          )}
-        </RAGFlowFormItem>
-      )}
     </>
   );
 }

web/src/pages/data-flow/form/parser-form/use-set-initial-language.ts

@@ -0,0 +1,29 @@
+import { crossLanguageOptions } from '@/components/cross-language-form-field';
+import { isEmpty } from 'lodash';
+import { useEffect } from 'react';
+import { useFormContext } from 'react-hook-form';
+import { buildFieldNameWithPrefix } from './utils';
+
+export function useSetInitialLanguage({
+  prefix,
+  languageShown,
+}: {
+  prefix: string;
+  languageShown: boolean;
+}) {
+  const form = useFormContext();
+  const lang = form.getValues(buildFieldNameWithPrefix('lang', prefix));
+
+  useEffect(() => {
+    if (languageShown && isEmpty(lang)) {
+      form.setValue(
+        buildFieldNameWithPrefix('lang', prefix),
+        crossLanguageOptions[0].value,
+        {
+          shouldValidate: true,
+          shouldDirty: true,
+        },
+      );
+    }
+  }, [form, lang, languageShown, prefix]);
+}

web/src/pages/data-flow/hooks/use-change-node-name.ts

@@ -9,7 +9,6 @@ import {
   useMemo,
   useState,
 } from 'react';
-import { Operator } from '../constant';
 import useGraphStore from '../store';
 import { getAgentNodeTools } from '../utils';
 
@@ -77,13 +76,10 @@ export const useHandleNodeNameChange = ({
   data: any;
 }) => {
   const [name, setName] = useState<string>('');
-  const { updateNodeName, nodes, getOperatorTypeFromId } = useGraphStore(
+  const { updateNodeName, nodes } = useGraphStore((state) => state);
-    (state) => state,
-  );
   const previousName = data?.name;
-  const isToolNode = getOperatorTypeFromId(id) === Operator.Tool;
 
-  const { handleToolNameBlur, previousToolName } = useHandleTooNodeNameChange({
+  const { previousToolName } = useHandleTooNodeNameChange({
     id,
     name,
     setName,
@@ -109,12 +105,12 @@ export const useHandleNodeNameChange = ({
   }, []);
 
   useEffect(() => {
-    setName(isToolNode ? previousToolName : previousName);
+    setName(previousName);
-  }, [isToolNode, previousName, previousToolName]);
+  }, [previousName, previousToolName]);
 
   return {
     name,
-    handleNameBlur: isToolNode ? handleToolNameBlur : handleNameBlur,
+    handleNameBlur: handleNameBlur,
     handleNameChange,
   };
 };

web/src/pages/data-flow/hooks/use-run-dataflow.ts

@@ -1,12 +1,14 @@
 import { useSendMessageBySSE } from '@/hooks/use-send-message';
 import api from '@/utils/api';
-import { useCallback } from 'react';
+import { get } from 'lodash';
+import { useCallback, useState } from 'react';
 import { useParams } from 'umi';
 import { useSaveGraphBeforeOpeningDebugDrawer } from './use-save-graph';
 
 export function useRunDataflow(showLogSheet: () => void) {
   const { send } = useSendMessageBySSE(api.runCanvas);
   const { id } = useParams();
+  const [messageId, setMessageId] = useState();
 
   const { handleRun: saveGraph, loading } =
     useSaveGraphBeforeOpeningDebugDrawer(showLogSheet!);
@@ -22,12 +24,21 @@ export function useRunDataflow(showLogSheet: () => void) {
         files: [fileResponseData.file],
       });
 
-      if (res && res?.response.status === 200 && res?.data?.code === 0) {
+      if (res && res?.response.status === 200 && get(res, 'data.code') === 0) {
         // fetch canvas
+
+        const msgId = get(res, 'data.data.message_id');
+        if (msgId) {
+          setMessageId(msgId);
+        }
+
+        return msgId;
       }
     },
     [id, saveGraph, send],
   );
 
-  return { run, loading: loading };
+  return { run, loading: loading, messageId };
 }
+
+export type RunDataflowType = ReturnType<typeof useRunDataflow>;

web/src/pages/data-flow/log-sheet/dataflow-timeline.tsx

@@ -8,7 +8,9 @@ import {
   TimelineSeparator,
   TimelineTitle,
 } from '@/components/originui/timeline';
+import { useFetchMessageTrace } from '@/hooks/use-agent-request';
 import { Aperture } from 'lucide-react';
+import { useEffect } from 'react';
 
 const items = [
   {
@@ -48,7 +50,24 @@ const items = [
   },
 ];
 
-export function DataflowTimeline() {
+export type DataflowTimelineProps = { messageId: string };
+
+interface DataflowTrace {
+  datetime: string;
+  elapsed_time: number;
+  message: string;
+  progress: number;
+  timestamp: number;
+}
+export function DataflowTimeline({ messageId }: DataflowTimelineProps) {
+  const { setMessageId, data } = useFetchMessageTrace(false);
+
+  useEffect(() => {
+    if (messageId) {
+      setMessageId(messageId);
+    }
+  }, [messageId, setMessageId]);
+
   return (
     <Timeline>
       {items.map((item) => (

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

@@ -8,18 +8,18 @@ import { IModalProps } from '@/interfaces/common';
 import { cn } from '@/lib/utils';
 import { NotebookText } from 'lucide-react';
 import 'react18-json-view/src/style.css';
-import { DataflowTimeline } from './dataflow-timeline';
+import { DataflowTimeline, DataflowTimelineProps } from './dataflow-timeline';
 
-type LogSheetProps = IModalProps<any>;
+type LogSheetProps = IModalProps<any> & DataflowTimelineProps;
 
-export function LogSheet({ hideModal }: LogSheetProps) {
+export function LogSheet({ hideModal, messageId }: LogSheetProps) {
   return (
     <Sheet open onOpenChange={hideModal} modal={false}>
       <SheetContent className={cn('top-20 right-[620px]')}>
         <SheetHeader>
           <SheetTitle className="flex items-center gap-1">
             <NotebookText className="size-4" />
-            <DataflowTimeline></DataflowTimeline>
+            <DataflowTimeline messageId={messageId}></DataflowTimeline>
           </SheetTitle>
         </SheetHeader>
         <section className="max-h-[82vh] overflow-auto mt-6"></section>

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

@@ -7,13 +7,14 @@ import {
 import { IModalProps } from '@/interfaces/common';
 import { cn } from '@/lib/utils';
 import { useTranslation } from 'react-i18next';
-import { useRunDataflow } from '../hooks/use-run-dataflow';
+import { RunDataflowType } from '../hooks/use-run-dataflow';
 import { UploaderForm } from './uploader';
 
-const RunSheet = ({ hideModal, showModal: showLogSheet }: IModalProps<any>) => {
+type RunSheetProps = IModalProps<any> &
-  const { t } = useTranslation();
+  Pick<RunDataflowType, 'run' | 'loading'>;
 
-  const { run, loading } = useRunDataflow(showLogSheet!);
+const RunSheet = ({ hideModal, run, loading }: RunSheetProps) => {
+  const { t } = useTranslation();
 
   return (
     <Sheet onOpenChange={hideModal} open modal={false}>

web/src/pages/data-flow/utils.ts

@@ -1,22 +1,10 @@
-import {
+import { IAgentForm } from '@/interfaces/database/agent';
-  IAgentForm,
-  ICategorizeItem,
-  ICategorizeItemResult,
-} from '@/interfaces/database/agent';
 import { DSLComponents, RAGFlowNodeType } from '@/interfaces/database/flow';
 import { removeUselessFieldsFromValues } from '@/utils/form';
 import { Edge, Node, XYPosition } from '@xyflow/react';
 import { FormInstance, FormListFieldData } from 'antd';
 import { humanId } from 'human-id';
-import {
+import { curry, get, intersectionWith, isEmpty, isEqual, sample } from 'lodash';
-  curry,
-  get,
-  intersectionWith,
-  isEmpty,
-  isEqual,
-  omit,
-  sample,
-} from 'lodash';
 import pipe from 'lodash/fp/pipe';
 import isObject from 'lodash/isObject';
 import {
@@ -30,7 +18,7 @@ import {
 import { HierarchicalMergerFormSchemaType } from './form/hierarchical-merger-form';
 import { ParserFormSchemaType } from './form/parser-form';
 import { SplitterFormSchemaType } from './form/splitter-form';
-import { BeginQuery, IPosition } from './interface';
+import { IPosition } from './interface';
 
 const buildComponentDownstreamOrUpstream = (
   edges: Edge[],
@@ -122,6 +110,7 @@ function transformParserParams(params: ParserFormSchemaType) {
           filteredSetup = {
             ...filteredSetup,
             parse_method: cur.parse_method,
+            lang: cur.lang,
           };
           break;
         case FileType.Email:
@@ -308,10 +297,6 @@ export const getOtherFieldValues = (
         x !== form.getFieldValue([formListName, field.name, latestField]),
     );
 
-export const generateSwitchHandleText = (idx: number) => {
-  return `Case ${idx + 1}`;
-};
-
 export const getNodeDragHandle = (nodeType?: string) => {
   return nodeType === Operator.Note ? '.note-drag-handle' : undefined;
 };
@@ -400,40 +385,6 @@ export const needsSingleStepDebugging = (label: string) => {
   return !NoDebugOperatorsList.some((x) => (label as Operator) === x);
 };
 
-// Get the coordinates of the node relative to the Iteration node
-export function getRelativePositionToIterationNode(
-  nodes: RAGFlowNodeType[],
-  position?: XYPosition, // relative position
-) {
-  if (!position) {
-    return;
-  }
-
-  const iterationNodes = nodes.filter(
-    (node) => node.data.label === Operator.Iteration,
-  );
-
-  for (const iterationNode of iterationNodes) {
-    const {
-      position: { x, y },
-      width,
-      height,
-    } = iterationNode;
-    const halfWidth = (width || 0) / 2;
-    if (
-      position.x >= x - halfWidth &&
-      position.x <= x + halfWidth &&
-      position.y >= y &&
-      position.y <= y + (height || 0)
-    ) {
-      return {
-        parentId: iterationNode.id,
-        position: { x: position.x - x + halfWidth, y: position.y - y },
-      };
-    }
-  }
-}
-
 export const generateDuplicateNode = (
   position?: XYPosition,
   label?: string,
@@ -468,71 +419,11 @@ export function convertToObjectArray(list: Array<string | number | boolean>) {
   return list.map((x) => ({ value: x }));
 }
 
-/**
-   * convert the following object into a list
-   * 
-   * {
-      "product_related": {
-      "description": "The question is about product usage, appearance and how it works.",
-      "examples": "Why it always beaming?\nHow to install it onto the wall?\nIt leaks, what to do?",
-      "to": "generate:0"
-      }
-      }
-*/
-export const buildCategorizeListFromObject = (
-  categorizeItem: ICategorizeItemResult,
-) => {
-  // Categorize's to field has two data sources, with edges as the data source.
-  // Changes in the edge or to field need to be synchronized to the form field.
-  return Object.keys(categorizeItem)
-    .reduce<Array<ICategorizeItem>>((pre, cur) => {
-      // synchronize edge data to the to field
-
-      pre.push({
-        name: cur,
-        ...categorizeItem[cur],
-        examples: convertToObjectArray(categorizeItem[cur].examples),
-      });
-      return pre;
-    }, [])
-    .sort((a, b) => a.index - b.index);
-};
-
-/**
-   * Convert the list in the following form into an object
-   * {
-    "items": [
-      {
-        "name": "Categorize 1",
-        "description": "111",
-        "examples": ["ddd"],
-        "to": "Retrieval:LazyEelsStick"
-      }
-     ]
-    }
-*/
-export const buildCategorizeObjectFromList = (list: Array<ICategorizeItem>) => {
-  return list.reduce<ICategorizeItemResult>((pre, cur) => {
-    if (cur?.name) {
-      pre[cur.name] = {
-        ...omit(cur, 'name', 'examples'),
-        examples: convertToStringArray(cur.examples) as string[],
-      };
-    }
-    return pre;
-  }, {});
-};
-
 export function getAgentNodeTools(agentNode?: RAGFlowNodeType) {
   const tools: IAgentForm['tools'] = get(agentNode, 'data.form.tools', []);
   return tools;
 }
 
-export function getAgentNodeMCP(agentNode?: RAGFlowNodeType) {
-  const tools: IAgentForm['mcp'] = get(agentNode, 'data.form.mcp', []);
-  return tools;
-}
-
 export function mapEdgeMouseEvent(
   edges: Edge[],
   edgeId: string,
@@ -552,21 +443,3 @@ export function mapEdgeMouseEvent(
 
   return nextEdges;
 }
-
-export function buildBeginQueryWithObject(
-  inputs: Record<string, BeginQuery>,
-  values: BeginQuery[],
-) {
-  const nextInputs = Object.keys(inputs).reduce<Record<string, BeginQuery>>(
-    (pre, key) => {
-      const item = values.find((x) => x.key === key);
-      if (item) {
-        pre[key] = { ...item };
-      }
-      return pre;
-    },
-    {},
-  );
-
-  return nextInputs;
-}