Release v0.0.37

## What's New

### Improvements & Fixes
- **Plan Mode UI** — Improved plan mode UI and sidebar refetch
- **Auto-scroll Fix** — Allow user to disable auto-scroll during scroll animation
- **Todo List Fix** — Fixed infinite loop in todo list useEffect

Author: serafimcloud

package.json

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

src/main/lib/auto-updater.ts

@@ -52,11 +52,18 @@ export async function initAutoUpdater(getWindow: () => BrowserWindow | null) {
   initAutoUpdaterConfig()
 
   // Configure feed URL to point to R2 CDN
+  // Note: We use a custom request headers to bypass CDN cache
   autoUpdater.setFeedURL({
     provider: "generic",
     url: CDN_BASE,
   })
 
+  // Add cache-busting to update requests
+  autoUpdater.requestHeaders = {
+    "Cache-Control": "no-cache, no-store, must-revalidate",
+    "Pragma": "no-cache",
+  }
+
   // Event: Checking for updates
   autoUpdater.on("checking-for-update", () => {
     log.info("[AutoUpdater] Checking for updates...")

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 ExitPlanMode tool calls without subsequent "Implement plan" user message
+   * Parses messages to find plan file Write without subsequent "Implement plan" user message
    * Logic must match active-chat.tsx hasUnapprovedPlan
    * REQUIRES openSubChatIds to avoid loading all sub-chats (performance optimization)
    */
@@ -1558,6 +1558,7 @@ export const chatsRouter = router({
           parts?: Array<{
             type: string
             text?: string
+            output?: unknown
           }>
         }>
 
@@ -1578,10 +1579,13 @@ export const chatsRouter = router({
               }
             }
 
-            // If assistant message with ExitPlanMode that has output.plan, we found an unapproved plan
+            // If assistant message with completed ExitPlanMode, we found an unapproved plan
             if (msg.role === "assistant" && msg.parts) {
-              const exitPlanPart = msg.parts.find((p) => p.type === "tool-ExitPlanMode") as { output?: { plan?: string } } | undefined
-              if (exitPlanPart?.output?.plan) {
+              const exitPlanPart = msg.parts.find(
+                (p) => p.type === "tool-ExitPlanMode"
+              )
+              // Check if ExitPlanMode is completed (has output, even if empty)
+              if (exitPlanPart && exitPlanPart.output !== undefined) {
                 return true
               }
             }

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

@@ -1190,6 +1190,10 @@ ${prompt}
             let lastAssistantUuid: string | null = null
             const streamIterationStart = Date.now()
 
+            // Plan mode: track ExitPlanMode to stop after plan is complete
+            let planCompleted = false
+            let exitPlanModeToolCallId: string | null = null
+
             if (isUsingOllama) {
               console.log(`[Ollama] ===== STARTING STREAM ITERATION =====`)
               console.log(`[Ollama] Model: ${finalCustomConfig?.model}`)
@@ -1249,6 +1253,23 @@ ${prompt}
                     msgAny.error || msgAny.message || "Unknown SDK error"
                   lastError = new Error(sdkError)
 
+                  // Detailed SDK error logging in main process
+                  console.error(`[CLAUDE SDK ERROR] ========================================`)
+                  console.error(`[CLAUDE SDK ERROR] Raw error: ${sdkError}`)
+                  console.error(`[CLAUDE SDK ERROR] Message type: ${msgAny.type}`)
+                  console.error(`[CLAUDE SDK ERROR] SubChat ID: ${input.subChatId}`)
+                  console.error(`[CLAUDE SDK ERROR] Chat ID: ${input.chatId}`)
+                  console.error(`[CLAUDE SDK ERROR] CWD: ${input.cwd}`)
+                  console.error(`[CLAUDE SDK ERROR] Mode: ${input.mode}`)
+                  console.error(`[CLAUDE SDK ERROR] Session ID: ${msgAny.session_id || 'none'}`)
+                  console.error(`[CLAUDE SDK ERROR] Has custom config: ${!!finalCustomConfig}`)
+                  console.error(`[CLAUDE SDK ERROR] Is using Ollama: ${isUsingOllama}`)
+                  console.error(`[CLAUDE SDK ERROR] Model: ${resolvedModel || 'default'}`)
+                  console.error(`[CLAUDE SDK ERROR] Has OAuth token: ${!!claudeCodeToken}`)
+                  console.error(`[CLAUDE SDK ERROR] MCP servers: ${mcpServersFiltered ? Object.keys(mcpServersFiltered).join(', ') : 'none'}`)
+                  console.error(`[CLAUDE SDK ERROR] Full message:`, JSON.stringify(msgAny, null, 2))
+                  console.error(`[CLAUDE SDK ERROR] ========================================`)
+
                   // Categorize SDK-level errors
                   let errorCategory = "SDK_ERROR"
                   let errorContext = "Claude SDK error"
@@ -1381,6 +1402,12 @@ ${prompt}
                       // DEBUG: Log tool calls
                       console.log(`[SD] M:TOOL_CALL sub=${subId} toolName="${chunk.toolName}" mode=${input.mode} callId=${chunk.toolCallId}`)
 
+                      // Track ExitPlanMode toolCallId so we can stop when it completes
+                      if (input.mode === "plan" && chunk.toolName === "ExitPlanMode") {
+                        console.log(`[SD] M:PLAN_TOOL_DETECTED sub=${subId} callId=${chunk.toolCallId}`)
+                        exitPlanModeToolCallId = chunk.toolCallId
+                      }
+
                       parts.push({
                         type: `tool-${chunk.toolName}`,
                         toolCallId: chunk.toolCallId,
@@ -1415,6 +1442,13 @@ ${prompt}
                             }
                           }
                         }
+
+                        // Check if ExitPlanMode just completed - stop the stream
+                        if (exitPlanModeToolCallId && chunk.toolCallId === exitPlanModeToolCallId) {
+                          console.log(`[SD] M:PLAN_FINISH sub=${subId} - ExitPlanMode completed, emitting finish`)
+                          planCompleted = true
+                          safeEmit({ type: "finish" } as UIMessageChunk)
+                        }
                       }
                       break
                     case "message-metadata":
@@ -1437,12 +1471,23 @@ ${prompt}
                       }
                       break
                   }
+
+                  // Break from chunk loop if plan is done
+                  if (planCompleted) {
+                    console.log(`[SD] M:PLAN_BREAK_CHUNK sub=${subId}`)
+                    break
+                  }
                 }
                 // Break from stream loop if observer closed (user clicked Stop)
                 if (!isObservableActive) {
                   console.log(`[SD] M:OBSERVER_CLOSED_STREAM sub=${subId}`)
                   break
                 }
+                // Break from stream loop if plan completed
+                if (planCompleted) {
+                  console.log(`[SD] M:PLAN_BREAK_STREAM sub=${subId}`)
+                  break
+                }
               }
 
               // Warn if stream yielded no messages (offline mode issue)

