loop-task 1.1.0 → 1.3.0

package/dist/board/components/CreateForm.js

@@ -0,0 +1,155 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { useRef, useState } from "react";
+import { useKeyboard, useTerminalDimensions } from "@opentui/react";
+import fs from "node:fs";
+import { buildLoopOptions, parseCommandLine } from "../../loop-config.js";
+import { t } from "../../i18n/index.js";
+import { commandLine } from "../format.js";
+import { createLoop, updateLoop } from "../daemon.js";
+import { useHoverState } from "../hooks/useHoverState.js";
+import { HOVER_BG } from "../../config/constants.js";
+export const createFields = ["interval", "command", "description", "cwd", "runNow", "maxRuns"];
+export function createInitialValues(loop) {
+    if (!loop) {
+        return {
+            interval: "30m",
+            command: "",
+            description: "",
+            cwd: process.cwd(),
+            runNow: "n",
+            maxRuns: "",
+        };
+    }
+    return {
+        interval: loop.intervalHuman,
+        command: commandLine(loop.command, loop.commandArgs),
+        description: loop.description ?? "",
+        cwd: loop.cwd ?? "",
+        runNow: loop.immediate ? "y" : "n",
+        maxRuns: loop.maxRuns !== null ? String(loop.maxRuns) : "",
+    };
+}
+export function CreateView(props) {
+    const fields = props.mode === "edit"
+        ? createFields.filter((field) => field !== "runNow")
+        : createFields;
+    const saveIndex = fields.length;
+    const cancelIndex = fields.length + 1;
+    const labels = {
+        interval: t("board.labelInterval"),
+        command: t("board.labelCommand"),
+        description: t("board.labelDescription"),
+        cwd: t("board.labelCwd"),
+        runNow: t("board.labelRunNow"),
+        maxRuns: t("board.labelMaxRuns"),
+    };
+    const hints = {
+        interval: t("board.hintInterval"),
+        command: t("board.hintCommand"),
+        description: t("board.hintDescription"),
+        cwd: t("board.hintCwd"),
+        runNow: t("board.hintRunNow"),
+        maxRuns: t("board.hintMaxRuns"),
+    };
+    const examples = {
+        interval: t("board.exampleInterval"),
+        command: t("board.exampleCommand"),
+        description: t("board.exampleDescription"),
+        cwd: "",
+        runNow: "",
+        maxRuns: "",
+    };
+    const runNowOptions = [
+        { name: t("board.runNowNo"), description: "", value: "n" },
+        { name: t("board.runNowYes"), description: "", value: "y" },
+    ];
+    const [values, setValues] = useState(props.initial);
+    const valuesRef = useRef(values);
+    const [focusIndex, setFocusIndex] = useState(0);
+    const [error, setError] = useState("");
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const { width: termWidth } = useTerminalDimensions();
+    const btnWidth = Math.max(10, Math.min(14, Math.floor(termWidth / 6)));
+    function updateValues(next) {
+        valuesRef.current = next;
+        setValues(next);
+    }
+    useKeyboard((key) => {
+        if (key.name === "tab") {
+            setFocusIndex((i) => {
+                const next = key.shift ? i - 1 : i + 1;
+                return Math.max(0, Math.min(cancelIndex, next));
+            });
+            return;
+        }
+        if ((key.name === "left" || key.name === "right") && focusIndex >= saveIndex) {
+            setFocusIndex(key.name === "left" ? saveIndex : cancelIndex);
+            return;
+        }
+        if (key.name === "return" || key.name === "enter") {
+            if (focusIndex === saveIndex) {
+                void submit(valuesRef.current);
+            }
+            else if (focusIndex === cancelIndex) {
+                props.onCancel();
+            }
+        }
+    });
+    async function submit(current) {
+        if (isSubmitting) {
+            return;
+        }
+        try {
+            setIsSubmitting(true);
+            setError("");
+            const cwd = current.cwd.trim();
+            if (cwd && !fs.existsSync(cwd)) {
+                setError(t("board.cwdMissing", { cwd }));
+                return;
+            }
+            const tokens = parseCommandLine(current.command.trim());
+            const [command, ...commandArgs] = tokens;
+            const built = buildLoopOptions(current.interval.trim(), command ?? "", commandArgs, {
+                now: props.mode === "create" && current.runNow === "y",
+                maxRuns: current.maxRuns.trim() || null,
+                verbose: false,
+                cwd,
+                description: current.description.trim(),
+            });
+            const request = props.mode === "edit" && props.editId
+                ? updateLoop(props.editId, built.options, built.intervalHuman)
+                : createLoop(built.options, built.intervalHuman);
+            const id = await request;
+            props.onDone(props.mode === "edit", id);
+        }
+        catch (e) {
+            setError(e instanceof Error ? e.message : String(e));
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    }
+    const title = props.mode === "edit" ? t("board.editTitle") : t("board.createTitle");
+    return (_jsxs("box", { title: title, border: true, style: { flexDirection: "column", flexGrow: 1, padding: 1, backgroundColor: "#0b0b0b" }, children: [_jsxs("box", { style: { flexDirection: "column", marginBottom: 1 }, children: [_jsx("text", { fg: "#9ca3af", children: t("board.exampleHeading") }), _jsx("text", { fg: "#d1d5db", children: t("board.exampleFull") })] }), _jsx("box", { style: { flexDirection: "column", flexGrow: 1 }, children: Array.from({ length: Math.ceil(fields.length / 2) }, (_, row) => {
+                    const leftField = fields[row * 2];
+                    const rightField = row * 2 + 1 < fields.length ? fields[row * 2 + 1] : null;
+                    return (_jsxs("box", { style: { flexDirection: "row", marginBottom: 1 }, children: [_jsx(FormField, { field: leftField, index: row * 2, focusIndex: focusIndex, values: values, valuesRef: valuesRef, updateValues: updateValues, setFocusIndex: setFocusIndex, submit: submit, labels: labels, hints: hints, examples: examples, runNowOptions: runNowOptions, fields: fields, style: { width: "50%", paddingRight: 1 } }), rightField ? (_jsx(FormField, { field: rightField, index: row * 2 + 1, focusIndex: focusIndex, values: values, valuesRef: valuesRef, updateValues: updateValues, setFocusIndex: setFocusIndex, submit: submit, labels: labels, hints: hints, examples: examples, runNowOptions: runNowOptions, fields: fields, style: { width: "50%" } })) : (_jsx("box", { style: { width: "50%" } }))] }, row));
+                }) }), _jsxs("box", { style: { flexDirection: "row", height: 3, marginBottom: 1, backgroundColor: "#0b0b0b" }, children: [_jsx(HoverButton, { label: isSubmitting ? t("board.saving") : props.mode === "edit" ? t("board.save") : t("board.create"), onMouseDown: () => void submit(valuesRef.current), selected: focusIndex === saveIndex, width: btnWidth, marginRight: 1 }), _jsx(HoverButton, { label: t("board.cancel"), onMouseDown: props.onCancel, selected: focusIndex === cancelIndex, width: btnWidth })] }), _jsx("text", { fg: "#9ca3af", children: t("board.formNav") }), error ? _jsx("text", { fg: "#f87171", children: error }) : null] }));
+}
+function HoverButton(props) {
+    const { isHovered, hoverProps } = useHoverState();
+    const bg = props.selected ? "#1e3a8a" : isHovered ? HOVER_BG : undefined;
+    const borderColor = props.selected ? "#38bdf8" : undefined;
+    return (_jsx("box", { border: true, onMouseDown: props.onMouseDown, borderColor: borderColor, style: { width: props.width, justifyContent: "center", alignItems: "center", marginRight: props.marginRight, backgroundColor: bg }, ...hoverProps, children: _jsx("text", { fg: "#e5e7eb", children: _jsx("strong", { children: props.label }) }) }));
+}
+function FormField(props) {
+    const { field, index, focusIndex, values, valuesRef, updateValues, setFocusIndex, submit, labels, hints, examples, runNowOptions, fields, style } = props;
+    return (_jsxs("box", { style: { flexDirection: "column", ...style }, children: [_jsx("text", { fg: focusIndex === index ? "#38bdf8" : "#e5e7eb", children: labels[field] }), _jsx("text", { fg: "#6b7280", children: hints[field] }), field === "runNow" ? (_jsx("box", { border: true, borderColor: focusIndex === index ? "#38bdf8" : undefined, style: { height: runNowOptions.length + 2, backgroundColor: "#0b0b0b" }, children: _jsx("select", { focused: focusIndex === index, options: runNowOptions, selectedIndex: values.runNow === "y" ? 1 : 0, showDescription: false, style: { flexGrow: 1 }, onChange: (_index, option) => updateValues({ ...valuesRef.current, runNow: option?.value ?? "n" }) }) })) : (_jsx("box", { border: true, borderColor: focusIndex === index ? "#38bdf8" : undefined, style: { height: 3, backgroundColor: "#0b0b0b" }, children: _jsx("input", { focused: focusIndex === index, value: values[field], placeholder: examples[field] ? t("board.placeholderExample", { example: examples[field] }) : t("board.placeholderBlank"), onInput: (value) => updateValues({ ...valuesRef.current, [field]: value }), onSubmit: () => {
+                        if (index < fields.length - 1) {
+                            setFocusIndex(index + 1);
+                        }
+                        else {
+                            void submit(valuesRef.current);
+                        }
+                    } }) }))] }));
+}

package/dist/board/components/DetailView.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { t } from "../../i18n/index.js";
+import { commandLine, describeLoop, statusColor, statusLabel, timingLabel } from "../format.js";
+import { RunHistory } from "./RunHistory.js";
+export function DetailView(props) {
+    const { loop, selectedRunIndex, onSelectRun, onOpenRun } = props;
+    const [, setTick] = useState(0);
+    const cmd = commandLine(loop.command, loop.commandArgs);
+    const maxRuns = loop.maxRuns !== null ? String(loop.maxRuns) : t("board.unlimited");
+    const summary = [
+        `${t("board.detailSummaryStatus")} ${statusLabel(loop.status)}`,
+        `${t("board.detailSummaryTiming")} ${timingLabel(loop)}`,
+        `${t("board.detailSummaryInterval")} ${loop.intervalHuman}`,
+        `${t("board.detailSummaryRuns")} ${loop.runCount}/${maxRuns}`,
+        `${t("board.detailSummaryExit")} ${loop.lastExitCode ?? t("format.dash")}`,
+    ].join("  |  ");
+    useEffect(() => {
+        const timer = setInterval(() => {
+            setTick((tick) => tick + 1);
+        }, 1000);
+        return () => clearInterval(timer);
+    }, []);
+    return (_jsxs("box", { style: { flexDirection: "column", flexGrow: 1, backgroundColor: "#0b0b0b" }, children: [_jsxs("box", { title: t("board.detailTitle"), border: true, style: { flexDirection: "column", backgroundColor: "#0b0b0b" }, children: [_jsx("text", { fg: "#9ca3af", children: summary }), _jsx("text", { children: " " }), _jsxs("text", { children: [_jsx("strong", { children: t("board.detailFieldId") }), loop.id] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.detailFieldDesc") }), describeLoop(loop)] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.detailFieldCommand") }), cmd] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.detailFieldDir") }), loop.cwd || t("board.inherit")] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.detailFieldInterval") }), loop.intervalHuman] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.detailFieldStatus") }), _jsx("span", { fg: statusColor(loop.status), children: statusLabel(loop.status) })] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.detailFieldRuns") }), loop.runCount, " / ", maxRuns] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.detailFieldCreated") }), loop.createdAt] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.detailFieldLastRun") }), loop.lastRunAt ?? t("format.dash")] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.detailFieldLastExit") }), loop.lastExitCode ?? t("format.dash")] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.detailFieldNextRun") }), loop.nextRunAt ?? t("format.dash")] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.detailFieldPid") }), loop.pid] })] }), _jsx(RunHistory, { loop: loop, selectedRunIndex: selectedRunIndex, focused: true, onSelectRun: onSelectRun, onOpenRun: onOpenRun })] }));
+}

