diffstalker 0.1.7 → 0.2.0

package/dist/components/BottomPane.js

@@ -1,101 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { Box, Text } from 'ink';
-import { UnifiedDiffView } from './UnifiedDiffView.js';
-import { CommitPanel } from './CommitPanel.js';
-import { ExplorerContentView } from './ExplorerContentView.js';
-import { shortenPath } from '../utils/formatPath.js';
-import { buildDiffDisplayRows, buildHistoryDisplayRows, buildCompareDisplayRows, getDisplayRowsLineNumWidth, wrapDisplayRows, } from '../utils/displayRows.js';
-export function BottomPane({ bottomTab, currentPane, terminalWidth, bottomPaneHeight, diffScrollOffset, currentTheme, diff, selectedFile, stagedCount, onCommit, onCommitCancel, getHeadCommitMessage, onCommitInputFocusChange, historySelectedCommit, historyCommitDiff, compareDiff, compareLoading, compareError, compareListSelection, compareSelectionDiff, wrapMode, explorerSelectedFile = null, explorerFileScrollOffset = 0, showMiddleDots = false, }) {
-    const isDiffFocused = currentPane !== 'files' &&
-        currentPane !== 'history' &&
-        currentPane !== 'compare' &&
-        currentPane !== 'explorer';
-    // Build display rows based on current tab
-    const displayRows = useMemo(() => {
-        if (bottomTab === 'diff') {
-            return buildDiffDisplayRows(diff);
-        }
-        if (bottomTab === 'history') {
-            return buildHistoryDisplayRows(historySelectedCommit, historyCommitDiff);
-        }
-        if (bottomTab === 'compare') {
-            // If a specific commit is selected, show that commit's diff
-            if (compareListSelection?.type === 'commit' && compareSelectionDiff) {
-                return buildDiffDisplayRows(compareSelectionDiff);
-            }
-            // Otherwise show combined compare diff
-            return buildCompareDisplayRows(compareDiff);
-        }
-        return [];
-    }, [
-        bottomTab,
-        diff,
-        historySelectedCommit,
-        historyCommitDiff,
-        compareListSelection,
-        compareSelectionDiff,
-        compareDiff,
-    ]);
-    // Wrap display rows if wrap mode is enabled
-    const wrappedRows = useMemo(() => {
-        if (!wrapMode || displayRows.length === 0)
-            return displayRows;
-        // Calculate content width: width - paddingX(1) - lineNum - space(1) - symbol(1) - space(1) - paddingX(1)
-        const lineNumWidth = getDisplayRowsLineNumWidth(displayRows);
-        const contentWidth = terminalWidth - lineNumWidth - 5;
-        return wrapDisplayRows(displayRows, contentWidth, wrapMode);
-    }, [displayRows, terminalWidth, wrapMode]);
-    // Build header right-side content
-    const renderHeaderRight = () => {
-        if (selectedFile && bottomTab === 'diff') {
-            return _jsx(Text, { dimColor: true, children: shortenPath(selectedFile.path, terminalWidth - 10) });
-        }
-        if (bottomTab === 'history' && historySelectedCommit) {
-            return (_jsxs(Text, { dimColor: true, children: [historySelectedCommit.shortHash, " - ", historySelectedCommit.message.slice(0, 50)] }));
-        }
-        if (bottomTab === 'compare' && compareListSelection) {
-            if (compareListSelection.type === 'commit') {
-                const commit = compareDiff?.commits[compareListSelection.index];
-                return (_jsxs(Text, { dimColor: true, children: [commit?.shortHash ?? '', " - ", commit?.message.slice(0, 40) ?? ''] }));
-            }
-            else {
-                const path = compareDiff?.files[compareListSelection.index]?.path ?? '';
-                return _jsx(Text, { dimColor: true, children: shortenPath(path, terminalWidth - 10) });
-            }
-        }
-        if (bottomTab === 'explorer' && explorerSelectedFile) {
-            return _jsx(Text, { dimColor: true, children: shortenPath(explorerSelectedFile.path, terminalWidth - 10) });
-        }
-        return null;
-    };
-    // Render content based on tab
-    const renderContent = () => {
-        // Commit tab is special - not a diff view
-        if (bottomTab === 'commit') {
-            return (_jsx(CommitPanel, { isActive: currentPane === 'commit', stagedCount: stagedCount, onCommit: onCommit, onCancel: onCommitCancel, getHeadMessage: getHeadCommitMessage, onInputFocusChange: onCommitInputFocusChange }));
-        }
-        // Compare tab loading/error states
-        if (bottomTab === 'compare') {
-            if (compareLoading) {
-                return _jsx(Text, { dimColor: true, children: "Loading compare diff..." });
-            }
-            if (compareError) {
-                return _jsx(Text, { color: "red", children: compareError });
-            }
-            if (!compareDiff) {
-                return _jsx(Text, { dimColor: true, children: "No base branch found (no origin/main or origin/master)" });
-            }
-            if (compareDiff.files.length === 0) {
-                return _jsxs(Text, { dimColor: true, children: ["No changes compared to ", compareDiff.baseBranch] });
-            }
-        }
-        // All diff views use UnifiedDiffView
-        return (_jsx(UnifiedDiffView, { rows: wrappedRows, maxHeight: bottomPaneHeight - 1, scrollOffset: diffScrollOffset, theme: currentTheme, width: terminalWidth, wrapMode: wrapMode }));
-    };
-    // Explorer tab content
-    if (bottomTab === 'explorer') {
-        return (_jsxs(Box, { flexDirection: "column", height: bottomPaneHeight, width: terminalWidth, overflowY: "hidden", children: [_jsxs(Box, { width: terminalWidth, children: [_jsx(Text, { bold: true, color: isDiffFocused ? 'cyan' : undefined, children: "FILE" }), _jsx(Box, { flexGrow: 1, justifyContent: "flex-end", children: renderHeaderRight() })] }), _jsx(ExplorerContentView, { filePath: explorerSelectedFile?.path ?? null, content: explorerSelectedFile?.content ?? null, maxHeight: bottomPaneHeight - 1, scrollOffset: explorerFileScrollOffset, truncated: explorerSelectedFile?.truncated, wrapMode: wrapMode, width: terminalWidth, showMiddleDots: showMiddleDots })] }));
-    }
-    return (_jsxs(Box, { flexDirection: "column", height: bottomPaneHeight, width: terminalWidth, overflowX: "hidden", overflowY: "hidden", children: [_jsxs(Box, { width: terminalWidth, children: [_jsx(Text, { bold: true, color: isDiffFocused ? 'cyan' : undefined, children: bottomTab === 'commit' ? 'COMMIT' : 'DIFF' }), _jsx(Box, { flexGrow: 1, justifyContent: "flex-end", children: renderHeaderRight() })] }), renderContent()] }));
-}

