Feat: Display the pipeline on the agent canvas #9869 (#10638)

### What problem does this PR solve?

Feat: Display the pipeline on the agent canvas #9869
### Type of change


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

web/src/pages/data-flow/canvas/node/begin-node.tsx

@@ -1,26 +1,16 @@
 import { IBeginNode } from '@/interfaces/database/flow';
-import { cn } from '@/lib/utils';
 import { NodeProps, Position } from '@xyflow/react';
-import get from 'lodash/get';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
-import {
-  BeginQueryType,
-  BeginQueryTypeIconMap,
-  NodeHandleId,
-  Operator,
-} from '../../constant';
-import { BeginQuery } from '../../interface';
+import { NodeHandleId, Operator } from '../../constant';
 import OperatorIcon from '../../operator-icon';
 import { CommonHandle } from './handle';
 import { RightHandleStyle } from './handle-icon';
-import styles from './index.less';
 import { NodeWrapper } from './node-wrapper';
 
 // TODO: do not allow other nodes to connect to this node
 function InnerBeginNode({ data, id, selected }: NodeProps<IBeginNode>) {
   const { t } = useTranslation();
-  const inputs: Record<string, BeginQuery> = get(data, 'form.inputs', {});
 
   return (
     <NodeWrapper selected={selected}>
@@ -39,22 +29,6 @@ function InnerBeginNode({ data, id, selected }: NodeProps<IBeginNode>) {
           {t(`dataflow.begin`)}
         </div>
       </section>
-      <section className={cn(styles.generateParameters, 'flex gap-2 flex-col')}>
-        {Object.entries(inputs).map(([key, val], idx) => {
-          const Icon = BeginQueryTypeIconMap[val.type as BeginQueryType];
-          return (
-            <div
-              key={idx}
-              className={cn(styles.conditionBlock, 'flex gap-1.5 items-center')}
-            >
-              <Icon className="size-4" />
-              <label htmlFor="">{key}</label>
-              <span className={styles.parameterValue}>{val.name}</span>
-              <span className="flex-1">{val.optional ? 'Yes' : 'No'}</span>
-            </div>
-          );
-        })}
-      </section>
     </NodeWrapper>
   );
 }

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

@@ -3,24 +3,8 @@ import {
   initialLlmBaseValues,
   DataflowOperator as Operator,
 } from '@/constants/agent';
-import {
-  ChatVariableEnabledField,
-  variableEnabledFieldMap,
-} from '@/constants/chat';
-import { setInitialChatVariableEnabledFieldValue } from '@/utils/chat';
 export { DataflowOperator as Operator } from '@/constants/agent';
 
-import {
-  Circle,
-  CircleSlash2,
-  CloudUpload,
-  ListOrdered,
-  OptionIcon,
-  TextCursorInput,
-  ToggleLeft,
-  WrapText,
-} from 'lucide-react';
-
 export enum FileType {
   PDF = 'pdf',
   Spreadsheet = 'spreadsheet',
@@ -104,47 +88,8 @@ export enum ContextGeneratorFieldName {
   Metadata = 'metadata',
 }
 
-export enum PromptRole {
-  User = 'user',
-  Assistant = 'assistant',
-}
-
-export enum AgentDialogueMode {
-  Conversational = 'conversational',
-  Task = 'task',
-}
-
 export const BeginId = 'File';
 
-export const SwitchLogicOperatorOptions = ['and', 'or'];
-
-export const CommonOperatorList = Object.values(Operator).filter(
-  (x) => x !== Operator.Note,
-);
-
-export const SwitchOperatorOptions = [
-  { value: '=', label: 'equal', icon: 'equal' },
-  { value: '≠', label: 'notEqual', icon: 'not-equals' },
-  { value: '>', label: 'gt', icon: 'Less' },
-  { value: '≥', label: 'ge', icon: 'Greater-or-equal' },
-  { value: '<', label: 'lt', icon: 'Less' },
-  { value: '≤', label: 'le', icon: 'less-or-equal' },
-  { value: 'contains', label: 'contains', icon: 'Contains' },
-  { value: 'not contains', label: 'notContains', icon: 'not-contains' },
-  { value: 'start with', label: 'startWith', icon: 'list-start' },
-  { value: 'end with', label: 'endWith', icon: 'list-end' },
-  {
-    value: 'empty',
-    label: 'empty',
-    icon: <Circle className="size-4" />,
-  },
-  {
-    value: 'not empty',
-    label: 'notEmpty',
-    icon: <CircleSlash2 className="size-4" />,
-  },
-];
-
 export const SwitchElseTo = 'end_cpn_ids';
 
 export enum TokenizerSearchMethod {
@@ -186,15 +131,6 @@ export const initialBeginValues = {
   },
 };
 
-export const variableCheckBoxFieldMap = Object.keys(
-  variableEnabledFieldMap,
-).reduce<Record<string, boolean>>((pre, cur) => {
-  pre[cur] = setInitialChatVariableEnabledFieldValue(
-    cur as ChatVariableEnabledField,
-  );
-  return pre;
-}, {});
-
 export const initialNoteValues = {
   text: '',
 };
@@ -341,24 +277,6 @@ export const NodeMap = {
   [Operator.Extractor]: 'contextNode',
 };
 
-export enum BeginQueryType {
-  Line = 'line',
-  Paragraph = 'paragraph',
-  Options = 'options',
-  File = 'file',
-  Integer = 'integer',
-  Boolean = 'boolean',
-}
-
-export const BeginQueryTypeIconMap = {
-  [BeginQueryType.Line]: TextCursorInput,
-  [BeginQueryType.Paragraph]: WrapText,
-  [BeginQueryType.Options]: OptionIcon,
-  [BeginQueryType.File]: CloudUpload,
-  [BeginQueryType.Integer]: ListOrdered,
-  [BeginQueryType.Boolean]: ToggleLeft,
-};
-
 export const NoDebugOperatorsList = [Operator.Begin];
 
 export enum NodeHandleId {
@@ -370,17 +288,6 @@ export enum NodeHandleId {
   AgentException = 'agentException',
 }
 
-export enum VariableType {
-  String = 'string',
-  Array = 'array',
-  File = 'file',
-}
-
-export enum AgentExceptionMethod {
-  Comment = 'comment',
-  Goto = 'goto',
-}
-
 export const FileTypeSuffixMap = {
   [FileType.PDF]: ['pdf'],
   [FileType.Spreadsheet]: ['xls', 'xlsx', 'csv'],