clideck 1.30.3 → 1.30.5

package/agent-presets.json

@@ -10,7 +10,7 @@
     "canResume": true,
     "resumeCommand": "claude --resume {{sessionId}}",
     "sessionIdPattern": "Session ID:\\s+([0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12})",
-    "outputMarker": "\u23fa",
+    "outputMarker": "⏺",
     "telemetryConfigPath": "~/.claude/settings.json",
     "telemetrySetup": "Required for working/idle status, Autopilot, notifications, and mobile remote.\n\nCliDeck will add start/stop hooks to ~/.claude/settings.json. Claude will ask for one-time approval on next launch.",
     "telemetryAutoSetup": {
@@ -35,7 +35,7 @@
     "canResume": true,
     "resumeCommand": "codex resume {{sessionId}}",
     "sessionIdPattern": "Session:\\s+([0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12})",
-    "outputMarker": "\u2022",
+    "outputMarker": "•",
     "telemetryConfigPath": "~/.codex/config.toml",
     "telemetryEnv": {
       "OTEL_LOGS_EXPORTER": "otlp",
@@ -59,7 +59,7 @@
     "canResume": true,
     "resumeCommand": "gemini --resume {{sessionId}}",
     "sessionIdPattern": "Session ID:\\s+([0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12})",
-    "outputMarker": "\u2726",
+    "outputMarker": "✦",
     "telemetryConfigPath": "~/.gemini/settings.json",
     "telemetrySetup": "Required for working/idle status, resume, Autopilot, notifications, and mobile remote.\n\nCliDeck will add BeforeAgent/AfterAgent/SessionEnd/BeforeTool hooks to ~/.gemini/settings.json.",
     "telemetryAutoSetup": {
@@ -77,7 +77,7 @@
     "canResume": true,
     "resumeCommand": "opencode --session {{sessionId}}",
     "sessionIdPattern": "(ses_[a-zA-Z0-9]{10,})",
-    "outputMarker": "\u2502",
+    "outputMarker": "│",
     "bridge": "opencode",
     "pluginPath": "~/.config/opencode/plugins/clideck-bridge.js",
     "pluginSetup": "Install the CliDeck bridge plugin to enable real-time status and resume.\n\ncp opencode-plugin/clideck-bridge.js ~/.config/opencode/plugins/",
@@ -85,6 +85,25 @@
       "label": "Install plugin"
     }
   },
+  {
+    "presetId": "clideck-agent",
+    "name": "Clideck Agent",
+    "icon": "/img/clideck-agent.svg",
+    "command": "clideck-agent",
+    "enabledIfEnv": "CLIDECK_ENABLE_CLIDECK_AGENT",
+    "isAgent": true,
+    "canResume": true,
+    "resumeCommand": "clideck-agent --resume {{sessionId}}",
+    "sessionIdPattern": null,
+    "outputMarker": "•",
+    "telemetryEnabled": true,
+    "telemetryEnv": {
+      "OTEL_LOGS_EXPORTER": "otlp",
+      "OTEL_EXPORTER_OTLP_PROTOCOL": "http/json",
+      "OTEL_EXPORTER_OTLP_ENDPOINT": "http://localhost:{{port}}",
+      "OTEL_LOGS_EXPORT_INTERVAL": "2000"
+    }
+  },
   {
     "presetId": "shell",
     "name": "Shell",

package/config.js

@@ -95,6 +95,12 @@ function deepCopy(obj) { return JSON.parse(JSON.stringify(obj)); }
 
 const PRESETS = JSON.parse(readFileSync(join(__dirname, 'agent-presets.json'), 'utf8'));
 for (const p of PRESETS) if (p.presetId === 'shell') p.command = defaultShell;
+function isPresetEnabled(preset) {
+  if (!preset?.enabledIfEnv) return true;
+  const value = String(process.env[preset.enabledIfEnv] || '').trim().toLowerCase();
+  return value === '1' || value === 'true' || value === 'yes';
+}
+const EXPOSED_PRESETS = PRESETS.filter(isPresetEnabled);
 
 function matchPreset(cmd) {
   const bin = binName(cmd.command);
@@ -124,7 +130,8 @@ function migrate(cfg) {
     if (cmd.sessionIdPattern === undefined) cmd.sessionIdPattern = preset?.sessionIdPattern || null;
     if (cmd.outputMarker === undefined)     cmd.outputMarker = preset?.outputMarker || null;
     // Claude Code telemetry is built-in, always on
-    if (preset?.presetId === 'claude-code') cmd.telemetryEnabled = true;
+    if (preset?.telemetryEnabled === true) cmd.telemetryEnabled = true;
+    else if (preset?.presetId === 'claude-code') cmd.telemetryEnabled = true;
     else if (cmd.telemetryEnabled === undefined) cmd.telemetryEnabled = false;
     if (cmd.telemetryStatus === undefined)  cmd.telemetryStatus = null;
     // Sync bridge config from preset
@@ -139,7 +146,7 @@ function migrate(cfg) {
     }
   }
   // Auto-add any shipped presets not yet in the commands list
-  for (const preset of PRESETS) {
+  for (const preset of EXPOSED_PRESETS) {
     const exists = cfg.commands.some(c => c.presetId === preset.presetId || matchPreset(c)?.presetId === preset.presetId);
     if (!exists) {
       cfg.commands.push({

package/handlers.js

@@ -8,6 +8,18 @@ const themes = require('./themes');
 const presets = JSON.parse(readFileSync(join(__dirname, 'agent-presets.json'), 'utf8'));
 const { listDirs, binName, defaultShell } = require('./utils');
 for (const p of presets) if (p.presetId === 'shell') p.command = defaultShell;
+function isPresetEnabled(preset) {
+  if (!preset?.enabledIfEnv) return true;
+  const value = String(process.env[preset.enabledIfEnv] || '').trim().toLowerCase();
+  return value === '1' || value === 'true' || value === 'yes';
+}
+function clientPresets() {
+  return presets.filter(isPresetEnabled);
+}
+function filterClientCommands(commands) {
+  const allowedPresetIds = new Set(clientPresets().map(p => p.presetId));
+  return (commands || []).filter(cmd => !cmd.presetId || allowedPresetIds.has(cmd.presetId));
+}
 const transcript = require('./transcript');
 const plugins = require('./plugin-loader');
 const { upsertCodexConfig, validateCodexConfigToml } = require('./codex-config');
@@ -87,6 +99,7 @@ function checkRemoteUpdate(ws) {
 const whichCmd = process.platform === 'win32' ? 'where' : 'which';
 function checkAvailability() {
   for (const p of presets) {
+    if (!isPresetEnabled(p)) continue;
     if (p.presetId === 'shell') { p.available = true; p.version = ''; p.versionOk = true; p.health = { ok: true }; continue; }
     const bin = binName(p.command);
     try {
@@ -139,64 +152,69 @@ function detectTelemetryConfig(c) {
   const home = os.homedir();
   const port = '4000';
   let changed = false;
-  let repairedAny = false;
-  for (const cmd of c.commands || []) {
-    const bin = binName(cmd.command);
-    const preset = presets.find(p => binName(p.command) === bin);
-    if (!preset) continue;
-    let detected = false;
-    let reason = '';
-    if (preset.presetId === 'claude-code') {
-      try {
-        const s = JSON.parse(readFileSync(join(home, '.claude', 'settings.json'), 'utf8'));
-        const hooks = s.hooks || {};
-        detected = hasExistingHook(hooks.UserPromptSubmit, 'claude-hook.js', 'start')
-                && hasExistingHook(hooks.Stop, 'claude-hook.js', 'stop')
-                && hasExistingHook(hooks.StopFailure, 'claude-hook.js', 'stop')
-                && hasExistingHook(hooks.PreToolUse, 'claude-hook.js', 'menu')
-                && hooks.Notification?.some(h => h.matcher === 'idle_prompt' && hasExistingHook([h], 'claude-hook.js', 'idle'));
-        if (!detected) reason = 'Needs re-patch';
-      } catch {}
-    } else if (preset.presetId === 'codex') {
-      try {
-        const content = readFileSync(join(home, '.codex', 'config.toml'), 'utf8');
-        detected = codexConfigLooksHealthy(content, port);
-        if (!detected) reason = 'Needs re-patch';
-      } catch {}
-    } else if (preset.presetId === 'gemini-cli') {
-      try {
-        const s = JSON.parse(readFileSync(join(home, '.gemini', 'settings.json'), 'utf8'));
-        const hooks = s.hooks || {};
-        detected = hasExistingHook(hooks.BeforeAgent, 'gemini-hook.js', 'start')
-                && hasExistingHook(hooks.AfterAgent, 'gemini-hook.js', 'stop')
-                && hasExistingHook(hooks.SessionEnd, 'gemini-hook.js', 'stop')
-                && hasExistingHook(hooks.BeforeTool, 'gemini-hook.js', 'menu');
+  const attemptedRepairs = new Set();
+
+  for (let pass = 0; pass < 2; pass++) {
+    let repairedAny = false;
+    for (const cmd of c.commands || []) {
+      const bin = binName(cmd.command);
+      const preset = presets.find(p => binName(p.command) === bin);
+      if (!preset) continue;
+      let detected = false;
+      let reason = '';
+      if (preset.presetId === 'claude-code') {
+        try {
+          const s = JSON.parse(readFileSync(join(home, '.claude', 'settings.json'), 'utf8'));
+          const hooks = s.hooks || {};
+          detected = hasExistingHook(hooks.UserPromptSubmit, 'claude-hook.js', 'start')
+                  && hasExistingHook(hooks.Stop, 'claude-hook.js', 'stop')
+                  && hasExistingHook(hooks.StopFailure, 'claude-hook.js', 'stop')
+                  && hasExistingHook(hooks.PreToolUse, 'claude-hook.js', 'menu')
+                  && hooks.Notification?.some(h => h.matcher === 'idle_prompt' && hasExistingHook([h], 'claude-hook.js', 'idle'));
+          if (!detected) reason = 'Needs re-patch';
+        } catch {}
+      } else if (preset.presetId === 'codex') {
+        try {
+          const content = readFileSync(join(home, '.codex', 'config.toml'), 'utf8');
+          detected = codexConfigLooksHealthy(content, port);
+          if (!detected) reason = 'Needs re-patch';
+        } catch {}
+      } else if (preset.presetId === 'gemini-cli') {
+        try {
+          const s = JSON.parse(readFileSync(join(home, '.gemini', 'settings.json'), 'utf8'));
+          const hooks = s.hooks || {};
+          detected = hasExistingHook(hooks.BeforeAgent, 'gemini-hook.js', 'start')
+                  && hasExistingHook(hooks.AfterAgent, 'gemini-hook.js', 'stop')
+                  && hasExistingHook(hooks.SessionEnd, 'gemini-hook.js', 'stop')
+                  && hasExistingHook(hooks.BeforeTool, 'gemini-hook.js', 'menu');
+          if (!detected) reason = 'Needs re-patch';
+        } catch {}
+      } else if (preset.presetId === 'opencode') {
+        detected = existsSync(join(opencodePluginDir, 'clideck-bridge.js')) || existsSync(join(opencodePluginDir, 'termix-bridge.js'));
         if (!detected) reason = 'Needs re-patch';
-      } catch {}
-    } else if (preset.presetId === 'opencode') {
-      detected = existsSync(join(opencodePluginDir, 'clideck-bridge.js')) || existsSync(join(opencodePluginDir, 'termix-bridge.js'));
-      if (!detected) reason = 'Needs re-patch';
-    } else { continue; }
-    if (preset.available && preset.minVersion && !preset.versionOk) {
-      detected = false;
-      reason = `Update required (${preset.minVersion}+)`;
-    } else if (!detected && cmd.telemetryEnabled && preset.telemetryAutoSetup && preset.available && preset.versionOk) {
-      const repaired = applyTelemetryConfig(preset);
-      if (repaired.success) {
-        repairedAny = true;
-        continue;
+      } else { continue; }
+      if (preset.available && preset.minVersion && !preset.versionOk) {
+        detected = false;
+        reason = `Update required (${preset.minVersion}+)`;
+      } else if (!detected && cmd.telemetryEnabled && preset.telemetryAutoSetup && preset.available && preset.versionOk && !attemptedRepairs.has(preset.presetId)) {
+        attemptedRepairs.add(preset.presetId);
+        const repaired = applyTelemetryConfig(preset);
+        if (repaired.success) {
+          repairedAny = true;
+          continue;
+        }
       }
+      const nextEnabled = detected || (!!cmd.telemetryEnabled && !reason.startsWith('Update required'));
+      const nextStatus = detected ? { ok: true } : { ok: false, error: reason || 'Needs setup' };
+      if (cmd.telemetryEnabled !== nextEnabled || JSON.stringify(cmd.telemetryStatus || null) !== JSON.stringify(nextStatus)) {
+        cmd.telemetryEnabled = nextEnabled;
+        cmd.telemetryStatus = nextStatus;
+        changed = true;
+      }
+      preset.health = detected ? { ok: true } : { ok: false, reason: reason || 'Needs setup' };
     }
-    const nextEnabled = detected || (!!cmd.telemetryEnabled && !reason.startsWith('Update required'));
-    const nextStatus = detected ? { ok: true } : { ok: false, error: reason || 'Needs setup' };
-    if (cmd.telemetryEnabled !== nextEnabled || JSON.stringify(cmd.telemetryStatus || null) !== JSON.stringify(nextStatus)) {
-      cmd.telemetryEnabled = nextEnabled;
-      cmd.telemetryStatus = nextStatus;
-      changed = true;
-    }
-    preset.health = detected ? { ok: true } : { ok: false, reason: reason || 'Needs setup' };
+    if (!repairedAny) break;
   }
-  if (repairedAny) return detectTelemetryConfig(c) || true;
   if (changed) console.log('Config: synced telemetry/plugin state from detected config files');
   return changed;
 }
@@ -204,7 +222,7 @@ function detectTelemetryConfig(c) {
 const appVersion = require('./package.json').version;
 
 function configForClient() {
-  return { ...cfg, pluginsDir: plugins.PLUGINS_DIR, version: appVersion };
+  return { ...cfg, commands: filterClientCommands(cfg.commands), pluginsDir: plugins.PLUGINS_DIR, version: appVersion };
 }
 
 function onConnection(ws) {
@@ -212,7 +230,7 @@ function onConnection(ws) {
 
   ws.send(JSON.stringify({ type: 'config', config: configForClient() }));
   ws.send(JSON.stringify({ type: 'themes', themes }));
-  ws.send(JSON.stringify({ type: 'presets', presets }));
+  ws.send(JSON.stringify({ type: 'presets', presets: clientPresets() }));
   ws.send(JSON.stringify({ type: 'sessions', list: sessions.list() }));
   ws.send(JSON.stringify({ type: 'sessions.resumable', list: sessions.getResumable(cfg) }));
   ws.send(JSON.stringify({ type: 'transcript.cache', cache: transcript.getCache() }));
@@ -251,10 +269,10 @@ function onConnection(ws) {
           if (choices && sess.presetId === 'codex') {
             const last = require('./telemetry-receiver').getLastEvent(msg.id);
             if (!last.startsWith('codex.sse_event:response.completed')) {
-              console.log(`[codex] menu rejected — lastEvent=${last} session=${msg.id.slice(0,8)}`);
+              // console.log(`[codex] menu rejected — lastEvent=${last} session=${msg.id.slice(0,8)}`);
               choices = null;
             } else {
-              console.log(`[codex] menu accepted session=${msg.id.slice(0,8)}`);
+              // console.log(`[codex] menu accepted session=${msg.id.slice(0,8)}`);
             }
           }
           if (choices && sess.presetId === 'claude-code' && msg.menuVersion && (sess._menuConsumedVersion || 0) >= msg.menuVersion) {
@@ -301,7 +319,7 @@ function onConnection(ws) {
       case 'checkAvailability':
         checkAvailability();
         if (detectTelemetryConfig(cfg)) config.save(cfg);
-        ws.send(JSON.stringify({ type: 'presets', presets }));
+        ws.send(JSON.stringify({ type: 'presets', presets: clientPresets() }));
         break;
 
       case 'config.update':

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clideck",
-  "version": "1.30.3",
+  "version": "1.30.5",
   "description": "One screen for all your AI coding agents — run, monitor, and manage multiple CLI agents from a single browser tab",
   "main": "server.js",
   "bin": {

package/public/img/clideck-agent-dark.svg

@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="none">
+  <title>Clideck Agent</title>
+  <defs>
+    <linearGradient id="bubbleGradient" x1="64" y1="72" x2="448" y2="408" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#2C2F38"/>
+      <stop offset="1" stop-color="#171A20"/>
+    </linearGradient>
+    <linearGradient id="glyphGradient" x1="122" y1="150" x2="395" y2="355" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#FFFFFF"/>
+      <stop offset="1" stop-color="#E7EAF0"/>
+    </linearGradient>
+    <filter id="glyphShadow" x="82" y="126" width="350" height="254" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feOffset dx="0" dy="10"/>
+      <feGaussianBlur stdDeviation="10"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0.03 0 0 0 0 0.04 0 0 0 0 0.07 0 0 0 0.35 0"/>
+      <feBlend in2="SourceGraphic" result="shape"/>
+    </filter>
+  </defs>
+  <path d="M120 70H392C435.078 70 470 104.922 470 148V266C470 309.078 435.078 344 392 344H215.642L118.159 416.774C111.875 421.467 102.86 417.2 102.562 409.363L99.996 344H88C52.654 344 24 315.346 24 280V166C24 112.98 66.98 70 120 70Z" fill="url(#bubbleGradient)"/>
+  <path d="M120 70H392C435.078 70 470 104.922 470 148V266C470 309.078 435.078 344 392 344H215.642L118.159 416.774C111.875 421.467 102.86 417.2 102.562 409.363L99.996 344H88C52.654 344 24 315.346 24 280V166C24 112.98 66.98 70 120 70Z" stroke="#3E4350" stroke-width="2"/>
+  <g filter="url(#glyphShadow)" stroke="url(#glyphGradient)" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M134 168L245 256L134 344" stroke-width="40"/>
+    <path d="M292 344H390" stroke-width="38"/>
+  </g>
+</svg>

package/public/img/clideck-agent-light.svg

@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="none">
+  <title>Clideck Agent</title>
+  <defs>
+    <linearGradient id="bubbleGradient" x1="64" y1="72" x2="448" y2="408" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#F7F8FB"/>
+      <stop offset="1" stop-color="#E5E9F1"/>
+    </linearGradient>
+    <linearGradient id="glyphGradient" x1="122" y1="150" x2="395" y2="355" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#1D212B"/>
+      <stop offset="1" stop-color="#3D4656"/>
+    </linearGradient>
+    <filter id="glyphShadow" x="82" y="126" width="350" height="254" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feOffset dx="0" dy="6"/>
+      <feGaussianBlur stdDeviation="7"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0.47 0 0 0 0 0.53 0 0 0 0 0.63 0 0 0 0.18 0"/>
+      <feBlend in2="SourceGraphic" result="shape"/>
+    </filter>
+  </defs>
+  <path d="M120 70H392C435.078 70 470 104.922 470 148V266C470 309.078 435.078 344 392 344H215.642L118.159 416.774C111.875 421.467 102.86 417.2 102.562 409.363L99.996 344H88C52.654 344 24 315.346 24 280V166C24 112.98 66.98 70 120 70Z" fill="url(#bubbleGradient)"/>
+  <path d="M120 70H392C435.078 70 470 104.922 470 148V266C470 309.078 435.078 344 392 344H215.642L118.159 416.774C111.875 421.467 102.86 417.2 102.562 409.363L99.996 344H88C52.654 344 24 315.346 24 280V166C24 112.98 66.98 70 120 70Z" stroke="#C6CEDA" stroke-width="2"/>
+  <g filter="url(#glyphShadow)" stroke="url(#glyphGradient)" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M134 168L245 256L134 344" stroke-width="40"/>
+    <path d="M292 344H390" stroke-width="38"/>
+  </g>
+</svg>

package/public/js/creator.js

@@ -27,6 +27,11 @@ function findCommandForPreset(p) {
     || state.cfg.commands.find(c => binName(c.command) === binName(p.command));
 }
 
+function telemetryEnabledForPreset(preset, existing) {
+  if (preset?.telemetryEnabled === true) return true;
+  return !!existing?.telemetryEnabled;
+}
+
 // True if preset binary is missing and the configured command is unchanged from the preset default
 function isPresetMissing(p) {
   if (p.available !== false) return false;
@@ -115,7 +120,7 @@ function createFromPreset(preset, sessionName, cwd, projectId) {
       resumeCommand: preset.resumeCommand,
       sessionIdPattern: preset.sessionIdPattern,
       outputMarker: preset.outputMarker || null,
-      telemetryEnabled: false,
+      telemetryEnabled: telemetryEnabledForPreset(preset),
       telemetryStatus: null,
       bridge: preset.bridge,
     };
@@ -270,7 +275,7 @@ export function openCreator() {
       if (!preset) return;
       let cmd = findCommandForPreset(preset);
       if (!cmd) {
-        cmd = { id: crypto.randomUUID(), presetId: preset.presetId, label: preset.name, icon: preset.icon, command: preset.command, enabled: true, defaultPath: '', isAgent: preset.isAgent, canResume: preset.canResume, resumeCommand: preset.resumeCommand, sessionIdPattern: preset.sessionIdPattern, outputMarker: preset.outputMarker || null, telemetryEnabled: false, telemetryStatus: null, bridge: preset.bridge };
+        cmd = { id: crypto.randomUUID(), presetId: preset.presetId, label: preset.name, icon: preset.icon, command: preset.command, enabled: true, defaultPath: '', isAgent: preset.isAgent, canResume: preset.canResume, resumeCommand: preset.resumeCommand, sessionIdPattern: preset.sessionIdPattern, outputMarker: preset.outputMarker || null, telemetryEnabled: telemetryEnabledForPreset(preset), telemetryStatus: null, bridge: preset.bridge };
         state.cfg.commands.push(cmd);
         send({ type: 'config.update', config: state.cfg });
       }

package/public/js/settings.js

@@ -24,15 +24,69 @@ document.getElementById('settings-nav').addEventListener('click', (e) => {
   if (btn) switchCategory(btn.dataset.cat);
 });
 
+function captureSettingsFocus() {
+  const active = document.activeElement;
+  if (!active || !(active instanceof HTMLElement)) return null;
+  if (!active.closest('#panel-settings')) return null;
+
+  const snapshot = {
+    id: active.id || null,
+    selector: null,
+    cardIdx: null,
+    selectionStart: null,
+    selectionEnd: null,
+  };
+
+  const card = active.closest('.agent-card');
+  if (card) {
+    snapshot.cardIdx = card.dataset.idx || null;
+    for (const cls of ['agent-name', 'agent-command', 'agent-enabled', 'agent-is-agent', 'agent-can-resume', 'agent-resume-cmd']) {
+      if (active.classList.contains(cls)) {
+        snapshot.selector = `.${cls}`;
+        break;
+      }
+    }
+  }
+
+  if (typeof active.selectionStart === 'number' && typeof active.selectionEnd === 'number') {
+    snapshot.selectionStart = active.selectionStart;
+    snapshot.selectionEnd = active.selectionEnd;
+  }
+
+  return snapshot;
+}
+
+function restoreSettingsFocus(snapshot) {
+  if (!snapshot) return;
+
+  let target = null;
+  if (snapshot.id) target = document.getElementById(snapshot.id);
+  if (!target && snapshot.cardIdx != null && snapshot.selector) {
+    target = document.querySelector(`.agent-card[data-idx="${snapshot.cardIdx}"] ${snapshot.selector}`);
+  }
+  if (!(target instanceof HTMLElement)) return;
+
+  target.focus({ preventScroll: true });
+  if (
+    typeof snapshot.selectionStart === 'number' &&
+    typeof snapshot.selectionEnd === 'number' &&
+    typeof target.setSelectionRange === 'function'
+  ) {
+    target.setSelectionRange(snapshot.selectionStart, snapshot.selectionEnd);
+  }
+}
+
 // ── Render all ──
 
 export function renderSettings() {
+  const focusSnapshot = captureSettingsFocus();
   document.getElementById('cfg-default-path').value = state.cfg.defaultPath || '';
   document.getElementById('cfg-confirm-close').checked = state.cfg.confirmClose !== false;
   renderAgentList();
   renderThemeSection();
   renderNotifications();
   updateVersionFooter();
+  restoreSettingsFocus(focusSnapshot);
 }
 
 export function updateVersionFooter() {
@@ -107,6 +161,22 @@ function telemetryPreset(cmd) {
   return (state.presets || []).find(p => binName(p.command) === bin);
 }
 
+function presetForCommand(existing, command) {
+  const presets = state.presets || [];
+  if (existing?.presetId) {
+    const byId = presets.find(p => p.presetId === existing.presetId);
+    if (byId) return byId;
+  }
+  const bin = binName(command || existing?.command || '');
+  return presets.find(p => binName(p.command) === bin) || null;
+}
+
+function telemetryEnabledForCommand(existing, command) {
+  const preset = presetForCommand(existing, command);
+  if (preset?.telemetryEnabled === true) return true;
+  return !!existing?.telemetryEnabled;
+}
+
 function integrationSection(c) {
   const preset = telemetryPreset(c);
   if (!preset) return '';
@@ -217,7 +287,7 @@ function openPresetMenu(anchorEl) {
         enabled: true, defaultPath: '', isAgent: p.isAgent, canResume: p.canResume,
         resumeCommand: p.resumeCommand, sessionIdPattern: p.sessionIdPattern,
         outputMarker: p.outputMarker || null,
-        telemetryEnabled: false,
+        telemetryEnabled: telemetryEnabledForCommand({ presetId: p.presetId, command: p.command }, p.command),
         telemetryStatus: null,
         bridge: p.bridge,
       });
@@ -453,7 +523,7 @@ function saveConfig() {
       resumeCommand: card.querySelector('.agent-resume-cmd')?.value.trim() || null,
       sessionIdPattern: existing.sessionIdPattern || null,
       outputMarker: existing.outputMarker || null,
-      telemetryEnabled: existing.telemetryEnabled || false,
+      telemetryEnabled: telemetryEnabledForCommand(existing, command),
       telemetryStatus: existing.telemetryStatus || null,
       bridge: existing.bridge,
     };

package/public/js/terminals.js

@@ -185,6 +185,7 @@ function openMenu(sessionId, anchor) {
   // Project submenu items
   if (projects.length) {
     html += `<div class="px-3 py-1 text-[10px] font-semibold uppercase tracking-wider text-slate-600">Move to project</div>`;
+    html += `<div class="tmx-scroll py-0.5" style="max-height:10rem;overflow-y:auto">`;
     for (const p of projects) {
       const active = entry?.projectId === p.id;
       html += `<button class="menu-action flex items-center gap-2 w-full px-3 py-1.5 text-sm ${active ? 'text-blue-400' : 'text-slate-300'} hover:bg-slate-700 transition-colors text-left" data-action="project" data-project-id="${p.id}">
@@ -192,6 +193,7 @@ function openMenu(sessionId, anchor) {
         ${esc(p.name)}${active ? ' ✓' : ''}
       </button>`;
     }
+    html += `</div>`;
     if (entry?.projectId) {
       html += `<button class="menu-action flex items-center gap-2 w-full px-3 py-1.5 text-sm text-slate-500 hover:bg-slate-700 transition-colors text-left" data-action="unproject">
         <span class="w-2 h-2 rounded-full flex-shrink-0 border border-slate-600"></span>

package/public/js/utils.js

@@ -29,6 +29,7 @@ const ICON_VARIANTS = {
   '/img/codex.png': { dark: '/img/codex-dark.png', light: '/img/codex-light.png' },
   '/img/gemini.png': { all: '/img/gemini-all.png' },
   '/img/opencode.png': { all: '/img/opencode-all.png' },
+  '/img/clideck-agent.svg': { dark: '/img/clideck-agent-dark.svg', light: '/img/clideck-agent-light.svg' },
 };
 
 export function resolveIconPath(icon) {

package/sessions.js

@@ -93,7 +93,7 @@ function spawnSession(id, cmd, parts, cwd, name, themeId, commandId, savedToken,
   const preset = PRESETS.find(p => binName(p.command) === bin);
   const session = { name, themeId, commandId, cwd, pty: term, chunks: [], chunksSize: 0, sessionToken: savedToken || null, projectId: projectId || null, presetId: preset?.presetId || 'shell', working: undefined };
   sessions.set(id, session);
-  transcript.setFinalizeOnIdle(id, ['claude-code', 'codex', 'gemini-cli', 'opencode'].includes(session.presetId) ? session.presetId : null);
+  transcript.setFinalizeOnIdle(id, ['claude-code', 'codex', 'gemini-cli', 'opencode', 'clideck-agent'].includes(session.presetId) ? session.presetId : null);
 
   // Always watch telemetry-backed agents so OTLP fallback matching can attach
   // early events to this session even when the agent omits clideck.session_id.
@@ -445,7 +445,7 @@ function getResumable(cfg) {
 
 function sendBuffers(ws) {
   for (const [id, s] of sessions) {
-    if (['claude-code', 'codex', 'gemini-cli', 'opencode'].includes(s.presetId) && !s.working) {
+    if (['claude-code', 'codex', 'gemini-cli', 'opencode', 'clideck-agent'].includes(s.presetId) && !s.working) {
       const text = transcript.getReplayText(id, s.presetId);
       if (text) {
         ws.send(JSON.stringify({ type: 'session.history', id, text, replay: true }));

package/skills/autonomous-session/SKILL.md

@@ -0,0 +1,211 @@
+---
+name: autonomous-session
+description: Run one agent session autonomously until a clearly defined goal is achieved or truly blocked. Use when the user wants the agent to keep working without repeated check-ins, across coding, research, writing, analysis, marketing, planning, or other general session work.
+---
+
+# Autonomous Session
+
+Use this skill when the user wants one agent session to keep working toward a goal without stopping for routine confirmation.
+
+This skill is general-purpose. It is not limited to coding. It applies to research, writing, planning, analysis, marketing, documentation, and other session-based work.
+
+## Core Contract
+
+You are not waiting for permission after every step.
+
+- Understand the goal precisely.
+- Keep working until the goal is achieved or truly blocked.
+- Do not stop just to ask whether you should continue.
+- Do not produce filler progress updates instead of real work.
+- Do not redefine the goal casually once work has started.
+
+## First Check: Can This Session Actually Run Autonomously?
+
+Before doing substantial work, verify that the session can proceed without routine approval interruptions.
+
+If the environment clearly requires recurring user approval for normal work, stop immediately and tell the user, in plain language, that autonomous mode cannot work until approvals are removed or auto-approval is enabled.
+
+Do not try to fake autonomy in a session that will keep pausing for user approval.
+
+## Goal Setup
+
+Before starting the main work, convert the user request into a concrete internal brief.
+
+Your internal brief must include:
+
+- Goal: what outcome must exist at the end.
+- Constraints: what must not happen.
+- Definition of done: how you will recognize completion.
+- Open questions: only the questions that would materially change the work.
+
+If the goal is already clear enough, do not ask questions. Start working.
+
+If the goal is not clear enough to work effectively, ask a small batch of targeted clarifying questions first. Ask only what is necessary to remove ambiguity. Do not interrogate the user unnecessarily.
+
+Examples of when to ask questions first:
+
+- The user wants research but has not said what decision the research is meant to support.
+- The user wants writing but has not said audience, tone, or deliverable type.
+- The user wants implementation but has not said what behavior should change.
+- The user wants “improve this” but there is no clear success condition.
+
+Examples of when not to ask questions first:
+
+- The user already gave a concrete task, constraints, and acceptance bar.
+- You can infer a safe, reasonable working interpretation without risking the wrong output.
+
+## Goal Memory
+
+If the task involves a real project or working directory, create and maintain a short session memory file early in the process.
+
+Preferred filename:
+
+```text
+autonomous-session.md
+```
+
+Keep it concise and practical. It should contain:
+
+- Goal
+- Constraints
+- Definition of done
+- Key decisions
+- What has been completed
+- Remaining gaps
+
+If a different filename is more natural in the project, use that instead.
+
+If there is no meaningful project directory or file-based workflow, maintain the same structure mentally and in your session responses instead of forcing a file.
+
+Update this memory whenever the goal changes materially or when major decisions are made. Keep it short. It is a working anchor, not a diary.
+
+## Operating Rules
+
+### 1. Work Forward
+
+After the goal is clear, move directly into execution.
+
+- Prefer real progress over commentary.
+- Prefer concrete artifacts over abstract planning.
+- Prefer finishing a meaningful chunk before reporting back.
+
+### 2. Do Not Stop Early
+
+Do not ask:
+
+- “Should I continue?”
+- “Do you want me to keep going?”
+- “Is this enough for now?”
+
+The default is to continue until done or blocked.
+
+### 3. Use Judgment, Not Blind Persistence
+
+Autonomy does not mean mindless looping.
+
+If an approach is not working:
+
+- reassess,
+- read the available context again,
+- change tactics,
+- keep moving.
+
+Do not repeat the same failing pattern without learning from it.
+
+### 4. Respect the Actual Task
+
+Do not turn every task into implementation work.
+
+- For research tasks, gather, compare, synthesize, and conclude.
+- For writing tasks, produce and refine the requested deliverable.
+- For planning tasks, produce the plan and then, if appropriate, execute it.
+- For coding tasks, inspect, implement, verify, and refine.
+
+Stay aligned with the actual requested outcome.
+
+### 5. Completion Must Be Real
+
+Only stop when one of these is true:
+
+- The goal is achieved.
+- The remaining blocker genuinely requires user input, approval, credentials, or a missing external dependency.
+- The request is fundamentally ambiguous and cannot be resolved safely without clarification.
+
+When stopping, say which of those is true.
+
+## Blockers
+
+A blocker is real only if you cannot reasonably move forward without the user.
+
+Examples of real blockers:
+
+- Missing credentials, API keys, access, or required permissions.
+- A strategic choice the user must make because it changes the deliverable substantially.
+- Multiple valid directions remain and choosing one would be risky or expensive without user preference.
+- The environment prevents autonomous execution through approval prompts or missing capabilities.
+
+Examples of non-blockers:
+
+- You are unsure which tactic is best.
+- The first attempt failed.
+- More reading is needed.
+- The work is tedious.
+- You can make a reasonable assumption and continue.
+
+## Interruptions And Mid-Task User Messages
+
+If the user sends a new message during the work:
+
+- incorporate it,
+- update the goal brief if needed,
+- continue from the new state.
+
+Do not stubbornly follow an outdated plan when the user has clarified or redirected the work.
+
+If the new message changes the goal materially, update the session memory file.
+
+## Reporting Style
+
+Use sparse, meaningful updates.
+
+Good updates:
+
+- major completed milestone,
+- important decision,
+- real blocker,
+- final completion summary.
+
+Bad updates:
+
+- empty status chatter,
+- repeated reassurance,
+- asking for permission to continue.
+
+## Completion Message
+
+When the goal is done, report:
+
+- what was accomplished,
+- any important decisions or tradeoffs,
+- any residual risks or follow-up items.
+
+Keep it concise and outcome-focused.
+
+## Behavior Summary
+
+If this skill is active, your default behavior is:
+
+1. Check whether autonomous execution is actually possible.
+2. Clarify the goal only if necessary.
+3. Create a short working brief or memory file when appropriate.
+4. Work continuously toward the goal.
+5. Adapt when an approach fails.
+6. Stop only when done or truly blocked.
+
+## Hard Rules
+
+- Do not ask “should I continue?”
+- Do not stop because of ordinary uncertainty.
+- Do not continue blindly when the goal is unclear.
+- Do not pretend a blocker exists when you can still make progress.
+- Do not treat a status update as completion.

package/telemetry-receiver.js

@@ -71,7 +71,7 @@ function handleLogs(req, res) {
     const resAttrs = parseAttrs(rl.resource?.attributes);
     const sessionId = resAttrs['clideck.session_id'];
 
-    // service.name values: claude-code, codex_cli_rs, gemini-cli
+    // service.name values: claude-code, codex_cli_rs, gemini-cli, clideck-agent
     const serviceName = resAttrs['service.name'] || 'unknown';
     let resolvedId = sessionId;
 
@@ -135,6 +135,13 @@ function handleLogs(req, res) {
           broadcastFn?.({ type: 'session.status', id: resolvedId, working: true, source: 'telemetry' });
         }
 
+        if (serviceName === 'clideck-agent' && eventName === 'clideck.turn_start') {
+          broadcastFn?.({ type: 'session.status', id: resolvedId, working: true, source: 'telemetry' });
+        }
+        if (serviceName === 'clideck-agent' && eventName === 'clideck.agent_idle') {
+          broadcastFn?.({ type: 'session.status', id: resolvedId, working: false, source: 'telemetry' });
+        }
+
         // Codex can announce a function-call phase before the later tool_decision
         // event carries a call_id. Block idle as soon as the tool phase is known,
         // then refine it to call-specific tracking when tool_decision arrives.