feat: complete UI/UX polish pass from visual + interaction audit

P0 fixes:
- Explorer click now restores editor from any center panel
- Sidebar icons show active state (green left border + background)
- Editor tabs have clear active state (green bottom border)
- Agent launcher modal has backdrop overlay
- Tools panel empty state shows structured CTA with Import/Create buttons

P1 fixes:
- Right panel tabs moved from bottom to top of panel
- Terminal splitter visible (4px) with green hover
- Cost display changed from red to amber
- Reload button hidden in production (dev-only)
- Native checkbox replaced with Toggle in Env panel

Interaction fixes:
- Welcome screen has actionable Open File / Launch Agent buttons
- Save flash animation on Ctrl+S
- Agent cards have hover state + color-coded model badges
- Disabled commit button shows tooltip explaining why
- Project tab close buttons show on hover only
- Orphaned processes auto-expand when count > 0
- Dot folders dimmed in file explorer
- Status bar items grouped with visual separators

Visual polish:
- Terminal split buttons use SVG icons (not Unicode)
- Agent terminal tabs show amber dot (vs green for shells)
- Terminal + editor tabs have consistent underline accent
- Commit log has visual hierarchy (green hash, white msg, dim time)
- Plugin dashboard removes redundant Enable button (toggle only)
- DAEMON titlebar label dimmed to watermark (opacity 0.3)

Author: nullxnothing

electron/config/constants.ts

@@ -0,0 +1,37 @@
+// Centralized configuration constants — no magic numbers in service code
+
+// --- Timeouts (ms) ---
+export const TIMEOUTS = {
+  NPM_PREFIX: 3000,
+  VERSION_CHECK: 5000,
+  GIT_COMMAND: 3000,
+  FILE_TREE: 5000,
+  TYPESCRIPT_CHECK: 30000,
+  TASKLIST: 5000,
+  TASKKILL: 3000,
+  CLIPBOARD_CLEAR: 30000,
+  VERCEL_PULL: 30000,
+  TOKEN_EXPIRY_BUFFER: 60000,
+  CLI_PROMPT_DEFAULT: 60000,
+  PROMPT_FIX_CLAUDEMD: 90000,
+  PROMPT_GENERATE_CLAUDEMD: 120000,
+  SAGA_DEFAULT: 30000,
+  SAGA_WAIT: 60000,
+  ORCHESTRATED_PROMPT: 120000,
+} as const
+
+// --- Retry Config ---
+export const RETRY_CONFIG = {
+  MAX_RETRIES: 3,
+  BASE_DELAY_MS: 1000,
+  SNAPSHOT_INTERVAL_MS: 15 * 60 * 1000,
+} as const
+
+// --- API Endpoints ---
+export const API_ENDPOINTS = {
+  HELIUS_BASE: 'https://api.helius.xyz/v1',
+  COINGECKO_PRICE: 'https://api.coingecko.com/api/v3/simple/price?ids=bitcoin,solana,ethereum&vs_currencies=usd&include_24hr_change=true',
+  GOOGLE_OAUTH_TOKEN: 'https://oauth2.googleapis.com/token',
+  GOOGLE_OAUTH_AUTH: 'https://accounts.google.com/o/oauth2/v2/auth',
+  GMAIL_API_BASE: 'https://gmail.googleapis.com/gmail/v1/users/me',
+} as const

electron/ipc/plugins.ts

@@ -1,39 +1,21 @@
 import { ipcMain } from 'electron'
 import * as Plugins from '../services/PluginService'
+import { ipcHandler } from '../services/IpcHandlerFactory'
 
 export function registerPluginHandlers() {
-  ipcMain.handle('plugins:list', async () => {
-    try {
-      return { ok: true, data: Plugins.listPlugins() }
-    } catch (err) {
-      return { ok: false, error: (err as Error).message }
-    }
-  })
+  ipcMain.handle('plugins:list', ipcHandler(async () => {
+    return Plugins.listPlugins()
+  }))
 
-  ipcMain.handle('plugins:set-enabled', async (_event, id: string, enabled: boolean) => {
-    try {
-      Plugins.setPluginEnabled(id, enabled)
-      return { ok: true }
-    } catch (err) {
-      return { ok: false, error: (err as Error).message }
-    }
-  })
+  ipcMain.handle('plugins:set-enabled', ipcHandler(async (_event, id: string, enabled: boolean) => {
+    Plugins.setPluginEnabled(id, enabled)
+  }))
 
-  ipcMain.handle('plugins:set-config', async (_event, id: string, config: string) => {
-    try {
-      Plugins.setPluginConfig(id, config)
-      return { ok: true }
-    } catch (err) {
-      return { ok: false, error: (err as Error).message }
-    }
-  })
+  ipcMain.handle('plugins:set-config', ipcHandler(async (_event, id: string, config: string) => {
+    Plugins.setPluginConfig(id, config)
+  }))
 
-  ipcMain.handle('plugins:reorder', async (_event, orderedIds: string[]) => {
-    try {
-      Plugins.reorderPlugins(orderedIds)
-      return { ok: true }
-    } catch (err) {
-      return { ok: false, error: (err as Error).message }
-    }
-  })
+  ipcMain.handle('plugins:reorder', ipcHandler(async (_event, orderedIds: string[]) => {
+    Plugins.reorderPlugins(orderedIds)
+  }))
 }

