Release v0.0.16

## What's New in v0.0.16

### Improvements & Fixes

- Fixed authentication redirect URL for packaged app
- Fixed sidebar workspace timestamps updating on message send
- Exclude session/plan files from changed files status bar
- Reduced stop button icon size in send button

Author: serafimcloud

package.json

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

scripts/upload-release-wrangler.sh

@@ -1,8 +1,13 @@
 import { AuthStore, AuthData, AuthUser } from "./auth-store"
 import { app, BrowserWindow } from "electron"
 
-// Auth API URL - use env variable for local testing, default to production
-const AUTH_API_URL = import.meta.env.MAIN_VITE_API_URL || "https://21st.dev"
+// Get API URL - in packaged app always use production, in dev allow override
+function getApiBaseUrl(): string {
+  if (app.isPackaged) {
+    return "https://21st.dev"
+  }
+  return import.meta.env.MAIN_VITE_API_URL || "https://21st.dev"
+}
 
 export class AuthManager {
   private store: AuthStore
@@ -29,7 +34,7 @@ export class AuthManager {
   }
 
   private getApiUrl(): string {
-    return AUTH_API_URL
+    return getApiBaseUrl()
   }
 
   /**

src/main/auth-manager.ts

@@ -56,8 +56,12 @@ if (app.isPackaged && !IS_DEV) {
 }
 
 // URL configuration (exported for use in other modules)
-// Uses MAIN_VITE_API_URL from .env if set, otherwise defaults to production
+// In packaged app, ALWAYS use production URL to prevent localhost leaking into releases
+// In dev mode, allow override via MAIN_VITE_API_URL env variable
 export function getBaseUrl(): string {
+  if (app.isPackaged) {
+    return "https://21st.dev"
+  }
   return import.meta.env.MAIN_VITE_API_URL || "https://21st.dev"
 }
 

src/main/index.ts

@@ -1,14 +1,19 @@
 /**
  * Shared configuration for the desktop app
  */
+import { app } from "electron"
 
 const IS_DEV = !!process.env.ELECTRON_RENDERER_URL
 
 /**
  * Get the API base URL
- * Uses MAIN_VITE_API_URL from .env if set, otherwise defaults to production
+ * In packaged app, ALWAYS use production URL to prevent localhost leaking into releases
+ * In dev mode, allow override via MAIN_VITE_API_URL env variable
  */
 export function getApiUrl(): string {
+  if (app.isPackaged) {
+    return "https://21st.dev"
+  }
   return import.meta.env.MAIN_VITE_API_URL || "https://21st.dev"
 }
 

src/main/lib/config.ts

@@ -8,9 +8,16 @@ interface TRPCProviderProps {
   children: React.ReactNode
 }
 
+// Global query client instance for use outside React components
+let globalQueryClient: QueryClient | null = null
+
+export function getQueryClient(): QueryClient | null {
+  return globalQueryClient
+}
+
 export function TRPCProvider({ children }: TRPCProviderProps) {
   const [queryClient] = useState(() => {
-    return new QueryClient({
+    const client = new QueryClient({
       defaultOptions: {
         queries: {
           staleTime: 5000,
@@ -24,6 +31,8 @@ export function TRPCProvider({ children }: TRPCProviderProps) {
         },
       },
     })
+    globalQueryClient = client
+    return client
   })
 
   const [trpcClient] = useState(() => {

src/renderer/contexts/TRPCProvider.tsx

@@ -63,7 +63,7 @@ export function AgentSendButton({
   const getIcon = () => {
     if (isStreaming) {
       return (
-        <div className="w-3 h-3 bg-current rounded-[2px] flex-shrink-0 mx-auto" />
+        <div className="w-2.5 h-2.5 bg-current rounded-[2px] flex-shrink-0 mx-auto" />
       )
     }
     if (isSubmitting) {
@@ -111,7 +111,7 @@ export function AgentSendButton({
 
   // Mode-specific styling (agent=foreground, plan=orange)
   const modeClass = isPlanMode
-    ? "!bg-plan-mode hover:!bg-plan-mode/90 !text-plan-mode-foreground !shadow-none"
+    ? "!bg-plan-mode hover:!bg-plan-mode/90 !text-background !shadow-none"
     : "!bg-foreground hover:!bg-foreground/90 !text-background !shadow-none"
 
   return (

src/renderer/features/agents/components/agent-send-button.tsx

@@ -89,6 +89,15 @@ export function useChangedFilesTracking(
   const wasStreamingRef = useRef(false)
   const isInitializedRef = useRef(false)
 
+  // Check if a file path is a session/plan file that should be excluded
+  const isSessionFile = useCallback((filePath: string): boolean => {
+    // Exclude files in claude-sessions (plan files stored in app's local storage)
+    if (filePath.includes("claude-sessions")) return true
+    // Exclude files in Application Support directory
+    if (filePath.includes("Application Support")) return true
+    return false
+  }, [])
+
   // Calculate changed files from messages
   const calculateChangedFiles = useCallback(() => {
     // Track file states: originalContent (first old_string) and currentContent (latest new_string)
@@ -108,6 +117,9 @@ export function useChangedFilesTracking(
           const filePath = part.input?.file_path
           if (!filePath) continue
 
+          // Skip session/plan files stored in local app storage
+          if (isSessionFile(filePath)) continue
+
           const oldString = part.input?.old_string || ""
           const newString = part.input?.new_string || part.input?.content || ""
 
@@ -148,7 +160,7 @@ export function useChangedFilesTracking(
     }
 
     return result
-  }, [messages, getDisplayPath, calculateDiffStats])
+  }, [messages, getDisplayPath, calculateDiffStats, isSessionFile])
 
   // Only recalculate when streaming ends (transition from true to false)
   // Also calculate on initial mount if not streaming

src/renderer/features/agents/hooks/use-changed-files-tracking.ts

@@ -70,6 +70,7 @@ import { soundNotificationsEnabledAtom } from "../../../lib/atoms"
 import { appStore } from "../../../lib/jotai-store"
 import { api } from "../../../lib/mock-api"
 import { trpc, trpcClient } from "../../../lib/trpc"
+import { getQueryClient } from "../../../contexts/TRPCProvider"
 import { cn } from "../../../lib/utils"
 import { getShortcutKey, isDesktopApp } from "../../../lib/utils/platform"
 import { terminalSidebarOpenAtom } from "../../terminal/atoms"
@@ -1727,6 +1728,32 @@ function ChatViewInner({
       })
     }
 
+    // Desktop app: Optimistic update for chats.list to update sidebar immediately
+    const queryClient = getQueryClient()
+    if (queryClient) {
+      const now = new Date()
+      const queries = queryClient.getQueryCache().getAll()
+      const chatsListQuery = queries.find(q =>
+        Array.isArray(q.queryKey) &&
+        Array.isArray(q.queryKey[0]) &&
+        q.queryKey[0][0] === 'chats' &&
+        q.queryKey[0][1] === 'list'
+      )
+      if (chatsListQuery) {
+        queryClient.setQueryData(chatsListQuery.queryKey, (old: any[] | undefined) => {
+          if (!old) return old
+          // Update the timestamp and sort by updatedAt descending
+          const updated = old.map((c: any) =>
+            c.id === parentChatId ? { ...c, updatedAt: now } : c,
+          )
+          return updated.sort(
+            (a: any, b: any) =>
+              new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime(),
+          )
+        })
+      }
+    }
+
     // Optimistically update sub-chat timestamp to move it to top
     useAgentSubChatStore.getState().updateSubChatTimestamp(subChatId)
 
@@ -3852,6 +3879,9 @@ export function ChatView({
 
           // Refresh diff stats after agent finishes making changes
           fetchDiffStatsRef.current()
+
+          // Note: sidebar timestamp update is handled via optimistic update in handleSend
+          // No need to refetch here as it would overwrite the optimistic update with stale data
         },
       })
 
@@ -3971,6 +4001,9 @@ export function ChatView({
 
           // Refresh diff stats after agent finishes making changes
           fetchDiffStatsRef.current()
+
+          // Note: sidebar timestamp update is handled via optimistic update in handleSend
+          // No need to refetch here as it would overwrite the optimistic update with stale data
         },
       })
       agentChatStore.set(newId, newChat, chatId)