loop-task 1.5.5 → 2.0.1

package/dist/tui/commands.js

@@ -0,0 +1,114 @@
+import { COMMAND_TIER_ACTION, COMMAND_TIER_CONFIRM, COMMAND_TIER_GLOBAL, COMMAND_CATEGORY_GLOBAL, COMMAND_CATEGORY_FILTERS, COMMAND_CATEGORY_LOOP, COMMAND_CATEGORY_TASK, COMMAND_CATEGORY_PROJECT, } from '../config/constants.js';
+import { t } from '../i18n/index.js';
+// ── Shared helpers ───────────────────────────────────────────────────
+function globalCommands() {
+    return [
+        { label: t('cmd.help'), value: 'help', hint: '', tier: COMMAND_TIER_GLOBAL, category: COMMAND_CATEGORY_GLOBAL, shortcut: 'ctrl+p' },
+        { label: t('cmd.debug'), value: 'debug', hint: '', tier: COMMAND_TIER_GLOBAL, category: COMMAND_CATEGORY_GLOBAL, shortcut: 'ctrl+b' },
+        { label: t('cmd.api'), value: 'api', hint: '', tier: COMMAND_TIER_GLOBAL, category: COMMAND_CATEGORY_GLOBAL, shortcut: 'ctrl+g' },
+        { label: t('cmd.export'), value: 'export', hint: '', tier: COMMAND_TIER_GLOBAL, category: COMMAND_CATEGORY_GLOBAL, shortcut: 'ctrl+x' },
+        { label: t('cmd.import'), value: 'import', hint: '', tier: COMMAND_TIER_GLOBAL, category: COMMAND_CATEGORY_GLOBAL, shortcut: 'ctrl+i' },
+        { label: t('cmd.status'), value: 'status', hint: '', tier: COMMAND_TIER_GLOBAL, category: COMMAND_CATEGORY_GLOBAL, shortcut: 'ctrl+y' },
+    ];
+}
+function loopFilterCommands() {
+    return [
+        { label: t('cmd.search'), value: 'search', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_FILTERS, shortcut: 'ctrl+f+s' },
+        { label: t('cmd.filterStatus'), value: 'filter-status', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_FILTERS, shortcut: 'ctrl+f+t' },
+        { label: t('cmd.sort'), value: 'sort', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_FILTERS, shortcut: 'ctrl+f+o' },
+        { label: t('cmd.project'), value: 'filter-project', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_FILTERS, shortcut: 'ctrl+f+p' },
+    ];
+}
+function taskFilterCommands() {
+    return [
+        { label: t('cmd.searchTasks'), value: 'search', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_FILTERS, shortcut: 'ctrl+f+s' },
+    ];
+}
+function projectFilterCommands() {
+    return [
+        { label: t('cmd.searchProjects'), value: 'search', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_FILTERS, shortcut: 'ctrl+f+s' },
+    ];
+}
+// ── Command ranking (exact > prefix > fuzzy) ─────────────────────────
+/**
+ * Re-rank autocomplete options: exact match → prefix match → fuzzy (existing order).
+ * Stable within each group. Exported for testing.
+ */
+export function rankCommands(input, options) {
+    if (input.length === 0)
+        return options;
+    const q = input.toLowerCase();
+    const exact = [];
+    const prefix = [];
+    const fuzzy = [];
+    for (const opt of options) {
+        const l = opt.label.toLowerCase();
+        const v = opt.value.toLowerCase();
+        if (l === q || v === q) {
+            exact.push(opt);
+        }
+        else if (l.startsWith(q) || v.startsWith(q)) {
+            prefix.push(opt);
+        }
+        else {
+            fuzzy.push(opt);
+        }
+    }
+    return [...exact, ...prefix, ...fuzzy];
+}
+// ── Autocomplete dropdown (context-sensitive, shown while typing) ────
+export function buildCommands(context) {
+    const commands = [...globalCommands()];
+    if (context.activeTab === 'loops') {
+        commands.push(...loopFilterCommands());
+        commands.push({
+            label: t('cmd.newLoop'), value: 'new-loop', hint: '',
+            tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_LOOP, shortcut: 'ctrl+a+n',
+        });
+        if (context.selectedLoop !== null) {
+            const loop = context.selectedLoop;
+            const desc = loop.description || loop.id;
+            commands.push({ label: t('cmd.edit'), value: 'edit', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_LOOP, shortcut: 'ctrl+a+e' }, { label: t('cmd.pause'), value: 'pause', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_LOOP, shortcut: 'ctrl+a+p' }, { label: t('cmd.play'), value: 'play', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_LOOP, shortcut: 'ctrl+a+r' }, { label: t('cmd.stop'), value: 'stop', hint: t('confirm.stopLoop', { name: desc }), tier: COMMAND_TIER_CONFIRM, category: COMMAND_CATEGORY_LOOP, shortcut: 'ctrl+a+s' }, { label: t('cmd.trigger'), value: 'trigger', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_LOOP, shortcut: 'ctrl+a+t' }, { label: t('cmd.clone'), value: 'clone', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_LOOP, shortcut: 'ctrl+a+c' }, { label: t('cmd.delete'), value: 'delete', hint: t('confirm.deleteLoop', { name: desc }), tier: COMMAND_TIER_CONFIRM, category: COMMAND_CATEGORY_LOOP, shortcut: 'ctrl+a+d' }, { label: t('cmd.logs'), value: 'logs', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_LOOP, shortcut: 'ctrl+a+o' });
+        }
+    }
+    if (context.activeTab === 'tasks') {
+        commands.push(...taskFilterCommands());
+        commands.push({
+            label: t('cmd.newTask'), value: 'new-task', hint: '',
+            tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_TASK, shortcut: 'ctrl+a+n',
+        });
+        if (context.selectedTask !== null) {
+            const task = context.selectedTask;
+            commands.push({ label: t('cmd.editTask'), value: 'edit', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_TASK, shortcut: 'ctrl+a+e' }, { label: t('cmd.deleteTask'), value: 'delete', hint: t('confirm.deleteTask', { id: task.id }), tier: COMMAND_TIER_CONFIRM, category: COMMAND_CATEGORY_TASK, shortcut: 'ctrl+a+d' });
+        }
+    }
+    if (context.activeTab === 'projects') {
+        commands.push(...projectFilterCommands());
+        commands.push({
+            label: t('cmd.newProject'), value: 'new-project', hint: '',
+            tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_PROJECT, shortcut: 'ctrl+a+n',
+        });
+        if (context.selectedProject !== null) {
+            const project = context.selectedProject;
+            commands.push({ label: t('cmd.editProject'), value: 'edit', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_PROJECT, shortcut: 'ctrl+a+e' }, { label: t('cmd.deleteProject'), value: 'delete', hint: t('confirm.deleteProject', { name: project.name }), tier: COMMAND_TIER_CONFIRM, category: COMMAND_CATEGORY_PROJECT, shortcut: 'ctrl+a+d' });
+        }
+    }
+    return commands;
+}
+// ── Ctrl+P commands browser (shows all available commands for this tab) ─
+export function buildTabCommands(context) {
+    const commands = [...globalCommands()];
+    if (context.activeTab === 'loops') {
+        commands.push(...loopFilterCommands());
+        commands.push({ label: t('cmd.newLoop'), value: 'new-loop', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_LOOP, shortcut: 'ctrl+a+n' }, { label: t('cmd.edit'), value: 'edit', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_LOOP, shortcut: 'ctrl+a+e' }, { label: t('cmd.pause'), value: 'pause', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_LOOP, shortcut: 'ctrl+a+p' }, { label: t('cmd.play'), value: 'play', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_LOOP, shortcut: 'ctrl+a+r' }, { label: t('cmd.stop'), value: 'stop', hint: '', tier: COMMAND_TIER_CONFIRM, category: COMMAND_CATEGORY_LOOP, shortcut: 'ctrl+a+s' }, { label: t('cmd.trigger'), value: 'trigger', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_LOOP, shortcut: 'ctrl+a+t' }, { label: t('cmd.clone'), value: 'clone', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_LOOP, shortcut: 'ctrl+a+c' }, { label: t('cmd.delete'), value: 'delete', hint: '', tier: COMMAND_TIER_CONFIRM, category: COMMAND_CATEGORY_LOOP, shortcut: 'ctrl+a+d' }, { label: t('cmd.logs'), value: 'logs', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_LOOP, shortcut: 'ctrl+a+o' });
+    }
+    if (context.activeTab === 'tasks') {
+        commands.push(...taskFilterCommands());
+        commands.push({ label: t('cmd.newTask'), value: 'new-task', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_TASK, shortcut: 'ctrl+a+n' }, { label: t('cmd.editTask'), value: 'edit', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_TASK, shortcut: 'ctrl+a+e' }, { label: t('cmd.deleteTask'), value: 'delete', hint: '', tier: COMMAND_TIER_CONFIRM, category: COMMAND_CATEGORY_TASK, shortcut: 'ctrl+a+d' });
+    }
+    if (context.activeTab === 'projects') {
+        commands.push(...projectFilterCommands());
+        commands.push({ label: t('cmd.newProject'), value: 'new-project', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_PROJECT, shortcut: 'ctrl+a+n' }, { label: t('cmd.editProject'), value: 'edit', hint: '', tier: COMMAND_TIER_ACTION, category: COMMAND_CATEGORY_PROJECT, shortcut: 'ctrl+a+e' }, { label: t('cmd.deleteProject'), value: 'delete', hint: '', tier: COMMAND_TIER_CONFIRM, category: COMMAND_CATEGORY_PROJECT, shortcut: 'ctrl+a+d' });
+    }
+    return commands;
+}

