loop-task 2.0.2 → 2.0.4

package/dist/tui/utils/syntax.js

@@ -0,0 +1,128 @@
+const OPERATORS = new Set(["|", "&&", "||", ";", ">", ">>", "<"]);
+/**
+ * Scan a command line into tokens, preserving whitespace runs as
+ * "whitespace" tokens. Used by highlightSegments for rendering.
+ */
+function scanTokens(line) {
+    if (!line)
+        return [];
+    const tokens = [];
+    let i = 0;
+    const len = line.length;
+    while (i < len) {
+        // Whitespace run — preserve it as a token
+        if (line[i] === " " || line[i] === "\t") {
+            let j = i;
+            while (j < len && (line[j] === " " || line[j] === "\t"))
+                j++;
+            tokens.push({ type: "whitespace", value: line.slice(i, j) });
+            i = j;
+            continue;
+        }
+        // Try to match multi-char operators first (&&, ||, >>)
+        let opMatch;
+        for (const op of OPERATORS) {
+            if (op.length > 1 && line.slice(i, i + op.length) === op) {
+                opMatch = op;
+                break;
+            }
+        }
+        if (opMatch) {
+            tokens.push({ type: "operator", value: opMatch });
+            i += opMatch.length;
+            continue;
+        }
+        // Try to match single-char operators
+        if (OPERATORS.has(line[i])) {
+            tokens.push({ type: "operator", value: line[i] });
+            i++;
+            continue;
+        }
+        // Quoted string
+        if (line[i] === '"' || line[i] === "'") {
+            const quote = line[i];
+            let j = i + 1;
+            while (j < len && line[j] !== quote) {
+                // Handle escaped quote
+                if (line[j] === "\\" && j + 1 < len) {
+                    j += 2;
+                }
+                else {
+                    j++;
+                }
+            }
+            // Include closing quote if found
+            if (j < len && line[j] === quote)
+                j++;
+            tokens.push({ type: "string", value: line.slice(i, j) });
+            i = j;
+            continue;
+        }
+        // Unquoted word — consume until whitespace or operator
+        let j = i;
+        while (j < len) {
+            if (line[j] === " " || line[j] === "\t")
+                break;
+            // Check for multi-char operator boundary
+            let isOpBoundary = false;
+            for (const op of OPERATORS) {
+                if (op.length > 1 && line.slice(j, j + op.length) === op) {
+                    isOpBoundary = true;
+                    break;
+                }
+            }
+            if (isOpBoundary)
+                break;
+            // Check for single-char operator boundary
+            if (OPERATORS.has(line[j])) {
+                break;
+            }
+            // Check for quoted string start
+            if (line[j] === '"' || line[j] === "'")
+                break;
+            j++;
+        }
+        const raw = line.slice(i, j);
+        tokens.push(classifyWord(raw));
+        i = j;
+    }
+    return tokens;
+}
+/**
+ * Tokenize a command line for syntax highlighting purposes.
+ * This is a cosmetic tokenizer — the real parsing for execution
+ * lives in src/loop-config.ts parseCommandLine.
+ *
+ * Whitespace is not returned (use highlightSegments for rendering
+ * that needs to preserve spacing).
+ */
+export function tokenizeCommand(line) {
+    return scanTokens(line).filter((tok) => tok.type !== "whitespace");
+}
+/**
+ * Produce colored segments for a command line, preserving whitespace
+ * exactly so token-by-token rendering does not collapse spaces.
+ */
+export function highlightSegments(line, colors, whitespaceColor) {
+    return scanTokens(line).map((tok) => ({
+        value: tok.value,
+        color: tok.type === "whitespace" ? whitespaceColor : colors[tok.type],
+    }));
+}
+function classifyWord(value) {
+    // Flag: --something (long flag)
+    if (value.startsWith("--") && value.length > 2) {
+        return { type: "flag", value };
+    }
+    // Flag: -f (single letter flag, not negative number like -1)
+    if (value.startsWith("-") &&
+        value.length === 2 &&
+        /[a-zA-Z]/.test(value[1])) {
+        return { type: "flag", value };
+    }
+    // Flag: -abc (combined short flags like -xyz)
+    if (value.startsWith("-") && value.length > 1 && /^[a-zA-Z]+$/.test(value.slice(1))) {
+        return { type: "flag", value };
+    }
+    return { type: "word", value };
+}

