@nextclaw/ui 0.24.2 → 0.25.0

package/src/features/projects/pages/projects-page.test.tsx

@@ -5,32 +5,21 @@ import { beforeEach, describe, expect, it, vi } from "vitest";
 import { ProjectsPage } from "./project-home-page";
 
 const mocks = vi.hoisted(() => ({
-  confirm: vi.fn(),
+  agreementProps: vi.fn(),
+  artifactsProps: vi.fn(),
   drawerProps: vi.fn(),
-  removeProject: vi.fn(),
-  useProjectObservation: vi.fn(),
+  skillsProps: vi.fn(),
+  useProjectAgreement: vi.fn(),
+  useProjectSkills: vi.fn(),
   useProjects: vi.fn(),
 }));
 
 vi.mock("@/shared/hooks/use-projects", () => ({
   useProjects: mocks.useProjects,
-  useRemoveProject: () => ({
-    mutateAsync: mocks.removeProject,
-    isPending: false,
-  }),
 }));
-vi.mock("@/shared/hooks/use-confirm-dialog", () => ({
-  useConfirmDialog: () => ({
-    confirm: mocks.confirm,
-    ConfirmDialog: () => <div data-testid="confirm-dialog" />,
-  }),
-}));
-vi.mock("@/features/projects/hooks/use-project-observation", () => ({
-  projectObservationQueryKey: (projectId: string) => [
-    "project-observation",
-    projectId,
-  ],
-  useProjectObservation: mocks.useProjectObservation,
+vi.mock("@/features/projects/hooks/use-project-materials", () => ({
+  useProjectAgreement: mocks.useProjectAgreement,
+  useProjectSkills: mocks.useProjectSkills,
 }));
 vi.mock("@/features/chat", () => ({
   ChatConversationWorkspaceSection: () => <div data-testid="workspace" />,
@@ -64,18 +53,23 @@ vi.mock("@/features/projects/components/work/project-work-item-drawer", () => ({
   },
 }));
 vi.mock("@/features/projects/components/project-artifacts", () => ({
-  ProjectArtifacts: () => <div>Artifact content</div>,
+  ProjectArtifacts: (props: { projectId: string }) => {
+    mocks.artifactsProps(props);
+    return <div>Artifact content</div>;
+  },
 }));
 vi.mock("@/features/projects/components/project-skills", () => ({
-  ProjectSkills: () => <div>Skills content</div>,
+  ProjectSkills: (props: { skills: unknown[] }) => {
+    mocks.skillsProps(props);
+    return <div>Skills content</div>;
+  },
 }));
 vi.mock("@/features/projects/components/project-agreement", () => ({
-  ProjectAgreement: () => <div>Agreement content</div>,
-}));
-vi.mock("@/features/projects/components/project-requests", () => ({
-  ProjectRequests: () => null,
+  ProjectAgreement: (props: { agreement?: unknown }) => {
+    mocks.agreementProps(props);
+    return <div>Agreement content</div>;
+  },
 }));
-
 function renderPage(path: string) {
   return render(
     <QueryClientProvider client={new QueryClient()}>
@@ -92,10 +86,9 @@ function renderPage(path: string) {
 describe("ProjectsPage", () => {
   beforeEach(() => {
     mocks.drawerProps.mockReset();
-    mocks.confirm.mockReset();
-    mocks.confirm.mockResolvedValue(true);
-    mocks.removeProject.mockReset();
-    mocks.removeProject.mockResolvedValue(undefined);
+    mocks.agreementProps.mockReset();
+    mocks.artifactsProps.mockReset();
+    mocks.skillsProps.mockReset();
     mocks.useProjects.mockReturnValue({
       data: {
         projects: [
@@ -105,38 +98,35 @@ describe("ProjectsPage", () => {
       isLoading: false,
       isError: false,
     });
-    mocks.useProjectObservation.mockReturnValue({
+    mocks.useProjectAgreement.mockReturnValue({
+      data: undefined,
+      isLoading: false,
+      isError: false,
+    });
+    mocks.useProjectSkills.mockReturnValue({
       data: undefined,
       isLoading: false,
       isError: false,
     });
   });
 
-  it("keeps overview scan-free and opens its work item in the unified drawer", () => {
+  it("keeps overview material-free and opens its work item in the unified drawer", () => {
     renderPage("/projects/project-1/overview");
 
-    expect(mocks.useProjectObservation).toHaveBeenCalledWith(
-      "project-1",
-      "/tmp/research",
-      false,
-    );
+    expect(mocks.useProjectAgreement).toHaveBeenCalledWith(null);
+    expect(mocks.useProjectSkills).toHaveBeenCalledWith(null);
     expect(screen.getAllByRole("tab")).toHaveLength(5);
     fireEvent.click(screen.getByRole("button", { name: "Overview work" }));
     expect(screen.getByTestId("work-drawer").textContent).toBe("work-overview");
   });
 
-  it("enables legacy observation only for preserved artifact, skill, and agreement surfaces", () => {
-    mocks.useProjectObservation.mockReturnValue({
-      data: { requests: [] },
-      isLoading: false,
-      isError: false,
-    });
+  it("loads artifacts from project work without material observation", () => {
     renderPage("/projects/project-1/artifacts");
 
-    expect(mocks.useProjectObservation).toHaveBeenCalledWith(
-      "project-1",
-      "/tmp/research",
-      true,
+    expect(mocks.useProjectAgreement).toHaveBeenCalledWith(null);
+    expect(mocks.useProjectSkills).toHaveBeenCalledWith(null);
+    expect(mocks.artifactsProps).toHaveBeenCalledWith(
+      expect.objectContaining({ projectId: "project-1" }),
     );
     expect(screen.getByText("Artifact content")).toBeTruthy();
     expect(screen.getByRole("tab", { name: /Skills/ })).toBeTruthy();
@@ -147,47 +137,50 @@ describe("ProjectsPage", () => {
 
   it("asks the user to choose from the sidebar when no project route is selected", () => {
     renderPage("/projects");
-    expect(mocks.useProjectObservation).toHaveBeenCalledWith(null, null, false);
+    expect(mocks.useProjectAgreement).toHaveBeenCalledWith(null);
+    expect(mocks.useProjectSkills).toHaveBeenCalledWith(null);
     expect(screen.getByText(/Choose a project|选择项目/)).toBeTruthy();
   });
 
-  it("explains the impact before removing a project and returns to project selection", async () => {
-    renderPage("/projects/project-1/overview");
-
-    fireEvent.click(
-      screen.getByRole("button", {
-        name: /Remove from project list|从项目列表移除/,
+  it("loads each fixed project material only on its own tab", () => {
+    mocks.useProjectAgreement.mockReturnValue({
+      data: { path: "AGENTS.md", available: true },
+      isLoading: false,
+      isError: false,
+    });
+    const { unmount } = renderPage("/projects/project-1/agreement");
+    expect(mocks.useProjectAgreement).toHaveBeenCalledWith("project-1");
+    expect(mocks.useProjectSkills).toHaveBeenCalledWith(null);
+    expect(mocks.agreementProps).toHaveBeenCalledWith(
+      expect.objectContaining({
+        agreement: { path: "AGENTS.md", available: true },
       }),
     );
+    unmount();
 
-    await vi.waitFor(() =>
-      expect(mocks.confirm).toHaveBeenCalledWith(
-        expect.objectContaining({
-          description: expect.stringMatching(/local folder|本地目录/),
-          variant: "destructive",
-        }),
-      ),
-    );
-    await vi.waitFor(() =>
-      expect(mocks.removeProject).toHaveBeenCalledWith("project-1"),
-    );
-    await vi.waitFor(() =>
-      expect(screen.getByText(/Choose a project|选择项目/)).toBeTruthy(),
+    mocks.useProjectSkills.mockReturnValue({
+      data: [{ ref: "project:alpha", name: "alpha" }],
+      isLoading: false,
+      isError: false,
+    });
+    renderPage("/projects/project-1/skills");
+    expect(mocks.useProjectAgreement).toHaveBeenLastCalledWith(null);
+    expect(mocks.useProjectSkills).toHaveBeenLastCalledWith("project-1");
+    expect(mocks.skillsProps).toHaveBeenCalledWith(
+      expect.objectContaining({
+        skills: [{ ref: "project:alpha", name: "alpha" }],
+      }),
     );
   });
 
-  it("keeps the project when removal is cancelled", async () => {
-    mocks.confirm.mockResolvedValue(false);
+  it("does not expose project removal as a persistent detail-page action", () => {
     renderPage("/projects/project-1/overview");
 
-    fireEvent.click(
-      screen.getByRole("button", {
+    expect(
+      screen.queryByRole("button", {
         name: /Remove from project list|从项目列表移除/,
       }),
-    );
-
-    await vi.waitFor(() => expect(mocks.confirm).toHaveBeenCalledOnce());
-    expect(mocks.removeProject).not.toHaveBeenCalled();
+    ).toBeNull();
     expect(screen.getByText("Research")).toBeTruthy();
   });
 });

package/src/features/projects/presenters/project-home.presenter.test.ts

@@ -1,17 +1,5 @@
 import { describe, expect, it } from "vitest";
-import type { ObservedRequest, ObservedWorkItem, ObservedWorkflow } from "@nextclaw/client-sdk";
-import {
-  canReplyToProjectRequest,
-  createProjectBoardColumns,
-  getScheduledWorkItems,
-  isProjectHomeTab,
-} from "./project-home.presenter";
-
-const reference = {
-  kind: "ai-report" as const,
-  label: "AI report",
-  observedAt: "2026-08-30T00:00:00.000Z",
-};
+import { isProjectHomeTab } from "./project-home.presenter";
 
 describe("project home presenter", () => {
   it("accepts only the project home tabs represented in the route", () => {
@@ -20,55 +8,4 @@ describe("project home presenter", () => {
     expect(isProjectHomeTab("missing")).toBe(false);
     expect(isProjectHomeTab(undefined)).toBe(false);
   });
-
-  it("projects the same work items into board and scheduled views without inventing facts", () => {
-    const workflows: ObservedWorkflow[] = [{
-      id: "research",
-      label: "Research",
-      stages: [{ id: "draft", label: "Draft" }],
-      reference,
-    }];
-    const workItems: ObservedWorkItem[] = [
-      {
-        id: "with-schedule",
-        name: "Scheduled",
-        status: "active",
-        workflowId: "research",
-        stageId: "draft",
-        schedule: { start: "2026-08-30", end: "2026-09-02", milestone: false, dependsOn: [] },
-        updatedAt: reference.observedAt,
-        reference,
-      },
-      {
-        id: "without-schedule",
-        name: "Unscheduled",
-        status: "blocked",
-        updatedAt: reference.observedAt,
-        reference,
-      },
-    ];
-
-    expect(createProjectBoardColumns(workflows, workItems)[0]?.items.map((item) => item.id))
-      .toEqual(["with-schedule"]);
-    expect(getScheduledWorkItems(workItems).map((item) => item.id))
-      .toEqual(["with-schedule"]);
-  });
-
-  it("offers direct replies only for open confirm-reject requests with a source session", () => {
-    const request: ObservedRequest = {
-      id: "approval",
-      status: "open",
-      response: "confirm-reject",
-      prompt: "Ship?",
-      updatedAt: reference.observedAt,
-      reference: { ...reference, sessionId: "session-1" },
-    };
-    expect(canReplyToProjectRequest(request)).toBe(true);
-    expect(canReplyToProjectRequest({ ...request, reply: {
-      decision: "confirmed",
-      sentAt: reference.observedAt,
-      messageId: "response-1",
-    } })).toBe(false);
-    expect(canReplyToProjectRequest({ ...request, reference })).toBe(false);
-  });
 });

package/src/features/projects/presenters/project-home.presenter.ts

@@ -1,55 +1,18 @@
-import type {
-  ObservedRequest,
-  ObservedWorkItem,
-  ObservedWorkflow,
-  ProjectObservationSnapshot,
-} from "@nextclaw/client-sdk";
-
-export type ProjectHomeTab = "overview" | "work" | "artifacts" | "skills" | "agreement";
-export type ProjectWorkView = "list" | "board" | "gantt";
-
-export type ProjectBoardColumn = {
-  id: string;
-  label: string;
-  items: ObservedWorkItem[];
-};
-
-export function isProjectHomeTab(value: string | undefined): value is ProjectHomeTab {
-  return value === "overview" || value === "work" || value === "artifacts" || value === "skills" || value === "agreement";
-}
-
-export function createProjectBoardColumns(
-  workflows: readonly ObservedWorkflow[],
-  workItems: readonly ObservedWorkItem[],
-): ProjectBoardColumn[] {
-  return workflows.flatMap((workflow) => workflow.stages.map((stage) => ({
-    id: `${workflow.id}:${stage.id}`,
-    label: stage.label,
-    items: workItems.filter((item) => (
-      item.workflowId === workflow.id && item.stageId === stage.id
-    )),
-  })));
-}
-
-export function getUnstagedWorkItems(
-  workItems: readonly ObservedWorkItem[],
-): ObservedWorkItem[] {
-  return workItems.filter((item) => !item.workflowId || !item.stageId);
-}
-
-export function getScheduledWorkItems(
-  workItems: readonly ObservedWorkItem[],
-): ObservedWorkItem[] {
-  return workItems.filter((item) => item.schedule?.start || item.schedule?.end);
-}
-
-export function canReplyToProjectRequest(request: ObservedRequest): boolean {
-  return request.status === "open"
-    && request.response === "confirm-reject"
-    && Boolean(request.reference.sessionId)
-    && !request.reply;
-}
-
-export function getOpenProjectRequests(snapshot: ProjectObservationSnapshot): ObservedRequest[] {
-  return snapshot.requests.filter((request) => request.status === "open");
+export type ProjectHomeTab =
+  | "overview"
+  | "work"
+  | "artifacts"
+  | "skills"
+  | "agreement";
+
+export function isProjectHomeTab(
+  value: string | undefined,
+): value is ProjectHomeTab {
+  return (
+    value === "overview" ||
+    value === "work" ||
+    value === "artifacts" ||
+    value === "skills" ||
+    value === "agreement"
+  );
 }

package/src/features/projects/utils/project-artifact-view.utils.test.ts

@@ -2,55 +2,9 @@ import { describe, expect, it } from "vitest";
 import {
   formatProjectRelativeTime,
   joinProjectPath,
-  sortProjectArtifacts,
 } from "./project-artifact-view.utils";
 
-const artifacts = [
-  {
-    id: "older-update",
-    path: "docs/designs/older.md",
-    categoryId: "designs",
-    categoryLabel: "Designs",
-    exists: true,
-    fileCreatedAt: "2026-08-01T00:00:00.000Z",
-    fileUpdatedAt: "2026-08-28T00:00:00.000Z",
-    references: [],
-  },
-  {
-    id: "newer-update",
-    path: "docs/designs/newer.md",
-    categoryId: "designs",
-    categoryLabel: "Designs",
-    exists: true,
-    fileCreatedAt: "2026-08-29T00:00:00.000Z",
-    fileUpdatedAt: "2026-08-30T00:00:00.000Z",
-    references: [],
-  },
-  {
-    id: "untimed",
-    path: "docs/designs/alpha.md",
-    categoryId: "designs",
-    categoryLabel: "Designs",
-    exists: false,
-    references: [],
-  },
-];
-
 describe("project artifact view", () => {
-  it("prioritizes recent updates by default and supports alternate sort orders", () => {
-    expect(
-      sortProjectArtifacts(artifacts).map((artifact) => artifact.id),
-    ).toEqual(["newer-update", "older-update", "untimed"]);
-    expect(
-      sortProjectArtifacts(artifacts, "created-desc").map(
-        (artifact) => artifact.id,
-      ),
-    ).toEqual(["newer-update", "older-update", "untimed"]);
-    expect(
-      sortProjectArtifacts(artifacts, "name").map((artifact) => artifact.id),
-    ).toEqual(["untimed", "newer-update", "older-update"]);
-  });
-
   it("renders recent timestamps in people-friendly language", () => {
     const now = new Date("2026-08-30T12:00:00.000Z");
     expect(formatProjectRelativeTime("2026-08-30T11:57:00.000Z", now)).toBe(

package/src/features/projects/utils/project-artifact-view.utils.ts

@@ -1,15 +1,5 @@
-import type { ProjectObservationSnapshot } from "@nextclaw/client-sdk";
 import { formatDateShort, t } from "@/shared/lib/i18n";
 
-export type ProjectArtifactSort =
-  | "updated-desc"
-  | "updated-asc"
-  | "created-desc"
-  | "name";
-
-export const DEFAULT_PROJECT_ARTIFACT_SORT: ProjectArtifactSort =
-  "updated-desc";
-
 export function joinProjectPath(
   rootPath: string,
   relativePath: string,
@@ -19,43 +9,6 @@ export function joinProjectPath(
   return `${rootPath}${separator}${relativePath}`;
 }
 
-function timestamp(value?: string): number {
-  if (!value) return Number.NEGATIVE_INFINITY;
-  const parsed = new Date(value).getTime();
-  return Number.isNaN(parsed) ? Number.NEGATIVE_INFINITY : parsed;
-}
-
-function byName(
-  left: ProjectObservationSnapshot["artifacts"][number],
-  right: ProjectObservationSnapshot["artifacts"][number],
-): number {
-  return left.path.localeCompare(right.path);
-}
-
-export function sortProjectArtifacts(
-  artifacts: ProjectObservationSnapshot["artifacts"],
-  sort: ProjectArtifactSort = DEFAULT_PROJECT_ARTIFACT_SORT,
-): ProjectObservationSnapshot["artifacts"] {
-  return [...artifacts].sort((left, right) => {
-    if (sort === "name") return byName(left, right);
-    const leftTimestamp = timestamp(
-      sort === "created-desc"
-        ? (left.fileCreatedAt ?? left.fileUpdatedAt)
-        : (left.fileUpdatedAt ?? left.fileCreatedAt),
-    );
-    const rightTimestamp = timestamp(
-      sort === "created-desc"
-        ? (right.fileCreatedAt ?? right.fileUpdatedAt)
-        : (right.fileUpdatedAt ?? right.fileCreatedAt),
-    );
-    const order =
-      sort === "updated-asc"
-        ? leftTimestamp - rightTimestamp
-        : rightTimestamp - leftTimestamp;
-    return order || byName(left, right);
-  });
-}
-
 export function formatProjectRelativeTime(
   value?: string,
   now: Date = new Date(),

package/src/features/settings/pages/keyboard-shortcuts-settings-page.tsx

@@ -0,0 +1,15 @@
+import { useViewportLayout } from '@/app/hooks/use-viewport-layout';
+import { ChatVoiceShortcutControl } from '@/features/chat';
+import { SettingsPage } from '@/shared/components/settings/settings-page';
+import { SettingRow, SettingsGroup, SettingsSection } from '@/shared/components/settings/setting-row';
+import { t } from '@/shared/lib/i18n';
+
+export function KeyboardShortcutsSettingsPage() {
+  const { isMobile } = useViewportLayout();
+  return <SettingsPage title={t('keyboardShortcuts')}>
+    {isMobile ? <p className='text-sm text-muted-foreground'>{t('keyboardShortcutsDesktopOnly')}</p> :
+      <SettingsSection><SettingsGroup>
+        <SettingRow title={t('chatInputVoice')} layout='stacked'><ChatVoiceShortcutControl /></SettingRow>
+      </SettingsGroup></SettingsSection>}
+  </SettingsPage>;
+}

package/src/platforms/mobile/components/mobile-settings-shell.tsx

@@ -2,11 +2,12 @@ import { NavLink } from "react-router-dom";
 import { getSettingsNavItems } from "@/app/configs/app-navigation.config";
 import { t } from "@/shared/lib/i18n";
 import { cn } from "@/shared/lib/utils";
-import { useDesktopCapabilityAvailability } from "@/features/desktop-capabilities/hooks/use-desktop-capabilities";
+import { useDesktopCapabilityAvailability } from "@/features/desktop-capabilities";
 
 export function MobileSettingsShell() {
   const desktopCapabilityAvailable = useDesktopCapabilityAvailability();
   const settingsNavItems = getSettingsNavItems(t, {
+    includeKeyboardShortcuts: false,
     includeDesktopCapabilities: desktopCapabilityAvailable,
   });
 

package/src/shared/lib/api/__tests__/ncp-session-query-cache.utils.test.ts

@@ -1,4 +1,4 @@
-import { QueryClient } from '@tanstack/react-query';
+import { QueryClient, type InfiniteData } from '@tanstack/react-query';
 import { describe, expect, it } from 'vitest';
 import {
   applyNcpSessionRealtimeEvent,
@@ -262,3 +262,111 @@ describe('ncp-session-query-cache', () => {
     expect(queryClient.getQueryData<NcpSessionsListView>(['ncp-sessions', 200, 'peer-b'])?.sessions).toEqual([]);
   });
 });
+
+describe('paginated ncp session realtime cache', () => {
+  it('updates existing paginated summaries without invalidating the session pages', () => {
+    const queryClient = new QueryClient();
+    const queryKey = ['ncp-session-pages', 1, null] as const;
+    const current = createSessionsList();
+    queryClient.setQueryData<InfiniteData<NcpSessionsListView>>(queryKey, {
+      pages: [
+        { ...current, sessions: [current.sessions[0]!], page: 1, pageSize: 1, hasMore: true },
+        { ...current, sessions: [current.sessions[1]!], page: 2, pageSize: 1, hasMore: false }
+      ],
+      pageParams: [1, 2]
+    });
+
+    applyNcpSessionRealtimeEvent(queryClient, {
+      type: 'session.summary.upsert',
+      payload: {
+        summary: {
+          ...current.sessions[1]!,
+          updatedAt: '2026-03-29T11:00:00.000Z',
+          lastMessageAt: '2026-03-29T11:00:00.000Z',
+          messageCount: 3
+        }
+      }
+    });
+
+    const updated = queryClient.getQueryData<InfiniteData<NcpSessionsListView>>(queryKey);
+    expect(updated?.pages.map((page) => page.sessions[0]?.sessionId)).toEqual(['session-2', 'session-1']);
+    expect(queryClient.getQueryState(queryKey)?.isInvalidated).toBe(false);
+  });
+
+  it('invalidates paginated session queries when an upsert changes their membership', () => {
+    const queryClient = new QueryClient();
+    const queryKey = ['ncp-session-pages', 100, null] as const;
+    queryClient.setQueryData<InfiniteData<NcpSessionsListView>>(queryKey, {
+      pages: [{ ...createSessionsList(), page: 1, pageSize: 100, hasMore: false }],
+      pageParams: [1]
+    });
+
+    applyNcpSessionRealtimeEvent(queryClient, {
+      type: 'session.summary.upsert',
+      payload: {
+        summary: {
+          sessionId: 'session-3',
+          messageCount: 1,
+          updatedAt: '2026-03-29T12:00:00.000Z',
+          status: 'idle'
+        }
+      }
+    });
+
+    expect(queryClient.getQueryState(queryKey)?.isInvalidated).toBe(true);
+  });
+
+  it('patches paginated run status without invalidating the session pages', () => {
+    const queryClient = new QueryClient();
+    const queryKey = ['ncp-session-pages', 100, null] as const;
+    queryClient.setQueryData<InfiniteData<NcpSessionsListView>>(queryKey, {
+      pages: [{ ...createSessionsList(), page: 1, pageSize: 100, hasMore: false }],
+      pageParams: [1]
+    });
+
+    applyNcpSessionRealtimeEvent(queryClient, {
+      type: 'session.run-status',
+      payload: { sessionKey: 'session-2', status: 'running' }
+    });
+
+    const updated = queryClient.getQueryData<InfiniteData<NcpSessionsListView>>(queryKey);
+    expect(updated?.pages[0]?.sessions[1]).toMatchObject({
+      sessionId: 'session-2',
+      messageCount: 2,
+      status: 'running'
+    });
+    expect(queryClient.getQueryState(queryKey)?.isInvalidated).toBe(false);
+  });
+
+  it('invalidates filtered paginated queries when an upsert may change search membership', () => {
+    const queryClient = new QueryClient();
+    const queryKey = ['ncp-session-pages', 100, 'journal'] as const;
+    queryClient.setQueryData<InfiniteData<NcpSessionsListView>>(queryKey, {
+      pages: [{ ...createSessionsList(), page: 1, pageSize: 100, hasMore: false }],
+      pageParams: [1]
+    });
+
+    applyNcpSessionRealtimeEvent(queryClient, {
+      type: 'session.summary.upsert',
+      payload: { summary: { ...createSessionsList().sessions[0]!, metadata: { label: 'Journal' } } }
+    });
+
+    expect(queryClient.getQueryState(queryKey)?.isInvalidated).toBe(true);
+  });
+
+  it('invalidates paginated queries after deletion changes their membership', () => {
+    const queryClient = new QueryClient();
+    const queryKey = ['ncp-session-pages', 100, null] as const;
+    queryClient.setQueryData<InfiniteData<NcpSessionsListView>>(queryKey, {
+      pages: [{ ...createSessionsList(), page: 1, pageSize: 100, hasMore: false }],
+      pageParams: [1]
+    });
+
+    applyNcpSessionRealtimeEvent(queryClient, {
+      type: 'session.summary.delete',
+      payload: { sessionKey: 'session-1' }
+    });
+
+    expect(queryClient.getQueryState(queryKey)?.isInvalidated).toBe(true);
+  });
+});