@nextclaw/ui 0.12.7 → 0.12.9

package/src/api/runtime-control.ts

@@ -0,0 +1,34 @@
+import { api } from './client';
+import type { RuntimeControlActionResult, RuntimeControlView } from './runtime-control.types';
+
+export async function fetchRuntimeControl(): Promise<RuntimeControlView> {
+  const response = await api.get<RuntimeControlView>('/api/runtime/control');
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}
+
+export async function startRuntimeService(): Promise<RuntimeControlActionResult> {
+  const response = await api.post<RuntimeControlActionResult>('/api/runtime/control/start-service', {});
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}
+
+export async function restartRuntimeService(): Promise<RuntimeControlActionResult> {
+  const response = await api.post<RuntimeControlActionResult>('/api/runtime/control/restart-service', {});
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}
+
+export async function stopRuntimeService(): Promise<RuntimeControlActionResult> {
+  const response = await api.post<RuntimeControlActionResult>('/api/runtime/control/stop-service', {});
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}

package/src/api/runtime-control.types.ts

@@ -0,0 +1,58 @@
+export type RuntimeControlEnvironment =
+  | 'desktop-embedded'
+  | 'managed-local-service'
+  | 'self-hosted-web'
+  | 'shared-web';
+
+export type RuntimeLifecycleState =
+  | 'healthy'
+  | 'starting-service'
+  | 'restarting-service'
+  | 'stopping-service'
+  | 'restarting-app'
+  | 'recovering'
+  | 'unavailable'
+  | 'failed';
+
+export type RuntimeActionImpact = 'none' | 'brief-ui-disconnect' | 'full-app-relaunch';
+
+export type RuntimeActionCapability = {
+  available: boolean;
+  requiresConfirmation: boolean;
+  impact: RuntimeActionImpact;
+  reasonIfUnavailable?: string;
+};
+
+export type RuntimeServiceState =
+  | 'running'
+  | 'stopped'
+  | 'starting'
+  | 'stopping'
+  | 'restarting'
+  | 'unknown';
+
+export type RuntimeControlView = {
+  environment: RuntimeControlEnvironment;
+  lifecycle: RuntimeLifecycleState;
+  serviceState: RuntimeServiceState;
+  canStartService: RuntimeActionCapability;
+  canRestartService: RuntimeActionCapability;
+  canStopService: RuntimeActionCapability;
+  canRestartApp: RuntimeActionCapability;
+  ownerLabel?: string;
+  managementHint?: string;
+  message?: string;
+};
+
+export type RuntimeControlAction =
+  | 'start-service'
+  | 'restart-service'
+  | 'stop-service'
+  | 'restart-app';
+
+export type RuntimeControlActionResult = {
+  accepted: boolean;
+  action: RuntimeControlAction;
+  lifecycle: RuntimeLifecycleState;
+  message: string;
+};

package/src/api/server-path.ts

@@ -1,15 +1,17 @@
 import { api } from './client';
