dexto 1.5.8 → 1.6.1

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

@@ -5,25 +5,32 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * Features:
  * - Search/filter tools by name
  * - View tool details (description, schema)
- * - Shows source (MCP server or Internal)
+ * - 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';
-const MAX_VISIBLE_ITEMS = 12;
+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 [selectedIndex, setSelectedIndex] = useState(0);
+    const [selection, setSelection] = useState({ index: 0, offset: 0 });
     const [searchQuery, setSearchQuery] = useState('');
-    const [scrollOffset, setScrollOffset] = useState(0);
     const [viewMode, setViewMode] = useState('list');
     const [selectedTool, setSelectedTool] = useState(null);
     const [detailScrollOffset, setDetailScrollOffset] = useState(0);
@@ -33,7 +40,7 @@ const ToolBrowser = forwardRef(function ToolBrowser({ isVisible, onClose, agent,
     const [scopeToolName, setScopeToolName] = useState(null);
     const [scopeNextEnabled, setScopeNextEnabled] = useState(true);
     const [scopeTarget, setScopeTarget] = useState('session');
-    const selectedIndexRef = useRef(selectedIndex);
+    const selectedIndexRef = useRef(0);
     const viewModeRef = useRef(viewMode);
     const detailScrollOffsetRef = useRef(detailScrollOffset);
     const detailMaxScrollOffsetRef = useRef(0);
@@ -45,7 +52,7 @@ const ToolBrowser = forwardRef(function ToolBrowser({ isVisible, onClose, agent,
     const scopeNextEnabledRef = useRef(scopeNextEnabled);
     const scopeToolNameRef = useRef(scopeToolName);
     // Keep refs in sync
-    selectedIndexRef.current = selectedIndex;
+    selectedIndexRef.current = selection.index;
     viewModeRef.current = viewMode;
     detailScrollOffsetRef.current = detailScrollOffset;
     selectedToolRef.current = selectedTool;
@@ -62,8 +69,7 @@ const ToolBrowser = forwardRef(function ToolBrowser({ isVisible, onClose, agent,
         let cancelled = false;
         setIsLoading(true);
         setSearchQuery('');
-        setSelectedIndex(0);
-        setScrollOffset(0);
+        setSelection({ index: 0, offset: 0 });
         setViewMode('list');
         setSelectedTool(null);
         setListActionsIndex(0);
@@ -94,17 +100,17 @@ const ToolBrowser = forwardRef(function ToolBrowser({ isVisible, onClose, agent,
                     toolList.push({
                         name: toolName,
                         description: toolInfo.description || 'No description available',
-                        source: isMcpTool ? 'mcp' : 'internal',
+                        source: isMcpTool ? 'mcp' : 'local',
                         serverName,
                         inputSchema: toolInfo.parameters,
                         isEnabled: enabledToolNames.has(toolName),
                         isAutoApproved: autoApprovedToolNames.has(toolName),
                     });
                 }
-                // Sort: internal tools first, then MCP tools
+                // Sort: local tools first, then MCP tools
                 toolList.sort((a, b) => {
                     if (a.source !== b.source) {
-                        return a.source === 'internal' ? -1 : 1;
+                        return a.source === 'local' ? -1 : 1;
                     }
                     return a.name.localeCompare(b.name);
                 });
@@ -141,21 +147,27 @@ const ToolBrowser = forwardRef(function ToolBrowser({ isVisible, onClose, agent,
             return name.includes(query) || desc.includes(query) || server.includes(query);
         });
     }, [tools, searchQuery]);
-    // Adjust selected index when filter changes
-    useEffect(() => {
-        if (selectedIndex >= filteredTools.length) {
-            setSelectedIndex(Math.max(0, filteredTools.length - 1));
-        }
-    }, [filteredTools.length, selectedIndex]);
-    // Calculate scroll offset
+    // Keep selection valid and visible when filtering or terminal height changes.
     useEffect(() => {
-        if (selectedIndex < scrollOffset) {
-            setScrollOffset(selectedIndex);
-        }
-        else if (selectedIndex >= scrollOffset + MAX_VISIBLE_ITEMS) {
-            setScrollOffset(selectedIndex - MAX_VISIBLE_ITEMS + 1);
-        }
-    }, [selectedIndex, scrollOffset]);
+        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);
@@ -276,6 +288,12 @@ const ToolBrowser = forwardRef(function ToolBrowser({ isVisible, onClose, agent,
         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) {
@@ -429,8 +447,8 @@ const ToolBrowser = forwardRef(function ToolBrowser({ isVisible, onClose, agent,
                 // Regular character - add to search
                 if (input.length === 1 && input.charCodeAt(0) >= 32) {
                     setSearchQuery((prev) => prev + input);
-                    setSelectedIndex(0);
-                    setScrollOffset(0);
+                    selectedIndexRef.current = 0;
+                    setSelection({ index: 0, offset: 0 });
                     return true;
                 }
             }
@@ -444,14 +462,36 @@ const ToolBrowser = forwardRef(function ToolBrowser({ isVisible, onClose, agent,
                 return false;
             if (key.upArrow) {
                 const nextIndex = (selectedIndexRef.current - 1 + itemsLength) % itemsLength;
-                setSelectedIndex(nextIndex);
                 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;
-                setSelectedIndex(nextIndex);
                 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) {
@@ -463,12 +503,9 @@ const ToolBrowser = forwardRef(function ToolBrowser({ isVisible, onClose, agent,
             }
             return false;
         },
-    }), [isVisible, filteredTools, onClose, sessionId]);
+    }), [isVisible, isLoading, filteredTools, maxVisibleTools, onClose, sessionId]);
     if (!isVisible)
         return null;
-    if (isLoading) {
-        return (_jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { color: "gray", children: "Loading tools..." }) }));
-    }
     if (viewMode === 'list-actions' && selectedTool) {
         return (_jsx(ToolActionsMenu, { tool: selectedTool, columns: columns, listActionsIndex: listActionsIndex }));
     }
@@ -483,18 +520,36 @@ const ToolBrowser = forwardRef(function ToolBrowser({ isVisible, onClose, agent,
         return (_jsx(ToolScopeView, { tool: selectedTool, columns: columns, scopeTarget: scopeTarget, scopeNextEnabled: scopeNextEnabled, sessionAvailable: Boolean(sessionId) }));
     }
     // List view
-    const visibleTools = filteredTools.slice(scrollOffset, scrollOffset + MAX_VISIBLE_ITEMS);
-    const filteredInternalCount = filteredTools.filter((t) => t.source === 'internal').length;
+    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;
-    return (_jsxs(Box, { flexDirection: "column", width: columns, children: [_jsxs(Box, { paddingX: 0, paddingY: 0, children: [_jsx(Text, { color: "cyan", bold: true, children: "Tool Browser" }), _jsxs(Text, { color: "gray", children: [' ', "(", filteredTools.length, " tools: ", filteredInternalCount, " internal,", ' ', filteredMcpCount, " MCP)"] })] }), _jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { color: "gray", children: "\u2191\u2193 navigate \u00B7 Enter options \u00B7 Esc close" }) }), _jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { color: "gray", children: "Type to search \u00B7 Backspace to delete" }) }), loadError && (_jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { color: "red", children: loadError }) })), _jsxs(Box, { paddingX: 0, paddingY: 0, marginTop: 1, children: [_jsx(Text, { color: "gray", children: "Search: " }), _jsx(Text, { color: searchQuery ? 'white' : 'gray', children: searchQuery || 'Type to filter...' }), _jsx(Text, { color: "cyan", children: "\u258C" })] }), _jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { color: "gray", children: '─'.repeat(Math.min(60, columns - 2)) }) }), filteredTools.length === 0 ? (_jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { color: "gray", children: "No tools match your search" }) })) : (visibleTools.map((tool, visibleIndex) => {
-                const actualIndex = scrollOffset + visibleIndex;
-                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 === 'internal' ? 'magenta' : 'blue', children: [' ', "[", tool.source === 'internal' ? 'Internal' : '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));
-            })), filteredTools.length > MAX_VISIBLE_ITEMS && (_jsx(Box, { paddingX: 0, paddingY: 0, marginTop: 1, children: _jsxs(Text, { color: "gray", children: [scrollOffset > 0 ? '↑ more above' : '', scrollOffset > 0 && scrollOffset + MAX_VISIBLE_ITEMS < filteredTools.length
-                            ? ' | '
-                            : '', scrollOffset + MAX_VISIBLE_ITEMS < filteredTools.length
-                            ? '↓ more below'
-                            : ''] }) }))] }));
+    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)
@@ -560,7 +615,7 @@ function renderDetailLine(line, _index) {
         case 'title':
             return (_jsx(Text, { color: "cyan", bold: true, children: line.text }));
         case 'source':
-            return (_jsxs(Text, { color: line.source === 'internal' ? 'magenta' : 'blue', children: [line.source === 'internal' ? 'Internal Tool' : 'MCP Tool', line.serverName ? ` (${line.serverName})` : ''] }));
+            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':

package/dist/cli/ink-cli/components/overlays/custom-model-wizard/LocalModelWizard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LocalModelWizard.d.ts","sourceRoot":"","sources":["../../../../../../src/cli/ink-cli/components/overlays/custom-model-wizard/LocalModelWizard.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAA4E,MAAM,OAAO,CAAC;AAKjG,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EASH,KAAK,WAAW,EACnB,MAAM,yBAAyB,CAAC;AAqBjC,UAAU,qBAAqB;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,sBAAsB;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAaD;;;GAGG;AACH,QAAA,MAAM,gBAAgB,sGA4/BrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"LocalModelWizard.d.ts","sourceRoot":"","sources":["../../../../../../src/cli/ink-cli/components/overlays/custom-model-wizard/LocalModelWizard.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAA4E,MAAM,OAAO,CAAC;AAKjG,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,wCAAwC,CAAC;AAGlE,OAAO,EASH,KAAK,WAAW,EACnB,MAAM,yBAAyB,CAAC;AAqBjC,UAAU,qBAAqB;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,sBAAsB;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAaD;;;GAGG;AACH,QAAA,MAAM,gBAAgB,sGAg/BrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/cli/ink-cli/components/overlays/custom-model-wizard/LocalModelWizard.js

@@ -11,6 +11,8 @@ import { Box, Text } from 'ink';
 import * as fs from 'fs';
 import * as path from 'path';
 import { spawn } from 'child_process';
+import { useAnimationTick } from '../../../hooks/useAnimationTick.js';
+import { BRAILLE_SPINNER_FRAMES } from '../../../constants/spinnerFrames.js';
 import { saveCustomModel, getAllInstalledModels, addInstalledModel, removeInstalledModel, getModelsDirectory, formatSize, getDextoGlobalPath, } from '@dexto/agent-management';
 import { promises as fsPromises } from 'fs';
 import { getAllLocalModels, getLocalModelById, getRecommendedLocalModels, downloadModel, isNodeLlamaCppInstalled, } from '@dexto/core';
@@ -33,8 +35,12 @@ const LocalModelWizard = forwardRef(function LocalModelWizard({ isVisible, onCom
     const [nodeLlamaChecked, setNodeLlamaChecked] = useState(false); // Track if we've checked installation
     const [isInstallingNodeLlama, setIsInstallingNodeLlama] = useState(false);
     const [installConfirmIndex, setInstallConfirmIndex] = useState(0); // 0 = Yes, 1 = No
-    const [installSpinnerFrame, setInstallSpinnerFrame] = useState(0);
     const [refreshTrigger, setRefreshTrigger] = useState(0); // Increment to trigger data reload
+    const installSpinnerTick = useAnimationTick({
+        enabled: isInstallingNodeLlama,
+        intervalMs: 80,
+    });
+    const installSpinnerFrame = installSpinnerTick % BRAILLE_SPINNER_FRAMES.length;
     // Custom path input state
     const [customPath, setCustomPath] = useState('');
     // Display name input state
@@ -68,19 +74,8 @@ const LocalModelWizard = forwardRef(function LocalModelWizard({ isVisible, onCom
         setError(null);
         setIsInstallingNodeLlama(false);
         setInstallConfirmIndex(0);
-        setInstallSpinnerFrame(0);
         setNodeLlamaChecked(false);
     }, [isVisible]);
-    // Spinner animation for installation
-    useEffect(() => {
-        if (!isInstallingNodeLlama)
-            return;
-        const spinnerFrames = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
-        const interval = setInterval(() => {
-            setInstallSpinnerFrame((prev) => (prev + 1) % spinnerFrames.length);
-        }, 80);
-        return () => clearInterval(interval);
-    }, [isInstallingNodeLlama]);
     // Load models when visible or when showAllModels changes
     useEffect(() => {
         if (!isVisible)
@@ -540,7 +535,7 @@ const LocalModelWizard = forwardRef(function LocalModelWizard({ isVisible, onCom
             { label: 'Yes', description: 'Install now (may take 1-2 minutes)' },
             { label: 'No', description: 'Go back' },
         ];
-        return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, marginTop: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "yellow", children: "Dependency Required" }) }), _jsx(Text, { children: "Local model execution requires node-llama-cpp." }), _jsx(Text, { color: "gray", children: "This will compile native bindings for your system." }), isInstallingNodeLlama ? (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Box, { children: _jsxs(Text, { color: "cyan", children: [['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'][installSpinnerFrame], ' ', "Installing node-llama-cpp (compiling native bindings)..."] }) }), _jsx(Text, { color: "gray", children: "This may take 1-2 minutes." })] })) : (_jsxs(_Fragment, { children: [_jsx(Box, { marginTop: 1, marginBottom: 1, children: _jsx(Text, { children: "Install node-llama-cpp now?" }) }), options.map((option, idx) => (_jsxs(Box, { children: [_jsxs(Text, { color: idx === installConfirmIndex ? 'cyan' : 'white', children: [idx === installConfirmIndex ? '❯ ' : '  ', option.label] }), idx === installConfirmIndex && (_jsxs(Text, { color: "gray", children: [" - ", option.description] }))] }, option.label)))] })), error && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "red", children: error }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", children: isInstallingNodeLlama
+        return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, marginTop: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "yellow", children: "Dependency Required" }) }), _jsx(Text, { children: "Local model execution requires node-llama-cpp." }), _jsx(Text, { color: "gray", children: "This will compile native bindings for your system." }), isInstallingNodeLlama ? (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Box, { children: _jsxs(Text, { color: "cyan", children: [BRAILLE_SPINNER_FRAMES[installSpinnerFrame], " Installing node-llama-cpp (compiling native bindings)..."] }) }), _jsx(Text, { color: "gray", children: "This may take 1-2 minutes." })] })) : (_jsxs(_Fragment, { children: [_jsx(Box, { marginTop: 1, marginBottom: 1, children: _jsx(Text, { children: "Install node-llama-cpp now?" }) }), options.map((option, idx) => (_jsxs(Box, { children: [_jsxs(Text, { color: idx === installConfirmIndex ? 'cyan' : 'white', children: [idx === installConfirmIndex ? '❯ ' : '  ', option.label] }), idx === installConfirmIndex && (_jsxs(Text, { color: "gray", children: [" - ", option.description] }))] }, option.label)))] })), error && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "red", children: error }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", children: isInstallingNodeLlama
                             ? 'Please wait...'
                             : '↑↓ navigate • Enter select • Esc cancel' }) })] }));
     }

