dexto 1.6.1 → 1.6.2

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

@@ -1,412 +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 { getAllCommands } from '../../commands/interactive-commands/commands.js';
-import { useTerminalSize } from '../hooks/useTerminalSize.js';
-import { getMaxVisibleItemsForTerminalRows } from '../utils/overlaySizing.js';
-/**
- * Get match score for prompt: 0 = no match, 1 = description/title match, 2 = name includes, 3 = name starts with
- */
-function getPromptMatchScore(prompt, query) {
-    if (!query)
-        return 3; // Show all when no query
-    const lowerQuery = query.toLowerCase();
-    const name = prompt.name.toLowerCase();
-    const description = (prompt.description || '').toLowerCase();
-    const title = (prompt.title || '').toLowerCase();
-    // Highest priority: name starts with query
-    if (name.startsWith(lowerQuery)) {
-        return 3;
-    }
-    // Second priority: name includes query
-    if (name.includes(lowerQuery)) {
-        return 2;
-    }
-    // Lowest priority: description or title includes query
-    if (description.includes(lowerQuery) || title.includes(lowerQuery)) {
-        return 1;
-    }
-    return 0; // No match
-}
-/**
- * Check if prompt matches query (for filtering)
- */
-function matchesPromptQuery(prompt, query) {
-    return getPromptMatchScore(prompt, query) > 0;
-}
-/**
- * Simple fuzzy match - checks if query matches system command name or description
- * Returns a score: 0 = no match, 1 = description match, 2 = alias match, 3 = name includes, 4 = name starts with
- */
-function getSystemCommandMatchScore(cmd, query) {
-    if (!query)
-        return 4; // Show all when no query
-    const lowerQuery = query.toLowerCase();
-    const name = cmd.name.toLowerCase();
-    const description = (cmd.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: aliases match
-    if (cmd.aliases) {
-        for (const alias of cmd.aliases) {
-            const lowerAlias = alias.toLowerCase();
-            if (lowerAlias.startsWith(lowerQuery)) {
-                return 2;
-            }
-            if (lowerAlias.includes(lowerQuery)) {
-                return 2;
-            }
-        }
-    }
-    // Lowest priority: description includes query
-    if (description.includes(lowerQuery)) {
-        return 1;
-    }
-    return 0; // No match
-}
-/**
- * Check if command matches query (for filtering)
- */
-function matchesSystemCommandQuery(cmd, query) {
-    return getSystemCommandMatchScore(cmd, query) > 0;
-}
-/**
- * Inner component - wrapped with React.memo below
- */
-const SlashCommandAutocompleteInner = forwardRef(function SlashCommandAutocomplete({ isVisible, searchQuery, onSelectPrompt, onSelectSystemCommand, onLoadIntoInput, onSubmitRaw, onClose, agent, }, ref) {
-    const [prompts, setPrompts] = useState([]);
-    const [systemCommands, setSystemCommands] = useState([]);
-    const [isLoading, setIsLoading] = useState(false);
-    const { columns: terminalWidth, rows: terminalRows } = useTerminalSize();
-    const maxVisibleItems = useMemo(() => {
-        return getMaxVisibleItemsForTerminalRows({
-            rows: terminalRows,
-            hardCap: 8,
-            reservedRows: 8,
-        });
-    }, [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 prompts and system commands from agent
-    useEffect(() => {
-        if (!isVisible)
-            return;
-        let cancelled = false;
-        setIsLoading(true);
-        const fetchCommands = async () => {
-            try {
-                // Fetch prompts
-                const promptSet = await agent.listPrompts();
-                const promptList = Object.values(promptSet).map((p) => ({
-                    ...p,
-                    kind: 'prompt',
-                }));
-                // Fetch system commands
-                const allCommands = getAllCommands();
-                const commandList = allCommands.map((cmd) => ({
-                    kind: 'system',
-                    name: cmd.name,
-                    description: cmd.description,
-                    ...(cmd.category && { category: cmd.category }),
-                    ...(cmd.aliases && { aliases: cmd.aliases }),
-                }));
-                if (!cancelled) {
-                    setPrompts(promptList);
-                    setSystemCommands(commandList);
-                    setIsLoading(false);
-                }
-            }
-            catch {
-                if (!cancelled) {
-                    // Silently fail - don't use console.error as it interferes with Ink rendering
-                    setPrompts([]);
-                    setSystemCommands([]);
-                    setIsLoading(false);
-                }
-            }
-        };
-        void fetchCommands();
-        return () => {
-            cancelled = true;
-        };
-    }, [isVisible, agent]);
-    // Extract command name from search query (only the first word after /)
-    const commandQuery = useMemo(() => {
-        if (!searchQuery.startsWith('/'))
-            return '';
-        const afterSlash = searchQuery.slice(1).trim();
-        // Only take the first word (command name), not the arguments
-        const spaceIndex = afterSlash.indexOf(' ');
-        return spaceIndex > 0 ? afterSlash.slice(0, spaceIndex) : afterSlash;
-    }, [searchQuery]);
-    // Filter prompts and system commands based on query
-    const filteredPrompts = useMemo(() => {
-        if (!commandQuery) {
-            return prompts;
-        }
-        // Filter and sort by match score (highest first)
-        return prompts
-            .filter((p) => matchesPromptQuery(p, commandQuery))
-            .sort((a, b) => {
-            const scoreA = getPromptMatchScore(a, commandQuery);
-            const scoreB = getPromptMatchScore(b, commandQuery);
-            return scoreB - scoreA; // Higher score first
-        });
-    }, [prompts, commandQuery]);
-    const filteredSystemCommands = useMemo(() => {
-        if (!commandQuery) {
-            return systemCommands;
-        }
-        // Filter and sort by match score (highest first)
-        return systemCommands
-            .filter((cmd) => matchesSystemCommandQuery(cmd, commandQuery))
-            .sort((a, b) => {
-            const scoreA = getSystemCommandMatchScore(a, commandQuery);
-            const scoreB = getSystemCommandMatchScore(b, commandQuery);
-            return scoreB - scoreA; // Higher score first
-        });
-    }, [systemCommands, commandQuery]);
-    // Check if user has started typing arguments (hide autocomplete)
-    const hasArguments = useMemo(() => {
-        if (!searchQuery.startsWith('/'))
-            return false;
-        const afterSlash = searchQuery.slice(1).trim();
-        return afterSlash.includes(' ');
-    }, [searchQuery]);
-    // Combine items: system commands first, then prompts
-    // When typing arguments, show only exact matches (for argument hints)
-    const combinedItems = useMemo(() => {
-        const items = [];
-        if (hasArguments) {
-            // When typing arguments, only show exact match for the command
-            const exactSystemCmd = systemCommands.find((cmd) => cmd.name.toLowerCase() === commandQuery.toLowerCase());
-            if (exactSystemCmd) {
-                items.push({ kind: 'system', command: exactSystemCmd });
-            }
-            const exactPrompt = prompts.find((p) => p.name.toLowerCase() === commandQuery.toLowerCase() ||
-                (p.displayName && p.displayName.toLowerCase() === commandQuery.toLowerCase()));
-            if (exactPrompt) {
-                items.push({ kind: 'prompt', prompt: exactPrompt });
-            }
-            return items;
-        }
-        // System commands first (they're more commonly used)
-        filteredSystemCommands.forEach((cmd) => items.push({ kind: 'system', command: cmd }));
-        // Then prompts
-        filteredPrompts.forEach((prompt) => items.push({ kind: 'prompt', prompt }));
-        return items;
-    }, [
-        hasArguments,
-        filteredPrompts,
-        filteredSystemCommands,
-        systemCommands,
-        prompts,
-        commandQuery,
-    ]);
-    // Get stable identity for first item (used to detect content changes)
-    const getFirstItemId = () => {
-        const first = combinedItems[0];
-        if (!first)
-            return null;
-        if (first.kind === 'system')
-            return `sys:${first.command.name}`;
-        return `prompt:${first.prompt.name}`;
-    };
-    // Track items for reset detection (length + first item identity)
-    const currentFirstId = getFirstItemId();
-    const prevItemsRef = useRef({ length: combinedItems.length, firstId: currentFirstId });
-    const itemsChanged = combinedItems.length !== prevItemsRef.current.length ||
-        currentFirstId !== prevItemsRef.current.firstId;
-    // 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, combinedItems.length - 1));
-    const scrollOffset = itemsChanged
-        ? 0
-        : Math.min(selection.offset, Math.max(0, combinedItems.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) {
-            prevItemsRef.current = { length: combinedItems.length, firstId: currentFirstId };
-            // 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, combinedItems.length, currentFirstId, selection.index, selection.offset]);
-    // Calculate visible items based on scroll offset
-    const visibleItems = useMemo(() => {
-        return combinedItems.slice(scrollOffset, scrollOffset + maxVisibleItems);
-    }, [combinedItems, 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 = combinedItems.length;
-            // Handle Enter when no matches or typing arguments
-            // Submit raw text directly (main input won't handle it since overlay is active)
-            if (itemsLength === 0 || hasArguments) {
-                if (key.return) {
-                    void Promise.resolve(onSubmitRaw?.(searchQuery)).catch((err) => {
-                        const message = err instanceof Error ? err.message : String(err);
-                        agent.logger.error(`SlashCommandAutocomplete: Failed to submit raw command: ${message}`);
-                    });
-                    onClose();
-                    return true;
-                }
-                // Let other keys (typing, backspace) fall through
-                return false;
-            }
-            if (key.upArrow) {
-                updateSelection((prev) => (prev - 1 + itemsLength) % itemsLength);
-                return true;
-            }
-            if (key.downArrow) {
-                updateSelection((prev) => (prev + 1) % itemsLength);
-                return true;
-            }
-            // Tab: For interactive commands (model, resume, switch), execute them like Enter
-            // For other commands, load into input for editing
-            if (key.tab) {
-                const item = combinedItems[selectedIndexRef.current];
-                if (!item)
-                    return false;
-                // Check if this is an interactive command that should be executed
-                const interactiveCommands = ['model', 'resume', 'switch'];
-                const isInteractiveCommand = item.kind === 'system' && interactiveCommands.includes(item.command.name);
-                if (isInteractiveCommand && item.kind === 'system') {
-                    // Execute interactive command (same as Enter)
-                    onSelectSystemCommand?.(item.command.name);
-                }
-                else if (item.kind === 'system') {
-                    // Load system command into input
-                    onLoadIntoInput?.(`/${item.command.name}`);
-                }
-                else {
-                    // Load prompt command into input using pre-computed commandName
-                    // commandName is collision-resolved by PromptManager (e.g., "plan" or "config:plan")
-                    const cmdName = item.prompt.commandName || item.prompt.displayName || item.prompt.name;
-                    const argsString = item.prompt.arguments && item.prompt.arguments.length > 0
-                        ? ' ' +
-                            item.prompt.arguments
-                                .map((arg) => `<${arg.name}${arg.required ? '' : '?'}>`)
-                                .join(' ')
-                        : '';
-                    onLoadIntoInput?.(`/${cmdName}${argsString}`);
-                }
-                return true;
-            }
-            // Enter: Execute the highlighted command/prompt and close overlay
-            if (key.return) {
-                const item = combinedItems[selectedIndexRef.current];
-                if (!item)
-                    return false;
-                if (item.kind === 'system') {
-                    onSelectSystemCommand?.(item.command.name);
-                }
-                else {
-                    onSelectPrompt(item.prompt);
-                }
-                onClose();
-                return true;
-            }
-            // Don't consume other keys (typing, backspace, etc.)
-            // Let them fall through to the input handler
-            return false;
-        },
-    }), [
-        isVisible,
-        combinedItems,
-        hasArguments,
-        selectedIndexRef,
-        searchQuery,
-        onClose,
-        onLoadIntoInput,
-        onSubmitRaw,
-        onSelectPrompt,
-        onSelectSystemCommand,
-        updateSelection,
-        agent,
-    ]);
-    if (!isVisible)
-        return null;
-    // Show loading state while fetching commands
-    if (isLoading) {
-        return (_jsx(Box, { width: terminalWidth, paddingX: 0, paddingY: 0, children: _jsx(Text, { color: "gray", children: "Loading commands..." }) }));
-    }
-    // If no items after loading, don't render
-    if (combinedItems.length === 0) {
-        return null;
-    }
-    const nameColumnWidth = Math.max(16, Math.min(28, Math.floor(terminalWidth * 0.32)));
-    const descriptionColor = (isSelected) => (isSelected ? 'white' : 'gray');
-    const commandColor = (isSelected) => (isSelected ? 'cyan' : 'gray');
-    return (_jsx(Box, { flexDirection: "column", width: terminalWidth, children: visibleItems.map((item, visibleIndex) => {
-            const actualIndex = scrollOffset + visibleIndex;
-            const isSelected = actualIndex === selectedIndex;
-            if (item.kind === 'system') {
-                const cmd = item.command;
-                const nameText = `/${cmd.name}`;
-                const descText = cmd.description || '';
-                return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { marginRight: 1, children: _jsx(Text, { color: commandColor(isSelected), children: isSelected ? '❯' : ' ' }) }), _jsx(Box, { width: nameColumnWidth, children: _jsx(Text, { wrap: "truncate-end", color: commandColor(isSelected), bold: isSelected, children: nameText }) }), _jsx(Box, { flexGrow: 1, minWidth: 0, children: _jsx(Text, { wrap: "truncate-end", color: descriptionColor(isSelected), children: descText }) })] }, `system-${cmd.name}`));
-            }
-            // Prompt command (MCP prompts)
-            const prompt = item.prompt;
-            // Use displayName for user-friendly display, fall back to full name
-            const displayName = prompt.displayName || prompt.name;
-            // Check if there's a collision (commandName includes source prefix)
-            const hasCollision = prompt.commandName && prompt.commandName !== displayName;
-            const nameText = `/${displayName}`;
-            const argsString = prompt.arguments && prompt.arguments.length > 0
-                ? ' ' +
-                    prompt.arguments
-                        .map((arg) => `<${arg.name}${arg.required ? '' : '?'}>`)
-                        .join(' ')
-                : '';
-            const description = prompt.title || prompt.description || '';
-            const commandText = nameText + argsString;
-            const collisionSuffix = hasCollision ? ` (use /${prompt.commandName})` : '';
-            return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { marginRight: 1, children: _jsx(Text, { color: commandColor(isSelected), children: isSelected ? '❯' : ' ' }) }), _jsx(Box, { width: nameColumnWidth, children: _jsx(Text, { wrap: "truncate-end", color: commandColor(isSelected), bold: isSelected, children: commandText }) }), _jsx(Box, { flexGrow: 1, minWidth: 0, children: _jsxs(Text, { wrap: "truncate-end", color: descriptionColor(isSelected), children: [description, collisionSuffix] }) })] }, `prompt-${prompt.name}`));
-        }) }));
-});
-/**
- * Export with React.memo to prevent unnecessary re-renders from parent
- * Only re-renders when props actually change (shallow comparison)
- */
-export const SlashCommandAutocomplete = React.memo(SlashCommandAutocompleteInner);

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

