@nextclaw/ui 0.14.0 → 0.14.1-beta.0

package/src/features/chat/features/message/utils/chat-message-show-content-tool-card.utils.ts

@@ -42,6 +42,12 @@ function readPurpose(value: unknown): ChatUiShowContentRequest["purpose"] {
     : undefined;
 }
 
+function readPlacement(value: unknown): ChatUiShowContentRequest["placement"] {
+  return value === "inline" || value === "side_panel"
+    ? value
+    : undefined;
+}
+
 function readShowContentRequest(value: unknown): ChatUiShowContentRequest | null {
   if (!isRecord(value) || !isRecord(value.target)) {
     return null;
@@ -57,6 +63,7 @@ function readShowContentRequest(value: unknown): ChatUiShowContentRequest | null
   }
   const title = readOptionalString(value.title);
   const purpose = readPurpose(value.purpose);
+  const placement = readPlacement(value.placement);
 
   if (targetType === "file") {
     const path = readOptionalString(payload.path);
@@ -74,6 +81,7 @@ function readShowContentRequest(value: unknown): ChatUiShowContentRequest | null
       },
       title,
       purpose,
+      placement,
     };
   }
 
@@ -91,6 +99,7 @@ function readShowContentRequest(value: unknown): ChatUiShowContentRequest | null
       },
       title,
       purpose,
+      placement,
     };
   }
 
@@ -107,6 +116,7 @@ function readShowContentRequest(value: unknown): ChatUiShowContentRequest | null
     },
     title,
     purpose,
+    placement,
   };
 }
 