package/dist/cli/ink-cli/components/renderers/FilePreviewRenderer.d.ts

@@ -8,14 +8,14 @@
 import type { DiffDisplayData, FileDisplayData } from '@dexto/core';
 interface DiffPreviewProps {
     data: DiffDisplayData;
-    /** Header text: "Edit file" or "Overwrite file" */
-    headerType: 'edit' | 'overwrite';
+    /** Optional header override (useful for plan tools, etc.) */
+    header?: string;
 }
 /**
  * Enhanced diff preview for edit_file and write_file (overwrite) approval
  * Shows full diff with line backgrounds, hunk collapsing, and word-level highlighting
  */
-export declare function DiffPreview({ data, headerType }: DiffPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function DiffPreview({ data, header }: DiffPreviewProps): import("react/jsx-runtime").JSX.Element;
 interface CreateFilePreviewProps {
     data: FileDisplayData;
     /** Custom header text (defaults to "Create file") */

package/dist/cli/ink-cli/components/renderers/FilePreviewRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePreviewRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/renderers/FilePreviewRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAgBpE,UAAU,gBAAgB;IACtB,IAAI,EAAE,eAAe,CAAC;IACtB,mDAAmD;IACnD,UAAU,EAAE,MAAM,GAAG,WAAW,CAAC;CACpC;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,gBAAgB,2CAiGjE;AAMD,UAAU,sBAAsB;IAC5B,IAAI,EAAE,eAAe,CAAC;IACtB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,MAAsB,EAAE,EAAE,sBAAsB,2CAoDzF"}
+{"version":3,"file":"FilePreviewRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/renderers/FilePreviewRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAgBpE,UAAU,gBAAgB;IACtB,IAAI,EAAE,eAAe,CAAC;IACtB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAiG7D;AAMD,UAAU,sBAAsB;IAC5B,IAAI,EAAE,eAAe,CAAC;IACtB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,sBAAsB,2CAqDzE"}

package/dist/cli/ink-cli/components/renderers/FilePreviewRenderer.js

@@ -14,7 +14,7 @@ import { parseUnifiedDiff, findLinePairs, computeWordDiff, getLineNumWidth, form
  * Enhanced diff preview for edit_file and write_file (overwrite) approval
  * Shows full diff with line backgrounds, hunk collapsing, and word-level highlighting
  */
-export function DiffPreview({ data, headerType }) {
+export function DiffPreview({ data, header }) {
     const { unified, filename } = data;
     const hunks = parseUnifiedDiff(unified);
     // Calculate max line number for width
@@ -27,7 +27,7 @@ export function DiffPreview({ data, headerType }) {
     const lineNumWidth = getLineNumWidth(maxLineNum);
     // Find line pairs for word-level diff
     const allLinePairs = hunks.map((hunk) => findLinePairs(hunk.lines));
-    const headerText = headerType === 'edit' ? 'Edit file' : 'Overwrite file';
+    const headerText = header ?? data.title ?? 'Update file';
     return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { marginBottom: 0, children: _jsx(Text, { color: "cyan", bold: true, children: headerText }) }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsx(Box, { marginBottom: 0, children: _jsx(Text, { children: makeRelativePath(filename) }) }), hunks.map((hunk, hunkIndex) => {
                         const linePairs = allLinePairs[hunkIndex];
                         const processedIndices = new Set();
@@ -54,13 +54,14 @@ export function DiffPreview({ data, headerType }) {
  * Preview for write_file (new file creation) or plan review
  * Shows full file content with line numbers, white text
  */
-export function CreateFilePreview({ data, header = 'Create file' }) {
+export function CreateFilePreview({ data, header }) {
     const { path, content, lineCount } = data;
+    const headerText = header ?? data.title ?? 'Create file';
     if (!content) {
         // Fallback if content not provided
-        return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { marginBottom: 0, children: _jsx(Text, { color: "cyan", bold: true, children: header }) }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsx(Text, { children: makeRelativePath(path) }), lineCount && _jsxs(Text, { color: "gray", children: [lineCount, " lines"] })] })] }));
+        return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { marginBottom: 0, children: _jsx(Text, { color: "cyan", bold: true, children: headerText }) }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsx(Text, { children: makeRelativePath(path) }), lineCount && _jsxs(Text, { color: "gray", children: [lineCount, " lines"] })] })] }));
     }
     const lines = content.split('\n');
     const lineNumWidth = getLineNumWidth(lines.length);
