diffstalker 0.1.7 → 0.2.1

package/dist/components/ThemePicker.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Box, Text, useInput } from 'ink';
-import { themes, themeOrder, getTheme } from '../themes.js';
-import { Modal, centerModal } from './Modal.js';
-// Preview sample for theme visualization
-function ThemePreview({ theme }) {
-    const { colors } = theme;
-    return (_jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Box, { children: [_jsx(Text, { backgroundColor: colors.delBg, color: colors.delLineNum, children: '  5 ' }), _jsx(Text, { backgroundColor: colors.delBg, color: colors.delSymbol, bold: true, children: '- ' }), _jsx(Text, { backgroundColor: colors.delBg, color: colors.text, children: 'const ' }), _jsx(Text, { backgroundColor: colors.delHighlight, color: colors.text, children: 'old' }), _jsx(Text, { backgroundColor: colors.delBg, color: colors.text, children: ' = value;' })] }), _jsxs(Box, { children: [_jsx(Text, { backgroundColor: colors.addBg, color: colors.addLineNum, children: '  5 ' }), _jsx(Text, { backgroundColor: colors.addBg, color: colors.addSymbol, bold: true, children: '+ ' }), _jsx(Text, { backgroundColor: colors.addBg, color: colors.text, children: 'const ' }), _jsx(Text, { backgroundColor: colors.addHighlight, color: colors.text, children: 'new' }), _jsx(Text, { backgroundColor: colors.addBg, color: colors.text, children: ' = value;' })] })] }));
-}
-export function ThemePicker({ currentTheme, onSelect, onCancel, width, height, }) {
-    const [selectedIndex, setSelectedIndex] = useState(() => {
-        const idx = themeOrder.indexOf(currentTheme);
-        return idx >= 0 ? idx : 0;
-    });
-    const previewTheme = getTheme(themeOrder[selectedIndex]);
-    useInput((input, key) => {
-        if (key.escape) {
-            onCancel();
-        }
-        else if (key.return) {
-            onSelect(themeOrder[selectedIndex]);
-        }
-        else if (key.upArrow || input === 'k') {
-            setSelectedIndex((prev) => Math.max(0, prev - 1));
-        }
-        else if (key.downArrow || input === 'j') {
-            setSelectedIndex((prev) => Math.min(themeOrder.length - 1, prev + 1));
-        }
-    });
-    // Calculate box dimensions
-    const boxWidth = Math.min(50, width - 4);
-    const boxHeight = Math.min(themeOrder.length + 10, height - 4); // +10 for header, preview, footer, borders
-    // Center the modal
-    const { x, y } = centerModal(boxWidth, boxHeight, width, height);
-    return (_jsx(Modal, { x: x, y: y, width: boxWidth, height: boxHeight, children: _jsxs(Box, { borderStyle: "round", borderColor: "cyan", flexDirection: "column", width: boxWidth, children: [_jsx(Box, { justifyContent: "center", marginBottom: 1, children: _jsxs(Text, { bold: true, color: "cyan", children: [' ', "Select Theme", ' '] }) }), themeOrder.map((themeName, index) => {
-                    const theme = themes[themeName];
-                    const isSelected = index === selectedIndex;
-                    const isCurrent = themeName === currentTheme;
-                    return (_jsxs(Box, { children: [_jsx(Text, { color: isSelected ? 'cyan' : undefined, children: isSelected ? '▸ ' : '  ' }), _jsx(Text, { bold: isSelected, color: isSelected ? 'cyan' : undefined, children: theme.displayName }), isCurrent && _jsx(Text, { dimColor: true, children: " (current)" })] }, themeName));
-                }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "Preview:" }), _jsx(ThemePreview, { theme: previewTheme })] }), _jsx(Box, { marginTop: 1, justifyContent: "center", children: _jsx(Text, { dimColor: true, children: "\u2191\u2193 navigate \u2022 Enter select \u2022 Esc cancel" }) })] }) }));
-}

