loop-task 2.0.1 → 2.0.3

package/dist/board/components/ProjectsPage.js

@@ -1,134 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from "react";
-import { useKeyboard } from "@opentui/react";
-import { t } from "../../i18n/index.js";
-import { useHoverState } from "../hooks/useHoverState.js";
-import { useTabNav } from "../hooks/useTabNav.js";
-import { HOVER_BG, ENTITY_COLORS } from "../../config/constants.js";
-import { CreateProjectModal } from "./CreateProjectModal.js";
-import { EditProjectModal } from "./EditProjectModal.js";
-import { DeleteProjectConfirm } from "./DeleteProjectConfirm.js";
-function ProjectActionButton(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 }) }) }));
-}
-export function ProjectsPage(props) {
-    const { projects, loops, headerFocused, onClose, onRefresh, onOpenCreate, onEnterHeader } = props;
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    const [subModal, setSubModal] = useState("none");
-    const navItems = ["list", "edit", "delete"];
-    const { setFocusIndex, focusedItem, isFocused } = useTabNav(navItems, {
-        onCycleOut: (dir) => {
-            if (dir === "right")
-                onEnterHeader?.("right");
-            else
-                onEnterHeader?.("left");
-        },
-    });
-    const focusedItemRef = useRef(focusedItem);
-    focusedItemRef.current = focusedItem;
-    const prevHeaderFocused = useRef(headerFocused);
-    useEffect(() => {
-        if (prevHeaderFocused.current && !headerFocused) {
-            setFocusIndex(0);
-        }
-        prevHeaderFocused.current = headerFocused;
-    }, [headerFocused]);
-    // Expose create trigger to parent via callback
-    useState(() => { onOpenCreate?.(() => setSubModal("create")); });
-    const clampedIndex = Math.min(selectedIndex, Math.max(0, projects.length - 1));
-    const selectedProject = projects[clampedIndex] ?? null;
-    const loopCount = (projectId) => loops.filter((l) => (l.projectId ?? "default") === projectId).length;
-    function runAction(actionIndex) {
-        if (!selectedProject || selectedProject.isSystem)
-            return;
-        if (actionIndex === 0)
-            setSubModal("edit");
-        else if (actionIndex === 1)
-            setSubModal("delete");
-    }
-    useKeyboard((key) => {
-        if (subModal !== "none")
-            return;
-        if (headerFocused)
-            return;
-        const fi = focusedItemRef.current;
-        if (key.name === "up" || key.name === "down") {
-            if (fi !== "list") {
-                key.preventDefault();
-                return;
-            }
-            if (key.name === "up") {
-                setSelectedIndex((i) => Math.max(0, i - 1));
-            }
-            else {
-                setSelectedIndex((i) => Math.min(projects.length - 1, i + 1));
-            }
-            key.preventDefault();
-            return;
-        }
-        if (key.name === "left" || key.name === "right") {
-            key.preventDefault();
-            return;
-        }
-        if (key.name === "return" || key.name === "enter") {
-            if (fi === "list") {
-                setFocusIndex(1);
-            }
-            else if (fi === "edit") {
-                if (selectedProject && !selectedProject.isSystem)
-                    setSubModal("edit");
-            }
-            else if (fi === "delete") {
-                if (selectedProject && !selectedProject.isSystem)
-                    setSubModal("delete");
-            }
-            key.preventDefault();
-            return;
-        }
-        if (key.name === "n") {
-            setSubModal("create");
-            key.preventDefault();
-            return;
-        }
-        if (key.name === "e" && selectedProject && !selectedProject.isSystem) {
-            setSubModal("edit");
-            key.preventDefault();
-            return;
-        }
-        if (key.name === "d" && selectedProject && !selectedProject.isSystem) {
-            setSubModal("delete");
-            key.preventDefault();
-            return;
-        }
-        if (key.name === "escape") {
-            onClose();
-            key.preventDefault();
-        }
-    });
-    const actions = [
-        { key: "edit", label: t("project.editProjectLabel") },
-        { key: "delete", label: t("project.deleteProjectLabel") },
-    ];
-    return (_jsxs("box", { style: { flexDirection: "row", flexGrow: 1, backgroundColor: "#0b0b0b" }, children: [_jsxs("box", { title: t("project.projectsTitle"), border: true, borderColor: focusedItem === "list" ? ENTITY_COLORS.project : "#1e3a2a", style: { width: "40%", flexDirection: "column", backgroundColor: "#0b0b0b", flexShrink: 0 }, children: [_jsxs("text", { fg: "#9ca3af", children: [t("project.keyNewHint"), " | ", t("project.keyEditHint"), " | ", t("project.keyDeleteHint")] }), projects.map((project, index) => {
-                        const isSelected = index === clampedIndex;
-                        const bg = isSelected ? "#1e3a8a" : undefined;
-                        const count = loopCount(project.id);
-                        return (_jsx("box", { backgroundColor: bg, onMouseDown: () => { setSelectedIndex(index); setFocusIndex(0); }, style: { height: 1 }, children: _jsxs("text", { children: [isSelected ? "› " : "  ", _jsx("span", { fg: project.color, children: "\u25CF" }), ` ${project.name} `, _jsx("span", { fg: "#6b7280", children: `(${count})` })] }) }, project.id));
-                    })] }), _jsxs("box", { style: { flexGrow: 1, flexDirection: "column", backgroundColor: "#0b0b0b", overflow: "hidden" }, children: [_jsx("box", { title: t("board.inspectorTitle"), border: true, style: { flexGrow: 1, flexDirection: "column", backgroundColor: "#0b0b0b", padding: 1 }, children: selectedProject ? (_jsxs(_Fragment, { children: [_jsxs("text", { children: [_jsx("span", { fg: selectedProject.color, children: "\u25CF" }), ` `, _jsx("strong", { children: selectedProject.name })] }), _jsx("text", { fg: "#6b7280", children: t("project.loopCount", { count: String(loopCount(selectedProject.id)) }) }), selectedProject.isSystem ? (_jsx("text", { fg: "#9ca3af", children: t("project.systemLabel") })) : null] })) : (_jsx("text", { fg: "#9ca3af", children: t("project.noLoops") })) }), _jsx("box", { border: true, borderColor: focusedItem === "edit" || focusedItem === "delete" ? ENTITY_COLORS.project : undefined, style: { flexDirection: "row", height: 3, flexShrink: 0, paddingLeft: 1, backgroundColor: "#0b0b0b", alignItems: "center", justifyContent: selectedProject?.isSystem ? "center" : "flex-start" }, children: selectedProject && !selectedProject.isSystem ? (actions.map((action, i) => (_jsx(ProjectActionButton, { label: action.label, selected: isFocused(action.key), onMouseDown: () => { setFocusIndex(i + 1); runAction(i); } }, action.key)))) : (_jsx("text", { fg: "#9ca3af", children: t("project.systemLabel") })) })] }), subModal === "create" ? (_jsx(CreateProjectModal, { onDone: async (project) => {
-                    setSubModal("none");
-                    await onRefresh();
-                    const newIndex = projects.findIndex((p) => p.id === project.id);
-                    if (newIndex >= 0)
-                        setSelectedIndex(newIndex);
-                }, onCancel: () => setSubModal("none") })) : null, subModal === "edit" && selectedProject ? (_jsx(EditProjectModal, { project: selectedProject, onDone: async () => {
-                    setSubModal("none");
-                    await onRefresh();
-                }, onCancel: () => setSubModal("none") })) : null, subModal === "delete" && selectedProject ? (_jsx(DeleteProjectConfirm, { project: selectedProject, loopCount: loopCount(selectedProject.id), onDone: async () => {
-                    setSubModal("none");
-                    setSelectedIndex((i) => Math.max(0, i - 1));
-                    await onRefresh();
-                }, onCancel: () => setSubModal("none") })) : null] }));
-}