package/dist/board/components/FilterBar.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } 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 FilterBar(props) {
+    const { filters, sort, searchActive, focusedPanel, onSearch, onStatusCycle, onSortCycle, onNewLoop } = props;
+    const statusDisplay = filters.status === "waiting" ? "waiting" : filters.status;
+    return (_jsxs("box", { style: { flexDirection: "row", height: 3, paddingLeft: 1, paddingRight: 1, backgroundColor: "#0b0b0b" }, children: [_jsx("box", { title: t("board.searchTitle"), border: true, borderColor: focusedPanel === "search" ? "#38bdf8" : undefined, style: { flexGrow: 2, height: 3, marginRight: 1, paddingLeft: 1, backgroundColor: focusedPanel === "search" ? "#1e2a4a" : "#0b0b0b" }, children: searchActive ? (_jsx("input", { focused: true, placeholder: t("board.searchPlaceholder"), onInput: onSearch })) : (_jsx("text", { fg: filters.query ? "#e5e7eb" : "#6b7280", children: filters.query || t("board.searchEmpty") })) }), _jsx(ClickableBadge, { title: t("board.statusFilterTitle"), text: statusDisplay, textColor: "#38bdf8", focused: focusedPanel === "status", onMouseDown: onStatusCycle, marginRight: 1 }), _jsx(ClickableBadge, { title: t("board.sortTitle"), text: sort, textColor: "#a3e635", focused: focusedPanel === "sort", onMouseDown: onSortCycle, marginRight: 1 }), _jsx(ClickableBadge, { title: t("board.newLoopTitle"), text: t("board.newLoopLabel"), textColor: "#4ade80", focused: focusedPanel === "new", onMouseDown: onNewLoop, narrow: true })] }));
+}
+function ClickableBadge(props) {
+    const { isHovered, hoverProps } = useHoverState();
+    const bg = props.focused ? "#1e2a4a" : isHovered ? HOVER_BG : "#0b0b0b";
+    const borderColor = props.focused ? "#38bdf8" : undefined;
+    return (_jsx("box", { title: props.title, border: true, borderColor: borderColor, onMouseDown: props.onMouseDown, style: { flexGrow: props.narrow ? 0 : 1, height: 3, marginRight: props.marginRight, paddingLeft: 1, backgroundColor: bg }, ...hoverProps, children: _jsx("text", { fg: props.textColor, children: props.text }) }));
+}

