projax 3.3.70 → 3.3.71

package/dist/prxi.js

@@ -49,6 +49,7 @@ process.stderr.on('error', (err) => {
 });
 const core_bridge_1 = require("./core-bridge");
 const script_runner_1 = require("./script-runner");
+const agent_runner_1 = require("./agent-runner");
 const child_process_1 = require("child_process");
 const path = __importStar(require("path"));
 const os = __importStar(require("os"));
@@ -87,6 +88,19 @@ function truncateText(text, maxLength) {
         return text;
     return text.substring(0, maxLength - 3) + '...';
 }
+// Task status config
+const taskStatusConfig = {
+    pending: { color: colors.textTertiary, icon: '○' },
+    in_progress: { color: colors.accentOrange, icon: '◐' },
+    completed: { color: colors.accentGreen, icon: '●' },
+    blocked: { color: '#f85149', icon: '✗' },
+};
+const taskPriorityColors = {
+    low: colors.textTertiary,
+    medium: '#d29922',
+    high: colors.accentOrange,
+    urgent: '#f85149',
+};
 const FILTER_TYPES = ['all', 'name', 'path', 'ports', 'tags', 'running'];
 const SORT_TYPES = ['name-asc', 'name-desc', 'recent', 'oldest', 'running'];
 const FILTER_LABELS = {
@@ -115,9 +129,11 @@ const HelpModal = ({ onClose }) => {
         react_1.default.createElement(ink_1.Text, null, " "),
         react_1.default.createElement(ink_1.Text, { color: colors.accentCyan }, "View Navigation:"),
         react_1.default.createElement(ink_1.Text, null, "  1          Projects view"),
-        react_1.default.createElement(ink_1.Text, null, "  2          Workspaces view"),
-        react_1.default.createElement(ink_1.Text, null, "  3          Global processes view"),
-        react_1.default.createElement(ink_1.Text, null, "  4          Settings"),
+        react_1.default.createElement(ink_1.Text, null, "  2          Tasks view (requires selected project)"),
+        react_1.default.createElement(ink_1.Text, null, "  3          Agents view (requires selected project)"),
+        react_1.default.createElement(ink_1.Text, null, "  4          Processes view"),
+        react_1.default.createElement(ink_1.Text, null, "  5          Workspaces view"),
+        react_1.default.createElement(ink_1.Text, null, "  6          Settings"),
         react_1.default.createElement(ink_1.Text, null, "  T          Toggle terminal output panel"),
         react_1.default.createElement(ink_1.Text, null, " "),
         react_1.default.createElement(ink_1.Text, { color: colors.accentCyan }, "Projects View - Navigation:"),
@@ -464,7 +480,7 @@ const ProjectDetailsComponent = ({ project, runningProcesses, isFocused, editing
                 }
             }
         }
-        catch { }
+        catch (e) { /* Ignore parsing or file read errors */ }
     }, [project]);
     if (!project) {
         return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", flexGrow: 1, borderStyle: "round", borderColor: isFocused ? colors.accentCyan : colors.borderColor, padding: 1 },
@@ -830,6 +846,21 @@ const App = () => {
     const settingsBrowserOptions = [
         'chrome', 'firefox', 'safari', 'edge', 'custom',
     ];
+    // Agents state
+    const [agents, setAgents] = (0, react_1.useState)([]);
+    const [selectedAgentIndex, setSelectedAgentIndex] = (0, react_1.useState)(0);
+    const [runningAgentsList, setRunningAgentsList] = (0, react_1.useState)([]);
+    const [showAddAgentModal, setShowAddAgentModal] = (0, react_1.useState)(false);
+    const [editingAgent, setEditingAgent] = (0, react_1.useState)(null);
+    const [newAgentName, setNewAgentName] = (0, react_1.useState)('');
+    const [newAgentCliType, setNewAgentCliType] = (0, react_1.useState)('claude');
+    const [newAgentCliTypeIndex, setNewAgentCliTypeIndex] = (0, react_1.useState)(0);
+    const [agentInputField, setAgentInputField] = (0, react_1.useState)('name');
+    const [newAgentModel, setNewAgentModel] = (0, react_1.useState)('');
+    const [newAgentApiKey, setNewAgentApiKey] = (0, react_1.useState)('');
+    // Tasks state
+    const [tasks, setTasks] = (0, react_1.useState)([]);
+    const [selectedTaskIdx, setSelectedTaskIdx] = (0, react_1.useState)(0);
     // Get terminal dimensions
     const terminalHeight = process.stdout.rows || 24;
     const availableHeight = terminalHeight - 4; // Subtract status bar (increased for view indicator)
@@ -848,12 +879,20 @@ const App = () => {
         catch {
             // Use defaults
         }
-        // Refresh running processes and git branches every 5 seconds
+        // Refresh running processes, git branches, and running agents every 5 seconds
         const interval = setInterval(() => {
             loadRunningProcesses();
+            loadRunningAgentsList();
         }, 5000);
         return () => clearInterval(interval);
     }, []);
+    // Load agents when switching to agents view or when selected project changes
+    (0, react_1.useEffect)(() => {
+        const currentProject = projects.length > 0 ? projects[selectedIndex] : null;
+        if (currentView === 'agents' && currentProject) {
+            loadAgentsForProject(currentProject.id);
+        }
+    }, [currentView, projects, selectedIndex]);
     // Load git branches when projects change
     (0, react_1.useEffect)(() => {
         if (allProjects.length > 0) {
@@ -882,12 +921,12 @@ const App = () => {
         setDetailsScrollOffset(0); // Reset scroll when switching projects
         setDetailSelectedScript(0); // Reset selected script
     }, [selectedIndex]);
-    // Load workspaces when switching to workspaces view
-    (0, react_1.useEffect)(() => {
-        if (currentView === 'workspaces' && workspaces.length === 0) {
-            loadWorkspacesFromApi();
-        }
-    }, [currentView]);
+    // Load workspaces when switching to workspaces view (legacy - kept for future use)
+    // useEffect(() => {
+    //   if (currentView === 'workspaces' && workspaces.length === 0) {
+    //     loadWorkspacesFromApi();
+    //   }
+    // }, [currentView]);
     // Update scroll offset when selected index changes
     (0, react_1.useEffect)(() => {
         const visibleHeight = Math.max(1, availableHeight - 3);
@@ -917,6 +956,27 @@ const App = () => {
             setAllTags([]);
         }
     };
+    const loadAgentsForProject = (projectId) => {
+        try {
+            const projectAgents = (0, agent_runner_1.getAgentsByProject)(projectId);
+            setAgents(projectAgents);
+            if (selectedAgentIndex >= projectAgents.length) {
+                setSelectedAgentIndex(Math.max(0, projectAgents.length - 1));
+            }
+        }
+        catch (error) {
+            setAgents([]);
+        }
+    };
+    const loadRunningAgentsList = () => {
+        try {
+            const running = (0, agent_runner_1.getRunningAgents)();
+            setRunningAgentsList(running);
+        }
+        catch (error) {
+            setRunningAgentsList([]);
+        }
+    };
     const loadProjects = () => {
         const loadedProjects = (0, core_bridge_1.getAllProjects)();
         setAllProjects(loadedProjects);
@@ -1307,64 +1367,139 @@ const App = () => {
             }
             return;
         }
-        // Handle navigation in workspaces view
-        if (currentView === 'workspaces') {
-            if (key.upArrow || input === 'k') {
-                setSelectedWorkspaceIndex((prev) => Math.max(0, prev - 1));
-                return;
-            }
-            if (key.downArrow || input === 'j') {
-                setSelectedWorkspaceIndex((prev) => Math.min(workspaces.length - 1, prev + 1));
+        // Tasks view navigation is handled in renderTasksView
+        // Handle navigation in agents view
+        if (currentView === 'agents') {
+            // Handle add agent modal
+            if (showAddAgentModal) {
+                if (key.escape) {
+                    setShowAddAgentModal(false);
+                    setNewAgentName('');
+                    setNewAgentModel('');
+                    setNewAgentApiKey('');
+                    setNewAgentCliTypeIndex(0);
+                    setAgentInputField('name');
+                    return;
+                }
+                if (key.tab) {
+                    // Cycle through input fields
+                    const fields = ['name', 'cli_type', 'model', 'api_key'];
+                    const currentIdx = fields.indexOf(agentInputField);
+                    setAgentInputField(fields[(currentIdx + 1) % fields.length]);
+                    return;
+                }
+                if (agentInputField === 'cli_type') {
+                    if (key.upArrow || input === 'k') {
+                        setNewAgentCliTypeIndex(prev => Math.max(0, prev - 1));
+                        setNewAgentCliType(agent_runner_1.VALID_CLI_TYPES[Math.max(0, newAgentCliTypeIndex - 1)]);
+                        return;
+                    }
+                    if (key.downArrow || input === 'j') {
+                        setNewAgentCliTypeIndex(prev => Math.min(agent_runner_1.VALID_CLI_TYPES.length - 1, prev + 1));
+                        setNewAgentCliType(agent_runner_1.VALID_CLI_TYPES[Math.min(agent_runner_1.VALID_CLI_TYPES.length - 1, newAgentCliTypeIndex + 1)]);
+                        return;
+                    }
+                }
+                if (key.return && agentInputField === 'api_key' && newAgentName.trim()) {
+                    // Create agent
+                    if (selectedProject) {
+                        const agent = (0, agent_runner_1.createAgent)(selectedProject.id, {
+                            name: newAgentName.trim(),
+                            cli_type: newAgentCliType,
+                            model: newAgentModel.trim() || null,
+                            api_key: newAgentApiKey.trim() || null,
+                        });
+                        if (agent) {
+                            loadAgentsForProject(selectedProject.id);
+                            setShowAddAgentModal(false);
+                            setNewAgentName('');
+                            setNewAgentModel('');
+                            setNewAgentApiKey('');
+                            setNewAgentCliTypeIndex(0);
+                            setAgentInputField('name');
+                        }
+                        else {
+                            setError('Failed to create agent');
+                        }
+                    }
+                    return;
+                }
+                // Handle text input
+                if (agentInputField === 'name') {
+                    if (key.backspace || key.delete) {
+                        setNewAgentName(prev => prev.slice(0, -1));
+                    }
+                    else if (input && input.length === 1 && !key.ctrl && !key.meta) {
+                        setNewAgentName(prev => prev + input);
+                    }
+                    return;
+                }
+                if (agentInputField === 'model') {
+                    if (key.backspace || key.delete) {
+                        setNewAgentModel(prev => prev.slice(0, -1));
+                    }
+                    else if (input && input.length === 1 && !key.ctrl && !key.meta) {
+                        setNewAgentModel(prev => prev + input);
+                    }
+                    return;
+                }
+                if (agentInputField === 'api_key') {
+                    if (key.backspace || key.delete) {
+                        setNewAgentApiKey(prev => prev.slice(0, -1));
+                    }
+                    else if (input && input.length === 1 && !key.ctrl && !key.meta) {
+                        setNewAgentApiKey(prev => prev + input);
+                    }
+                    return;
+                }
                 return;
             }
-        }
-        // Handle navigation in processes view
-        if (currentView === 'processes') {
+            // Navigation
             if (key.upArrow || input === 'k') {
-                setSelectedProcessIndex((prev) => Math.max(0, prev - 1));
+                setSelectedAgentIndex(prev => Math.max(0, prev - 1));
                 return;
             }
             if (key.downArrow || input === 'j') {
-                setSelectedProcessIndex((prev) => Math.min(runningProcesses.length - 1, prev + 1));
+                setSelectedAgentIndex(prev => Math.min(agents.length - 1, prev + 1));
                 return;
             }
-            if (input === 'x' && runningProcesses.length > 0) {
-                // Stop the selected process
-                const selectedProc = runningProcesses[selectedProcessIndex];
-                if (!selectedProc)
-                    return;
-                setIsLoading(true);
-                setLoadingMessage(`Stopping process ${selectedProc.pid}...`);
-                setTimeout(async () => {
-                    try {
-                        await (0, script_runner_1.stopScript)(selectedProc.pid);
-                        await loadRunningProcesses();
-                        setIsLoading(false);
+            // Add agent
+            if (input === 'a') {
+                setShowAddAgentModal(true);
+                setAgentInputField('name');
+                return;
+            }
+            // Launch agent
+            if (key.return || input === 'l') {
+                const agent = agents[selectedAgentIndex];
+                if (agent && selectedProject) {
+                    const success = (0, agent_runner_1.launchAgentInTerminal)(agent, selectedProject.path);
+                    if (success) {
+                        setError(null);
                     }
-                    catch (err) {
-                        setIsLoading(false);
-                        setError(err instanceof Error ? err.message : String(err));
+                    else {
+                        setError('Failed to launch agent');
                     }
-                }, 100);
+                }
                 return;
             }
-            if (input === 'X' && runningProcesses.length > 0) {
-                // Stop ALL processes
-                setIsLoading(true);
-                setLoadingMessage('Stopping all processes...');
-                setTimeout(async () => {
-                    try {
-                        for (const proc of runningProcesses) {
-                            await (0, script_runner_1.stopScript)(proc.pid);
-                        }
-                        await loadRunningProcesses();
-                        setIsLoading(false);
+            // Delete agent
+            if (input === 'd') {
+                const agent = agents[selectedAgentIndex];
+                if (agent) {
+                    const success = (0, agent_runner_1.deleteAgent)(agent.id);
+                    if (success && selectedProject) {
+                        loadAgentsForProject(selectedProject.id);
                     }
-                    catch (err) {
-                        setIsLoading(false);
-                        setError(err instanceof Error ? err.message : String(err));
+                    else {
+                        setError('Failed to delete agent');
                     }
-                }, 100);
+                }
+                return;
+            }
+            // Back to projects
+            if (key.escape) {
+                setCurrentView('projects');
                 return;
             }
         }
@@ -1415,14 +1550,28 @@ const App = () => {
             return;
         }
         if (input === '2') {
-            setCurrentView('workspaces');
+            setCurrentView('tasks');
             return;
         }
         if (input === '3') {
-            setCurrentView('processes');
+            if (selectedProject) {
+                setCurrentView('agents');
+                loadAgentsForProject(selectedProject.id);
+            }
+            else {
+                setError('Select a project first to manage agents');
+            }
             return;
         }
         if (input === '4') {
+            setCurrentView('processes');
+            return;
+        }
+        if (input === '5') {
+            setCurrentView('workspaces');
+            return;
+        }
+        if (input === '6') {
             setCurrentView('settings');
             return;
         }
@@ -1940,21 +2089,182 @@ const App = () => {
             react_1.default.createElement(ink_1.Text, null, " "),
             react_1.default.createElement(ink_1.Text, { color: colors.textTertiary }, "Tab: switch section | \u2191\u2193/jk: select | Space/Enter: choose")));
     };
+    // Load tasks when switching to tasks view
+    (0, react_1.useEffect)(() => {
+        if (currentView === 'tasks' && selectedProject) {
+            loadTasksForProject();
+        }
+    }, [currentView, selectedProject]);
+    const loadTasksForProject = async () => {
+        if (!selectedProject)
+            return;
+        try {
+            const ports = [38124, 38125, 38126];
+            let apiBaseUrl = '';
+            for (const port of ports) {
+                try {
+                    const res = await fetch(`http://localhost:${port}/health`, { signal: AbortSignal.timeout(500) });
+                    if (res.ok) {
+                        apiBaseUrl = `http://localhost:${port}/api`;
+                        break;
+                    }
+                }
+                catch (e) { /* Ignore API port check errors */ }
+            }
+            if (!apiBaseUrl)
+                return;
+            // Get todo lists
+            const listsRes = await fetch(`${apiBaseUrl}/projects/${selectedProject.id}/todo-lists`);
+            const lists = listsRes.ok ? (await listsRes.json()) : [];
+            // Get tasks for each list
+            const allTasks = [];
+            for (const list of lists) {
+                const tasksRes = await fetch(`${apiBaseUrl}/todo-lists/${list.id}/tasks`);
+                if (tasksRes.ok) {
+                    const listTasks = (await tasksRes.json());
+                    allTasks.push(...listTasks);
+                }
+            }
+        }
+        catch (e) { /* Ignore task loading errors */ }
+    };
+    // Render Tasks view
+    const renderTasksView = () => {
+        if (!selectedProject) {
+            return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", padding: 2 },
+                react_1.default.createElement(ink_1.Text, { bold: true, color: colors.accentCyan }, "Tasks"),
+                react_1.default.createElement(ink_1.Text, null, " "),
+                react_1.default.createElement(ink_1.Text, { color: colors.textTertiary }, "Select a project first to view tasks")));
+        }
+        return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", padding: 1, height: availableHeight },
+            react_1.default.createElement(ink_1.Text, { bold: true, color: colors.accentCyan },
+                "Tasks for ",
+                selectedProject.name,
+                " (",
+                tasks.length,
+                ")"),
+            react_1.default.createElement(ink_1.Text, null, " "),
+            tasks.length === 0 ? (react_1.default.createElement(ink_1.Box, { flexDirection: "column" },
+                react_1.default.createElement(ink_1.Text, { color: colors.textTertiary }, "No tasks found"),
+                react_1.default.createElement(ink_1.Text, null, " "),
+                react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, "Press 'a' to add a task"))) : (react_1.default.createElement(ink_1.Box, { flexDirection: "column" }, tasks.map((task, idx) => {
+                const isSelected = idx === selectedTaskIdx;
+                const cfg = taskStatusConfig[task.status];
+                return (react_1.default.createElement(ink_1.Box, { key: task.id },
+                    react_1.default.createElement(ink_1.Text, { color: isSelected ? colors.accentCyan : colors.textPrimary, bold: isSelected },
+                        isSelected ? '▶ ' : '  ',
+                        react_1.default.createElement(ink_1.Text, { color: cfg.color }, cfg.icon),
+                        " ",
+                        truncateText(task.title, 40)),
+                    task.worktree_path && react_1.default.createElement(ink_1.Text, { color: colors.accentGreen }, " \uD83C\uDF3F")));
+            }))),
+            react_1.default.createElement(ink_1.Text, null, " "),
+            react_1.default.createElement(ink_1.Text, { color: colors.textTertiary }, "\u2191\u2193/jk: navigate | a: add task | Space: toggle | d: delete")));
+    };
+    // Render Agents view
+    const renderAgentsView = () => {
+        const selectedAgent = agents[selectedAgentIndex];
+        const isAgentRunning = selectedAgent
+            ? runningAgentsList.some(r => r.agentId === selectedAgent.id)
+            : false;
+        return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", padding: 1, height: availableHeight },
+            showAddAgentModal && (react_1.default.createElement(ink_1.Box, { flexDirection: "column", borderStyle: "round", borderColor: colors.accentCyan, padding: 1, width: 60 },
+                react_1.default.createElement(ink_1.Text, { bold: true, color: colors.accentCyan }, "Add New Agent"),
+                react_1.default.createElement(ink_1.Text, null, " "),
+                react_1.default.createElement(ink_1.Box, null,
+                    react_1.default.createElement(ink_1.Text, { color: agentInputField === 'name' ? colors.accentCyan : colors.textSecondary },
+                        "Name: ",
+                        agentInputField === 'name' ? '▶ ' : '  '),
+                    react_1.default.createElement(ink_1.Text, { color: colors.textPrimary }, newAgentName || '_')),
+                react_1.default.createElement(ink_1.Text, null, " "),
+                react_1.default.createElement(ink_1.Text, { color: agentInputField === 'cli_type' ? colors.accentCyan : colors.textSecondary },
+                    "CLI Type: ",
+                    agentInputField === 'cli_type' ? '▶' : ''),
+                agent_runner_1.VALID_CLI_TYPES.map((cliType, idx) => (react_1.default.createElement(ink_1.Text, { key: cliType, color: idx === newAgentCliTypeIndex ? colors.accentGreen : colors.textTertiary },
+                    idx === newAgentCliTypeIndex ? '  ● ' : '  ○ ',
+                    agent_runner_1.CLI_DISPLAY_NAMES[cliType]))),
+                react_1.default.createElement(ink_1.Text, null, " "),
+                react_1.default.createElement(ink_1.Box, null,
+                    react_1.default.createElement(ink_1.Text, { color: agentInputField === 'model' ? colors.accentCyan : colors.textSecondary },
+                        "Model (optional): ",
+                        agentInputField === 'model' ? '▶ ' : '  '),
+                    react_1.default.createElement(ink_1.Text, { color: colors.textPrimary }, newAgentModel || '_')),
+                react_1.default.createElement(ink_1.Text, null, " "),
+                react_1.default.createElement(ink_1.Box, null,
+                    react_1.default.createElement(ink_1.Text, { color: agentInputField === 'api_key' ? colors.accentCyan : colors.textSecondary },
+                        "API Key (optional): ",
+                        agentInputField === 'api_key' ? '▶ ' : '  '),
+                    react_1.default.createElement(ink_1.Text, { color: colors.textPrimary }, newAgentApiKey ? '*'.repeat(Math.min(newAgentApiKey.length, 20)) : '_')),
+                react_1.default.createElement(ink_1.Text, null, " "),
+                react_1.default.createElement(ink_1.Text, { color: colors.textTertiary }, "Tab: next field | \u2191\u2193: select CLI | Enter: create | Esc: cancel"))),
+            !showAddAgentModal && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(ink_1.Text, { bold: true, color: colors.accentCyan },
+                    "Agents for ",
+                    selectedProject?.name || 'No Project',
+                    " (",
+                    agents.length,
+                    ")"),
+                react_1.default.createElement(ink_1.Text, null, " "),
+                agents.length === 0 ? (react_1.default.createElement(ink_1.Box, { flexDirection: "column" },
+                    react_1.default.createElement(ink_1.Text, { color: colors.textTertiary }, "No agents configured for this project."),
+                    react_1.default.createElement(ink_1.Text, null, " "),
+                    react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, "Press 'a' to add an agent."))) : (react_1.default.createElement(ink_1.Box, { flexDirection: "row", height: availableHeight - 6 },
+                    react_1.default.createElement(ink_1.Box, { flexDirection: "column", width: "40%", borderStyle: "round", borderColor: colors.borderColor, padding: 1 }, agents.map((agent, index) => {
+                        const isSelected = index === selectedAgentIndex;
+                        const running = runningAgentsList.some(r => r.agentId === agent.id);
+                        return (react_1.default.createElement(ink_1.Box, { key: agent.id },
+                            react_1.default.createElement(ink_1.Text, { color: isSelected ? colors.accentCyan : colors.textPrimary, bold: isSelected },
+                                isSelected ? '▶ ' : '  ',
+                                running ? '● ' : '○ ',
+                                truncateText(agent.name, 25))));
+                    })),
+                    react_1.default.createElement(ink_1.Box, { width: 1 }),
+                    react_1.default.createElement(ink_1.Box, { flexDirection: "column", width: "60%", borderStyle: "round", borderColor: colors.borderColor, padding: 1 }, selectedAgent && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(ink_1.Text, { bold: true, color: colors.accentCyan }, selectedAgent.name),
+                        react_1.default.createElement(ink_1.Text, null, " "),
+                        react_1.default.createElement(ink_1.Text, { color: colors.textSecondary },
+                            "Type: ",
+                            react_1.default.createElement(ink_1.Text, { color: colors.textPrimary }, agent_runner_1.CLI_DISPLAY_NAMES[selectedAgent.cli_type])),
+                        selectedAgent.model && (react_1.default.createElement(ink_1.Text, { color: colors.textSecondary },
+                            "Model: ",
+                            react_1.default.createElement(ink_1.Text, { color: colors.textPrimary }, selectedAgent.model))),
+                        selectedAgent.api_key && (react_1.default.createElement(ink_1.Text, { color: colors.textSecondary },
+                            "API Key: ",
+                            react_1.default.createElement(ink_1.Text, { color: colors.accentGreen }, "configured"))),
+                        selectedAgent.system_prompt && (react_1.default.createElement(ink_1.Text, { color: colors.textSecondary },
+                            "System Prompt: ",
+                            react_1.default.createElement(ink_1.Text, { color: colors.textPrimary }, truncateText(selectedAgent.system_prompt, 40)))),
+                        react_1.default.createElement(ink_1.Text, null, " "),
+                        react_1.default.createElement(ink_1.Text, { color: isAgentRunning ? colors.accentGreen : colors.textTertiary },
+                            "Status: ",
+                            isAgentRunning ? 'Running' : 'Stopped')))))),
+                react_1.default.createElement(ink_1.Text, null, " "),
+                react_1.default.createElement(ink_1.Text, { color: colors.textTertiary }, "\u2191\u2193/jk: navigate | a: add agent | Enter/l: launch | d: delete | Esc: back to projects")))));
+    };
     return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", height: terminalHeight },
         react_1.default.createElement(ink_1.Box, { paddingX: 1, height: 1 },
             react_1.default.createElement(ink_1.Text, { color: currentView === 'projects' ? colors.accentCyan : colors.textTertiary }, "[1] Projects"),
             react_1.default.createElement(ink_1.Text, null, " "),
-            react_1.default.createElement(ink_1.Text, { color: currentView === 'workspaces' ? colors.accentCyan : colors.textTertiary }, "[2] Workspaces"),
+            react_1.default.createElement(ink_1.Text, { color: currentView === 'tasks' ? colors.accentCyan : colors.textTertiary }, "[2] Tasks"),
+            react_1.default.createElement(ink_1.Text, null, " "),
+            react_1.default.createElement(ink_1.Text, { color: currentView === 'agents' ? colors.accentCyan : colors.textTertiary }, "[3] Agents"),
             react_1.default.createElement(ink_1.Text, null, " "),
-            react_1.default.createElement(ink_1.Text, { color: currentView === 'processes' ? colors.accentCyan : colors.textTertiary }, "[3] Processes"),
+            react_1.default.createElement(ink_1.Text, { color: currentView === 'processes' ? colors.accentCyan : colors.textTertiary }, "[4] Processes"),
             react_1.default.createElement(ink_1.Text, null, " "),
-            react_1.default.createElement(ink_1.Text, { color: currentView === 'settings' ? colors.accentCyan : colors.textTertiary }, "[4] Settings"),
-            showTerminalPanel && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(ink_1.Text, { color: currentView === 'workspaces' ? colors.accentCyan : colors.textTertiary }, "[5] Workspaces"),
+            react_1.default.createElement(ink_1.Text, null, " "),
+            react_1.default.createElement(ink_1.Text, { color: currentView === 'settings' ? colors.accentCyan : colors.textTertiary }, "[6] Settings"),
+            runningAgentsList.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(ink_1.Text, null, " | "),
-                react_1.default.createElement(ink_1.Text, { color: colors.accentGreen }, "Terminal [T]")))),
+                react_1.default.createElement(ink_1.Text, { color: colors.accentGreen },
+                    "\u25CF ",
+                    runningAgentsList.length,
+                    " running")))),
         currentView === 'projects' && renderProjectsView(),
-        currentView === 'workspaces' && renderWorkspacesView(),
+        currentView === 'tasks' && renderTasksView(),
+        currentView === 'agents' && renderAgentsView(),
         currentView === 'processes' && renderProcessesView(),
+        currentView === 'workspaces' && renderWorkspacesView(),
         currentView === 'settings' && renderSettingsView(),
         react_1.default.createElement(ink_1.Box, { paddingX: 1, borderStyle: "single", borderColor: colors.borderColor, flexShrink: 0, height: 3 },
             react_1.default.createElement(StatusBar, { focusedPanel: focusedPanel, selectedProject: selectedProject }))));