package/dist/tui/components/ActionButtons.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { darkTheme as theme } from "../theme.js";
+import { t } from "../../i18n/index.js";
+import { FocusableButton } from "./FocusableButton.js";
+const STOP_ACTION = { key: "stop", label: t("board.actionStop") };
+const PAUSE_ACTION = { key: "pause", label: t("board.actionPause") };
+const PLAY_ACTION = { key: "play", label: t("board.actionPlay") };
+const STATUS_ACTIONS = {
+    running: [STOP_ACTION],
+    waiting: [PAUSE_ACTION, STOP_ACTION],
+    paused: [STOP_ACTION, PLAY_ACTION],
+    idle: [PLAY_ACTION],
+    stopped: [PLAY_ACTION],
+};
+export function getActions(status) {
+    const actions = [
+        { key: "edit", label: t("board.actionEdit") },
+        { key: "delete", label: t("board.actionDelete") },
+    ];
+    actions.push(...STATUS_ACTIONS[status]);
+    if (status !== "running") {
+        actions.push({ key: "clone", label: t("board.actionClone") });
+        actions.push({ key: "trigger", label: t("board.actionTrigger") });
+    }
+    return actions;
+}
+export function getActionKeys(status) {
+    return getActions(status).map((a) => a.key);
+}
+export function getActionCount(status) {
+    return getActions(status).length;
+}
+export function ActionButtons(props) {
+    const { loop, onAction } = props;
+    const actions = loop ? getActions(loop.status) : [];
+    if (!loop) {
+        return (_jsx(Box, { borderStyle: "single", borderColor: theme.border.default, flexDirection: "row", height: 3, flexShrink: 0, backgroundColor: theme.bg.surface, alignItems: "center", children: _jsx(Text, { color: theme.text.muted, children: t("board.noActions") }) }));
+    }
+    return (_jsx(Box, { borderStyle: "single", borderColor: theme.border.default, flexDirection: "row", flexShrink: 0, backgroundColor: theme.bg.surface, alignItems: "center", paddingX: 1, children: actions.map((action) => {
+            const color = action.key === "delete" || action.key === "stop"
+                ? theme.semantic.danger
+                : theme.accent.focus;
+            const variant = action.key === "delete" || action.key === "stop"
+                ? "danger"
+                : "default";
+            return (_jsx(FocusableButton, { label: action.label, color: color, variant: variant, bordered: false, onPress: () => onAction(action.key) }, action.key));
+        }) }));
+}