electron/ipc/processes.ts

@@ -3,6 +3,7 @@ import { exec, execFile } from 'node:child_process'
 import pidusage from 'pidusage'
 import { getDb } from '../db/db'
 import { getAllSessionIds, getSession } from './terminal'
+import { TIMEOUTS } from '../config/constants'
 import type { ProcessInfo, OrphanProcess } from '../shared/types'
 
 // Track PIDs returned by the last orphan scan so process:kill can validate them

electron/ipc/recovery.ts

@@ -1,50 +1,27 @@
 import { ipcMain, BrowserWindow } from 'electron'
 import * as RecoveryService from '../services/RecoveryService'
+import { ipcHandler } from '../services/IpcHandlerFactory'
 
 export function registerRecoveryHandlers() {
-  ipcMain.handle('recovery:import-csv', async () => {
-    try {
-      const result = await RecoveryService.importCsv()
-      return { ok: true, data: result }
-    } catch (err) {
-      return { ok: false, error: (err as Error).message }
-    }
-  })
+  ipcMain.handle('recovery:import-csv', ipcHandler(async () => {
+    return await RecoveryService.importCsv()
+  }))
 
-  ipcMain.handle('recovery:scan', async () => {
-    try {
-      const win = BrowserWindow.getAllWindows()[0] ?? null
-      const data = await RecoveryService.scanWallets(win)
-      return { ok: true, data }
-    } catch (err) {
-      return { ok: false, error: (err as Error).message }
-    }
-  })
+  ipcMain.handle('recovery:scan', ipcHandler(async () => {
+    const win = BrowserWindow.getAllWindows()[0] ?? null
+    return await RecoveryService.scanWallets(win)
+  }))
 
-  ipcMain.handle('recovery:execute', async (_event, masterAddress: string) => {
-    try {
-      const win = BrowserWindow.getAllWindows()[0] ?? null
-      const result = await RecoveryService.executeRecovery(masterAddress, win)
-      return { ok: true, data: result }
-    } catch (err) {
-      return { ok: false, error: (err as Error).message }
-    }
-  })
+  ipcMain.handle('recovery:execute', ipcHandler(async (_event, masterAddress: string) => {
+    const win = BrowserWindow.getAllWindows()[0] ?? null
+    return await RecoveryService.executeRecovery(masterAddress, win)
+  }))
 
-  ipcMain.handle('recovery:status', async () => {
-    try {
-      return { ok: true, data: RecoveryService.getStatus() }
-    } catch (err) {
-      return { ok: false, error: (err as Error).message }
-    }
-  })
+  ipcMain.handle('recovery:status', ipcHandler(async () => {
+    return RecoveryService.getStatus()
+  }))
 
-  ipcMain.handle('recovery:stop', async () => {
-    try {
-      RecoveryService.stopRecovery()
-      return { ok: true }
-    } catch (err) {
-      return { ok: false, error: (err as Error).message }
-    }
-  })
+  ipcMain.handle('recovery:stop', ipcHandler(async () => {
+    RecoveryService.stopRecovery()
+  }))
 }

electron/ipc/settings.ts

@@ -1,30 +1,17 @@
 import { ipcMain } from 'electron'
 import * as Settings from '../services/SettingsService'
