From 575b85e928a5a660c7716223baed46ba43845f90 Mon Sep 17 00:00:00 2001
From: "ScrewTSW (public-projects)" <thescrewcollab@gmail.com>
Date: Wed, 16 Sep 2026 00:14:05 +0200
Subject: [PATCH 1/2] fix(gui): constrain chat view to sidebar width, drop
 viewport units

The chat root used w-screen (100vw) and the layout grid used height: 100vh,
so in the IDE sidebar the view was sized to the whole editor window instead
of the panel. Combined with a missing min-w-0 on the chat main element and
max-width: calc(100vw - 24px) on code/terminal <pre> blocks, long content
pushed the view beyond the panel with no way to scroll it.

- pages/gui/index.tsx: w-screen -> w-full, add min-w-0 to <main>
- Layout.tsx GridDiv: height 100vh -> 100%, overflow-x visible -> hidden
- StyledMarkdownPreview/UnifiedTerminal: pre max-width calc(100vw-24px) -> 100%
  (existing overflow-x: scroll then works against the panel width)
---
 gui/src/components/Layout.tsx                          | 6 +++---
 gui/src/components/StyledMarkdownPreview/index.tsx     | 2 +-
 gui/src/components/UnifiedTerminal/UnifiedTerminal.tsx | 2 +-
 gui/src/pages/gui/index.tsx                            | 4 ++--
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/gui/src/components/Layout.tsx b/gui/src/components/Layout.tsx
index 46b66f3f5d7..e535091d589 100644
--- a/gui/src/components/Layout.tsx
+++ b/gui/src/components/Layout.tsx
@@ -33,8 +33,8 @@ const LayoutTopDiv = styled(CustomScrollbarDiv)`
 const GridDiv = styled.div`
   display: grid;
   grid-template-rows: 1fr auto;
-  height: 100vh;
-  overflow-x: visible;
+  height: 100%;
+  overflow-x: hidden;
 `;
 
 const Layout = () => {
@@ -202,7 +202,7 @@ const Layout = () => {
           <div
             style={{
               scrollbarGutter: "stable both-edges",
-              minHeight: "100%",
+              height: "100%",
               display: "grid",
               gridTemplateRows: "1fr auto",
             }}
diff --git a/gui/src/components/StyledMarkdownPreview/index.tsx b/gui/src/components/StyledMarkdownPreview/index.tsx
index 2ff217a6147..e6209e1cfc4 100644
--- a/gui/src/components/StyledMarkdownPreview/index.tsx
+++ b/gui/src/components/StyledMarkdownPreview/index.tsx
@@ -66,7 +66,7 @@ const StyledMarkdown = styled.div<{
     background-color: ${vscEditorBackground};
     border-radius: ${defaultBorderRadius};
 
-    max-width: calc(100vw - 24px);
+    max-width: 100%;
     overflow-x: scroll;
     overflow-y: hidden;
 
diff --git a/gui/src/components/UnifiedTerminal/UnifiedTerminal.tsx b/gui/src/components/UnifiedTerminal/UnifiedTerminal.tsx
index e8b240fdd7e..d50179ab708 100644
--- a/gui/src/components/UnifiedTerminal/UnifiedTerminal.tsx
+++ b/gui/src/components/UnifiedTerminal/UnifiedTerminal.tsx
@@ -88,7 +88,7 @@ const StyledTerminalContainer = styled.div<{
 const TerminalContent = styled.div`
   pre {
     white-space: pre-wrap;
-    max-width: calc(100vw - 24px);
+    max-width: 100%;
     overflow-x: scroll;
     overflow-y: hidden;
     padding: 8px;
diff --git a/gui/src/pages/gui/index.tsx b/gui/src/pages/gui/index.tsx
index d74b32c59c7..837cb6e98d1 100644
--- a/gui/src/pages/gui/index.tsx
+++ b/gui/src/pages/gui/index.tsx
@@ -3,11 +3,11 @@ import { Chat } from "./Chat";
 
 export default function GUI() {
   return (
-    <div className="flex min-h-0 w-screen flex-row overflow-x-hidden">
+    <div className="flex min-h-0 w-full flex-row overflow-x-hidden">
       <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 min-w-0 flex-1 flex-col">
         <Chat />
       </main>
     </div>

From fb9bce0eb45da8ca42497fe93d073e0ef36d8a6e Mon Sep 17 00:00:00 2001
From: "ScrewTSW (public-projects)" <thescrewcollab@gmail.com>
Date: Wed, 16 Sep 2026 00:17:55 +0200
Subject: [PATCH 2/2] chore(vscode): bump extension version to 2.2.2

---
 extensions/vscode/package-lock.json | 4 ++--
 extensions/vscode/package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/extensions/vscode/package-lock.json b/extensions/vscode/package-lock.json
index 19c267d8fee..3a357a5f9c5 100644
--- a/extensions/vscode/package-lock.json
+++ b/extensions/vscode/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "continue",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "continue",
-      "version": "2.2.1",
+      "version": "2.2.2",
       "license": "Apache-2.0",
       "dependencies": {
         "@continuedev/config-types": "file:../../packages/config-types",
diff --git a/extensions/vscode/package.json b/extensions/vscode/package.json
index 91ea2b82a46..a97be14fdf1 100644
--- a/extensions/vscode/package.json
+++ b/extensions/vscode/package.json
@@ -2,7 +2,7 @@
   "name": "continue",
   "icon": "media/icon.png",
   "author": "Continue Dev, Inc",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/continuedev/continue"