@nextclaw/ui 0.15.1 → 0.15.3

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

@@ -4,12 +4,20 @@ import type {
   ChatFileOperationBlockViewModel,
   ChatFilePreviewViewer,
 } from "@nextclaw/agent-chat-ui";
-import { ChatMessageMarkdown, FileOperationCodeSurface } from "@nextclaw/agent-chat-ui";
+import {
+  ChatMessageMarkdown,
+  FileOperationCodeSurface,
+} from "@nextclaw/agent-chat-ui";
 import type { ChatWorkspaceFileTab } from "@/features/chat/stores/chat-thread.store";
+import { ChatSessionWorkspaceDirectoryBrowser } from "./chat-session-workspace-directory-browser";
 import { ChatSessionWorkspaceFileBreadcrumbs } from "./chat-session-workspace-file-breadcrumbs";
+import { useServerPathBrowse } from "@/shared/hooks/use-server-path-browse";
 import { useServerPathRead } from "@/shared/hooks/use-server-path-read";
 import { buildServerPathContentUrl } from "@/shared/lib/api";
-import { buildLineDiff, buildPreviewLines } from "@/features/chat/features/message/utils/file-operation/line-builder.utils";
+import {
+  buildLineDiff,
+  buildPreviewLines,
+} from "@/features/chat/features/message/utils/file-operation/line-builder.utils";
 import { t } from "@/shared/lib/i18n";
 import { buildWorkspaceFileBreadcrumb } from "@/shared/lib/session-project";
 import { cn } from "@/shared/lib/utils";
