Feat: Display the selected variables in the variable aggregation node. #10427 (#11113)

### What problem does this PR solve?
Feat: Display the selected variables in the variable aggregation node.
#10427

### Type of change


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

web/src/pages/agent/canvas/node/data-operations-node.tsx

@@ -1,11 +1,22 @@
-import { IRagNode } from '@/interfaces/database/agent';
+import { BaseNode } from '@/interfaces/database/agent';
 import { NodeProps } from '@xyflow/react';
+import { camelCase } from 'lodash';
+import { useTranslation } from 'react-i18next';
 import { RagNode } from '.';
+import { DataOperationsFormSchemaType } from '../../form/data-operations-form';
+import { LabelCard } from './card';
+
+export function DataOperationsNode({
+  ...props
+}: NodeProps<BaseNode<DataOperationsFormSchemaType>>) {
+  const { data } = props;
+  const { t } = useTranslation();
 
-export function DataOperationsNode({ ...props }: NodeProps<IRagNode>) {
   return (
     <RagNode {...props}>
-      <section>select</section>
+      <LabelCard>
+        {t(`flow.operationsOptions.${camelCase(data.form?.operations)}`)}
+      </LabelCard>
     </RagNode>
   );
 }