From f2a60ea630912129d2fa7ea4c12dc424b0d5ad27 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Angel=20Garc=C3=ADa?= <git@angelgarcia.dev>
Date: Mon, 17 Aug 2026 20:41:22 -0600
Subject: [PATCH 1/2] Set thread message width to 100vw

Prevent code block from expanding the chat webview beyond it's horizontal limits by setting thread message div width to 100vw.
---
 gui/src/pages/gui/Chat.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/gui/src/pages/gui/Chat.tsx b/gui/src/pages/gui/Chat.tsx
index 00e04efd1f4..564dbe214aa 100644
--- a/gui/src/pages/gui/Chat.tsx
+++ b/gui/src/pages/gui/Chat.tsx
@@ -78,6 +78,7 @@ const StepsDiv = styled.div`
 
   .thread-message {
     margin: 0 0 0 1px;
+    width: 100vw;
   }
 `;
 

From dd58739f5c27826ac9b463513e40c986c25e9f67 Mon Sep 17 00:00:00 2001
From: Angel Garcia <git@angelgarcia.dev>
Date: Thu, 20 Aug 2026 06:20:29 -0600
Subject: [PATCH 2/2] refactor(ui): adjust chat containers for better
 responsive layout

Remove width: 100vw from thread messages and apply w-screen to the main container to fix chat layout rendering.
---
 gui/src/pages/gui/Chat.tsx  | 1 -
 gui/src/pages/gui/index.tsx | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/gui/src/pages/gui/Chat.tsx b/gui/src/pages/gui/Chat.tsx
index 564dbe214aa..00e04efd1f4 100644
--- a/gui/src/pages/gui/Chat.tsx
+++ b/gui/src/pages/gui/Chat.tsx
@@ -78,7 +78,6 @@ const StepsDiv = styled.div`
 
   .thread-message {
     margin: 0 0 0 1px;
-    width: 100vw;
   }
 `;
 
diff --git a/gui/src/pages/gui/index.tsx b/gui/src/pages/gui/index.tsx
index d74b32c59c7..5b2b4bf73b3 100644
--- a/gui/src/pages/gui/index.tsx
+++ b/gui/src/pages/gui/index.tsx
@@ -7,7 +7,7 @@ export default function GUI() {
       <aside className="4xl:flex border-vsc-input-border no-scrollbar hidden min-h-0 w-96 overflow-y-auto border-0 border-r border-solid">
         <History />
       </aside>
-      <main className="no-scrollbar flex min-h-0 flex-1 flex-col">
+      <main className="no-scrollbar flex min-h-0 flex-1 flex-col w-screen">
         <Chat />
       </main>
     </div>