loop-task 1.3.0 → 1.4.1

package/dist/board/App.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
-import { useMemo, useRef, useState } from "react";
+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";
@@ -16,13 +17,42 @@ import { HelpModal } from "./components/HelpModal.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 { fetchRunLog, deleteLoop, pauseLoop, resumeLoop, triggerLoop } from "./daemon.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";
 const BOARD_REFRESH_DELAY_MS = 150;
+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, setView] = useState("board");
+    const { view, stack, push, replace, pop } = useRouter("board");
     const [filters, setFilters] = useState(defaultFilters);
     const [sort, setSort] = useState("description");
     const [selectedIndex, setSelectedIndex] = useState(0);
@@ -31,35 +61,84 @@ export function App(props) {
     const [confirm, setConfirm] = useState(null);
     const [confirmChoice, setConfirmChoice] = useState(0);
     const [editTarget, setEditTarget] = useState(null);
+    const [editTask, setEditTask] = useState(null);
+    const [pendingTaskSelection, setPendingTaskSelection] = useState(null);
     const [selectedRunIndex, setSelectedRunIndex] = useState(0);
     const [selectedAction, setSelectedAction] = useState(0);
     const [focusedPanel, setFocusedPanel] = useState("loops");
     const [logModalRun, setLogModalRun] = useState(null);
     const [logModalLines, setLogModalLines] = useState([]);
     const [logModalLoading, setLogModalLoading] = useState(false);
-    const { toasts, push } = useToasts();
+    const [tasks, setTasks] = useState([]);
+    const [taskSelectedIndex, setTaskSelectedIndex] = useState(0);
+    const [taskSelectedAction, setTaskSelectedAction] = useState(0);
+    const [taskFocusedPanel, setTaskFocusedPanel] = useState("tasks");
+    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(loops, filters, sort), [loops, filters, sort]);
+    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);
     }
-    const { destroy: destroyLogSocket } = useLogStream(selectedId, view, (error) => push("error", t("board.logStreamError", { message: error.message })));
+    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 */ }
+    }
+    useState(() => { void refreshTasks(); });
+    async function refreshProjects() {
+        try {
+            setProjects(await listProjects());
+        }
+        catch { /* ignore */ }
+    }
+    useState(() => { void refreshProjects(); });
+    useEffect(() => {
+        try {
+            localStorage.setItem("loop-current-project", currentProjectId);
+        }
+        catch { }
+    }, [currentProjectId]);
     function runAction(label, action) {
         return async () => {
             try {
                 await action();
-                setTimeout(() => {
-                    void refresh();
-                }, BOARD_REFRESH_DELAY_MS);
-                push("success", label);
+                setTimeout(() => { void refresh(); }, BOARD_REFRESH_DELAY_MS);
+                pushToast("success", label);
             }
             catch (error) {
-                push("error", error instanceof Error ? error.message : String(error));
+                pushToast("error", error instanceof Error ? error.message : String(error));
             }
         };
     }
@@ -67,6 +146,11 @@ export function App(props) {
         if (!selectedId)
             return;
         setLogModalRun(run);
+        if (run.status === "running") {
+            setLogModalLoading(false);
+            setLogModalLines([]);
+            return;
+        }
         setLogModalLoading(true);
         setLogModalLines([]);
         fetchRunLog(selectedId, run.runNumber)
@@ -79,46 +163,104 @@ export function App(props) {
             setLogModalLoading(false);
         });
     }