@@ -31,6 +39,39 @@ function resolveFilePreviewViewer(params: {
   return params.viewer === "rendered" && /\.html?$/i.test(params.path) ? "rendered" : "source";
 }
 
+type ContentUrlPreviewKind = "image" | "audio" | "video" | "pdf" | "html" | "other";
+
+function resolveContentUrlPreviewKind(params: {
+  path: string;
+  mimeType?: string | null;
+}): ContentUrlPreviewKind {
+  const mime = params.mimeType?.trim().toLowerCase() ?? "";
+  const path = params.path.trim().toLowerCase();
+  if (mime.startsWith("image/") || /\.(avif|bmp|gif|heic|heif|ico|jpe?g|png|svg|tiff?|webp)$/i.test(path)) {
+    return "image";
+  }
+  if (mime.startsWith("audio/") || /\.(aac|flac|m4a|mp3|ogg|opus|wav|weba)$/i.test(path)) {
+    return "audio";
+  }
+  if (mime.startsWith("video/") || /\.(avi|m4v|mkv|mov|mp4|webm|wmv)$/i.test(path)) {
+    return "video";
+  }
+  if (mime.includes("pdf") || path.endsWith(".pdf")) {
+    return "pdf";
+  }
+  if (mime.includes("html") || /\.html?$/i.test(path)) {
+    return "html";
+  }
+  return "other";
+}
+
+function appendPreviewRefreshVersion(url: string, refreshVersion: number): string {
+  if (refreshVersion <= 0) {
+    return url;
+  }
+  return `${url}${url.includes("?") ? "&" : "?"}refresh=${refreshVersion}`;
+}
+
 function buildPreviewBlock(params: {
   path: string;
   text: string;
@@ -160,7 +201,109 @@ function WorkspaceHtmlRenderedPreview({
   );
 }
 
+function WorkspaceContentUrlPreview({
+  contentUrl,
+  kind,
+  label,
+}: {
+  contentUrl: string;
+  kind: ContentUrlPreviewKind;
+  label: string;
+}) {
+  if (kind === "image") {
+    return (
+      <div className="flex h-full items-center justify-center overflow-auto custom-scrollbar bg-white p-4">
+        <img
+          src={contentUrl}
+          alt={label}
+          className="max-h-full max-w-full object-contain"
+          data-testid="workspace-content-image"
+        />
+      </div>
+    );
+  }
+  if (kind === "audio") {
+    return (
+      <div className="flex h-full items-center justify-center bg-white px-6">
+        <audio
+          controls
+          preload="metadata"
+          aria-label={label}
+          className="w-full max-w-xl"
+          data-testid="workspace-content-audio"
+          src={contentUrl}
+        />
+      </div>
+    );
+  }
+  if (kind === "video") {
+    return (
+      <div className="flex h-full items-center justify-center bg-black">
+        <video
+          controls
+          playsInline
+          preload="metadata"
+          aria-label={label}
+          className="max-h-full max-w-full"
+          data-testid="workspace-content-video"
+          src={contentUrl}
+        />
+      </div>
+    );
+  }
+  if (kind === "pdf" || kind === "html") {
+    return (
+      <iframe
+        allowFullScreen
+        className="h-full w-full border-0 bg-white"
+        data-testid={kind === "pdf" ? "workspace-content-pdf" : "workspace-html-preview"}
+        src={contentUrl}
+        title={label}
+      />
+    );
+  }
+  return (
+    <div
+      className="flex h-full flex-col items-center justify-center gap-4 px-6 text-center"
+      data-testid="workspace-content-unsupported"
+    >
+      <div className="max-w-sm space-y-1.5">
+        <p className="truncate text-sm font-medium text-foreground" title={label}>
+          {label}
+        </p>
+        <p className="text-sm text-muted-foreground">
+          {t("chatWorkspacePreviewUnsupported")}
+        </p>
+        <p className="text-xs leading-5 text-muted-foreground/80">
+          {t("chatWorkspacePreviewUnsupportedHint")}
+        </p>
+      </div>
+      <div className="flex flex-wrap items-center justify-center gap-2">
+        <a
+          href={contentUrl}
+          download={label}
+          className="inline-flex h-8 items-center rounded-lg border border-border bg-card px-3 text-xs font-medium text-foreground transition-colors hover:bg-muted"
+        >
+          {t("chatWorkspacePreviewDownload")}
+        </a>
+        <a
+          href={contentUrl}
+          target="_blank"
+          rel="noreferrer"
+          className="inline-flex h-8 items-center rounded-lg bg-primary px-3 text-xs font-medium text-primary-foreground transition-colors hover:bg-primary/90"
+        >
+          {t("chatWorkspacePreviewOpenExternally")}
+        </a>
+      </div>
+    </div>
+  );
+}
+
 function WorkspacePreviewBody({
+  contentUrl,
+  contentUrlKind,
+  contentLabel,
+  directoryQuery,
   onFileOpen,
   previewBlock,
   previewKind,
@@ -169,25 +312,57 @@ function WorkspacePreviewBody({
   previewUrl,
   previewViewer,
 }: {
+  contentUrl: string | null;
+  contentUrlKind: ContentUrlPreviewKind | null;
+  contentLabel: string;
+  directoryQuery: ReturnType<typeof useServerPathBrowse> | null | undefined;
   onFileOpen: (action: ChatFileOpenActionViewModel) => void;
   previewBlock: ChatFileOperationBlockViewModel | null;
   previewKind: "text" | "markdown" | "binary";
-  previewQuery: ReturnType<typeof useServerPathRead>;
+  previewQuery: ReturnType<typeof useServerPathRead> | null | undefined;
   previewText: string | null;
   previewUrl: string | null;
   previewViewer: "source" | "rendered";
 }) {
-  if (previewQuery.isLoading && !previewBlock) {
-    return <WorkspaceFilePreviewStatus text={t("chatWorkspaceLoadingFile")} />;
+  if (contentUrl && contentUrlKind) {
+    return (
+      <WorkspaceContentUrlPreview
+        contentUrl={contentUrl}
+        kind={contentUrlKind}
+        label={contentLabel}
+      />
+    );
   }
 
-  if (previewQuery.data?.kind === "binary") {
+  if (directoryQuery?.data) {
+    return (
+      <ChatSessionWorkspaceDirectoryBrowser
+        browseQuery={directoryQuery}
+        onFileOpen={onFileOpen}
+        renderStatus={(params) => <WorkspaceFilePreviewStatus {...params} />}
+      />
+    );
+  }
+
+  if (directoryQuery?.isLoading && previewQuery?.error && !previewBlock) {
+    return (
+      <WorkspaceFilePreviewStatus text={t("chatWorkspaceLoadingDirectory")} />
+    );
+  }
+
+  if ((directoryQuery?.isLoading || previewQuery?.isLoading) && !previewBlock) {
+    return (
+      <WorkspaceFilePreviewStatus text={t("chatWorkspaceLoadingPreview")} />
+    );
+  }
+
+  if (previewQuery?.data?.kind === "binary") {
     return (
       <WorkspaceFilePreviewStatus text={t("chatWorkspacePreviewUnsupported")} />
     );
   }
 
-  if (previewQuery.error && !previewBlock) {
+  if (previewQuery?.error && !previewBlock) {
     return (
       <WorkspaceFilePreviewStatus
         tone="error"
@@ -229,6 +404,7 @@ function WorkspacePreviewBody({
 
 type ChatSessionWorkspaceFilePreviewProps = {
   file: ChatWorkspaceFileTab;
+  refreshVersion?: number;
   sessionProjectRoot: string | null;
   sessionWorkingDir: string | null;
   onFileOpen: (action: ChatFileOpenActionViewModel) => void;
@@ -236,65 +412,96 @@ type ChatSessionWorkspaceFilePreviewProps = {
 
 export function ChatSessionWorkspaceFilePreview({
   file,
+  refreshVersion = 0,
   sessionProjectRoot,
   sessionWorkingDir,
   onFileOpen,
 }: ChatSessionWorkspaceFilePreviewProps) {
   const isPreviewMode = file.viewMode === "preview";
+  const contentUrl = file.contentUrl?.trim() || null;
+  const usesServerPath = isPreviewMode && !contentUrl;
   const previewQuery = useServerPathRead({
     path: file.path,
     basePath: sessionWorkingDir,
-    enabled: isPreviewMode,
+    enabled: usesServerPath,
+  });
+  const directoryQuery = useServerPathBrowse({
+    path: file.path,
+    basePath: sessionWorkingDir,
+    includeFiles: true,
+    enabled: usesServerPath,
   });
   const diffBlock = useMemo(
     () => (file.viewMode === "diff" ? buildDiffBlock(file) : null),
     [file],
   );
   const previewText =
-    isPreviewMode ? previewQuery.data?.text ?? file.rawText ?? null : null;
+    isPreviewMode ? previewQuery?.data?.text ?? file.rawText ?? null : null;
   const previewKind = inferPreviewKind({
-    path: previewQuery.data?.resolvedPath ?? file.path,
-    serverKind: previewQuery.data?.kind,
+    path: previewQuery?.data?.resolvedPath ?? file.path,
+    serverKind: previewQuery?.data?.kind,
   });
-  const resolvedPath = previewQuery.data?.resolvedPath ?? file.path;
+  const contentUrlKind = contentUrl
+    ? resolveContentUrlPreviewKind({
+        path: file.path,
+        mimeType: file.mimeType,
+      })
+    : null;
+  const resolvedPath =
+    directoryQuery?.data?.currentPath ??
+    previewQuery?.data?.resolvedPath ??
+    file.path;
+  const previewPathKind = directoryQuery?.data ? "directory" : "file";
   const previewViewer = resolveFilePreviewViewer({
     path: resolvedPath,
     viewer: file.previewViewer,
   });
   const previewUrl =
-    previewViewer === "rendered" && previewQuery.data?.resolvedPath
-      ? buildServerPathContentUrl(previewQuery.data.resolvedPath)
+    previewViewer === "rendered" && previewQuery?.data?.resolvedPath
+      ? appendPreviewRefreshVersion(
+          buildServerPathContentUrl(previewQuery.data.resolvedPath),
+          refreshVersion,
+        )
       : null;
   const previewBlock = useMemo(() => {
-    if (!isPreviewMode || !previewText) {
+    if (!isPreviewMode || !previewText || contentUrl) {
       return null;
     }
     return buildPreviewBlock({
-      path: previewQuery.data?.resolvedPath ?? file.path,
+      path: previewQuery?.data?.resolvedPath ?? file.path,
       text: previewText,
-      languageHint: previewQuery.data?.languageHint ?? null,
+      languageHint: previewQuery?.data?.languageHint ?? null,
       line: file.line,
     });
   }, [
+    contentUrl,
     file.line,
     file.path,
     isPreviewMode,
-    previewQuery.data?.languageHint,
-    previewQuery.data?.resolvedPath,
+    previewQuery?.data?.languageHint,
+    previewQuery?.data?.resolvedPath,
     previewText,
   ]);
-  const isTruncated = Boolean(previewQuery.data?.truncated);
+  const isTruncated = Boolean(previewQuery?.data?.truncated);
   const breadcrumbBasePath = sessionProjectRoot ?? sessionWorkingDir;
   const breadcrumb = useMemo(
     () =>
       buildWorkspaceFileBreadcrumb({
         path: resolvedPath,
+        kind: previewPathKind,
         sessionProjectRoot: breadcrumbBasePath,
         line: file.line,
         column: file.column,
         truncated: isTruncated,
       }),
-    [breadcrumbBasePath, file.column, file.line, isTruncated, resolvedPath],
+    [
+      breadcrumbBasePath,
+      file.column,
+      file.line,
+      isTruncated,
+      previewPathKind,
+      resolvedPath,
+    ],
   );
 
   return (
@@ -309,6 +516,10 @@ export function ChatSessionWorkspaceFilePreview({
           <WorkspaceDiffBody diffBlock={diffBlock} />
         ) : (
           <WorkspacePreviewBody
+            contentUrl={contentUrl}
+            contentUrlKind={contentUrlKind}
+            contentLabel={file.label?.trim() || resolvedPath}
+            directoryQuery={directoryQuery}
             onFileOpen={onFileOpen}
             previewBlock={previewBlock}
             previewKind={previewKind}

package/src/features/chat/features/workspace/components/chat-session-workspace-panel-content.tsx

@@ -10,6 +10,7 @@ import { t } from "@/shared/lib/i18n";
 
 type ChatSessionWorkspacePanelContentProps = {
   activeSelection: WorkspaceSelection;
+  filePreviewRefreshVersion: number;
   sessionCronJobs: readonly CronJobView[];
   sessionProjectRoot: string | null;
   sessionWorkingDir: string | null;
@@ -67,6 +68,7 @@ function WorkspaceSideChatDraftHeader() {
 
 export function ChatSessionWorkspacePanelContent({
   activeSelection,
+  filePreviewRefreshVersion,
   sessionCronJobs,
   sessionProjectRoot,
   sessionWorkingDir,
@@ -113,6 +115,7 @@ export function ChatSessionWorkspacePanelContent({
     return (
       <ChatSessionWorkspaceFilePreview
         file={activeSelection.file}
+        refreshVersion={filePreviewRefreshVersion}
         sessionProjectRoot={sessionProjectRoot}
         sessionWorkingDir={sessionWorkingDir}
         onFileOpen={presenter.chatThreadManager.openFilePreview}

package/src/features/chat/features/workspace/components/chat-session-workspace-panel-nav.tsx

@@ -1,4 +1,15 @@
-import { AlarmClock, ArrowLeft, ArrowRight, FileCode2, MessageSquarePlus, MessageSquareText, X } from "lucide-react";
+import {
+  AlarmClock,
+  ArrowLeft,
+  ArrowRight,
+  FileCode2,
+  Maximize2,
+  MessageSquarePlus,
+  MessageSquareText,
+  Minimize2,
+  RefreshCw,
+  X,
+} from "lucide-react";
 import type { WorkspaceTabViewModel } from "@/features/chat/features/workspace/utils/chat-workspace-panel-view-model.utils";
 import { AgentIdentityAvatar } from "@/shared/components/common/agent-identity";
 import {
@@ -56,22 +67,54 @@ function buildCompactWorkspaceTabs(
 export function WorkspaceTabsBar({
   canGoBack,
   canGoForward,
+  isMaximized = false,
   onClose,
   onGoBack,
   onGoForward,
+  onRefreshFile,
+  onToggleMaximize,
   tabs,
 }: {
   canGoBack: boolean;
   canGoForward: boolean;
+  isMaximized?: boolean;
   onClose: () => void;
   onGoBack: () => void;
   onGoForward: () => void;
+  onRefreshFile?: () => void;
+  onToggleMaximize?: () => void;
   tabs: readonly WorkspaceTabViewModel[];
 }) {
   const compactTabs = buildCompactWorkspaceTabs(tabs);
   const actions: CompactTabStripAction[] = [
     { key: "back", icon: <ArrowLeft className="h-4 w-4" />, label: t("chatWorkspaceBack"), disabled: !canGoBack, onClick: onGoBack },
     { key: "forward", icon: <ArrowRight className="h-4 w-4" />, label: t("chatWorkspaceForward"), disabled: !canGoForward, onClick: onGoForward },
+    ...(onRefreshFile
+      ? [
+          {
+            key: "refresh-file",
+            icon: <RefreshCw className="h-4 w-4" />,
+            label: t("chatWorkspaceRefreshFile"),
+            onClick: onRefreshFile,
+          },
+        ]
+      : []),
+    ...(onToggleMaximize
+      ? [
+          {
+            key: "maximize",
+            icon: isMaximized ? (
+              <Minimize2 className="h-4 w-4" />
+            ) : (
+              <Maximize2 className="h-4 w-4" />
+            ),
+            label: isMaximized
+              ? t("chatWorkspaceRestorePanel")
+              : t("chatWorkspaceMaximizePanel"),
+            onClick: onToggleMaximize,
+          },
+        ]
+      : []),
     { key: "close", icon: <X className="h-4 w-4" />, label: t("chatWorkspaceClosePanel"), onClick: onClose },
   ];
 

package/src/features/chat/features/workspace/components/chat-session-workspace-panel.tsx

@@ -1,4 +1,5 @@
-import { useEffect, useMemo } from "react";
+import { useEffect, useMemo, useState } from "react";
+import { useQueryClient } from "@tanstack/react-query";
 import type { CronJobView } from "@/shared/lib/api";
 import { useNcpChildSessionTabsView } from "@/features/chat/features/ncp/hooks/use-ncp-child-session-tabs-view";
 import { useChatSessionListStore } from "@/features/chat/stores/chat-session-list.store";
@@ -22,6 +23,8 @@ import {
   canGoBackInNavigationHistory,
   canGoForwardInNavigationHistory,
 } from "@/shared/lib/navigation-history";
+import { buildServerPathBrowseQueryKey } from "@/shared/hooks/use-server-path-browse";
+import { buildServerPathReadQueryKey } from "@/shared/hooks/use-server-path-read";
 
 type ChatSessionWorkspacePanelProps = {
   sessionKey: string | null;
@@ -55,6 +58,9 @@ export function ChatSessionWorkspacePanel({
   displayMode = "docked",
 }: ChatSessionWorkspacePanelProps) {
   const presenter = usePresenter();
+  const queryClient = useQueryClient();
+  const [isMaximized, setIsMaximized] = useState(false);
+  const [filePreviewRefreshVersion, setFilePreviewRefreshVersion] = useState(0);
   const resolvedChildTabs = useNcpChildSessionTabsView(childSessionTabs);
   const optimisticReadAtBySessionKey = useChatSessionListStore(
     (state) => state.optimisticReadAtBySessionKey,
@@ -110,30 +116,66 @@ export function ChatSessionWorkspacePanel({
     return null;
   }
 
+  const isContainerMaximized = displayMode === "docked" && isMaximized;
+  const isOverlayPanel = displayMode === "overlay" || isContainerMaximized;
+  const activeFile =
+    activeSelection.kind === "file" && activeSelection.file.viewMode === "preview"
+      ? activeSelection.file
+      : null;
+  const refreshActiveFile = activeFile
+    ? () => {
+        void queryClient.invalidateQueries({
+          queryKey: buildServerPathReadQueryKey({
+            path: activeFile.path,
+            basePath: sessionWorkingDir,
+          }),
+        });
+        void queryClient.invalidateQueries({
+          queryKey: buildServerPathBrowseQueryKey({
+            path: activeFile.path,
+            basePath: sessionWorkingDir,
+            includeFiles: true,
+          }),
+        });
+        setFilePreviewRefreshVersion((value) => value + 1);
+      }
+    : undefined;
+
   return (
     <ResizableRightPanel
+      data-testid="chat-session-workspace-panel"
       className={cn(
-        displayMode === "overlay"
+        isOverlayPanel
           ? "bg-white"
           : "hidden border-gray-200/70 bg-white/95 backdrop-blur-sm md:flex",
+        isContainerMaximized ? "shadow-xl" : null,
       )}
       defaultWidth={480}
       minWidth={360}
       maxWidth={860}
-      overlay={displayMode === "overlay"}
+      overlay={isOverlayPanel}
+      overlayScope={isContainerMaximized ? "container" : "viewport"}
     >
       <WorkspaceTabsBar
         tabs={workspaceTabs}
         canGoBack={canGoBackInNavigationHistory(workspaceHistory)}
         canGoForward={canGoForwardInNavigationHistory(workspaceHistory)}
+        isMaximized={isContainerMaximized}
         onGoBack={presenter.chatThreadManager.goBackWorkspacePanel}
         onGoForward={presenter.chatThreadManager.goForwardWorkspacePanel}
+        onRefreshFile={refreshActiveFile}
+        onToggleMaximize={
+          displayMode === "docked"
+            ? () => setIsMaximized((value) => !value)
+            : undefined
+        }
         onClose={presenter.chatThreadManager.closeWorkspacePanel}
       />
 
       <div className="flex min-h-0 flex-1 flex-col bg-white">
         <ChatSessionWorkspacePanelContent
           activeSelection={activeSelection}
+          filePreviewRefreshVersion={filePreviewRefreshVersion}
           sessionCronJobs={sessionCronJobs}
           sessionProjectRoot={sessionProjectRoot}
           sessionWorkingDir={sessionWorkingDir}

package/src/features/chat/features/workspace/utils/chat-workspace-file-tab-persistence.utils.ts

@@ -53,6 +53,8 @@ export function normalizePersistedWorkspaceFileTab(
     line: normalizeOptionalNumber(value.line),
     column: normalizeOptionalNumber(value.column),
     rawText: normalizeOptionalText(value.rawText),
+    contentUrl: normalizeOptionalString(value.contentUrl),
+    mimeType: normalizeOptionalString(value.mimeType),
     beforeText: normalizeOptionalText(value.beforeText),
     afterText: normalizeOptionalText(value.afterText),
     patchText: normalizeOptionalText(value.patchText),
@@ -74,6 +76,8 @@ export function toPersistedWorkspaceFileTab(
     line: tab.line,
     column: tab.column,
     rawText: tab.rawText,
+    contentUrl: tab.contentUrl,
+    mimeType: tab.mimeType,
     beforeText: tab.beforeText,
     afterText: tab.afterText,
     patchText: tab.patchText,

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

@@ -42,7 +42,10 @@ function resetChatSessionListManagerState() {
     snapshot: {
       ...useChatSessionListStore.getState().snapshot,
       selectedSessionKey: 'session-1',
-      listMode: 'time-first'
+      listMode: 'time-first',
+      pinnedSessionKeys: [],
+      pinnedProjectRoots: [],
+      collapsedProjectRoots: [],
     }
   });
   useChatThreadStore.setState({
@@ -191,6 +194,31 @@ describe('ChatSessionListManager list preference and read state', () => {
     });
   });
 
+  it('persists session and project list preferences through the list owner', () => {
+    const manager = new ChatSessionListManager(
+      {} as ConstructorParameters<typeof ChatSessionListManager>[0]
+    );
+
+    manager.toggleSessionPinned('session-2');
+    manager.toggleProjectPinned('/tmp/project-alpha');
+    manager.toggleProjectCollapsed('/tmp/project-alpha');
+
+    expect(useChatSessionListStore.getState().snapshot).toMatchObject({
+      pinnedSessionKeys: ['session-2'],
+      pinnedProjectRoots: ['/tmp/project-alpha'],
+      collapsedProjectRoots: ['/tmp/project-alpha'],
+    });
+    expect(persistStorage.get(chatSessionListModeStorageKey)).toMatchObject({
+      state: {
+        snapshot: {
+          pinnedSessionKeys: ['session-2'],
+          pinnedProjectRoots: ['/tmp/project-alpha'],
+          collapsedProjectRoots: ['/tmp/project-alpha'],
+        },
+      },
+    });
+  });
+
   it('marks a session as read through the session list owner boundary', () => {
     const manager = new ChatSessionListManager(
       {} as ConstructorParameters<typeof ChatSessionListManager>[0]
@@ -266,7 +294,10 @@ describe('ChatSessionListStore persistence', () => {
     useChatSessionListStore.setState({
       snapshot: {
         ...useChatSessionListStore.getState().snapshot,
-        listMode: 'time-first'
+        listMode: 'time-first',
+        pinnedSessionKeys: [],
+        pinnedProjectRoots: [],
+        collapsedProjectRoots: [],
       }
     });
   });

package/src/features/chat/managers/chat-session-list.manager.ts

@@ -13,6 +13,17 @@ type WorkspaceChildReadState = {
   readAt?: string | null;
   runStatus?: string | null;
 };
+
+function toggleListValue(values: string[], value: string): string[] {
+  const normalizedValue = value.trim();
+  if (!normalizedValue) {
+    return values;
+  }
+  return values.includes(normalizedValue)
+    ? values.filter((item) => item !== normalizedValue)
+    : [normalizedValue, ...values];
+}
+
 export class ChatSessionListManager {
   constructor(private uiManager: ChatUiManager) {}
 
@@ -110,6 +121,27 @@ export class ChatSessionListManager {
     useChatSessionListStore.getState().setSnapshot({ listMode: value });
   };
 
+  toggleSessionPinned = (sessionKey: string) => {
+    const { pinnedSessionKeys } = useChatSessionListStore.getState().snapshot;
+    useChatSessionListStore.getState().setSnapshot({
+      pinnedSessionKeys: toggleListValue(pinnedSessionKeys, sessionKey),
+    });
+  };
+
+  toggleProjectPinned = (projectRoot: string) => {
+    const { pinnedProjectRoots } = useChatSessionListStore.getState().snapshot;
+    useChatSessionListStore.getState().setSnapshot({
+      pinnedProjectRoots: toggleListValue(pinnedProjectRoots, projectRoot),
+    });
+  };
+
+  toggleProjectCollapsed = (projectRoot: string) => {
+    const { collapsedProjectRoots } = useChatSessionListStore.getState().snapshot;
+    useChatSessionListStore.getState().setSnapshot({
+      collapsedProjectRoots: toggleListValue(collapsedProjectRoots, projectRoot),
+    });
+  };
+
   markSessionRead = (
     sessionKey: string | null | undefined,
     readAt: string | null | undefined,

package/src/features/chat/managers/chat-thread.manager.ts

@@ -128,6 +128,8 @@ export class ChatThreadManager {
       line: action.line ?? null,
       column: action.column ?? null,
       rawText: action.rawText ?? null,
+      contentUrl: action.contentUrl?.trim() || null,
+      mimeType: action.mimeType?.trim() || null,
       beforeText: action.beforeText ?? null,
       afterText: action.afterText ?? null,
       patchText: action.patchText ?? null,