package/dist/components/CommitPanel.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import { Box, Text, useInput } from 'ink';
-import TextInput from 'ink-text-input';
-import { useCommitFlow } from '../hooks/useCommitFlow.js';
-export function CommitPanel({ isActive, stagedCount, onCommit, onCancel, getHeadMessage, onInputFocusChange, }) {
-    const { message, amend, isCommitting, error, inputFocused, setMessage, toggleAmend, setInputFocused, handleSubmit, } = useCommitFlow({
-        stagedCount,
-        onCommit,
-        onSuccess: onCancel,
-        getHeadMessage,
-    });
-    // Notify parent of focus state changes
-    useEffect(() => {
-        onInputFocusChange?.(inputFocused);
-    }, [inputFocused, onInputFocusChange]);
-    // Keyboard handling
-    useInput((input, key) => {
-        if (!isActive)
-            return;
-        // When input is focused, Escape unfocuses it (but stays on commit tab)
-        // When input is unfocused, Escape cancels and goes back to diff
-        if (key.escape) {
-            if (inputFocused) {
-                setInputFocused(false);
-            }
-            else {
-                onCancel();
-            }
-            return;
-        }
-        // When input is unfocused, allow refocusing with 'i' or Enter
-        if (!inputFocused) {
-            if (input === 'i' || key.return) {
-                setInputFocused(true);
-                return;
-            }
-            // Toggle amend with 'a' when unfocused
-            if (input === 'a') {
-                toggleAmend();
-                return;
-            }
-            return; // Don't handle other keys - let them bubble up to useKeymap
-        }
-        // When input is focused, only handle special keys
-        // Toggle amend with 'a' when message is empty
-        if (input === 'a' && !message) {
-            toggleAmend();
-            return;
-        }
-    }, { isActive });
-    if (!isActive) {
-        return (_jsx(Box, { paddingX: 1, children: _jsx(Text, { dimColor: true, children: "Press '2' or 'c' to open commit panel" }) }));
-    }
-    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, children: "Commit Message" }), amend && _jsx(Text, { color: "yellow", children: " (amending)" })] }), _jsx(Box, { borderStyle: "round", borderColor: inputFocused ? 'cyan' : undefined, paddingX: 1, children: inputFocused ? (_jsx(TextInput, { value: message, onChange: setMessage, onSubmit: handleSubmit, placeholder: "Enter commit message..." })) : (_jsx(Text, { dimColor: !message, children: message || 'Press i or Enter to edit...' })) }), _jsxs(Box, { marginTop: 1, gap: 2, children: [_jsxs(Text, { color: amend ? 'green' : 'gray', children: ["[", amend ? 'x' : ' ', "] Amend"] }), _jsx(Text, { dimColor: true, children: "(a)" })] }), error && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "red", children: error }) })), isCommitting && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "yellow", children: "Committing..." }) })), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Staged: ", stagedCount, " file(s) |", ' ', inputFocused
-                            ? 'Enter: commit | Esc: unfocus'
-                            : 'i/Enter: edit | Esc: cancel | 1/3: switch tab'] }) })] }));
-}

