Release v0.0.58

## Features
- **Context Menu for Images** — Copy and save options added to fullscreen image viewer
- **Graduated from Beta** — Rollback, Kanban, and Tasks features now available to all users
- **Version Tags in History** — Show version tags on commits in history view

## Improvements & Fixes
- **Optimized Archive Popover** — Improved archive popover with UnarchiveIcon
- **Web Search Simplification** — Simplified web search results to single-line without icons
- **Pasted Text Label** — Show "Using pasted text" label instead of "selected text" for pasted content
- **Theme-Consistent Toasts** — Ensure toasts follow user-selected theme colors
- **Auto-Collapse Sub-Agent** — Auto-collapse sub-agent tool when task completes
- **Auto-Scroll on Send** — Scroll to bottom when queued message is auto-sent
- **Thinking Tool UX** — Auto-expand/collapse thinking tool and fix exploring group collapse

## Downloads
- **macOS ARM64 (Apple Silicon)**: Download the `-arm64.dmg` file
- **macOS Intel**: Download the `.dmg` file (without arm64)

Auto-updates are enabled. Existing users will be notified automatically.

Author: serafimcloud

package.json

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

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

@@ -1,4 +1,4 @@
-import { and, desc, eq, inArray, isNotNull, isNull } from "drizzle-orm"
+import { and, desc, eq, inArray, isNotNull, isNull, sql } from "drizzle-orm"
 import { BrowserWindow } from "electron"
 import * as fs from "fs/promises"
 import * as path from "path"
