@nextclaw/ui 0.15.10 → 0.15.11

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

@@ -142,8 +142,8 @@ function ChatSidebarSessionDisplayView({
               </span>
             ) : null}
             {context.icon ? (
-              <span className="inline-flex h-5 w-5 shrink-0 items-center justify-center">
-                <SessionContextIconNode icon={context.icon} className={active ? 'text-gray-700' : 'text-gray-500'} />
+              <span className="inline-flex h-4 w-4 shrink-0 items-center justify-center">
+                <SessionContextIconNode icon={context.icon} className={cn('h-[13px] w-[13px]', active ? 'text-gray-700' : 'text-gray-500')} />
               </span>
             ) : null}
           </span>

package/src/features/chat/features/session/components/session-context-icon.tsx

@@ -17,7 +17,7 @@ export function SessionContextIconNode({ icon, className }: { icon: SessionConte
         src={runtimeIconSrc ?? undefined}
         className={cn('h-[1.125rem] w-[1.125rem]', className)}
         imgClassName="h-full w-full object-contain"
-        fallback={<Bot className={cn('h-3 w-3 text-muted-foreground', className)} />}
+        fallback={<Bot className={cn('h-3 w-3 text-current', className)} strokeWidth={2.4} />}
       />
     );
   }

package/src/features/chat/features/session-type/components/__tests__/chat-session-type-option-item.test.tsx

@@ -57,7 +57,11 @@ describe("ChatSessionTypeOptionItem", () => {
       />,
     );
 
-    expect(screen.getByRole("button", { name: /native/i })).toBeTruthy();
+    const optionButton = screen.getByRole("button", { name: /native/i });
+    const fallbackIcon = optionButton.querySelector("svg");
+
+    expect(fallbackIcon?.parentElement?.className).toContain("text-muted-foreground");
+    expect(fallbackIcon?.getAttribute("stroke-width")).toBe("2");
     expect(screen.getByText("Native")).toBeTruthy();
   });
 

package/src/features/chat/features/session-type/components/chat-session-type-option-item.tsx

@@ -45,7 +45,7 @@ export function ChatSessionTypeOptionItem(props: {
               />
             </span>
           ) : (
-            <span className="inline-flex h-5 w-5 shrink-0 items-center justify-center pt-0.5 text-gray-400"><Bot className="h-4 w-4" /></span>
+            <span className="inline-flex h-5 w-5 shrink-0 items-center justify-center pt-0.5 text-muted-foreground"><Bot className="h-4 w-4" /></span>
           )}
           <div className="min-w-0 flex-1">
             <div className="flex items-center justify-between gap-3">

package/src/features/chat/features/workspace/components/__tests__/workspace-file-content-preview.test.tsx

@@ -41,11 +41,30 @@ it("reports same-origin HTML height changes without replacing the iframe", () =>
     configurable: true,
     value: iframeDocument,
   });
-  const { documentElement } = iframeDocument;
-  Object.defineProperty(documentElement, "scrollHeight", {
-    configurable: true,
-    value: 640,
-  });
+  const { body, documentElement } = iframeDocument;
+  let contentHeight = 640;
+  for (const element of [body, documentElement]) {
+    Object.defineProperties(element, {
+      clientHeight: {
+        configurable: true,
+        get: () =>
+          element === documentElement
+            ? Math.max(900, contentHeight)
+            : contentHeight,
+      },
+      offsetHeight: {
+        configurable: true,
+        get: () => contentHeight,
+      },
+      scrollHeight: {
+        configurable: true,
+        get: () =>
+          element === documentElement
+            ? Math.max(900, contentHeight)
+            : contentHeight,
+      },
+    });
+  }
 
   fireEvent.load(frame);
 
@@ -53,13 +72,16 @@ it("reports same-origin HTML height changes without replacing the iframe", () =>
   expect(observe).toHaveBeenCalledWith(documentElement);
   expect(screen.getByTestId("workspace-html-preview")).toBe(frame);
 
-  Object.defineProperty(documentElement, "scrollHeight", {
-    configurable: true,
-    value: 900,
-  });
+  contentHeight = 1_120;
+  notifyResize([], {} as ResizeObserver);
+
+  expect(onHtmlContentHeightChange).toHaveBeenLastCalledWith(1_120);
+  expect(screen.getByTestId("workspace-html-preview")).toBe(frame);
+
+  contentHeight = 420;
   notifyResize([], {} as ResizeObserver);
 
-  expect(onHtmlContentHeightChange).toHaveBeenLastCalledWith(900);
+  expect(onHtmlContentHeightChange).toHaveBeenLastCalledWith(420);
   expect(screen.getByTestId("workspace-html-preview")).toBe(frame);
 
   unmount();

package/src/features/chat/features/workspace/components/workspace-file-content-preview.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useRef } from "react";
+import { readInlineContentHeight } from "@nextclaw/shared";
 import { WorkspaceDocxPreview } from "./file-content-preview/workspace-docx-preview";
 import { WorkspacePresentationPreview } from "./file-content-preview/workspace-presentation-preview";
 import { WorkspaceSpreadsheetPreview } from "./file-content-preview/workspace-spreadsheet-preview";