-    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { marginBottom: 0, children: _jsx(Text, { color: "cyan", bold: true, children: header }) }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsx(Box, { marginBottom: 0, children: _jsx(Text, { children: makeRelativePath(path) }) }), lines.map((line, index) => (_jsxs(Box, { children: [_jsx(Text, { color: "gray", children: formatLineNum(index + 1, lineNumWidth) }), _jsxs(Text, { children: ['   ', line] })] }, index)))] })] }));
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { marginBottom: 0, children: _jsx(Text, { color: "cyan", bold: true, children: headerText }) }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsx(Box, { marginBottom: 0, children: _jsx(Text, { children: makeRelativePath(path) }) }), lines.map((line, index) => (_jsxs(Box, { children: [_jsx(Text, { color: "gray", children: formatLineNum(index + 1, lineNumWidth) }), _jsxs(Text, { children: ['   ', line] })] }, index)))] })] }));
 }

package/dist/cli/ink-cli/components/renderers/FileRenderer.d.ts

@@ -9,11 +9,13 @@ import type { FileDisplayData } from '@dexto/core';
 interface FileRendererProps {
     /** File display data from tool result */
     data: FileDisplayData;
+    /** Maximum lines of content to display (default: 20) */
+    maxLines?: number;
 }
 /**
  * Renders file operation status.
  * Uses ⎿ character for continuation lines.
  */
