@nextclaw/ui 0.12.24 → 0.12.26

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

@@ -3,6 +3,7 @@ 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' })),
@@ -10,7 +11,7 @@ const { deleteNcpSessionMock, deleteSummaryMock } = vi.hoisted(() => ({
 }));
 
 vi.mock('@/shared/lib/api', async (importOriginal) => {
-  const actual = await importOriginal<typeof import('@/shared/lib/api')>();
+  const actual = await importOriginal<typeof SharedApi>();
   return {
     ...actual,
     deleteNcpSession: deleteNcpSessionMock,
@@ -97,6 +98,56 @@ describe('NcpChatThreadManager', () => {
     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(),

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

@@ -62,6 +62,7 @@ export class NcpChatThreadManager {
       parentSessionKey: null,
       parentSessionLabel: null,
       workspacePanelParentKey: null,
+      activeWorkspacePanelKind: null,
       childSessionTabs: [],
       activeChildSessionKey: null,
       workspaceFileTabs: [],
@@ -156,6 +157,7 @@ export class NcpChatThreadManager {
     const activeChildSessionKey = params.activeChildSessionKey?.trim() || null;
     useChatThreadStore.getState().setSnapshot({
       workspacePanelParentKey: parentSessionKey,
+      activeWorkspacePanelKind: 'child-session',
       activeChildSessionKey,
       activeWorkspaceFileKey: null,
     });
@@ -170,6 +172,7 @@ export class NcpChatThreadManager {
     }
     useChatThreadStore.getState().setSnapshot({
       workspacePanelParentKey: parentSessionKey,
+      activeWorkspacePanelKind: 'file',
       workspaceFileTabs: this.upsertWorkspaceFileTab(nextTab),
       activeWorkspaceFileKey: nextTab.key,
       activeChildSessionKey: null,
@@ -196,6 +199,7 @@ export class NcpChatThreadManager {
     }
     useChatThreadStore.getState().setSnapshot({
       workspacePanelParentKey: null,
+      activeWorkspacePanelKind: null,
       activeChildSessionKey: null,
       activeWorkspaceFileKey: null,
     });
@@ -214,6 +218,7 @@ export class NcpChatThreadManager {
     useChatThreadStore.getState().setSnapshot({
       activeChildSessionKey: normalizedSessionKey,
       activeWorkspaceFileKey: null,
+      activeWorkspacePanelKind: 'child-session',
     });
   };
 
@@ -229,6 +234,7 @@ export class NcpChatThreadManager {
     useChatThreadStore.getState().setSnapshot({
       activeWorkspaceFileKey: normalizedFileKey,
       activeChildSessionKey: null,
+      activeWorkspacePanelKind: 'file',
     });
   };
 
@@ -254,11 +260,26 @@ export class NcpChatThreadManager {
   closeWorkspacePanel = () => {
     useChatThreadStore.getState().setSnapshot({
       workspacePanelParentKey: null,
+      activeWorkspacePanelKind: null,
       activeChildSessionKey: null,
       activeWorkspaceFileKey: null,
     });
   };
 
+  openSessionCronPanel = (sessionKey: string) => {
+    const parentSessionKey = sessionKey.trim();
+    if (!parentSessionKey) {
+      return;
+    }
+    useChatThreadStore.getState().setSnapshot({
+      workspacePanelParentKey: parentSessionKey,
+      activeWorkspacePanelKind: 'cron',
+      activeChildSessionKey: null,
+      activeWorkspaceFileKey: null,
+    });
+    this.ensureWorkspaceParentRoute(parentSessionKey);
+  };
+
   closeChildSessionDetail = () => {
     this.closeWorkspacePanel();
   };

package/src/features/chat/pages/ncp-chat-page.tsx

@@ -219,15 +219,16 @@ function useNcpChatPageState(presenter: NcpChatPresenter) {
     selectedSessionType,
     sessionTypeOptions,
   });
+  const currentSessionRunning = agent.isRunning || selectedSession?.status === "running";
   return {
     ...baseState,
     availableAgents,
     effectiveSessionProjectRoot,
     effectiveSessionProjectName,
-    isSending: agent.isSending || agent.isRunning,
-    isAwaitingAssistantOutput: agent.isRunning,
-    canStopCurrentRun: agent.isRunning,
-    stopDisabledReason: agent.isRunning ? null : "__preparing__",
+    isSending: agent.isSending || currentSessionRunning,
+    isAwaitingAssistantOutput: currentSessionRunning,
+    canStopCurrentRun: currentSessionRunning,
+    stopDisabledReason: currentSessionRunning ? null : "__preparing__",
     lastSendError:
       isRuntimeBlocked
         ? null
@@ -280,7 +281,10 @@ function useNcpChatStreamBindings(params: ReturnType<typeof useNcpChatPageState>
           return;
         }
         try {
-          await agent.send(envelope);
+          const handle = await agent.send(envelope);
+          if (!payload.sessionKey && handle?.sessionId) {
+            presenter.chatSessionListManager.materializeRootSessionRoute(handle.sessionId);
+          }
         } catch (error) {
           if (payload.restoreDraftOnError) {
             if (payload.composerNodes && payload.composerNodes.length > 0) {

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

@@ -44,6 +44,7 @@ export type ChatInputSnapshot = {
   skillRecords: SessionSkillEntryView[];
   isSkillsLoading: boolean;
   selectedSkills: string[];
+  composerFocusRequest: { id: number; placement: 'end' } | null;
 };
 
 type ChatInputStore = {
@@ -75,7 +76,8 @@ const initialSnapshot: ChatInputSnapshot = {
   sessionTypeUnavailable: false,
   skillRecords: [],
   isSkillsLoading: false,
-  selectedSkills: []
+  selectedSkills: [],
+  composerFocusRequest: null
 };
 
 export const useChatInputStore = create<ChatInputStore>((set) => ({

package/src/features/chat/stores/chat-session-list.store.ts

@@ -3,7 +3,6 @@ import type { SessionRunStatus } from '@/features/chat/types/session-run-status.
 export type ChatSessionListMode = 'time-first' | 'project-first';
 export type ChatSessionListSnapshot = {
   selectedSessionKey: string | null;
-  draftSessionKey: string | null;
   selectedAgentId: string;
   query: string;
   listMode: ChatSessionListMode;
@@ -49,7 +48,6 @@ type ChatSessionListStoreSet = Parameters<StateCreator<ChatSessionListStore>>[0]
 
 const initialSnapshot: ChatSessionListSnapshot = {
   selectedSessionKey: null,
-  draftSessionKey: null,
   selectedAgentId: 'main',
   query: '',
   listMode: 'time-first'

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

@@ -55,9 +55,11 @@ export type ChatThreadSnapshot = {
   messages: readonly NcpMessage[];
   isSending: boolean;
   isAwaitingAssistantOutput: boolean;
+  hasSubmittedDraftMessage: boolean;
   parentSessionKey?: string | null;
   parentSessionLabel?: string | null;
   workspacePanelParentKey?: string | null;
+  activeWorkspacePanelKind?: "child-session" | "file" | "cron" | null;
   childSessionTabs: ChatChildSessionTab[];
   activeChildSessionKey?: string | null;
   workspaceFileTabs: ChatWorkspaceFileTab[];
@@ -92,9 +94,11 @@ const initialSnapshot: ChatThreadSnapshot = {
   messages: [],
   isSending: false,
   isAwaitingAssistantOutput: false,
+  hasSubmittedDraftMessage: false,
   parentSessionKey: null,
   parentSessionLabel: null,
   workspacePanelParentKey: null,
+  activeWorkspacePanelKind: null,
   childSessionTabs: [],
   activeChildSessionKey: null,
   workspaceFileTabs: [],

package/src/features/chat/utils/chat-session-display.utils.test.ts

@@ -1,6 +1,11 @@
 import { describe, expect, it } from 'vitest';
 import type { SessionEntryView } from '@/shared/lib/api';
-import { sessionDisplayName, sessionMatchesQuery } from './chat-session-display.utils';
+import {
+  formatSessionListTime,
+  sessionActivityPreviewText,
+  sessionDisplayName,
+  sessionMatchesQuery
+} from './chat-session-display.utils';
 
 function createSession(overrides: Partial<SessionEntryView> = {}): SessionEntryView {
   return {
@@ -52,4 +57,81 @@ describe('chat-session-display', () => {
   it('treats an empty query as a match', () => {
     expect(sessionMatchesQuery(createSession({ label: 'Anything' }), '   ')).toBe(true);
   });
+
+  it('shows running activity before the previous reply preview', () => {
+    expect(
+      sessionActivityPreviewText(
+        createSession({
+          activityPreview: {
+            state: 'running',
+            statusText: '正在调用工具：shell',
+            replyText: '之前的回复',
+            timestamp: '2026-05-16T01:00:00.000Z'
+          }
+        })
+      )
+    ).toBe('正在调用工具：shell');
+  });
+
+  it('shows the final assistant reply after completion', () => {
+    expect(
+      sessionActivityPreviewText(
+        createSession({
+          activityPreview: {
+            state: 'completed',
+            statusText: '工具调用完成',
+            replyText: '最终回复内容',
+            timestamp: '2026-05-16T01:00:00.000Z'
+          }
+        })
+      )
+    ).toBe('最终回复内容');
+  });
+
+  it('formats today activity as time like WeChat session lists', () => {
+    expect(
+      formatSessionListTime(
+        new Date(2026, 4, 16, 9, 5),
+        'zh',
+        new Date(2026, 4, 16, 12, 0)
+      )
+    ).toBe('09:05');
+  });
+
+  it('formats yesterday activity as yesterday like WeChat session lists', () => {
+    expect(
+      formatSessionListTime(
+        new Date(2026, 4, 15, 23, 30),
+        'zh',
+        new Date(2026, 4, 16, 12, 0)
+      )
+    ).toBe('昨天');
+  });
+
+  it('formats recent activity within a week as weekday', () => {
+    expect(
+      formatSessionListTime(
+        new Date(2026, 4, 12, 18, 30),
+        'zh',
+        new Date(2026, 4, 16, 12, 0)
+      )
+    ).toBe('星期二');
+  });
+
+  it('formats older activity as date and keeps year only across years', () => {
+    expect(
+      formatSessionListTime(
+        new Date(2026, 4, 1, 18, 30),
+        'zh',
+        new Date(2026, 4, 16, 12, 0)
+      )
+    ).toBe('5月1日');
+    expect(
+      formatSessionListTime(
+        new Date(2025, 11, 31, 18, 30),
+        'zh',
+        new Date(2026, 4, 16, 12, 0)
+      )
+    ).toBe('2025年12月31日');
+  });
 });

package/src/features/chat/utils/chat-session-display.utils.ts

@@ -1,4 +1,5 @@
 import type { SessionEntryView } from '@/shared/lib/api';
+import { getLanguage, getLocale, t, type I18nLanguage } from '@/shared/lib/i18n';
 
 export function sessionDisplayName(session: SessionEntryView): string {
   const label = session.label?.trim();
@@ -9,6 +10,78 @@ export function sessionDisplayName(session: SessionEntryView): string {
   return chunks[chunks.length - 1] || session.key;
 }
 
+export function sessionActivityPreviewText(session: SessionEntryView): string | null {
+  const preview = session.activityPreview;
+  if (!preview) {
+    return null;
+  }
+  if (preview.state === 'failed' || preview.state === 'running') {
+    return preview.statusText ?? preview.replyText ?? null;
+  }
+  if (preview.state === 'completed') {
+    return preview.replyText ?? preview.statusText ?? null;
+  }
+  return preview.statusText ?? preview.replyText ?? null;
+}
+
+function startOfLocalDate(date: Date): number {
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
+}
+
+function isSameLocalYear(left: Date, right: Date): boolean {
+  return left.getFullYear() === right.getFullYear();
+}
+
+function formatChineseSessionDate(date: Date, now: Date): string {
+  const monthDay = `${date.getMonth() + 1}月${date.getDate()}日`;
+  return isSameLocalYear(date, now) ? monthDay : `${date.getFullYear()}年${monthDay}`;
+}
+
+export function formatSessionListTime(
+  value?: string | Date,
+  lang: I18nLanguage = getLanguage(),
+  now: Date = new Date()
+): string {
+  if (!value) {
+    return '-';
+  }
+
+  const date = value instanceof Date ? value : new Date(value);
+  if (Number.isNaN(date.getTime())) {
+    return typeof value === 'string' ? value : '-';
+  }
+
+  const locale = getLocale(lang);
+  const dateStart = startOfLocalDate(date);
+  const todayStart = startOfLocalDate(now);
+  const daysAgo = Math.floor((todayStart - dateStart) / 86_400_000);
+
+  if (daysAgo === 0) {
+    return new Intl.DateTimeFormat(locale, {
+      hour: '2-digit',
+      minute: '2-digit',
+      hour12: false
+    }).format(date);
+  }
+
+  if (daysAgo === 1) {
+    return t('chatSidebarYesterday', lang);
+  }
+
+  if (daysAgo > 1 && daysAgo < 7) {
+    return new Intl.DateTimeFormat(locale, { weekday: 'long' }).format(date);
+  }
+
+  if (lang === 'zh') {
+    return formatChineseSessionDate(date, now);
+  }
+
+  const options: Intl.DateTimeFormatOptions = isSameLocalYear(date, now)
+    ? { month: 'numeric', day: 'numeric' }
+    : { year: 'numeric', month: 'numeric', day: 'numeric' };
+  return new Intl.DateTimeFormat(locale, options).format(date);
+}
+
 function normalizeSessionSearchValue(value: string): string {
   return value.trim().toLowerCase();
 }

package/src/features/chat/utils/ncp-chat-input-availability.utils.test.ts

@@ -36,6 +36,7 @@ function createSnapshot(
     skillRecords: [],
     isSkillsLoading: false,
     selectedSkills: [],
+    composerFocusRequest: null,
     ...overrides,
   };
 }

package/src/features/chat/utils/ncp-session-adapter.utils.test.ts

@@ -70,6 +70,28 @@ describe('adaptNcpSessionSummary', () => {
     });
   });
 
+  it('maps session activity preview metadata into the session entry', () => {
+    const adapted = adaptNcpSessionSummary(
+      createSummary({
+        metadata: {
+          last_activity_preview: {
+            state: 'completed',
+            replyText: '已经整理好方案',
+            statusText: '工具调用完成',
+            timestamp: '2026-05-16T01:00:00.000Z',
+          },
+        },
+      }),
+    );
+
+    expect(adapted.activityPreview).toEqual({
+      state: 'completed',
+      replyText: '已经整理好方案',
+      statusText: '工具调用完成',
+      timestamp: '2026-05-16T01:00:00.000Z',
+    });
+  });
+
   it('does not hydrate context window metadata from persisted session summaries', () => {
     const adapted = adaptNcpSessionSummary(
       createSummary({

package/src/features/chat/utils/ncp-session-adapter.utils.ts

@@ -3,6 +3,7 @@ import type { NcpMessagePart } from '@nextclaw/ncp';
 import type {
   NcpMessageView,
   NcpSessionSummaryView,
+  SessionActivityPreviewView,
   SessionEntryView,
   ThinkingLevel
 } from '@/shared/lib/api';
@@ -13,6 +14,12 @@ import {
 } from '@/shared/lib/session-project';
 
 const THINKING_LEVEL_SET = new Set<string>(['off', 'minimal', 'low', 'medium', 'high', 'adaptive', 'xhigh']);
+const SESSION_ACTIVITY_PREVIEW_STATE_SET = new Set<SessionActivityPreviewView['state']>([
+  'running',
+  'completed',
+  'failed',
+  'idle'
+]);
 
 function stringifyUnknown(value: unknown): string {
   if (typeof value === 'string') {
@@ -46,6 +53,28 @@ function readMetadata(summary: NcpSessionSummaryView): Record<string, unknown> |
   return metadata as Record<string, unknown>;
 }
 
+function readNcpSessionActivityPreview(summary: NcpSessionSummaryView): SessionActivityPreviewView | null {
+  const metadata = readMetadata(summary);
+  const preview = metadata?.last_activity_preview;
+  if (!preview || typeof preview !== 'object' || Array.isArray(preview)) {
+    return null;
+  }
+  const previewRecord = preview as Record<string, unknown>;
+  const { state } = previewRecord;
+  const timestamp = readOptionalString(previewRecord.timestamp);
+  if (!SESSION_ACTIVITY_PREVIEW_STATE_SET.has(state as SessionActivityPreviewView['state']) || !timestamp) {
+    return null;
+  }
+  const statusText = readOptionalString(previewRecord.statusText);
+  const replyText = readOptionalString(previewRecord.replyText);
+  return {
+    state: state as SessionActivityPreviewView['state'],
+    timestamp,
+    ...(statusText ? { statusText } : {}),
+    ...(replyText ? { replyText } : {})
+  };
+}
+
 export function readNcpSessionPreferredModel(summary: NcpSessionSummaryView): string | null {
   const metadata = readMetadata(summary);
   if (!metadata) {
@@ -286,6 +315,7 @@ export function adaptNcpSessionSummary(summary: NcpSessionSummaryView): SessionE
   const parentSessionId = readNcpParentSessionId(summary);
   const spawnedByRequestId = readNcpSpawnedByRequestId(summary);
   const isPromotedChildSession = readPromotedChildSession(summary);
+  const activityPreview = readNcpSessionActivityPreview(summary);
   return {
     key: summary.sessionId,
     createdAt: summary.createdAt ?? summary.updatedAt,
@@ -301,10 +331,12 @@ export function adaptNcpSessionSummary(summary: NcpSessionSummaryView): SessionE
     ...(projectName ? { projectName } : {}),
     sessionType: readNcpSessionType(summary),
     sessionTypeMutable: false,
+    status: summary.status ?? 'idle',
     isChildSession: Boolean(parentSessionId),
     ...(isPromotedChildSession ? { isPromotedChildSession } : {}),
     ...(parentSessionId ? { parentSessionId } : {}),
     ...(spawnedByRequestId ? { spawnedByRequestId } : {}),
+    ...(activityPreview ? { activityPreview } : {}),
     messageCount: summary.messageCount
   };
 }