@nextclaw/ui 0.15.22 → 0.15.23

package/src/features/chat/managers/provider-model-catalog-notice.manager.ts

@@ -0,0 +1,121 @@
+const STORAGE_KEY = 'nextclaw.chat.provider-model-catalog-notices';
+const STORAGE_VERSION = 1;
+
+export const LARGE_PROVIDER_MODEL_CATALOG_THRESHOLD = 50;
+
+type CatalogNoticeOption = {
+  readonly providerId: string;
+  readonly value: string;
+};
+
+type CatalogNoticeState = {
+  readonly version: typeof STORAGE_VERSION;
+  readonly acknowledgedModelsByProvider: Record<string, string[]>;
+};
+
+const EMPTY_STATE: CatalogNoticeState = {
+  version: STORAGE_VERSION,
+  acknowledgedModelsByProvider: {},
+};
+
+function readStorage(): Storage | null {
+  return typeof window === 'undefined' ? null : window.localStorage;
+}
+
+function groupOptions(options: readonly CatalogNoticeOption[]): Map<string, string[]> {
+  const grouped = new Map<string, string[]>();
+  for (const option of options) {
+    const values = grouped.get(option.providerId) ?? [];
+    if (!values.includes(option.value)) {
+      values.push(option.value);
+      grouped.set(option.providerId, values);
+    }
+  }
+  return grouped;
+}
+
+export class ProviderModelCatalogNoticeManager {
+  read = (): CatalogNoticeState => {
+    const storage = readStorage();
+    if (!storage) {
+      return EMPTY_STATE;
+    }
+    try {
+      const value = JSON.parse(storage.getItem(STORAGE_KEY) ?? 'null') as Partial<CatalogNoticeState> | null;
+      return value?.version === STORAGE_VERSION && value.acknowledgedModelsByProvider
+        ? {
+            version: STORAGE_VERSION,
+            acknowledgedModelsByProvider: value.acknowledgedModelsByProvider,
+          }
+        : EMPTY_STATE;
+    } catch {
+      return EMPTY_STATE;
+    }
+  };
+
+  write = (state: CatalogNoticeState): boolean => {
+    const storage = readStorage();
+    if (!storage) {
+      return false;
+    }
+    try {
+      storage.setItem(STORAGE_KEY, JSON.stringify(state));
+      return true;
+    } catch {
+      return false;
+    }
+  };
+
+  initializeLargeCatalogs = (options: readonly CatalogNoticeOption[]): boolean => {
+    const state = this.read();
+    const nextAcknowledged = { ...state.acknowledgedModelsByProvider };
+    let changed = false;
+    for (const [providerId, values] of groupOptions(options)) {
+      if (
+        values.length > LARGE_PROVIDER_MODEL_CATALOG_THRESHOLD &&
+        !Object.prototype.hasOwnProperty.call(nextAcknowledged, providerId)
+      ) {
+        nextAcknowledged[providerId] = values;
+        changed = true;
+      }
+    }
+    return changed && this.write({ version: STORAGE_VERSION, acknowledgedModelsByProvider: nextAcknowledged });
+  };
+
+  filterUnseen = <T extends CatalogNoticeOption>(options: readonly T[]): T[] => {
+    const acknowledged = this.read().acknowledgedModelsByProvider;
+    const grouped = groupOptions(options);
+    return options.filter((option) => {
+      const providerAcknowledged = acknowledged[option.providerId];
+      if (!providerAcknowledged) {
+        return (grouped.get(option.providerId)?.length ?? 0) <= LARGE_PROVIDER_MODEL_CATALOG_THRESHOLD;
+      }
+      return !providerAcknowledged.includes(option.value);
+    });
+  };
+
+  acknowledge = (options: readonly CatalogNoticeOption[]): boolean => {
+    if (options.length === 0) {
+      return false;
+    }
+    const state = this.read();
+    const nextAcknowledged = { ...state.acknowledgedModelsByProvider };
+    let changed = false;
+    for (const [providerId, values] of groupOptions(options)) {
+      const currentValues = nextAcknowledged[providerId] ?? [];
+      const currentSet = new Set(currentValues);
+      const merged = [...currentValues];
+      for (const value of values) {
+        if (!currentSet.has(value)) {
+          currentSet.add(value);
+          merged.push(value);
+          changed = true;
+        }
+      }
+      nextAcknowledged[providerId] = merged;
+    }
+    return changed && this.write({ version: STORAGE_VERSION, acknowledgedModelsByProvider: nextAcknowledged });
+  };
+}
+
+export const providerModelCatalogNoticeManager = new ProviderModelCatalogNoticeManager();