package/dist/components/CompareListView.js

@@ -1,110 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { Box, Text } from 'ink';
-import { shortenPath } from '../utils/formatPath.js';
-import { formatDate } from '../utils/formatDate.js';
-import { formatCommitDisplay } from '../utils/commitFormat.js';
-// Re-export from utils for backwards compatibility
-export { getCompareItemIndexFromRow } from '../utils/rowCalculations.js';
-function CommitRow({ commit, isSelected, isActive, width, }) {
-    const dateStr = formatDate(commit.date);
-    // Fixed parts: indent(2) + hash(7) + spaces(4) + date + parens(2)
-    const baseWidth = 2 + 7 + 4 + dateStr.length + 2;
-    const remainingWidth = width - baseWidth;
-    const { displayMessage, displayRefs } = formatCommitDisplay(commit.message, commit.refs, remainingWidth);
-    return (_jsxs(Box, { children: [_jsx(Text, { children: " " }), _jsx(Text, { color: "yellow", children: commit.shortHash }), _jsx(Text, { children: " " }), _jsx(Text, { color: isSelected && isActive ? 'cyan' : undefined, bold: isSelected && isActive, inverse: isSelected && isActive, children: displayMessage }), _jsx(Text, { children: " " }), _jsxs(Text, { dimColor: true, children: ["(", dateStr, ")"] }), displayRefs && (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(Text, { color: "green", children: displayRefs })] }))] }));
-}
-function FileRow({ file, isSelected, isActive, maxPathLength, }) {
-    const statusColors = {
-        added: 'green',
-        modified: 'yellow',
-        deleted: 'red',
-        renamed: 'blue',
-    };
-    const statusChars = {
-        added: 'A',
-        modified: 'M',
-        deleted: 'D',
-        renamed: 'R',
-    };
-    const isUncommitted = file.isUncommitted ?? false;
-    // Account for stats: " (+123 -456)" and possible "[uncommitted]"
-    const statsLength = 5 + String(file.additions).length + String(file.deletions).length;
-    const uncommittedLength = isUncommitted ? 14 : 0;
-    const availableForPath = maxPathLength - statsLength - uncommittedLength;
-    return (_jsxs(Box, { children: [_jsx(Text, { children: " " }), isUncommitted && (_jsx(Text, { color: "magenta", bold: true, children: "*" })), _jsx(Text, { color: isUncommitted ? 'magenta' : statusColors[file.status], bold: true, children: statusChars[file.status] }), _jsxs(Text, { bold: isSelected && isActive, color: isSelected && isActive ? 'cyan' : isUncommitted ? 'magenta' : undefined, inverse: isSelected && isActive, children: [' ', shortenPath(file.path, availableForPath)] }), _jsx(Text, { dimColor: true, children: " (" }), _jsxs(Text, { color: "green", children: ["+", file.additions] }), _jsx(Text, { dimColor: true, children: " " }), _jsxs(Text, { color: "red", children: ["-", file.deletions] }), _jsx(Text, { dimColor: true, children: ")" }), isUncommitted && (_jsxs(Text, { color: "magenta", dimColor: true, children: [' ', "[uncommitted]"] }))] }));
-}
-export function CompareListView({ commits, files, selectedItem, scrollOffset, maxHeight, isActive, width, }) {
-    // Note: expand/collapse functionality is prepared but not exposed yet
-    const commitsExpanded = true;
-    const filesExpanded = true;
-    // Build flat list of rows
-    const rows = useMemo(() => {
-        const result = [];
-        // Commits section
-        if (commits.length > 0) {
-            result.push({ type: 'section-header', sectionType: 'commits' });
-            if (commitsExpanded) {
-                commits.forEach((commit, i) => {
-                    result.push({ type: 'commit', commitIndex: i, commit });
-                });
-            }
-        }
-        // Files section
-        if (files.length > 0) {
-            if (commits.length > 0) {
-                result.push({ type: 'spacer' });
-            }
-            result.push({ type: 'section-header', sectionType: 'files' });
-            if (filesExpanded) {
-                files.forEach((file, i) => {
-                    result.push({ type: 'file', fileIndex: i, file });
-                });
-            }
-        }
-        return result;
-    }, [commits, files, commitsExpanded, filesExpanded]);
-    const visibleRows = rows.slice(scrollOffset, scrollOffset + maxHeight);
-    if (commits.length === 0 && files.length === 0) {
-        return (_jsx(Box, { flexDirection: "column", children: _jsx(Text, { dimColor: true, children: "No changes compared to base branch" }) }));
-    }
-    return (_jsx(Box, { flexDirection: "column", children: visibleRows.map((row, i) => {
-            const key = `row-${scrollOffset + i}`;
-            if (row.type === 'section-header') {
-                const isCommits = row.sectionType === 'commits';
-                const expanded = isCommits ? commitsExpanded : filesExpanded;
-                const count = isCommits ? commits.length : files.length;
-                const label = isCommits ? 'Commits' : 'Files';
-                return (_jsxs(Box, { children: [_jsxs(Text, { bold: true, color: "cyan", children: [expanded ? '▼' : '▶', " ", label] }), _jsxs(Text, { dimColor: true, children: [" (", count, ")"] })] }, key));
-            }
-            if (row.type === 'spacer') {
-                return _jsx(Text, { children: " " }, key);
-            }
-            if (row.type === 'commit' && row.commit !== undefined && row.commitIndex !== undefined) {
-                const isSelected = selectedItem?.type === 'commit' && selectedItem.index === row.commitIndex;
-                return (_jsx(CommitRow, { commit: row.commit, isSelected: isSelected, isActive: isActive, width: width }, key));
-            }
-            if (row.type === 'file' && row.file !== undefined && row.fileIndex !== undefined) {
-                const isSelected = selectedItem?.type === 'file' && selectedItem.index === row.fileIndex;
-                return (_jsx(FileRow, { file: row.file, isSelected: isSelected, isActive: isActive, maxPathLength: width - 5 }, key));
-            }
-            return null;
-        }) }));
-}
-// Helper to get total row count for scrolling
-export function getCompareListTotalRows(commits, files, commitsExpanded = true, filesExpanded = true) {
-    let count = 0;
-    if (commits.length > 0) {
-        count += 1; // header
-        if (commitsExpanded)
-            count += commits.length;
-    }
-    if (files.length > 0) {
-        if (commits.length > 0)
-            count += 1; // spacer
-        count += 1; // header
-        if (filesExpanded)
-            count += files.length;
-    }
-    return count;
-}

