loop-task 2.0.0 → 2.0.2

package/README.md

@@ -7,27 +7,13 @@
 
 `loop-task` is a cross-platform CLI that runs shell commands at human-readable intervals. Create loops in the background, manage them from an interactive TUI board, or run them in the foreground. It is the **heartbeat** primitive for [loop engineering](#loop-engineering): instead of running a task by hand every time, you schedule it once and let it run.
 
+**[loop.ckgrafico.com](https://loop.ckgrafico.com)**
+
 [![npm version](https://img.shields.io/npm/v/loop-task?style=flat-square&color=black)](https://www.npmjs.com/package/loop-task)
 [![npm downloads](https://img.shields.io/npm/dm/loop-task?style=flat-square&color=black)](https://www.npmjs.com/package/loop-task)
 [![license](https://img.shields.io/npm/l/loop-task?style=flat-square&color=black)](./LICENSE)
 [![node](https://img.shields.io/node/v/loop-task?style=flat-square&color=black)](https://nodejs.org)
 
-## What's new in v2.0.0
-
-- **Ink 7 + React 19 TUI**: Rebuilt the entire terminal UI on [Ink 7](https://github.com/vadimdemedes/ink) (React 19 for CLI). No more Bun dependency — runs on any Node >= 20.
-- **HTTP API + Swagger**: The daemon now exposes a REST + SSE API on `localhost:8845`. Browse it at `http://127.0.0.1:8845/api/docs` (Swagger UI) or fetch the OpenAPI spec at `/api/openapi.json`. Manage loops, tasks, projects, and logs from any HTTP client.
-- **Hot-reloading configs**: Edit `~/.loop-cli/loops.json`, `tasks.json`, or `projects.json` in any editor and the daemon auto-reloads in real-time.
-- **Export/Import**: `loop-task export > backup.json` and `loop-task import backup.json` for backup and sharing.
-- **CLI API**: `loop-task status --json` for scripting and automation. `loop-task api` prints HTTP API endpoints.
-- **Polished loop forms**: Task mode toggle (inline command vs. existing task), per-field validation, smart CWD defaults, clipboard copy, and direct edit navigation — across both board and TUI.
-- **Rich log viewer**: Search/filter log output, fold chain sections, scroll lock, copy to clipboard.
-- **Run history trends**: Sparklines of durations, success/failure streaks, average duration.
-- **Chain visual editor**: Tree view of task chains with success/failure branches.
-- **First-run onboarding**: Welcome screen with example loops when no loops exist.
-- **Daemon push notifications**: Subscribe to real-time events via IPC or SSE (`GET /api/events`).
-- **Docker support**: `docker run -v ~/.loop-cli:/root/.loop-cli loop-task`.
-- **GitHub Actions CI**: Runs typecheck, lint, test, build on ubuntu/macos/windows.
-
 </div>
 
 ## Loop engineering

package/dist/i18n/en.json

@@ -539,11 +539,11 @@
     "cmdInput.searchPlaceholder": "Write something to filter about...",
     "cmdInput.confirmYes": "yes",
     "cmdInput.confirmCancel": "cancel",
-    "confirm.deleteLoop": "Delete \"{name}\"? type yes to confirm",
-    "confirm.deleteTask": "Delete task \"{id}\"? type yes to confirm",
-    "confirm.deleteProject": "Delete project \"{name}\"? type yes to confirm",
-    "confirm.stopLoop": "Stop \"{name}\"? type yes to confirm",
-    "confirm.quit": "Exit loop-task? Running loops keep running in background.",
+    "confirm.deleteLoop": "Type yes to delete \"{name}\"",
+    "confirm.deleteTask": "Type yes to delete task \"{id}\"",
+    "confirm.deleteProject": "Type yes to delete project \"{name}\"",
+    "confirm.stopLoop": "Type yes to stop \"{name}\"",
+    "confirm.quit": "Type yes to exit loop-task",
     "wizard.newLoop": "New loop",
     "wizard.editLoop": "Edit loop",
     "wizard.newTask": "New task",
@@ -560,7 +560,7 @@
     "wizard.runNowNow": "Run now, then every interval",
     "wizard.cwdPrompt": "Working directory? (optional)",
     "wizard.cwdHint": "Directory the command runs in",
-    "wizard.descriptionPrompt": "Description? (optional)",
+    "wizard.descriptionPrompt": "Description?",
     "wizard.descriptionHint": "Short label shown in the list",
     "wizard.maxRunsPrompt": "Max runs? (optional)",
     "wizard.maxRunsHint": "Stop after N runs. Leave blank to run forever",

package/dist/tui/app.js

@@ -233,7 +233,7 @@ export function App(props) {
                     onConfirm: () => { void deleteTask(selectedTask.id).then(() => { void refreshTasks(); }); },
                 });
             }
-            else if (activeTab === "projects" && selectedProjectEntity) {
+            else if (activeTab === "projects" && selectedProjectEntity && !selectedProjectEntity.isSystem) {
                 setConfirmState({
                     prompt: t("confirm.deleteProject", { name: selectedProjectEntity.name }),
                     onConfirm: async () => {

package/dist/tui/components/CommandInput.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useMemo, useCallback } from "react";
+import { useState, useEffect, useMemo, useCallback } from "react";
 import { Box, Text, useInput } from "ink";
 import { useAutocompleteState, } from "ink-combobox";
 import { darkTheme as theme } from "../theme.js";
 import { t } from "../../i18n/index.js";
 import { buildCommands, rankCommands } from "../commands.js";
-import { COMMAND_INPUT_DROPDOWN_MAX_VISIBLE, COMMAND_INPUT_HEIGHT, CONFIRM_YES, CONFIRM_CANCEL, } from "../../config/constants.js";
+import { COMMAND_INPUT_DROPDOWN_MAX_VISIBLE, COMMAND_INPUT_HEIGHT, } from "../../config/constants.js";
 import { sanitizePaste } from "../utils/paste.js";
 export { sanitizePaste } from "../utils/paste.js";
 // ── Rendered input with cursor ───────────────────────────────────────
@@ -76,13 +76,6 @@ function CommandDropdown({ state, rankedFiltered, }) {
             }), belowCount > 0 && (_jsx(Text, { color: theme.text.muted, children: `  \u2193 ${belowCount} more` }))] }));
 }
 // ── Confirm inline options ────────────────────────────────────────────
-function ConfirmInlineOptions({ focusedIndex, yesLabel, cancelLabel, }) {
-    // Options order: [cancel(0), yes(1)] in the autocomplete state,
-    // displayed inline as "❯ yes   cancel" (yes first, cancel second).
-    const yesFocused = focusedIndex === 1;
-    const cancelFocused = focusedIndex === 0;
-    return (_jsxs(Box, { paddingLeft: 3, children: [yesFocused ? (_jsx(Text, { color: theme.text.inverse, backgroundColor: theme.bg.active, children: `\u276f ${yesLabel}` })) : (_jsx(Text, { color: theme.text.muted, children: `  ${yesLabel}` })), _jsx(Text, { color: theme.text.muted, children: "   " }), cancelFocused ? (_jsx(Text, { color: theme.text.inverse, backgroundColor: theme.bg.active, children: `\u276f ${cancelLabel}` })) : (_jsx(Text, { color: theme.text.muted, children: `  ${cancelLabel}` }))] }));
-}
 // ── Hint bar ──────────────────────────────────────────────────────────
 function HintBar({ leftHint, rightHint, }) {
     return (_jsxs(Box, { justifyContent: "space-between", paddingX: 1, children: [_jsx(Box, { children: leftHint }), _jsx(Box, { children: rightHint })] }));
@@ -219,54 +212,39 @@ function CommandMode({ context, onCommand, onCopy, onPanelAction, disabled, navO
 }
 // ── Confirm mode ─────────────────────────────────────────────────────
 function ConfirmMode({ confirmState, onConfirmYes, onConfirmCancel, disabled, }) {
-    const yesLabel = t("cmdInput.confirmYes");
-    const cancelLabel = t("cmdInput.confirmCancel");
-    const options = useMemo(() => [
-        { label: cancelLabel, value: CONFIRM_CANCEL },
-        { label: yesLabel, value: CONFIRM_YES },
-    ], [cancelLabel, yesLabel]);
-    const handleSelect = useCallback((value) => {
-        if (value === CONFIRM_YES) {
-            onConfirmYes();
-        }
-        else {
-            onConfirmCancel();
-        }
-    }, [onConfirmYes, onConfirmCancel]);
-    const { state, dispatch } = useAutocompleteState({
-        options,
-        visibleOptionCount: 2,
-        onSelect: handleSelect,
-    });
-    useInput((_input, key) => {
+    const [value, setValue] = useState("");
+    useInput((input, key) => {
         if (key.ctrl)
             return;
-        if (_input.length > 1 && (_input.includes("\r") || _input.includes("\n")))
+        if (input.length > 1 && (input.includes("\r") || input.includes("\n")))
             return;
         if (key.escape) {
+            setValue("");
             onConfirmCancel();
             return;
         }
         if (key.return) {
-            if (state.isOpen && state.filteredOptions.length > 0 && state.focusedIndex < state.filteredOptions.length) {
-                const focused = state.filteredOptions[state.focusedIndex];
-                dispatch({ type: "SELECT", value: focused.option.value, label: focused.option.label });
+            if (value.toLowerCase() === "yes") {
+                setValue("");
+                onConfirmYes();
             }
             else {
+                setValue("");
                 onConfirmCancel();
             }
             return;
         }
-        if (key.downArrow) {
-            dispatch({ type: "FOCUS_NEXT" });
+        if (key.backspace || key.delete) {
+            setValue((v) => v.slice(0, -1));
             return;
         }
-        if (key.upArrow) {
-            dispatch({ type: "FOCUS_PREV" });
+        if (input && !key.ctrl && !key.meta && input.length === 1) {
+            setValue((v) => v + input);
             return;
         }
     }, { isActive: !disabled });
-    return (_jsxs(_Fragment, { children: [_jsxs(Box, { children: [_jsx(Text, { color: theme.semantic.danger, children: "│ " }), _jsx(Text, { color: theme.text.primary, children: confirmState.prompt })] }), _jsx(ConfirmInlineOptions, { focusedIndex: state.focusedIndex, yesLabel: yesLabel, cancelLabel: cancelLabel }), _jsx(HintBar, { leftHint: _jsxs(Box, { children: [_jsx(Text, { color: theme.text.muted, children: "\u00b7\u00b7\u00b7\u00b7\u00b7\u00b7\u00b7 " }), _jsx(KeyHint, { keyLabel: "esc", action: "cancel" })] }), rightHint: _jsx(KeyHint, { keyLabel: "enter", action: "confirm" }) })] }));
+    const cursor = "\x1b[7m \x1b[27m";
+    return (_jsxs(_Fragment, { children: [_jsxs(Box, { children: [_jsx(Text, { color: theme.semantic.danger, children: "│ " }), _jsx(Text, { color: theme.text.muted, children: confirmState.prompt + " " }), value.length > 0 ? (_jsx(Text, { children: value + cursor })) : (_jsx(Text, { children: cursor }))] }), _jsx(HintBar, { leftHint: _jsxs(Box, { children: [_jsx(Text, { color: theme.text.muted, children: "\u00b7\u00b7\u00b7\u00b7\u00b7\u00b7\u00b7 " }), _jsx(KeyHint, { keyLabel: "esc", action: "cancel" })] }), rightHint: _jsx(KeyHint, { keyLabel: "enter", action: "confirm" }) })] }));
 }
 // ── Search mode ──────────────────────────────────────────────────────
 function SearchMode({ value, onSearchChange, onSearchSubmit, onSearchCancel, disabled, }) {

package/dist/tui/components/CreateForm.js

@@ -61,7 +61,7 @@ export function CreateView(props) {
                 hint: t("board.hintTask"),
                 required: true,
                 inputType: "text",
-                defaultValue: initial.taskId ?? undefined,
+                defaultValue: selectedTaskId ?? initial.taskId ?? undefined,
                 skip: (values) => !values.taskMode?.includes("Existing"),
                 onActivate: () => setTaskPickerOpen(true),
                 renderCustom: ({ isActive }) => (_jsx(SelectValueField, { label: resolvedTaskName, placeholder: t("board.chooseTask"), isActive: isActive })),
@@ -106,7 +106,7 @@ export function CreateView(props) {
                 key: "description",
                 prompt: t("wizard.descriptionPrompt"),
                 hint: t("wizard.descriptionHint"),
-                required: false,
+                required: true,
                 inputType: "text",
                 defaultValue: initial.description ?? undefined,
             },

package/dist/tui/components/WizardForm.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useMemo } from "react";
+import { useState, useCallback, useMemo, useRef } from "react";
 import { Box, Text, useInput } from "ink";
 import { darkTheme as theme } from "../theme.js";
 import { t } from "../../i18n/index.js";
@@ -28,9 +28,22 @@ export function WizardForm(props) {
             result[s.key] = values[s.key] ?? s.defaultValue ?? "";
         return result;
     }, [steps, values]);
+    // Synchronous mirror of resolvedValues — updated inside setValue so
+    // findNextField sees the new value immediately, before React re-renders.
+    // Without this, onChange("Existing task") + onAdvance() run in the same
+    // tick: setValues queues a state update, but findNextField reads stale
+    // resolvedValues where taskMode is still "" → taskId is wrongly skipped.
+    const resolvedValuesRef = useRef({});
+    const computeResolved = (raw) => {
+        const result = {};
+        for (const s of steps)
+            result[s.key] = raw[s.key] ?? s.defaultValue ?? "";
+        return result;
+    };
     const setValue = useCallback((key, next) => {
+        resolvedValuesRef.current = computeResolved({ ...resolvedValuesRef.current, [key]: next });
         setValues((prev) => ({ ...prev, [key]: next }));
-    }, []);
+    }, [steps]);
     const clearError = useCallback((key) => {
         setValidationErrors((prev) => {
             if (!(key in prev))
@@ -75,14 +88,15 @@ export function WizardForm(props) {
     const findNextField = useCallback((from, delta) => {
         let next = from + delta;
         const len = steps.length;
+        const vals = resolvedValuesRef.current;
         while (next >= 0 && next < len) {
             const candidate = steps[next];
-            if (!candidate.skip || !candidate.skip(resolvedValues))
+            if (!candidate.skip || !candidate.skip(vals))
                 return next;
             next += delta;
         }
         return from;
-    }, [steps, values]);
+    }, [steps]);
     const moveField = useCallback((delta) => {
         if (step) {
             const err = validateField(step.key, resolvedValues);

package/dist/tui/index.js

@@ -7,10 +7,12 @@ export async function launchBoard() {
     // arrives as one delimited chunk instead of a stream of keypresses.
     process.stdout.write(BRACKETED_PASTE_ENABLE);
     const disableBracketedPaste = () => process.stdout.write(BRACKETED_PASTE_DISABLE);
-    const instance = render(React.createElement(App, { onQuit: () => {
+    const instance = render(React.createElement(App, {
+        onQuit: () => {
             disableBracketedPaste();
             instance.unmount();
-        } }));
+        }
+    }));
     process.on("exit", disableBracketedPaste);
     process.on("uncaughtException", (error) => {
         console.error("Uncaught exception:", error);

package/package.json

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