package/dist/board/components/Footer.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { t } from "../../i18n/index.js";
+export function Footer(props) {
+    const { mode } = props;
+    const badge = {
+        normal: { label: t("board.badgeNormal"), bg: "#4ade80" },
+        search: { label: t("board.badgeSearch"), bg: "#38bdf8" },
+        create: { label: t("board.badgeCreate"), bg: "#a3e635" },
+        help: { label: t("board.badgeHelp"), bg: "#facc15" },
+        confirm: { label: t("board.badgeConfirm"), bg: "#f87171" },
+    };
+    const hints = {
+        normal: [
+            ["←/→", t("board.hintSwitchPanel")],
+            [t("board.hintKeyEnter"), t("board.hintOpenRun")],
+            [t("board.hintKeySlash"), t("board.hintSearch")],
+            [t("board.hintKeyH"), t("board.hintHelp")],
+            [t("board.hintKeyEsc"), t("board.hintQuit")],
+        ],
+        search: [
+            [t("board.hintKeyEnter"), t("board.hintApply")],
+            [t("board.hintKeyEsc"), t("board.hintCancel")],
+        ],
+        create: [
+            [t("board.hintKeyTab"), t("board.hintNextField")],
+            [t("board.hintKeyEnter"), t("board.hintCreate")],
+            [t("board.hintKeyEsc"), t("board.hintCancel")],
+        ],
+        help: [[t("board.hintKeyHelpEsc"), t("board.hintBack")]],
+        confirm: [
+            [t("board.hintKeyArrows"), t("board.hintChoose")],
+            [t("board.hintKeyEnter"), t("board.hintConfirm")],
+            [t("board.hintKeyYN"), t("board.hintYesNo")],
+            [t("board.hintKeyEsc"), t("board.hintCancel")],
+        ],
+    };
+    const current = badge[mode];
+    return (_jsxs("box", { style: { flexDirection: "row", height: 1 }, children: [_jsx("box", { style: { backgroundColor: current.bg, paddingLeft: 1, paddingRight: 1 }, children: _jsx("text", { fg: "#0b0b0b", children: _jsx("strong", { children: current.label }) }) }), _jsx("box", { style: { flexGrow: 1, paddingLeft: 1, flexDirection: "row" }, children: _jsx("text", { children: hints[mode].map(([k, a], i) => (_jsxs("span", { children: [i > 0 ? _jsx("span", { fg: "#374151", children: "  " }) : null, _jsx("span", { fg: "#38bdf8", children: k }), _jsxs("span", { fg: "#6b7280", children: [":", a] })] }, k))) }) })] }));
+}

