From 3f22b3c31ccda3abeb2c833e561a8e2dcf1d1f7b Mon Sep 17 00:00:00 2001
From: Wout Stiens <71498452+StiensWout@users.noreply.github.com>
Date: Sat, 20 Jun 2026 09:23:30 +0000
Subject: [PATCH] Allow disconnecting reconnecting backends

Co-authored-by: Codex <codex@openai.com>
---
 .../src/components/settings/ConnectionsSettings.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/components/settings/ConnectionsSettings.tsx b/apps/web/src/components/settings/ConnectionsSettings.tsx
index 96d9dd4510f..61ccd8fe805 100644
--- a/apps/web/src/components/settings/ConnectionsSettings.tsx
+++ b/apps/web/src/components/settings/ConnectionsSettings.tsx
@@ -1413,6 +1413,7 @@ function SavedBackendListRow({
   const connectionState = environment.connection.phase;
   const isConnected = connectionState === "connected";
   const isConnecting = connectionState === "connecting" || connectionState === "reconnecting";
+  const canDisconnect = isConnected || isConnecting;
   const stateDotClassName =
     connectionState === "connected"
       ? "bg-success"
@@ -1480,16 +1481,16 @@ function SavedBackendListRow({
           <Button
             size="xs"
             variant="outline"
-            disabled={isConnecting || removingEnvironmentId === environmentId}
-            onClick={() => void (isConnected ? onRemove(environmentId) : onConnect(environmentId))}
+            disabled={removingEnvironmentId === environmentId}
+            onClick={() =>
+              void (canDisconnect ? onRemove(environmentId) : onConnect(environmentId))
+            }
           >
-            {isConnected
+            {canDisconnect
               ? removingEnvironmentId === environmentId
                 ? "Disconnecting…"
                 : "Disconnect"
-              : isConnecting
-                ? "Connecting…"
-                : "Connect"}
+              : "Connect"}
           </Button>
         </div>
       </div>