@nextclaw/ui 0.12.2 → 0.12.4

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

@@ -3,6 +3,7 @@ import { useChatInputStore } from '@/components/chat/stores/chat-input.store';
 import type { ChatUiManager } from '@/components/chat/managers/chat-ui.manager';
 import type { SetStateAction } from 'react';
 import type { ChatStreamActionsManager } from '@/components/chat/managers/chat-stream-actions.manager';
+import { normalizeSessionProjectRootValue } from '@/lib/session-project/session-project.utils';
 
 export class ChatSessionListManager {
   constructor(
@@ -35,7 +36,16 @@ export class ChatSessionListManager {
     useChatSessionListStore.getState().setSnapshot({ selectedSessionKey: value });
   };
 
-  createSession = (sessionType?: string) => {
+  setListMode = (next: SetStateAction<'time-first' | 'project-first'>) => {
+    const prev = useChatSessionListStore.getState().snapshot.listMode;
+    const value = this.resolveUpdateValue(prev, next);
+    if (value === prev) {
+      return;
+    }
+    useChatSessionListStore.getState().setSnapshot({ listMode: value });
+  };
+
+  createSession = (sessionType?: string, projectRoot?: string | null) => {
     const { snapshot } = useChatInputStore.getState();
     const { defaultSessionType: configuredDefaultSessionType } = snapshot;
     const defaultSessionType = configuredDefaultSessionType || 'native';
@@ -43,10 +53,12 @@ export class ChatSessionListManager {
       typeof sessionType === 'string' && sessionType.trim().length > 0
         ? sessionType.trim()
         : defaultSessionType;
+    const normalizedProjectRoot = normalizeSessionProjectRootValue(projectRoot);
     this.streamActionsManager.resetStreamState();
+    useChatSessionListStore.getState().setSnapshot({ selectedSessionKey: null });
     useChatInputStore.getState().setSnapshot({
       pendingSessionType: nextSessionType,
-      pendingProjectRoot: null,
+      pendingProjectRoot: normalizedProjectRoot,
       pendingProjectRootSessionKey: null
     });
     this.uiManager.goToChatRoot();

package/src/components/chat/ncp/NcpChatPage.tsx

@@ -131,8 +131,13 @@ export function NcpChatPage({ view }: ChatPageProps) {
     [routeSessionIdParam],
   );
   const sessionKey = selectedSessionKey ?? draftSessionId;
+  const hasDraftProjectRootOverride =
+    pendingProjectRoot !== null &&
+    pendingProjectRootSessionKey === null &&
+    selectedSessionKey === null;
   const hasSessionProjectRootOverride =
-    pendingProjectRootSessionKey === sessionKey;
+    pendingProjectRoot !== null &&
+    (pendingProjectRootSessionKey === sessionKey || hasDraftProjectRootOverride);
   const sessionProjectRootOverride = hasSessionProjectRootOverride
     ? pendingProjectRoot
     : undefined;
@@ -210,7 +215,10 @@ export function NcpChatPage({ view }: ChatPageProps) {
           thinkingLevel: payload.thinkingLevel,
           sessionType: payload.sessionType,
           projectRoot:
-            payload.sessionKey === pendingProjectRootSessionKey
+            payload.sessionKey === pendingProjectRootSessionKey ||
+            (pendingProjectRoot !== null &&
+              pendingProjectRootSessionKey === null &&
+              selectedSessionKey === null)
               ? pendingProjectRoot
               : (selectedSession?.projectRoot ?? null),
           requestedSkills: payload.requestedSkills,
@@ -265,14 +273,20 @@ export function NcpChatPage({ view }: ChatPageProps) {
     pendingProjectRoot,
     pendingProjectRootSessionKey,
     presenter,
+    selectedSessionKey,
     selectedSession?.projectRoot,
     sessionKey,
   ]);
 
   useEffect(() => {
+    const matchesPendingProjectSession =
+      pendingProjectRootSessionKey === null
+        ? selectedSessionKey !== null
+        : pendingProjectRootSessionKey === selectedSession?.key;
     if (
       !selectedSession ||
-      pendingProjectRootSessionKey !== selectedSession.key ||
+      pendingProjectRoot === null ||
+      !matchesPendingProjectSession ||
       (selectedSession.projectRoot ?? null) !== pendingProjectRoot
     ) {
       return;
@@ -281,7 +295,7 @@ export function NcpChatPage({ view }: ChatPageProps) {
       pendingProjectRoot: null,
       pendingProjectRootSessionKey: null,
     });
-  }, [pendingProjectRoot, pendingProjectRootSessionKey, selectedSession]);
+  }, [pendingProjectRoot, pendingProjectRootSessionKey, selectedSession, selectedSessionKey]);
 
   useChatSessionSync({
     view,

package/src/components/chat/session-header/chat-session-project-badge.test.tsx

@@ -40,6 +40,22 @@ describe('ChatSessionProjectBadge', () => {
     expect(screen.getByText('/tmp/project-alpha')).toBeTruthy();
   });
 
+  it('uses the neutral header tag styling instead of a highlighted accent color', () => {
+    render(
+      <ChatSessionProjectBadge
+        sessionKey="session-1"
+        projectName="project-alpha"
+        projectRoot="/tmp/project-alpha"
+        persistToServer
+      />
+    );
+
+    const trigger = screen.getByRole('button', { name: 'Set Project Directory' });
+    expect(trigger.className).toContain('border-gray-200');
+    expect(trigger.className).toContain('text-gray-600');
+    expect(trigger.className).not.toContain('emerald');
+  });
+
   it('clears the current project from the badge popover', async () => {
     const user = userEvent.setup();
 

package/src/components/chat/session-header/chat-session-project-badge.tsx

@@ -46,7 +46,7 @@ export function ChatSessionProjectBadge({
           <button
             type="button"
             title={projectRoot ?? undefined}
-            className="min-w-0 max-w-[320px] shrink rounded-full border border-emerald-200 bg-emerald-50 px-2 py-0.5 text-[11px] font-medium text-emerald-700 transition-colors hover:border-emerald-300 hover:bg-emerald-100 disabled:cursor-not-allowed disabled:opacity-60"
+            className="min-w-0 max-w-[320px] shrink rounded-full border border-gray-200 bg-gray-100/90 px-2 py-0.5 text-[11px] font-medium text-gray-600 transition-colors hover:border-gray-300 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-60"
             aria-label={t('chatSessionSetProject')}
             disabled={isProjectPending}
           >
@@ -59,7 +59,7 @@ export function ChatSessionProjectBadge({
         </PopoverTrigger>
         <PopoverContent align="start" className="w-72 p-2">
           <div className="px-3 pb-2 pt-1">
-            <div className="text-[11px] font-medium uppercase tracking-wider text-emerald-700/80">
+            <div className="text-[11px] font-medium uppercase tracking-wider text-gray-500">
               {projectName}
             </div>
             {projectRoot ? (

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

@@ -1,8 +1,12 @@
 import { create } from 'zustand';
+
+export type ChatSessionListMode = 'time-first' | 'project-first';
+
 export type ChatSessionListSnapshot = {
   selectedSessionKey: string | null;
   selectedAgentId: string;
   query: string;
+  listMode: ChatSessionListMode;
 };
 
 type ChatSessionListStore = {
@@ -13,7 +17,8 @@ type ChatSessionListStore = {
 const initialSnapshot: ChatSessionListSnapshot = {
   selectedSessionKey: null,
   selectedAgentId: 'main',
-  query: ''
+  query: '',
+  listMode: 'time-first'
 };
 
 export const useChatSessionListStore = create<ChatSessionListStore>((set) => ({

package/src/components/chat/useChatSessionTypeState.ts

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useRef } from 'react';
 import type { Dispatch, SetStateAction } from 'react';
-import type { ChatSessionTypeOptionView, SessionEntryView } from '@/api/types';
+import type { AgentProfileView, ChatSessionTypeOptionView, SessionEntryView } from '@/api/types';
 import { t } from '@/lib/i18n';
 
 export const DEFAULT_SESSION_TYPE = 'native';
@@ -39,6 +39,14 @@ export function normalizeSessionType(value: unknown): string {
   return normalized || DEFAULT_SESSION_TYPE;
 }
 
+export function resolveAgentRuntimeSessionType(
+  agent: Pick<AgentProfileView, 'runtime' | 'engine'> | null | undefined,
+  fallbackSessionType: string = DEFAULT_SESSION_TYPE
+): string {
+  const runtime = agent?.runtime?.trim() || agent?.engine?.trim() || fallbackSessionType;
+  return normalizeSessionType(runtime);
+}
+
 export function resolveSessionTypeLabel(sessionType: string, fallbackLabel?: string): string {
   if (sessionType === 'native') {
     return t('chatSessionTypeNative');

package/src/lib/i18n.chat.ts

@@ -125,10 +125,13 @@ export const CHAT_LABELS: Record<string, { zh: string; en: string }> = {
   chatSidebarScheduledTasks: { zh: '定时任务', en: 'Scheduled Tasks' },
   chatSidebarSkills: { zh: '技能', en: 'Skills' },
   chatSidebarTaskRecords: { zh: '会话记录', en: 'Sessions' },
+  chatSidebarViewTime: { zh: '时间', en: 'Time' },
+  chatSidebarViewProject: { zh: '项目', en: 'Project' },
   chatSidebarToday: { zh: '今天', en: 'Today' },
   chatSidebarYesterday: { zh: '昨天', en: 'Yesterday' },
   chatSidebarPrevious7Days: { zh: '近 7 天', en: 'Previous 7 Days' },
   chatSidebarOlder: { zh: '更早', en: 'Older' },
+  chatSidebarProjectViewEmpty: { zh: '还没有绑定项目的会话', en: 'No project conversations yet' },
   chatWelcomeTitle: { zh: '你好，有什么可以帮你的吗？', en: 'Hello, how can I help you?' },
   chatWelcomeSubtitle: { zh: '开始一个新任务或选择已有对话', en: 'Start a new task or select an existing conversation' },
   chatWelcomeCapability1Title: { zh: '智能对话', en: 'Smart Conversations' },