feat: Display input parameters on operator nodes #3240 (#3241)

### What problem does this PR solve?
feat: Display input parameters on operator nodes #3240


### Type of change


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

web/src/pages/flow/canvas/node/node-header.tsx

@@ -1,34 +1,52 @@
 import { Flex } from 'antd';
-
 import { Operator, operatorMap } from '../../constant';
 import OperatorIcon from '../../operator-icon';
 import NodeDropdown from './dropdown';
+
+import { useTranslate } from '@/hooks/common-hooks';
 import styles from './index.less';
+import { NextNodePopover } from './popover';
 
 interface IProps {
   id: string;
-  label: string;
-  name: string;
+  label?: string;
+  name?: string;
   gap?: number;
   className?: string;
 }
 
+export function RunStatus({ id, name }: IProps) {
+  const { t } = useTranslate('flow');
+  return (
+    <section className="flex justify-end items-center pb-1 ">
+      <NextNodePopover nodeId={id} name={name}>
+        <span className="text-blue-600 cursor-pointer text-[10px]">
+          {t('operationResults')}
+        </span>
+      </NextNodePopover>
+    </section>
+  );
+}
+
 const NodeHeader = ({ label, id, name, gap = 4, className }: IProps) => {
   return (
-    <Flex
-      flex={1}
-      align="center"
-      justify={'space-between'}
-      gap={gap}
-      className={className}
-    >
-      <OperatorIcon
-        name={label as Operator}
-        color={operatorMap[label as Operator].color}
-      ></OperatorIcon>
-      <span className={styles.nodeTitle}>{name}</span>
-      <NodeDropdown id={id}></NodeDropdown>
-    </Flex>
+    <section className="haha">
+      {label !== Operator.Answer && <RunStatus id={id} name={name}></RunStatus>}
+      <Flex
+        flex={1}
+        align="center"
+        justify={'space-between'}
+        gap={gap}
+        className={className}
+      >
+        <OperatorIcon
+          name={label as Operator}
+          color={operatorMap[label as Operator].color}
+        ></OperatorIcon>
+        <span className={styles.nodeTitle}>{name}</span>
+        <NodeDropdown id={id}></NodeDropdown>
+      </Flex>
+    </section>
   );
 };