loop-task 1.4.1 → 1.4.3

package/dist/board/App.js

@@ -61,6 +61,7 @@ export function App(props) {
     const [confirm, setConfirm] = useState(null);
     const [confirmChoice, setConfirmChoice] = useState(0);
     const [editTarget, setEditTarget] = useState(null);
+    const [cloneMode, setCloneMode] = useState(false);
     const [editTask, setEditTask] = useState(null);
     const [pendingTaskSelection, setPendingTaskSelection] = useState(null);
     const [selectedRunIndex, setSelectedRunIndex] = useState(0);
@@ -175,6 +176,17 @@ export function App(props) {
             push("create");
             return;
         }
+        if (action === "clone") {
+            const copy = {
+                ...selected,
+                id: "",
+                description: `${selected.description} - Copy`,
+            };
+            setEditTarget(copy);
+            setCloneMode(true);
+            push("create");
+            return;
+        }
         if (action === "delete") {
             confirmAction(t("board.confirmDelete", { desc: selectedDesc }), t("board.toastDeleted", { desc: selectedDesc }), () => deleteLoop(selectedId));
             return;
@@ -237,7 +249,7 @@ export function App(props) {
             });
         }
     }
-    const cancelCreate = () => { setEditTarget(null); setPendingTaskSelection(null); pop(); };
+    const cancelCreate = () => { setEditTarget(null); setCloneMode(false); setPendingTaskSelection(null); pop(); };
     const cancelTask = () => { setEditTask(null); pop(); };
     const cancelTaskList = () => pop();
     function handleChooseTask() {
@@ -250,6 +262,7 @@ export function App(props) {
     }
     const onCreateDone = (updated, _id, desc) => {
         setEditTarget(null);
+        setCloneMode(false);
         setPendingTaskSelection(null);
         pop();
         pushToast("success", updated ? t("board.toastUpdated", { desc }) : t("board.toastStarted", { desc }));
@@ -332,9 +345,9 @@ 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 ? "edit" : "create", editId: 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, {}) : 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 })] }));
+                            } } }), _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 })] }));
 }
 const TASK_FORM_VIEWS = new Set(["task-create", "task-edit"]);

package/dist/board/components/ActionButtons.js

@@ -19,6 +19,7 @@ export function getActions(status) {
         actions.push({ key: "play", label: t("board.actionPlay") });
     }
     if (status !== "running") {
+        actions.push({ key: "clone", label: t("board.actionClone") });
         actions.push({ key: "trigger", label: t("board.actionTrigger") });
     }
     return actions;

package/dist/board/components/CreateForm.js

@@ -40,7 +40,7 @@ export function createInitialValues(loop, currentProjectId) {
 export function CreateView(props) {
     const [values, setValues] = useState({
         ...props.initial,
-        project: props.currentProjectId ?? props.initial.project ?? "default",
+        project: props.initial.project ?? props.currentProjectId ?? "default",
     });
     const valuesRef = useRef(values);
     const [focusIndex, setFocusIndex] = useState(0);
@@ -86,38 +86,14 @@ 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;
             });
             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);