package/dist/board/components/Header.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@opentui/react/jsx-runtime";
+import { useTerminalDimensions } from "@opentui/react";
+import { HEADER_COMPACT_WIDTH } from "../../config/constants.js";
+import { t } from "../../i18n/index.js";
+export function Header(props) {
+    const { daemonStatus, counts } = props;
+    const { width } = useTerminalDimensions();
+    const compact = width < HEADER_COMPACT_WIDTH;
+    const color = daemonStatus === "connected"
+        ? "#4ade80"
+        : daemonStatus === "error"
+            ? "#f87171"
+            : "#facc15";
+    const symbol = daemonStatus === "connected" ? "✓" : daemonStatus === "error" ? "✗" : "…";
+    return (_jsxs("box", { style: { flexDirection: "column" }, children: [_jsx("box", { style: { flexDirection: "row", paddingLeft: 1, paddingRight: 1 }, children: _jsxs("text", { children: [_jsx("strong", { fg: "#a3e635", children: t("board.appName") }), compact ? null : _jsx("span", { fg: "#6b7280", children: t("board.appTagline") })] }) }), _jsx("box", { style: { flexDirection: "row", paddingLeft: 1, paddingRight: 1 }, children: _jsxs("text", { children: [_jsx("span", { fg: "#6b7280", children: t("board.daemonLabel") }), _jsxs("span", { fg: color, children: [symbol, " ", daemonStatus] }), compact ? null : (_jsxs(_Fragment, { children: [_jsx("span", { fg: "#6b7280", children: t("board.loopsLabel") }), _jsx("span", { fg: "#e5e7eb", children: counts.total }), _jsx("span", { fg: "#6b7280", children: t("board.runningLabel") }), _jsx("span", { fg: "#4ade80", children: counts.running }), _jsx("span", { fg: "#6b7280", children: t("board.waitingLabel") }), _jsx("span", { fg: "#38bdf8", children: counts.waiting }), _jsx("span", { fg: "#6b7280", children: t("board.pausedLabel") }), _jsx("span", { fg: "#facc15", children: counts.paused })] }))] }) }), _jsx("box", { style: { height: 1, paddingLeft: 1, paddingRight: 1 }, children: _jsx("text", { fg: "#374151", children: "─".repeat(Math.max(0, width - 2)) }) })] }));
+}

