@nextclaw/ui 0.12.22 → 0.12.24

package/dist/index.html

@@ -78,45 +78,45 @@
     })();
   </script>
   <title>NextClaw</title>
-  <script type="module" crossorigin src="/assets/index-Doxyk7L2.js"></script>
-  <link rel="modulepreload" crossorigin href="/assets/i18n-C5Mibli1.js">
-  <link rel="modulepreload" crossorigin href="/assets/chunk-JZWAC4HX-u4uYphxM.js">
-  <link rel="modulepreload" crossorigin href="/assets/api-lwyw9j7i.js">
-  <link rel="modulepreload" crossorigin href="/assets/es2015-yYU5Ad5w.js">
-  <link rel="modulepreload" crossorigin href="/assets/createLucideIcon-BZkY6emz.js">
-  <link rel="modulepreload" crossorigin href="/assets/select-Cw5Zkb1w.js">
-  <link rel="modulepreload" crossorigin href="/assets/dist-CuqvE--P.js">
-  <link rel="modulepreload" crossorigin href="/assets/x-DpTzXQcX.js">
-  <link rel="modulepreload" crossorigin href="/assets/dialog-CdtCU2xX.js">
-  <link rel="modulepreload" crossorigin href="/assets/popover-jbfQhYQh.js">
-  <link rel="modulepreload" crossorigin href="/assets/tooltip-GYzH-Hfq.js">
-  <link rel="modulepreload" crossorigin href="/assets/refresh-cw-BxojR62w.js">
-  <link rel="modulepreload" crossorigin href="/assets/use-config-BhJHD3-G.js">
-  <link rel="modulepreload" crossorigin href="/assets/theme-provider-B5XReW_-.js">
-  <link rel="modulepreload" crossorigin href="/assets/search-vChioOoe.js">
-  <link rel="modulepreload" crossorigin href="/assets/book-open-DgLqYpNY.js">
-  <link rel="modulepreload" crossorigin href="/assets/external-link-Sw3ah_JD.js">
-  <link rel="modulepreload" crossorigin href="/assets/folder-D7-VTnkz.js">
-  <link rel="modulepreload" crossorigin href="/assets/logos-CqVm0q0W.js">
-  <link rel="modulepreload" crossorigin href="/assets/loader-circle-B5i8oMMY.js">
-  <link rel="modulepreload" crossorigin href="/assets/plus-Di0KAkiO.js">
-  <link rel="modulepreload" crossorigin href="/assets/refresh-ccw-Bii4w8aB.js">
-  <link rel="modulepreload" crossorigin href="/assets/settings-CiRChctQ.js">
-  <link rel="modulepreload" crossorigin href="/assets/sparkles-D1ZKWdm4.js">
-  <link rel="modulepreload" crossorigin href="/assets/trash-2-rY9ZteZX.js">
-  <link rel="modulepreload" crossorigin href="/assets/doc-browser-context-DfLHAWbG.js">
-  <link rel="modulepreload" crossorigin href="/assets/doc-browser-CzCV73NJ.js">
-  <link rel="modulepreload" crossorigin href="/assets/doc-browser-BUlCkZo2.js">
-  <link rel="modulepreload" crossorigin href="/assets/use-viewport-layout-D33zVbr5.js">
-  <link rel="modulepreload" crossorigin href="/assets/logo-badge-BQgKnVtz.js">
-  <link rel="modulepreload" crossorigin href="/assets/skeleton-CFQRIUzt.js">
-  <link rel="modulepreload" crossorigin href="/assets/chat-DwUf7AKR.js">
-  <link rel="modulepreload" crossorigin href="/assets/key-round-CnI1mc9F.js">
-  <link rel="modulepreload" crossorigin href="/assets/message-square-D6Z4NwpG.js">
-  <link rel="modulepreload" crossorigin href="/assets/app-navigation.config-DgiR0c5_.js">
-  <link rel="modulepreload" crossorigin href="/assets/notice-card-BPtCVEKW.js">
-  <link rel="modulepreload" crossorigin href="/assets/status-dot-Dv_hiUVa.js">
-  <link rel="modulepreload" crossorigin href="/assets/app-manager-provider-C0ONQxUg.js">
+  <script type="module" crossorigin src="/assets/index-pBvbJ5Mt.js"></script>
+  <link rel="modulepreload" crossorigin href="/assets/i18n-DnTGDIRw.js">
+  <link rel="modulepreload" crossorigin href="/assets/chunk-JZWAC4HX-Kydj4yEz.js">
+  <link rel="modulepreload" crossorigin href="/assets/api-D2xRKmZd.js">
+  <link rel="modulepreload" crossorigin href="/assets/es2015-xqN1slyW.js">
+  <link rel="modulepreload" crossorigin href="/assets/createLucideIcon-BLMK3QUd.js">
+  <link rel="modulepreload" crossorigin href="/assets/select-CJ0wbo3D.js">
+  <link rel="modulepreload" crossorigin href="/assets/dist-CPlbUgwU.js">
+  <link rel="modulepreload" crossorigin href="/assets/x-CM-XDMpk.js">
+  <link rel="modulepreload" crossorigin href="/assets/dialog-C3D7Be0p.js">
+  <link rel="modulepreload" crossorigin href="/assets/popover-B86Dbfhf.js">
+  <link rel="modulepreload" crossorigin href="/assets/tooltip-Cj4yA0gH.js">
+  <link rel="modulepreload" crossorigin href="/assets/refresh-cw-PcqoYB3K.js">
+  <link rel="modulepreload" crossorigin href="/assets/use-config-38Ur-89i.js">
+  <link rel="modulepreload" crossorigin href="/assets/theme-provider-0hxjiPc_.js">
+  <link rel="modulepreload" crossorigin href="/assets/search-CLd7m0M7.js">
+  <link rel="modulepreload" crossorigin href="/assets/book-open-DDlN5MvX.js">
+  <link rel="modulepreload" crossorigin href="/assets/external-link-DwfSfTLB.js">
+  <link rel="modulepreload" crossorigin href="/assets/folder-CeJKPx5P.js">
+  <link rel="modulepreload" crossorigin href="/assets/logos-C4sYP1Vl.js">
+  <link rel="modulepreload" crossorigin href="/assets/loader-circle-fd-vQKtW.js">
+  <link rel="modulepreload" crossorigin href="/assets/plus-D8eKFY7h.js">
+  <link rel="modulepreload" crossorigin href="/assets/refresh-ccw-ByVwmnN_.js">
+  <link rel="modulepreload" crossorigin href="/assets/settings-drbWqzA4.js">
+  <link rel="modulepreload" crossorigin href="/assets/sparkles-DVfeSVJQ.js">
+  <link rel="modulepreload" crossorigin href="/assets/trash-2-CBsHCfqq.js">
+  <link rel="modulepreload" crossorigin href="/assets/doc-browser-context-BJuMaI3o.js">
+  <link rel="modulepreload" crossorigin href="/assets/doc-browser-p82AdNO-.js">
+  <link rel="modulepreload" crossorigin href="/assets/doc-browser-C8FM5fC0.js">
+  <link rel="modulepreload" crossorigin href="/assets/use-viewport-layout-D1XzKeip.js">
+  <link rel="modulepreload" crossorigin href="/assets/logo-badge-KAe-7d8c.js">
+  <link rel="modulepreload" crossorigin href="/assets/skeleton-BK1SOSRA.js">
+  <link rel="modulepreload" crossorigin href="/assets/chat-Dkh2qtuz.js">
+  <link rel="modulepreload" crossorigin href="/assets/key-round-CJ5gDAAG.js">
+  <link rel="modulepreload" crossorigin href="/assets/message-square-z_osm9c0.js">
+  <link rel="modulepreload" crossorigin href="/assets/app-navigation.config-Ihhrrt--.js">
+  <link rel="modulepreload" crossorigin href="/assets/notice-card-BFDbKQDA.js">
+  <link rel="modulepreload" crossorigin href="/assets/status-dot-ChvPCib9.js">
+  <link rel="modulepreload" crossorigin href="/assets/app-manager-provider-CNaZboG4.js">
   <link rel="stylesheet" crossorigin href="/assets/index-D8MKmXtO.css">
 </head>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextclaw/ui",
