feat: gate home chat app selector behind experiment setting (#2964)

e2e-tests/helpers/page-objects/PageObject.ts

@@ -89,11 +89,13 @@ export class PageObject {
     disableNativeGit = false,
     enableAutoFixProblems = false,
     enableBasicAgent = false,
+    enableSelectAppFromHomeChatInput = false,
   }: {
     autoApprove?: boolean;
     disableNativeGit?: boolean;
     enableAutoFixProblems?: boolean;
     enableBasicAgent?: boolean;
+    enableSelectAppFromHomeChatInput?: boolean;
   } = {}) {
     await this.baseSetup();
     await this.navigation.goToSettingsTab();
@@ -106,6 +108,9 @@ export class PageObject {
     if (enableAutoFixProblems) {
       await this.settings.toggleAutoFixProblems();
     }
+    if (enableSelectAppFromHomeChatInput) {
+      await this.settings.toggleEnableSelectAppFromHomeChatInput();
+    }
     await this.settings.setUpTestProvider();
     await this.settings.setUpTestModel();
     await this.navigation.goToAppsTab();

e2e-tests/helpers/page-objects/components/Settings.ts

@@ -36,6 +36,14 @@ export class Settings {
       .click();
   }
 
+  async toggleEnableSelectAppFromHomeChatInput() {
+    await this.page
+      .getByRole("switch", {
+        name: "Enable Select App from Home Chat Input",
+      })
+      .click();
+  }
+
   async toggleAutoUpdate() {
     await this.page.getByRole("switch", { name: "Auto-update" }).click();
   }

e2e-tests/home_chat_existing_app.spec.ts

@@ -2,7 +2,10 @@ import { test } from "./helpers/test_helper";
 import { expect } from "@playwright/test";
 
 test("home chat - start new chat in existing app", async ({ po }) => {
-  await po.setUp({ autoApprove: true });
+  await po.setUp({
+    autoApprove: true,
+    enableSelectAppFromHomeChatInput: true,
+  });
 
   // Create an app first
   await po.sendPrompt("create a todo application");
@@ -48,7 +51,10 @@ test("home chat - start new chat in existing app", async ({ po }) => {
 });
 
 test("home chat - clear selected app", async ({ po }) => {
-  await po.setUp({ autoApprove: true });
+  await po.setUp({
+    autoApprove: true,
+    enableSelectAppFromHomeChatInput: true,
+  });
 
   // Create an app first
   await po.sendPrompt("create a todo application");

src/components/chat/HomeChatInput.tsx

@@ -36,7 +36,7 @@ import { AppSearchDialog } from "../AppSearchDialog";
 import { useVoiceToText } from "@/hooks/useVoiceToText";
 import { useUserBudgetInfo } from "@/hooks/useUserBudgetInfo";
 import { ipc } from "@/ipc/types";
-import { useCallback } from "react";
+import { useCallback, useEffect } from "react";
 import { showError } from "@/lib/toast";
 
 export function HomeChatInput({
@@ -71,6 +71,13 @@ export function HomeChatInput({
   const [appSearchOpen, setAppSearchOpen] = useState(false);
   const { apps } = useLoadApps();
 
+  // Clear selected app when the experiment flag is disabled
+  useEffect(() => {
+    if (!settings?.enableSelectAppFromHomeChatInput) {
+      setSelectedApp(null);
+    }
+  }, [settings?.enableSelectAppFromHomeChatInput, setSelectedApp]);
+
   const typingText = useTypingPlaceholder([
     "an ecommerce store...",
     "an information page...",
@@ -277,46 +284,48 @@ export function HomeChatInput({
           <div className="px-2 flex items-center justify-between pb-0.5 pt-0.5">
             <div className="flex items-center">
               <ChatInputControls showContextFilesPicker={false} />
-              <Tooltip>
-                <TooltipTrigger
-                  render={
-                    <button
-                      onClick={() => setAppSearchOpen(true)}
-                      className={cn(
-                        "cursor-pointer px-2 py-1 ml-1.5 text-xs font-medium rounded-lg transition-colors flex items-center gap-1",
-                        selectedApp
-                          ? "bg-primary/10 text-primary hover:bg-primary/15"
-                          : "text-foreground/80 hover:text-foreground hover:bg-muted/60",
-                      )}
-                      data-testid="home-app-selector"
-                    />
-                  }
-                >
-                  <FolderOpenIcon size={14} />
-                  <span className="truncate max-w-[150px]">
-                    {selectedApp ? selectedApp.name : "No app selected"}
-                  </span>
-                  {selectedApp && (
-                    <button
-                      type="button"
-                      onClick={(e) => {
-                        e.stopPropagation();
-                        setSelectedApp(null);
-                      }}
-                      className="hover:bg-primary/20 rounded-sm p-0.5 transition-colors"
-                      aria-label="Deselect app"
-                      data-testid="home-app-selector-clear"
-                    >
-                      <XIcon size={12} />
-                    </button>
-                  )}
-                </TooltipTrigger>
-                <TooltipContent>
-                  {selectedApp
-                    ? "Change selected app"
-                    : "Select an existing app"}
-                </TooltipContent>
-              </Tooltip>
+              {settings?.enableSelectAppFromHomeChatInput && (
+                <Tooltip>
+                  <TooltipTrigger
+                    render={
+                      <button
+                        onClick={() => setAppSearchOpen(true)}
+                        className={cn(
+                          "cursor-pointer px-2 py-1 ml-1.5 text-xs font-medium rounded-lg transition-colors flex items-center gap-1",
+                          selectedApp
+                            ? "bg-primary/10 text-primary hover:bg-primary/15"
+                            : "text-foreground/80 hover:text-foreground hover:bg-muted/60",
+                        )}
+                        data-testid="home-app-selector"
+                      />
+                    }
+                  >
+                    <FolderOpenIcon size={14} />
+                    <span className="truncate max-w-[150px]">
+                      {selectedApp ? selectedApp.name : "No app selected"}
+                    </span>
+                    {selectedApp && (
+                      <button
+                        type="button"
+                        onClick={(e) => {
+                          e.stopPropagation();
+                          setSelectedApp(null);
+                        }}
+                        className="hover:bg-primary/20 rounded-sm p-0.5 transition-colors"
+                        aria-label="Deselect app"
+                        data-testid="home-app-selector-clear"
+                      >
+                        <XIcon size={12} />
+                      </button>
+                    )}
+                  </TooltipTrigger>
+                  <TooltipContent>
+                    {selectedApp
+                      ? "Change selected app"
+                      : "Select an existing app"}
+                  </TooltipContent>
+                </Tooltip>
+              )}
             </div>
 
             <AuxiliaryActionsMenu

src/lib/schemas.ts

@@ -352,6 +352,7 @@ const BaseUserSettingsFields = {
   hideLocalAgentNewChatToast: z.boolean().optional(),
   enableContextCompaction: z.boolean().optional(),
   skipNotificationBanner: z.boolean().optional(),
+  enableSelectAppFromHomeChatInput: z.boolean().optional(),
 };
 
 /**

src/lib/settingsSearchIndex.ts

@@ -34,6 +34,8 @@ export const SETTING_IDS = {
   neon: "setting-neon",
   nativeGit: "setting-native-git",
   enableMcpServersForBuildMode: "setting-enable-mcp-servers-for-build-mode",
+  enableSelectAppFromHomeChatInput:
+    "setting-enable-select-app-from-home-chat-input",
   reset: "setting-reset",
 } as const;
 
@@ -331,6 +333,15 @@ export const SETTINGS_SEARCH_INDEX: SearchableSettingItem[] = [
     sectionId: SECTION_IDS.experiments,
     sectionLabel: "Experiments",
   },
+  {
+    id: SETTING_IDS.enableSelectAppFromHomeChatInput,
+    label: "Enable Select App from Home Chat Input",
+    description:
+      "Show an app selector in the home chat input to start a chat referencing an existing app",
+    keywords: ["app", "select", "home", "chat", "experiment", "input"],
+    sectionId: SECTION_IDS.experiments,
+    sectionLabel: "Experiments",
+  },
 
   // Danger Zone
   {

src/pages/settings.tsx

@@ -219,6 +219,30 @@ export default function SettingsPage() {
                   servers are always enabled in Agent mode.
                 </div>
               </div>
+              <div
+                id={SETTING_IDS.enableSelectAppFromHomeChatInput}
+                className="space-y-1 mt-4"
+              >
+                <div className="flex items-center space-x-2">
+                  <Switch
+                    id="enable-select-app-from-home-chat-input"
+                    aria-label="Enable Select App from Home Chat Input"
+                    checked={!!settings?.enableSelectAppFromHomeChatInput}
+                    onCheckedChange={(checked) => {
+                      updateSettings({
+                        enableSelectAppFromHomeChatInput: checked,
+                      });
+                    }}
+                  />
+                  <Label htmlFor="enable-select-app-from-home-chat-input">
+                    Enable Select App from Home Chat Input
+                  </Label>
+                </div>
+                <div className="text-sm text-gray-500 dark:text-gray-400">
+                  Show an app selector in the home chat input to start a chat
+                  referencing an existing app.
+                </div>
+              </div>
             </div>
           </div>