-
-
-
-
-${terminalLinesHtml}
-
-${progressSection}
-
-
-
-
-
-`)
- } else {
- res.writeHead(400, { "Content-Type": "text/plain" })
- res.end("Missing code or state parameter")
- }
} else {
res.writeHead(404, { "Content-Type": "text/plain" })
res.end("Not found")
}
})
-server.listen(AUTH_SERVER_PORT, () => {
- console.log(`[Auth Server] Listening on http://localhost:${AUTH_SERVER_PORT}`)
-})
+ server.listen(21321, () => {
+ console.log("[Auth Server] Listening on http://localhost:21321")
+ })
+}
// Clean up stale lock files from crashed instances
// Returns true if locks were cleaned, false otherwise
@@ -532,15 +389,10 @@ if (gotTheLock) {
handleDeepLink(url)
}
- // Focus on the first available window
- const windows = getAllWindows()
- if (windows.length > 0) {
- const window = windows[0]!
+ const window = getWindow()
+ if (window) {
if (window.isMinimized()) window.restore()
window.focus()
- } else {
- // No windows open, create a new one
- createMainWindow()
}
})
@@ -599,13 +451,9 @@ if (gotTheLock) {
// Track update availability for menu
let updateAvailable = false
let availableVersion: string | null = null
- // Track devtools unlock state (hidden feature - 5 clicks on Beta tab)
- let devToolsUnlocked = false
// Function to build and set application menu
const buildMenu = () => {
- // Show devtools menu item only in dev mode or when unlocked
- const showDevTools = !app.isPackaged || devToolsUnlocked
const template: Electron.MenuItemConstructorOptions[] = [
{
label: app.name,
@@ -630,41 +478,6 @@ if (gotTheLock) {
},
},
{ type: "separator" },
- {
- label: isCliInstalled()
- ? "Uninstall '1code' Command..."
- : "Install '1code' Command in PATH...",
- click: async () => {
- const { dialog } = await import("electron")
- if (isCliInstalled()) {
- const result = await uninstallCli()
- if (result.success) {
- dialog.showMessageBox({
- type: "info",
- message: "CLI command uninstalled",
- detail: "The '1code' command has been removed from your PATH.",
- })
- buildMenu()
- } else {
- dialog.showErrorBox("Uninstallation Failed", result.error || "Unknown error")
- }
- } else {
- const result = await installCli()
- if (result.success) {
- dialog.showMessageBox({
- type: "info",
- message: "CLI command installed",
- detail:
- "You can now use '1code .' in any terminal to open 1Code in that directory.",
- })
- buildMenu()
- } else {
- dialog.showErrorBox("Installation Failed", result.error || "Unknown error")
- }
- }
- },
- },
- { type: "separator" },
{ role: "services" },
{ type: "separator" },
{ role: "hide" },
@@ -691,25 +504,6 @@ if (gotTheLock) {
}
},
},
- {
- label: "New Window",
- accelerator: "CmdOrCtrl+Shift+N",
- click: () => {
- console.log("[Menu] New Window clicked (Cmd+Shift+N)")
- createWindow()
- },
- },
- { type: "separator" },
- {
- label: "Close Window",
- accelerator: "CmdOrCtrl+W",
- click: () => {
- const win = getWindow()
- if (win) {
- win.close()
- }
- },
- },
],
},
{
@@ -727,11 +521,9 @@ if (gotTheLock) {
{
label: "View",
submenu: [
- // Cmd+R is disabled to prevent accidental page refresh
- // Use Cmd+Shift+R (Force Reload) for intentional reloads
+ { role: "reload" },
{ role: "forceReload" },
- // Only show DevTools in dev mode or when unlocked via hidden feature
- ...(showDevTools ? [{ role: "toggleDevTools" as const }] : []),
+ { role: "toggleDevTools" },
{ type: "separator" },
{ role: "resetZoom" },
{ role: "zoomIn" },
@@ -765,20 +557,6 @@ if (gotTheLock) {
Menu.setApplicationMenu(Menu.buildFromTemplate(template))
}
- // macOS: Set dock menu (right-click on dock icon)
- if (process.platform === "darwin") {
- const dockMenu = Menu.buildFromTemplate([
- {
- label: "New Window",
- click: () => {
- console.log("[Dock] New Window clicked")
- createWindow()
- },
- },
- ])
- app.dock.setMenu(dockMenu)
- }
-
// Set update state and rebuild menu
const setUpdateAvailable = (available: boolean, version?: string) => {
updateAvailable = available
@@ -786,25 +564,14 @@ if (gotTheLock) {
buildMenu()
}
- // Unlock devtools and rebuild menu (called from renderer via IPC)
- const unlockDevTools = () => {
- if (!devToolsUnlocked) {
- devToolsUnlocked = true
- console.log("[App] DevTools unlocked via hidden feature")
- buildMenu()
- }
- }
-
// Expose setUpdateAvailable globally for auto-updater
;(global as any).__setUpdateAvailable = setUpdateAvailable
- // Expose unlockDevTools globally for IPC handler
- ;(global as any).__unlockDevTools = unlockDevTools
// Build initial menu
buildMenu()
- // Initialize auth manager (uses singleton from auth-manager module)
- authManager = initAuthManager(!!process.env.ELECTRON_RENDERER_URL)
+ // Initialize auth manager
+ authManager = new AuthManager(!!process.env.ELECTRON_RENDERER_URL)
console.log("[App] Auth manager initialized")
// Initialize analytics after auth manager so we can identify user
@@ -857,9 +624,9 @@ if (gotTheLock) {
// Initialize auto-updater (production only)
if (app.isPackaged) {
- await initAutoUpdater(getAllWindows)
+ await initAutoUpdater(getWindow)
// Setup update check on window focus (instead of periodic interval)
- setupFocusUpdateCheck(getAllWindows)
+ setupFocusUpdateCheck(getWindow)
// Check for updates 5 seconds after startup (force to bypass interval check)
setTimeout(() => {
checkForUpdates(true)
@@ -870,16 +637,13 @@ if (gotTheLock) {
// This populates the cache so all future sessions can use filtered MCP servers
setTimeout(async () => {
try {
- const { getAllMcpConfigHandler } = await import("./lib/trpc/routers/claude")
- await getAllMcpConfigHandler()
+ const { warmupMcpCache } = await import("./lib/trpc/routers/claude")
+ await warmupMcpCache()
} catch (error) {
console.error("[App] MCP warmup failed:", error)
}
}, 3000)
- // Handle directory argument from CLI (e.g., `1code /path/to/project`)
- parseLaunchDirectory()
-
// Handle deep link from app launch (Windows/Linux)
const deepLinkUrl = process.argv.find((arg) =>
arg.startsWith(`${PROTOCOL}://`),
@@ -906,7 +670,6 @@ if (gotTheLock) {
// Cleanup before quit
app.on("before-quit", async () => {
console.log("[App] Shutting down...")
- cancelAllPendingOAuth()
await cleanupGitWatchers()
await shutdownAnalytics()
await closeDatabase()
diff --git a/src/main/lib/analytics.ts b/src/main/lib/analytics.ts
index bfbdd0a2..3cba8d93 100644
--- a/src/main/lib/analytics.ts
+++ b/src/main/lib/analytics.ts
@@ -5,56 +5,15 @@
import { PostHog } from "posthog-node"
import { app } from "electron"
-import * as fs from "fs"
-import * as path from "path"
-// PostHog configuration - hardcoded key for opensource users, env var override for internal builds
-// This enables analytics for all users including those building from source
-const POSTHOG_DESKTOP_KEY = import.meta.env.MAIN_VITE_POSTHOG_KEY || "phc_wM7gbrJhOLTvynyhnhPkrVGDc5mKRSXsLGQHqM3T3vq"
+// PostHog configuration from environment
+const POSTHOG_DESKTOP_KEY = import.meta.env.MAIN_VITE_POSTHOG_KEY
const POSTHOG_HOST = import.meta.env.MAIN_VITE_POSTHOG_HOST || "https://us.i.posthog.com"
let posthog: PostHog | null = null
let currentUserId: string | null = null
let userOptedOut = false // Synced from renderer
-// track first launch using a marker file
-const FIRST_LAUNCH_MARKER = ".first_launch_tracked"
-
-function getFirstLaunchMarkerPath(): string {
- try {
- return path.join(app.getPath("userData"), FIRST_LAUNCH_MARKER)
- } catch {
- // app not ready yet
- return ""
- }
-}
-
-function isFirstLaunch(): boolean {
- const markerPath = getFirstLaunchMarkerPath()
- if (!markerPath) return false
-
- try {
- return !fs.existsSync(markerPath)
- } catch {
- return false
- }
-}
-
-function markFirstLaunchTracked(): void {
- const markerPath = getFirstLaunchMarkerPath()
- if (!markerPath) return
-
- try {
- fs.writeFileSync(markerPath, new Date().toISOString())
- } catch {
- // ignore errors writing marker
- }
-}
-
-// Cached user properties for analytics enrichment
-let cachedSubscriptionPlan: string | null = null
-let cachedConnectionMethod: string | null = null
-
// Check if we're in development mode
// Set FORCE_ANALYTICS=true to test analytics in development
// Use a function to check lazily after app is ready
@@ -72,15 +31,12 @@ function isDev(): boolean {
*/
function getCommonProperties() {
return {
- source: "desktop", // Unified source for desktop vs web analytics
+ source: "desktop_main",
app_version: app.getVersion(),
platform: process.platform,
arch: process.arch,
electron_version: process.versions.electron,
node_version: process.versions.node,
- // Analytics enrichment properties
- subscription_plan: cachedSubscriptionPlan,
- connection_method: cachedConnectionMethod,
}
}
@@ -91,21 +47,6 @@ export function setOptOut(optedOut: boolean) {
userOptedOut = optedOut
}
-/**
- * Set subscription plan (called after fetching from API)
- */
-export function setSubscriptionPlan(plan: string) {
- cachedSubscriptionPlan = plan
-}
-
-/**
- * Set connection method (called from renderer via IPC)
- * Values: "claude-subscription" | "api-key" | "custom-model"
- */
-export function setConnectionMethod(method: string) {
- cachedConnectionMethod = method
-}
-
/**
* Initialize PostHog for main process
*/
@@ -194,9 +135,6 @@ export function getCurrentUserId(): string | null {
*/
export function reset() {
currentUserId = null
- // Reset cached analytics properties
- cachedSubscriptionPlan = null
- cachedConnectionMethod = null
// PostHog Node.js SDK doesn't have a reset method
// Events will be sent as anonymous until next identify
}
@@ -219,22 +157,9 @@ export async function shutdown() {
* Track app opened event
*/
export function trackAppOpened() {
- const firstLaunch = isFirstLaunch()
-
capture("desktop_opened", {
- first_launch: firstLaunch,
+ first_launch: false, // TODO: track first launch
})
-
- if (firstLaunch) {
- // mark as tracked so subsequent opens don't count as first launch
- markFirstLaunchTracked()
-
- // also fire a separate first_launch event for funnel analysis
- capture("first_launch", {
- app_version: app.getVersion(),
- platform: process.platform,
- })
- }
}
/**
@@ -267,13 +192,11 @@ export function trackWorkspaceCreated(workspace: {
id: string
projectId: string
useWorktree: boolean
- repository?: string
}) {
capture("workspace_created", {
workspace_id: workspace.id,
project_id: workspace.projectId,
use_worktree: workspace.useWorktree,
- repository: workspace.repository,
})
}
@@ -300,12 +223,12 @@ export function trackWorkspaceDeleted(workspaceId: string) {
*/
export function trackMessageSent(data: {
workspaceId: string
- subChatId?: string
+ messageLength: number
mode: "plan" | "agent"
}) {
capture("message_sent", {
workspace_id: data.workspaceId,
- sub_chat_id: data.subChatId,
+ message_length: data.messageLength,
mode: data.mode,
})
}
@@ -316,41 +239,9 @@ export function trackMessageSent(data: {
export function trackPRCreated(data: {
workspaceId: string
prNumber: number
- repository?: string
- mode?: "worktree" | "local"
}) {
capture("pr_created", {
workspace_id: data.workspaceId,
pr_number: data.prNumber,
- repository: data.repository,
- mode: data.mode,
- })
-}
-
-/**
- * Track commit created
- */
-export function trackCommitCreated(data: {
- workspaceId: string
- filesChanged: number
- mode: "worktree" | "local"
-}) {
- capture("commit_created", {
- workspace_id: data.workspaceId,
- files_changed: data.filesChanged,
- mode: data.mode,
- })
-}
-
-/**
- * Track sub-chat created
- */
-export function trackSubChatCreated(data: {
- workspaceId: string
- subChatId: string
-}) {
- capture("sub_chat_created", {
- workspace_id: data.workspaceId,
- sub_chat_id: data.subChatId,
})
}
diff --git a/src/main/lib/auto-updater.ts b/src/main/lib/auto-updater.ts
index 24fe39f0..152a4bf7 100644
--- a/src/main/lib/auto-updater.ts
+++ b/src/main/lib/auto-updater.ts
@@ -1,8 +1,6 @@
import { BrowserWindow, ipcMain, app } from "electron"
import log from "electron-log"
import { autoUpdater, type UpdateInfo, type ProgressInfo } from "electron-updater"
-import { readFileSync, writeFileSync, existsSync } from "fs"
-import { join } from "path"
/**
* IMPORTANT: Do NOT use lazy/dynamic imports for electron-updater!
@@ -32,88 +30,37 @@ const CDN_BASE = "https://cdn.21st.dev/releases/desktop"
const MIN_CHECK_INTERVAL = 60 * 1000 // 1 minute
let lastCheckTime = 0
-// Update channel preference file
-const CHANNEL_PREF_FILE = "update-channel.json"
-
-type UpdateChannel = "latest" | "beta"
-
-function getChannelPrefPath(): string {
- return join(app.getPath("userData"), CHANNEL_PREF_FILE)
-}
-
-function getSavedChannel(): UpdateChannel {
- try {
- const prefPath = getChannelPrefPath()
- if (existsSync(prefPath)) {
- const data = JSON.parse(readFileSync(prefPath, "utf-8"))
- if (data.channel === "beta" || data.channel === "latest") {
- return data.channel
- }
- }
- } catch {
- // Ignore read errors, fall back to default
- }
- return "latest"
-}
-
-function saveChannel(channel: UpdateChannel): void {
- try {
- writeFileSync(getChannelPrefPath(), JSON.stringify({ channel }), "utf-8")
- } catch (error) {
- log.error("[AutoUpdater] Failed to save channel preference:", error)
- }
-}
-
-let getAllWindows: (() => BrowserWindow[]) | null = null
+let mainWindow: (() => BrowserWindow | null) | null = null
/**
- * Send update event to all renderer windows
- * Update events are app-wide and should be visible in all windows
+ * Send update event to renderer process
*/
-function sendToAllRenderers(channel: string, data?: unknown) {
- const windows = getAllWindows?.() ?? BrowserWindow.getAllWindows()
- for (const win of windows) {
- try {
- if (win && !win.isDestroyed()) {
- win.webContents.send(channel, data)
- }
- } catch {
- // Window may have been destroyed between check and send
- }
+function sendToRenderer(channel: string, data?: unknown) {
+ const win = mainWindow?.()
+ if (win && !win.isDestroyed()) {
+ win.webContents.send(channel, data)
}
}
/**
* Initialize the auto-updater with event handlers and IPC
*/
-export async function initAutoUpdater(getWindows: () => BrowserWindow[]) {
- getAllWindows = getWindows
+export async function initAutoUpdater(getWindow: () => BrowserWindow | null) {
+ mainWindow = getWindow
// Initialize config
initAutoUpdaterConfig()
- // Set update channel from saved preference
- const savedChannel = getSavedChannel()
- autoUpdater.channel = savedChannel
- log.info(`[AutoUpdater] Using update channel: ${savedChannel}`)
-
// 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...")
- sendToAllRenderers("update:checking")
+ sendToRenderer("update:checking")
})
// Event: Update available
@@ -124,7 +71,7 @@ export async function initAutoUpdater(getWindows: () => BrowserWindow[]) {
if (setUpdateAvailable) {
setUpdateAvailable(true, info.version)
}
- sendToAllRenderers("update:available", {
+ sendToRenderer("update:available", {
version: info.version,
releaseDate: info.releaseDate,
releaseNotes: info.releaseNotes,
@@ -134,7 +81,7 @@ export async function initAutoUpdater(getWindows: () => BrowserWindow[]) {
// Event: No update available
autoUpdater.on("update-not-available", (info: UpdateInfo) => {
log.info(`[AutoUpdater] App is up to date (v${info.version})`)
- sendToAllRenderers("update:not-available", {
+ sendToRenderer("update:not-available", {
version: info.version,
})
})
@@ -145,7 +92,7 @@ export async function initAutoUpdater(getWindows: () => BrowserWindow[]) {
`[AutoUpdater] Download progress: ${progress.percent.toFixed(1)}% ` +
`(${formatBytes(progress.transferred)}/${formatBytes(progress.total)})`,
)
- sendToAllRenderers("update:progress", {
+ sendToRenderer("update:progress", {
percent: progress.percent,
bytesPerSecond: progress.bytesPerSecond,
transferred: progress.transferred,
@@ -161,7 +108,7 @@ export async function initAutoUpdater(getWindows: () => BrowserWindow[]) {
if (setUpdateAvailable) {
setUpdateAvailable(false)
}
- sendToAllRenderers("update:downloaded", {
+ sendToRenderer("update:downloaded", {
version: info.version,
releaseDate: info.releaseDate,
releaseNotes: info.releaseNotes,
@@ -171,7 +118,7 @@ export async function initAutoUpdater(getWindows: () => BrowserWindow[]) {
// Event: Error
autoUpdater.on("error", (error: Error) => {
log.error("[AutoUpdater] Error:", error.message)
- sendToAllRenderers("update:error", error.message)
+ sendToRenderer("update:error", error.message)
})
// Register IPC handlers
@@ -185,29 +132,13 @@ export async function initAutoUpdater(getWindows: () => BrowserWindow[]) {
*/
function registerIpcHandlers() {
// Check for updates
- ipcMain.handle("update:check", async (_event, force?: boolean) => {
+ ipcMain.handle("update:check", async () => {
if (!app.isPackaged) {
log.info("[AutoUpdater] Skipping update check in dev mode")
return null
}
try {
- // If force is true, add cache-busting timestamp to URL
- if (force) {
- const cacheBuster = `?t=${Date.now()}`
- autoUpdater.setFeedURL({
- provider: "generic",
- url: `${CDN_BASE}${cacheBuster}`,
- })
- log.info("[AutoUpdater] Force check with cache-busting:", `${CDN_BASE}${cacheBuster}`)
- }
const result = await autoUpdater.checkForUpdates()
- // Reset feed URL back to normal after force check
- if (force) {
- autoUpdater.setFeedURL({
- provider: "generic",
- url: CDN_BASE,
- })
- }
return result?.updateInfo || null
} catch (error) {
log.error("[AutoUpdater] Check failed:", error)
@@ -241,31 +172,6 @@ function registerIpcHandlers() {
currentVersion: app.getVersion(),
}
})
-
- // Set update channel (latest = stable only, beta = stable + beta)
- ipcMain.handle("update:set-channel", async (_event, channel: string) => {
- if (channel !== "latest" && channel !== "beta") {
- log.warn(`[AutoUpdater] Invalid channel: ${channel}`)
- return false
- }
- log.info(`[AutoUpdater] Switching update channel to: ${channel}`)
- autoUpdater.channel = channel
- saveChannel(channel)
- // Check for updates immediately with new channel
- if (app.isPackaged) {
- try {
- await autoUpdater.checkForUpdates()
- } catch (error) {
- log.error("[AutoUpdater] Post-channel-switch check failed:", error)
- }
- }
- return true
- })
-
- // Get current update channel
- ipcMain.handle("update:get-channel", () => {
- return getSavedChannel()
- })
}
/**
@@ -314,7 +220,7 @@ export async function downloadUpdate() {
* Check for updates when window gains focus
* This is more natural than checking on an interval
*/
-export function setupFocusUpdateCheck(_getWindows: () => BrowserWindow[]) {
+export function setupFocusUpdateCheck(getWindow: () => BrowserWindow | null) {
// Listen for window focus events
app.on("browser-window-focus", () => {
log.info("[AutoUpdater] Window focused - checking for updates")
diff --git a/src/main/lib/claude-config.ts b/src/main/lib/claude-config.ts
deleted file mode 100644
index 1f907522..00000000
--- a/src/main/lib/claude-config.ts
+++ /dev/null
@@ -1,291 +0,0 @@
-/**
- * Helpers for reading and writing ~/.claude.json configuration
- */
-import { Mutex } from "async-mutex"
-import { eq } from "drizzle-orm"
-import { existsSync, readFileSync, writeFileSync } from "fs"
-import * as fs from "fs/promises"
-import * as os from "os"
-import * as path from "path"
-import { getDatabase } from "./db"
-import { chats, projects } from "./db/schema"
-
-/**
- * Mutex for protecting read-modify-write operations on ~/.claude.json
- * This prevents race conditions when multiple concurrent operations
- * (e.g., token refreshes for different MCP servers) try to update the config.
- */
-const configMutex = new Mutex()
-
-export const CLAUDE_CONFIG_PATH = path.join(os.homedir(), ".claude.json")
-
-export interface McpServerConfig {
- command?: string
- args?: string[]
- url?: string
- authType?: "oauth" | "bearer" | "none"
- _oauth?: {
- accessToken: string
- refreshToken?: string
- clientId?: string
- expiresAt?: number
- }
- [key: string]: unknown
-}
-
-export interface ProjectConfig {
- mcpServers?: RecordMCP Server authenticated
-You can close this tab
-
- ➜
- ~
- ${content}
-
`;
- }).join('\n');
-
- const progressSection = autoClose ? `
-
-
` : '';
-
- const autoCloseScript = autoClose ? `
- // Countdown Logic
- setTimeout(() => {
- const duration = 3000;
- const start = Date.now();
- const progressFill = document.getElementById('progress-fill');
- const countdownText = document.getElementById('countdown-text');
-
- const tick = () => {
- const elapsed = Date.now() - start;
- const remaining = Math.max(0, duration - elapsed);
- const percent = Math.min(100, (elapsed / duration) * 100);
-
- if(progressFill) progressFill.style.width = percent + '%';
- if(countdownText) countdownText.textContent = (remaining / 1000).toFixed(1) + 's';
-
- if (elapsed < duration) {
- requestAnimationFrame(tick);
- } else {
- window.close();
- }
- };
-
- requestAnimationFrame(tick);
- }, 2200);` : '';
-
- const logoColor = isSuccess ? 'var(--blue)' : 'var(--red)';
- const logoGlow = isSuccess
- ? 'rgba(122, 162, 247, 0.3)'
- : 'rgba(247, 118, 142, 0.3)';
-
- return `
-
-
-
-
-
- Session Autokill
- 3.0s
-
-
-
-
-
-
-
-
-
-`;
-}
-
-// Generate PKCE code verifier and challenge
-export function generatePKCE(): { verifier: string; challenge: string } {
- const verifier = randomBytes(32).toString('base64url');
- const challenge = createHash('sha256').update(verifier).digest('base64url');
- return { verifier, challenge };
-}
-
-// Generate random state for CSRF protection
-export function generateState(): string {
- return randomBytes(16).toString('hex');
-}
-
-export class CraftOAuth {
- private config: OAuthConfig;
- private server: Server | null = null;
- private callbacks: OAuthCallbacks;
-
- constructor(config: OAuthConfig, callbacks: OAuthCallbacks) {
- this.config = config;
- this.callbacks = callbacks;
- }
-
- // Get OAuth server metadata
- private async getServerMetadata(): Promise<{
- authorization_endpoint: string;
- token_endpoint: string;
- registration_endpoint?: string;
- }> {
- const metadataUrl = `${this.config.mcpBaseUrl}/.well-known/oauth-authorization-server`;
-
- const response = await fetch(metadataUrl);
- if (!response.ok) {
- throw new Error(`Failed to get OAuth metadata: ${response.status}`);
- }
-
- return response.json() as Promise<{
- authorization_endpoint: string;
- token_endpoint: string;
- registration_endpoint?: string;
- }>;
- }
-
- // Register OAuth client dynamically
- private async registerClient(registrationEndpoint: string, clientName: string): Promise<{
- client_id: string;
- client_secret?: string;
- }> {
- const redirectUri = this.config.redirectUri || `http://localhost:${CALLBACK_PORT}${CALLBACK_PATH}`;
-
- const response = await fetch(registrationEndpoint, {
- method: 'POST',
- headers: { 'Content-Type': 'application/json' },
- body: JSON.stringify({
- client_name: clientName,
- redirect_uris: [redirectUri],
- grant_types: ['authorization_code', 'refresh_token'],
- response_types: ['code'],
- token_endpoint_auth_method: 'none', // Public client
- }),
- });
-
- if (!response.ok) {
- const error = await response.text();
- throw new Error(`Failed to register OAuth client: ${error}`);
- }
-
- return response.json() as Promise<{
- client_id: string;
- client_secret?: string;
- }>;
- }
-
- // Exchange authorization code for tokens
- private async exchangeCodeForTokens(
- tokenEndpoint: string,
- code: string,
- codeVerifier: string,
- clientId: string,
- redirectUri?: string,
- clientSecret?: string
- ): Promise
-
-
-
-
-
-
+
+
+ {/* Backdrop */}
+
+
+ {/* Dialog */}
+
,
+ document.body
+ )
+}
diff --git a/src/renderer/components/dialogs/agents-settings-dialog.tsx b/src/renderer/components/dialogs/agents-settings-dialog.tsx
new file mode 100644
index 00000000..8485f607
--- /dev/null
+++ b/src/renderer/components/dialogs/agents-settings-dialog.tsx
@@ -0,0 +1,533 @@
+import { useAtom } from "jotai"
+import { useEffect, useState, useMemo } from "react"
+import { createPortal } from "react-dom"
+import { AnimatePresence, motion } from "motion/react"
+import { X, ChevronLeft, ChevronRight, FolderOpen } from "lucide-react"
+import { cn } from "../../lib/utils"
+import { agentsSettingsDialogActiveTabAtom, type SettingsTab } from "../../lib/atoms"
+import {
+ ProfileIconFilled,
+ EyeOpenFilledIcon,
+ SlidersFilledIcon,
+ SettingsIcon,
+} from "../../icons"
+import { SkillIconFilled, CustomAgentIconFilled, OriginalMCPIcon, BrainFilledIcon, FlaskFilledIcon, BugFilledIcon } from "../ui/icons"
+import { AgentsAppearanceTab } from "./settings-tabs/agents-appearance-tab"
+import { AgentsProfileTab } from "./settings-tabs/agents-profile-tab"
+import { AgentsPreferencesTab } from "./settings-tabs/agents-preferences-tab"
+import { AgentsDebugTab } from "./settings-tabs/agents-debug-tab"
+import { AgentsSkillsTab } from "./settings-tabs/agents-skills-tab"
+import { AgentsCustomAgentsTab } from "./settings-tabs/agents-custom-agents-tab"
+import { AgentsModelsTab } from "./settings-tabs/agents-models-tab"
+import { AgentsMcpTab } from "./settings-tabs/agents-mcp-tab"
+import { AgentsBetaTab } from "./settings-tabs/agents-beta-tab"
+import { AgentsProjectWorktreeTab } from "./settings-tabs/agents-project-worktree-tab"
+import { trpc } from "../../lib/trpc"
+
+// Hook to detect narrow screen
+function useIsNarrowScreen(): boolean {
+ const [isNarrow, setIsNarrow] = useState(false)
+
+ useEffect(() => {
+ const checkWidth = () => {
+ setIsNarrow(window.innerWidth <= 768)
+ }
+
+ checkWidth()
+ window.addEventListener("resize", checkWidth)
+ return () => window.removeEventListener("resize", checkWidth)
+ }, [])
+
+ return isNarrow
+}
+
+// Check if we're in development mode
+const isDevelopment = process.env.NODE_ENV === "development"
+
+interface AgentsSettingsDialogProps {
+ isOpen: boolean
+ onClose: () => void
+}
+
+// Main settings tabs
+const MAIN_TABS = [
+ {
+ id: "profile" as SettingsTab,
+ label: "Account",
+ icon: ProfileIconFilled,
+ description: "Manage your account settings",
+ },
+ {
+ id: "appearance" as SettingsTab,
+ label: "Appearance",
+ icon: EyeOpenFilledIcon,
+ description: "Theme settings",
+ },
+ {
+ id: "preferences" as SettingsTab,
+ label: "Preferences",
+ icon: SlidersFilledIcon,
+ description: "Claude behavior settings",
+ },
+ {
+ id: "models" as SettingsTab,
+ label: "Models",
+ icon: BrainFilledIcon,
+ description: "Model overrides and Claude Code auth",
+ },
+]
+
+// Advanced/experimental tabs
+const ADVANCED_TABS = [
+ {
+ id: "skills" as SettingsTab,
+ label: "Skills",
+ icon: SkillIconFilled,
+ description: "Custom Claude skills",
+ },
+ {
+ id: "agents" as SettingsTab,
+ label: "Custom Agents",
+ icon: CustomAgentIconFilled,
+ description: "Manage custom Claude agents",
+ },
+ {
+ id: "mcp" as SettingsTab,
+ label: "MCP Servers",
+ icon: OriginalMCPIcon,
+ description: "Model Context Protocol servers",
+ },
+ {
+ id: "beta" as SettingsTab,
+ label: "Beta",
+ icon: FlaskFilledIcon,
+ description: "Experimental features",
+ },
+ // Debug tab - always shown in desktop for development
+ ...(isDevelopment
+ ? [
+ {
+ id: "debug" as SettingsTab,
+ label: "Debug",
+ icon: BugFilledIcon,
+ description: "Test first-time user experience",
+ },
+ ]
+ : []),
+]
+
+interface TabButtonProps {
+ tab: {
+ id: SettingsTab
+ label: string
+ icon: React.ComponentType<{ className?: string }> | any
+ description?: string
+ beta?: boolean
+ }
+ isActive: boolean
+ onClick: () => void
+ isNarrow?: boolean
+}
+
+function TabButton({ tab, isActive, onClick, isNarrow }: TabButtonProps) {
+ const Icon = tab.icon
+ const isBeta = "beta" in tab && tab.beta
+ // Check if this is a project tab (has projectId property)
+ const isProjectTab = "projectId" in tab
+
+ return (
+
+ )
+}
+
+export function AgentsSettingsDialog({
+ isOpen,
+ onClose,
+}: AgentsSettingsDialogProps) {
+ const [activeTab, setActiveTab] = useAtom(agentsSettingsDialogActiveTabAtom)
+ const [mounted, setMounted] = useState(false)
+ const [portalTarget, setPortalTarget] = useState
+
+
+
+ Rename Agent
+ + +
+ )
+ return GitHubIcon
+ })()
+ : FolderOpen,
+ description: `Worktree setup for ${project.name}`,
+ projectId: project.id,
+ }))
+ }, [projects])
+
+ // All tabs combined for lookups
+ const ALL_TABS = useMemo(
+ () => [...MAIN_TABS, ...ADVANCED_TABS, ...projectTabs],
+ [projectTabs]
+ )
+
+ // Helper to get tab label from tab id
+ const getTabLabel = (tabId: SettingsTab): string => {
+ return ALL_TABS.find((t) => t.id === tabId)?.label ?? "Settings"
+ }
+
+ // Narrow screen: track whether we're showing tab list or content
+ const [showContent, setShowContent] = useState(false)
+
+ // Reset content view when dialog closes
+ useEffect(() => {
+ if (!isOpen) {
+ setShowContent(false)
+ }
+ }, [isOpen])
+
+ // Handle keyboard navigation
+ useEffect(() => {
+ if (!isOpen) return
+
+ const handleKeyDown = (event: KeyboardEvent) => {
+ if (event.key === "Escape") {
+ event.preventDefault()
+ if (isNarrowScreen && showContent) {
+ setShowContent(false)
+ } else {
+ onClose()
+ }
+ }
+ }
+
+ document.addEventListener("keydown", handleKeyDown)
+ return () => document.removeEventListener("keydown", handleKeyDown)
+ }, [isOpen, onClose, isNarrowScreen, showContent])
+
+ // Ensure portal target only accessed on client
+ useEffect(() => {
+ setMounted(true)
+ if (typeof document !== "undefined") {
+ setPortalTarget(document.body)
+ }
+ }, [])
+
+ const handleTabClick = (tabId: SettingsTab) => {
+ setActiveTab(tabId)
+ if (isNarrowScreen) {
+ setShowContent(true)
+ }
+ }
+
+ const renderTabContent = () => {
+ // Handle dynamic project tabs
+ if (activeTab.startsWith('project-')) {
+ const projectId = activeTab.replace('project-', '')
+ return
+ {/* Main tabs */}
+
+ )
+
+ if (!mounted || !portalTarget) return null
+
+ // Narrow screen: Full-screen overlay with two-screen navigation
+ if (isNarrowScreen) {
+ if (!isOpen) return null
+
+ return createPortal(
+ <>
+ {/* Full-screen settings panel */}
+
+ {MAIN_TABS.map((tab) => (
+ handleTabClick(tab.id)}
+ isNarrow={isNarrowScreen}
+ />
+ ))}
+
+
+ {/* Separator */}
+
+
+ {/* Advanced tabs */}
+
+ {ADVANCED_TABS.map((tab) => (
+ handleTabClick(tab.id)}
+ isNarrow={isNarrowScreen}
+ />
+ ))}
+
+
+ {/* Project tabs */}
+ {projectTabs.length > 0 && (
+ <>
+ {/* Separator */}
+
+
+
+ {projectTabs.map((tab) => (
+ handleTabClick(tab.id)}
+ isNarrow={isNarrowScreen}
+ />
+ ))}
+
+
+ )}
+
+ {/* Header */}
+
+ ,
+ portalTarget,
+ )
+ }
+
+ // Wide screen: Centered modal with sidebar
+ return createPortal(
+
+ {showContent && (
+
+ )}
+
+
+ {/* Content */}
+ + {showContent ? getTabLabel(activeTab) : "Settings"} +
+ +
+ {showContent ? (
+
+
+ {renderTabContent()}
+
+ ) : (
+
+ {renderTabList()}
+
+ )}
+
+
+
+
+
+ )}
+ + Settings +
+ +
+ {/* Left Sidebar - Tabs */}
+
+
+ {/* Close Button */}
+
+
+
+
+ {/* Right Content Area */}
+ + Settings +
+ + {/* Main Tabs */} +
+ {MAIN_TABS.map((tab) => (
+ setActiveTab(tab.id)}
+ />
+ ))}
+
+
+ {/* Separator */}
+
+
+ {/* Advanced Tabs */}
+
+ {ADVANCED_TABS.map((tab) => (
+ setActiveTab(tab.id)}
+ />
+ ))}
+
+
+ {/* Project Tabs */}
+ {projectTabs.length > 0 && (
+ <>
+ {/* Separator */}
+
+
+
+ {projectTabs.map((tab) => (
+ setActiveTab(tab.id)}
+ />
+ ))}
+
+
+ )}
+
+
+
+ {renderTabContent()}
+
+
+ {shortcut.label}
+
+ )
+}
+
+// Desktop app shortcuts (simplified)
+const GENERAL_SHORTCUTS: Shortcut[] = [
+ { label: "Show shortcuts", keys: ["?"] },
+ { label: "Settings", keys: ["cmd", ","] },
+ { label: "Toggle sidebar", keys: ["cmd", "\\"] },
+ { label: "Undo archive", keys: ["cmd", "Z"] },
+]
+
+// Dynamic shortcuts based on ctrlTabTarget preference
+function getWorkspaceShortcuts(
+ ctrlTabTarget: "workspaces" | "agents",
+): Shortcut[] {
+ return [
+ { label: "New workspace", keys: ["cmd", "N"] },
+ { label: "Search workspaces", keys: ["cmd", "K"] },
+ { label: "Archive current workspace", keys: ["cmd", "E"] },
+ {
+ label: "Quick switch workspaces",
+ keys:
+ ctrlTabTarget === "workspaces" ? ["ctrl", "Tab"] : ["opt", "ctrl", "Tab"],
+ },
+ ]
+}
+
+function getAgentShortcuts(
+ ctrlTabTarget: "workspaces" | "agents",
+): Shortcut[] {
+ return [
+ // Creation & Management (mirrors Workspaces order)
+ { label: "Create new agent", keys: ["cmd", "T"] },
+ { label: "Search chats", keys: ["/"] },
+ { label: "Search text in current chat", keys: ["cmd", "F"] },
+ { label: "Archive current agent", keys: ["cmd", "W"] },
+ // Navigation
+ {
+ label: "Quick switch agents",
+ keys:
+ ctrlTabTarget === "workspaces" ? ["opt", "ctrl", "Tab"] : ["ctrl", "Tab"],
+ },
+ {
+ label: "Previous / Next agent",
+ keys: ["cmd", "["],
+ altKeys: ["cmd", "]"],
+ },
+ // Interaction
+ { label: "Focus input", keys: ["Enter"] },
+ { label: "Toggle focus", keys: ["cmd", "Esc"] },
+ { label: "Stop generation", keys: ["Esc"], altKeys: ["ctrl", "C"] },
+ { label: "Switch model", keys: ["cmd", "/"] },
+ // Tools
+ { label: "Toggle terminal", keys: ["cmd", "J"] },
+ { label: "Open diff", keys: ["cmd", "D"] },
+ { label: "Create PR", keys: ["cmd", "P"] },
+ ]
+}
+
+export function AgentsShortcutsDialog({
+ isOpen,
+ onClose,
+}: AgentsShortcutsDialogProps) {
+ const ctrlTabTarget = useAtomValue(ctrlTabTargetAtom)
+
+ // Memoize shortcuts based on preference
+ const workspaceShortcuts = useMemo(
+ () => getWorkspaceShortcuts(ctrlTabTarget),
+ [ctrlTabTarget],
+ )
+ const agentShortcuts = useMemo(
+ () => getAgentShortcuts(ctrlTabTarget),
+ [ctrlTabTarget],
+ )
+
+ // Handle ESC key to close dialog
+ useEffect(() => {
+ if (!isOpen) return
+
+ const handleKeyDown = (e: KeyboardEvent) => {
+ if (e.key === "Escape") {
+ e.preventDefault()
+ onClose()
+ }
+ }
+
+ window.addEventListener("keydown", handleKeyDown)
+ return () => window.removeEventListener("keydown", handleKeyDown)
+ }, [isOpen, onClose])
+
+ const portalTarget = typeof document !== "undefined" ? document.body : null
+ if (!portalTarget) return null
+
+ return createPortal(
+
+ {shortcut.keys.map((key, index) => (
+
+
+ e.stopPropagation()}
+ >
+
+
+