@brainfile/cli 0.4.2 → 0.5.0

package/dist/commands/tui.js

@@ -0,0 +1,736 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tuiCommand = tuiCommand;
+const react_1 = __importStar(require("react"));
+const ink_1 = require("ink");
+const core_1 = require("@brainfile/core");
+const fs = __importStar(require("fs"));
+const path = __importStar(require("path"));
+const chokidar = __importStar(require("chokidar"));
+// Unified palette matching VSCode extension priority colors
+// VSCode uses: critical=#d64933, high=#867530, medium=#37505C, low=#bac1b8
+const PALETTE = {
+    bg: '#000000',
+    panel: '#1e1e1e',
+    text: 'white',
+    textMuted: 'gray',
+    border: 'gray',
+    // Priority colors (terminal equivalents)
+    critical: 'red', // #d64933
+    giga: 'magenta', // Custom high priority
+    high: 'yellow', // #867530
+    medium: 'cyan', // #37505C
+    low: 'gray', // #bac1b8
+    // UI accents
+    progress: 'blue',
+    success: 'green',
+    selected: 'white',
+};
+// Box drawing characters
+const BOX = {
+    topLeft: '┌',
+    topRight: '┐',
+    bottomLeft: '└',
+    bottomRight: '┘',
+    horizontal: '─',
+    vertical: '│',
+    teeRight: '├',
+    teeLeft: '┤',
+};
+const HEADER_ROWS = 7; // title(1) + progress(3: padTop+content+padBottom) + tabs(2: marginTop+content) + separator(1)
+const FOOTER_ROWS = 3; // separator + status bar (2 rows: content + bottom padding)
+function BrainfileTUI({ filePath }) {
+    const { exit } = (0, ink_1.useApp)();
+    const { stdout } = (0, ink_1.useStdout)();
+    const termWidth = stdout?.columns ?? process.stdout.columns ?? 80;
+    const termHeight = stdout?.rows ?? process.stdout.rows ?? 24;
+    const [state, setState] = (0, react_1.useState)({
+        board: null,
+        error: null,
+        lastUpdated: new Date(),
+        activeColumnIndex: 0,
+        selectedTaskIndex: 0,
+        mode: 'browse',
+        searchQuery: '',
+        expandedTaskIds: new Set(),
+        reloadFlash: false,
+    });
+    const viewportHeight = Math.max(termHeight - HEADER_ROWS - FOOTER_ROWS, 5);
+    const loadBrainfile = (0, react_1.useCallback)(() => {
+        try {
+            const content = fs.readFileSync(filePath, 'utf-8');
+            const result = core_1.Brainfile.parseWithErrors(content);
+            if (result.board) {
+                setState(prev => {
+                    // Preserve selection by task ID if possible
+                    const prevTaskId = prev.board?.columns[prev.activeColumnIndex]?.tasks[prev.selectedTaskIndex]?.id;
+                    let newSelectedIndex = 0;
+                    if (prevTaskId && result.board) {
+                        const col = result.board.columns[prev.activeColumnIndex];
+                        if (col) {
+                            const idx = col.tasks.findIndex(t => t.id === prevTaskId);
+                            if (idx >= 0)
+                                newSelectedIndex = idx;
+                        }
+                    }
+                    return {
+                        ...prev,
+                        board: result.board,
+                        error: null,
+                        lastUpdated: new Date(),
+                        selectedTaskIndex: newSelectedIndex,
+                        reloadFlash: true,
+                    };
+                });
+                // Clear reload flash after 1 second
+                setTimeout(() => {
+                    setState(prev => ({ ...prev, reloadFlash: false }));
+                }, 1000);
+            }
+            else {
+                setState(prev => ({
+                    ...prev,
+                    error: result.error || 'Failed to parse brainfile',
+                }));
+            }
+        }
+        catch (err) {
+            setState(prev => ({
+                ...prev,
+                error: err instanceof Error ? err.message : String(err),
+            }));
+        }
+    }, [filePath]);
+    (0, react_1.useEffect)(() => {
+        loadBrainfile();
+    }, [loadBrainfile]);
+    (0, react_1.useEffect)(() => {
+        const watcher = chokidar.watch(filePath, {
+            persistent: true,
+            ignoreInitial: true,
+            usePolling: true,
+            interval: 750,
+            awaitWriteFinish: {
+                stabilityThreshold: 250,
+                pollInterval: 100,
+            },
+            depth: 0,
+        });
+        watcher.on('change', () => loadBrainfile());
+        watcher.on('error', (err) => {
+            const message = err instanceof Error ? err.message : String(err);
+            setState(prev => ({
+                ...prev,
+                error: `File watcher error: ${message}`,
+            }));
+        });
+        return () => {
+            watcher.close();
+        };
+    }, [filePath, loadBrainfile]);
+    // Sort columns by order property (like VSCode extension)
+    const orderedColumns = (0, react_1.useMemo)(() => {
+        if (!state.board)
+            return [];
+        return [...state.board.columns].sort((a, b) => {
+            const orderA = a.order ?? Number.MAX_SAFE_INTEGER;
+            const orderB = b.order ?? Number.MAX_SAFE_INTEGER;
+            return orderA - orderB;
+        });
+    }, [state.board]);
+    // Filtered columns based on search
+    const filteredColumns = (0, react_1.useMemo)(() => {
+        if (!orderedColumns.length)
+            return [];
+        if (!state.searchQuery.trim())
+            return orderedColumns;
+        const query = state.searchQuery.toLowerCase();
+        return orderedColumns.map(col => ({
+            ...col,
+            tasks: col.tasks.filter(task => task.title.toLowerCase().includes(query) ||
+                task.id.toLowerCase().includes(query) ||
+                task.tags?.some(t => t.toLowerCase().includes(query)) ||
+                task.priority?.toLowerCase().includes(query)),
+        })).filter(col => col.tasks.length > 0);
+    }, [orderedColumns, state.searchQuery]);
+    // Current column and its tasks
+    const currentColumn = filteredColumns[state.activeColumnIndex];
+    const currentTasks = currentColumn?.tasks || [];
+    const maxTaskIndex = Math.max(0, currentTasks.length - 1);
+    // Keep selection in bounds
+    (0, react_1.useEffect)(() => {
+        setState(prev => ({
+            ...prev,
+            activeColumnIndex: Math.min(prev.activeColumnIndex, Math.max(0, filteredColumns.length - 1)),
+            selectedTaskIndex: Math.min(prev.selectedTaskIndex, maxTaskIndex),
+        }));
+    }, [filteredColumns.length, maxTaskIndex]);
+    // Calculate stats
+    const stats = (0, react_1.useMemo)(() => {
+        if (!state.board)
+            return { total: 0, done: 0, percentage: 0 };
+        const total = state.board.columns.reduce((sum, col) => sum + col.tasks.length, 0);
+        const doneCol = state.board.columns.find(col => col.id === 'done' || col.title.toLowerCase() === 'done');
+        const done = doneCol?.tasks.length || 0;
+        const percentage = total > 0 ? Math.round((done / total) * 100) : 0;
+        return { total, done, percentage };
+    }, [state.board]);
+    (0, ink_1.useInput)((input, key) => {
+        // Help mode - any key closes
+        if (state.mode === 'help') {
+            setState(prev => ({ ...prev, mode: 'browse' }));
+            return;
+        }
+        // Search mode handling
+        if (state.mode === 'search') {
+            if (key.escape) {
+                setState(prev => ({ ...prev, mode: 'browse', searchQuery: '' }));
+                return;
+            }
+            if (key.return) {
+                setState(prev => ({ ...prev, mode: 'browse' }));
+                return;
+            }
+            if (key.backspace || key.delete) {
+                setState(prev => ({ ...prev, searchQuery: prev.searchQuery.slice(0, -1) }));
+                return;
+            }
+            if (input && !key.ctrl && !key.meta) {
+                setState(prev => ({ ...prev, searchQuery: prev.searchQuery + input }));
+                return;
+            }
+            return;
+        }
+        // Browse mode
+        if (input === 'q' || (key.ctrl && input === 'c')) {
+            exit();
+            return;
+        }
+        if (input === '?') {
+            setState(prev => ({ ...prev, mode: 'help' }));
+            return;
+        }
+        if (input === '/') {
+            setState(prev => ({ ...prev, mode: 'search', searchQuery: '' }));
+            return;
+        }
+        // Refresh
+        if (input === 'r') {
+            loadBrainfile();
+            return;
+        }
+        // Navigation: up/down through tasks
+        if (key.downArrow || input === 'j') {
+            setState(prev => ({
+                ...prev,
+                selectedTaskIndex: Math.min(prev.selectedTaskIndex + 1, maxTaskIndex),
+            }));
+            return;
+        }
+        if (key.upArrow || input === 'k') {
+            setState(prev => ({
+                ...prev,
+                selectedTaskIndex: Math.max(prev.selectedTaskIndex - 1, 0),
+            }));
+            return;
+        }
+        // Page scrolling
+        if (key.ctrl && input === 'd') {
+            setState(prev => ({
+                ...prev,
+                selectedTaskIndex: Math.min(prev.selectedTaskIndex + Math.floor(viewportHeight / 2), maxTaskIndex),
+            }));
+            return;
+        }
+        if (key.ctrl && input === 'u') {
+            setState(prev => ({
+                ...prev,
+                selectedTaskIndex: Math.max(prev.selectedTaskIndex - Math.floor(viewportHeight / 2), 0),
+            }));
+            return;
+        }
+        // Column switching: TAB / left/right
+        if (key.tab || key.rightArrow || input === 'l') {
+            setState(prev => ({
+                ...prev,
+                activeColumnIndex: (prev.activeColumnIndex + 1) % filteredColumns.length,
+                selectedTaskIndex: 0,
+            }));
+            return;
+        }
+        if ((key.shift && key.tab) || key.leftArrow || input === 'h') {
+            setState(prev => ({
+                ...prev,
+                activeColumnIndex: prev.activeColumnIndex === 0
+                    ? filteredColumns.length - 1
+                    : prev.activeColumnIndex - 1,
+                selectedTaskIndex: 0,
+            }));
+            return;
+        }
+        // Jump to column headers with { and }
+        if (input === '{') {
+            setState(prev => ({
+                ...prev,
+                activeColumnIndex: Math.max(0, prev.activeColumnIndex - 1),
+                selectedTaskIndex: 0,
+            }));
+            return;
+        }
+        if (input === '}') {
+            setState(prev => ({
+                ...prev,
+                activeColumnIndex: Math.min(filteredColumns.length - 1, prev.activeColumnIndex + 1),
+                selectedTaskIndex: 0,
+            }));
+            return;
+        }
+        // Home/End
+        if (input === 'g') {
+            setState(prev => ({ ...prev, selectedTaskIndex: 0 }));
+            return;
+        }
+        if (input === 'G') {
+            setState(prev => ({ ...prev, selectedTaskIndex: maxTaskIndex }));
+            return;
+        }
+        // Expand/collapse task
+        if (key.return) {
+            const task = currentTasks[state.selectedTaskIndex];
+            if (task) {
+                setState(prev => {
+                    const newExpanded = new Set(prev.expandedTaskIds);
+                    if (newExpanded.has(task.id)) {
+                        newExpanded.delete(task.id);
+                    }
+                    else {
+                        newExpanded.add(task.id);
+                    }
+                    return { ...prev, expandedTaskIds: newExpanded };
+                });
+            }
+            return;
+        }
+        // Escape: collapse all or clear search
+        if (key.escape) {
+            setState(prev => ({
+                ...prev,
+                expandedTaskIds: new Set(),
+                searchQuery: '',
+            }));
+            return;
+        }
+    });
+    // Error state
+    if (state.error) {
+        return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", padding: 1 },
+            react_1.default.createElement(ink_1.Text, { color: PALETTE.high, bold: true }, "Error"),
+            react_1.default.createElement(ink_1.Box, { marginTop: 1 },
+                react_1.default.createElement(ink_1.Text, { color: PALETTE.textMuted }, state.error)),
+            react_1.default.createElement(ink_1.Box, { marginTop: 1 },
+                react_1.default.createElement(ink_1.Text, { color: PALETTE.textMuted, dimColor: true }, "Press q to quit, r to retry"))));
+    }
+    // Loading state
+    if (!state.board) {
+        return (react_1.default.createElement(ink_1.Box, { padding: 1 },
+            react_1.default.createElement(ink_1.Text, { color: PALETTE.textMuted }, "Loading...")));
+    }
+    // Help overlay
+    if (state.mode === 'help') {
+        return react_1.default.createElement(HelpOverlay, { termWidth: termWidth });
+    }
+    return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", width: termWidth, height: termHeight },
+        react_1.default.createElement(Header, { title: state.board.title || 'Brainfile', stats: stats, reloadFlash: state.reloadFlash }),
+        react_1.default.createElement(ProgressBar, { done: stats.done, total: stats.total, width: termWidth - 4 }),
+        state.mode === 'search' && (react_1.default.createElement(SearchBar, { query: state.searchQuery, width: termWidth - 2 })),
+        react_1.default.createElement(ColumnTabs, { columns: filteredColumns, activeIndex: state.activeColumnIndex, termWidth: termWidth }),
+        react_1.default.createElement(ink_1.Box, { paddingLeft: 1 },
+            react_1.default.createElement(ink_1.Text, { color: PALETTE.border }, BOX.horizontal.repeat(termWidth - 2))),
+        react_1.default.createElement(ink_1.Box, { flexGrow: 1, flexDirection: "column" },
+            react_1.default.createElement(TaskList, { tasks: currentTasks, selectedIndex: state.selectedTaskIndex, expandedIds: state.expandedTaskIds, viewportHeight: viewportHeight - (state.mode === 'search' ? 1 : 0), termWidth: termWidth })),
+        react_1.default.createElement(ink_1.Box, { paddingLeft: 1 },
+            react_1.default.createElement(ink_1.Text, { color: PALETTE.border }, BOX.horizontal.repeat(termWidth - 2))),
+        react_1.default.createElement(StatusBar, { mode: state.mode, columnName: currentColumn?.title || '', taskIndex: state.selectedTaskIndex + 1, taskCount: currentTasks.length, termWidth: termWidth })));
+}
+function Header({ title, reloadFlash }) {
+    return (react_1.default.createElement(ink_1.Box, { paddingLeft: 1, paddingRight: 1 },
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.text, bold: true },
+            BOX.topLeft,
+            BOX.horizontal,
+            " ",
+            title,
+            " "),
+        reloadFlash ? (react_1.default.createElement(ink_1.Text, { color: PALETTE.success },
+            " ",
+            String.fromCharCode(0x21BB),
+            " reloaded")) : null));
+}
+function ProgressBar({ done, total, width }) {
+    const percentage = total > 0 ? Math.round((done / total) * 100) : 0;
+    // Reserve space for: padding + "XX% " + " X of Y complete"
+    const textWidth = 20 + String(done).length + String(total).length;
+    const barWidth = Math.max(width - textWidth, 20);
+    const filled = Math.round((percentage / 100) * barWidth);
+    const empty = barWidth - filled;
+    return (react_1.default.createElement(ink_1.Box, { paddingLeft: 2, paddingTop: 1, paddingBottom: 1 },
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.textMuted },
+            percentage,
+            "% "),
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.progress }, '█'.repeat(filled)),
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.border }, '░'.repeat(empty)),
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.textMuted },
+            " ",
+            done,
+            " of ",
+            total,
+            " complete")));
+}
+function SearchBar({ query, width }) {
+    const inputWidth = Math.min(width - 6, 60);
+    const displayQuery = query.padEnd(inputWidth, ' ').slice(0, inputWidth);
+    return (react_1.default.createElement(ink_1.Box, { paddingLeft: 1, marginTop: 0 },
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.textMuted },
+            String.fromCharCode(0x1F50D),
+            " "),
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.text, inverse: true },
+            "[",
+            displayQuery,
+            "]")));
+}
+function ColumnTabs({ columns, activeIndex, termWidth }) {
+    const maxTabWidth = Math.floor((termWidth - 4) / Math.max(columns.length, 1)) - 2;
+    return (react_1.default.createElement(ink_1.Box, { paddingLeft: 1, paddingRight: 1, marginTop: 1 }, columns.map((col, idx) => {
+        const isActive = idx === activeIndex;
+        const label = truncate(col.title.toUpperCase(), maxTabWidth - 4);
+        const count = col.tasks.length;
+        return (react_1.default.createElement(ink_1.Box, { key: col.id, marginRight: 1 }, isActive ? (react_1.default.createElement(ink_1.Text, { color: PALETTE.text, bold: true, inverse: true },
+            " ",
+            label,
+            " ",
+            count,
+            " ")) : (react_1.default.createElement(ink_1.Text, { color: PALETTE.textMuted },
+            " ",
+            label,
+            " ",
+            count,
+            " "))));
+    })));
+}
+function TaskList({ tasks, selectedIndex, expandedIds, viewportHeight, termWidth }) {
+    // Calculate scroll offset to keep selection visible
+    const scrollOffset = Math.max(0, Math.min(selectedIndex - Math.floor(viewportHeight / 3), Math.max(0, tasks.length - Math.floor(viewportHeight / 2))));
+    const cardWidth = termWidth - 4;
+    // Build visible items with expansion
+    const visibleItems = [];
+    let linesUsed = 0;
+    for (let i = scrollOffset; i < tasks.length && linesUsed < viewportHeight; i++) {
+        const task = tasks[i];
+        const isSelected = i === selectedIndex;
+        const isExpanded = expandedIds.has(task.id);
+        // Calculate how many lines this task will take (2 lines base + expanded content)
+        const subtaskLines = isExpanded ? Math.min((task.subtasks?.length || 0), 4) : 0;
+        const expandedLines = isExpanded ? 2 + subtaskLines + (task.relatedFiles?.length ? 1 : 0) : 0;
+        const taskLines = 3 + expandedLines; // title + metadata + margin + expanded
+        if (linesUsed + taskLines <= viewportHeight) {
+            visibleItems.push({ task, isSelected, isExpanded });
+            linesUsed += taskLines;
+        }
+        else if (visibleItems.length === 0) {
+            // Always show at least one item
+            visibleItems.push({ task, isSelected, isExpanded });
+            linesUsed += taskLines;
+            break;
+        }
+        else {
+            break;
+        }
+    }
+    // Calculate remaining empty lines to fill viewport
+    const emptyLines = Math.max(0, viewportHeight - linesUsed);
+    if (tasks.length === 0) {
+        return (react_1.default.createElement(ink_1.Box, { flexGrow: 1, flexDirection: "column", paddingLeft: 2 },
+            react_1.default.createElement(ink_1.Text, { color: PALETTE.textMuted, dimColor: true }, "No tasks in this column"),
+            Array.from({ length: viewportHeight - 1 }).map((_, i) => (react_1.default.createElement(ink_1.Box, { key: `empty-${i}` },
+                react_1.default.createElement(ink_1.Text, null, ' '))))));
+    }
+    return (react_1.default.createElement(ink_1.Box, { flexGrow: 1, flexDirection: "column", paddingLeft: 1 },
+        visibleItems.map(({ task, isSelected, isExpanded }) => (react_1.default.createElement(TaskCard, { key: task.id, task: task, isSelected: isSelected, isExpanded: isExpanded, width: cardWidth }))),
+        Array.from({ length: emptyLines }).map((_, i) => (react_1.default.createElement(ink_1.Box, { key: `empty-${i}` },
+            react_1.default.createElement(ink_1.Text, null, ' '))))));
+}
+function TaskCard({ task, isSelected, isExpanded, width }) {
+    const priorityColor = getPriorityColor(task.priority);
+    const priorityLabel = task.priority?.toUpperCase() || '';
+    const tags = task.tags || [];
+    const subtasks = task.subtasks || [];
+    const completedSubtasks = subtasks.filter(s => s.completed).length;
+    // Arrow indicator: colored when selected
+    const arrow = isExpanded ? '▼' : '▶';
+    const arrowColor = isSelected ? PALETTE.progress : PALETTE.textMuted;
+    const titleWidth = width - task.id.length - 10;
+    return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", marginBottom: 1 },
+        react_1.default.createElement(ink_1.Box, null,
+            react_1.default.createElement(ink_1.Text, { color: arrowColor, bold: isSelected }, arrow),
+            react_1.default.createElement(ink_1.Text, null, "  "),
+            react_1.default.createElement(ink_1.Text, { color: isSelected ? PALETTE.text : PALETTE.textMuted, inverse: isSelected, bold: isSelected },
+                ' ',
+                truncate(task.title, titleWidth),
+                ' '),
+            react_1.default.createElement(ink_1.Text, null, "  "),
+            react_1.default.createElement(ink_1.Text, { color: PALETTE.textMuted, dimColor: true }, task.id)),
+        react_1.default.createElement(ink_1.Box, { paddingLeft: 3 },
+            react_1.default.createElement(ink_1.Text, { color: priorityColor }, priorityLabel || '    '),
+            tags.length > 0 ? (react_1.default.createElement(ink_1.Text, { color: PALETTE.textMuted, dimColor: true },
+                ' ',
+                String.fromCharCode(0xB7),
+                " ",
+                tags.slice(0, 4).join(` ${String.fromCharCode(0xB7)} `))) : null),
+        isExpanded && (react_1.default.createElement(ExpandedTaskContent, { task: task, priorityColor: priorityColor, completedSubtasks: completedSubtasks, totalSubtasks: subtasks.length, width: width }))));
+}
+function ExpandedTaskContent({ task, priorityColor, completedSubtasks, totalSubtasks, width }) {
+    const subtasks = task.subtasks || [];
+    const innerWidth = width - 6;
+    // Build content lines - all with consistent left border
+    const lines = [];
+    // Empty line for spacing
+    lines.push(react_1.default.createElement(ink_1.Text, { color: PALETTE.textMuted }, ' '));
+    if (task.description) {
+        lines.push(react_1.default.createElement(ink_1.Text, { color: PALETTE.textMuted }, truncate(task.description.split('\n')[0], innerWidth)));
+    }
+    if (totalSubtasks > 0) {
+        // Empty line before subtasks if there was a description
+        if (task.description) {
+            lines.push(react_1.default.createElement(ink_1.Text, null, ' '));
+        }
+        lines.push(react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(ink_1.Text, { color: PALETTE.textMuted }, "Subtasks: "),
+            react_1.default.createElement(ink_1.Text, { color: PALETTE.success }, '●'.repeat(Math.min(completedSubtasks, 10))),
+            react_1.default.createElement(ink_1.Text, { color: PALETTE.border }, '○'.repeat(Math.min(totalSubtasks - completedSubtasks, 10))),
+            react_1.default.createElement(ink_1.Text, { color: PALETTE.textMuted },
+                " ",
+                completedSubtasks,
+                "/",
+                totalSubtasks)));
+        subtasks.slice(0, 4).forEach((st) => {
+            lines.push(react_1.default.createElement(ink_1.Text, { color: st.completed ? PALETTE.success : PALETTE.textMuted },
+                st.completed ? '✓' : '○',
+                " ",
+                truncate(st.title, innerWidth - 2)));
+        });
+    }
+    if (task.relatedFiles && task.relatedFiles.length > 0) {
+        // Empty line before files
+        lines.push(react_1.default.createElement(ink_1.Text, null, ' '));
+        lines.push(react_1.default.createElement(ink_1.Text, { color: PALETTE.medium },
+            "Files: ",
+            truncate(task.relatedFiles.slice(0, 2).join(', '), innerWidth - 7)));
+    }
+    if (lines.length === 0)
+        return null;
+    return (react_1.default.createElement(ink_1.Box, { flexDirection: "column" }, lines.map((content, idx) => (react_1.default.createElement(ink_1.Box, { key: idx, paddingLeft: 3 },
+        react_1.default.createElement(ink_1.Text, { color: priorityColor }, BOX.vertical),
+        react_1.default.createElement(ink_1.Text, null, "  "),
+        content)))));
+}
+function StatusBar({ mode, columnName, taskIndex, taskCount, termWidth, isWatching = true }) {
+    // Left section: essential commands
+    const leftSection = mode === 'search' ? 'ESC:cancel' : '?:help  TAB:column  q:quit';
+    // Middle section: column and position
+    const position = taskCount > 0 ? `${taskIndex}/${taskCount}` : '';
+    const middleSection = columnName ? `${columnName.toUpperCase()} ${position}` : '';
+    // Right section: status
+    const rightSection = isWatching ? '● live' : '';
+    return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", width: termWidth },
+        react_1.default.createElement(ink_1.Box, { width: termWidth - 2, paddingLeft: 1, paddingRight: 1 },
+            react_1.default.createElement(ink_1.Text, { color: PALETTE.textMuted, dimColor: true }, leftSection),
+            react_1.default.createElement(ink_1.Box, { flexGrow: 1 }),
+            middleSection ? (react_1.default.createElement(ink_1.Text, { color: PALETTE.progress }, middleSection)) : null,
+            react_1.default.createElement(ink_1.Box, { flexGrow: 1 }),
+            rightSection ? (react_1.default.createElement(ink_1.Text, { color: PALETTE.success, dimColor: true }, rightSection)) : null),
+        react_1.default.createElement(ink_1.Box, { paddingLeft: 1 },
+            react_1.default.createElement(ink_1.Text, null, ' '))));
+}
+function HelpOverlay({ termWidth }) {
+    const boxWidth = Math.min(termWidth - 4, 56);
+    const hr = BOX.horizontal.repeat(boxWidth - 2);
+    return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", padding: 2 },
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.text, bold: true },
+            BOX.topLeft,
+            BOX.horizontal,
+            " KEYBOARD SHORTCUTS ",
+            BOX.horizontal.repeat(boxWidth - 22),
+            BOX.topRight),
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.border },
+            BOX.vertical,
+            ' '.repeat(boxWidth - 2),
+            BOX.vertical),
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.text, bold: true },
+            BOX.vertical,
+            "  Navigation",
+            ' '.repeat(boxWidth - 14),
+            BOX.vertical),
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.border },
+            BOX.vertical,
+            "  ",
+            BOX.horizontal.repeat(boxWidth - 6),
+            "  ",
+            BOX.vertical),
+        react_1.default.createElement(HelpRow, { label: "j/k or \u2193/\u2191", desc: "Move up/down", width: boxWidth }),
+        react_1.default.createElement(HelpRow, { label: "h/l or \u2190/\u2192", desc: "Switch columns", width: boxWidth }),
+        react_1.default.createElement(HelpRow, { label: "TAB", desc: "Next column", width: boxWidth }),
+        react_1.default.createElement(HelpRow, { label: "g / G", desc: "Top / Bottom", width: boxWidth }),
+        react_1.default.createElement(HelpRow, { label: "Ctrl+d/u", desc: "Page down/up", width: boxWidth }),
+        react_1.default.createElement(HelpRow, { label: "{ / }", desc: "Prev/next column", width: boxWidth }),
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.border },
+            BOX.vertical,
+            ' '.repeat(boxWidth - 2),
+            BOX.vertical),
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.text, bold: true },
+            BOX.vertical,
+            "  Actions",
+            ' '.repeat(boxWidth - 11),
+            BOX.vertical),
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.border },
+            BOX.vertical,
+            "  ",
+            BOX.horizontal.repeat(boxWidth - 6),
+            "  ",
+            BOX.vertical),
+        react_1.default.createElement(HelpRow, { label: "ENTER", desc: "Expand/collapse task", width: boxWidth }),
+        react_1.default.createElement(HelpRow, { label: "/", desc: "Search/filter", width: boxWidth }),
+        react_1.default.createElement(HelpRow, { label: "r", desc: "Refresh from file", width: boxWidth }),
+        react_1.default.createElement(HelpRow, { label: "ESC", desc: "Clear/collapse", width: boxWidth }),
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.border },
+            BOX.vertical,
+            ' '.repeat(boxWidth - 2),
+            BOX.vertical),
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.text, bold: true },
+            BOX.vertical,
+            "  Indicators",
+            ' '.repeat(boxWidth - 14),
+            BOX.vertical),
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.border },
+            BOX.vertical,
+            "  ",
+            BOX.horizontal.repeat(boxWidth - 6),
+            "  ",
+            BOX.vertical),
+        react_1.default.createElement(HelpRow, { label: "\u25B6", desc: "Collapsed task", width: boxWidth }),
+        react_1.default.createElement(HelpRow, { label: "\u25BC", desc: "Expanded task", width: boxWidth }),
+        react_1.default.createElement(HelpRow, { label: "[inverse]", desc: "Selected task", width: boxWidth }),
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.border },
+            BOX.vertical,
+            ' '.repeat(boxWidth - 2),
+            BOX.vertical),
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.text, bold: true },
+            BOX.vertical,
+            "  Quit",
+            ' '.repeat(boxWidth - 7),
+            BOX.vertical),
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.border },
+            BOX.vertical,
+            "  ",
+            BOX.horizontal.repeat(boxWidth - 6),
+            "  ",
+            BOX.vertical),
+        react_1.default.createElement(HelpRow, { label: "q / Ctrl+C", desc: "Exit", width: boxWidth }),
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.border },
+            BOX.vertical,
+            ' '.repeat(boxWidth - 2),
+            BOX.vertical),
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.text, bold: true },
+            BOX.bottomLeft,
+            hr,
+            BOX.bottomRight),
+        react_1.default.createElement(ink_1.Box, { marginTop: 1 },
+            react_1.default.createElement(ink_1.Text, { color: PALETTE.textMuted, dimColor: true }, "Press any key to close"))));
+}
+function HelpRow({ label, desc, width }) {
+    const padding = width - 6 - label.length - desc.length;
+    return (react_1.default.createElement(ink_1.Text, { color: PALETTE.border },
+        BOX.vertical,
+        "  ",
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.text }, label),
+        ' '.repeat(Math.max(padding, 2)),
+        react_1.default.createElement(ink_1.Text, { color: PALETTE.textMuted }, desc),
+        "  ",
+        BOX.vertical));
+}
+// ---------------------------------------------------------------------------
+// Helper functions
+// ---------------------------------------------------------------------------
+function truncate(value, maxLength) {
+    if (!value)
+        return '';
+    if (value.length <= maxLength)
+        return value;
+    return `${value.slice(0, maxLength - 1)}…`;
+}
+function getPriorityColor(priority) {
+    switch (priority?.toLowerCase()) {
+        case 'critical':
+            return PALETTE.critical;
+        case 'giga':
+            return PALETTE.giga;
+        case 'high':
+            return PALETTE.high;
+        case 'medium':
+            return PALETTE.medium;
+        case 'low':
+            return PALETTE.low;
+        default:
+            return PALETTE.border;
+    }
+}
+function tuiCommand(options) {
+    const filePath = path.resolve(options.file);
+    if (!fs.existsSync(filePath)) {
+        console.error(`Error: File not found: ${filePath}`);
+        console.log('');
+        console.log('To create a new brainfile, run:');
+        console.log('  brainfile init');
+        process.exit(1);
+    }
+    if (!process.stdin.isTTY || !process.stdin.setRawMode) {
+        console.error('Error: Terminal UI requires an interactive terminal');
+        console.log('');
+        console.log('The TUI cannot run in non-interactive environments.');
+        console.log('Please run this command in a standard terminal (not piped or in a non-TTY context).');
+        process.exit(1);
+    }
+    (0, ink_1.render)(react_1.default.createElement(BrainfileTUI, { filePath: filePath }));
+}
+//# sourceMappingURL=tui.js.map