From da5dc31ec4e94d98c17aa750f23e079145ac040c Mon Sep 17 00:00:00 2001
From: kaitranntt <kaitran.ntt@gmail.com>
Date: Thu, 18 Dec 2025 05:28:55 -0500
Subject: [PATCH] fix(ui): constrain copilot config left panel width to 540px

---
 ui/src/components/copilot/copilot-config-form.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/ui/src/components/copilot/copilot-config-form.tsx b/ui/src/components/copilot/copilot-config-form.tsx
index b7da407a..80cce9db 100644
--- a/ui/src/components/copilot/copilot-config-form.tsx
+++ b/ui/src/components/copilot/copilot-config-form.tsx
@@ -791,13 +791,15 @@ export function CopilotConfigForm() {
         </div>
       </div>
 
-      {/* Split Layout (50% Left / 50% Right) */}
-      <div className="flex-1 grid grid-cols-2 divide-x overflow-hidden">
-        {/* Left Column: Friendly UI */}
-        <div className="flex flex-col overflow-hidden bg-muted/5">{renderFriendlyUI()}</div>
+      {/* Split Layout - Left panel constrained, Right panel flexible */}
+      <div className="flex-1 flex divide-x overflow-hidden">
+        {/* Left Column: Friendly UI - constrained width */}
+        <div className="w-[540px] shrink-0 flex flex-col overflow-hidden bg-muted/5">
+          {renderFriendlyUI()}
+        </div>
 
-        {/* Right Column: Raw Editor */}
-        <div className="flex flex-col overflow-hidden">
+        {/* Right Column: Raw Editor - takes remaining space */}
+        <div className="flex-1 min-w-0 flex flex-col overflow-hidden">
           <div className="px-6 py-2 bg-muted/30 border-b flex items-center gap-2 shrink-0 h-[45px]">
             <Code2 className="w-4 h-4 text-muted-foreground" />
             <span className="text-sm font-medium text-muted-foreground">