From afc34632f7f4d494e5a91681ac4bfbfe6de47008 Mon Sep 17 00:00:00 2001
From: Luis Novo <lfnovo@gmail.com>
Date: Mon, 16 Feb 2026 14:56:46 -0300
Subject: [PATCH] fix: prevent chat input and message overflow with long
 unbroken strings

Add min-w-0 to chat input flex container and textarea to prevent
field-sizing-content from expanding the layout. Replace break-words
with break-all on user message bubbles to force wrapping at any
character for strings without spaces.
---
 frontend/src/app/(dashboard)/notebooks/[id]/page.tsx | 2 +-
 frontend/src/components/source/ChatPanel.tsx         | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/(dashboard)/notebooks/[id]/page.tsx b/frontend/src/app/(dashboard)/notebooks/[id]/page.tsx
index c942bc5..97ec398 100644
--- a/frontend/src/app/(dashboard)/notebooks/[id]/page.tsx
+++ b/frontend/src/app/(dashboard)/notebooks/[id]/page.tsx
@@ -230,7 +230,7 @@ export default function NotebookPage() {
             </div>
 
             {/* Chat Column - always expanded, takes remaining space */}
-            <div className="transition-all duration-150 flex-1 lg:pr-6 lg:-mr-6">
+            <div className="transition-all duration-150 flex-1 min-w-0 lg:pr-6 lg:-mr-6">
               <ChatColumn
                 notebookId={notebookId}
                 contextSelections={contextSelections}
diff --git a/frontend/src/components/source/ChatPanel.tsx b/frontend/src/components/source/ChatPanel.tsx
index e51078e..058699d 100644
--- a/frontend/src/components/source/ChatPanel.tsx
+++ b/frontend/src/components/source/ChatPanel.tsx
@@ -203,7 +203,7 @@ export function ChatPanel({
                           onReferenceClick={handleReferenceClick}
                         />
                       ) : (
-                        <p className="text-sm break-words overflow-wrap-anywhere">{message.content}</p>
+                        <p className="text-sm break-all">{message.content}</p>
                       )}
                     </div>
                     {message.type === 'ai' && (
@@ -290,7 +290,7 @@ export function ChatPanel({
             </div>
           )}
 
-          <div className="flex gap-2 items-end">
+          <div className="flex gap-2 items-end min-w-0">
             <Textarea
               id={chatInputId}
               name="chat-message"
@@ -300,7 +300,7 @@ export function ChatPanel({
               onKeyDown={handleKeyDown}
               placeholder={`${t.chat.sendPlaceholder} (${t.chat.pressToSend.replace('{key}', keyHint)})`}
               disabled={isStreaming}
-              className="flex-1 min-h-[40px] max-h-[100px] resize-none py-2 px-3"
+              className="flex-1 min-h-[40px] max-h-[100px] resize-none py-2 px-3 min-w-0"
               rows={1}
             />
             <Button