From cc773ee3db4fbfbea0d8aa99800577f7a772f01e Mon Sep 17 00:00:00 2001
From: Sy-D <8460326+Sy-D@users.noreply.github.com>
Date: Wed, 29 Jul 2026 11:16:32 +0200
Subject: [PATCH] fix(web): keep a long path from running under the folder
 picker button

CommandInput forwards className to the field wrapper, not to the inner input,
so the pe-* reserved for the absolutely positioned submit button never applied
and a long path slid underneath it. Target the input the same way the component
already does for its start padding, and size the reserve to the button: it
measures 83px for "Add" and 137px for "Create & Add", against 64px reserved.

Closes #4819.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 apps/web/src/components/CommandPalette.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/CommandPalette.tsx b/apps/web/src/components/CommandPalette.tsx
index b4e874017d4..f01081baff5 100644
--- a/apps/web/src/components/CommandPalette.tsx
+++ b/apps/web/src/components/CommandPalette.tsx
@@ -1987,13 +1987,16 @@ function OpenCommandPaletteDialog(props: {
       >
         <div className="relative">
           <CommandInput
+            // The submit button is absolutely positioned over the field, so the
+            // input has to reserve room for it or a long path runs underneath.
+            // Padding has to reach the inner input; on the wrapper it does nothing.
             className={
               addProjectCloneFlow?.step === "repository"
-                ? "pe-32"
+                ? "*:data-[slot=autocomplete-input]:pe-32!"
                 : isBrowsing
                   ? willCreateProjectPath
-                    ? "pe-36"
-                    : "pe-16"
+                    ? "*:data-[slot=autocomplete-input]:pe-38!"
+                    : "*:data-[slot=autocomplete-input]:pe-24!"
                   : undefined
             }
             placeholder={inputPlaceholder}