package/src/features/chat/presenters/chat.presenter.ts

@@ -2,6 +2,7 @@ import { ChatSessionListManager } from '@/features/chat/managers/chat-session-li
 import { ChatUiManager } from '@/features/chat/managers/chat-ui.manager';
 import { ChatQueryManager } from '@/features/chat/managers/chat-query.manager';
 import { ChatThreadManager } from '@/features/chat/managers/chat-thread.manager';
+import { ChatComposerIntentManager } from '@/features/chat/managers/chat-composer-intent.manager';
 import type { AppPresenter } from '@/app/presenters/app.presenter';
 
 export class ChatPresenter {
@@ -9,11 +10,13 @@ export class ChatPresenter {
   readonly chatSessionListManager: ChatSessionListManager;
   readonly chatQueryManager: ChatQueryManager;
   readonly chatThreadManager: ChatThreadManager;
+  readonly chatComposerIntentManager: ChatComposerIntentManager;
 
   constructor(appPresenter: AppPresenter) {
     this.chatUiManager = new ChatUiManager(appPresenter.docBrowserManager);
     this.chatSessionListManager = new ChatSessionListManager(this.chatUiManager);
     this.chatQueryManager = new ChatQueryManager();
+    this.chatComposerIntentManager = new ChatComposerIntentManager();
     this.chatThreadManager = new ChatThreadManager(
       this.chatUiManager,
       this.chatSessionListManager,

package/src/features/chat/stores/__tests__/chat-composer-draft.store.test.ts

@@ -0,0 +1,55 @@
+import { beforeEach, describe, expect, it } from 'vitest';
+
+import {
+  CHAT_NEW_SESSION_DRAFT_KEY,
+  resolveChatComposerDraftKey,
+  useChatComposerDraftStore,
+  type ChatComposerDraftSnapshot,
+} from '@/features/chat/stores/chat-composer-draft.store';
+
+const STORAGE_KEY = 'nextclaw.chat.composer-drafts';
+
+const EMPTY_DRAFT: ChatComposerDraftSnapshot = {
+  text: '',
+  nodes: [],
+  selectedSkills: [],
+  skillRecords: [],
+  attachments: [],
+  selectedModel: undefined,
+  selectedThinkingLevel: null,
+  pendingSessionType: 'native',
+  selectedSessionType: 'native',
+  composerFocusRequestId: 0,
+  sendError: null,
+};
+
+describe('chat composer draft store', () => {
+  beforeEach(() => {
+    window.localStorage.clear();
+    useChatComposerDraftStore.setState({ drafts: {} });
+  });
+
+  it('uses one fixed partition for the uncreated session', () => {
+    expect(resolveChatComposerDraftKey(null)).toBe(CHAT_NEW_SESSION_DRAFT_KEY);
+    expect(resolveChatComposerDraftKey('  ')).toBe(CHAT_NEW_SESSION_DRAFT_KEY);
+    expect(resolveChatComposerDraftKey('session-a')).toBe('session:session-a');
+  });
+
+  it('restores persisted drafts after the store rehydrates', async () => {
+    useChatComposerDraftStore.getState().updateDraft(
+      'session:session-a',
+      EMPTY_DRAFT,
+      (snapshot) => ({ ...snapshot, text: '会话 A 草稿' }),
+    );
+    const persistedDrafts = window.localStorage.getItem(STORAGE_KEY);
+
+    expect(persistedDrafts).not.toBeNull();
+    useChatComposerDraftStore.setState({ drafts: {} });
+    window.localStorage.setItem(STORAGE_KEY, persistedDrafts!);
+    await useChatComposerDraftStore.persist.rehydrate();
+
+    expect(
+      useChatComposerDraftStore.getState().drafts['session:session-a']?.text,
+    ).toBe('会话 A 草稿');
+  });
+});

package/src/features/chat/stores/chat-composer-draft.store.ts

@@ -0,0 +1,92 @@
+import type { ChatComposerNode } from '@nextclaw/agent-chat-ui';
+import type { NcpDraftAttachment } from '@nextclaw/ncp-react';
+import { create } from 'zustand';
+import { createJSONStorage, persist } from 'zustand/middleware';
+
+import type { ThinkingLevel } from '@/shared/lib/api';
+
+export const CHAT_NEW_SESSION_DRAFT_KEY = 'new-session';
+
+type ChatComposerDraftSkillSelection = {
+  readonly ref: string;
+  readonly name: string;
+};
+
+export type ChatComposerDraftSnapshot = {
+  readonly text: string;
+  readonly nodes: readonly ChatComposerNode[];
+  readonly selectedSkills: readonly string[];
+  readonly skillRecords: readonly ChatComposerDraftSkillSelection[];
+  readonly attachments: readonly NcpDraftAttachment[];
+  readonly selectedModel: string | null | undefined;
+  readonly selectedThinkingLevel: ThinkingLevel | null;
+  readonly pendingSessionType: string;
+  readonly selectedSessionType: string | null;
+  readonly composerFocusRequestId: number;
+  readonly sendError: string | null;
+};
+
+type ChatComposerDraftStore = {
+  drafts: Record<string, ChatComposerDraftSnapshot>;
+  ensureDraft: (draftKey: string, initialSnapshot: ChatComposerDraftSnapshot) => void;
+  updateDraft: (
+    draftKey: string,
+    initialSnapshot: ChatComposerDraftSnapshot,
+    update: (
+      snapshot: ChatComposerDraftSnapshot,
+    ) => ChatComposerDraftSnapshot,
+  ) => void;
+};
+
+const CHAT_COMPOSER_DRAFT_STORAGE_KEY = 'nextclaw.chat.composer-drafts';
+const CHAT_COMPOSER_DRAFT_STORAGE_VERSION = 1;
+
+export function resolveChatComposerDraftKey(sessionKey: string | null): string {
+  const normalizedSessionKey = sessionKey?.trim();
+  return normalizedSessionKey
+    ? `session:${normalizedSessionKey}`
+    : CHAT_NEW_SESSION_DRAFT_KEY;
+}
+
+export const useChatComposerDraftStore = create<ChatComposerDraftStore>()(
+  persist(
+    (set) => ({
+      drafts: {},
+      ensureDraft: (draftKey, initialSnapshot) => {
+        set((state) => state.drafts[draftKey]
+          ? state
+          : {
+              drafts: {
+                ...state.drafts,
+                [draftKey]: initialSnapshot,
+              },
+            });
+      },
+      updateDraft: (draftKey, initialSnapshot, update) => {
+        set((state) => ({
+          drafts: {
+            ...state.drafts,
+            [draftKey]: update(state.drafts[draftKey] ?? initialSnapshot),
+          },
+        }));
+      },
+    }),
+    {
+      name: CHAT_COMPOSER_DRAFT_STORAGE_KEY,
+      version: CHAT_COMPOSER_DRAFT_STORAGE_VERSION,
+      storage: createJSONStorage(() => window.localStorage),
+      partialize: (state) => ({
+        drafts: Object.fromEntries(
+          Object.entries(state.drafts).map(([draftKey, snapshot]) => [
+            draftKey,
+            {
+              ...snapshot,
+              composerFocusRequestId: 0,
+              sendError: null,
+            },
+          ]),
+        ),
+      }),
+    },
+  ),
+);

package/src/features/chat/stores/chat-thread.store.ts

@@ -79,8 +79,7 @@ export type ChatThreadSnapshot = {
   sessionKey: string | null;
   agentId?: string | null;
   sessionDisplayName?: string;
-  sessionProjectRoot?: string | null;
-  sessionWorkingDir?: string | null;
+  draftProjectRoot: string | null;
   sessionProjectName?: string | null;
   canDeleteSession: boolean;
   isDeletePending: boolean;
@@ -149,8 +148,7 @@ const initialSnapshot: ChatThreadSnapshot = {
   sessionKey: null,
   agentId: null,
   sessionDisplayName: undefined,
-  sessionProjectRoot: null,
-  sessionWorkingDir: null,
+  draftProjectRoot: null,
   sessionProjectName: null,
   canDeleteSession: false,
   isDeletePending: false,

package/src/features/chat/types/chat-input-bar.types.ts

@@ -45,6 +45,11 @@ export type ChatInputBarAdapterTexts = {
   favoriteModelLabel: string;
   unfavoriteModelLabel: string;
   manageModelsLabel: string;
+  discoveredModelsSummaryLabel: string;
+  discoveredModelsViewLabel: string;
+  discoveredModelsGroupLabel: string;
+  discoveredModelAddLabel: string;
+  discoveredModelsDismissLabel: string;
   thinkingLabels: Record<ChatThinkingLevel, string>;
   noModelOptionsLabel: string;
   configureProviderLabel: string;

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

@@ -13,6 +13,11 @@ export type ChatModelOption = {
   thinkingCapability?: ChatModelThinkingCapability | null;
 };
 
+export type DiscoveredChatModelOption = ChatModelOption & {
+  providerId: string;
+  providerModel: string;
+};
+
 export type ChatInputBarSlashItem = {
   kind: 'skill';
   key: string;

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

@@ -57,6 +57,11 @@ export type ChatMessagePartSource =
         toolCallId?: string;
       };
     }
+  | {
+      type: "extension";
+      extensionType: string;
+      data: unknown;
+    }
   | {
       type: string;
       [key: string]: unknown;

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

@@ -1,9 +1,11 @@
 import { render, screen, waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
+import { MemoryRouter } from "react-router-dom";
 import { beforeEach, describe, expect, it, vi } from "vitest";
 
 import type { CronJobView } from "@/shared/lib/api";
 import { setLanguage } from "@/shared/lib/i18n";
+import { buildSessionPath } from "@/features/chat";
 import { CronConfig } from "@/features/cron";
 
 const mocks = vi.hoisted(() => ({
@@ -12,7 +14,6 @@ const mocks = vi.hoisted(() => ({
   deleteJob: vi.fn(),
   refetch: vi.fn(),
   runJob: vi.fn(),
-  selectSession: vi.fn(),
   toggleJob: vi.fn(),
   cronParams: vi.fn(),
   cronQuery: {
@@ -26,14 +27,20 @@ const mocks = vi.hoisted(() => ({
   },
 }));
 
-vi.mock("@/features/chat", () => ({
-  usePresenter: () => ({
-    chatSessionListManager: {
-      createSession: mocks.createSession,
-      selectSession: mocks.selectSession,
-    },
-  }),
-}));
+vi.mock("@/features/chat", async () => {
+  const routeUtils = await vi.importActual<{
+    buildSessionPath: typeof buildSessionPath;
+  }>("@/features/chat/features/session/utils/chat-session-route.utils");
+
+  return {
+    buildSessionPath: routeUtils.buildSessionPath,
+    usePresenter: () => ({
+      chatSessionListManager: {
+        createSession: mocks.createSession,
+      },
+    }),
+  };
+});
 
 vi.mock("@/features/cron/hooks/use-cron-jobs", () => ({
   useCronJobs: (params: unknown) => {
@@ -77,6 +84,14 @@ function createJob(overrides: Partial<CronJobView> = {}): CronJobView {
   };
 }
 
+function renderCronConfig() {
+  return render(
+    <MemoryRouter>
+      <CronConfig />
+    </MemoryRouter>,
+  );
+}
+
 describe("CronConfig", () => {
   beforeEach(() => {
     setLanguage("zh");
@@ -110,8 +125,12 @@ describe("CronConfig", () => {
   });
 
   it("shows current task metrics and distinguishes bound and dedicated sessions", () => {
-    render(<CronConfig />);
+    renderCronConfig();
 
+    expect(
+      screen.getByRole("heading", { level: 1, name: "定时任务" }),
+    ).toBeTruthy();
+    expect(screen.queryByText("自动化工作台")).toBeNull();
     expect(screen.getByText("全部任务")).toBeTruthy();
     expect(screen.getAllByText("运行中").length).toBeGreaterThan(0);
     expect(screen.getAllByText("需要关注").length).toBeGreaterThan(0);
@@ -123,7 +142,7 @@ describe("CronConfig", () => {
 
   it("keeps one inline task preview open at a time", async () => {
     const user = userEvent.setup();
-    render(<CronConfig />);
+    renderCronConfig();
 
     const agentPreview = document.getElementById(
       "cron-job-preview-agent-radar",
@@ -152,9 +171,70 @@ describe("CronConfig", () => {
     ).toBe("true");
   });
 
+  it("links available execution sessions from inline task previews", async () => {
+    const user = userEvent.setup();
+    renderCronConfig();
+
+    await user.click(
+      screen.getByRole("button", { name: "展开任务 Agent 产品雷达" }),
+    );
+    const sessionLink = screen.getByRole("link", {
+      name: "session:research",
+    });
+    expect(sessionLink.getAttribute("href")).toBe(
+      buildSessionPath("session:research"),
+    );
+    expect(sessionLink.className).toContain(
+      "text-[hsl(var(--link-foreground))]",
+    );
+    expect(sessionLink.className.split(" ")).toContain("underline");
+    expect(sessionLink.querySelector("svg")).toBeNull();
+
+    await user.click(
+      screen.getByRole("button", { name: "展开任务 重要邮件监控" }),
+    );
+    expect(
+      screen.getByRole("link", { name: "cron:mail-watch" }).getAttribute("href"),
+    ).toBe(buildSessionPath("cron:mail-watch"));
+  });
+
+  it("keeps a dedicated execution session unavailable before its first run", async () => {
+    mocks.cronQuery.data = {
+      jobs: [
+        createJob({
+          id: "not-run",
+          name: "尚未执行的任务",
+          payload: {
+            kind: "agent_turn",
+            message: "等待第一次执行。",
+            agentId: "main",
+            sessionId: null,
+          },
+          state: {
+            nextRunAt: "2026-07-21T01:00:00.000Z",
+            lastRunAt: null,
+            lastStatus: null,
+            lastError: null,
+          },
+        }),
+      ],
+      total: 1,
+      summary: { total: 1, enabled: 1, disabled: 0, attention: 0 },
+    };
+    const user = userEvent.setup();
+    renderCronConfig();
+
+    await user.click(
+      screen.getByRole("button", { name: "展开任务 尚未执行的任务" }),
+    );
+
+    expect(screen.getByText("cron:not-run")).toBeTruthy();
+    expect(screen.queryByRole("link", { name: "cron:not-run" })).toBeNull();
+  });
+
   it("hands a typed request to a new AI draft conversation", async () => {
     const user = userEvent.setup();
-    render(<CronConfig />);
+    renderCronConfig();
 
     const input = screen.getByLabelText("描述你想安排的任务");
     await user.type(input, "每天早上整理项目风险{Enter}");
@@ -171,7 +251,7 @@ describe("CronConfig", () => {
       summary: { total: 0, enabled: 0, disabled: 0, attention: 0 },
     };
     const user = userEvent.setup();
-    render(<CronConfig />);
+    renderCronConfig();
 
     await user.click(screen.getByRole("button", { name: /每日 AI 新闻简报/ }));
 
@@ -183,9 +263,9 @@ describe("CronConfig", () => {
     expect(mocks.createSession).not.toHaveBeenCalled();
   });
 
-  it("opens task details from the edit action and navigates to the bound session", async () => {
+  it("exposes the bound session destination from task details", async () => {
     const user = userEvent.setup();
-    render(<CronConfig />);
+    renderCronConfig();
 
     await user.click(
       screen.getByRole("button", { name: "编辑 Agent 产品雷达" }),
@@ -193,13 +273,14 @@ describe("CronConfig", () => {
     expect(screen.getByRole("dialog")).toBeTruthy();
     expect(screen.getByText("当前系统只保存最近一次执行快照。")).toBeTruthy();
 
-    await user.click(screen.getByRole("button", { name: "打开会话" }));
-    expect(mocks.selectSession).toHaveBeenCalledWith("session:research");
+    expect(
+      screen.getByRole("link", { name: "打开会话" }).getAttribute("href"),
+    ).toBe(buildSessionPath("session:research"));
   });
 
   it("keeps enablement as an independent row action", async () => {
     const user = userEvent.setup();
-    render(<CronConfig />);
+    renderCronConfig();
 
     await user.click(screen.getAllByRole("switch")[0]);
     expect(mocks.toggleJob).toHaveBeenCalledWith({
@@ -226,7 +307,7 @@ describe("CronConfig", () => {
       summary: { total: 12, enabled: 10, disabled: 2, attention: 1 },
     };
     const user = userEvent.setup();
-    render(<CronConfig />);
+    renderCronConfig();
 
     expect(screen.getByText("1–10 / 12")).toBeTruthy();
     await user.click(screen.getByRole("button", { name: "展开任务 任务 1" }));

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

@@ -9,7 +9,7 @@ import {
   Search,
 } from "lucide-react";
 
-import { PageLayout } from "@/app/components/layout/page-layout";
+import { PageHeader, PageLayout } from "@/app/components/layout/page-layout";
 import { usePresenter } from "@/features/chat";
 import { CronJobDetailDialog } from "@/features/cron/components/cron-job-detail-dialog";
 import { CronJobRow } from "@/features/cron/components/cron-job-row";
@@ -24,13 +24,13 @@ import {
   useToggleCronJob,
 } from "@/features/cron/hooks/use-cron-jobs";
 import { Button } from "@/shared/components/ui/button";
+import { IconActionButton } from "@/shared/components/ui/actions/icon-action-button";
 import { Input } from "@/shared/components/ui/input";
 import type {
   CronJobView,
   CronListStatus,
   CronListSummaryView,
 } from "@/shared/lib/api";
-import { describeCronSession } from "@/shared/lib/cron";
 import { useConfirmDialog } from "@/shared/hooks/use-confirm-dialog";
 import { t } from "@/shared/lib/i18n";
 import { cn } from "@/shared/lib/utils";
@@ -232,10 +232,6 @@ export function CronConfig() {
     runCronJob.mutate({ id: job.id, force });
   };
 
-  const handleOpenSession = (job: CronJobView) => {
-    presenter.chatSessionListManager.selectSession(describeCronSession(job));
-  };
-
   const handlePageChange = (nextPage: number) => {
     setExpandedJobId(null);
     setPage(nextPage);
@@ -248,24 +244,20 @@ export function CronConfig() {
   const hasTasks = (summary?.total ?? 0) > 0;
 
   return (
-    <PageLayout className="space-y-7">
-      <header className="flex items-start justify-between gap-6 pt-2">
-        <div>
-          <div className="mb-2 text-[11px] font-semibold uppercase tracking-[0.12em] text-primary">
-            {t("cronWorkspaceEyebrow")}
-          </div>
-          <h1 className="text-3xl font-semibold tracking-[-0.035em] text-foreground sm:text-4xl">
-            {t("cronPageTitle")}
-          </h1>
-          <p className="mt-2 text-sm text-muted-foreground">
-            {t("cronPageDescription")}
-          </p>
-        </div>
-        <div className="pt-5">
-          <Button
-            variant="ghost"
-            size="icon"
-            className="h-8 w-8"
+    <PageLayout className="space-y-6">
+      <PageHeader
+        headingLevel={1}
+        title={t("cronPageTitle")}
+        description={t("cronPageDescription")}
+        actions={(
+          <IconActionButton
+            size="lg"
+            label={t("refresh")}
+            icon={(
+              <RefreshCw
+                className={cn("h-4 w-4", cronQuery.isFetching && "animate-spin")}
+              />
+            )}
             onClick={() => {
               if (page === 0) {
                 setExpandedJobId(null);
@@ -274,14 +266,9 @@ export function CronConfig() {
                 handlePageChange(0);
               }
             }}
-            aria-label={t("refresh")}
-          >
-            <RefreshCw
-              className={cn("h-4 w-4", cronQuery.isFetching && "animate-spin")}
-            />
-          </Button>
-        </div>
-      </header>
+          />
+        )}
+      />
 
       {hasTasks ? (
         <CronTaskComposer
@@ -456,7 +443,6 @@ export function CronConfig() {
           }
         }}
         onDelete={handleDelete}
-        onOpenSession={handleOpenSession}
         onRun={handleRun}
         onToggle={handleToggle}
       />