src/renderer/components/dialogs/agents-settings-dialog.tsx

@@ -70,8 +70,8 @@ function useIsNarrowScreen(): boolean {
   return isNarrow
 }
 
-// Check if we're in development mode
-const isDevelopment = process.env.NODE_ENV === "development"
+// Check if we're in development mode (use import.meta.env.DEV for Vite)
+const isDevelopment = import.meta.env.DEV
 
 // Clicks required to unlock devtools in production
 const DEVTOOLS_UNLOCK_CLICKS = 5
@@ -307,9 +307,11 @@ export function AgentsSettingsDialog({
   }, [])
 
   const handleTabClick = (tabId: SettingsTab) => {
-    // Handle Beta tab clicks for devtools unlock (only in production builds)
-    if (tabId === "beta" && !isDevelopment && !devToolsUnlocked) {
+    // Handle Beta tab clicks for devtools unlock
+    // Works in both dev and production - the unlock just reveals the Debug tab
+    if (tabId === "beta" && !devToolsUnlocked) {
       betaClickCountRef.current++
+      console.log(`[Settings] Beta click ${betaClickCountRef.current}/${DEVTOOLS_UNLOCK_CLICKS}`)
 
       // Reset counter after 2 seconds of no clicks
       if (betaClickTimeoutRef.current) {

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

@@ -690,3 +690,18 @@ export const currentPlanPathAtomFamily = atomFamily((chatId: string) =>
     },
   ),
 )
+
+// Per-chat plan edit refetch trigger - incremented when an Edit on a plan file completes
+// Used to trigger sidebar refetch when plan content changes
+const planEditRefetchTriggerStorageAtom = atom<Record<string, number>>({})
+
+export const planEditRefetchTriggerAtomFamily = atomFamily((chatId: string) =>
+  atom(
+    (get) => get(planEditRefetchTriggerStorageAtom)[chatId] ?? 0,
+    (get, set) => {
+      const current = get(planEditRefetchTriggerStorageAtom)
+      const currentValue = current[chatId] ?? 0
+      set(planEditRefetchTriggerStorageAtom, { ...current, [chatId]: currentValue + 1 })
+    },
+  ),
+)

src/renderer/features/agents/lib/ipc-chat-transport.ts

@@ -109,6 +109,7 @@ const ERROR_TOAST_CONFIG: Record<
     title: "Authentication failed",
     description: "Your session may have expired. Try logging in again.",
   },
+  // SDK_ERROR is handled dynamically below to include full error details in copy
 }
 
 type UIMessageChunk = any // Inferred from subscription
