@nextclaw/ui 0.13.13 → 0.14.1-beta.0

package/src/features/chat/managers/ncp-chat-thread.manager.test.ts

@@ -1,369 +0,0 @@
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-import { appQueryClient } from '@/app-query-client';
-import { NcpChatThreadManager } from '@/features/chat/managers/ncp-chat-thread.manager';
-import { useChatSessionListStore } from '@/features/chat/stores/chat-session-list.store';
-import { useChatThreadStore } from '@/features/chat/stores/chat-thread.store';
-import type * as SharedApi from '@/shared/lib/api';
-
-const { deleteNcpSessionMock, deleteSummaryMock } = vi.hoisted(() => ({
-  deleteNcpSessionMock: vi.fn(async () => ({ deleted: true, sessionId: 'parent-session-1' })),
-  deleteSummaryMock: vi.fn(),
-}));
-
-vi.mock('@/shared/lib/api', async (importOriginal) => {
-  const actual = await importOriginal<typeof SharedApi>();
-  return {
-    ...actual,
-    deleteNcpSession: deleteNcpSessionMock,
-    deleteNcpSessionSummaryInQueryClient: deleteSummaryMock,
-  };
-});
-
-beforeEach(() => {
-  useChatSessionListStore.setState({
-    optimisticReadAtBySessionKey: {},
-    snapshot: {
-      ...useChatSessionListStore.getState().snapshot,
-      selectedSessionKey: 'parent-session-1',
-    },
-  });
-  useChatThreadStore.setState({
-    snapshot: {
-      ...useChatThreadStore.getState().snapshot,
-      sessionKey: 'parent-session-1',
-      workspacePanelParentKey: null,
-      childSessionTabs: [
-        {
-          sessionKey: 'child-session-1',
-          parentSessionKey: 'parent-session-1',
-          label: 'Child Session 1',
-          agentId: 'reviewer',
-        },
-      ],
-      activeChildSessionKey: null,
-      workspaceFileTabs: [],
-      activeWorkspaceFileKey: null,
-      workspaceNavigationHistory: [],
-      workspaceNavigationHistoryIndex: 0,
-    },
-  });
-});
-
-describe('NcpChatThreadManager', () => {
-  it('opens the child-session panel for the requested parent session and keeps focus on the chosen child', () => {
-    const uiManager = {
-      goToSession: vi.fn(),
-      goToChatRoot: vi.fn(),
-      goToProviders: vi.fn(),
-      confirm: vi.fn(),
-    } as unknown as ConstructorParameters<typeof NcpChatThreadManager>[0];
-
-    const manager = new NcpChatThreadManager(
-      uiManager,
-      {} as ConstructorParameters<typeof NcpChatThreadManager>[1],
-      {} as ConstructorParameters<typeof NcpChatThreadManager>[2],
-    );
-
-    manager.openChildSessionPanel({
-      parentSessionKey: 'parent-session-1',
-      activeChildSessionKey: 'child-session-1',
-    });
-
-    expect(useChatThreadStore.getState().snapshot.workspacePanelParentKey).toBe('parent-session-1');
-    expect(useChatThreadStore.getState().snapshot.activeChildSessionKey).toBe('child-session-1');
-    expect(uiManager.goToSession).not.toHaveBeenCalled();
-  });
-
-  it('routes to the parent session before opening the child-session panel when needed', () => {
-    useChatSessionListStore.setState({
-      snapshot: {
-        ...useChatSessionListStore.getState().snapshot,
-        selectedSessionKey: 'another-session',
-      },
-    });
-    const uiManager = {
-      goToSession: vi.fn(),
-      goToChatRoot: vi.fn(),
-      goToProviders: vi.fn(),
-      confirm: vi.fn(),
-    } as unknown as ConstructorParameters<typeof NcpChatThreadManager>[0];
-
-    const manager = new NcpChatThreadManager(
-      uiManager,
-      {} as ConstructorParameters<typeof NcpChatThreadManager>[1],
-      {} as ConstructorParameters<typeof NcpChatThreadManager>[2],
-    );
-
-    manager.openChildSessionPanel({
-      parentSessionKey: 'parent-session-1',
-      activeChildSessionKey: 'child-session-1',
-    });
-
-    expect(uiManager.goToSession).toHaveBeenCalledWith('parent-session-1');
-  });
-
-  it('opens the session cron panel without changing route when already selected', () => {
-    const uiManager = {
-      goToSession: vi.fn(),
-      goToChatRoot: vi.fn(),
-      goToProviders: vi.fn(),
-      confirm: vi.fn(),
-    } as unknown as ConstructorParameters<typeof NcpChatThreadManager>[0];
-
-    const manager = new NcpChatThreadManager(
-      uiManager,
-      {} as ConstructorParameters<typeof NcpChatThreadManager>[1],
-      {} as ConstructorParameters<typeof NcpChatThreadManager>[2],
-    );
-
-    manager.openSessionCronPanel('parent-session-1');
-
-    expect(useChatThreadStore.getState().snapshot).toMatchObject({
-      workspacePanelParentKey: 'parent-session-1',
-      activeWorkspacePanelKind: 'cron',
-      activeChildSessionKey: null,
-      activeWorkspaceFileKey: null,
-    });
-    expect(uiManager.goToSession).not.toHaveBeenCalled();
-  });
-
-  it('routes to the session before opening its cron panel when needed', () => {
-    useChatSessionListStore.setState({
-      snapshot: {
-        ...useChatSessionListStore.getState().snapshot,
-        selectedSessionKey: 'another-session',
-      },
-    });
-    const uiManager = {
-      goToSession: vi.fn(),
-      goToChatRoot: vi.fn(),
-      goToProviders: vi.fn(),
-      confirm: vi.fn(),
-    } as unknown as ConstructorParameters<typeof NcpChatThreadManager>[0];
-
-    const manager = new NcpChatThreadManager(
-      uiManager,
-      {} as ConstructorParameters<typeof NcpChatThreadManager>[1],
-      {} as ConstructorParameters<typeof NcpChatThreadManager>[2],
-    );
-
-    manager.openSessionCronPanel('parent-session-1');
-
-    expect(uiManager.goToSession).toHaveBeenCalledWith('parent-session-1');
-  });
-
-  it('keeps preview and diff for the same file as separate workspace tabs', () => {
-    const uiManager = {
-      goToSession: vi.fn(),
-      goToChatRoot: vi.fn(),
-      goToProviders: vi.fn(),
-      confirm: vi.fn(),
-    } as unknown as ConstructorParameters<typeof NcpChatThreadManager>[0];
-
-    const manager = new NcpChatThreadManager(
-      uiManager,
-      {} as ConstructorParameters<typeof NcpChatThreadManager>[1],
-      {} as ConstructorParameters<typeof NcpChatThreadManager>[2],
-    );
-
-    manager.openFilePreview({
-      path: 'README.md',
-      label: 'README.md',
-      viewMode: 'preview',
-    });
-    manager.openFilePreview({
-      path: 'README.md',
-      label: 'README.md',
-      viewMode: 'diff',
-      beforeText: 'old\n',
-      afterText: 'new\n',
-    });
-
-    expect(useChatThreadStore.getState().snapshot.workspaceFileTabs).toEqual(
-      expect.arrayContaining([
-        expect.objectContaining({
-          key: 'parent-session-1::preview::README.md',
-          path: 'README.md',
-          viewMode: 'preview',
-        }),
-        expect.objectContaining({
-          key: 'parent-session-1::diff::README.md',
-          path: 'README.md',
-          viewMode: 'diff',
-        }),
-      ]),
-    );
-  });
-});
-
-describe('NcpChatThreadManager workspace navigation', () => {
-  it('navigates backward and forward through workspace selections', () => {
-    const uiManager = {
-      goToSession: vi.fn(),
-      goToChatRoot: vi.fn(),
-      goToProviders: vi.fn(),
-      confirm: vi.fn(),
-    } as unknown as ConstructorParameters<typeof NcpChatThreadManager>[0];
-    const manager = new NcpChatThreadManager(
-      uiManager,
-      {} as ConstructorParameters<typeof NcpChatThreadManager>[1],
-      {} as ConstructorParameters<typeof NcpChatThreadManager>[2],
-    );
-
-    manager.openChildSessionPanel({
-      parentSessionKey: 'parent-session-1',
-      activeChildSessionKey: 'child-session-1',
-    });
-    manager.openFilePreview({
-      path: 'README.md',
-      label: 'README.md',
-      viewMode: 'preview',
-    });
-    manager.openSessionCronPanel('parent-session-1');
-
-    expect(useChatThreadStore.getState().snapshot.workspaceNavigationHistory).toEqual([
-      { kind: 'child-session', key: 'child-session-1' },
-      { kind: 'file', key: 'parent-session-1::preview::README.md' },
-      { kind: 'cron' },
-    ]);
-
-    manager.goBackWorkspacePanel();
-    expect(useChatThreadStore.getState().snapshot).toMatchObject({
-      activeWorkspacePanelKind: 'file',
-      activeWorkspaceFileKey: 'parent-session-1::preview::README.md',
-      workspaceNavigationHistoryIndex: 1,
-    });
-
-    manager.goBackWorkspacePanel();
-    expect(useChatThreadStore.getState().snapshot).toMatchObject({
-      activeWorkspacePanelKind: 'child-session',
-      activeChildSessionKey: 'child-session-1',
-      workspaceNavigationHistoryIndex: 0,
-    });
-
-    manager.goForwardWorkspacePanel();
-    expect(useChatThreadStore.getState().snapshot).toMatchObject({
-      activeWorkspacePanelKind: 'file',
-      activeWorkspaceFileKey: 'parent-session-1::preview::README.md',
-      workspaceNavigationHistoryIndex: 1,
-    });
-  });
-
-  it('truncates workspace forward history after selecting a new entry', () => {
-    useChatThreadStore.getState().setSnapshot({
-      childSessionTabs: [
-        ...useChatThreadStore.getState().snapshot.childSessionTabs,
-        {
-          sessionKey: 'child-session-2',
-          parentSessionKey: 'parent-session-1',
-          label: 'Child Session 2',
-          agentId: 'writer',
-        },
-      ],
-    });
-    const manager = new NcpChatThreadManager(
-      { goToSession: vi.fn() } as unknown as ConstructorParameters<typeof NcpChatThreadManager>[0],
-      {} as ConstructorParameters<typeof NcpChatThreadManager>[1],
-      {} as ConstructorParameters<typeof NcpChatThreadManager>[2],
-    );
-
-    manager.openChildSessionPanel({
-      parentSessionKey: 'parent-session-1',
-      activeChildSessionKey: 'child-session-1',
-    });
-    manager.openFilePreview({
-      path: 'README.md',
-      label: 'README.md',
-      viewMode: 'preview',
-    });
-    manager.goBackWorkspacePanel();
-    manager.selectChildSessionDetail('child-session-2');
-
-    expect(useChatThreadStore.getState().snapshot.workspaceNavigationHistory).toEqual([
-      { kind: 'child-session', key: 'child-session-1' },
-      { kind: 'child-session', key: 'child-session-2' },
-    ]);
-    expect(useChatThreadStore.getState().snapshot.workspaceNavigationHistoryIndex).toBe(1);
-  });
-
-  it('removes a closed active file from workspace history and restores the previous entry', () => {
-    const manager = new NcpChatThreadManager(
-      { goToSession: vi.fn() } as unknown as ConstructorParameters<typeof NcpChatThreadManager>[0],
-      {} as ConstructorParameters<typeof NcpChatThreadManager>[1],
-      {} as ConstructorParameters<typeof NcpChatThreadManager>[2],
-    );
-
-    manager.openChildSessionPanel({
-      parentSessionKey: 'parent-session-1',
-      activeChildSessionKey: 'child-session-1',
-    });
-    manager.openFilePreview({
-      path: 'README.md',
-      label: 'README.md',
-      viewMode: 'preview',
-    });
-    manager.closeWorkspaceFile('parent-session-1::preview::README.md');
-
-    expect(useChatThreadStore.getState().snapshot).toMatchObject({
-      activeWorkspacePanelKind: 'child-session',
-      activeChildSessionKey: 'child-session-1',
-      activeWorkspaceFileKey: null,
-      workspaceNavigationHistory: [
-        { kind: 'child-session', key: 'child-session-1' },
-      ],
-      workspaceNavigationHistoryIndex: 0,
-    });
-  });
-});
-
-describe('NcpChatThreadManager deletion', () => {
-  it('clears the selected thread state after deleting the current session', async () => {
-    const removeQueries = vi.spyOn(appQueryClient, 'removeQueries').mockImplementation(async () => undefined);
-    const uiManager = {
-      goToSession: vi.fn(),
-      goToChatRoot: vi.fn(),
-      goToProviders: vi.fn(),
-      confirm: vi.fn(async () => true),
-    } as unknown as ConstructorParameters<typeof NcpChatThreadManager>[0];
-    const sessionListManager = {
-      setSelectedSessionKey: vi.fn((value: string | null) => {
-        useChatSessionListStore.getState().setSnapshot({
-          selectedSessionKey: value,
-        });
-      }),
-    } as unknown as ConstructorParameters<typeof NcpChatThreadManager>[1];
-    const streamActionsManager = {
-      resetStreamState: vi.fn(),
-    } as unknown as ConstructorParameters<typeof NcpChatThreadManager>[2];
-    const manager = new NcpChatThreadManager(
-      uiManager,
-      sessionListManager,
-      streamActionsManager,
-    );
-
-    await (manager as unknown as { deleteCurrentSession: () => Promise<void> }).deleteCurrentSession();
-
-    expect(sessionListManager.setSelectedSessionKey).toHaveBeenCalledWith(null);
-    expect(useChatSessionListStore.getState().snapshot.selectedSessionKey).toBeNull();
-    expect(useChatThreadStore.getState().snapshot).toMatchObject({
-      sessionKey: null,
-      canDeleteSession: false,
-      messages: [],
-      workspacePanelParentKey: null,
-      childSessionTabs: [],
-      activeChildSessionKey: null,
-      workspaceFileTabs: [],
-      activeWorkspaceFileKey: null,
-      workspaceNavigationHistory: [],
-      workspaceNavigationHistoryIndex: 0,
-    });
-    expect(streamActionsManager.resetStreamState).toHaveBeenCalledTimes(1);
-    expect(deleteSummaryMock).toHaveBeenCalledWith(appQueryClient, 'parent-session-1');
-    expect(removeQueries).toHaveBeenCalledWith({
-      queryKey: ['ncp-session-messages', 'parent-session-1'],
-    });
-    expect(uiManager.goToChatRoot).toHaveBeenCalledWith({ replace: true });
-
-    removeQueries.mockRestore();
-  });
-});