package/dist/board/components/HelpModal.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { useTerminalDimensions } from "@opentui/react";
+import { t } from "../../i18n/index.js";
+export function HelpModal() {
+    const { width } = useTerminalDimensions();
+    const rows = [
+        [t("board.helpKeyMove"), t("board.helpMoveSelection")],
+        [t("board.helpKeyEnter"), t("board.helpEdit")],
+        [t("board.helpKeyN"), t("board.helpCreate")],
+        ["p", t("board.helpPauseResume")],
+        ["r", t("board.helpForceRun")],
+        ["del", t("board.helpDelete")],
+        ["←/→", t("board.helpSwitchPanel")],
+        [t("board.helpKeySlash"), t("board.helpSearch")],
+        [t("board.helpKeyF"), t("board.helpCycleFilter")],
+        [t("board.helpKeyS"), t("board.helpCycleSort")],
+        [t("board.helpKeyH"), t("board.helpToggleHelp")],
+        [t("board.helpKeyEsc"), t("board.helpQuit")],
+    ];
+    return (_jsx("box", { style: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: "100%",
+            height: "100%",
+            justifyContent: "center",
+            alignItems: "center",
+            zIndex: 90,
+        }, children: _jsx("box", { title: t("board.helpTitle"), border: true, style: {
+                flexDirection: "column",
+                padding: 1,
+                minWidth: Math.min(52, width - 4),
+                backgroundColor: "#111827",
+            }, children: rows.map(([keys, desc]) => (_jsxs("text", { children: [_jsx("span", { fg: "#38bdf8", children: keys.padEnd(16) }), desc] }, keys))) }) }));
+}

package/dist/board/components/Inspector.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { t } from "../../i18n/index.js";
+import { commandLine, describeLoop, statusColor, statusLabel, timeAgo } from "../format.js";
+export function Inspector(props) {
+    const { loop } = props;
+    if (!loop) {
+        return (_jsx("box", { title: t("board.inspectorTitle"), border: true, style: { backgroundColor: "#0b0b0b" }, children: _jsx("text", { fg: "#9ca3af", children: t("board.inspectorEmpty") }) }));
+    }
+    const cmd = commandLine(loop.command, loop.commandArgs);
+    const maxRuns = loop.maxRuns !== null ? String(loop.maxRuns) : t("board.unlimited");
+    return (_jsxs("box", { title: t("board.inspectorTitle"), border: true, style: { flexDirection: "column", backgroundColor: "#0b0b0b" }, children: [_jsxs("text", { children: [_jsx("strong", { children: t("board.fieldId") }), " ", loop.id] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.fieldDesc") }), " ", describeLoop(loop)] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.fieldCommand") }), " ", cmd] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.fieldDir") }), " ", loop.cwd || t("board.inherit")] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.fieldInterval") }), " ", loop.intervalHuman] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.fieldStatus") }), " ", _jsx("span", { fg: statusColor(loop.status), children: statusLabel(loop.status) })] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.fieldRuns") }), " ", loop.runCount, " / ", maxRuns] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.fieldLastRun") }), " ", timeAgo(loop.lastRunAt)] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.fieldLastExit") }), " ", loop.lastExitCode !== null ? String(loop.lastExitCode) : t("format.dash")] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.fieldNextRun") }), " ", loop.nextRunAt ? timeAgo(loop.nextRunAt) : t("format.dash")] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.fieldPid") }), " ", loop.pid] })] }));
+}

package/dist/board/components/LogModal.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { useTerminalDimensions } from "@opentui/react";
+import { t } from "../../i18n/index.js";
+import { formatRunDuration, formatRunTime } from "../format.js";
+export function LogModal(props) {
+    const { run, logLines, loading } = props;
+    const { width, height } = useTerminalDimensions();
+    const success = run.exitCode === 0;
+    const icon = success ? "✓" : "✗";
+    const iconColor = success ? "#4ade80" : "#f87171";
+    return (_jsx("box", { style: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: "100%",
+            height: "100%",
+            justifyContent: "center",
+            alignItems: "center",
+            zIndex: 100,
+        }, children: _jsxs("box", { title: t("board.logModalTitle", { icon, time: formatRunTime(run.startedAt) }), border: true, style: {
+                flexDirection: "column",
+                minWidth: Math.min(60, width - 4),
+                width: Math.min(width - 4, 100),
+                height: Math.min(height - 4, 30),
+                backgroundColor: "#111827",
+            }, children: [_jsx("scrollbox", { style: { flexGrow: 1, backgroundColor: "#0b0b0b" }, children: loading ? (_jsx("text", { fg: "#9ca3af", children: t("board.logModalLoading") })) : logLines.length === 0 ? (_jsx("text", { fg: "#9ca3af", children: t("board.logModalEmpty") })) : (logLines.map((line, i) => _jsx("text", { children: line }, i))) }), _jsxs("box", { style: { flexDirection: "row", justifyContent: "space-between", backgroundColor: "#111827" }, children: [_jsxs("text", { children: [_jsx("span", { fg: iconColor, children: icon }), " ", _jsx("span", { fg: "#9ca3af", children: formatRunDuration(run.duration) }), " ", _jsxs("span", { fg: success ? "#4ade80" : "#f87171", children: ["exit ", run.exitCode] })] }), _jsx("text", { fg: "#6b7280", children: t("board.logModalEscClose") })] })] }) }));
+}

