Release v0.0.41

## What's New

### Features
- **Large Text Paste** — Auto-convert large pasted text to file attachments

### Improvements & Fixes
- **Details Sidebar** — Improved caching, Plan widget expand, and UI updates
- **Plan Indicator** — Fixed pending plan indicator (use mode as source of truth)
- **Tooltip Fix** — Hide tooltip when workspace/chat is archived

Author: serafimcloud

package.json

@@ -1,6 +1,6 @@
 {
   "name": "21st-desktop",
-  "version": "0.0.40",
+  "version": "0.0.41",
   "private": true,
   "description": "1Code - UI for parallel work with AI agents",
   "author": {

src/main/lib/trpc/routers/chats.ts

@@ -1521,7 +1521,7 @@ export const chatsRouter = router({
 
   /**
    * Get sub-chats with pending plan approvals
-   * Parses messages to find plan file Write without subsequent "Implement plan" user message
+   * Uses mode field as source of truth: mode="plan" + completed ExitPlanMode = pending approval
    * Logic must match active-chat.tsx hasUnapprovedPlan
    * REQUIRES openSubChatIds to avoid loading all sub-chats (performance optimization)
    */
@@ -1535,11 +1535,12 @@ export const chatsRouter = router({
       return []
     }
 
-    // Query only the specified sub-chats (VS Code style: load only what's needed)
+    // Query only the specified sub-chats, including mode for filtering
     const allSubChats = db
       .select({
         chatId: subChats.chatId,
         subChatId: subChats.id,
+        mode: subChats.mode,
         messages: subChats.messages,
       })
       .from(subChats)
@@ -1549,7 +1550,13 @@ export const chatsRouter = router({
     const pendingApprovals: Array<{ subChatId: string; chatId: string }> = []
 
     for (const row of allSubChats) {
-      if (!row.messages || !row.subChatId || !row.chatId) continue
+      if (!row.subChatId || !row.chatId) continue
+
+      // If mode is "agent", plan is already approved - skip
+      if (row.mode === "agent") continue
+
+      // Only check for ExitPlanMode in plan mode sub-chats
+      if (!row.messages) continue
 
       try {
         const messages = JSON.parse(row.messages) as Array<{
@@ -1562,23 +1569,12 @@ export const chatsRouter = router({
           }>
         }>
 
-        // Traverse messages from end to find unapproved ExitPlanMode
-        // Logic matches active-chat.tsx hasUnapprovedPlan
-        const checkHasUnapprovedPlan = (): boolean => {
+        // Check if there's a completed ExitPlanMode in messages
+        const hasCompletedExitPlanMode = (): boolean => {
           for (let i = messages.length - 1; i >= 0; i--) {
             const msg = messages[i]
             if (!msg) continue
 
-            // If user message says "Build plan" or "Implement plan" (exact match), plan is already approved
-            if (msg.role === "user") {
-              const textPart = msg.parts?.find((p) => p.type === "text")
-              const text = textPart?.text || ""
-              const normalizedText = text.trim().toLowerCase()
-              if (normalizedText === "implement plan" || normalizedText === "build plan") {
-                return false // Plan was approved
-              }
-            }
-
             // If assistant message with completed ExitPlanMode, we found an unapproved plan
             if (msg.role === "assistant" && msg.parts) {
               const exitPlanPart = msg.parts.find(
@@ -1593,9 +1589,7 @@ export const chatsRouter = router({
           return false
         }
 
-        const hasUnapprovedPlan = checkHasUnapprovedPlan()
-
-        if (hasUnapprovedPlan) {
+        if (hasCompletedExitPlanMode()) {
           pendingApprovals.push({
             subChatId: row.subChatId,
             chatId: row.chatId,

src/renderer/features/agents/atoms/index.ts

@@ -259,7 +259,7 @@ export type DiffViewDisplayMode = "side-peek" | "center-peek" | "full-page"
 
 export const diffViewDisplayModeAtom = atomWithStorage<DiffViewDisplayMode>(
   "agents:diffViewDisplayMode",
-  "side-peek", // default to current behavior
+  "center-peek", // default to dialog for new users
   undefined,
   { getOnInit: true },
 )
@@ -705,3 +705,72 @@ export const planEditRefetchTriggerAtomFamily = atomFamily((chatId: string) =>
     },
   ),
 )
+
+// ============================================================================
+// Diff Data Cache (per workspace) - prevents data loss when switching workspaces
+// ============================================================================
+
+// ParsedDiffFile type (same as in shared/changes-types.ts but avoiding import cycle)
+export interface CachedParsedDiffFile {
+  key: string
+  oldPath: string
+  newPath: string
+  diffText: string
+  isBinary: boolean
+  additions: number
+  deletions: number
+  isValid: boolean
+  fileLang: string | null
+  isNewFile: boolean
+  isDeletedFile: boolean
+}
+
+export interface DiffStatsCache {
+  fileCount: number
+  additions: number
+  deletions: number
+  isLoading: boolean
+  hasChanges: boolean
+}
+
+export interface WorkspaceDiffCache {
+  parsedFileDiffs: CachedParsedDiffFile[] | null
+  diffStats: DiffStatsCache
+  prefetchedFileContents: Record<string, string>
+  diffContent: string | null
+}
+
+// Default stats for loading state
+const DEFAULT_DIFF_STATS: DiffStatsCache = {
+  fileCount: 0,
+  additions: 0,
+  deletions: 0,
+  isLoading: true,
+  hasChanges: false,
+}
+
+// Runtime cache for diff data per workspace (not persisted)
+const workspaceDiffCacheStorageAtom = atom<Record<string, WorkspaceDiffCache>>({})
+
+// Default cache value
+const DEFAULT_DIFF_CACHE: WorkspaceDiffCache = {
+  parsedFileDiffs: null,
+  diffStats: DEFAULT_DIFF_STATS,
+  prefetchedFileContents: {},
+  diffContent: null,
+}
+
+export const workspaceDiffCacheAtomFamily = atomFamily((chatId: string) =>
+  atom(
+    (get) => get(workspaceDiffCacheStorageAtom)[chatId] ?? DEFAULT_DIFF_CACHE,
+    (get, set, update: WorkspaceDiffCache | ((prev: WorkspaceDiffCache) => WorkspaceDiffCache)) => {
+      const current = get(workspaceDiffCacheStorageAtom)
+      const prevCache = current[chatId] ?? DEFAULT_DIFF_CACHE
+      const newCache = typeof update === 'function' ? update(prevCache) : update
+      set(workspaceDiffCacheStorageAtom, {
+        ...current,
+        [chatId]: newCache,
+      })
+    },
+  ),
+)

src/renderer/features/agents/hooks/use-pasted-text-files.ts

@@ -1,6 +1,5 @@
 import { useState, useCallback, useRef } from "react"
 import { trpc } from "../../../lib/trpc"
-import { toast } from "sonner"
 
 export interface PastedTextFile {
   id: string
@@ -48,14 +47,8 @@ export function usePastedTextFiles(subChatId: string): UsePastedTextFilesReturn
         }
 
         setPastedTexts((prev) => [...prev, newPasted])
-
-        const sizeKB = Math.round(result.size / 1024)
-        toast.info(`Text saved as file (${sizeKB}KB)`, {
-          description: "Large text will be sent as a file attachment.",
-        })
       } catch (error) {
         console.error("[usePastedTextFiles] Failed to write:", error)
-        toast.error("Failed to save pasted text")
       }
     },
     [subChatId, writePastedTextMutation]

src/renderer/features/agents/main/active-chat.tsx

@@ -107,6 +107,7 @@ import {
   pendingBuildPlanSubChatIdAtom,
   pendingPlanApprovalsAtom,
   planEditRefetchTriggerAtomFamily,
+  workspaceDiffCacheAtomFamily,
   pendingPrMessageAtom,
   pendingReviewMessageAtom,
   pendingUserQuestionsAtom,
@@ -2806,6 +2807,14 @@ const ChatViewInner = memo(function ChatViewInner({
     // Update store mode synchronously BEFORE sending (transport reads from store)
     useAgentSubChatStore.getState().updateSubChatMode(subChatId, "agent")
 
+    // Sync mode to database for sidebar indicator (getPendingPlanApprovals)
+    if (!subChatId.startsWith("temp-")) {
+      updateSubChatModeMutation.mutate({ subChatId, mode: "agent" })
+    }
+
+    // Update ref BEFORE setIsPlanMode to prevent useEffect from triggering duplicate mutation
+    lastIsPlanModeRef.current = false
+
     // Update React state (for UI)
     setIsPlanMode(false)
 
@@ -2818,7 +2827,7 @@ const ChatViewInner = memo(function ChatViewInner({
       role: "user",
       parts: [{ type: "text", text: "Build plan" }],
     })
-  }, [subChatId, setIsPlanMode, scrollToBottom])
+  }, [subChatId, setIsPlanMode, scrollToBottom, updateSubChatModeMutation])
 
   // Handle pending "Build plan" from sidebar
   useEffect(() => {
@@ -3342,9 +3351,11 @@ const ChatViewInner = memo(function ChatViewInner({
         return `@[${MENTION_PREFIXES.DIFF}${dtc.filePath}:${lineNum}:${preview}:${encodedText}]`
       })
 
-      // Add pasted text files as file mentions (they are already saved as files)
+      // Add pasted text as pasted mentions (format: pasted:size:preview|filepath)
+      // Using | as separator since filepath can contain colons
       const pastedTextMentions = currentPastedTexts.map((pt) => {
-        return `@[${MENTION_PREFIXES.FILE}local:${pt.filePath}]`
+        // Preview is already truncated and has newlines replaced
+        return `@[${MENTION_PREFIXES.PASTED}${pt.size}:${pt.preview}|${pt.filePath}]`
       })
 
       mentionPrefix = [...quoteMentions, ...diffMentions, ...pastedTextMentions].join(" ") + " "
@@ -3632,21 +3643,15 @@ const ChatViewInner = memo(function ChatViewInner({
     }
   }
 
-  // Check if there's an unapproved plan (ExitPlanMode without subsequent "Build plan" or "Implement plan")
+  // Check if there's an unapproved plan (in plan mode with completed ExitPlanMode)
   const hasUnapprovedPlan = useMemo(() => {
-    // Traverse messages from end to find unapproved ExitPlanMode
+    // If already in agent mode, plan is approved (mode is the source of truth)
+    if (!isPlanMode) return false
+
+    // Look for completed ExitPlanMode in messages
     for (let i = messages.length - 1; i >= 0; i--) {
       const msg = messages[i]
 
-      // If user message says "Build plan" or "Implement plan", plan is already approved
-      if (msg.role === "user") {
-        const text = msg.parts?.find((p: any) => p.type === "text")?.text || ""
-        const normalizedText = text.trim().toLowerCase()
-        if (normalizedText === "build plan" || normalizedText === "implement plan") {
-          return false
-        }
-      }
-
       // If assistant message with completed ExitPlanMode, we found an unapproved plan
       if (msg.role === "assistant" && msg.parts) {
         const exitPlanPart = msg.parts.find(
@@ -3659,7 +3664,7 @@ const ChatViewInner = memo(function ChatViewInner({
       }
     }
     return false
-  }, [messages])
+  }, [messages, isPlanMode])
 
   // Keep ref in sync for use in initializeScroll (which runs in useLayoutEffect)
   hasUnapprovedPlanRef.current = hasUnapprovedPlan
@@ -4130,40 +4135,49 @@ export function ChatView({
     [chatId],
   )
   const [isTerminalSidebarOpen, setIsTerminalSidebarOpen] = useAtom(terminalSidebarAtom)
-  const [diffStats, setDiffStatsRaw] = useState({
-    fileCount: 0,
-    additions: 0,
-    deletions: 0,
-    isLoading: true,
-    hasChanges: false,
-  })
-  // Smart setter that only updates if values actually changed
+
+  // Diff data cache - stored in atoms to persist across workspace switches
+  const diffCacheAtom = useMemo(
+    () => workspaceDiffCacheAtomFamily(chatId),
+    [chatId],
+  )
+  const [diffCache, setDiffCache] = useAtom(diffCacheAtom)
+
+  // Extract diff data from cache
+  const diffStats = diffCache.diffStats
+  const parsedFileDiffs = diffCache.parsedFileDiffs as ParsedDiffFile[] | null
+  const prefetchedFileContents = diffCache.prefetchedFileContents
+  const diffContent = diffCache.diffContent
+
+  // Smart setters that update the cache
   const setDiffStats = useCallback((val: any) => {
-    setDiffStatsRaw((prev: typeof diffStats) => {
-      // Handle function updates
-      const newVal = typeof val === 'function' ? val(prev) : val
+    setDiffCache((prev) => {
+      const newVal = typeof val === 'function' ? val(prev.diffStats) : val
       // Only update if something changed
       if (
-        prev.fileCount === newVal.fileCount &&
-        prev.additions === newVal.additions &&
-        prev.deletions === newVal.deletions &&
-        prev.isLoading === newVal.isLoading &&
-        prev.hasChanges === newVal.hasChanges
+        prev.diffStats.fileCount === newVal.fileCount &&
+        prev.diffStats.additions === newVal.additions &&
+        prev.diffStats.deletions === newVal.deletions &&
+        prev.diffStats.isLoading === newVal.isLoading &&
+        prev.diffStats.hasChanges === newVal.hasChanges
       ) {
         return prev // Return same reference to prevent re-render
       }
-      return newVal
+      return { ...prev, diffStats: newVal }
     })
-  }, [])
-  // Store raw diff content to pass to AgentDiffView (avoids double fetch)
-  const [diffContent, setDiffContent] = useState<string | null>(null)
-  // Store pre-parsed file diffs (avoids double parsing in AgentDiffView)
-  // Server returns extended type with fileLang, isNewFile, isDeletedFile
-  const [parsedFileDiffs, setParsedFileDiffs] = useState<ParsedDiffFile[] | null>(null)
-  // Store prefetched file contents for instant diff view opening
-  const [prefetchedFileContents, setPrefetchedFileContents] = useState<
-    Record<string, string>
-  >({})
+  }, [setDiffCache])
+
+  const setParsedFileDiffs = useCallback((files: ParsedDiffFile[] | null) => {
+    setDiffCache((prev) => ({ ...prev, parsedFileDiffs: files as any }))
+  }, [setDiffCache])
+
+  const setPrefetchedFileContents = useCallback((contents: Record<string, string>) => {
+    setDiffCache((prev) => ({ ...prev, prefetchedFileContents: contents }))
+  }, [setDiffCache])
+
+  const setDiffContent = useCallback((content: string | null) => {
+    setDiffCache((prev) => ({ ...prev, diffContent: content }))
+  }, [setDiffCache])
   const [diffMode, setDiffMode] = useAtom(diffViewModeAtom)
   const [diffDisplayMode, setDiffDisplayMode] = useAtom(diffViewDisplayModeAtom)
   const subChatsSidebarMode = useAtomValue(agentsSubChatsSidebarModeAtom)

src/renderer/features/agents/main/new-chat-form.tsx

@@ -831,11 +831,12 @@ export function NewChatForm({
         },
       }))
 
-    // Add pasted text files as file mentions
+    // Add pasted text as pasted mentions (format: pasted:size:preview|filepath)
+    // Using | as separator since filepath can contain colons
     let finalMessage = message.trim()
     if (pastedTexts.length > 0) {
       const pastedMentions = pastedTexts
-        .map((pt) => `@[${MENTION_PREFIXES.FILE}local:${pt.filePath}]`)
+        .map((pt) => `@[${MENTION_PREFIXES.PASTED}${pt.size}:${pt.preview}|${pt.filePath}]`)
         .join(" ")
       finalMessage = pastedMentions + (finalMessage ? " " + finalMessage : "")
     }

src/renderer/features/agents/mentions/agents-mentions-editor.tsx

@@ -42,6 +42,7 @@ export const MENTION_PREFIXES = {
   TOOL: "tool:", // MCP tools
   QUOTE: "quote:", // Selected text from assistant messages
   DIFF: "diff:", // Selected text from diff sidebar
+  PASTED: "pasted:", // Large pasted text saved as files
 } as const
 
 type TriggerPayload = {