package/src/features/chat/types/chat-stream.types.ts

@@ -1,32 +0,0 @@
-import type { ChatComposerNode } from '@nextclaw/agent-chat-ui';
-import type { NcpMessagePart } from '@nextclaw/ncp';
-import type { NcpDraftAttachment } from '@nextclaw/ncp-react';
-import type { ThinkingLevel } from '@/shared/lib/api';
-
-export type SendMessageParams = {
-  message: string;
-  sessionKey?: string;
-  agentId: string;
-  sessionType?: string;
-  model?: string;
-  thinkingLevel?: ThinkingLevel;
-  requestedSkills?: string[];
-  attachments?: NcpDraftAttachment[];
-  parts?: NcpMessagePart[];
-  stopSupported?: boolean;
-  stopReason?: string;
-  restoreDraftOnError?: boolean;
-  composerNodes?: ChatComposerNode[];
-};
-
-export type ResumeRunParams = {
-  sessionKey: string;
-};
-
-export type ChatStreamActions = {
-  sendMessage: (payload: SendMessageParams) => Promise<void>;
-  stopCurrentRun: () => Promise<void>;
-  resumeRun: (run: ResumeRunParams) => Promise<void>;
-  resetStreamState: () => void;
-  applyHistoryMessages: (messages: unknown[], options?: { isLoading?: boolean }) => void;
-};

