loop-task 1.5.5 → 2.0.1

package/dist/tui/app.js

@@ -1,167 +1,691 @@
-export class BoardApp {
-    widgets;
-    loops = [];
-    selectedId = null;
-    activeView = "board";
-    inputMode = "normal";
-    modalState = "none";
-    filters = {
-        status: "all",
-        intervalBucket: "all",
-        recentActivity: "all",
-        query: "",
-    };
-    loopSortMode = "status";
-    liveLogLoopId = null;
-    daemonStatus = "starting";
-    loadingState = "starting";
-    statusMessage = "";
-    logSocket = null;
-    constructor(widgets) {
-        this.widgets = widgets;
-    }
-    destroyLogStream() {
-        if (this.logSocket) {
-            this.logSocket.destroy();
-            this.logSocket = null;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useMemo, useCallback } from "react";
+import { Box, useInput, useApp } from "ink";
+import { useLoopPolling } from "./hooks/useLoopPolling.js";
+import { useLogStream } from "./hooks/useLogStream.js";
+import { useBreakpoint } from "./hooks/useBreakpoint.js";
+import { ToastStack, useToasts } from "./components/Toast.js";
+import { Header } from "./components/Header.js";
+import { LeftPanel } from "./components/LeftPanel.js";
+import { RightPanel } from "./components/RightPanel.js";
+import { CommandInput } from "./components/CommandInput.js";
+import { TaskForm } from "./components/TaskForm.js";
+import { CreateView } from "./components/CreateForm.js";
+import { ProjectFormView } from "./components/ProjectForm.js";
+import { LogModal } from "./components/LogModal.js";
+import { CommandsBrowserModal } from "./components/CommandsBrowserModal.js";
+import { DebugPanel, MAX_ENTRIES } from "./components/DebugPanel.js";
+import { ContextHelpModal } from "./components/ContextHelpModal.js";
+import { ExportModal } from "./components/ExportModal.js";
+import { fetchRunLog, deleteLoop, pauseLoop, resumeLoop, stopLoop, triggerLoop, listTasks, deleteTask, listProjects, exportConfig } from "./daemon.js";
+import { applyLoopFilters, applyProjectFilters, cycleSortMode, cycleStatusFilter, cycleProjectSortMode, cycleProjectHasLoopsFilter, cycleProjectIsSystemFilter, defaultFilters, defaultProjectFilters, resolveInputOwner } from "./state.js";
+import { t } from "../i18n/index.js";
+import { copyToClipboard } from "../shared/clipboard.js";
+import { POLL_MS } from "../config/constants.js";
+import { darkTheme as theme } from "./theme.js";
+import { useRouter } from "./router.js";
+import { commandLine } from "./format.js";
+const TASK_FORM_VIEWS = new Set(["task-create", "task-edit"]);
+const FORM_VIEWS = ["create", "task-create", "task-edit", "project-create", "project-edit"];
+function viewKey(view, editTarget, editTask) {
+    if (view === "create")
+        return `${view}:${editTarget?.id ?? "new"}`;
+    if (view === "task-edit")
+        return `${view}:${editTask?.id ?? "new"}`;
+    return view;
+}
+function isBoardView(view) {
+    return view === "board";
+}
+export function App(props) {
+    const { onQuit } = props;
+    const { exit } = useApp();
+    const { loops, daemonStatus, refresh } = useLoopPolling();
+    const { view, push, pop } = useRouter("board");
+    // ── Tab and panel state (8.1, 8.2) ──
+    const [activeTab, setActiveTab] = useState("loops");
+    const [focusedPanel, setFocusedPanel] = useState("left");
+    // ── Filter state ──
+    const [filters, setFilters] = useState(defaultFilters);
+    const [sort, setSort] = useState("description");
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [editTarget, setEditTarget] = useState(null);
+    const [cloneMode, setCloneMode] = useState(false);
+    const [editTask, setEditTask] = useState(null);
+    const [editProject, setEditProject] = useState(null);
+    const [pendingTaskSelection, setPendingTaskSelection] = useState(null);
+    const [selectedRunIndex, setSelectedRunIndex] = useState(0);
+    const [logModalRun, setLogModalRun] = useState(null);
+    const [logModalLoopId, setLogModalLoopId] = useState(null);
+    const [logModalLines, setLogModalLines] = useState([]);
+    const [logModalLoading, setLogModalLoading] = useState(false);
+    const [tasks, setTasks] = useState([]);
+    const [taskSelectedIndex, setTaskSelectedIndex] = useState(0);
+    const [taskQuery, setTaskQuery] = useState("");
+    const [projects, setProjects] = useState([]);
+    const [currentProjectId, setCurrentProjectId] = useState("all");
+    const [projectSelectedIndex, setProjectSelectedIndex] = useState(0);
+    const [projectFilters, setProjectFilters] = useState(defaultProjectFilters);
+    // ── Overlay state ──
+    const [commandsBrowserOpen, setCommandsBrowserOpen] = useState(false);
+    const [contextHelpOpen, setContextHelpOpen] = useState(false);
+    const [exportModal, setExportModal] = useState(null);
+    // ── Confirm state (8.3) ──
+    const [confirmState, setConfirmState] = useState(null);
+    // ── Search state (command-driven search) ──
+    const [searchState, setSearchState] = useState(null);
+    const [searchValue, setSearchValue] = useState("");
+    const [debugMode, setDebugMode] = useState(false);
+    const [debugEntries, setDebugEntries] = useState([]);
+    const [chordState, setChordState] = useState(null);
+    // ── Command bar input state (for InputOwner resolution) ──
+    const [commandBarHasText, setCommandBarHasText] = useState(false);
+    const [commandBarDropdownOpen, setCommandBarDropdownOpen] = useState(false);
+    const { toasts, push: pushToast } = useToasts();
+    const breakpoint = useBreakpoint();
+    const visible = useMemo(() => applyLoopFilters(currentProjectId === "all" ? loops : loops.filter((l) => (l.projectId ?? "default") === currentProjectId), filters, sort), [loops, filters, sort, currentProjectId]);
+    const clampedIndex = Math.min(selectedIndex, Math.max(0, visible.length - 1));
+    const selected = visible[clampedIndex] ?? null;
+    const selectedId = selected?.id ?? null;
+    useEffect(() => { setSelectedRunIndex(0); }, [selected?.id]);
+    useLogStream(selectedId, view, (error) => pushToast("error", error.message));
+    const filteredTasks = useMemo(() => {
+        if (!taskQuery)
+            return tasks;
+        const q = taskQuery.toLowerCase();
+        return tasks.filter((t) => `${t.id} ${t.name} ${t.command}`.toLowerCase().includes(q));
+    }, [tasks, taskQuery]);
+    const taskClampedIndex = Math.min(taskSelectedIndex, Math.max(0, filteredTasks.length - 1));
+    const selectedTask = filteredTasks[taskClampedIndex] ?? null;
+    const filteredProjects = useMemo(() => applyProjectFilters(projects, loops, projectFilters), [projects, loops, projectFilters]);
+    const projectClampedIndex = Math.min(projectSelectedIndex, Math.max(0, filteredProjects.length - 1));
+    const selectedProjectEntity = filteredProjects[projectClampedIndex] ?? null;
+    const projectLoopCount = selectedProjectEntity
+        ? loops.filter((l) => (l.projectId ?? "default") === selectedProjectEntity.id).length
+        : 0;
+    async function refreshTasks() {
+        try {
+            setTasks(await listTasks());
         }
-        this.liveLogLoopId = null;
-    }
-    setInputMode(mode) {
-        this.inputMode = mode;
-    }
-    setStatusMessage(message) {
-        this.statusMessage = message;
-    }
-    setModalState(state) {
-        this.modalState = state;
-    }
-    setActiveView(view) {
-        this.activeView = view;
-    }
-    setDaemonStatus(status) {
-        this.daemonStatus = status;
-    }
-    setLoadingState(state) {
-        this.loadingState = state;
-    }
-    cycleSortMode() {
-        this.loopSortMode =
-            this.loopSortMode === "status"
-                ? "recent"
-                : this.loopSortMode === "recent"
-                    ? "created"
-                    : "status";
-    }
-    cycleStatusFilter() {
-        this.filters.status =
-            this.filters.status === "all"
-                ? "running"
-                : this.filters.status === "running"
-                    ? "sleeping"
-                    : this.filters.status === "sleeping"
-                        ? "paused"
-                        : this.filters.status === "paused"
-                            ? "stopped"
-                            : "all";
-    }
-    setFilterStatus(value) {
-        this.filters.status = value;
+        catch { /* ignore */ }
     }
-    setFilterIntervalBucket(value) {
-        this.filters.intervalBucket = value;
+    async function refreshProjects() {
+        try {
+            setProjects(await listProjects());
+        }
+        catch { /* ignore */ }
     }
-    setFilterRecentActivity(value) {
-        this.filters.recentActivity = value;
+    useEffect(() => { void refreshTasks(); void refreshProjects(); }, []);
+    useEffect(() => {
+        const timer = setInterval(() => { void refreshTasks(); void refreshProjects(); }, POLL_MS);
+        return () => clearInterval(timer);
+    }, []);
+    function runAction(label, action) {
+        return async () => {
+            try {
+                await action();
+                void refresh();
+                pushToast("success", label);
+            }
+            catch (error) {
+                pushToast("error", error instanceof Error ? error.message : String(error));
+            }
+        };
     }
-    setSearchQuery(value) {
-        this.filters.query = value;
+    function handleOpenRunLog(run) {
+        if (!selectedId)
+            return;
+        setLogModalRun(run);
+        setLogModalLoopId(selectedId);
+        if (run.status === "running") {
+            setLogModalLoading(false);
+            setLogModalLines([]);
+            return;
+        }
+        setLogModalLoading(true);
+        setLogModalLines([]);
+        fetchRunLog(selectedId, run.runNumber)
+            .then((log) => {
+            const lines = log
+                ? log.split("\n").map((l) => l.replace(/\r$/, ""))
+                : [];
+            setLogModalLines(lines);
+            setLogModalLoading(false);
+        })
+            .catch((err) => {
+            setLogModalLines([]);
+            setLogModalLoading(false);
+            pushToast("error", err.message ?? "Failed to load log");
+        });
     }
-    visibleLoops() {
-        const query = this.filters.query.trim().toLowerCase();
-        return [...this.loops]
-            .filter((loop) => {
-            if (this.filters.status !== "all" && loop.status !== this.filters.status) {
-                return false;
-            }
-            if (this.filters.intervalBucket !== "all") {
-                const intervalBucket = loop.interval <= 60_000
-                    ? "short"
-                    : loop.interval <= 3_600_000
-                        ? "medium"
-                        : "long";
-                if (intervalBucket !== this.filters.intervalBucket) {
-                    return false;
+    const handleContextualCopy = useCallback(() => {
+        const copyHandlers = {
+            loops: () => {
+                if (!selected)
+                    return;
+                const text = selected.commandRaw
+                    ? selected.commandRaw.split("\n").map((l) => l.trim()).filter(Boolean).join(" ")
+                    : commandLine(selected.command, selected.commandArgs);
+                copyToClipboard(text);
+                pushToast("info", t("board.toastTextCopied"));
+            },
+            tasks: () => {
+                if (!selectedTask)
+                    return;
+                const text = selectedTask.commandRaw
+                    ? selectedTask.commandRaw.split("\n").map((l) => l.trim()).filter(Boolean).join(" ")
+                    : commandLine(selectedTask.command, selectedTask.commandArgs);
+                copyToClipboard(text);
+                pushToast("info", t("board.toastTextCopied"));
+            },
+            projects: () => {
+                if (!selectedProjectEntity)
+                    return;
+                copyToClipboard(selectedProjectEntity.name);
+                pushToast("info", t("board.toastTextCopied"));
+            },
+        };
+        const handler = copyHandlers[activeTab];
+        if (handler)
+            handler();
+    }, [activeTab, selected, selectedTask, selectedProjectEntity, pushToast]);
+    // ── Command handler — dictionary dispatch, no switch/case ──
+    const commandHandlers = {
+        edit: () => {
+            if (activeTab === "loops" && selected) {
+                setCloneMode(false);
+                setEditTarget(selected);
+                if (selected.taskId) {
+                    const task = tasks.find((t) => t.id === selected.taskId);
+                    setPendingTaskSelection(task ? { id: task.id, name: task.name } : null);
                 }
+                else {
+                    setPendingTaskSelection(null);
+                }
+                push("create");
+            }
+            else if (activeTab === "tasks" && selectedTask) {
+                setEditTask(selectedTask);
+                push("task-edit");
+            }
+            else if (activeTab === "projects" && selectedProjectEntity && !selectedProjectEntity.isSystem) {
+                setEditProject(selectedProjectEntity);
+                push("project-edit");
             }
-            if (this.filters.recentActivity !== "all") {
-                const baseline = loop.lastRunAt ?? loop.createdAt;
-                const activityAgeMs = Date.now() - new Date(baseline).getTime();
-                const activityBucket = activityAgeMs <= 15 * 60_000 ? "active" : "stale";
-                if (activityBucket !== this.filters.recentActivity) {
-                    return false;
+        },
+        clone: () => {
+            if (activeTab === "loops" && selected) {
+                setCloneMode(true);
+                setEditTarget(selected);
+                push("create");
+            }
+        },
+        delete: () => {
+            if (activeTab === "loops" && selected) {
+                setConfirmState({
+                    prompt: t("confirm.deleteLoop", { name: selected.description || selected.id }),
+                    onConfirm: () => { void deleteLoop(selected.id).then(() => { void refresh(); }); },
+                });
+            }
+            else if (activeTab === "tasks" && selectedTask) {
+                setConfirmState({
+                    prompt: t("confirm.deleteTask", { id: selectedTask.id }),
+                    onConfirm: () => { void deleteTask(selectedTask.id).then(() => { void refreshTasks(); }); },
+                });
+            }
+            else if (activeTab === "projects" && selectedProjectEntity) {
+                setConfirmState({
+                    prompt: t("confirm.deleteProject", { name: selectedProjectEntity.name }),
+                    onConfirm: async () => {
+                        try {
+                            const { deleteProject: dp } = await import("./daemon.js");
+                            await dp(selectedProjectEntity.id);
+                            pushToast("success", t("project.toastDeleted", { name: selectedProjectEntity.name }));
+                            setProjectSelectedIndex(0);
+                            void refreshProjects();
+                        }
+                        catch (e) {
+                            pushToast("error", e.message);
+                        }
+                    },
+                });
+            }
+        },
+        pause: () => {
+            if (activeTab === "loops" && selected) {
+                void runAction(t("board.toastPaused", { desc: selected.description }), () => pauseLoop(selected.id))();
+            }
+        },
+        play: () => {
+            if (activeTab === "loops" && selected) {
+                void runAction(t("board.toastResumed", { desc: selected.description }), () => resumeLoop(selected.id))();
+            }
+        },
+        stop: () => {
+            if (activeTab === "loops" && selected) {
+                setConfirmState({
+                    prompt: t("confirm.stopLoop", { name: selected.description || selected.id }),
+                    onConfirm: () => { void stopLoop(selected.id).then(() => { void refresh(); }); },
+                });
+            }
+        },
+        trigger: () => {
+            if (activeTab === "loops" && selected) {
+                void runAction(t("board.toastTriggered", { desc: selected.description }), () => triggerLoop(selected.id))();
+            }
+        },
+        "new-loop": () => { setEditTarget(null); push("create"); },
+        "new-task": () => { setEditTask(null); push("task-create"); },
+        "new-project": () => { setEditProject(null); setActiveTab("projects"); push("project-create"); },
+        "project-filter-loops": () => { setProjectFilters((prev) => ({ ...prev, hasLoops: cycleProjectHasLoopsFilter(prev.hasLoops) })); },
+        "project-filter-type": () => { setProjectFilters((prev) => ({ ...prev, isSystem: cycleProjectIsSystemFilter(prev.isSystem) })); },
+        "project-sort": () => { setProjectFilters((prev) => ({ ...prev, sort: cycleProjectSortMode(prev.sort) })); },
+        "all-commands": () => { setCommandsBrowserOpen(true); },
+        help: () => { setCommandsBrowserOpen(true); },
+        search: () => { setSearchValue(""); setSearchState({ active: true }); },
+        "filter-status": () => { setFilters((prev) => ({ ...prev, status: cycleStatusFilter(prev.status) })); },
+        sort: () => { setSort((prev) => cycleSortMode(prev)); },
+        "filter-project": () => {
+            const ids = ["all", ...projects.map((p) => p.id)];
+            const idx = ids.indexOf(currentProjectId);
+            const nextId = ids[(idx + 1) % ids.length] ?? "all";
+            setCurrentProjectId(nextId);
+        },
+        debug: () => { setDebugMode((prev) => !prev); },
+        logs: () => {
+            if (activeTab === "loops" && selected) {
+                const runs = selected.runHistory;
+                if (runs && runs.length > 0) {
+                    handleOpenRunLog(runs[runs.length - 1]);
                 }
             }
-            if (!query) {
-                return true;
-            }
-            const haystack = [
-                loop.id,
-                loop.command,
-                ...loop.commandArgs,
-                loop.status,
-                loop.intervalHuman,
-            ]
-                .join(" ")
-                .toLowerCase();
-            return haystack.includes(query);
-        })
-            .sort((left, right) => this.compareLoops(left, right));
-    }
-    selectedVisibleLoop() {
-        const loops = this.visibleLoops();
-        const index = this.selectedIndex();
-        if (index < 0 || index >= loops.length) {
-            return null;
+        },
+        select: () => {
+            if (selectedTask) {
+                setPendingTaskSelection({ id: selectedTask.id, name: selectedTask.name });
+                pop();
+            }
+        },
+        api: () => {
+            const port = process.env.LOOP_CLI_HTTP_PORT ?? "8845";
+            const baseUrl = `http://127.0.0.1:${port}`;
+            pushToast("info", `API: ${baseUrl} | Swagger: ${baseUrl}/api/docs | OpenAPI: ${baseUrl}/api/openapi.json`);
+        },
+        status: () => { pushToast("info", `Command "status" coming soon`); },
+        export: () => {
+            exportConfig()
+                .then(({ json, filePath }) => setExportModal({ json, filePath, error: null }))
+                .catch((e) => setExportModal({ json: "", filePath: null, error: e instanceof Error ? e.message : String(e) }));
+        },
+        import: () => { pushToast("info", `Command "import" coming soon`); },
+    };
+    function handleCommand(value) {
+        const handler = commandHandlers[value];
+        if (handler) {
+            handler();
         }
-        return loops[index] ?? null;
-    }
-    syncSelection() {
-        const loops = this.visibleLoops();
-        if (loops.length === 0) {
-            this.widgets.loopList.select(0);
-            this.selectedId = null;
-            return;
+        else {
+            pushToast("error", `Unknown command: ${value}`);
         }
-        const selectedIndex = this.selectedId
-            ? loops.findIndex((loop) => loop.id === this.selectedId)
-            : -1;
-        this.widgets.loopList.select(selectedIndex >= 0 ? selectedIndex : 0);
-        this.selectedId = loops[selectedIndex >= 0 ? selectedIndex : 0]?.id ?? null;
     }
-    compareLoops(left, right) {
-        if (this.loopSortMode === "created") {
-            return right.createdAt.localeCompare(left.createdAt);
-        }
-        if (this.loopSortMode === "recent") {
-            return (right.lastRunAt ?? right.createdAt).localeCompare(left.lastRunAt ?? left.createdAt);
-        }
-        const statusOrder = {
-            running: 0,
-            sleeping: 1,
-            paused: 2,
-            stopped: 3,
+    // ── Confirm handlers (8.3) ──
+    const handleConfirmYes = useCallback(() => {
+        if (confirmState) {
+            confirmState.onConfirm();
+            setConfirmState(null);
+        }
+    }, [confirmState]);
+    const handleConfirmCancel = useCallback(() => {
+        setConfirmState(null);
+    }, []);
+    const cancelCreate = () => { setEditTarget(null); setCloneMode(false); setPendingTaskSelection(null); pop(); };
+    const cancelTask = () => { setEditTask(null); pop(); };
+    const cancelProject = () => { setEditProject(null); pop(); };
+    const handleChooseTask = (task) => {
+        setPendingTaskSelection(task);
+    };
+    const onCreateDone = (updated, _id, desc) => {
+        setEditTarget(null);
+        setCloneMode(false);
+        setPendingTaskSelection(null);
+        pop();
+        pushToast("success", updated ? t("board.toastUpdated", { desc }) : t("board.toastStarted", { desc }));
+        void refresh();
+    };
+    const onTaskDone = (updated, id) => {
+        setEditTask(null);
+        void refreshTasks();
+        pop();
+        pushToast("success", updated ? t("board.toastTaskUpdated", { id }) : t("board.toastTaskCreated", { id }));
+    };
+    const onProjectDone = (updated, name) => {
+        setEditProject(null);
+        void refreshProjects();
+        pop();
+        pushToast("success", updated ? t("project.toastUpdated", { name }) : t("project.toastCreated", { name }));
+    };
+    // ── Resolve query for LeftPanel based on activeTab + search state ──
+    const leftPanelQuery = searchState?.active
+        ? searchValue
+        : activeTab === "tasks" ? taskQuery : filters.query;
+    // ── Search handlers ──
+    const handleSearchChange = useCallback((value) => {
+        setSearchValue(value);
+        if (activeTab === "tasks") {
+            setTaskQuery(value);
+        }
+        else {
+            setFilters((prev) => ({ ...prev, query: value }));
+        }
+    }, [activeTab]);
+    const handleSearchSubmit = useCallback(() => {
+        setSearchState(null);
+    }, []);
+    const handleSearchCancel = useCallback(() => {
+        setSearchValue("");
+        if (activeTab === "tasks") {
+            setTaskQuery("");
+        }
+        else {
+            setFilters((prev) => ({ ...prev, query: "" }));
+        }
+        setSearchState(null);
+    }, [activeTab]);
+    // ── Command context (8.3) ──
+    const commandContext = useMemo(() => ({ activeTab, selectedLoop: selected, selectedTask, selectedProject: selectedProjectEntity }), [activeTab, selected, selectedTask]);
+    // Contextual action for the focused panel: shared by Ctrl+Enter and, for
+    // terminals that collapse Ctrl+Enter to plain Enter, by Enter on an empty
+    // command bar. Loops-left/tasks/projects -> edit; loops-right -> latest log.
+    const triggerContextualAction = () => {
+        if (!isBoardView(view) || logModalRun || commandsBrowserOpen || confirmState || searchState?.active)
+            return;
+        if (chordState)
+            setChordState(null);
+        const editSelectedLoop = () => {
+            if (!selected)
+                return;
+            setCloneMode(false);
+            setEditTarget(selected);
+            const task = selected.taskId ? tasks.find((t) => t.id === selected.taskId) : null;
+            setPendingTaskSelection(task ? { id: task.id, name: task.name } : null);
+            push("create");
         };
-        const byStatus = statusOrder[left.status] - statusOrder[right.status];
-        if (byStatus !== 0) {
-            return byStatus;
+        const handlers = {
+            "tasks:": () => { if (selectedTask)
+                handleCommand("edit"); },
+            "projects:": () => { if (selectedProjectEntity)
+                handleCommand("edit"); },
+            "loops:right": () => {
+                if (!selected)
+                    return;
+                const runs = selected.runHistory;
+                if (runs && runs.length > 0)
+                    handleOpenRunLog(runs[runs.length - 1]);
+                else
+                    editSelectedLoop();
+            },
+            "loops:left": editSelectedLoop,
+        };
+        const handlerKey = activeTab !== "loops" ? `${activeTab}:` : `loops:${focusedPanel}`;
+        handlers[handlerKey]?.();
+    };
+    // ── Pop topmost overlay layer (Escape handler helper) ──
+    const popLayer = () => {
+        if (confirmState) {
+            setConfirmState(null);
+            return true;
         }
-        const leftNext = left.nextRunAt ?? left.lastRunAt ?? left.createdAt;
-        const rightNext = right.nextRunAt ?? right.lastRunAt ?? right.createdAt;
-        return rightNext.localeCompare(leftNext);
-    }
-    selectedIndex() {
-        return this.widgets.loopList.selected;
+        if (searchState?.active) {
+            setSearchState(null);
+            setSearchValue("");
+            return true;
+        }
+        if (logModalRun) {
+            setLogModalRun(null);
+            setLogModalLoopId(null);
+            return true;
+        }
+        if (commandsBrowserOpen) {
+            setCommandsBrowserOpen(false);
+            return true;
+        }
+        if (exportModal) {
+            setExportModal(null);
+            return true;
+        }
+        if (contextHelpOpen) {
+            setContextHelpOpen(false);
+            return true;
+        }
+        if (view !== "board") {
+            pop();
+            return true;
+        }
+        // Bare board: open quit confirm
+        setConfirmState({
+            prompt: t("confirm.quit"),
+            onConfirm: () => { onQuit(); exit(); },
+        });
+        return true;
+    };
+    // ── Global useInput (8.2) ──
+    useInput((input, key) => {
+        // Ctrl+C always quits if no modal open
+        if (key.ctrl && input === "c") {
+            if (!logModalRun && !confirmState && !commandsBrowserOpen && !exportModal) {
+                setConfirmState({
+                    prompt: t("confirm.quit"),
+                    onConfirm: () => { onQuit(); exit(); },
+                });
+                return;
+            }
+        }
+        // Debug: capture key info if debug mode is on
+        if (debugMode) {
+            const entry = {
+                id: Date.now(),
+                input,
+                len: input.length,
+                ctrl: key.ctrl,
+                return: key.return,
+                shift: key.shift,
+                meta: key.meta,
+                tab: key.tab,
+                upArrow: key.upArrow,
+                downArrow: key.downArrow,
+                leftArrow: key.leftArrow,
+                rightArrow: key.rightArrow,
+                escape: key.escape,
+                codes: Array.from(input).map((c) => c.charCodeAt(0)).join(","),
+            };
+            setDebugEntries((prev) => [entry, ...prev].slice(0, MAX_ENTRIES));
+        }
+        // Ctrl+Enter: open log (right panel) or edit (left panel)
+        // Detection across terminals:
+        //   - proper terminals: key.ctrl && key.return
+        //   - Linux: input === "\x0e"
+        //   - VS Code: a multi-char sequence containing \r (13) or \n (10),
+        //     e.g. "\\\r" (codes 92,13) - all key flags zero. Plain Enter is "\r" (len 1).
+        const isMultiCharEnter = input.length > 1 && (input.includes("\r") || input.includes("\n"));
+        const isCtrlEnter = (key.ctrl && key.return) || input === "\x0e" || isMultiCharEnter;
+        if (isCtrlEnter && isBoardView(view) && !logModalRun && !commandsBrowserOpen && !confirmState && !searchState?.active) {
+            triggerContextualAction();
+            return;
+        }
+        // Ctrl shortcuts: dispatch to command handler (bottom input ignores all ctrl)
+        const canShortcut = key.ctrl && isBoardView(view) && !logModalRun && !commandsBrowserOpen && !confirmState && !searchState?.active && !exportModal;
+        if (canShortcut) {
+            const globalShortcuts = {
+                p: () => setCommandsBrowserOpen(true),
+                b: () => handleCommand("debug"),
+                g: () => handleCommand("api"),
+                x: () => handleCommand("export"),
+                i: () => handleCommand("import"),
+                y: () => handleCommand("status"),
+            };
+            const filterShortcuts = {
+                s: () => handleCommand("search"),
+                t: () => handleCommand("filter-status"),
+                o: () => handleCommand("sort"),
+                p: () => handleCommand("filter-project"),
+            };
+            const actionShortcuts = {
+                n: () => handleCommand(activeTab === "loops" ? "new-loop" : activeTab === "tasks" ? "new-task" : "new-project"),
+                e: () => handleCommand("edit"),
+                d: () => handleCommand("delete"),
+                ...(activeTab === "loops" ? {
+                    p: () => handleCommand("pause"),
+                    r: () => handleCommand("play"),
+                    s: () => handleCommand("stop"),
+                    t: () => handleCommand("trigger"),
+                    c: () => handleCommand("clone"),
+                    o: () => handleCommand("logs"),
+                } : {}),
+            };
+            if (chordState === "ctrl+f" && filterShortcuts[input]) {
+                filterShortcuts[input]();
+                setChordState(null);
+                return;
+            }
+            if (chordState === "ctrl+a" && actionShortcuts[input]) {
+                actionShortcuts[input]();
+                setChordState(null);
+                return;
+            }
+            if (chordState) {
+                setChordState(null);
+            }
+            if (input === "f") {
+                setChordState("ctrl+f");
+                return;
+            }
+            if (input === "a") {
+                setChordState("ctrl+a");
+                return;
+            }
+            const globalHandler = globalShortcuts[input];
+            if (globalHandler) {
+                globalHandler();
+                return;
+            }
+        }
+        // Confirm mode is handled by CommandInput component, not here (non-Escape only)
+        if (confirmState && !key.escape)
+            return;
+        // Search mode is handled by CommandInput component, not here (non-Escape only)
+        if (searchState?.active && !key.escape)
+            return;
+        // ── Escape: pop the topmost overlay layer (2.2) ──
+        if (key.escape) {
+            popLayer();
+            return;
+        }
+        if (logModalRun) {
+            if (input === "q") {
+                setLogModalRun(null);
+                setLogModalLoopId(null);
+            }
+            return;
+        }
+        if (commandsBrowserOpen) {
+            return;
+        }
+        if (contextHelpOpen) {
+            // Escape handled by popLayer above; dismiss on any other key
+            setContextHelpOpen(false);
+            return;
+        }
+        // Any other modal open: block all input from reaching panels
+        if (logModalRun)
+            return;
+        // Full-screen form views: escape handled by popLayer above
+        if (FORM_VIEWS.includes(view))
+            return;
+        // Board view: Tab cycles panels (8.2), 1/2/3 switch tabs (8.1)
+        if (isBoardView(view)) {
+            // Ctrl+Arrow: cycle tabs in a loop (loops -> tasks -> projects -> loops)
+            if (key.ctrl && key.rightArrow) {
+                setActiveTab((prev) => prev === "loops" ? "tasks" : prev === "tasks" ? "projects" : "loops");
+                return;
+            }
+            if (key.ctrl && key.leftArrow) {
+                setActiveTab((prev) => prev === "loops" ? "projects" : prev === "tasks" ? "loops" : "tasks");
+                return;
+            }
+            if (key.tab) {
+                if (key.shift) {
+                    setFocusedPanel((prev) => prev === "left" ? "right" : "left");
+                }
+                else {
+                    setFocusedPanel((prev) => prev === "left" ? "right" : "left");
+                }
+                return;
+            }
+            if (input === "1") {
+                setActiveTab("loops");
+                return;
+            }
+            if (input === "2") {
+                setActiveTab("tasks");
+                return;
+            }
+            if (input === "3") {
+                setActiveTab("projects");
+                return;
+            }
+        }
+    });
+    // Modals disable panel input behind them; CommandInput stays active for confirm/search
+    const anyModalOpen = !!(logModalRun || commandsBrowserOpen || exportModal);
+    const commandInputDisabled = anyModalOpen;
+    // ── Resolved input owner (1.2) ──
+    const inputOwner = useMemo(() => resolveInputOwner({
+        modalOpen: !!(logModalRun || commandsBrowserOpen || exportModal || contextHelpOpen || confirmState || searchState?.active),
+        commandBarHasText,
+        commandBarDropdownOpen,
+    }), [logModalRun, commandsBrowserOpen, exportModal, contextHelpOpen, confirmState, searchState?.active, commandBarHasText, commandBarDropdownOpen]);
+    const counts = {
+        total: loops.length,
+        running: loops.filter((l) => l.status === "running").length,
+        waiting: loops.filter((l) => l.status === "waiting").length,
+        paused: loops.filter((l) => l.status === "paused").length,
+        idle: loops.filter((l) => l.status === "idle").length,
+    };
+    const tabCounts = { loops: loops.length, tasks: tasks.length, projects: projects.length };
+    return (_jsxs(Box, { flexDirection: "column", width: "100%", height: process.stdout.rows || 24, backgroundColor: theme.bg.base, children: [_jsx(Header, { daemonStatus: daemonStatus, counts: counts, activeTab: activeTab, onTabChange: setActiveTab, tabCounts: tabCounts }), _jsx(Box, { flexGrow: 1, children: view === "create" ? (_jsx(CreateView, { mode: editTarget && !cloneMode ? "edit" : "create", editId: editTarget && !cloneMode ? editTarget.id : null, initial: createInitialValues(editTarget, currentProjectId), selectedTaskId: pendingTaskSelection?.id ?? null, selectedTaskName: pendingTaskSelection?.name ?? null, tasks: tasks, projects: projects, currentProjectId: currentProjectId, onCancel: cancelCreate, onDone: onCreateDone, onChooseTask: handleChooseTask })) : TASK_FORM_VIEWS.has(view) ? (_jsx(TaskForm, { mode: view === "task-edit" ? "edit" : "create", editTask: editTask, onCancel: cancelTask, onDone: onTaskDone })) : view === "project-create" || view === "project-edit" ? (_jsx(ProjectFormView, { mode: view === "project-edit" ? "edit" : "create", editProject: view === "project-edit" ? editProject : null, onCancel: cancelProject, onDone: onProjectDone })) : (
+                // Board view: left panel + right panel (+ optional debug panel)
+                _jsxs(Box, { flexDirection: breakpoint === "narrow" ? "column" : "row", flexGrow: 1, children: [_jsx(LeftPanel, { isFocused: focusedPanel === "left" && !anyModalOpen, navActive: inputOwner === "panel", activeTab: activeTab, query: leftPanelQuery, loops: visible, selectedIndex: clampedIndex, filters: filters, sort: sort, breakpoint: breakpoint, projects: projects, onSelect: (index) => setSelectedIndex(index), onActivate: (index) => { setSelectedIndex(index); }, tasks: filteredTasks, taskSelectedIndex: taskClampedIndex, onTaskSelect: (index) => setTaskSelectedIndex(index), onTaskActivate: (index) => { setTaskSelectedIndex(index); setEditTask(filteredTasks[index] ?? null); push("task-edit"); }, onStatusCycle: () => setFilters((prev) => ({ ...prev, status: cycleStatusFilter(prev.status) })), onSortCycle: () => setSort(cycleSortMode(sort)), onSelectProject: () => setActiveTab("projects"), currentProjectName: currentProjectId === "all" ? t("project.showAll") : (projects.find(p => p.id === currentProjectId)?.name ?? "Default"), projectFilters: projectFilters, projectSelectedIndex: projectClampedIndex, onProjectSelect: (index) => setProjectSelectedIndex(index), onProjectActivate: (index) => { setProjectSelectedIndex(index); }, projectLoops: loops }), _jsx(RightPanel, { isFocused: focusedPanel === "right" && !anyModalOpen, navActive: inputOwner === "panel", activeTab: activeTab, loop: selected, selectedRunIndex: selectedRunIndex, onSelectRun: (index) => setSelectedRunIndex(index), onOpenRun: handleOpenRunLog, selectedTask: selectedTask, allTasks: tasks, selectedProject: selectedProjectEntity, projectLoopCount: projectLoopCount, onProjectEdit: () => { if (selectedProjectEntity && !selectedProjectEntity.isSystem) {
+                                commandHandlers["edit"]?.();
+                            } }, onProjectDelete: () => { if (selectedProjectEntity && !selectedProjectEntity.isSystem) {
+                                commandHandlers["delete"]?.();
+                            } } }), debugMode ? _jsx(DebugPanel, { entries: debugEntries }) : null] })) }, viewKey(view, editTarget, editTask)), isBoardView(view) ? (_jsx(CommandInput, { context: commandContext, onCommand: handleCommand, confirmState: confirmState, searchState: searchState, searchValue: searchValue, onSearchChange: handleSearchChange, onSearchSubmit: handleSearchSubmit, onSearchCancel: handleSearchCancel, onConfirmYes: handleConfirmYes, onConfirmCancel: handleConfirmCancel, onCopy: handleContextualCopy, onPanelAction: triggerContextualAction, disabled: commandInputDisabled, navOwner: inputOwner, onInputStateChange: (hasText, dropdownOpen) => {
+                    setCommandBarHasText(hasText);
+                    setCommandBarDropdownOpen(dropdownOpen);
+                } })) : null, commandsBrowserOpen ? (_jsx(CommandsBrowserModal, { context: commandContext, onClose: () => setCommandsBrowserOpen(false), onExecute: (value) => { setCommandsBrowserOpen(false); handleCommand(value); } })) : null, contextHelpOpen ? _jsx(ContextHelpModal, { onClose: () => setContextHelpOpen(false) }) : null, exportModal ? (_jsx(ExportModal, { json: exportModal.json, filePath: exportModal.filePath, error: exportModal.error, onClose: () => setExportModal(null), onCopy: () => pushToast("success", t("board.toastCopied")) })) : null, logModalRun ? (_jsx(LogModal, { loopId: logModalLoopId, run: logModalRun, logLines: logModalLines, loading: logModalLoading, onClose: () => { setLogModalRun(null); setLogModalLoopId(null); }, onCopy: () => pushToast("success", t("board.toastCopied")) })) : null, _jsx(ToastStack, { toasts: toasts })] }));
+}
+function createInitialValues(editTarget, currentProjectId) {
+    if (!editTarget) {
+        return {
+            interval: "30m",
+            taskMode: "inline",
+            command: "",
+            cwd: process.cwd(),
+            taskId: "",
+            description: "",
+            runNow: "y",
+            maxRuns: "",
+            project: currentProjectId,
+        };
     }
+    return {
+        interval: editTarget.intervalHuman ?? "30m",
+        taskMode: editTarget.taskId ? "existing" : "inline",
+        command: editTarget.commandRaw ?? [editTarget.command, ...editTarget.commandArgs].join(" "),
+        cwd: editTarget.cwd ?? "",
+        taskId: editTarget.taskId ?? "",
+        description: editTarget.description,
+        runNow: "y",
+        maxRuns: editTarget.maxRuns?.toString() ?? "",
+        project: editTarget.projectId ?? "default",
+    };
 }
-//# sourceMappingURL=app.js.map