@tecet/ollm 0.1.3

package/dist/ui/components/tabs/ChatTab.js

@@ -0,0 +1,177 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, memo } from 'react';
+import { Box, useInput, useStdout } from 'ink';
+import { useChat } from '../../../features/context/ChatContext.js';
+import { useFocusManager } from '../../../features/context/FocusContext.js';
+import { useKeybinds } from '../../../features/context/KeybindsContext.js';
+import { useUI } from '../../../features/context/UIContext.js';
+import { useWindow } from '../../contexts/WindowContext.js';
+import { isKey } from '../../utils/keyUtils.js';
+import { profileRender } from '../../utils/performanceProfiler.js';
+import { buildChatLines, ChatHistory, messageHasLargeDiff } from '../chat/ChatHistory.js';
+import { EditorMockup } from '../code-editor/EditorMockup.js';
+import { Terminal } from '../Terminal.js';
+import { WindowSwitcher } from '../WindowSwitcher.js';
+/**
+ * ChatTab component
+ *
+ * Main chat interface with message history and input box.
+ * This component manages multiple windows (Chat, Terminal, Editor) and displays
+ * the active window based on WindowContext state.
+ *
+ * Window Management:
+ * - Chat: Default window showing message history
+ * - Terminal: Interactive terminal for command execution
+ * - Editor: Code editor for file editing
+ *
+ * The WindowSwitcher component provides visual indication of the active window.
+ *
+ * Performance Optimizations:
+ * - Memoized with React.memo to prevent unnecessary re-renders
+ * - Expensive computations (buildChatLines) are memoized with useMemo
+ * - Config objects are memoized to prevent reference changes
+ * - Profiling available with OLLM_PROFILE_RENDERS=true
+ */
+function ChatTabComponent(props) {
+    // Profile renders for performance monitoring
+    profileRender('ChatTab', props);
+    const { metricsConfig, reasoningConfig, columnWidth, height, showBorder = true } = props;
+    const { state: chatState, scrollOffset, selectedLineIndex, setSelectedLineIndex, updateMessage, } = useChat();
+    const { state: uiState } = useUI();
+    const { stdout } = useStdout();
+    const { isFocused, exitToNavBar } = useFocusManager();
+    const { activeWindow, switchWindow } = useWindow();
+    const { activeKeybinds } = useKeybinds();
+    const hasFocus = isFocused('chat-history');
+    // Use provided config or defaults
+    const finalMetricsConfig = useMemo(() => metricsConfig || { enabled: true, compactMode: false }, [metricsConfig]);
+    const finalReasoningConfig = useMemo(() => reasoningConfig || { enabled: true, maxVisibleLines: 8 }, [reasoningConfig]);
+    // Memoize layout calculations to prevent recalculation on every render
+    const layoutMetrics = useMemo(() => {
+        const leftWidth = columnWidth ?? stdout?.columns ?? 80;
+        const contentWidth = Math.min(100, Math.max(20, Math.floor(leftWidth * 0.8)));
+        const maxVisibleLines = height - 4; // account for border and scroll indicators
+        return { leftWidth, contentWidth, maxVisibleLines };
+    }, [columnWidth, stdout?.columns, height]);
+    // Memoize expensive chat line building operation
+    // This is one of the most expensive operations in the chat UI
+    const lines = useMemo(() => buildChatLines(chatState.messages, uiState.theme, finalMetricsConfig, finalReasoningConfig, 0, layoutMetrics.contentWidth - 2, 2), [
+        chatState.messages,
+        uiState.theme,
+        finalMetricsConfig,
+        finalReasoningConfig,
+        layoutMetrics.contentWidth,
+    ]);
+    const lastLineCountRef = useRef(0);
+    // Memoize selected line calculations to avoid recalculating on every render
+    const selectedLineData = useMemo(() => {
+        const clampedIndex = Math.min(Math.max(selectedLineIndex, 0), Math.max(0, lines.length - 1));
+        const selectedLine = lines[clampedIndex];
+        const selectedMessage = selectedLine?.messageId
+            ? chatState.messages.find((item) => item.id === selectedLine.messageId)
+            : undefined;
+        const selectedHasToggle = Boolean((selectedLine?.kind === 'header' &&
+            selectedMessage &&
+            (selectedMessage.reasoning ||
+                selectedMessage.toolCalls?.some((tc) => {
+                    const hasArgs = tc.arguments && Object.keys(tc.arguments).length > 0;
+                    return hasArgs || Boolean(tc.result);
+                }))) ||
+            (selectedLine?.kind === 'diff-summary' &&
+                selectedMessage &&
+                messageHasLargeDiff(selectedMessage.content)));
+        const toggleHint = selectedHasToggle ? 'Left/Right to toggle details' : undefined;
+        return { selectedLine, selectedMessage, selectedHasToggle, toggleHint };
+    }, [selectedLineIndex, lines, chatState.messages]);
+    useEffect(() => {
+        const total = lines.length;
+        const lastLineIndex = Math.max(0, total - 1);
+        const previousTotal = lastLineCountRef.current;
+        const wasAtBottom = selectedLineIndex >= Math.max(0, previousTotal - 1);
+        if (total === 0) {
+            setSelectedLineIndex(0);
+        }
+        else if (selectedLineIndex > lastLineIndex) {
+            setSelectedLineIndex(lastLineIndex);
+        }
+        else if (total !== previousTotal && wasAtBottom) {
+            setSelectedLineIndex(lastLineIndex);
+        }
+        lastLineCountRef.current = total;
+    }, [lines.length, selectedLineIndex, setSelectedLineIndex]);
+    // Note: Scroll logic is now handled in ChatContext + App.tsx global shortcuts
+    // This ensures scrolling works even when InputBox is focused.
+    useInput((input, key) => {
+        if (!hasFocus)
+            return;
+        const isWindowSwitchLeft = (key.ctrl && key.leftArrow) || isKey(input, key, activeKeybinds.layout.switchWindowLeft);
+        const isWindowSwitchRight = (key.ctrl && key.rightArrow) || isKey(input, key, activeKeybinds.layout.switchWindowRight);
+        if (isWindowSwitchLeft) {
+            switchWindow('prev');
+            return;
+        }
+        if (isWindowSwitchRight) {
+            switchWindow('next');
+            return;
+        }
+        if (key.upArrow) {
+            setSelectedLineIndex((prev) => Math.max(0, prev - 1));
+            return;
+        }
+        if (key.downArrow) {
+            setSelectedLineIndex((prev) => Math.min(Math.max(0, lines.length - 1), prev + 1));
+            return;
+        }
+        if ((key.rightArrow || key.leftArrow) && !key.ctrl && !key.meta) {
+            const { selectedLine: line, selectedMessage: message } = selectedLineData;
+            if (!line?.messageId || !message)
+                return;
+            const isDiffSummaryLine = line.kind === 'diff-summary';
+            const hasExpandableDiff = isDiffSummaryLine && messageHasLargeDiff(message.content);
+            const hasExpandableReasoning = !isDiffSummaryLine && Boolean(message.reasoning);
+            const hasExpandableTools = !isDiffSummaryLine &&
+                Boolean(message.toolCalls?.some((tc) => {
+                    const hasArgs = tc.arguments && Object.keys(tc.arguments).length > 0;
+                    return hasArgs || Boolean(tc.result);
+                }));
+            if (!hasExpandableDiff && !hasExpandableReasoning && !hasExpandableTools)
+                return;
+            updateMessage(message.id, { expanded: key.rightArrow ? true : false });
+            return;
+        }
+        // Allow ESC to bubble to global handler (unless in menu)
+        if (key.escape && !chatState.menuState.active && input !== '0')
+            return;
+        if (input === '0') {
+            exitToNavBar();
+            return;
+        }
+    }, { isActive: hasFocus });
+    // Memoize window switcher to prevent unnecessary re-renders
+    const windowSwitcher = useMemo(() => {
+        if (!props.showWindowSwitcher)
+            return null;
+        return (_jsx(Box, { width: "100%", flexShrink: 0, flexDirection: "row", justifyContent: "flex-end", paddingRight: 1, children: _jsx(WindowSwitcher, {}) }));
+    }, [props.showWindowSwitcher]);
+    return (_jsxs(Box, { flexDirection: "column", height: height, overflow: "hidden", width: "100%", borderStyle: showBorder ? uiState.theme.border.style : undefined, borderColor: hasFocus ? uiState.theme.text.secondary : uiState.theme.border.primary, children: [windowSwitcher, activeWindow === 'chat' && (_jsx(Box, { flexDirection: "column", paddingX: 1, flexGrow: 1, flexShrink: 1, overflow: "hidden", children: _jsx(ChatHistory, { messages: chatState.messages, streaming: chatState.streaming, waitingForResponse: chatState.waitingForResponse, scrollToBottom: true, theme: uiState.theme, scrollOffset: scrollOffset, maxVisibleLines: layoutMetrics.maxVisibleLines, paddingY: 0, metricsConfig: finalMetricsConfig, reasoningConfig: finalReasoningConfig, width: columnWidth ? columnWidth - 2 : 78, selectedLineIndex: selectedLineIndex, lines: lines, scrollHintTop: hasFocus ? 'Keyboard Up to scroll' : undefined, scrollHintBottom: hasFocus ? 'Keyboard Down to scroll' : undefined, toggleHint: selectedLineData.toggleHint }) })), activeWindow === 'terminal' && (_jsx(Box, { flexGrow: 1, width: "100%", children: _jsx(Terminal, { height: height - (props.showWindowSwitcher ? 3 : 2) }) })), activeWindow === 'editor' && (_jsx(Box, { flexGrow: 1, width: "100%", children: _jsx(EditorMockup, { width: columnWidth ? columnWidth - 2 : 78, height: height - (props.showWindowSwitcher ? 4 : 3) }) }))] }));
+}
+/**
+ * Memoized ChatTab component
+ *
+ * Only re-renders when props actually change, preventing unnecessary
+ * re-renders when parent components update.
+ *
+ * Custom comparison function ensures we only re-render when meaningful
+ * props change (height, width, configs, etc.)
+ */
+export const ChatTab = memo(ChatTabComponent, (prevProps, nextProps) => {
+    // Custom comparison to prevent unnecessary re-renders
+    return (prevProps.height === nextProps.height &&
+        prevProps.showBorder === nextProps.showBorder &&
+        prevProps.columnWidth === nextProps.columnWidth &&
+        prevProps.showWindowSwitcher === nextProps.showWindowSwitcher &&
+        // Deep compare configs (they should be stable references from useMemo)
+        prevProps.metricsConfig === nextProps.metricsConfig &&
+        prevProps.reasoningConfig === nextProps.reasoningConfig);
+});
+//# sourceMappingURL=ChatTab.js.map

