Fix: Fixed the issue that the content of the Dropdown section cannot be seen when selecting the next operator #3221 (#8918)

…be seen when selecting the next operator #3221

### What problem does this PR solve?
Fix: Fixed the issue that the content of the Dropdown section cannot be
seen when selecting the next operator #3221

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/pages/agent/canvas/node/dropdown/next-step-dropdown.tsx

@@ -53,7 +53,7 @@ function AccordionOperators() {
   return (
     <Accordion
       type="multiple"
-      className="px-2 text-text-title"
+      className="px-2 text-text-title max-h-[45vh] overflow-auto"
       defaultValue={['item-1', 'item-2', 'item-3', 'item-4', 'item-5']}
     >
       <AccordionItem value="item-1">

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

@@ -21,10 +21,8 @@ export function InnerIterationNode({
   isConnectable = true,
   selected,
 }: NodeProps<IIterationNode>) {
-  // const { theme } = useTheme();
-
   return (
-    <ToolBar selected={selected} id={id} label={data.label}>
+    <ToolBar selected={selected} id={id} label={data.label} showRun={false}>
       <section
         className={cn('h-full bg-transparent rounded-b-md ', {
           [styles.selectedHeader]: selected,
@@ -56,9 +54,7 @@ export function InnerIterationNode({
           label={data.label}
           wrapperClassName={cn(
             'bg-background-header-bar p-2 rounded-t-[10px] absolute w-full top-[-44px] left-[-0.3px]',
-            // styles.iterationHe ader,
             {
-              // [`${styles.dark} text-white`]: theme === 'dark',
               [styles.selectedHeader]: selected,
             },
           )}

web/src/pages/agent/canvas/node/toolbar.tsx

@@ -27,9 +27,16 @@ type ToolBarProps = {
   selected?: boolean | undefined;
   label: string;
   id: string;
+  showRun?: boolean;
 } & PropsWithChildren;
 
-export function ToolBar({ selected, children, label, id }: ToolBarProps) {
+export function ToolBar({
+  selected,
+  children,
+  label,
+  id,
+  showRun = true,
+}: ToolBarProps) {
   const deleteNodeById = useGraphStore((store) => store.deleteNodeById);
   const deleteIterationNodeById = useGraphStore(
     (store) => store.deleteIterationNodeById,
@@ -63,9 +70,11 @@ export function ToolBar({ selected, children, label, id }: ToolBarProps) {
 
       <TooltipContent position={Position.Top}>
         <section className="flex gap-2 items-center">
-          <IconWrapper>
-            <Play className="size-3.5" />
-          </IconWrapper>
+          {showRun && (
+            <IconWrapper>
+              <Play className="size-3.5" data-play />
+            </IconWrapper>
+          )}{' '}
           <IconWrapper onClick={handleDuplicate}>
             <Copy className="size-3.5" />
           </IconWrapper>