fixed broken animation

web/src/components/ui/typography/AppMarkdown/AppMarkdown.tsx

@@ -70,7 +70,7 @@ const AppMarkdownBase: React.FC<{
   }, []);
 
   return (
-    <div className={cn('leading-1.3 gap-1', styles.container, className)}>
+    <div className={cn('flex', styles.container, className)}>
       <ReactMarkdown
         remarkPlugins={[remarkGfm]}
         skipHtml={true}

web/src/controllers/ReasoningController/ReasoningMessages/ReasoningMessageSelector.tsx

@@ -99,12 +99,14 @@ export const ReasoningMessageSelector: React.FC<ReasoningMessageSelectorProps> =
       secondaryTitle={secondary_title ?? ''}>
       <AnimatePresence mode="wait">
         <motion.div key={animationKey} {...itemAnimationConfig} className="overflow-hidden" layout>
-          <ReasoningMessage
-            reasoningMessageId={reasoningMessageId}
-            isCompletedStream={isCompletedStream}
-            messageId={messageId}
-            chatId={chatId}
-          />
+          <div className="min-h-[1px]">
+            <ReasoningMessage
+              reasoningMessageId={reasoningMessageId}
+              isCompletedStream={isCompletedStream}
+              messageId={messageId}
+              chatId={chatId}
+            />
+          </div>
         </motion.div>
       </AnimatePresence>
     </BarContainer>

web/src/controllers/ReasoningController/ReasoningMessages/ReasoningMessage_Text/ReasoningMessage_Text.tsx

@@ -12,8 +12,6 @@ export const ReasoningMessage_Text: React.FC<ReasoningMessageProps> = React.memo
       (x) => (x?.reasoning_messages[reasoningMessageId] as BusterChatMessageReasoning_text)?.message
     )!;
 
-    // return <StreamingMessage_Text isCompletedStream={isCompletedStream} message={message} />;
-
     return <AppMarkdown markdown={message} showLoader={!isCompletedStream} stripFormatting />;
   }
 );