package/dist/components/TopPane.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from 'react';
-import { Box, Text } from 'ink';
-import { FileList } from './FileList.js';
-import { HistoryView } from './HistoryView.js';
-import { CompareListView } from './CompareListView.js';
-import { ExplorerView, buildBreadcrumbs } from './ExplorerView.js';
-import { categorizeFiles } from '../utils/fileCategories.js';
-export function TopPane({ bottomTab, currentPane, terminalWidth, topPaneHeight, files, selectedIndex, fileListScrollOffset, stagedCount, onStage, onUnstage, commits, historySelectedIndex, historyScrollOffset, onSelectHistoryCommit, compareDiff, compareListSelection, compareScrollOffset, includeUncommitted, explorerCurrentPath = '', explorerItems = [], explorerSelectedIndex = 0, explorerScrollOffset = 0, explorerIsLoading = false, explorerError = null, hideHiddenFiles = true, hideGitignored = true, }) {
-    const { modified, untracked } = categorizeFiles(files);
-    const modifiedCount = modified.length;
-    const untrackedCount = untracked.length;
-    return (_jsxs(Box, { flexDirection: "column", height: topPaneHeight, width: terminalWidth, overflowX: "hidden", overflowY: "hidden", children: [(bottomTab === 'diff' || bottomTab === 'commit') && (_jsxs(_Fragment, { children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, color: currentPane === 'files' ? 'cyan' : undefined, children: "STAGING AREA" }), _jsxs(Text, { dimColor: true, children: [' ', "(", modifiedCount, " modified, ", untrackedCount, " untracked, ", stagedCount, " staged)"] })] }), _jsx(FileList, { files: files, selectedIndex: selectedIndex, isFocused: currentPane === 'files', scrollOffset: fileListScrollOffset, maxHeight: topPaneHeight - 1, width: terminalWidth, onStage: onStage, onUnstage: onUnstage })] })), bottomTab === 'history' && (_jsxs(_Fragment, { children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, color: currentPane === 'history' ? 'cyan' : undefined, children: "COMMITS" }), _jsxs(Text, { dimColor: true, children: [" (", commits.length, " commits)"] })] }), _jsx(HistoryView, { commits: commits, selectedIndex: historySelectedIndex, scrollOffset: historyScrollOffset, maxHeight: topPaneHeight - 1, isActive: currentPane === 'history', width: terminalWidth, onSelectCommit: onSelectHistoryCommit })] })), bottomTab === 'compare' && (_jsxs(_Fragment, { children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, color: currentPane === 'compare' ? 'cyan' : undefined, children: "COMPARE" }), _jsx(Text, { dimColor: true, children: " (vs " }), _jsx(Text, { color: "cyan", children: compareDiff?.baseBranch ?? '...' }), _jsxs(Text, { dimColor: true, children: [": ", compareDiff?.commits.length ?? 0, " commits, ", compareDiff?.files.length ?? 0, " files) (b)"] }), compareDiff && compareDiff.uncommittedCount > 0 && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: " | " }), _jsxs(Text, { color: includeUncommitted ? 'magenta' : 'yellow', children: ["[", includeUncommitted ? 'x' : ' ', "] uncommitted"] }), _jsx(Text, { dimColor: true, children: " (u)" })] }))] }), _jsx(CompareListView, { commits: compareDiff?.commits ?? [], files: compareDiff?.files ?? [], selectedItem: compareListSelection, scrollOffset: compareScrollOffset, maxHeight: topPaneHeight - 1, isActive: currentPane === 'compare', width: terminalWidth })] })), bottomTab === 'explorer' && (_jsxs(_Fragment, { children: [_jsxs(Box, { justifyContent: "space-between", width: terminalWidth, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, color: currentPane === 'explorer' ? 'cyan' : undefined, children: "EXPLORER" }), _jsx(Text, { dimColor: true, children: " " }), buildBreadcrumbs(explorerCurrentPath).map((segment, i, arr) => (_jsxs(React.Fragment, { children: [_jsx(Text, { color: "blue", children: segment }), i < arr.length - 1 && _jsx(Text, { dimColor: true, children: " / " })] }, i))), explorerCurrentPath && _jsx(Text, { dimColor: true, children: " /" }), !explorerCurrentPath && _jsx(Text, { dimColor: true, children: "(root)" })] }), _jsx(Box, { children: (hideHiddenFiles || hideGitignored) && (_jsxs(Text, { dimColor: true, children: [hideHiddenFiles && 'H', hideGitignored && 'G'] })) })] }), _jsx(ExplorerView, { currentPath: explorerCurrentPath, items: explorerItems, selectedIndex: explorerSelectedIndex, scrollOffset: explorerScrollOffset, maxHeight: topPaneHeight - 1, isActive: currentPane === 'explorer', width: terminalWidth, isLoading: explorerIsLoading, error: explorerError })] }))] }));
-}

