From ac3198c4d4807b912ebb4d8c95117baf605f3e10 Mon Sep 17 00:00:00 2001
From: zhangtony239 <zhangtony239@gmail.com>
Date: Fri, 25 Apr 2025 19:33:56 +0800
Subject: [PATCH] Fix: word wrapping in Roo message title

---
 webview-ui/src/components/chat/BrowserSessionRow.tsx | 1 +
 webview-ui/src/components/chat/ChatRow.tsx           | 1 +
 2 files changed, 2 insertions(+)

diff --git a/webview-ui/src/components/chat/BrowserSessionRow.tsx b/webview-ui/src/components/chat/BrowserSessionRow.tsx
index a52d944abca..b3dd8c0f765 100644
--- a/webview-ui/src/components/chat/BrowserSessionRow.tsx
+++ b/webview-ui/src/components/chat/BrowserSessionRow.tsx
@@ -429,6 +429,7 @@ const BrowserSessionRowContent = ({
 		alignItems: "center",
 		gap: "10px",
 		marginBottom: "10px",
+		wordBreak: "break-word",
 	}
 
 	switch (message.type) {
diff --git a/webview-ui/src/components/chat/ChatRow.tsx b/webview-ui/src/components/chat/ChatRow.tsx
index ec94326b632..e01c5054da4 100644
--- a/webview-ui/src/components/chat/ChatRow.tsx
+++ b/webview-ui/src/components/chat/ChatRow.tsx
@@ -242,6 +242,7 @@ export const ChatRowContent = ({
 		alignItems: "center",
 		gap: "10px",
 		marginBottom: "10px",
+		wordBreak: "break-word",
 	}
 
 	const pStyle: React.CSSProperties = {