package/dist/ui/components/tabs/ChatTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTab.js","sourceRoot":"","sources":["../../../../src/ui/components/tabs/ChatTab.tsx"],"names":[],"mappings":"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"}

package/dist/ui/components/tabs/DocsTab.d.ts

@@ -0,0 +1,16 @@
+/**
+ * DocsTab component
+ *
+ * Documentation browser with two-column layout:
+ * - Left (30%): Document navigation tree
+ * - Right (70%): Document content viewer
+ *
+ * Requirements: 12.1, 12.2, 12.3, 12.4, 12.5
+ */
+interface DocsTabProps {
+    height: number;
+    width?: number;
+}
+export declare function DocsTab({ height, width }: DocsTabProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DocsTab.d.ts.map

package/dist/ui/components/tabs/DocsTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocsTab.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/tabs/DocsTab.tsx"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AACH,UAAU,YAAY;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,YAAY,2CAEtD"}

package/dist/ui/components/tabs/DocsTab.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DocsPanel } from '../docs/DocsPanel.js';
+export function DocsTab({ height, width }) {
+    return _jsx(DocsPanel, { height: height, windowWidth: width });
+}
+//# sourceMappingURL=DocsTab.js.map

package/dist/ui/components/tabs/DocsTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocsTab.js","sourceRoot":"","sources":["../../../../src/ui/components/tabs/DocsTab.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAgBjD,MAAM,UAAU,OAAO,CAAC,EAAE,MAAM,EAAE,KAAK,EAAgB;IACrD,OAAO,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,GAAI,CAAC;AAC3D,CAAC"}