-                }
-                return;
-            }
-        }
         if (key.name === "return" || key.name === "enter" || key.name === " ") {
             const field = filteredFields[focusIndex];
             if (field === "taskMode") {

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

@@ -1,11 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
 import { useTerminalDimensions } from "@opentui/react";
 import { t } from "../../i18n/index.js";
-export function HelpModal() {
+export function HelpModal(props) {
+    const { view } = props;
     const { width } = useTerminalDimensions();
-    const rows = [
+    const loopRows = [
         ["e", "edit loop"],
         ["d/del", "delete loop"],
+        ["c", "clone loop"],
         ["f", "force run"],
         ["p", "pause/play (contextual)"],
         ["s", "stop loop (resets schedule)"],
@@ -13,11 +15,35 @@ export function HelpModal() {
         ["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 = [
+        ["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 = [
+        ["enter", "focus actions"],
+        ["n", "new project"],
+        ["e", "edit project"],
+        ["d", "delete project"],
+        ["←/→", "switch panel (list/actions)"],
+        ["h", t("board.helpToggleHelp")],
+        ["esc", t("board.helpQuit")],
+    ];
+    const rows = view === "task-list" ? taskRows : view === "projects" ? projectRows : loopRows;
+    const title = view === "task-list" ? "Task List Shortcuts" : view === "projects" ? "Projects Shortcuts" : t("board.helpTitle");
     return (_jsx("box", { style: {
             position: "absolute",
             top: 0,
@@ -27,7 +53,7 @@ export function HelpModal() {
             justifyContent: "center",
             alignItems: "center",
             zIndex: 90,
-        }, children: _jsx("box", { title: t("board.helpTitle"), border: true, style: {
+        }, children: _jsx("box", { title: title, border: true, style: {
                 flexDirection: "column",
                 padding: 1,
                 minWidth: Math.min(52, width - 4),

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/TaskBrowser.js

@@ -80,17 +80,16 @@ export function TaskActionButtons(props) {
         return (_jsx("box", { border: true, borderColor: focused ? "#38bdf8" : undefined, style: { flexDirection: "row", height: 3, flexShrink: 0, backgroundColor: "#0b0b0b", justifyContent: "center", alignItems: "center" }, children: _jsx("text", { fg: "#9ca3af", children: t("board.noActions") }) }));
     }
     const allActions = [
-        { key: "select", label: t("board.taskActionSelect"), hotkey: "s" },
-        { key: "edit", label: t("board.taskActionEdit"), hotkey: "e" },
-        { key: "delete", label: t("board.taskActionDelete"), hotkey: "d" },
+        { key: "select", label: t("board.taskActionSelect") },
+        { key: "edit", label: t("board.taskActionEdit") },
+        { key: "delete", label: t("board.taskActionDelete") },
     ];
     const actions = selectable ? allActions : allActions.filter((a) => a.key !== "select");
-    return (_jsx("box", { border: true, borderColor: focused ? "#38bdf8" : undefined, style: { flexDirection: "row", height: 3, flexShrink: 0, paddingLeft: 1, backgroundColor: "#0b0b0b", alignItems: "center" }, children: actions.map((action, i) => (_jsx(TaskActionButton, { label: action.label, hotkey: action.hotkey, selected: focused && selectedAction === i, onMouseDown: () => onAction(action.key) }, action.key))) }));
+    return (_jsx("box", { border: true, borderColor: focused ? "#38bdf8" : undefined, style: { flexDirection: "row", height: 3, flexShrink: 0, paddingLeft: 1, backgroundColor: "#0b0b0b", alignItems: "center" }, children: actions.map((action, i) => (_jsx(TaskActionButton, { label: action.label, selected: focused && selectedAction === i, onMouseDown: () => onAction(action.key) }, action.key))) }));
 }
 function TaskActionButton(props) {
     const { isHovered, hoverProps } = useHoverState();
     const bg = props.selected ? "#1e3a8a" : isHovered ? HOVER_BG : undefined;
     const fg = props.selected ? "#ffffff" : isHovered ? "#e5e7eb" : "#9ca3af";
-    const keycapFg = props.selected ? "#93c5fd" : "#6b7280";
-    return (_jsxs("box", { onMouseDown: props.onMouseDown, style: { backgroundColor: bg, paddingLeft: 1, paddingRight: 1, marginRight: 1, flexDirection: "row", alignItems: "center" }, ...hoverProps, children: [_jsxs("text", { fg: keycapFg, children: ["[", props.hotkey, "] "] }), _jsx("text", { fg: fg, children: _jsx("strong", { children: props.label }) })] }));
+    return (_jsx("box", { onMouseDown: props.onMouseDown, style: { backgroundColor: bg, paddingLeft: 1, paddingRight: 1, marginRight: 1 }, ...hoverProps, children: _jsx("text", { fg: fg, children: _jsx("strong", { children: props.label }) }) }));
 }

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,38 +40,14 @@ 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;
             });
             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 === "return" || key.name === "enter") {
             if (focusIndex === saveIndex) {
                 void submit(valuesRef.current);

package/dist/board/hooks/useBoardKeybindings.js

@@ -82,6 +82,7 @@ const GLOBAL_KEYS = {
     e: (p) => p.onAction("edit"),
     d: (p) => p.onAction("delete"),
     delete: (p) => p.onAction("delete"),
+    c: (p) => p.onAction("clone"),
     p: (p) => p.onAction("pause-or-play"),
     s: (p) => p.onAction("stop"),
     f: (p) => p.onAction("trigger"),
@@ -192,7 +193,6 @@ const BOARD_SHORTCUTS = {
     o: (p) => p.setSort((prev) => cycleSortMode(prev)),
     x: (p) => p.setFilters((prev) => ({ ...prev, status: cycleStatusFilter(prev.status) })),
     r: (p) => p.onSelectProject?.(),
-    c: (p) => p.onSelectProject?.(),
 };
 export function useBoardKeybindings(params) {
     const { confirm, confirmChoice, setConfirm, setConfirmChoice, helpOpen, setHelpOpen, searchActive, setSearchActive, view, push, pop, setEditTarget, setEditTask, selected, visibleCount, setSelectedIndex, setFilters, setSort, onQuit, destroyLogSocket, logModalRun, setLogModalRun, logModalLines, selectedRunIndex, setSelectedRunIndex, selectedRunCount, focusedPanel, setFocusedPanel, selectedAction, setSelectedAction, onAction, onOpenRunLog, refreshTasks, onViewTasks, onViewProjects, onAddLoop, onSelectProject, } = params;
@@ -219,23 +219,10 @@ export function useBoardKeybindings(params) {
         }
         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");
                 return;
             }
             return;

package/dist/board/hooks/useTaskKeybindings.js

@@ -18,25 +18,6 @@ export function useTaskKeybindings(params) {
                 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);
-                return;
-            }
             return;
         }
         if (name === "escape") {

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/manager.js

@@ -1,7 +1,7 @@
 import crypto from "node:crypto";
 import { LoopController } from "../core/loop-controller.js";
 import { ProjectManager } from "./projects.js";
-import { saveLoop, loadAllLoops, deleteLoop as deleteLoopState, getLogPath, } from "./state.js";
+import { saveLoop, loadAllLoops, deleteLoop as deleteLoopState, getLogPath, migrateLoopsToJson, migrateTasksToJson, } from "./state.js";
 import { daemonLog } from "./daemon-log.js";
 export class LoopManager {
     loops = new Map();
@@ -16,6 +16,9 @@ export class LoopManager {
     init() {
         // Initialize projects first
         this.projectManager.init();
+        // Migrate from individual files to consolidated JSON
+        migrateLoopsToJson();
+        migrateTasksToJson();
         const saved = loadAllLoops();
         let restarted = 0;
         let migrated = 0;

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/dist/i18n/en.json

@@ -275,6 +275,7 @@
     "board.actionPause": "Pause",
     "board.actionStop": "Stop",
     "board.actionPlay": "Play",
+    "board.actionClone": "Clone",
     "board.actionTrigger": "Force Run",
     "board.noActions": "Select a loop to see actions",
     "board.confirmPause": "Pause loop \"{desc}\"?",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "loop-task",
-  "version": "1.4.1",
+  "version": "1.4.3",
   "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": {