package/dist/board/components/RunHistory.js

@@ -1,83 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useMemo } 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 groupRuns(runs) {
-    const groups = [];
-    let i = 0;
-    while (i < runs.length) {
-        const current = runs[i];
-        if (current.chainGroupId) {
-            const group = runs.filter((r) => r.chainGroupId === current.chainGroupId);
-            const first = group[0];
-            const allSuccess = group.every((r) => r.status === "completed" && r.exitCode === 0);
-            const isRunning = group.some((r) => r.status === "running");
-            groups.push({
-                runs: group,
-                startedAt: first.startedAt,
-                totalDuration: group.reduce((s, r) => s + r.duration, 0),
-                totalLogSize: group.reduce((s, r) => s + r.logSize, 0),
-                allSuccess,
-                isRunning,
-                chainName: group.find((r) => r.chainName)?.chainName ?? null,
-            });
-            i += group.length;
-        }
-        else {
-            groups.push({
-                runs: [current],
-                startedAt: current.startedAt,
-                totalDuration: current.duration,
-                totalLogSize: current.logSize,
-                allSuccess: current.status === "completed" && current.exitCode === 0,
-                isRunning: current.status === "running",
-                chainName: null,
-            });
-            i++;
-        }
-    }
-    return groups;
-}
-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 ?? [];
-    const grouped = useMemo(() => groupRuns(runs), [runs]);
-    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.runHistoryTitleHint"), border: true, borderColor: focused ? "#38bdf8" : undefined, style: { flexDirection: "column", flexGrow: 1, backgroundColor: "#0b0b0b", overflow: "hidden" }, children: [_jsx("text", { fg: "#6b7280", children: header }), grouped.length === 0 ? (_jsx("text", { fg: "#9ca3af", children: t("board.runHistoryEmpty") })) : (_jsx("scrollbox", { ref: scrollRef, style: { flexGrow: 1, maxHeight: panelHeight, backgroundColor: "#0b0b0b" }, children: [...grouped].reverse().map((group, revIndex) => (_jsx(GroupRow, { id: `run-row-${revIndex}`, group: group, isSelected: focused && revIndex === selectedRunIndex, timeW: timeW, durW: durW, sizeW: sizeW, onOpen: () => onOpenRun(group.runs[0]) }, group.runs[0].runNumber + (group.chainName ?? "")))) }, `runs-${loop?.id}-${runs.length}`))] }));
-}
-function GroupRow(props) {
-    const { id, group, isSelected, timeW, durW, sizeW, onOpen } = props;
-    const { isHovered, hoverProps } = useHoverState();
-    const bg = isSelected ? "#1e3a8a" : isHovered ? HOVER_BG : undefined;
-    const icon = group.isRunning ? "⟳" : group.allSuccess ? "✓" : "✗";
-    const iconColor = group.isRunning ? "#facc15" : group.allSuccess ? "#4ade80" : "#f87171";
-    const label = group.chainName
-        ? `→ ${group.chainName}`
-        : "";
-    return (_jsx("box", { id: id, onMouseDown: onOpen, backgroundColor: bg, ...hoverProps, children: _jsxs("text", { children: [" ", _jsx("span", { fg: "#9ca3af", children: fit(formatRunTime(group.startedAt), timeW) }), " ", _jsx("span", { fg: iconColor, children: icon }), " ", label ? _jsx("span", { fg: "#a78bfa", children: fit(label, 12) }) : null, " ", fit(group.isRunning ? "…" : formatRunDuration(group.totalDuration), durW), " ", fit(formatFileSize(group.totalLogSize), sizeW)] }) }));
-}

