From 8f9fc056a4faa4482d40fb18a8320c54fb69b2ce Mon Sep 17 00:00:00 2001
From: Haze <709547807@qq.com>
Date: Thu, 26 Feb 2026 13:46:23 +0800
Subject: [PATCH] =?UTF-8?q?fix(chat):=20improve=20message=20layout=20and?=
 =?UTF-8?q?=20text=20wrapping=20in=20ChatMessage=20co=E2=80=A6=20(#181)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Chat/ChatMessage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Chat/ChatMessage.tsx b/src/pages/Chat/ChatMessage.tsx
index b0cf19982..8de44b0e2 100644
--- a/src/pages/Chat/ChatMessage.tsx
+++ b/src/pages/Chat/ChatMessage.tsx
@@ -84,7 +84,7 @@ export const ChatMessage = memo(function ChatMessage({
       {/* Content */}
       <div
         className={cn(
-          'flex flex-col w-full max-w-[80%] space-y-2',
+          'flex flex-col w-full min-w-0 max-w-[80%] space-y-2',
           isUser ? 'items-end' : 'items-start',
         )}
       >
@@ -346,7 +346,7 @@ function MessageBubble({
       )}
     >
       {isUser ? (
-        <p className="whitespace-pre-wrap text-sm">{text}</p>
+        <p className="whitespace-pre-wrap break-words text-sm">{text}</p>
       ) : (
         <div className="prose prose-sm dark:prose-invert max-w-none">
           <ReactMarkdown