package/dist/tui/components/Button.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { darkTheme as theme } from "../theme.js";
+export function Button(props) {
+    const { label, focused, variant = "default" } = props;
+    const bgColor = focused
+        ? variant === "danger"
+            ? theme.semantic.danger
+            : theme.bg.active
+        : undefined;
+    const fgColor = focused
+        ? theme.text.inverse
+        : variant === "danger"
+            ? theme.semantic.danger
+            : theme.text.primary;
+    const indicator = focused ? "› " : "  ";
+    return (_jsx(Box, { backgroundColor: bgColor, paddingX: 1, marginRight: 1, flexShrink: 0, children: _jsx(Text, { color: fgColor, bold: true, children: indicator + label }) }));
+}

package/dist/tui/components/ChainEditor.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo, useEffect } from "react";
+import { Box, Text, useInput } from "ink";
+import { darkTheme as theme } from "../theme.js";
+import { listTasks } from "../daemon.js";
+import { commandLine } from "../format.js";
+function buildChains(tasks) {
+    const taskMap = new Map();
+    for (const task of tasks) {
+        taskMap.set(task.id, task);
+    }
+    const referenced = new Set();
+    for (const task of tasks) {
+        if (task.onSuccessTaskId)
+            referenced.add(task.onSuccessTaskId);
+        if (task.onFailureTaskId)
+            referenced.add(task.onFailureTaskId);
+    }
+    const roots = tasks.filter((task) => !referenced.has(task.id));
+    const visited = new Set();
+    function buildNode(task, branch, depth, isLast) {
+        if (visited.has(task.id)) {
+            return { task, children: [], branch, depth, isLast };
+        }
+        visited.add(task.id);
+        const children = [];
+        if (task.onSuccessTaskId) {
+            const child = taskMap.get(task.onSuccessTaskId);
+            if (child)
+                children.push(buildNode(child, "success", depth + 1, false));
+        }
+        if (task.onFailureTaskId) {
+            const child = taskMap.get(task.onFailureTaskId);
+            if (child) {
+                if (children.length > 0)
+                    children[0].isLast = true;
+                children.push(buildNode(child, "failure", depth + 1, true));
+            }
+        }
+        if (children.length > 0)
+            children[children.length - 1].isLast = true;
+        if (children.length === 0 && branch !== null)
+            isLast = true;
+        return { task, children, branch, depth, isLast };
+    }
+    return roots.map((root) => ({
+        root: buildNode(root, null, 0, true),
+    }));
+}
+function flattenTree(node, result = [], prefix = "") {
+    result.push({ node, prefix });
+    for (const child of node.children) {
+        const childPrefix = prefix + (node.isLast ? "  " : "\u2502 ");
+        flattenTree(child, result, childPrefix);
+    }
+    return result;
+}
+export function ChainEditor(props) {
+    const [tasks, setTasks] = useState([]);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    useEffect(() => {
+        listTasks().then(setTasks).catch(() => setTasks([]));
+    }, []);
+    const trees = useMemo(() => buildChains(tasks), [tasks]);
+    const flatNodes = useMemo(() => {
+        const all = [];
+        for (const tree of trees) {
+            flattenTree(tree.root, all);
+        }
+        return all;
+    }, [trees]);
+    useInput((_input, key) => {
+        if (key.escape) {
+            props.onClose();
+            return;
+        }
+        if (key.upArrow) {
+            setSelectedIndex((i) => i <= 0 ? flatNodes.length - 1 : i - 1);
+            return;
+        }
+        if (key.downArrow) {
+            setSelectedIndex((i) => i >= flatNodes.length - 1 ? 0 : i + 1);
+            return;
+        }
+        if (key.return) {
+            const node = flatNodes[selectedIndex];
+            if (node && props.onEditTask) {
+                props.onEditTask(node.node.task);
+            }
+            return;
+        }
+    });
+    if (flatNodes.length === 0) {
+        return (_jsxs(Box, { borderStyle: "single", borderColor: theme.accent.task, flexDirection: "column", paddingX: 2, paddingY: 1, children: [_jsx(Text, { color: theme.accent.task, bold: true, children: "Chain Editor" }), _jsx(Text, { color: theme.text.muted, children: "No tasks found. Create tasks first to build chains." }), _jsx(Text, { color: theme.text.muted, children: "Press Esc to go back." })] }));
+    }
+    return (_jsxs(Box, { borderStyle: "single", borderColor: theme.accent.task, flexDirection: "column", paddingX: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: theme.accent.task, bold: true, children: "Chain Editor" }), _jsx(Text, { color: theme.text.muted, children: " - up/down: navigate, enter: edit task, esc: back" })] }), flatNodes.map((item, i) => {
+                const isSelected = i === selectedIndex;
+                const bg = isSelected ? theme.bg.active : undefined;
+                const fg = isSelected ? theme.text.inverse : theme.text.primary;
+                const branchLabel = item.node.branch
+                    ? item.node.branch === "success"
+                        ? "[\u2713] "
+                        : "[\u2717] "
+                    : "";
+                const branchColor = item.node.branch === "success"
+                    ? theme.semantic.success
+                    : item.node.branch === "failure"
+                        ? theme.semantic.danger
+                        : theme.text.primary;
+                return (_jsxs(Box, { backgroundColor: bg, children: [_jsx(Text, { color: theme.text.muted, children: item.prefix }), _jsx(Text, { color: isSelected ? theme.text.inverse : branchColor, children: branchLabel }), _jsx(Text, { color: fg, children: item.node.task.name }), _jsxs(Text, { color: isSelected ? theme.text.inverse : theme.text.muted, children: [" - ", commandLine(item.node.task.command, item.node.task.commandArgs).slice(0, 40)] })] }, `${item.node.task.id}-${i}`));
+            }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: theme.text.muted, children: [trees.length, " root(s) | ", tasks.length, " total tasks | ", flatNodes.length, " nodes"] }) })] }));
+}