package/package.json

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

package/dist/board/board-log.js

@@ -1,18 +0,0 @@
-import fs from "node:fs";
-import { getBoardLogFile, getDataDir } from "../config/paths.js";
-function formatError(error) {
-    if (error instanceof Error) {
-        return error.stack ?? `${error.name}: ${error.message}`;
-    }
-    return typeof error === "string" ? error : JSON.stringify(error);
-}
-export function boardLog(message, error) {
-    try {
-        fs.mkdirSync(getDataDir(), { recursive: true });
-        const suffix = error === undefined ? "" : `\n${formatError(error)}\n`;
-        fs.appendFileSync(getBoardLogFile(), `${new Date().toISOString()} ${message}${suffix}`);
-    }
-    catch {
-        // best effort crash logging only
-    }
-}

package/dist/board/components/ActionButtons.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { t } from "../../i18n/index.js";
-import { useHoverState } from "../hooks/useHoverState.js";
-import { HOVER_BG } from "../../config/constants.js";
-const STOP_ACTION = { key: "stop", label: t("board.actionStop") };
-const PAUSE_ACTION = { key: "pause", label: t("board.actionPause") };
-const PLAY_ACTION = { key: "play", label: t("board.actionPlay") };
-const STATUS_ACTIONS = {
-    running: [STOP_ACTION],
-    waiting: [PAUSE_ACTION, STOP_ACTION],
-    paused: [STOP_ACTION, PLAY_ACTION],
-    idle: [PLAY_ACTION],
-    stopped: [PLAY_ACTION],
-};
-function getActions(status) {
-    const actions = [
-        { key: "edit", label: t("board.actionEdit") },
-        { key: "delete", label: t("board.actionDelete") },
-    ];
-    actions.push(...STATUS_ACTIONS[status]);
-    if (status !== "running") {
-        actions.push({ key: "clone", label: t("board.actionClone") });
-        actions.push({ key: "trigger", label: t("board.actionTrigger") });
-    }
-    return actions;
-}
-export function getActionKeys(status) {
-    return getActions(status).map((a) => a.key);
-}
-export function getActionCount(status) {
-    return getActions(status).length;
-}
-export function ActionButtons(props) {
-    const { loop, focused, selectedAction, onAction } = props;
-    if (!loop) {
-        return (_jsx("box", { border: true, borderColor: focused ? "#38bdf8" : undefined, style: { flexDirection: "row", height: 3, flexShrink: 0, backgroundColor: "#0b0b0b", justifyContent: "center", alignItems: "center" }, children: _jsx("text", { fg: "#9ca3af", children: t("board.noActions") }) }));
-    }
-    const actions = getActions(loop.status);
-    return (_jsx("box", { border: true, borderColor: focused ? "#38bdf8" : undefined, style: { flexDirection: "row", height: 3, flexShrink: 0, paddingLeft: 1, backgroundColor: "#0b0b0b", alignItems: "center" }, children: actions.map((action, i) => (_jsx(ActionButton, { label: action.label, selected: focused && selectedAction === i, onMouseDown: () => onAction(action.key) }, action.key))) }));
-}
-function ActionButton(props) {
-    const { isHovered, hoverProps } = useHoverState();
-    const bg = props.selected ? "#1e3a8a" : isHovered ? HOVER_BG : undefined;
-    const fg = props.selected ? "#ffffff" : isHovered ? "#e5e7eb" : "#9ca3af";
-    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 }) }) }));
-}