loop-task 1.4.1 → 1.4.2

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") })) : 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) {
                                 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);

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/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/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;

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.2",
   "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": {