package/dist/components/UnifiedDiffView.js

@@ -1,115 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { Box, Text } from 'ink';
-import { getTheme } from '../themes.js';
-import { ScrollableList } from './ScrollableList.js';
-import { getDisplayRowsLineNumWidth } from '../utils/displayRows.js';
-// Truncate string to fit within maxWidth, adding ellipsis if needed
-function truncate(str, maxWidth) {
-    if (maxWidth <= 0 || str.length <= maxWidth)
-        return str;
-    if (maxWidth <= 1)
-        return '\u2026';
-    return str.slice(0, maxWidth - 1) + '\u2026';
-}
-// Format line number with padding
-function formatLineNum(lineNum, width) {
-    if (lineNum === undefined)
-        return ' '.repeat(width);
-    return String(lineNum).padStart(width, ' ');
-}
-function DisplayRowRenderer({ row, lineNumWidth, width, theme, wrapMode, }) {
-    const { colors } = theme;
-    // Available width for content: width - paddingX(1) - lineNum - space(1) - symbol(1) - space(1) - paddingX(1)
-    const contentWidth = width - lineNumWidth - 5;
-    // Width for headers (just subtract paddingX on each side)
-    const headerWidth = width - 2;
-    switch (row.type) {
-        case 'diff-header': {
-            // Extract file path from diff --git and show as clean separator
-            const content = row.content;
-            if (content.startsWith('diff --git')) {
-                const match = content.match(/diff --git a\/.+ b\/(.+)$/);
-                if (match) {
-                    const maxPathLen = headerWidth - 6; // "── " + " ──"
-                    const path = truncate(match[1], maxPathLen);
-                    return (_jsxs(Text, { color: "cyan", bold: true, children: ["\u2500\u2500 ", path, " \u2500\u2500"] }));
-                }
-            }
-            return _jsx(Text, { dimColor: true, children: truncate(content, headerWidth) });
-        }
-        case 'diff-hunk': {
-            // Parse hunk header: @@ -oldStart,oldCount +newStart,newCount @@ context
-            const match = row.content.match(/^@@ -(\d+)(?:,(\d+))? \+(\d+)(?:,(\d+))? @@(.*)$/);
-            if (match) {
-                const oldStart = parseInt(match[1], 10);
-                const oldCount = match[2] ? parseInt(match[2], 10) : 1;
-                const newStart = parseInt(match[3], 10);
-                const newCount = match[4] ? parseInt(match[4], 10) : 1;
-                const context = match[5].trim();
-                const oldEnd = oldStart + oldCount - 1;
-                const newEnd = newStart + newCount - 1;
-                const oldRange = oldCount === 1 ? `${oldStart}` : `${oldStart}-${oldEnd}`;
-                const newRange = newCount === 1 ? `${newStart}` : `${newStart}-${newEnd}`;
-                const rangeText = `Lines ${oldRange} \u2192 ${newRange}`;
-                const contextMaxLen = headerWidth - rangeText.length - 1;
-                const truncatedContext = context && contextMaxLen > 3 ? ' ' + truncate(context, contextMaxLen) : '';
-                return (_jsxs(Box, { children: [_jsx(Text, { color: "cyan", dimColor: true, children: rangeText }), truncatedContext && _jsx(Text, { color: "gray", children: truncatedContext })] }));
-            }
-            return (_jsx(Text, { color: "cyan", dimColor: true, children: truncate(row.content, headerWidth) }));
-        }
-        case 'diff-add': {
-            const isCont = row.isContinuation;
-            // Use » for continuation - it's single-width and renders background correctly
-            const symbol = isCont ? '\u00bb' : '+';
-            const rawContent = wrapMode ? row.content || '' : truncate(row.content, contentWidth) || '';
-            // Always prepend space to content
-            const content = ' ' + rawContent || ' ';
-            return (_jsxs(Box, { children: [_jsx(Text, { backgroundColor: colors.addBg, color: colors.addLineNum, children: formatLineNum(row.lineNum, lineNumWidth) + ' ' }), _jsx(Text, { backgroundColor: colors.addBg, color: isCont ? colors.addLineNum : colors.addSymbol, bold: !isCont, children: symbol }), _jsx(Text, { backgroundColor: colors.addBg, color: colors.text, children: content })] }));
-        }
-        case 'diff-del': {
-            const isCont = row.isContinuation;
-            // Use » for continuation - it's single-width and renders background correctly
-            const symbol = isCont ? '\u00bb' : '-';
-            const rawContent = wrapMode ? row.content || '' : truncate(row.content, contentWidth) || '';
-            // Always prepend space to content
-            const content = ' ' + rawContent || ' ';
-            return (_jsxs(Box, { children: [_jsx(Text, { backgroundColor: colors.delBg, color: colors.delLineNum, children: formatLineNum(row.lineNum, lineNumWidth) + ' ' }), _jsx(Text, { backgroundColor: colors.delBg, color: isCont ? colors.delLineNum : colors.delSymbol, bold: !isCont, children: symbol }), _jsx(Text, { backgroundColor: colors.delBg, color: colors.text, children: content })] }));
-        }
-        case 'diff-context': {
-            const isCont = row.isContinuation;
-            // Use » for continuation - it's single-width and renders correctly
-            const symbol = isCont ? '\u00bb ' : '  ';
-            const content = wrapMode ? row.content : truncate(row.content, contentWidth);
-            return (_jsxs(Box, { children: [_jsxs(Text, { color: colors.contextLineNum, children: [formatLineNum(row.lineNum, lineNumWidth), " "] }), _jsx(Text, { dimColor: true, children: symbol }), _jsx(Text, { children: content })] }));
-        }
-        case 'commit-header':
-            return _jsx(Text, { color: "yellow", children: truncate(row.content, headerWidth) });
-        case 'commit-message':
-            return _jsx(Text, { children: truncate(row.content, headerWidth) });
-        case 'spacer':
-            return _jsx(Text, { children: " " });
-    }
-}
-/**
- * The ONE diff renderer used by all tabs.
- * Every row = exactly 1 terminal row.
- * No variable heights, no complexity.
- */
-export function UnifiedDiffView({ rows, maxHeight, scrollOffset, theme: themeName, width, wrapMode = false, }) {
-    const theme = useMemo(() => getTheme(themeName), [themeName]);
-    const lineNumWidth = useMemo(() => getDisplayRowsLineNumWidth(rows), [rows]);
-    if (rows.length === 0) {
-        return (_jsx(Box, { paddingX: 1, children: _jsx(Text, { dimColor: true, children: "No diff to display" }) }));
-    }
-    return (_jsx(Box, { flexDirection: "column", paddingX: 1, width: width, children: _jsx(ScrollableList, { items: rows, maxHeight: maxHeight, scrollOffset: scrollOffset, getKey: (_, i) => `row-${i}`, 
-            // NO getItemHeight - all rows are 1 line
-            renderItem: (row) => (_jsx(DisplayRowRenderer, { row: row, lineNumWidth: lineNumWidth, width: width, theme: theme, wrapMode: wrapMode })) }) }));
-}
-/**
- * Get total row count for scroll calculation.
- * Since every row = 1 terminal row, this is just rows.length.
- */
-export function getUnifiedDiffTotalRows(rows) {
-    return rows.length;
-}

