loop-task 2.0.1 → 2.0.3

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 → 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

@@ -1,16 +1,18 @@
 import { render } from "ink";
 import React from "react";
-import { App } from "./app.js";
+import { App } from "./App.js";
 import { BRACKETED_PASTE_ENABLE, BRACKETED_PASTE_DISABLE } from "../config/constants.js";
 export async function launchBoard() {
     // Enable bracketed paste so a native paste (Ctrl+Shift+V / Cmd+V / right-click)
     // 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.1",
+  "version": "2.0.3",
   "description": "Loop engineering toolkit. Run any command on a cadence, in the background, managed from a terminal board. Schedule tests, builds, syncs, or agent prompts.",
   "type": "module",
   "bin": {
@@ -72,7 +72,7 @@
     "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')\"",
+    "build": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\" && 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": "tsx src/cli.ts",
     "dev:watch": "tsx --watch src/cli.ts",

package/dist/board/App.js

@@ -1,405 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState } from "react";
-import { applyLoopFilters, cycleSortMode, cycleStatusFilter, defaultFilters, } from "./state.js";
-import { ToastStack, useToasts } from "./toast.js";
-import { t } from "../i18n/index.js";
-import { useLoopPolling } from "./hooks/useLoopPolling.js";
-import { useLogStream } from "./hooks/useLogStream.js";
-import { useBoardKeybindings } from "./hooks/useBoardKeybindings.js";
-import { useTaskKeybindings } from "./hooks/useTaskKeybindings.js";
-import { Header } from "./components/Header.js";
-import { FilterBar } from "./components/FilterBar.js";
-import { Navigator } from "./components/Navigator.js";
-import { Inspector } from "./components/Inspector.js";
-import { RunHistory } from "./components/RunHistory.js";
-import { ActionButtons, getActionKeys } from "./components/ActionButtons.js";
-import { HelpModal } from "./components/HelpModal.js";
-import { ContextHelpModal } from "./components/ContextHelpModal.js";
-import { Footer } from "./components/Footer.js";
-import { ConfirmModal } from "./components/ConfirmModal.js";
-import { CreateView, createInitialValues } from "./components/CreateForm.js";
-import { TaskForm } from "./components/TaskForm.js";
-import { TaskNavigator, TaskInspector, TaskActionButtons } from "./components/TaskBrowser.js";
-import { TaskFilterBar } from "./components/TaskFilterBar.js";
-import { LogModal } from "./components/LogModal.js";
-import { ProjectsModal } from "./components/ProjectsModal.js";
-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";
-import { POLL_MS } from "../config/constants.js";
-import { useTabNav } from "./hooks/useTabNav.js";
-const VIEW_TO_MODE = {
-    create: "create",
-    "task-create": "task",
-    "task-edit": "task",
-    "task-list": "task",
-    projects: "projects",
-};
-function resolveMode(confirm, searchActive, helpOpen, view) {
-    if (confirm)
-        return "confirm";
-    if (searchActive)
-        return "search";
-    if (helpOpen)
-        return "help";
-    return VIEW_TO_MODE[view] ?? "normal";
-}
-function viewKey(view, editTarget, editTask) {
-    if (view === "create")
-        return `${view}:${editTarget?.id ?? "new"}`;
-    if (view === "task-edit")
-        return `${view}:${editTask?.id ?? "new"}`;
-    return view;
-}
-export function App(props) {
-    const { loops, daemonStatus, refresh } = useLoopPolling();
-    const { view, stack, push, replace, pop } = useRouter("board");
-    const [filters, setFilters] = useState(defaultFilters);
-    const [sort, setSort] = useState("description");
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    const [searchActive, setSearchActive] = useState(false);
-    const [helpOpen, setHelpOpen] = useState(false);
-    const [contextHelpOpen, setContextHelpOpen] = useState(false);
-    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);
-    const [selectedAction, setSelectedAction] = useState(0);
-    const [logModalRun, setLogModalRun] = useState(null);
-    const [logModalLines, setLogModalLines] = useState([]);
-    const [logModalLoading, setLogModalLoading] = useState(false);
-    const [tasks, setTasks] = useState([]);
-    const [taskSelectedIndex, setTaskSelectedIndex] = useState(0);
-    const [taskSelectedAction, setTaskSelectedAction] = useState(0);
-    const [taskSearchActive, setTaskSearchActive] = useState(false);
-    const [taskQuery, setTaskQuery] = useState("");
-    const [projects, setProjects] = useState([]);
-    const createProjectTriggerRef = useRef(null);
-    const [currentProjectId, setCurrentProjectId] = useState(() => {
-        try {
-            return localStorage.getItem("loop-current-project") ?? "all";
-        }
-        catch {
-            return "all";
-        }
-    });
-    const [projectsModalOpen, setProjectsModalOpen] = useState(false);
-    const { toasts, push: pushToast } = useToasts();
-    const breakpoint = useBreakpoint();
-    const visible = useMemo(() => applyLoopFilters(currentProjectId === "all" ? loops : loops.filter((l) => (l.projectId ?? "default") === currentProjectId), filters, sort), [loops, filters, sort, currentProjectId]);
-    const clampedIndex = Math.min(selectedIndex, Math.max(0, visible.length - 1));
-    const selected = visible[clampedIndex] ?? null;
-    const selectedId = selected?.id ?? null;
-    const selectedDesc = selected?.description ?? "";
-    const prevSelectedId = useRef(null);
-    if (selectedId !== prevSelectedId.current) {
-        prevSelectedId.current = selectedId;
-        setSelectedRunIndex(0);
-    }
-    useEffect(() => {
-        setSelectedAction(0);
-    }, [selected?.id]);
-    const { destroy: destroyLogSocket } = useLogStream(selectedId, view, (error) => pushToast("error", t("board.logStreamError", { message: error.message })));
-    const filteredTasks = useMemo(() => {
-        if (!taskQuery)
-            return tasks;
-        const q = taskQuery.toLowerCase();
-        return tasks.filter((t) => `${t.id} ${t.name} ${t.command}`.toLowerCase().includes(q));
-    }, [tasks, taskQuery]);
-    const taskClampedIndex = Math.min(taskSelectedIndex, Math.max(0, filteredTasks.length - 1));
-    const selectedTask = filteredTasks[taskClampedIndex] ?? null;
-    async function refreshTasks() {
-        try {
-            setTasks(await listTasks());
-        }
-        catch { /* ignore */ }
-    }
-    async function refreshProjects() {
-        try {
-            setProjects(await listProjects());
-        }
-        catch { /* ignore */ }
-    }
-    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);
-        }
-        catch { }
-    }, [currentProjectId]);
-    function runAction(label, action) {
-        return async () => {
-            try {
-                await action();
-                void refresh();
-                pushToast("success", label);
-            }
-            catch (error) {
-                pushToast("error", error instanceof Error ? error.message : String(error));
-            }
-        };
-    }
-    function handleOpenRunLog(run) {
-        if (!selectedId)
-            return;
-        setLogModalRun(run);
-        if (run.status === "running") {
-            setLogModalLoading(false);
-            setLogModalLines([]);
-            return;
-        }
-        setLogModalLoading(true);
-        setLogModalLines([]);
-        fetchRunLog(selectedId, run.runNumber)
-            .then((log) => {
-            setLogModalLines(log ? log.split("\n") : []);
-            setLogModalLoading(false);
-        })
-            .catch(() => {
-            setLogModalLines([]);
-            setLogModalLoading(false);
-        });
-    }
-    function confirmAction(msg, toast, fn) {
-        setConfirmChoice(0);
-        setConfirm({ message: msg, action: runAction(toast, fn) });
-    }
-    function handleAction(action) {
-        if (!selected || !selectedId)
-            return;
-        if (action === "edit") {
-            setEditTarget(selected);
-            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;
-        }
-        if (action === "pause-or-play") {
-            if (selected.status === "waiting") {
-                confirmAction(t("board.confirmPause", { desc: selectedDesc }), t("board.toastPaused", { desc: selectedDesc }), () => pauseLoop(selectedId));
-            }
-            else if (selected.status === "paused") {
-                confirmAction(t("board.confirmResume", { desc: selectedDesc }), t("board.toastResumed", { desc: selectedDesc }), () => resumeLoop(selectedId));
-            }
-            else {
-                confirmAction(t("board.confirmPlay", { desc: selectedDesc }), t("board.toastPlayed", { desc: selectedDesc }), () => playLoop(selectedId));
-            }
-            return;
-        }
-        if (action === "stop") {
-            confirmAction(t("board.confirmStop", { desc: selectedDesc }), t("board.toastStopped", { desc: selectedDesc }), () => stopLoop(selectedId));
-            return;
-        }
-        if (action === "play") {
-            const isPaused = selected.status === "paused";
-            const msgKey = isPaused ? "board.confirmResume" : "board.confirmPlay";
-            const toastKey = isPaused ? "board.toastResumed" : "board.toastPlayed";
-            const fn = isPaused ? () => resumeLoop(selectedId) : () => playLoop(selectedId);
-            confirmAction(t(msgKey, { desc: selectedDesc }), t(toastKey, { desc: selectedDesc }), fn);
-            return;
-        }
-        if (action === "trigger") {
-            confirmAction(t("board.confirmTrigger", { desc: selectedDesc }), t("board.toastTriggered", { desc: selectedDesc }), () => triggerLoop(selectedId));
-            return;
-        }
-    }
-    function handleTaskAction(action) {
-        if (!selectedTask)
-            return;
-        if (action === "select") {
-            if (!stack.includes("create") && !stack.includes("task-edit"))
-                return;
-            setPendingTaskSelection({ id: selectedTask.id, name: selectedTask.name });
-            pop();
-            pushToast("success", t("board.toastTaskSelected", { desc: selectedTask.name }));
-            return;
-        }
-        if (action === "edit") {
-            setEditTask(selectedTask);
-            push("task-edit");
-            return;
-        }
-        if (action === "delete") {
-            setConfirmChoice(0);
-            setConfirm({
-                message: t("board.confirmDeleteTask", { desc: selectedTask.name }),
-                action: async () => {
-                    await deleteTask(selectedTask.id);
-                    await refreshTasks();
-                    setTaskSelectedIndex((i) => Math.max(0, i - 1));
-                    pushToast("success", t("board.toastTaskDeleted", { desc: selectedTask.name }));
-                },
-            });
-        }
-    }
-    const cancelCreate = () => { setEditTarget(null); setCloneMode(false); setPendingTaskSelection(null); pop(); };
-    const cancelTask = () => { setEditTask(null); pop(); };
-    const cancelTaskList = () => pop();
-    function handleChooseTask() {
-        void refreshTasks();
-        push("task-list");
-    }
-    function handleCreateTask() {
-        setEditTask(null);
-        push("task-create");
-    }
-    const onCreateDone = (updated, _id, desc) => {
-        setEditTarget(null);
-        setCloneMode(false);
-        setPendingTaskSelection(null);
-        pop();
-        pushToast("success", updated ? t("board.toastUpdated", { desc }) : t("board.toastStarted", { desc }));
-        void refresh();
-    };
-    const onTaskDone = (updated, id) => {
-        setEditTask(null);
-        void refreshTasks();
-        pop();
-        pushToast("success", updated ? t("board.toastTaskUpdated", { id }) : t("board.toastTaskCreated", { id }));
-    };
-    const FORM_VIEWS = ["create", "task-create", "task-edit"];
-    const isFormView = FORM_VIEWS.includes(view);
-    const actionKeys = selected ? getActionKeys(selected.status) : [];
-    const actionItems = actionKeys.map((k) => `action-${k}`);
-    const boardItems = ["search", "project-filter", "status", "sort", "header-1", "header-2", "header-3", "navigator", "run-history", ...actionItems];
-    const taskItems = ["task-search", "header-1", "header-2", "header-3", "task-list", ...(["select", "edit", "delete"].map((k) => `task-action-${k}`))];
-    const projectItems = ["header-1", "header-2", "header-3"];
-    const navItems = isFormView ? [] : view === "task-list" ? taskItems : view === "projects" ? projectItems : boardItems;
-    const { focusedItem: navFocused, setFocusIndex: setNavIndex, enabled: navEnabled } = useTabNav(navItems);
-    const HEADER_MAP = { "header-1": "header-tasks", "header-2": "header-projects", "header-3": "header-new" };
-    const isHeaderFocused = navFocused === "header-1" || navFocused === "header-2" || navFocused === "header-3";
-    const derivedFocusedPanel = isHeaderFocused ? HEADER_MAP[navFocused] : navFocused ?? "loops";
-    const actionIdx = navFocused?.startsWith("action-") ? actionKeys.indexOf(navFocused.slice("action-".length)) : -1;
-    const derivedSelectedAction = actionIdx >= 0 ? actionIdx : selectedAction;
-    const taskActionIdx = navFocused?.startsWith("task-action-") ? ["select", "edit", "delete"].indexOf(navFocused.slice("task-action-".length)) : -1;
-    const derivedTaskAction = taskActionIdx >= 0 ? taskActionIdx : taskSelectedAction;
-    const taskPanelMap = {
-        "task-search": "search",
-        "task-list": "tasks",
-        "task-action-select": "actions",
-        "task-action-edit": "actions",
-        "task-action-delete": "actions",
-    };
-    const derivedTaskPanel = (navFocused ? taskPanelMap[navFocused] : undefined) ?? "tasks";
-    useBoardKeybindings({
-        confirm,
-        confirmChoice,
-        setConfirm,
-        setConfirmChoice,
-        helpOpen,
-        setHelpOpen,
-        searchActive,
-        setSearchActive,
-        view,
-        push,
-        pop,
-        setEditTarget,
-        setEditTask,
-        selected,
-        visibleCount: visible.length,
-        setSelectedIndex,
-        setFilters,
-        setSort,
-        onQuit: props.onQuit,
-        destroyLogSocket,
-        logModalRun,
-        setLogModalRun,
-        logModalLines,
-        selectedRunIndex,
-        setSelectedRunIndex,
-        selectedRunCount: selected?.runHistory?.length ?? 0,
-        focusedPanel: derivedFocusedPanel,
-        setFocusedPanel: ((p) => {
-            const navIdx = navItems.indexOf(p);
-            if (navIdx >= 0)
-                setNavIndex(navIdx);
-        }),
-        selectedAction: derivedSelectedAction,
-        setSelectedAction,
-        onAction: handleAction,
-        onOpenRunLog: handleOpenRunLog,
-        refreshTasks,
-        onViewTasks: () => { void refreshTasks(); push("task-list"); },
-        onViewProjects: () => { void refreshProjects(); push("projects"); },
-        onViewLoops: () => replace("board"),
-        onAddLoop: () => { setEditTarget(null); push("create"); },
-        onAddTask: () => { setEditTask(null); push("task-create"); },
-        onSelectProject: () => setProjectsModalOpen(true),
-    });
-    useTaskKeybindings({
-        confirm,
-        view,
-        tasks: filteredTasks,
-        taskSelectedIndex,
-        setTaskSelectedIndex,
-        taskSelectedAction: derivedTaskAction,
-        setTaskSelectedAction: ((updater) => {
-            const nextIdx = typeof updater === "function" ? updater(derivedTaskAction) : updater;
-            const taskActions = ["select", "edit", "delete"];
-            const actionKey = taskActions[nextIdx];
-            if (actionKey) {
-                const navIdx = navItems.indexOf(`task-action-${actionKey}`);
-                if (navIdx >= 0)
-                    setNavIndex(navIdx);
-            }
-        }),
-        taskFocusedPanel: derivedTaskPanel,
-        setTaskFocusedPanel: ((p) => {
-            const navIdx = navItems.indexOf(p === "search" ? "task-search" : p === "actions" ? "task-actions" : "task-list");
-            if (navIdx >= 0)
-                setNavIndex(navIdx);
-        }),
-        taskSearchActive,
-        setTaskSearchActive,
-        taskQuery,
-        setTaskQuery,
-        onTaskAction: handleTaskAction,
-        onCancel: cancelTaskList,
-        onCreateTask: handleCreateTask,
-        onToggleContextHelp: () => setContextHelpOpen((v) => !v),
-        headerFocused: isHeaderFocused,
-        selectable: stack.includes("create") || stack.includes("task-edit"),
-    });
-    const counts = {
-        total: loops.length,
-        running: loops.filter((l) => l.status === "running").length,
-        waiting: loops.filter((l) => l.status === "waiting").length,
-        paused: loops.filter((l) => l.status === "paused").length,
-        idle: loops.filter((l) => l.status === "idle").length,
-    };
-    const mode = resolveMode(confirm, searchActive || taskSearchActive, helpOpen, view);
-    return (_jsxs("box", { style: { flexDirection: "column", width: "100%", height: "100%", backgroundColor: "#0b0b0b" }, children: [_jsx(Header, { daemonStatus: daemonStatus, counts: counts, view: view, focusedPanel: derivedFocusedPanel, onViewLoops: () => replace("board"), onViewTasks: () => { void refreshTasks(); push("task-list"); }, onViewProjects: () => push("projects"), onAddLoop: () => { setEditTarget(null); push("create"); }, onAddTask: () => { setEditTask(null); push("task-create"); }, onAddProject: () => { if (view === "projects") {
-                    createProjectTriggerRef.current?.();
-                }
-                else {
-                    push("projects");
-                } } }), view === "board" ? (_jsx(FilterBar, { filters: filters, sort: sort, searchActive: searchActive, focusedPanel: derivedFocusedPanel, 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); } })) : view === "task-list" ? (_jsx(TaskFilterBar, { query: taskQuery, searchActive: taskSearchActive, focusedPanel: derivedTaskPanel, onQueryChange: setTaskQuery, onSearchActivate: () => setTaskSearchActive(true), onSearchDismiss: () => { setTaskSearchActive(false); } })) : 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, onCopy: () => pushToast("success", t("board.toastCopied")) })) : 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: derivedTaskPanel === "tasks", query: taskQuery, onSelect: (index) => { setTaskSelectedIndex(index); }, 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: taskActionIdx >= 0, selectedAction: derivedTaskAction, selectable: stack.includes("create") || stack.includes("task-edit"), onAction: handleTaskAction }, `tab-${selectedTask?.id}`)] })] })) : view === "projects" ? (_jsx(ProjectsPage, { projects: projects, loops: loops, headerFocused: isHeaderFocused, onClose: () => pop(), onRefresh: refreshProjects, onOpenCreate: (trigger) => { createProjectTriggerRef.current = trigger; }, onEnterHeader: () => { } })) : (_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: derivedFocusedPanel === "loops" || derivedFocusedPanel === "navigator", projects: projects, onSelect: (index) => setSelectedIndex(index), 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: derivedFocusedPanel === "runs" || derivedFocusedPanel === "run-history", onSelectRun: (index) => setSelectedRunIndex(index), onOpenRun: handleOpenRunLog }), _jsx(ActionButtons, { loop: selected, focused: actionIdx >= 0, selectedAction: derivedSelectedAction, 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, contextHelpOpen ? _jsx(ContextHelpModal, { onClose: () => setContextHelpOpen(false) }) : 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"]);