@@ -1453,14 +1453,20 @@ export const chatsRouter = router({
 
     if (input.chatIds && input.chatIds.length > 0) {
       // Archive mode: query all sub-chats for given chat IDs
+      // Pre-filter with LIKE to skip sub-chats without file edits (avoids loading/parsing large JSON)
       allChats = db
         .select({
           chatId: subChats.chatId,
           subChatId: subChats.id,
           messages: subChats.messages,
         })
         .from(subChats)
-        .where(inArray(subChats.chatId, input.chatIds))
+        .where(
+          and(
+            inArray(subChats.chatId, input.chatIds),
+            sql`(${subChats.messages} LIKE '%tool-Edit%' OR ${subChats.messages} LIKE '%tool-Write%')`
+          )
+        )
         .all()
     } else {
       // Main sidebar mode: query specific sub-chats

src/main/windows/main.ts

@@ -7,6 +7,7 @@ import {
   clipboard,
   session,
   nativeImage,
+  dialog,
 } from "electron"
 import { join } from "path"
 import { readFileSync, existsSync, writeFileSync, mkdirSync } from "fs"
@@ -245,6 +246,43 @@ function registerIpcHandlers(): void {
   )
   ipcMain.handle("clipboard:read", () => clipboard.readText())
 
+  // Save file with native dialog
+  ipcMain.handle(
+    "dialog:save-file",
+    async (
+      event,
+      options: { base64Data: string; filename: string; filters?: { name: string; extensions: string[] }[] },
+    ) => {
+      const win = getWindowFromEvent(event)
+      if (!win) return { success: false }
+
+      // Ensure window is focused before showing dialog (required on macOS)
+      if (!win.isFocused()) {
+        win.focus()
+        await new Promise((resolve) => setTimeout(resolve, 100))
+      }
+
+      const result = await dialog.showSaveDialog(win, {
+        defaultPath: options.filename,
+        filters: options.filters || [
+          { name: "Images", extensions: ["png", "jpg", "jpeg", "webp", "gif"] },
+          { name: "All Files", extensions: ["*"] },
+        ],
+      })
+
+      if (result.canceled || !result.filePath) return { success: false }
+
+      try {
+        const buffer = Buffer.from(options.base64Data, "base64")
+        writeFileSync(result.filePath, buffer)
+        return { success: true, filePath: result.filePath }
+      } catch (err) {
+        console.error("[dialog:save-file] Failed to write file:", err)
+        return { success: false }
+      }
+    },
+  )
+
   // Auth IPC handlers
   const validateSender = (event: Electron.IpcMainInvokeEvent): boolean => {
     const senderUrl = event.sender.getURL()

src/preload/index.ts

@@ -131,6 +131,10 @@ contextBridge.exposeInMainWorld("desktopApi", {
   clipboardWrite: (text: string) => ipcRenderer.invoke("clipboard:write", text),
   clipboardRead: () => ipcRenderer.invoke("clipboard:read"),
 
+  // Save file with native dialog
+  saveFile: (options: { base64Data: string; filename: string; filters?: { name: string; extensions: string[] }[] }) =>
+    ipcRenderer.invoke("dialog:save-file", options) as Promise<{ success: boolean; filePath?: string }>,
+
   // Auth methods
   getUser: () => ipcRenderer.invoke("auth:get-user"),
   isAuthenticated: () => ipcRenderer.invoke("auth:is-authenticated"),
@@ -315,6 +319,7 @@ export interface DesktopApi {
   getApiBaseUrl: () => Promise<string>
   clipboardWrite: (text: string) => Promise<void>
   clipboardRead: () => Promise<string>
+  saveFile: (options: { base64Data: string; filename: string; filters?: { name: string; extensions: string[] }[] }) => Promise<{ success: boolean; filePath?: string }>
   // Auth
   getUser: () => Promise<{
     id: string

src/renderer/components/dialogs/settings-tabs/agents-beta-tab.tsx

@@ -5,9 +5,7 @@ import { useQuery } from "@tanstack/react-query"
 import {
   autoOfflineModeAtom,
   betaAutomationsEnabledAtom,
-  betaKanbanEnabledAtom,
   betaUpdatesEnabledAtom,
-  enableTasksAtom,
   historyEnabledAtom,
   selectedOllamaModelAtom,
   showOfflineModeFeaturesAtom,
@@ -52,9 +50,7 @@ export function AgentsBetaTab() {
   const [showOfflineFeatures, setShowOfflineFeatures] = useAtom(showOfflineModeFeaturesAtom)
   const [autoOffline, setAutoOffline] = useAtom(autoOfflineModeAtom)
   const [selectedOllamaModel, setSelectedOllamaModel] = useAtom(selectedOllamaModelAtom)
-  const [kanbanEnabled, setKanbanEnabled] = useAtom(betaKanbanEnabledAtom)
   const [automationsEnabled, setAutomationsEnabled] = useAtom(betaAutomationsEnabledAtom)
-  const [enableTasks, setEnableTasks] = useAtom(enableTasksAtom)
   const [betaUpdatesEnabled, setBetaUpdatesEnabled] = useAtom(betaUpdatesEnabledAtom)
 
   // Check subscription to gate automations behind paid plan
@@ -162,22 +158,6 @@ export function AgentsBetaTab() {
           />
         </div>
 
-        {/* Kanban Board Toggle */}
-        <div className="flex items-center justify-between p-4 border-t border-border">
-          <div className="flex flex-col space-y-1">
-            <span className="text-sm font-medium text-foreground">
-              Kanban Board
-            </span>
-            <span className="text-xs text-muted-foreground">
-              View workspaces as a Kanban board organized by status.
-            </span>
-          </div>
-          <Switch
-            checked={kanbanEnabled}
-            onCheckedChange={setKanbanEnabled}
-          />
-        </div>
-
         {/* Automations & Inbox Toggle */}
         <div className="flex items-center justify-between p-4 border-t border-border">
           <div className="flex flex-col space-y-1">
@@ -201,21 +181,6 @@ export function AgentsBetaTab() {
           />
         </div>
 
-        {/* Agent Tasks Toggle */}
-        <div className="flex items-center justify-between p-4 border-t border-border">
-          <div className="flex flex-col space-y-1">
-            <span className="text-sm font-medium text-foreground">
-              Agent Tasks
-            </span>
-            <span className="text-xs text-muted-foreground">
-              Enable Task instead of legacy Todo system.
-            </span>
-          </div>
-          <Switch
-            checked={enableTasks}
-            onCheckedChange={setEnableTasks}
-          />
-        </div>
       </div>
 
       {/* Offline Mode Settings - only show when feature is enabled */}

src/renderer/components/ui/icons.tsx

@@ -695,6 +695,28 @@ export function IconAlignEnd(props: IconProps) {
   )
 }
 
+export function UnarchiveIcon(props: IconProps) {
+  return (
+    <svg
+      viewBox="0 0 24 24"
+      width="16"
+      height="16"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <g transform="scale(1.1) translate(-1.1 -1.1)">
+        <path d="M18 20C19.1046 20 20 19.1046 20 18V7H4V18C4 19.1046 4.89543 20 6 20H18Z" />
+        <path d="M20 7L15 3M4 7L9 3" />
+        <path d="M10 11H14" />
+      </g>
+    </svg>
+  )
+}
+
 // Text alignment icons (5 options)
 export function IconTextUndo(props: IconProps) {
   return (

src/renderer/features/agents/components/queue-processor.tsx

@@ -119,6 +119,12 @@ export function QueueProcessor() {
           )
         }
 
+        // Signal active-chat to scroll to bottom BEFORE sending so that
+        // shouldAutoScrollRef is true for the entire streaming duration.
+        // (sendMessage awaits the full stream, so placing this after would
+        // only scroll after the response is complete.)
+        useMessageQueueStore.getState().triggerQueueSent(subChatId)
+
         // Send message using Chat's sendMessage method
         await chat.sendMessage({ role: "user", parts })
 

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

@@ -16,6 +16,7 @@ export interface UsePastedTextFilesReturn {
   removePastedText: (id: string) => void
   clearPastedTexts: () => void
   pastedTextsRef: React.RefObject<PastedTextFile[]>
+  setPastedTextsFromDraft: (texts: PastedTextFile[]) => void
 }
 
 export function usePastedTextFiles(subChatId: string): UsePastedTextFilesReturn {
@@ -62,11 +63,18 @@ export function usePastedTextFiles(subChatId: string): UsePastedTextFilesReturn
     setPastedTexts([])
   }, [])
 
+  // Direct state setter for restoring from draft/rollback
+  const setPastedTextsFromDraft = useCallback((texts: PastedTextFile[]) => {
+    setPastedTexts(texts)
+    pastedTextsRef.current = texts
+  }, [])
+
   return {
     pastedTexts,
     addPastedText,
     removePastedText,
     clearPastedTexts,
     pastedTextsRef,
+    setPastedTextsFromDraft,
   }
 }