dexto 1.6.1 → 1.6.2

package/dist/cli/ink-cli/components/Footer.js

@@ -1,76 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Footer Component
- * Status line at the bottom showing CWD, branch, and model info.
- */
-import { useEffect, useState } from 'react';
-import path from 'node:path';
-import { Box, Text } from 'ink';
-import { getModelDisplayName } from '@dexto/core';
-import { getLLMProviderDisplayName } from '../utils/llm-provider-display.js';
-function getDirectoryName(cwd) {
-    const base = path.basename(cwd);
-    return base || cwd;
-}
-/**
- * Pure presentational component for footer status line
- */
-export function Footer({ agent, sessionId, modelName, cwd, branchName, autoApproveEdits, planModeActive, isShellMode, }) {
-    const displayPath = cwd ? getDirectoryName(cwd) : '';
-    const displayModelName = getModelDisplayName(modelName);
-    const [contextLeft, setContextLeft] = useState(null);
-    // Provider is session-scoped because /model can switch LLM per session.
-    const provider = sessionId ? agent.getCurrentLLMConfig(sessionId).provider : null;
-    const providerLabel = provider ? getLLMProviderDisplayName(provider) : null;
-    useEffect(() => {
-        if (!sessionId) {
-            setContextLeft(null);
-            return;
-        }
-        let cancelled = false;
-        let refreshId = 0;
-        const refreshContext = async () => {
-            const requestId = ++refreshId;
-            try {
-                const stats = await agent.getContextStats(sessionId);
-                if (cancelled || requestId !== refreshId)
-                    return;
-                const percentLeft = Math.max(0, Math.min(100, 100 - stats.usagePercent));
-                setContextLeft({
-                    percentLeft,
-                });
-            }
-            catch {
-                if (!cancelled) {
-                    setContextLeft(null);
-                }
-            }
-        };
-        refreshContext();
-        const controller = new AbortController();
-        const { signal } = controller;
-        const sessionEvents = [
-            'llm:response',
-            'context:compacted',
-            'context:pruned',
-            'context:cleared',
-            'message:dequeued',
-            'session:reset',
-        ];
-        const handleEvent = (payload) => {
-            if (payload.sessionId && payload.sessionId !== sessionId)
-                return;
-            refreshContext();
-        };
-        for (const eventName of sessionEvents) {
-            agent.on(eventName, handleEvent, { signal });
-        }
-        return () => {
-            cancelled = true;
-            controller.abort();
-        };
-    }, [agent, sessionId]);
-    // Shell mode changes the path color to yellow as indicator
-    const pathColor = isShellMode ? 'yellow' : 'blue';
-    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsxs(Box, { flexDirection: "row", justifyContent: "space-between", children: [_jsxs(Box, { children: [_jsx(Text, { color: pathColor, children: displayPath }), branchName && _jsxs(Text, { color: "gray", children: [" (", branchName, ")"] })] }), _jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: displayModelName }), providerLabel && _jsxs(Text, { color: "gray", children: [" (", providerLabel, ")"] })] })] }), contextLeft && (_jsx(Box, { children: _jsxs(Text, { color: "gray", children: [contextLeft.percentLeft, "% context left"] }) })), isShellMode && (_jsxs(Box, { children: [_jsx(Text, { color: "yellow", bold: true, children: "!" }), _jsx(Text, { color: "gray", children: " for shell mode" })] })), planModeActive && !isShellMode && (_jsxs(Box, { children: [_jsx(Text, { color: "magentaBright", children: "plan mode" }), _jsx(Text, { color: "gray", children: " (shift + tab to cycle)" })] })), autoApproveEdits && !planModeActive && !isShellMode && (_jsxs(Box, { children: [_jsx(Text, { color: "yellowBright", children: "accept edits" }), _jsx(Text, { color: "gray", children: " (shift + tab to cycle)" })] }))] }));
-}

package/dist/cli/ink-cli/components/HistorySearchBar.d.ts