package/dist/components/ExplorerContentView.js

@@ -1,80 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { Box, Text } from 'ink';
-import { ScrollableList } from './ScrollableList.js';
-import { buildExplorerContentRows, wrapExplorerContentRows, getExplorerContentRowCount, getExplorerContentLineNumWidth, applyMiddleDots, } from '../utils/explorerDisplayRows.js';
-import { truncateAnsi } from '../utils/ansiTruncate.js';
-export function ExplorerContentView({ filePath, content, maxHeight, scrollOffset, truncated = false, wrapMode = false, width, showMiddleDots = false, }) {
-    // Build base rows with syntax highlighting
-    const baseRows = useMemo(() => buildExplorerContentRows(content, filePath, truncated), [content, filePath, truncated]);
-    // Calculate line number width
-    const lineNumWidth = useMemo(() => getExplorerContentLineNumWidth(baseRows), [baseRows]);
-    // Calculate content width for wrapping
-    // Layout: paddingX(1) + lineNum + space(1) + content + paddingX(1)
-    const contentWidth = width - lineNumWidth - 3;
-    // Apply wrapping if enabled
-    const displayRows = useMemo(() => wrapExplorerContentRows(baseRows, contentWidth, wrapMode), [baseRows, contentWidth, wrapMode]);
-    if (!filePath) {
-        return (_jsx(Box, { paddingX: 1, children: _jsx(Text, { dimColor: true, children: "Select a file to view its contents" }) }));
-    }
-    if (!content) {
-        return (_jsx(Box, { paddingX: 1, children: _jsx(Text, { dimColor: true, children: "Loading..." }) }));
-    }
-    if (displayRows.length === 0) {
-        return (_jsx(Box, { paddingX: 1, children: _jsx(Text, { dimColor: true, children: "(empty file)" }) }));
-    }
-    return (_jsx(Box, { flexDirection: "column", paddingX: 1, children: _jsx(ScrollableList, { items: displayRows, maxHeight: maxHeight, scrollOffset: scrollOffset, getKey: (row, index) => `${index}`, renderItem: (row) => {
-                if (row.type === 'truncation') {
-                    return (_jsx(Box, { children: _jsx(Text, { color: "yellow", dimColor: true, children: row.content }) }));
-                }
-                // Code row
-                const isContinuation = row.isContinuation ?? false;
-                // Line number display
-                let lineNumDisplay;
-                if (isContinuation) {
-                    // Show continuation marker instead of line number
-                    lineNumDisplay = '>>'.padStart(lineNumWidth, ' ');
-                }
-                else {
-                    lineNumDisplay = String(row.lineNum).padStart(lineNumWidth, ' ');
-                }
-                // Determine what content to display
-                const rawContent = row.content;
-                const shouldTruncate = !wrapMode && rawContent.length > contentWidth;
-                // Use highlighted content if available and not a continuation or middle-dots mode
-                const canUseHighlighting = row.highlighted && !isContinuation && !showMiddleDots;
-                let displayContent;
-                if (canUseHighlighting && row.highlighted) {
-                    // Use ANSI-aware truncation to preserve syntax highlighting
-                    displayContent = shouldTruncate
-                        ? truncateAnsi(row.highlighted, contentWidth)
-                        : row.highlighted;
-                }
-                else {
-                    // Plain content path
-                    let content = rawContent;
-                    // Apply middle-dots to raw content
-                    if (showMiddleDots && !isContinuation) {
-                        content = applyMiddleDots(content, true);
-                    }
-                    // Simple truncation for plain content
-                    if (shouldTruncate) {
-                        content = content.slice(0, Math.max(0, contentWidth - 1)) + '…';
-                    }
-                    displayContent = content;
-                }
-                return (_jsxs(Box, { children: [_jsxs(Text, { dimColor: !isContinuation, color: isContinuation ? 'cyan' : undefined, children: [lineNumDisplay, ' '] }), _jsx(Text, { dimColor: showMiddleDots && !canUseHighlighting, children: displayContent || ' ' })] }));
-            } }) }));
-}
-/**
- * Get total rows for scroll calculations.
- * Accounts for wrap mode when calculating.
- */
-export function getExplorerContentTotalRows(content, filePath, truncated, width, wrapMode) {
-    if (!content)
-        return 0;
-    const rows = buildExplorerContentRows(content, filePath, truncated);
-    const lineNumWidth = getExplorerContentLineNumWidth(rows);
-    const contentWidth = width - lineNumWidth - 3;
-    return getExplorerContentRowCount(rows, contentWidth, wrapMode);
-}

