From 24b558b106781ce2d13e8e06f439dcae6f08e137 Mon Sep 17 00:00:00 2001
From: PostHog Code <code@posthog.com>
Date: Mon, 4 May 2026 19:47:49 +0000
Subject: [PATCH] fix: command center permission prompt and layout picker in
 narrow windows

In a 1x2 (or other multi-cell) command center layout with a narrow window,
the permission prompt could grow taller than its cell. The buttons (Next /
Submit / Cancel) ended up below the cell's overflow-hidden boundary, leaving
the user unable to click them or scroll to reach them.

Cap the permission box at half the cell height with internal scroll, and
drop the centered max-width when in compact mode so it matches PromptInput.

Also switch the layout picker to position="popper" so the dropdown appears
below the trigger instead of trying to align the selected item, which was
causing jumpy scroll behavior when changing layouts.

Generated-By: PostHog Code
Task-Id: a8535e34-5b6b-43b0-a08f-3f58fa9d5e95
---
 .../command-center/components/CommandCenterToolbar.tsx |  2 +-
 .../features/sessions/components/SessionView.tsx       | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/apps/code/src/renderer/features/command-center/components/CommandCenterToolbar.tsx b/apps/code/src/renderer/features/command-center/components/CommandCenterToolbar.tsx
index d4b5651e8..a6bd878d1 100644
--- a/apps/code/src/renderer/features/command-center/components/CommandCenterToolbar.tsx
+++ b/apps/code/src/renderer/features/command-center/components/CommandCenterToolbar.tsx
@@ -123,7 +123,7 @@ export function CommandCenterToolbar({
         onValueChange={(v) => setLayout(v as LayoutPreset)}
       >
         <Select.Trigger variant="ghost" className="text-[12px]" />
-        <Select.Content>
+        <Select.Content position="popper">
           {LAYOUT_OPTIONS.map((opt) => (
             <Select.Item key={opt.value} value={opt.value}>
               <Flex align="center" gap="2">
diff --git a/apps/code/src/renderer/features/sessions/components/SessionView.tsx b/apps/code/src/renderer/features/sessions/components/SessionView.tsx
index def15befe..456f3b277 100644
--- a/apps/code/src/renderer/features/sessions/components/SessionView.tsx
+++ b/apps/code/src/renderer/features/sessions/components/SessionView.tsx
@@ -563,10 +563,14 @@ export function SessionView({
                     </Flex>
                   </Flex>
                 ) : hideInput ? null : firstPendingPermission ? (
-                  <Box className="border-gray-4 border-t">
+                  <Box className="max-h-1/2 min-h-0 overflow-y-auto border-gray-4 border-t">
                     <Box
-                      className="mx-auto p-2"
-                      style={{ maxWidth: CHAT_CONTENT_MAX_WIDTH }}
+                      className={compact ? "p-1" : "mx-auto p-2"}
+                      style={
+                        compact
+                          ? undefined
+                          : { maxWidth: CHAT_CONTENT_MAX_WIDTH }
+                      }
                     >
                       <PermissionSelector
                         toolCall={firstPendingPermission.toolCall}