package/dist/tui/components/CommandBuilderField.js

@@ -0,0 +1,143 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { Box, Text, useInput } from "ink";
+import { darkTheme as theme } from "../theme.js";
+import { t } from "../../i18n/index.js";
+import { copyToClipboard } from "../../shared/clipboard.js";
+import { COMMAND_TEMPLATES } from "../../config/constants.js";
+function hasUnbalancedQuotes(text) {
+    let single = 0;
+    let double = 0;
+    for (const ch of text) {
+        if (ch === "'")
+            single++;
+        if (ch === '"')
+            double++;
+    }
+    return single % 2 !== 0 || double % 2 !== 0;
+}
+function parseParts(command) {
+    const trimmed = command.trim();
+    if (!trimmed)
+        return { executable: "", args: "" };
+    const firstSpace = trimmed.indexOf(" ");
+    if (firstSpace === -1)
+        return { executable: trimmed, args: "" };
+    return { executable: trimmed.slice(0, firstSpace), args: trimmed.slice(firstSpace + 1) };
+}
+export function CommandBuilderField(props) {
+    const { isActive, onChange, onAdvance } = props;
+    const initial = parseParts(props.value);
+    const [executable, setExecutable] = useState(initial.executable);
+    const [args, setArgs] = useState(initial.args);
+    const [activeSub, setActiveSub] = useState(initial.executable ? "args" : "executable");
+    const [templateIdx, setTemplateIdx] = useState(0);
+    const [validationMsg, setValidationMsg] = useState(null);
+    const assembled = [executable, args].filter(Boolean).join(" ");
+    const commitValue = useCallback(() => {
+        onChange(assembled);
+    }, [assembled, onChange]);
+    const handleTemplateSelect = useCallback(() => {
+        const tmpl = COMMAND_TEMPLATES[templateIdx];
+        if (!tmpl)
+            return;
+        setExecutable(tmpl.command);
+        setArgs(tmpl.args);
+        setActiveSub("args");
+        const next = [tmpl.command, tmpl.args].filter(Boolean).join(" ");
+        onChange(next);
+    }, [templateIdx, onChange]);
+    useInput((input, key) => {
+        if (!isActive)
+            return;
+        if (activeSub === "templates") {
+            if (key.upArrow) {
+                setTemplateIdx((prev) => (prev > 0 ? prev - 1 : COMMAND_TEMPLATES.length - 1));
+                return;
+            }
+            if (key.downArrow) {
+                setTemplateIdx((prev) => (prev < COMMAND_TEMPLATES.length - 1 ? prev + 1 : 0));
+                return;
+            }
+            if (key.return) {
+                handleTemplateSelect();
+                return;
+            }
+            if (key.escape) {
+                setActiveSub("executable");
+                return;
+            }
+            return;
+        }
+        if (key.ctrl && input === "y") {
+            copyToClipboard(assembled);
+            return;
+        }
+        if (key.escape) {
+            commitValue();
+            return;
+        }
+        if (activeSub === "executable") {
+            if (key.return || key.tab) {
+                if (!executable.trim()) {
+                    setValidationMsg(t("errors.commandEmpty"));
+                    return;
+                }
+                setValidationMsg(null);
+                setActiveSub("args");
+                commitValue();
+                return;
+            }
+            if (key.delete || key.backspace) {
+                const next = executable.slice(0, -1);
+                setExecutable(next);
+                if (next.trim())
+                    setValidationMsg(null);
+                onChange([next, args].filter(Boolean).join(" "));
+                return;
+            }
+            if (input.length === 1 && input >= " " && input <= "~") {
+                const next = executable + input;
+                setExecutable(next);
+                if (next.trim())
+                    setValidationMsg(null);
+                if (!next.trim())
+                    setActiveSub("templates");
+                onChange([next, args].filter(Boolean).join(" "));
+            }
+            return;
+        }
+        if (activeSub === "args") {
+            if (key.return) {
+                if (hasUnbalancedQuotes(args)) {
+                    setValidationMsg(t("errors.unbalancedQuote"));
+                    return;
+                }
+                setValidationMsg(null);
+                commitValue();
+                onAdvance();
+                return;
+            }
+            if (key.delete || key.backspace) {
+                const next = args.slice(0, -1);
+                setArgs(next);
+                onChange([executable, next].filter(Boolean).join(" "));
+                return;
+            }
+            if (input.length === 1 && input >= " " && input <= "~") {
+                const next = args + input;
+                setArgs(next);
+                onChange([executable, next].filter(Boolean).join(" "));
+            }
+        }
+    }, { isActive });
+    const execBorderColor = isActive && activeSub === "executable" ? theme.accent.brand : theme.border.dim;
+    const execBgColor = isActive && activeSub === "executable" ? theme.bg.input : undefined;
+    const argsBorderColor = isActive && activeSub === "args" ? theme.accent.brand : theme.border.dim;
+    const argsBgColor = isActive && activeSub === "args" ? theme.bg.input : undefined;
+    const showTemplates = isActive && activeSub === "executable" && !executable.trim();
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Text, { color: theme.text.muted, children: t("commandBuilder.executableLabel") }), _jsxs(Box, { borderStyle: "single", borderColor: execBorderColor, backgroundColor: execBgColor, paddingLeft: 1, children: [_jsx(Text, { color: executable ? theme.text.primary : theme.text.muted, children: executable || t("commandBuilder.executableHint") }), isActive && activeSub === "executable" ? _jsx(Text, { inverse: true, children: " " }) : null] })] }), _jsxs(Box, { flexDirection: "column", flexGrow: 2, children: [_jsx(Text, { color: theme.text.muted, children: t("commandBuilder.argsLabel") }), _jsxs(Box, { borderStyle: "single", borderColor: argsBorderColor, backgroundColor: argsBgColor, paddingLeft: 1, children: [_jsx(Text, { color: args ? theme.text.primary : theme.text.muted, children: args || t("commandBuilder.argsHint") }), isActive && activeSub === "args" ? _jsx(Text, { inverse: true, children: " " }) : null] })] })] }), assembled ? (_jsxs(Box, { marginTop: 1, children: [_jsxs(Text, { color: theme.text.muted, children: [t("commandBuilder.previewLabel"), " "] }), _jsx(Text, { color: theme.accent.task, bold: true, children: assembled })] })) : null, isActive ? (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: theme.text.muted, children: [t("commandBuilder.copyHint"), " . ", t("commandBuilder.navHint")] }) })) : null, validationMsg ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.semantic.danger, children: validationMsg }) })) : null, showTemplates ? (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: theme.text.muted, children: t("commandBuilder.templatesLabel") }), COMMAND_TEMPLATES.map((tmpl, i) => {
+                        const isSel = i === templateIdx;
+                        return (_jsxs(Box, { children: [_jsx(Text, { color: isSel ? theme.accent.brand : theme.text.muted, children: isSel ? "\u276F " : "  " }), _jsx(Text, { color: isSel ? theme.accent.brand : theme.text.secondary, children: tmpl.label }), _jsxs(Text, { color: theme.text.muted, children: [" \u2014 ", tmpl.command, " ", tmpl.args] })] }, tmpl.label));
+                    })] })) : null] }));
+}