package/dist/hooks/useCommitFlow.js

@@ -1,66 +0,0 @@
-import { useState, useCallback, useEffect } from 'react';
-import { validateCommit, formatCommitMessage } from '../services/commitService.js';
-/**
- * Hook that manages the commit flow state and logic.
- * Extracted from CommitPanel to separate concerns.
- */
-export function useCommitFlow(options) {
-    const { stagedCount, onCommit, onSuccess, getHeadMessage } = options;
-    const [message, setMessage] = useState('');
-    const [amend, setAmend] = useState(false);
-    const [isCommitting, setIsCommitting] = useState(false);
-    const [error, setError] = useState(null);
-    const [inputFocused, setInputFocused] = useState(false);
-    // Load HEAD message when amend is toggled
-    useEffect(() => {
-        if (amend) {
-            getHeadMessage().then((msg) => {
-                if (msg && !message) {
-                    setMessage(msg);
-                }
-            });
-        }
-    }, [amend, getHeadMessage]);
-    const toggleAmend = useCallback(() => {
-        setAmend((prev) => !prev);
-    }, []);
-    const handleSubmit = useCallback(async () => {
-        const validation = validateCommit(message, stagedCount, amend);
-        if (!validation.valid) {
-            setError(validation.error);
-            return;
-        }
-        setIsCommitting(true);
-        setError(null);
-        try {
-            await onCommit(formatCommitMessage(message), amend);
-            setMessage('');
-            setAmend(false);
-            onSuccess();
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : 'Commit failed');
-        }
-        finally {
-            setIsCommitting(false);
-        }
-    }, [message, stagedCount, amend, onCommit, onSuccess]);
-    const reset = useCallback(() => {
-        setMessage('');
-        setAmend(false);
-        setError(null);
-        setInputFocused(false);
-    }, []);
-    return {
-        message,
-        amend,
-        isCommitting,
-        error,
-        inputFocused,
-        setMessage,
-        toggleAmend,
-        setInputFocused,
-        handleSubmit,
-        reset,
-    };
-}

