Release v0.0.59

## What's New

### Features
- Open pushed commits on GitHub
- Enable extended thinking by default

### Improvements & Fixes
- Fix history view remote link
- Handle rebase when resolving commit hash for GitHub URL
- Show thinking gradient only when content overflows
- Improve thinking tool content visibility
- Hide scrollbar in thinking tool during streaming
- Display model version separately in model selector
- Move rollback button to user message bubble and restore input content

## 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.58",
+  "version": "0.0.59",
   "private": true,
   "description": "1Code - UI for parallel work with AI agents",
   "author": {

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

@@ -1776,11 +1776,13 @@ ${prompt}
             let policyRetryCount = 0
             let policyRetryNeeded = false
             let messageCount = 0
+            let pendingFinishChunk: UIMessageChunk | null = null
 
             // eslint-disable-next-line no-constant-condition
             while (true) {
               policyRetryNeeded = false
               messageCount = 0
+              pendingFinishChunk = null
 
               // 5. Run Claude SDK
               let stream
@@ -2088,6 +2090,14 @@ ${prompt}
                       }
                     }
 
+                    // IMPORTANT: Defer the protocol "finish" chunk until after DB persistence.
+                    // If we emit finish early, the UI can send the next user message before
+                    // this assistant message is written, and the next save overwrites it.
+                    if (chunk.type === "finish") {
+                      pendingFinishChunk = chunk
+                      continue
+                    }
+
                     // Use safeEmit to prevent throws when observer is closed
                     if (!safeEmit(chunk)) {
                       // Observer closed (user clicked Stop), break out of loop
@@ -2466,6 +2476,12 @@ ${prompt}
             console.log(
               `[SD] M:END sub=${subId} reason=ok n=${chunkCount} last=${lastChunkType} t=${duration}s`,
             )
+            if (pendingFinishChunk) {
+              safeEmit(pendingFinishChunk)
+            } else {
+              // Keep protocol invariant for consumers that wait for finish.
+              safeEmit({ type: "finish" } as UIMessageChunk)
+            }
             safeComplete()
           } catch (error) {
             const duration = ((Date.now() - streamStart) / 1000).toFixed(1)

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

@@ -96,13 +96,13 @@ async function getUserPlan(): Promise<{ plan: string; status: string | null } |
 }
 
 /**
- * Check if user has paid subscription (onecode_pro or onecode_max with active status)
+ * Check if user has paid subscription (onecode_pro, onecode_max_100, or onecode_max with active status)
  */
 async function hasPaidSubscription(): Promise<boolean> {
   const planData = await getUserPlan()
   if (!planData) return false
 
-  const paidPlans = ["onecode_pro", "onecode_max"]
+  const paidPlans = ["onecode_pro", "onecode_max_100", "onecode_max"]
   return paidPlans.includes(planData.plan) && planData.status === "active"
 }
 

src/renderer/features/agents/components/agents-help-popover.tsx

@@ -1,17 +1,44 @@
 "use client"
 
-import { useState } from "react"
+import { useState, useEffect } from "react"
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
+  DropdownMenuSeparator,
+  DropdownMenuLabel,
 } from "../../../components/ui/dropdown-menu"
+import { ArrowUpRight } from "lucide-react"
 import { KeyboardIcon } from "../../../components/ui/icons"
 import { DiscordIcon } from "../../../icons"
 import { useSetAtom } from "jotai"
 import { agentsSettingsDialogOpenAtom, agentsSettingsDialogActiveTabAtom } from "../../../lib/atoms"
 
