loop-task 1.4.2 → 1.4.4

package/dist/board/App.js

@@ -345,7 +345,7 @@ export function App(props) {
                 }
                 else {
                     push("projects");
-                } } }), view === "board" ? (_jsx(FilterBar, { filters: filters, sort: sort, searchActive: searchActive, focusedPanel: focusedPanel, onStatusCycle: () => setFilters((prev) => ({ ...prev, status: cycleStatusFilter(prev.status) })), onSortCycle: () => setSort(cycleSortMode(sort)), onSelectProject: () => setProjectsModalOpen(true), currentProjectName: currentProjectId === "all" ? t("project.showAll") : (projects.find(p => p.id === currentProjectId)?.name ?? "Default") })) : view === "task-list" ? (_jsx(TaskFilterBar, { query: taskQuery, searchActive: taskSearchActive, focusedPanel: taskFocusedPanel })) : null, _jsx("box", { style: { flexGrow: 1, backgroundColor: "#0b0b0b" }, 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, 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 === "task-list" ? (_jsxs("box", { style: { flexDirection: breakpoint === "narrow" ? "column" : "row", flexGrow: 1, backgroundColor: "#0b0b0b" }, children: [_jsx(TaskNavigator, { visible: filteredTasks, total: tasks.length, selectedIndex: taskClampedIndex, focused: taskFocusedPanel === "tasks", query: taskQuery, onSelect: (index) => { setTaskSelectedIndex(index); setTaskFocusedPanel("tasks"); }, onActivate: (index) => { setTaskSelectedIndex(index); setEditTask(filteredTasks[index] ?? null); push("task-edit"); } }), _jsxs("box", { style: { flexDirection: "column", flexGrow: 1, backgroundColor: "#0b0b0b", overflow: "hidden" }, children: [_jsx(TaskInspector, { task: selectedTask }, `ti-${selectedTask?.id}`), _jsx(TaskActionButtons, { task: selectedTask, focused: taskFocusedPanel === "actions", selectedAction: taskSelectedAction, selectable: stack.includes("create") || stack.includes("task-edit"), onAction: handleTaskAction }, `tab-${selectedTask?.id}`)] })] })) : view === "projects" ? (_jsx(ProjectsPage, { projects: projects, loops: loops, onClose: () => pop(), onRefresh: refreshProjects, onOpenCreate: (trigger) => { createProjectTriggerRef.current = trigger; } })) : (_jsxs("box", { style: { flexDirection: breakpoint === "narrow" ? "column" : "row", flexGrow: 1, backgroundColor: "#0b0b0b" }, children: [_jsx(Navigator, { visible: visible, total: loops.length, selectedIndex: clampedIndex, filters: filters, sort: sort, breakpoint: breakpoint, focused: focusedPanel === "loops", projects: projects, onSelect: (index) => { setSelectedIndex(index); setFocusedPanel("loops"); }, onActivate: (index) => { setSelectedIndex(index); const loop = visible[index]; if (loop) {
+                } } }), view === "board" ? (_jsx(FilterBar, { filters: filters, sort: sort, searchActive: searchActive, focusedPanel: focusedPanel, onStatusCycle: () => setFilters((prev) => ({ ...prev, status: cycleStatusFilter(prev.status) })), onSortCycle: () => setSort(cycleSortMode(sort)), onSelectProject: () => setProjectsModalOpen(true), currentProjectName: currentProjectId === "all" ? t("project.showAll") : (projects.find(p => p.id === currentProjectId)?.name ?? "Default"), onQueryChange: (value) => setFilters((prev) => ({ ...prev, query: value })), onSearchActivate: () => setSearchActive(true), onSearchDismiss: () => { setSearchActive(false); setFocusedPanel("loops"); } })) : view === "task-list" ? (_jsx(TaskFilterBar, { query: taskQuery, searchActive: taskSearchActive, focusedPanel: taskFocusedPanel, onQueryChange: setTaskQuery, onSearchActivate: () => setTaskSearchActive(true), onSearchDismiss: () => { setTaskSearchActive(false); setTaskFocusedPanel("tasks"); } })) : null, _jsx("box", { style: { flexGrow: 1, backgroundColor: "#0b0b0b" }, 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, 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 === "task-list" ? (_jsxs("box", { style: { flexDirection: breakpoint === "narrow" ? "column" : "row", flexGrow: 1, backgroundColor: "#0b0b0b" }, children: [_jsx(TaskNavigator, { visible: filteredTasks, total: tasks.length, selectedIndex: taskClampedIndex, focused: taskFocusedPanel === "tasks", query: taskQuery, onSelect: (index) => { setTaskSelectedIndex(index); setTaskFocusedPanel("tasks"); }, onActivate: (index) => { setTaskSelectedIndex(index); setEditTask(filteredTasks[index] ?? null); push("task-edit"); } }), _jsxs("box", { style: { flexDirection: "column", flexGrow: 1, backgroundColor: "#0b0b0b", overflow: "hidden" }, children: [_jsx(TaskInspector, { task: selectedTask }, `ti-${selectedTask?.id}`), _jsx(TaskActionButtons, { task: selectedTask, focused: taskFocusedPanel === "actions", selectedAction: taskSelectedAction, selectable: stack.includes("create") || stack.includes("task-edit"), onAction: handleTaskAction }, `tab-${selectedTask?.id}`)] })] })) : view === "projects" ? (_jsx(ProjectsPage, { projects: projects, loops: loops, onClose: () => pop(), onRefresh: refreshProjects, onOpenCreate: (trigger) => { createProjectTriggerRef.current = trigger; } })) : (_jsxs("box", { style: { flexDirection: breakpoint === "narrow" ? "column" : "row", flexGrow: 1, backgroundColor: "#0b0b0b" }, children: [_jsx(Navigator, { visible: visible, total: loops.length, selectedIndex: clampedIndex, filters: filters, sort: sort, breakpoint: breakpoint, focused: focusedPanel === "loops", projects: projects, onSelect: (index) => { setSelectedIndex(index); setFocusedPanel("loops"); }, onActivate: (index) => { setSelectedIndex(index); const loop = visible[index]; if (loop) {
                                 setEditTarget(loop);
                                 push("create");
                             } } }), _jsxs("box", { style: { flexDirection: "column", flexGrow: 1, backgroundColor: "#0b0b0b", overflow: "hidden" }, children: [_jsx(Inspector, { loop: selected }), _jsx(RunHistory, { loop: selected, selectedRunIndex: selectedRunIndex, focused: focusedPanel === "runs", onSelectRun: (index) => { setSelectedRunIndex(index); setFocusedPanel("runs"); }, onOpenRun: handleOpenRunLog }), _jsx(ActionButtons, { loop: selected, focused: focusedPanel === "actions", selectedAction: selectedAction, onAction: handleAction })] })] })) }, viewKey(view, editTarget, editTask)), _jsx(Footer, { mode: mode }), confirm ? (_jsx(ConfirmModal, { message: confirm.message, choice: confirmChoice, onYes: () => { const action = confirm.action; setConfirm(null); void action(); }, onNo: () => setConfirm(null) })) : null, helpOpen ? _jsx(HelpModal, { view: view }) : null, logModalRun ? (_jsx(LogModal, { loopId: selectedId, run: logModalRun, logLines: logModalLines, loading: logModalLoading, onClose: () => setLogModalRun(null) })) : null, projectsModalOpen ? (_jsx(ProjectsModal, { projects: projects, loops: loops, currentProjectId: currentProjectId, onSelect: (id) => { setCurrentProjectId(id); setProjectsModalOpen(false); }, onClose: () => setProjectsModalOpen(false) })) : null, _jsx(ToastStack, { toasts: toasts })] }));

package/dist/board/components/CreateForm.js

@@ -86,72 +86,65 @@ export function CreateView(props) {
         if (key.name === "tab") {
             setFocusIndex((i) => {
                 const next = key.shift ? i - 1 : i + 1;
-                return Math.max(0, Math.min(cancelIndex, next));
+                if (next < 0)
+                    return cancelIndex;
+                if (next > cancelIndex)
+                    return 0;
+                return next;
             });
+            key.preventDefault();
             return;
         }
-        if (key.name === "left" || key.name === "right") {
-            if (focusIndex === saveIndex) {
-                setFocusIndex(key.name === "right" ? cancelIndex : focusIndex - 1 >= 0 ? filteredFields.length - 1 : 0);
-                return;
-            }
-            if (focusIndex === cancelIndex) {
-                setFocusIndex(key.name === "right" ? 0 : saveIndex);
-                return;
-            }
-            if (key.name === "right") {
-                if (focusIndex + 1 < filteredFields.length) {
-                    setFocusIndex((i) => i + 1);
-                }
-                else {
-                    setFocusIndex(saveIndex);
-                }
-                return;
-            }
-            if (key.name === "left") {
-                if (focusIndex > 0) {
-                    setFocusIndex((i) => i - 1);
-                }
-                else {
-                    setFocusIndex(cancelIndex);
-                }
+        if (key.name === "up" || key.name === "down") {
+            const field = filteredFields[focusIndex];
+            if (field === "project" && projectOptions.length > 1) {
+                const currentIdx = projectOptions.findIndex((p) => p.value === valuesRef.current.project);
+                const nextIdx = key.name === "down"
+                    ? (currentIdx + 1) % projectOptions.length
+                    : (currentIdx - 1 + projectOptions.length) % projectOptions.length;
+                const next = projectOptions[nextIdx];
+                if (next)
+                    updateValues({ ...valuesRef.current, project: next.value });
+                key.preventDefault();
                 return;
             }
+            setFocusIndex((i) => {
+                const next = key.name === "up" ? i - 1 : i + 1;
+                if (next < 0)
+                    return cancelIndex;
+                if (next > cancelIndex)
+                    return 0;
+                return next;
+            });
+            key.preventDefault();
+            return;
         }
         if (key.name === "return" || key.name === "enter" || key.name === " ") {
             const field = filteredFields[focusIndex];
             if (field === "taskMode") {
                 const next = valuesRef.current.taskMode === TASK_MODE_INLINE ? TASK_MODE_EXISTING : TASK_MODE_INLINE;
                 updateValues({ ...valuesRef.current, taskMode: next });
+                key.preventDefault();
                 return;
             }
             if (field === "runNow") {
                 const next = valuesRef.current.runNow === "y" ? "n" : "y";
                 updateValues({ ...valuesRef.current, runNow: next });
+                key.preventDefault();
                 return;
             }
             if (focusIndex === chooseTaskIdx && !isInline) {
                 props.onChooseTask();
+                key.preventDefault();
                 return;
             }
             if (focusIndex === saveIndex) {
                 void submit(valuesRef.current);
+                key.preventDefault();
             }
             else if (focusIndex === cancelIndex) {
                 props.onCancel();
-            }
-        }
-        if (key.name === "up" || key.name === "down") {
-            const field = filteredFields[focusIndex];
-            if (field === "project" && projectOptions.length > 1) {
-                const currentIdx = projectOptions.findIndex((p) => p.value === valuesRef.current.project);
-                const nextIdx = key.name === "down"
-                    ? (currentIdx + 1) % projectOptions.length
-                    : (currentIdx - 1 + projectOptions.length) % projectOptions.length;
-                const next = projectOptions[nextIdx];
-                if (next)
-                    updateValues({ ...valuesRef.current, project: next.value });
-                return;
+                key.preventDefault();
             }
         }
     });

package/dist/board/components/FilterBar.js

@@ -1,11 +1,12 @@
-import { jsxs as _jsxs, jsx as _jsx } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
 import { t } from "../../i18n/index.js";
 import { useHoverState } from "../hooks/useHoverState.js";
 import { HOVER_BG } from "../../config/constants.js";
+import { SearchBox } from "./SearchBox.js";
 export function FilterBar(props) {
-    const { filters, sort, searchActive, focusedPanel, onStatusCycle, onSortCycle, onSelectProject, currentProjectName } = props;
+    const { filters, sort, searchActive, focusedPanel, onStatusCycle, onSortCycle, onSelectProject, currentProjectName, onQueryChange, onSearchActivate, onSearchDismiss } = props;
     const statusDisplay = filters.status === "waiting" ? "waiting" : filters.status;
-    return (_jsxs("box", { style: { flexDirection: "row", height: 3, paddingLeft: 1, paddingRight: 1, backgroundColor: "#0b0b0b" }, children: [_jsx("box", { title: t("board.searchTitle"), border: true, borderColor: focusedPanel === "search" ? "#38bdf8" : undefined, style: { width: "25%", height: 3, marginRight: 1, paddingLeft: 1, backgroundColor: focusedPanel === "search" ? "#1e2a4a" : "#0b0b0b" }, children: searchActive ? (_jsxs("text", { fg: filters.query ? "#e5e7eb" : "#6b7280", children: [filters.query || t("board.searchPlaceholder"), "\u258E"] })) : (_jsx("text", { fg: filters.query ? "#e5e7eb" : "#6b7280", children: filters.query || t("board.searchEmpty") })) }), onSelectProject ? (_jsx(ClickableBadge, { title: t("project.filterTitle"), text: currentProjectName ?? "Default", textColor: "#f59e0b", focused: focusedPanel === "project-filter", onMouseDown: onSelectProject, marginRight: 1 })) : null, _jsx(ClickableBadge, { title: t("board.statusFilterTitle"), text: statusDisplay, textColor: "#38bdf8", focused: focusedPanel === "status", onMouseDown: onStatusCycle, marginRight: 1 }), _jsx(ClickableBadge, { title: t("board.sortTitle"), text: sort, textColor: "#a3e635", focused: focusedPanel === "sort", onMouseDown: onSortCycle })] }));
+    return (_jsxs("box", { style: { flexDirection: "row", height: 3, paddingLeft: 1, paddingRight: 1, backgroundColor: "#0b0b0b" }, children: [_jsx(SearchBox, { query: filters.query, searchActive: searchActive, focused: focusedPanel === "search", onQueryChange: onQueryChange, onActivate: onSearchActivate, onDismiss: onSearchDismiss }), onSelectProject ? (_jsx(ClickableBadge, { title: t("project.filterTitle"), text: currentProjectName ?? "Default", textColor: "#f59e0b", focused: focusedPanel === "project-filter", onMouseDown: onSelectProject, marginRight: 1 })) : null, _jsx(ClickableBadge, { title: t("board.statusFilterTitle"), text: statusDisplay, textColor: "#38bdf8", focused: focusedPanel === "status", onMouseDown: onStatusCycle, marginRight: 1 }), _jsx(ClickableBadge, { title: t("board.sortTitle"), text: sort, textColor: "#a3e635", focused: focusedPanel === "sort", onMouseDown: onSortCycle })] }));
 }
 function ClickableBadge(props) {
     const { isHovered, hoverProps } = useHoverState();

package/dist/board/components/HelpModal.js

@@ -5,40 +5,43 @@ export function HelpModal(props) {
     const { view } = props;
     const { width } = useTerminalDimensions();
     const loopRows = [
+        ["tab/←→", "switch panels"],
+        ["↑/↓", "navigate list items"],
+        ["enter", t("board.helpEdit")],
         ["e", "edit loop"],
         ["d/del", "delete loop"],
         ["c", "clone loop"],
         ["f", "force run"],
         ["p", "pause/play (contextual)"],
         ["s", "stop loop (resets schedule)"],
-        [t("board.helpKeyEnter"), t("board.helpEdit")],
         ["n", t("board.helpCreate")],
         ["t", t("board.helpCreateTask")],
         ["o", t("board.helpCycleSort")],
         ["x", "cycle status filter"],
         ["r", "project filter"],
-        ["←/→", t("board.helpSwitchPanel")],
         ["/", t("board.helpSearch")],
         ["h", t("board.helpToggleHelp")],
         ["esc", t("board.helpQuit")],
     ];
     const taskRows = [
+        ["tab/←→", "switch panels"],
+        ["↑/↓", "navigate tasks"],
+        ["enter", "focus actions panel"],
         ["e", "edit task"],
         ["d/del", "delete task"],
         ["s", "select task (when creating/editing a loop)"],
-        ["enter", "focus actions panel"],
         ["n", t("board.helpCreateTask")],
-        ["←/→", t("board.helpSwitchPanel")],
         ["/", t("board.helpSearch")],
         ["h", t("board.helpToggleHelp")],
         ["esc", t("board.helpQuit")],
     ];
     const projectRows = [
+        ["tab/←→", "switch panel (list/actions)"],
+        ["↑/↓", "navigate projects"],
         ["enter", "focus actions"],
         ["n", "new project"],
         ["e", "edit project"],
         ["d", "delete project"],
-        ["←/→", "switch panel (list/actions)"],
         ["h", t("board.helpToggleHelp")],
         ["esc", t("board.helpQuit")],
     ];

package/dist/board/components/ProjectsPage.js

@@ -41,6 +41,7 @@ export function ProjectsPage(props) {
                 setSelectedIndex((i) => Math.max(0, i - 1));
             else
                 setSelectedAction((a) => Math.max(0, a - 1));
+            key.preventDefault();
             return;
         }
         if (key.name === "down") {
@@ -48,10 +49,12 @@ export function ProjectsPage(props) {
                 setSelectedIndex((i) => Math.min(projects.length - 1, i + 1));
             else
                 setSelectedAction((a) => Math.min(PROJECT_ACTION_COUNT - 1, a + 1));
+            key.preventDefault();
             return;
         }
-        if (key.name === "left" || key.name === "right") {
+        if (key.name === "left" || key.name === "right" || key.name === "tab") {
             setFocusedPanel((p) => (p === "list" ? "actions" : "list"));
+            key.preventDefault();
             return;
         }
         if (key.name === "return" || key.name === "enter") {
@@ -61,22 +64,27 @@ export function ProjectsPage(props) {
             else {
                 runAction(selectedAction);
             }
+            key.preventDefault();
             return;
         }
         if (key.name === "n") {
             setSubModal("create");
+            key.preventDefault();
             return;
         }
         if (key.name === "e" && selectedProject && !selectedProject.isSystem) {
             setSubModal("edit");
+            key.preventDefault();
             return;
         }
         if (key.name === "d" && selectedProject && !selectedProject.isSystem) {
             setSubModal("delete");
+            key.preventDefault();
             return;
         }
         if (key.name === "escape") {
             onClose();
+            key.preventDefault();
         }
     });
     const actions = [

package/dist/board/components/SearchBox.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "@opentui/react/jsx-runtime";
+import { t } from "../../i18n/index.js";
+export function SearchBox(props) {
+    const { query, searchActive, focused, onQueryChange, onActivate, onDismiss } = props;
+    return (_jsx("box", { title: t("board.searchTitle"), border: true, borderColor: focused ? "#38bdf8" : undefined, style: { width: "25%", height: 3, marginRight: 1, paddingLeft: 1, backgroundColor: focused ? "#1e2a4a" : "#0b0b0b" }, children: searchActive ? (_jsx("input", { focused: true, value: query, placeholder: t("board.searchPlaceholder"), onInput: (value) => onQueryChange(value), onSubmit: () => onDismiss() })) : (_jsx("text", { fg: query ? "#e5e7eb" : "#6b7280", onMouseDown: onActivate, children: query || t("board.searchEmpty") })) }));
+}

package/dist/board/components/TaskFilterBar.js

@@ -1,6 +1,6 @@
-import { jsxs as _jsxs, jsx as _jsx } from "@opentui/react/jsx-runtime";
-import { t } from "../../i18n/index.js";
+import { jsx as _jsx } from "@opentui/react/jsx-runtime";
+import { SearchBox } from "./SearchBox.js";
 export function TaskFilterBar(props) {
-    const { query, searchActive, focusedPanel } = props;
-    return (_jsx("box", { style: { flexDirection: "row", height: 3, paddingLeft: 1, paddingRight: 1, backgroundColor: "#0b0b0b" }, children: _jsx("box", { title: t("board.searchTitle"), border: true, borderColor: focusedPanel === "search" ? "#38bdf8" : undefined, style: { flexGrow: 1, height: 3, paddingLeft: 1, backgroundColor: focusedPanel === "search" ? "#1e2a4a" : "#0b0b0b" }, children: searchActive ? (_jsxs("text", { fg: query ? "#e5e7eb" : "#6b7280", children: [query || t("board.searchPlaceholder"), "\u258E"] })) : (_jsx("text", { fg: query ? "#e5e7eb" : "#6b7280", children: query || t("board.searchEmpty") })) }) }));
+    const { query, searchActive, focusedPanel, onQueryChange, onSearchActivate, onSearchDismiss } = props;
+    return (_jsx("box", { style: { flexDirection: "row", height: 3, paddingLeft: 1, paddingRight: 1, backgroundColor: "#0b0b0b" }, children: _jsx("box", { style: { flexGrow: 1 }, children: _jsx(SearchBox, { query: query, searchActive: searchActive, focused: focusedPanel === "search", onQueryChange: onQueryChange, onActivate: onSearchActivate, onDismiss: onSearchDismiss }) }) }));
 }

package/dist/board/components/TaskForm.js

@@ -40,44 +40,35 @@ export function TaskForm(props) {
         if (key.name === "tab") {
             setFocusIndex((i) => {
                 const next = key.shift ? i - 1 : i + 1;
-                return Math.max(0, Math.min(cancelIndex, next));
+                if (next < 0)
+                    return cancelIndex;
+                if (next > cancelIndex)
+                    return 0;
+                return next;
             });
+            key.preventDefault();
             return;
         }
-        if (key.name === "left" || key.name === "right") {
-            if (focusIndex === saveIndex) {
-                setFocusIndex(key.name === "right" ? cancelIndex : taskFields.length - 1);
-                return;
-            }
-            if (focusIndex === cancelIndex) {
-                setFocusIndex(key.name === "right" ? 0 : saveIndex);
-                return;
-            }
-            if (key.name === "right") {
-                if (focusIndex + 1 < taskFields.length) {
-                    setFocusIndex((i) => i + 1);
-                }
-                else {
-                    setFocusIndex(saveIndex);
-                }
-                return;
-            }
-            if (key.name === "left") {
-                if (focusIndex > 0) {
-                    setFocusIndex((i) => i - 1);
-                }
-                else {
-                    setFocusIndex(cancelIndex);
-                }
-                return;
-            }
+        if (key.name === "up" || key.name === "down") {
+            setFocusIndex((i) => {
+                const next = key.name === "up" ? i - 1 : i + 1;
+                if (next < 0)
+                    return cancelIndex;
+                if (next > cancelIndex)
+                    return 0;
+                return next;
+            });
+            key.preventDefault();
+            return;
         }
         if (key.name === "return" || key.name === "enter") {
             if (focusIndex === saveIndex) {
                 void submit(valuesRef.current);
+                key.preventDefault();
             }
             else if (focusIndex === cancelIndex) {
                 props.onCancel();
+                key.preventDefault();
             }
         }
     });

package/dist/board/hooks/useBoardKeybindings.js

@@ -200,63 +200,63 @@ export function useBoardKeybindings(params) {
         const name = key.name;
         if (confirm) {
             CONFIRM_KEYS[name]?.({ confirm, confirmChoice, setConfirm, setConfirmChoice });
+            key.preventDefault();
             return;
         }
         if (logModalRun) {
             if (name === "escape" || name === "q") {
                 OVERLAY_DISMISS.log({ setLogModalRun, setHelpOpen, setSearchActive, setFocusedPanel }, name);
+                key.preventDefault();
                 return;
             }
             if (key.ctrl && name === "c") {
                 copyToClipboard(logModalLines.join("\n"));
+                key.preventDefault();
                 return;
             }
             return;
         }
         if (helpOpen && (name === "h" || name === "escape")) {
             OVERLAY_DISMISS.help({ setLogModalRun, setHelpOpen, setSearchActive, setFocusedPanel }, name);
+            key.preventDefault();
             return;
         }
         if (helpOpen)
             return;
-        if (searchActive && (name === "escape" || name === "return" || name === "enter")) {
-            OVERLAY_DISMISS.search({ setLogModalRun, setHelpOpen, setSearchActive, setFocusedPanel }, name);
-            return;
-        }
         if (searchActive) {
-            if (name === "left") {
+            if (name === "escape") {
                 setSearchActive(false);
-                setFocusedPanel("actions");
-                setSelectedAction((selected ? getActionCount(selected.status) : 0) - 1);
-                return;
-            }
-            if (name === "backspace") {
-                setFilters((prev) => ({ ...prev, query: prev.query.slice(0, -1) }));
-                return;
-            }
-            if (key.sequence && key.sequence.length === 1 && key.sequence >= " " && key.sequence <= "~") {
-                setFilters((prev) => ({ ...prev, query: prev.query + key.sequence }));
+                setFocusedPanel("loops");
+                key.preventDefault();
                 return;
             }
             return;
         }
-        if (name === "left" || name === "right") {
-            if (focusedPanel === "actions") {
+        if (view !== "board" && name === "escape") {
+            VIEW_ESCAPE[view]?.({ setEditTarget, setEditTask, onBack: pop });
+            key.preventDefault();
+            return;
+        }
+        if (view !== "board")
+            return;
+        if (name === "left" || name === "right" || name === "tab") {
+            const direction = name === "left" || (name === "tab" && key.shift) ? "left" : "right";
+            if (focusedPanel === "actions" && name !== "tab") {
                 const actionCount = selected ? getActionCount(selected.status) : 0;
-                if (name === "left" && selectedAction === 0) {
+                if (direction === "left" && selectedAction === 0) {
                     setFocusedPanel((p) => nextPanel(p, "left"));
                 }
-                else if (name === "right" && selectedAction === actionCount - 1) {
+                else if (direction === "right" && selectedAction === actionCount - 1) {
                     setFocusedPanel((p) => nextPanel(p, "right"));
                 }
                 else {
-                    setSelectedAction((i) => name === "right"
+                    setSelectedAction((i) => direction === "right"
                         ? Math.min(actionCount - 1, i + 1)
                         : Math.max(0, i - 1));
                 }
             }
             else {
-                const next = nextPanel(focusedPanel, name === "right" ? "right" : "left");
+                const next = nextPanel(focusedPanel, direction);
                 if (next === "actions") {
                     setFocusedPanel("actions");
                     setSelectedAction(0);
@@ -265,17 +265,13 @@ export function useBoardKeybindings(params) {
                     setFocusedPanel(next);
                 }
             }
+            key.preventDefault();
             return;
         }
-        if (view !== "board" && name === "escape") {
-            VIEW_ESCAPE[view]?.({ setEditTarget, setEditTask, onBack: pop });
-            return;
-        }
-        if (view !== "board")
-            return;
         const globalHandler = GLOBAL_KEYS[name];
         if (globalHandler) {
             globalHandler({ destroyLogSocket, onQuit, setHelpOpen, setEditTarget, setEditTask, push, onAction });
+            key.preventDefault();
             return;
         }
         const panelHandler = panelHandlers[focusedPanel];
@@ -284,8 +280,10 @@ export function useBoardKeybindings(params) {
             setSelectedIndex, setSelectedRunIndex, setFocusedPanel, selectedRunCount, selected,
             selectedRunIndex, setSelectedAction, selectedAction, onAction, onOpenRunLog,
             refreshTasks, onViewTasks, onViewProjects, onAddLoop,
-        }))
+        })) {
+            key.preventDefault();
             return;
+        }
         const shortcut = BOARD_SHORTCUTS[name];
         if (shortcut) {
             shortcut({
@@ -294,6 +292,7 @@ export function useBoardKeybindings(params) {
                 selectedRunIndex, setSelectedAction, selectedAction, onAction, onOpenRunLog,
                 onSelectProject,
             });
+            key.preventDefault();
         }
     });
 }

package/dist/board/hooks/useTaskKeybindings.js

@@ -16,113 +16,108 @@ export function useTaskKeybindings(params) {
             if (name === "escape") {
                 setTaskSearchActive(false);
                 setTaskFocusedPanel("tasks");
-                return;
-            }
-            if (name === "return" || name === "enter") {
-                setTaskSearchActive(false);
-                setTaskFocusedPanel("tasks");
-                return;
-            }
-            if (name === "left") {
-                setTaskSearchActive(false);
-                setTaskFocusedPanel("actions");
-                setTaskSelectedAction(taskActionCount - 1);
-                return;
-            }
-            if (name === "backspace") {
-                setTaskQuery((q) => q.slice(0, -1));
-                return;
-            }
-            if (key.sequence && key.sequence.length === 1 && key.sequence >= " " && key.sequence <= "~") {
-                setTaskQuery((q) => q + key.sequence);
+                key.preventDefault();
                 return;
             }
             return;
         }
         if (name === "escape") {
             onCancel();
+            key.preventDefault();
             return;
         }
         if (name === "n") {
             onCreateTask();
+            key.preventDefault();
             return;
         }
         if (name === "/" && taskFocusedPanel === "tasks") {
             setTaskSearchActive(true);
+            key.preventDefault();
             return;
         }
-        if (name === "tab") {
-            setTaskFocusedPanel((p) => nextTaskPanel(p, "right"));
-            return;
-        }
-        if (name === "left" || name === "right") {
-            if (taskFocusedPanel === "actions") {
-                if (name === "left" && taskSelectedAction === 0) {
+        if (name === "tab" || name === "left" || name === "right") {
+            const direction = name === "left" || (name === "tab" && key.shift) ? "left" : "right";
+            if (taskFocusedPanel === "actions" && name !== "tab") {
+                if (direction === "left" && taskSelectedAction === 0) {
                     setTaskFocusedPanel((p) => nextTaskPanel(p, "left"));
                 }
-                else if (name === "right" && taskSelectedAction === taskActionCount - 1) {
+                else if (direction === "right" && taskSelectedAction === taskActionCount - 1) {
                     setTaskFocusedPanel((p) => nextTaskPanel(p, "right"));
                 }
                 else {
-                    setTaskSelectedAction((i) => name === "right"
+                    setTaskSelectedAction((i) => direction === "right"
                         ? Math.min(taskActionCount - 1, i + 1)
                         : Math.max(0, i - 1));
                 }
             }
             else {
-                setTaskFocusedPanel((p) => nextTaskPanel(p, name === "right" ? "right" : "left"));
+                setTaskFocusedPanel((p) => nextTaskPanel(p, direction));
             }
+            key.preventDefault();
             return;
         }
         if (taskFocusedPanel === "tasks") {
             if (name === "up" || name === "k") {
                 setTaskSelectedIndex((i) => Math.max(0, i - 1));
+                key.preventDefault();
                 return;
             }
             if (name === "down" || name === "j") {
                 setTaskSelectedIndex((i) => Math.min(tasks.length - 1, i + 1));
+                key.preventDefault();
                 return;
             }
             if (name === "return" || name === "enter") {
                 setTaskFocusedPanel("actions");
+                key.preventDefault();
                 return;
             }
             if (name === "e" && tasks[taskSelectedIndex]) {
                 onTaskAction("edit");
+                key.preventDefault();
                 return;
             }
             if (name === "d" && tasks[taskSelectedIndex]) {
                 onTaskAction("delete");
+                key.preventDefault();
                 return;
             }
             if (name === "delete" && tasks[taskSelectedIndex]) {
                 onTaskAction("delete");
+                key.preventDefault();
                 return;
             }
             if (selectable && name === "s" && tasks[taskSelectedIndex]) {
                 onTaskAction("select");
+                key.preventDefault();
                 return;
             }
         }
         if (taskFocusedPanel === "actions") {
             if (name === "up" || name === "k") {
                 setTaskSelectedAction((i) => Math.max(0, i - 1));
+                key.preventDefault();
                 return;
             }
             if (name === "down" || name === "j") {
                 setTaskSelectedAction((i) => Math.min(taskActionCount - 1, i + 1));
+                key.preventDefault();
                 return;
             }
             if (name === "return" || name === "enter") {
                 onTaskAction(taskActions[taskSelectedAction] ?? "select");
+                key.preventDefault();
                 return;
             }
             if (name === "d") {
                 onTaskAction("delete");
+                key.preventDefault();
                 return;
             }
             if (selectable && name === "s") {
                 onTaskAction("select");
+                key.preventDefault();
                 return;
             }
         }

package/dist/config/paths.js

@@ -21,6 +21,15 @@ export function loopFile(id) {
 export function taskFile(id) {
     return path.join(getTasksDir(), `${id}.json`);
 }
+export function loopsJson() {
+    return path.join(getDataDir(), "loops.json");
+}
+export function tasksJson() {
+    return path.join(getDataDir(), "tasks.json");
+}
+export function projectsJson() {
+    return path.join(getDataDir(), "projects.json");
+}
 export function logFile(id) {
     return path.join(getLogsDir(), `${id}.log`);
 }

package/dist/core/loop-controller.js

@@ -335,12 +335,15 @@ export class LoopController extends EventEmitter {
                 }
                 const chainTargetId = result.exitCode === 0 ? task?.onSuccessTaskId : task?.onFailureTaskId;
                 if (chainTargetId) {
-                    const chainTask = this.taskResolver(chainTargetId);
-                    if (chainTask) {
-                        const chainGroupId = crypto.randomUUID().slice(0, 8);
-                        const mainRecord = this.runHistory[this.runHistory.length - 1];
-                        if (mainRecord)
-                            mainRecord.chainGroupId = chainGroupId;
+                    const chainGroupId = crypto.randomUUID().slice(0, 8);
+                    const mainRecord = this.runHistory[this.runHistory.length - 1];
+                    if (mainRecord)
+                        mainRecord.chainGroupId = chainGroupId;
+                    let currentTargetId = chainTargetId;
+                    while (currentTargetId) {
+                        const chainTask = this.taskResolver(currentTargetId);
+                        if (!chainTask)
+                            break;
                         const chainStartedAt = new Date().toISOString();
                         const chainOffset = fs.existsSync(this.logPath) ? fs.statSync(this.logPath).size : 0;
                         this.runHistory.push({
@@ -356,7 +359,7 @@ export class LoopController extends EventEmitter {
                         });
                         const chainResult = await executeCommand(chainTask.command, chainTask.commandArgs, this.options.cwd, this.logStream, signal, this.runCount);
                         const chainLogSize = fs.existsSync(this.logPath) ? fs.statSync(this.logPath).size - chainOffset : 0;
-                        const chainRecord = this.runHistory.find((r) => r.chainGroupId === chainGroupId && r.status === "running");
+                        const chainRecord = this.runHistory.find((r) => r.chainGroupId === chainGroupId && r.status === "running" && r.chainName === chainTask.name);
                         if (chainRecord) {
                             chainRecord.exitCode = chainResult.exitCode;
                             chainRecord.duration = chainResult.duration;
@@ -365,6 +368,7 @@ export class LoopController extends EventEmitter {
                         }
                         this.lastExitCode = chainResult.exitCode;
                         this.lastDuration = (this.lastDuration ?? 0) + chainResult.duration;
+                        currentTargetId = (chainResult.exitCode === 0 ? chainTask.onSuccessTaskId : chainTask.onFailureTaskId) ?? null;
                     }
                 }
                 if (this.runHistory.length > 50) {

package/dist/daemon/index.js

@@ -1,11 +1,13 @@
 import { LoopManager } from "./manager.js";
 import { TaskManager } from "./task-manager.js";
 import { IpcServer } from "./server.js";
-import { writeDaemonPid, removeDaemonPid, writeDaemonSignature, removeDaemonSignature, computeCodeSignature, } from "./state.js";
+import { writeDaemonPid, removeDaemonPid, writeDaemonSignature, removeDaemonSignature, computeCodeSignature, migrateTasksToJson, migrateLoopsToJson, } from "./state.js";
 import { t } from "../i18n/index.js";
 import { daemonLog } from "./daemon-log.js";
 async function main() {
     const taskManager = new TaskManager();
+    migrateLoopsToJson();
+    migrateTasksToJson();
     taskManager.init();
     const manager = new LoopManager(taskManager);
     const server = new IpcServer(manager, taskManager);

package/dist/daemon/projects.js

@@ -1,53 +1,76 @@
 import fs from "node:fs";
 import { writeFileAtomic } from "../shared/fs-utils.js";
-import { homedir } from "node:os";
-import { join } from "node:path";
 import { daemonLog } from "./daemon-log.js";
 import crypto from "node:crypto";
+import { getDataDir, projectsJson } from "../config/paths.js";
+import path from "node:path";
 export class ProjectManager {
     projects = new Map();
-    projectsDir;
-    constructor(loopCliHome) {
-        const baseDir = loopCliHome || join(homedir(), ".loop-cli");
-        this.projectsDir = join(baseDir, "projects");
-    }
     init() {
-        if (!fs.existsSync(this.projectsDir)) {
-            fs.mkdirSync(this.projectsDir, { recursive: true });
-        }
+        const dataDir = getDataDir();
+        fs.mkdirSync(dataDir, { recursive: true });
+        this.migrateProjectsToJson();
         this.loadProjects();
         if (!this.projects.has("default")) {
             this.createDefaultProject();
         }
     }
-    loadProjects() {
-        this.projects.clear();
-        if (!fs.existsSync(this.projectsDir))
+    migrateProjectsToJson() {
+        const jsonFile = projectsJson();
+        if (fs.existsSync(jsonFile))
+            return;
+        const oldDir = path.join(getDataDir(), "projects");
+        if (!fs.existsSync(oldDir))
             return;
         try {
-            const files = fs.readdirSync(this.projectsDir);
+            const files = fs.readdirSync(oldDir).filter((f) => f.endsWith(".json"));
+            if (files.length === 0)
+                return;
+            const projects = [];
             for (const file of files) {
-                if (!file.endsWith(".json"))
-                    continue;
                 try {
-                    const raw = fs.readFileSync(join(this.projectsDir, file), "utf-8");
+                    const raw = fs.readFileSync(path.join(oldDir, file), "utf-8");
                     const content = JSON.parse(raw);
                     if (content.id)
-                        this.projects.set(content.id, content);
+                        projects.push(content);
                 }
-                catch (err) {
-                    daemonLog(`Failed to load project ${file}: ${err}`);
+                catch {
+                    // skip corrupted files
                 }
             }
+            writeFileAtomic(jsonFile, JSON.stringify(projects, null, 2));
+            daemonLog(`migrated ${projects.length} project(s) to projects.json`);
         }
         catch (err) {
-            daemonLog(`Failed to load projects directory: ${err}`);
+            daemonLog(`Failed to migrate projects: ${err}`);
         }
     }
+    loadProjects() {
+        this.projects.clear();
+        const jsonFile = projectsJson();
+        if (!fs.existsSync(jsonFile))
+            return;
+        try {
+            const raw = fs.readFileSync(jsonFile, "utf-8");
+            const parsed = JSON.parse(raw);
+            if (!Array.isArray(parsed))
+                return;
+            for (const item of parsed) {
+                if (item && item.id)
+                    this.projects.set(item.id, item);
+            }
+        }
+        catch (err) {
+            daemonLog(`Failed to load projects.json: ${err}`);
+        }
+    }
+    saveAllProjects() {
+        const all = Array.from(this.projects.values());
+        writeFileAtomic(projectsJson(), JSON.stringify(all, null, 2));
+    }
     saveProject(project) {
-        const filePath = join(this.projectsDir, `${project.id}.json`);
-        writeFileAtomic(filePath, JSON.stringify(project, null, 2));
         this.projects.set(project.id, project);
+        this.saveAllProjects();
     }
     createDefaultProject() {
         const defaultProject = {
@@ -96,9 +119,7 @@ export class ProjectManager {
             throw new Error(`Project ${id} not found`);
         if (project.isSystem)
             throw new Error("Cannot delete system project");
-        const filePath = join(this.projectsDir, `${id}.json`);
-        if (fs.existsSync(filePath))
-            fs.rmSync(filePath);
         this.projects.delete(id);
+        this.saveAllProjects();
     }
 }

package/dist/daemon/state.js

@@ -3,27 +3,39 @@ import path from "node:path";
 import crypto from "node:crypto";
 import { fileURLToPath } from "node:url";
 import { removeIfExists, writeFileAtomic } from "../shared/fs-utils.js";
-import { getLoopsDir, getTasksDir, getLogsDir, loopFile, taskFile, logFile, getPidFile, getSignatureFile, getSocketPath, } from "../config/paths.js";
+import { getLoopsDir, getTasksDir, getLogsDir, logFile, getPidFile, getSignatureFile, getSocketPath, loopsJson, tasksJson, getDataDir, } from "../config/paths.js";
 export { getDataDir, getPidFile, getSocketPath } from "../config/paths.js";
 function ensureDirs() {
-    fs.mkdirSync(getLoopsDir(), { recursive: true });
+    fs.mkdirSync(getDataDir(), { recursive: true });
     fs.mkdirSync(getLogsDir(), { recursive: true });
 }
-export function saveLoop(meta) {
-    ensureDirs();
-    writeFileAtomic(loopFile(meta.id), JSON.stringify(meta, null, 2));
+function readJsonArray(filePath) {
+    if (!fs.existsSync(filePath))
+        return [];
+    try {
+        const raw = fs.readFileSync(filePath, "utf-8");
+        const parsed = JSON.parse(raw);
+        return Array.isArray(parsed) ? parsed : [];
+    }
+    catch {
+        return [];
+    }
 }
-export function loadLoop(id) {
-    const file = loopFile(id);
-    if (!fs.existsSync(file))
-        return null;
-    const raw = fs.readFileSync(file, "utf-8");
-    return JSON.parse(raw);
+function writeJsonArray(filePath, items) {
+    ensureDirs();
+    writeFileAtomic(filePath, JSON.stringify(items, null, 2));
 }
-export function loadAllLoops() {
+export function migrateLoopsToJson() {
     ensureDirs();
+    const jsonFile = loopsJson();
+    if (fs.existsSync(jsonFile))
+        return;
     const dir = getLoopsDir();
+    if (!fs.existsSync(dir))
+        return;
     const files = fs.readdirSync(dir).filter((f) => f.endsWith(".json"));
+    if (files.length === 0)
+        return;
     const loops = [];
     for (const file of files) {
         try {
@@ -34,28 +46,20 @@ export function loadAllLoops() {
             // skip corrupted files
         }
     }
-    return loops.sort((a, b) => a.createdAt.localeCompare(b.createdAt));
-}
-export function deleteLoop(id) {
-    removeIfExists(loopFile(id));
-    removeIfExists(logFile(id));
-}
-export function saveTask(task) {
-    const dir = getTasksDir();
-    fs.mkdirSync(dir, { recursive: true });
-    writeFileAtomic(taskFile(task.id), JSON.stringify(task, null, 2));
-}
-export function loadTask(id) {
-    const file = taskFile(id);
-    if (!fs.existsSync(file))
-        return null;
-    const raw = fs.readFileSync(file, "utf-8");
-    return JSON.parse(raw);
+    loops.sort((a, b) => a.createdAt.localeCompare(b.createdAt));
+    writeJsonArray(jsonFile, loops);
 }
-export function loadAllTasks() {
+export function migrateTasksToJson() {
+    ensureDirs();
+    const jsonFile = tasksJson();
+    if (fs.existsSync(jsonFile))
+        return;
     const dir = getTasksDir();
-    fs.mkdirSync(dir, { recursive: true });
+    if (!fs.existsSync(dir))
+        return;
     const files = fs.readdirSync(dir).filter((f) => f.endsWith(".json"));
+    if (files.length === 0)
+        return;
     const tasks = [];
     for (const file of files) {
         try {
@@ -66,10 +70,57 @@ export function loadAllTasks() {
             // skip corrupted files
         }
     }
+    tasks.sort((a, b) => a.createdAt.localeCompare(b.createdAt));
+    writeJsonArray(jsonFile, tasks);
+}
+export function saveLoop(meta) {
+    const loops = readJsonArray(loopsJson());
+    const idx = loops.findIndex((l) => l.id === meta.id);
+    if (idx >= 0)
+        loops[idx] = meta;
+    else
+        loops.push(meta);
+    writeJsonArray(loopsJson(), loops);
+}
+export function loadLoop(id) {
+    const loops = readJsonArray(loopsJson());
+    return loops.find((l) => l.id === id) ?? null;
+}
+export function loadAllLoops() {
+    const loops = readJsonArray(loopsJson());
+    return loops.sort((a, b) => a.createdAt.localeCompare(b.createdAt));
+}
+export function deleteLoop(id) {
+    const loops = readJsonArray(loopsJson());
+    const filtered = loops.filter((l) => l.id !== id);
+    if (filtered.length !== loops.length) {
+        writeJsonArray(loopsJson(), filtered);
+    }
+    removeIfExists(logFile(id));
+}
+export function saveTask(task) {
+    const tasks = readJsonArray(tasksJson());
+    const idx = tasks.findIndex((t) => t.id === task.id);
+    if (idx >= 0)
+        tasks[idx] = task;
+    else
+        tasks.push(task);
+    writeJsonArray(tasksJson(), tasks);
+}
+export function loadTask(id) {
+    const tasks = readJsonArray(tasksJson());
+    return tasks.find((t) => t.id === id) ?? null;
+}
+export function loadAllTasks() {
+    const tasks = readJsonArray(tasksJson());
     return tasks.sort((a, b) => a.createdAt.localeCompare(b.createdAt));
 }
 export function deleteTask(id) {
-    removeIfExists(taskFile(id));
+    const tasks = readJsonArray(tasksJson());
+    const filtered = tasks.filter((t) => t.id !== id);
+    if (filtered.length !== tasks.length) {
+        writeJsonArray(tasksJson(), filtered);
+    }
 }
 export function getLogPath(id) {
     ensureDirs();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "loop-task",
-  "version": "1.4.2",
+  "version": "1.4.4",
   "description": "Loop engineering toolkit. Run any command on a cadence, in the background, managed from a terminal board. Schedule tests, builds, syncs, or agent prompts.",
   "type": "module",
   "bin": {