From 79cf9a01a23ed3582f44832475e2e24f0ce31fc6 Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Wed, 23 Jul 2025 23:12:25 +0000
Subject: [PATCH 1/2] Replace Paragraph with AppMarkdownStreaming in
 AssumptionSummary

- Add import for AppMarkdownStreaming component
- Replace Paragraph element with AppMarkdownStreaming in AssumptionSummary component
- Use isStreamFinished=true and text-text-secondary className
- Fixes BUS-1522: post_processing_message isn't using the markdown component

Co-Authored-By: blake@buster.so <cblakerouse@gmail.com>
---
 .../components/features/sheets/MessageAssumptions.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/features/sheets/MessageAssumptions.tsx b/apps/web/src/components/features/sheets/MessageAssumptions.tsx
index 54fd5433e..1c94fd604 100644
--- a/apps/web/src/components/features/sheets/MessageAssumptions.tsx
+++ b/apps/web/src/components/features/sheets/MessageAssumptions.tsx
@@ -13,6 +13,7 @@ import {
 } from '@/lib/messages/confidence-translations';
 import { CircleCheck, OctagonWarning } from '@/components/ui/icons';
 import { Pill } from '@/components/ui/pills/Pill';
+import AppMarkdownStreaming from '@/components/ui/streaming/AppMarkdownStreaming/AppMarkdownStreaming';
 
 type MessageAssumptionsProps = Pick<
   PostProcessingMessage,
@@ -149,9 +150,13 @@ const AssumptionSummary = ({
           {summary_title}
         </Title>
       </div>
-      <Paragraph className="mt-2" variant={'secondary'}>
-        {summary_message}
-      </Paragraph>
+      <div className="mt-2">
+        <AppMarkdownStreaming
+          content={summary_message}
+          isStreamFinished={true}
+          className="text-text-secondary"
+        />
+      </div>
     </div>
   );
 };

From d381cc8d44ea85a56e018484029a9a52d6324667 Mon Sep 17 00:00:00 2001
From: Nate Kelley <nate@buster.so>
Date: Wed, 23 Jul 2025 23:16:08 -0600
Subject: [PATCH 2/2] make the code inline a little smaller

---
 .../web/src/components/features/sheets/MessageAssumptions.tsx | 2 +-
 .../ui/typography/AnimatedMarkdown/MarkdownComponent.tsx      | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/features/sheets/MessageAssumptions.tsx b/apps/web/src/components/features/sheets/MessageAssumptions.tsx
index 1c94fd604..cb50018ac 100644
--- a/apps/web/src/components/features/sheets/MessageAssumptions.tsx
+++ b/apps/web/src/components/features/sheets/MessageAssumptions.tsx
@@ -13,7 +13,7 @@ import {
 } from '@/lib/messages/confidence-translations';
 import { CircleCheck, OctagonWarning } from '@/components/ui/icons';
 import { Pill } from '@/components/ui/pills/Pill';
-import AppMarkdownStreaming from '@/components/ui/streaming/AppMarkdownStreaming/AppMarkdownStreaming';
+import { AppMarkdownStreaming } from '@/components/ui/streaming/AppMarkdownStreaming';
 
 type MessageAssumptionsProps = Pick<
   PostProcessingMessage,
diff --git a/apps/web/src/components/ui/typography/AnimatedMarkdown/MarkdownComponent.tsx b/apps/web/src/components/ui/typography/AnimatedMarkdown/MarkdownComponent.tsx
index 07a4d5d0d..fb595869f 100644
--- a/apps/web/src/components/ui/typography/AnimatedMarkdown/MarkdownComponent.tsx
+++ b/apps/web/src/components/ui/typography/AnimatedMarkdown/MarkdownComponent.tsx
@@ -336,7 +336,9 @@ export const CodeComponent: React.FC<
   if (isInline) {
     return (
       //do not animate the code block
-      <code style={style} className={cn(className, 'bg-item-select rounded-sm border px-1')}>
+      <code
+        style={style}
+        className={cn(className, 'bg-item-select rounded-sm border px-1 text-sm')}>
         {children}
       </code>
     );