From 9fa2748369dbe68cfc1e9673729b8630f770de0f Mon Sep 17 00:00:00 2001
From: Harsha Vardhan <harshahvk2005@gmail.com>
Date: Thu, 23 Jul 2026 20:09:27 +0530
Subject: [PATCH] fix(gui): prevent composer input overflow on long unbroken
 strings (#13016)

---
 gui/src/components/mainInput/TipTapEditor/TipTapEditor.css | 5 +++++
 gui/src/components/mainInput/TipTapEditor/TipTapEditor.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/gui/src/components/mainInput/TipTapEditor/TipTapEditor.css b/gui/src/components/mainInput/TipTapEditor/TipTapEditor.css
index 3f2a2c7703f..c205ebac0cf 100644
--- a/gui/src/components/mainInput/TipTapEditor/TipTapEditor.css
+++ b/gui/src/components/mainInput/TipTapEditor/TipTapEditor.css
@@ -1,3 +1,8 @@
+.tiptap {
+  overflow-wrap: break-word;
+  word-break: break-word;
+}
+
 .mention {
   background-color: var(--vscode-badge-background, #bfe2b6);
   color: var(--vscode-badge-foreground, --vscode-foreground, #000);
diff --git a/gui/src/components/mainInput/TipTapEditor/TipTapEditor.tsx b/gui/src/components/mainInput/TipTapEditor/TipTapEditor.tsx
index c19ae0af242..d5f3b397654 100644
--- a/gui/src/components/mainInput/TipTapEditor/TipTapEditor.tsx
+++ b/gui/src/components/mainInput/TipTapEditor/TipTapEditor.tsx
@@ -342,7 +342,7 @@ const MemoInner = memo(
 
 export function TipTapEditor(props: TipTapEditorProps) {
   return (
-    <div className="relative w-full">
+    <div className="relative w-full min-w-0">
       <MemoInner {...props} />
     </div>
   );