Enable the multi conversation UI for all users (All-Hands-AI#6374)

Author: tofarr

frontend/__tests__/routes/_oh.app.test.tsx

@@ -5,7 +5,6 @@ import { screen, waitFor } from "@testing-library/react";
 import toast from "react-hot-toast";
 import App from "#/routes/_oh.app/route";
 import OpenHands from "#/api/open-hands";
-import { MULTI_CONVERSATION_UI } from "#/utils/feature-flags";
 
 describe("App", () => {
   const RouteStub = createRoutesStub([
@@ -35,7 +34,7 @@ describe("App", () => {
     await screen.findByTestId("app-route");
   });
 
-  it.skipIf(!MULTI_CONVERSATION_UI)(
+  it(
     "should call endSession if the user does not have permission to view conversation",
     async () => {
       const errorToastSpy = vi.spyOn(toast, "error");

frontend/src/components/features/sidebar/sidebar.tsx

@@ -15,7 +15,6 @@ import { SettingsModal } from "#/components/shared/modals/settings/settings-moda
 import { useCurrentSettings } from "#/context/settings-context";
 import { useSettings } from "#/hooks/query/use-settings";
 import { ConversationPanel } from "../conversation-panel/conversation-panel";
-import { MULTI_CONVERSATION_UI } from "#/utils/feature-flags";
 import { useEndSession } from "#/hooks/use-end-session";
 import { setCurrentAgentState } from "#/state/agent-slice";
 import { AgentState } from "#/types/agent-state";
@@ -78,16 +77,14 @@ export function Sidebar() {
               <AllHandsLogoButton onClick={handleEndSession} />
             </div>
             <ExitProjectButton onClick={handleEndSession} />
-            {MULTI_CONVERSATION_UI && (
-              <TooltipButton
-                testId="toggle-conversation-panel"
-                tooltip="Conversations"
-                ariaLabel="Conversations"
-                onClick={() => setConversationPanelIsOpen((prev) => !prev)}
-              >
-                <FaListUl size={22} />
-              </TooltipButton>
-            )}
+            <TooltipButton
+              testId="toggle-conversation-panel"
+              tooltip="Conversations"
+              ariaLabel="Conversations"
+              onClick={() => setConversationPanelIsOpen((prev) => !prev)}
+            >
+              <FaListUl size={22} />
+            </TooltipButton>
             <DocsButton />
           </div>
 

frontend/src/routes/_oh.app/route.tsx

@@ -34,7 +34,6 @@ import { useUserConversation } from "#/hooks/query/use-user-conversation";
 import { ServedAppLabel } from "#/components/layout/served-app-label";
 import { TerminalStatusLabel } from "#/components/features/terminal/terminal-status-label";
 import { useSettings } from "#/hooks/query/use-settings";
-import { MULTI_CONVERSATION_UI } from "#/utils/feature-flags";
 import { clearFiles, clearInitialPrompt } from "#/state/initial-query-slice";
 import { RootState } from "#/store";
 
@@ -66,7 +65,7 @@ function AppContent() {
   );
 
   React.useEffect(() => {
-    if (MULTI_CONVERSATION_UI && isFetched && !conversation) {
+    if (isFetched && !conversation) {
       toast.error(
         "This conversation does not exist, or you do not have permission to access it.",
       );

frontend/src/utils/feature-flags.ts

@@ -12,5 +12,4 @@ function loadFeatureFlag(
   }
 }
 
-export const MULTI_CONVERSATION_UI = loadFeatureFlag("MULTI_CONVERSATION_UI");
 export const MEMORY_CONDENSER = loadFeatureFlag("MEMORY_CONDENSER");

frontend/tests/conversation-panel.test.ts

@@ -31,9 +31,6 @@ const selectConversationCard = async (page: Page, index: number) => {
 
 test.beforeEach(async ({ page }) => {
   await page.goto("/");
-  await page.evaluate(() => {
-    localStorage.setItem("FEATURE_MULTI_CONVERSATION_UI", "true");
-  });
 });
 
 test("should only display the create new conversation button when in a conversation", async ({