@tecet/ollm 0.1.3

package/dist/ui/components/tools/ToolModeSettings.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * ToolModeSettings Component
+ *
+ * Shows per-mode settings for a tool, allowing users to enable/disable
+ * the tool for each of the 5 operational modes.
+ */
+import { useState, useEffect } from 'react';
+import { Box, Text } from 'ink';
+const MODES = ['developer', 'debugger', 'assistant', 'planning', 'user'];
+const MODE_DISPLAY_NAMES = {
+    developer: 'Developer',
+    debugger: 'Debugger',
+    assistant: 'Assistant',
+    planning: 'Planning',
+    user: 'User',
+};
+/**
+ * ToolModeSettings Component
+ */
+export function ToolModeSettings({ toolId, modeSettings, onToggle, onApply, onReset, focused, selectedIndex, onSelectionChange, }) {
+    // Refer to onSelectionChange to satisfy linter for unused prop when not needed here
+    void onSelectionChange;
+    const [localSettings, setLocalSettings] = useState(modeSettings);
+    const [hasChanges, setHasChanges] = useState(false);
+    // Update local settings when props change
+    useEffect(() => {
+        setLocalSettings(modeSettings);
+        setHasChanges(false);
+    }, [modeSettings, toolId]);
+    // Handle toggle
+    const _handleToggle = (mode) => {
+        setLocalSettings((prev) => ({
+            ...prev,
+            [mode]: !prev[mode],
+        }));
+        setHasChanges(true);
+        onToggle(mode);
+    };
+    // Handle apply
+    const _handleApply = () => {
+        onApply();
+        setHasChanges(false);
+    };
+    // Handle reset
+    const _handleReset = () => {
+        onReset();
+        setHasChanges(false);
+    };
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "cyan", paddingX: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "Per-Mode Settings" }), _jsx(Text, { dimColor: true, children: "Configure which modes can use this tool" }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: MODES.map((mode, index) => {
+                    const enabled = localSettings[mode] ?? false;
+                    const isSelected = focused && index === selectedIndex;
+                    const displayName = MODE_DISPLAY_NAMES[mode] || mode;
+                    return (_jsx(Box, { children: _jsxs(Text, { children: [displayName.padEnd(12), ": ", enabled ? '[✓ Enabled ]' : '[✗ Disabled]', isSelected && (_jsxs(Text, { color: "cyan", bold: true, children: [' ', "\u2190"] }))] }) }, mode));
+                }) }), _jsx(Box, { marginTop: 1, gap: 1, children: _jsx(Text, { dimColor: true, children: focused ? (_jsxs(_Fragment, { children: ["[Enter/Space] Toggle [A] Apply ", hasChanges && _jsx(Text, { color: "yellow", children: "(unsaved)" }), ' ', "[R] Reset"] })) : (_jsx(Text, { dimColor: true, children: "[Tab] to navigate here" })) }) })] }));
+}
+//# sourceMappingURL=ToolModeSettings.js.map

package/dist/ui/components/tools/ToolModeSettings.js.map

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

package/dist/ui/components/tools/ToolToggle.d.ts