@@ -1,17 +0,0 @@
-/**
- * HistorySearchBar - UI for Ctrl+R reverse history search
- *
- * Displayed at the very bottom when search mode is active.
- */
-interface HistorySearchBarProps {
-    /** Current search query */
-    query: string;
-    /** Whether there's a match for the current query */
-    hasMatch: boolean;
-}
-/**
- * Search bar displayed during history search mode
- */
-export declare function HistorySearchBar({ query, hasMatch }: HistorySearchBarProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=HistorySearchBar.d.ts.map

package/dist/cli/ink-cli/components/HistorySearchBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HistorySearchBar.d.ts","sourceRoot":"","sources":["../../../../src/cli/ink-cli/components/HistorySearchBar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,UAAU,qBAAqB;IAC3B,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAc1E"}

package/dist/cli/ink-cli/components/HistorySearchBar.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-/**
- * Search bar displayed during history search mode
- */
-export function HistorySearchBar({ query, hasMatch }) {
-    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsx(Text, { color: "gray", children: "Ctrl+R: older, Ctrl+E: newer, Enter: accept, Esc: cancel" }), _jsxs(Box, { children: [_jsx(Text, { color: "green", children: "search history: " }), _jsx(Text, { color: "cyan", children: query }), _jsx(Text, { color: "gray", children: "_" }), query && !hasMatch && _jsx(Text, { color: "red", children: " (no match)" })] })] }));
-}

package/dist/cli/ink-cli/components/MultiLineInput.d.ts

@@ -1,12 +0,0 @@
-interface MultiLineInputProps {
-    value: string;
-    placeholder?: string;
-    prompt?: string;
-}
-/**
- * Custom multi-line input display component
- * Calculates height based on content and displays text with proper line breaks
- */
-export default function MultiLineInput({ value, placeholder, prompt }: MultiLineInputProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=MultiLineInput.d.ts.map

package/dist/cli/ink-cli/components/MultiLineInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiLineInput.d.ts","sourceRoot":"","sources":["../../../../src/cli/ink-cli/components/MultiLineInput.tsx"],"names":[],"mappings":"AAGA,UAAU,mBAAmB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAa,EAAE,EAAE,mBAAmB,2CAgDhG"}

package/dist/cli/ink-cli/components/MultiLineInput.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { Box, Text } from 'ink';
-/**
- * Custom multi-line input display component
- * Calculates height based on content and displays text with proper line breaks
- */
-export default function MultiLineInput({ value, placeholder, prompt = '> ' }) {
-    // Calculate number of lines (split by newlines and count)
-    const lines = useMemo(() => {
-        if (!value)
-            return [];
-        return value.split('\n');
-    }, [value]);
-    const lineCount = lines.length;
-    // If empty, show placeholder
-    if (!value && placeholder) {
-        return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "green", bold: true, children: prompt }), _jsx(Text, { color: "gray", children: placeholder })] }));
-    }
-    // Display multi-line text - show last N lines if too many
-    const visibleLines = lineCount > 10 ? lines.slice(-10) : lines;
-    const startOffset = lineCount > 10 ? lineCount - 10 : 0;
-    return (_jsxs(Box, { flexDirection: "column", children: [startOffset > 0 && (_jsx(Box, { children: _jsxs(Text, { color: "gray", children: ["... (", startOffset, " more lines above)"] }) })), visibleLines.map((line, index) => {
-                const actualIndex = startOffset + index;
-                return (_jsxs(Box, { flexDirection: "row", children: [index === 0 && (_jsx(Text, { color: "green", bold: true, children: prompt })), index > 0 && _jsx(Text, { color: "green", children: ' '.repeat(prompt.length) }), _jsx(Text, { wrap: "wrap", children: line || ' ' })] }, actualIndex));
-            })] }));
-}

package/dist/cli/ink-cli/components/ResourceAutocomplete.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import type { Key } from '../hooks/useInputOrchestrator.js';
-import type { ResourceMetadata } from '@dexto/core';
-import type { DextoAgent } from '@dexto/core';
-export interface ResourceAutocompleteHandle {
-    handleInput: (input: string, key: Key) => boolean;
-}
-interface ResourceAutocompleteProps {
-    isVisible: boolean;
-    searchQuery: string;
-    onSelectResource: (resource: ResourceMetadata) => void;
-    onLoadIntoInput?: (text: string) => void;
-    onClose: () => void;
-    agent: DextoAgent;
-}
-/**
- * Inner component - wrapped with React.memo below
- */
-declare const ResourceAutocompleteInner: React.ForwardRefExoticComponent<ResourceAutocompleteProps & React.RefAttributes<ResourceAutocompleteHandle>>;
-/**
- * Export with React.memo to prevent unnecessary re-renders from parent
- * Only re-renders when props actually change (shallow comparison)
- */
-declare const ResourceAutocomplete: typeof ResourceAutocompleteInner;
-export default ResourceAutocomplete;
-//# sourceMappingURL=ResourceAutocomplete.d.ts.map