package/dist/components/ExplorerView.js

@@ -1,37 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-import { ScrollableList } from './ScrollableList.js';
-export function ExplorerView({ currentPath: _currentPath, items, selectedIndex, scrollOffset, maxHeight, isActive, width, isLoading = false, error = null, }) {
-    if (error) {
-        return (_jsx(Box, { flexDirection: "column", children: _jsxs(Text, { color: "red", children: ["Error: ", error] }) }));
-    }
-    if (isLoading) {
-        return (_jsx(Box, { flexDirection: "column", children: _jsx(Text, { dimColor: true, children: "Loading..." }) }));
-    }
-    if (items.length === 0) {
-        return (_jsx(Box, { flexDirection: "column", children: _jsx(Text, { dimColor: true, children: "(empty directory)" }) }));
-    }
-    // Calculate max name width for alignment
-    const maxNameWidth = Math.min(Math.max(...items.map((item) => item.name.length + (item.isDirectory ? 1 : 0))), width - 10);
-    return (_jsx(ScrollableList, { items: items, maxHeight: maxHeight, scrollOffset: scrollOffset, getKey: (item) => item.path || item.name, renderItem: (item, actualIndex) => {
-            const isSelected = actualIndex === selectedIndex && isActive;
-            const displayName = item.isDirectory ? `${item.name}/` : item.name;
-            const paddedName = displayName.padEnd(maxNameWidth + 1);
-            return (_jsx(Box, { children: _jsx(Text, { color: isSelected ? 'cyan' : undefined, bold: isSelected, inverse: isSelected, children: item.isDirectory ? (_jsx(Text, { color: isSelected ? 'cyan' : 'blue', children: paddedName })) : (_jsx(Text, { color: isSelected ? 'cyan' : undefined, children: paddedName })) }) }));
-        } }));
-}
-/**
- * Build breadcrumb segments from a path.
- * Returns segments like ["src", "components"] for "src/components"
- */
-export function buildBreadcrumbs(currentPath) {
-    if (!currentPath)
-        return [];
-    return currentPath.split('/').filter(Boolean);
-}
-/**
- * Get total rows in explorer for scroll calculations.
- */
-export function getExplorerTotalRows(items) {
-    return items.length;
-}

package/dist/components/FileList.js

