npm - @phenx-inc/ctlsurf - Versions diffs - 0.3.7 → 0.3.8 - Mend

@phenx-inc/ctlsurf 0.3.7 → 0.3.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (34) hide show

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

@@ -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} RENAMED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@phenx-inc/ctlsurf",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -32,6 +32,7 @@ export interface SettingsData {
   ctlsurfApiKey?: string
   ctlsurfBaseUrl?: string
   ctlsurfDataspacePageId?: string
+  logChat?: boolean
 }
 export interface OrchestratorEvents {
@@ -84,6 +85,7 @@ export class Orchestrator {
   private settings: SettingsData = {
     activeProfile: 'production',
     profiles: { ...DEFAULT_PROFILES },
+    logChat: false,
   }
   constructor(settingsDir: string, events: OrchestratorEvents) {
@@ -122,6 +124,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 +199,7 @@ export class Orchestrator {
                 dataspacePageId: raw.ctlsurfDataspacePageId || '',
               },
             },
+            logChat: !!raw.logChat,
           }
           this.saveSettings()
           log('[settings] Migrated legacy settings to profiles')
@@ -187,16 +208,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 +380,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)

package/src/main/tui.ts CHANGED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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>

package/src/renderer/styles.css CHANGED Viewed

@@ -821,6 +821,22 @@ html, body, #root {
   color: #414868;
 }
+.agent-picker-option {
+  margin-top: 16px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 12px;
+  color: #a9b1d6;
+  cursor: pointer;
+  user-select: none;
+}
+.agent-picker-option input[type="checkbox"] {
+  cursor: pointer;
+  accent-color: #7aa2f7;
+}
 /* Settings dialog */
 .settings-overlay {
   position: fixed;