package/dist/tui/components/CommandEditorModal.js

@@ -0,0 +1,159 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { Box, Text, useInput } from "ink";
+import { darkTheme as theme } from "../theme.js";
+import { t } from "../../i18n/index.js";
+const MAX_VISIBLE_LINES = 14;
+export function CommandEditorModal(props) {
+    const [lines, setLines] = useState(() => {
+        const initial = props.initial.trim();
+        if (!initial)
+            return [""];
+        return initial.split(/\r?\n/);
+    });
+    const [cursorRow, setCursorRow] = useState(0);
+    const [cursorCol, setCursorCol] = useState(0);
+    const [scrollOffset, setScrollOffset] = useState(0);
+    const currentLine = lines[cursorRow] ?? "";
+    const commit = useCallback(() => {
+        const value = lines.join("\n").trim();
+        props.onSelect(value);
+    }, [lines, props]);
+    const insertChar = useCallback((ch) => {
+        setLines((prev) => {
+            const next = [...prev];
+            const line = next[cursorRow] ?? "";
+            next[cursorRow] = line.slice(0, cursorCol) + ch + line.slice(cursorCol);
+            return next;
+        });
+        setCursorCol((c) => c + 1);
+    }, [cursorRow, cursorCol]);
+    const handleBackspace = useCallback(() => {
+        if (cursorCol > 0) {
+            setLines((prev) => {
+                const next = [...prev];
+                const line = next[cursorRow] ?? "";
+                next[cursorRow] = line.slice(0, cursorCol - 1) + line.slice(cursorCol);
+                return next;
+            });
+            setCursorCol((c) => c - 1);
+        }
+        else if (cursorRow > 0) {
+            const prevLine = lines[cursorRow - 1] ?? "";
+            const merged = prevLine + currentLine;
+            setLines((prev) => {
+                const next = [...prev];
+                next[cursorRow - 1] = merged;
+                next.splice(cursorRow, 1);
+                return next;
+            });
+            setCursorRow((r) => r - 1);
+            setCursorCol(prevLine.length);
+        }
+    }, [cursorCol, cursorRow, currentLine, lines]);
+    const handleEnter = useCallback(() => {
+        setLines((prev) => {
+            const next = [...prev];
+            const line = next[cursorRow] ?? "";
+            next.splice(cursorRow, 1, line.slice(0, cursorCol), line.slice(cursorCol));
+            return next;
+        });
+        setCursorRow((r) => r + 1);
+        setCursorCol(0);
+    }, [cursorRow, cursorCol]);
+    const moveUp = useCallback(() => {
+        if (cursorRow > 0) {
+            setCursorRow((r) => r - 1);
+            setCursorCol((c) => Math.min(c, (lines[cursorRow - 1] ?? "").length));
+            if (cursorRow - 1 < scrollOffset) {
+                setScrollOffset((s) => Math.max(0, s - 1));
+            }
+        }
+    }, [cursorRow, cursorCol, lines, scrollOffset]);
+    const moveDown = useCallback(() => {
+        if (cursorRow < lines.length - 1) {
+            setCursorRow((r) => r + 1);
+            setCursorCol((c) => Math.min(c, (lines[cursorRow + 1] ?? "").length));
+            if (cursorRow + 1 >= scrollOffset + MAX_VISIBLE_LINES) {
+                setScrollOffset((s) => s + 1);
+            }
+        }
+    }, [cursorRow, cursorCol, lines, scrollOffset]);
+    const moveLeft = useCallback(() => {
+        if (cursorCol > 0) {
+            setCursorCol((c) => c - 1);
+        }
+        else if (cursorRow > 0) {
+            const prevLine = lines[cursorRow - 1] ?? "";
+            setCursorRow((r) => r - 1);
+            setCursorCol(prevLine.length);
+        }
+    }, [cursorCol, cursorRow, lines]);
+    const moveRight = useCallback(() => {
+        if (cursorCol < currentLine.length) {
+            setCursorCol((c) => c + 1);
+        }
+        else if (cursorRow < lines.length - 1) {
+            setCursorRow((r) => r + 1);
+            setCursorCol(0);
+        }
+    }, [cursorCol, cursorRow, currentLine, lines]);
+    useInput((input, key) => {
+        if (key.ctrl) {
+            if (input === "s") {
+                commit();
+            }
+            return;
+        }
+        if (key.escape) {
+            props.onClose();
+            return;
+        }
+        if (key.return) {
+            handleEnter();
+            return;
+        }
+        if (key.upArrow) {
+            moveUp();
+            return;
+        }
+        if (key.downArrow) {
+            moveDown();
+            return;
+        }
+        if (key.leftArrow) {
+            moveLeft();
+            return;
+        }
+        if (key.rightArrow) {
+            moveRight();
+            return;
+        }
+        if (key.backspace || key.delete) {
+            handleBackspace();
+            return;
+        }
+        if (input.length === 1 && input >= " " && input <= "~") {
+            insertChar(input);
+        }
+    });
+    const totalLines = lines.length;
+    const visibleStart = scrollOffset;
+    const visibleEnd = Math.min(totalLines, visibleStart + MAX_VISIBLE_LINES);
+    const visibleLines = lines.slice(visibleStart, visibleEnd);
+    const lineNumWidth = String(totalLines).length;
+    function renderLine(lineText, rowIdx) {
+        const isCursor = rowIdx === cursorRow;
+        const displayRow = rowIdx + 1;
+        const prefix = String(displayRow).padStart(lineNumWidth, " ");
+        const lineNumColor = isCursor ? theme.accent.brand : theme.text.muted;
+        if (isCursor) {
+            const before = lineText.slice(0, cursorCol);
+            const char = cursorCol < lineText.length ? lineText[cursorCol] : " ";
+            const after = cursorCol < lineText.length ? lineText.slice(cursorCol + 1) : "";
+            return (_jsxs(Box, { children: [_jsxs(Text, { color: lineNumColor, children: [prefix, " "] }), _jsx(Text, { color: theme.text.primary, children: before }), _jsx(Text, { inverse: true, children: char }), _jsx(Text, { color: theme.text.primary, children: after })] }, rowIdx));
+        }
+        return (_jsxs(Box, { children: [_jsxs(Text, { color: lineNumColor, children: [prefix, " "] }), _jsx(Text, { color: theme.text.secondary, children: lineText })] }, rowIdx));
+    }
+    return (_jsx(Box, { position: "absolute", top: 0, left: 0, width: "100%", height: "100%", justifyContent: "center", alignItems: "center", children: _jsxs(Box, { width: 70, flexDirection: "column", backgroundColor: theme.bg.elevated, borderStyle: "round", borderColor: theme.accent.brand, paddingX: 1, paddingY: 0, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { color: theme.accent.brand, bold: true, children: t("cmdEditor.title") }), _jsxs(Text, { color: theme.text.muted, children: [totalLines, " ", t("cmdEditor.lines")] })] }), _jsx(Box, { flexDirection: "column", marginTop: 0, children: visibleLines.map((line, visIdx) => renderLine(line, visibleStart + visIdx)) }), visibleEnd < totalLines ? (_jsx(Text, { color: theme.text.muted, children: "\u2193 " + (totalLines - visibleEnd) + " more" })) : null, _jsxs(Box, { marginTop: 1, justifyContent: "space-between", children: [_jsx(Text, { color: theme.text.muted, children: t("cmdEditor.hint") }), _jsxs(Text, { color: theme.text.muted, children: [visibleEnd, "/", totalLines] })] })] }) }));
+}