From c70bd3fafcf96ecb52db0a4568761916f7a71188 Mon Sep 17 00:00:00 2001
From: anaghnair <anagh.nair@gmail.com>
Date: Sat, 7 Mar 2026 14:33:21 +0530
Subject: [PATCH] Render markdown in user messages

---
 src/app.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/app.tsx b/src/app.tsx
index 0554b37..9292e88 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -653,8 +653,14 @@ function Chat() {
                     if (isUser) {
                       return (
                         <div key={i} className="flex justify-end">
-                          <div className="max-w-[85%] px-4 py-2.5 rounded-2xl rounded-br-md bg-kumo-contrast text-kumo-inverse leading-relaxed">
-                            {text}
+                          <div className="max-w-[85%] rounded-2xl rounded-br-md bg-kumo-contrast text-kumo-inverse">
+                            <Streamdown
+                              className="sd-theme p-3 leading-relaxed"
+                              controls={false}
+                              isAnimating={false}
+                            >
+                              {text}
+                            </Streamdown>
                           </div>
                         </div>
                       );
@@ -662,7 +668,7 @@ function Chat() {
 
                     return (
                       <div key={i} className="flex justify-start">
-                        <div className="max-w-[85%] rounded-2xl rounded-bl-md bg-kumo-base text-kumo-default leading-relaxed">
+                        <div className="max-w-[85%] rounded-2xl rounded-bl-md bg-kumo-base text-kumo-default">
                           <Streamdown
                             className="sd-theme rounded-2xl rounded-bl-md p-3"
                             controls={false}