package/dist/cli/ink-cli/components/ResourceAutocomplete.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResourceAutocomplete.d.ts","sourceRoot":"","sources":["../../../../src/cli/ink-cli/components/ResourceAutocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAK9C,MAAM,WAAW,0BAA0B;IACvC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAED,UAAU,yBAAyB;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACvD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;CACrB;AAsFD;;GAEG;AACH,QAAA,MAAM,yBAAyB,8GA4X9B,CAAC;AAEF;;;GAGG;AACH,QAAA,MAAM,oBAAoB,EAErB,OAAO,yBAAyB,CAAC;AAEtC,eAAe,oBAAoB,CAAC"}

package/dist/cli/ink-cli/components/ResourceAutocomplete.js

@@ -1,385 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState, useEffect, useRef, useMemo, useCallback, forwardRef, useImperativeHandle, } from 'react';
-import { Box, Text } from 'ink';
-import path from 'path';
-import { centerTruncatePath } from '../utils/messageFormatting.js';
-import { useTerminalSize } from '../hooks/useTerminalSize.js';
-import { getMaxVisibleItemsForTerminalRows } from '../utils/overlaySizing.js';
-/**
- * Get match score for resource: 0 = no match, 1 = description/URI match, 2 = name includes, 3 = name starts with
- * Prioritizes name matches over description/URI matches
- */
-function getResourceMatchScore(resource, query) {
-    if (!query)
-        return 3; // Show all when no query
-    const lowerQuery = query.toLowerCase();
-    const name = (resource.name || '').toLowerCase();
-    const uri = resource.uri.toLowerCase();
-    const uriFilename = uri.split(/[\\/]/).pop()?.toLowerCase() || '';
-    const description = (resource.description || '').toLowerCase();
-    // Highest priority: name starts with query
-    if (name.startsWith(lowerQuery)) {
-        return 4;
-    }
-    // Second priority: name includes query
-    if (name.includes(lowerQuery)) {
-        return 3;
-    }
-    // Third priority: URI filename starts with query
-    if (uriFilename.startsWith(lowerQuery)) {
-        return 2;
-    }
-    // Fourth priority: URI filename includes query
-    if (uriFilename.includes(lowerQuery)) {
-        return 2;
-    }
-    // Fifth priority: URI includes query
-    if (uri.includes(lowerQuery)) {
-        return 1;
-    }
-    // Lowest priority: description includes query
-    if (description.includes(lowerQuery)) {
-        return 1;
-    }
-    return 0; // No match
-}
-/**
- * Check if resource matches query (for filtering)
- */
-function matchesQuery(resource, query) {
-    return getResourceMatchScore(resource, query) > 0;
-}
-/**
- * Sort resources by match score (highest first), then alphabetically
- */
-function sortResources(resources, query) {
-    if (!query)
-        return resources;
-    const lowerQuery = query.toLowerCase();
-    return [...resources].sort((a, b) => {
-        const scoreA = getResourceMatchScore(a, lowerQuery);
-        const scoreB = getResourceMatchScore(b, lowerQuery);
-        // Sort by score first (higher score first)
-        if (scoreA !== scoreB) {
-            return scoreB - scoreA;
-        }
-        // If scores are equal, sort alphabetically by name
-        const aName = (a.name || '').toLowerCase();
-        const bName = (b.name || '').toLowerCase();
-        return aName.localeCompare(bName);
-    });
-}
-/**
- * Inner component - wrapped with React.memo below
- */
-const ResourceAutocompleteInner = forwardRef(function ResourceAutocomplete({ isVisible, searchQuery, onSelectResource, onLoadIntoInput, onClose, agent }, ref) {
-    const [resources, setResources] = useState([]);
-    const [isLoading, setIsLoading] = useState(false);
-    const { columns: terminalWidth, rows: terminalRows } = useTerminalSize();
-    const maxVisibleItems = useMemo(() => {
-        return getMaxVisibleItemsForTerminalRows({
-            rows: terminalRows,
-            hardCap: 15,
-            reservedRows: 6,
-        });
-    }, [terminalRows]);
-    // Combined state to guarantee single render on navigation
-    const [selection, setSelection] = useState({ index: 0, offset: 0 });
-    const selectedIndexRef = useRef(0);
-    // Update selection AND scroll offset in a single state update
-    // This guarantees exactly one render per navigation action
-    const updateSelection = useCallback((indexUpdater) => {
-        setSelection((prev) => {
-            const newIndex = typeof indexUpdater === 'function'
-                ? indexUpdater(prev.index)
-                : indexUpdater;
-            selectedIndexRef.current = newIndex;
-            // Calculate new scroll offset
-            let newOffset = prev.offset;
-            if (newIndex < prev.offset) {
-                newOffset = newIndex;
-            }
-            else if (newIndex >= prev.offset + maxVisibleItems) {
-                newOffset = Math.max(0, newIndex - maxVisibleItems + 1);
-            }
-            return { index: newIndex, offset: newOffset };
-        });
-    }, [maxVisibleItems]);
-    // Fetch resources from agent
-    useEffect(() => {
-        if (!isVisible)
-            return;
-        let cancelled = false;
-        setIsLoading(true);
-        const fetchResources = async () => {
-            try {
-                const resourceSet = await agent.listResources();
-                const resourceList = Object.values(resourceSet);
-                if (!cancelled) {
-                    setResources(resourceList);
-                    setIsLoading(false);
-                }
-            }
-            catch {
-                if (!cancelled) {
-                    // Silently fail - don't use console.error as it interferes with Ink rendering
-                    setResources([]);
-                    setIsLoading(false);
-                }
-            }
-        };
-        void fetchResources();
-        return () => {
-            cancelled = true;
-        };
-    }, [isVisible, agent]);
-    // NOTE: Auto-close logic is handled synchronously in TextBufferInput.tsx
-    // (on backspace deleting @ and on space after @). We don't use useEffect here
-    // because React batches state updates, causing race conditions where isVisible
-    // and searchQuery update at different times.
-    // Extract query from @mention (everything after @)
-    const mentionQuery = useMemo(() => {
-        // Find the last @ that's at start or after space
-        const atIndex = searchQuery.lastIndexOf('@');
-        if (atIndex === -1)
-            return '';
-        // Check if @ is at start or preceded by space
-        const prevChar = searchQuery[atIndex - 1];
-        if (atIndex === 0 || (prevChar && /\s/.test(prevChar))) {
-            return searchQuery.slice(atIndex + 1).trim();
-        }
-        return '';
-    }, [searchQuery]);
-    // Extract directories and create display items (hybrid search)
-    const displayItems = useMemo(() => {
-        const items = [];
-        const directories = new Set();
-        // Process each resource to extract paths and directories
-        resources.forEach((resource) => {
-            // Convert URI to relative path
-            let relativePath = resource.uri;
-            const rawUri = relativePath.replace(/^(fs|file):\/\//, '');
-            if (path.isAbsolute(rawUri)) {
-                try {
-                    const relPath = path.relative(process.cwd(), rawUri);
-                    if (relPath && !relPath.startsWith('..')) {
-                        relativePath = relPath;
-                    }
-                    else {
-                        // Outside cwd, use name as fallback
-                        const uriParts = resource.uri.split(/[\\/]/);
-                        relativePath =
-                            resource.name || uriParts[uriParts.length - 1] || resource.uri;
-                    }
-                }
-                catch {
-                    return; // Skip if path conversion fails
-                }
-            }
-            // Add file item
-            items.push({
-                path: relativePath,
-                isDirectory: false,
-                resource,
-            });
-            // Extract all parent directories (1-2 levels deep)
-            const segments = relativePath.split(path.sep).filter(Boolean);
-            for (let i = 0; i < Math.min(segments.length - 1, 2); i++) {
-                const dirPath = segments.slice(0, i + 1).join(path.sep) + path.sep;
-                directories.add(dirPath);
-            }
-        });
-        // Add directory items
-        directories.forEach((dirPath) => {
-            items.push({
-                path: dirPath,
-                isDirectory: true,
-            });
-        });
-        // Filter by query
-        const filtered = items.filter((item) => {
-            if (!mentionQuery)
-                return true; // Show all when no query
-            const lowerQuery = mentionQuery.toLowerCase();
-            const lowerPath = item.path.toLowerCase();
-            const pathParts = item.path.split(path.sep).filter(Boolean);
-            const lastSegment = pathParts[pathParts.length - 1]?.toLowerCase() || '';
-            // Match against filename/dirname or full path
-            if (lastSegment.includes(lowerQuery) || lowerPath.includes(lowerQuery)) {
-                return true;
-            }
-            // Also match against resource name and description (for files)
-            if (item.resource) {
-                const lowerName = (item.resource.name || '').toLowerCase();
-                const lowerDescription = (item.resource.description || '').toLowerCase();
-                if (lowerName.includes(lowerQuery) || lowerDescription.includes(lowerQuery)) {
-                    return true;
-                }
-            }
-            return false;
-        });
-        // Sort by relevance
-        return filtered.sort((a, b) => {
-            if (!mentionQuery) {
-                // No query: directories first, then alphabetically
-                if (a.isDirectory !== b.isDirectory) {
-                    return a.isDirectory ? -1 : 1;
-                }
-                return a.path.localeCompare(b.path);
-            }
-            const lowerQuery = mentionQuery.toLowerCase();
-            const aPathParts = a.path.split(path.sep).filter(Boolean);
-            const bPathParts = b.path.split(path.sep).filter(Boolean);
-            const aLastSegment = aPathParts[aPathParts.length - 1]?.toLowerCase() || '';
-            const bLastSegment = bPathParts[bPathParts.length - 1]?.toLowerCase() || '';
-            // Score by match quality
-            const aStartsWith = aLastSegment.startsWith(lowerQuery);
-            const bStartsWith = bLastSegment.startsWith(lowerQuery);
-            const aIncludes = aLastSegment.includes(lowerQuery);
-            const bIncludes = bLastSegment.includes(lowerQuery);
-            // Priority 1: Prefix matches
-            if (aStartsWith && !bStartsWith)
-                return -1;
-            if (!aStartsWith && bStartsWith)
-                return 1;
-            // Priority 2: Substring matches
-            if (aIncludes && !bIncludes)
-                return -1;
-            if (!aIncludes && bIncludes)
-                return 1;
-            // Priority 3: Shallower paths first
-            const depthDiff = aPathParts.length - bPathParts.length;
-            if (depthDiff !== 0)
-                return depthDiff;
-            // Priority 4: Alphabetically
-            return a.path.localeCompare(b.path);
-        });
-    }, [resources, mentionQuery]);
-    // Track items length for reset detection
-    const prevItemsLengthRef = useRef(displayItems.length);
-    const itemsChanged = displayItems.length !== prevItemsLengthRef.current;
-    // Derive clamped selection values during render (always valid, no setState needed)
-    // This prevents the double-render that was causing flickering
-    const selectedIndex = itemsChanged
-        ? 0
-        : Math.min(selection.index, Math.max(0, displayItems.length - 1));
-    const scrollOffset = itemsChanged
-        ? 0
-        : Math.min(selection.offset, Math.max(0, displayItems.length - maxVisibleItems));
-    // Sync state only when items actually changed AND state differs
-    // This effect runs AFTER render, updating state for next user interaction
-    useEffect(() => {
-        if (itemsChanged) {
-            prevItemsLengthRef.current = displayItems.length;
-            // Only setState if values actually differ (prevents unnecessary re-render)
-            if (selection.index !== 0 || selection.offset !== 0) {
-                selectedIndexRef.current = 0;
-                setSelection({ index: 0, offset: 0 });
-            }
-            else {
-                selectedIndexRef.current = 0;
-            }
-        }
-    }, [itemsChanged, displayItems.length, selection.index, selection.offset]);
-    // Calculate visible items based on scroll offset
-    const visibleResources = useMemo(() => {
-        return displayItems.slice(scrollOffset, scrollOffset + maxVisibleItems);
-    }, [displayItems, scrollOffset, maxVisibleItems]);
-    // Expose handleInput method via ref
-    useImperativeHandle(ref, () => ({
-        handleInput: (_input, key) => {
-            if (!isVisible)
-                return false;
-            // Escape always closes, regardless of item count
-            if (key.escape) {
-                onClose();
-                return true;
-            }
-            const itemsLength = displayItems.length;
-            if (itemsLength === 0)
-                return false;
-            if (key.upArrow) {
-                updateSelection((prev) => (prev - 1 + itemsLength) % itemsLength);
-                return true;
-            }
-            if (key.downArrow) {
-                updateSelection((prev) => (prev + 1) % itemsLength);
-                return true;
-            }
-            // Tab to load into input (for editing/browsing)
-            if (key.tab) {
-                const item = displayItems[selectedIndexRef.current];
-                if (!item)
-                    return false;
-                const atIndex = searchQuery.lastIndexOf('@');
-                const reference = item.path; // Already a relative path
-                if (atIndex >= 0) {
-                    const before = searchQuery.slice(0, atIndex + 1);
-                    onLoadIntoInput?.(`${before}${reference}`);
-                }
-                else {
-                    onLoadIntoInput?.(`${searchQuery}@${reference}`);
-                }
-                return true;
-            }
-            // Enter to select (directories drill down, files select)
-            if (key.return) {
-                const item = displayItems[selectedIndexRef.current];
-                if (!item)
-                    return false;
-                if (item.isDirectory) {
-                    // Drill down into directory
-                    const atIndex = searchQuery.lastIndexOf('@');
-                    if (atIndex >= 0) {
-                        const before = searchQuery.slice(0, atIndex + 1);
-                        onLoadIntoInput?.(`${before}${item.path}`);
-                    }
-                    else {
-                        onLoadIntoInput?.(`${searchQuery}@${item.path}`);
-                    }
-                }
-                else if (item.resource) {
-                    // Select the file resource
-                    onSelectResource(item.resource);
-                }
-                return true;
-            }
-            // Don't consume other keys (typing, backspace, etc.)
-            return false;
-        },
-    }), [
-        isVisible,
-        displayItems,
-        selectedIndexRef,
-        searchQuery,
-        onClose,
-        onLoadIntoInput,
-        onSelectResource,
-        updateSelection,
-    ]);
-    if (!isVisible)
-        return null;
-    if (isLoading) {
-        return (_jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { color: "gray", children: "Loading resources..." }) }));
-    }
-    if (displayItems.length === 0) {
-        return (_jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { color: "gray", children: mentionQuery
-                    ? `No resources match "${mentionQuery}"`
-                    : 'No resources available. Connect an MCP server or enable internal resources.' }) }));
-    }
-    return (_jsx(Box, { flexDirection: "column", width: terminalWidth, paddingLeft: 2, children: visibleResources.map((item, visibleIndex) => {
-            const actualIndex = scrollOffset + visibleIndex;
-            const isSelected = actualIndex === selectedIndex;
-            // Use center truncation for long paths (and still force truncate to prevent wrapping)
-            const displayPath = centerTruncatePath(item.path, Math.max(20, terminalWidth - 16));
-            // Check if it's an image file
-            const isImage = item.resource?.mimeType?.startsWith('image/');
-            return (_jsxs(Box, { children: [_jsx(Text, { color: isSelected ? 'cyan' : 'gray', children: isSelected ? '❯ ' : '  ' }), _jsxs(Text, { wrap: "truncate-end", color: isSelected ? 'cyan' : 'white', bold: isSelected, children: [isImage && '🖼️  ', displayPath, item.resource?.serverName && ` [${item.resource.serverName}]`] })] }, item.path));
-        }) }));
-});
-/**
- * Export with React.memo to prevent unnecessary re-renders from parent
- * Only re-renders when props actually change (shallow comparison)
- */
-const ResourceAutocomplete = React.memo(ResourceAutocompleteInner);
-export default ResourceAutocomplete;