-export declare function FileRenderer({ data }: FileRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function FileRenderer({ data, maxLines }: FileRendererProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FileRenderer.d.ts.map

package/dist/cli/ink-cli/components/renderers/FileRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/renderers/FileRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,UAAU,iBAAiB;IACvB,yCAAyC;IACzC,IAAI,EAAE,eAAe,CAAC;CACzB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CAoCvD"}
+{"version":3,"file":"FileRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/renderers/FileRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAInD,UAAU,iBAAiB;IACvB,yCAAyC;IACzC,IAAI,EAAE,eAAe,CAAC;IACtB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,QAAa,EAAE,EAAE,iBAAiB,2CA2EtE"}

package/dist/cli/ink-cli/components/renderers/FileRenderer.js

@@ -1,25 +1,36 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Text } from 'ink';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { makeRelativePath } from '../../utils/messageFormatting.js';
+import { formatLineNum, getLineNumWidth } from './diff-shared.js';
 /**
  * Renders file operation status.
  * Uses ⎿ character for continuation lines.
  */
-export function FileRenderer({ data }) {
-    const { operation, lineCount } = data;
+export function FileRenderer({ data, maxLines = 20 }) {
+    const { operation, lineCount, path, content } = data;
+    const relativePath = makeRelativePath(path);
     // Format based on operation type
     if (operation === 'read') {
         // Format: "Read N lines"
         const lineText = lineCount !== undefined ? `${lineCount} lines` : 'file';
-        return (_jsxs(Text, { color: "gray", children: ['  ⎿ ', "Read ", lineText] }));
+        return (_jsxs(Text, { color: "gray", children: ['  ⎿ ', "Read ", lineText, " from ", relativePath] }));
     }
     // For write/create operations
     if (operation === 'write' || operation === 'create') {
+        const verb = operation === 'create' ? 'Created' : 'Wrote';
+        if (operation === 'create' && content) {
+            const lines = content.split('\n');
+            const displayLines = lines.slice(0, maxLines);
+            const truncatedCount = lines.length - displayLines.length;
+            const lineNumWidth = getLineNumWidth(lines.length);
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: "gray", children: '  ⎿ ' }), _jsx(Text, { children: relativePath }), _jsx(Text, { color: "green", children: " (created)" })] }), _jsxs(Box, { flexDirection: "column", paddingLeft: 2, children: [displayLines.map((line, index) => (_jsxs(Box, { children: [_jsx(Text, { color: "gray", children: formatLineNum(index + 1, lineNumWidth) }), _jsxs(Text, { wrap: "wrap", children: ['   ', line] })] }, index))), truncatedCount > 0 && (_jsxs(Text, { color: "gray", children: ["... +", truncatedCount, " lines"] }))] })] }));
+        }
         const lineText = lineCount !== undefined ? `${lineCount} lines` : 'content';