package/dist/board/components/Navigator.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { useTerminalDimensions } from "@opentui/react";
+import { t } from "../../i18n/index.js";
+import { describeLoop, statusColor, statusLabel, timingLabel, truncate } from "../format.js";
+import { useHoverState } from "../hooks/useHoverState.js";
+import { HOVER_BG } from "../../config/constants.js";
+function fit(text, width) {
+    if (width <= 0)
+        return "";
+    if (text.length <= width)
+        return text.padEnd(width);
+    return truncate(text, width);
+}
+export function Navigator(props) {
+    const { visible, total, selectedIndex, filters, sort, breakpoint, focused, onSelect, onActivate } = props;
+    const { width, height } = useTerminalDimensions();
+    const scrollRef = useRef(null);
+    const [, setTick] = useState(0);
+    const panelWidth = width * (breakpoint === "narrow" ? 1 : 0.55) - 4;
+    const panelHeight = height - (breakpoint === "narrow" ? 10 : 7);
+    const statusW = 8;
+    const exitW = 4;
+    const runsW = 5;
+    const fixedOverhead = 2 + statusW + 1 + 1 + exitW + 1 + runsW;
+    const timingW = Math.max(6, Math.min(12, Math.floor((panelWidth - fixedOverhead) * 0.3)));
+    const descW = Math.max(4, panelWidth - fixedOverhead - timingW);
+    const header = "  " +
+        fit(t("board.headerStatus"), statusW) +
+        " " +
+        fit(t("board.headerDescription"), descW) +
+        " " +
+        fit(t("board.headerTiming"), timingW) +
+        " " +
+        fit(t("board.headerExitRuns"), exitW + 1 + runsW);
+    useEffect(() => {
+        const id = `nav-row-${selectedIndex}`;
+        scrollRef.current?.scrollChildIntoView(id);
+    }, [selectedIndex]);
+    useEffect(() => {
+        const timer = setInterval(() => {
+            setTick((tick) => tick + 1);
+        }, 1000);
+        return () => clearInterval(timer);
+    }, []);
+    return (_jsxs("box", { title: t("board.navigatorTitle", { visible: visible.length, total, sort, status: filters.status }), border: true, borderColor: focused ? "#38bdf8" : undefined, style: { width: breakpoint === "narrow" ? "100%" : "55%", flexShrink: 0, flexDirection: "column", backgroundColor: "#0b0b0b", overflow: "hidden" }, children: [_jsx("text", { fg: "#6b7280", children: header }), visible.length === 0 ? (_jsx("text", { fg: "#9ca3af", children: t("board.noMatch") })) : (_jsx("scrollbox", { ref: scrollRef, style: { flexGrow: 1, maxHeight: panelHeight, backgroundColor: "#0b0b0b" }, children: visible.map((loop, index) => {
+                    const isSelected = index === selectedIndex;
+                    const exit = loop.lastExitCode === null ? "-" : String(loop.lastExitCode);
+                    return (_jsx(NavigatorRow, { id: `nav-row-${index}`, loop: loop, index: index, isSelected: isSelected, focused: focused, exit: exit, statusW: statusW, descW: descW, timingW: timingW, exitW: exitW, runsW: runsW, onSelect: onSelect, onActivate: onActivate }, loop.id));
+                }) }))] }));
+}
+function NavigatorRow(props) {
+    const { id, loop, index, isSelected, focused, exit, statusW, descW, timingW, exitW, runsW, onSelect, onActivate } = props;
+    const { isHovered, hoverProps } = useHoverState();
+    const bg = isSelected ? (focused ? "#1e3a8a" : "#1e2a4a") : isHovered ? HOVER_BG : undefined;
+    const lastClickRef = useRef(0);
+    function handleClick() {
+        const now = Date.now();
+        if (now - lastClickRef.current < 400) {
+            onActivate(index);
+        }
+        else {
+            onSelect(index);
+        }
+        lastClickRef.current = now;
+    }
+    return (_jsx("box", { id: id, onMouseDown: handleClick, backgroundColor: bg, ...hoverProps, children: _jsxs("text", { children: [isSelected ? "›" : " ", " ", _jsx("span", { fg: statusColor(loop.status), children: fit(statusLabel(loop.status), statusW) }), " ", fit(truncate(describeLoop(loop), descW), descW), " ", fit(timingLabel(loop), timingW), " ", fit(exit, exitW), " #", String(loop.runCount).padStart(runsW)] }) }));
+}