package/dist/hooks/useCompareState.js

@@ -1,123 +0,0 @@
-import { useState, useEffect, useCallback, useMemo, useRef } from 'react';
-import { getCompareItemIndexFromRow, getFileScrollOffset } from '../utils/rowCalculations.js';
-import { buildCompareDisplayRows, getDisplayRowsLineNumWidth, getWrappedRowCount, } from '../utils/displayRows.js';
-export function useCompareState({ repoPath, isActive, compareDiff, refreshCompareDiff, getCandidateBaseBranches, setCompareBaseBranch, selectCompareCommit, topPaneHeight, compareScrollOffset, setCompareScrollOffset, setDiffScrollOffset, status, wrapMode, terminalWidth, }) {
-    const [includeUncommitted, setIncludeUncommitted] = useState(true);
-    const [compareListSelection, setCompareListSelection] = useState(null);
-    const [compareSelectedIndex, setCompareSelectedIndex] = useState(0);
-    const compareSelectionInitialized = useRef(false);
-    const [baseBranchCandidates, setBaseBranchCandidates] = useState([]);
-    const [showBaseBranchPicker, setShowBaseBranchPicker] = useState(false);
-    // Fetch compare diff when tab becomes active
-    useEffect(() => {
-        if (repoPath && isActive) {
-            refreshCompareDiff(includeUncommitted);
-        }
-    }, [repoPath, isActive, status, refreshCompareDiff, includeUncommitted]);
-    // Fetch base branch candidates when entering compare view
-    useEffect(() => {
-        if (repoPath && isActive) {
-            getCandidateBaseBranches().then(setBaseBranchCandidates);
-        }
-    }, [repoPath, isActive, getCandidateBaseBranches]);
-    // Reset compare selection state when entering compare tab
-    useEffect(() => {
-        if (isActive) {
-            compareSelectionInitialized.current = false;
-            setCompareListSelection(null);
-            setDiffScrollOffset(0);
-        }
-    }, [isActive, setDiffScrollOffset]);
-    // Update compare selection when compareSelectedIndex changes (only after user interaction)
-    useEffect(() => {
-        if (isActive && compareDiff && compareSelectionInitialized.current) {
-            const commitCount = compareDiff.commits.length;
-            const fileCount = compareDiff.files.length;
-            if (compareSelectedIndex < commitCount) {
-                setCompareListSelection({ type: 'commit', index: compareSelectedIndex });
-                selectCompareCommit(compareSelectedIndex);
-                setDiffScrollOffset(0);
-            }
-            else if (compareSelectedIndex < commitCount + fileCount) {
-                const fileIndex = compareSelectedIndex - commitCount;
-                setCompareListSelection({ type: 'file', index: fileIndex });
-                const scrollTo = getFileScrollOffset(compareDiff, fileIndex);
-                setDiffScrollOffset(scrollTo);
-            }
-        }
-    }, [isActive, compareDiff, compareSelectedIndex, selectCompareCommit, setDiffScrollOffset]);
-    // Computed values
-    const compareTotalItems = useMemo(() => {
-        if (!compareDiff)
-            return 0;
-        return compareDiff.commits.length + compareDiff.files.length;
-    }, [compareDiff]);
-    // When wrap mode is enabled, account for wrapped lines
-    const compareDiffTotalRows = useMemo(() => {
-        const displayRows = buildCompareDisplayRows(compareDiff);
-        if (!wrapMode)
-            return displayRows.length;
-        const lineNumWidth = getDisplayRowsLineNumWidth(displayRows);
-        const contentWidth = terminalWidth - lineNumWidth - 5;
-        return getWrappedRowCount(displayRows, contentWidth, true);
-    }, [compareDiff, wrapMode, terminalWidth]);
-    // Handlers
-    const toggleIncludeUncommitted = useCallback(() => {
-        setIncludeUncommitted((prev) => !prev);
-    }, []);
-    const openBaseBranchPicker = useCallback(() => {
-        setShowBaseBranchPicker(true);
-    }, []);
-    const closeBaseBranchPicker = useCallback(() => {
-        setShowBaseBranchPicker(false);
-    }, []);
-    const selectBaseBranch = useCallback((branch) => {
-        setShowBaseBranchPicker(false);
-        setCompareBaseBranch(branch, includeUncommitted);
-    }, [setCompareBaseBranch, includeUncommitted]);
-    const markSelectionInitialized = useCallback(() => {
-        compareSelectionInitialized.current = true;
-    }, []);
-    const navigateCompareUp = useCallback(() => {
-        compareSelectionInitialized.current = true;
-        setCompareSelectedIndex((prev) => {
-            const newIndex = Math.max(0, prev - 1);
-            if (newIndex < compareScrollOffset)
-                setCompareScrollOffset(newIndex);
-            return newIndex;
-        });
-    }, [compareScrollOffset, setCompareScrollOffset]);
-    const navigateCompareDown = useCallback(() => {
-        compareSelectionInitialized.current = true;
-        setCompareSelectedIndex((prev) => {
-            const newIndex = Math.min(compareTotalItems - 1, prev + 1);
-            const visibleEnd = compareScrollOffset + topPaneHeight - 2;
-            if (newIndex >= visibleEnd)
-                setCompareScrollOffset(compareScrollOffset + 1);
-            return newIndex;
-        });
-    }, [compareTotalItems, compareScrollOffset, topPaneHeight, setCompareScrollOffset]);
-    const getItemIndexFromRow = useCallback((visualRow) => {
-        if (!compareDiff)
-            return -1;
-        return getCompareItemIndexFromRow(visualRow, compareDiff.commits.length, compareDiff.files.length);
-    }, [compareDiff]);
-    return {
-        includeUncommitted,
-        compareListSelection,
-        compareSelectedIndex,
-        baseBranchCandidates,
-        showBaseBranchPicker,
-        compareTotalItems,
-        compareDiffTotalRows,
-        setCompareSelectedIndex,
-        toggleIncludeUncommitted,
-        openBaseBranchPicker,
-        closeBaseBranchPicker,
-        selectBaseBranch,
-        navigateCompareUp,
-        navigateCompareDown,
-        markSelectionInitialized,
-        getItemIndexFromRow,
-    };
-}

