@nextclaw/ui 0.15.1 → 0.15.3

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

@@ -16,7 +16,6 @@ import {
   SIDEBAR_RAIL_CONTROL_CLASS,
   SIDEBAR_RAIL_ICON_CLASS,
   SIDEBAR_RAIL_ITEM_GAP_CLASS,
-  SIDEBAR_RAIL_PRIMARY_SURFACE_CLASS,
   SIDEBAR_RAIL_SURFACE_CLASS,
 } from "@/app/components/layout/sidebar-rail.styles";
 
@@ -150,7 +149,7 @@ export function ChatSidebarDesktopToolbar(props: ChatSidebarToolbarProps) {
             label={t("chatSidebarNewTask")}
             className={cn(
               SIDEBAR_RAIL_CONTROL_CLASS,
-              SIDEBAR_RAIL_PRIMARY_SURFACE_CLASS,
+              SIDEBAR_RAIL_SURFACE_CLASS,
             )}
             onClick={() => {
               onCreateMenuOpenChange(false);
@@ -259,7 +258,7 @@ export function ChatSidebarDesktopToolbar(props: ChatSidebarToolbarProps) {
 
       <div className="px-4 pb-3">
         <div className="relative">
-          <Search className="absolute left-3 top-2.5 h-3.5 w-3.5 text-muted-foreground/70" />
+          <Search className="pointer-events-none absolute left-3 top-2.5 h-3.5 w-3.5 text-muted-foreground/70" />
           <Input
             value={query}
             onChange={(event) => onQueryChange(event.target.value)}
@@ -294,7 +293,7 @@ export function ChatSidebarMobileToolbar(props: ChatSidebarToolbarProps) {
     <div className="px-4 pb-2 pt-1">
       <div className="flex items-center gap-2">
         <div className="relative min-w-0 flex-1">
-          <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground/70" />
+          <Search className="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground/70" />
           <Input
             value={query}
             onChange={(event) => onQueryChange(event.target.value)}

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

@@ -34,10 +34,7 @@ import {
   type LucideIcon,
 } from "lucide-react";
 
-type ChatSidebarUtilityOption<Value extends string> = {
-  value: Value;
-  label: string;
-};
+type ChatSidebarUtilityOption<Value extends string> = { value: Value; label: string };
 
 type ChatSidebarUtilityMenuProps = {
   isOpen: boolean;
@@ -55,6 +52,12 @@ type ChatSidebarUtilityMenuProps = {
   collapsed?: boolean;
 };
 
+function isChatComposerFocusTarget(target: EventTarget | null): boolean {
+  return target instanceof HTMLElement && Boolean(
+    target.closest('.nextclaw-chat-input-bar-shell [role="textbox"][contenteditable="true"]'),
+  );
+}
+
 export function ChatSidebarUtilityMenu({
   isOpen,
   onOpenChange,
@@ -70,16 +73,6 @@ export function ChatSidebarUtilityMenu({
   onOpenApps,
   collapsed = false,
 }: ChatSidebarUtilityMenuProps) {
-  const handleOpenDocs = () => {
-    onOpenDocs();
-    onOpenChange(false);
-  };
-
-  const handleOpenApps = () => {
-    onOpenApps();
-    onOpenChange(false);
-  };
-
   return (
     <Popover open={isOpen} onOpenChange={onOpenChange}>
       {collapsed ? (
@@ -115,7 +108,7 @@ export function ChatSidebarUtilityMenu({
           <button
             type="button"
             aria-label={t("settingsMenu")}
-            className="flex w-full items-center gap-2.5 rounded-xl px-3 py-2 text-[13px] font-medium text-muted-foreground transition-colors duration-base hover:bg-gray-200/60 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/35"
+            className="flex w-full items-center gap-2.5 rounded-xl px-3 py-2 text-[13px] font-medium text-muted-foreground transition-colors duration-base hover:bg-gray-200/60 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border"
           >
             <Settings className="h-4 w-4 shrink-0 text-muted-foreground/70" />
             <span className="min-w-0 flex-1 text-left">{t("settings")}</span>
@@ -129,6 +122,11 @@ export function ChatSidebarUtilityMenu({
         side={collapsed ? "right" : "top"}
         align={collapsed ? "end" : "start"}
         className="w-64 p-2"
+        onFocusOutside={(event) => {
+          if (isChatComposerFocusTarget(event.detail.originalEvent.target)) {
+            event.preventDefault();
+          }
+        }}
       >
         <div className="space-y-1">
           <NavLink
@@ -139,22 +137,23 @@ export function ChatSidebarUtilityMenu({
             <Settings className="h-4 w-4 text-muted-foreground/70" />
             <span className="flex-1 text-left">{t("settings")}</span>
           </NavLink>
-          <button
-            type="button"
-            onClick={handleOpenDocs}
-            className="flex w-full items-center gap-2.5 rounded-lg px-3 py-2 text-[13px] font-medium text-foreground transition-colors hover:bg-gray-200/60 hover:text-gray-900"
-          >
-            <BookOpen className="h-4 w-4 text-muted-foreground/70" />
-            <span className="flex-1 text-left">{t("docBrowserHelp")}</span>
-          </button>
-          <button
-            type="button"
-            onClick={handleOpenApps}
-            className="flex w-full items-center gap-2.5 rounded-lg px-3 py-2 text-[13px] font-medium text-foreground transition-colors hover:bg-gray-200/60 hover:text-gray-900"
-          >
-            <Boxes className="h-4 w-4 text-muted-foreground/70" />
-            <span className="flex-1 text-left">{t("appsTitle")}</span>
-          </button>
+          {[
+            { key: "docs", icon: BookOpen, label: t("docBrowserHelp"), action: onOpenDocs },
+            { key: "apps", icon: Boxes, label: t("appsTitle"), action: onOpenApps },
+          ].map(({ key, icon: Icon, label, action }) => (
+            <button
+              key={key}
+              type="button"
+              onClick={() => {
+                action();
+                onOpenChange(false);
+              }}
+              className="flex w-full items-center gap-2.5 rounded-lg px-3 py-2 text-[13px] font-medium text-foreground transition-colors hover:bg-gray-200/60 hover:text-gray-900"
+            >
+              <Icon className="h-4 w-4 text-muted-foreground/70" />
+              <span className="flex-1 text-left">{label}</span>
+            </button>
+          ))}
         </div>
 
         <div className="my-2 h-px bg-border" />

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

@@ -105,7 +105,7 @@ export function ChatSidebar({
   const { language, setLanguage } = useI18n();
   const { theme, setTheme } = useTheme();
   const currentThemeLabel = t(
-    THEME_OPTIONS.find((o) => o.value === theme)?.labelKey ?? "themeNatural",
+    THEME_OPTIONS.find((o) => o.value === theme)?.labelKey ?? "themeWork",
   );
   const currentLanguageLabel =
     LANGUAGE_OPTIONS.find((o) => o.value === language)?.label ?? language;
@@ -132,6 +132,14 @@ export function ChatSidebar({
       ),
     [agentsQuery.data?.agents],
   );
+  const pinnedSessionKeys = useMemo(
+    () => new Set(listSnapshot.pinnedSessionKeys),
+    [listSnapshot.pinnedSessionKeys],
+  );
+  const pinnedProjectRoots = useMemo(
+    () => new Set(listSnapshot.pinnedProjectRoots),
+    [listSnapshot.pinnedProjectRoots],
+  );
   const sortedItems = useMemo(
     () => sortSessionItemsByActivityAtDesc(items),
     [items],
@@ -140,10 +148,13 @@ export function ChatSidebar({
     () => groupChildSessionsByParentKey(items),
     [items],
   );
-  const groups = useMemo(() => groupSessionsByDate(sortedItems), [sortedItems]);
+  const groups = useMemo(
+    () => groupSessionsByDate(sortedItems, pinnedSessionKeys),
+    [pinnedSessionKeys, sortedItems],
+  );
   const projectGroups = useMemo(
-    () => groupSessionsByProject(sortedItems),
-    [sortedItems],
+    () => groupSessionsByProject(sortedItems, pinnedSessionKeys, pinnedProjectRoots),
+    [pinnedProjectRoots, pinnedSessionKeys, sortedItems],
   );
   const sessionTypeOptions = useMemo(
     () => buildSessionTypeOptions(sessionTypesData?.options ?? []),
@@ -200,6 +211,7 @@ export function ChatSidebar({
       draftLabel={draftLabel}
       savingSessionKey={savingSessionKey}
       sessionTypeOptions={sessionTypeOptions}
+      isPinned={pinnedSessionKeys.has(item.session.key)}
       sessionTitle={getSessionTitle}
       onSelectSession={presenter.chatSessionListManager.selectSession}
       onOpenChildSessions={(parentSessionKey, activeChildSessionKey) =>
@@ -212,6 +224,9 @@ export function ChatSidebar({
       onDraftLabelChange={setDraftLabel}
       onSaveSessionLabel={saveSessionLabel}
       onCancelEditingSessionLabel={cancelEditingSessionLabel}
+      onTogglePinned={() =>
+        presenter.chatSessionListManager.toggleSessionPinned(item.session.key)
+      }
     />
   );
   const createSessionAndOpenIfNeeded = (
@@ -233,9 +248,9 @@ export function ChatSidebar({
           : shouldCollapse
             ? cn(
                 SIDEBAR_RAIL_WIDTH_CLASS,
-                "shrink-0 border-r border-border/70",
+                "shrink-0",
               )
-            : "w-[280px] shrink-0 border-r border-border/70",
+            : "w-[280px] shrink-0",
       )}
       data-sidebar-collapsed={shouldCollapse ? "true" : "false"}
     >
@@ -295,7 +310,6 @@ export function ChatSidebar({
         isCollapsed={shouldCollapse}
         isLoading={isLoading}
         isProjectFirstView={isProjectFirstView}
-        onCreateSession={createSessionAndOpenIfNeeded}
         onSelectMode={presenter.chatSessionListManager.setListMode}
         projectGroups={projectGroups}
         renderSessionItem={renderSessionItem}

package/src/features/chat/features/conversation/components/session-conversation-input.tsx

@@ -417,7 +417,8 @@ export const SessionConversationInput = memo(function SessionConversationInput(p
           },
         })}
         toolbar={{
-          selects: toolbarSelects,
+          selects: [],
+          trailingSelects: toolbarSelects,
           accessories: [
             {
               key: 'attach',

package/src/features/chat/features/conversation/components/session-queued-input-rows.tsx

@@ -44,7 +44,7 @@ function QueuedInputIconButton({
             aria-label={label}
             disabled={disabled}
             onClick={onClick}
-            className="inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:text-muted-foreground/50"
+            className="inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border disabled:cursor-not-allowed disabled:text-muted-foreground/50"
           >
             {children}
           </button>

package/src/features/chat/features/message/components/__tests__/chat-inline-panel-app-card.test.tsx

@@ -32,8 +32,13 @@ vi.mock('@/app/presenters/app.presenter', () => ({
 }));
 
 vi.mock('@/features/panel-apps', () => ({
+  PANEL_APP_IFRAME_SANDBOX: 'allow-scripts allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-downloads allow-pointer-lock allow-presentation',
   findPanelAppEntryByDisplayId: (entries: Array<{ appId: string; id: string; title: string }>, value: string) =>
     entries.find((entry) => [entry.appId, entry.id, entry.title].includes(value)) ?? null,
+  focusPanelAppIframe: (iframe: HTMLIFrameElement | null) => {
+    iframe?.focus({ preventScroll: true });
+    iframe?.contentWindow?.focus();
+  },
   usePanelApps: () => mocks.panelApps,
 }));
 
@@ -68,7 +73,6 @@ it('renders inline panel apps as bounded card-mode iframes with an expand action
   expect(iframe.getAttribute('src')).toBe(
     '/api/panel-apps/weather-card/content?nextclawDisplayMode=card&nextclawPlacement=inline',
   );
-  expect(iframe.getAttribute('scrolling')).toBe('auto');
 
   fireEvent.click(screen.getByLabelText('chatPanelCardExpand'));
 
@@ -80,6 +84,23 @@ it('renders inline panel apps as bounded card-mode iframes with an expand action
   }));
 });
 
+it('focuses the inline panel app iframe when the pointer enters it', () => {
+  render(<ChatInlinePanelAppCard panelApp={{
+    appId: 'weather-card',
+    title: 'Weather',
+  }} />);
+
+  const iframe = screen.getByTitle('Weather') as HTMLIFrameElement;
+  const iframeFocus = vi.spyOn(iframe, 'focus');
+  const contentWindowFocus = vi.spyOn(iframe.contentWindow!, 'focus').mockImplementation(() => undefined);
+
+  fireEvent.pointerOver(iframe);
+
+  expect(iframe.getAttribute('tabindex')).toBe('0');
+  expect(iframeFocus).toHaveBeenCalledWith({ preventScroll: true });
+  expect(contentWindowFocus).toHaveBeenCalled();
+});
+
 it('can render inline panel apps without a side-panel expand action', () => {
   render(
     <ChatInlinePanelAppCard

package/src/features/chat/features/message/components/__tests__/chat-message-list.container.test.tsx

@@ -9,6 +9,8 @@ const captures = vi.hoisted(() => ({
     messages: unknown[];
     onToolAction?: (action: unknown) => void;
     onFileOpen?: (action: unknown) => void;
+    onAttachmentOpen?: (file: unknown) => void;
+    onInlineTokenClick?: (token: unknown) => void;
     renderInlineDisplay?: (display: unknown) => unknown;
     renderPanelAppCard?: (panelApp: unknown) => unknown;
     texts?: Record<string, unknown>;
@@ -16,6 +18,7 @@ const captures = vi.hoisted(() => ({
   language: "en",
   openFilePreview: vi.fn(),
   handleToolAction: vi.fn(),
+  showContent: vi.fn(),
 }));
 
 vi.mock("@nextclaw/agent-chat-ui", async (importOriginal) => {
@@ -26,6 +29,7 @@ vi.mock("@nextclaw/agent-chat-ui", async (importOriginal) => {
       messages: unknown[];
       onToolAction?: (action: unknown) => void;
       onFileOpen?: (action: unknown) => void;
+      onAttachmentOpen?: (file: unknown) => void;
       renderInlineDisplay?: (display: unknown) => unknown;
       renderPanelAppCard?: (panelApp: unknown) => unknown;
       texts?: Record<string, unknown>;
@@ -42,6 +46,9 @@ vi.mock("@/features/chat/components/providers/chat-presenter.provider", () => ({
       openFilePreview: captures.openFilePreview,
       handleToolAction: captures.handleToolAction,
     },
+    chatUiManager: {
+      showContent: captures.showContent,
+    },
   }),
 }));
 
@@ -59,6 +66,7 @@ beforeEach(() => {
   captures.language = "en";
   captures.openFilePreview.mockReset();
   captures.handleToolAction.mockReset();
+  captures.showContent.mockReset();
 });
 
 it("reuses adapted message references when the source message object is unchanged", () => {
@@ -300,6 +308,41 @@ it("wires markdown file link actions to the workspace file preview manager", ()
   expect(captures.openFilePreview).toHaveBeenCalledWith(action);
 });
 
+it("opens message attachments in the workspace file preview", () => {
+  const message = {
+    id: "assistant-attachment",
+    sessionId: "session-1",
+    role: "assistant",
+    status: "final",
+    timestamp: "2026-03-31T10:05:00.000Z",
+    parts: [
+      {
+        type: "file",
+        name: "spec.pdf",
+        mimeType: "application/pdf",
+        contentBase64: "cGRm",
+      },
+    ],
+  } satisfies NcpMessage;
+
+  render(<ChatMessageListContainer messages={[message]} isSending={false} />);
+  captures.renders[captures.renders.length - 1]?.onAttachmentOpen?.({
+    label: "spec.pdf",
+    mimeType: "application/pdf",
+    dataUrl: "data:application/pdf;base64,cGRm",
+    isImage: false,
+  });
+
+  expect(captures.openFilePreview).toHaveBeenCalledWith({
+    path: "spec.pdf",
+    label: "spec.pdf",
+    viewMode: "preview",
+    contentUrl: "data:application/pdf;base64,cGRm",
+    mimeType: "application/pdf",
+  });
+  expect(captures.showContent).not.toHaveBeenCalled();
+});
+
 it("renders context inheritance as a divider without repeating inherited messages", () => {
   const inheritedMessage = {
     id: "child-session:inherited:1",
@@ -387,7 +430,7 @@ it("keeps Hermes tool invocation parts as tool cards instead of flattening them
   });
 });
 
-it("passes localized attachment card texts to the shared chat UI", () => {
+it("passes localized message presentation texts to the shared chat UI", () => {
   captures.language = "zh";
 
   render(<ChatMessageListContainer messages={[]} isSending={false} />);
@@ -400,6 +443,24 @@ it("passes localized attachment card texts to the shared chat UI", () => {
       pdf: "chatAttachmentCategoryPdf",
       generic: "chatAttachmentCategoryGeneric",
     },
+    reasoningCharacterCountTemplates: {
+      inProgress: "chatReasoningInProgressCharacterCount",
+      completed: "chatReasoningCompletedCharacterCount",
+    },
+    toolStatusLabels: {
+      terminal: {
+        running: "chatToolTerminalRunning",
+        success: "chatToolTerminalSuccess",
+        error: "chatToolTerminalError",
+        cancelled: "chatToolTerminalCancelled",
+      },
+      fileEdit: {
+        running: "chatToolFileEditRunning",
+        success: "chatToolFileEditSuccess",
+        error: "chatToolFileEditError",
+        cancelled: "chatToolFileEditCancelled",
+      },
+    },
   });
 });
 

package/src/features/chat/features/message/components/chat-inline-panel-app-card.tsx

@@ -2,13 +2,17 @@ import { useEffect, useId, useMemo, useRef } from 'react';
 import type { ChatPanelAppCardViewModel } from '@nextclaw/agent-chat-ui';
 import { AppWindow, Maximize2 } from 'lucide-react';
 import { getPresenter } from '@/app/presenters/app.presenter';
-import { findPanelAppEntryByDisplayId, usePanelApps } from '@/features/panel-apps';
+import {
+  PANEL_APP_IFRAME_SANDBOX,
+  findPanelAppEntryByDisplayId,
+  focusPanelAppIframe,
+  usePanelApps,
+} from '@/features/panel-apps';
 import { createPanelAppRightPanelResourceTarget } from '@/features/right-panel-resources';
 import {
   createInlinePanelAppCardUrl,
   createFallbackPanelAppContentPath,
   createInlinePanelAppTab,
-  PANEL_APP_INLINE_IFRAME_SANDBOX,
 } from '@/features/chat/features/message/utils/chat-inline-panel-app-card.utils';
 import { useDocBrowser } from '@/shared/components/doc-browser';
 import { IconActionButton } from '@/shared/components/ui/actions/icon-action-button';
@@ -98,7 +102,7 @@ export function ChatInlinePanelAppCard({
         </div>
         {showExpandAction ? (
           <IconActionButton
-            className="h-7 w-7 rounded-md text-muted-foreground hover:bg-accent hover:text-accent-foreground"
+            size="md"
             icon={<Maximize2 className="h-3.5 w-3.5" />}
             label={t('chatPanelCardExpand')}
             onClick={openExpanded}
@@ -113,8 +117,9 @@ export function ChatInlinePanelAppCard({
           key={iframeInstanceId}
           src={cardUrl}
           title={title}
-          sandbox={PANEL_APP_INLINE_IFRAME_SANDBOX}
-          scrolling="auto"
+          sandbox={PANEL_APP_IFRAME_SANDBOX}
+          tabIndex={0}
+          onPointerOver={() => focusPanelAppIframe(iframeRef.current)}
           className="h-full w-full border-0 bg-card"
         />
       </div>

package/src/features/chat/features/message/components/chat-message-list.container.tsx

@@ -1,7 +1,8 @@
-import { useMemo } from "react";
+import { useCallback, useMemo } from "react";
 import type { NcpMessage } from "@nextclaw/ncp";
 import {
   type ChatInlineDisplayViewModel,
+  type ChatInlineTokenViewModel,
   type ChatMessageViewModel,
   ChatMessageList,
 } from "@nextclaw/agent-chat-ui";
@@ -23,6 +24,7 @@ import {
 } from "@/features/chat/features/session/utils/ncp-session-context-metadata.utils";
 import { AgentIdentityAvatar } from "@/shared/components/common/agent-identity";
 import { ChatInlinePanelAppCard } from "@/features/chat/features/message/components/chat-inline-panel-app-card";
+import { useChatQueryStore } from "@/features/chat/stores/ncp-chat-query.store";
 import { useI18n } from "@/app/components/i18n-provider";
 import { formatDateTime, t } from "@/shared/lib/i18n";
 
@@ -342,6 +344,48 @@ export function ChatMessageListContainer({
     () => buildTimelineItems({ rawMessages, messages }),
     [messages, rawMessages],
   );
+  const sessionSkillsQuery = useChatQueryStore((state) => state.snapshot.sessionSkillsQuery);
+  const handleInlineTokenClick = useCallback(
+    (token: ChatInlineTokenViewModel) => {
+      if (token.kind !== "skill") {
+        return;
+      }
+      const skillKey = token.key.trim();
+      if (!skillKey) {
+        return;
+      }
+      const records = sessionSkillsQuery?.data?.records ?? [];
+      const matched = records.find((record) => record.ref === skillKey || record.name === skillKey);
+      const skillPath = matched?.path?.trim();
+      if (!skillPath) {
+        return;
+      }
+      presenter.chatThreadManager.openFilePreview({
+        path: skillPath,
+        label: token.label || matched?.name || skillKey,
+        viewMode: "preview",
+        previewViewer: "rendered",
+      });
+    },
+    [presenter.chatThreadManager, sessionSkillsQuery],
+  );
+  const handleAttachmentOpen = useCallback(
+    (file: { label: string; mimeType: string; dataUrl?: string; sizeBytes?: number; isImage: boolean }) => {
+      const contentUrl = file.dataUrl?.trim();
+      if (!contentUrl) {
+        return;
+      }
+      const label = file.label.trim() || "attachment";
+      presenter.chatThreadManager.openFilePreview({
+        path: label,
+        label,
+        viewMode: "preview",
+        contentUrl,
+        mimeType: file.mimeType,
+      });
+    },
+    [presenter.chatThreadManager],
+  );
   return (
     <div className={className}>
       {timelineItems.map((item, index) =>
@@ -358,6 +402,8 @@ export function ChatMessageListContainer({
             texts={messageTexts}
             onToolAction={presenter.chatThreadManager.handleToolAction}
             onFileOpen={presenter.chatThreadManager.openFilePreview}
+            onAttachmentOpen={handleAttachmentOpen}
+            onInlineTokenClick={handleInlineTokenClick}
             renderInlineDisplay={renderChatInlineDisplay}
             renderToolAgent={(agentId) => (
               <AgentIdentityAvatar

package/src/features/chat/features/message/utils/__tests__/chat-message-process-summary.utils.test.ts

@@ -18,7 +18,7 @@ const baseAssistantMessage = {
       toolCallId: "tool-1",
       toolName: "exec_command",
       state: "result",
-      args: "{\"cmd\":\"git status\"}",
+      args: '{"cmd":"git status"}',
       result: "clean",
     },
     {
@@ -56,4 +56,14 @@ describe("buildChatMessageProcessSummary", () => {
       label: "Processed 3m 51s",
     });
   });
+
+  it("stays free of tool-activity semantics", () => {
+    const summary = buildChatMessageProcessSummary({
+      message: baseAssistantMessage,
+      processedLabel: "Processed",
+    });
+    expect(summary?.label).toBe("Processed");
+    expect(summary?.label.toLowerCase()).not.toContain("bash");
+    expect(summary?.label.toLowerCase()).not.toContain("read");
+  });
 });

package/src/features/chat/features/message/utils/__tests__/chat-message-texts.utils.test.ts

@@ -0,0 +1,23 @@
+import { expect, it, vi } from "vitest";
+import { buildChatMessageTexts } from "@/features/chat/features/message/utils/chat-message-texts.utils";
+
+vi.mock("@/shared/lib/i18n", () => ({
+  t: (key: string) => key,
+}));
+
+it("provides localized status keys for built-in tool categories", () => {
+  expect(buildChatMessageTexts("zh").toolStatusLabels?.builtIn).toMatchObject({
+    directory: {
+      running: "chatToolDirectoryRunning",
+      success: "chatToolDirectorySuccess",
+      error: "chatToolDirectoryError",
+      cancelled: "chatToolDirectoryCancelled",
+    },
+    memory: {
+      running: "chatToolMemoryRunning",
+      success: "chatToolMemorySuccess",
+      error: "chatToolMemoryError",
+      cancelled: "chatToolMemoryCancelled",
+    },
+  });
+});

package/src/features/chat/features/message/utils/chat-inline-panel-app-card.utils.ts

@@ -4,17 +4,6 @@ import {
 } from '@/features/right-panel-resources';
 import type { DocBrowserTab } from '@/shared/components/doc-browser/doc-browser-context';
 
-export const PANEL_APP_INLINE_IFRAME_SANDBOX = [
-  'allow-scripts',
-  'allow-forms',
-  'allow-modals',
-  'allow-popups',
-  'allow-popups-to-escape-sandbox',
-  'allow-downloads',
-  'allow-pointer-lock',
-  'allow-presentation',
-].join(' ');
-
 const PANEL_APP_INLINE_CARD_SEARCH_PARAMS = {
   nextclawDisplayMode: 'card',
   nextclawPlacement: 'inline',

package/src/features/chat/features/message/utils/chat-message-process-summary.utils.ts

@@ -68,6 +68,11 @@ function formatLifecycleDuration(message: NcpMessage): string | null {
   return `${seconds}s`;
 }
 
+/**
+ * Outer process collapse only.
+ * Tool activity grouping is a separate layer over consecutive tool-cards
+ * and must not be mixed into this summary.
+ */
 export function buildChatMessageProcessSummary({
   message,
   processedLabel,