loop-task 1.4.4 → 1.4.7

package/README.md

@@ -50,6 +50,8 @@ loop-task                          # open the board (requires Bun)
 loop-task start                    # start the daemon, restore persisted loops
 loop-task new 30m -- npm test      # create a background loop
 loop-task run --now 10s -- echo hi # run a loop in the foreground
+loop-task stop <id>                # stop a frozen loop and kill its child process
+loop-task restart                  # kill daemon + all loops, restart fresh
 ```
 
 Or run it directly:
@@ -137,6 +139,8 @@ Colors can be a name (`white`, `cyan`, `green`, `yellow`, `orange`, `pink`) or a
 | `loop-task new <interval> -- <command>` | Create a background loop (creates an inline task) |
 | `loop-task new <interval> --project <name> -- <command>` | Create a loop assigned to a project |
 | `loop-task run <interval> -- <command>` | Run a loop in the foreground |
+| `loop-task stop <id>` | Stop a loop and interrupt its running child process |
+| `loop-task restart` | Kill the daemon and all running loops, then restart fresh |
 | `loop-task project list` | List all projects |
 | `loop-task project new <name> [--color <color>]` | Create a project |
 | `loop-task project rename <id\|name> <new-name>` | Rename a project |

package/dist/board/App.js

@@ -26,7 +26,7 @@ import { ProjectsPage } from "./components/ProjectsPage.js";
 import { fetchRunLog, deleteLoop, pauseLoop, resumeLoop, stopLoop, playLoop, triggerLoop, listTasks, deleteTask, listProjects } from "./daemon.js";
 import { useBreakpoint } from "./hooks/useBreakpoint.js";
 import { useRouter } from "./router.js";
-const BOARD_REFRESH_DELAY_MS = 150;
+import { POLL_MS } from "../config/constants.js";
 const VIEW_TO_MODE = {
     create: "create",
     "task-create": "task",
@@ -117,14 +117,20 @@ export function App(props) {
         }
         catch { /* ignore */ }
     }
-    useState(() => { void refreshTasks(); });
     async function refreshProjects() {
         try {
             setProjects(await listProjects());
         }
         catch { /* ignore */ }
     }
-    useState(() => { void refreshProjects(); });
+    useEffect(() => { void refreshTasks(); void refreshProjects(); }, []);
+    useEffect(() => {
+        const timer = setInterval(() => {
+            void refreshTasks();
+            void refreshProjects();
+        }, POLL_MS);
+        return () => clearInterval(timer);
+    }, []);
     useEffect(() => {
         try {
             localStorage.setItem("loop-current-project", currentProjectId);
@@ -135,7 +141,7 @@ export function App(props) {
         return async () => {
             try {
                 await action();
-                setTimeout(() => { void refresh(); }, BOARD_REFRESH_DELAY_MS);
+                void refresh();
                 pushToast("success", label);
             }
             catch (error) {
@@ -266,7 +272,7 @@ export function App(props) {
         setPendingTaskSelection(null);
         pop();
         pushToast("success", updated ? t("board.toastUpdated", { desc }) : t("board.toastStarted", { desc }));
-        setTimeout(() => { void refresh(); }, BOARD_REFRESH_DELAY_MS);
+        void refresh();
     };
     const onTaskDone = (updated, id) => {
         setEditTask(null);
@@ -309,8 +315,10 @@ export function App(props) {
         onOpenRunLog: handleOpenRunLog,
         refreshTasks,
         onViewTasks: () => { void refreshTasks(); push("task-list"); },
-        onViewProjects: () => push("projects"),
+        onViewProjects: () => { void refreshProjects(); push("projects"); },
+        onViewLoops: () => replace("board"),
         onAddLoop: () => { setEditTarget(null); push("create"); },
+        onAddTask: () => { setEditTask(null); push("task-create"); },
         onSelectProject: () => setProjectsModalOpen(true),
     });
     useTaskKeybindings({
@@ -330,6 +338,9 @@ export function App(props) {
         onTaskAction: handleTaskAction,
         onCancel: cancelTaskList,
         onCreateTask: handleCreateTask,
+        onEnterHeader: (direction) => {
+            setFocusedPanel(direction === "right" ? "header-tasks" : "header-new");
+        },
         selectable: stack.includes("create") || stack.includes("task-edit"),
     });
     const counts = {
@@ -345,7 +356,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"), 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) {
+                } } }), 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; }, onEnterHeader: (direction) => {
+                        setFocusedPanel(direction === "right" ? "header-tasks" : "header-new");
+                    } })) : (_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

@@ -7,6 +7,7 @@ import { t } from "../../i18n/index.js";
 import { commandLine } from "../format.js";
 import { createLoop, updateLoop, listTasks } from "../daemon.js";
 import { useHoverState } from "../hooks/useHoverState.js";
+import { useInputShortcuts } from "../hooks/useInputShortcuts.js";
 import { HOVER_BG } from "../../config/constants.js";
 export const TASK_MODE_INLINE = "inline";
 export const TASK_MODE_EXISTING = "existing";
@@ -47,6 +48,12 @@ export function CreateView(props) {
     const [error, setError] = useState("");
     const [isSubmitting, setIsSubmitting] = useState(false);
     const [selectedTaskName, setSelectedTaskName] = useState(props.selectedTaskName ?? null);
+    const inputRef = useRef(null);
+    useInputShortcuts(() => {
+        if (focusIndex >= saveIndex)
+            return null;
+        return inputRef.current;
+    });
     useState(() => {
         if (values.taskId && !selectedTaskName) {
             void listTasks().then((tasks) => {
@@ -271,7 +278,7 @@ export function CreateView(props) {
     return (_jsxs("box", { title: title, border: true, style: { flexDirection: "column", flexGrow: 1, padding: 1, backgroundColor: "#0b0b0b" }, children: [_jsxs("box", { style: { flexDirection: "column", marginBottom: 1 }, children: [_jsx("text", { fg: "#9ca3af", children: t("board.exampleHeading") }), _jsx("text", { fg: "#d1d5db", children: t("board.exampleFull") })] }), _jsx("box", { style: { flexDirection: "column", flexGrow: 1 }, children: Array.from({ length: Math.ceil(filteredFields.length / 2) }, (_, row) => {
                     const leftField = filteredFields[row * 2];
                     const rightField = row * 2 + 1 < filteredFields.length ? filteredFields[row * 2 + 1] : null;
-                    return (_jsxs("box", { style: { flexDirection: "row", marginBottom: 1 }, children: [_jsx(FormRow, { field: leftField, index: row * 2, focusIndex: focusIndex, values: values, valuesRef: valuesRef, updateValues: updateValues, setFocusIndex: setFocusIndex, submit: submit, labels: labels, hints: hints, examples: examples, taskModeOptions: taskModeOptions, runNowOptions: runNowOptions, projectOptions: projectOptions, selectedTaskName: selectedTaskName, fields: filteredFields, onChooseTask: props.onChooseTask, style: { width: "50%", paddingRight: 1 } }), rightField ? (_jsx(FormRow, { field: rightField, index: row * 2 + 1, focusIndex: focusIndex, values: values, valuesRef: valuesRef, updateValues: updateValues, setFocusIndex: setFocusIndex, submit: submit, labels: labels, hints: hints, examples: examples, taskModeOptions: taskModeOptions, runNowOptions: runNowOptions, projectOptions: projectOptions, selectedTaskName: selectedTaskName, fields: filteredFields, onChooseTask: props.onChooseTask, style: { width: "50%" } })) : (_jsx("box", { style: { width: "50%" } }))] }, row));
+                    return (_jsxs("box", { style: { flexDirection: "row", marginBottom: 1 }, children: [_jsx(FormRow, { field: leftField, index: row * 2, focusIndex: focusIndex, values: values, valuesRef: valuesRef, updateValues: updateValues, setFocusIndex: setFocusIndex, submit: submit, labels: labels, hints: hints, examples: examples, taskModeOptions: taskModeOptions, runNowOptions: runNowOptions, projectOptions: projectOptions, selectedTaskName: selectedTaskName, fields: filteredFields, onChooseTask: props.onChooseTask, inputRef: inputRef, style: { width: "50%", paddingRight: 1 } }), rightField ? (_jsx(FormRow, { field: rightField, index: row * 2 + 1, focusIndex: focusIndex, values: values, valuesRef: valuesRef, updateValues: updateValues, setFocusIndex: setFocusIndex, submit: submit, labels: labels, hints: hints, examples: examples, taskModeOptions: taskModeOptions, runNowOptions: runNowOptions, projectOptions: projectOptions, selectedTaskName: selectedTaskName, fields: filteredFields, onChooseTask: props.onChooseTask, inputRef: inputRef, style: { width: "50%" } })) : (_jsx("box", { style: { width: "50%" } }))] }, row));
                 }) }), _jsxs("box", { style: { flexDirection: "row", height: 3, marginBottom: 1, backgroundColor: "#0b0b0b" }, children: [_jsx(HoverButton, { label: isSubmitting ? t("board.saving") : props.mode === "edit" ? t("board.save") : t("board.create"), onMouseDown: () => void submit(valuesRef.current), selected: focusIndex === saveIndex, width: btnWidth, marginRight: 1 }), _jsx(HoverButton, { label: t("board.cancel"), onMouseDown: props.onCancel, selected: focusIndex === cancelIndex, width: btnWidth })] }), _jsx("text", { fg: "#9ca3af", children: t("board.formNav") }), error ? _jsx("text", { fg: "#f87171", children: error }) : null] }));
 }
 function HoverButton(props) {
@@ -281,7 +288,7 @@ function HoverButton(props) {
     return (_jsx("box", { border: true, onMouseDown: props.onMouseDown, borderColor: borderColor, style: { width: props.width, justifyContent: "center", alignItems: "center", marginRight: props.marginRight, backgroundColor: bg }, ...hoverProps, children: _jsx("text", { fg: "#e5e7eb", children: _jsx("strong", { children: props.label }) }) }));
 }
 function FormRow(props) {
-    const { field, index, focusIndex, values, valuesRef, updateValues, setFocusIndex, submit, labels, hints, examples, taskModeOptions, runNowOptions, projectOptions, selectedTaskName, fields, onChooseTask, style } = props;
+    const { field, index, focusIndex, values, valuesRef, updateValues, setFocusIndex, submit, labels, hints, examples, taskModeOptions, runNowOptions, projectOptions, selectedTaskName, fields, onChooseTask, inputRef, style } = props;
     const { isHovered, hoverProps } = useHoverState();
     const isFocused = focusIndex === index;
     const isToggleField = field === "taskMode" || field === "runNow";
@@ -297,7 +304,7 @@ function FormRow(props) {
                         : t("board.chooseTask") }) })) : isProjectField ? (_jsx("box", { border: true, borderColor: isFocused ? "#38bdf8" : undefined, style: { height: 3, flexDirection: "row", backgroundColor: "#0b0b0b", alignItems: "center", paddingLeft: 1 }, onMouseDown: () => setFocusIndex(index), children: projectOptions.map((opt) => {
                     const isActive = values.project === opt.value;
                     return (_jsx("box", { onMouseDown: () => updateValues({ ...valuesRef.current, project: opt.value }), style: { backgroundColor: isActive ? "#1e3a8a" : undefined, paddingLeft: 1, paddingRight: 1, marginRight: 1 }, children: _jsx("text", { fg: isActive ? "#ffffff" : "#9ca3af", children: `● ${opt.name}` }) }, opt.value));
-                }) })) : (_jsx("box", { border: true, borderColor: isFocused ? "#38bdf8" : undefined, style: { height: 3, backgroundColor: "#0b0b0b" }, children: _jsx("input", { focused: isFocused, value: values[field], placeholder: examples[field] ? t("board.placeholderExample", { example: examples[field] }) : t("board.placeholderBlank"), onInput: (value) => updateValues({ ...valuesRef.current, [field]: value }), onSubmit: () => {
+                }) })) : (_jsx("box", { border: true, borderColor: isFocused ? "#38bdf8" : undefined, style: { height: 3, backgroundColor: "#0b0b0b" }, children: _jsx("input", { ref: inputRef, focused: isFocused, value: values[field], placeholder: examples[field] ? t("board.placeholderExample", { example: examples[field] }) : t("board.placeholderBlank"), onInput: (value) => updateValues({ ...valuesRef.current, [field]: value }), onSubmit: () => {
                         if (index < fields.length - 1) {
                             setFocusIndex(index + 1);
                         }

package/dist/board/components/HelpModal.js

@@ -5,8 +5,8 @@ export function HelpModal(props) {
     const { view } = props;
     const { width } = useTerminalDimensions();
     const loopRows = [
-        ["tab/←→", "switch panels"],
-        ["↑/↓", "navigate list items"],
+        ["tab", "switch panels"],
+        ["up/down", "navigate list items"],
         ["enter", t("board.helpEdit")],
         ["e", "edit loop"],
         ["d/del", "delete loop"],
@@ -24,8 +24,8 @@ export function HelpModal(props) {
         ["esc", t("board.helpQuit")],
     ];
     const taskRows = [
-        ["tab/←→", "switch panels"],
-        ["↑/↓", "navigate tasks"],
+        ["tab", "switch panels"],
+        ["up/down", "navigate tasks"],
         ["enter", "focus actions panel"],
         ["e", "edit task"],
         ["d/del", "delete task"],
@@ -36,8 +36,8 @@ export function HelpModal(props) {
         ["esc", t("board.helpQuit")],
     ];
     const projectRows = [
-        ["tab/←→", "switch panel (list/actions)"],
-        ["↑/↓", "navigate projects"],
+        ["tab", "switch panel (list/actions)"],
+        ["up/down", "navigate projects"],
         ["enter", "focus actions"],
         ["n", "new project"],
         ["e", "edit project"],

package/dist/board/components/LogModal.js

@@ -6,12 +6,31 @@ import { formatRunDuration, formatRunTime } from "../format.js";
 import { streamRunLog } from "../daemon.js";
 import { LOG_LINES_MAX } from "../../config/constants.js";
 import { copyToClipboard } from "../../shared/clipboard.js";
+function colorizeLine(line) {
+    if (/^\[Run #/.test(line)) {
+        return _jsx("text", { fg: "#38bdf8", children: _jsx("strong", { children: line }) });
+    }
+    if (/^--- Chain:/.test(line)) {
+        return _jsx("text", { fg: "#a78bfa", children: _jsx("strong", { children: line }) });
+    }
+    if (/^\[exit 0/.test(line)) {
+        return _jsx("text", { fg: "#4ade80", children: line });
+    }
+    if (/^\[exit /.test(line)) {
+        return _jsx("text", { fg: "#f87171", children: line });
+    }
+    if (/^\[error\]/.test(line)) {
+        return _jsx("text", { fg: "#f87171", children: line });
+    }
+    return _jsx("text", { fg: "#e5e7eb", children: line });
+}
 export function LogModal(props) {
     const { loopId, run, logLines: staticLines, loading } = props;
     const { width, height } = useTerminalDimensions();
     const isRunning = run.status === "running";
     const [streamLines, setStreamLines] = useState([]);
     const socketRef = useRef(null);
+    const scrollRef = useRef(null);
     useEffect(() => {
         if (!isRunning || !loopId)
             return;
@@ -28,13 +47,18 @@ export function LogModal(props) {
             }
         };
     }, [isRunning, loopId, run.runNumber]);
+    const logLines = isRunning ? streamLines : staticLines;
+    useEffect(() => {
+        if (logLines.length > 0) {
+            scrollRef.current?.scrollChildIntoView(`log-line-${logLines.length - 1}`);
+        }
+    }, [logLines]);
     useKeyboard((key) => {
         if (key.ctrl && key.name === "c") {
-            const all = (isRunning ? streamLines : staticLines).join("\n");
+            const all = logLines.join("\n");
             copyToClipboard(all);
         }
     });
-    const logLines = isRunning ? streamLines : staticLines;
     const success = isRunning ? true : run.exitCode === 0;
     const icon = isRunning ? "⟳" : success ? "✓" : "✗";
     const iconColor = isRunning ? "#facc15" : success ? "#4ade80" : "#f87171";
@@ -54,5 +78,5 @@ export function LogModal(props) {
                 width: Math.min(width - 4, 100),
                 height: Math.min(height - 4, 30),
                 backgroundColor: "#111827",
-            }, children: [_jsx("scrollbox", { style: { flexGrow: 1, backgroundColor: "#0b0b0b" }, children: loading && !isRunning ? (_jsx("text", { fg: "#9ca3af", children: t("board.logModalLoading") })) : logLines.length === 0 ? (_jsx("text", { fg: "#9ca3af", children: t("board.logModalEmpty") })) : (logLines.map((line, i) => _jsx("text", { children: line }, i))) }), _jsxs("box", { style: { flexDirection: "row", justifyContent: "space-between", backgroundColor: "#111827" }, children: [_jsxs("text", { children: [_jsx("span", { fg: iconColor, children: icon }), " ", isRunning ? (_jsx("span", { fg: "#facc15", children: t("board.logModalRunning") })) : (_jsxs(_Fragment, { children: [_jsx("span", { fg: "#9ca3af", children: formatRunDuration(run.duration) }), " ", _jsxs("span", { fg: success ? "#4ade80" : "#f87171", children: ["exit ", run.exitCode] })] }))] }), _jsx("text", { fg: "#6b7280", children: t("board.logModalEscClose") })] })] }) }));
+            }, children: [_jsx("scrollbox", { ref: scrollRef, style: { flexGrow: 1, backgroundColor: "#0b0b0b" }, children: loading && !isRunning ? (_jsx("text", { fg: "#9ca3af", children: t("board.logModalLoading") })) : logLines.length === 0 ? (_jsx("text", { fg: "#9ca3af", children: t("board.logModalEmpty") })) : (logLines.map((line, i) => (_jsx("box", { id: `log-line-${i}`, children: colorizeLine(line) }, i)))) }), _jsxs("box", { style: { flexDirection: "row", justifyContent: "space-between", backgroundColor: "#111827" }, children: [_jsxs("text", { children: [_jsx("span", { fg: iconColor, children: icon }), " ", isRunning ? (_jsx("span", { fg: "#facc15", children: t("board.logModalRunning") })) : (_jsxs(_Fragment, { children: [_jsx("span", { fg: "#9ca3af", children: formatRunDuration(run.duration) }), " ", _jsxs("span", { fg: success ? "#4ade80" : "#f87171", children: ["exit ", run.exitCode] })] }))] }), _jsx("text", { fg: "#6b7280", children: t("board.logModalEscClose") })] })] }) }));
 }

package/dist/board/components/Navigator.js

@@ -26,9 +26,9 @@ export function Navigator(props) {
     const bulletW = 2;
     const nonVar = 2 + 1 + statusW + 1 + 1 + 1 + exitW + 1 + 1 + runsW + 1 + skpW;
     const avail = Math.floor(panelWidth) - nonVar - bulletW;
-    const descW = Math.min(22, Math.max(6, Math.round(avail * 0.30)));
-    const sinceW = Math.min(14, Math.max(8, Math.round(avail * 0.35)));
-    const timingW = Math.max(6, avail - descW - sinceW);
+    const descW = Math.min(32, Math.max(10, Math.round(avail * 0.38)));
+    const timingW = Math.min(16, Math.max(6, Math.round(avail * 0.25)));
+    const sinceW = Math.max(8, avail - descW - timingW);
     const header = "  " +
         fit("", bulletW) +
         fit(t("board.headerDescription"), descW) +

package/dist/board/components/ProjectsPage.js

@@ -15,7 +15,7 @@ function ProjectActionButton(props) {
     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 }) }) }));
 }
 export function ProjectsPage(props) {
-    const { projects, loops, onClose, onRefresh, onOpenCreate } = props;
+    const { projects, loops, onClose, onRefresh, onOpenCreate, onEnterHeader } = props;
     const [selectedIndex, setSelectedIndex] = useState(0);
     const [subModal, setSubModal] = useState("none");
     const [focusedPanel, setFocusedPanel] = useState("list");
@@ -52,7 +52,18 @@ export function ProjectsPage(props) {
             key.preventDefault();
             return;
         }
-        if (key.name === "left" || key.name === "right" || key.name === "tab") {
+        if (key.name === "tab") {
+            const direction = key.shift ? "left" : "right";
+            if (focusedPanel === "list" && direction === "left") {
+                onEnterHeader?.("left");
+                key.preventDefault();
+                return;
+            }
+            if (focusedPanel === "actions" && direction === "right") {
+                onEnterHeader?.("right");
+                key.preventDefault();
+                return;
+            }
             setFocusedPanel((p) => (p === "list" ? "actions" : "list"));
             key.preventDefault();
             return;

package/dist/board/components/SearchBox.js

@@ -1,6 +1,10 @@
 import { jsx as _jsx } from "@opentui/react/jsx-runtime";
+import { useRef } from "react";
 import { t } from "../../i18n/index.js";
+import { useInputShortcuts } from "../hooks/useInputShortcuts.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") })) }));
+    const inputRef = useRef(null);
+    useInputShortcuts(() => searchActive ? inputRef.current : null);
+    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", { ref: inputRef, 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/TaskForm.js

@@ -5,6 +5,7 @@ import { useKeyboard, useTerminalDimensions } from "@opentui/react";
 import { t } from "../../i18n/index.js";
 import { createTask, updateTask, listTasks } from "../daemon.js";
 import { useHoverState } from "../hooks/useHoverState.js";
+import { useInputShortcuts } from "../hooks/useInputShortcuts.js";
 import { HOVER_BG } from "../../config/constants.js";
 const taskFields = ["name", "command", "onSuccessTaskId", "onFailureTaskId"];
 function taskInitialValues(task) {
@@ -25,8 +26,14 @@ export function TaskForm(props) {
     const [error, setError] = useState("");
     const [isSubmitting, setIsSubmitting] = useState(false);
     const [allTasks, setAllTasks] = useState([]);
+    const inputRef = useRef(null);
     const { width: termWidth } = useTerminalDimensions();
     const btnWidth = Math.max(10, Math.min(14, Math.floor(termWidth / 6)));
+    useInputShortcuts(() => {
+        if (focusIndex >= saveIndex)
+            return null;
+        return inputRef.current;
+    });
     const saveIndex = taskFields.length;
     const cancelIndex = taskFields.length + 1;
     function updateValues(next) {
@@ -140,16 +147,16 @@ export function TaskForm(props) {
     return (_jsxs("box", { title: title, border: true, style: { flexDirection: "column", flexGrow: 1, padding: 1, backgroundColor: "#0b0b0b" }, children: [_jsx("box", { style: { flexDirection: "column", flexGrow: 1 }, children: Array.from({ length: Math.ceil(taskFields.length / 2) }, (_, row) => {
                     const leftField = taskFields[row * 2];
                     const rightField = row * 2 + 1 < taskFields.length ? taskFields[row * 2 + 1] : null;
-                    return (_jsxs("box", { style: { flexDirection: "row", marginBottom: 1 }, children: [_jsx(TaskFormRow, { field: leftField, index: row * 2, focusIndex: focusIndex, values: values, valuesRef: valuesRef, updateValues: updateValues, setFocusIndex: setFocusIndex, submit: submit, labels: labels, hints: hints, chainOptions: chainOptions, style: { width: "50%", paddingRight: 1 } }), rightField ? (_jsx(TaskFormRow, { field: rightField, index: row * 2 + 1, focusIndex: focusIndex, values: values, valuesRef: valuesRef, updateValues: updateValues, setFocusIndex: setFocusIndex, submit: submit, labels: labels, hints: hints, chainOptions: chainOptions, style: { width: "50%" } })) : (_jsx("box", { style: { width: "50%" } }))] }, row));
+                    return (_jsxs("box", { style: { flexDirection: "row", marginBottom: 1 }, children: [_jsx(TaskFormRow, { field: leftField, index: row * 2, focusIndex: focusIndex, values: values, valuesRef: valuesRef, updateValues: updateValues, setFocusIndex: setFocusIndex, submit: submit, labels: labels, hints: hints, chainOptions: chainOptions, inputRef: inputRef, style: { width: "50%", paddingRight: 1 } }), rightField ? (_jsx(TaskFormRow, { field: rightField, index: row * 2 + 1, focusIndex: focusIndex, values: values, valuesRef: valuesRef, updateValues: updateValues, setFocusIndex: setFocusIndex, submit: submit, labels: labels, hints: hints, chainOptions: chainOptions, inputRef: inputRef, style: { width: "50%" } })) : (_jsx("box", { style: { width: "50%" } }))] }, row));
                 }) }), _jsxs("box", { style: { flexDirection: "row", height: 3, marginBottom: 1, backgroundColor: "#0b0b0b" }, children: [_jsx(HoverButton, { label: isSubmitting ? t("board.saving") : props.mode === "edit" ? t("board.save") : t("board.create"), onMouseDown: () => void submit(valuesRef.current), selected: focusIndex === saveIndex, width: btnWidth, marginRight: 1 }), _jsx(HoverButton, { label: t("board.cancel"), onMouseDown: props.onCancel, selected: focusIndex === cancelIndex, width: btnWidth })] }), _jsx("text", { fg: "#9ca3af", children: t("board.formNav") }), error ? _jsx("text", { fg: "#f87171", children: error }) : null] }));
 }
 function TaskFormRow(props) {
-    const { field, index, focusIndex, values, valuesRef, updateValues, setFocusIndex, submit, labels, hints, chainOptions, style } = props;
+    const { field, index, focusIndex, values, valuesRef, updateValues, setFocusIndex, submit, labels, hints, chainOptions, inputRef, style } = props;
     const isFocused = focusIndex === index;
     const isSelect = field === "onSuccessTaskId" || field === "onFailureTaskId";
     const selectOpts = isSelect ? chainOptions : [];
     const selectedIdx = isSelect ? selectOpts.findIndex((o) => o.value === values[field]) : 0;
-    return (_jsxs("box", { style: { flexDirection: "column", ...style }, children: [_jsx("text", { fg: isFocused ? "#38bdf8" : "#e5e7eb", children: labels[field] }), _jsx("text", { fg: "#6b7280", children: hints[field] }), isSelect ? (_jsx("box", { border: true, borderColor: isFocused ? "#38bdf8" : undefined, style: { height: Math.min(selectOpts.length + 2, 6), backgroundColor: "#0b0b0b" }, children: _jsx("select", { focused: isFocused, options: selectOpts, selectedIndex: Math.max(0, selectedIdx), showDescription: false, style: { flexGrow: 1 }, onChange: (_i, option) => updateValues({ ...valuesRef.current, [field]: option?.value ?? "" }) }) })) : (_jsx("box", { border: true, borderColor: isFocused ? "#38bdf8" : undefined, style: { height: 3, backgroundColor: "#0b0b0b" }, children: _jsx("input", { focused: isFocused, value: values[field], placeholder: field === "command" ? t("board.exampleCommand") : "", onInput: (value) => updateValues({ ...valuesRef.current, [field]: value }), onSubmit: () => {
+    return (_jsxs("box", { style: { flexDirection: "column", ...style }, children: [_jsx("text", { fg: isFocused ? "#38bdf8" : "#e5e7eb", children: labels[field] }), _jsx("text", { fg: "#6b7280", children: hints[field] }), isSelect ? (_jsx("box", { border: true, borderColor: isFocused ? "#38bdf8" : undefined, style: { height: Math.min(selectOpts.length + 2, 6), backgroundColor: "#0b0b0b" }, children: _jsx("select", { focused: isFocused, options: selectOpts, selectedIndex: Math.max(0, selectedIdx), showDescription: false, style: { flexGrow: 1 }, onChange: (_i, option) => updateValues({ ...valuesRef.current, [field]: option?.value ?? "" }) }) })) : (_jsx("box", { border: true, borderColor: isFocused ? "#38bdf8" : undefined, style: { height: 3, backgroundColor: "#0b0b0b" }, children: _jsx("input", { ref: inputRef, focused: isFocused, value: values[field], placeholder: field === "command" ? t("board.exampleCommand") : "", onInput: (value) => updateValues({ ...valuesRef.current, [field]: value }), onSubmit: () => {
                         if (index < taskFields.length - 1) {
                             setFocusIndex(index + 1);
                         }

package/dist/board/hooks/useBoardKeybindings.js

@@ -195,7 +195,7 @@ const BOARD_SHORTCUTS = {
     r: (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;
+    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, onViewLoops, onAddLoop, onAddTask, onSelectProject, } = params;
     useKeyboard((key) => {
         const name = key.name;
         if (confirm) {
@@ -230,6 +230,19 @@ export function useBoardKeybindings(params) {
                 key.preventDefault();
                 return;
             }
+            if (name === "up" || name === "k" || name === "down" || name === "j") {
+                const handler = panelHandlers["loops"];
+                if (handler) {
+                    handler(name, {
+                        setSearchActive, setFilters, setSort, setEditTarget, push,
+                        setSelectedIndex, setSelectedRunIndex, setFocusedPanel, selectedRunCount, selected,
+                        selectedRunIndex, setSelectedAction, selectedAction, onAction, onOpenRunLog,
+                        refreshTasks, onViewTasks, onViewProjects, onAddLoop,
+                    });
+                    key.preventDefault();
+                }
+                return;
+            }
             return;
         }
         if (view !== "board" && name === "escape") {
@@ -237,11 +250,78 @@ export function useBoardKeybindings(params) {
             key.preventDefault();
             return;
         }
+        if (name === "tab" && view !== "board") {
+            const HEADER_PANELS = ["header-tasks", "header-projects", "header-new"];
+            const isHeader = HEADER_PANELS.includes(focusedPanel);
+            const direction = key.shift ? "left" : "right";
+            if (isHeader) {
+                const idx = HEADER_PANELS.indexOf(focusedPanel);
+                const nextIdx = direction === "right"
+                    ? (idx + 1) % HEADER_PANELS.length
+                    : (idx - 1 + HEADER_PANELS.length) % HEADER_PANELS.length;
+                setFocusedPanel(HEADER_PANELS[nextIdx]);
+                key.preventDefault();
+                return;
+            }
+        }
+        if (view !== "board" && (name === "return" || name === "enter")) {
+            if (view === "task-list") {
+                if (focusedPanel === "header-tasks") {
+                    onViewProjects?.();
+                    key.preventDefault();
+                    return;
+                }
+                if (focusedPanel === "header-projects") {
+                    onViewLoops?.();
+                    key.preventDefault();
+                    return;
+                }
+                if (focusedPanel === "header-new") {
+                    onAddTask?.();
+                    key.preventDefault();
+                    return;
+                }
+            }
+            else if (view === "projects") {
+                if (focusedPanel === "header-tasks") {
+                    onViewLoops?.();
+                    key.preventDefault();
+                    return;
+                }
+                if (focusedPanel === "header-projects") {
+                    onViewTasks?.();
+                    key.preventDefault();
+                    return;
+                }
+                if (focusedPanel === "header-new") {
+                    onViewProjects?.();
+                    key.preventDefault();
+                    return;
+                }
+            }
+            else if (view === "create" || view === "task-create" || view === "task-edit") {
+                if (focusedPanel === "header-tasks") {
+                    onViewProjects?.();
+                    key.preventDefault();
+                    return;
+                }
+                if (focusedPanel === "header-projects") {
+                    onViewTasks?.();
+                    key.preventDefault();
+                    return;
+                }
+                if (focusedPanel === "header-new") {
+                    onAddLoop?.();
+                    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") {
+        if (name === "tab") {
+            const direction = key.shift ? "left" : "right";
+            if (focusedPanel === "actions") {
                 const actionCount = selected ? getActionCount(selected.status) : 0;
                 if (direction === "left" && selectedAction === 0) {
                     setFocusedPanel((p) => nextPanel(p, "left"));

package/dist/board/hooks/useInputShortcuts.js

@@ -0,0 +1,61 @@
+import { useKeyboard } from "@opentui/react";
+import { copyToClipboard, readFromClipboard } from "../../shared/clipboard.js";
+export function useInputShortcuts(getActiveInput) {
+    useKeyboard((key) => {
+        if (!key.ctrl)
+            return;
+        const input = getActiveInput();
+        if (!input)
+            return;
+        const name = key.name;
+        if (name === "c") {
+            try {
+                const text = input.getSelectedText();
+                if (text) {
+                    copyToClipboard(text);
+                }
+            }
+            catch (e) {
+                console.error(`[loop-task] copy failed: ${e}`);
+            }
+            key.preventDefault();
+            key.stopPropagation();
+            return;
+        }
+        if (name === "x") {
+            try {
+                const text = input.getSelectedText();
+                if (text) {
+                    copyToClipboard(text);
+                    input.deleteSelection();
+                }
+            }
+            catch (e) {
+                console.error(`[loop-task] cut failed: ${e}`);
+            }
+            key.preventDefault();
+            key.stopPropagation();
+            return;
+        }
+        if (name === "v") {
+            try {
+                const text = readFromClipboard();
+                if (text) {
+                    input.insertText(text);
+                }
+            }
+            catch (e) {
+                console.error(`[loop-task] paste failed: ${e}`);
+            }
+            key.preventDefault();
+            key.stopPropagation();
+            return;
+        }
+        if (name === "a") {
+            input.selectAll();
+            key.preventDefault();
+            key.stopPropagation();
+            return;
+        }
+    });
+}

package/dist/board/hooks/useTaskKeybindings.js

@@ -1,7 +1,7 @@
 import { useKeyboard } from "@opentui/react";
 import { nextTaskPanel } from "../components/TaskBrowser.js";
 export function useTaskKeybindings(params) {
-    const { confirm, view, tasks, taskSelectedIndex, setTaskSelectedIndex, taskSelectedAction, setTaskSelectedAction, taskFocusedPanel, setTaskFocusedPanel, taskSearchActive, setTaskSearchActive, taskQuery, setTaskQuery, onTaskAction, onCancel, onCreateTask, selectable = true, } = params;
+    const { confirm, view, tasks, taskSelectedIndex, setTaskSelectedIndex, taskSelectedAction, setTaskSelectedAction, taskFocusedPanel, setTaskFocusedPanel, taskSearchActive, setTaskSearchActive, taskQuery, setTaskQuery, onTaskAction, onCancel, onCreateTask, onEnterHeader, selectable = true, } = params;
     const taskActions = selectable
         ? ["select", "edit", "delete"]
         : ["edit", "delete"];
@@ -19,6 +19,16 @@ export function useTaskKeybindings(params) {
                 key.preventDefault();
                 return;
             }
+            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;
+            }
             return;
         }
         if (name === "escape") {
@@ -36,14 +46,16 @@ export function useTaskKeybindings(params) {
             key.preventDefault();
             return;
         }
-        if (name === "tab" || name === "left" || name === "right") {
-            const direction = name === "left" || (name === "tab" && key.shift) ? "left" : "right";
-            if (taskFocusedPanel === "actions" && name !== "tab") {
+        if (name === "tab") {
+            const direction = key.shift ? "left" : "right";
+            if (taskFocusedPanel === "actions") {
                 if (direction === "left" && taskSelectedAction === 0) {
                     setTaskFocusedPanel((p) => nextTaskPanel(p, "left"));
                 }
                 else if (direction === "right" && taskSelectedAction === taskActionCount - 1) {
-                    setTaskFocusedPanel((p) => nextTaskPanel(p, "right"));
+                    onEnterHeader("right");
+                    key.preventDefault();
+                    return;
                 }
                 else {
                     setTaskSelectedAction((i) => direction === "right"
@@ -51,6 +63,11 @@ export function useTaskKeybindings(params) {
                         : Math.max(0, i - 1));
                 }
             }
+            else if (taskFocusedPanel === "search" && direction === "left") {
+                onEnterHeader("left");
+                key.preventDefault();
+                return;
+            }
             else {
                 setTaskFocusedPanel((p) => nextTaskPanel(p, direction));
             }

package/dist/board/toast.js

@@ -46,7 +46,7 @@ export function ToastStack(props) {
     }
     return (_jsx("box", { style: {
             position: "absolute",
-            bottom: 1,
+            bottom: 3,
             right: 2,
             flexDirection: "column",
             alignItems: "flex-end",

package/dist/cli.js

@@ -4,6 +4,7 @@ import { createRequire } from "node:module";
 import { Logger } from "./logger.js";
 import { runLoop } from "./core/foreground-loop.js";
 import { buildLoopOptions } from "./loop-config.js";
+import { parseDuration } from "./duration.js";
 import { startLoop } from "./client/commands.js";
 import { listProjectsCli, createProjectCli, renameProjectCli, setProjectColorCli, deleteProjectCli, resolveProjectId, } from "./client/commands.js";
 import { t } from "./i18n/index.js";
@@ -22,6 +23,49 @@ program
     ensureDaemon();
     console.log(t("cli.daemonStarted"));
 });
+program
+    .command("stop")
+    .description("Stop a running loop and interrupt its current execution")
+    .argument("<id>", "Loop ID")
+    .action(async (id) => {
+    try {
+        const { sendRequest } = await import("./client/ipc.js");
+        const res = await sendRequest({ type: "stop-loop", payload: { id } });
+        if (res.type === "ok" && res.data) {
+            console.log(`Stopped loop ${id}`);
+        }
+        else if (res.type === "error") {
+            console.error(res.message);
+            process.exit(1);
+        }
+        else {
+            console.error(`Loop ${id} not found`);
+            process.exit(1);
+        }
+    }
+    catch (error) {
+        const message = error instanceof Error ? error.message : String(error);
+        console.error(t("cli.error", { message }));
+        process.exit(1);
+    }
+});
+program
+    .command("restart")
+    .description("Kill the daemon and all running loops, then restart fresh")
+    .action(async () => {
+    const { stopDaemon, ensureDaemon } = await import("./daemon/spawner.js");
+    const { readDaemonPid, removeDaemonPid, removeDaemonSignature } = await import("./daemon/state.js");
+    const pid = readDaemonPid();
+    if (pid !== null) {
+        console.log("Stopping daemon...");
+        stopDaemon(pid);
+        removeDaemonPid();
+        removeDaemonSignature();
+    }
+    console.log("Starting fresh daemon...");
+    ensureDaemon();
+    console.log("Daemon restarted.");
+});
 program
     .command("new")
     .description(t("cli.newDescription"))
@@ -32,17 +76,20 @@ program
     .option("--verbose", t("cli.optVerbose"), false)
     .option("--cwd <dir>", t("cli.optCwd"))
     .option("--project <name>", t("cli.optProject"))
+    .option("--offset <duration>", "Phase offset (e.g. 5m, 15m)")
     .action(async (intervalStr, cmdArgs, opts) => {
     try {
         const projectId = opts.project
             ? await resolveProjectId(opts.project)
             : undefined;
+        const offsetMs = opts.offset ? parseDuration(opts.offset) : null;
         const built = buildLoopOptions(intervalStr, {
             ...opts,
             command: cmdArgs[0],
             commandArgs: cmdArgs.slice(1),
             cwd: opts.cwd ?? process.cwd(),
             projectId,
+            offset: offsetMs,
         });
         await startLoop(built.options, built.intervalHuman);
     }

package/dist/core/loop-controller.js

@@ -5,6 +5,8 @@ import { sleep } from "../shared/sleep.js";
 import { SLEEP_CHUNK_MS } from "../config/constants.js";
 import { executeCommand } from "./command-runner.js";
 import { rotateLogIfNeeded } from "./log-rotator.js";
+import { computePhase, alignToPhase } from "./scheduling.js";
+import { t } from "../i18n/index.js";
 export class LoopController extends EventEmitter {
     abortController;
     runAbortController = null;
@@ -115,7 +117,11 @@ export class LoopController extends EventEmitter {
         this._resetSchedule = true;
         this._paused = false;
         this._status = "waiting";
-        this.nextRunAt = new Date(Date.now() + this.options.interval).toISOString();
+        const phase = this.options.offset !== null
+            ? this.options.offset
+            : computePhase(this.id, this.options.interval);
+        const delay = alignToPhase(Date.now(), this.options.interval, phase);
+        this.nextRunAt = new Date(Date.now() + delay).toISOString();
         if (this.resumeResolve) {
             this.resumeResolve();
             this.resumeResolve = null;
@@ -273,7 +279,14 @@ export class LoopController extends EventEmitter {
                     }
                 }
                 else if (isFirstRun && !this.options.immediate) {
-                    const completed = await this.waitForDelay(this.options.interval, signal);
+                    const phase = this.options.offset !== null
+                        ? this.options.offset
+                        : computePhase(this.id, this.options.interval);
+                    const delay = alignToPhase(Date.now(), this.options.interval, phase);
+                    if (delay > 0) {
+                        this.nextRunAt = new Date(Date.now() + delay).toISOString();
+                    }
+                    const completed = await this.waitForDelay(delay, signal);
                     if (!completed) {
                         break;
                     }
@@ -344,6 +357,9 @@ export class LoopController extends EventEmitter {
                         const chainTask = this.taskResolver(currentTargetId);
                         if (!chainTask)
                             break;
+                        if (this.logStream) {
+                            this.logStream.write(t("loop.chainHeader", { name: chainTask.name }));
+                        }
                         const chainStartedAt = new Date().toISOString();
                         const chainOffset = fs.existsSync(this.logPath) ? fs.statSync(this.logPath).size : 0;
                         this.runHistory.push({

package/dist/core/scheduling.js

@@ -0,0 +1,12 @@
+export function computePhase(loopId, intervalMs) {
+    let hash = 0;
+    for (let i = 0; i < loopId.length; i++) {
+        hash = ((hash << 5) - hash + loopId.charCodeAt(i)) | 0;
+    }
+    return Math.abs(hash) % intervalMs;
+}
+export function alignToPhase(now, intervalMs, phaseMs) {
+    const elapsed = now % intervalMs;
+    const delay = (phaseMs - elapsed + intervalMs) % intervalMs;
+    return delay;
+}

package/dist/daemon/manager.js

@@ -44,6 +44,7 @@ export class LoopManager {
                 verbose: meta.verbose,
                 description: meta.description ?? "",
                 projectId: meta.projectId ?? "default",
+                offset: meta.offset ?? null,
             };
             const logPath = getLogPath(meta.id);
             const controller = new LoopController(meta.id, options, logPath, this.taskResolver, {
@@ -161,10 +162,19 @@ export class LoopManager {
         const entry = this.loops.get(id);
         if (!entry)
             return false;
-        entry.controller.stopLoop();
+        entry.controller.stopLoop(true);
         this.persist(id, entry.controller, entry.options, entry.intervalHuman);
         return true;
     }
+    stopAllLoops() {
+        let count = 0;
+        for (const [id, entry] of this.loops) {
+            entry.controller.stopLoop(true);
+            this.persist(id, entry.controller, entry.options, entry.intervalHuman);
+            count++;
+        }
+        return count;
+    }
     playLoop(id) {
         const entry = this.loops.get(id);
         if (!entry)
@@ -255,6 +265,7 @@ export class LoopManager {
             remainingDelayMs: runtime.remainingDelayMs,
             pid: process.pid,
             projectId: options.projectId ?? "default",
+            offset: options.offset,
         };
     }
 }

package/dist/daemon/server.js

@@ -112,6 +112,11 @@ export class IpcServer {
                 this.respondOk(socket, this.manager.stopLoop(request.payload.id), request.payload.id);
                 break;
             }
+            case "stop-all": {
+                const count = this.manager.stopAllLoops();
+                send(socket, { type: "ok", data: count });
+                break;
+            }
             case "play-loop": {
                 if (this.manager.isMaxRunsBlocked(request.payload.id)) {
                     send(socket, { type: "error", message: t("errors.maxRunsReached") });
@@ -257,8 +262,10 @@ export class IpcServer {
             send(socket, { type: "error", message: t("errors.loopNotFound", { id }) });
             return;
         }
-        const record = meta.runHistory.find((r) => r.runNumber === runNumber);
-        if (!record) {
+        const records = meta.runHistory
+            .filter((r) => r.runNumber === runNumber)
+            .sort((a, b) => a.logOffset - b.logOffset);
+        if (records.length === 0) {
             send(socket, { type: "ok", data: "" });
             return;
         }
@@ -267,12 +274,12 @@ export class IpcServer {
             send(socket, { type: "ok", data: "" });
             return;
         }
-        const offset = record.logOffset;
+        const firstOffset = records[0].logOffset;
         const stat = fs.statSync(logPath);
-        if (stat.size > offset) {
+        if (stat.size > firstOffset) {
             const fd = fs.openSync(logPath, "r");
-            const buf = Buffer.alloc(stat.size - offset);
-            fs.readSync(fd, buf, 0, buf.length, offset);
+            const buf = Buffer.alloc(stat.size - firstOffset);
+            fs.readSync(fd, buf, 0, buf.length, firstOffset);
             fs.closeSync(fd);
             for (const line of buf.toString().split("\n")) {
                 if (line) {
@@ -280,7 +287,8 @@ export class IpcServer {
                 }
             }
         }
-        if (record.status === "completed") {
+        const allCompleted = records.every((r) => r.status === "completed");
+        if (allCompleted) {
             send(socket, { type: "end" });
             return;
         }

package/dist/daemon/spawner.js

@@ -16,7 +16,7 @@ function currentCodeSignature() {
 function blockingWait(ms) {
     Atomics.wait(new Int32Array(new SharedArrayBuffer(4)), 0, 0, ms);
 }
-function stopDaemon(pid) {
+export function stopDaemon(pid) {
     try {
         process.kill(pid, "SIGTERM");
     }

package/dist/i18n/en.json

@@ -65,6 +65,7 @@
     "cli.projectAmbiguous": "Multiple projects named \"{name}\" - use the id instead",
     "cli.projectInvalidColor": "Invalid color \"{color}\". Valid names: {valid}, or a #rrggbb hex",
     "loop.runHeader": "\n[Run #{runNumber} - {timestamp}]\n",
+    "loop.chainHeader": "\n--- Chain: {name} ---\n",
     "loop.exitMarker": "[exit {code} · {duration}]\n",
     "loop.cwdMissingLog": "[error] working directory does not exist: {cwd}\n",
     "loop.cwdMissing": "Working directory does not exist: {cwd}",

package/dist/loop-config.js

@@ -78,6 +78,7 @@ export function buildLoopOptions(intervalHuman, input = {}) {
             verbose: input.verbose ?? false,
             description,
             projectId: input.projectId ?? "default",
+            offset: input.offset ?? null,
         },
     };
 }

package/dist/shared/clipboard.js

@@ -17,3 +17,25 @@ export function copyToClipboard(text) {
         }
     }
 }
+export function readFromClipboard() {
+    const os = platform();
+    try {
+        if (os === "win32") {
+            return execFileSync("powershell", ["-NoProfile", "-Command", "Get-Clipboard"], { encoding: "utf-8" }).replace(/\r?\n$/, "");
+        }
+        else if (os === "darwin") {
+            return execFileSync("pbpaste", { encoding: "utf-8" });
+        }
+        else {
+            try {
+                return execFileSync("xclip", ["-selection", "clipboard", "-o"], { encoding: "utf-8" });
+            }
+            catch {
+                return execFileSync("xsel", ["--clipboard", "--output"], { encoding: "utf-8" });
+            }
+        }
+    }
+    catch {
+        return "";
+    }
+}

package/package.json

@@ -1,75 +1,74 @@
-{
-  "name": "loop-task",
-  "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": {
-    "loop-task": "dist/entry.js"
-  },
-  "main": "dist/entry.js",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "tsc -p tsconfig.build.json && node -e \"require('fs').copyFileSync('src/entry.js','dist/entry.js'); require('fs').copyFileSync('src/esm-loader.js','dist/esm-loader.js')\"",
-    "prepublishOnly": "npm run build",
-    "start": "node dist/entry.js",
-    "dev": "bun src/cli.ts",
-    "dev:watch": "bun --watch src/cli.ts",
-    "board": "node dist/entry.js",
-    "test": "vitest run --exclude '**/background-cli.test.ts'",
-    "test:all": "vitest run",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage --exclude '**/background-cli.test.ts'",
-    "lint": "eslint src/ tests/",
-    "typecheck": "tsc --noEmit",
-    "release:dry": "npm publish --dry-run",
-    "release": "npm publish"
-  },
-  "keywords": [
-    "cli",
-    "loop",
-    "loop-engineering",
-    "repeat",
-    "interval",
-    "schedule",
-    "timer",
-    "cron",
-    "automation",
-    "automations",
-    "devops",
-    "agent",
-    "ai-agent",
-    "coding-agent",
-    "agent-automation",
-    "claude-code",
-    "codex",
-    "opencode",
-    "background-tasks",
-    "scheduler"
-  ],
-  "author": "Quique Fdez Guerra",
-  "license": "MIT",
-  "engines": {
-    "node": ">=20.0.0"
-  },
-  "dependencies": {
-    "@opentui/core": "^0.4.1",
-    "@opentui/react": "^0.4.1",
-    "commander": "^13.1.0",
-    "execa": "^9.6.0",
-    "ms": "^2.1.3",
-    "react": "^19.2.7"
-  },
-  "devDependencies": {
-    "@types/ms": "^2.1.0",
-    "@types/node": "^22.15.0",
-    "@types/react": "^19.2.17",
-    "@vitest/coverage-v8": "^3.1.0",
-    "eslint": "^9.25.0",
-    "tsx": "^4.19.0",
-    "typescript": "^5.8.0",
-    "typescript-eslint": "^8.30.0",
-    "vitest": "^3.1.0"
-  }
+{
+  "name": "loop-task",
+  "version": "1.4.7",
+  "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": {
+    "loop-task": "dist/entry.js"
+  },
+  "main": "dist/entry.js",
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "cli",
+    "loop",
+    "loop-engineering",
+    "repeat",
+    "interval",
+    "schedule",
+    "timer",
+    "cron",
+    "automation",
+    "automations",
+    "devops",
+    "agent",
+    "ai-agent",
+    "coding-agent",
+    "agent-automation",
+    "claude-code",
+    "codex",
+    "opencode",
+    "background-tasks",
+    "scheduler"
+  ],
+  "author": "Quique Fdez Guerra",
+  "license": "MIT",
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "dependencies": {
+    "@opentui/core": "^0.4.1",
+    "@opentui/react": "^0.4.1",
+    "commander": "^13.1.0",
+    "execa": "^9.6.0",
+    "ms": "^2.1.3",
+    "react": "^19.2.7"
+  },
+  "devDependencies": {
+    "@types/ms": "^2.1.0",
+    "@types/node": "^22.15.0",
+    "@types/react": "^19.2.17",
+    "@vitest/coverage-v8": "^3.1.0",
+    "eslint": "^9.25.0",
+    "tsx": "^4.19.0",
+    "typescript": "^5.8.0",
+    "typescript-eslint": "^8.30.0",
+    "vitest": "^3.1.0"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json && node -e \"require('fs').copyFileSync('src/entry.js','dist/entry.js'); require('fs').copyFileSync('src/esm-loader.js','dist/esm-loader.js')\"",
+    "start": "node dist/entry.js",
+    "dev": "bun src/cli.ts",
+    "dev:watch": "bun --watch src/cli.ts",
+    "board": "node dist/entry.js",
+    "test": "vitest run --exclude '**/background-cli.test.ts'",
+    "test:all": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage --exclude '**/background-cli.test.ts'",
+    "lint": "eslint src/ tests/",
+    "typecheck": "tsc --noEmit",
+    "release:dry": "npm publish --dry-run",
+    "release": "npm publish"
+  }
 }