package/dist/hooks/useExplorerState.js

@@ -1,248 +0,0 @@
-import { useState, useEffect, useCallback, useMemo } from 'react';
-import * as fs from 'node:fs';
-import * as path from 'node:path';
-import { simpleGit } from 'simple-git';
-const MAX_FILE_SIZE = 1024 * 1024; // 1MB
-const WARN_FILE_SIZE = 100 * 1024; // 100KB
-// Check if content appears to be binary
-function isBinaryContent(buffer) {
-    // Check first 8KB for null bytes (common in binary files)
-    const checkLength = Math.min(buffer.length, 8192);
-    for (let i = 0; i < checkLength; i++) {
-        if (buffer[i] === 0)
-            return true;
-    }
-    return false;
-}
-// Get ignored files using git check-ignore
-async function getIgnoredFiles(repoPath, files) {
-    if (files.length === 0)
-        return new Set();
-    const git = simpleGit(repoPath);
-    const ignoredFiles = new Set();
-    const batchSize = 100;
-    for (let i = 0; i < files.length; i += batchSize) {
-        const batch = files.slice(i, i + batchSize);
-        try {
-            const result = await git.raw(['check-ignore', ...batch]);
-            const ignored = result
-                .trim()
-                .split('\n')
-                .filter((f) => f.length > 0);
-            for (const f of ignored) {
-                ignoredFiles.add(f);
-            }
-        }
-        catch {
-            // check-ignore exits with code 1 if no files are ignored
-        }
-    }
-    return ignoredFiles;
-}
-export function useExplorerState({ repoPath, isActive, topPaneHeight, explorerScrollOffset, setExplorerScrollOffset, fileScrollOffset, setFileScrollOffset, hideHiddenFiles, hideGitignored, }) {
-    const [currentPath, setCurrentPath] = useState('');
-    const [items, setItems] = useState([]);
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    const [selectedFile, setSelectedFile] = useState(null);
-    const [isLoading, setIsLoading] = useState(false);
-    const [error, setError] = useState(null);
-    // Load directory contents when path changes or tab becomes active
-    useEffect(() => {
-        if (!isActive || !repoPath)
-            return;
-        const loadDirectory = async () => {
-            setIsLoading(true);
-            setError(null);
-            try {
-                const fullPath = path.join(repoPath, currentPath);
-                // Read directory
-                const entries = await fs.promises.readdir(fullPath, { withFileTypes: true });
-                // Build list of paths for gitignore check
-                const pathsToCheck = entries.map((e) => currentPath ? path.join(currentPath, e.name) : e.name);
-                // Get ignored files (only if we need to filter them)
-                const ignoredFiles = hideGitignored
-                    ? await getIgnoredFiles(repoPath, pathsToCheck)
-                    : new Set();
-                // Filter and map entries
-                const explorerItems = entries
-                    .filter((entry) => {
-                    // Filter dot-prefixed hidden files (e.g., .env, .gitignore)
-                    if (hideHiddenFiles && entry.name.startsWith('.')) {
-                        return false;
-                    }
-                    // Filter gitignored files
-                    if (hideGitignored) {
-                        const relativePath = currentPath ? path.join(currentPath, entry.name) : entry.name;
-                        if (ignoredFiles.has(relativePath)) {
-                            return false;
-                        }
-                    }
-                    return true;
-                })
-                    .map((entry) => ({
-                    name: entry.name,
-                    path: currentPath ? path.join(currentPath, entry.name) : entry.name,
-                    isDirectory: entry.isDirectory(),
-                }));
-                // Sort: directories first (alphabetical), then files (alphabetical)
-                explorerItems.sort((a, b) => {
-                    if (a.isDirectory && !b.isDirectory)
-                        return -1;
-                    if (!a.isDirectory && b.isDirectory)
-                        return 1;
-                    return a.name.localeCompare(b.name);
-                });
-                // Add ".." at the beginning if not at root
-                if (currentPath) {
-                    explorerItems.unshift({
-                        name: '..',
-                        path: path.dirname(currentPath) || '',
-                        isDirectory: true,
-                    });
-                }
-                setItems(explorerItems);
-                setSelectedIndex(0);
-                setExplorerScrollOffset(0);
-            }
-            catch (err) {
-                setError(err instanceof Error ? err.message : 'Failed to read directory');
-                setItems([]);
-            }
-            finally {
-                setIsLoading(false);
-            }
-        };
-        loadDirectory();
-    }, [repoPath, currentPath, isActive, setExplorerScrollOffset, hideHiddenFiles, hideGitignored]);
-    // Load file content when selection changes to a file
-    useEffect(() => {
-        if (!isActive || !repoPath || items.length === 0) {
-            setSelectedFile(null);
-            return;
-        }
-        const selected = items[selectedIndex];
-        if (!selected || selected.isDirectory) {
-            setSelectedFile(null);
-            return;
-        }
-        const loadFile = async () => {
-            try {
-                const fullPath = path.join(repoPath, selected.path);
-                const stats = await fs.promises.stat(fullPath);
-                // Check file size
-                if (stats.size > MAX_FILE_SIZE) {
-                    setSelectedFile({
-                        path: selected.path,
-                        content: `File too large to display (${(stats.size / 1024 / 1024).toFixed(2)} MB).\nMaximum size: 1 MB`,
-                        truncated: true,
-                    });
-                    return;
-                }
-                const buffer = await fs.promises.readFile(fullPath);
-                // Check if binary
-                if (isBinaryContent(buffer)) {
-                    setSelectedFile({
-                        path: selected.path,
-                        content: 'Binary file - cannot display',
-                    });
-                    return;
-                }
-                let content = buffer.toString('utf-8');
-                let truncated = false;
-                // Warn about large files
-                if (stats.size > WARN_FILE_SIZE) {
-                    const warning = `⚠ Large file (${(stats.size / 1024).toFixed(1)} KB)\n\n`;
-                    content = warning + content;
-                }
-                // Truncate if needed (shouldn't happen given MAX_FILE_SIZE, but just in case)
-                const maxLines = 5000;
-                const lines = content.split('\n');
-                if (lines.length > maxLines) {
-                    content =
-                        lines.slice(0, maxLines).join('\n') +
-                            `\n\n... (truncated, ${lines.length - maxLines} more lines)`;
-                    truncated = true;
-                }
-                setSelectedFile({
-                    path: selected.path,
-                    content,
-                    truncated,
-                });
-                setFileScrollOffset(0);
-            }
-            catch (err) {
-                setSelectedFile({
-                    path: selected.path,
-                    content: err instanceof Error ? `Error: ${err.message}` : 'Failed to read file',
-                });
-            }
-        };
-        loadFile();
-    }, [repoPath, items, selectedIndex, isActive, setFileScrollOffset]);
-    // Total rows for scroll calculations (item count)
-    const explorerTotalRows = useMemo(() => items.length, [items]);
-    // Navigation handlers
-    const navigateUp = useCallback(() => {
-        setSelectedIndex((prev) => {
-            const newIndex = Math.max(0, prev - 1);
-            // When scrolled, the top indicator takes a row, so first visible item is scrollOffset
-            // but we want to keep item visible above the indicator when scrolling up
-            if (newIndex < explorerScrollOffset) {
-                setExplorerScrollOffset(newIndex);
-            }
-            return newIndex;
-        });
-    }, [explorerScrollOffset, setExplorerScrollOffset]);
-    const navigateDown = useCallback(() => {
-        setSelectedIndex((prev) => {
-            const newIndex = Math.min(items.length - 1, prev + 1);
-            // Calculate visible area: topPaneHeight - 1 for "EXPLORER" header
-            // When content needs scrolling, ScrollableList reserves 2 more rows for indicators
-            const maxHeight = topPaneHeight - 1;
-            const needsScrolling = items.length > maxHeight;
-            const availableHeight = needsScrolling ? maxHeight - 2 : maxHeight;
-            const visibleEnd = explorerScrollOffset + availableHeight;
-            if (newIndex >= visibleEnd) {
-                setExplorerScrollOffset(explorerScrollOffset + 1);
-            }
-            return newIndex;
-        });
-    }, [items.length, explorerScrollOffset, topPaneHeight, setExplorerScrollOffset]);
-    const enterDirectory = useCallback(() => {
-        const selected = items[selectedIndex];
-        if (!selected)
-            return;
-        if (selected.isDirectory) {
-            if (selected.name === '..') {
-                // Go to parent directory
-                setCurrentPath(path.dirname(currentPath) || '');
-            }
-            else {
-                // Enter the directory
-                setCurrentPath(selected.path);
-            }
-        }
-        // If it's a file, do nothing (file content is already shown in bottom pane)
-    }, [items, selectedIndex, currentPath]);
-    const goUp = useCallback(() => {
-        if (currentPath) {
-            setCurrentPath(path.dirname(currentPath) || '');
-        }
-    }, [currentPath]);
-    return {
-        currentPath,
-        items,
-        selectedIndex,
-        setSelectedIndex,
-        selectedFile,
-        fileScrollOffset,
-        setFileScrollOffset,
-        navigateUp,
-        navigateDown,
-        enterDirectory,
-        goUp,
-        isLoading,
-        error,
-        explorerTotalRows,
-    };
-}