@@ -312,8 +313,23 @@ export class IPCChatTransport implements ChatTransport<UIMessage> {
 
               // Handle errors - show toast to user FIRST before anything else
               if (chunk.type === "error") {
-                // Track error in Sentry
                 const category = chunk.debugInfo?.category || "UNKNOWN"
+
+                // Detailed SDK error logging for debugging
+                console.error(`[SDK ERROR] ========================================`)
+                console.error(`[SDK ERROR] Category: ${category}`)
+                console.error(`[SDK ERROR] Error text: ${chunk.errorText}`)
+                console.error(`[SDK ERROR] Chat ID: ${this.config.chatId}`)
+                console.error(`[SDK ERROR] SubChat ID: ${this.config.subChatId}`)
+                console.error(`[SDK ERROR] CWD: ${this.config.cwd}`)
+                console.error(`[SDK ERROR] Mode: ${currentMode}`)
+                if (chunk.debugInfo) {
+                  console.error(`[SDK ERROR] Debug info:`, JSON.stringify(chunk.debugInfo, null, 2))
+                }
+                console.error(`[SDK ERROR] Full chunk:`, JSON.stringify(chunk, null, 2))
+                console.error(`[SDK ERROR] ========================================`)
+
+                // Track error in Sentry
                 Sentry.captureException(
                   new Error(chunk.errorText || "Claude transport error"),
                   {
@@ -330,27 +346,34 @@ export class IPCChatTransport implements ChatTransport<UIMessage> {
                   },
                 )
 
+                // Build detailed error string for copying (available for ALL errors)
+                const errorDetails = [
+                  `Error: ${chunk.errorText || "Unknown error"}`,
+                  `Category: ${category}`,
+                  `Chat ID: ${this.config.chatId}`,
+                  `SubChat ID: ${this.config.subChatId}`,
+                  `CWD: ${this.config.cwd}`,
+                  `Mode: ${currentMode}`,
+                  `Timestamp: ${new Date().toISOString()}`,
+                  chunk.debugInfo ? `Debug Info: ${JSON.stringify(chunk.debugInfo, null, 2)}` : null,
+                ].filter(Boolean).join("\n")
+
                 // Show toast based on error category
                 const config = ERROR_TOAST_CONFIG[category]
-
-                if (config) {
-                  toast.error(config.title, {
-                    description: config.description,
-                    duration: 8000,
-                    action: config.action
-                      ? {
-                          label: config.action.label,
-                          onClick: config.action.onClick,
-                        }
-                      : undefined,
-                  })
-                } else {
-                  toast.error("Something went wrong", {
-                    description:
-                      chunk.errorText || "An unexpected error occurred",
-                    duration: 8000,
-                  })
-                }
+                const title = config?.title || "Claude error"
+                const description = config?.description || chunk.errorText || "An unexpected error occurred"
+
+                toast.error(title, {
+                  description,
+                  duration: 12000,
+                  action: {
+                    label: "Copy Error",
+                    onClick: () => {
+                      navigator.clipboard.writeText(errorDetails)
+                      toast.success("Error details copied to clipboard")
+                    },
+                  },
+                })
               }
 
               // Try to enqueue, but don't crash if stream is already closed