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,6 +284,7 @@ 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} />
+              {settings?.enableSelectAppFromHomeChatInput && (
                 <Tooltip>
                   <TooltipTrigger
                     render={
@@ -317,6 +325,7 @@ export function HomeChatInput({
                       : "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>