package/src/features/chat/utils/chat-session-preference-governance.utils.test.tsx

@@ -1,114 +0,0 @@
-import { act, renderHook, waitFor } from '@testing-library/react';
-import { useState } from 'react';
-import { describe, expect, it } from 'vitest';
-import type { ChatModelOption } from '@/features/chat/types/chat-input.types';
-import { useSyncSelectedModel } from '@/features/chat/utils/chat-session-preference-governance.utils';
-
-const modelOptions: ChatModelOption[] = [
-  {
-    value: 'minimax/MiniMax-M2.7',
-    modelLabel: 'MiniMax-M2.7',
-    providerLabel: 'MiniMax',
-    thinkingCapability: null
-  },
-  {
-    value: 'deepseek/deepseek-v4-flash',
-    modelLabel: 'deepseek-v4-flash',
-    providerLabel: 'DeepSeek',
-    thinkingCapability: null
-  },
-  {
-    value: 'openai/gpt-5',
-    modelLabel: 'gpt-5',
-    providerLabel: 'OpenAI',
-    thinkingCapability: null
-  }
-];
-
-type HookProps = {
-  fallbackPreferredModel?: string;
-  defaultModel: string;
-};
-
-describe('useSyncSelectedModel', () => {
-  it('replaces an auto-selected global default with the later-arriving recent same-runtime model for a fresh draft session', async () => {
-    const initialProps: HookProps = {
-      fallbackPreferredModel: undefined,
-      defaultModel: 'minimax/MiniMax-M2.7'
-    };
-    const { result, rerender } = renderHook(
-      (props: HookProps) => {
-        const [selectedModel, setSelectedModel] = useState('');
-        useSyncSelectedModel({
-          modelOptions,
-          selectedSessionKey: 'draft-session',
-          selectedSessionExists: false,
-          fallbackPreferredModel: props.fallbackPreferredModel,
-          defaultModel: props.defaultModel,
-          setSelectedModel
-        });
-        return selectedModel;
-      },
-      {
-        initialProps
-      }
-    );
-
-    await waitFor(() => {
-      expect(result.current).toBe('minimax/MiniMax-M2.7');
-    });
-
-    rerender({
-      fallbackPreferredModel: 'deepseek/deepseek-v4-flash',
-      defaultModel: 'minimax/MiniMax-M2.7'
-    });
-
-    await waitFor(() => {
-      expect(result.current).toBe('deepseek/deepseek-v4-flash');
-    });
-  });
-
-  it('does not override a manual model selection when recent same-runtime model data arrives later', async () => {
-    const initialProps: HookProps = {
-      fallbackPreferredModel: undefined,
-      defaultModel: 'minimax/MiniMax-M2.7'
-    };
-    const { result, rerender } = renderHook(
-      (props: HookProps) => {
-        const [selectedModel, setSelectedModel] = useState('');
-        useSyncSelectedModel({
-          modelOptions,
-          selectedSessionKey: 'draft-session',
-          selectedSessionExists: false,
-          fallbackPreferredModel: props.fallbackPreferredModel,
-          defaultModel: props.defaultModel,
-          setSelectedModel
-        });
-        return {
-          selectedModel,
-          setSelectedModel
-        };
-      },
-      {
-        initialProps
-      }
-    );
-
-    await waitFor(() => {
-      expect(result.current.selectedModel).toBe('minimax/MiniMax-M2.7');
-    });
-
-    act(() => {
-      result.current.setSelectedModel('openai/gpt-5');
-    });
-
-    rerender({
-      fallbackPreferredModel: 'deepseek/deepseek-v4-flash',
-      defaultModel: 'minimax/MiniMax-M2.7'
-    });
-
-    await waitFor(() => {
-      expect(result.current.selectedModel).toBe('openai/gpt-5');
-    });
-  });
-});