@@ -1,131 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-import { shortenPath } from '../utils/formatPath.js';
-import { categorizeFiles } from '../utils/fileCategories.js';
-function getStatusChar(status) {
-    switch (status) {
-        case 'modified':
-            return 'M';
-        case 'added':
-            return 'A';
-        case 'deleted':
-            return 'D';
-        case 'untracked':
-            return '?';
-        case 'renamed':
-            return 'R';
-        case 'copied':
-            return 'C';
-        default:
-            return ' ';
-    }
-}
-function getStatusColor(status) {
-    switch (status) {
-        case 'modified':
-            return 'yellow';
-        case 'added':
-            return 'green';
-        case 'deleted':
-            return 'red';
-        case 'untracked':
-            return 'gray';
-        case 'renamed':
-            return 'blue';
-        case 'copied':
-            return 'cyan';
-        default:
-            return 'white';
-    }
-}
-function formatStats(insertions, deletions) {
-    if (insertions === undefined && deletions === undefined)
-        return null;
-    const add = insertions ?? 0;
-    const del = deletions ?? 0;
-    if (add === 0 && del === 0)
-        return null;
-    const parts = [];
-    if (add > 0)
-        parts.push(`+${add}`);
-    if (del > 0)
-        parts.push(`-${del}`);
-    return parts.join(' ');
-}
-function FileRow({ file, isSelected, isFocused, maxPathLength }) {
-    const statusChar = getStatusChar(file.status);
-    const statusColor = getStatusColor(file.status);
-    const actionButton = file.staged ? '[-]' : '[+]';
-    const buttonColor = file.staged ? 'red' : 'green';
-    const stats = formatStats(file.insertions, file.deletions);
-    const isHighlighted = isSelected && isFocused;
-    // Calculate available space for path (account for stats if present)
-    const statsLength = stats ? stats.length + 1 : 0;
-    const availableForPath = maxPathLength - statsLength;
-    const displayPath = shortenPath(file.path, availableForPath);
-    return (_jsxs(Box, { children: [_jsx(Text, { color: isHighlighted ? 'cyan' : undefined, bold: isHighlighted, children: isHighlighted ? '▸ ' : '  ' }), _jsxs(Text, { color: buttonColor, children: [actionButton, " "] }), _jsxs(Text, { color: statusColor, children: [statusChar, " "] }), _jsx(Text, { color: isHighlighted ? 'cyan' : undefined, inverse: isHighlighted, children: displayPath }), file.originalPath && _jsxs(Text, { dimColor: true, children: [" \u2190 ", shortenPath(file.originalPath, 30)] }), stats && (_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: " " }), file.insertions !== undefined && file.insertions > 0 && (_jsxs(Text, { color: "green", children: ["+", file.insertions] })), file.insertions !== undefined &&
-                        file.insertions > 0 &&
-                        file.deletions !== undefined &&
-                        file.deletions > 0 && _jsx(Text, { dimColor: true, children: " " }), file.deletions !== undefined && file.deletions > 0 && (_jsxs(Text, { color: "red", children: ["-", file.deletions] }))] }))] }));
-}
-export function FileList({ files, selectedIndex, isFocused, scrollOffset = 0, maxHeight, width = 80, }) {
-    // Calculate max path length: width minus prefix chars (▸/space + [+]/[-] + status + spaces = ~10)
-    const maxPathLength = width - 10;
-    // Split files into 3 categories: Modified, Untracked, Staged
-    const { modified: modifiedFiles, untracked: untrackedFiles, staged: stagedFiles, } = categorizeFiles(files);
-    if (files.length === 0) {
-        return (_jsx(Box, { flexDirection: "column", children: _jsx(Text, { dimColor: true, children: " No changes" }) }));
-    }
-    // Build a flat list of all rows
-    // Order: Modified → Untracked → Staged
-    const rows = [];
-    let currentFileIndex = 0;
-    if (modifiedFiles.length > 0) {
-        rows.push({ type: 'header', content: 'Modified:', headerColor: 'yellow' });
-        modifiedFiles.forEach((file) => {
-            rows.push({ type: 'file', file, fileIndex: currentFileIndex++ });
-        });
-    }
-    if (untrackedFiles.length > 0) {
-        if (modifiedFiles.length > 0) {
-            rows.push({ type: 'spacer' });
-        }
-        rows.push({ type: 'header', content: 'Untracked:', headerColor: 'gray' });
-        untrackedFiles.forEach((file) => {
-            rows.push({ type: 'file', file, fileIndex: currentFileIndex++ });
-        });
-    }
-    if (stagedFiles.length > 0) {
-        if (modifiedFiles.length > 0 || untrackedFiles.length > 0) {
-            rows.push({ type: 'spacer' });
-        }
-        rows.push({ type: 'header', content: 'Staged:', headerColor: 'green' });
-        stagedFiles.forEach((file) => {
-            rows.push({ type: 'file', file, fileIndex: currentFileIndex++ });
-        });
-    }
-    // Apply scroll offset and max height
-    const visibleRows = maxHeight
-        ? rows.slice(scrollOffset, scrollOffset + maxHeight)
-        : rows.slice(scrollOffset);
-    return (_jsx(Box, { flexDirection: "column", children: visibleRows.map((row, i) => {
-            const key = `row-${scrollOffset + i}`;
-            if (row.type === 'header') {
-                return (_jsx(Text, { bold: true, color: row.headerColor, children: row.content }, key));
-            }
-            if (row.type === 'spacer') {
-                return _jsx(Text, { children: " " }, key);
-            }
-            if (row.type === 'file' && row.file !== undefined && row.fileIndex !== undefined) {
-                return (_jsx(FileRow, { file: row.file, isSelected: row.fileIndex === selectedIndex, isFocused: isFocused, maxPathLength: maxPathLength }, key));
-            }
-            return null;
-        }) }));
-}
-export function getFileAtIndex(files, index) {
-    const { ordered } = categorizeFiles(files);
-    return ordered[index] ?? null;
-}
-export function getTotalFileCount(files) {
-    return files.length;
-}

