@nextclaw/ui 0.15.10 → 0.15.12

package/src/features/chat/managers/chat-session-list.manager.ts

@@ -1,11 +1,14 @@
-import { useChatSessionListStore } from '@/features/chat/stores/chat-session-list.store';
-import { useChatThreadStore } from '@/features/chat/stores/chat-thread.store';
-import type { ChatUiManager } from '@/features/chat/managers/chat-ui.manager';
-import type { SetStateAction } from 'react';
-import { normalizeSessionProjectRootValue } from '@/shared/lib/session-project';
-import { updateNcpSession } from '@/shared/lib/api';
-import { CHAT_DRAFT_SESSION_PATH } from '@/features/chat/features/session/utils/chat-session-route.utils';
-import { DEFAULT_SESSION_TYPE, normalizeSessionType } from '@/features/chat/features/session-type/utils/chat-session-type.utils';
+import { useChatSessionListStore } from "@/features/chat/stores/chat-session-list.store";
+import { useChatThreadStore } from "@/features/chat/stores/chat-thread.store";
+import type { ChatUiManager } from "@/features/chat/managers/chat-ui.manager";
+import type { SetStateAction } from "react";
+import { normalizeSessionProjectRootValue } from "@/shared/lib/session-project";
+import { updateNcpSession } from "@/shared/lib/api";
+import { CHAT_DRAFT_SESSION_PATH } from "@/features/chat/features/session/utils/chat-session-route.utils";
+import {
+  DEFAULT_SESSION_TYPE,
+  normalizeSessionType,
+} from "@/features/chat/features/session-type/utils/chat-session-type.utils";
 
 type WorkspaceChildReadState = {
   sessionKey: string | null | undefined;
@@ -14,6 +17,12 @@ type WorkspaceChildReadState = {
   runStatus?: string | null;
 };
 
+export type CreateChatSessionOptions = {
+  readonly projectRoot?: string | null;
+  readonly prompt?: string | null;
+  readonly sessionType?: string;
+};
+
 function toggleListValue(values: string[], value: string): string[] {
   const normalizedValue = value.trim();
   if (!normalizedValue) {
@@ -46,7 +55,7 @@ export class ChatSessionListManager {
   };
 
   private resolveUpdateValue = <T>(prev: T, next: SetStateAction<T>): T => {
-    if (typeof next === 'function') {
+    if (typeof next === "function") {
       return (next as (value: T) => T)(prev);
     }
     return next;
@@ -56,11 +65,16 @@ export class ChatSessionListManager {
     readAt: string,
     currentReadAt?: string | null,
   ): boolean => {
-    const optimisticReadAt = useChatSessionListStore.getState().optimisticReadAtBySessionKey[sessionKey];
+    const optimisticReadAt =
+      useChatSessionListStore.getState().optimisticReadAtBySessionKey[
+        sessionKey
+      ];
     const effectiveCurrentReadAt =
       optimisticReadAt && currentReadAt
-        ? (optimisticReadAt.localeCompare(currentReadAt) > 0 ? optimisticReadAt : currentReadAt)
-        : optimisticReadAt ?? currentReadAt ?? undefined;
+        ? optimisticReadAt.localeCompare(currentReadAt) > 0
+          ? optimisticReadAt
+          : currentReadAt
+        : (optimisticReadAt ?? currentReadAt ?? undefined);
     if (!effectiveCurrentReadAt) {
       return true;
     }
@@ -77,7 +91,9 @@ export class ChatSessionListManager {
   };
 
   syncSelectedSessionAgent = () => {
-    const normalizedAgentId = useChatThreadStore.getState().snapshot.agentId?.trim();
+    const normalizedAgentId = useChatThreadStore
+      .getState()
+      .snapshot.agentId?.trim();
     if (!normalizedAgentId) {
       return;
     }
@@ -90,7 +106,9 @@ export class ChatSessionListManager {
     if (value === prev) {
       return;
     }
-    useChatSessionListStore.getState().setSnapshot({ selectedSessionKey: value });
+    useChatSessionListStore
+      .getState()
+      .setSnapshot({ selectedSessionKey: value });
   };
 
   syncRouteSessionSelection = (params: {
@@ -113,7 +131,7 @@ export class ChatSessionListManager {
     }
   };
 
-  setListMode = (next: SetStateAction<'time-first' | 'project-first'>) => {
+  setListMode = (next: SetStateAction<"time-first" | "project-first">) => {
     const prev = useChatSessionListStore.getState().snapshot.listMode;
     const value = this.resolveUpdateValue(prev, next);
     if (value === prev) {
@@ -137,9 +155,13 @@ export class ChatSessionListManager {
   };
 
   toggleProjectCollapsed = (projectRoot: string) => {
-    const { collapsedProjectRoots } = useChatSessionListStore.getState().snapshot;
+    const { collapsedProjectRoots } =
+      useChatSessionListStore.getState().snapshot;
     useChatSessionListStore.getState().setSnapshot({
-      collapsedProjectRoots: toggleListValue(collapsedProjectRoots, projectRoot),
+      collapsedProjectRoots: toggleListValue(
+        collapsedProjectRoots,
+        projectRoot,
+      ),
     });
   };
 
@@ -153,20 +175,38 @@ export class ChatSessionListManager {
     if (!normalizedSessionKey || !normalizedReadAt) {
       return;
     }
-    if (!this.shouldPersistReadAt(normalizedSessionKey, normalizedReadAt, currentReadAt)) {
+    if (
+      !this.shouldPersistReadAt(
+        normalizedSessionKey,
+        normalizedReadAt,
+        currentReadAt,
+      )
+    ) {
       return;
     }
-    useChatSessionListStore.getState().markSessionRead(normalizedSessionKey, normalizedReadAt);
-    void updateNcpSession(normalizedSessionKey, { uiReadAt: normalizedReadAt }).catch(() => undefined);
+    useChatSessionListStore
+      .getState()
+      .markSessionRead(normalizedSessionKey, normalizedReadAt);
+    void updateNcpSession(normalizedSessionKey, {
+      uiReadAt: normalizedReadAt,
+    }).catch(() => undefined);
   };
 
   markVisibleWorkspaceChildRead = (tab: WorkspaceChildReadState) => {
-    this.markSessionRead(tab.sessionKey, tab.runStatus === 'running' ? null : tab.lastMessageAt, tab.readAt);
-  };
-
-  createSession = (sessionType?: string, projectRoot?: string | null): void => {
-    const nextSessionType = normalizeSessionType(sessionType ?? DEFAULT_SESSION_TYPE);
+    this.markSessionRead(
+      tab.sessionKey,
+      tab.runStatus === "running" ? null : tab.lastMessageAt,
+      tab.readAt,
+    );
+  };
+
+  createSession = (options: CreateChatSessionOptions = {}): void => {
+    const { projectRoot, prompt, sessionType } = options;
+    const nextSessionType = normalizeSessionType(
+      sessionType ?? DEFAULT_SESSION_TYPE,
+    );
     const normalizedProjectRoot = normalizeSessionProjectRootValue(projectRoot);
+    const normalizedPrompt = prompt?.trim() || null;
     useChatSessionListStore.getState().setSnapshot({
       selectedSessionKey: null,
     });
@@ -177,14 +217,15 @@ export class ChatSessionListManager {
         chatDraft: {
           sessionType: nextSessionType,
           projectRoot: normalizedProjectRoot,
+          prompt: normalizedPrompt,
         },
       },
     });
   };
 
   startAgentDraftChat = (agentId: string, sessionType: string): void => {
-    const normalizedAgentId = agentId.trim() || 'main';
-    this.createSession(sessionType);
+    const normalizedAgentId = agentId.trim() || "main";
+    this.createSession({ sessionType });
     this.setSelectedAgentId(normalizedAgentId);
   };
 

package/src/features/cron/components/__tests__/cron-config.test.tsx

@@ -0,0 +1,260 @@
+import { render, screen, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+
+import type { CronJobView } from "@/shared/lib/api";
+import { setLanguage } from "@/shared/lib/i18n";
+import { CronConfig } from "@/features/cron";
+
+const mocks = vi.hoisted(() => ({
+  confirm: vi.fn(async () => true),
+  createSession: vi.fn(),
+  deleteJob: vi.fn(),
+  refetch: vi.fn(),
+  runJob: vi.fn(),
+  selectSession: vi.fn(),
+  toggleJob: vi.fn(),
+  cronParams: vi.fn(),
+  cronQuery: {
+    data: {
+      jobs: [] as CronJobView[],
+      total: 0,
+      summary: { total: 0, enabled: 0, disabled: 0, attention: 0 },
+    },
+    isFetching: false,
+    isLoading: false,
+  },
+}));
+
+vi.mock("@/features/chat", () => ({
+  usePresenter: () => ({
+    chatSessionListManager: {
+      createSession: mocks.createSession,
+      selectSession: mocks.selectSession,
+    },
+  }),
+}));
+
+vi.mock("@/features/cron/hooks/use-cron-jobs", () => ({
+  useCronJobs: (params: unknown) => {
+    mocks.cronParams(params);
+    return { ...mocks.cronQuery, refetch: mocks.refetch };
+  },
+  useDeleteCronJob: () => ({ mutate: mocks.deleteJob }),
+  useRunCronJob: () => ({ mutate: mocks.runJob }),
+  useToggleCronJob: () => ({ mutate: mocks.toggleJob }),
+}));
+
+vi.mock("@/shared/hooks/use-confirm-dialog", () => ({
+  useConfirmDialog: () => ({
+    confirm: mocks.confirm,
+    ConfirmDialog: () => null,
+  }),
+}));
+
+function createJob(overrides: Partial<CronJobView> = {}): CronJobView {
+  return {
+    id: "agent-radar",
+    name: "Agent 产品雷达",
+    enabled: true,
+    schedule: { kind: "cron", expr: "0 9 * * 2,5", tz: "Asia/Shanghai" },
+    payload: {
+      kind: "agent_turn",
+      message: "收集本周 Agent 产品的重要更新。",
+      agentId: "researcher",
+      sessionId: "session:research",
+    },
+    state: {
+      nextRunAt: "2026-07-21T01:00:00.000Z",
+      lastRunAt: "2026-07-18T01:00:00.000Z",
+      lastStatus: "ok",
+      lastError: null,
+    },
+    createdAt: "2026-07-01T00:00:00.000Z",
+    updatedAt: "2026-07-18T01:00:00.000Z",
+    deleteAfterRun: false,
+    ...overrides,
+  };
+}
+
+describe("CronConfig", () => {
+  beforeEach(() => {
+    setLanguage("zh");
+    mocks.cronQuery.data = {
+      jobs: [
+        createJob(),
+        createJob({
+          id: "mail-watch",
+          name: "重要邮件监控",
+          enabled: false,
+          payload: {
+            kind: "agent_turn",
+            message: "检查需要处理的重要邮件。",
+            agentId: "main",
+            sessionId: null,
+          },
+          state: {
+            nextRunAt: null,
+            lastRunAt: "2026-07-18T00:00:00.000Z",
+            lastStatus: "error",
+            lastError: "邮箱需要重新授权",
+          },
+        }),
+      ],
+      total: 2,
+      summary: { total: 2, enabled: 1, disabled: 1, attention: 1 },
+    };
+    mocks.cronQuery.isFetching = false;
+    mocks.cronQuery.isLoading = false;
+    vi.clearAllMocks();
+  });
+
+  it("shows current task metrics and distinguishes bound and dedicated sessions", () => {
+    render(<CronConfig />);
+
+    expect(screen.getByText("全部任务")).toBeTruthy();
+    expect(screen.getAllByText("运行中").length).toBeGreaterThan(0);
+    expect(screen.getAllByText("需要关注").length).toBeGreaterThan(0);
+    expect(screen.getByText("绑定会话")).toBeTruthy();
+    expect(screen.getByText("独立会话")).toBeTruthy();
+    expect(screen.getByText("1 项需要处理")).toBeTruthy();
+    expect(screen.getByText("重要邮件监控")).toBeTruthy();
+  });
+
+  it("keeps one inline task preview open at a time", async () => {
+    const user = userEvent.setup();
+    render(<CronConfig />);
+
+    const agentPreview = document.getElementById(
+      "cron-job-preview-agent-radar",
+    );
+    expect(agentPreview?.getAttribute("aria-hidden")).toBe("true");
+
+    await user.click(
+      screen.getByRole("button", { name: "展开任务 Agent 产品雷达" }),
+    );
+    expect(agentPreview?.getAttribute("aria-hidden")).toBe("false");
+    expect(
+      screen
+        .getByRole("button", { name: "收起任务 Agent 产品雷达" })
+        .getAttribute("aria-expanded"),
+    ).toBe("true");
+    expect(screen.queryByRole("dialog")).toBeNull();
+
+    await user.click(
+      screen.getByRole("button", { name: "展开任务 重要邮件监控" }),
+    );
+    expect(agentPreview?.getAttribute("aria-hidden")).toBe("true");
+    expect(
+      screen
+        .getByRole("button", { name: "收起任务 重要邮件监控" })
+        .getAttribute("aria-expanded"),
+    ).toBe("true");
+  });
+
+  it("hands a typed request to a new AI draft conversation", async () => {
+    const user = userEvent.setup();
+    render(<CronConfig />);
+
+    const input = screen.getByLabelText("描述你想安排的任务");
+    await user.type(input, "每天早上整理项目风险{Enter}");
+
+    expect(mocks.createSession).toHaveBeenCalledWith({
+      prompt: "每天早上整理项目风险",
+    });
+  });
+
+  it("fills and focuses the composer when an empty-state template is selected", async () => {
+    mocks.cronQuery.data = {
+      jobs: [],
+      total: 0,
+      summary: { total: 0, enabled: 0, disabled: 0, attention: 0 },
+    };
+    const user = userEvent.setup();
+    render(<CronConfig />);
+
+    await user.click(screen.getByRole("button", { name: /每日 AI 新闻简报/ }));
+
+    const input = screen.getByLabelText("描述你想安排的任务");
+    expect((input as HTMLInputElement).value).toBe(
+      "每天早上 8 点汇总过去 24 小时最重要的 AI 产品和研究进展，并附上原始来源。",
+    );
+    expect(document.activeElement).toBe(input);
+    expect(mocks.createSession).not.toHaveBeenCalled();
+  });
+
+  it("opens task details from the edit action and navigates to the bound session", async () => {
+    const user = userEvent.setup();
+    render(<CronConfig />);
+
+    await user.click(
+      screen.getByRole("button", { name: "编辑 Agent 产品雷达" }),
+    );
+    expect(screen.getByRole("dialog")).toBeTruthy();
+    expect(screen.getByText("当前系统只保存最近一次执行快照。")).toBeTruthy();
+
+    await user.click(screen.getByRole("button", { name: "打开会话" }));
+    expect(mocks.selectSession).toHaveBeenCalledWith("session:research");
+  });
+
+  it("keeps enablement as an independent row action", async () => {
+    const user = userEvent.setup();
+    render(<CronConfig />);
+
+    await user.click(screen.getAllByRole("switch")[0]);
+    expect(mocks.toggleJob).toHaveBeenCalledWith({
+      id: "agent-radar",
+      enabled: false,
+    });
+    expect(
+      screen
+        .getByRole("button", { name: "展开任务 Agent 产品雷达" })
+        .getAttribute("aria-expanded"),
+    ).toBe("false");
+    expect(screen.queryByRole("dialog")).toBeNull();
+  });
+
+  it("requests server pages and resets pagination when the status changes", async () => {
+    mocks.cronQuery.data = {
+      jobs: Array.from({ length: 10 }, (_, index) =>
+        createJob({
+          id: `task-${index + 1}`,
+          name: `任务 ${index + 1}`,
+        }),
+      ),
+      total: 12,
+      summary: { total: 12, enabled: 10, disabled: 2, attention: 1 },
+    };
+    const user = userEvent.setup();
+    render(<CronConfig />);
+
+    expect(screen.getByText("1–10 / 12")).toBeTruthy();
+    await user.click(screen.getByRole("button", { name: "展开任务 任务 1" }));
+    await user.click(screen.getByRole("button", { name: "下一页" }));
+    await waitFor(() => {
+      expect(mocks.cronParams).toHaveBeenLastCalledWith(
+        expect.objectContaining({
+          limit: 10,
+          offset: 10,
+          status: "all",
+        }),
+      );
+    });
+    expect(
+      screen
+        .getByRole("button", { name: "展开任务 任务 1" })
+        .getAttribute("aria-expanded"),
+    ).toBe("false");
+
+    await user.click(screen.getByRole("button", { name: "已暂停" }));
+    await waitFor(() => {
+      expect(mocks.cronParams).toHaveBeenLastCalledWith(
+        expect.objectContaining({
+          limit: 10,
+          offset: 0,
+          status: "disabled",
+        }),
+      );
+    });
+  });
+});