package/dist/board/components/RunHistory.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { useTerminalDimensions } from "@opentui/react";
+import { t } from "../../i18n/index.js";
+import { formatFileSize, formatRunDuration, formatRunTime } from "../format.js";
+import { useHoverState } from "../hooks/useHoverState.js";
+import { HOVER_BG } from "../../config/constants.js";
+function fit(text, width) {
+    if (width <= 0)
+        return "";
+    if (text.length <= width)
+        return text.padEnd(width);
+    return text.length > width ? text.slice(0, width - 3) + "..." : text;
+}
+export function RunHistory(props) {
+    const { loop, selectedRunIndex, focused, onSelectRun, onOpenRun } = props;
+    const { height } = useTerminalDimensions();
+    const scrollRef = useRef(null);
+    const runs = loop?.runHistory ?? [];
+    useEffect(() => {
+        const id = `run-row-${selectedRunIndex}`;
+        scrollRef.current?.scrollChildIntoView(id);
+    }, [selectedRunIndex]);
+    const panelHeight = Math.max(4, Math.floor((height - 10) * 0.45));
+    const timeW = 8;
+    const durW = 7;
+    const sizeW = 8;
+    const header = " " +
+        fit(t("board.runHistoryTime"), timeW) +
+        " " +
+        fit(t("board.runHistoryDuration"), durW) +
+        " " +
+        fit(t("board.runHistorySize"), sizeW);
+    return (_jsxs("box", { title: t("board.runHistoryTitle"), border: true, borderColor: focused ? "#38bdf8" : undefined, style: { flexDirection: "column", flexGrow: 1, backgroundColor: "#0b0b0b", overflow: "hidden" }, children: [_jsx("text", { fg: "#6b7280", children: header }), runs.length === 0 ? (_jsx("text", { fg: "#9ca3af", children: t("board.runHistoryEmpty") })) : (_jsx("scrollbox", { ref: scrollRef, style: { flexGrow: 1, maxHeight: panelHeight, backgroundColor: "#0b0b0b" }, children: [...runs].reverse().map((run, revIndex) => (_jsx(RunRow, { id: `run-row-${revIndex}`, run: run, isSelected: revIndex === selectedRunIndex, focused: focused, timeW: timeW, durW: durW, sizeW: sizeW, onSelect: onSelectRun, onOpen: onOpenRun }, run.runNumber))) }, `runs-${loop?.id}-${runs.length}`))] }));
+}
+function RunRow(props) {
+    const { id, run, isSelected, focused, timeW, durW, sizeW, onOpen } = props;
+    const { isHovered, hoverProps } = useHoverState();
+    const bg = isSelected ? (focused ? "#1e3a8a" : "#1e2a4a") : isHovered ? HOVER_BG : undefined;
+    const success = run.exitCode === 0;
+    const icon = success ? "✓" : "✗";
+    const iconColor = success ? "#4ade80" : "#f87171";
+    return (_jsx("box", { id: id, onMouseDown: () => onOpen(run), backgroundColor: bg, ...hoverProps, children: _jsxs("text", { children: [" ", _jsx("span", { fg: "#9ca3af", children: fit(formatRunTime(run.startedAt), timeW) }), " ", _jsx("span", { fg: iconColor, children: icon }), " ", fit(formatRunDuration(run.duration), durW), " ", fit(formatFileSize(run.logSize), sizeW)] }) }));
+}

package/dist/board/components/Timeline.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "@opentui/react/jsx-runtime";
+import { t } from "../../i18n/index.js";
+export function Timeline(props) {
+    return (_jsx("scrollbox", { title: t("board.timelineTitle"), border: true, style: { flexGrow: 1, backgroundColor: "#0b0b0b" }, stickyScroll: true, stickyStart: "bottom", children: props.logLines.length === 0 ? (_jsx("text", { fg: "#9ca3af", children: t("board.timelineEmpty") })) : (props.logLines.map((line, index) => _jsx("text", { children: line }, index))) }));
+}

package/dist/board/daemon.js

