clideck 1.27.1 → 1.29.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clideck",
-  "version": "1.27.1",
+  "version": "1.29.1",
   "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/plugin-loader.js

@@ -1,4 +1,5 @@
 const { readdirSync, readFileSync, existsSync, mkdirSync, cpSync, rmSync } = require('fs');
+const { createHash } = require('crypto');
 const { join, sep } = require('path');
 const { execFile: _execFile } = require('child_process');
 // Windows needs shell:true for npm (it's npm.cmd, not a binary)
@@ -11,7 +12,7 @@ mkdirSync(PLUGINS_DIR, { recursive: true });
 
 // Seed bundled plugins — copy if missing, update if bundled version is newer
 const BUNDLED_DIR = join(__dirname, 'plugins');
-const updatedBundled = new Set(); // plugins updated during seed — install state must be cleared
+const depsChanged = new Set(); // plugins whose install inputs changed — need reinstall
 if (existsSync(BUNDLED_DIR)) {
   for (const entry of readdirSync(BUNDLED_DIR, { withFileTypes: true })) {
     if (!entry.isDirectory()) continue;
@@ -25,8 +26,20 @@ if (existsSync(BUNDLED_DIR)) {
         const installedManifestFile = existsSync(join(target, 'clideck-plugin.json')) ? join(target, 'clideck-plugin.json') : join(target, 'termix-plugin.json');
         const installedManifest = JSON.parse(readFileSync(installedManifestFile, 'utf8'));
         if (bundledManifest.version !== installedManifest.version) {
+          // Check if install inputs changed before copying
+          let needsReinstall = false;
+          if (bundledManifest.install) {
+            const installHash = (dir) => {
+              const h = createHash('sha256');
+              for (const f of ['package.json', 'package-lock.json']) {
+                try { h.update(readFileSync(join(dir, f))); } catch {}
+              }
+              return h.digest('hex');
+            };
+            needsReinstall = installHash(target) !== installHash(join(BUNDLED_DIR, entry.name));
+          }
           cpSync(join(BUNDLED_DIR, entry.name), target, { recursive: true });
-          if (bundledManifest.install) updatedBundled.add(bundledManifest.id || entry.name);
+          if (needsReinstall) depsChanged.add(bundledManifest.id || entry.name);
           console.log(`[plugin] updated ${entry.name} ${installedManifest.version} → ${bundledManifest.version}`);
         }
       } catch {}
@@ -41,6 +54,7 @@ const outputHooks = [];
 const statusHooks = [];
 const transcriptHooks = [];
 const menuHooks = [];
+const configHooks = [];
 const sessionStatus = new Map(); // sessionId → boolean (dedup multi-client reports)
 const autoApproveMenus = new Set(); // sessionIds where menus should be auto-approved
 const frontendHandlers = new Map();
@@ -55,7 +69,7 @@ const settingsChangeHandlers = new Map(); // pluginId → [fn]
 const sessionPills = new Map(); // pillId → { pluginId, id, title, projectId, working, statusText, icon, logs[] }
 
 function removeHooks(pluginId) {
-  for (const arr of [inputHooks, outputHooks, statusHooks, transcriptHooks, menuHooks]) {
+  for (const arr of [inputHooks, outputHooks, statusHooks, transcriptHooks, menuHooks, configHooks]) {
     for (let i = arr.length - 1; i >= 0; i--) {
       if (arr[i].pluginId === pluginId) arr.splice(i, 1);
     }
@@ -132,14 +146,14 @@ function init(broadcast, getSessions, getConfig, saveConfig, sessionInput, creat
   createSessionFn = createProgrammatic;
   closeSessionFn = closeSession;
 
-  // Clear install state for bundled plugins that were updated during seed
-  if (updatedBundled.size) {
+  // Clear install state only for bundled plugins whose dependencies changed
+  if (depsChanged.size) {
     const cfg = getConfig();
     if (cfg?.pluginInstalled) {
-      for (const id of updatedBundled) {
+      for (const id of depsChanged) {
         if (cfg.pluginInstalled[id]) {
           delete cfg.pluginInstalled[id];
-          console.log(`[plugin] cleared install state for updated ${id}`);
+          console.log(`[plugin] install inputs changed, cleared install state for ${id}`);
         }
       }
       saveConfig(cfg);
@@ -180,6 +194,7 @@ function buildApi(pluginId, pluginDir, state) {
     onStatusChange(fn) { statusHooks.push({ pluginId, fn }); },
     onTranscriptEntry(fn) { transcriptHooks.push({ pluginId, fn }); },
     onMenuDetected(fn) { menuHooks.push({ pluginId, fn }); },
+    onConfigChange(fn) { configHooks.push({ pluginId, fn }); },
 
     sendToFrontend(event, data = {}) {
       broadcastFn?.({ ...data, type: `plugin.${pluginId}.${event}` });
@@ -191,13 +206,14 @@ function buildApi(pluginId, pluginDir, state) {
     getSession(id) {
       const s = sessionsFn?.()?.get(id);
       if (!s) return null;
-      return { id, name: s.name, cwd: s.cwd, commandId: s.commandId, presetId: s.presetId || 'shell', themeId: s.themeId, projectId: s.projectId, roleName: s.roleName || null, working: !!sessionStatus.get(id) };
+      const state = sessionStatus.get(id) || '';
+      return { id, name: s.name, cwd: s.cwd, commandId: s.commandId, presetId: s.presetId || 'shell', themeId: s.themeId, projectId: s.projectId, roleName: s.roleName || null, working: state.startsWith('1:') };
     },
     getSessions() {
       const sessions = sessionsFn?.();
       if (!sessions) return [];
       return [...sessions].map(([id, s]) => ({
-        id, name: s.name, cwd: s.cwd, commandId: s.commandId, presetId: s.presetId || 'shell', themeId: s.themeId, projectId: s.projectId, roleName: s.roleName || null, working: !!sessionStatus.get(id),
+        id, name: s.name, cwd: s.cwd, commandId: s.commandId, presetId: s.presetId || 'shell', themeId: s.themeId, projectId: s.projectId, roleName: s.roleName || null, working: (sessionStatus.get(id) || '').startsWith('1:'),
       }));
     },
 
@@ -219,8 +235,6 @@ function buildApi(pluginId, pluginDir, state) {
     getRoles() { return JSON.parse(JSON.stringify(getConfigFn?.()?.roles || [])); },
     getProjects() { return JSON.parse(JSON.stringify(getConfigFn?.()?.projects || [])); },
     getTranscript(id, n) { return transcript.getLastTurns(id, n || 20); },
-    getScreenTurns(id, agent, opts) { return transcript.getScreenTurns(id, agent, opts); },
-    getScreen(id) { return transcript.getScreen(id); },
     detectMenu(lines, presetId) { return transcript.detectMenu(lines, presetId); },
 
     addToolbarAction(opts) { state.actions.push({ ...opts, pluginId, slot: 'toolbar' }); },
@@ -321,8 +335,9 @@ function notifyOutput(id, data) {
 }
 
 function notifyStatus(id, working, source) {
-  if (sessionStatus.get(id) === working) return;
-  sessionStatus.set(id, working);
+  const next = `${working ? 1 : 0}:${source || ''}`;
+  if (sessionStatus.get(id) === next) return;
+  sessionStatus.set(id, next);
   for (const h of statusHooks) {
     try { h.fn(id, working, source); }
     catch (e) { console.error(`[plugin:${h.pluginId}] status error: ${e.message}`); }
@@ -343,6 +358,13 @@ function notifyMenu(id, choices) {
   }
 }
 
+function notifyConfig(cfg) {
+  for (const h of configHooks) {
+    try { h.fn(cfg); }
+    catch (e) { console.error(`[plugin:${h.pluginId}] config error: ${e.message}`); }
+  }
+}
+
 
 function updateSetting(pluginId, key, value) {
   // Validate plugin exists (also prevents __proto__ pollution — Map lookup returns undefined)
@@ -539,7 +561,7 @@ function removePlugin(pluginId) {
 module.exports = {
   PLUGINS_DIR, BUNDLED_IDS,
   init, shutdown,
-  transformInput, notifyOutput, notifyStatus, notifyTranscript, notifyMenu, clearStatus, isWorking, shouldAutoApproveMenu,
+  transformInput, notifyOutput, notifyStatus, notifyTranscript, notifyMenu, notifyConfig, clearStatus, isWorking, shouldAutoApproveMenu,
   handleMessage, updateSetting, getInfo, resolveFile, installPlugin, removePlugin,
   getPills, getPillLogs,
 };

package/plugins/autopilot/clideck-plugin.json

@@ -1,9 +1,9 @@
 {
   "id": "autopilot",
   "name": "Autopilot",
-  "version": "0.15.0",
+  "version": "0.16.0",
   "author": "CliDeck",
-  "description": "Multi-agent orchestration — routes output between agents automatically",
+  "description": "Multi-agent orchestration — routes output between agents automatically. Uses ~50 output tokens per routing decision.",
   "icon": "<svg class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 6v6l4 2\"/></svg>",
   "install": "npm",
   "settings": [
@@ -33,7 +33,7 @@
       "key": "model",
       "label": "Model",
       "type": "dynamic-select",
-      "default": "claude-haiku-4-5"
+      "default": "claude-opus-4-6"
     },
     {
       "key": "apiKey",

package/plugins/autopilot/index.js

@@ -75,6 +75,12 @@ function addTokens(pid, usage) {
   api.sendToFrontend('tokens', { projectId: pid, ...u });
 }
 
+function latestAgentOutput(id) {
+  const turns = api.getTranscript(id, 20);
+  const last = [...turns].reverse().find(t => t.role === 'agent');
+  return last?.text?.trim().slice(0, 8000) || null;
+}
+
 // --- Consumed state (persisted per-project: role → boolean) ---
 
 function captureIdleOutput(id, pid, proj) {
@@ -82,9 +88,8 @@ function captureIdleOutput(id, pid, proj) {
   if (proj.status.get(id)) return;
   const w = proj.workers.get(id);
   if (w) {
-    const turns = api.getScreenTurns(id, w.presetId, { raw: true });
-    if (turns?.length && turns[turns.length - 1].role === 'agent') {
-      const out = turns[turns.length - 1].text.trim().slice(0, 8000);
+    const out = latestAgentOutput(id);
+    if (out) {
       const oid = outputId(out);
       const prev = proj.lastOutput.get(id);
       const isNew = !prev || prev.outputId !== oid;
@@ -200,13 +205,9 @@ function refreshWorkers(pid, proj) {
       proj.workers.set(sid, w);
       proj.status.set(sid, liveStatus.get(sid));
       api.setAutoApproveMenu(sid, true);
-      // Seed output for idle new workers from .screen
       if (!liveStatus.get(sid)) {
-        const turns = api.getScreenTurns(sid, w.presetId, { raw: true });
-        if (turns?.length && turns[turns.length - 1].role === 'agent') {
-          const text = turns[turns.length - 1].text.trim().slice(0, 8000);
-          proj.lastOutput.set(sid, { text, capturedAt: Date.now(), outputId: outputId(text) });
-        }
+        const text = latestAgentOutput(sid);
+        if (text) proj.lastOutput.set(sid, { text, capturedAt: Date.now(), outputId: outputId(text) });
       }
     }
   }
@@ -398,7 +399,7 @@ async function consult(pid, proj) {
   }
 
   const provider = api.getSetting('provider') || 'anthropic';
-  const modelId = api.getSetting('model') || 'claude-haiku-4-5';
+  const modelId = api.getSetting('model') || 'claude-opus-4-6';
   const apiKey = api.getSetting('apiKey') || m.getEnvApiKey(provider) || '';
 
   if (!apiKey) {
@@ -430,11 +431,8 @@ async function consult(pid, proj) {
     let capturedAt = stored?.capturedAt || 0;
     let oid = stored?.outputId || null;
     if (!text) {
-      const turns = api.getScreenTurns(sid, w.presetId, { raw: true });
-      if (turns?.length) {
-        const last = [...turns].reverse().find(t => t.role === 'agent');
-        if (last) { text = last.text.trim().slice(0, 8000); capturedAt = capturedAt || Date.now(); oid = outputId(text); }
-      }
+      text = latestAgentOutput(sid);
+      if (text) { capturedAt = capturedAt || Date.now(); oid = outputId(text); }
     }
     entries.push({ sid, role: w.role, text, capturedAt, outputId: oid });
   }
@@ -554,14 +552,8 @@ function executeAction(pid, proj, action, args, pillId) {
       let out = stored?.text || null;
       let oid = stored?.outputId || null;
       if (!out && src) {
-        const w = proj.workers.get(src);
-        if (w) {
-          const turns = api.getScreenTurns(src, w.presetId, { raw: true });
-          if (turns?.length && turns[turns.length - 1].role === 'agent') {
-            out = turns[turns.length - 1].text.trim().slice(0, 8000);
-            oid = outputId(out);
-          }
-        }
+        out = latestAgentOutput(src);
+        if (out) oid = outputId(out);
       }
       if (!out) return `"${args.from}" has no output to route`;
 
@@ -616,10 +608,14 @@ function executeAction(pid, proj, action, args, pillId) {
 
 // --- Lifecycle ---
 
-function start(pid) {
+async function start(pid) {
   if (projects.has(pid)) return { error: 'Already running' };
   if (!enabled()) return { error: 'Autopilot disabled' };
 
+  const provider = api.getSetting('provider') || 'anthropic';
+  const apiKey = api.getSetting('apiKey') || (await ai()).getEnvApiKey(provider) || '';
+  if (!apiKey) return { error: 'Set the API key in Autopilot settings (Plugins panel)' };
+
   const { workers, status } = discoverWorkers(pid);
   if (workers.size < 1) return { error: 'No agents with roles in this project' };
 
@@ -649,12 +645,10 @@ function start(pid) {
   // Flag all workers for core menu auto-approve
   for (const [sid] of workers) api.setAutoApproveMenu(sid, true);
 
-  // Seed lastOutput from .screen for idle workers
   for (const [sid, w] of workers) {
     if (status.get(sid)) continue;
-    const turns = api.getScreenTurns(sid, w.presetId, { raw: true });
-    if (!turns?.length || turns[turns.length - 1].role !== 'agent') continue;
-    const text = turns[turns.length - 1].text.trim().slice(0, 8000);
+    const text = latestAgentOutput(sid);
+    if (!text) continue;
     proj.lastOutput.set(sid, { text, capturedAt: Date.now(), outputId: outputId(text) });
   }
 
@@ -700,13 +694,13 @@ module.exports.init = function (pluginApi) {
   });
 
   // Toggle on/off
-  api.onFrontendMessage('autopilot-toggle', (msg) => {
+  api.onFrontendMessage('autopilot-toggle', async (msg) => {
     if (projects.has(msg.projectId)) {
       stop(msg.projectId);
     } else {
       // Remove lingering pill from a previous finished run
       api.removeSessionPill(`autopilot-${msg.projectId}`);
-      const r = start(msg.projectId);
+      const r = await start(msg.projectId);
       if (r.error) api.sendToFrontend('error', { msg: r.error });
     }
   });

package/public/index.html

@@ -324,8 +324,8 @@
         <div class="mb-5">
           <label class="block text-xs text-slate-400 mb-1.5 ml-6">Minimum working time before notifying</label>
           <select id="cfg-notify-min-work" class="ml-6 px-3 py-1.5 text-sm bg-slate-800 border border-slate-600 rounded-md text-slate-200 outline-none focus:border-blue-500 transition-colors cursor-pointer">
-            <option value="0">Always</option>
-            <option value="10" selected>10 seconds</option>
+            <option value="0" selected>Always</option>
+            <option value="10">10 seconds</option>
             <option value="30">30 seconds</option>
           </select>
         </div>

package/public/js/app.js

@@ -14,6 +14,8 @@ import { registerHotkey, unregisterHotkey, unregisterAllForPlugin } from './hotk
 import { renderPrompts } from './prompts.js';
 import { renderRoles } from './roles.js';
 
+const shownAgentHealthToasts = new Set();
+
 function connect() {
   state.ws = new WebSocket(`ws://${location.host}`);
 
@@ -50,6 +52,12 @@ function connect() {
         state.presets = msg.presets;
         renderSettings();
         refreshCreator();
+        for (const p of state.presets) {
+          if (p.available && p.health && !p.health.ok && p.health.reason !== 'Not installed' && !shownAgentHealthToasts.has(p.presetId)) {
+            shownAgentHealthToasts.add(p.presetId);
+            showToast(`${p.name}: ${p.health.reason}`, { id: `agent-health-${p.presetId}`, type: p.versionOk === false ? 'error' : 'warn', duration: 0, title: 'Agent Attention' });
+          }
+        }
         break;
       case 'sessions.resumable':
         state.resumable = msg.list;
@@ -83,17 +91,23 @@ function connect() {
       case 'session.status':
         setStatus(msg.id, msg.working);
         break;
-      // Server requests screen capture (e.g. after PermissionRequest hook)
-      case 'screen.capture': {
+      // Server requests terminal capture (e.g. after PermissionRequest hook)
+      case 'terminal.capture': {
         const ce = state.terms.get(msg.id);
         if (ce?.term) {
           const buf = ce.term.buffer.active;
           const lines = [];
           for (let i = 0; i < buf.length; i++) { const line = buf.getLine(i); if (line) lines.push(line.translateToString(true)); }
-          send({ type: 'terminal.buffer', id: msg.id, lines });
+          send({ type: 'terminal.buffer', id: msg.id, lines, menuVersion: msg.menuVersion });
         }
         break;
       }
+      case 'session.history': {
+        const entry = state.terms.get(msg.id);
+        if (entry && !entry.queue(msg.text + '\n')) entry.term.write(msg.text + '\n');
+        updatePreview(msg.id);
+        break;
+      }
       // Bridge preview text (OpenCode plugin)
       case 'session.preview': {
         const pe = state.terms.get(msg.id);
@@ -193,7 +207,9 @@ function connect() {
         if (!toast) break;
         const actionsEl = toast.querySelector('.setup-actions');
         if (msg.success) {
-          const sid = toast.dataset.sessionId;
+          const sid = (toast.dataset.sessionId && toast.dataset.sessionId !== 'null' && toast.dataset.sessionId !== 'undefined')
+            ? toast.dataset.sessionId
+            : '';
           actionsEl.innerHTML = `
             <div class="flex-1 flex items-center gap-1.5 text-xs text-emerald-400">
               <svg class="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>
@@ -433,7 +449,7 @@ function showTelemetrySetup(commandId, sessionId) {
 
   const toast = document.createElement('div');
   toast.dataset.setupPreset = preset.presetId;
-  toast.dataset.sessionId = sessionId;
+  if (sessionId) toast.dataset.sessionId = sessionId;
   toast.dataset.commandId = commandId;
   toast.className = 'fixed bottom-5 right-5 z-[500] w-[360px] bg-slate-800/95 backdrop-blur-sm border border-slate-700/60 rounded-xl shadow-2xl shadow-black/60';
   toast.style.opacity = '0';

package/public/js/creator.js

@@ -35,11 +35,15 @@ function isPresetMissing(p) {
   return cmd.command === p.command;
 }
 
+function isPresetOutdated(p) {
+  return p.available !== false && p.versionOk === false;
+}
+
 // True if preset binary exists but telemetry/hooks are not configured yet
 function isPresetUnpatched(p) {
-  if (p.available === false || !p.telemetryAutoSetup) return false;
+  if (p.available === false || p.versionOk === false || !p.telemetryAutoSetup) return false;
   const cmd = findCommandForPreset(p);
-  return !cmd || !cmd.telemetryEnabled;
+  return !cmd || !cmd.telemetryStatus?.ok;
 }
 
 function renderPresetButtons() {
@@ -52,6 +56,14 @@ function renderPresetButtons() {
         <button class="install-btn px-2.5 py-1 text-[11px] font-medium text-blue-400 hover:text-blue-300 bg-blue-500/10 hover:bg-blue-500/20 rounded-md transition-colors" data-preset="${p.presetId}">Add</button>
       </div>`;
     }
+    if (isPresetOutdated(p)) {
+      return `
+      <div class="w-full flex items-center gap-2.5 px-3 py-2 rounded-md text-sm text-left text-slate-500">
+        <span class="opacity-40">${agentIcon(p.icon, 24)}</span>
+        <span class="flex-1 min-w-0">${esc(p.name)}</span>
+        <button class="install-btn px-2.5 py-1 text-[11px] font-medium text-rose-400 hover:text-rose-300 bg-rose-500/10 hover:bg-rose-500/20 rounded-md transition-colors" data-preset="${p.presetId}">Update</button>
+      </div>`;
+    }
     if (isPresetUnpatched(p)) {
       return `
       <div class="w-full flex items-center gap-2.5 px-3 py-2 rounded-md text-sm text-left text-slate-500">

package/public/js/settings.js

@@ -111,10 +111,12 @@ function integrationSection(c) {
   const preset = telemetryPreset(c);
   if (!preset) return '';
   if (!preset.telemetryAutoSetup && !preset.bridge) return '';
-  const configured = !!c.telemetryEnabled;
-  const detail = configured
-    ? `<span class="text-emerald-400/80">Configured</span> &mdash; ${esc(preset.telemetryConfigPath || '')}`
-    : `<span class="text-slate-500">Not configured</span> &mdash; enable agent to set up`;
+  const configured = !!c.telemetryStatus?.ok;
+  const detail = preset.versionOk === false
+    ? `<span class="text-rose-400/80">Update required</span> &mdash; need ${esc(preset.minVersion)}+ (found ${esc(preset.version || 'unknown')})`
+    : configured
+      ? `<span class="text-emerald-400/80">Configured</span> &mdash; ${esc(preset.telemetryConfigPath || '')}`
+      : `<span class="text-amber-400/80">${esc(c.telemetryStatus?.error || 'Needs setup')}</span> &mdash; ${esc(preset.telemetryConfigPath || '')}`;
   return `
     <div class="mt-3 pt-3 border-t border-slate-700/50">
       <div class="text-[11px] text-slate-500">${detail}</div>
@@ -383,7 +385,7 @@ function renderThemeSection() {
 function renderNotifications() {
   const enabled = !!state.cfg.notifyIdle;
   document.getElementById('cfg-notify-idle').checked = enabled;
-  document.getElementById('cfg-notify-min-work').value = state.cfg.notifyMinWork ?? 10;
+  document.getElementById('cfg-notify-min-work').value = state.cfg.notifyMinWork ?? 0;
 
   const permStatus = document.getElementById('notify-permission-status');
   if (enabled && 'Notification' in window) {
@@ -461,7 +463,7 @@ function saveConfig() {
   state.cfg.defaultPath = document.getElementById('cfg-default-path').value.trim();
   state.cfg.confirmClose = document.getElementById('cfg-confirm-close').checked;
   state.cfg.notifyIdle = document.getElementById('cfg-notify-idle').checked;
-  state.cfg.notifyMinWork = parseInt(document.getElementById('cfg-notify-min-work').value, 10) ?? 10;
+  state.cfg.notifyMinWork = parseInt(document.getElementById('cfg-notify-min-work').value, 10) || 0;
   state.cfg.notifySoundEnabled = document.getElementById('cfg-notify-sound').checked;
   state.cfg.notifySound = document.getElementById('cfg-notify-sound-pick').value;
   // Preserve fields not managed by this form

package/public/js/terminals.js

@@ -1,5 +1,5 @@
 import { state, send } from './state.js';
-import { esc, resolveIconPath } from './utils.js';
+import { esc, miniMarkdown, resolveIconPath } from './utils.js';
 import { resolveTheme, resolveAccent, applyTheme } from './profiles.js';
 import { attachToTerminal, registerHotkey } from './hotkeys.js';
 import { closeDropdown } from './prompts.js';
@@ -338,25 +338,56 @@ export function addTerminal(id, name, themeId, commandId, projectId, muted, last
   term.loadAddon(fit);
   term.onData(data => send({ type: 'input', id, data }));
 
-  // [SCREEN-CAPTURE] extract terminal buffer when BOTH idle AND render-silent (2s)
-  // Decoupled from status: telemetry knows when agent is done, onRender knows when terminal is done
-  const _hasServerStatus = cmd?.presetId === 'claude-code' || cmd?.presetId === 'codex' || cmd?.presetId === 'gemini-cli' || cmd?.presetId === 'opencode';
-  let _screenTimer = null, _renderSilent = false;
-  function _tryScreenCapture() {
+  // [TRANSCRIPT-CAPTURE] initial settled capture plus one delayed idle save
+  let _captureTimer = null, _renderSilent = false, _lastTyping = 0, _initialCaptureDone = false, _idleSaveTimer = null;
+  function _sendCapture() {
     const entry = state.terms.get(id);
-    if (!entry?.pendingScreenCapture || (!_renderSilent && !_hasServerStatus) || !entry.term) return;
-    entry.pendingScreenCapture = false;
+    if (!entry?.term) return;
     const buf = entry.term.buffer.active;
     const lines = [];
     for (let i = 0; i < buf.length; i++) { const line = buf.getLine(i); if (line) lines.push(line.translateToString(true)); }
     send({ type: 'terminal.buffer', id, lines });
   }
-  let _lastTyping = 0;
-  term.onData(() => { _lastTyping = Date.now(); });
+  function _isChrome(t) {
+    return !t
+      || /^[─━═\u2500-\u257f]+$/.test(t)
+      || /^[▀▄█▌▐░▒▓╭╮╰╯│╔╗╚╝║]+$/.test(t)
+      || (/[█▀▄▌▐░▒▓]/.test(t) && /^[█▀▄▌▐░▒▓\s]+$/.test(t))
+      || /^[❯>$%#]\s*$/.test(t)
+      || /^(esc to interrupt|\? for shortcuts)$/i.test(t);
+  }
+  function _hasContent() {
+    const entry = state.terms.get(id);
+    if (!entry?.term) return false;
+    const buf = entry.term.buffer.active;
+    for (let i = 0; i < buf.length; i++) {
+      const text = buf.getLine(i)?.translateToString(true).trim();
+      if (!_isChrome(text)) return true;
+    }
+    return false;
+  }
+  function _tryCapture() {
+    const entry = state.terms.get(id);
+    if (!_renderSilent || Date.now() - _lastTyping < 2000) return;
+    // Initial capture: first time render settles with real content, capture regardless of working/idle
+    if (!_initialCaptureDone) {
+      if (!_hasContent()) return; // retry on next silence
+      _initialCaptureDone = true;
+      _sendCapture();
+      return;
+    }
+  }
+  term.onData(() => {
+    _lastTyping = Date.now();
+    // User typing invalidates pending capture — will re-try after silence
+    _renderSilent = false;
+    clearTimeout(_captureTimer);
+    _captureTimer = setTimeout(() => { _renderSilent = true; _tryCapture(); }, 2000);
+  });
   term.onRender(() => {
     _renderSilent = false;
-    clearTimeout(_screenTimer);
-    _screenTimer = setTimeout(() => { _renderSilent = true; _tryScreenCapture(); }, 2000);
+    clearTimeout(_captureTimer);
+    _captureTimer = setTimeout(() => { _renderSilent = true; _tryCapture(); }, 2000);
   });
   term.onWriteParsed(() => {
     if (Date.now() - _lastTyping < 500) return;
@@ -364,8 +395,23 @@ export function addTerminal(id, name, themeId, commandId, projectId, muted, last
     if (entry) entry.lastRenderAt = Date.now();
   });
 
-  // Expose capture function so setStatus can trigger it when idle arrives after render silence
-  setTimeout(() => { const e = state.terms.get(id); if (e) e.tryScreenCapture = _tryScreenCapture; }, 0);
+  // Expose capture function so setStatus can schedule a retry
+  setTimeout(() => {
+    const e = state.terms.get(id);
+    if (e) {
+      e.tryCapture = _tryCapture;
+      e.sendCaptureNow = _sendCapture;
+      e.scheduleIdleCapture = () => {
+        clearTimeout(_idleSaveTimer);
+        _idleSaveTimer = setTimeout(() => {
+          const entry = state.terms.get(id);
+          if (!entry || entry.working) return;
+          _sendCapture();
+        }, 300);
+      };
+      e.cancelIdleCapture = () => clearTimeout(_idleSaveTimer);
+    }
+  }, 0);
 
   term.open(el);
   attachToTerminal(term);
@@ -394,8 +440,21 @@ export function addTerminal(id, name, themeId, commandId, projectId, muted, last
     fitRaf = requestAnimationFrame(() => { fitRaf = 0; doFit(); });
   });
   ro.observe(el);
-  // Safety: if RO hasn't fired within 500ms, flush anyway to avoid unbounded queue
-  setTimeout(() => { if (!fitted) { fitted = true; for (const chunk of pending) term.write(chunk); pending = null; updatePreview(id); } }, 500);
+  // Safety: if RO hasn't fired within 500ms, flush anyway to avoid unbounded queue.
+  // If the element is hidden (background tab), force a reasonable default size so the PTY
+  // doesn't stay at a tiny default and produce garbled output.
+  setTimeout(() => {
+    if (!fitted) {
+      fitted = true;
+      if (!el.offsetWidth) {
+        term.resize(120, 30);
+        send({ type: 'resize', id, cols: 120, rows: 30 });
+      }
+      for (const chunk of pending) term.write(chunk);
+      pending = null;
+      updatePreview(id);
+    }
+  }, 500);
   const cancelFitRaf = () => { if (fitRaf) { cancelAnimationFrame(fitRaf); fitRaf = 0; } };
   state.terms.set(id, { term, fit, el, ro, cancelFitRaf, themeId, commandId, projectId: projectId || null, muted: !!muted, working: false, workStartedAt: null, stopBounce, queue: (data) => { if (!fitted) { pending.push(data); return true; } return false; }, lastActivityAt: Date.now(), unread: false, lastPreviewText: lastPreview || '', searchText: '' });
   document.getElementById('empty').style.display = 'none';
@@ -526,7 +585,7 @@ function setStatus(id, working) {
 
   // Notify on working → idle transition
   if (wasWorking && !working && !entry.muted) {
-    const minWork = state.cfg.notifyMinWork ?? 10;
+    const minWork = state.cfg.notifyMinWork ?? 0;
     const workDuration = (Date.now() - (entry.workStartedAt || 0)) / 1000;
     if (workDuration >= minWork) {
       entry.workStartedAt = null;
@@ -546,11 +605,15 @@ function setStatus(id, working) {
     }
   }
 
-  // Mark idle so the onRender silence watcher can capture .screen
-  // Also try immediately — renders may already be silent
-  if (wasWorking && !working) { entry.pendingScreenCapture = true; entry.tryScreenCapture?.(); }
+  // Save once shortly after idle unless the agent resumes first.
+  if (wasWorking && !working) {
+    entry.scheduleIdleCapture?.();
+  }
 
-  if (working && !entry.workStartedAt) entry.workStartedAt = Date.now();
+  if (working) {
+    entry.cancelIdleCapture?.();
+    if (!entry.workStartedAt) entry.workStartedAt = Date.now();
+  }
 
   const el = document.querySelector(`.group[data-id="${id}"] .session-status`);
   if (!el) return;
@@ -1112,7 +1175,7 @@ function openPillLog(id) {
           <span class="flex-1"></span>
           <button class="pill-log-clear text-[11px] text-slate-600 hover:text-slate-400 transition-colors">Clear</button>
         </div>
-        <div class="pill-log-body flex-1 overflow-y-auto p-4 font-mono text-xs leading-relaxed tmx-scroll"></div>
+        <div class="pill-log-body flex-1 overflow-y-auto p-4 text-xs leading-relaxed tmx-scroll"></div>
       </div>`;
     document.getElementById('terminals').appendChild(panel);
     panel.querySelector('.pill-log-clear').addEventListener('click', () => {
@@ -1147,9 +1210,45 @@ function appendLogLine(entry) {
   const body = document.querySelector('#pill-log-panel .pill-log-body');
   if (!body) return;
   const line = document.createElement('div');
-  line.className = 'flex gap-3 py-0.5';
   const time = new Date(entry.ts).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' });
-  line.innerHTML = `<span class="text-slate-600 flex-shrink-0">${time}</span><span class="text-slate-400">${esc(entry.text)}</span>`;
+  const t = entry.text;
+
+  // Categorize log entries for visual treatment
+  let color = 'text-slate-400';
+  let icon = '';
+  let content = esc(t);
+  if (/^Started with/.test(t)) {
+    color = 'text-emerald-400';
+    icon = '<span class="text-emerald-500">&#9654;</span>';
+  } else if (/^Routed /.test(t)) {
+    color = 'text-indigo-400';
+    icon = '<span class="text-indigo-500">&#8594;</span>';
+  } else if (/^Notify:/.test(t)) {
+    color = 'text-amber-300';
+    icon = '<span class="text-amber-500">&#9679;</span>';
+    content = '<strong class="text-amber-300">Notify:</strong> ' + miniMarkdown(t.replace(/^Notify:\s*/, ''));
+  } else if (/^Consulting /.test(t)) {
+    color = 'text-slate-500';
+    icon = '<span class="text-slate-600">&#8230;</span>';
+  } else if (/→ working$/.test(t)) {
+    color = 'text-blue-400';
+    icon = '<span class="text-blue-500">&#9679;</span>';
+  } else if (/→ idle$/.test(t)) {
+    color = 'text-slate-500';
+    icon = '<span class="text-slate-600">&#9675;</span>';
+  } else if (/^Completed$/.test(t)) {
+    color = 'text-emerald-400';
+    icon = '<span class="text-emerald-500">&#10003;</span>';
+  } else if (/^Stopped$/.test(t)) {
+    color = 'text-slate-500';
+    icon = '<span class="text-slate-600">&#9632;</span>';
+  } else if (/^Paused/.test(t)) {
+    color = 'text-amber-400';
+    icon = '<span class="text-amber-500">&#9646;&#9646;</span>';
+  }
+
+  line.className = 'flex gap-3 py-1 items-start';
+  line.innerHTML = `<span class="text-slate-600 flex-shrink-0 tabular-nums">${time}</span><span class="w-4 flex-shrink-0 text-center">${icon}</span><span class="${color} leading-relaxed">${content}</span>`;
   body.appendChild(line);
   body.scrollTop = body.scrollHeight;
 }