@nextclaw/ui 0.12.24 → 0.12.25

package/src/features/chat/hooks/use-ncp-chat-page-data.test.tsx

@@ -0,0 +1,70 @@
+import { renderHook } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+import { useNcpChatPageData } from './use-ncp-chat-page-data';
+
+const useNcpSessionSkillsMock = vi.fn();
+
+vi.mock('@/shared/hooks/use-config', () => ({
+  useConfig: () => ({
+    data: {
+      agents: { defaults: {} },
+      providers: {}
+    },
+    isFetched: true,
+    isSuccess: true
+  }),
+  useConfigMeta: () => ({
+    data: { providers: [] },
+    isFetched: true,
+    isSuccess: true
+  }),
+  useNcpSessions: () => ({
+    data: { sessions: [] }
+  }),
+  useNcpSessionSkills: (params: unknown) => useNcpSessionSkillsMock(params)
+}));
+
+vi.mock('./use-ncp-chat-session-types', () => ({
+  useNcpChatSessionTypes: () => ({
+    data: {
+      defaultType: 'native',
+      options: [{ value: 'native', label: 'Native' }]
+    }
+  })
+}));
+
+function renderPageData(params: { sessionKey: string | null }) {
+  return renderHook(() =>
+    useNcpChatPageData({
+      sessionKey: params.sessionKey,
+      query: '',
+      currentSelectedModel: '',
+      pendingSessionType: '',
+      setPendingSessionType: vi.fn(),
+      setSelectedModel: vi.fn(),
+      setSelectedThinkingLevel: vi.fn()
+    })
+  );
+}
+
+describe('useNcpChatPageData skills query', () => {
+  it('loads draft-session skills before a new chat materializes', () => {
+    useNcpSessionSkillsMock.mockReturnValue({ data: { records: [] }, isLoading: false });
+
+    renderPageData({ sessionKey: null });
+
+    expect(useNcpSessionSkillsMock).toHaveBeenCalledWith({
+      sessionId: 'draft-session'
+    });
+  });
+
+  it('loads real session skills after materialization', () => {
+    useNcpSessionSkillsMock.mockReturnValue({ data: { records: [] }, isLoading: false });
+
+    renderPageData({ sessionKey: 'session-1' });
+
+    expect(useNcpSessionSkillsMock).toHaveBeenCalledWith({
+      sessionId: 'session-1'
+    });
+  });
+});

package/src/features/chat/hooks/use-ncp-chat-page-data.ts

