@nextclaw/ui 0.12.8 → 0.12.9

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

@@ -246,6 +246,13 @@ 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;
@@ -347,17 +354,9 @@ export type SessionPatchUpdate = {
   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;
@@ -367,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,
@@ -431,6 +432,9 @@ export type RuntimeConfigUpdate = {
       engine?: string;
       engineConfig?: Record<string, unknown>;
     };
+    runtimes?: {
+      entries?: Record<string, RuntimeEntryView> | null;
+    };
     list?: AgentProfileView[];
   };
   bindings?: AgentBindingView[];
@@ -500,6 +504,9 @@ export type ConfigView = {
       contextTokens?: number;
       maxToolIterations?: number;
     };
+    runtimes?: {
+      entries?: Record<string, RuntimeEntryView>;
+    };
     list?: AgentProfileView[];
     context?: {
       bootstrap?: {

package/src/app.tsx

@@ -7,8 +7,11 @@ 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/chat-page')).ChatPage }));
@@ -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 }>,
@@ -36,7 +37,10 @@ vi.mock('@/components/chat/presenter/chat-presenter-context', () => ({
         sessionKey: string | null | undefined,
         readAt: string | null | undefined,
       ) => (sessionKey ? useChatSessionListStore.getState().markSessionRead(sessionKey, readAt) : undefined),
-    }
+    },
+    chatThreadManager: {
+      openChildSessionPanel: mocks.openChildSessionPanel,
+    },
   })
 }));
 
@@ -113,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({});
@@ -630,4 +635,41 @@ describe('ChatSidebar session item interactions', () => {
 
     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

@@ -201,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';
@@ -263,6 +279,7 @@ export function ChatSidebar() {
     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}
@@ -275,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,
   };
 }