fix: refine sidebar and home onboarding layout

__tests__/components/backends/backend-selector.test.tsx

@@ -8,7 +8,7 @@ import {
   within,
 } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import { createRoutesStub, MemoryRouter, useParams } from "react-router";
+import { createRoutesStub, MemoryRouter } from "react-router";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 import { __resetActiveStoreForTests } from "#/api/backend-registry/active-store";
 import {
@@ -70,7 +70,11 @@ function TestSeed({
 async function openDropdown() {
   const user = userEvent.setup();
   const wrapper = screen.getByTestId("backend-selector");
-  await user.click(within(wrapper).getByTestId("dropdown-trigger"));
+  // BackendSelector renders Dropdown with `openOnHover` while the trigger is
+  // visible — clicking the toggle button would open via hover and then
+  // immediately close via the click handler. Hovering the wrapper alone is
+  // enough to surface the menu.
+  await user.hover(wrapper);
   return user;
 }
 
@@ -421,80 +425,6 @@ describe("BackendSelector", () => {
     expect(await screen.findByTestId("home")).toBeInTheDocument();
   });
 
-  it("jumps to the target backend's most recently selected conversation when switching from a conversation route", async () => {
-    // Pre-seed two local backends and the per-backend "last selected"
-    // slot for the target. The BackendSelector reads the remembered
-    // slot synchronously during `onChange`, so the localStorage write
-    // has to happen before the snapshot is rebuilt.
-    const sourceBackendId = "source-local";
-    const targetBackendId = "target-local";
-    window.localStorage.setItem(
-      "openhands-backends",
-      JSON.stringify([
-        {
-          id: sourceBackendId,
-          name: "Source Local",
-          host: "http://localhost:9000",
-          apiKey: "k",
-          kind: "local",
-        },
-        {
-          id: targetBackendId,
-          name: "Local 1",
-          host: "http://localhost:9001",
-          apiKey: "k",
-          kind: "local",
-        },
-      ]),
-    );
-    window.localStorage.setItem(
-      "openhands-active-backend",
-      JSON.stringify({ backendId: sourceBackendId, orgId: null }),
-    );
-    window.localStorage.setItem(
-      "openhands-last-conversation-by-backend",
-      JSON.stringify({ [targetBackendId]: "remembered-convo" }),
-    );
-    // Reset the in-memory snapshot so the seeded localStorage is read.
-    __resetActiveStoreForTests();
-
-    // One conversation route that renders the BackendSelector for the
-    // initial id and a probe div for the remembered id so we can
-    // observe the navigation target.
-    function ConversationRoute() {
-      const { conversationId } = useParams<{ conversationId: string }>();
-      if (conversationId === "remembered-convo") {
-        return <div data-testid="convo-route">{conversationId}</div>;
-      }
-      return <BackendSelector />;
-    }
-    function HomeRoute() {
-      return <div data-testid="home" />;
-    }
-    const RouterStub = createRoutesStub([
-      { path: "/conversations/:conversationId", Component: ConversationRoute },
-      { path: "/conversations", Component: HomeRoute },
-    ]);
-    const queryClient = new QueryClient({
-      defaultOptions: { queries: { retry: false } },
-    });
-    render(
-      <QueryClientProvider client={queryClient}>
-        <ActiveBackendProvider>
-          <RouterStub initialEntries={["/conversations/old-convo-on-A"]} />
-        </ActiveBackendProvider>
-      </QueryClientProvider>,
-    );
-
-    const user = await openDropdown();
-    await user.click(screen.getByText("Local 1"));
-
-    const convo = await screen.findByTestId("convo-route");
-    expect(convo).toHaveTextContent("remembered-convo");
-    // The home route should never have been visited.
-    expect(screen.queryByTestId("home")).not.toBeInTheDocument();
-  });
-
   it("stays on the current page when switching backends from a non-conversation route", async () => {
     function SettingsRoute() {
       return (
@@ -802,6 +732,10 @@ describe("BackendSelector", () => {
       </QueryClientProvider>,
     );
 
+    const settingsButton = screen.getByTestId("backend-selector-settings-link");
+    expect(settingsButton.className).toContain("bg-[#1f1f1f99]");
+    expect(settingsButton.className).toContain("text-white");
+
     const user = await openDropdown();
     await user.click(screen.getByText("Local 1"));
 

__tests__/components/features/conversation-panel/conversation-card.test.tsx

@@ -85,9 +85,6 @@ describe("ConversationCard", () => {
 
     within(card).getByText("Conversation 1");
 
-    // Just check that the card contains the expected text content
-    expect(card).toHaveTextContent("ago");
-
     // Use a regex to match the time part since it might have whitespace
     const timeRegex = new RegExp(
       formatTimeDelta(new Date("2021-10-01T12:00:00Z")),