From 00ff79c593da0f4339910d3ad79c88ce730b8316 Mon Sep 17 00:00:00 2001
From: Nate Kelley <nate@buster.so>
Date: Wed, 23 Jul 2025 23:22:31 -0600
Subject: [PATCH] Assumption cards can use markdown streaming

---
 .../components/features/sheets/MessageAssumptions.tsx    | 9 ++++-----
 .../ui/typography/AnimatedMarkdown/AnimatedMarkdown.tsx  | 4 ++--
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/apps/web/src/components/features/sheets/MessageAssumptions.tsx b/apps/web/src/components/features/sheets/MessageAssumptions.tsx
index cb50018ac..05991baf5 100644
--- a/apps/web/src/components/features/sheets/MessageAssumptions.tsx
+++ b/apps/web/src/components/features/sheets/MessageAssumptions.tsx
@@ -14,6 +14,7 @@ import {
 import { CircleCheck, OctagonWarning } from '@/components/ui/icons';
 import { Pill } from '@/components/ui/pills/Pill';
 import { AppMarkdownStreaming } from '@/components/ui/streaming/AppMarkdownStreaming';
+import { AnimatedMarkdown } from '../../ui/typography/AnimatedMarkdown';
 
 type MessageAssumptionsProps = Pick<
   PostProcessingMessage,
@@ -151,10 +152,10 @@ const AssumptionSummary = ({
         </Title>
       </div>
       <div className="mt-2">
-        <AppMarkdownStreaming
+        <AnimatedMarkdown
           content={summary_message}
-          isStreamFinished={true}
           className="text-text-secondary"
+          animation="none"
         />
       </div>
     </div>
@@ -272,9 +273,7 @@ const AssumptionCard = ({
         <Title as={'h4'} className="text-base">
           {title}
         </Title>
-        <Paragraph size={'sm'} variant={'secondary'}>
-          {explanation}
-        </Paragraph>
+        <AnimatedMarkdown content={explanation} animation="none" className="text-text-secondary" />
       </div>
 
       <div className="flex items-center justify-between border-t px-3.5 py-2">
diff --git a/apps/web/src/components/ui/typography/AnimatedMarkdown/AnimatedMarkdown.tsx b/apps/web/src/components/ui/typography/AnimatedMarkdown/AnimatedMarkdown.tsx
index c45400f54..74e33af80 100644
--- a/apps/web/src/components/ui/typography/AnimatedMarkdown/AnimatedMarkdown.tsx
+++ b/apps/web/src/components/ui/typography/AnimatedMarkdown/AnimatedMarkdown.tsx
@@ -13,7 +13,7 @@ export interface AnimatedMarkdownProps {
   content: string;
   animation?: MarkdownAnimation;
   animationDuration?: number;
-  isStreamFinished: boolean;
+  isStreamFinished?: boolean;
   stripFormatting?: boolean;
   animationTimingFunction?: 'ease-in-out' | 'ease-in' | 'ease-out' | 'linear';
 }
@@ -22,7 +22,7 @@ const remarkPlugins = [remarkGfm];
 
 const AnimatedMarkdown: React.FC<AnimatedMarkdownProps> = ({
   content,
-  animation = 'fadeIn',
+  animation = 'none',
   animationDuration = 300,
   animationTimingFunction = 'ease-in-out',
   isStreamFinished = true,