package/dist/board/components/SearchBox.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useRef } from "react";
-import { t } from "../../i18n/index.js";
-import { useInputShortcuts } from "../hooks/useInputShortcuts.js";
-export function SearchBox(props) {
-    const { query, searchActive, focused, onQueryChange, onActivate, onDismiss } = props;
-    const inputRef = useRef(null);
-    useInputShortcuts(() => searchActive ? inputRef.current : null);
-    return (_jsx("box", { title: t("board.searchTitle"), border: true, borderColor: focused ? "#38bdf8" : undefined, style: { width: "25%", height: 3, marginRight: 1, paddingLeft: 1, backgroundColor: focused ? "#1e2a4a" : "#0b0b0b" }, children: searchActive ? (_jsx("input", { ref: inputRef, focused: true, value: query, placeholder: t("board.searchPlaceholder"), onInput: (value) => onQueryChange(value), onSubmit: () => onDismiss() })) : (_jsx("text", { fg: query ? "#e5e7eb" : "#6b7280", onMouseDown: onActivate, children: query || t("board.searchEmpty") })) }));
-}

package/dist/board/components/SearchSelect.js

@@ -1,132 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState, useMemo, useEffect } from "react";
-import { useKeyboard } from "@opentui/react";
-import { t } from "../../i18n/index.js";
-import { SEARCH_SELECT_HEIGHT } from "../../config/constants.js";
-export function SearchSelect(props) {
-    const { options, value, onChange, focused, height } = props;
-    const placeholder = props.placeholder ?? t("board.searchSelectPlaceholder");
-    const maxHeight = height ?? SEARCH_SELECT_HEIGHT;
-    const [filter, setFilter] = useState("");
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    const filterRef = useRef(filter);
-    filterRef.current = filter;
-    const filtered = useMemo(() => {
-        if (!filter)
-            return options;
-        const q = filter.toLowerCase();
-        return options.filter((o) => o.name.toLowerCase().includes(q) || o.value.toLowerCase().includes(q));
-    }, [options, filter]);
-    const clampedSelected = Math.min(selectedIndex, Math.max(0, filtered.length - 1));
-    const filteredRef = useRef(filtered);
-    filteredRef.current = filtered;
-    const selectedRef = useRef(clampedSelected);
-    selectedRef.current = clampedSelected;
-    const focusedRef = useRef(focused);
-    focusedRef.current = focused;
-    const onChangeRef = useRef(onChange);
-    onChangeRef.current = onChange;
-    const scrollRef = useRef(null);
-    useEffect(() => {
-        if (focused) {
-            const idx = filtered.findIndex((o) => o.value === value);
-            const target = idx >= 0 ? idx : 0;
-            setSelectedIndex(target);
-            requestAnimationFrame(() => {
-                scrollRef.current?.scrollChildIntoView(`select-option-${target}`);
-            });
-        }
-        else {
-            setFilter("");
-        }
-    }, [focused]);
-    useEffect(() => {
-        scrollRef.current?.scrollChildIntoView(`select-option-${clampedSelected}`);
-    }, [clampedSelected, filter]);
-    const computeFiltered = (f) => {
-        if (!f)
-            return options;
-        const q = f.toLowerCase();
-        return options.filter((o) => o.name.toLowerCase().includes(q) || o.value.toLowerCase().includes(q));
-    };
-    useKeyboard((key) => {
-        if (!focusedRef.current)
-            return;
-        const name = key.name;
-        if (name === "up" || name === "k") {
-            const list = computeFiltered(filterRef.current);
-            if (list.length > 0) {
-                const cur = Math.min(selectedRef.current, list.length - 1);
-                setSelectedIndex(cur <= 0 ? list.length - 1 : cur - 1);
-            }
-            key.preventDefault();
-            key.stopPropagation();
-            return;
-        }
-        if (name === "down" || name === "j") {
-            const list = computeFiltered(filterRef.current);
-            if (list.length > 0) {
-                const cur = Math.min(selectedRef.current, list.length - 1);
-                setSelectedIndex(cur >= list.length - 1 ? 0 : cur + 1);
-            }
-            key.preventDefault();
-            key.stopPropagation();
-            return;
-        }
-        if (name === "return" || name === "enter") {
-            const list = computeFiltered(filterRef.current);
-            const cur = Math.min(selectedRef.current, list.length - 1);
-            const option = list[cur];
-            if (option) {
-                onChangeRef.current(option.value);
-            }
-            key.preventDefault();
-            key.stopPropagation();
-            return;
-        }
-        if (name === "escape") {
-            setFilter("");
-            setSelectedIndex(0);
-            key.preventDefault();
-            key.stopPropagation();
-            return;
-        }
-        if (name === "backspace") {
-            const newFilter = filterRef.current.slice(0, -1);
-            filterRef.current = newFilter;
-            setFilter(newFilter);
-            setSelectedIndex(0);
-            key.preventDefault();
-            key.stopPropagation();
-            return;
-        }
-        if (key.ctrl)
-            return;
-        let char = null;
-        if (name && name.length === 1 && /[a-z0-9 _\-./]/i.test(name)) {
-            char = name;
-        }
-        else if (key.sequence && key.sequence.length === 1 && /[a-z0-9 _\-./]/i.test(key.sequence)) {
-            char = key.sequence;
-        }
-        if (char) {
-            const newFilter = filterRef.current + char;
-            filterRef.current = newFilter;
-            setFilter(newFilter);
-            setSelectedIndex(0);
-            key.preventDefault();
-            key.stopPropagation();
-            return;
-        }
-    });
-    const listHeight = Math.min(filtered.length, maxHeight);
-    return (_jsxs("box", { border: true, borderColor: focused ? "#38bdf8" : undefined, style: { flexDirection: "column", backgroundColor: focused ? "#0f172a" : "#0b0b0b" }, children: [_jsxs("box", { style: { height: 3, flexDirection: "row", alignItems: "center", paddingLeft: 1 }, children: [_jsx("text", { fg: "#6b7280", children: "/ " }), _jsx("text", { fg: filter ? "#e5e7eb" : "#6b7280", children: filter || placeholder })] }), _jsx("scrollbox", { ref: scrollRef, style: { height: listHeight, backgroundColor: "#0b0b0b" }, children: filtered.map((option, i) => {
-                    const isSelected = i === clampedSelected;
-                    const isActive = option.value === value;
-                    const prefix = isSelected ? "› " : "  ";
-                    const colorIndicator = option.color ? `\u25cf ` : "";
-                    const bg = isSelected ? "#1e3a8a" : undefined;
-                    const fg = isSelected ? "#ffffff" : isActive ? "#38bdf8" : "#9ca3af";
-                    return (_jsx("box", { id: `select-option-${i}`, style: { flexDirection: "row", backgroundColor: bg }, children: _jsx("text", { fg: fg, children: `${prefix}${colorIndicator}${option.name}` }) }, option.value));
-                }) })] }));
-}

