From d6c5a237df73980d2a1cedb0b8d07fcbb7c517f1 Mon Sep 17 00:00:00 2001
From: Saoud Rizwan <7799382+saoudrizwan@users.noreply.github.com>
Date: Sat, 27 Jul 2024 18:37:29 -0400
Subject: [PATCH] Fix markdown rendering for linebreaks

---
 package-lock.json                     |  4 ++--
 package.json                          |  2 +-
 webview-ui/src/components/ChatRow.tsx | 14 +++++++++++++-
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index a401679..48d7f99 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "claude-dev",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "claude-dev",
-      "version": "1.0.1",
+      "version": "1.0.2",
       "license": "MIT",
       "dependencies": {
         "@anthropic-ai/sdk": "^0.24.3",
diff --git a/package.json b/package.json
index 0698303..615a37a 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "claude-dev",
   "displayName": "Claude Dev",
   "description": "Autonomous software engineer right in your IDE, capable of reading/writing files, executing commands, and more with your permission every step of the way.",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "icon": "icon.png",
   "engines": {
     "vscode": "^1.84.0"
diff --git a/webview-ui/src/components/ChatRow.tsx b/webview-ui/src/components/ChatRow.tsx
index cfbc83d..1166874 100644
--- a/webview-ui/src/components/ChatRow.tsx
+++ b/webview-ui/src/components/ChatRow.tsx
@@ -105,7 +105,19 @@ const ChatRow: React.FC<ChatRowProps> = ({
 				components={{
 					p(props) {
 						const { style, ...rest } = props
-						return <p style={{ ...style, margin: 0, marginTop: 0, marginBottom: 0 }} {...rest} />
+						return (
+							<p
+								style={{
+									...style,
+									margin: 0,
+									marginTop: 0,
+									marginBottom: 0,
+									whiteSpace: "pre-wrap",
+									wordBreak: "break-word",
+								}}
+								{...rest}
+							/>
+						)
 					},
 					ol(props) {
 						const { style, ...rest } = props