-  "version": "0.12.22",
+  "version": "0.12.24",
   "private": false,
   "type": "module",
   "license": "MIT",
@@ -28,14 +28,14 @@
     "tailwind-merge": "^2.5.4",
     "zod": "^3.23.8",
     "zustand": "^5.0.2",
-    "@nextclaw/agent-chat": "0.1.13",
-    "@nextclaw/agent-chat-ui": "0.3.15",
-    "@nextclaw/client-sdk": "0.1.3",
-    "@nextclaw/ncp": "0.5.8",
-    "@nextclaw/ncp-react": "0.4.28",
-    "@nextclaw/server": "0.12.15",
-    "@nextclaw/shared": "0.1.2",
-    "@nextclaw/ncp-http-agent-client": "0.3.20"
+    "@nextclaw/agent-chat": "0.1.14",
+    "@nextclaw/agent-chat-ui": "0.3.16",
+    "@nextclaw/client-sdk": "0.1.4",
+    "@nextclaw/ncp": "0.5.9",
+    "@nextclaw/ncp-http-agent-client": "0.3.21",
+    "@nextclaw/ncp-react": "0.4.29",
+    "@nextclaw/server": "0.12.16",
+    "@nextclaw/shared": "0.1.3"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",

package/src/features/account/hooks/use-auth.test.ts

