Release v0.0.15

Author: serafimcloud

.env.example

@@ -27,3 +27,7 @@ VITE_POSTHOG_HOST=https://us.i.posthog.com
 # Feedback URL (optional - defaults to open source Discord if not set)
 # Set this in hosted builds to use a private feedback channel
 # VITE_FEEDBACK_URL=https://discord.gg/your-private-invite
+
+# API URL (optional - defaults to https://21st.dev)
+# Only change this if you're running the web app locally
+# MAIN_VITE_API_URL=http://localhost:3000

README.md

@@ -1,8 +1,10 @@
 # 1Code
 
+[1Code.dev](https://1code.dev)
+
 Best UI for Claude Code with local and remote agent execution.
 
-By [21st.dev](https://21st.dev)
+By [21st.dev](https://21st.dev) team
 
 ## Features
 
@@ -20,10 +22,13 @@ By [21st.dev](https://21st.dev)
 ```bash
 # Prerequisites: Bun, Python, Xcode Command Line Tools (macOS)
 bun install
+bun run claude:download  # Download Claude binary (required!)
 bun run build
 bun run package:mac  # or package:win, package:linux
 ```
 
+> **Important:** The `claude:download` step downloads the Claude CLI binary which is required for the agent chat to work. If you skip this step, the app will build but agent functionality won't work.
+
 ### Option 2: Subscribe to 1code.dev (recommended)
 
 Get pre-built releases + background agents support by subscribing at [1code.dev](https://1code.dev).
@@ -34,6 +39,7 @@ Your subscription helps us maintain and improve 1Code.
 
 ```bash
 bun install
+bun run claude:download  # First time only
 bun run dev
 ```
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "21st-desktop",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "private": true,
   "description": "1Code - UI for parallel work with AI agents",
   "author": "21st.dev",
@@ -85,6 +85,7 @@
     "react-icons": "^5.5.0",
     "react-markdown": "^10.1.0",
     "react-syntax-highlighter": "^16.1.0",
+    "remark-breaks": "^4.0.0",
     "remark-gfm": "^4.0.1",
     "shiki": "^1.24.4",
     "simple-git": "^3.28.0",

src/main/auth-manager.ts

@@ -1,11 +1,8 @@
 import { AuthStore, AuthData, AuthUser } from "./auth-store"
 import { app, BrowserWindow } from "electron"
 
-// API URLs
-const API_URLS = {
-  production: "https://21st.dev",
-  development: "http://localhost:3000",
-} as const
+// 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"
 
 export class AuthManager {
   private store: AuthStore
@@ -32,7 +29,7 @@ export class AuthManager {
   }
 
   private getApiUrl(): string {
-    return this.isDev ? API_URLS.development : API_URLS.production
+    return AUTH_API_URL
   }
 
   /**
@@ -218,4 +215,34 @@ export class AuthManager {
 
     shell.openExternal(authUrl)
   }
+
+  /**
+   * Update user profile on server and locally
+   */
+  async updateUser(updates: { name?: string }): Promise<AuthUser | null> {
+    const token = await this.getValidToken()
+    if (!token) {
+      throw new Error("Not authenticated")
+    }
+
+    // Update on server using X-Desktop-Token header
+    const response = await fetch(`${this.getApiUrl()}/api/user/profile`, {
+      method: "PATCH",
+      headers: {
+        "Content-Type": "application/json",
+        "X-Desktop-Token": token,
+      },
+      body: JSON.stringify({
+        display_name: updates.name,
+      }),
+    })
+
+    if (!response.ok) {
+      const error = await response.json().catch(() => ({ error: "Unknown error" }))
+      throw new Error(error.error || `Update failed: ${response.status}`)
+    }
+
+    // Update locally
+    return this.store.updateUser({ name: updates.name ?? null })
+  }
 }

src/main/auth-store.ts

@@ -187,4 +187,16 @@ export class AuthStore {
     const fiveMinutes = 5 * 60 * 1000
     return expiresAt - Date.now() < fiveMinutes
   }
+
+  /**
+   * Update user data (e.g., after profile update)
+   */
+  updateUser(updates: Partial<AuthUser>): AuthUser | null {
+    const data = this.load()
+    if (!data) return null
+
+    data.user = { ...data.user, ...updates }
+    this.save(data)
+    return data.user
+  }
 }

src/main/index.ts

@@ -56,10 +56,9 @@ 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
 export function getBaseUrl(): string {
-  return process.env.ELECTRON_RENDERER_URL
-    ? "http://localhost:3000"
-    : "https://21st.dev"
+  return import.meta.env.MAIN_VITE_API_URL || "https://21st.dev"
 }
 
 export function getAppUrl(): string {
@@ -487,10 +486,10 @@ if (gotTheLock) {
           label: "File",
           submenu: [
             {
-              label: "New Agent",
+              label: "New Chat",
               accelerator: "CmdOrCtrl+N",
               click: () => {
-                console.log("[Menu] New Agent clicked (Cmd+N)")
+                console.log("[Menu] New Chat clicked (Cmd+N)")
                 const win = getWindow()
                 if (win) {
                   console.log("[Menu] Sending shortcut:new-agent to renderer")

src/main/lib/config.ts

@@ -2,19 +2,14 @@
  * Shared configuration for the desktop app
  */
 
-// API URLs
-const API_URLS = {
-  production: "https://21st.dev",
-  development: "http://localhost:3000",
-} as const
-
 const IS_DEV = !!process.env.ELECTRON_RENDERER_URL
 
 /**
- * Get the API base URL based on environment
+ * Get the API base URL
+ * Uses MAIN_VITE_API_URL from .env if set, otherwise defaults to production
  */
 export function getApiUrl(): string {
-  return IS_DEV ? API_URLS.development : API_URLS.production
+  return import.meta.env.MAIN_VITE_API_URL || "https://21st.dev"
 }
 
 /**

src/main/windows/main.ts

@@ -179,6 +179,16 @@ function registerIpcHandlers(getWindow: () => BrowserWindow | null): void {
     }
     await handleAuthCode(code)
   })
+
+  ipcMain.handle("auth:update-user", async (event, updates: { name?: string }) => {
+    if (!validateSender(event)) return null
+    try {
+      return await getAuthManager().updateUser(updates)
+    } catch (error) {
+      console.error("[Auth] Failed to update user:", error)
+      throw error
+    }
+  })
 }
 
 // Current window reference

src/preload/index.d.ts

@@ -1,23 +1,90 @@
+export interface UpdateInfo {
+  version: string
+  releaseDate?: string
+}
+
+export interface UpdateProgress {
+  percent: number
+  bytesPerSecond: number
+  transferred: number
+  total: number
+}
+
+export interface DesktopUser {
+  id: string
+  email: string
+  name: string | null
+  imageUrl: string | null
+  username: string | null
+}
+
 export interface DesktopApi {
+  // Platform info
+  platform: NodeJS.Platform
+  arch: string
   getVersion: () => Promise<string>
-  checkUpdate: () => Promise<{ version: string; downloadUrl: string } | null>
-  getPlatform: () => Promise<NodeJS.Platform>
-  getUser: () => Promise<{
-    id: string
-    email: string
-    name: string | null
-    imageUrl: string | null
-    username: string | null
-  } | null>
+
+  // Auto-update
+  checkForUpdates: () => Promise<UpdateInfo | null>
+  downloadUpdate: () => Promise<boolean>
+  installUpdate: () => void
+  onUpdateChecking: (callback: () => void) => () => void
+  onUpdateAvailable: (callback: (info: UpdateInfo) => void) => () => void
+  onUpdateNotAvailable: (callback: () => void) => () => void
+  onUpdateProgress: (callback: (progress: UpdateProgress) => void) => () => void
+  onUpdateDownloaded: (callback: (info: UpdateInfo) => void) => () => void
+  onUpdateError: (callback: (error: string) => void) => () => void
+  onUpdateManualCheck: (callback: () => void) => () => void
+
+  // Window controls
+  windowMinimize: () => Promise<void>
+  windowMaximize: () => Promise<void>
+  windowClose: () => Promise<void>
+  windowIsMaximized: () => Promise<boolean>
+  windowToggleFullscreen: () => Promise<void>
+  windowIsFullscreen: () => Promise<boolean>
+  setTrafficLightVisibility: (visible: boolean) => Promise<void>
+  onFullscreenChange: (callback: (isFullscreen: boolean) => void) => () => void
+  onFocusChange: (callback: (isFocused: boolean) => void) => () => void
+
+  // Zoom
+  zoomIn: () => Promise<void>
+  zoomOut: () => Promise<void>
+  zoomReset: () => Promise<void>
+  getZoom: () => Promise<number>
+
+  // DevTools
+  toggleDevTools: () => Promise<void>
+
+  // Analytics
+  setAnalyticsOptOut: (optedOut: boolean) => Promise<void>
+
+  // Native features
+  setBadge: (count: number | null) => Promise<void>
+  showNotification: (options: { title: string; body: string }) => Promise<void>
+  openExternal: (url: string) => Promise<void>
+  getApiBaseUrl: () => Promise<string>
+
+  // Clipboard
+  clipboardWrite: (text: string) => Promise<void>
+  clipboardRead: () => Promise<string>
+
+  // Auth
+  getUser: () => Promise<DesktopUser | null>
   isAuthenticated: () => Promise<boolean>
   logout: () => Promise<void>
   startAuthFlow: () => Promise<void>
+  submitAuthCode: (code: string) => Promise<void>
+  updateUser: (updates: { name?: string }) => Promise<DesktopUser | null>
   onAuthSuccess: (callback: (user: any) => void) => () => void
   onAuthError: (callback: (error: string) => void) => () => void
+
+  // Shortcuts
+  onShortcutNewAgent: (callback: () => void) => () => void
 }
 
 declare global {
   interface Window {
-    desktopApi?: DesktopApi
+    desktopApi: DesktopApi
   }
 }

src/preload/index.ts

@@ -118,6 +118,7 @@ contextBridge.exposeInMainWorld("desktopApi", {
   logout: () => ipcRenderer.invoke("auth:logout"),
   startAuthFlow: () => ipcRenderer.invoke("auth:start-flow"),
   submitAuthCode: (code: string) => ipcRenderer.invoke("auth:submit-code", code),
+  updateUser: (updates: { name?: string }) => ipcRenderer.invoke("auth:update-user", updates),
 
   // Auth events
   onAuthSuccess: (callback: (user: any) => void) => {
@@ -201,6 +202,13 @@ export interface DesktopApi {
   logout: () => Promise<void>
   startAuthFlow: () => Promise<void>
   submitAuthCode: (code: string) => Promise<void>
+  updateUser: (updates: { name?: string }) => Promise<{
+    id: string
+    email: string
+    name: string | null
+    imageUrl: string | null
+    username: string | null
+  } | null>
   onAuthSuccess: (callback: (user: any) => void) => () => void
   onAuthError: (callback: (error: string) => void) => () => void
   // Shortcuts