fix(workflow): Fix the expand/collapse animation effect (#19398)

web/app/components/workflow/run/iteration-log/iteration-result-panel.tsx

@@ -109,8 +109,10 @@ const IterationResultPanel: FC<Props> = ({
               className="h-px grow bg-divider-subtle"
             ></div>}
             <div className={cn(
-              'overflow-hidden transition-all duration-200',
-              expandedIterations[index] ? 'max-h-[1000px] opacity-100' : 'max-h-0 opacity-0',
+              'transition-all duration-200',
+              expandedIterations[index]
+                ? 'opacity-100'
+                : 'max-h-0 opacity-0 overflow-hidden',
             )}>
               <TracingPanel
                 list={iteration}

web/app/components/workflow/run/loop-log/loop-result-panel.tsx

@@ -115,8 +115,10 @@ const LoopResultPanel: FC<Props> = ({
               className="h-px grow bg-divider-subtle"
             ></div>}
             <div className={cn(
-              'overflow-hidden transition-all duration-200',
-              expandedLoops[index] ? 'max-h-[1000px] opacity-100' : 'max-h-0 opacity-0',
+              'transition-all duration-200',
+              expandedLoops[index]
+                ? 'opacity-100'
+                : 'max-h-0 opacity-0 overflow-hidden',
             )}>
               {
                 loopVariableMap?.[index] && (

web/app/components/workflow/run/loop-result-panel.tsx

@@ -82,8 +82,10 @@ const LoopResultPanel: FC<Props> = ({
               className="h-px grow bg-divider-subtle"
             ></div>}
             <div className={cn(
-              'overflow-hidden transition-all duration-200',
-              expandedLoops[index] ? 'max-h-[1000px] opacity-100' : 'max-h-0 opacity-0',
+              'transition-all duration-200',
+              expandedLoops[index]
+                ? 'opacity-100'
+                : 'max-h-0 opacity-0 overflow-hidden',
             )}>
               <TracingPanel
                 list={loop}