From 8b375392f46bee8d77d2cb5435338273844dd816 Mon Sep 17 00:00:00 2001
From: Raphael Lechner <raphael.l@asix.pro>
Date: Sat, 11 Apr 2026 16:34:07 +0200
Subject: [PATCH 1/2] fix(web): show env keys checkbox in add project dialog

The "Allow env keys" checkbox was only visible after a failed add
attempt due to env leak detection. Move it into the add form so
users can opt in before clicking Add, avoiding the error roundtrip.
---
 packages/web/src/routes/SettingsPage.tsx | 61 ++++++++++++++----------
 1 file changed, 37 insertions(+), 24 deletions(-)

diff --git a/packages/web/src/routes/SettingsPage.tsx b/packages/web/src/routes/SettingsPage.tsx
index 07a07690fc..3d4f6e9101 100644
--- a/packages/web/src/routes/SettingsPage.tsx
+++ b/packages/web/src/routes/SettingsPage.tsx
@@ -394,30 +394,43 @@ function ProjectsSection(): React.ReactElement {
         )}
 
         {showAdd ? (
-          <form onSubmit={handleAddSubmit} className="mt-3 flex gap-2">
-            <Input
-              value={addPath}
-              onChange={e => {
-                setAddPath(e.target.value);
-              }}
-              placeholder="/path/to/repository"
-              className="flex-1"
-            />
-            <Button type="submit" size="sm" disabled={addMutation.isPending}>
-              Add
-            </Button>
-            <Button
-              type="button"
-              variant="ghost"
-              size="sm"
-              onClick={() => {
-                setShowAdd(false);
-                setAddPath('');
-              }}
-            >
-              Cancel
-            </Button>
-          </form>
+          <div className="mt-3 space-y-2">
+            <form onSubmit={handleAddSubmit} className="flex gap-2">
+              <Input
+                value={addPath}
+                onChange={e => {
+                  setAddPath(e.target.value);
+                }}
+                placeholder="/path/to/repository"
+                className="flex-1"
+              />
+              <Button type="submit" size="sm" disabled={addMutation.isPending}>
+                Add
+              </Button>
+              <Button
+                type="button"
+                variant="ghost"
+                size="sm"
+                onClick={() => {
+                  setShowAdd(false);
+                  setAddPath('');
+                  setAllowEnvKeys(false);
+                }}
+              >
+                Cancel
+              </Button>
+            </form>
+            <label className="flex items-center gap-2 text-sm text-text-secondary">
+              <input
+                type="checkbox"
+                checked={allowEnvKeys}
+                onChange={e => {
+                  setAllowEnvKeys(e.target.checked);
+                }}
+              />
+              Allow env keys (I understand the risk)
+            </label>
+          </div>
         ) : (
           <Button
             variant="outline"

From 7fce483858dd9a8874fb466c3aa10b4531f16ff8 Mon Sep 17 00:00:00 2001
From: Raphael Lechner <raphael.l@asix.pro>
Date: Sat, 11 Apr 2026 16:39:36 +0200
Subject: [PATCH 2/2] fix(web): remove duplicate env-keys checkbox from error
 state

The old error-state checkbox is no longer needed since the checkbox
is now always visible in the add project form. Also removes the
unused isEnvLeakError helper function.
---
 packages/web/src/routes/SettingsPage.tsx | 21 ---------------------
 1 file changed, 21 deletions(-)

diff --git a/packages/web/src/routes/SettingsPage.tsx b/packages/web/src/routes/SettingsPage.tsx
index 3d4f6e9101..664dfae2f4 100644
--- a/packages/web/src/routes/SettingsPage.tsx
+++ b/packages/web/src/routes/SettingsPage.tsx
@@ -251,15 +251,6 @@ function EnvVarsPanel({ codebaseId }: { codebaseId: string }): React.ReactElemen
   );
 }
 
-function isEnvLeakError(error: unknown): boolean {
-  return (
-    error instanceof Error &&
-    'status' in error &&
-    (error as Error & { status: number }).status === 422 &&
-    error.message.startsWith('Cannot add codebase')
-  );
-}
-
 function ProjectsSection(): React.ReactElement {
   const queryClient = useQueryClient();
   const [addPath, setAddPath] = useState('');
@@ -449,18 +440,6 @@ function ProjectsSection(): React.ReactElement {
             {addMutation.error instanceof Error
               ? addMutation.error.message
               : 'Failed to add project'}
-            {isEnvLeakError(addMutation.error) && (
-              <label className="mt-2 flex items-center gap-2 text-text-secondary">
-                <input
-                  type="checkbox"
-                  checked={allowEnvKeys}
-                  onChange={e => {
-                    setAllowEnvKeys(e.target.checked);
-                  }}
-                />
-                Allow env keys (I understand the risk)
-              </label>
-            )}
           </div>
         )}
       </CardContent>