@nextclaw/ui 0.14.1-beta.1 → 0.14.1

package/src/features/chat/components/layout/chat-sidebar-toolbar.tsx

@@ -1,4 +1,4 @@
-import { Button } from "@/shared/components/ui/button";
+import { Button, type ButtonProps } from "@/shared/components/ui/button";
 import { IconActionButton } from "@/shared/components/ui/actions/icon-action-button";
 import { Input } from "@/shared/components/ui/input";
 import {
@@ -6,22 +6,71 @@ import {
   PopoverContent,
   PopoverTrigger,
 } from "@/shared/components/ui/popover";
-import { ChatSidebarCreateMenu } from "@/features/chat/features/session-type/components/chat-sidebar-create-menu";
+import { SessionContextIconNode } from "@/features/chat/features/session/components/session-context-icon";
+import { ChatSessionTypeMenu } from "@/features/chat/features/session-type/components/chat-session-type-menu";
 import type { ChatInputSnapshot } from "@/features/chat/stores/chat-input.store";
 import { cn } from "@/shared/lib/utils";
 import { t } from "@/shared/lib/i18n";
-import { ChevronDown, Plus, Search } from "lucide-react";
+import { Bot, ChevronDown, Plus, Search } from "lucide-react";
 
 type SessionTypeOption = ChatInputSnapshot["sessionTypeOptions"][number];
+type NewSessionActionStyleVariant =
+  | "neutralSurface"
+  | "brandSoft"
+  | "brandTextSurface"
+  | "brandSolid";
+
+const NEW_SESSION_ACTION_STYLE_VARIANT: NewSessionActionStyleVariant =
+  "brandSoft";
+
+const NEW_SESSION_ACTION_STYLE_CLASSES: Record<
+  NewSessionActionStyleVariant,
+  {
+    leftVariant: ButtonProps["variant"];
+    leftClassName: string;
+    rightClassName: string;
+  }
+> = {
+  neutralSurface: {
+    leftVariant: "ghost",
+    leftClassName:
+      "bg-white/90 text-gray-700 shadow-none transition-[background-color,color,box-shadow] hover:bg-white hover:text-gray-950 hover:shadow-sm active:bg-white/95",
+    rightClassName:
+      "bg-white/90 text-gray-600 shadow-none transition-[background-color,color,box-shadow] hover:bg-white hover:text-gray-900 hover:shadow-sm active:bg-white/95",
+  },
+  brandSoft: {
+    leftVariant: "ghost",
+    leftClassName:
+      "bg-primary/10 text-primary shadow-none transition-[background-color,color,box-shadow] hover:bg-primary/15 hover:text-primary-700 hover:shadow-sm active:bg-primary/20",
+    rightClassName:
+      "bg-primary/10 text-primary shadow-none transition-[background-color,color,box-shadow] hover:bg-primary/15 hover:text-primary-700 hover:shadow-sm active:bg-primary/20",
+  },
+  brandTextSurface: {
+    leftVariant: "ghost",
+    leftClassName:
+      "bg-white/90 text-primary shadow-none transition-[background-color,color,box-shadow] hover:bg-primary/10 hover:text-primary-700 hover:shadow-sm active:bg-primary/15",
+    rightClassName:
+      "bg-white/90 text-primary shadow-none transition-[background-color,color,box-shadow] hover:bg-primary/10 hover:text-primary-700 hover:shadow-sm active:bg-primary/15",
+  },
+  brandSolid: {
+    leftVariant: "primary",
+    leftClassName: "",
+    rightClassName:
+      "bg-primary text-primary-foreground shadow-sm hover:bg-primary-600 hover:text-primary-foreground active:bg-primary-700",
+  },
+};
 
 type ChatSidebarToolbarProps = {
   query: string;
   defaultSessionType: string;
   sessionTypeOptions: SessionTypeOption[];
   nonDefaultSessionTypeOptions: SessionTypeOption[];
+  selectedNewSessionType: string;
+  selectedNewSessionTypeOption: SessionTypeOption | null;
   isCreateMenuOpen: boolean;
   onCreateMenuOpenChange: (open: boolean) => void;
   onCreateSession: (sessionType: string) => void;
+  onSelectNewSessionType: (sessionType: string) => void;
   onQueryChange: (query: string) => void;
 };
 
@@ -39,58 +88,96 @@ function getMobileCreateOptions(params: {
   ];
 }
 
+function SessionTypeTriggerIcon({
+  option,
+}: {
+  option: SessionTypeOption | null;
+}) {
+  if (option?.icon?.src) {
+    return (
+      <span className="inline-flex h-4 w-4 shrink-0 items-center justify-center">
+        <SessionContextIconNode
+          icon={{
+            kind: "runtime-image",
+            src: option.icon.src,
+            alt: option.icon.alt ?? null,
+            name: option.label,
+          }}
+          className="h-4 w-4"
+        />
+      </span>
+    );
+  }
+  return <Bot className="h-4 w-4 shrink-0" />;
+}
+
 export function ChatSidebarDesktopToolbar(props: ChatSidebarToolbarProps) {
   const {
     query,
-    defaultSessionType,
-    nonDefaultSessionTypeOptions,
+    selectedNewSessionType,
+    selectedNewSessionTypeOption,
+    sessionTypeOptions,
     isCreateMenuOpen,
     onCreateMenuOpenChange,
     onCreateSession,
+    onSelectNewSessionType,
     onQueryChange,
   } = props;
+  const supportsSessionTypeSwitch = sessionTypeOptions.length > 1;
+  const actionStyle =
+    NEW_SESSION_ACTION_STYLE_CLASSES[NEW_SESSION_ACTION_STYLE_VARIANT];
 
   return (
     <>
       <div className="px-4 pb-3">
         <div className="flex items-center gap-2">
           <Button
-            variant="primary"
+            variant={actionStyle.leftVariant}
             className={cn(
               "min-w-0 rounded-xl",
-              nonDefaultSessionTypeOptions.length > 0
+              actionStyle.leftClassName,
+              supportsSessionTypeSwitch
                 ? "flex-1 rounded-r-md"
                 : "w-full",
             )}
             onClick={() => {
               onCreateMenuOpenChange(false);
-              onCreateSession(defaultSessionType);
+              onCreateSession(selectedNewSessionType);
             }}
           >
             <Plus className="mr-2 h-4 w-4" />
             {t("chatSidebarNewTask")}
           </Button>
-          {nonDefaultSessionTypeOptions.length > 0 ? (
+          {supportsSessionTypeSwitch ? (
             <Popover
               open={isCreateMenuOpen}
               onOpenChange={onCreateMenuOpenChange}
             >
               <PopoverTrigger asChild>
                 <IconActionButton
-                  icon={<ChevronDown className="h-4 w-4" />}
+                  icon={
+                    <span className="inline-flex items-center gap-0.5">
+                      <SessionTypeTriggerIcon option={selectedNewSessionTypeOption} />
+                      <ChevronDown className="h-3 w-3 opacity-60" />
+                    </span>
+                  }
                   label={t("chatSessionTypeLabel")}
-                  tooltip={false}
-                  className="h-9 w-10 shrink-0 rounded-xl rounded-l-md bg-primary text-primary-foreground shadow-sm hover:bg-primary-600 hover:text-primary-foreground active:bg-primary-700"
+                  tooltip={t("chatSessionTypeLabel")}
+                  className={cn(
+                    "h-9 w-12 shrink-0 rounded-xl rounded-l-md",
+                    actionStyle.rightClassName,
+                  )}
                 />
               </PopoverTrigger>
               <PopoverContent
                 align="end"
                 className="w-56 rounded-2xl border border-gray-200/80 bg-white p-1.5 shadow-[0_24px_60px_-28px_rgba(15,23,42,0.38)]"
               >
-                <ChatSidebarCreateMenu
-                  options={nonDefaultSessionTypeOptions}
+                <ChatSessionTypeMenu
+                  options={sessionTypeOptions}
+                  selectedSessionType={selectedNewSessionType}
                   onSelect={(sessionType) => {
-                    onCreateSession(sessionType);
+                    onSelectNewSessionType(sessionType);
                     onCreateMenuOpenChange(false);
                   }}
                 />
@@ -160,8 +247,9 @@ export function ChatSidebarMobileToolbar(props: ChatSidebarToolbarProps) {
               align="end"
               className="w-60 rounded-3xl border border-gray-200/80 bg-white p-2 shadow-[0_24px_70px_-30px_rgba(15,23,42,0.45)]"
             >
-              <ChatSidebarCreateMenu
+              <ChatSessionTypeMenu
                 options={createOptions}
+                selectedSessionType={defaultSessionType}
                 title={t("chatSidebarNewTask")}
                 titleClassName="pb-1.5 text-[11px] font-medium normal-case tracking-normal"
                 onSelect={(sessionType) => {

package/src/features/chat/components/layout/chat-sidebar.tsx

@@ -41,6 +41,7 @@ import {
   DEFAULT_SESSION_TYPE,
   normalizeSessionType,
 } from "@/features/chat/features/session-type/utils/chat-session-type.utils";
+import { useChatNewSessionTypePreference } from "@/features/chat/features/session-type/hooks/use-chat-new-session-type-preference";
 
 const navItems = [
   {
@@ -173,6 +174,10 @@ export function ChatSidebar({
       ),
     [defaultSessionType, sessionTypeOptions],
   );
+  const newSessionTypePreference = useChatNewSessionTypePreference({
+    defaultSessionType,
+    sessionTypeOptions,
+  });
   const isProjectFirstView = listSnapshot.listMode === "project-first";
   const optimisticReadAtBySessionKey = useChatSessionUnreadState(
     items,
@@ -250,12 +255,19 @@ export function ChatSidebar({
       {isMobileVariant ? (
         <ChatSidebarMobileToolbar
           query={listSnapshot.query}
-          defaultSessionType={defaultSessionType}
+          defaultSessionType={newSessionTypePreference.selectedSessionType}
           sessionTypeOptions={sessionTypeOptions}
           nonDefaultSessionTypeOptions={nonDefaultSessionTypeOptions}
+          selectedNewSessionType={newSessionTypePreference.selectedSessionType}
+          selectedNewSessionTypeOption={
+            newSessionTypePreference.selectedSessionTypeOption
+          }
           isCreateMenuOpen={isCreateMenuOpen}
           onCreateMenuOpenChange={setIsCreateMenuOpen}
           onCreateSession={createSessionAndOpenIfNeeded}
+          onSelectNewSessionType={
+            newSessionTypePreference.setSelectedSessionType
+          }
           onQueryChange={presenter.chatSessionListManager.setQuery}
         />
       ) : (
@@ -264,9 +276,16 @@ export function ChatSidebar({
           defaultSessionType={defaultSessionType}
           sessionTypeOptions={sessionTypeOptions}
           nonDefaultSessionTypeOptions={nonDefaultSessionTypeOptions}
+          selectedNewSessionType={newSessionTypePreference.selectedSessionType}
+          selectedNewSessionTypeOption={
+            newSessionTypePreference.selectedSessionTypeOption
+          }
           isCreateMenuOpen={isCreateMenuOpen}
           onCreateMenuOpenChange={setIsCreateMenuOpen}
           onCreateSession={createSessionAndOpenIfNeeded}
+          onSelectNewSessionType={
+            newSessionTypePreference.setSelectedSessionType
+          }
           onQueryChange={presenter.chatSessionListManager.setQuery}
         />
       )}
@@ -308,7 +327,7 @@ export function ChatSidebar({
           isProjectFirstView={isProjectFirstView}
           groups={groups}
           projectGroups={projectGroups}
-          defaultSessionType={defaultSessionType}
+          defaultSessionType={newSessionTypePreference.selectedSessionType}
           sessionTypeOptions={sessionTypeOptions}
           renderSessionItem={renderSessionItem}
           onCreateSession={createSessionAndOpenIfNeeded}

package/src/features/chat/features/input/hooks/use-chat-model-favorites.ts

@@ -2,12 +2,13 @@ import { useCallback, useMemo } from 'react';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import {
   fetchPreference,
+  PREFERENCE_KEYS,
   updatePreference,
   type PreferenceEntryView,
   type PreferenceJsonValue,
 } from '@/shared/lib/api';
 
-const CHAT_MODEL_FAVORITES_PREFERENCE_KEY = 'chat.modelFavorites';
+const CHAT_MODEL_FAVORITES_PREFERENCE_KEY = PREFERENCE_KEYS.chat.modelFavorites;
 const chatModelFavoritesQueryKey = ['preference', CHAT_MODEL_FAVORITES_PREFERENCE_KEY] as const;
 
 function normalizeFavoriteModelValues(value: PreferenceJsonValue | null | undefined): string[] {

package/src/features/chat/features/session/components/chat-sidebar-project-groups.tsx

@@ -1,6 +1,6 @@
 import { useMemo, useState, type ReactNode } from 'react';
 import { Plus } from 'lucide-react';
-import { ChatSidebarCreateMenu } from "@/features/chat/features/session-type/components/chat-sidebar-create-menu";
+import { ChatSessionTypeMenu } from "@/features/chat/features/session-type/components/chat-session-type-menu";
 import { Popover, PopoverContent, PopoverTrigger } from '@/shared/components/ui/popover';
 import { IconActionButton } from '@/shared/components/ui/actions/icon-action-button';
 import type { ChatInputSnapshot } from '@/features/chat/stores/chat-input.store';
@@ -77,8 +77,9 @@ export function ChatSidebarProjectGroups(props: ChatSidebarProjectGroupsProps) {
                     align="end"
                     className="w-56 rounded-2xl border border-gray-200/80 bg-white p-1.5 shadow-[0_24px_60px_-28px_rgba(15,23,42,0.38)]"
                   >
-                    <ChatSidebarCreateMenu
+                    <ChatSessionTypeMenu
                       options={sessionTypeOptions}
+                      selectedSessionType={preferredSessionType}
                       onSelect={(sessionType) => {
                         onCreateSession(sessionType, group.projectRoot);
                         setOpenProjectRoot(null);

package/src/features/chat/features/session-type/components/__tests__/{chat-sidebar-create-menu.test.tsx → chat-session-type-menu.test.tsx}

@@ -1,6 +1,6 @@
 import { render, screen } from "@testing-library/react";
 import { describe, expect, it, vi } from "vitest";
-import { ChatSidebarCreateMenu } from "@/features/chat/features/session-type/components/chat-sidebar-create-menu";
+import { ChatSessionTypeMenu } from "@/features/chat/features/session-type/components/chat-session-type-menu";
 import { createPopoverAvailableHeightLimit } from "@/shared/components/ui/popover";
 
 const options = [
@@ -8,9 +8,9 @@ const options = [
   { value: "codex", label: "Codex", ready: true },
 ];
 
-describe("ChatSidebarCreateMenu", () => {
+describe("ChatSessionTypeMenu", () => {
   it("keeps the session type menu height bounded", () => {
-    render(<ChatSidebarCreateMenu options={options} onSelect={vi.fn()} />);
+    render(<ChatSessionTypeMenu options={options} onSelect={vi.fn()} />);
 
     const createMenu = screen.getByText("Session Type").parentElement;
     expect(createMenu?.style.maxHeight).toBe(

package/src/features/chat/features/session-type/components/__tests__/chat-session-type-option-item.test.tsx

@@ -1,4 +1,4 @@
-import { render, screen } from "@testing-library/react";
+import { fireEvent, render, screen } from "@testing-library/react";
 import { describe, expect, it, vi } from "vitest";
 import { ChatSessionTypeOptionItem } from "@/features/chat/features/session-type/components/chat-session-type-option-item";
 
@@ -59,4 +59,30 @@ describe("ChatSessionTypeOptionItem", () => {
     expect(screen.getByRole("button", { name: /native/i })).toBeTruthy();
     expect(screen.getByText("Native")).toBeTruthy();
   });
+
+  it("marks selected options and does not call select when disabled", () => {
+    const onSelect = vi.fn();
+
+    render(
+      <ChatSessionTypeOptionItem
+        disabled
+        selected
+        option={{
+          value: "claude",
+          label: "Claude",
+          ready: false,
+          reasonMessage: "Configure a provider API key first.",
+        }}
+        onSelect={onSelect}
+      />,
+    );
+
+    const optionButton = screen.getByRole("button", { name: /claude/i });
+    expect(optionButton.getAttribute("aria-pressed")).toBe("true");
+    expect((optionButton as HTMLButtonElement).disabled).toBe(true);
+
+    fireEvent.click(optionButton);
+
+    expect(onSelect).not.toHaveBeenCalled();
+  });
 });

package/src/features/chat/features/session-type/components/{chat-sidebar-create-menu.tsx → chat-session-type-menu.tsx}

@@ -5,31 +5,33 @@ import { t } from "@/shared/lib/i18n";
 import { cn } from "@/shared/lib/utils";
 
 type SessionTypeOption = ChatInputSnapshot["sessionTypeOptions"][number];
-const CHAT_SIDEBAR_CREATE_MENU_MAX_HEIGHT =
+const CHAT_SESSION_TYPE_MENU_MAX_HEIGHT =
   createPopoverAvailableHeightLimit("18rem");
-const CHAT_SIDEBAR_CREATE_MENU_STYLE = {
-  maxHeight: CHAT_SIDEBAR_CREATE_MENU_MAX_HEIGHT,
+const CHAT_SESSION_TYPE_MENU_STYLE = {
+  maxHeight: CHAT_SESSION_TYPE_MENU_MAX_HEIGHT,
 };
 
-type ChatSidebarCreateMenuProps = {
+type ChatSessionTypeMenuProps = {
   options: readonly SessionTypeOption[];
   onSelect: (sessionType: string) => void;
+  selectedSessionType?: string;
   title?: string;
   className?: string;
   titleClassName?: string;
 };
 
-export function ChatSidebarCreateMenu({
+export function ChatSessionTypeMenu({
   className,
   onSelect,
   options,
+  selectedSessionType,
   title = t("chatSessionTypeLabel"),
   titleClassName,
-}: ChatSidebarCreateMenuProps) {
+}: ChatSessionTypeMenuProps) {
   return (
     <div
       className={cn("space-y-1 overflow-y-auto overscroll-contain", className)}
-      style={CHAT_SIDEBAR_CREATE_MENU_STYLE}
+      style={CHAT_SESSION_TYPE_MENU_STYLE}
     >
       <div
         className={cn(
@@ -42,7 +44,9 @@ export function ChatSidebarCreateMenu({
       {options.map((option) => (
         <ChatSessionTypeOptionItem
           key={option.value}
+          disabled={option.ready === false}
           option={option}
+          selected={option.value === selectedSessionType}
           onSelect={() => onSelect(option.value)}
         />
       ))}

package/src/features/chat/features/session-type/components/chat-session-type-option-item.tsx

@@ -2,15 +2,18 @@ import type { ChatInputSnapshot } from "@/features/chat/stores/chat-input.store"
 import { SessionContextIconNode } from "@/features/chat/features/session/components/session-context-icon";
 import { StatusDot } from "@/shared/components/status/status-dot";
 import { t } from "@/shared/lib/i18n";
-import { Bot } from "lucide-react";
+import { cn } from "@/shared/lib/utils";
+import { Bot, Check } from "lucide-react";
 
 type SessionTypeOption = ChatInputSnapshot["sessionTypeOptions"][number];
 
 export function ChatSessionTypeOptionItem(props: {
   option: SessionTypeOption;
+  selected?: boolean;
+  disabled?: boolean;
   onSelect: () => void;
 }) {
-  const { option, onSelect } = props;
+  const { disabled = false, option, onSelect, selected = false } = props;
   const helperText =
     option.ready === false
       ? option.reasonMessage?.trim() || t("statusSetup")
@@ -19,8 +22,14 @@ export function ChatSessionTypeOptionItem(props: {
   return (
     <button
       type="button"
+      aria-pressed={selected}
+      disabled={disabled}
       onClick={onSelect}
-      className="w-full rounded-2xl px-3 py-2.5 text-left transition-colors hover:bg-gray-50"
+      className={cn(
+        "w-full rounded-2xl px-3 py-2.5 text-left transition-colors",
+        selected ? "bg-gray-50" : "hover:bg-gray-50",
+        disabled ? "cursor-not-allowed opacity-70" : null,
+      )}
     >
       <div className="flex items-start gap-3">
         <div className="flex min-w-0 flex-1 items-start gap-2.5">
@@ -56,6 +65,9 @@ export function ChatSessionTypeOptionItem(props: {
             ) : null}
           </div>
         </div>
+        {selected ? (
+          <Check className="mt-1 h-3.5 w-3.5 shrink-0 text-primary" />
+        ) : null}
       </div>
     </button>
   );

package/src/features/chat/features/session-type/hooks/__tests__/use-chat-new-session-type-preference.test.tsx

@@ -0,0 +1,152 @@
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { act, renderHook, waitFor } from "@testing-library/react";
+import type { ReactNode } from "react";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { PREFERENCE_KEYS } from "@/shared/lib/api";
+import { useChatNewSessionTypePreference } from "@/features/chat/features/session-type/hooks/use-chat-new-session-type-preference";
+import type { ChatSessionTypeOption } from "@/features/chat/features/session-type/utils/chat-session-type.utils";
+
+const mocks = vi.hoisted(() => ({
+  fetchPreference: vi.fn(),
+  updatePreference: vi.fn(),
+}));
+
+vi.mock("@/shared/lib/api", async (importOriginal) => {
+  const actual = await importOriginal();
+  return {
+    ...(actual as Record<string, unknown>),
+    fetchPreference: mocks.fetchPreference,
+    updatePreference: mocks.updatePreference,
+  };
+});
+
+const sessionTypeOptions: ChatSessionTypeOption[] = [
+  {
+    value: "native",
+    label: "Native",
+    icon: null,
+    ready: true,
+    reason: null,
+    reasonMessage: null,
+    supportedModels: undefined,
+    recommendedModel: null,
+    modelSelectionMode: "nextclaw",
+    runtimeDefaultThinking: null,
+    cta: null,
+  },
+  {
+    value: "codex",
+    label: "Codex",
+    icon: null,
+    ready: true,
+    reason: null,
+    reasonMessage: null,
+    supportedModels: undefined,
+    recommendedModel: null,
+    modelSelectionMode: "runtime-default",
+    runtimeDefaultThinking: null,
+    cta: null,
+  },
+];
+
+function createWrapper() {
+  const queryClient = new QueryClient({
+    defaultOptions: {
+      queries: { retry: false },
+      mutations: { retry: false },
+    },
+  });
+  return function Wrapper({ children }: { children: ReactNode }) {
+    return (
+      <QueryClientProvider client={queryClient}>
+        {children}
+      </QueryClientProvider>
+    );
+  };
+}
+
+describe("useChatNewSessionTypePreference", () => {
+  beforeEach(() => {
+    mocks.fetchPreference.mockReset();
+    mocks.updatePreference.mockReset();
+    mocks.fetchPreference.mockResolvedValue({
+      key: PREFERENCE_KEYS.chat.newSessionType,
+      value: null,
+    });
+    mocks.updatePreference.mockImplementation(
+      async (key: string, value: string) => ({
+        key,
+        value,
+        updatedAt: "2026-06-17T00:00:00.000Z",
+      }),
+    );
+  });
+
+  it("uses the stored new-session type when it is selectable", async () => {
+    mocks.fetchPreference.mockResolvedValue({
+      key: PREFERENCE_KEYS.chat.newSessionType,
+      value: "codex",
+    });
+
+    const { result } = renderHook(
+      () =>
+        useChatNewSessionTypePreference({
+          defaultSessionType: "native",
+          sessionTypeOptions,
+        }),
+      { wrapper: createWrapper() },
+    );
+
+    await waitFor(() => {
+      expect(result.current.selectedSessionType).toBe("codex");
+    });
+  });
+
+  it("falls back to the default type when the stored type is not selectable", async () => {
+    mocks.fetchPreference.mockResolvedValue({
+      key: PREFERENCE_KEYS.chat.newSessionType,
+      value: "claude",
+    });
+
+    const { result } = renderHook(
+      () =>
+        useChatNewSessionTypePreference({
+          defaultSessionType: "native",
+          sessionTypeOptions,
+        }),
+      { wrapper: createWrapper() },
+    );
+
+    await waitFor(() => {
+      expect(result.current.selectedSessionType).toBe("native");
+    });
+  });
+
+  it("persists only selectable session types", async () => {
+    const { result } = renderHook(
+      () =>
+        useChatNewSessionTypePreference({
+          defaultSessionType: "native",
+          sessionTypeOptions,
+        }),
+      { wrapper: createWrapper() },
+    );
+
+    act(() => {
+      result.current.setSelectedSessionType("codex");
+    });
+
+    await waitFor(() => {
+      expect(mocks.updatePreference).toHaveBeenCalledWith(
+        PREFERENCE_KEYS.chat.newSessionType,
+        "codex",
+      );
+    });
+
+    act(() => {
+      result.current.setSelectedSessionType("claude");
+    });
+
+    expect(mocks.updatePreference).toHaveBeenCalledTimes(1);
+  });
+});