@@ -116,20 +117,6 @@ function WorkspaceUnsupportedContent({
   );
 }
 
-function readHtmlDocumentHeight(document: Document): number {
-  const { body, documentElement } = document;
-  return Math.ceil(
-    Math.max(
-      body?.clientHeight ?? 0,
-      body?.offsetHeight ?? 0,
-      body?.scrollHeight ?? 0,
-      documentElement.clientHeight,
-      documentElement.offsetHeight,
-      documentElement.scrollHeight,
-    ),
-  );
-}
-
 function WorkspaceHtmlPreview({
   contentUrl,
   label,
@@ -167,7 +154,10 @@ function WorkspaceHtmlPreview({
         return;
       }
       const reportHeight = () => {
-        const height = readHtmlDocumentHeight(document);
+        const height = readInlineContentHeight(
+          document.body,
+          document.documentElement,
+        );
         if (height > 0) {
           onContentHeightChange(height);
         }

package/src/features/chat/features/workspace/utils/__tests__/chat-workspace-panel-view-model.utils.test.ts

@@ -1,11 +1,11 @@
-import { describe, expect, it, vi } from "vitest";
+import { beforeEach, describe, expect, it, vi } from "vitest";
 import type { ResolvedChildSessionTab } from "@/features/chat/features/ncp/hooks/use-ncp-child-session-tabs-view";
 import {
   buildWorkspaceTabsViewModel,
   resolveWorkspaceSelection,
 } from "@/features/chat/features/workspace/utils/chat-workspace-panel-view-model.utils";
 import { createWorkspaceFileTab } from "@/features/chat/features/workspace/utils/chat-workspace-file-tab.utils";
-import { t } from "@/shared/lib/i18n";
+import { setLanguage, t } from "@/shared/lib/i18n";
 
 function createChildTab(
   overrides: Partial<ResolvedChildSessionTab> = {},
@@ -136,8 +136,10 @@ describe("createWorkspaceFileTab", () => {
   });
 });
 
-describe("buildWorkspaceTabsViewModel", () => {
-  it("keeps overview fixed while every other visible workspace tab is closable", () => {
+describe("fixed workspace tabs", () => {
+  beforeEach(() => setLanguage("en"));
+
+  it("keeps workspace page tabs fixed while resource tabs remain closable", () => {
     const childTab = createChildTab();
     const draft = {
       draftKey: "draft-1",
@@ -167,19 +169,36 @@ describe("buildWorkspaceTabsViewModel", () => {
       onSelectCronJobs: vi.fn(),
     });
 
-    expect(tabs.find((tab) => tab.kind === "overview")?.onClose).toBeUndefined();
     expect(
-      tabs.filter((tab) => tab.kind !== "overview").every((tab) => tab.onClose),
+      tabs
+        .filter((tab) =>
+          ["overview", "child-sessions", "cron", "project-files"].includes(
+            tab.kind,
+          ),
+        )
+        .every((tab) => !tab.onClose),
+    ).toBe(true);
+    expect(
+      tabs
+        .filter((tab) =>
+          ["side-chat-draft", "child-session", "file"].includes(tab.kind),
+        )
+        .every((tab) => tab.onClose),
     ).toBe(true);
-    tabs.find((tab) => tab.kind === "cron")?.onClose?.();
-    expect(onCloseTab).toHaveBeenCalledWith({ kind: "cron" });
+    tabs.find((tab) => tab.kind === "child-session")?.onClose?.();
+    expect(onCloseTab).toHaveBeenCalledWith({
+      kind: "child-session",
+      key: childTab.sessionKey,
+    });
   });
 
-  it("does not project workspace tabs that the user closed", () => {
+  it("keeps fixed workspace tabs even when legacy closed entries exist", () => {
     const tabs = buildWorkspaceTabsViewModel({
       resolvedChildTabs: [createChildTab()],
       activeSideChatDraft: null,
       closedWorkspaceTabEntries: [
+        { kind: "child-sessions" },
+        { kind: "cron" },
         { kind: "project-files" },
         { kind: "child-session", key: "child-1" },
       ],
@@ -200,9 +219,43 @@ describe("buildWorkspaceTabsViewModel", () => {
       "overview",
       "child-sessions",
       "cron:session",
+      "project-files",
     ]);
   });
 
+  it("uses the exact fixed workspace tab names in Chinese", () => {
+    setLanguage("zh");
+
+    const tabs = buildWorkspaceTabsViewModel({
+      resolvedChildTabs: [],
+      activeSideChatDraft: null,
+      closedWorkspaceTabEntries: [],
+      workspaceFileTabs: [],
+      activeSelection: { kind: "overview" },
+      optimisticReadAtBySessionKey: {},
+      onSelectSession: vi.fn(),
+      onSelectFile: vi.fn(),
+      onOpenFileViewer: vi.fn(),
+      onCloseTab: vi.fn(),
+      onSelectOverview: vi.fn(),
+      onSelectChildSessions: vi.fn(),
+      onSelectProjectFiles: vi.fn(),
+      onSelectCronJobs: vi.fn(),
+    });
+
+    expect(
+      tabs
+        .filter((tab) =>
+          ["child-sessions", "cron", "project-files"].includes(tab.kind),
+        )
+        .map((tab) => tab.title),
+    ).toEqual(["子会话", "定时任务", "项目文件"]);
+  });
+});
+
+describe("buildWorkspaceTabsViewModel", () => {
+  beforeEach(() => setLanguage("en"));
+
   it("builds active and unread state from resolved tabs", () => {
     const childTab = createChildTab({
       lastMessageAt: "2026-06-09T10:00:00.000Z",

package/src/features/chat/features/workspace/utils/chat-thread-workspace-session.utils.ts

@@ -123,7 +123,12 @@ export function closeWorkspaceTabSnapshot(
   snapshot: ChatThreadSnapshot,
   entry: ChatWorkspaceNavigationEntry,
 ): Partial<ChatThreadSnapshot> | null {
-  if (entry.kind === 'overview') {
+  if (
+    entry.kind === 'overview' ||
+    entry.kind === 'child-sessions' ||
+    entry.kind === 'cron' ||
+    entry.kind === 'project-files'
+  ) {
     return null;
   }
   const history = filterNavigationHistoryEntries(

package/src/features/chat/features/workspace/utils/chat-workspace-panel-view-model.utils.ts

@@ -170,19 +170,8 @@ type WorkspaceTabsViewModelParams = {
   onSelectCronJobs: () => void;
 };
 
-function createWorkspacePageTabEntry(
-  kind: ChatWorkspacePanelKind,
-): ChatWorkspaceNavigationEntry | null {
-  if (kind === "child-sessions" || kind === "cron" || kind === "project-files") {
-    return { kind };
-  }
-  return null;
-}
-
 function buildWorkspacePageTabs({
   activeSelection,
-  closedWorkspaceTabEntries,
-  onCloseTab,
   onSelectChildSessions,
   onSelectCronJobs,
   onSelectOverview,
@@ -190,14 +179,12 @@ function buildWorkspacePageTabs({
 }: Pick<
   WorkspaceTabsViewModelParams,
   | "activeSelection"
-  | "closedWorkspaceTabEntries"
-  | "onCloseTab"
   | "onSelectChildSessions"
   | "onSelectCronJobs"
   | "onSelectOverview"
   | "onSelectProjectFiles"
 >): WorkspaceTabViewModel[] {
-  const tabs: WorkspaceTabViewModel[] = [
+  return [
     {
       key: "overview",
       kind: "overview",
@@ -213,7 +200,6 @@ function buildWorkspacePageTabs({
       tooltip: t("chatWorkspaceChildSessions"),
       active: activeSelection?.kind === "child-sessions",
       onSelect: onSelectChildSessions,
-      onClose: () => onCloseTab({ kind: "child-sessions" }),
     },
     {
       key: "cron:session",
@@ -222,7 +208,6 @@ function buildWorkspacePageTabs({
       tooltip: t("chatWorkspaceSessionCronJobs"),
       active: activeSelection?.kind === "cron",
       onSelect: onSelectCronJobs,
-      onClose: () => onCloseTab({ kind: "cron" }),
     },
     {
       key: "project-files",
@@ -231,15 +216,8 @@ function buildWorkspacePageTabs({
       tooltip: t("chatWorkspaceProjectFiles"),
       active: activeSelection?.kind === "project-files",
       onSelect: onSelectProjectFiles,
-      onClose: () => onCloseTab({ kind: "project-files" }),
     },
   ];
-  return tabs.filter((tab) => {
-    const entry = createWorkspacePageTabEntry(tab.kind);
-    return !entry || !closedWorkspaceTabEntries.some((candidate) =>
-      areWorkspaceNavigationEntriesEqual(candidate, entry),
-    );
-  });
 }
 
 export function buildWorkspaceTabsViewModel(
@@ -264,8 +242,6 @@ export function buildWorkspaceTabsViewModel(
 
   const workspacePages = buildWorkspacePageTabs({
     activeSelection,
-    closedWorkspaceTabEntries,
-    onCloseTab,
     onSelectChildSessions,
     onSelectCronJobs,
     onSelectOverview,