@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest';
 import {
-  AUTH_STATUS_BOOTSTRAP_RETRY_DELAY_MS,
   isTransientAuthStatusBootstrapError,
+  resolveAuthStatusBootstrapRetryDelay,
   shouldRetryAuthStatusBootstrap
 } from './use-auth';
 
@@ -23,11 +23,13 @@ describe('auth status bootstrap retry policy', () => {
   });
 
   it('stops retrying after the bootstrap retry budget is exhausted', () => {
-    expect(shouldRetryAuthStatusBootstrap(39, new Error('Failed to fetch'))).toBe(true);
-    expect(shouldRetryAuthStatusBootstrap(40, new Error('Failed to fetch'))).toBe(false);
+    expect(shouldRetryAuthStatusBootstrap(7, new Error('Failed to fetch'))).toBe(true);
+    expect(shouldRetryAuthStatusBootstrap(8, new Error('Failed to fetch'))).toBe(false);
   });
 
-  it('keeps the retry delay short and predictable', () => {
-    expect(AUTH_STATUS_BOOTSTRAP_RETRY_DELAY_MS).toBe(250);
+  it('backs off retry delay without becoming sluggish', () => {
+    expect(resolveAuthStatusBootstrapRetryDelay(1)).toBe(500);
+    expect(resolveAuthStatusBootstrapRetryDelay(2)).toBe(1000);
+    expect(resolveAuthStatusBootstrapRetryDelay(4)).toBe(3000);
   });
 });

package/src/features/account/hooks/use-auth.ts

