aliasmate 2.0.0 → 2.3.0

package/dist/ui/interactive.js

@@ -32,116 +32,626 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tui = void 0;
+exports.fuzzyMatch = fuzzyMatch;
 exports.interactiveHome = interactiveHome;
-const inquirer_1 = __importDefault(require("inquirer"));
+const readline = __importStar(require("readline"));
 const commands_1 = require("../core/commands");
 const recent_1 = require("../core/recent");
+const transfer_1 = require("../core/transfer");
+const env_1 = require("../core/env");
 const format_1 = require("./format");
 const theme_1 = require("./theme");
-function banner(commandCount, totalRuns) {
-    console.log();
-    console.log(theme_1.theme.brand('  ⚡ AliasMate'));
-    console.log(theme_1.theme.dim(`  ${commandCount} saved commands · ${totalRuns} total runs`));
-    console.log();
+/** Simple subsequence fuzzy match: every query char appears in order. */
+function fuzzyMatch(query, text) {
+    const q = query.toLowerCase();
+    const t = text.toLowerCase();
+    let i = 0;
+    for (const ch of t) {
+        if (ch === q[i])
+            i++;
+        if (i === q.length)
+            return true;
+    }
+    return q.length === 0;
+}
+/** Shared caret editing for form fields and single-line inputs. */
+function editText(field, str, key) {
+    if (key.name === 'left') {
+        field.cursor = Math.max(0, field.cursor - 1);
+    }
+    else if (key.name === 'right') {
+        field.cursor = Math.min(field.value.length, field.cursor + 1);
+    }
+    else if (key.name === 'home' || (key.ctrl && key.name === 'a')) {
+        field.cursor = 0;
+    }
+    else if (key.name === 'end' || (key.ctrl && key.name === 'e')) {
+        field.cursor = field.value.length;
+    }
+    else if (key.ctrl && key.name === 'u') {
+        field.value = field.value.slice(field.cursor);
+        field.cursor = 0;
+    }
+    else if (key.name === 'backspace') {
+        if (field.cursor > 0) {
+            field.value = field.value.slice(0, field.cursor - 1) + field.value.slice(field.cursor);
+            field.cursor -= 1;
+        }
+    }
+    else if (key.name === 'delete') {
+        field.value = field.value.slice(0, field.cursor) + field.value.slice(field.cursor + 1);
+    }
+    else if (str && str.length === 1 && !key.ctrl && !key.meta && str >= ' ') {
+        field.value = field.value.slice(0, field.cursor) + str + field.value.slice(field.cursor);
+        field.cursor += 1;
+    }
+    else {
+        return false;
+    }
+    return true;
 }
-async function pickCommand(message) {
+const ALT_SCREEN_ON = '\x1b[?1049h\x1b[?25l';
+const ALT_SCREEN_OFF = '\x1b[?1049l\x1b[?25h';
+const CLEAR = '\x1b[2J\x1b[H';
+function loadRows() {
     const commands = (0, commands_1.listCommands)();
-    const counts = new Map((0, recent_1.getUsageStats)().map((s) => [s.name, s.runCount]));
-    const names = Object.keys(commands).sort((a, b) => (counts.get(b) ?? 0) - (counts.get(a) ?? 0) || a.localeCompare(b));
-    if (names.length === 0)
-        return null;
-    const { picked } = await inquirer_1.default.prompt([
-        {
-            type: 'list',
-            name: 'picked',
-            message,
-            pageSize: 12,
-            loop: false,
-            choices: [
-                ...names.map((name) => {
-                    const runs = counts.get(name) ?? 0;
-                    const runsLabel = runs > 0 ? theme_1.theme.dim(` · ${theme_1.icons.fire} ${runs}`) : '';
-                    return {
-                        name: `${name.padEnd(18)} ${theme_1.theme.dim((0, format_1.truncate)(commands[name].command, 50))}${runsLabel}`,
-                        value: name,
-                        short: name,
-                    };
-                }),
-                new inquirer_1.default.Separator(),
-                { name: theme_1.theme.dim('← Back'), value: '__back__' },
-            ],
-        },
-    ]);
-    return picked === '__back__' ? null : picked;
+    const stats = (0, recent_1.getUsageStats)();
+    const counts = new Map(stats.map((s) => [s.name, s.runCount]));
+    const lastRuns = new Map(stats.map((s) => [s.name, s.lastRunAt]));
+    return Object.keys(commands)
+        .sort((a, b) => (counts.get(b) ?? 0) - (counts.get(a) ?? 0) || a.localeCompare(b))
+        .map((name) => ({
+        name,
+        cmd: commands[name],
+        runs: counts.get(name) ?? 0,
+        lastRun: lastRuns.get(name),
+    }));
 }
-/**
- * The zero-args experience: a menu that makes running your most-used
- * commands a two-keystroke habit.
- */
-async function interactiveHome() {
-    // Lazy imports keep the plain-command startup path fast.
-    const { runHandler } = await Promise.resolve().then(() => __importStar(require('../cli/run')));
-    const { saveHandler } = await Promise.resolve().then(() => __importStar(require('../cli/save')));
-    const { editHandler, deleteHandler, statsHandler } = await Promise.resolve().then(() => __importStar(require('../cli/manage')));
-    for (;;) {
-        const commands = (0, commands_1.listCommands)();
-        const stats = (0, recent_1.getUsageStats)();
-        const totalRuns = stats.reduce((sum, s) => sum + s.runCount, 0);
-        banner(Object.keys(commands).length, totalRuns);
-        const hasCommands = Object.keys(commands).length > 0;
-        const { action } = await inquirer_1.default.prompt([
-            {
-                type: 'list',
-                name: 'action',
-                message: 'What do you want to do?',
-                loop: false,
-                choices: [
-                    ...(hasCommands ? [{ name: `${theme_1.icons.run} Run a command`, value: 'run' }] : []),
-                    { name: `${theme_1.icons.spark} Save a new command`, value: 'save' },
-                    ...(hasCommands
-                        ? [
-                            { name: '✏️  Edit a command', value: 'edit' },
-                            { name: '🗑  Delete a command', value: 'delete' },
-                            { name: '📊 View stats', value: 'stats' },
-                        ]
-                        : []),
-                    new inquirer_1.default.Separator(),
-                    { name: theme_1.theme.dim('Quit'), value: 'quit' },
-                ],
-            },
-        ]);
+class Tui {
+    constructor(out = (t) => process.stdout.write(t)) {
+        this.out = out;
+        this.mode = 'browse';
+        this.filter = '';
+        this.selected = 0;
+        this.rows = loadRows();
+        this.form = null;
+        this.input = null;
+        this.message = '';
+        this.resolve = null;
+    }
+    get width() {
+        return process.stdout.columns || 100;
+    }
+    get height() {
+        return process.stdout.rows || 30;
+    }
+    visibleRows() {
+        if (!this.filter)
+            return this.rows;
+        // Name matches rank above matches in the command text or directory.
+        const byName = this.rows.filter((r) => fuzzyMatch(this.filter, r.name));
+        const byContent = this.rows.filter((r) => !byName.includes(r) && fuzzyMatch(this.filter, `${r.cmd.command} ${r.cmd.directory}`));
+        return [...byName, ...byContent];
+    }
+    refresh() {
+        this.rows = loadRows();
+        this.selected = Math.min(this.selected, Math.max(0, this.visibleRows().length - 1));
+    }
+    openForm(seed = {}) {
+        this.form = {
+            fields: [
+                { key: 'name', label: 'name', value: seed.name ?? '' },
+                { key: 'command', label: 'command', value: seed.command ?? '' },
+                { key: 'directory', label: 'directory', value: seed.directory ?? process.cwd() },
+            ].map((f) => ({ ...f, cursor: f.value.length })),
+            pathMode: seed.pathMode ?? 'saved',
+            envChoice: seed.env && Object.keys(seed.env).length > 0 ? 'keep' : 'none',
+            keepEnv: seed.env,
+            editing: seed.editing,
+            active: seed.editing || seed.name ? 1 : 0,
+            error: '',
+        };
+        this.mode = 'form';
+    }
+    // --- rendering -------------------------------------------------------------
+    header(subtitle) {
+        const left = `${theme_1.icons.dot} ${theme_1.theme.heading('aliasmate')} ${theme_1.theme.dim(subtitle)}`;
+        const totalRuns = this.rows.reduce((s, r) => s + r.runs, 0);
+        const rightText = `${this.rows.length} commands · ${totalRuns} runs`;
+        const leftText = `● aliasmate ${subtitle}`;
+        const pad = Math.max(1, this.width - leftText.length - rightText.length - 3);
+        return ['', ` ${left}${' '.repeat(pad)}${theme_1.theme.faint(rightText)}`, ''];
+    }
+    listPane(maxLines) {
+        const rows = this.visibleRows();
+        if (rows.length === 0) {
+            return this.rows.length === 0
+                ? [
+                    '',
+                    theme_1.theme.dim('   No commands yet — press ') +
+                        theme_1.theme.accent('n') +
+                        theme_1.theme.dim(' to create your first one.'),
+                ]
+                : ['', theme_1.theme.dim(`   Nothing matches "${this.filter}"`)];
+        }
+        const nameW = Math.min(Math.max(...rows.map((r) => r.name.length), 4) + 1, 22);
+        const cmdW = Math.max(20, Math.min(56, this.width - nameW - 30));
+        const start = Math.max(0, Math.min(this.selected - Math.floor(maxLines / 2), rows.length - maxLines));
+        return rows.slice(start, start + maxLines).map((row, i) => {
+            const index = start + i;
+            const active = index === this.selected;
+            const marker = active ? theme_1.theme.accent('›') : ' ';
+            const name = active
+                ? theme_1.theme.selected(row.name.padEnd(nameW))
+                : theme_1.theme.name(row.name.padEnd(nameW));
+            const cmd = (0, format_1.truncate)(row.cmd.command, cmdW).padEnd(cmdW + 1);
+            const runs = row.runs > 0 ? theme_1.theme.dim(`${theme_1.icons.fire} ${row.runs}`) : theme_1.theme.faint('·');
+            return ` ${marker} ${name} ${active ? cmd : theme_1.theme.dim(cmd)} ${runs}`;
+        });
+    }
+    detailPane() {
+        const row = this.visibleRows()[this.selected];
+        if (!row)
+            return [];
+        const label = (t) => theme_1.theme.faint(t.padEnd(11));
+        const where = (row.cmd.pathMode ?? 'saved') === 'current'
+            ? 'current directory'
+            : (0, format_1.prettyPath)(row.cmd.directory);
+        const env = Object.entries(row.cmd.env ?? {})
+            .map(([k, v]) => `${k}=${(0, env_1.isSensitive)(k) ? (0, env_1.maskValue)(v) : v}`)
+            .join(theme_1.theme.faint(' · '));
+        const lines = [
+            theme_1.theme.faint(` ${'─'.repeat(Math.max(10, this.width - 2))}`),
+            ` ${label('command')}${(0, format_1.truncate)(row.cmd.command, this.width - 14)}`,
+            ` ${label('where')}${theme_1.theme.dim((0, format_1.truncate)(where, this.width - 14))}`,
+        ];
+        if (env)
+            lines.push(` ${label('env')}${theme_1.theme.dim((0, format_1.truncate)(env, this.width - 14))}`);
+        lines.push(` ${label('runs')}${theme_1.theme.dim(row.runs > 0 ? `${row.runs} · last ${(0, format_1.timeAgo)(row.lastRun)}` : 'never')}`);
+        return lines;
+    }
+    statsPane() {
+        const top = this.rows.filter((r) => r.runs > 0).slice(0, 12);
+        const lines = [];
+        if (top.length === 0) {
+            lines.push(theme_1.theme.dim('   Nothing run yet.'));
+        }
+        else {
+            const max = Math.max(...top.map((r) => r.runs));
+            const nameW = Math.min(Math.max(...top.map((r) => r.name.length)) + 1, 22);
+            for (const row of top) {
+                const bar = theme_1.theme.accent('▮'.repeat(Math.max(1, Math.round((row.runs / max) * 24))));
+                lines.push(`   ${theme_1.theme.name(row.name.padEnd(nameW))} ${bar} ${theme_1.theme.dim(String(row.runs))}  ${theme_1.theme.faint((0, format_1.timeAgo)(row.lastRun))}`);
+            }
+        }
+        return lines;
+    }
+    formPane() {
+        const form = this.form;
+        const label = (t, active) => (active ? theme_1.theme.accent('› ') : '  ') + theme_1.theme.faint(t.padEnd(11));
+        const lines = [];
+        form.fields.forEach((field, i) => {
+            const active = form.active === i;
+            const renamed = field.key === 'name' && form.editing !== undefined && field.value !== form.editing;
+            const value = active
+                ? `${field.value.slice(0, field.cursor)}${theme_1.theme.accent('▏')}${field.value.slice(field.cursor)}`
+                : field.value;
+            lines.push(` ${label(field.label, active)}${value}${renamed ? theme_1.theme.faint(`  · renames ${form.editing}`) : ''}`);
+        });
+        const pmActive = form.active === 3;
+        const pmText = form.pathMode === 'saved'
+            ? 'saved directory (project command)'
+            : 'current directory (utility)';
+        lines.push(` ${label('runs in', pmActive)}${pmActive ? pmText : theme_1.theme.dim(pmText)}${pmActive ? theme_1.theme.faint('  · space to toggle') : ''}`);
+        const envActive = form.active === 4;
+        const keptCount = form.keepEnv ? Object.keys(form.keepEnv).length : 0;
+        const envLabels = {
+            none: 'none',
+            keep: `keep saved (${keptCount} var${keptCount === 1 ? '' : 's'})`,
+            capture: `capture current shell (${Object.keys((0, env_1.captureUserEnv)()).length} vars, secrets masked on export)`,
+        };
+        lines.push(` ${label('env', envActive)}${envActive ? envLabels[form.envChoice] : theme_1.theme.dim(envLabels[form.envChoice])}${envActive ? theme_1.theme.faint('  · space to cycle') : ''}`);
+        if (form.error) {
+            lines.push('');
+            lines.push(` ${theme_1.theme.error(form.error)}`);
+        }
+        return lines;
+    }
+    inputPane() {
+        const input = this.input;
+        const value = `${input.value.slice(0, input.cursor)}${theme_1.theme.accent('▏')}${input.value.slice(input.cursor)}`;
+        const lines = [` ${theme_1.theme.accent('› ')}${theme_1.theme.faint(input.label.padEnd(11))}${value}`];
+        if (input.kind === 'export') {
+            lines.push('');
+            lines.push(theme_1.theme.faint('   includes real secret env values — keep the file safe'));
+        }
+        if (input.error) {
+            lines.push('');
+            lines.push(` ${theme_1.theme.error(input.error)}`);
+        }
+        return lines;
+    }
+    footer() {
+        const key = (k, label) => `${theme_1.theme.accent(k)} ${theme_1.theme.faint(label)}`;
+        const sep = theme_1.theme.faint('  ');
+        switch (this.mode) {
+            case 'confirm-delete': {
+                const row = this.visibleRows()[this.selected];
+                return ` ${theme_1.theme.warning(`delete "${row?.name}"?`)}  ${key('y', 'yes')}${sep}${key('n', 'no')}`;
+            }
+            case 'filter':
+                return ` ${theme_1.theme.accent('/')} ${this.filter}${theme_1.theme.accent('▏')}  ${theme_1.theme.faint('esc clear · enter run · ↑↓ move')}`;
+            case 'form':
+                return ` ${[key('↑↓/tab', 'field'), key('←→', 'cursor'), key('enter', 'next/save'), key('esc', 'cancel')].join(sep)}`;
+            case 'input':
+                return ` ${[key('enter', this.input?.kind === 'export' ? 'export' : 'import'), key('esc', 'cancel')].join(sep)}`;
+            case 'stats':
+                return ` ${theme_1.theme.faint('any key to go back')}`;
+            default:
+                return ` ${[
+                    key('↑↓', 'move'),
+                    key('enter', 'run'),
+                    key('/', 'filter'),
+                    key('n', 'new'),
+                    key('e', 'edit'),
+                    key('d', 'delete'),
+                    key('s', 'stats'),
+                    key('x', 'export'),
+                    key('i', 'import'),
+                    key('q', 'quit'),
+                ].join(sep)}`;
+        }
+    }
+    render() {
+        const subtitle = this.mode === 'form'
+            ? this.form?.editing
+                ? `· edit ${this.form.editing}`
+                : '· new command'
+            : this.mode === 'stats'
+                ? '· stats'
+                : this.mode === 'input'
+                    ? this.input?.kind === 'export'
+                        ? '· export backup'
+                        : '· import'
+                    : '';
+        const out = [...this.header(subtitle)];
+        if (this.mode === 'stats') {
+            out.push(...this.statsPane());
+        }
+        else if (this.mode === 'form') {
+            out.push(...this.formPane());
+        }
+        else if (this.mode === 'input') {
+            out.push(...this.inputPane());
+        }
+        else {
+            const detail = this.detailPane();
+            const listLines = Math.max(3, this.height - out.length - detail.length - 4);
+            out.push(...this.listPane(listLines));
+            out.push('');
+            out.push(...detail);
+        }
+        while (out.length < this.height - 2)
+            out.push('');
+        out.push(this.message ? ` ${this.message}` : '');
+        out.push(this.footer());
+        this.out(CLEAR + out.slice(0, this.height).join('\n'));
+        this.message = '';
+    }
+    // --- input -----------------------------------------------------------------
+    /** Clear the filter but keep the same row highlighted. */
+    clearFilter() {
+        const current = this.visibleRows()[this.selected]?.name;
+        this.filter = '';
+        const index = current ? this.visibleRows().findIndex((r) => r.name === current) : -1;
+        this.selected = Math.max(0, index);
+    }
+    move(delta) {
+        const count = this.visibleRows().length;
+        if (count === 0)
+            return;
+        this.selected = (this.selected + delta + count) % count;
+    }
+    openInput(kind) {
+        const today = new Date().toISOString().slice(0, 10);
+        const value = kind === 'export' ? `~/aliasmate-backup-${today}.json` : '~/';
+        this.input = { kind, label: 'file', value, cursor: value.length, error: '' };
+        this.mode = 'input';
+    }
+    handleInputKey(str, key) {
+        const input = this.input;
+        if (key.name === 'escape') {
+            this.input = null;
+            this.mode = 'browse';
+            this.message = theme_1.theme.faint('cancelled');
+            return this.render();
+        }
+        if (key.name === 'return')
+            return this.submitInput();
+        if (editText(input, str, key))
+            input.error = '';
+        this.render();
+    }
+    submitInput() {
+        const input = this.input;
+        const file = input.value.trim();
+        if (!file) {
+            input.error = 'File path cannot be empty';
+            return this.render();
+        }
+        try {
+            if (input.kind === 'export') {
+                const count = (0, transfer_1.exportToFile)(file, { full: true });
+                this.message = `${theme_1.icons.ok} ${theme_1.theme.dim(`exported ${count} command${count === 1 ? '' : 's'} to ${file}`)}`;
+            }
+            else {
+                const result = (0, transfer_1.importFromFile)(file);
+                this.refresh();
+                const extras = [
+                    result.skipped.length > 0 ? `${result.skipped.length} skipped (already exist)` : '',
+                    result.invalid.length > 0 ? `${result.invalid.length} invalid` : '',
+                ]
+                    .filter(Boolean)
+                    .join(' · ');
+                this.message = `${theme_1.icons.ok} ${theme_1.theme.dim(`imported ${result.imported}${extras ? ` · ${extras}` : ''}`)}`;
+            }
+            this.input = null;
+            this.mode = 'browse';
+        }
+        catch (error) {
+            input.error = error.message;
+        }
+        this.render();
+    }
+    submitForm() {
+        const form = this.form;
+        const [name, command, directory] = form.fields.map((f) => f.value.trim());
+        const renaming = form.editing !== undefined && name !== form.editing;
+        const nameCheck = (0, commands_1.validateCommandName)(name);
+        if (nameCheck !== true) {
+            form.error = nameCheck;
+            form.active = 0;
+            return this.render();
+        }
+        if ((!form.editing || renaming) && (0, commands_1.commandExists)(name)) {
+            form.error = `"${name}" already exists — pick another name or edit it instead`;
+            form.active = 0;
+            return this.render();
+        }
+        if (!command) {
+            form.error = 'Command cannot be empty';
+            form.active = 1;
+            return this.render();
+        }
+        if (!directory) {
+            form.error = 'Directory cannot be empty';
+            form.active = 2;
+            return this.render();
+        }
+        const env = form.envChoice === 'none'
+            ? undefined
+            : form.envChoice === 'keep'
+                ? form.keepEnv
+                : (0, env_1.captureUserEnv)();
         try {
-            if (action === 'quit')
-                return;
-            if (action === 'save')
-                await saveHandler({});
-            if (action === 'stats')
-                statsHandler();
-            if (action === 'run') {
-                const name = await pickCommand('Run which command?');
-                if (name) {
-                    await runHandler(name, undefined, {});
-                    return; // Hand the terminal back after a run.
+            if (renaming)
+                (0, commands_1.renameCommand)(form.editing, name);
+            (0, commands_1.saveCommand)({ name, command, directory, pathMode: form.pathMode, env });
+            this.message = `${theme_1.icons.ok} ${theme_1.theme.dim(renaming ? `renamed ${form.editing} → ${name}` : `saved ${name}`)}`;
+            const finalName = name;
+            this.form = null;
+            this.mode = 'browse';
+            this.refresh();
+            const index = this.visibleRows().findIndex((r) => r.name === finalName);
+            if (index >= 0)
+                this.selected = index;
+        }
+        catch (error) {
+            form.error = error.message;
+        }
+        this.render();
+    }
+    handleFormKey(str, key) {
+        const form = this.form;
+        const fieldCount = 5;
+        const isTextField = form.active < 3;
+        if (key.name === 'escape') {
+            this.form = null;
+            this.mode = 'browse';
+            this.message = theme_1.theme.faint('cancelled');
+            return this.render();
+        }
+        if (key.name === 'return') {
+            if (form.active < fieldCount - 1) {
+                form.active += 1;
+            }
+            else {
+                return this.submitForm();
+            }
+            return this.render();
+        }
+        if (key.name === 'up' || (key.name === 'tab' && key.shift)) {
+            form.active = (form.active - 1 + fieldCount) % fieldCount;
+            return this.render();
+        }
+        if (key.name === 'down' || key.name === 'tab') {
+            form.active = (form.active + 1) % fieldCount;
+            return this.render();
+        }
+        if (isTextField) {
+            editText(form.fields[form.active], str, key);
+            form.error = '';
+            return this.render();
+        }
+        if (key.name === 'space' || key.name === 'left' || key.name === 'right') {
+            if (form.active === 3) {
+                form.pathMode = form.pathMode === 'saved' ? 'current' : 'saved';
+            }
+            else {
+                const cycle = form.keepEnv ? ['keep', 'capture', 'none'] : ['none', 'capture'];
+                const next = (cycle.indexOf(form.envChoice) + 1) % cycle.length;
+                form.envChoice = cycle[next];
+            }
+            return this.render();
+        }
+        this.render();
+    }
+    handleKey(str, key) {
+        if (key.ctrl && key.name === 'c')
+            return this.finish(null);
+        if (this.mode === 'form')
+            return this.handleFormKey(str, key);
+        if (this.mode === 'input')
+            return this.handleInputKey(str, key);
+        if (this.mode === 'stats') {
+            this.mode = 'browse';
+            return this.render();
+        }
+        if (this.mode === 'confirm-delete') {
+            if (str === 'y') {
+                const row = this.visibleRows()[this.selected];
+                if (row) {
+                    (0, commands_1.deleteCommand)(row.name);
+                    this.message = `${theme_1.icons.ok} ${theme_1.theme.dim(`deleted ${row.name}`)}`;
+                    this.refresh();
                 }
             }
-            if (action === 'edit') {
-                const name = await pickCommand('Edit which command?');
-                if (name)
-                    await editHandler(name, {});
+            this.mode = 'browse';
+            return this.render();
+        }
+        if (this.mode === 'filter') {
+            if (key.name === 'escape') {
+                this.clearFilter();
+                this.mode = 'browse';
+            }
+            else if (key.name === 'return') {
+                this.mode = 'browse';
+                return this.selectRun();
+            }
+            else if (key.name === 'backspace') {
+                this.filter = this.filter.slice(0, -1);
             }
-            if (action === 'delete') {
-                const name = await pickCommand('Delete which command?');
-                if (name)
-                    await deleteHandler(name, {});
+            else if (key.name === 'up')
+                this.move(-1);
+            else if (key.name === 'down')
+                this.move(1);
+            else if (str && str.length === 1 && !key.ctrl && !key.meta) {
+                this.filter += str;
+                this.selected = 0;
             }
+            return this.render();
         }
-        catch (error) {
-            console.error(theme_1.theme.error(`\n${error.message}`));
+        // browse mode
+        switch (key.name) {
+            case 'up':
+            case 'k':
+                this.move(-1);
+                break;
+            case 'down':
+            case 'j':
+                this.move(1);
+                break;
+            case 'return':
+                return this.selectRun();
+            case 'escape':
+                if (this.filter) {
+                    this.clearFilter();
+                    break;
+                }
+                return this.finish(null);
+            default:
+                if (str === '/')
+                    this.mode = 'filter';
+                else if (str === 'q')
+                    return this.finish(null);
+                else if (str === 'n')
+                    this.openForm();
+                else if (str === 'e') {
+                    const row = this.visibleRows()[this.selected];
+                    if (row) {
+                        this.openForm({
+                            name: row.name,
+                            command: row.cmd.command,
+                            directory: row.cmd.directory,
+                            pathMode: row.cmd.pathMode ?? 'saved',
+                            env: row.cmd.env,
+                            editing: row.name,
+                        });
+                    }
+                }
+                else if (str === 'd' && this.visibleRows().length > 0)
+                    this.mode = 'confirm-delete';
+                else if (str === 's')
+                    this.mode = 'stats';
+                else if (str === 'x')
+                    this.openInput('export');
+                else if (str === 'i')
+                    this.openInput('import');
         }
+        this.render();
+    }
+    selectRun() {
+        const row = this.visibleRows()[this.selected];
+        if (!row) {
+            this.message = theme_1.theme.dim('nothing selected');
+            return this.render();
+        }
+        this.finish({ kind: 'run', name: row.name });
+    }
+    finish(action) {
+        const resolve = this.resolve;
+        this.resolve = null;
+        resolve?.(action);
+    }
+    /** Show the TUI until the user runs a command or quits (null). */
+    waitForAction() {
+        return new Promise((resolve) => {
+            this.resolve = resolve;
+            this.render();
+        });
+    }
+}
+exports.Tui = Tui;
+function enterScreen(onKey) {
+    process.stdout.write(ALT_SCREEN_ON);
+    readline.emitKeypressEvents(process.stdin);
+    if (process.stdin.isTTY)
+        process.stdin.setRawMode(true);
+    process.stdin.on('keypress', onKey);
+    process.stdin.resume();
+    return () => {
+        process.stdin.off('keypress', onKey);
+        if (process.stdin.isTTY)
+            process.stdin.setRawMode(false);
+        process.stdin.pause();
+        process.stdout.write(ALT_SCREEN_OFF);
+    };
+}
+/**
+ * The full-screen home: everything (browse, create, edit, delete, stats)
+ * happens in the TUI. Only running a command hands the terminal back so
+ * output lands in normal scrollback.
+ */
+async function interactiveHome(seed) {
+    const tui = new Tui();
+    if (seed)
+        tui.openForm(seed);
+    const onResize = () => tui.render();
+    const leave = enterScreen((s, k) => tui.handleKey(s, k));
+    process.stdout.on('resize', onResize);
+    let action;
+    try {
+        action = await tui.waitForAction();
+    }
+    finally {
+        process.stdout.off('resize', onResize);
+        leave();
+    }
+    if (action?.kind === 'run') {
+        const { runHandler } = await Promise.resolve().then(() => __importStar(require('../cli/run')));
+        await runHandler(action.name, undefined, {});
     }
 }
 //# sourceMappingURL=interactive.js.map