From 0bdebf2165248a7d1717eed0fb7ca746f546ee68 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Fri, 22 May 2026 17:52:37 +0000
Subject: [PATCH] Simplify cloud environment dropdown when user has only one
 environment

When the user has no custom sandbox environments, show a single 'Cloud'
option inline with the other workspace modes instead of a separate
'Cloud environments' section with just the 'Default' entry. The full
section with separator, header, and per-environment list is preserved
when the user has created custom sandbox environments.
---
 .../components/WorkspaceModeSelect.tsx        | 42 ++++++++++++++-----
 1 file changed, 31 insertions(+), 11 deletions(-)

diff --git a/apps/code/src/renderer/features/task-detail/components/WorkspaceModeSelect.tsx b/apps/code/src/renderer/features/task-detail/components/WorkspaceModeSelect.tsx
index 08c8c8b77..21d8c9380 100644
--- a/apps/code/src/renderer/features/task-detail/components/WorkspaceModeSelect.tsx
+++ b/apps/code/src/renderer/features/task-detail/components/WorkspaceModeSelect.tsx
@@ -163,21 +163,41 @@ export function WorkspaceModeSelect({
           ))}
         </DropdownMenuGroup>
 
-        {showCloud && (
+        {showCloud && environments.length === 0 && (
+          <DropdownMenuItem
+            onClick={() => {
+              onChange("cloud");
+              onCloudEnvironmentChange?.(null);
+            }}
+            render={
+              <ItemMenuItem size="xs" className="w-full">
+                <ItemMedia variant="icon" className="mt-2 ml-2">
+                  <span>{CLOUD_ICON}</span>
+                </ItemMedia>
+                <ItemContent variant="menuItem">
+                  <ItemTitle>Cloud</ItemTitle>
+                  <ItemDescription className="whitespace-nowrap leading-none">
+                    Run in a cloud sandbox
+                  </ItemDescription>
+                </ItemContent>
+              </ItemMenuItem>
+            }
+          />
+        )}
+
+        {showCloud && environments.length > 0 && (
           <>
             <DropdownMenuSeparator />
             <div className="flex items-center justify-between px-2 py-1">
               <MenuLabel className="p-0">Cloud environments</MenuLabel>
-              {environments.length > 0 && (
-                <button
-                  type="button"
-                  onClick={handleAddEnvironment}
-                  aria-label="Add cloud environment"
-                  className="flex cursor-pointer items-center justify-center rounded-sm border-0 bg-transparent p-0.5 text-muted-foreground transition-colors hover:bg-fill-hover hover:text-foreground"
-                >
-                  <Plus size={12} />
-                </button>
-              )}
+              <button
+                type="button"
+                onClick={handleAddEnvironment}
+                aria-label="Add cloud environment"
+                className="flex cursor-pointer items-center justify-center rounded-sm border-0 bg-transparent p-0.5 text-muted-foreground transition-colors hover:bg-fill-hover hover:text-foreground"
+              >
+                <Plus size={12} />
+              </button>
             </div>
 
             <DropdownMenuGroup>