package/dist/cli/ink-cli/components/SlashCommandAutocomplete.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import type { Key } from '../hooks/useInputOrchestrator.js';
-import type { PromptInfo } from '@dexto/core';
-import type { DextoAgent } from '@dexto/core';
-export interface SlashCommandAutocompleteHandle {
-    handleInput: (input: string, key: Key) => boolean;
-}
-interface SlashCommandAutocompleteProps {
-    isVisible: boolean;
-    searchQuery: string;
-    onSelectPrompt: (prompt: PromptInfo) => void;
-    onSelectSystemCommand?: (command: string) => void;
-    onLoadIntoInput?: (command: string) => void;
-    onSubmitRaw?: ((text: string) => Promise<void> | void) | undefined;
-    onClose: () => void;
-    agent: DextoAgent;
-}
-/**
- * Inner component - wrapped with React.memo below
- */
-declare const SlashCommandAutocompleteInner: React.ForwardRefExoticComponent<SlashCommandAutocompleteProps & React.RefAttributes<SlashCommandAutocompleteHandle>>;
-/**
- * Export with React.memo to prevent unnecessary re-renders from parent
- * Only re-renders when props actually change (shallow comparison)
- */
-export declare const SlashCommandAutocomplete: typeof SlashCommandAutocompleteInner;
-export {};
-//# sourceMappingURL=SlashCommandAutocomplete.d.ts.map

package/dist/cli/ink-cli/components/SlashCommandAutocomplete.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SlashCommandAutocomplete.d.ts","sourceRoot":"","sources":["../../../../src/cli/ink-cli/components/SlashCommandAutocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAM9C,MAAM,WAAW,8BAA8B;IAC3C,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAED,UAAU,6BAA6B;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,WAAW,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACnE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;CACrB;AAmGD;;GAEG;AACH,QAAA,MAAM,6BAA6B,sHA4bjC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAEhC,OAAO,6BAA6B,CAAC"}