+interface ReleaseHighlight {
+  version: string
+  title: string
+}
+
+function parseFirstHighlight(content: string): string {
+  const lines = content.split("\n")
+  let inFeatures = false
+  for (const line of lines) {
+    if (/^###\s+Features/i.test(line)) {
+      inFeatures = true
+      continue
+    }
+    if (inFeatures && /^###?\s+/.test(line)) break
+    if (inFeatures) {
+      const bold = line.match(/^[-*]\s+\*\*(.+?)\*\*/)
+      if (bold) return bold[1]
+      const plain = line.match(/^[-*]\s+(.+)/)
+      if (plain) return plain[1].replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").trim()
+    }
+  }
+  return "Bug fixes & improvements"
+}
+
 interface AgentsHelpPopoverProps {
   children: React.ReactNode
   open?: boolean
@@ -28,13 +55,48 @@ export function AgentsHelpPopover({
   const [internalOpen, setInternalOpen] = useState(false)
   const setSettingsDialogOpen = useSetAtom(agentsSettingsDialogOpenAtom)
   const setSettingsActiveTab = useSetAtom(agentsSettingsDialogActiveTabAtom)
+  const [highlights, setHighlights] = useState<ReleaseHighlight[]>([])
 
-  // Use controlled state if provided, otherwise use internal state
   const open = controlledOpen ?? internalOpen
   const setOpen = controlledOnOpenChange ?? setInternalOpen
 
+  useEffect(() => {
+    let cancelled = false
+    window.desktopApi
+      .signedFetch("https://21st.dev/api/changelog/desktop?per_page=3")
+      .then((result) => {
+        if (cancelled) return
+        const data = result.data as {
+          releases?: Array<{ version?: string; content?: string }>
+        }
+        if (data?.releases) {
+          const items: ReleaseHighlight[] = []
+          for (const release of data.releases) {
+            if (release.version) {
+              items.push({ version: release.version, title: parseFirstHighlight(release.content || "") })
+            }
+          }
+          setHighlights(items)
+        }
+      })
+      .catch(() => {})
+    return () => {
+      cancelled = true
+    }
+  }, [])
+
   const handleCommunityClick = () => {
-    window.open("https://discord.gg/8ektTZGnj4", "_blank")
+    window.desktopApi.openExternal("https://discord.gg/8ektTZGnj4")
+  }
+
+  const handleChangelogClick = () => {
+    window.desktopApi.openExternal("https://1code.dev/agents/changelog")
+  }
+
+  const handleReleaseClick = (version: string) => {
+    window.desktopApi.openExternal(
+      `https://1code.dev/agents/changelog#${version}`,
+    )
   }
 
   const handleKeyboardShortcutsClick = () => {
@@ -46,7 +108,7 @@ export function AgentsHelpPopover({
   return (
     <DropdownMenu open={open} onOpenChange={setOpen}>
       <DropdownMenuTrigger asChild>{children}</DropdownMenuTrigger>
-      <DropdownMenuContent side="top" align="start" className="w-36">
+      <DropdownMenuContent side="top" align="start" className="w-56">
         <DropdownMenuItem onClick={handleCommunityClick} className="gap-2">
           <DiscordIcon className="h-3.5 w-3.5 text-muted-foreground shrink-0" />
           <span className="flex-1">Discord</span>
@@ -61,6 +123,40 @@ export function AgentsHelpPopover({
             <span className="flex-1">Shortcuts</span>
           </DropdownMenuItem>
         )}
+
+        {highlights.length > 0 && (
+          <>
+            <DropdownMenuSeparator />
+            <div className="mx-1 px-1.5 pt-1.5 pb-0.5 text-xs text-muted-foreground">
+              What's new
+            </div>
+            {highlights.map((item, i) => (
+              <DropdownMenuItem
+                key={item.version}
+                onClick={() => handleReleaseClick(item.version)}
+                className="gap-0 items-stretch min-h-0 px-2 py-0"
+              >
+                <div className="flex flex-col items-center w-3 shrink-0">
+                  {i === 0 ? <div className="h-[11px]" /> : <div className="w-px h-[11px] border-l border-dashed border-muted-foreground/30" />}
+                  <div className="w-1.5 h-1.5 rounded-full border border-muted-foreground/40 shrink-0" />
+                  <div className="w-px flex-1 border-l border-dashed border-muted-foreground/30" />
+                </div>
+                <span className="text-xs text-muted-foreground leading-tight py-1.5 pl-2 line-clamp-2">
+                  {item.title}
+                </span>
+              </DropdownMenuItem>
+            ))}
+            <DropdownMenuItem onClick={handleChangelogClick} className="gap-0 items-stretch min-h-0 px-2 py-0">
+              <div className="flex flex-col items-center w-3 shrink-0">
+                <div className="w-px h-[11px] border-l border-dashed border-muted-foreground/30" />
+                <div className="w-1.5 h-1.5 rounded-full bg-foreground shrink-0" />
+                <div className="w-px flex-1 border-l border-dashed border-muted-foreground/30" />
+              </div>
+              <span className="flex-1 text-xs pl-2 py-1.5">Full changelog</span>
+              <ArrowUpRight className="h-3 w-3 text-muted-foreground shrink-0 self-center" />
+            </DropdownMenuItem>
+          </>
+        )}
       </DropdownMenuContent>
     </DropdownMenu>
   )

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

@@ -188,7 +188,12 @@ import {
 } from "../search"
 import { agentChatStore } from "../stores/agent-chat-store"
 import { EMPTY_QUEUE, useMessageQueueStore } from "../stores/message-queue-store"
-import { clearSubChatCaches, isRollingBackAtom, syncMessagesWithStatusAtom } from "../stores/message-store"
+import {
+  clearSubChatCaches,
+  findRollbackTargetSdkUuidForUserIndex,
+  isRollingBackAtom,
+  syncMessagesWithStatusAtom
+} from "../stores/message-store"
 import { useStreamingStatusStore } from "../stores/streaming-status-store"
 import {
   useAgentSubChatStore,
@@ -3131,23 +3136,14 @@ const ChatViewInner = memo(function ChatViewInner({
         return
       }
 
-      // Find the last assistant message BEFORE this user message
-      let targetAssistantMsg: (typeof messages)[0] | null = null
-      for (let i = userMsgIndex - 1; i >= 0; i--) {
-        if (messages[i].role === "assistant") {
-          targetAssistantMsg = messages[i]
-          break
-        }
-      }
-
-      if (!targetAssistantMsg) {
-        toast.error("Cannot rollback: no previous assistant message found")
-        return
-      }
+      const sdkUuid = findRollbackTargetSdkUuidForUserIndex(
+        userMsgIndex,
+        messages.length,
+        (index) => messages[index] as any,
+      )
 
-      const sdkUuid = (targetAssistantMsg.metadata as any)?.sdkMessageUuid
       if (!sdkUuid) {
-        toast.error("Cannot rollback: message has no SDK UUID")
+        toast.error("Cannot rollback: this turn is not rollbackable")
         return
       }
 

src/renderer/features/agents/main/isolated-message-group.tsx

@@ -6,7 +6,7 @@ import {
   messageAtomFamily,
   assistantIdsForUserMsgAtomFamily,
   isLastUserMessageAtomFamily,
-  isFirstUserMessageAtomFamily,
+  rollbackTargetSdkUuidForUserMsgAtomFamily,
   isStreamingAtom,
   isRollingBackAtom,
 } from "../stores/message-store"
@@ -101,12 +101,12 @@ export const IsolatedMessageGroup = memo(function IsolatedMessageGroup({
   const userMsg = useAtomValue(messageAtomFamily(userMsgId))
   const assistantIds = useAtomValue(assistantIdsForUserMsgAtomFamily(userMsgId))
   const isLastGroup = useAtomValue(isLastUserMessageAtomFamily(userMsgId))
-  const isFirstUserMessage = useAtomValue(isFirstUserMessageAtomFamily(userMsgId))
+  const rollbackTargetSdkUuid = useAtomValue(rollbackTargetSdkUuidForUserMsgAtomFamily(userMsgId))
   const isStreaming = useAtomValue(isStreamingAtom)
   const isRollingBack = useAtomValue(isRollingBackAtom)
 
-  // Show rollback button on non-first user messages (first has no preceding assistant to roll back to)
-  const canRollback = onRollback && !isFirstUserMessage && !isStreaming
+  // Show rollback button only when this user turn has a valid rollback target.
+  const canRollback = onRollback && !!rollbackTargetSdkUuid && !isStreaming
 
   // Extract user message content
   // Note: file-content parts are hidden from UI but sent to agent

src/renderer/features/agents/stores/message-store.ts

@@ -358,6 +358,78 @@ export const isFirstUserMessageAtomFamily = atomFamily((userMsgId: string) =>
   })
 )
 
+type RollbackLookupMessage = {
+  role: "user" | "assistant" | "system"
+  metadata?: any
+  parts?: MessagePart[]
+}
+
+function hasCompactToolUsePart(parts?: MessagePart[]): boolean {
+  return !!parts?.some((part) => part.type === "tool-Compact")
+}
+
+// Shared rollback target lookup used by both UI visibility and rollback action.
+export function findRollbackTargetSdkUuidForUserIndex(
+  userMsgIndex: number,
+  totalMessageCount: number,
+  getMessageAt: (index: number) => RollbackLookupMessage | null | undefined,
+): string | null {
+  if (userMsgIndex <= 0 || totalMessageCount <= 0) return null
+
+  // 1) Pick the first assistant before this user message.
+  let targetAssistantIndex = -1
+  let targetAssistantMessage: RollbackLookupMessage | null | undefined = null
+  for (let i = userMsgIndex - 1; i >= 0; i--) {
+    const message = getMessageAt(i)
+    if (!message || message.role !== "assistant") continue
+    targetAssistantIndex = i
+    targetAssistantMessage = message
+    break
+  }
+
+  if (targetAssistantIndex === -1 || !targetAssistantMessage) return null
+
+  // 2) Any compact after that assistant (up to the end of the dialog) means
+  // this assistant is already behind compact and cannot be a rollback target.
+  for (let i = targetAssistantIndex; i < totalMessageCount; i++) {
+    const message = getMessageAt(i)
+    if (!message || message.role !== "assistant") continue
+    if (hasCompactToolUsePart(message.parts)) {
+      return null
+    }
+  }
+
+  // 3) No compact after target assistant: allow rollback only if target has SDK UUID.
+  const sdkUuid = (targetAssistantMessage.metadata as any)?.sdkMessageUuid
+  return typeof sdkUuid === "string" && sdkUuid.length > 0 ? sdkUuid : null
+}
+
+// SDK UUID of the assistant message that rollback should target for this user message.
+// Returns null when this turn cannot be rolled back.
+export const rollbackTargetSdkUuidForUserMsgAtomFamily = atomFamily((userMsgId: string) =>
+  atom((get) => {
+    const ids = get(messageIdsAtom)
+    const roles = get(messageRolesAtom)
+    const userMsgIndex = ids.indexOf(userMsgId)
+
+    if (userMsgIndex <= 0) return null
+
+    return findRollbackTargetSdkUuidForUserIndex(userMsgIndex, ids.length, (index) => {
+      const messageId = ids[index]
+      if (!messageId) return null
+
+      const role = roles.get(messageId)
+      if (!role) return null
+
+      if (role !== "assistant") {
+        return { role }
+      }
+
+      return get(messageAtomFamily(messageId))
+    })
+  })
+)
+
 // ============================================================================
 // STREAMING STATUS
 // ============================================================================

src/renderer/features/agents/ui/agent-thinking-tool.tsx

@@ -72,10 +72,15 @@ export const AgentThinkingTool = memo(function AgentThinkingTool({
     return () => clearInterval(interval)
   }, [isStreaming])
 
-  // Auto-scroll when expanded during streaming
+  // Track whether content overflows the scroll container
+  const [isOverflowing, setIsOverflowing] = useState(false)
+
+  // Auto-scroll when expanded during streaming + check overflow
   useEffect(() => {
     if (isStreaming && isExpanded && scrollRef.current) {
-      scrollRef.current.scrollTop = scrollRef.current.scrollHeight
+      const el = scrollRef.current
+      setIsOverflowing(el.scrollHeight > el.clientHeight)
+      el.scrollTop = el.scrollHeight
     }
   }, [part.input?.text, isStreaming, isExpanded])
 
@@ -142,14 +147,14 @@ export const AgentThinkingTool = memo(function AgentThinkingTool({
           <div
             className={cn(
               "absolute inset-x-0 top-0 h-8 bg-gradient-to-b from-background to-transparent z-10 pointer-events-none transition-opacity duration-200",
-              isStreaming ? "opacity-100" : "opacity-0",
+              isStreaming && isOverflowing ? "opacity-100" : "opacity-0",
             )}
           />
           <div
             ref={scrollRef}
             className={cn(
-              "px-2 opacity-50",
-              isStreaming && "overflow-y-auto scrollbar-none max-h-24",
+              "px-2",
+              isStreaming && "overflow-y-auto scrollbar-hide max-h-36",
             )}
           >
             <ChatMarkdownRenderer content={thinkingText} size="sm" isStreaming={isStreaming} />