projax 3.3.70 → 3.3.71

package/dist/octopus-show-tui.js

@@ -0,0 +1,802 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.launchOctopusShowTUI = launchOctopusShowTUI;
+const react_1 = __importStar(require("react"));
+const ink_1 = require("ink");
+const ink_text_input_1 = __importDefault(require("ink-text-input"));
+const path = __importStar(require("path"));
+const os = __importStar(require("os"));
+const fs = __importStar(require("fs"));
+const child_process_1 = require("child_process");
+// Color scheme
+const colors = {
+    bgPrimary: '#0d1117',
+    bgSecondary: '#161b22',
+    borderColor: '#30363d',
+    textPrimary: '#c9d1d9',
+    textSecondary: '#8b949e',
+    textTertiary: '#6e7681',
+    accentCyan: '#39c5cf',
+    accentBlue: '#58a6ff',
+    accentGreen: '#3fb950',
+    accentPurple: '#bc8cff',
+    accentOrange: '#ffa657',
+    accentRed: '#f85149',
+    accentYellow: '#d29922',
+};
+// API helper
+class ApiClient {
+    baseUrl;
+    constructor() {
+        const dataDir = path.join(os.homedir(), '.projax');
+        const portFile = path.join(dataDir, 'api-port.txt');
+        let port = 38124;
+        if (fs.existsSync(portFile)) {
+            try {
+                port = parseInt(fs.readFileSync(portFile, 'utf-8').trim(), 10) || 38124;
+            }
+            catch (e) { /* Ignore error, use default port */ }
+        }
+        this.baseUrl = `http://localhost:${port}/api`;
+    }
+    request(endpoint, options = {}) {
+        const url = `${this.baseUrl}${endpoint}`;
+        const method = options.method || 'GET';
+        const curlCmd = method === 'GET'
+            ? `curl -s -f "${url}"`
+            : method === 'DELETE'
+                ? `curl -s -f -X DELETE "${url}"`
+                : `curl -s -f -X ${method} -H "Content-Type: application/json" ${options.body ? `-d '${options.body}'` : ''} "${url}"`;
+        const result = (0, child_process_1.execSync)(curlCmd, { encoding: 'utf-8', stdio: ['pipe', 'pipe', 'pipe'] });
+        if (!result || result.trim() === '') {
+            return undefined;
+        }
+        return JSON.parse(result);
+    }
+    // Projects
+    getProjects() {
+        return this.request('/projects') || [];
+    }
+    // Todo Lists
+    getTodoLists(projectId) {
+        return this.request(`/projects/${projectId}/todo-lists`) || [];
+    }
+    createTodoList(projectId, name, description) {
+        return this.request(`/projects/${projectId}/todo-lists`, {
+            method: 'POST',
+            body: JSON.stringify({ name, description }),
+        });
+    }
+    updateTodoList(id, updates) {
+        return this.request(`/todo-lists/${id}`, {
+            method: 'PUT',
+            body: JSON.stringify(updates),
+        });
+    }
+    deleteTodoList(id) {
+        this.request(`/todo-lists/${id}`, { method: 'DELETE' });
+    }
+    // Tasks
+    getTasks(listId) {
+        return this.request(`/todo-lists/${listId}/tasks`) || [];
+    }
+    getProjectTasks(projectId) {
+        return this.request(`/projects/${projectId}/tasks`) || [];
+    }
+    createTask(listId, title, priority, description) {
+        return this.request(`/todo-lists/${listId}/tasks`, {
+            method: 'POST',
+            body: JSON.stringify({ title, priority, description }),
+        });
+    }
+    updateTask(id, updates) {
+        return this.request(`/tasks/${id}`, {
+            method: 'PUT',
+            body: JSON.stringify(updates),
+        });
+    }
+    deleteTask(id) {
+        this.request(`/tasks/${id}`, { method: 'DELETE' });
+    }
+    toggleTask(id) {
+        return this.request(`/tasks/${id}/toggle`, { method: 'POST' });
+    }
+    // Agents
+    getAgents(projectId) {
+        return this.request(`/projects/${projectId}/agents`) || [];
+    }
+    assignAgent(taskId, agentId) {
+        return this.request(`/tasks/${taskId}/assign-agent`, {
+            method: 'POST',
+            body: JSON.stringify({ agent_id: agentId }),
+        });
+    }
+    startTask(taskId) {
+        return this.request(`/tasks/${taskId}/start`, { method: 'POST' });
+    }
+    mergeTask(taskId) {
+        return this.request(`/tasks/${taskId}/merge`, { method: 'POST' });
+    }
+    abortTask(taskId) {
+        return this.request(`/tasks/${taskId}/abort`, { method: 'POST' });
+    }
+    getRunningRuns() {
+        return this.request('/runs/running') || [];
+    }
+}
+const api = new ApiClient();
+// Priority colors
+const priorityColors = {
+    low: colors.textTertiary,
+    medium: colors.accentYellow,
+    high: colors.accentOrange,
+    urgent: colors.accentRed,
+};
+// Status colors and icons
+const statusConfig = {
+    pending: { color: colors.textTertiary, icon: '○' },
+    in_progress: { color: colors.accentYellow, icon: '◐' },
+    completed: { color: colors.accentGreen, icon: '●' },
+    blocked: { color: colors.accentRed, icon: '✗' },
+};
+// Help Modal
+const HelpModal = ({ onClose }) => {
+    (0, ink_1.useInput)((input, key) => {
+        if (key.escape || input === 'q' || key.return) {
+            onClose();
+        }
+    });
+    return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", borderStyle: "round", borderColor: colors.accentCyan, padding: 1, width: 80 },
+        react_1.default.createElement(ink_1.Text, { bold: true, color: colors.accentCyan }, "\uD83D\uDC19 Octopus - Task Manager Help"),
+        react_1.default.createElement(ink_1.Newline, null),
+        react_1.default.createElement(ink_1.Text, { color: colors.accentCyan }, "Navigation:"),
+        react_1.default.createElement(ink_1.Text, null, "  \u2191/k  \u2193/j      Move up/down in lists"),
+        react_1.default.createElement(ink_1.Text, null, "  Tab/\u2190\u2192        Switch between panels"),
+        react_1.default.createElement(ink_1.Text, null, "  Enter         Select / Toggle task status"),
+        react_1.default.createElement(ink_1.Newline, null),
+        react_1.default.createElement(ink_1.Text, { color: colors.accentCyan }, "Project Panel:"),
+        react_1.default.createElement(ink_1.Text, null, "  n             Create new todo list"),
+        react_1.default.createElement(ink_1.Text, null, "  d             Delete todo list"),
+        react_1.default.createElement(ink_1.Text, null, "  r             Rename todo list"),
+        react_1.default.createElement(ink_1.Newline, null),
+        react_1.default.createElement(ink_1.Text, { color: colors.accentCyan }, "Task Panel:"),
+        react_1.default.createElement(ink_1.Text, null, "  a             Add new task"),
+        react_1.default.createElement(ink_1.Text, null, "  e             Edit task title"),
+        react_1.default.createElement(ink_1.Text, null, "  d             Delete task"),
+        react_1.default.createElement(ink_1.Text, null, "  Space         Toggle task status"),
+        react_1.default.createElement(ink_1.Text, null, "  g             Assign agent to task"),
+        react_1.default.createElement(ink_1.Text, null, "  s             Start agent (creates worktree)"),
+        react_1.default.createElement(ink_1.Text, null, "  m             Merge worktree back"),
+        react_1.default.createElement(ink_1.Text, null, "  x             Abort worktree"),
+        react_1.default.createElement(ink_1.Newline, null),
+        react_1.default.createElement(ink_1.Text, { color: colors.accentCyan }, "General:"),
+        react_1.default.createElement(ink_1.Text, null, "  ?             Show this help"),
+        react_1.default.createElement(ink_1.Text, null, "  q/Esc         Quit"),
+        react_1.default.createElement(ink_1.Newline, null),
+        react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, "Press any key to close...")));
+};
+// Input Modal
+const InputModal = ({ title, initialValue = '', onSubmit, onCancel }) => {
+    const [value, setValue] = (0, react_1.useState)(initialValue);
+    (0, ink_1.useInput)((input, key) => {
+        if (key.escape) {
+            onCancel();
+        }
+        if (key.return) {
+            if (value.trim()) {
+                onSubmit(value.trim());
+            }
+        }
+    });
+    return (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 }, title),
+        react_1.default.createElement(ink_1.Newline, null),
+        react_1.default.createElement(ink_1.Box, null,
+            react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, " "),
+            react_1.default.createElement(ink_text_input_1.default, { value: value, onChange: setValue, placeholder: "Enter value..." })),
+        react_1.default.createElement(ink_1.Newline, null),
+        react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, "Press Enter to confirm, Esc to cancel")));
+};
+// Confirm Modal
+const ConfirmModal = ({ message, onConfirm, onCancel }) => {
+    (0, ink_1.useInput)((input, key) => {
+        if (key.escape || input === 'n') {
+            onCancel();
+        }
+        if (input === 'y' || key.return) {
+            onConfirm();
+        }
+    });
+    return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", borderStyle: "round", borderColor: colors.accentRed, padding: 1, width: 60 },
+        react_1.default.createElement(ink_1.Text, { bold: true, color: colors.accentRed }, "Confirm Action"),
+        react_1.default.createElement(ink_1.Newline, null),
+        react_1.default.createElement(ink_1.Text, null, message),
+        react_1.default.createElement(ink_1.Newline, null),
+        react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, "Press y/Enter to confirm, n/Esc to cancel")));
+};
+// Project List Panel
+const ProjectListPanel = ({ projects, todoLists, selectedProjectIndex, selectedListIndex, isFocused, height, onSelectProject, onSelectList, }) => {
+    const scrollOffset = Math.max(0, selectedProjectIndex - Math.floor(height / 3));
+    const visibleProjects = projects.slice(scrollOffset, scrollOffset + height - 6);
+    return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", width: "30%", height: height, borderStyle: "round", borderColor: isFocused ? colors.accentCyan : colors.borderColor, padding: 1 },
+        react_1.default.createElement(ink_1.Text, { bold: true, color: colors.textPrimary },
+            "Projects (",
+            projects.length,
+            ")"),
+        react_1.default.createElement(ink_1.Newline, null),
+        projects.length === 0 ? (react_1.default.createElement(ink_1.Text, { color: colors.textTertiary }, "No projects found")) : (react_1.default.createElement(ink_1.Box, { flexDirection: "column" }, visibleProjects.map((project, idx) => {
+            const actualIndex = scrollOffset + idx;
+            const isSelected = actualIndex === selectedProjectIndex;
+            const listCount = todoLists.filter(l => l.project_id === project.id).length;
+            return (react_1.default.createElement(ink_1.Box, { key: project.id },
+                react_1.default.createElement(ink_1.Text, { color: isSelected ? colors.accentCyan : colors.textPrimary, bold: isSelected },
+                    isSelected ? '▶ ' : '  ',
+                    project.name),
+                listCount > 0 && (react_1.default.createElement(ink_1.Text, { color: colors.textTertiary },
+                    " [",
+                    listCount,
+                    "]"))));
+        }))),
+        todoLists.length > 0 && selectedProjectIndex < projects.length && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(ink_1.Newline, null),
+            react_1.default.createElement(ink_1.Text, { bold: true, color: colors.accentPurple }, "Todo Lists"),
+            todoLists
+                .filter(l => l.project_id === projects[selectedProjectIndex]?.id)
+                .map((list, idx) => {
+                const isSelected = idx === selectedListIndex;
+                return (react_1.default.createElement(ink_1.Box, { key: list.id },
+                    react_1.default.createElement(ink_1.Text, { color: isSelected ? colors.accentPurple : colors.textSecondary, bold: isSelected },
+                        isSelected ? '▶ ' : '  ',
+                        list.name),
+                    list.task_count !== undefined && (react_1.default.createElement(ink_1.Text, { color: colors.textTertiary },
+                        ' ',
+                        "[",
+                        list.completed_count || 0,
+                        "/",
+                        list.task_count,
+                        "]"))));
+            })))));
+};
+// Task Panel
+const TaskPanel = ({ tasks, agents, runningRuns, selectedTaskIndex, selectedList, isFocused, height, onSelectTask, }) => {
+    const scrollOffset = Math.max(0, selectedTaskIndex - Math.floor(height / 3));
+    const visibleTasks = tasks.slice(scrollOffset, scrollOffset + height - 10);
+    const getAgentName = (agentId) => {
+        if (!agentId)
+            return null;
+        const agent = agents.find(a => a.id === agentId);
+        return agent?.name || `Agent ${agentId}`;
+    };
+    const isTaskRunning = (taskId) => {
+        return runningRuns.some(r => r.task_id === taskId && r.status === 'running');
+    };
+    return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", width: "70%", height: height, borderStyle: "round", borderColor: isFocused ? colors.accentCyan : colors.borderColor, padding: 1 },
+        react_1.default.createElement(ink_1.Box, { justifyContent: "space-between" },
+            react_1.default.createElement(ink_1.Text, { bold: true, color: colors.textPrimary }, selectedList?.name || 'Tasks'),
+            react_1.default.createElement(ink_1.Text, { color: colors.textSecondary },
+                tasks.filter(t => t.status === 'completed').length,
+                "/",
+                tasks.length,
+                " completed")),
+        react_1.default.createElement(ink_1.Newline, null),
+        tasks.length === 0 ? (react_1.default.createElement(ink_1.Text, { color: colors.textTertiary }, "No tasks. Press 'a' to add a new task.")) : (react_1.default.createElement(ink_1.Box, { flexDirection: "column" }, visibleTasks.map((task, idx) => {
+            const actualIndex = scrollOffset + idx;
+            const isSelected = actualIndex === selectedTaskIndex;
+            const config = statusConfig[task.status];
+            const isRunning = isTaskRunning(task.id);
+            const agentName = getAgentName(task.assignee_agent_id);
+            return (react_1.default.createElement(ink_1.Box, { key: task.id, flexDirection: "column" },
+                react_1.default.createElement(ink_1.Box, null,
+                    react_1.default.createElement(ink_1.Text, { color: isSelected ? colors.accentCyan : colors.textPrimary, bold: isSelected },
+                        isSelected ? '▶ ' : '  ',
+                        react_1.default.createElement(ink_1.Text, { color: config.color }, config.icon),
+                        ' ',
+                        task.title),
+                    isRunning && (react_1.default.createElement(ink_1.Text, { color: colors.accentGreen }, " \u25CF"))),
+                react_1.default.createElement(ink_1.Box, { marginLeft: 4 },
+                    react_1.default.createElement(ink_1.Text, { color: priorityColors[task.priority] },
+                        "[",
+                        task.priority,
+                        "]"),
+                    agentName && (react_1.default.createElement(ink_1.Text, { color: colors.accentPurple },
+                        " @",
+                        agentName)),
+                    task.worktree_path && (react_1.default.createElement(ink_1.Text, { color: colors.accentBlue }, " \uD83C\uDF3F")))));
+        }))),
+        runningRuns.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(ink_1.Newline, null),
+            react_1.default.createElement(ink_1.Text, { bold: true, color: colors.accentGreen },
+                "Running Agents (",
+                runningRuns.length,
+                ")"),
+            runningRuns.map(run => {
+                const task = tasks.find(t => t.id === run.task_id);
+                const agent = agents.find(a => a.id === run.agent_id);
+                const elapsed = Math.floor((Date.now() - run.started_at * 1000) / 1000);
+                const minutes = Math.floor(elapsed / 60);
+                const seconds = elapsed % 60;
+                return (react_1.default.createElement(ink_1.Box, { key: run.id },
+                    react_1.default.createElement(ink_1.Text, { color: colors.accentGreen }, "\u25CF "),
+                    react_1.default.createElement(ink_1.Text, { color: colors.textPrimary }, agent?.name || `Agent ${run.agent_id}`),
+                    react_1.default.createElement(ink_1.Text, { color: colors.textSecondary },
+                        ' → ',
+                        task?.title || `Task ${run.task_id}`),
+                    react_1.default.createElement(ink_1.Text, { color: colors.textTertiary },
+                        ' ',
+                        "(",
+                        minutes,
+                        "m ",
+                        seconds,
+                        "s)")));
+            })))));
+};
+// Status Bar
+const StatusBar = ({ focusedPanel, selectedTask }) => {
+    if (focusedPanel === 'projects') {
+        return (react_1.default.createElement(ink_1.Box, { flexDirection: "column" },
+            react_1.default.createElement(ink_1.Box, null,
+                react_1.default.createElement(ink_1.Text, { color: colors.accentGreen }, "\u25CF API"),
+                react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, " | "),
+                react_1.default.createElement(ink_1.Text, { color: colors.accentCyan }, "Focus: Projects")),
+            react_1.default.createElement(ink_1.Box, null,
+                react_1.default.createElement(ink_1.Text, { bold: true }, "\u2191\u2193/jk"),
+                react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, " Navigate | "),
+                react_1.default.createElement(ink_1.Text, { bold: true }, "n"),
+                react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, " New list | "),
+                react_1.default.createElement(ink_1.Text, { bold: true }, "d"),
+                react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, " Delete | "),
+                react_1.default.createElement(ink_1.Text, { bold: true }, "Tab"),
+                react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, " Switch | "),
+                react_1.default.createElement(ink_1.Text, { bold: true }, "?"),
+                react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, " Help | "),
+                react_1.default.createElement(ink_1.Text, { bold: true }, "q"),
+                react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, " Quit"))));
+    }
+    return (react_1.default.createElement(ink_1.Box, { flexDirection: "column" },
+        react_1.default.createElement(ink_1.Box, null,
+            react_1.default.createElement(ink_1.Text, { color: colors.accentGreen }, "\u25CF API"),
+            react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, " | "),
+            react_1.default.createElement(ink_1.Text, { color: colors.accentCyan }, "Focus: Tasks"),
+            selectedTask && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, " | "),
+                react_1.default.createElement(ink_1.Text, { color: colors.textPrimary }, selectedTask.title)))),
+        react_1.default.createElement(ink_1.Box, null,
+            react_1.default.createElement(ink_1.Text, { bold: true }, "\u2191\u2193/jk"),
+            react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, " Navigate | "),
+            react_1.default.createElement(ink_1.Text, { bold: true }, "Space"),
+            react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, " Toggle | "),
+            react_1.default.createElement(ink_1.Text, { bold: true }, "a"),
+            react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, " Add | "),
+            react_1.default.createElement(ink_1.Text, { bold: true }, "s"),
+            react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, " Start | "),
+            react_1.default.createElement(ink_1.Text, { bold: true }, "m"),
+            react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, " Merge | "),
+            react_1.default.createElement(ink_1.Text, { bold: true }, "g"),
+            react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, " Assign | "),
+            react_1.default.createElement(ink_1.Text, { bold: true }, "Tab"),
+            react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, " Switch | "),
+            react_1.default.createElement(ink_1.Text, { bold: true }, "?"),
+            react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, " Help"))));
+};
+// Main App
+const App = () => {
+    const { exit } = (0, ink_1.useApp)();
+    // Data state
+    const [projects, setProjects] = (0, react_1.useState)([]);
+    const [todoLists, setTodoLists] = (0, react_1.useState)([]);
+    const [tasks, setTasks] = (0, react_1.useState)([]);
+    const [agents, setAgents] = (0, react_1.useState)([]);
+    const [runningRuns, setRunningRuns] = (0, react_1.useState)([]);
+    // UI state
+    const [focusedPanel, setFocusedPanel] = (0, react_1.useState)('projects');
+    const [selectedProjectIndex, setSelectedProjectIndex] = (0, react_1.useState)(0);
+    const [selectedListIndex, setSelectedListIndex] = (0, react_1.useState)(0);
+    const [selectedTaskIndex, setSelectedTaskIndex] = (0, react_1.useState)(0);
+    // Modal state
+    const [showHelp, setShowHelp] = (0, react_1.useState)(false);
+    const [showInput, setShowInput] = (0, react_1.useState)(null);
+    const [showConfirm, setShowConfirm] = (0, react_1.useState)(null);
+    const [error, setError] = (0, react_1.useState)(null);
+    const terminalHeight = process.stdout.rows || 24;
+    const panelHeight = terminalHeight - 6;
+    // Load initial data
+    (0, react_1.useEffect)(() => {
+        loadData();
+        const interval = setInterval(loadRunningRuns, 5000);
+        return () => clearInterval(interval);
+    }, []);
+    // Load tasks when list selection changes
+    (0, react_1.useEffect)(() => {
+        loadTasks();
+        loadAgents();
+    }, [selectedProjectIndex, selectedListIndex, todoLists]);
+    const loadData = (0, react_1.useCallback)(() => {
+        try {
+            const projs = api.getProjects();
+            setProjects(projs);
+            // Load all todo lists
+            const allLists = [];
+            projs.forEach(p => {
+                const lists = api.getTodoLists(p.id);
+                allLists.push(...lists);
+            });
+            setTodoLists(allLists);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Failed to load data');
+        }
+    }, []);
+    const loadTasks = (0, react_1.useCallback)(() => {
+        if (projects.length === 0)
+            return;
+        const project = projects[selectedProjectIndex];
+        if (!project)
+            return;
+        const projectLists = todoLists.filter(l => l.project_id === project.id);
+        const selectedList = projectLists[selectedListIndex];
+        if (selectedList) {
+            try {
+                const taskList = api.getTasks(selectedList.id);
+                setTasks(taskList);
+            }
+            catch (err) {
+                setTasks([]);
+            }
+        }
+        else {
+            // Show all tasks for project
+            try {
+                const allTasks = api.getProjectTasks(project.id);
+                setTasks(allTasks);
+            }
+            catch (err) {
+                setTasks([]);
+            }
+        }
+        setSelectedTaskIndex(0);
+    }, [projects, selectedProjectIndex, selectedListIndex, todoLists]);
+    const loadAgents = (0, react_1.useCallback)(() => {
+        if (projects.length === 0)
+            return;
+        const project = projects[selectedProjectIndex];
+        if (!project)
+            return;
+        try {
+            const agentList = api.getAgents(project.id);
+            setAgents(agentList);
+        }
+        catch (err) {
+            setAgents([]);
+        }
+    }, [projects, selectedProjectIndex]);
+    const loadRunningRuns = (0, react_1.useCallback)(() => {
+        try {
+            const runs = api.getRunningRuns();
+            setRunningRuns(runs);
+        }
+        catch {
+            setRunningRuns([]);
+        }
+    }, []);
+    // Get selected items
+    const selectedProject = projects[selectedProjectIndex];
+    const projectLists = todoLists.filter(l => l.project_id === selectedProject?.id);
+    const selectedList = projectLists[selectedListIndex] || null;
+    const selectedTask = tasks[selectedTaskIndex] || null;
+    // Input handling
+    (0, ink_1.useInput)((input, key) => {
+        // Handle modals
+        if (showHelp) {
+            if (key.escape || input === 'q' || key.return) {
+                setShowHelp(false);
+            }
+            return;
+        }
+        if (showInput) {
+            return; // Input modal handles its own input
+        }
+        if (showConfirm) {
+            return; // Confirm modal handles its own input
+        }
+        if (error) {
+            if (key.escape || key.return) {
+                setError(null);
+            }
+            return;
+        }
+        // Quit
+        if (input === 'q' || key.escape) {
+            exit();
+            return;
+        }
+        // Help
+        if (input === '?') {
+            setShowHelp(true);
+            return;
+        }
+        // Switch panels
+        if (key.tab || key.leftArrow || key.rightArrow) {
+            setFocusedPanel(prev => prev === 'projects' ? 'tasks' : 'projects');
+            return;
+        }
+        // Project panel navigation
+        if (focusedPanel === 'projects') {
+            if (key.upArrow || input === 'k') {
+                if (key.shift || selectedListIndex === 0) {
+                    setSelectedProjectIndex(prev => Math.max(0, prev - 1));
+                    setSelectedListIndex(0);
+                }
+                else {
+                    setSelectedListIndex(prev => Math.max(0, prev - 1));
+                }
+                return;
+            }
+            if (key.downArrow || input === 'j') {
+                const projectListsCount = todoLists.filter(l => l.project_id === selectedProject?.id).length;
+                if (key.shift || selectedListIndex >= projectListsCount - 1) {
+                    setSelectedProjectIndex(prev => Math.min(projects.length - 1, prev + 1));
+                    setSelectedListIndex(0);
+                }
+                else {
+                    setSelectedListIndex(prev => Math.min(projectListsCount - 1, prev + 1));
+                }
+                return;
+            }
+            // New list
+            if (input === 'n' && selectedProject) {
+                setShowInput({
+                    type: 'newList',
+                    title: `New Todo List for ${selectedProject.name}`,
+                });
+                return;
+            }
+            // Delete list
+            if (input === 'd' && selectedList) {
+                setShowConfirm({
+                    message: `Delete "${selectedList.name}" and all its tasks?`,
+                    action: () => {
+                        try {
+                            api.deleteTodoList(selectedList.id);
+                            loadData();
+                            setSelectedListIndex(0);
+                        }
+                        catch (err) {
+                            setError(err instanceof Error ? err.message : 'Failed to delete list');
+                        }
+                    },
+                });
+                return;
+            }
+            // Rename list
+            if (input === 'r' && selectedList) {
+                setShowInput({
+                    type: 'renameList',
+                    title: 'Rename Todo List',
+                    initialValue: selectedList.name,
+                });
+                return;
+            }
+        }
+        // Task panel navigation
+        if (focusedPanel === 'tasks') {
+            if (key.upArrow || input === 'k') {
+                setSelectedTaskIndex(prev => Math.max(0, prev - 1));
+                return;
+            }
+            if (key.downArrow || input === 'j') {
+                setSelectedTaskIndex(prev => Math.min(tasks.length - 1, prev + 1));
+                return;
+            }
+            // Toggle task status
+            if (key.return || input === ' ') {
+                if (selectedTask) {
+                    try {
+                        api.toggleTask(selectedTask.id);
+                        loadTasks();
+                        loadRunningRuns();
+                    }
+                    catch (err) {
+                        setError(err instanceof Error ? err.message : 'Failed to toggle task');
+                    }
+                }
+                return;
+            }
+            // Add task
+            if (input === 'a' && selectedList) {
+                setShowInput({
+                    type: 'newTask',
+                    title: `New Task in ${selectedList.name}`,
+                });
+                return;
+            }
+            // Edit task
+            if (input === 'e' && selectedTask) {
+                setShowInput({
+                    type: 'editTask',
+                    title: 'Edit Task',
+                    initialValue: selectedTask.title,
+                });
+                return;
+            }
+            // Delete task
+            if (input === 'd' && selectedTask) {
+                setShowConfirm({
+                    message: `Delete task "${selectedTask.title}"?`,
+                    action: () => {
+                        try {
+                            api.deleteTask(selectedTask.id);
+                            loadTasks();
+                            setSelectedTaskIndex(Math.max(0, selectedTaskIndex - 1));
+                        }
+                        catch (err) {
+                            setError(err instanceof Error ? err.message : 'Failed to delete task');
+                        }
+                    },
+                });
+                return;
+            }
+            // Assign agent
+            if (input === 'g' && selectedTask && agents.length > 0) {
+                // Cycle through agents
+                const currentIdx = agents.findIndex(a => a.id === selectedTask.assignee_agent_id);
+                const nextIdx = (currentIdx + 1) % (agents.length + 1);
+                const nextAgentId = nextIdx === agents.length ? null : agents[nextIdx].id;
+                try {
+                    api.assignAgent(selectedTask.id, nextAgentId);
+                    loadTasks();
+                }
+                catch (err) {
+                    setError(err instanceof Error ? err.message : 'Failed to assign agent');
+                }
+                return;
+            }
+            // Start agent on task
+            if (input === 's' && selectedTask && selectedTask.assignee_agent_id) {
+                try {
+                    api.startTask(selectedTask.id);
+                    loadTasks();
+                    loadRunningRuns();
+                }
+                catch (err) {
+                    setError(err instanceof Error ? err.message : 'Failed to start task');
+                }
+                return;
+            }
+            // Merge task worktree
+            if (input === 'm' && selectedTask && selectedTask.worktree_path) {
+                setShowConfirm({
+                    message: `Merge worktree for "${selectedTask.title}"?`,
+                    action: () => {
+                        try {
+                            api.mergeTask(selectedTask.id);
+                            loadTasks();
+                            loadRunningRuns();
+                        }
+                        catch (err) {
+                            setError(err instanceof Error ? err.message : 'Failed to merge task');
+                        }
+                    },
+                });
+                return;
+            }
+            // Abort task worktree
+            if (input === 'x' && selectedTask && selectedTask.worktree_path) {
+                setShowConfirm({
+                    message: `Abort worktree for "${selectedTask.title}"? Changes will be lost.`,
+                    action: () => {
+                        try {
+                            api.abortTask(selectedTask.id);
+                            loadTasks();
+                            loadRunningRuns();
+                        }
+                        catch (err) {
+                            setError(err instanceof Error ? err.message : 'Failed to abort task');
+                        }
+                    },
+                });
+                return;
+            }
+        }
+    });
+    // Handle input modal submit
+    const handleInputSubmit = (value) => {
+        if (!showInput)
+            return;
+        try {
+            if (showInput.type === 'newList' && selectedProject) {
+                api.createTodoList(selectedProject.id, value);
+                loadData();
+            }
+            else if (showInput.type === 'renameList' && selectedList) {
+                api.updateTodoList(selectedList.id, { name: value });
+                loadData();
+            }
+            else if (showInput.type === 'newTask' && selectedList) {
+                api.createTask(selectedList.id, value);
+                loadTasks();
+            }
+            else if (showInput.type === 'editTask' && selectedTask) {
+                api.updateTask(selectedTask.id, { title: value });
+                loadTasks();
+            }
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Operation failed');
+        }
+        setShowInput(null);
+    };
+    // Render modals
+    if (showHelp) {
+        return (react_1.default.createElement(ink_1.Box, { padding: 1 },
+            react_1.default.createElement(HelpModal, { onClose: () => setShowHelp(false) })));
+    }
+    if (showInput) {
+        return (react_1.default.createElement(ink_1.Box, { padding: 1 },
+            react_1.default.createElement(InputModal, { title: showInput.title, initialValue: showInput.initialValue, onSubmit: handleInputSubmit, onCancel: () => setShowInput(null) })));
+    }
+    if (showConfirm) {
+        return (react_1.default.createElement(ink_1.Box, { padding: 1 },
+            react_1.default.createElement(ConfirmModal, { message: showConfirm.message, onConfirm: () => {
+                    showConfirm.action();
+                    setShowConfirm(null);
+                }, onCancel: () => setShowConfirm(null) })));
+    }
+    if (error) {
+        return (react_1.default.createElement(ink_1.Box, { padding: 1 },
+            react_1.default.createElement(ink_1.Box, { flexDirection: "column", borderStyle: "round", borderColor: colors.accentRed, padding: 1, width: 60 },
+                react_1.default.createElement(ink_1.Text, { bold: true, color: colors.accentRed }, "Error"),
+                react_1.default.createElement(ink_1.Newline, null),
+                react_1.default.createElement(ink_1.Text, null, error),
+                react_1.default.createElement(ink_1.Newline, null),
+                react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, "Press any key to dismiss..."))));
+    }
+    return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", height: terminalHeight },
+        react_1.default.createElement(ink_1.Box, { paddingX: 1 },
+            react_1.default.createElement(ink_1.Text, { bold: true, color: colors.accentCyan }, "\uD83D\uDC19 Octopus Task Manager"),
+            react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, " - Manage project tasks with AI agents")),
+        react_1.default.createElement(ink_1.Box, { flexDirection: "row", height: panelHeight, flexGrow: 0, flexShrink: 0 },
+            react_1.default.createElement(ProjectListPanel, { projects: projects, todoLists: todoLists, selectedProjectIndex: selectedProjectIndex, selectedListIndex: selectedListIndex, isFocused: focusedPanel === 'projects', height: panelHeight, onSelectProject: setSelectedProjectIndex, onSelectList: setSelectedListIndex }),
+            react_1.default.createElement(ink_1.Box, { width: 1 }),
+            react_1.default.createElement(TaskPanel, { tasks: tasks, agents: agents, runningRuns: runningRuns, selectedTaskIndex: selectedTaskIndex, selectedList: selectedList, isFocused: focusedPanel === 'tasks', height: panelHeight, onSelectTask: setSelectedTaskIndex })),
+        react_1.default.createElement(ink_1.Box, { paddingX: 1, borderStyle: "single", borderColor: colors.borderColor, flexShrink: 0, height: 4 },
+            react_1.default.createElement(StatusBar, { focusedPanel: focusedPanel, selectedTask: selectedTask }))));
+};
+function launchOctopusShowTUI() {
+    (0, ink_1.render)(react_1.default.createElement(App, null));
+}