package/src/features/marketplace/components/marketplace-catalog-grid.tsx

@@ -1,132 +0,0 @@
-import type {
-  MarketplaceInstalledRecord,
-  MarketplaceItemSummary,
-  MarketplaceManageAction,
-} from "@/shared/lib/api";
-import {
-  MarketplaceListCard,
-  type InstallState,
-  type ManageState,
-} from "@/features/marketplace/components/marketplace-list-card";
-import { MarketplaceListSkeleton } from "@/features/marketplace/components/marketplace-page-parts";
-import {
-  findInstalledRecordForItem,
-  type InstalledRenderEntry,
-} from "@/features/marketplace/components/marketplace-page-data";
-import { cn } from "@/shared/lib/utils";
-
-type MarketplaceCatalogGridProps = {
-  scope: "all" | "installed";
-  title: string;
-  summary: string;
-  refreshingLabel: string;
-  showTitle: boolean;
-  showListSkeleton: boolean;
-  isRefreshing: boolean;
-  skeletonCardCount: number;
-  allItems: MarketplaceItemSummary[];
-  installedEntries: InstalledRenderEntry[];
-  installedRecordLookup: Map<string, MarketplaceInstalledRecord>;
-  language: string;
-  installState: InstallState;
-  manageState: ManageState;
-  onOpen: (item?: MarketplaceItemSummary, record?: MarketplaceInstalledRecord) => void;
-  onInstall: (item: MarketplaceItemSummary) => void;
-  onManage: (
-    action: MarketplaceManageAction,
-    record: MarketplaceInstalledRecord,
-  ) => void;
-};
-
-export function MarketplaceCatalogGrid(props: MarketplaceCatalogGridProps) {
-  const {
-    scope,
-    title,
-    summary,
-    refreshingLabel,
-    showTitle,
-    showListSkeleton,
-    isRefreshing,
-    skeletonCardCount,
-    allItems,
-    installedEntries,
-    installedRecordLookup,
-    language,
-    installState,
-    manageState,
-    onOpen,
-    onInstall,
-    onManage,
-  } = props;
-
-  return (
-    <section className={cn("flex min-h-full flex-col", showTitle && "gap-3")}>
-      {showTitle && (
-        <div className="flex items-center justify-between gap-3">
-          <h3 className="text-[14px] font-semibold text-gray-950">{title}</h3>
-          <div className="flex items-center gap-2 text-[12px] text-gray-500">
-            {isRefreshing && (
-              <span className="font-medium text-primary">{refreshingLabel}</span>
-            )}
-            <span>{summary}</span>
-          </div>
-        </div>
-      )}
-
-      {isRefreshing && (
-        <div
-          data-testid="marketplace-list-refreshing"
-          className="h-0.5 overflow-hidden rounded-full bg-primary/10"
-        >
-          <div className="h-full w-1/3 animate-pulse rounded-full bg-primary" />
-        </div>
-      )}
-
-      <div
-        data-testid={showListSkeleton ? "marketplace-list-skeleton" : undefined}
-        className={cn(
-          "grid grid-cols-1 gap-3 lg:grid-cols-2 2xl:grid-cols-3",
-          showListSkeleton && "min-h-0 flex-1 auto-rows-[104px] content-start",
-        )}
-      >
-        {showListSkeleton && (
-          <MarketplaceListSkeleton count={skeletonCardCount} />
-        )}
-
-        {!showListSkeleton &&
-          scope === "all" &&
-          allItems.map((item) => (
-            <MarketplaceListCard
-              key={item.id}
-              item={item}
-              record={findInstalledRecordForItem(item, installedRecordLookup)}
-              language={language}
-              installState={installState}
-              manageState={manageState}
-              onOpen={() =>
-                onOpen(item, findInstalledRecordForItem(item, installedRecordLookup))
-              }
-              onInstall={onInstall}
-              onManage={onManage}
-            />
-          ))}
-
-        {!showListSkeleton &&
-          scope === "installed" &&
-          installedEntries.map((entry) => (
-            <MarketplaceListCard
-              key={entry.key}
-              item={entry.item}
-              record={entry.record}
-              language={language}
-              installState={installState}
-              manageState={manageState}
-              onOpen={() => onOpen(entry.item, entry.record)}
-              onInstall={onInstall}
-              onManage={onManage}
-            />
-          ))}
-      </div>
-    </section>
-  );
-}

