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>
   );
 }