package/dist/components/Footer.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-export function Footer({ activeTab, mouseEnabled = true, autoTabEnabled = false, wrapMode = false, showMiddleDots = false, }) {
-    // Layout: "? [scroll] [auto] [wrap] [dots]" with spaces between
-    return (_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "?" }), ' ', _jsx(Text, { color: "yellow", children: mouseEnabled ? '[scroll]' : 'm:[select]' }), ' ', _jsx(Text, { color: autoTabEnabled ? 'blue' : undefined, dimColor: !autoTabEnabled, children: "[auto]" }), ' ', _jsx(Text, { color: wrapMode ? 'blue' : undefined, dimColor: !wrapMode, children: "[wrap]" }), activeTab === 'explorer' && (_jsxs(_Fragment, { children: [' ', _jsx(Text, { color: showMiddleDots ? 'blue' : undefined, dimColor: !showMiddleDots, children: "[dots]" })] }))] }), _jsxs(Text, { children: [_jsx(Text, { color: activeTab === 'diff' ? 'cyan' : undefined, bold: activeTab === 'diff', children: "[1]Diff" }), ' ', _jsx(Text, { color: activeTab === 'commit' ? 'cyan' : undefined, bold: activeTab === 'commit', children: "[2]Commit" }), ' ', _jsx(Text, { color: activeTab === 'history' ? 'cyan' : undefined, bold: activeTab === 'history', children: "[3]History" }), ' ', _jsx(Text, { color: activeTab === 'compare' ? 'cyan' : undefined, bold: activeTab === 'compare', children: "[4]Compare" })] })] }));
-}

package/dist/components/Header.js