package/dist/board/components/TaskBrowser.js

@@ -1,95 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef } from "react";
-import { useTerminalDimensions } from "@opentui/react";
-import { t } from "../../i18n/index.js";
-import { commandLine, truncate } from "../format.js";
-import { useHoverState } from "../hooks/useHoverState.js";
-import { HOVER_BG, ENTITY_COLORS } from "../../config/constants.js";
-function fit(text, width) {
-    if (width <= 0)
-        return "";
-    if (text.length <= width)
-        return text.padEnd(width);
-    return truncate(text, width);
-}
-const TASK_PANEL_ORDER = ["search", "new", "tasks", "actions"];
-const TASK_ACTIONS = ["select", "edit", "delete"];
-export const TASK_ACTION_COUNT = TASK_ACTIONS.length;
-export const TASK_ACTION_KEYS = [...TASK_ACTIONS];
-export function nextTaskPanel(current, direction) {
-    const idx = TASK_PANEL_ORDER.indexOf(current);
-    return TASK_PANEL_ORDER[(idx + (direction === "right" ? 1 : TASK_PANEL_ORDER.length - 1)) % TASK_PANEL_ORDER.length];
-}
-export function TaskNavigator(props) {
-    const { visible, total, selectedIndex, focused, query, onSelect, onActivate } = props;
-    const { width, height } = useTerminalDimensions();
-    const scrollRef = useRef(null);
-    const panelWidth = width * 0.55 - 4;
-    const panelHeight = height - 7;
-    const nameW = 20;
-    const chainsW = 14;
-    const fixedOverhead = 2 + nameW + 2 + chainsW;
-    const cmdW = Math.max(10, panelWidth - fixedOverhead);
-    const header = "  " +
-        fit(t("board.taskHeaderName"), nameW) +
-        "  " +
-        fit(t("board.taskHeaderCommand"), cmdW) +
-        "  " +
-        t("board.taskHeaderChains");
-    useEffect(() => {
-        const id = `task-row-${selectedIndex}`;
-        scrollRef.current?.scrollChildIntoView(id);
-    }, [selectedIndex]);
-    return (_jsxs("box", { title: t("board.taskBrowserTitle", { visible: visible.length, total }), border: true, borderColor: focused ? ENTITY_COLORS.task : "#2e2545", style: { width: "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.taskBrowserEmpty") })) : (_jsx("scrollbox", { ref: scrollRef, style: { flexGrow: 1, maxHeight: panelHeight, backgroundColor: "#0b0b0b" }, children: visible.map((task, index) => (_jsx(TaskNavRow, { id: `task-row-${index}`, task: task, index: index, isSelected: index === selectedIndex, focused: focused, nameW: nameW, cmdW: cmdW, chainsW: chainsW, onSelect: onSelect, onActivate: onActivate }, task.id))) }))] }));
-}
-function TaskNavRow(props) {
-    const { id, task, index, isSelected, focused, nameW, cmdW, chainsW, onSelect, onActivate } = props;
-    const { isHovered, hoverProps } = useHoverState();
-    const bg = isSelected ? (focused ? "#1e3a8a" : "#1e2a4a") : isHovered ? HOVER_BG : undefined;
-    const fg = isSelected ? "#ffffff" : "#e5e7eb";
-    const lastClickRef = useRef(0);
-    function handleClick() {
-        const now = Date.now();
-        if (now - lastClickRef.current < 400) {
-            onActivate(index);
-        }
-        else {
-            onSelect(index);
-        }
-        lastClickRef.current = now;
-    }
-    const cmd = commandLine(task.command, task.commandArgs);
-    const chains = task.onSuccessTaskId || task.onFailureTaskId
-        ? t("board.taskChainsFormat", { success: task.onSuccessTaskId ?? "-", failure: task.onFailureTaskId ?? "-" })
-        : t("board.taskChainsNone");
-    const name = task.name.length > nameW ? task.name.slice(0, nameW - 3) + "..." : task.name;
-    const truncCmd = cmd.length > cmdW ? cmd.slice(0, cmdW - 3) + "..." : cmd;
-    return (_jsx("box", { id: id, onMouseDown: handleClick, backgroundColor: bg, ...hoverProps, children: _jsxs("text", { fg: fg, children: [isSelected ? "›" : " ", " ", fit(name, nameW), "  ", fit(truncCmd, cmdW), "  ", fit(chains, chainsW)] }) }));
-}
-export function TaskInspector(props) {
-    const { task } = props;
-    if (!task) {
-        return (_jsx("box", { title: t("board.inspectorTitle"), border: true, style: { backgroundColor: "#0b0b0b" }, children: _jsx("text", { fg: "#9ca3af", children: t("board.inspectorEmpty") }) }));
-    }
-    const cmd = commandLine(task.command, task.commandArgs);
-    return (_jsxs("box", { title: t("board.inspectorTitle"), border: true, style: { flexDirection: "column", backgroundColor: "#0b0b0b" }, children: [_jsxs("text", { children: [_jsx("strong", { children: t("board.fieldId") }), " ", task.id] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.taskLabelName") }), " ", task.name] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.fieldCommand") }), " ", cmd] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.taskLabelOnSuccess") }), " ", task.onSuccessTaskId ?? t("board.taskNone")] }), _jsxs("text", { children: [_jsx("strong", { children: t("board.taskLabelOnFailure") }), " ", task.onFailureTaskId ?? t("board.taskNone")] })] }));
-}
-export function TaskActionButtons(props) {
-    const { task, focused, selectedAction, selectable = true, onAction } = props;
-    if (!task) {
-        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 allActions = [
-        { key: "select", label: t("board.taskActionSelect") },
-        { key: "edit", label: t("board.taskActionEdit") },
-        { key: "delete", label: t("board.taskActionDelete") },
-    ];
-    const actions = selectable ? allActions : allActions.filter((a) => a.key !== "select");
-    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(TaskActionButton, { label: action.label, selected: focused && selectedAction === i, onMouseDown: () => onAction(action.key) }, action.key))) }));
-}
-function TaskActionButton(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 }) }) }));
-}

