Fix: word wrapping in Roo message title (#2948)

zhangtony239 · web-flow · commit de22566ea299 · 2025-04-25T17:13:13.000-07:00
diff --git 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
@@ -242,6 +242,7 @@ export const ChatRowContent = ({
 		alignItems: "center",
 		gap: "10px",
 		marginBottom: "10px",
+		wordBreak: "break-word",
 	}
 
 	const pStyle: React.CSSProperties = {

Original file line number	Diff line number	Diff line change
`@@ -429,6 +429,7 @@ const BrowserSessionRowContent = ({`
`429`	`429`	`alignItems: "center",`
`430`	`430`	`gap: "10px",`
`431`	`431`	`marginBottom: "10px",`
	`432`	`+ wordBreak: "break-word",`
`432`	`433`	`}`
`433`	`434`
`434`	`435`	`switch (message.type) {`
Original file line number	Diff line number	Diff line change
`@@ -242,6 +242,7 @@ export const ChatRowContent = ({`
`242`	`242`	`alignItems: "center",`
`243`	`243`	`gap: "10px",`
`244`	`244`	`marginBottom: "10px",`
	`245`	`+ wordBreak: "break-word",`
`245`	`246`	`}`
`246`	`247`
`247`	`248`	`const pStyle: React.CSSProperties = {`