-        return (_jsxs(Text, { color: "gray", children: ['  ⎿ ', "Wrote ", lineText] }));
+        return (_jsxs(Text, { color: "gray", children: ['  ⎿ ', verb, " ", lineText, " to ", relativePath] }));
     }
     // Delete operation
     if (operation === 'delete') {
-        return _jsxs(Text, { color: "gray", children: ['  ⎿ ', "Deleted file"] });
+        return (_jsxs(Text, { color: "gray", children: ['  ⎿ ', "Deleted ", relativePath] }));
     }
     // Fallback
     return (_jsxs(Text, { color: "gray", children: ['  ⎿ ', operation] }));

package/dist/cli/ink-cli/components/renderers/ShellRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShellRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/renderers/ShellRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,UAAU,kBAAkB;IACxB,0CAA0C;IAC1C,IAAI,EAAE,gBAAgB,CAAC;IACvB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,QAAY,EAAE,EAAE,kBAAkB,2CAwCvE"}
+{"version":3,"file":"ShellRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/renderers/ShellRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,UAAU,kBAAkB;IACxB,0CAA0C;IAC1C,IAAI,EAAE,gBAAgB,CAAC;IACvB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,QAAY,EAAE,EAAE,kBAAkB,2CAqCvE"}

package/dist/cli/ink-cli/components/renderers/ShellRenderer.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
 /**
  * Renders shell command result with output.
@@ -6,20 +6,10 @@ import { Box, Text } from 'ink';
  * Shows just the output, "(No content)" for empty results.
  */
 export function ShellRenderer({ data, maxLines = 5 }) {
-    // Use stdout from display data, fall back to stderr if no stdout
-    const output = data.stdout || data.stderr || '';
-    const lines = output.split('\n').filter((line) => line.length > 0);
-    const displayLines = lines.slice(0, maxLines);
-    const truncatedCount = lines.length - maxLines;
-    // No output - show "(No content)"
-    if (lines.length === 0) {
-        return _jsxs(Text, { color: "gray", children: ['  ⎿ ', "(No content)"] });
-    }
-    // Single line output - show inline
-    if (lines.length === 1 && lines[0]) {
-        return (_jsxs(Text, { color: "gray", children: ['  ⎿ ', lines[0]] }));
-    }
-    // Multi-line output
-    // TODO: Add ctrl+o expansion to show full output
-    return (_jsxs(Box, { flexDirection: "column", children: [displayLines.map((line, i) => (_jsxs(Text, { color: "gray", wrap: "truncate", children: [i === 0 ? '  ⎿ ' : '    ', line] }, i))), truncatedCount > 0 && (_jsxs(Text, { color: "gray", children: ['    ', "+", truncatedCount, " lines"] }))] }));
+    // Prefer stdout; fall back to stderr if stdout is empty/undefined
+    const output = data.stdout && data.stdout.length > 0 ? data.stdout : data.stderr || '';
+    const outputLines = output.split('\n').filter((line) => line.length > 0);
+    const displayLines = outputLines.slice(0, maxLines);
+    const truncatedCount = outputLines.length - displayLines.length;
+    return (_jsxs(Box, { flexDirection: "column", children: [data.isBackground && _jsxs(Text, { color: "gray", children: ['    ', "(background)"] }), outputLines.length === 0 ? (_jsxs(Text, { color: "gray", children: ['    ', "(No output)"] })) : (_jsxs(_Fragment, { children: [displayLines.map((line, i) => (_jsxs(Text, { color: "gray", wrap: "truncate", children: ['    ', line] }, i))), truncatedCount > 0 && (_jsxs(Text, { color: "gray", children: ['    ', "+", truncatedCount, " lines"] }))] })), data.exitCode !== 0 && (_jsxs(Text, { color: "red", children: ['    ', "exit code: ", data.exitCode] }))] }));
 }

