clideck 1.31.17 → 1.31.18

package/README.md

@@ -18,9 +18,9 @@
   <img src="assets/clideck-themes.jpg" width="720" alt="clideck dashboard">
 </p>
 
-clideck is a local app for running multiple AI coding agents without juggling terminals. Claude Code, Codex, Gemini CLI, and OpenCode all live in one browser window with a chat-style sidebar, live status, message previews, session resume, and projects to keep things organized. an autopilot routes work between agents automatically, and an E2E encrypted mobile relay gives full control over all agents from a phone.
+clideck is a local app for running multiple AI coding agents without juggling terminals. Claude Code, Codex, Gemini CLI, OpenCode, and Pi all live in one browser window with a chat-style sidebar, live status, message previews, session resume, and projects to keep things organized. an autopilot routes work between agents automatically, and an E2E encrypted mobile relay gives full control over all agents from a phone.
 
-the main problem with using multiple agents is not starting them. it is managing them. terminals pile up, finished work gets missed, good sessions disappear after a restart. clideck does not sit in the middle rewriting prompts or output - it only watches lightweight status signals (OpenTelemetry) so it can tell which agent is working, which is idle, and which is waiting. everything runs locally, no data leaves your machine.
+the main problem with using multiple agents is not starting them. it is managing them. terminals pile up, finished work gets missed, good sessions disappear after a restart. clideck does not sit in the middle rewriting prompts or output - it only watches lightweight status signals from each agent so it can tell which agent is working, which is idle, and which is waiting. everything runs locally, no data leaves your machine.
 
 ## Why this exists
 
@@ -47,7 +47,7 @@ clideck --port 4001
 
 ## What makes it useful
 
-**Live status** - see which agent is working and which is waiting. Status detection for Claude Code, Codex, Gemini CLI, and OpenCode.
+**Live status** - see which agent is working and which is waiting. Status detection for Claude Code, Codex, Gemini CLI, OpenCode, and Pi.
 
 **Session resume** - close the lid, reopen tomorrow, pick up where things left off. each agent's session ID is captured automatically.
 
@@ -79,7 +79,7 @@ If project or session names contain spaces, quote the whole target. The target i
 
 ## Supported agents
 
-Claude Code, Codex, Gemini CLI, OpenCode, Shell, and any other terminal tool.
+Claude Code, Codex, Gemini CLI, OpenCode, Pi, Shell, and any other terminal tool.
 
 ## Also
 

package/agent-presets.json

@@ -12,7 +12,7 @@
     "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": "⏺",
     "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.",
+    "telemetrySetup": "Required for working/idle status, Autopilot, notifications, and mobile remote.\n\nCliDeck will add lifecycle hooks to ~/.claude/settings.json. Claude will ask for one-time approval on next launch.",
     "telemetryAutoSetup": {
       "label": "Patch Claude"
     },
@@ -85,6 +85,24 @@
       "label": "Install plugin"
     }
   },