+    function confirmAction(msg, toast, fn) {
+        setConfirmChoice(0);
+        setConfirm({ message: msg, action: runAction(toast, fn) });
+    }
     function handleAction(action) {
         if (!selected || !selectedId)
             return;
-        switch (action) {
-            case "pause-resume": {
-                const actionLabel = selected.status === "paused" ? t("board.actionResume") : t("board.actionPause");
-                const actionVerb = selected.status === "paused" ? t("board.actionResumed") : t("board.actionPaused");
-                const actionFn = selected.status === "paused"
-                    ? () => resumeLoop(selectedId)
-                    : () => pauseLoop(selectedId);
-                setConfirmChoice(0);
-                setConfirm({
-                    message: t("board.confirmPauseResume", { action: actionLabel, id: selectedId }),
-                    action: runAction(t("board.toastActionId", { verb: actionVerb, id: selectedId }), actionFn),
-                });
-                break;
-            }
-            case "run": {
-                setConfirmChoice(0);
-                setConfirm({
-                    message: t("board.confirmForceRun", { id: selectedId }),
-                    action: runAction(t("board.toastTriggered", { id: selectedId }), () => triggerLoop(selectedId)),
-                });
-                break;
+        if (action === "edit") {
+            setEditTarget(selected);
+            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));
             }
-            case "edit": {
-                setEditTarget(selected);
-                setView("create");
-                break;
+            else if (selected.status === "paused") {
+                confirmAction(t("board.confirmResume", { desc: selectedDesc }), t("board.toastResumed", { desc: selectedDesc }), () => resumeLoop(selectedId));
             }
-            case "delete": {
-                setConfirmChoice(0);
-                setConfirm({
-                    message: t("board.confirmDelete", { id: selectedId }),
-                    action: runAction(t("board.toastDeleted", { id: selectedId }), () => deleteLoop(selectedId)),
-                });
-                break;
+            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); 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);
+        setPendingTaskSelection(null);
+        pop();
+        pushToast("success", updated ? t("board.toastUpdated", { desc }) : t("board.toastStarted", { desc }));
+        setTimeout(() => { void refresh(); }, BOARD_REFRESH_DELAY_MS);
+    };
+    const onTaskDone = (updated, id) => {
+        setEditTask(null);
+        void refreshTasks();
+        pop();
+        pushToast("success", updated ? t("board.toastTaskUpdated", { id }) : t("board.toastTaskCreated", { id }));
+    };
     useBoardKeybindings({
         confirm,
         confirmChoice,
@@ -129,8 +271,10 @@ export function App(props) {
         searchActive,
         setSearchActive,
         view,
-        setView,
+        push,
+        pop,
         setEditTarget,
+        setEditTask,
         selected,
         visibleCount: visible.length,
         setSelectedIndex,
@@ -140,6 +284,7 @@ export function App(props) {
         destroyLogSocket,
         logModalRun,
         setLogModalRun,
+        logModalLines,
         selectedRunIndex,
         setSelectedRunIndex,
         selectedRunCount: selected?.runHistory?.length ?? 0,
@@ -149,54 +294,47 @@ export function App(props) {
         setSelectedAction,
         onAction: handleAction,
         onOpenRunLog: handleOpenRunLog,
+        refreshTasks,
+        onViewTasks: () => { void refreshTasks(); push("task-list"); },
+        onViewProjects: () => push("projects"),
+        onAddLoop: () => { setEditTarget(null); push("create"); },
+        onSelectProject: () => setProjectsModalOpen(true),
+    });
+    useTaskKeybindings({
+        confirm,
+        view,
+        tasks: filteredTasks,
+        taskSelectedIndex,
+        setTaskSelectedIndex,
+        taskSelectedAction,
+        setTaskSelectedAction,
+        taskFocusedPanel,
+        setTaskFocusedPanel,
+        taskSearchActive,
+        setTaskSearchActive,
+        taskQuery,
+        setTaskQuery,
+        onTaskAction: handleTaskAction,
+        onCancel: cancelTaskList,
+        onCreateTask: handleCreateTask,
+        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 = confirm
-        ? "confirm"
-        : searchActive
-            ? "search"
-            : helpOpen
-                ? "help"
-                : view === "create"
-                    ? "create"
-                    : "normal";
-    return (_jsxs("box", { style: { flexDirection: "column", width: "100%", height: "100%", backgroundColor: "#0b0b0b" }, children: [_jsx(Header, { daemonStatus: daemonStatus, counts: counts }), view === "board" ? (_jsx(FilterBar, { filters: filters, sort: sort, searchActive: searchActive, focusedPanel: focusedPanel, onSearch: (q) => {
-                    setFilters((prev) => ({ ...prev, query: q }));
-                    setSelectedIndex(0);
-                }, onStatusCycle: () => setFilters((prev) => ({ ...prev, status: cycleStatusFilter(prev.status) })), onSortCycle: () => setSort(cycleSortMode(sort)), onNewLoop: () => {
-                    setEditTarget(null);
-                    setView("create");
-                } })) : null, _jsx("box", { style: { flexGrow: 1, backgroundColor: "#0b0b0b" }, children: view === "create" ? (_jsx(CreateView, { mode: editTarget ? "edit" : "create", editId: editTarget?.id ?? null, initial: createInitialValues(editTarget), onCancel: () => {
-                        setEditTarget(null);
-                        setView("board");
-                    }, onDone: (updated, id) => {
-                        setEditTarget(null);
-                        setView("board");
-                        push("success", updated ? t("board.toastUpdated", { id }) : t("board.toastStarted", { id }));
-                        setTimeout(() => {
-                            void refresh();
-                        }, BOARD_REFRESH_DELAY_MS);
-                    } })) : (_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", onSelect: (index) => {
-                                setSelectedIndex(index);
-                                setFocusedPanel("loops");
-                            }, onActivate: (index) => {
-                                setSelectedIndex(index);
-                                const loop = visible[index];
-                                if (loop) {
-                                    setEditTarget(loop);
-                                    setView("create");
-                                }
-                            } }, `nav-${visible.length}-${visible[0]?.id ?? ""}`), _jsxs("box", { style: { flexDirection: "column", flexGrow: 1, backgroundColor: "#0b0b0b", overflow: "hidden" }, children: [_jsx(Inspector, { loop: selected }, `insp-${selected?.id}-${selected?.status}`), _jsx(RunHistory, { loop: selected, selectedRunIndex: selectedRunIndex, focused: focusedPanel === "runs", onSelectRun: (index) => {
-                                        setSelectedRunIndex(index);
-                                        setFocusedPanel("runs");
-                                    }, onOpenRun: handleOpenRunLog }, `rh-${selected?.id}-${selected?.runHistory?.length ?? 0}`), _jsx(ActionButtons, { loop: selected, focused: focusedPanel === "actions", selectedAction: selectedAction, onAction: handleAction }, `ab-${selected?.id}`)] })] })) }, view === "create" ? `${view}:${editTarget?.id ?? "new"}` : view), _jsx(Footer, { mode: mode }), confirm ? (_jsx(ConfirmModal, { message: confirm.message, choice: confirmChoice, onYes: () => {
-                    const action = confirm.action;
-                    setConfirm(null);
-                    void action();
-                }, onNo: () => setConfirm(null) })) : null, helpOpen ? _jsx(HelpModal, {}) : null, logModalRun ? (_jsx(LogModal, { run: logModalRun, logLines: logModalLines, loading: logModalLoading, onClose: () => setLogModalRun(null) })) : null, _jsx(ToastStack, { toasts: toasts })] }));
+    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: focusedPanel, 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: focusedPanel, onStatusCycle: () => setFilters((prev) => ({ ...prev, status: cycleStatusFilter(prev.status) })), onSortCycle: () => setSort(cycleSortMode(sort)), onSelectProject: () => setProjectsModalOpen(true), currentProjectName: currentProjectId === "all" ? t("project.showAll") : (projects.find(p => p.id === currentProjectId)?.name ?? "Default") })) : view === "task-list" ? (_jsx(TaskFilterBar, { query: taskQuery, searchActive: taskSearchActive, focusedPanel: taskFocusedPanel })) : null, _jsx("box", { style: { flexGrow: 1, backgroundColor: "#0b0b0b" }, children: view === "create" ? (_jsx(CreateView, { mode: editTarget ? "edit" : "create", editId: editTarget?.id ?? null, initial: createInitialValues(editTarget, currentProjectId), selectedTaskId: pendingTaskSelection?.id ?? null, selectedTaskName: pendingTaskSelection?.name ?? null, projects: projects, currentProjectId: currentProjectId, onCancel: cancelCreate, onDone: onCreateDone, onChooseTask: handleChooseTask })) : TASK_FORM_VIEWS.has(view) ? (_jsx(TaskForm, { mode: view === "task-edit" ? "edit" : "create", editTask: editTask, onCancel: cancelTask, onDone: onTaskDone })) : view === "task-list" ? (_jsxs("box", { style: { flexDirection: breakpoint === "narrow" ? "column" : "row", flexGrow: 1, backgroundColor: "#0b0b0b" }, children: [_jsx(TaskNavigator, { visible: filteredTasks, total: tasks.length, selectedIndex: taskClampedIndex, focused: taskFocusedPanel === "tasks", query: taskQuery, onSelect: (index) => { setTaskSelectedIndex(index); setTaskFocusedPanel("tasks"); }, onActivate: (index) => { setTaskSelectedIndex(index); setEditTask(filteredTasks[index] ?? null); push("task-edit"); } }), _jsxs("box", { style: { flexDirection: "column", flexGrow: 1, backgroundColor: "#0b0b0b", overflow: "hidden" }, children: [_jsx(TaskInspector, { task: selectedTask }, `ti-${selectedTask?.id}`), _jsx(TaskActionButtons, { task: selectedTask, focused: taskFocusedPanel === "actions", selectedAction: taskSelectedAction, selectable: stack.includes("create") || stack.includes("task-edit"), onAction: handleTaskAction }, `tab-${selectedTask?.id}`)] })] })) : view === "projects" ? (_jsx(ProjectsPage, { projects: projects, loops: loops, onClose: () => pop(), onRefresh: refreshProjects, onOpenCreate: (trigger) => { createProjectTriggerRef.current = trigger; } })) : (_jsxs("box", { style: { flexDirection: breakpoint === "narrow" ? "column" : "row", flexGrow: 1, backgroundColor: "#0b0b0b" }, children: [_jsx(Navigator, { visible: visible, total: loops.length, selectedIndex: clampedIndex, filters: filters, sort: sort, breakpoint: breakpoint, focused: focusedPanel === "loops", projects: projects, onSelect: (index) => { setSelectedIndex(index); setFocusedPanel("loops"); }, onActivate: (index) => { setSelectedIndex(index); const loop = visible[index]; if (loop) {
+                                setEditTarget(loop);
+                                push("create");
+                            } } }), _jsxs("box", { style: { flexDirection: "column", flexGrow: 1, backgroundColor: "#0b0b0b", overflow: "hidden" }, children: [_jsx(Inspector, { loop: selected }), _jsx(RunHistory, { loop: selected, selectedRunIndex: selectedRunIndex, focused: focusedPanel === "runs", onSelectRun: (index) => { setSelectedRunIndex(index); setFocusedPanel("runs"); }, onOpenRun: handleOpenRunLog }), _jsx(ActionButtons, { loop: selected, focused: focusedPanel === "actions", selectedAction: selectedAction, onAction: handleAction })] })] })) }, viewKey(view, editTarget, editTask)), _jsx(Footer, { mode: mode }), confirm ? (_jsx(ConfirmModal, { message: confirm.message, choice: confirmChoice, onYes: () => { const action = confirm.action; setConfirm(null); void action(); }, onNo: () => setConfirm(null) })) : null, helpOpen ? _jsx(HelpModal, {}) : null, logModalRun ? (_jsx(LogModal, { loopId: selectedId, run: logModalRun, logLines: logModalLines, loading: logModalLoading, onClose: () => setLogModalRun(null) })) : null, projectsModalOpen ? (_jsx(ProjectsModal, { projects: projects, loops: loops, currentProjectId: currentProjectId, onSelect: (id) => { setCurrentProjectId(id); setProjectsModalOpen(false); }, onClose: () => setProjectsModalOpen(false) })) : null, _jsx(ToastStack, { toasts: toasts })] }));
 }