@@ -0,0 +1,61 @@
+import { sendRequest, streamRequest } from "../client/ipc.js";
+import { t } from "../i18n/index.js";
+import { LOG_TAIL_DEFAULT } from "../config/constants.js";
+function expectOk(message, type) {
+    if (type !== "ok") {
+        throw new Error(message);
+    }
+}
+export async function listLoops() {
+    const response = await sendRequest({ type: "list" });
+    if (response.type !== "ok") {
+        throw new Error(response.message);
+    }
+    return response.data;
+}
+export async function pauseLoop(id) {
+    const response = await sendRequest({ type: "pause", payload: { id } });
+    expectOk(response.message ?? t("errors.pauseFailed"), response.type);
+}
+export async function resumeLoop(id) {
+    const response = await sendRequest({ type: "resume", payload: { id } });
+    expectOk(response.message ?? t("errors.resumeFailed"), response.type);
+}
+export async function triggerLoop(id) {
+    const response = await sendRequest({ type: "trigger", payload: { id } });
+    expectOk(response.message ?? t("errors.forceRunFailed"), response.type);
+}
+export async function deleteLoop(id) {
+    const response = await sendRequest({ type: "delete", payload: { id } });
+    expectOk(response.message ?? t("errors.deleteFailed"), response.type);
+}
+export async function createLoop(options, intervalHuman) {
+    const response = await sendRequest({
+        type: "start",
+        payload: { ...options, intervalHuman },
+    });
+    if (response.type !== "ok") {
+        throw new Error(response.message);
+    }
+    return response.data.id;
+}
+export async function updateLoop(id, options, intervalHuman) {
+    const response = await sendRequest({
+        type: "update",
+        payload: { id, ...options, intervalHuman },
+    });
+    if (response.type !== "ok") {
+        throw new Error(response.message);
+    }
+    return response.data.id;
+}
+export function streamLogs(id, onLine, onError) {
+    return streamRequest({ type: "logs", payload: { id, follow: true, tail: LOG_TAIL_DEFAULT } }, onLine, () => { }, onError);
+}
+export async function fetchRunLog(id, runNumber) {
+    const response = await sendRequest({ type: "run-log", payload: { id, runNumber } });
+    if (response.type !== "ok") {
+        throw new Error(response.message ?? "Failed to fetch run log");
+    }
+    return response.data ?? "";
+}

package/dist/board/format.js

@@ -0,0 +1,95 @@
+import { t } from "../i18n/index.js";
+export function quoteArg(arg) {
+    return /[\s"]/.test(arg) ? `"${arg.replace(/"/g, '\\"')}"` : arg;
+}
+export function commandLine(command, args) {
+    return [command, ...args.map(quoteArg)].join(" ").trim();
+}
+export function formatCmd(command, args, max = 24) {
+    const full = commandLine(command, args);
+    return full.length > max ? full.slice(0, max - 3) + "..." : full;
+}
+export function describeLoop(loop) {
+    return loop.description?.trim() || commandLine(loop.command, loop.commandArgs);
+}
+export function truncate(text, max) {
+    return text.length > max ? text.slice(0, max - 3) + "..." : text;
+}
+export function timeAgo(iso) {
+    if (!iso)
+        return t("format.dash");
+    const diff = Date.now() - new Date(iso).getTime();
+    const secs = Math.floor(diff / 1000);
+    if (secs < 5)
+        return t("format.justNow");
+    if (secs < 60)
+        return t("format.secsAgo", { secs });
+    const mins = Math.floor(secs / 60);
+    if (mins < 60)
+        return t("format.minsAgo", { mins });
+    const hrs = Math.floor(mins / 60);
+    if (hrs < 24)
+        return t("format.hrsAgo", { hrs });
+    return t("format.daysAgo", { days: Math.floor(hrs / 24) });
+}
+export function timeUntil(iso) {
+    if (!iso)
+        return t("format.dash");
+    const diff = Math.max(0, new Date(iso).getTime() - Date.now());
+    const secs = Math.floor(diff / 1000);
+    if (secs < 5)
+        return t("format.justNow");
+    if (secs < 60)
+        return t("format.secsAhead", { secs });
+    const mins = Math.floor(secs / 60);
+    if (mins < 60)
+        return t("format.minsAhead", { mins });
+    const hrs = Math.floor(mins / 60);
+    if (hrs < 24)
+        return t("format.hrsAhead", { hrs });
+    return t("format.daysAhead", { days: Math.floor(hrs / 24) });
+}
+export function statusColor(status) {
+    switch (status) {
+        case "running":
+            return "#4ade80";
+        case "paused":
+            return "#facc15";
+        case "waiting":
+            return "#38bdf8";
+        case "stopped":
+            return "#f87171";
+        default:
+            return "#ffffff";
+    }
+}
+export function timingLabel(loop) {
+    if (loop.status === "paused")
+        return t("format.timingPaused");
+    if (loop.nextRunAt)
+        return t("format.timingNext", { timeAgo: timeUntil(loop.nextRunAt) });
+    if (loop.lastRunAt)
+        return t("format.timingLast", { timeAgo: timeAgo(loop.lastRunAt) });
+    return t("format.timingNew");
+}
+export function statusLabel(status) {
+    return status === "waiting" ? "waiting" : status;
+}
+export function formatFileSize(bytes) {
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+        return `${Math.round(bytes / 1024)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+export function formatRunDuration(ms) {
+    if (ms < 1000)
+        return `${ms}ms`;
+    if (ms < 60000)
+        return `${(ms / 1000).toFixed(1)}s`;
+    return `${Math.floor(ms / 60000)}m${Math.floor((ms % 60000) / 1000)}s`;
+}
+export function formatRunTime(iso) {
+    const d = new Date(iso);
+    return d.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", second: "2-digit", hour12: false });
+}