+  {
+    "presetId": "pi",
+    "name": "Pi",
+    "icon": "/img/pi.svg",
+    "command": "pi",
+    "minVersion": "0.79.3",
+    "installCmd": "npm install -g --ignore-scripts @earendil-works/pi-coding-agent",
+    "isAgent": true,
+    "canResume": true,
+    "resumeCommand": "pi --session {{sessionId}}",
+    "sessionIdPattern": null,
+    "outputMarker": "•",
+    "telemetryConfigPath": "~/.pi/agent/extensions/clideck-bridge.ts",
+    "telemetrySetup": "Required for working/idle status, resume, Autopilot, notifications, and mobile remote.\n\nCliDeck will install a small Pi extension to ~/.pi/agent/extensions/clideck-bridge.ts.",
+    "telemetryAutoSetup": {
+      "label": "Install extension"
+    }
+  },
   {
     "presetId": "clideck-agent",
     "name": "Clideck Agent",

package/bin/claude-hook.js

@@ -15,6 +15,9 @@ process.stdin.on('end', () => {
   const body = JSON.stringify({
     clideck_id: process.env.CLIDECK_SESSION_ID || '',
     session_id: hook.session_id || '',
+    hook_event_name: hook.hook_event_name || '',
+    source: hook.source || '',
+    reason: hook.reason || '',
     payload: stdin.trim() || undefined,
   });
   const req = http.request({

package/handlers.js

@@ -21,7 +21,11 @@ function clientPresets() {
 function filterClientCommands(commands) {
   const allowedPresetIds = new Set(clientPresets().map(p => p.presetId));
   const knownPresetIds = new Set(presets.map(p => p.presetId));
-  return (commands || []).filter(cmd => !cmd.presetId || allowedPresetIds.has(cmd.presetId) || !knownPresetIds.has(cmd.presetId));
+  return (commands || []).filter(cmd => {
+    if (cmd.presetId && !allowedPresetIds.has(cmd.presetId) && knownPresetIds.has(cmd.presetId)) return false;
+    const preset = cmd.presetId ? presets.find(p => p.presetId === cmd.presetId) : null;
+    return !(preset?.available === false && String(cmd.command || '').trim() === String(preset.command || '').trim());
+  });
 }
 const transcript = require('./transcript');
 const plugins = require('./plugin-loader');
@@ -93,6 +97,7 @@ function configRootFor(preset, cmd) {
   if (preset?.presetId === 'claude-code') return expandHomePath(env.CLAUDE_CONFIG_DIR) || join(os.homedir(), '.claude');
   if (preset?.presetId === 'codex') return expandHomePath(env.CODEX_HOME) || join(os.homedir(), '.codex');
   if (preset?.presetId === 'gemini-cli') return join(expandHomePath(env.GEMINI_CLI_HOME) || os.homedir(), '.gemini');
+  if (preset?.presetId === 'pi') return expandHomePath(env.PI_CODING_AGENT_DIR) || join(os.homedir(), '.pi', 'agent');
   return os.homedir();
 }
 
@@ -173,6 +178,14 @@ function hasExistingHook(arr, hookFile, route) {
   }));
 }
 
+function hasAnyExistingHook(hooks, hookFile) {
+  return Object.values(hooks || {}).some(arr => arr?.some(h => h.hooks?.some(x => {
+    if (!x.command?.includes(hookFile)) return false;
+    const hookPath = extractQuotedPath(x.command, hookFile);
+    return !!hookPath && existsSync(hookPath);
+  })));
+}
+
 function codexHooksFeatureEnabled(content) {
   let inFeatures = false;
   for (const line of String(content || '').split(/\r?\n/)) {
@@ -211,6 +224,23 @@ function opencodeBridgeLooksHealthy() {
   }
 }
 
+function piBridgePath(cmd) {
+  return join(configRootFor({ presetId: 'pi' }, cmd), 'extensions', 'clideck-bridge.ts');
+}
+
+function piBridgeLooksHealthy(cmd) {
+  const bridgePath = piBridgePath(cmd);
+  if (!existsSync(bridgePath)) return false;
+  try {
+    const content = readFileSync(bridgePath, 'utf8');
+    return content.includes('/hook/pi')
+      && content.includes('CLIDECK_SESSION_ID')
+      && content.includes('sessionManager.getSessionId');
+  } catch {
+    return false;
+  }
+}
+
 function detectTelemetryConfig(c) {
   const port = String(PORT);
   let changed = false;
@@ -223,15 +253,23 @@ function detectTelemetryConfig(c) {
       if (!preset) continue;
       let detected = false;
       let reason = '';
+      let repairAllowed = cmd.telemetrySetupConsent === true;
       if (preset.presetId === 'claude-code') {
         try {
           const s = JSON.parse(readFileSync(join(configRootFor(preset, cmd), 'settings.json'), 'utf8'));
           const hooks = s.hooks || {};
+          repairAllowed = repairAllowed || hasAnyExistingHook(hooks, 'claude-hook.js');
           detected = hasExistingHook(hooks.UserPromptSubmit, 'claude-hook.js', 'start')
                   && hasExistingHook(hooks.Stop, 'claude-hook.js', 'stop')
                   && hasExistingHook(hooks.StopFailure, 'claude-hook.js', 'stop')
+                  && hasExistingHook(hooks.SessionStart, 'claude-hook.js', 'session-start')
+                  && hasExistingHook(hooks.SessionEnd, 'claude-hook.js', 'session-end')
                   && hasExistingHook(hooks.PreToolUse, 'claude-hook.js', 'menu')
                   && hooks.Notification?.some(h => h.matcher === 'idle_prompt' && hasExistingHook([h], 'claude-hook.js', 'idle'));
+          if (detected && cmd.telemetrySetupConsent !== true) {
+            cmd.telemetrySetupConsent = true;
+            changed = true;
+          }
           if (!detected) reason = 'Needs re-patch';
         } catch {}
       } else if (preset.presetId === 'codex') {
@@ -254,11 +292,14 @@ function detectTelemetryConfig(c) {
       } else if (preset.presetId === 'opencode') {
         detected = opencodeBridgeLooksHealthy();
         if (!detected) reason = 'Needs re-patch';
+      } else if (preset.presetId === 'pi') {
+        detected = piBridgeLooksHealthy(cmd);
+        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 && cmd.telemetrySetupConsent === true && preset.telemetryAutoSetup && preset.available && preset.versionOk && !attemptedRepairs.has(cmd.id || preset.presetId)) {
+      } else if (!detected && cmd.telemetryEnabled && repairAllowed && preset.telemetryAutoSetup && preset.available && preset.versionOk && !attemptedRepairs.has(cmd.id || preset.presetId)) {
         attemptedRepairs.add(cmd.id || preset.presetId);
         const repaired = applyTelemetryConfig(preset, cmd);
         if (repaired.success) {
@@ -364,6 +405,7 @@ function onConnection(ws) {
           if (choices) transcript.commitAgentCandidate(msg.id, sess.presetId);
           if (key !== (sess._menuKey || '')) {
             sess._menuKey = key;
+            sess._menuStartsWork = !(sess.presetId === 'claude-code' && !msg.menuVersion);
             sessions.broadcast({ type: 'session.menu', id: msg.id, choices: choices || [] });
             if (choices) {
               if (sess.presetId === 'claude-code' && msg.menuVersion) sess._menuActiveVersion = msg.menuVersion;
@@ -387,6 +429,7 @@ function onConnection(ws) {
         checkAvailability();
         if (detectTelemetryConfig(cfg)) config.save(cfg);
         ws.send(JSON.stringify({ type: 'presets', presets: clientPresets() }));
+        ws.send(JSON.stringify({ type: 'config', config: configForClient() }));
         break;
 
       case 'config.update':
@@ -409,6 +452,16 @@ function onConnection(ws) {
         const targetCmd = msg.commandId ? cfg.commands.find(c => c.id === msg.commandId) : null;
         const preset = targetCmd ? presetForCommand(targetCmd) : presets.find(p => p.presetId === msg.presetId);
         if (!preset?.telemetryAutoSetup) break;
+        if (preset.available === false) {
+          ws.send(JSON.stringify({
+            type: 'telemetry.autosetup.result',
+            presetId: preset.presetId,
+            commandId: msg.commandId || null,
+            success: false,
+            output: `${preset.name} is not installed`,
+          }));
+          break;
+        }
         const result = applyTelemetryConfig(preset, targetCmd);
         for (const cmd of cfg.commands) {
           if (targetCmd ? cmd.id === targetCmd.id : presetForCommand(cmd)?.presetId === preset.presetId) {
@@ -709,18 +762,28 @@ function applyTelemetryConfig(preset, cmd = null) {
       const hookCmd = (route) => `"${process.execPath.replace(/\\/g, '/')}" "${join(__dirname, 'bin', 'claude-hook.js').replace(/\\/g, '/')}" ${port} ${route}`;
       const clideckHook = (route) => ({ hooks: [{ type: 'command', command: hookCmd(route) }] });
       const hasClideck = (arr, path) => arr?.some(h => h.hooks?.some(x => x.command === hookCmd(path)));
-      if (hasClideck(hooks.UserPromptSubmit, 'start') && hasClideck(hooks.Stop, 'stop') && hasClideck(hooks.StopFailure, 'stop') && hasClideck(hooks.PreToolUse, 'menu') && hooks.Notification?.some(h => h.matcher === 'idle_prompt' && h.hooks?.some(x => x.command === hookCmd('idle')))) {
+      if (hasClideck(hooks.UserPromptSubmit, 'start')
+          && hasClideck(hooks.Stop, 'stop')
+          && hasClideck(hooks.StopFailure, 'stop')
+          && hasClideck(hooks.SessionStart, 'session-start')
+          && hasClideck(hooks.SessionEnd, 'session-end')
+          && hasClideck(hooks.PreToolUse, 'menu')
+          && hooks.Notification?.some(h => h.matcher === 'idle_prompt' && h.hooks?.some(x => x.command === hookCmd('idle')))) {
         return { success: true, message: 'Already configured' };
       }
       const stripOld = (arr) => (arr || []).filter(h => !h.hooks?.some(x => x.url?.includes('/hook/claude/') || x.command?.includes('claude-hook.js')));
       hooks.UserPromptSubmit = stripOld(hooks.UserPromptSubmit);
       hooks.Stop = stripOld(hooks.Stop);
       hooks.StopFailure = stripOld(hooks.StopFailure);
+      hooks.SessionStart = stripOld(hooks.SessionStart);
+      hooks.SessionEnd = stripOld(hooks.SessionEnd);
       hooks.PreToolUse = stripOld(hooks.PreToolUse);
       hooks.Notification = stripOld(hooks.Notification);
       if (!hasClideck(hooks.UserPromptSubmit, 'start')) hooks.UserPromptSubmit = [...(hooks.UserPromptSubmit || []), clideckHook('start')];
       if (!hasClideck(hooks.Stop, 'stop')) hooks.Stop = [...(hooks.Stop || []), clideckHook('stop')];
       if (!hasClideck(hooks.StopFailure, 'stop')) hooks.StopFailure = [...(hooks.StopFailure || []), clideckHook('stop')];
+      if (!hasClideck(hooks.SessionStart, 'session-start')) hooks.SessionStart = [...(hooks.SessionStart || []), clideckHook('session-start')];
+      if (!hasClideck(hooks.SessionEnd, 'session-end')) hooks.SessionEnd = [...(hooks.SessionEnd || []), clideckHook('session-end')];
       if (!hasClideck(hooks.Notification, 'idle')) hooks.Notification = [...(hooks.Notification || []), { matcher: 'idle_prompt', ...clideckHook('idle') }];
       if (!hasClideck(hooks.PreToolUse, 'menu')) hooks.PreToolUse = [...(hooks.PreToolUse || []), clideckHook('menu')];
       settings.hooks = hooks;
@@ -797,6 +860,14 @@ function applyTelemetryConfig(preset, cmd = null) {
       return { success: true, message: `Installed bridge plugin to ${opencodePluginDir}` };
     }
 
+    if (preset.presetId === 'pi') {
+      const src = join(__dirname, 'pi-extension', 'clideck-bridge.ts');
+      const dest = piBridgePath(cmd);
+      mkdirSync(dirname(dest), { recursive: true });
+      copyFileSync(src, dest);
+      return { success: true, message: `Installed Pi extension to ${dest}` };
+    }
+
     return { success: false, message: `No auto-setup for ${preset.presetId}` };
   } catch (err) {
     return { success: false, message: err.message };
@@ -811,7 +882,7 @@ function removeTelemetryConfig(preset, cmd = null) {
       let settings = {};
       try { settings = JSON.parse(readFileSync(configPath, 'utf8')); } catch {}
       if (!settings.hooks) return { success: true, message: 'No hooks to remove' };
-      for (const event of ['UserPromptSubmit', 'Stop', 'StopFailure', 'Notification', 'PreToolUse']) {
+      for (const event of ['UserPromptSubmit', 'Stop', 'StopFailure', 'SessionStart', 'SessionEnd', 'Notification', 'PreToolUse']) {
         const arr = settings.hooks[event];
         if (!arr) continue;
         settings.hooks[event] = arr.filter(h => !h.hooks?.some(x => x.url?.includes('/hook/claude/') || x.command?.includes('claude-hook.js')));
@@ -858,6 +929,11 @@ function removeTelemetryConfig(preset, cmd = null) {
       return { success: true, message: 'Removed bridge plugin' };
     }
 
+    if (preset.presetId === 'pi') {
+      try { unlinkSync(piBridgePath(cmd)); } catch {}
+      return { success: true, message: 'Removed Pi extension' };
+    }
+
     return { success: false, message: `No removal logic for ${preset.presetId}` };
   } catch (err) {
     return { success: false, message: err.message };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clideck",
-  "version": "1.31.17",
+  "version": "1.31.18",
   "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/pi-bridge.js

@@ -0,0 +1,51 @@
+// Pi bridge — receives lifecycle events from the CliDeck Pi extension.
+
+let broadcastFn = null;
+let sessionsFn = null;
+
+function init(broadcast, getSessions) {
+  broadcastFn = broadcast;
+  sessionsFn = getSessions;
+}
+
+function findByToken(token) {
+  if (!token) return null;
+  for (const [id, session] of sessionsFn?.() || []) {
+    if (session.sessionToken === token) return id;
+  }
+  return null;
+}
+
+function capture(id) {
+  setTimeout(() => broadcastFn?.({ type: 'terminal.capture', id }), 500);
+}
+
+function handleEvent(payload) {
+  if (!payload || !payload.event) return;
+  const sessions = sessionsFn?.();
+  if (!sessions) return;
+
+  const clideckId = payload.clideck_id && sessions.has(payload.clideck_id)
+    ? payload.clideck_id
+    : findByToken(payload.session_id);
+  if (!clideckId) return;
+
+  const session = sessions.get(clideckId);
+  if (session && payload.session_id && payload.event !== 'session_shutdown') {
+    session.sessionToken = payload.session_id;
+  }
+
+  if (payload.event === 'agent_start') {
+    broadcastFn?.({ type: 'session.status', id: clideckId, working: true, source: 'hook' });
+    return;
+  }
+
+  if (payload.event === 'agent_end' || payload.event === 'session_start' || payload.event === 'session_shutdown') {
+    broadcastFn?.({ type: 'session.status', id: clideckId, working: false, source: 'hook' });
+    capture(clideckId);
+  }
+}
+
+function clear() {}
+
+module.exports = { init, handleEvent, clear };

package/pi-extension/clideck-bridge.ts

@@ -0,0 +1,34 @@
+// CliDeck bridge extension for Pi.
+// Pi auto-loads this file from ~/.pi/agent/extensions/.
+
+const env = globalThis.process?.env || {};
+const baseUrl = env.CLIDECK_URL || `http://localhost:${env.CLIDECK_PORT || "4000"}`;
+const endpoint = `${baseUrl.replace(/\/$/, "")}/hook/pi`;
+
+function safeCall(fn: (() => string | undefined) | undefined): string | undefined {
+  try { return fn?.(); } catch { return undefined; }
+}
+
+function post(event: any, ctx: any): void {
+  const payload = {
+    event: event?.type || "",
+    reason: event?.reason || "",
+    clideck_id: env.CLIDECK_SESSION_ID || "",
+    session_id: safeCall(() => ctx.sessionManager.getSessionId()) || "",
+    session_file: safeCall(() => ctx.sessionManager.getSessionFile()) || "",
+    cwd: ctx?.cwd || "",
+  };
+
+  fetch(endpoint, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(payload),
+  }).catch(() => {});
+}
+
+export default function (pi: any): void {
+  pi.on("session_start", (event: any, ctx: any) => post(event, ctx));
+  pi.on("session_shutdown", (event: any, ctx: any) => post(event, ctx));
+  pi.on("agent_start", (event: any, ctx: any) => post(event, ctx));
+  pi.on("agent_end", (event: any, ctx: any) => post(event, ctx));
+}

package/public/img/pi.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="Pi">
+  <defs>
+    <linearGradient id="pi-bg" x1="10" y1="8" x2="56" y2="58" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#2dd4bf"/>
+      <stop offset="0.5" stop-color="#60a5fa"/>
+      <stop offset="1" stop-color="#a78bfa"/>
+    </linearGradient>
+  </defs>
+  <rect width="64" height="64" rx="18" fill="#0f172a"/>
+  <path d="M15 20.5c5.4-2.6 11.5-3.9 18.3-3.9 6.1 0 11.4 1.1 15.9 3.2" fill="none" stroke="url(#pi-bg)" stroke-width="5.5" stroke-linecap="round"/>
+  <path d="M24 23.5v22M40 23.5v22" fill="none" stroke="#f8fafc" stroke-width="5.5" stroke-linecap="round"/>
+  <path d="M17 45.5h30" fill="none" stroke="url(#pi-bg)" stroke-width="5.5" stroke-linecap="round"/>
+</svg>

package/public/index.html

@@ -236,7 +236,10 @@
       <div class="px-2.5 pb-2.5 flex flex-col gap-2">
         <div class="relative">
           <svg class="absolute left-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-500 pointer-events-none" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
-          <input id="search-input" type="text" placeholder="Search" class="w-full pl-9 pr-3 py-[7px] text-[13px] bg-slate-800/50 rounded-full text-slate-300 placeholder-slate-600 outline-none border border-transparent focus:border-slate-600/60 focus:bg-slate-800/80 transition-all">
+          <input id="search-input" type="text" placeholder="Search" class="w-full pl-9 pr-9 py-[7px] text-[13px] bg-slate-800/50 rounded-full text-slate-300 placeholder-slate-600 outline-none border border-transparent focus:border-slate-600/60 focus:bg-slate-800/80 transition-all">
+          <button id="search-clear" class="hidden absolute right-3 top-1/2 -translate-y-1/2 w-6 h-6 rounded-full border border-slate-700/40 bg-slate-800/40 text-slate-500 hover:text-slate-200 hover:bg-slate-700/60 transition-all flex items-center justify-center" title="Clear search" aria-label="Clear search">
+            <svg class="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="M18 6 6 18M6 6l12 12"/></svg>
+          </button>
         </div>
         <div class="flex bg-slate-800/30 rounded-lg p-[3px]">
           <button class="filter-tab flex-1 text-[11px] font-medium py-[5px] rounded-md transition-all bg-slate-700/60 text-slate-200" data-tab="all">All</button>

package/public/js/app.js

@@ -88,7 +88,7 @@ function connect() {
           for (const id of [...state.terms.keys()]) {
             if (!liveIds.has(id)) removeTerminal(id);
           }
-          msg.list.forEach(s => addTerminal(s.id, s.name, s.themeId, s.commandId, s.projectId, s.muted, s.lastPreview, s.presetId));
+          msg.list.forEach(s => addTerminal(s.id, s.name, s.themeId, s.commandId, s.projectId, s.muted, s.lastPreview, s.presetId, s.working));
           if (!state.active || !state.terms.has(state.active)) {
             const savedActive = localStorage.getItem('clideck.activeSessionId');
             const nextId = savedActive && liveIds.has(savedActive) ? savedActive : msg.list[0]?.id;
@@ -98,7 +98,7 @@ function connect() {
         break;
       case 'created':
         expandProjectForNewSession(msg.projectId);
-        if (!state.terms.has(msg.id)) addTerminal(msg.id, msg.name, msg.themeId, msg.commandId, msg.projectId, msg.muted, msg.lastPreview, msg.presetId);
+        if (!state.terms.has(msg.id)) addTerminal(msg.id, msg.name, msg.themeId, msg.commandId, msg.projectId, msg.muted, msg.lastPreview, msg.presetId, msg.working);
         select(msg.id);
         applyFilter();
         closeMobileSidebar();
@@ -506,9 +506,20 @@ document.getElementById('btn-new-project').addEventListener('click', () => {
 });
 
 // Search & filter toolbar
-document.getElementById('search-input').addEventListener('input', (e) => {
-  state.filter.query = e.target.value;
+const searchInput = document.getElementById('search-input');
+const searchClear = document.getElementById('search-clear');
+function setSearchQuery(value, focus = false) {
+  searchInput.value = value;
+  state.filter.query = value;
+  searchClear.classList.toggle('hidden', !value);
   applyFilter();
+  if (focus) searchInput.focus();
+}
+searchInput.addEventListener('input', (e) => {
+  setSearchQuery(e.target.value);
+});
+searchClear.addEventListener('click', () => {
+  setSearchQuery('', true);
 });
 document.querySelectorAll('.filter-tab').forEach(btn => {
   btn.addEventListener('click', () => setTab(btn.dataset.tab));

package/public/js/hotkeys.js

@@ -58,6 +58,7 @@ function dispatch(e) {
 // Catch keys outside terminals — skip text inputs
 document.addEventListener('keydown', (e) => {
   if (isInput(e.target)) return;
+  if (e.ctrlKey && !e.metaKey && !e.altKey && !e.shiftKey && e.code === 'KeyK') return;
   dispatch(e);
 }, true);
 
@@ -114,6 +115,16 @@ export function attachToTerminal(term, presetId) {
       term.input('\x1b[13;2u');
       return false;
     }
+    if (e.type === 'keydown'
+      && e.ctrlKey
+      && !e.metaKey
+      && !e.altKey
+      && !e.shiftKey
+      && e.code === 'KeyK') {
+      e.preventDefault();
+      term.input('\x0b');
+      return false;
+    }
     const promptResult = handleTerminalKey(e);
     if (promptResult === false) return false;
     if (e.type !== 'keydown') return true;

package/public/js/terminals.js

@@ -531,7 +531,7 @@ export function estimateSize() {
 
 // --- Terminal management ---
 
-export function addTerminal(id, name, themeId, commandId, projectId, muted, lastPreview, presetId) {
+export function addTerminal(id, name, themeId, commandId, projectId, muted, lastPreview, presetId, working = false) {
   if (state.terms.has(id)) return;
   themeId = themeId || state.cfg.defaultTheme || 'default';
 
@@ -726,6 +726,7 @@ export function addTerminal(id, name, themeId, commandId, projectId, muted, last
   }, 500);
   const cancelFitRaf = () => { if (fitRaf) { cancelAnimationFrame(fitRaf); fitRaf = 0; } };
   state.terms.set(id, { term, fit, el, ro, cancelFitRaf, onContextMenu, inputLength: 0, inputHasText: false, scrolledUp: false, themeId, commandId, presetId: presetId || null, 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: '' });
+  if (working) setStatus(id, true);
   refreshTerminalInputActions();
   document.getElementById('empty').style.display = 'none';
   document.getElementById('terminals').style.pointerEvents = '';