@@ -147,6 +157,22 @@ export function buildShowContentToolCard(params: {
   if (!request) {
     return null;
   }
+  const sidePanelRequest: ChatUiShowContentRequest = {
+    ...request,
+    placement: "side_panel",
+  };
+  const showContentAction = {
+    kind: "show-content" as const,
+    label: actionLabel,
+    request: sidePanelRequest,
+  };
+  const panelApp = request.target.type === "panel_app" && request.placement === "inline"
+    ? {
+        appId: request.target.payload.appId,
+        title: request.title,
+        action: showContentAction,
+      }
+    : undefined;
   return {
     kind: "result",
     name: SHOW_CONTENT_TOOL_NAME,
@@ -156,10 +182,7 @@ export function buildShowContentToolCard(params: {
     hasResult: true,
     statusTone: "success",
     statusLabel,
-    action: {
-      kind: "show-content",
-      label: actionLabel,
-      request,
-    },
+    action: showContentAction,
+    ...(panelApp ? { panelApp } : {}),
   };
 }

package/src/features/chat/features/message/utils/chat-message-tool-card.utils.ts

@@ -15,6 +15,7 @@ export type ToolCardViewSource = ToolCard & {
   action?: ChatToolPartViewModel["action"];
   fileOperation?: ChatToolPartViewModel["fileOperation"];
   outputData?: unknown;
+  panelApp?: ChatToolPartViewModel["panelApp"];
 };
 
 function isRecord(value: unknown): value is Record<string, unknown> {
@@ -133,6 +134,9 @@ export function buildToolCard(
     ...("fileOperation" in toolCard && toolCard.fileOperation
       ? { fileOperation: toolCard.fileOperation }
       : {}),
+    ...("panelApp" in toolCard && toolCard.panelApp
+      ? { panelApp: toolCard.panelApp }
+      : {}),
   };
 }
 

package/src/features/chat/features/ncp/hooks/__tests__/use-ui-show-content-event.test.tsx

@@ -32,6 +32,7 @@ describe('useUiShowContentEvent', () => {
       },
       title: 'Example URL',
       purpose: 'read' as const,
+      placement: undefined,
     };
 
     const rendered = render(

package/src/features/chat/features/ncp/utils/ncp-chat-query-derived.utils.ts

@@ -6,13 +6,16 @@ import type { ConfigView, ProvidersView, ProviderTemplatesView } from '@/shared/
 import type { ChatModelOption } from '@/features/chat/types/chat-input.types';
 import { buildProviderModelCatalog, composeProviderModel, resolveModelThinkingCapability } from '@/shared/lib/provider-models';
 
-function buildRuntimeDefaultModelOption(label: string): ChatModelOption {
+function buildRuntimeDefaultModelOption(
+  label: string,
+  thinkingCapability?: ChatModelOption['thinkingCapability'],
+): ChatModelOption {
   return {
     value: RUNTIME_DEFAULT_MODEL_VALUE,
     modelLabel: label,
     providerLabel: '',
     isRuntimeDefault: true,
-    thinkingCapability: null,
+    thinkingCapability: thinkingCapability ?? null,
   };
 }
 
@@ -50,16 +53,21 @@ export function buildNcpChatProviderModelOptions(params: {
 export function filterNcpChatModelOptionsBySessionType(params: {
   modelOptions: ChatModelOption[];
   modelSelectionMode?: RuntimeModelSelectionMode;
+  runtimeDefaultThinkingCapability?: ChatModelOption['thinkingCapability'];
   runtimeDefaultModelLabel?: string;
   supportedModels?: string[];
 }): ChatModelOption[] {
   const {
     modelOptions,
     modelSelectionMode,
+    runtimeDefaultThinkingCapability,
     runtimeDefaultModelLabel = 'Runtime default',
     supportedModels,
   } = params;
-  const runtimeDefaultOption = buildRuntimeDefaultModelOption(runtimeDefaultModelLabel);
+  const runtimeDefaultOption = buildRuntimeDefaultModelOption(
+    runtimeDefaultModelLabel,
+    runtimeDefaultThinkingCapability,
+  );
   if (modelSelectionMode === 'runtime-default') {
     return [runtimeDefaultOption];
   }

package/src/features/chat/features/session/components/session-header/__tests__/chat-session-header-actions.test.tsx

@@ -45,6 +45,7 @@ describe('ChatSessionHeaderActions', () => {
 
     expect(screen.getByText('Set Project Directory')).toBeTruthy();
     expect(screen.queryByText('Clear Project Directory')).toBeNull();
+    expect(screen.getByText('View Metadata')).toBeTruthy();
     expect(screen.getByText('Delete Session')).toBeTruthy();
   });
 
@@ -67,6 +68,32 @@ describe('ChatSessionHeaderActions', () => {
 
     expect(screen.getByText('Set Project Directory')).toBeTruthy();
     expect(screen.queryByText('Clear Project Directory')).toBeNull();
+    expect(screen.getByText('View Metadata')).toBeTruthy();
+  });
+
+  it('opens the session metadata dialog from the more-actions menu', async () => {
+    const user = userEvent.setup();
+
+    render(
+      <ChatSessionHeaderActions
+        sessionKey="session-codex"
+        canDeleteSession
+        isDeletePending={false}
+        projectRoot={null}
+        metadata={{
+          codex_thread_id: 'thread-123',
+          runtime: 'codex',
+        }}
+        onDeleteSession={mocks.onDeleteSession}
+      />
+    );
+
+    await user.click(screen.getByRole('button', { name: 'More actions' }));
+    await user.click(screen.getByRole('button', { name: 'View Metadata' }));
+
+    expect(screen.getByRole('dialog', { name: 'Session Metadata' })).toBeTruthy();
+    expect(screen.getByText(/codex_thread_id/)).toBeTruthy();
+    expect(screen.getByText(/thread-123/)).toBeTruthy();
   });
 
   it('shows a dedicated child-session entry button when the current session has child sessions', async () => {

package/src/features/chat/features/session/components/session-header/chat-session-header-actions.tsx

@@ -1,9 +1,10 @@
 import { useState } from 'react';
-import { AlarmClock, FolderOpen, GitBranch, MoreVertical, Trash2 } from 'lucide-react';
+import { AlarmClock, Braces, FolderOpen, GitBranch, MoreVertical, Trash2 } from 'lucide-react';
 import { IconActionButton } from '@/shared/components/ui/actions/icon-action-button';
 import { Popover, PopoverContent, PopoverTrigger } from '@/shared/components/ui/popover';
 import { useChatSessionProject } from '@/features/chat/features/session/hooks/use-chat-session-project';
 import { ChatSessionHeaderMenuItem } from './chat-session-header-menu-item';
+import { ChatSessionMetadataDialog } from './chat-session-metadata-dialog';
 import { ChatSessionProjectDialog } from './chat-session-project-dialog';
 import { t } from '@/shared/lib/i18n';
 
@@ -15,6 +16,7 @@ type ChatSessionHeaderActionsProps = {
   canDeleteSession: boolean;
   isDeletePending: boolean;
   projectRoot?: string | null;
+  metadata?: Record<string, unknown> | null;
   childSessionCount?: number;
   sessionCronJobCount?: number;
   onOpenChildSessions?: () => void;
@@ -27,6 +29,7 @@ export function ChatSessionHeaderActions({
   canDeleteSession,
   isDeletePending,
   projectRoot,
+  metadata,
   childSessionCount = 0,
   sessionCronJobCount = 0,
   onOpenChildSessions,
@@ -36,6 +39,7 @@ export function ChatSessionHeaderActions({
   const updateSessionProject = useChatSessionProject();
   const [isMenuOpen, setIsMenuOpen] = useState(false);
   const [isDialogOpen, setIsDialogOpen] = useState(false);
+  const [isMetadataDialogOpen, setIsMetadataDialogOpen] = useState(false);
   const [isProjectPending, setIsProjectPending] = useState(false);
   const isBusy = isDeletePending || isProjectPending;
 
@@ -96,6 +100,15 @@ export function ChatSessionHeaderActions({
               }}
               disabled={isBusy}
             />
+            <ChatSessionHeaderMenuItem
+              icon={Braces}
+              label={t('chatSessionViewMetadata')}
+              onClick={() => {
+                setIsMenuOpen(false);
+                setIsMetadataDialogOpen(true);
+              }}
+              disabled={isBusy}
+            />
             <ChatSessionHeaderMenuItem
               icon={Trash2}
               label={t('chatDeleteSession')}
@@ -117,6 +130,11 @@ export function ChatSessionHeaderActions({
         onOpenChange={setIsDialogOpen}
         onSave={runProjectUpdate}
       />
+      <ChatSessionMetadataDialog
+        open={isMetadataDialogOpen}
+        metadata={metadata}
+        onOpenChange={setIsMetadataDialogOpen}
+      />
     </div>
   );
 }

package/src/features/chat/features/session/components/session-header/chat-session-metadata-dialog.tsx

@@ -0,0 +1,46 @@
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from '@/shared/components/ui/dialog';
+import { t } from '@/shared/lib/i18n';
+
+type ChatSessionMetadataDialogProps = {
+  open: boolean;
+  metadata?: Record<string, unknown> | null;
+  onOpenChange: (open: boolean) => void;
+};
+
+function formatSessionMetadata(metadata?: Record<string, unknown> | null): string {
+  try {
+    return JSON.stringify(metadata ?? {}, null, 2);
+  } catch {
+    return '{}';
+  }
+}
+
+export function ChatSessionMetadataDialog({
+  open,
+  metadata,
+  onOpenChange,
+}: ChatSessionMetadataDialogProps) {
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-w-2xl gap-0 overflow-hidden p-0">
+        <DialogHeader className="border-b border-gray-200 px-5 py-4 pr-12">
+          <DialogTitle className="text-base">{t('chatSessionMetadataDialogTitle')}</DialogTitle>
+          <DialogDescription className="sr-only">
+            {t('chatSessionMetadataDialogDescription')}
+          </DialogDescription>
+        </DialogHeader>
+        <div className="px-5 pb-5 pt-4">
+          <pre className="max-h-[60vh] overflow-auto rounded-lg border border-gray-200 bg-gray-950 p-4 text-xs leading-relaxed text-gray-100">
+            {formatSessionMetadata(metadata)}
+          </pre>
+        </div>
+      </DialogContent>
+    </Dialog>
+  );
+}

package/src/features/chat/features/session/hooks/__tests__/use-selected-session-context-window-indicator.test.tsx

@@ -0,0 +1,63 @@
+import { renderHook } from '@testing-library/react';
+import { beforeEach, describe, expect, it } from 'vitest';
+import { useSelectedSessionContextWindowIndicator } from '@/features/chat/features/session/hooks/use-selected-session-context-window-indicator';
+import { useChatSessionListStore } from '@/features/chat/stores/chat-session-list.store';
+import { useChatThreadStore } from '@/features/chat/stores/chat-thread.store';
+
+describe('useSelectedSessionContextWindowIndicator', () => {
+  beforeEach(() => {
+    useChatSessionListStore.getState().setSnapshot({
+      selectedSessionKey: null,
+    });
+    useChatThreadStore.getState().setSnapshot({
+      sessionKey: null,
+      contextWindow: null,
+    });
+  });
+
+  it('shows the current thread context window once the thread snapshot has it', () => {
+    useChatSessionListStore.getState().setSnapshot({
+      selectedSessionKey: 'session-other',
+    });
+    useChatThreadStore.getState().setSnapshot({
+      sessionKey: 'session-current',
+      contextWindow: {
+        usedContextTokens: 25,
+        totalContextTokens: 100,
+        availableContextTokens: 75,
+        prunedUsedContextTokens: 25,
+        droppedHistoryCount: 0,
+        truncatedToolResultCount: 0,
+        truncatedSystemPrompt: false,
+        truncatedUserMessage: false,
+        compacted: false,
+        compactedUsedContextTokens: 25,
+        compactedMessageCount: 0,
+        updatedAt: '2026-06-10T00:00:00.000Z',
+      },
+    });
+
+    const { result } = renderHook(() =>
+      useSelectedSessionContextWindowIndicator(),
+    );
+
+    expect(result.current).toMatchObject({
+      percentLabel: '25%',
+      ratio: 0.25,
+      tone: 'neutral',
+    });
+  });
+
+  it('hides the indicator when the current thread snapshot has no context window', () => {
+    useChatThreadStore.getState().setSnapshot({
+      sessionKey: 'session-current',
+      contextWindow: null,
+    });
+
+    const { result } = renderHook(() =>
+      useSelectedSessionContextWindowIndicator(),
+    );
+
+    expect(result.current).toBeNull();
+  });
+});

package/src/features/chat/features/session/hooks/use-selected-session-context-window-indicator.ts

@@ -1,18 +1,15 @@
 import { useMemo } from 'react';
 import type { ChatContextWindowIndicator } from '@nextclaw/agent-chat-ui';
-import { useChatSessionListStore } from '@/features/chat/stores/chat-session-list.store';
 import { useChatThreadStore } from '@/features/chat/stores/chat-thread.store';
 import { buildChatContextWindowIndicator } from '@/features/chat/features/session/utils/chat-context-window-indicator.utils';
 
 export function useSelectedSessionContextWindowIndicator(): ChatContextWindowIndicator | null {
-  const selectedSessionKey = useChatSessionListStore((state) => state.snapshot.selectedSessionKey);
-  const liveSessionKey = useChatThreadStore((state) => state.snapshot.sessionKey);
-  const liveContextWindow = useChatThreadStore((state) => state.snapshot.contextWindow);
+  const liveContextWindow = useChatThreadStore(
+    (state) => state.snapshot.contextWindow,
+  );
 
-  return useMemo(() => {
-    if (selectedSessionKey && liveSessionKey === selectedSessionKey && liveContextWindow) {
-      return buildChatContextWindowIndicator(liveContextWindow);
-    }
-    return null;
-  }, [liveContextWindow, liveSessionKey, selectedSessionKey]);
+  return useMemo(
+    () => buildChatContextWindowIndicator(liveContextWindow),
+    [liveContextWindow],
+  );
 }

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

@@ -43,6 +43,14 @@ describe('adaptNcpSessionSummary', () => {
       projectRoot: '/Users/demo/workspace/project-alpha',
       workingDir: '/Users/demo/workspace/project-alpha',
       projectName: 'project-alpha',
+      metadata: {
+        label: 'NCP Planning Thread',
+        model: 'openai/gpt-5',
+        preferred_thinking: 'medium',
+        project_root: '/Users/demo/workspace/project-alpha',
+        session_type: 'native',
+        ui_last_read_at: '2026-03-17T23:59:00.000Z'
+      },
       lastMessageAt: '2026-03-18T00:00:00.000Z',
       readAt: '2026-03-17T23:59:00.000Z',
       sessionType: 'native',

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

@@ -308,6 +308,7 @@ export function adaptNcpMessagesToUiMessages(messages: readonly NcpMessageView[]
 }
 
 export function adaptNcpSessionSummary(summary: NcpSessionSummaryView): SessionEntryView {
+  const metadata = readMetadata(summary);
   const label = readNcpSessionLabel(summary);
   const preferredModel = readNcpSessionPreferredModel(summary);
   const preferredThinking = readNcpSessionPreferredThinking(summary);
@@ -335,6 +336,7 @@ export function adaptNcpSessionSummary(summary: NcpSessionSummaryView): SessionE
     ...(projectRoot ? { projectRoot } : {}),
     ...(workingDir ? { workingDir } : {}),
     ...(projectName ? { projectName } : {}),
+    ...(metadata ? { metadata } : {}),
     sessionType: readNcpSessionType(summary),
     sessionTypeMutable: false,
     status: summary.status ?? 'idle',

package/src/features/chat/features/session-type/hooks/use-chat-session-type-state.ts

@@ -55,6 +55,7 @@ export function useChatSessionTypeState(params: UseChatSessionTypeStateParams):
         supportedModels: undefined,
         recommendedModel: null,
         modelSelectionMode: 'nextclaw',
+        runtimeDefaultThinking: null,
         cta: null
       });
     }

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

@@ -1,6 +1,7 @@
 import type {
   AgentProfileView,
   ChatSessionTypeOptionView,
+  RuntimeDefaultThinkingView,
   SessionTypeIconView,
 } from "@/shared/lib/api";
 import type { RuntimeModelSelectionMode } from "@nextclaw/shared";
@@ -18,6 +19,7 @@ export type ChatSessionTypeOption = {
   supportedModels?: string[];
   recommendedModel?: string | null;
   modelSelectionMode?: RuntimeModelSelectionMode;
+  runtimeDefaultThinking?: RuntimeDefaultThinkingView | null;
   cta?: {
     kind: string;
     label?: string;
@@ -76,6 +78,7 @@ export function buildSessionTypeOptions(
       supportedModels: option.supportedModels,
       recommendedModel: option.recommendedModel ?? null,
       modelSelectionMode: option.modelSelectionMode ?? "nextclaw",
+      runtimeDefaultThinking: option.runtimeDefaultThinking ?? null,
       cta: option.cta ?? null,
     });
   }
@@ -90,6 +93,7 @@ export function buildSessionTypeOptions(
       supportedModels: undefined,
       recommendedModel: null,
       modelSelectionMode: "nextclaw",
+      runtimeDefaultThinking: null,
       cta: null,
     });
   }

package/src/features/chat/index.ts

@@ -3,6 +3,7 @@ export { ChatSidebar } from "./components/layout/chat-sidebar";
 export { ChatPresenterProvider } from "./components/providers/chat-presenter.provider";
 export { usePresenter } from "./components/providers/chat-presenter.provider";
 export { ChatPresenter } from "./presenters/chat.presenter";
+export { ChatDraftIntentManager } from "./managers/chat-draft-intent.manager";
 export { useChatInputStore } from "./stores/chat-input.store";
 export { useChatSessionListStore } from "./stores/chat-session-list.store";
 export { useChatThreadStore } from "./stores/chat-thread.store";

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

@@ -1,4 +1,5 @@
 import { createChatComposerTextNode } from '@nextclaw/agent-chat-ui';
+import { RUNTIME_DEFAULT_MODEL_VALUE } from '@nextclaw/shared';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { ChatInputManager } from '@/features/chat/managers/chat-input.manager';
 import { useChatInputStore } from '@/features/chat/stores/chat-input.store';
@@ -322,6 +323,33 @@ describe('ChatInputManager configuration sync', () => {
     });
   });
 
+  it('sends the runtime-default sentinel so the backend can ignore stale session model metadata', async () => {
+    useChatInputStore.setState({
+      snapshot: {
+        ...useChatInputStore.getState().snapshot,
+        selectedSessionType: 'codex',
+        selectedModel: RUNTIME_DEFAULT_MODEL_VALUE,
+      },
+    });
+    const chatRunManager = {
+      sendMessage: vi.fn().mockResolvedValue(undefined),
+      stopCurrentRun: vi.fn().mockResolvedValue(undefined),
+    } as unknown as ConstructorParameters<typeof ChatInputManager>[0];
+    const sessionListManager = {
+      ensureDraftSession: vi.fn(() => 'draft-session'),
+    } as unknown as ConstructorParameters<typeof ChatInputManager>[1];
+    const manager = new ChatInputManager(chatRunManager, sessionListManager);
+
+    await manager.send();
+
+    expect(chatRunManager.sendMessage).toHaveBeenCalledWith(
+      expect.objectContaining({
+        sessionType: 'codex',
+        model: RUNTIME_DEFAULT_MODEL_VALUE,
+      }),
+    );
+  });
+
   it('resolves and clears pending project root overrides inside the input manager', () => {
     useChatInputStore.setState({
       snapshot: {

package/src/features/chat/managers/__tests__/chat-run-snapshot.manager.test.ts

@@ -0,0 +1,129 @@
+import type { NcpMessage } from '@nextclaw/ncp';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { ChatRunManager } from '@/features/chat/managers/chat-run.manager';
+import { useChatInputStore } from '@/features/chat/stores/chat-input.store';
+import { useChatThreadStore } from '@/features/chat/stores/chat-thread.store';
+
+function createChatRunManager() {
+  const uiManager = {
+    isAtChatRoot: vi.fn(() => true),
+    goToSession: vi.fn(),
+  };
+  return new ChatRunManager(
+    uiManager as unknown as ConstructorParameters<typeof ChatRunManager>[0],
+  );
+}
+
+describe('ChatRunManager run snapshots', () => {
+  beforeEach(() => {
+    useChatInputStore.setState({
+      snapshot: {
+        ...useChatInputStore.getState().snapshot,
+        canStopGeneration: false,
+        sendError: null,
+        isSending: false,
+      },
+    });
+    useChatThreadStore.setState({
+      snapshot: {
+        ...useChatThreadStore.getState().snapshot,
+        sessionKey: null,
+        isHistoryLoading: false,
+        messages: [],
+        isSending: false,
+        isAwaitingAssistantOutput: false,
+        contextWindow: null,
+      },
+    });
+  });
+
+  it('syncs the run snapshot into chat input and thread state', () => {
+    const manager = createChatRunManager();
+    const message: NcpMessage = {
+      id: 'message-1',
+      sessionId: 'session-1',
+      role: 'assistant',
+      status: 'final',
+      parts: [{ type: 'text', text: 'done' }],
+      timestamp: '2026-06-10T00:00:00.000Z',
+    };
+
+    manager.applyRunSnapshot({
+      routeSessionKey: 'session-1',
+      isHydrating: true,
+      isSending: false,
+      isRunning: true,
+      visibleMessages: [message],
+      contextWindow: {
+        usedContextTokens: 10,
+        totalContextTokens: 100,
+        availableContextTokens: 90,
+        prunedUsedContextTokens: 10,
+        droppedHistoryCount: 0,
+        truncatedToolResultCount: 0,
+        truncatedSystemPrompt: false,
+        truncatedUserMessage: false,
+        compacted: false,
+        compactedUsedContextTokens: 10,
+        compactedMessageCount: 0,
+        updatedAt: '2026-06-10T00:00:00.000Z',
+      },
+      sendErrorMessage: 'failed',
+      materializedSessionKey: null,
+    });
+
+    expect(useChatInputStore.getState().snapshot).toMatchObject({
+      canStopGeneration: true,
+      sendError: 'failed',
+      isSending: true,
+    });
+    expect(useChatThreadStore.getState().snapshot).toMatchObject({
+      sessionKey: 'session-1',
+      isHistoryLoading: true,
+      messages: [message],
+      isSending: true,
+      isAwaitingAssistantOutput: true,
+      contextWindow: {
+        usedContextTokens: 10,
+        totalContextTokens: 100,
+      },
+    });
+  });
+
+  it('resets stale context window state when switching sessions', () => {
+    const manager = createChatRunManager();
+    useChatThreadStore.getState().setSnapshot({
+      sessionKey: 'session-previous',
+      contextWindow: {
+        usedContextTokens: 80,
+        totalContextTokens: 100,
+        availableContextTokens: 20,
+        prunedUsedContextTokens: 80,
+        droppedHistoryCount: 0,
+        truncatedToolResultCount: 0,
+        truncatedSystemPrompt: false,
+        truncatedUserMessage: false,
+        compacted: false,
+        compactedUsedContextTokens: 80,
+        compactedMessageCount: 0,
+        updatedAt: '2026-06-10T00:00:00.000Z',
+      },
+    });
+
+    manager.applyRunSnapshot({
+      routeSessionKey: 'session-next',
+      isHydrating: true,
+      isSending: false,
+      isRunning: false,
+      visibleMessages: [],
+      contextWindow: null,
+      sendErrorMessage: null,
+      materializedSessionKey: null,
+    });
+
+    expect(useChatThreadStore.getState().snapshot).toMatchObject({
+      sessionKey: 'session-next',
+      contextWindow: null,
+    });
+  });
+});