@@ -0,0 +1,16 @@
+import { Theme } from '../../../config/types.js';
+export interface ToolToggleProps {
+    isEnabled: boolean;
+    isSelected: boolean;
+    theme: Theme;
+}
+/**
+ * ToolToggle component
+ *
+ * Displays a visual toggle indicator for tool enabled/disabled state.
+ * Shows different styles when selected for keyboard navigation.
+ *
+ * Requirements: 23.4, 24.3
+ */
+export declare function ToolToggle({ isEnabled, isSelected, theme }: ToolToggleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToolToggle.d.ts.map

package/dist/ui/components/tools/ToolToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolToggle.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/tools/ToolToggle.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEjD,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;CACd;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,eAAe,2CAqB3E"}

package/dist/ui/components/tools/ToolToggle.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+/**
+ * ToolToggle component
+ *
+ * Displays a visual toggle indicator for tool enabled/disabled state.
+ * Shows different styles when selected for keyboard navigation.
+ *
+ * Requirements: 23.4, 24.3
+ */
+export function ToolToggle({ isEnabled, isSelected, theme }) {
+    // Toggle styles
+    const enabledIcon = '✓';
+    const disabledIcon = '✗';
+    const icon = isEnabled ? enabledIcon : disabledIcon;
+    const color = isEnabled ? theme.status.success : theme.status.error;
+    // Bracket style changes when selected
+    const leftBracket = isSelected ? '[' : ' ';
+    const rightBracket = isSelected ? ']' : ' ';
+    return (_jsxs(Box, { children: [_jsx(Text, { color: isSelected ? theme.text.accent : theme.text.secondary, children: leftBracket }), _jsx(Text, { color: color, bold: isSelected, children: icon }), _jsx(Text, { color: isSelected ? theme.text.accent : theme.text.secondary, children: rightBracket })] }));
+}
+//# sourceMappingURL=ToolToggle.js.map

package/dist/ui/components/tools/ToolToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolToggle.js","sourceRoot":"","sources":["../../../../src/ui/components/tools/ToolToggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAUhC;;;;;;;GAOG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAmB;IAC1E,gBAAgB;IAChB,MAAM,WAAW,GAAG,GAAG,CAAC;IACxB,MAAM,YAAY,GAAG,GAAG,CAAC;IAEzB,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC;IACpD,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;IAEpE,sCAAsC;IACtC,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAC3C,MAAM,YAAY,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAE5C,OAAO,CACL,MAAC,GAAG,eACF,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,YAAG,WAAW,GAAQ,EACxF,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,YACjC,IAAI,GACA,EACP,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,YAAG,YAAY,GAAQ,IACrF,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/components/tools/ToolsPanel.d.ts

@@ -0,0 +1,24 @@
+/**
+ * ToolsPanel Component - Rewritten from scratch
+ *
+ * Two-column layout for tools configuration:
+ * - Left column (30%): Tool list organized by category (read-only navigation)
+ * - Right column (70%): Tool details + per-mode settings
+ *
+ * Navigation:
+ * - Up/Down: Navigate through tools
+ * - Tab: Switch between left/right panels
+ * - Enter/Space: Toggle mode setting (right panel)
+ * - A: Apply changes
+ * - R: Reset to defaults
+ * - Esc: Exit to nav bar
+ */
+export interface ToolsPanelProps {
+    modelSupportsTools?: boolean;
+    windowWidth?: number;
+}
+/**
+ * ToolsPanel Component
+ */
+export declare function ToolsPanel({ modelSupportsTools, windowWidth }: ToolsPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToolsPanel.d.ts.map

package/dist/ui/components/tools/ToolsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolsPanel.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/tools/ToolsPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAWH,MAAM,WAAW,eAAe;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAsID;;GAEG;AACH,wBAAgB,UAAU,CAAC,EAAE,kBAAyB,EAAE,WAAW,EAAE,EAAE,eAAe,2CAiWrF"}

package/dist/ui/components/tools/ToolsPanel.js

@@ -0,0 +1,279 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * ToolsPanel Component - Rewritten from scratch
+ *
+ * Two-column layout for tools configuration:
+ * - Left column (30%): Tool list organized by category (read-only navigation)
+ * - Right column (70%): Tool details + per-mode settings
+ *
+ * Navigation:
+ * - Up/Down: Navigate through tools
+ * - Tab: Switch between left/right panels
+ * - Enter/Space: Toggle mode setting (right panel)
+ * - A: Apply changes
+ * - R: Reset to defaults
+ * - Esc: Exit to nav bar
+ */
+import { useState, useMemo, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { ToolModeSettings } from './ToolModeSettings.js';
+import { useFocusManager } from '../../../features/context/FocusContext.js';
+import { useUI } from '../../../features/context/UIContext.js';
+import { useTools } from '../../contexts/ToolsContext.js';
+import { useTabEscapeHandler } from '../../hooks/useTabEscapeHandler.js';
+const MODES = ['developer', 'debugger', 'assistant', 'planning', 'user'];
+// Enhanced tool descriptions
+const getEnhancedDescription = (toolId) => {
+    const descriptions = {
+        // File Discovery Tools
+        glob: 'This powerful tool searches your entire codebase for files matching specific patterns. It supports glob syntax with wildcards, allowing you to quickly locate files by name, extension, or path structure. Perfect for finding configuration files, source code, or any files matching a specific naming convention across your project.',
+        ls: 'Provides a detailed directory listing showing files, folders, sizes, and permissions. It helps you understand project structure, locate specific directories, and navigate the file system hierarchy. Supports recursive listing to explore nested directory structures.',
+        grep: 'A sophisticated text search tool that scans through file contents to find specific patterns or text. It uses regular expressions for advanced pattern matching, making it ideal for finding function definitions, variable usage, or any text pattern across multiple files. Essential for code analysis and refactoring tasks.',
+        // File Operations Tools
+        edit_file: 'A precise file editing tool that modifies specific sections of a file using search-and-replace operations. It ensures safe, targeted changes by requiring exact text matching, preventing accidental modifications. Ideal for refactoring, bug fixes, and incremental code updates.',
+        read_file: 'Reads and displays the complete contents of a single file from your workspace. This tool is fundamental for examining source code, configuration files, documentation, or any text-based file. It provides the full context needed to understand file structure and content.',
+        read_many_files: 'Efficiently reads multiple files at once, allowing you to examine several related files simultaneously. This is particularly useful when you need to understand how different parts of your codebase interact, compare implementations, or review related configuration files together.',
+        write_file: 'Creates new files or completely overwrites existing ones with new content. This tool is essential for generating new source files, creating configuration files, or replacing entire file contents when needed. Use with caution as it replaces all existing content.',
+        // Memory Tools
+        memory: 'Stores and retrieves important information across conversation sessions. Use it to save key decisions, project context, coding patterns, or any information you want to remember for future reference. It creates persistent memory that survives session restarts.',
+        remember: 'A simplified memory tool for quickly storing important facts or information. It provides an easy way to save context that you want the AI to remember throughout your conversation and future sessions.',
+        write_memory_dump: 'Creates a comprehensive snapshot of the current conversation context and memory state. This tool is useful for debugging, creating backups, or exporting the current state of your working session.',
+        // Context Tools
+        create_goal: 'Defines a new goal or objective for the AI to work towards. This tool helps structure complex projects by breaking them into manageable, trackable goals that can be pursued systematically. Essential for organizing multi-step development tasks.',
+        complete_goal: 'Marks a specific goal or task as completed in your workflow. This tool helps track progress on multi-step projects, ensuring that completed objectives are properly recorded and acknowledged.',
+        create_checkpoint: 'Creates a snapshot of the current conversation state, allowing you to save important decision points or milestones. You can return to these checkpoints later if needed, making it easier to explore different approaches.',
+        record_decision: 'Documents important decisions made during development, including the rationale behind them. This creates a decision log that helps maintain project consistency and provides context for future changes.',
+        switch_goal: 'Changes focus from one goal to another, allowing you to manage multiple objectives and switch between different aspects of your project as needed. Useful for managing complex projects with multiple workstreams.',
+        read_reasoning: 'Retrieves and reviews previous reasoning, decisions, and thought processes from earlier in the conversation. This helps maintain context and consistency across long development sessions, allowing you to understand why certain decisions were made.',
+        trigger_hot_swap: 'Dynamically switches between different AI models or configurations during a conversation. This advanced tool allows you to leverage different model capabilities for different tasks without restarting your session.',
+        // Shell Tool
+        shell: 'Executes shell commands directly in your system terminal. This powerful tool allows you to run build scripts, install packages, run tests, manage git operations, or execute any command-line operation. Essential for development workflows and automation.',
+        // Web Tools
+        web_search: 'Searches the internet for current information, documentation, tutorials, and solutions to technical problems. This tool is invaluable when you need up-to-date information about libraries, frameworks, APIs, or when researching solutions to coding challenges.',
+        web_fetch: 'Retrieves and displays content from specific web URLs. Perfect for accessing online documentation, reading API specifications, fetching remote configuration files, or examining web resources. It brings external web content directly into your workflow.',
+        // Other Tools
+        write_todos: 'Manages a list of pending tasks and action items. Add, complete, or review todos to keep track of what needs to be done in your project. Essential for organizing work and maintaining focus on priorities.',
+        search_documentation: 'Searches through project documentation and indexed content using semantic search. This tool helps you find relevant information in large documentation sets by understanding the meaning of your query, not just keyword matching.',
+    };
+    return (descriptions[toolId] ||
+        'This tool provides specialized functionality for your development workflow. Enable it to access its capabilities during your conversations.');
+};
+// Tool usage examples
+const getToolUsageExample = (toolId) => {
+    const examples = {
+        // File Discovery Tools
+        glob: 'Use this tool when you need to find files by pattern. For example, to find all TypeScript files: "Find all *.ts files" or "Show me all configuration files matching *.config.js". The tool supports wildcards like * and ** for recursive searches.',
+        ls: 'Use this tool to explore directory structure. For example: "Show me what\'s in the src folder" or "List all files in the current directory". Use the /ls command for quick directory listings.',
+        grep: 'Use this tool to search for text within files. For example: "Search for the function definition of handleSubmit" or "Find all TODO comments in the codebase". You can use regular expressions for advanced pattern matching.',
+        // File Operations Tools
+        edit_file: 'Use this tool for precise file modifications. Describe the change you want: "Change the port from 3000 to 8080 in server.ts" or "Update the function name from oldName to newName". The tool will show you a diff before applying changes.',
+        read_file: 'Use this tool when you need to examine a specific file. Simply mention the file: "Show me the contents of @src/index.ts" or "Read the package.json file". The @ symbol can be used to reference files explicitly.',
+        read_many_files: 'Use this tool to read several related files at once. For example: "Show me both the component and its test file" or "Read all configuration files in the config directory".',
+        write_file: 'Use this tool to create new files or replace entire file contents. For example: "Create a new component file called Button.tsx" or "Generate a README.md file for this project".',
+        // Memory Tools
+        memory: 'Use this tool to save important information. For example: "Remember that we\'re using TypeScript strict mode" or "Save the API endpoint URL for later". Use /memory to manage stored information.',
+        remember: 'Use this tool to quickly store facts. For example: "Remember that the database port is 5432" or "Store the fact that we use ESLint for linting".',
+        write_memory_dump: 'Use this tool to create a snapshot of the current session. For example: "Create a memory dump for debugging" or "Export the current conversation state".',
+        // Context Tools
+        create_goal: 'Use this tool to define new objectives. For example: "Create a goal to implement user authentication" or "Add a goal for writing unit tests".',
+        complete_goal: 'Use this tool when you finish a task. For example: "Mark the authentication feature as complete" or "Complete the goal of setting up the database".',
+        create_checkpoint: 'Use this tool to save progress points. For example: "Create a checkpoint before refactoring" or "Save the current state as a milestone".',
+        record_decision: 'Use this tool to document important choices. For example: "Record the decision to use PostgreSQL instead of MongoDB" or "Document why we chose this design pattern".',
+        switch_goal: 'Use this tool to change focus. For example: "Switch to working on the frontend" or "Change focus to the testing goal".',
+        read_reasoning: 'Use this tool to review previous decisions. For example: "What was our reasoning for choosing this architecture?" or "Review the decisions made about the database schema".',
+        trigger_hot_swap: 'Use this tool to switch models mid-conversation. For example: "Switch to a faster model for simple tasks" or "Use a more capable model for complex reasoning".',
+        // Shell Tool
+        shell: 'Use this tool to run terminal commands. For example: "Run npm install" or "Execute the test suite with npm test". Use the /shell command for quick command execution.',
+        // Web Tools
+        web_search: 'Use this tool when you need current information from the internet. For example: "Search for the latest React 19 features" or "Find documentation for the Express.js middleware API".',
+        web_fetch: 'Use this tool to retrieve content from specific URLs. For example: "Fetch the content from https://api.example.com/docs" or "Get the README from the GitHub repository URL".',
+        // Other Tools
+        write_todos: 'Use this tool to track tasks. For example: "Add a todo to fix the login bug" or "Show me all pending todos". Use /todos to quickly manage your task list.',
+        search_documentation: 'Use this tool to find information in documentation. For example: "Search the docs for authentication examples" or "Find information about the API endpoints".',
+    };
+    return (examples[toolId] ||
+        'This tool can be used by describing what you want to accomplish in natural language. The AI will automatically invoke it when appropriate.');
+};
+/**
+ * ToolsPanel Component
+ */
+export function ToolsPanel({ modelSupportsTools = true, windowWidth }) {
+    const { state: uiState } = useUI();
+    const { isFocused } = useFocusManager();
+    const { state: toolsState, getModeSettings, setModeSettings, resetToDefaults } = useTools();
+    const hasFocus = isFocused('tools-panel');
+    useTabEscapeHandler(hasFocus);
+    // Navigation state
+    const [activeColumn, setActiveColumn] = useState('left');
+    const [leftNavItem, setLeftNavItem] = useState('exit');
+    const [selectedCategoryIndex, setSelectedCategoryIndex] = useState(0);
+    const [selectedToolIndex, setSelectedToolIndex] = useState(0);
+    const [selectedModeIndex, setSelectedModeIndex] = useState(0);
+    // Mode settings state
+    const [localModeSettings, setLocalModeSettings] = useState({});
+    const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
+    // Calculate widths
+    const leftWidth = windowWidth ? Math.floor(windowWidth * 0.3) : undefined;
+    const rightWidth = windowWidth && leftWidth ? windowWidth - leftWidth : undefined;
+    // Get categories and tools
+    const categories = toolsState.categories;
+    // Get currently selected tool
+    const selectedTool = useMemo(() => {
+        if (selectedCategoryIndex >= 0 && selectedCategoryIndex < categories.length) {
+            const category = categories[selectedCategoryIndex];
+            if (selectedToolIndex >= 0 && selectedToolIndex < category.tools.length) {
+                return category.tools[selectedToolIndex];
+            }
+        }
+        return null;
+    }, [categories, selectedCategoryIndex, selectedToolIndex]);
+    // Load mode settings when tool changes
+    useEffect(() => {
+        if (selectedTool) {
+            const settings = getModeSettings(selectedTool.id);
+            setLocalModeSettings(settings);
+            setHasUnsavedChanges(false);
+        }
+    }, [selectedTool, getModeSettings]);
+    // Handle mode toggle
+    const handleModeToggle = (mode) => {
+        setLocalModeSettings((prev) => ({
+            ...prev,
+            [mode]: !prev[mode],
+        }));
+        setHasUnsavedChanges(true);
+    };
+    // Handle apply
+    const handleApply = () => {
+        if (!selectedTool)
+            return;
+        // Save all mode settings
+        Object.entries(localModeSettings).forEach(([mode, enabled]) => {
+            setModeSettings(selectedTool.id, mode, enabled);
+        });
+        setHasUnsavedChanges(false);
+    };
+    // Handle reset
+    const handleReset = () => {
+        if (!selectedTool)
+            return;
+        resetToDefaults(selectedTool.id);
+        // Reload settings
+        const settings = getModeSettings(selectedTool.id);
+        setLocalModeSettings(settings);
+        setHasUnsavedChanges(false);
+    };
+    // Left column navigation
+    const handleLeftUp = () => {
+        if (leftNavItem === 'exit') {
+            // Already at top
+            return;
+        }
+        if (leftNavItem === 'tool') {
+            if (selectedToolIndex > 0) {
+                setSelectedToolIndex((prev) => prev - 1);
+            }
+            else if (selectedCategoryIndex > 0) {
+                // Move to previous category's last tool
+                const prevCategory = categories[selectedCategoryIndex - 1];
+                setSelectedCategoryIndex((prev) => prev - 1);
+                setSelectedToolIndex(prevCategory.tools.length - 1);
+            }
+            else {
+                // Move to exit
+                setLeftNavItem('exit');
+            }
+        }
+    };
+    const handleLeftDown = () => {
+        if (leftNavItem === 'exit') {
+            // Move to first tool
+            if (categories.length > 0 && categories[0].tools.length > 0) {
+                setLeftNavItem('tool');
+                setSelectedCategoryIndex(0);
+                setSelectedToolIndex(0);
+            }
+            return;
+        }
+        if (leftNavItem === 'tool') {
+            const currentCategory = categories[selectedCategoryIndex];
+            if (selectedToolIndex < currentCategory.tools.length - 1) {
+                setSelectedToolIndex((prev) => prev + 1);
+            }
+            else if (selectedCategoryIndex < categories.length - 1) {
+                // Move to next category's first tool
+                setSelectedCategoryIndex((prev) => prev + 1);
+                setSelectedToolIndex(0);
+            }
+        }
+    };
+    // Right column navigation
+    const handleRightUp = () => {
+        if (selectedModeIndex > 0) {
+            setSelectedModeIndex((prev) => prev - 1);
+        }
+    };
+    const handleRightDown = () => {
+        if (selectedModeIndex < MODES.length - 1) {
+            setSelectedModeIndex((prev) => prev + 1);
+        }
+    };
+    const handleRightToggle = () => {
+        const mode = MODES[selectedModeIndex];
+        handleModeToggle(mode);
+    };
+    // Keyboard input
+    useInput((input, key) => {
+        if (!hasFocus)
+            return;
+        // Left/Right to switch columns
+        if (key.leftArrow && activeColumn === 'right') {
+            setActiveColumn('left');
+            return;
+        }
+        if (key.rightArrow && activeColumn === 'left') {
+            setActiveColumn('right');
+            return;
+        }
+        if (activeColumn === 'left') {
+            if (key.upArrow) {
+                handleLeftUp();
+            }
+            else if (key.downArrow) {
+                handleLeftDown();
+            }
+        }
+        else {
+            // Right column
+            if (key.upArrow) {
+                handleRightUp();
+            }
+            else if (key.downArrow) {
+                handleRightDown();
+            }
+            else if (key.return || input === ' ') {
+                handleRightToggle();
+            }
+            else if (input === 'a' || input === 'A') {
+                handleApply();
+            }
+            else if (input === 'r' || input === 'R') {
+                handleReset();
+            }
+        }
+    }, { isActive: hasFocus });
+    return (_jsxs(Box, { flexDirection: "column", height: "100%", width: windowWidth, 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%", children: [_jsx(Text, { bold: true, color: hasFocus ? uiState.theme.text.accent : uiState.theme.text.primary, children: "Tools Configuration" }), _jsxs(Text, { color: hasFocus ? uiState.theme.text.primary : uiState.theme.text.secondary, children: ["\u2190\u2192:Switch \u2191\u2193:Nav Enter:Toggle A:Apply R:Reset Esc:Exit", hasUnsavedChanges && _jsx(Text, { color: "yellow", children: " *" })] })] }) }), !modelSupportsTools && (_jsx(Box, { paddingX: 1, paddingY: 1, flexShrink: 0, children: _jsx(Box, { paddingX: 1, borderStyle: "round", borderColor: uiState.theme.status.warning, children: _jsx(Text, { color: uiState.theme.status.warning, bold: true, children: "\u26A0 Model doesn't support tools. Settings will apply when you switch to a compatible model." }) }) })), _jsxs(Box, { flexGrow: 1, flexDirection: "row", width: "100%", children: [_jsxs(Box, { flexDirection: "column", width: leftWidth ?? '30%', borderStyle: "single", borderColor: activeColumn === 'left' && hasFocus
+                            ? uiState.theme.border.active
+                            : uiState.theme.border.primary, paddingY: 1, children: [_jsx(Box, { paddingX: 1, flexShrink: 0, children: _jsxs(Text, { bold: leftNavItem === 'exit' && activeColumn === 'left', color: leftNavItem === 'exit' && activeColumn === 'left'
+                                        ? uiState.theme.text.accent
+                                        : uiState.theme.text.primary, children: [leftNavItem === 'exit' && activeColumn === 'left' ? '▶ ' : '  ', "\u2190 Exit"] }) }), _jsx(Text, { children: " " }), _jsx(Box, { flexDirection: "column", flexGrow: 1, paddingX: 1, children: categories.map((category, catIndex) => (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { bold: true, color: uiState.theme.text.primary, children: [category.icon, " ", category.displayName] }), category.tools.map((tool, toolIndex) => {
+                                            const isSelected = leftNavItem === 'tool' &&
+                                                catIndex === selectedCategoryIndex &&
+                                                toolIndex === selectedToolIndex &&
+                                                activeColumn === 'left';
+                                            return (_jsx(Box, { paddingLeft: 2, children: _jsxs(Text, { bold: isSelected, color: isSelected ? uiState.theme.text.accent : uiState.theme.text.primary, children: [isSelected ? '▶ ' : '  ', "\u2022 ", tool.displayName] }) }, tool.id));
+                                        }), _jsx(Text, { children: " " })] }, category.category))) })] }), _jsx(Box, { flexDirection: "column", width: rightWidth ?? '70%', borderStyle: "single", borderColor: activeColumn === 'right' && hasFocus
+                            ? uiState.theme.border.active
+                            : uiState.theme.border.primary, paddingX: 2, paddingY: 1, children: selectedTool ? (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, color: uiState.theme.text.accent, children: selectedTool.displayName }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: selectedTool.enabled ? uiState.theme.status.success : uiState.theme.status.error, children: ["Status: ", selectedTool.enabled ? '✓ Enabled Globally' : '✗ Disabled Globally'] }) }), _jsx(Text, { children: " " }), _jsx(Box, { flexDirection: "column", children: _jsx(Text, { color: uiState.theme.text.primary, children: getEnhancedDescription(selectedTool.id) }) }), _jsx(Text, { children: " " }), _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, color: uiState.theme.text.primary, children: "Example of use:" }), _jsx(Text, { children: " " }), _jsx(Text, { color: uiState.theme.text.secondary, children: getToolUsageExample(selectedTool.id) })] }), _jsx(Text, { children: " " }), _jsx(Text, { children: " " }), _jsx(ToolModeSettings, { toolId: selectedTool.id, modeSettings: localModeSettings, onToggle: handleModeToggle, onApply: handleApply, onReset: handleReset, focused: activeColumn === 'right' && hasFocus, selectedIndex: selectedModeIndex, onSelectionChange: setSelectedModeIndex })] })) : (_jsx(Text, { color: uiState.theme.text.secondary, children: "Select a tool to view details" })) })] })] }));
+}
+//# sourceMappingURL=ToolsPanel.js.map

