From abb117812857049e43ae4958516151f9eae8ff71 Mon Sep 17 00:00:00 2001
From: zhangtony239 <zhangtony239@gmail.com>
Date: Mon, 2 Jun 2025 02:38:07 +0800
Subject: [PATCH 1/2] fix: optimize ChatRowContent layout and styles

---
 webview-ui/src/components/chat/ChatRow.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/webview-ui/src/components/chat/ChatRow.tsx b/webview-ui/src/components/chat/ChatRow.tsx
index 3031ada28b..8e2f4dbfd1 100644
--- a/webview-ui/src/components/chat/ChatRow.tsx
+++ b/webview-ui/src/components/chat/ChatRow.tsx
@@ -904,9 +904,9 @@ export const ChatRowContent = ({
 					)
 				case "user_feedback":
 					return (
-						<div className="bg-vscode-editor-background border rounded-xs p-1 overflow-hidden whitespace-pre-wrap word-break-break-word overflow-wrap-anywhere">
-							<div className="flex justify-between gap-2">
-								<div className="flex-grow px-2 py-1">
+						<div className="bg-vscode-editor-background border rounded-xs p-1 overflow-hidden whitespace-pre-wrap">
+							<div className="flex justify-between">
+								<div className="flex-grow px-2 py-1 w-fit wrap-anywhere">
 									<Mention text={message.text} withShadow />
 								</div>
 								<Button

From 1368bd12a41c5040f5223f5aba296ec43324eda4 Mon Sep 17 00:00:00 2001
From: zhangtony239 <zhangtony239@gmail.com>
Date: Mon, 2 Jun 2025 09:03:21 +0800
Subject: [PATCH 2/2] adjust ui calc performance

---
 webview-ui/src/components/chat/ChatRow.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/webview-ui/src/components/chat/ChatRow.tsx b/webview-ui/src/components/chat/ChatRow.tsx
index 8e2f4dbfd1..cc351343b5 100644
--- a/webview-ui/src/components/chat/ChatRow.tsx
+++ b/webview-ui/src/components/chat/ChatRow.tsx
@@ -906,12 +906,13 @@ export const ChatRowContent = ({
 					return (
 						<div className="bg-vscode-editor-background border rounded-xs p-1 overflow-hidden whitespace-pre-wrap">
 							<div className="flex justify-between">
-								<div className="flex-grow px-2 py-1 w-fit wrap-anywhere">
+								<div className="flex-grow px-2 py-1 wrap-anywhere">
 									<Mention text={message.text} withShadow />
 								</div>
 								<Button
 									variant="ghost"
 									size="icon"
+									className="shrink-0"
 									disabled={isStreaming}
 									onClick={(e) => {
 										e.stopPropagation()