loop-task 2.1.4 → 2.1.7

package/dist/tui/App.js

@@ -1,680 +0,0 @@
-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, playLoop, 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");
-    const [activeTab, setActiveTab] = useState("loops");
-    const [focusedPanel, setFocusedPanel] = useState("left");
-    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);
-    const [commandsBrowserOpen, setCommandsBrowserOpen] = useState(false);
-    const [contextHelpOpen, setContextHelpOpen] = useState(false);
-    const [exportModal, setExportModal] = useState(null);
-    const [confirmState, setConfirmState] = useState(null);
-    const [searchState, setSearchState] = useState(null);
-    const [searchValue, setSearchValue] = useState("");
-    const [debugMode, setDebugMode] = useState(false);
-    const [debugEntries, setDebugEntries] = useState([]);
-    const [chordState, setChordState] = useState(null);
-    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(() => {
-        const sorted = [...tasks].sort((a, b) => a.name.localeCompare(b.name, undefined, { sensitivity: "base" }));
-        if (!taskQuery)
-            return sorted;
-        const q = taskQuery.toLowerCase();
-        return sorted.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());
-        }
-        catch { /* ignore */ }
-    }
-    async function refreshProjects() {
-        try {
-            setProjects(await listProjects());
-        }
-        catch { /* ignore */ }
-    }
-    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));
-            }
-        };
-    }
-    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");
-        });
-    }
-    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]);
-    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");
-            }
-        },
-        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 && !selectedProjectEntity.isSystem) {
-                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) {
-                const isPaused = selected.status === "paused";
-                const toastKey = isPaused ? "board.toastResumed" : "board.toastPlayed";
-                const fn = isPaused ? () => resumeLoop(selected.id) : () => playLoop(selected.id);
-                void runAction(t(toastKey, { desc: selected.description }), fn)();
-            }
-        },
-        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]);
-                }
-            }
-        },
-        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();
-        }
-        else {
-            pushToast("error", `Unknown command: ${value}`);
-        }
-    }
-    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 }));
-    };
-    const leftPanelQuery = searchState?.active
-        ? searchValue
-        : activeTab === "tasks" ? taskQuery : filters.query;
-    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]);
-    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 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]?.();
-    };
-    const popLayer = () => {
-        if (confirmState) {
-            setConfirmState(null);
-            return true;
-        }
-        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;
-    };
-    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;
-        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;
-    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, projects: projects, 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",
-    };
-}