+import { ipcHandler } from '../services/IpcHandlerFactory'
 
 export function registerSettingsHandlers() {
-  ipcMain.handle('settings:get-ui', async () => {
-    try {
-      return { ok: true, data: Settings.getUiSettings() }
-    } catch (err) {
-      return { ok: false, error: (err as Error).message }
-    }
-  })
+  ipcMain.handle('settings:get-ui', ipcHandler(async () => {
+    return Settings.getUiSettings()
+  }))
 
-  ipcMain.handle('settings:set-show-market-tape', async (_event, enabled: boolean) => {
-    try {
-      Settings.setBooleanSetting('show_market_tape', enabled)
-      return { ok: true }
-    } catch (err) {
-      return { ok: false, error: (err as Error).message }
-    }
-  })
+  ipcMain.handle('settings:set-show-market-tape', ipcHandler(async (_event, enabled: boolean) => {
+    Settings.setBooleanSetting('show_market_tape', enabled)
+  }))
 
-  ipcMain.handle('settings:set-show-titlebar-wallet', async (_event, enabled: boolean) => {
-    try {
-      Settings.setBooleanSetting('show_titlebar_wallet', enabled)
-      return { ok: true }
-    } catch (err) {
-      return { ok: false, error: (err as Error).message }
-    }
-  })
+  ipcMain.handle('settings:set-show-titlebar-wallet', ipcHandler(async (_event, enabled: boolean) => {
+    Settings.setBooleanSetting('show_titlebar_wallet', enabled)
+  }))
 }

electron/ipc/tweets.ts

@@ -7,64 +7,35 @@ import {
   getVoiceProfile,
   updateVoiceProfile,
 } from '../services/TweetService'
+import { ipcHandler } from '../services/IpcHandlerFactory'
 import type { TweetUpdateInput } from '../shared/types'
 
 export function registerTweetHandlers() {
-  ipcMain.handle('tweets:generate', async (_event, prompt: string, mode: string, sourceTweet?: string) => {
-    try {
-      const validModes = ['original', 'reply', 'quote'] as const
-      if (!validModes.includes(mode as typeof validModes[number])) {
-        return { ok: false, error: `Invalid mode: ${mode}` }
-      }
-      const result = await generateTweet(prompt, mode as 'original' | 'reply' | 'quote', sourceTweet)
-      return { ok: true, data: result }
-    } catch (err) {
-      return { ok: false, error: (err as Error).message }
+  ipcMain.handle('tweets:generate', ipcHandler(async (_event, prompt: string, mode: string, sourceTweet?: string) => {
+    const validModes = ['original', 'reply', 'quote'] as const
+    if (!validModes.includes(mode as typeof validModes[number])) {
+      throw new Error(`Invalid mode: ${mode}`)
     }
-  })
+    return await generateTweet(prompt, mode as 'original' | 'reply' | 'quote', sourceTweet)
+  }))
 
-  ipcMain.handle('tweets:list', async (_event, limit?: number) => {
-    try {
-      const tweets = listTweets(limit)
-      return { ok: true, data: tweets }
-    } catch (err) {
-      return { ok: false, error: (err as Error).message }
-    }
-  })
+  ipcMain.handle('tweets:list', ipcHandler(async (_event, limit?: number) => {
+    return listTweets(limit)
+  }))
 
-  ipcMain.handle('tweets:update', async (_event, id: string, updates: TweetUpdateInput) => {
-    try {
-      const tweet = updateTweet(id, updates)
-      return { ok: true, data: tweet }
-    } catch (err) {
-      return { ok: false, error: (err as Error).message }
-    }
-  })
+  ipcMain.handle('tweets:update', ipcHandler(async (_event, id: string, updates: TweetUpdateInput) => {
+    return updateTweet(id, updates)
+  }))
 
-  ipcMain.handle('tweets:delete', async (_event, id: string) => {
-    try {
-      deleteTweet(id)
-      return { ok: true }
-    } catch (err) {
-      return { ok: false, error: (err as Error).message }
-    }
-  })
+  ipcMain.handle('tweets:delete', ipcHandler(async (_event, id: string) => {
+    deleteTweet(id)
+  }))
 
-  ipcMain.handle('tweets:voice-get', async () => {
-    try {
-      const profile = getVoiceProfile()
-      return { ok: true, data: profile }
-    } catch (err) {
-      return { ok: false, error: (err as Error).message }
-    }
-  })
+  ipcMain.handle('tweets:voice-get', ipcHandler(async () => {
+    return getVoiceProfile()
+  }))
 
-  ipcMain.handle('tweets:voice-update', async (_event, systemPrompt: string, examples: string[]) => {
-    try {
-      updateVoiceProfile(systemPrompt, examples)
-      return { ok: true }
-    } catch (err) {
-      return { ok: false, error: (err as Error).message }
-    }
-  })
+  ipcMain.handle('tweets:voice-update', ipcHandler(async (_event, systemPrompt: string, examples: string[]) => {
+    updateVoiceProfile(systemPrompt, examples)
+  }))
 }