+const TASK_FORM_VIEWS = new Set(["task-create", "task-edit"]);

package/dist/board/components/ActionButtons.js

@@ -2,19 +2,39 @@ import { jsx as _jsx } from "@opentui/react/jsx-runtime";
 import { t } from "../../i18n/index.js";
 import { useHoverState } from "../hooks/useHoverState.js";
 import { HOVER_BG } from "../../config/constants.js";
+export function getActions(status) {
+    const actions = [
+        { key: "edit", label: t("board.actionEdit") },
+        { key: "delete", label: t("board.actionDelete") },
+    ];
+    if (status === "waiting") {
+        actions.push({ key: "pause", label: t("board.actionPause") });
+        actions.push({ key: "stop", label: t("board.actionStop") });
+    }
+    else if (status === "paused") {
+        actions.push({ key: "stop", label: t("board.actionStop") });
+        actions.push({ key: "play", label: t("board.actionPlay") });
+    }
+    else if (status === "idle" || status === "stopped") {
+        actions.push({ key: "play", label: t("board.actionPlay") });
+    }
+    if (status !== "running") {
+        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 isPaused = loop.status === "paused";
-    const pauseResumeLabel = isPaused ? t("board.actionResume") : t("board.actionPause");
-    const actions = [
-        { key: "pause-resume", label: pauseResumeLabel },
-        { key: "run", label: t("board.actionRun") },
-        { key: "edit", label: t("board.actionEdit") },
-        { key: "delete", label: t("board.actionDelete") },
-    ];
+    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) {