Feat: Display the iteration operator toolbar #3221 (#8645)

### What problem does this PR solve?

Feat: Display the iteration operator toolbar #3221
### Type of change


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

web/src/components/xyflow/tooltip-node.tsx

@@ -40,6 +40,7 @@ export const TooltipNode = forwardRef<HTMLDivElement, TooltipNodeProps>(
           onBlur={hideTooltip}
           tabIndex={0}
           selected={selected}
+          className="h-full bg-transparent"
         >
           {children}
         </BaseNode>
@@ -65,7 +66,7 @@ export const TooltipContent = forwardRef<HTMLDivElement, TooltipContentProps>(
       <div ref={ref}>
         <NodeToolbar
           isVisible={isTooltipVisible}
-          className=" bg-transparent  text-primary-foreground  "
+          className=" bg-transparent  text-primary-foreground"
           tabIndex={1}
           position={position}
           offset={0}

web/src/pages/agent/canvas/node/iteration-node.tsx

@@ -56,14 +56,12 @@ export function InnerIterationNode({
   // const { theme } = useTheme();
 
   return (
+    <ToolBar selected={selected} id={id} label={data.label}>
       <section
-      className={cn('h-full bg-transparent rounded-b-md relative', {
+        className={cn('h-full bg-transparent rounded-b-md ', {
           [styles.selectedHeader]: selected,
         })}
       >
-      <ToolBar selected={selected} id={id} label={data.label}>
-        <div className="h-full w-full"></div>
-      </ToolBar>
         <NodeResizeControl style={controlStyle} minWidth={100} minHeight={50}>
           <ResizeIcon />
         </NodeResizeControl>
@@ -98,6 +96,7 @@ export function InnerIterationNode({
           )}
         ></NodeHeader>
       </section>
+    </ToolBar>
   );
 }
 

web/src/pages/agent/constant.tsx

@@ -667,6 +667,7 @@ export const initialCodeValues = {
     arg1: '',
     arg2: '',
   },
+  outputs: { result: { value: '', type: 'string' } },
 };
 
 export const initialWaitingDialogueValues = {};