@@ -11,46 +11,49 @@ import {
 import type { AuthStatusView } from '@/shared/lib/api';
 import { toast } from 'sonner';
 import { t } from '@/shared/lib/i18n';
+import { isTransientRuntimeConnectionErrorMessage } from '@/shared/lib/transport';
 
-const AUTH_STATUS_BOOTSTRAP_MAX_RETRIES = 40;
-const AUTH_STATUS_BOOTSTRAP_TIMEOUT_MS = 400;
-export const AUTH_STATUS_BOOTSTRAP_RETRY_DELAY_MS = 250;
+const AUTH_STATUS_BOOTSTRAP_PROBE_POLICY = {
+  maxRetries: 8,
+  startupTimeoutMs: 2_000,
+  settledTimeoutMs: 5_000,
+  retryBaseDelayMs: 500,
+  retryMaxDelayMs: 3_000,
+} as const;
 
 export function isTransientAuthStatusBootstrapError(error: unknown): boolean {
   if (!(error instanceof Error)) {
     return false;
   }
-  const message = error.message.trim().toLowerCase();
-  if (!message) {
-    return false;
-  }
-  return (
-    message.includes('failed to fetch') ||
-    message.includes('networkerror') ||
-    message.includes('network request failed') ||
-    message.includes('load failed') ||
-    message.includes('request timed out') ||
-    message.includes('timed out waiting for remote request response') ||
-    message.includes('remote transport connection closed')
-  );
+  return isTransientRuntimeConnectionErrorMessage(error.message);
 }
 
 export function shouldRetryAuthStatusBootstrap(failureCount: number, error: unknown): boolean {
-  if (failureCount >= AUTH_STATUS_BOOTSTRAP_MAX_RETRIES) {
+  if (failureCount >= AUTH_STATUS_BOOTSTRAP_PROBE_POLICY.maxRetries) {
     return false;
   }
   return isTransientAuthStatusBootstrapError(error);
 }
 
+export function resolveAuthStatusBootstrapRetryDelay(failureCount: number): number {
+  return Math.min(
+    AUTH_STATUS_BOOTSTRAP_PROBE_POLICY.retryMaxDelayMs,
+    AUTH_STATUS_BOOTSTRAP_PROBE_POLICY.retryBaseDelayMs * 2 ** Math.max(0, failureCount - 1)
+  );
+}
+
 export function useAuthStatus() {
   const [bootstrapSettled, setBootstrapSettled] = useState(false);
   const query = useQuery<AuthStatusView>({
     queryKey: ['auth-status'],
-    queryFn: () => fetchAuthStatus({ timeoutMs: bootstrapSettled ? 5_000 : AUTH_STATUS_BOOTSTRAP_TIMEOUT_MS }),
+    queryFn: () => fetchAuthStatus({
+      timeoutMs: bootstrapSettled
+        ? AUTH_STATUS_BOOTSTRAP_PROBE_POLICY.settledTimeoutMs
+        : AUTH_STATUS_BOOTSTRAP_PROBE_POLICY.startupTimeoutMs,
+    }),
     staleTime: 5_000,
     retry: shouldRetryAuthStatusBootstrap,
-    retryDelay: AUTH_STATUS_BOOTSTRAP_RETRY_DELAY_MS,
-    refetchOnWindowFocus: true
+    retryDelay: resolveAuthStatusBootstrapRetryDelay
   });
 
   useEffect(() => {

package/src/features/chat/components/chat-sidebar-session-item.tsx

@@ -165,7 +165,7 @@ function ChatSidebarSessionDisplayView({
               className="ml-auto h-2 w-2 shrink-0 rounded-full bg-primary"
             />
           ) : (
-            <span className="ml-auto shrink-0">{formatDateShort(session.updatedAt)}</span>
+            <span className="ml-auto shrink-0">{formatDateShort(session.lastMessageAt ?? session.createdAt)}</span>
           )}
         </div>
       </button>

package/src/features/chat/components/conversation/chat-conversation-panel.tsx

@@ -273,8 +273,8 @@ export function ChatConversationPanel({
       resolveDraftAgent(snapshot.agentId ?? "main"),
       defaultSessionType,
     );
-    const sessionKey = presenter.chatSessionListManager.createSession(sessionType);
-    if (layoutMode === "mobile") presenter.chatUiManager.goToSession(sessionKey);
+    presenter.chatSessionListManager.createSession(sessionType);
+    if (layoutMode === "mobile") presenter.chatUiManager.goToChatRoot();
   };
   const selectDraftAgent = (agentId: string) => {
     presenter.chatSessionListManager.setSelectedAgentId(agentId);

package/src/features/chat/components/layout/chat-sidebar.test.tsx

@@ -341,6 +341,80 @@ describe('ChatSidebar create and list basics', () => {
   });
 });
 
+describe('ChatSidebar activity ordering', () => {
+  beforeEach(resetSidebarTestState);
+
+  it('orders sessions by last message time and ignores metadata updatedAt changes', () => {
+    mocks.sessionItems = [
+      createSessionItem({
+        key: 'session:message-newer',
+        createdAt: '2026-03-19T08:00:00.000Z',
+        updatedAt: '2026-03-19T09:00:00.000Z',
+        lastMessageAt: '2026-03-19T09:00:00.000Z',
+        label: 'Message Newer',
+        sessionType: 'native',
+        sessionTypeMutable: false,
+        messageCount: 1
+      }),
+      createSessionItem({
+        key: 'session:metadata-newer',
+        createdAt: '2026-03-19T07:00:00.000Z',
+        updatedAt: '2026-03-19T12:00:00.000Z',
+        lastMessageAt: '2026-03-19T08:00:00.000Z',
+        label: 'Metadata Newer',
+        sessionType: 'native',
+        sessionTypeMutable: false,
+        messageCount: 1
+      })
+    ];
+
+    render(
+      <MemoryRouter>
+        <ChatSidebar />
+      </MemoryRouter>
+    );
+
+    const messageNewer = screen.getByText('Message Newer');
+    const metadataNewer = screen.getByText('Metadata Newer');
+
+    expect(messageNewer.compareDocumentPosition(metadataNewer) & Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy();
+  });
+
+  it('uses createdAt for sorting sessions without messages', () => {
+    mocks.sessionItems = [
+      createSessionItem({
+        key: 'session:created-older',
+        createdAt: '2026-03-19T08:00:00.000Z',
+        updatedAt: '2026-03-19T12:00:00.000Z',
+        label: 'Created Older',
+        sessionType: 'native',
+        sessionTypeMutable: false,
+        messageCount: 0
+      }),
+      createSessionItem({
+        key: 'session:created-newer',
+        createdAt: '2026-03-19T09:00:00.000Z',
+        updatedAt: '2026-03-19T10:00:00.000Z',
+        label: 'Created Newer',
+        sessionType: 'native',
+        sessionTypeMutable: false,
+        messageCount: 0
+      })
+    ];
+
+    render(
+      <MemoryRouter>
+        <ChatSidebar />
+      </MemoryRouter>
+    );
+
+    const createdNewer = screen.getByText('Created Newer');
+    const createdOlder = screen.getByText('Created Older');
+
+    expect(createdNewer.compareDocumentPosition(createdOlder) & Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy();
+  });
+});
+
 describe('ChatSidebar project-first mode', () => {
   beforeEach(resetSidebarTestState);
 

package/src/features/chat/components/layout/chat-sidebar.tsx

@@ -40,12 +40,12 @@ type DateGroup = {
   items: NcpSessionListItemView[];
 };
 
-function getSessionUpdatedAtTimestamp(item: NcpSessionListItemView): number {
-  return new Date(item.session.updatedAt).getTime();
+function getSessionActivityAtTimestamp(item: NcpSessionListItemView): number {
+  return new Date(item.session.lastMessageAt ?? item.session.createdAt).getTime();
 }
 
-function sortSessionItemsByUpdatedAtDesc(items: NcpSessionListItemView[]): NcpSessionListItemView[] {
-  return [...items].sort((left, right) => getSessionUpdatedAtTimestamp(right) - getSessionUpdatedAtTimestamp(left));
+function sortSessionItemsByActivityAtDesc(items: NcpSessionListItemView[]): NcpSessionListItemView[] {
+  return [...items].sort((left, right) => getSessionActivityAtTimestamp(right) - getSessionActivityAtTimestamp(left));
 }
 
 function groupSessionsByDate(items: NcpSessionListItemView[]): DateGroup[] {
@@ -60,8 +60,7 @@ function groupSessionsByDate(items: NcpSessionListItemView[]): DateGroup[] {
   const older: NcpSessionListItemView[] = [];
 
   for (const item of items) {
-    const { session } = item;
-    const ts = new Date(session.updatedAt).getTime();
+    const ts = getSessionActivityAtTimestamp(item);
     if (ts >= todayStart) {
       today.push(item);
     } else if (ts >= yesterdayStart) {
@@ -90,7 +89,7 @@ function groupSessionsByProject(items: NcpSessionListItemView[]): ChatSidebarPro
       continue;
     }
     const existingGroup = grouped.get(projectRoot);
-    const updatedAt = getSessionUpdatedAtTimestamp(item);
+    const updatedAt = getSessionActivityAtTimestamp(item);
     if (existingGroup) {
       existingGroup.items.push(item);
       existingGroup.latestUpdatedAt = Math.max(existingGroup.latestUpdatedAt, updatedAt);
@@ -107,11 +106,28 @@ function groupSessionsByProject(items: NcpSessionListItemView[]): ChatSidebarPro
   return [...grouped.values()]
     .map((group) => ({
       ...group,
-      items: sortSessionItemsByUpdatedAtDesc(group.items)
+      items: sortSessionItemsByActivityAtDesc(group.items)
     }))
     .sort((left, right) => right.latestUpdatedAt - left.latestUpdatedAt);
 }
 
+function groupChildSessionsByParentKey(items: NcpSessionListItemView[]): Map<string, NcpSessionListItemView[]> {
+  const grouped = new Map<string, NcpSessionListItemView[]>();
+  for (const item of items) {
+    const parentSessionKey = item.session.parentSessionId?.trim();
+    if (!parentSessionKey) {
+      continue;
+    }
+    const bucket = grouped.get(parentSessionKey) ?? [];
+    bucket.push(item);
+    grouped.set(parentSessionKey, bucket);
+  }
+  for (const bucket of grouped.values()) {
+    bucket.sort((left, right) => getSessionActivityAtTimestamp(right) - getSessionActivityAtTimestamp(left));
+  }
+  return grouped;
+}
+
 function sessionTitle(session: SessionEntryView): string {
   if (session.label && session.label.trim()) {
     return session.label.trim();
@@ -183,23 +199,8 @@ export function ChatSidebar({
     () => new Map((agentsQuery.data?.agents ?? []).map((agent) => [agent.id, agent])),
     [agentsQuery.data?.agents]
   );
-  const sortedItems = useMemo(() => sortSessionItemsByUpdatedAtDesc(items), [items]);
-  const childSessionsByParentKey = useMemo(() => {
-    const grouped = new Map<string, NcpSessionListItemView[]>();
-    for (const item of items) {
-      const parentSessionKey = item.session.parentSessionId?.trim();
-      if (!parentSessionKey) {
-        continue;
-      }
-      const bucket = grouped.get(parentSessionKey) ?? [];
-      bucket.push(item);
-      grouped.set(parentSessionKey, bucket);
-    }
-    for (const bucket of grouped.values()) {
-      bucket.sort((left, right) => getSessionUpdatedAtTimestamp(right) - getSessionUpdatedAtTimestamp(left));
-    }
-    return grouped;
-  }, [items]);
+  const sortedItems = useMemo(() => sortSessionItemsByActivityAtDesc(items), [items]);
+  const childSessionsByParentKey = useMemo(() => groupChildSessionsByParentKey(items), [items]);
   const groups = useMemo(() => groupSessionsByDate(sortedItems), [sortedItems]);
   const projectGroups = useMemo(() => groupSessionsByProject(sortedItems), [sortedItems]);
   const defaultSessionType = inputSnapshot.defaultSessionType || 'native';
@@ -248,10 +249,8 @@ export function ChatSidebar({
     />
   );
   const createSessionAndOpenIfNeeded = (sessionType: string, projectRoot?: string | null) => {
-    const sessionKey = typeof projectRoot === "string"
-      ? presenter.chatSessionListManager.createSession(sessionType, projectRoot)
-      : presenter.chatSessionListManager.createSession(sessionType);
-    if (isMobileVariant) presenter.chatUiManager.goToSession(sessionKey);
+    presenter.chatSessionListManager.createSession(sessionType, typeof projectRoot === "string" ? projectRoot : undefined);
+    if (isMobileVariant) presenter.chatUiManager.goToChatRoot();
   };
 
   return (

package/src/features/chat/hooks/use-hydrated-ncp-agent.test.tsx

@@ -7,6 +7,11 @@ const mocks = vi.hoisted(() => ({
   manager: {
     reset: vi.fn(),
     hydrate: vi.fn(),
+    getSnapshot: vi.fn(() => ({
+      messages: [],
+      streamingMessage: null,
+      activeRun: null,
+    })),
   },
   runtime: {
     snapshot: {
@@ -37,6 +42,7 @@ describe("useHydratedNcpAgent", () => {
   beforeEach(() => {
     mocks.manager.reset.mockReset();
     mocks.manager.hydrate.mockReset();
+    mocks.manager.getSnapshot.mockClear();
     mocks.runtime.send.mockReset();
     mocks.runtime.abort.mockReset();
     mocks.runtime.streamRun.mockReset();