package/dist/board/components/TaskFilterBar.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { SearchBox } from "./SearchBox.js";
-export function TaskFilterBar(props) {
-    const { query, searchActive, focusedPanel, onQueryChange, onSearchActivate, onSearchDismiss } = props;
-    return (_jsx("box", { style: { flexDirection: "row", height: 3, paddingLeft: 1, paddingRight: 1, backgroundColor: "#0b0b0b" }, children: _jsx("box", { style: { flexGrow: 1 }, children: _jsx(SearchBox, { query: query, searchActive: searchActive, focused: focusedPanel === "search", onQueryChange: onQueryChange, onActivate: onSearchActivate, onDismiss: onSearchDismiss }) }) }));
-}

package/dist/board/components/TaskForm.js

@@ -1,155 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState } from "react";
-import crypto from "node:crypto";
-import { useKeyboard, useTerminalDimensions } from "@opentui/react";
-import { t } from "../../i18n/index.js";
-import { createTask, updateTask, listTasks } from "../daemon.js";
-import { useHoverState } from "../hooks/useHoverState.js";
-import { useInputShortcuts } from "../hooks/useInputShortcuts.js";
-import { useTabNav } from "../hooks/useTabNav.js";
-import { copyToClipboard } from "../../shared/clipboard.js";
-import { HOVER_BG } from "../../config/constants.js";
-import { SearchSelect } from "./SearchSelect.js";
-const taskFields = ["name", "command", "onSuccessTaskId", "onFailureTaskId"];
-function taskInitialValues(task) {
-    if (!task) {
-        return { name: "", command: "", onSuccessTaskId: "", onFailureTaskId: "" };
-    }
-    return {
-        name: task.name,
-        command: [task.command, ...task.commandArgs].join(" "),
-        onSuccessTaskId: task.onSuccessTaskId ?? "",
-        onFailureTaskId: task.onFailureTaskId ?? "",
-    };
-}
-export function TaskForm(props) {
-    const [values, setValues] = useState(taskInitialValues(props.editTask));
-    const valuesRef = useRef(values);
-    const [error, setError] = useState("");
-    const [isSubmitting, setIsSubmitting] = useState(false);
-    const [allTasks, setAllTasks] = useState([]);
-    const inputRef = useRef(null);
-    const { width: termWidth } = useTerminalDimensions();
-    const btnWidth = Math.max(10, Math.min(14, Math.floor(termWidth / 6)));
-    const navItems = [...taskFields, "save", "cancel"];
-    const { setFocusIndex, focusedItem, isFocused } = useTabNav(navItems);
-    const focusedItemRef = useRef(focusedItem);
-    focusedItemRef.current = focusedItem;
-    useInputShortcuts(() => {
-        const fi = focusedItemRef.current;
-        if (fi != null && fi !== "save" && fi !== "cancel" && fi !== "onSuccessTaskId" && fi !== "onFailureTaskId") {
-            return inputRef.current;
-        }
-        return null;
-    });
-    function updateValues(next) {
-        valuesRef.current = next;
-        setValues(next);
-    }
-    useState(() => {
-        void listTasks().then(setAllTasks).catch(() => { });
-    });
-    useKeyboard((key) => {
-        if (key.name === "return" || key.name === "enter") {
-            const fi = focusedItemRef.current;
-            if (fi === "save") {
-                void submit(valuesRef.current);
-                key.preventDefault();
-            }
-            else if (fi === "cancel") {
-                props.onCancel();
-                key.preventDefault();
-            }
-        }
-    });
-    async function submit(current) {
-        if (isSubmitting)
-            return;
-        try {
-            setIsSubmitting(true);
-            setError("");
-            const cmdLine = current.command.trim();
-            if (!cmdLine) {
-                setError(t("errors.commandEmpty"));
-                return;
-            }
-            const tokens = cmdLine.split(/\s+/);
-            const command = tokens[0] ?? "";
-            const commandArgs = tokens.slice(1);
-            const onSuccessTaskId = current.onSuccessTaskId || null;
-            const onFailureTaskId = current.onFailureTaskId || null;
-            if (props.mode === "edit" && props.editTask) {
-                await updateTask(props.editTask.id, {
-                    name: current.name.trim() || command,
-                    command,
-                    commandArgs,
-                    onSuccessTaskId,
-                    onFailureTaskId,
-                });
-                props.onDone(true, props.editTask.id);
-            }
-            else {
-                const id = crypto.randomUUID().slice(0, 8);
-                await createTask({
-                    id,
-                    name: current.name.trim() || command,
-                    command,
-                    commandArgs,
-                    onSuccessTaskId,
-                    onFailureTaskId,
-                });
-                props.onDone(false, id);
-            }
-        }
-        catch (e) {
-            setError(e instanceof Error ? e.message : String(e));
-        }
-        finally {
-            setIsSubmitting(false);
-        }
-    }
-    const labels = {
-        name: t("board.taskLabelName"),
-        command: t("board.taskLabelCommand"),
-        onSuccessTaskId: t("board.taskLabelOnSuccess"),
-        onFailureTaskId: t("board.taskLabelOnFailure"),
-    };
-    const hints = {
-        name: t("board.taskHintName"),
-        command: t("board.hintCommand"),
-        onSuccessTaskId: t("board.taskHintOnSuccess"),
-        onFailureTaskId: t("board.taskHintOnFailure"),
-    };
-    const chainOptions = [
-        { name: t("board.taskNone"), description: "", value: "" },
-        ...allTasks
-            .filter((t) => t.id !== props.editTask?.id)
-            .map((t) => ({ name: `${t.id} ${t.name}`, description: "", value: t.id })),
-    ];
-    const title = props.mode === "edit" ? t("board.taskEditTitle") : t("board.taskCreateTitle");
-    return (_jsxs("box", { title: title, border: true, style: { flexDirection: "column", flexGrow: 1, padding: 1, backgroundColor: "#0b0b0b" }, children: [_jsx("box", { style: { flexDirection: "column", flexGrow: 1 }, children: Array.from({ length: Math.ceil(taskFields.length / 2) }, (_, row) => {
-                    const leftField = taskFields[row * 2];
-                    const rightField = row * 2 + 1 < taskFields.length ? taskFields[row * 2 + 1] : null;
-                    return (_jsxs("box", { style: { flexDirection: "row", marginBottom: 1 }, children: [_jsx(TaskFormRow, { field: leftField, index: row * 2, focused: isFocused(leftField), values: values, valuesRef: valuesRef, updateValues: updateValues, setFocusIndex: setFocusIndex, submit: submit, labels: labels, hints: hints, chainOptions: chainOptions, inputRef: inputRef, onCopy: props.onCopy, style: { width: "50%", paddingRight: 1 } }), rightField ? (_jsx(TaskFormRow, { field: rightField, index: row * 2 + 1, focused: isFocused(rightField), values: values, valuesRef: valuesRef, updateValues: updateValues, setFocusIndex: setFocusIndex, submit: submit, labels: labels, hints: hints, chainOptions: chainOptions, inputRef: inputRef, onCopy: props.onCopy, 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: isFocused("save"), width: btnWidth, marginRight: 1 }), _jsx(HoverButton, { label: t("board.cancel"), onMouseDown: props.onCancel, selected: isFocused("cancel"), width: btnWidth })] }), _jsx("text", { fg: "#9ca3af", children: t("board.formNav") }), error ? _jsx("text", { fg: "#f87171", children: error }) : null] }));
-}
-function TaskFormRow(props) {
-    const { field, index, focused, values, valuesRef, updateValues, setFocusIndex, submit, labels, hints, chainOptions, inputRef, onCopy, style } = props;
-    const isSelect = field === "onSuccessTaskId" || field === "onFailureTaskId";
-    const selectOpts = isSelect ? chainOptions : [];
-    const copyHover = useHoverState();
-    return (_jsxs("box", { style: { flexDirection: "column", ...style }, children: [_jsx("text", { fg: focused ? "#38bdf8" : "#e5e7eb", children: labels[field] }), _jsx("text", { fg: "#6b7280", children: hints[field] }), isSelect ? (_jsx(SearchSelect, { options: selectOpts, value: values[field], onChange: (v) => updateValues({ ...valuesRef.current, [field]: v }), focused: focused })) : (_jsxs("box", { style: { flexDirection: "row" }, children: [_jsx("box", { border: true, borderColor: focused ? "#38bdf8" : undefined, style: { height: 3, width: field === "command" ? "92%" : "100%", backgroundColor: "#0b0b0b" }, children: _jsx("input", { ref: inputRef, focused: focused, value: values[field], placeholder: field === "command" ? t("board.exampleCommand") : "", onInput: (value) => updateValues({ ...valuesRef.current, [field]: value }), onSubmit: () => {
-                                if (index < taskFields.length - 1) {
-                                    setFocusIndex(index + 1);
-                                }
-                                else {
-                                    void submit(valuesRef.current);
-                                }
-                            } }) }), field === "command" ? (_jsx("box", { border: true, borderColor: copyHover.isHovered ? "#38bdf8" : "#374151", onMouseDown: () => { copyToClipboard(valuesRef.current.command); onCopy?.(valuesRef.current.command); }, style: { width: "8%", height: 3, justifyContent: "center", alignItems: "center", backgroundColor: copyHover.isHovered ? HOVER_BG : "#0b0b0b" }, ...copyHover.hoverProps, children: _jsx("text", { fg: copyHover.isHovered ? "#38bdf8" : "#6b7280", children: "\u2398" }) })) : 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 }) }) }));
-}

package/dist/board/components/Timeline.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "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))) }));
-}