-import type { ServerPathBrowseView } from './types';
+import type { ServerPathBrowseView, ServerPathReadView } from './types';
 
 export async function fetchServerPathBrowse(params?: {
   path?: string | null;
   includeFiles?: boolean;
 }): Promise<ServerPathBrowseView> {
+  const path = typeof params?.path === 'string' ? params.path.trim() : '';
+  const includeFiles = Boolean(params?.includeFiles);
   const query = new URLSearchParams();
-  if (typeof params?.path === 'string' && params.path.trim().length > 0) {
-    query.set('path', params.path.trim());
+  if (path) {
+    query.set('path', path);
   }
-  if (params?.includeFiles) {
+  if (includeFiles) {
     query.set('includeFiles', '1');
   }
   const suffix = query.toString();
@@ -21,3 +23,24 @@ export async function fetchServerPathBrowse(params?: {
   }
   return response.data;
 }
+
+export async function fetchServerPathRead(params: {
+  path: string;
+  basePath?: string | null;
+}): Promise<ServerPathReadView> {
+  const { path } = params;
+  const basePath =
+    typeof params.basePath === 'string' ? params.basePath.trim() : '';
+  const query = new URLSearchParams();
+  query.set('path', path.trim());
+  if (basePath) {
+    query.set('basePath', basePath);
+  }
+  const response = await api.get<ServerPathReadView>(
+    `/api/server-paths/read?${query.toString()}`
+  );
+  if (!response.ok) {
+    throw new Error(response.error.message);
+  }
+  return response.data;
+}

package/src/api/types.ts

@@ -174,6 +174,16 @@ export type {
   RemoteSettingsUpdateRequest,
   RemoteSettingsView
 } from './remote.types';
+export type {
+  RuntimeActionCapability,
+  RuntimeActionImpact,
+  RuntimeControlAction,
+  RuntimeControlEnvironment,
+  RuntimeControlView,
+  RuntimeLifecycleState,
+  RuntimeServiceState,
+  RuntimeControlActionResult
+} from './runtime-control.types';
 
 export type AgentProfileView = {
   id: string;
@@ -236,10 +246,19 @@ export type SessionConfigView = {
   dmScope?: "main" | "per-peer" | "per-channel-peer" | "per-account-channel-peer";
 };
 
+export type RuntimeEntryView = {
+  enabled?: boolean;
+  label?: string;
+  type: string;
+  config?: Record<string, unknown>;
+};
+
 export type SessionEntryView = {
   key: string;
   createdAt: string;
   updatedAt: string;
+  lastMessageAt?: string;
+  readAt?: string;
   agentId?: string;
   label?: string;
   channel?: string;
@@ -331,20 +350,13 @@ export type SessionPatchUpdate = {
   preferredThinking?: ThinkingLevel | null;
   sessionType?: string | null;
   projectRoot?: string | null;
+  uiReadAt?: string | null;
   clearHistory?: boolean;
 };
 
-export type ServerPathEntryView = {
-  name: string;
-  path: string;
-  kind: "directory" | "file";
-  hidden: boolean;
-};
+export type ServerPathEntryView = { name: string; path: string; kind: "directory" | "file"; hidden: boolean };
 
-export type ServerPathBreadcrumbView = {
-  label: string;
-  path: string;
-};
+export type ServerPathBreadcrumbView = { label: string; path: string };
 
 export type ServerPathBrowseView = {
   currentPath: string;
@@ -354,6 +366,8 @@ export type ServerPathBrowseView = {
   entries: ServerPathEntryView[];
 };
 
+export type ServerPathReadView = { requestedPath: string; resolvedPath: string; kind: "text" | "markdown" | "binary"; sizeBytes: number; truncated: boolean; text?: string; languageHint?: string | null };
+
 export type {
   ChatSessionTypeCtaView,
   ChatSessionTypeOptionView,
@@ -418,6 +432,9 @@ export type RuntimeConfigUpdate = {
       engine?: string;
       engineConfig?: Record<string, unknown>;
     };
+    runtimes?: {
+      entries?: Record<string, RuntimeEntryView> | null;
+    };
     list?: AgentProfileView[];
   };
   bindings?: AgentBindingView[];
@@ -487,6 +504,9 @@ export type ConfigView = {
       contextTokens?: number;
       maxToolIterations?: number;
     };
+    runtimes?: {
+      entries?: Record<string, RuntimeEntryView>;
+    };
     list?: AgentProfileView[];
     context?: {
       bootstrap?: {

package/src/{App.test.tsx → app.test.tsx}

@@ -3,7 +3,7 @@ import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { MemoryRouter } from 'react-router-dom';
 import { I18nProvider } from '@/components/providers/I18nProvider';
 import { ThemeProvider } from '@/components/providers/ThemeProvider';
-import AppContent from '@/App';
+import AppContent from '@/app';
 
 const mocks = vi.hoisted(() => ({
   refetch: vi.fn(),

package/src/{App.tsx → app.tsx}

@@ -7,11 +7,14 @@ import { AppLayout } from '@/components/layout/AppLayout';
 import { isTransientAuthStatusBootstrapError, useAuthStatus } from '@/hooks/use-auth';
 import { useRealtimeQueryBridge } from '@/hooks/use-realtime-query-bridge';
 import { AppPresenterProvider } from '@/presenter/app-presenter-context';
+import { PwaInstallBanner, PwaUpdateBanner } from '@/pwa/components/pwa-install-entry';
+import { startNextClawPwa } from '@/pwa/register-pwa';
 import { Toaster } from 'sonner';
 import { Routes, Route, Navigate } from 'react-router-dom';
+import { useEffect } from 'react';
 
 const ModelConfigPage = lazy(async () => ({ default: (await import('@/components/config/ModelConfig')).ModelConfig }));
-const ChatPage = lazy(async () => ({ default: (await import('@/components/chat/ChatPage')).ChatPage }));
+const ChatPage = lazy(async () => ({ default: (await import('@/components/chat/chat-page')).ChatPage }));
 const SearchConfigPage = lazy(async () => ({ default: (await import('@/components/config/SearchConfig')).SearchConfig }));
 const ProvidersListPage = lazy(async () => ({ default: (await import('@/components/config/ProvidersList')).ProvidersList }));
 const ChannelsListPage = lazy(async () => ({ default: (await import('@/components/config/ChannelsList')).ChannelsList }));
@@ -89,9 +92,15 @@ function AuthGate() {
 }
 
 export default function AppContent() {
+  useEffect(() => {
+    startNextClawPwa();
+  }, []);
+
   return (
     <QueryClientProvider client={appQueryClient}>
       <AuthGate />
+      <PwaInstallBanner />
+      <PwaUpdateBanner />
       <Toaster position="top-right" richColors />
     </QueryClientProvider>
   );

package/src/components/chat/ChatSidebar.test.tsx

@@ -11,6 +11,7 @@ const mocks = vi.hoisted(() => ({
   setQuery: vi.fn(),
   setListMode: vi.fn(),
   selectSession: vi.fn(),
+  openChildSessionPanel: vi.fn(),
   docOpen: vi.fn(),
   updateNcpSession: vi.fn(),
   agents: [] as Array<{ id: string; displayName?: string; avatarUrl?: string | null }>,
@@ -32,12 +33,14 @@ vi.mock('@/components/chat/presenter/chat-presenter-context', () => ({
       setQuery: mocks.setQuery,
       setListMode: mocks.setListMode,
       selectSession: mocks.selectSession,
-      markSessionRead: (sessionKey: string | null | undefined, updatedAt: string | null | undefined) =>
-        sessionKey ? useChatSessionListStore.getState().markSessionRead(sessionKey, updatedAt) : undefined,
-      hydrateReadWatermarks: (
-        entries: readonly { sessionKey: string; updatedAt: string | null | undefined }[],
-      ) => useChatSessionListStore.getState().hydrateReadWatermarks(entries)
-    }
+      markSessionRead: (
+        sessionKey: string | null | undefined,
+        readAt: string | null | undefined,
+      ) => (sessionKey ? useChatSessionListStore.getState().markSessionRead(sessionKey, readAt) : undefined),
+    },
+    chatThreadManager: {
+      openChildSessionPanel: mocks.openChildSessionPanel,
+    },
   })
 }));
 
@@ -114,6 +117,7 @@ function resetSidebarTestState() {
   mocks.setQuery.mockReset();
   mocks.setListMode.mockReset();
   mocks.selectSession.mockReset();
+  mocks.openChildSessionPanel.mockReset();
   mocks.docOpen.mockReset();
   mocks.updateNcpSession.mockReset();
   mocks.updateNcpSession.mockResolvedValue({});
@@ -132,8 +136,7 @@ function resetSidebarTestState() {
     }
   });
   useChatSessionListStore.setState({
-    readUpdatedAtBySessionKey: {},
-    hasHydratedReadWatermarks: false,
+    optimisticReadAtBySessionKey: {},
     snapshot: {
       ...useChatSessionListStore.getState().snapshot,
       query: '',
@@ -514,6 +517,8 @@ describe('ChatSidebar session item interactions', () => {
         key: 'session:ncp-1',
         createdAt: '2026-03-19T09:00:00.000Z',
         updatedAt: '2026-03-19T09:05:00.000Z',
+        lastMessageAt: '2026-03-19T09:05:00.000Z',
+        readAt: '2026-03-19T09:05:00.000Z',
         label: 'Current Task',
         sessionType: 'native',
         sessionTypeMutable: false,
@@ -523,6 +528,8 @@ describe('ChatSidebar session item interactions', () => {
         key: 'session:ncp-2',
         createdAt: '2026-03-19T10:00:00.000Z',
         updatedAt: '2026-03-19T10:05:00.000Z',
+        lastMessageAt: '2026-03-19T10:05:00.000Z',
+        readAt: '2026-03-19T10:05:00.000Z',
         label: 'Background Task',
         sessionType: 'native',
         sessionTypeMutable: false,
@@ -550,6 +557,8 @@ describe('ChatSidebar session item interactions', () => {
         key: 'session:ncp-2',
         createdAt: '2026-03-19T10:00:00.000Z',
         updatedAt: '2026-03-19T10:06:00.000Z',
+        lastMessageAt: '2026-03-19T10:06:00.000Z',
+        readAt: '2026-03-19T10:05:00.000Z',
         label: 'Background Task',
         sessionType: 'native',
         sessionTypeMutable: false,
@@ -571,6 +580,8 @@ describe('ChatSidebar session item interactions', () => {
         key: 'session:ncp-2',
         createdAt: '2026-03-19T10:00:00.000Z',
         updatedAt: '2026-03-19T10:06:00.000Z',
+        lastMessageAt: '2026-03-19T10:06:00.000Z',
+        readAt: '2026-03-19T10:05:00.000Z',
         label: 'Background Task',
         sessionType: 'native',
         sessionTypeMutable: false,
@@ -601,4 +612,64 @@ describe('ChatSidebar session item interactions', () => {
 
     expect(screen.queryByLabelText('Session has unread updates')).toBeNull();
   });
+
+  it('does not show an unread dot for sessions without a persisted ui read baseline', () => {
+    mocks.sessionItems = [
+      createSessionItem({
+        key: 'session:ncp-legacy',
+        createdAt: '2026-03-19T09:00:00.000Z',
+        updatedAt: '2026-03-19T09:05:00.000Z',
+        lastMessageAt: '2026-03-19T09:05:00.000Z',
+        label: 'Legacy Session',
+        sessionType: 'native',
+        sessionTypeMutable: false,
+        messageCount: 1
+      })
+    ];
+
+    render(
+      <MemoryRouter>
+        <ChatSidebar />
+      </MemoryRouter>
+    );
+
+    expect(screen.queryByLabelText('Session has unread updates')).toBeNull();
+  });
+
+  it('opens the child-session browser from a parent session row', () => {
+    mocks.sessionItems = [
+      createSessionItem({
+        key: 'session:parent-1',
+        createdAt: '2026-03-19T09:00:00.000Z',
+        updatedAt: '2026-03-19T09:05:00.000Z',
+        label: 'Parent Task',
+        sessionType: 'native',
+        sessionTypeMutable: false,
+        messageCount: 1
+      }),
+      createSessionItem({
+        key: 'session:child-1',
+        createdAt: '2026-03-19T09:06:00.000Z',
+        updatedAt: '2026-03-19T09:07:00.000Z',
+        label: 'Child Task',
+        sessionType: 'native',
+        sessionTypeMutable: false,
+        messageCount: 1,
+        parentSessionId: 'session:parent-1'
+      })
+    ];
+
+    render(
+      <MemoryRouter>
+        <ChatSidebar />
+      </MemoryRouter>
+    );
+
+    fireEvent.click(screen.getByLabelText('View child sessions'));
+
+    expect(mocks.openChildSessionPanel).toHaveBeenCalledWith({
+      parentSessionKey: 'session:parent-1',
+      activeChildSessionKey: 'session:child-1',
+    });
+  });
 });

package/src/components/chat/ChatSidebar.tsx

@@ -149,28 +149,13 @@ const navItems = [
 function useChatSessionUnreadState(
   items: readonly NcpSessionListItemView[],
   selectedSessionKey: string | null,
-  markSessionRead: (sessionKey: string | null | undefined, updatedAt: string | null | undefined) => void,
-  hydrateReadWatermarks: (
-    entries: readonly { sessionKey: string; updatedAt: string | null | undefined }[],
+  markSessionRead: (
+    sessionKey: string | null | undefined,
+    readAt: string | null | undefined,
+    currentReadAt?: string | null,
   ) => void,
 ): Record<string, string> {
-  const readUpdatedAtBySessionKey = useChatSessionListStore((state) => state.readUpdatedAtBySessionKey);
-  const hasHydratedReadWatermarks = useChatSessionListStore((state) => state.hasHydratedReadWatermarks);
-
-  useEffect(() => {
-    const syncHydratedReadWatermarks = () => {
-      if (hasHydratedReadWatermarks || items.length === 0) {
-        return;
-      }
-      hydrateReadWatermarks(
-        items.map(({ session }) => ({
-          sessionKey: session.key,
-          updatedAt: session.updatedAt
-        }))
-      );
-    };
-    syncHydratedReadWatermarks();
-  }, [hasHydratedReadWatermarks, hydrateReadWatermarks, items]);
+  const optimisticReadAtBySessionKey = useChatSessionListStore((state) => state.optimisticReadAtBySessionKey);
 
   useEffect(() => {
     const syncSelectedSessionReadState = () => {
@@ -182,12 +167,16 @@ function useChatSessionUnreadState(
         return;
       }
       const { session: selectedSession } = selectedItem;
-      markSessionRead(selectedSession.key, selectedSession.updatedAt);
+      markSessionRead(
+        selectedSession.key,
+        selectedSession.lastMessageAt,
+        selectedSession.readAt,
+      );
     };
     syncSelectedSessionReadState();
   }, [items, markSessionRead, selectedSessionKey]);
 
-  return readUpdatedAtBySessionKey;
+  return optimisticReadAtBySessionKey;
 }
 
 export function ChatSidebar() {
@@ -212,6 +201,22 @@ export function ChatSidebar() {
     [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 groups = useMemo(() => groupSessionsByDate(sortedItems), [sortedItems]);
   const projectGroups = useMemo(() => groupSessionsByProject(sortedItems), [sortedItems]);
   const defaultSessionType = inputSnapshot.defaultSessionType || 'native';
@@ -220,11 +225,10 @@ export function ChatSidebar() {
     [defaultSessionType, inputSnapshot.sessionTypeOptions]
   );
   const isProjectFirstView = listSnapshot.listMode === 'project-first';
-  const readUpdatedAtBySessionKey = useChatSessionUnreadState(
+  const optimisticReadAtBySessionKey = useChatSessionUnreadState(
     items,
     listSnapshot.selectedSessionKey,
     presenter.chatSessionListManager.markSessionRead,
-    presenter.chatSessionListManager.hydrateReadWatermarks,
   );
   const handleLanguageSwitch = (nextLang: I18nLanguage) => {
     if (language === nextLang) return;
@@ -261,15 +265,21 @@ export function ChatSidebar() {
   };
   const renderSessionItem = ({ session, runStatus }: NcpSessionListItemView) => {
     const active = listSnapshot.selectedSessionKey === session.key;
+    const optimisticReadAt = optimisticReadAtBySessionKey[session.key];
+    const effectiveReadAt =
+      optimisticReadAt && session.readAt
+        ? (optimisticReadAt.localeCompare(session.readAt) > 0 ? optimisticReadAt : session.readAt)
+        : optimisticReadAt ?? session.readAt;
     const showUnreadDot = shouldShowUnreadSessionIndicator({
       active,
-      updatedAt: session.updatedAt,
-      readUpdatedAt: readUpdatedAtBySessionKey[session.key],
+      lastMessageAt: session.lastMessageAt,
+      readAt: effectiveReadAt,
       runStatus,
     });
     const context = resolveSessionContextView(session, inputSnapshot.sessionTypeOptions);
     const isEditing = editingSessionKey === session.key;
     const isSaving = savingSessionKey === session.key;
+    const childSessions = childSessionsByParentKey.get(session.key) ?? [];
     return (
       <ChatSidebarSessionItem
         key={session.key}
@@ -282,10 +292,17 @@ export function ChatSidebar() {
         agentId={session.agentId ?? null}
         agentLabel={session.agentId ? (agentsById.get(session.agentId)?.displayName ?? session.agentId) : null}
         agentAvatarUrl={session.agentId ? (agentsById.get(session.agentId)?.avatarUrl ?? null) : null}
+        childSessionCount={childSessions.length}
         isEditing={isEditing}
         draftLabel={draftLabel}
         isSaving={isSaving}
         onSelect={() => presenter.chatSessionListManager.selectSession(session.key)}
+        onOpenChildSessions={() =>
+          presenter.chatThreadManager.openChildSessionPanel({
+            parentSessionKey: session.key,
+            activeChildSessionKey: childSessions[0]?.session.key ?? null,
+          })
+        }
         onStartEditing={() => startEditingSessionLabel(session)}
         onDraftLabelChange={setDraftLabel}
         onSave={() => saveSessionLabel(session)}

package/src/components/chat/adapters/chat-message.summary-truncation.test.ts

@@ -0,0 +1,66 @@
+import { ToolInvocationStatus, type UiMessage } from "@nextclaw/agent-chat";
+import { adaptChatMessages } from "@/components/chat/adapters/chat-message.adapter";
+import type { ChatMessageSource } from "@/components/chat/adapters/chat-message.adapter";
+import type { ChatMessagePartViewModel } from "@nextclaw/agent-chat-ui";
+
+const defaultTexts = {
+  roleLabels: {
+    user: "You",
+    assistant: "Assistant",
+    tool: "Tool",
+    system: "System",
+    fallback: "Message",
+  },
+  reasoningLabel: "Reasoning",
+  toolCallLabel: "Tool Call",
+  toolResultLabel: "Tool Result",
+  toolInputLabel: "Input",
+  toolNoOutputLabel: "No output",
+  toolOutputLabel: "Output",
+  toolStatusPreparingLabel: "Preparing",
+  toolStatusRunningLabel: "Running",
+  toolStatusCompletedLabel: "Completed",
+  toolStatusFailedLabel: "Failed",
+  toolStatusCancelledLabel: "Cancelled",
+  imageAttachmentLabel: "Image attachment",
+  fileAttachmentLabel: "File attachment",
+  unknownPartLabel: "Unknown Part",
+};
+
+function adapt(uiMessages: UiMessage[]) {
+  return adaptChatMessages({
+    uiMessages: uiMessages as unknown as ChatMessageSource[],
+    formatTimestamp: (value) => `formatted:${value}`,
+    texts: defaultTexts,
+  });
+}
+
+it("truncates long structured tool summaries into a single-line ellipsis detail", () => {
+  const adapted = adapt([
+    {
+      id: "assistant-long-tool-summary",
+      role: "assistant",
+      parts: [
+        {
+          type: "tool-invocation",
+          toolInvocation: {
+            status: ToolInvocationStatus.PARTIAL_CALL,
+            toolCallId: "call-long-tool-summary",
+            toolName: "terminal",
+            args: JSON.stringify({
+              command:
+                "ls -la /Users/peiwang/.nextclaw/workspace/skills/bird/snapshots/archive/releases/2026-04-17/builds/current/output 2>/dev/null | sed -n '1,160p' && echo 'done'",
+            }),
+          },
+        },
+      ],
+    },
+  ]);
+
+  const summary = (
+    adapted[0]?.parts[0] as Extract<ChatMessagePartViewModel, { type: "tool-card" }> | undefined
+  )?.card.summary;
+
+  expect(summary?.startsWith("command: ls -la /Users/peiwang/.nextclaw/workspace/skills/bird/")).toBe(true);
+  expect(summary?.endsWith("…")).toBe(true);
+});

package/src/components/chat/adapters/file-operation/card.ts

@@ -54,7 +54,16 @@ function finalizeParsedBlocks(
       display: block.display,
       ...(block.caption ? { caption: block.caption } : {}),
       lines: block.lines,
+      ...(block.fullLines ? { fullLines: block.fullLines } : {}),
       ...(block.rawText ? { rawText: block.rawText } : {}),
+      ...(block.beforeText ? { beforeText: block.beforeText } : {}),
+      ...(block.afterText ? { afterText: block.afterText } : {}),
+      ...(typeof block.oldStartLine === "number"
+        ? { oldStartLine: block.oldStartLine }
+        : {}),
+      ...(typeof block.newStartLine === "number"
+        ? { newStartLine: block.newStartLine }
+        : {}),
       ...(block.truncated ? { truncated: true } : {}),
     }))
     .filter((block) => block.lines.length > 0 || Boolean(block.rawText));

package/src/components/chat/adapters/file-operation/diff.ts

@@ -13,7 +13,12 @@ export type ParsedBlock = {
   display: "preview" | "diff";
   caption?: string;
   lines: ChatFileOperationLineViewModel[];
+  fullLines?: ChatFileOperationLineViewModel[];
   rawText?: string;
+  beforeText?: string;
+  afterText?: string;
+  oldStartLine?: number;
+  newStartLine?: number;
   truncated?: boolean;
 };
 
@@ -114,6 +119,9 @@ export function buildRawPreviewBlock(params: {
       lines,
     }),
     lines,
+    rawText: previewText,
+    oldStartLine,
+    newStartLine,
   };
 }
 
@@ -144,6 +152,11 @@ export function buildFullReplaceBlock(params: {
       lines,
     }),
     lines: limited.lines,
+    ...(limited.truncated ? { fullLines: lines } : {}),
+    ...(params.beforeText != null ? { beforeText: params.beforeText } : {}),
+    ...(params.afterText != null ? { afterText: params.afterText } : {}),
+    ...(typeof oldStartLine === "number" ? { oldStartLine } : {}),
+    ...(typeof newStartLine === "number" ? { newStartLine } : {}),
     truncated: limited.truncated,
   };
 }
@@ -162,6 +175,7 @@ function buildParsedPatchBlock(params: {
       lines: params.lines,
     }),
     lines: limited.lines,
+    ...(limited.truncated ? { fullLines: params.lines } : {}),
     truncated: limited.truncated,
   };
 }