dexto 1.6.1 → 1.6.2

package/dist/cli/ink-cli/components/overlays/ToolBrowser.js

@@ -1,697 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * ToolBrowser Component
- * Interactive browser for exploring available tools
- * Features:
- * - Search/filter tools by name
- * - View tool details (description, schema)
- * - Shows source (MCP server or Local)
- */
-import { useState, useEffect, forwardRef, useRef, useImperativeHandle, useMemo, } from 'react';
-import { Box, Text } from 'ink';
-import { useTerminalSize } from '../../hooks/useTerminalSize.js';
-import { writeToClipboard } from '../../utils/clipboardUtils.js';
-import { getMaxVisibleItemsForTerminalRows } from '../../utils/overlaySizing.js';
-import { HintBar } from '../shared/HintBar.js';
-const LIST_ACTIONS = ['view', 'config', 'back'];
-/**
- * Tool browser with search and detail views
- */
-const ToolBrowser = forwardRef(function ToolBrowser({ isVisible, onClose, agent, sessionId }, ref) {
-    const { columns, rows } = useTerminalSize();
-    const maxVisibleTools = useMemo(() => {
-        return getMaxVisibleItemsForTerminalRows({
-            rows,
-            hardCap: 10,
-            reservedRows: 16,
-        });
-    }, [rows]);
-    const [tools, setTools] = useState([]);
-    const [isLoading, setIsLoading] = useState(false);
-    const [loadError, setLoadError] = useState(null);
-    const [selection, setSelection] = useState({ index: 0, offset: 0 });
-    const [searchQuery, setSearchQuery] = useState('');
-    const [viewMode, setViewMode] = useState('list');
-    const [selectedTool, setSelectedTool] = useState(null);
-    const [detailScrollOffset, setDetailScrollOffset] = useState(0);
-    const [copyFeedback, setCopyFeedback] = useState(null);
-    const [listActionsIndex, setListActionsIndex] = useState(0);
-    const [configIndex, setConfigIndex] = useState(0);
-    const [scopeToolName, setScopeToolName] = useState(null);
-    const [scopeNextEnabled, setScopeNextEnabled] = useState(true);
-    const [scopeTarget, setScopeTarget] = useState('session');
-    const selectedIndexRef = useRef(0);
-    const viewModeRef = useRef(viewMode);
-    const detailScrollOffsetRef = useRef(detailScrollOffset);
-    const detailMaxScrollOffsetRef = useRef(0);
-    const selectedToolRef = useRef(null);
-    const toolsRef = useRef([]);
-    const listActionsIndexRef = useRef(listActionsIndex);
-    const configIndexRef = useRef(configIndex);
-    const scopeTargetRef = useRef(scopeTarget);
-    const scopeNextEnabledRef = useRef(scopeNextEnabled);
-    const scopeToolNameRef = useRef(scopeToolName);
-    // Keep refs in sync
-    selectedIndexRef.current = selection.index;
-    viewModeRef.current = viewMode;
-    detailScrollOffsetRef.current = detailScrollOffset;
-    selectedToolRef.current = selectedTool;
-    toolsRef.current = tools;
-    listActionsIndexRef.current = listActionsIndex;
-    configIndexRef.current = configIndex;
-    scopeTargetRef.current = scopeTarget;
-    scopeNextEnabledRef.current = scopeNextEnabled;
-    scopeToolNameRef.current = scopeToolName;
-    // Fetch tools from agent
-    useEffect(() => {
-        if (!isVisible)
-            return;
-        let cancelled = false;
-        setIsLoading(true);
-        setSearchQuery('');
-        setSelection({ index: 0, offset: 0 });
-        setViewMode('list');
-        setSelectedTool(null);
-        setListActionsIndex(0);
-        setConfigIndex(0);
-        setLoadError(null);
-        const fetchTools = async () => {
-            try {
-                const [allTools, mcpTools, enabledTools, autoApprovedTools] = await Promise.all([
-                    agent.getAllTools(),
-                    agent.getAllMcpTools(),
-                    agent.getEnabledTools(sessionId || undefined),
-                    sessionId ? agent.getSessionAutoApproveTools(sessionId) : Promise.resolve([]),
-                ]);
-                const toolList = [];
-                const mcpToolNames = new Set(Object.keys(mcpTools));
-                const enabledToolNames = new Set(Object.keys(enabledTools));
-                const autoApprovedToolNames = new Set(autoApprovedTools ?? []);
-                for (const [toolName, toolInfo] of Object.entries(allTools)) {
-                    const isMcpTool = mcpToolNames.has(toolName) || toolName.startsWith('mcp--');
-                    // Extract server name from MCP tool name (format: mcp--serverName--toolName)
-                    let serverName;
-                    if (toolName.startsWith('mcp--')) {
-                        const parts = toolName.split('--');
-                        if (parts.length >= 2) {
-                            serverName = parts[1];
-                        }
-                    }
-                    toolList.push({
-                        name: toolName,
-                        description: toolInfo.description || 'No description available',
-                        source: isMcpTool ? 'mcp' : 'local',
-                        serverName,
-                        inputSchema: toolInfo.parameters,
-                        isEnabled: enabledToolNames.has(toolName),
-                        isAutoApproved: autoApprovedToolNames.has(toolName),
-                    });
-                }
-                // Sort: local tools first, then MCP tools
-                toolList.sort((a, b) => {
-                    if (a.source !== b.source) {
-                        return a.source === 'local' ? -1 : 1;
-                    }
-                    return a.name.localeCompare(b.name);
-                });
-                if (!cancelled) {
-                    setTools(toolList);
-                    setIsLoading(false);
-                    setLoadError(null);
-                }
-            }
-            catch (error) {
-                if (!cancelled) {
-                    const message = error instanceof Error ? error.message : 'Unknown error';
-                    setTools([]);
-                    setIsLoading(false);
-                    setLoadError(`Failed to load tools: ${message}`);
-                }
-            }
-        };
-        void fetchTools();
-        return () => {
-            cancelled = true;
-        };
-    }, [isVisible, agent, sessionId]);
-    // Filter tools based on search query
-    const filteredTools = useMemo(() => {
-        if (!searchQuery.trim()) {
-            return tools;
-        }
-        const query = searchQuery.toLowerCase();
-        return tools.filter((tool) => {
-            const name = tool.name.toLowerCase();
-            const desc = tool.description.toLowerCase();
-            const server = (tool.serverName || '').toLowerCase();
-            return name.includes(query) || desc.includes(query) || server.includes(query);
-        });
-    }, [tools, searchQuery]);
-    // Keep selection valid and visible when filtering or terminal height changes.
-    useEffect(() => {
-        setSelection((prev) => {
-            const maxIndex = Math.max(0, filteredTools.length - 1);
-            const nextIndex = Math.min(prev.index, maxIndex);
-            let nextOffset = prev.offset;
-            if (nextIndex < nextOffset) {
-                nextOffset = nextIndex;
-            }
-            else if (nextIndex >= nextOffset + maxVisibleTools) {
-                nextOffset = Math.max(0, nextIndex - maxVisibleTools + 1);
-            }
-            const maxOffset = Math.max(0, filteredTools.length - maxVisibleTools);
-            nextOffset = Math.min(maxOffset, Math.max(0, nextOffset));
-            if (nextIndex === prev.index && nextOffset === prev.offset) {
-                return prev;
-            }
-            selectedIndexRef.current = nextIndex;
-            return { index: nextIndex, offset: nextOffset };
-        });
-    }, [filteredTools.length, maxVisibleTools]);
-    const openListActions = (tool) => {
-        setSelectedTool(tool);
-        setListActionsIndex(0);
-        setViewMode('list-actions');
-    };
-    const openToolDetails = (tool) => {
-        setSelectedTool(tool);
-        setViewMode('detail');
-        setDetailScrollOffset(0);
-    };
-    const openConfigMenu = (tool) => {
-        setSelectedTool(tool);
-        setConfigIndex(0);
-        setViewMode('config');
-    };
-    const openScopePrompt = (tool) => {
-        const nextEnabled = !tool.isEnabled;
-        const nextScope = sessionId ? 'session' : 'global';
-        setSelectedTool(tool);
-        setScopeToolName(tool.name);
-        setScopeNextEnabled(nextEnabled);
-        setScopeTarget(nextScope);
-        setViewMode('scope');
-        scopeToolNameRef.current = tool.name;
-        scopeNextEnabledRef.current = nextEnabled;
-        scopeTargetRef.current = nextScope;
-    };
-    const closeScopePrompt = () => {
-        setViewMode('config');
-        setScopeToolName(null);
-    };
-    const applyToolToggle = async (overrideTarget) => {
-        const targetToolName = scopeToolNameRef.current ?? scopeToolName ?? selectedToolRef.current?.name;
-        if (!targetToolName)
-            return;
-        const effectiveTarget = overrideTarget ?? scopeTargetRef.current;
-        const nextEnabled = scopeNextEnabledRef.current;
-        const previousTools = toolsRef.current;
-        const updatedTools = previousTools.map((tool) => {
-            if (tool.name !== targetToolName) {
-                return tool;
-            }
-            const updatedTool = { ...tool, isEnabled: nextEnabled };
-            if (!nextEnabled && tool.isAutoApproved) {
-                updatedTool.isAutoApproved = false;
-            }
-            return updatedTool;
-        });
-        setTools(updatedTools);
-        const updatedSelected = updatedTools.find((tool) => tool.name === targetToolName) ?? null;
-        setSelectedTool(updatedSelected);
-        const autoApprovedTools = updatedTools
-            .filter((tool) => tool.isAutoApproved)
-            .map((tool) => tool.name);
-        if (sessionId) {
-            agent.setSessionAutoApproveTools(sessionId, autoApprovedTools);
-        }
-        const disabledTools = updatedTools
-            .filter((tool) => !tool.isEnabled)
-            .map((tool) => tool.name);
-        if (effectiveTarget === 'session' && sessionId) {
-            agent.setSessionDisabledTools(sessionId, disabledTools);
-        }
-        else if (effectiveTarget === 'global') {
-            try {
-                const { updateAgentPreferences, saveAgentPreferences, agentPreferencesExist } = await import('@dexto/agent-management');
-                if (agentPreferencesExist(agent.config.agentId)) {
-                    await updateAgentPreferences(agent.config.agentId, {
-                        tools: { disabled: disabledTools },
-                    });
-                }
-                else {
-                    await saveAgentPreferences(agent.config.agentId, {
-                        tools: { disabled: disabledTools },
-                    });
-                }
-                agent.setGlobalDisabledTools(disabledTools);
-            }
-            catch (_error) {
-                // If we can't persist, still keep session state so user sees effect
-                if (sessionId) {
-                    agent.setSessionDisabledTools(sessionId, disabledTools);
-                }
-                else {
-                    setTools(previousTools);
-                    setSelectedTool(previousTools.find((tool) => tool.name === targetToolName) ?? null);
-                }
-            }
-        }
-        closeScopePrompt();
-    };
-    const toggleAutoApprove = () => {
-        if (!sessionId)
-            return;
-        const updatedTools = toolsRef.current.map((tool) => tool.name === selectedToolRef.current?.name
-            ? { ...tool, isAutoApproved: !tool.isAutoApproved }
-            : tool);
-        const updatedSelected = updatedTools.find((tool) => tool.name === selectedToolRef.current?.name);
-        setTools(updatedTools);
-        setSelectedTool(updatedSelected ?? null);
-        const autoApprovedTools = updatedTools
-            .filter((tool) => tool.isAutoApproved)
-            .map((tool) => tool.name);
-        agent.setSessionAutoApproveTools(sessionId, autoApprovedTools);
-    };
-    const closeConfigMenu = () => {
-        setViewMode('list-actions');
-    };
-    const closeDetailView = () => {
-        setViewMode('list-actions');
-    };
-    const closeListActions = () => {
-        setViewMode('list');
-        setSelectedTool(null);
-    };
-    // Expose handleInput method via ref
-    useImperativeHandle(ref, () => ({
-        handleInput: (input, key) => {
-            if (!isVisible)
-                return false;
-            if (isLoading) {
-                if (key.escape) {
-                    onClose();
-                }
-                return true;
-            }
-            // Scope selection view
-            if (viewModeRef.current === 'scope') {
-                if (key.escape || key.backspace || key.delete) {
-                    closeScopePrompt();
-                    return true;
-                }
-                if (key.upArrow || key.downArrow) {
-                    setScopeTarget((prev) => (prev === 'session' ? 'global' : 'session'));
-                    return true;
-                }
-                if (key.return) {
-                    if (scopeTargetRef.current === 'session' && !sessionId) {
-                        setScopeTarget('global');
-                        scopeTargetRef.current = 'global';
-                        void applyToolToggle('global');
-                        return true;
-                    }
-                    void applyToolToggle();
-                    return true;
-                }
-                return true;
-            }
-            // Config menu view
-            if (viewModeRef.current === 'config') {
-                if (key.escape || key.backspace || key.delete) {
-                    closeConfigMenu();
-                    return true;
-                }
-                if (key.upArrow) {
-                    const nextIndex = (configIndexRef.current - 1 + 3) % 3;
-                    setConfigIndex(nextIndex);
-                    return true;
-                }
-                if (key.downArrow) {
-                    const nextIndex = (configIndexRef.current + 1) % 3;
-                    setConfigIndex(nextIndex);
-                    return true;
-                }
-                if (key.return) {
-                    const tool = selectedToolRef.current;
-                    if (tool) {
-                        if (configIndexRef.current === 0) {
-                            openScopePrompt(tool);
-                        }
-                        else if (configIndexRef.current === 1) {
-                            if (sessionId && tool.isEnabled) {
-                                toggleAutoApprove();
-                            }
-                        }
-                        else {
-                            closeConfigMenu();
-                        }
-                    }
-                    return true;
-                }
-                return true;
-            }
-            // Detail view
-            if (viewModeRef.current === 'detail') {
-                if (key.escape || key.backspace || key.delete) {
-                    closeDetailView();
-                    return true;
-                }
-                if (key.upArrow) {
-                    if (detailScrollOffsetRef.current > 0) {
-                        setDetailScrollOffset((prev) => prev - 1);
-                    }
-                    return true;
-                }
-                if (key.downArrow) {
-                    if (detailScrollOffsetRef.current < detailMaxScrollOffsetRef.current) {
-                        setDetailScrollOffset((prev) => prev + 1);
-                    }
-                    return true;
-                }
-                // Copy schema to clipboard
-                if (input === 'c' || input === 'C') {
-                    const tool = selectedToolRef.current;
-                    if (tool) {
-                        const schema = {
-                            type: 'function',
-                            name: tool.name,
-                            description: tool.description,
-                            parameters: tool.inputSchema || {},
-                        };
-                        void writeToClipboard(JSON.stringify(schema, null, 2)).then((success) => {
-                            setCopyFeedback(success ? 'Copied!' : 'Copy failed');
-                            setTimeout(() => setCopyFeedback(null), 1500);
-                        });
-                    }
-                    return true;
-                }
-                if (key.return) {
-                    const tool = selectedToolRef.current;
-                    if (tool) {
-                        openConfigMenu(tool);
-                    }
-                    return true;
-                }
-                return true;
-            }
-            // List action menu view
-            if (viewModeRef.current === 'list-actions') {
-                if (key.escape || key.backspace || key.delete) {
-                    closeListActions();
-                    return true;
-                }
-                if (key.upArrow) {
-                    const nextIndex = (listActionsIndexRef.current - 1 + LIST_ACTIONS.length) %
-                        LIST_ACTIONS.length;
-                    setListActionsIndex(nextIndex);
-                    return true;
-                }
-                if (key.downArrow) {
-                    const nextIndex = (listActionsIndexRef.current + 1) % LIST_ACTIONS.length;
-                    setListActionsIndex(nextIndex);
-                    return true;
-                }
-                if (key.return) {
-                    const tool = selectedToolRef.current;
-                    const action = LIST_ACTIONS[listActionsIndexRef.current];
-                    if (!tool) {
-                        closeListActions();
-                        return true;
-                    }
-                    if (action === 'view') {
-                        openToolDetails(tool);
-                    }
-                    else if (action === 'config') {
-                        openConfigMenu(tool);
-                    }
-                    else {
-                        closeListActions();
-                    }
-                    return true;
-                }
-                return true;
-            }
-            // In list view
-            if (key.escape) {
-                onClose();
-                return true;
-            }
-            // Handle character input for search
-            if (input && !key.return && !key.upArrow && !key.downArrow && !key.tab) {
-                // Backspace
-                if (key.backspace || key.delete) {
-                    setSearchQuery((prev) => prev.slice(0, -1));
-                    return true;
-                }
-                // Regular character - add to search
-                if (input.length === 1 && input.charCodeAt(0) >= 32) {
-                    setSearchQuery((prev) => prev + input);
-                    selectedIndexRef.current = 0;
-                    setSelection({ index: 0, offset: 0 });
-                    return true;
-                }
-            }
-            // Backspace when no other input
-            if (key.backspace || key.delete) {
-                setSearchQuery((prev) => prev.slice(0, -1));
-                return true;
-            }
-            const itemsLength = filteredTools.length;
-            if (itemsLength === 0)
-                return false;
-            if (key.upArrow) {
-                const nextIndex = (selectedIndexRef.current - 1 + itemsLength) % itemsLength;
-                selectedIndexRef.current = nextIndex;
-                setSelection((prev) => {
-                    let nextOffset = prev.offset;
-                    if (nextIndex < prev.offset) {
-                        nextOffset = nextIndex;
-                    }
-                    else if (nextIndex >= prev.offset + maxVisibleTools) {
-                        nextOffset = Math.max(0, nextIndex - maxVisibleTools + 1);
-                    }
-                    const maxOffset = Math.max(0, itemsLength - maxVisibleTools);
-                    nextOffset = Math.min(maxOffset, Math.max(0, nextOffset));
-                    return { index: nextIndex, offset: nextOffset };
-                });
-                return true;
-            }
-            if (key.downArrow) {
-                const nextIndex = (selectedIndexRef.current + 1) % itemsLength;
-                selectedIndexRef.current = nextIndex;
-                setSelection((prev) => {
-                    let nextOffset = prev.offset;
-                    if (nextIndex < prev.offset) {
-                        nextOffset = nextIndex;
-                    }
-                    else if (nextIndex >= prev.offset + maxVisibleTools) {
-                        nextOffset = Math.max(0, nextIndex - maxVisibleTools + 1);
-                    }
-                    const maxOffset = Math.max(0, itemsLength - maxVisibleTools);
-                    nextOffset = Math.min(maxOffset, Math.max(0, nextOffset));
-                    return { index: nextIndex, offset: nextOffset };
-                });
-                return true;
-            }
-            if (key.return && itemsLength > 0) {
-                const tool = filteredTools[selectedIndexRef.current];
-                if (tool) {
-                    openListActions(tool);
-                    return true;
-                }
-            }
-            return false;
-        },
-    }), [isVisible, isLoading, filteredTools, maxVisibleTools, onClose, sessionId]);
-    if (!isVisible)
-        return null;
-    if (viewMode === 'list-actions' && selectedTool) {
-        return (_jsx(ToolActionsMenu, { tool: selectedTool, columns: columns, listActionsIndex: listActionsIndex }));
-    }
-    if (viewMode === 'detail' && selectedTool) {
-        const maxVisibleLines = Math.min(18, Math.max(5, rows - 6));
-        return (_jsx(ToolDetailView, { tool: selectedTool, columns: columns, scrollOffset: detailScrollOffset, maxVisibleLines: maxVisibleLines, maxScrollOffsetRef: detailMaxScrollOffsetRef, copyFeedback: copyFeedback }));
-    }
-    if (viewMode === 'config' && selectedTool) {
-        return (_jsx(ToolSettingsView, { tool: selectedTool, columns: columns, configIndex: configIndex, sessionAvailable: Boolean(sessionId) }));
-    }
-    if (viewMode === 'scope' && selectedTool) {
-        return (_jsx(ToolScopeView, { tool: selectedTool, columns: columns, scopeTarget: scopeTarget, scopeNextEnabled: scopeNextEnabled, sessionAvailable: Boolean(sessionId) }));
-    }
-    // List view
-    const selectedIndex = selection.index;
-    const scrollOffset = selection.offset;
-    const visibleTools = filteredTools.slice(scrollOffset, scrollOffset + maxVisibleTools);
-    const filteredLocalCount = filteredTools.filter((t) => t.source === 'local').length;
-    const filteredMcpCount = filteredTools.filter((t) => t.source === 'mcp').length;
-    const selectedToolInList = filteredTools[selectedIndex];
-    let detailLine = '';
-    if (isLoading) {
-        detailLine = 'Loading tools…';
-    }
-    else if (loadError) {
-        detailLine = loadError;
-    }
-    else if (searchQuery.trim() && filteredTools.length === 0) {
-        detailLine = 'No tools match your search';
-    }
-    else if (selectedToolInList) {
-        detailLine = selectedToolInList.description;
-    }
-    return (_jsxs(Box, { flexDirection: "column", width: columns, children: [_jsxs(Box, { paddingX: 0, paddingY: 0, children: [_jsx(Text, { color: "cyan", bold: true, children: "Tools" }), _jsxs(Text, { color: "gray", children: [' ', "(", filteredTools.length, " tools: ", filteredLocalCount, " local, ", filteredMcpCount, ' ', "MCP)"] })] }), _jsxs(Box, { paddingX: 0, paddingY: 0, marginTop: 1, children: [_jsx(Text, { color: "gray", children: "Search: " }), _jsx(Text, { color: searchQuery ? 'white' : 'gray', wrap: "truncate-end", children: searchQuery || 'Type to filter tools…' })] }), _jsx(Box, { flexDirection: "column", height: maxVisibleTools, marginTop: 1, children: isLoading || filteredTools.length === 0
-                    ? Array.from({ length: maxVisibleTools }, (_, index) => (_jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { children: " " }) }, `tool-empty-${index}`)))
-                    : Array.from({ length: maxVisibleTools }, (_, rowIndex) => {
-                        const tool = visibleTools[rowIndex];
-                        if (!tool) {
-                            return (_jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { children: " " }) }, `tool-empty-${rowIndex}`));
-                        }
-                        const actualIndex = scrollOffset + rowIndex;
-                        const isSelected = actualIndex === selectedIndex;
-                        return (_jsxs(Box, { paddingX: 0, paddingY: 0, children: [_jsx(Text, { color: isSelected ? 'cyan' : 'white', children: isSelected ? '▶ ' : '  ' }), _jsx(Text, { color: isSelected ? 'cyan' : 'white', bold: isSelected, children: truncateText(tool.name, 35) }), _jsxs(Text, { color: tool.source === 'local' ? 'magenta' : 'blue', children: [' ', "[", tool.source === 'local' ? 'Local' : 'MCP', "]"] }), tool.serverName && (_jsxs(Text, { color: "gray", children: [" (", tool.serverName, ")"] })), _jsxs(Text, { color: tool.isEnabled ? 'green' : 'red', children: [' ', tool.isEnabled ? 'Enabled' : 'Disabled'] }), tool.isAutoApproved && (_jsx(Text, { color: "yellow", children: " [auto-approved]" }))] }, tool.name));
-                    }) }), _jsx(Box, { paddingX: 0, paddingY: 0, marginTop: 1, children: _jsx(Text, { color: loadError ? 'red' : 'gray', wrap: "truncate-end", children: detailLine }) }), _jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(HintBar, { hints: ['↑↓ navigate', 'Enter options', 'Esc close'] }) })] }));
-});
-/**
- * Build detail line data for a tool (plain data, not React elements)
- */
-function buildDetailLineData(tool, maxWidth) {
-    const lines = [];
-    // Tool name
-    lines.push({ type: 'title', text: tool.name });
-    // Source
-    lines.push({ type: 'source', source: tool.source, serverName: tool.serverName });
-    // Empty line before description
-    lines.push({ type: 'empty' });
-    // Description header
-    lines.push({ type: 'header', text: 'Description:' });
-    // Description content (wrapped)
-    const descriptionLines = wrapText(tool.description, maxWidth - 2).split('\n');
-    for (const descLine of descriptionLines) {
-        lines.push({ type: 'description', text: descLine });
-    }
-    // Parameters section
-    if (tool.inputSchema) {
-        const properties = tool.inputSchema.properties;
-        const required = tool.inputSchema.required || [];
-        if (properties && Object.keys(properties).length > 0) {
-            // Empty line before parameters
-            lines.push({ type: 'empty' });
-            // Parameters header
-            lines.push({ type: 'header', text: 'Parameters:' });
-            // Each parameter
-            for (const [propName, propSchema] of Object.entries(properties)) {
-                const paramType = propSchema.type || 'any';
-                const description = propSchema.description;
-                const isRequired = required.includes(propName);
-                const enumValues = propSchema.enum;
-                // Parameter name line
-                lines.push({
-                    type: 'param-name',
-                    name: propName,
-                    paramType,
-                    required: isRequired,
-                });
-                // Parameter description (wrapped)
-                if (description) {
-                    const descLines = wrapText(description, maxWidth - 2).split('\n');
-                    for (const descLine of descLines) {
-                        lines.push({ type: 'param-desc', text: descLine });
-                    }
-                }
-                // Enum values
-                if (enumValues && enumValues.length > 0) {
-                    lines.push({ type: 'param-enum', values: enumValues });
-                }
-            }
-        }
-    }
-    return lines;
-}
-/**
- * Render a detail line based on type
- */
-function renderDetailLine(line, _index) {
-    switch (line.type) {
-        case 'title':
-            return (_jsx(Text, { color: "cyan", bold: true, children: line.text }));
-        case 'source':
-            return (_jsxs(Text, { color: line.source === 'local' ? 'magenta' : 'blue', children: [line.source === 'local' ? 'Local Tool' : 'MCP Tool', line.serverName ? ` (${line.serverName})` : ''] }));
-        case 'empty':
-            return _jsx(Text, { children: " " });
-        case 'header':
-            return _jsx(Text, { color: "gray", children: line.text });
-        case 'description':
-            return (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(Text, { children: line.text })] }));
-        case 'param-name':
-            return (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(Text, { color: "cyan", children: line.name }), _jsxs(Text, { color: "gray", children: [" (", line.paramType, ")"] }), line.required && _jsx(Text, { color: "red", children: " *required" })] }));
-        case 'param-desc':
-            return (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(Text, { color: "gray", children: line.text })] }));
-        case 'param-enum':
-            return (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsxs(Text, { color: "gray", children: ["Allowed: ", line.values.join(' | ')] })] }));
-    }
-}
-function ToolActionsMenu({ tool, columns, listActionsIndex, }) {
-    return (_jsxs(Box, { flexDirection: "column", width: columns, children: [_jsxs(Box, { paddingX: 0, paddingY: 0, children: [_jsx(Text, { color: "cyan", bold: true, children: "Tool Options" }), _jsxs(Text, { color: "gray", children: [" ", tool.name] })] }), _jsx(Box, { paddingX: 0, paddingY: 0, children: _jsxs(Text, { color: listActionsIndex === 0 ? 'cyan' : 'gray', children: [listActionsIndex === 0 ? '▶ ' : '  ', "View details"] }) }), _jsx(Box, { paddingX: 0, paddingY: 0, children: _jsxs(Text, { color: listActionsIndex === 1 ? 'cyan' : 'gray', children: [listActionsIndex === 1 ? '▶ ' : '  ', "Edit tool settings"] }) }), _jsx(Box, { paddingX: 0, paddingY: 0, children: _jsxs(Text, { color: listActionsIndex === 2 ? 'cyan' : 'gray', children: [listActionsIndex === 2 ? '▶ ' : '  ', "Back"] }) }), _jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { color: "gray", children: "\u2191\u2193 select \u00B7 Enter confirm \u00B7 Esc back" }) })] }));
-}
-function ToolDetailView({ tool, columns, scrollOffset, maxVisibleLines, maxScrollOffsetRef, copyFeedback, }) {
-    const maxWidth = Math.min(80, columns - 4);
-    // Build plain data for lines (memoized)
-    const lineData = useMemo(() => buildDetailLineData(tool, maxWidth), [tool, maxWidth]);
-    // Calculate visible range and update max scroll offset ref
-    const totalLines = lineData.length;
-    const maxScrollOffset = Math.max(0, totalLines - maxVisibleLines);
-    maxScrollOffsetRef.current = maxScrollOffset;
-    const clampedOffset = Math.min(scrollOffset, maxScrollOffset);
-    // Calculate scroll indicators
-    const hasMoreAbove = clampedOffset > 0;
-    const hasMoreBelow = clampedOffset + maxVisibleLines < totalLines;
-    return (_jsxs(Box, { flexDirection: "column", width: columns, children: [_jsxs(Box, { paddingX: 0, paddingY: 0, children: [_jsx(Text, { color: "cyan", bold: true, children: "Tool Details" }), _jsx(Text, { color: "gray", children: " - \u2191\u2193 scroll, c copy schema, Enter settings, Esc back" }), copyFeedback && (_jsxs(Text, { color: "green", bold: true, children: [' ', copyFeedback] }))] }), _jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { color: "gray", children: '─'.repeat(Math.min(60, columns - 2)) }) }), _jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { color: "gray", children: hasMoreAbove ? `↑ ${clampedOffset} more above` : ' ' }) }), Array.from({ length: maxVisibleLines }, (_, i) => {
-                const absoluteIndex = clampedOffset + i;
-                const line = lineData[absoluteIndex];
-                return (_jsx(Box, { paddingX: 0, paddingY: 0, children: line ? renderDetailLine(line, absoluteIndex) : _jsx(Text, { children: " " }) }, i));
-            }), _jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { color: "gray", children: hasMoreBelow
-                        ? `↓ ${totalLines - clampedOffset - maxVisibleLines} more below`
-                        : ' ' }) })] }));
-}
-function ToolSettingsView({ tool, columns, configIndex, sessionAvailable, }) {
-    const autoApproveDisabled = !tool.isEnabled;
-    const autoApproveUnavailable = !sessionAvailable || autoApproveDisabled;
-    return (_jsxs(Box, { flexDirection: "column", width: columns, children: [_jsxs(Box, { paddingX: 0, paddingY: 0, children: [_jsx(Text, { color: "cyan", bold: true, children: "Tool Settings" }), _jsxs(Text, { color: "gray", children: [" ", tool.name] })] }), _jsxs(Box, { paddingX: 0, paddingY: 0, children: [_jsx(Text, { color: "gray", children: "Status: " }), _jsx(Text, { color: tool.isEnabled ? 'green' : 'red', children: tool.isEnabled ? 'Enabled' : 'Disabled' }), _jsx(Text, { color: "gray", children: " \u00B7 Auto-approve: " }), _jsx(Text, { color: tool.isAutoApproved ? 'green' : 'red', children: tool.isAutoApproved ? 'On' : 'Off' }), _jsx(Text, { color: "gray", children: " (session)" })] }), autoApproveDisabled && (_jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { color: "yellow", children: "Enable the tool to allow auto-approve." }) })), _jsx(Box, { paddingX: 0, paddingY: 0, children: _jsxs(Text, { color: configIndex === 0 ? 'cyan' : 'gray', children: [configIndex === 0 ? '▶ ' : '  ', tool.isEnabled ? 'Disable tool' : 'Enable tool'] }) }), _jsx(Box, { paddingX: 0, paddingY: 0, children: _jsxs(Text, { color: configIndex === 1 ? (autoApproveUnavailable ? 'yellow' : 'cyan') : 'gray', children: [configIndex === 1 ? '▶ ' : '  ', tool.isAutoApproved
-                            ? 'Disable auto-approve (session)'
-                            : 'Enable auto-approve (session)'] }) }), !sessionAvailable && (_jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { color: "yellow", children: "Auto-approve requires an active session." }) })), _jsx(Box, { paddingX: 0, paddingY: 0, children: _jsxs(Text, { color: configIndex === 2 ? 'cyan' : 'gray', children: [configIndex === 2 ? '▶ ' : '  ', "Back"] }) }), _jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { color: "gray", children: "\u2191\u2193 select \u00B7 Enter confirm \u00B7 Esc back" }) })] }));
-}
-function ToolScopeView({ tool, columns, scopeTarget, scopeNextEnabled, sessionAvailable, }) {
-    return (_jsxs(Box, { flexDirection: "column", width: columns, children: [_jsxs(Box, { paddingX: 0, paddingY: 0, children: [_jsx(Text, { color: "cyan", bold: true, children: scopeNextEnabled ? 'Enable Tool' : 'Disable Tool' }), _jsxs(Text, { color: "gray", children: [" ", tool.name] })] }), _jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { color: "gray", children: "Apply to:" }) }), _jsx(Box, { paddingX: 0, paddingY: 0, children: _jsxs(Text, { color: scopeTarget === 'session' ? 'cyan' : 'gray', children: [scopeTarget === 'session' ? '▶ ' : '  ', "Session (default)"] }) }), _jsx(Box, { paddingX: 0, paddingY: 0, children: _jsxs(Text, { color: scopeTarget === 'global' ? 'cyan' : 'gray', children: [scopeTarget === 'global' ? '▶ ' : '  ', "Global (persisted)"] }) }), !sessionAvailable && scopeTarget === 'session' && (_jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { color: "yellow", children: "No active session; switching to global." }) })), _jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { color: "gray", children: "\u2191\u2193 choose scope \u00B7 Enter confirm \u00B7 Esc back" }) })] }));
-}
-/**
- * Truncate text to max length with ellipsis
- */
-function truncateText(text, maxLength) {
-    if (text.length <= maxLength)
-        return text;
-    return text.slice(0, maxLength - 1) + '…';
-}
-/**
- * Wrap text to fit within max width
- */
-function wrapText(text, maxWidth) {
-    if (text.length <= maxWidth)
-        return text;
-    const words = text.split(' ');
-    const lines = [];
-    let currentLine = '';
-    for (const word of words) {
-        if (currentLine.length + word.length + 1 <= maxWidth) {
-            currentLine += (currentLine ? ' ' : '') + word;
-        }
-        else {
-            if (currentLine)
-                lines.push(currentLine);
-            currentLine = word;
-        }
-    }
-    if (currentLine)
-        lines.push(currentLine);
-    return lines.join('\n');
-}
-export default ToolBrowser;