@@ -1,107 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-import { abbreviateHomePath } from '../config.js';
-/**
- * Calculate the header height based on whether content needs to wrap.
- * Returns 1 for single line, 2 if branch wraps to second line.
- */
-export function getHeaderHeight(repoPath, branch, watcherState, width, error = null, isLoading = false) {
-    if (!repoPath)
-        return 1;
-    const displayPath = abbreviateHomePath(repoPath);
-    const isNotGitRepo = error === 'Not a git repository';
-    // Calculate branch width
-    let branchWidth = 0;
-    if (branch) {
-        branchWidth = branch.current.length;
-        if (branch.tracking)
-            branchWidth += 3 + branch.tracking.length;
-        if (branch.ahead > 0)
-            branchWidth += 3 + String(branch.ahead).length;
-        if (branch.behind > 0)
-            branchWidth += 3 + String(branch.behind).length;
-    }
-    // Calculate left side width
-    let leftWidth = displayPath.length;
-    if (isLoading)
-        leftWidth += 2;
-    if (isNotGitRepo)
-        leftWidth += 24;
-    if (error && !isNotGitRepo)
-        leftWidth += error.length + 3;
-    // Check if follow indicator causes wrap
-    if (watcherState?.enabled && watcherState.sourceFile) {
-        const followPath = abbreviateHomePath(watcherState.sourceFile);
-        const fullFollow = ` (follow: ${followPath})`;
-        const availableOneLine = width - leftWidth - branchWidth - 4;
-        if (fullFollow.length > availableOneLine) {
-            // Would need to wrap
-            const availableWithWrap = width - leftWidth - 2;
-            if (fullFollow.length <= availableWithWrap) {
-                return 2; // Branch wraps to second line
-            }
-        }
-    }
-    return 1;
-}
-function BranchDisplay({ branch }) {
-    return (_jsxs(Box, { children: [_jsx(Text, { color: "green", bold: true, children: branch.current }), branch.tracking && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: " \u2192 " }), _jsx(Text, { color: "blue", children: branch.tracking })] })), (branch.ahead > 0 || branch.behind > 0) && (_jsxs(Text, { children: [branch.ahead > 0 && _jsxs(Text, { color: "green", children: [" \u2191", branch.ahead] }), branch.behind > 0 && _jsxs(Text, { color: "red", children: [" \u2193", branch.behind] })] }))] }));
-}
-export function Header({ repoPath, branch, isLoading, error, debug, watcherState, width = 80, }) {
-    if (!repoPath) {
-        return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "Waiting for target path..." }), _jsx(Text, { dimColor: true, children: " (write path to ~/.cache/diffstalker/target)" })] }), debug && watcherState && watcherState.enabled && watcherState.sourceFile && (_jsxs(Box, { children: [_jsxs(Text, { dimColor: true, children: ["[debug] source: ", abbreviateHomePath(watcherState.sourceFile)] }), watcherState.rawContent && _jsxs(Text, { dimColor: true, children: [" | raw: \"", watcherState.rawContent, "\""] })] }))] }));
-    }
-    const displayPath = abbreviateHomePath(repoPath);
-    const isNotGitRepo = error === 'Not a git repository';
-    const formatTime = (date) => {
-        if (!date)
-            return '';
-        return date.toLocaleTimeString();
-    };
-    // Calculate branch info width for layout
-    let branchWidth = 0;
-    if (branch) {
-        branchWidth = branch.current.length;
-        if (branch.tracking) {
-            branchWidth += 3 + branch.tracking.length; // " → tracking"
-        }
-        if (branch.ahead > 0)
-            branchWidth += 3 + String(branch.ahead).length;
-        if (branch.behind > 0)
-            branchWidth += 3 + String(branch.behind).length;
-    }
-    // Calculate left side content width (without follow)
-    let leftWidth = displayPath.length;
-    if (isLoading)
-        leftWidth += 2;
-    if (isNotGitRepo)
-        leftWidth += 24;
-    if (error && !isNotGitRepo)
-        leftWidth += error.length + 3;
-    // Determine follow indicator display and layout
-    let followText = null;
-    let wrapBranch = false;
-    if (watcherState?.enabled && watcherState.sourceFile) {
-        const followPath = abbreviateHomePath(watcherState.sourceFile);
-        const fullFollow = ` (follow: ${followPath})`;
-        const availableOneLine = width - leftWidth - branchWidth - 4; // 4 for spacing
-        if (fullFollow.length <= availableOneLine) {
-            // Everything fits on one line
-            followText = fullFollow;
-        }
-        else {
-            // Need to wrap branch to second line
-            const availableWithWrap = width - leftWidth - 2;
-            if (fullFollow.length <= availableWithWrap) {
-                followText = fullFollow;
-                wrapBranch = true;
-            }
-            // If it doesn't fit, don't show follow at all
-        }
-    }
-    return (_jsxs(Box, { flexDirection: "column", width: width, children: [wrapBranch ? (
-            // Two-line layout: path + follow on first line, branch on second
-            _jsxs(_Fragment, { children: [_jsx(Box, { justifyContent: "space-between", children: _jsxs(Box, { children: [_jsx(Text, { bold: true, color: "cyan", children: displayPath }), isLoading && _jsx(Text, { color: "yellow", children: " \u27F3" }), isNotGitRepo && _jsx(Text, { color: "yellow", children: " (not a git repository)" }), error && !isNotGitRepo && _jsxs(Text, { color: "red", children: [" (", error, ")"] }), followText && _jsx(Text, { dimColor: true, children: followText })] }) }), _jsx(Box, { justifyContent: "flex-end", children: branch && _jsx(BranchDisplay, { branch: branch }) })] })) : (
-            // Single-line layout
-            _jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, color: "cyan", children: displayPath }), isLoading && _jsx(Text, { color: "yellow", children: " \u27F3" }), isNotGitRepo && _jsx(Text, { color: "yellow", children: " (not a git repository)" }), error && !isNotGitRepo && _jsxs(Text, { color: "red", children: [" (", error, ")"] }), followText && _jsx(Text, { dimColor: true, children: followText })] }), branch && _jsx(BranchDisplay, { branch: branch })] })), debug && watcherState && watcherState.enabled && watcherState.sourceFile && (_jsxs(Box, { children: [_jsxs(Text, { dimColor: true, children: ["[debug] source: ", abbreviateHomePath(watcherState.sourceFile)] }), _jsxs(Text, { dimColor: true, children: [" | raw: \"", watcherState.rawContent, "\""] }), watcherState.lastUpdate && (_jsxs(Text, { dimColor: true, children: [" | updated: ", formatTime(watcherState.lastUpdate)] }))] }))] }));
-}