@phenx-inc/ctlsurf 0.3.7 → 0.3.9

package/out/renderer/assets/{javascript-DZzW2adn.js → javascript-CcarFzBL.js}

@@ -1,5 +1,5 @@
-import { conf as conf$1, language as language$1 } from "./typescript-DZYDQEUb.js";
-import "./index-DNqZidnO.js";
+import { conf as conf$1, language as language$1 } from "./typescript-BX6guVRK.js";
+import "./index-D23nru43.js";
 const conf = conf$1;
 const language = {
   // Set defaultToken to invalid to see what you do not tokenize yet

package/out/renderer/assets/{jsonMode-D_Wv7XH8.js → jsonMode-BvF-xK9U.js}

@@ -1,6 +1,6 @@
-import { c as createWebWorker, l as languages, e as editor } from "./index-DNqZidnO.js";
-import { f as DocumentFormattingEditProvider, g as DocumentRangeFormattingEditProvider, C as CompletionAdapter, H as HoverAdapter, b as DocumentSymbolAdapter, d as DocumentColorAdapter, F as FoldingRangeAdapter, S as SelectionRangeAdapter, e as DiagnosticsAdapter } from "./lspLanguageFeatures-BgMd-KJk.js";
-import { a, D, h, R, c, i, j, t, k } from "./lspLanguageFeatures-BgMd-KJk.js";
+import { c as createWebWorker, l as languages, e as editor } from "./index-D23nru43.js";
+import { f as DocumentFormattingEditProvider, g as DocumentRangeFormattingEditProvider, C as CompletionAdapter, H as HoverAdapter, b as DocumentSymbolAdapter, d as DocumentColorAdapter, F as FoldingRangeAdapter, S as SelectionRangeAdapter, e as DiagnosticsAdapter } from "./lspLanguageFeatures-B9aNeatS.js";
+import { a, D, h, R, c, i, j, t, k } from "./lspLanguageFeatures-B9aNeatS.js";
 const STOP_WHEN_IDLE_FOR = 2 * 60 * 1e3;
 class WorkerManager {
   constructor(defaults) {

package/out/renderer/assets/{liquid-BJAHAm2T.js → liquid-CHLtUKl2.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-DNqZidnO.js";
+import { l as languages } from "./index-D23nru43.js";
 const EMPTY_ELEMENTS = [
   "area",
   "base",

package/out/renderer/assets/{lspLanguageFeatures-BgMd-KJk.js → lspLanguageFeatures-B9aNeatS.js}

@@ -1,4 +1,4 @@
-import { R as Range$1, l as languages, e as editor, U as Uri, M as MarkerSeverity } from "./index-DNqZidnO.js";
+import { R as Range$1, l as languages, e as editor, U as Uri, M as MarkerSeverity } from "./index-D23nru43.js";
 var DocumentUri;
 (function(DocumentUri2) {
   function is(value) {

package/out/renderer/assets/{mdx-B6Zod3ry.js → mdx-HGDrkifZ.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-DNqZidnO.js";
+import { l as languages } from "./index-D23nru43.js";
 const conf = {
   comments: {
     blockComment: ["{/*", "*/}"]

package/out/renderer/assets/{python-Cgt13-KH.js → python-B_dPzjJ6.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-DNqZidnO.js";
+import { l as languages } from "./index-D23nru43.js";
 const conf = {
   comments: {
     lineComment: "#",

package/out/renderer/assets/{razor-BcwFJGYS.js → razor-CHheM4ot.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-DNqZidnO.js";
+import { l as languages } from "./index-D23nru43.js";
 const EMPTY_ELEMENTS = [
   "area",
   "base",

package/out/renderer/assets/{tsMode-BTjzM6fl.js → tsMode-CdC3i1gG.js}

@@ -1,4 +1,4 @@
-import { c as createWebWorker, e as editor, U as Uri, a as MarkerTag, M as MarkerSeverity, l as languages, t as typescriptDefaults, R as Range } from "./index-DNqZidnO.js";
+import { c as createWebWorker, e as editor, U as Uri, a as MarkerTag, M as MarkerSeverity, l as languages, t as typescriptDefaults, R as Range } from "./index-D23nru43.js";
 class WorkerManager {
   constructor(_modeId, _defaults) {
     this._modeId = _modeId;

package/out/renderer/assets/{typescript-DZYDQEUb.js → typescript-BX6guVRK.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-DNqZidnO.js";
+import { l as languages } from "./index-D23nru43.js";
 const conf = {
   wordPattern: /(-?\d*\.\d\w*)|([^\`\~\!\@\#\%\^\&\*\(\)\-\=\+\[\{\]\}\\\|\;\:\'\"\,\.\<\>\/\?\s]+)/g,
   comments: {

package/out/renderer/assets/{xml-CloiUoIW.js → xml-CpS-pOPE.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-DNqZidnO.js";
+import { l as languages } from "./index-D23nru43.js";
 const conf = {
   comments: {
     blockComment: ["<!--", "-->"]

package/out/renderer/assets/{yaml-CdKdpE-z.js → yaml-Du0AjOHW.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-DNqZidnO.js";
+import { l as languages } from "./index-D23nru43.js";
 const conf = {
   comments: {
     lineComment: "#"

package/out/renderer/index.html

@@ -4,8 +4,8 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>ctlsurf-worker</title>
-  <script type="module" crossorigin src="./assets/index-DNqZidnO.js"></script>
-  <link rel="stylesheet" crossorigin href="./assets/index-D6JBcQ20.css">
+  <script type="module" crossorigin src="./assets/index-D23nru43.js"></script>
+  <link rel="stylesheet" crossorigin href="./assets/index-65hyKM_8.css">
 </head>
 <body>
   <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phenx-inc/ctlsurf",
-  "version": "0.3.7",
+  "version": "0.3.9",
   "description": "Agent-agnostic terminal and desktop app for ctlsurf — run Claude Code, Codex, or any coding agent with live session logging and remote control",
   "main": "out/main/index.js",
   "bin": {

package/src/main/bridge.ts

@@ -13,6 +13,7 @@ import { SerializeAddon } from '@xterm/addon-serialize'
 export class ConversationBridge {
   private wsClient: WorkerWsClient | null = null
   private sessionActive: boolean = false
+  private loggingEnabled: boolean = false
   private inputBuffer: string = ''
   private outputBuffer: string = ''
   private outputFlushTimer: ReturnType<typeof setTimeout> | null = null
@@ -24,7 +25,12 @@ export class ConversationBridge {
     this.wsClient = ws
   }
 
+  setLoggingEnabled(enabled: boolean): void {
+    this.loggingEnabled = enabled
+  }
+
   startSession(): void {
+    if (!this.loggingEnabled) return
     this.clearOutputTimers()
     this.outputBuffer = ''
     this.inputBuffer = ''
@@ -34,7 +40,7 @@ export class ConversationBridge {
   }
 
   feedOutput(data: string): void {
-    if (!this.sessionActive) return
+    if (!this.sessionActive || !this.loggingEnabled) return
 
     this.outputBuffer += data
     this.terminalCapture.write(data)
@@ -42,7 +48,7 @@ export class ConversationBridge {
   }
 
   feedInput(data: string): void {
-    if (!this.sessionActive) return
+    if (!this.sessionActive || !this.loggingEnabled) return
     this.inputBuffer += data
 
     if (data.includes('\r') || data.includes('\n')) {
@@ -71,7 +77,7 @@ export class ConversationBridge {
   }
 
   private sendEntry(type: string, content: string): void {
-    if (!this.wsClient) return
+    if (!this.wsClient || !this.loggingEnabled) return
     this.wsClient.sendChatLog({
       ts: new Date().toISOString(),
       type,

package/src/main/headless.ts

@@ -23,8 +23,19 @@ process.on('uncaughtException', (err) => {
 
 import { Orchestrator } from './orchestrator'
 import { getSettingsDir } from './settingsDir'
-import { getBuiltinAgents, getDefaultAgent, isCodingAgent, type AgentConfig } from './agents'
+import { getBuiltinAgents, isCodingAgent, type AgentConfig } from './agents'
 import { Tui } from './tui'
+import { fetchLatestNpmVersion, compareSemver, NPM_PACKAGE } from './updateCheck'
+
+function getCurrentVersion(): string {
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    const pkg = require('../../package.json')
+    return typeof pkg?.version === 'string' ? pkg.version : '0.0.0'
+  } catch {
+    return '0.0.0'
+  }
+}
 
 // ─── CLI arg parsing ──────────────────────────────
 
@@ -63,10 +74,28 @@ function parseArgs(argv: string[]): CliArgs {
 
 // ─── Main ─────────────────────────────────────────
 
+async function checkVersionAndNotify(): Promise<void> {
+  const current = getCurrentVersion()
+  const latest = await fetchLatestNpmVersion(3000)
+  if (!latest) return
+  if (compareSemver(latest, current) <= 0) return
+
+  const Y = '\x1b[33m'
+  const G = '\x1b[32m'
+  const D = '\x1b[90m'
+  const R = '\x1b[0m'
+  process.stdout.write(
+    `\n${Y}A new version of ctlsurf is available${R} ${D}(${current} → ${latest})${R}\n` +
+    `  Update: ${G}npm i -g ${NPM_PACKAGE}${R}\n\n`
+  )
+}
+
 async function main() {
   const args = parseArgs(process.argv.slice(2))
   const settingsDir = getSettingsDir(false)
 
+  await checkVersionAndNotify()
+
   const tui = new Tui()
   const agents = getBuiltinAgents()
 
@@ -115,9 +144,13 @@ async function main() {
     }
   } else {
     const initialTrackTime = orchestrator.getActiveProfile().trackTime !== false
-    const picked = await tui.showAgentPicker(agents, { initialTrackTime })
+    const initialLogChat = orchestrator.logChatEnabled
+    const picked = await tui.showAgentPicker(agents, { initialTrackTime, initialLogChat })
     agent = agents[picked.agentIdx]
     trackTimeOverride = picked.trackTime
+    if (picked.logChat !== orchestrator.logChatEnabled) {
+      orchestrator.setLogChat(picked.logChat)
+    }
   }
 
   // ─── Start TUI + agent ─────────────────────────

package/src/main/index.ts

@@ -1,7 +1,8 @@
 import { app, BrowserWindow, ipcMain, dialog, nativeImage } from 'electron'
 import path from 'path'
 import fs from 'fs'
-import https from 'https'
+
+import { fetchLatestNpmVersion, compareSemver } from './updateCheck'
 
 // Prevent EPIPE crashes when stdout pipe is closed
 process.stdout?.on?.('error', () => {})
@@ -177,7 +178,6 @@ ipcMain.handle('app:browseCwd', async () => {
 
 // ─── Version + npm update check ───────────────────
 
-const NPM_PACKAGE = '@phenx-inc/ctlsurf'
 const UPDATE_CHECK_INTERVAL_MS = 6 * 60 * 60 * 1000 // 6 hours
 
 interface UpdateInfo {
@@ -194,43 +194,6 @@ let updateInfo: UpdateInfo = {
   checkedAt: null,
 }
 
-function compareSemver(a: string, b: string): number {
-  const pa = a.split('.').map(n => parseInt(n, 10) || 0)
-  const pb = b.split('.').map(n => parseInt(n, 10) || 0)
-  for (let i = 0; i < 3; i++) {
-    const ai = pa[i] || 0
-    const bi = pb[i] || 0
-    if (ai !== bi) return ai - bi
-  }
-  return 0
-}
-
-function fetchLatestNpmVersion(): Promise<string | null> {
-  return new Promise((resolve) => {
-    const url = `https://registry.npmjs.org/${encodeURIComponent(NPM_PACKAGE)}/latest`
-    const req = https.get(url, { headers: { 'Accept': 'application/json' } }, (res) => {
-      if (res.statusCode !== 200) {
-        res.resume()
-        resolve(null)
-        return
-      }
-      let body = ''
-      res.setEncoding('utf8')
-      res.on('data', (chunk) => { body += chunk })
-      res.on('end', () => {
-        try {
-          const json = JSON.parse(body)
-          resolve(typeof json?.version === 'string' ? json.version : null)
-        } catch {
-          resolve(null)
-        }
-      })
-    })
-    req.on('error', () => resolve(null))
-    req.setTimeout(8000, () => { req.destroy(); resolve(null) })
-  })
-}
-
 async function checkForUpdate(): Promise<void> {
   const latest = await fetchLatestNpmVersion()
   updateInfo = {
@@ -381,6 +344,14 @@ ipcMain.handle('profiles:save', (_event, id: string, data: any) => {
 ipcMain.handle('profiles:switch', (_event, id: string) => orchestrator.switchProfile(id))
 ipcMain.handle('profiles:delete', (_event, id: string) => orchestrator.deleteProfile(id))
 
+// ─── Chat logging IPC ─────────────────────────────
+
+ipcMain.handle('logchat:get', () => ({ enabled: orchestrator.logChatEnabled }))
+ipcMain.handle('logchat:set', (_event, enabled: boolean) => {
+  orchestrator.setLogChat(!!enabled)
+  return { enabled: orchestrator.logChatEnabled }
+})
+
 // ─── Tracking IPC ─────────────────────────────────
 
 ipcMain.handle('tracking:get', () => ({ active: orchestrator.isActiveTabTracking() }))

package/src/main/orchestrator.ts

@@ -32,6 +32,7 @@ export interface SettingsData {
   ctlsurfApiKey?: string
   ctlsurfBaseUrl?: string
   ctlsurfDataspacePageId?: string
+  logChat?: boolean
 }
 
 export interface OrchestratorEvents {
@@ -65,6 +66,7 @@ const DEFAULT_PROFILES: Record<string, Profile> = {
 }
 
 const TERM_STREAM_INTERVAL_MS = 50
+const NO_PROJECT_POLL_MS = 5_000
 
 export class Orchestrator {
   private settingsDir: string
@@ -84,7 +86,10 @@ export class Orchestrator {
   private settings: SettingsData = {
     activeProfile: 'production',
     profiles: { ...DEFAULT_PROFILES },
+    logChat: false,
   }
+  private noProjectPollTimer: ReturnType<typeof setInterval> | null = null
+  private noProjectPollCwd: string | null = null
 
   constructor(settingsDir: string, events: OrchestratorEvents) {
     this.settingsDir = settingsDir
@@ -113,6 +118,11 @@ export class Orchestrator {
         events.onWorkerRegistered(data)
         if (!data.folder_id) {
           events.onWorkerStatus('no_project')
+          if (this.currentCwd && data.status !== 'pending_approval') {
+            this.startNoProjectPolling(this.currentCwd)
+          }
+        } else {
+          this.stopNoProjectPolling()
         }
       },
       onTerminalInput: (data: string) => {
@@ -122,6 +132,24 @@ export class Orchestrator {
     })
 
     this.bridge.setWsClient(this.workerWs)
+    this.bridge.setLoggingEnabled(!!this.settings.logChat)
+  }
+
+  // ─── Chat logging ───────────────────────────────
+
+  get logChatEnabled(): boolean {
+    return !!this.settings.logChat
+  }
+
+  setLogChat(enabled: boolean): void {
+    this.settings.logChat = enabled
+    this.saveSettings()
+    this.bridge.setLoggingEnabled(enabled)
+    if (!enabled) {
+      this.bridge.endSession()
+    } else if (this.activeTabId) {
+      this.bridge.startSession()
+    }
   }
 
   // ─── Settings ───────────────────────────────────
@@ -179,6 +207,7 @@ export class Orchestrator {
                 dataspacePageId: raw.ctlsurfDataspacePageId || '',
               },
             },
+            logChat: !!raw.logChat,
           }
           this.saveSettings()
           log('[settings] Migrated legacy settings to profiles')
@@ -187,16 +216,21 @@ export class Orchestrator {
           if (!this.settings.profiles.production) {
             this.settings.profiles.production = { ...DEFAULT_PROFILES.production }
           }
+          if (this.settings.logChat === undefined) {
+            this.settings.logChat = false
+          }
         }
       }
     } catch {
       this.settings = {
         activeProfile: 'production',
         profiles: { ...DEFAULT_PROFILES },
+        logChat: false,
       }
     }
 
     this.applyProfile(this.getActiveProfile())
+    this.bridge.setLoggingEnabled(!!this.settings.logChat)
   }
 
   saveSettings(): void {
@@ -354,7 +388,9 @@ export class Orchestrator {
       if (t?.termStreamTimer) clearTimeout(t.termStreamTimer)
     })
 
-    this.bridge.startSession()
+    if (this.settings.logChat) {
+      this.bridge.startSession()
+    }
 
     const profile = this.getActiveProfile()
     const shouldTrack = opts?.trackTime !== undefined ? opts.trackTime : (profile.trackTime !== false)
@@ -370,6 +406,7 @@ export class Orchestrator {
     if (isCodingAgent(agent)) {
       this.connectWorkerWs(agent, cwd)
     } else {
+      this.stopNoProjectPolling()
       this.workerWs.disconnect()
       this.checkProjectStatus(cwd)
     }
@@ -456,6 +493,7 @@ export class Orchestrator {
       return
     }
 
+    this.stopNoProjectPolling()
     this.workerWs.connect({
       machine: os.hostname(),
       cwd,
@@ -463,6 +501,40 @@ export class Orchestrator {
     })
   }
 
+  private startNoProjectPolling(cwd: string): void {
+    if (this.noProjectPollTimer && this.noProjectPollCwd === cwd) return
+    this.stopNoProjectPolling()
+    this.noProjectPollCwd = cwd
+    log(`[worker-ws] Polling for project folder at ${cwd}`)
+    this.noProjectPollTimer = setInterval(() => { void this.checkForProjectFolder(cwd) }, NO_PROJECT_POLL_MS)
+  }
+
+  private stopNoProjectPolling(): void {
+    if (this.noProjectPollTimer) {
+      clearInterval(this.noProjectPollTimer)
+      this.noProjectPollTimer = null
+      this.noProjectPollCwd = null
+    }
+  }
+
+  private async checkForProjectFolder(cwd: string): Promise<void> {
+    if (this.currentCwd !== cwd || !this.currentAgent) {
+      this.stopNoProjectPolling()
+      return
+    }
+    if (!this.ctlsurfApi.getApiKey()) return
+    try {
+      const folder = await this.ctlsurfApi.findFolderByPath(cwd)
+      if (folder?.id && this.currentCwd === cwd && this.currentAgent) {
+        log(`[worker-ws] Project folder appeared (${folder.id}); reconnecting`)
+        const agent = this.currentAgent
+        this.stopNoProjectPolling()
+        this.workerWs.disconnect()
+        this.connectWorkerWs(agent, cwd)
+      }
+    } catch { /* ignore — retry on next tick */ }
+  }
+
   private async checkProjectStatus(cwd: string): Promise<void> {
     if (!this.ctlsurfApi.getApiKey()) {
       this.events.onWorkerStatus('no_project')
@@ -496,6 +568,7 @@ export class Orchestrator {
   // ─── Shutdown ───────────────────────────────────
 
   async shutdown(): Promise<void> {
+    this.stopNoProjectPolling()
     this.bridge.endSession()
     await this.timeTracker.endAll()
     for (const [, tab] of this.tabs) {

package/src/main/tui.ts

@@ -134,14 +134,15 @@ export class Tui {
    */
   showAgentPicker(
     agents: { name: string; description: string }[],
-    options: { initialTrackTime: boolean },
-  ): Promise<{ agentIdx: number; trackTime: boolean }> {
+    options: { initialTrackTime: boolean; initialLogChat: boolean },
+  ): Promise<{ agentIdx: number; trackTime: boolean; logChat: boolean }> {
     return new Promise((resolve) => {
       let selected = 0
       let trackTime = options.initialTrackTime
+      let logChat = options.initialLogChat
       const modalWidth = 44
-      // +4 for borders/title/sep, +2 for track-time separator + row
-      const modalHeight = agents.length + 4 + 2
+      // +4 for borders/title/sep, +3 for separator + track-time row + log-chat row
+      const modalHeight = agents.length + 4 + 3
       const startCol = Math.max(1, Math.floor((this.cols - modalWidth) / 2))
       const startRow = Math.max(1, Math.floor((this.rows - modalHeight) / 2))
 
@@ -197,10 +198,18 @@ export class Tui {
         const trackPad = ' '.repeat(Math.max(0, modalWidth - 2 - trackContentLen))
         this.write(`${CSI}${trackRow};${startCol}H${BG_MODAL}${FG_DIM}│${RESET}${BG_MODAL}${trackContent}${trackPad}${FG_DIM}│${RESET}`)
 
-        const botRow = trackRow + 1
+        const logRow = trackRow + 1
+        const logCheckbox = logChat ? `${FG_GREEN}[\u2713]${RESET}${BG_MODAL}` : `${FG_DIM}[ ]${RESET}${BG_MODAL}`
+        const logLabelFg = logChat ? FG_WHITE : FG_DIM
+        const logContent = `  ${logCheckbox} ${logLabelFg}Log chat${RESET}${BG_MODAL}`
+        const logContentLen = 2 + 3 + 1 + 'Log chat'.length
+        const logPad = ' '.repeat(Math.max(0, modalWidth - 2 - logContentLen))
+        this.write(`${CSI}${logRow};${startCol}H${BG_MODAL}${FG_DIM}\u2502${RESET}${BG_MODAL}${logContent}${logPad}${FG_DIM}\u2502${RESET}`)
+
+        const botRow = logRow + 1
         this.write(`${CSI}${botRow};${startCol}H${BG_MODAL}${FG_DIM}${botBorder}${RESET}`)
 
-        const hint = '\u2191\u2193 navigate \u00B7 Enter select \u00B7 t track \u00B7 q quit'
+        const hint = '\u2191\u2193 nav \u00B7 Enter \u00B7 t track \u00B7 l log \u00B7 q quit'
         const hintCol = Math.max(1, Math.floor((this.cols - hint.length) / 2))
         this.write(`${CSI}${botRow + 2};${hintCol}H${FG_DIM}${hint}${RESET}`)
       }
@@ -221,12 +230,15 @@ export class Tui {
         } else if (key === '\x1b[B' || key === 'j') {
           selected = (selected + 1) % agents.length
           drawModal()
-        } else if (key === 't' || key === 'T' || key === ' ') {
+        } else if (key === 't' || key === 'T') {
           trackTime = !trackTime
           drawModal()
+        } else if (key === 'l' || key === 'L') {
+          logChat = !logChat
+          drawModal()
         } else if (key === '\r' || key === '\n') {
           cleanup()
-          resolve({ agentIdx: selected, trackTime })
+          resolve({ agentIdx: selected, trackTime, logChat })
         } else if (key === 'q' || key === '\x1b' || key === '\x03') {
           cleanup()
           this.write(`${CSI}?25h`)

package/src/main/updateCheck.ts

@@ -0,0 +1,40 @@
+import https from 'https'
+
+export const NPM_PACKAGE = '@phenx-inc/ctlsurf'
+
+export function compareSemver(a: string, b: string): number {
+  const pa = a.split('.').map(n => parseInt(n, 10) || 0)
+  const pb = b.split('.').map(n => parseInt(n, 10) || 0)
+  for (let i = 0; i < 3; i++) {
+    const ai = pa[i] || 0
+    const bi = pb[i] || 0
+    if (ai !== bi) return ai - bi
+  }
+  return 0
+}
+
+export function fetchLatestNpmVersion(timeoutMs = 8000): Promise<string | null> {
+  return new Promise((resolve) => {
+    const url = `https://registry.npmjs.org/${encodeURIComponent(NPM_PACKAGE)}/latest`
+    const req = https.get(url, { headers: { 'Accept': 'application/json' } }, (res) => {
+      if (res.statusCode !== 200) {
+        res.resume()
+        resolve(null)
+        return
+      }
+      let body = ''
+      res.setEncoding('utf8')
+      res.on('data', (chunk) => { body += chunk })
+      res.on('end', () => {
+        try {
+          const json = JSON.parse(body)
+          resolve(typeof json?.version === 'string' ? json.version : null)
+        } catch {
+          resolve(null)
+        }
+      })
+    })
+    req.on('error', () => resolve(null))
+    req.setTimeout(timeoutMs, () => { req.destroy(); resolve(null) })
+  })
+}

package/src/preload/index.ts

@@ -82,6 +82,12 @@ const api = {
   setTracking: (enabled: boolean): Promise<{ active: boolean }> =>
     ipcRenderer.invoke('tracking:set', enabled),
 
+  // Chat logging (global)
+  getLogChat: (): Promise<{ enabled: boolean }> =>
+    ipcRenderer.invoke('logchat:get'),
+  setLogChat: (enabled: boolean): Promise<{ enabled: boolean }> =>
+    ipcRenderer.invoke('logchat:set', enabled),
+
   // Filesystem
   readDir: (dirPath: string): Promise<Array<{ name: string; path: string; isDirectory: boolean }>> =>
     ipcRenderer.invoke('fs:readDir', dirPath),

package/src/renderer/App.tsx

@@ -46,6 +46,8 @@ declare global {
       deleteProfile: (profileId: string) => Promise<{ ok: boolean }>
       getTracking: () => Promise<{ active: boolean }>
       setTracking: (enabled: boolean) => Promise<{ active: boolean }>
+      getLogChat: () => Promise<{ enabled: boolean }>
+      setLogChat: (enabled: boolean) => Promise<{ enabled: boolean }>
       createProject: () => Promise<{ ok: boolean; folder_id?: string; error?: string }>
       getWebviewInfo: () => Promise<{
         frontendUrl: string; pageUrl?: string; authenticated: boolean;

package/src/renderer/components/AgentPicker.tsx

@@ -1,3 +1,5 @@
+import { useEffect, useState } from 'react'
+
 interface AgentConfig {
   id: string
   name: string
@@ -14,9 +16,32 @@ interface AgentPickerProps {
 }
 
 export function AgentPicker({ agents, cwd, onSelect, onChangeCwd }: AgentPickerProps) {
-  const home = typeof window !== 'undefined' ? '' : ''
-  // Shorten home dir for display
   const displayPath = cwd.replace(/^\/Users\/[^/]+/, '~')
+  const [logChat, setLogChat] = useState(false)
+  const [loaded, setLoaded] = useState(false)
+
+  useEffect(() => {
+    let cancelled = false
+    window.worker.getLogChat().then(r => {
+      if (cancelled) return
+      setLogChat(!!r?.enabled)
+      setLoaded(true)
+    }).catch(() => setLoaded(true))
+    return () => { cancelled = true }
+  }, [])
+
+  const toggleLogChat = async () => {
+    const next = !logChat
+    setLogChat(next)
+    try { await window.worker.setLogChat(next) } catch { /* ignore */ }
+  }
+
+  const handleSelect = async (agent: AgentConfig) => {
+    if (loaded) {
+      try { await window.worker.setLogChat(logChat) } catch { /* ignore */ }
+    }
+    onSelect(agent)
+  }
 
   return (
     <div className="agent-picker-overlay">
@@ -35,13 +60,23 @@ export function AgentPicker({ agents, cwd, onSelect, onChangeCwd }: AgentPickerP
             <button
               key={a.id}
               className="agent-picker-item"
-              onClick={() => onSelect(a)}
+              onClick={() => handleSelect(a)}
             >
               <span className="agent-picker-name">{a.name}</span>
               <span className="agent-picker-desc">{a.description}</span>
             </button>
           ))}
         </div>
+
+        <label className="agent-picker-option" onClick={(e) => e.stopPropagation()}>
+          <input
+            type="checkbox"
+            checked={logChat}
+            onChange={toggleLogChat}
+          />
+          <span>Log chat to ctlsurf</span>
+        </label>
+
         <div className="agent-picker-hint">Select an agent to start</div>
       </div>
     </div>