@phenx-inc/ctlsurf 0.1.21 → 0.3.0

package/out/renderer/assets/{index-DK9wLFFm.css → index-CrTu3Z4M.css}

@@ -7504,6 +7504,117 @@ html, body, #root {
   overflow: hidden;
 }
 
+/* Terminal tabs wrapper */
+.terminal-tabs-wrapper {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.terminal-tab-bar {
+  display: flex;
+  align-items: center;
+  gap: 1px;
+  padding: 2px 4px;
+  background: #16161e;
+  border-bottom: 1px solid #292e42;
+  flex-shrink: 0;
+  overflow-x: auto;
+  min-height: 28px;
+}
+
+.terminal-tab {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 3px 8px;
+  font-size: 11px;
+  color: #565f89;
+  background: transparent;
+  border-radius: 4px;
+  cursor: pointer;
+  white-space: nowrap;
+  user-select: none;
+}
+
+.terminal-tab:hover {
+  background: #1f2335;
+  color: #a9b1d6;
+}
+
+.terminal-tab.active {
+  background: #1a1b26;
+  color: #c0caf5;
+}
+
+.terminal-tab-label {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.terminal-tab-dot {
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+}
+
+.terminal-tab-dot.active {
+  background: #9ece6a;
+}
+
+.terminal-tab-dot.exited {
+  background: #565f89;
+}
+
+.terminal-tab-close {
+  background: none;
+  border: none;
+  color: inherit;
+  font-size: 14px;
+  line-height: 1;
+  cursor: pointer;
+  padding: 0 2px;
+  border-radius: 3px;
+  opacity: 0.5;
+}
+
+.terminal-tab-close:hover {
+  opacity: 1;
+  background: rgba(247, 118, 142, 0.2);
+  color: #f7768e;
+}
+
+.terminal-tab-add {
+  background: none;
+  border: none;
+  color: #565f89;
+  font-size: 16px;
+  cursor: pointer;
+  padding: 2px 6px;
+  border-radius: 4px;
+  line-height: 1;
+}
+
+.terminal-tab-add:hover {
+  background: #1f2335;
+  color: #a9b1d6;
+}
+
+.terminal-tabs-content {
+  flex: 1;
+  display: flex;
+  overflow: hidden;
+}
+
+.terminal-tab-panel {
+  flex-direction: column;
+  overflow: hidden;
+}
+
 /* Terminal container */
 .terminal-container {
   width: 100%;
@@ -7793,6 +7904,27 @@ html, body, #root {
 .status-dot.idle { background: #565f89; }
 .status-dot.pending { background: #e0af68; }
 
+.tracking-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  display: inline-block;
+  vertical-align: middle;
+}
+.tracking-dot.on { background: #9ece6a; box-shadow: 0 0 4px #9ece6a; }
+.tracking-dot.off { background: #565f89; }
+
+.titlebar-icon-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 0 8px;
+}
+.tracking-icon {
+  font-size: 14px;
+  line-height: 1;
+}
+
 /* Editor panel */
 .editor-panel {
   display: flex;

package/out/renderer/assets/{javascript-CiHhG2a9.js → javascript-U5dsRcHx.js}

@@ -1,5 +1,5 @@
-import { conf as conf$1, language as language$1 } from "./typescript-422MU_YO.js";
-import "./index-DwSsD_Xm.js";
+import { conf as conf$1, language as language$1 } from "./typescript-Cvna1mak.js";
+import "./index-BnCJ1IaZ.js";
 const conf = conf$1;
 const language = {
   // Set defaultToken to invalid to see what you do not tokenize yet

package/out/renderer/assets/{jsonMode-DdDRlbXP.js → jsonMode-DshPNyVy.js}

@@ -1,6 +1,6 @@
-import { c as createWebWorker, l as languages, e as editor } from "./index-DwSsD_Xm.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-Dljhj5Gh.js";
-import { a, D, h, R, c, i, j, t, k } from "./lspLanguageFeatures-Dljhj5Gh.js";
+import { c as createWebWorker, l as languages, e as editor } from "./index-BnCJ1IaZ.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-CUafmPGy.js";
+import { a, D, h, R, c, i, j, t, k } from "./lspLanguageFeatures-CUafmPGy.js";
 const STOP_WHEN_IDLE_FOR = 2 * 60 * 1e3;
 class WorkerManager {
   constructor(defaults) {

package/out/renderer/assets/{liquid-BP5mb-uD.js → liquid-jHHLYTlB.js}

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

package/out/renderer/assets/{lspLanguageFeatures-Dljhj5Gh.js → lspLanguageFeatures-CUafmPGy.js}

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

package/out/renderer/assets/{mdx-D4u3N7dt.js → mdx-Ct-tiY6g.js}

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

package/out/renderer/assets/{python-BQDHXVwp.js → python-wD3UwKPV.js}

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

package/out/renderer/assets/{razor-BfXW9cDc.js → razor-11ECS4oH.js}

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

package/out/renderer/assets/{tsMode-BGTjG8Ow.js → tsMode-D-7JexQ_.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-DwSsD_Xm.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-BnCJ1IaZ.js";
 class WorkerManager {
   constructor(_modeId, _defaults) {
     this._modeId = _modeId;

package/out/renderer/assets/{typescript-422MU_YO.js → typescript-Cvna1mak.js}

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

package/out/renderer/assets/{xml-B6EKhHiy.js → xml-JsEaImjA.js}

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

package/out/renderer/assets/{yaml-LkO_eGYb.js → yaml-B8pCNDb_.js}

@@ -1,4 +1,4 @@
-import { l as languages } from "./index-DwSsD_Xm.js";
+import { l as languages } from "./index-BnCJ1IaZ.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-DwSsD_Xm.js"></script>
-  <link rel="stylesheet" crossorigin href="./assets/index-DK9wLFFm.css">
+  <script type="module" crossorigin src="./assets/index-BnCJ1IaZ.js"></script>
+  <link rel="stylesheet" crossorigin href="./assets/index-CrTu3Z4M.css">
 </head>
 <body>
   <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phenx-inc/ctlsurf",
-  "version": "0.1.21",
+  "version": "0.3.0",
   "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/ctlsurfApi.ts

@@ -105,6 +105,32 @@ export class CtlsurfApi {
     return folder?.pages || []
   }
 
+  async getFolder(folderId: string): Promise<any> {
+    return this.request('GET', `/folders/${folderId}`)
+  }
+
+  // ─── Datastore ───────────────────────────────────────
+
+  async getPageBlockSummaries(pageId: string): Promise<any[]> {
+    return this.request('GET', `/blocks/page/${pageId}/summary`)
+  }
+
+  async addRow(blockId: string, data: Record<string, unknown>): Promise<any> {
+    return this.request('POST', `/datastore/${blockId}/rows`, { data })
+  }
+
+  async updateRow(blockId: string, rowId: string, data: Record<string, unknown>): Promise<any> {
+    return this.request('PUT', `/datastore/${blockId}/rows/${rowId}`, { data })
+  }
+
+  async getDatastoreSchema(blockId: string): Promise<{ block_id: string; columns: Array<{ id: string; name: string; type: string }> }> {
+    return this.request('GET', `/datastore/${blockId}/schema`)
+  }
+
+  async updateDatastoreSchema(blockId: string, columns: Array<{ id: string; name: string; type: string }>): Promise<any> {
+    return this.request('PUT', `/datastore/${blockId}/schema`, { columns })
+  }
+
   async findFolderByGitRemote(gitRemote: string): Promise<any> {
     // Search folders by listing all and matching git_remote
     const folders = await this.request('GET', '/folders')

package/src/main/headless.ts

@@ -70,39 +70,13 @@ async function main() {
   const tui = new Tui()
   const agents = getBuiltinAgents()
 
-  // ─── Agent selection ────────────────────────────
-  let agent: AgentConfig
-
-  if (args.agent) {
-    const found = agents.find(a => a.id === args.agent)
-    agent = found || {
-      id: args.agent,
-      name: args.agent,
-      command: args.agent,
-      args: [],
-      description: `Custom agent: ${args.agent}`,
-    }
-  } else {
-    // Show interactive picker
-    const selectedIdx = await tui.showAgentPicker(agents)
-    agent = agents[selectedIdx]
-  }
-
-  // ─── Start TUI + agent ─────────────────────────
-
-  tui.update({
-    agentName: agent.name,
-    cwd: args.cwd,
-    mode: 'terminal',
-  })
-
-  tui.init()
+  // ─── Orchestrator (loaded early so picker can read profile defaults) ──
 
   const orchestrator = new Orchestrator(settingsDir, {
-    onPtyData: (data) => {
+    onPtyData: (_tabId, data) => {
       tui.writePtyData(data)
     },
-    onPtyExit: (code) => {
+    onPtyExit: (_tabId, code) => {
       tui.destroy()
       console.log(`Agent exited with code ${code}`)
       orchestrator.shutdown().then(() => process.exit(code))
@@ -125,15 +99,47 @@ async function main() {
   if (args.apiKey) orchestrator.overrideApiKey(args.apiKey)
   if (args.baseUrl) orchestrator.overrideBaseUrl(args.baseUrl)
 
+  // ─── Agent selection ────────────────────────────
+
+  let agent: AgentConfig
+  let trackTimeOverride: boolean | undefined
+
+  if (args.agent) {
+    const found = agents.find(a => a.id === args.agent)
+    agent = found || {
+      id: args.agent,
+      name: args.agent,
+      command: args.agent,
+      args: [],
+      description: `Custom agent: ${args.agent}`,
+    }
+  } else {
+    const initialTrackTime = orchestrator.getActiveProfile().trackTime !== false
+    const picked = await tui.showAgentPicker(agents, { initialTrackTime })
+    agent = agents[picked.agentIdx]
+    trackTimeOverride = picked.trackTime
+  }
+
+  // ─── Start TUI + agent ─────────────────────────
+
+  tui.update({
+    agentName: agent.name,
+    cwd: args.cwd,
+    mode: 'terminal',
+  })
+
+  tui.init()
+
   // Spawn agent with PTY sized to fit the TUI content area
+  const HEADLESS_TAB = 'headless'
   const ptySize = tui.getPtySize()
-  await orchestrator.spawnAgent(agent, args.cwd)
-  orchestrator.resizePty(ptySize.cols, ptySize.rows)
+  await orchestrator.spawnAgent(HEADLESS_TAB, agent, args.cwd, { trackTime: trackTimeOverride })
+  orchestrator.resizePty(HEADLESS_TAB, ptySize.cols, ptySize.rows)
 
   // For coding agents, send an initial prompt to kick-start them
   if (isCodingAgent(agent)) {
     setTimeout(() => {
-      orchestrator.writePty('hello\r')
+      orchestrator.writePty(HEADLESS_TAB, 'hello\r')
     }, 1000)
   }
 
@@ -160,7 +166,7 @@ async function main() {
       if (SCROLL_UP_RE.test(str) || SCROLL_DOWN_RE.test(str)) {
         return
       }
-      orchestrator.writePty(str)
+      orchestrator.writePty(HEADLESS_TAB, str)
     })
   }
 
@@ -170,7 +176,7 @@ async function main() {
     const rows = process.stdout.rows || 24
     tui.resize(cols, rows)
     const size = tui.getPtySize()
-    orchestrator.resizePty(size.cols, size.rows)
+    orchestrator.resizePty(HEADLESS_TAB, size.cols, size.rows)
   })
 
   // Graceful shutdown

package/src/main/index.ts

@@ -1,4 +1,4 @@
-import { app, BrowserWindow, ipcMain, dialog } from 'electron'
+import { app, BrowserWindow, ipcMain, dialog, nativeImage } from 'electron'
 import path from 'path'
 import fs from 'fs'
 
@@ -19,17 +19,88 @@ import { Orchestrator } from './orchestrator'
 
 let mainWindow: BrowserWindow | null = null
 
+// ─── Project badge on dock/taskbar icon ──────────
+
+function getProjectAbbrev(cwdPath: string): string {
+  const folderName = cwdPath.split('/').filter(Boolean).pop() || ''
+  if (!folderName) return ''
+
+  // Split on hyphens, underscores, dots, camelCase boundaries
+  const words = folderName
+    .replace(/([a-z])([A-Z])/g, '$1 $2') // camelCase → separate words
+    .split(/[-_.\s]+/)
+    .filter(Boolean)
+
+  if (words.length >= 2) {
+    // Multiple words → take initials (up to 4)
+    return words.slice(0, 4).map(w => w[0]).join('').toUpperCase()
+  }
+
+  // Single word: if short (<=3 chars) use as-is, otherwise first 2 chars
+  const word = words[0]
+  if (word.length <= 3) return word.toUpperCase()
+  return word.slice(0, 2).toUpperCase()
+}
+
+function createOverlayIcon(text: string): Electron.NativeImage {
+  // Create a 32x32 overlay with text for Windows/Linux
+  const size = 32
+  const canvas = Buffer.alloc(size * size * 4, 0) // RGBA
+
+  // Fill with a semi-transparent dark background circle
+  for (let y = 0; y < size; y++) {
+    for (let x = 0; x < size; x++) {
+      const cx = x - size / 2
+      const cy = y - size / 2
+      const dist = Math.sqrt(cx * cx + cy * cy)
+      if (dist <= size / 2) {
+        const idx = (y * size + x) * 4
+        canvas[idx] = 122     // R (blue-ish)
+        canvas[idx + 1] = 162 // G
+        canvas[idx + 2] = 247 // B
+        canvas[idx + 3] = 220 // A
+      }
+    }
+  }
+
+  return nativeImage.createFromBuffer(canvas, { width: size, height: size })
+}
+
+function updateProjectBadge(cwdPath: string | null): void {
+  if (!cwdPath) return
+  const abbrev = getProjectAbbrev(cwdPath)
+
+  // macOS: dock badge shows text directly
+  if (process.platform === 'darwin' && app.dock) {
+    app.dock.setBadge(abbrev)
+  }
+
+  // Windows: overlay icon on taskbar
+  if (process.platform === 'win32' && mainWindow) {
+    mainWindow.setOverlayIcon(createOverlayIcon(abbrev), abbrev)
+  }
+
+  // All platforms: update window title
+  if (mainWindow) {
+    const folderName = cwdPath.split('/').filter(Boolean).pop() || 'ctlsurf-worker'
+    mainWindow.setTitle(`ctlsurf-worker — ${folderName}`)
+  }
+}
+
 // ─── Orchestrator (shared logic) ──────────────────
 
 const orchestrator = new Orchestrator(
   getSettingsDir(true),
   {
-    onPtyData: (data) => mainWindow?.webContents.send('pty:data', data),
-    onPtyExit: (code) => mainWindow?.webContents.send('pty:exit', code),
+    onPtyData: (tabId, data) => mainWindow?.webContents.send('pty:data', tabId, data),
+    onPtyExit: (tabId, code) => mainWindow?.webContents.send('pty:exit', tabId, code),
     onWorkerStatus: (status) => mainWindow?.webContents.send('worker:status', status),
     onWorkerMessage: (message) => mainWindow?.webContents.send('worker:message', message),
     onWorkerRegistered: (data) => mainWindow?.webContents.send('worker:registered', data),
-    onCwdChanged: () => mainWindow?.webContents.send('app:cwdChanged'),
+    onCwdChanged: () => {
+      mainWindow?.webContents.send('app:cwdChanged')
+      updateProjectBadge(orchestrator.cwd)
+    },
   }
 )
 
@@ -65,21 +136,25 @@ function createWindow(): void {
 
 // ─── IPC Handlers ──────────────────────────────────
 
-ipcMain.handle('pty:spawn', async (_event, agent: AgentConfig, cwd: string) => {
-  await orchestrator.spawnAgent(agent, cwd)
+ipcMain.handle('pty:spawn', async (_event, tabId: string, agent: AgentConfig, cwd: string) => {
+  await orchestrator.spawnAgent(tabId, agent, cwd)
   return { ok: true }
 })
 
-ipcMain.handle('pty:write', (_event, data: string) => {
-  orchestrator.writePty(data)
+ipcMain.handle('pty:write', (_event, tabId: string, data: string) => {
+  orchestrator.writePty(tabId, data)
+})
+
+ipcMain.handle('pty:resize', (_event, tabId: string, cols: number, rows: number) => {
+  orchestrator.resizePty(tabId, cols, rows)
 })
 
-ipcMain.handle('pty:resize', (_event, cols: number, rows: number) => {
-  orchestrator.resizePty(cols, rows)
+ipcMain.handle('pty:kill', async (_event, tabId: string) => {
+  await orchestrator.killTab(tabId)
 })
 
-ipcMain.handle('pty:kill', async () => {
-  await orchestrator.killAgent()
+ipcMain.handle('pty:setActiveTab', (_event, tabId: string) => {
+  orchestrator.setActiveTab(tabId)
 })
 
 ipcMain.handle('agents:list', () => getBuiltinAgents())
@@ -234,6 +309,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))
 
+// ─── Tracking IPC ─────────────────────────────────
+
+ipcMain.handle('tracking:get', () => ({ active: orchestrator.isActiveTabTracking() }))
+ipcMain.handle('tracking:set', async (_event, enabled: boolean) => {
+  await orchestrator.setActiveTabTracking(enabled)
+  return { active: orchestrator.isActiveTabTracking() }
+})
+
 // ─── Legacy Settings IPC ──────────────────────────
 
 ipcMain.handle('settings:get', (_event, key: string) => {
@@ -279,7 +362,6 @@ app.whenReady().then(() => {
   if (process.platform === 'darwin' && app.dock) {
     const iconPath = path.join(__dirname, '../../resources/icon.png')
     try {
-      const { nativeImage } = require('electron')
       app.dock.setIcon(nativeImage.createFromPath(iconPath))
     } catch { /* ignore */ }
   }