From d89602ca7d7a2f1083f11cfe3452abc7ed795234 Mon Sep 17 00:00:00 2001
From: Maksym Yezhov <maxim.ezhov@shopify.com>
Date: Sun, 3 May 2026 22:35:21 -0700
Subject: [PATCH] feat: v2 - change window height for docked windows

---
 .../v2/shared/windows/components/DockedWindow.tsx     | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/routes/v2/shared/windows/components/DockedWindow.tsx b/src/routes/v2/shared/windows/components/DockedWindow.tsx
index 2661c74c7..121b6052e 100644
--- a/src/routes/v2/shared/windows/components/DockedWindow.tsx
+++ b/src/routes/v2/shared/windows/components/DockedWindow.tsx
@@ -166,16 +166,19 @@ export const DockedWindow = observer(function DockedWindow() {
       <CollapsibleContent className="w-full">
         <div
           className={cn(
-            "w-full bg-white text-gray-900",
-            "transition-all duration-300",
+            "w-full bg-white text-gray-900 flex flex-col overflow-hidden",
+
             (isDragging || isResizing) && "select-none",
             isDragging && "opacity-50",
           )}
-          style={{ minHeight: MIN_DOCKED_HEIGHT }}
+          style={{
+            minHeight: MIN_DOCKED_HEIGHT,
+            height: model.effectiveDockedHeight,
+          }}
           onMouseDown={handleContainerMouseDown}
           onClick={handleContainerClick}
         >
-          <div className="bg-white">{content}</div>
+          <div className="flex-1 min-h-0 overflow-auto bg-white">{content}</div>
           <div
             className="h-1 cursor-ns-resize hover:bg-gray-200 transition-colors shrink-0"
             onMouseDown={handleResizeMouseDown}