package/dist/ui/components/tools/ToolsPanel.js.map

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

package/dist/ui/components/tools/index.d.ts

@@ -0,0 +1,7 @@
+export { DiffViewer } from './DiffViewer.js';
+export { ReviewActions } from './ReviewActions.js';
+export { ToolsPanel } from './ToolsPanel.js';
+export { CategorySection } from './CategorySection.js';
+export { ToolItem } from './ToolItem.js';
+export { ToolToggle } from './ToolToggle.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/components/tools/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/tools/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/ui/components/tools/index.js

@@ -0,0 +1,7 @@
+export { DiffViewer } from './DiffViewer.js';
+export { ReviewActions } from './ReviewActions.js';
+export { ToolsPanel } from './ToolsPanel.js';
+export { CategorySection } from './CategorySection.js';
+export { ToolItem } from './ToolItem.js';
+export { ToolToggle } from './ToolToggle.js';
+//# sourceMappingURL=index.js.map

package/dist/ui/components/tools/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/tools/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/ui/contexts/DialogContext.d.ts

@@ -0,0 +1,92 @@
+/**
+ * DialogContext - Manages dialog state and interactions
+ *
+ * Provides a centralized way to show/hide dialogs and handle user responses.
+ * Supports hook approval, confirmations, and other modal interactions.
+ */
+import { ReactNode } from 'react';
+import type { Hook } from '@ollm/ollm-cli-core/hooks/types.js';
+/**
+ * Types of dialogs that can be shown
+ */
+export type DialogType = 'hookApproval' | 'confirmation' | 'error' | 'info';
+/**
+ * Hook approval dialog data
+ */
+export interface HookApprovalDialogData {
+    type: 'hookApproval';
+    hook: Hook;
+    hash: string;
+    onApprove: () => void;
+    onDeny: () => void;
+}
+/**
+ * Confirmation dialog data
+ */
+export interface ConfirmationDialogData {
+    type: 'confirmation';
+    title: string;
+    message: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+/**
+ * Error dialog data
+ */
+export interface ErrorDialogData {
+    type: 'error';
+    title: string;
+    message: string;
+    onClose: () => void;
+}
+/**
+ * Info dialog data
+ */
+export interface InfoDialogData {
+    type: 'info';
+    title: string;
+    message: string;
+    onClose: () => void;
+}
+/**
+ * Union type for all dialog data
+ */
+export type DialogData = HookApprovalDialogData | ConfirmationDialogData | ErrorDialogData | InfoDialogData;
+/**
+ * Dialog state
+ */
+export interface DialogState {
+    /** Currently active dialog */
+    activeDialog: DialogData | null;
+    /** Whether a dialog is visible */
+    isVisible: boolean;
+}
+/**
+ * Dialog context value
+ */
+export interface DialogContextValue {
+    /** Current dialog state */
+    state: DialogState;
+    /** Show hook approval dialog */
+    showHookApproval: (hook: Hook, hash: string) => Promise<boolean>;
+    /** Show confirmation dialog */
+    showConfirmation: (title: string, message: string) => Promise<boolean>;
+    /** Show error dialog */
+    showError: (title: string, message: string) => Promise<void>;
+    /** Show info dialog */
+    showInfo: (title: string, message: string) => Promise<void>;
+    /** Close current dialog */
+    closeDialog: () => void;
+}
+/**
+ * Hook to access dialog context
+ */
+export declare function useDialog(): DialogContextValue;
+export interface DialogProviderProps {
+    children: ReactNode;
+}
+/**
+ * Provider for dialog management
+ */
+export declare function DialogProvider({ children }: DialogProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DialogContext.d.ts.map

package/dist/ui/contexts/DialogContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContext.d.ts","sourceRoot":"","sources":["../../../src/ui/contexts/DialogContext.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAc,EAAoD,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3F,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oCAAoC,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,cAAc,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5E;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,cAAc,CAAC;IACrB,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,MAAM,UAAU,GAClB,sBAAsB,GACtB,sBAAsB,GACtB,eAAe,GACf,cAAc,CAAC;AAEnB;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,8BAA8B;IAC9B,YAAY,EAAE,UAAU,GAAG,IAAI,CAAC;IAChC,kCAAkC;IAClC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,2BAA2B;IAC3B,KAAK,EAAE,WAAW,CAAC;IACnB,gCAAgC;IAChC,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACjE,+BAA+B;IAC/B,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACvE,wBAAwB;IACxB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7D,uBAAuB;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,2BAA2B;IAC3B,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAID;;GAEG;AACH,wBAAgB,SAAS,IAAI,kBAAkB,CAM9C;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAkJ/D"}