@@ -158,7 +158,7 @@ export function useNcpChatPageData(params: UseNcpChatPageDataParams) {
   const sessionsQuery = useNcpSessions({ limit: 200 });
   const sessionTypesQuery = useNcpChatSessionTypes();
   const sessionSkillsQuery = useNcpSessionSkills({
-    sessionId: sessionKey ?? null,
+    sessionId: sessionKey?.trim() || 'draft-session',
     ...(Object.prototype.hasOwnProperty.call(params, 'projectRootOverride')
       ? { projectRoot: projectRootOverride ?? null }
       : {})

package/src/features/chat/hooks/use-ncp-child-session-tabs-view.ts

@@ -49,16 +49,10 @@ export function useNcpChildSessionTabsView(
     return new Map(sessions.map((session) => [session.key, session]));
   }, [summaries]);
 
-  const summaryByKey = useMemo(
-    () => new Map(summaries.map((summary) => [summary.sessionId, summary])),
-    [summaries],
-  );
-
   return useMemo(
     () =>
       tabs.map((tab) => {
         const session = sessionByKey.get(tab.sessionKey) ?? null;
-        const summary = summaryByKey.get(tab.sessionKey) ?? null;
         const agentId = tab.agentId?.trim() || session?.agentId || null;
         return {
           sessionKey: tab.sessionKey,
@@ -68,7 +62,7 @@ export function useNcpChildSessionTabsView(
           updatedAt: session?.updatedAt ?? null,
           lastMessageAt: session?.lastMessageAt ?? null,
           readAt: session?.readAt ?? null,
-          runStatus: summary?.status === "running" ? "running" : undefined,
+          runStatus: session?.status === "running" ? "running" : undefined,
           sessionTypeLabel: session?.sessionType
             ? resolveSessionTypeLabel(session.sessionType)
             : null,
@@ -77,6 +71,6 @@ export function useNcpChildSessionTabsView(
           projectRoot: session?.projectRoot?.trim() || null,
         };
       }),
-    [sessionByKey, summaryByKey, tabs],
+    [sessionByKey, tabs],
   );
 }

package/src/features/chat/hooks/use-ncp-session-list-view.ts

@@ -32,11 +32,10 @@ export function useNcpSessionListView(params: { limit?: number } = {}) {
       shouldShowSessionInSidebar,
     );
     const filteredSessions = filterSessionsByQuery(sessions, query);
-    const summaryBySessionId = new Map(summaries.map((summary) => [summary.sessionId, summary]));
 
     return filteredSessions.map((session) => ({
       session,
-      runStatus: summaryBySessionId.get(session.key)?.status === 'running' ? 'running' : undefined
+      runStatus: session.status === 'running' ? 'running' : undefined
     }));
   }, [query, sessionsQuery.data?.sessions]);
 

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

@@ -35,7 +35,6 @@ describe('ChatSessionListManager', () => {
       snapshot: {
         ...useChatSessionListStore.getState().snapshot,
         selectedSessionKey: 'session-1',
-        draftSessionKey: 'draft-root-1',
         listMode: 'time-first'
       }
     });
@@ -65,8 +64,8 @@ describe('ChatSessionListManager', () => {
     expect(streamActionsManager.resetStreamState).toHaveBeenCalledTimes(1);
     expect(uiManager.goToChatRoot).toHaveBeenCalledTimes(1);
     expect(useChatSessionListStore.getState().snapshot.selectedSessionKey).toBeNull();
-    expect(useChatSessionListStore.getState().snapshot.draftSessionKey).toBeNull();
     expect(useChatThreadStore.getState().snapshot.sessionKey).toBeNull();
+    expect(useChatThreadStore.getState().snapshot.hasSubmittedDraftMessage).toBe(false);
     expect(useChatInputStore.getState().snapshot.pendingSessionType).toBe('codex');
     expect(useChatInputStore.getState().snapshot.pendingProjectRoot).toBeNull();
     expect(useChatInputStore.getState().snapshot.pendingProjectRootSessionKey).toBeNull();
@@ -89,8 +88,8 @@ describe('ChatSessionListManager', () => {
     expect(uiManager.goToChatRoot).toHaveBeenCalledTimes(1);
     expect(useChatSessionListStore.getState().snapshot.selectedAgentId).toBe('researcher');
     expect(useChatSessionListStore.getState().snapshot.selectedSessionKey).toBeNull();
-    expect(useChatSessionListStore.getState().snapshot.draftSessionKey).toBeNull();
     expect(useChatThreadStore.getState().snapshot.sessionKey).toBeNull();
+    expect(useChatThreadStore.getState().snapshot.hasSubmittedDraftMessage).toBe(false);
     expect(useChatInputStore.getState().snapshot.pendingSessionType).toBe('codex');
     expect(useChatInputStore.getState().snapshot.pendingProjectRoot).toBeNull();
     expect(useChatInputStore.getState().snapshot.pendingProjectRootSessionKey).toBeNull();
@@ -117,8 +116,7 @@ describe('ChatSessionListManager', () => {
     useChatSessionListStore.setState({
       snapshot: {
         ...useChatSessionListStore.getState().snapshot,
-        selectedSessionKey: null,
-        draftSessionKey: 'draft-root-2'
+        selectedSessionKey: null
       }
     });
     const uiManager = {
@@ -137,6 +135,7 @@ describe('ChatSessionListManager', () => {
     expect(uiManager.goToChatRoot).not.toHaveBeenCalled();
     expect(uiManager.goToSession).not.toHaveBeenCalled();
     expect(useChatSessionListStore.getState().snapshot.selectedSessionKey).toBeNull();
+    expect(useChatThreadStore.getState().snapshot.hasSubmittedDraftMessage).toBe(true);
   });
 
   it('does not eagerly replace the old selected session before the route finishes switching', () => {
@@ -225,12 +224,11 @@ describe('ChatSessionListManager', () => {
     expect(mocks.updateNcpSession).not.toHaveBeenCalled();
   });
 
-  it('routes to the backend-materialized root session after the first send starts', () => {
+  it('routes to the backend-materialized root session without duplicating route-owned selection state', () => {
     useChatSessionListStore.setState({
       snapshot: {
         ...useChatSessionListStore.getState().snapshot,
         selectedSessionKey: null,
-        draftSessionKey: 'draft-root-2',
       }
     });
     const uiManager = {
@@ -246,8 +244,8 @@ describe('ChatSessionListManager', () => {
     manager.ensureDraftSession('native');
     manager.materializeRootSessionRoute('ncp-materialized-session');
 
-    expect(useChatSessionListStore.getState().snapshot.selectedSessionKey).toBe('ncp-materialized-session');
-    expect(useChatThreadStore.getState().snapshot.sessionKey).toBe('ncp-materialized-session');
+    expect(useChatSessionListStore.getState().snapshot.selectedSessionKey).toBeNull();
+    expect(useChatThreadStore.getState().snapshot.sessionKey).toBeNull();
     expect(uiManager.goToSession).toHaveBeenCalledWith('ncp-materialized-session', { replace: true });
   });
 });

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

@@ -12,7 +12,7 @@ export class ChatSessionListManager {
     private streamActionsManager: ChatStreamActionsManager
   ) {}
 
-  private syncDraftThreadState = () => {
+  private syncDraftThreadState = (hasSubmittedDraftMessage = false) => {
     useChatThreadStore.getState().setSnapshot({
       sessionKey: null,
       sessionDisplayName: undefined,
@@ -21,9 +21,11 @@ export class ChatSessionListManager {
       messages: [],
       isSending: false,
       isAwaitingAssistantOutput: false,
+      hasSubmittedDraftMessage,
       parentSessionKey: null,
       parentSessionLabel: null,
       workspacePanelParentKey: null,
+      activeWorkspacePanelKind: null,
       childSessionTabs: [],
       activeChildSessionKey: null,
       activeWorkspaceFileKey: null,
@@ -108,7 +110,6 @@ export class ChatSessionListManager {
     this.streamActionsManager.resetStreamState();
     useChatSessionListStore.getState().setSnapshot({
       selectedSessionKey: null,
-      draftSessionKey: null
     });
     this.syncDraftThreadState();
     useChatInputStore.getState().setSnapshot({
@@ -134,7 +135,7 @@ export class ChatSessionListManager {
       typeof sessionType === 'string' && sessionType.trim().length > 0
         ? sessionType.trim()
         : null;
-    this.syncDraftThreadState();
+    this.syncDraftThreadState(true);
     if (normalizedSessionType) {
       useChatInputStore.getState().setSnapshot({ pendingSessionType: normalizedSessionType });
     }
@@ -149,19 +150,13 @@ export class ChatSessionListManager {
     if (!this.uiManager.isAtChatRoot()) {
       return;
     }
-    useChatSessionListStore.getState().setSnapshot({
-      selectedSessionKey: normalizedSessionKey,
-      draftSessionKey: null,
-    });
-    useChatThreadStore.getState().setSnapshot({
-      sessionKey: normalizedSessionKey,
-    });
     this.uiManager.goToSession(normalizedSessionKey, { replace: true });
   };
 
   selectSession = (sessionKey: string) => {
     useChatThreadStore.getState().setSnapshot({
       workspacePanelParentKey: null,
+      activeWorkspacePanelKind: null,
       activeChildSessionKey: null,
       activeWorkspaceFileKey: null,
     });

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

@@ -58,7 +58,6 @@ describe('NcpChatInputManager', () => {
       snapshot: {
         ...useChatSessionListStore.getState().snapshot,
         selectedSessionKey: 'stale-selected-session',
-        draftSessionKey: 'draft-root-session',
         selectedAgentId: 'main',
       },
     });
@@ -109,7 +108,6 @@ describe('NcpChatInputManager', () => {
       snapshot: {
         ...useChatSessionListStore.getState().snapshot,
         selectedSessionKey: null,
-        draftSessionKey: null,
       },
     });
     const streamActionsManager = {

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

@@ -18,4 +18,10 @@ export class NcpChatPresenter {
     this.chatSessionListManager,
     this.chatStreamActionsManager
   );
+
+  startAgentCreationDraft = (prompt: string) => {
+    this.chatSessionListManager.createSession();
+    this.chatSessionListManager.setSelectedAgentId('main');
+    this.chatInputManager.setDraft(prompt);
+  };
 }

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

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();
 }