package/src/shared/components/resizable-right-panel/resizable-right-panel.test.tsx

@@ -1,38 +0,0 @@
-import { fireEvent, render, screen } from "@testing-library/react";
-import { describe, expect, it } from "vitest";
-import { ResizableRightPanel } from "./resizable-right-panel";
-
-describe("ResizableRightPanel", () => {
-  it("resizes horizontally from the left handle and clamps to max width", () => {
-    render(
-      <ResizableRightPanel
-        data-testid="right-panel"
-        defaultWidth={420}
-        minWidth={320}
-        maxWidth={500}
-      >
-        Content
-      </ResizableRightPanel>,
-    );
-
-    fireEvent.mouseDown(screen.getByTestId("resizable-right-panel-handle"), {
-      clientX: 800,
-    });
-    fireEvent.mouseMove(window, { clientX: 600 });
-
-    expect(screen.getByTestId("right-panel").style.width).toBe("500px");
-  });
-
-  it("does not render resize controls in overlay mode", () => {
-    render(
-      <ResizableRightPanel data-testid="right-panel" overlay>
-        Content
-      </ResizableRightPanel>,
-    );
-
-    expect(
-      screen.queryByTestId("resizable-right-panel-handle"),
-    ).toBeNull();
-    expect(screen.getByTestId("right-panel").className).toContain("fixed");
-  });
-});