@@ -1,41 +0,0 @@
-/**
- * StatusBar Component
- * Displays processing status and controls above the input area
- *
- * Layout:
- * - Line 1: Spinner + phrase (+ queue count if any)
- * - Line 2: Meta info (time, tokens, cancel hint)
- * This 2-line layout prevents truncation on any terminal width.
- */
-import type { DextoAgent } from '@dexto/core';
-interface StatusBarProps {
-    agent: DextoAgent;
-    isProcessing: boolean;
-    isThinking: boolean;
-    isCompacting: boolean;
-    approvalQueueCount: number;
-    copyModeEnabled?: boolean;
-    /** Whether an approval prompt is currently shown */
-    isAwaitingApproval?: boolean;
-    /** Whether the todo list is expanded */
-    todoExpanded?: boolean;
-    /** Whether there are todos to display */
-    hasTodos?: boolean;
-    /** Whether plan mode is active */
-    planModeActive?: boolean;
-    /** Whether accept all edits mode is active */
-    autoApproveEdits?: boolean;
-    /** Number of running background tasks */
-    backgroundTasksRunning?: number;
-}
-/**
- * Status bar that shows processing state above input area
- * Provides clear feedback on whether the agent is running or idle
- *
- * Design decisions:
- * - Hide spinner during approval wait (user is reviewing, not waiting)
- * - Only show elapsed time after 30s (avoid visual noise for fast operations)
- */
-export declare function StatusBar({ agent, isProcessing, isThinking, isCompacting, approvalQueueCount, copyModeEnabled, isAwaitingApproval, todoExpanded, hasTodos, planModeActive, autoApproveEdits, backgroundTasksRunning, }: StatusBarProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=StatusBar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../../../../src/cli/ink-cli/components/StatusBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAa9C,UAAU,cAAc;IACpB,KAAK,EAAE,UAAU,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wCAAwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yCAAyC;IACzC,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACnC;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,kBAAkB,EAClB,eAAuB,EACvB,kBAA0B,EAC1B,YAAmB,EACnB,QAAgB,EAChB,cAAsB,EACtB,gBAAwB,EACxB,sBAA0B,GAC7B,EAAE,cAAc,kDAwIhB"}

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

@@ -1,116 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * StatusBar Component
- * Displays processing status and controls above the input area
- *
- * Layout:
- * - Line 1: Spinner + phrase (+ queue count if any)
- * - Line 2: Meta info (time, tokens, cancel hint)
- * This 2-line layout prevents truncation on any terminal width.
- */
-import { Box, Text } from 'ink';
-import { usePhraseCycler } from '../hooks/usePhraseCycler.js';
-import { useElapsedTime } from '../hooks/useElapsedTime.js';
-import { useTokenCounter } from '../hooks/useTokenCounter.js';
-import { useAnimationTick } from '../hooks/useAnimationTick.js';
-import { BRAILLE_SPINNER_FRAMES } from '../constants/spinnerFrames.js';
-function StatusSpinner({ enabled, color }) {
-    const tick = useAnimationTick({ enabled, intervalMs: 80 });
-    const frame = BRAILLE_SPINNER_FRAMES[tick % BRAILLE_SPINNER_FRAMES.length];
-    return _jsx(Text, { color: color, children: frame });
-}
-/**
- * Status bar that shows processing state above input area
- * Provides clear feedback on whether the agent is running or idle
- *
- * Design decisions:
- * - Hide spinner during approval wait (user is reviewing, not waiting)
- * - Only show elapsed time after 30s (avoid visual noise for fast operations)
- */
-export function StatusBar({ agent, isProcessing, isThinking, isCompacting, approvalQueueCount, copyModeEnabled = false, isAwaitingApproval = false, todoExpanded = true, hasTodos = false, planModeActive = false, autoApproveEdits = false, backgroundTasksRunning = 0, }) {
-    const animationsActive = isProcessing && !isAwaitingApproval && !copyModeEnabled;
-    // Cycle through witty phrases while processing (not during compacting)
-    const { phrase } = usePhraseCycler({ isActive: animationsActive && !isCompacting });
-    // Track elapsed time during processing
-    const { formatted: elapsedTime, elapsedMs } = useElapsedTime({
-        isActive: animationsActive,
-        intervalMs: 1000,
-    });
-    // Track token usage during processing
-    const { formatted: tokenCount } = useTokenCounter({ agent, isActive: animationsActive });
-    // Only show time after 30 seconds
-    const showTime = elapsedMs >= 30000;
-    // Show copy mode warning (highest priority)
-    if (copyModeEnabled) {
-        return (_jsx(Box, { paddingX: 1, marginBottom: 0, children: _jsx(Text, { color: "yellowBright", bold: true, children: "\uD83D\uDCCB Copy Mode - Select text with mouse. Press any key to exit." }) }));
-    }
-    if (!isProcessing) {
-        // Mode indicators (plan mode, accept edits) are shown in Footer, not here
-        return null;
-    }
-    // Hide status bar during approval wait - user is reviewing, not waiting
-    if (isAwaitingApproval) {
-        return null;
-    }
-    // Build the todo toggle hint based on state
-    const todoHint = hasTodos
-        ? todoExpanded
-            ? 'ctrl+t to hide todos'
-            : 'ctrl+t to show todos'
-        : null;
-    const backgroundHint = backgroundTasksRunning > 0 ? 'ctrl+b to view bg tasks' : null;
-    // Show compacting state - yellow/orange color to indicate context management
-    if (isCompacting) {
-        const metaParts = [];
-        if (showTime)
-            metaParts.push(`(${elapsedTime})`);
-        if (backgroundTasksRunning > 0) {
-            metaParts.push(`${backgroundTasksRunning} bg task${backgroundTasksRunning > 1 ? 's' : ''}`);
-        }
-        if (backgroundHint)
-            metaParts.push(backgroundHint);
-        metaParts.push('Esc to cancel');
-        if (todoHint)
-            metaParts.push(todoHint);
-        const metaContent = metaParts.join(' • ');
-        return (_jsxs(Box, { paddingX: 1, marginTop: 1, flexDirection: "column", children: [_jsxs(Box, { flexDirection: "row", alignItems: "center", children: [_jsx(StatusSpinner, { enabled: true, color: "yellow" }), _jsx(Text, { color: "yellow", children: " \uD83D\uDCE6 Compacting context..." })] }), _jsx(Box, { marginLeft: 2, children: _jsx(Text, { color: "gray", children: metaContent }) })] }));
-    }
-    // Show initial processing state (before streaming starts) - green/teal color
-    // TODO: Rename this event/state to "reasoning" and associate it with actual reasoning tokens
-    // Currently "thinking" event fires before any response, not during reasoning token generation
-    if (isThinking) {
-        const metaParts = [];
-        if (showTime)
-            metaParts.push(`(${elapsedTime})`);
-        if (tokenCount)
-            metaParts.push(tokenCount);
-        if (backgroundTasksRunning > 0) {
-            metaParts.push(`${backgroundTasksRunning} bg task${backgroundTasksRunning > 1 ? 's' : ''}`);
-        }
-        if (backgroundHint)
-            metaParts.push(backgroundHint);
-        metaParts.push('Esc to cancel');
-        if (todoHint)
-            metaParts.push(todoHint);
-        const metaContent = metaParts.join(' • ');
-        return (_jsxs(Box, { paddingX: 1, marginTop: 1, flexDirection: "column", children: [_jsxs(Box, { flexDirection: "row", alignItems: "center", children: [_jsx(StatusSpinner, { enabled: true, color: "green" }), _jsxs(Text, { color: "green", children: [" ", phrase] })] }), _jsx(Box, { marginLeft: 2, children: _jsx(Text, { color: "gray", children: metaContent }) })] }));
-    }
-    // Show active streaming state - green/teal color
-    // Always use 2-line layout: phrase on first line, meta on second
-    // This prevents truncation and messy wrapping on any terminal width
-    const metaParts = [];
-    if (showTime)
-        metaParts.push(`(${elapsedTime})`);
-    if (tokenCount)
-        metaParts.push(tokenCount);
-    if (backgroundTasksRunning > 0) {
-        metaParts.push(`${backgroundTasksRunning} bg task${backgroundTasksRunning > 1 ? 's' : ''}`);
-    }
-    if (backgroundHint)
-        metaParts.push(backgroundHint);
-    metaParts.push('Esc to cancel');
-    if (todoHint)
-        metaParts.push(todoHint);
-    const metaContent = metaParts.join(' • ');
-    return (_jsxs(Box, { paddingX: 1, marginTop: 1, flexDirection: "column", children: [_jsxs(Box, { flexDirection: "row", alignItems: "center", children: [_jsx(StatusSpinner, { enabled: true, color: "green" }), _jsxs(Text, { color: "green", children: [" ", phrase] }), approvalQueueCount > 0 && (_jsxs(Text, { color: "yellowBright", children: [" \u2022 ", approvalQueueCount, " queued"] }))] }), _jsx(Box, { marginLeft: 2, children: _jsx(Text, { color: "gray", children: metaContent }) })] }));
-}

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

@@ -1,52 +0,0 @@
-/**
- * TextBufferInput Component
- *
- * Buffer is passed as prop from parent.
- * Uses direct useKeypress for input handling (no ref chain).
- * Parent owns the buffer and can read values directly.
- */
-import type { TextBuffer } from './shared/text-buffer.js';
-import type { PendingImage, PastedBlock } from '../state/types.js';
-/** Overlay trigger types for event-driven overlay detection */
-export type OverlayTrigger = 'slash-autocomplete' | 'resource-autocomplete' | 'close';
-interface TextBufferInputProps {
-    /** Text buffer (owned by parent) */
-    buffer: TextBuffer;
-    /** Called when user presses Enter to submit */
-    onSubmit: (value: string) => void;
-    /** Placeholder text when empty */
-    placeholder?: string | undefined;
-    /** Whether input handling is disabled (e.g., during processing) */
-    isDisabled?: boolean | undefined;
-    /** Called for history navigation (up/down at boundaries) */
-    onHistoryNavigate?: ((direction: 'up' | 'down') => void) | undefined;
-    /** Called to trigger overlay (slash command, @mention) */
-    onTriggerOverlay?: ((trigger: OverlayTrigger) => void) | undefined;
-    /** Maximum lines to show in viewport */
-    maxViewportLines?: number | undefined;
-    /** Whether this input should handle keypresses */
-    isActive: boolean;
-    /** Optional handler for keyboard scroll (PageUp/PageDown, Shift+arrows) */
-    onKeyboardScroll?: ((direction: 'up' | 'down') => void) | undefined;
-    /** Current number of attached images (for placeholder numbering) */
-    imageCount?: number | undefined;
-    /** Called when image is pasted from clipboard */
-    onImagePaste?: ((image: PendingImage) => void) | undefined;
-    /** Current pending images (for placeholder removal detection) */
-    images?: PendingImage[] | undefined;
-    /** Called when an image placeholder is removed from text */
-    onImageRemove?: ((imageId: string) => void) | undefined;
-    /** Current pasted blocks for collapse/expand feature */
-    pastedBlocks?: PastedBlock[] | undefined;
-    /** Called when a large paste is detected and should be collapsed */
-    onPasteBlock?: ((block: PastedBlock) => void) | undefined;
-    /** Called to update a pasted block (e.g., toggle collapse) */
-    onPasteBlockUpdate?: ((blockId: string, updates: Partial<PastedBlock>) => void) | undefined;
-    /** Called when a paste block placeholder is removed from text */
-    onPasteBlockRemove?: ((blockId: string) => void) | undefined;
-    /** Query to highlight in input text (for history search) */
-    highlightQuery?: string | undefined;
-}
-export declare function TextBufferInput({ buffer, onSubmit, placeholder, isDisabled, onHistoryNavigate, onTriggerOverlay, maxViewportLines, isActive, onKeyboardScroll, imageCount, onImagePaste, images, onImageRemove, pastedBlocks, onPasteBlock, onPasteBlockUpdate, onPasteBlockRemove, highlightQuery, }: TextBufferInputProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=TextBufferInput.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TextBufferInput.d.ts","sourceRoot":"","sources":["../../../../src/cli/ink-cli/components/TextBufferInput.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGnE,+DAA+D;AAC/D,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,uBAAuB,GAAG,OAAO,CAAC;AActF,UAAU,oBAAoB;IAC1B,oCAAoC;IACpC,MAAM,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACrE,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACnE,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,kDAAkD;IAClD,QAAQ,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpE,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D,iEAAiE;IACjE,MAAM,CAAC,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;IACpC,4DAA4D;IAC5D,aAAa,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACxD,wDAAwD;IACxD,YAAY,CAAC,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IACzC,oEAAoE;IACpE,YAAY,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1D,8DAA8D;IAC9D,kBAAkB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5F,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7D,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACvC;AAuCD,wBAAgB,eAAe,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,WAAW,EACX,UAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAqB,EACrB,QAAQ,EACR,gBAAgB,EAChB,UAAc,EACd,YAAY,EACZ,MAAW,EACX,aAAa,EACb,YAAiB,EACjB,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,GACjB,EAAE,oBAAoB,2CA2hBtB"}