package/dist/cli/ink-cli/components/renderers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/renderers/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAQhE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGvD,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE1E,UAAU,uBAAuB;IAC7B,yDAAyD;IACzD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,qDAAqD;IACrD,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,uBAAuB,2CAgCzF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/renderers/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAQhE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGvD,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE1E,UAAU,uBAAuB;IAC7B,yDAAyD;IACzD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,qDAAqD;IACrD,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,uBAAuB,2CAkCzF"}

package/dist/cli/ink-cli/components/renderers/index.js

@@ -28,7 +28,7 @@ export function ToolResultRenderer({ display, content, maxLines }) {
         case 'search':
             return (_jsx(SearchRenderer, { data: displayData, ...(maxLines !== undefined && { maxMatches: maxLines }) }));
         case 'file':
-            return _jsx(FileRenderer, { data: displayData });
+            return (_jsx(FileRenderer, { data: displayData, ...(maxLines !== undefined && { maxLines }) }));
         case 'generic':
         default:
             return (_jsx(GenericRenderer, { content: content, ...(maxLines !== undefined && { maxLines }) }));

package/dist/cli/ink-cli/components/shared/FocusOverlayFrame.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface FocusOverlayFrameProps {
+    children: React.ReactNode;
+}
+export declare function FocusOverlayFrame({ children }: FocusOverlayFrameProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FocusOverlayFrame.d.ts.map

package/dist/cli/ink-cli/components/shared/FocusOverlayFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusOverlayFrame.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/shared/FocusOverlayFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,sBAAsB;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CAarE"}

package/dist/cli/ink-cli/components/shared/FocusOverlayFrame.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { useTerminalSize } from '../../hooks/useTerminalSize.js';
+export function FocusOverlayFrame({ children }) {
+    const { columns } = useTerminalSize();
+    const divider = '─'.repeat(Math.max(0, columns));
+    return (_jsxs(Box, { flexDirection: "column", width: columns, children: [_jsx(Text, { color: "gray", children: divider }), _jsx(Box, { paddingX: 1, flexDirection: "column", children: children }), _jsx(Text, { color: "gray", children: divider })] }));
+}

package/dist/cli/ink-cli/components/shared/HintBar.d.ts

@@ -0,0 +1,6 @@
+export interface HintBarProps {
+    hints: readonly string[];
+    separator?: string;
+}
+export declare function HintBar({ hints, separator }: HintBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HintBar.d.ts.map

package/dist/cli/ink-cli/components/shared/HintBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HintBar.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/shared/HintBar.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,SAAiB,EAAE,EAAE,YAAY,2CAOjE"}

package/dist/cli/ink-cli/components/shared/HintBar.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from 'ink';
+export function HintBar({ hints, separator = ' • ' }) {
+    const line = hints.filter(Boolean).join(separator);
+    return (_jsx(Text, { color: "gray", wrap: "truncate-end", children: line }));
+}

package/dist/cli/ink-cli/constants/spinnerFrames.d.ts

@@ -0,0 +1,2 @@
+export declare const BRAILLE_SPINNER_FRAMES: readonly ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+//# sourceMappingURL=spinnerFrames.d.ts.map

package/dist/cli/ink-cli/constants/spinnerFrames.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinnerFrames.d.ts","sourceRoot":"","sources":["../../../../src/cli/ink-cli/constants/spinnerFrames.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,6DAA8D,CAAC"}

package/dist/cli/ink-cli/constants/spinnerFrames.js

@@ -0,0 +1 @@
+export const BRAILLE_SPINNER_FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];

package/dist/cli/ink-cli/constants/tips.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tips.d.ts","sourceRoot":"","sources":["../../../../src/cli/ink-cli/constants/tips.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,eAAO,MAAM,IAAI,EAAE,MAAM,EA2CxB,CAAC;AAEF;;GAEG;AACH,wBAAgB,YAAY,IAAI,MAAM,CAGrC"}
+{"version":3,"file":"tips.d.ts","sourceRoot":"","sources":["../../../../src/cli/ink-cli/constants/tips.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,eAAO,MAAM,IAAI,EAAE,MAAM,EA4CxB,CAAC;AAEF;;GAEG;AACH,wBAAgB,YAAY,IAAI,MAAM,CAGrC"}

package/dist/cli/ink-cli/constants/tips.js

@@ -18,6 +18,7 @@ export const tips = [
     'Use /prompts to browse, add and delete custom prompts…',
     'Use /log to change logging verbosity…',
     'Use /clear to clear the session context…',
+    'Use /sounds to customize notification sounds…',
     'Use /exit or /quit to close dexto…',
     'Use /docs to access documentation…',
     'Use /copy to copy the previous response…',
@@ -31,7 +32,7 @@ export const tips = [
     'Press Escape to close overlays and menus…',
     'Use Up/Down arrows to navigate command history…',
     'Press Enter to submit your message…',
-    'Press Ctrl+T to show/hide the task list…',
+    'Press Ctrl+T to show/hide the todo list…',
     'Press Ctrl+R to search previous prompts…',
     'Press Shift+Enter to insert a new line…',
     // Feature tips

package/dist/cli/ink-cli/containers/InputContainer.d.ts

@@ -22,6 +22,8 @@ interface InputContainerProps {
     input: InputState;
     ui: UIState;
     session: SessionState;
+    /** If provided, auto-submits once when the UI is ready */
+    initialPrompt?: string | undefined;
     approval: ApprovalRequest | null;
     /** Queued messages waiting to be processed */
     queuedMessages: QueuedMessage[];
@@ -44,6 +46,8 @@ interface InputContainerProps {
     setTodos: React.Dispatch<React.SetStateAction<TodoItem[]>>;
     agent: DextoAgent;
     inputService: InputService;
+    /** Source agent config file path (if available) */
+    configFilePath: string | null;
     /** Optional keyboard scroll handler (for alternate buffer mode) */
     onKeyboardScroll?: (direction: 'up' | 'down') => void;
     /** Whether to stream chunks or wait for complete response (default: true) */