clideck 1.30.3 → 1.30.4

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,24 @@
       "label": "Install plugin"
     }
   },
+  {
+    "presetId": "clideck-agent",
+    "name": "Clideck Agent",
+    "icon": "/img/clideck-agent.svg",
+    "command": "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

@@ -124,7 +124,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

package/handlers.js

@@ -139,64 +139,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;
 }
@@ -251,10 +256,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) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clideck",
-  "version": "1.30.3",
+  "version": "1.30.4",
   "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/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.