feat(agents): show availability status in agent selector

Author: johannesjo

electron/ipc/agents.ts

@@ -1,3 +1,5 @@
+import { execFileSync } from 'child_process';
+
 interface AgentDef {
   id: string;
   name: string;
@@ -6,6 +8,7 @@ interface AgentDef {
   resume_args: string[];
   skip_permissions_args: string[];
   description: string;
+  available?: boolean;
 }
 
 const DEFAULT_AGENTS: AgentDef[] = [
@@ -47,6 +50,18 @@ const DEFAULT_AGENTS: AgentDef[] = [
   },
 ];
 
+function isCommandAvailable(command: string): boolean {
+  try {
+    execFileSync('which', [command], { encoding: 'utf8', timeout: 3000 });
+    return true;
+  } catch {
+    return false;
+  }
+}
+
 export function listAgents(): AgentDef[] {
-  return DEFAULT_AGENTS;
+  return DEFAULT_AGENTS.map((agent) => ({
+    ...agent,
+    available: isCommandAvailable(agent.command),
+  }));
 }

src/components/AgentSelector.tsx

@@ -49,6 +49,17 @@ export function AgentSelector(props: AgentSelectorProps) {
                 }}
               >
                 {agent.name}
+                {agent.available === false && (
+                  <span
+                    style={{
+                      'font-size': '10px',
+                      color: theme.fgMuted,
+                      'margin-left': '4px',
+                    }}
+                  >
+                    (not installed)
+                  </span>
+                )}
               </button>
             );
           }}

src/ipc/types.ts

@@ -13,6 +13,7 @@ export interface AgentDef {
   resume_args?: string[];
   skip_permissions_args?: string[];
   description: string;
+  available?: boolean;
 }
 
 export interface CreateTaskResult {