package/dist/ui/components/tabs/FileViewerTab.d.ts

@@ -0,0 +1,27 @@
+/**
+ * FileViewerTab Component
+ *
+ * Displays the syntax viewer for opened files in the main left panel.
+ * This provides a larger viewing area compared to the right panel.
+ *
+ * Requirements: 5.4, 5.5
+ */
+export interface FileViewerTabProps {
+    /** Width of the tab container */
+    width?: number;
+    /** Height of the tab container */
+    height?: number;
+}
+/**
+ * FileViewerTab component
+ *
+ * Displays a file in the syntax viewer with scrolling support.
+ * Provides a large viewing area in the main left panel.
+ *
+ * Esc key behavior:
+ * - Closes the file viewer
+ * - Returns to chat tab
+ * - Focuses the navbar
+ */
+export declare function FileViewerTab({ width, height }: FileViewerTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FileViewerTab.d.ts.map

package/dist/ui/components/tabs/FileViewerTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileViewerTab.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/tabs/FileViewerTab.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAWH,MAAM,WAAW,kBAAkB;IACjC,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,kBAAkB,2CA2ClE"}

package/dist/ui/components/tabs/FileViewerTab.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * FileViewerTab Component
+ *
+ * Displays the syntax viewer for opened files in the main left panel.
+ * This provides a larger viewing area compared to the right panel.
+ *
+ * Requirements: 5.4, 5.5
+ */
+import { useCallback } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { useFocusManager } from '../../../features/context/FocusContext.js';
+import { useKeybinds } from '../../../features/context/KeybindsContext.js';
+import { useUI } from '../../../features/context/UIContext.js';
+import { isKey } from '../../utils/keyUtils.js';
+import { SyntaxViewer } from '../file-explorer/SyntaxViewer.js';
+/**
+ * FileViewerTab component
+ *
+ * Displays a file in the syntax viewer with scrolling support.
+ * Provides a large viewing area in the main left panel.
+ *
+ * Esc key behavior:
+ * - Closes the file viewer
+ * - Returns to chat tab
+ * - Focuses the navbar
+ */
+export function FileViewerTab({ width, height }) {
+    const { state: uiState, closeFileViewer, setActiveTab } = useUI();
+    const { activeKeybinds } = useKeybinds();
+    const focusManager = useFocusManager();
+    const { fileViewer } = uiState;
+    // Handle Esc key to close viewer and return to chat (like other tabs)
+    const handleClose = useCallback(() => {
+        // Close viewer and switch to chat
+        closeFileViewer();
+        setActiveTab('chat');
+        focusManager.setFocus('nav-bar');
+        focusManager.setMode('browse');
+    }, [closeFileViewer, setActiveTab, focusManager]);
+    useInput((input, key) => {
+        if (isKey(input, key, activeKeybinds.chat.cancel)) {
+            handleClose();
+        }
+    }, { isActive: fileViewer.isOpen });
+    if (!fileViewer.isOpen || !fileViewer.filePath || !fileViewer.content) {
+        return (_jsx(Box, { flexDirection: "column", width: width, height: height, padding: 1, children: _jsx(Text, { color: "gray", children: "No file open" }) }));
+    }
+    return (_jsx(Box, { flexDirection: "column", width: width, height: height, children: _jsx(SyntaxViewer, { filePath: fileViewer.filePath, content: fileViewer.content, hasFocus: true, windowHeight: height ? height - 4 : 25 }) }));
+}
+//# sourceMappingURL=FileViewerTab.js.map

package/dist/ui/components/tabs/FileViewerTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileViewerTab.js","sourceRoot":"","sources":["../../../../src/ui/components/tabs/FileViewerTab.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AAEH,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,8CAA8C,CAAC;AAC3E,OAAO,EAAE,KAAK,EAAE,MAAM,wCAAwC,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAShE;;;;;;;;;;GAUG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAsB;IACjE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,CAAC;IAClE,MAAM,EAAE,cAAc,EAAE,GAAG,WAAW,EAAE,CAAC;IACzC,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAE/B,sEAAsE;IACtE,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,kCAAkC;QAClC,eAAe,EAAE,CAAC;QAClB,YAAY,CAAC,MAAM,CAAC,CAAC;QACrB,YAAY,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QACjC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,eAAe,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAElD,QAAQ,CACN,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACb,IAAI,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;YAClD,WAAW,EAAE,CAAC;QAChB,CAAC;IACH,CAAC,EACD,EAAE,QAAQ,EAAE,UAAU,CAAC,MAAM,EAAE,CAChC,CAAC;IAEF,IAAI,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,QAAQ,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;QACtE,OAAO,CACL,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,YAClE,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,6BAAoB,GAClC,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,YACtD,KAAC,YAAY,IACX,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAC7B,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,QAAQ,EAAE,IAAI,EACd,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,GACtC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/components/tabs/FilesTab.d.ts

@@ -0,0 +1,21 @@
+import { FileTreeService, FocusSystem, EditorIntegration, FileOperations } from '../file-explorer/index.js';
+export interface FilesTabProps {
+    /** Width of the tab container */
+    width?: number;
+    /** Height of the tab container */
+    height?: number;
+    /** File Explorer Services */
+    fileTreeService: FileTreeService;
+    focusSystem: FocusSystem;
+    editorIntegration: EditorIntegration;
+    fileOperations: FileOperations;
+}
+/**
+ * FilesTab component
+ *
+ * Displays the File Explorer tree view with a clean layout similar to SettingsTab.
+ *
+ * Requirements: 10.1, 10.2, 10.3, 10.4, 10.5
+ */
+export declare function FilesTab({ width, height, fileTreeService, focusSystem, editorIntegration, fileOperations, }: FilesTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FilesTab.d.ts.map

package/dist/ui/components/tabs/FilesTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilesTab.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/tabs/FilesTab.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,cAAc,EAEf,MAAM,2BAA2B,CAAC;AAEnC,MAAM,WAAW,aAAa;IAC5B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,6BAA6B;IAC7B,eAAe,EAAE,eAAe,CAAC;IACjC,WAAW,EAAE,WAAW,CAAC;IACzB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,cAAc,EAAE,cAAc,CAAC;CAChC;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,MAAM,EACN,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,cAAc,GACf,EAAE,aAAa,2CAqFf"}

package/dist/ui/components/tabs/FilesTab.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { Box, Text } from 'ink';
+import { useFocusManager } from '../../../features/context/FocusContext.js';
+import { useUI } from '../../../features/context/UIContext.js';
+import { ErrorBoundary } from '../ErrorBoundary.js';
+import { FileTreeView, useFileTree, } from '../file-explorer/index.js';
+/**
+ * FilesTab component
+ *
+ * Displays the File Explorer tree view with a clean layout similar to SettingsTab.
+ *
+ * Requirements: 10.1, 10.2, 10.3, 10.4, 10.5
+ */
+export function FilesTab({ width, height, fileTreeService, focusSystem, editorIntegration, fileOperations, }) {
+    const { state: uiState } = useUI();
+    const { isFocused } = useFocusManager();
+    const { state: treeState, setRoot, expandDirectory } = useFileTree();
+    const hasFocus = isFocused('file-tree');
+    // Initialize tree if not already loaded
+    useEffect(() => {
+        if (!treeState.root) {
+            const initTree = async () => {
+                try {
+                    const rootNode = await fileTreeService.buildTree({
+                        rootPath: process.cwd(),
+                    });
+                    // Immediately expand the root to show files and folders
+                    await fileTreeService.expandDirectory(rootNode, [
+                        'node_modules',
+                        '.git',
+                        'dist',
+                        'coverage',
+                    ]);
+                    expandDirectory(rootNode.path);
+                    setRoot(rootNode);
+                }
+                catch (error) {
+                    console.error('Failed to initialize file tree:', error);
+                }
+            };
+            initTree();
+        }
+    }, [treeState.root, fileTreeService, setRoot, expandDirectory]);
+    return (_jsxs(Box, { flexDirection: "column", height: height, width: width, children: [_jsx(Box, { borderStyle: uiState.theme.border.style, borderColor: hasFocus ? uiState.theme.text.accent : uiState.theme.text.secondary, paddingX: 1, flexShrink: 0, children: _jsxs(Box, { justifyContent: "space-between", width: "100%", overflow: "hidden", children: [_jsx(Box, { flexShrink: 0, children: _jsx(Text, { bold: true, color: hasFocus ? uiState.theme.text.accent : uiState.theme.text.primary, children: "File Explorer" }) }), _jsx(Box, { flexShrink: 1, marginLeft: 1, children: _jsx(Text, { wrap: "truncate-end", color: hasFocus ? uiState.theme.text.primary : uiState.theme.text.secondary, children: "\u2191\u2193:Nav Enter:Open/Expand F:Focus V:View E:Edit A:Actions ?:Help" }) })] }) }), _jsx(Box, { flexGrow: 1, overflow: "hidden", width: "100%", children: _jsx(Box, { flexDirection: "column", height: "100%", borderStyle: uiState.theme.border.style, borderColor: hasFocus ? uiState.theme.border.active : uiState.theme.border.primary, paddingX: 1, paddingY: 1, children: _jsx(ErrorBoundary, { children: _jsx(FileTreeView, { fileTreeService: fileTreeService, focusSystem: focusSystem, editorIntegration: editorIntegration, fileOperations: fileOperations, excludePatterns: ['node_modules', '.git', 'dist', 'coverage'], hasFocus: hasFocus }) }) }) })] }));
+}
+//# sourceMappingURL=FilesTab.js.map

package/dist/ui/components/tabs/FilesTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilesTab.js","sourceRoot":"","sources":["../../../../src/ui/components/tabs/FilesTab.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,wCAAwC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EACL,YAAY,EAKZ,WAAW,GACZ,MAAM,2BAA2B,CAAC;AAenC;;;;;;GAMG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,MAAM,EACN,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,cAAc,GACA;IACd,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,CAAC;IACnC,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAC;IACxC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,WAAW,EAAE,CAAC;IAErE,MAAM,QAAQ,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IAExC,wCAAwC;IACxC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;YACpB,MAAM,QAAQ,GAAG,KAAK,IAAI,EAAE;gBAC1B,IAAI,CAAC;oBACH,MAAM,QAAQ,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC;wBAC/C,QAAQ,EAAE,OAAO,CAAC,GAAG,EAAE;qBACxB,CAAC,CAAC;oBAEH,wDAAwD;oBACxD,MAAM,eAAe,CAAC,eAAe,CAAC,QAAQ,EAAE;wBAC9C,cAAc;wBACd,MAAM;wBACN,MAAM;wBACN,UAAU;qBACX,CAAC,CAAC;oBACH,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;oBAE/B,OAAO,CAAC,QAAQ,CAAC,CAAC;gBACpB,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACf,OAAO,CAAC,KAAK,CAAC,iCAAiC,EAAE,KAAK,CAAC,CAAC;gBAC1D,CAAC;YACH,CAAC,CAAC;YACF,QAAQ,EAAE,CAAC;QACb,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC;IAEhE,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,aAEtD,KAAC,GAAG,IACF,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAgC,EAClE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAChF,QAAQ,EAAE,CAAC,EACX,UAAU,EAAE,CAAC,YAEb,MAAC,GAAG,IAAC,cAAc,EAAC,eAAe,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,aAChE,KAAC,GAAG,IAAC,UAAU,EAAE,CAAC,YAChB,KAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,8BAE5E,GACH,EACN,KAAC,GAAG,IAAC,UAAU,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,YAC/B,KAAC,IAAI,IACH,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,0FAGtE,GACH,IACF,GACF,EAGN,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,YAE9C,KAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,MAAM,EAAC,MAAM,EACb,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAgC,EAClE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAClF,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,YAEX,KAAC,aAAa,cACZ,KAAC,YAAY,IACX,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,EAC7D,QAAQ,EAAE,QAAQ,GAClB,GACY,GACZ,GACF,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/components/tabs/FilesTabWrapper.d.ts

@@ -0,0 +1,12 @@
+/**
+ * FilesTabWrapper - Wrapper that creates services and providers for FilesTab
+ *
+ * This component creates the necessary services and wraps FilesTab with FileTreeProvider.
+ * Used in App.tsx to avoid prop drilling.
+ */
+export interface FilesTabWrapperProps {
+    width?: number;
+    height?: number;
+}
+export declare function FilesTabWrapper({ width, height }: FilesTabWrapperProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FilesTabWrapper.d.ts.map

package/dist/ui/components/tabs/FilesTabWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilesTabWrapper.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/tabs/FilesTabWrapper.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAaH,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,oBAAoB,2CA4BtE"}

package/dist/ui/components/tabs/FilesTabWrapper.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * FilesTabWrapper - Wrapper that creates services and providers for FilesTab
+ *
+ * This component creates the necessary services and wraps FilesTab with FileTreeProvider.
+ * Used in App.tsx to avoid prop drilling.
+ */
+import { useMemo } from 'react';
+import { FilesTab } from './FilesTab.js';
+import { FileTreeService, FocusSystem, EditorIntegration, FileOperations, FileTreeProvider, } from '../file-explorer/index.js';
+export function FilesTabWrapper({ width, height }) {
+    // Create services once
+    const services = useMemo(() => {
+        const fileTreeService = new FileTreeService();
+        const focusSystem = new FocusSystem();
+        const editorIntegration = new EditorIntegration();
+        const fileOperations = new FileOperations(process.cwd());
+        return {
+            fileTreeService,
+            focusSystem,
+            editorIntegration,
+            fileOperations,
+        };
+    }, []);
+    return (_jsx(FileTreeProvider, { children: _jsx(FilesTab, { width: width, height: height, fileTreeService: services.fileTreeService, focusSystem: services.focusSystem, editorIntegration: services.editorIntegration, fileOperations: services.fileOperations }) }));
+}
+//# sourceMappingURL=FilesTabWrapper.js.map

package/dist/ui/components/tabs/FilesTabWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilesTabWrapper.js","sourceRoot":"","sources":["../../../../src/ui/components/tabs/FilesTabWrapper.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AAOnC,MAAM,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,EAAwB;IACrE,uBAAuB;IACvB,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,MAAM,eAAe,GAAG,IAAI,eAAe,EAAE,CAAC;QAC9C,MAAM,WAAW,GAAG,IAAI,WAAW,EAAE,CAAC;QACtC,MAAM,iBAAiB,GAAG,IAAI,iBAAiB,EAAE,CAAC;QAClD,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAEzD,OAAO;YACL,eAAe;YACf,WAAW;YACX,iBAAiB;YACjB,cAAc;SACf,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,gBAAgB,cACf,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,QAAQ,CAAC,eAAe,EACzC,WAAW,EAAE,QAAQ,CAAC,WAAW,EACjC,iBAAiB,EAAE,QAAQ,CAAC,iBAAiB,EAC7C,cAAc,EAAE,QAAQ,CAAC,cAAc,GACvC,GACe,CACpB,CAAC;AACJ,CAAC"}

package/dist/ui/components/tabs/GitHubTab.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+/**
+ * GitHubTab Component
+ *
+ * Placeholder UI for GitHub integration panel.
+ *
+ * Displays:
+ * - "Coming Soon" heading
+ * - Brief description
+ * - List of planned features organized by category
+ * - Link to Stage-11 specification
+ *
+ * @see .kiro/specs/stage-11-developer-productivity-future-dev/
+ */
+export declare const GitHubTab: React.FC<{
+    width?: number;
+}>;
+//# sourceMappingURL=GitHubTab.d.ts.map

package/dist/ui/components/tabs/GitHubTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GitHubTab.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/tabs/GitHubTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAsFlD,CAAC"}

package/dist/ui/components/tabs/GitHubTab.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useInput } from 'ink';
+import { useFocusManager } from '../../../features/context/FocusContext.js';
+import { useUI } from '../../../features/context/UIContext.js';
+import { PlannedFeaturesList } from '../github/PlannedFeaturesList.js';
+/**
+ * GitHubTab Component
+ *
+ * Placeholder UI for GitHub integration panel.
+ *
+ * Displays:
+ * - "Coming Soon" heading
+ * - Brief description
+ * - List of planned features organized by category
+ * - Link to Stage-11 specification
+ *
+ * @see .kiro/specs/stage-11-developer-productivity-future-dev/
+ */
+export const GitHubTab = ({ width }) => {
+    const { isFocused, exitToNavBar } = useFocusManager();
+    const { state: uiState } = useUI();
+    const hasFocus = isFocused('github-tab');
+    // Handle keyboard input
+    useInput((input, key) => {
+        // Allow ESC to bubble to global handler
+        if (key.escape)
+            return;
+        if (input === '0') {
+            exitToNavBar();
+        }
+        // Allow enter to also exit as there's nothing to select yet
+        if (key.return) {
+            exitToNavBar();
+        }
+    }, { isActive: hasFocus });
+    return (_jsxs(Box, { flexDirection: "column", height: "100%", width: width, children: [_jsx(Box, { borderStyle: "single", borderColor: hasFocus ? uiState.theme.text.accent : uiState.theme.text.secondary, paddingX: 1, flexShrink: 0, children: _jsxs(Box, { justifyContent: "space-between", width: "100%", overflow: "hidden", children: [_jsx(Box, { flexShrink: 0, children: _jsx(Text, { bold: true, color: hasFocus ? uiState.theme.text.accent : uiState.theme.text.primary, children: "\uD83D\uDEA7 GitHub Integration" }) }), _jsx(Box, { flexShrink: 1, marginLeft: 1, children: _jsx(Text, { wrap: "truncate-end", color: hasFocus ? uiState.theme.text.primary : uiState.theme.text.secondary, children: "Enter:Return 0/Esc:Exit" }) })] }) }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, padding: 2, borderStyle: uiState.theme.border.style, borderColor: hasFocus ? uiState.theme.border.active : uiState.theme.border.primary, children: [_jsx(Box, { justifyContent: "center", marginTop: 1, marginBottom: 1, children: _jsx(Text, { bold: true, color: hasFocus ? uiState.theme.text.accent : 'yellow', children: "\uD83D\uDEA7 Coming Soon \uD83D\uDEA7" }) }), _jsx(Box, { marginBottom: 2, justifyContent: "center", children: _jsx(Text, { children: "GitHub integration will be available in a future release v0.7.0" }) }), _jsx(Box, { flexDirection: "column", marginBottom: 1, children: _jsx(Text, { bold: true, color: uiState.theme.text.primary, children: "Planned Features:" }) }), _jsx(PlannedFeaturesList, {}), _jsx(Box, { marginTop: 2, children: _jsx(Text, { dimColor: true, children: "For more information, see: https://github.com/Tecet/OLLM/tree/main/docs" }) })] })] }));
+};
+//# sourceMappingURL=GitHubTab.js.map

package/dist/ui/components/tabs/GitHubTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GitHubTab.js","sourceRoot":"","sources":["../../../../src/ui/components/tabs/GitHubTab.tsx"],"names":[],"mappings":"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"}

package/dist/ui/components/tabs/HooksTab.d.ts

@@ -0,0 +1,21 @@
+export interface HooksTabProps {
+    windowSize?: number;
+    windowWidth?: number;
+}
+/**
+ * HooksTab component
+ *
+ * Main container for the Hooks Panel UI with two-column layout:
+ * - Left (30%): Hook list organized by category with Exit item
+ * - Right (70%): Detailed information for selected hook
+ *
+ * Features:
+ * - Windowed rendering for large hook lists
+ * - Keyboard navigation (↑↓ for navigation, ←→/Enter for toggle)
+ * - Enable/disable hooks with visual indicators (● enabled, ○ disabled)
+ * - Dialog state management for Add/Edit/Delete/Test operations
+ *
+ * Requirements: 1.1, 1.2, 1.3
+ */
+export declare function HooksTab({ windowSize, windowWidth }: HooksTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HooksTab.d.ts.map

package/dist/ui/components/tabs/HooksTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HooksTab.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/tabs/HooksTab.tsx"],"names":[],"mappings":"AA0CA,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,QAAQ,CAAC,EAAE,UAAe,EAAE,WAAW,EAAE,EAAE,aAAa,2CA4oBvE"}