dexto 1.6.1 → 1.6.3

package/dist/cli/ink-cli/components/base/BaseAutocomplete.js

@@ -1,98 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Base Autocomplete Component
- * Reusable autocomplete with filtering, scoring, and keyboard navigation
- * Used by SlashCommandAutocomplete and ResourceAutocomplete
- */
-import { useState, useEffect, useRef, useMemo } from 'react';
-import { Box, Text, useInput } from 'ink';
-/**
- * Generic autocomplete component with filtering, scoring, and keyboard navigation
- */
-export function BaseAutocomplete({ items, query, isVisible, isLoading = false, onSelect, onLoadIntoInput, onClose, filterFn, scoreFn, formatItem, formatLoadText, title, maxVisibleItems = 10, loadingMessage = 'Loading...', emptyMessage = 'No matches found', borderColor = 'cyan', }) {
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    const [scrollOffset, setScrollOffset] = useState(0);
-    const selectedIndexRef = useRef(0);
-    // Keep ref in sync
-    useEffect(() => {
-        selectedIndexRef.current = selectedIndex;
-    }, [selectedIndex]);
-    // Filter and sort items
-    const filteredItems = useMemo(() => {
-        if (!query)
-            return items;
-        return items
-            .filter((item) => filterFn(item, query))
-            .sort((a, b) => {
-            const scoreA = scoreFn(a, query);
-            const scoreB = scoreFn(b, query);
-            return scoreB - scoreA; // Higher score first
-        });
-    }, [items, query, filterFn, scoreFn]);
-    // Reset selection when items change
-    useEffect(() => {
-        setSelectedIndex(0);
-        setScrollOffset(0);
-    }, [filteredItems.length]);
-    // Auto-scroll to keep selected item visible
-    useEffect(() => {
-        if (selectedIndex < scrollOffset) {
-            setScrollOffset(selectedIndex);
-        }
-        else if (selectedIndex >= scrollOffset + maxVisibleItems) {
-            setScrollOffset(Math.max(0, selectedIndex - maxVisibleItems + 1));
-        }
-    }, [selectedIndex, scrollOffset, maxVisibleItems]);
-    // Calculate visible items
-    const visibleItems = useMemo(() => {
-        return filteredItems.slice(scrollOffset, scrollOffset + maxVisibleItems);
-    }, [filteredItems, scrollOffset, maxVisibleItems]);
-    // Handle keyboard navigation
-    useInput((input, key) => {
-        if (!isVisible)
-            return;
-        const itemsLength = filteredItems.length;
-        if (itemsLength === 0)
-            return;
-        if (key.upArrow) {
-            setSelectedIndex((prev) => (prev - 1 + itemsLength) % itemsLength);
-        }
-        if (key.downArrow) {
-            setSelectedIndex((prev) => (prev + 1) % itemsLength);
-        }
-        if (key.escape) {
-            onClose();
-        }
-        // Tab: Load into input for editing
-        if (key.tab && onLoadIntoInput && formatLoadText && itemsLength > 0) {
-            const item = filteredItems[selectedIndexRef.current];
-            if (item) {
-                onLoadIntoInput(formatLoadText(item));
-            }
-            return;
-        }
-        // Enter: Select item
-        if (key.return && itemsLength > 0) {
-            const item = filteredItems[selectedIndexRef.current];
-            if (item) {
-                onSelect(item);
-            }
-        }
-    }, { isActive: isVisible });
-    if (!isVisible)
-        return null;
-    if (isLoading) {
-        return (_jsx(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, paddingY: 1, children: _jsx(Text, { color: "gray", children: loadingMessage }) }));
-    }
-    if (filteredItems.length === 0) {
-        return (_jsx(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, paddingY: 1, children: _jsx(Text, { color: "gray", children: emptyMessage }) }));
-    }
-    const hasMoreAbove = scrollOffset > 0;
-    const hasMoreBelow = scrollOffset + maxVisibleItems < filteredItems.length;
-    const totalItems = filteredItems.length;
-    return (_jsxs(Box, { borderStyle: "single", borderColor: borderColor, flexDirection: "column", height: Math.min(maxVisibleItems + 3, totalItems + 3), children: [_jsx(Box, { paddingX: 1, paddingY: 0, children: _jsxs(Text, { color: "gray", children: [title, " (", selectedIndex + 1, "/", totalItems, ") - \u2191\u2193 navigate", onLoadIntoInput && ', Tab load', ', Enter select, Esc close'] }) }), hasMoreAbove && (_jsx(Box, { paddingX: 1, paddingY: 0, children: _jsxs(Text, { color: "gray", children: ["... \u2191 (", scrollOffset, " more above)"] }) })), visibleItems.map((item, visibleIndex) => {
-                const actualIndex = scrollOffset + visibleIndex;
-                const isSelected = actualIndex === selectedIndex;
-                return (_jsx(Box, { paddingX: 1, paddingY: 0, children: formatItem(item, isSelected) }, actualIndex));
-            }), hasMoreBelow && (_jsx(Box, { paddingX: 1, paddingY: 0, children: _jsxs(Text, { color: "gray", children: ["... \u2193 (", totalItems - scrollOffset - maxVisibleItems, " more below)"] }) }))] }));
-}

package/dist/cli/ink-cli/components/base/BaseSelector.d.ts

@@ -1,37 +0,0 @@
-/**
- * Base Selector Component
- * Reusable selector with keyboard navigation for lists
- * Used by ModelSelector and SessionSelector
- */
-import { type ReactNode } from 'react';
-import type { Key } from '../../hooks/useInputOrchestrator.js';
-export interface BaseSelectorProps<T> {
-    items: T[];
-    isVisible: boolean;
-    isLoading?: boolean;
-    selectedIndex: number;
-    onSelectIndex: (index: number) => void;
-    onSelect: (item: T) => void;
-    onClose: () => void;
-    formatItem: (item: T, isSelected: boolean) => ReactNode;
-    title: string;
-    maxVisibleItems?: number;
-    loadingMessage?: string;
-    emptyMessage?: string;
-    borderColor?: string;
-    onTab?: (item: T) => void;
-    supportsTab?: boolean;
-    instructionsOverride?: string;
-}
-export interface BaseSelectorHandle {
-    handleInput: (input: string, key: Key) => boolean;
-}
-/**
- * Generic selector component with keyboard navigation and scrolling
- */
-declare function BaseSelectorInner<T>({ items, isVisible, isLoading, selectedIndex, onSelectIndex, onSelect, onClose, formatItem, title, maxVisibleItems, loadingMessage, emptyMessage, borderColor, onTab, supportsTab, instructionsOverride, }: BaseSelectorProps<T>, ref: React.Ref<BaseSelectorHandle>): import("react/jsx-runtime").JSX.Element | null;
-export declare const BaseSelector: <T>(props: BaseSelectorProps<T> & {
-    ref?: React.Ref<BaseSelectorHandle>;
-}) => ReturnType<typeof BaseSelectorInner>;
-export {};
-//# sourceMappingURL=BaseSelector.d.ts.map

package/dist/cli/ink-cli/components/base/BaseSelector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseSelector.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/base/BaseSelector.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAQH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAK/D,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAChC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,UAAU,EAAE,OAAO,KAAK,SAAS,CAAC;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,kBAAkB;IAC/B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAED;;GAEG;AACH,iBAAS,iBAAiB,CAAC,CAAC,EACxB,EACI,KAAK,EACL,SAAS,EACT,SAAiB,EACjB,aAAa,EACb,aAAa,EACb,QAAQ,EACR,OAAO,EACP,UAAU,EACV,KAAK,EACL,eAAmB,EACnB,cAA6B,EAC7B,YAA+B,EAC/B,WAAoB,EACpB,KAAK,EACL,WAAmB,EACnB,oBAAoB,GACvB,EAAE,iBAAiB,CAAC,CAAC,CAAC,EACvB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,kBAAkB,CAAC,kDA8LrC;AAGD,eAAO,MAAM,YAAY,EAAoC,CAAC,CAAC,EAC3D,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAA;CAAE,KACpE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

package/dist/cli/ink-cli/components/base/BaseSelector.js

@@ -1,128 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Base Selector Component
- * Reusable selector with keyboard navigation for lists
- * Used by ModelSelector and SessionSelector
- */
-import { useState, useEffect, useRef, useMemo, useCallback, forwardRef, useImperativeHandle, } from 'react';
-import { Box, Text } from 'ink';
-import { useTerminalSize } from '../../hooks/useTerminalSize.js';
-import { getMaxVisibleItemsForTerminalRows } from '../../utils/overlaySizing.js';
-import { HintBar } from '../shared/HintBar.js';
-/**
- * Generic selector component with keyboard navigation and scrolling
- */
-function BaseSelectorInner({ items, isVisible, isLoading = false, selectedIndex, onSelectIndex, onSelect, onClose, formatItem, title, maxVisibleItems = 8, loadingMessage = 'Loading...', emptyMessage = 'No items found', borderColor = 'cyan', onTab, supportsTab = false, instructionsOverride, }, ref) {
-    const { rows: terminalRows } = useTerminalSize();
-    const viewportItems = useMemo(() => {
-        return getMaxVisibleItemsForTerminalRows({
-            rows: terminalRows,
-            hardCap: maxVisibleItems,
-            reservedRows: 14,
-        });
-    }, [terminalRows, maxVisibleItems]);
-    // Track scroll offset as state, but derive during render when needed
-    const [scrollOffsetState, setScrollOffset] = useState(0);
-    const selectedIndexRef = useRef(selectedIndex);
-    const prevItemsLengthRef = useRef(items.length);
-    // Keep ref in sync
-    selectedIndexRef.current = selectedIndex;
-    // Derive the correct scroll offset during render (no second render needed)
-    // This handles both selectedIndex changes from parent AND items length changes
-    const scrollOffset = useMemo(() => {
-        const itemsChanged = items.length !== prevItemsLengthRef.current;
-        // Reset scroll if items changed significantly
-        if (itemsChanged && items.length <= viewportItems) {
-            return 0;
-        }
-        let offset = scrollOffsetState;
-        // Adjust offset to keep selectedIndex visible
-        if (selectedIndex < offset) {
-            offset = selectedIndex;
-        }
-        else if (selectedIndex >= offset + viewportItems) {
-            offset = Math.max(0, selectedIndex - viewportItems + 1);
-        }
-        // Clamp to valid range
-        const maxOffset = Math.max(0, items.length - viewportItems);
-        return Math.min(maxOffset, Math.max(0, offset));
-    }, [selectedIndex, items.length, viewportItems, scrollOffsetState]);
-    // Update refs after render (not during useMemo which can run multiple times)
-    useEffect(() => {
-        prevItemsLengthRef.current = items.length;
-    }, [items.length]);
-    // Sync scroll offset state after render if it changed
-    // This ensures the stored state is correct for next navigation
-    useEffect(() => {
-        if (scrollOffset !== scrollOffsetState) {
-            setScrollOffset(scrollOffset);
-        }
-    }, [scrollOffset, scrollOffsetState]);
-    // Handle selection change - only updates parent state
-    const handleSelectIndex = useCallback((newIndex) => {
-        selectedIndexRef.current = newIndex;
-        onSelectIndex(newIndex);
-    }, [onSelectIndex]);
-    // Calculate visible items
-    const visibleItems = useMemo(() => {
-        return items.slice(scrollOffset, scrollOffset + viewportItems);
-    }, [items, scrollOffset, viewportItems]);
-    // Expose handleInput method via ref
-    useImperativeHandle(ref, () => ({
-        handleInput: (_input, key) => {
-            if (!isVisible)
-                return false;
-            // Escape always works, regardless of item count
-            if (key.escape) {
-                onClose();
-                return true;
-            }
-            const itemsLength = items.length;
-            if (isLoading || itemsLength === 0)
-                return true;
-            if (key.upArrow) {
-                const nextIndex = (selectedIndexRef.current - 1 + itemsLength) % itemsLength;
-                handleSelectIndex(nextIndex);
-                return true;
-            }
-            if (key.downArrow) {
-                const nextIndex = (selectedIndexRef.current + 1) % itemsLength;
-                handleSelectIndex(nextIndex);
-                return true;
-            }
-            if (key.tab && onTab) {
-                const item = items[selectedIndexRef.current];
-                if (item !== undefined) {
-                    onTab(item);
-                    return true;
-                }
-            }
-            if (key.return && itemsLength > 0) {
-                const item = items[selectedIndexRef.current];
-                if (item !== undefined) {
-                    onSelect(item);
-                    return true;
-                }
-            }
-            return false;
-        },
-    }), [isVisible, isLoading, items, handleSelectIndex, onClose, onSelect, onTab]);
-    if (!isVisible)
-        return null;
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { color: borderColor, bold: true, children: title }) }), _jsx(Box, { flexDirection: "column", height: viewportItems, marginTop: 1, children: isLoading ? (_jsxs(_Fragment, { children: [_jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { color: "gray", children: loadingMessage }) }), Array.from({ length: Math.max(0, viewportItems - 1) }, (_, index) => (_jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { children: " " }) }, `loading-spacer-${index}`)))] })) : items.length === 0 ? (_jsxs(_Fragment, { children: [_jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { color: "gray", children: emptyMessage }) }), Array.from({ length: Math.max(0, viewportItems - 1) }, (_, index) => (_jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { children: " " }) }, `empty-spacer-${index}`)))] })) : (Array.from({ length: viewportItems }, (_, rowIndex) => {
-                    const item = visibleItems[rowIndex];
-                    if (item === undefined) {
-                        return (_jsx(Box, { paddingX: 0, paddingY: 0, children: _jsx(Text, { children: " " }) }, `item-empty-${rowIndex}`));
-                    }
-                    const actualIndex = scrollOffset + rowIndex;
-                    const isSelected = actualIndex === selectedIndex;
-                    return (_jsx(Box, { paddingX: 0, paddingY: 0, children: formatItem(item, isSelected) }, actualIndex));
-                })) }), _jsx(Box, { paddingX: 0, paddingY: 0, marginTop: 1, children: instructionsOverride ? (_jsx(Text, { color: "gray", wrap: "truncate-end", children: instructionsOverride })) : (_jsx(HintBar, { hints: [
-                        '↑↓ navigate',
-                        supportsTab ? 'Tab load' : '',
-                        'Enter select',
-                        'Esc close',
-                    ] })) })] }));
-}
-// Export with proper generic type support
-export const BaseSelector = forwardRef(BaseSelectorInner);

package/dist/cli/ink-cli/components/base/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * Base components module exports
- */
-export { BaseSelector, type BaseSelectorProps } from './BaseSelector.js';
-export { BaseAutocomplete, type BaseAutocompleteProps } from './BaseAutocomplete.js';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/base/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,uBAAuB,CAAC"}

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

@@ -1,5 +0,0 @@
-/**
- * Base components module exports
- */
-export { BaseSelector } from './BaseSelector.js';
-export { BaseAutocomplete } from './BaseAutocomplete.js';

package/dist/cli/ink-cli/components/chat/ChatView.d.ts

@@ -1,19 +0,0 @@
-/**
- * ChatView Component
- * Main chat display area combining header and messages
- */
-import type { Message, StartupInfo } from '../../state/types.js';
-interface ChatViewProps {
-    messages: Message[];
-    modelName: string;
-    sessionId?: string | undefined;
-    hasActiveSession: boolean;
-    startupInfo: StartupInfo;
-}
-/**
- * Pure presentational component for chat area
- * Combines header and message list
- */
-export declare function ChatView({ messages, modelName, sessionId, hasActiveSession, startupInfo, }: ChatViewProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ChatView.d.ts.map

package/dist/cli/ink-cli/components/chat/ChatView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatView.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/chat/ChatView.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEjE,UAAU,aAAa;IACnB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,WAAW,CAAC;CAC5B;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,WAAW,GACd,EAAE,aAAa,2CAYf"}

package/dist/cli/ink-cli/components/chat/ChatView.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from 'ink';
-import { Header } from './Header.js';
-import { MessageList } from './MessageList.js';
-/**
- * Pure presentational component for chat area
- * Combines header and message list
- */
-export function ChatView({ messages, modelName, sessionId, hasActiveSession, startupInfo, }) {
-    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Header, { modelName: modelName, sessionId: sessionId, hasActiveSession: hasActiveSession, startupInfo: startupInfo }), _jsx(MessageList, { messages: messages })] }));
-}

package/dist/cli/ink-cli/components/chat/Footer.d.ts

@@ -1,9 +0,0 @@
-/**
- * Footer Component
- * Displays keyboard shortcuts and help information
- */
-/**
- * Pure presentational component for CLI footer
- */
-export declare function Footer(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Footer.d.ts.map

package/dist/cli/ink-cli/components/chat/Footer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/chat/Footer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAKH;;GAEG;AACH,wBAAgB,MAAM,4CAQrB"}

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

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-/**
- * Pure presentational component for CLI footer
- */
-export function Footer() {
-    return (_jsx(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, children: _jsx(Text, { color: "gray", children: "Shift+Enter/Ctrl+J: newline \u2022 Ctrl+W: del word \u2022 Ctrl+U: del line \u2022 Ctrl+C: exit" }) }));
-}

package/dist/cli/ink-cli/components/chat/Header.d.ts

@@ -1,18 +0,0 @@
-/**
- * Header Component
- * Displays CLI branding and session information
- */
-import type { StartupInfo } from '../../state/types.js';
-interface HeaderProps {
-    modelName: string;
-    sessionId?: string | undefined;
-    hasActiveSession: boolean;
-    startupInfo: StartupInfo;
-}
-/**
- * Pure presentational component for CLI header
- * Automatically adjusts width to terminal size
- */
-export declare function Header({ modelName, sessionId, hasActiveSession, startupInfo }: HeaderProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=Header.d.ts.map

package/dist/cli/ink-cli/components/chat/Header.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/chat/Header.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGxD,UAAU,WAAW;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,WAAW,CAAC;CAC5B;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAE,WAAW,EAAE,EAAE,WAAW,2CA6E1F"}

package/dist/cli/ink-cli/components/chat/Header.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-import { useTerminalSize } from '../../hooks/useTerminalSize.js';
-/**
- * Pure presentational component for CLI header
- * Automatically adjusts width to terminal size
- */
-export function Header({ modelName, sessionId, hasActiveSession, startupInfo }) {
-    const { columns } = useTerminalSize();
-    return (_jsxs(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, flexDirection: "column", flexShrink: 0, width: columns, children: [_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "greenBright", children: `██████╗ ███████╗██╗  ██╗████████╗ ██████╗
-██╔══██╗██╔════╝╚██╗██╔╝╚══██╔══╝██╔═══██╗
-██║  ██║█████╗   ╚███╔╝    ██║   ██║   ██║
-██║  ██║██╔══╝   ██╔██╗    ██║   ██║   ██║
-██████╔╝███████╗██╔╝ ██╗   ██║   ╚██████╔╝
-╚═════╝ ╚══════╝╚═╝  ╚═╝   ╚═╝    ╚═════╝` }) }), _jsxs(Box, { marginTop: 1, flexDirection: "row", children: [_jsx(Text, { color: "gray", children: "Model: " }), _jsx(Text, { color: "white", children: modelName }), hasActiveSession && sessionId && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: " \u2022 Session: " }), _jsx(Text, { color: "white", children: sessionId.slice(0, 8) })] }))] }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "gray", children: "Servers: " }), _jsx(Text, { color: "white", children: startupInfo.connectedServers.count }), _jsx(Text, { color: "gray", children: " \u2022 Tools: " }), _jsx(Text, { color: "white", children: startupInfo.toolCount })] }), startupInfo.failedConnections.length > 0 && (_jsx(Box, { flexDirection: "row", children: _jsxs(Text, { color: "yellowBright", children: ["\u26A0\uFE0F Failed: ", startupInfo.failedConnections.join(', ')] }) })), startupInfo.updateInfo && (_jsxs(Box, { marginTop: 1, flexDirection: "row", children: [_jsxs(Text, { color: "yellow", children: ["\u2B06\uFE0F Update available: ", startupInfo.updateInfo.current, " \u2192", ' ', startupInfo.updateInfo.latest] }), _jsx(Text, { color: "gray", children: " \u2022 Run: " }), _jsx(Text, { color: "cyan", children: startupInfo.updateInfo.updateCommand })] })), startupInfo.needsAgentSync && (_jsxs(Box, { marginTop: startupInfo.updateInfo ? 0 : 1, flexDirection: "row", children: [_jsx(Text, { color: "yellow", children: "\uD83D\uDD04 Agent configs have updates available. Run: " }), _jsx(Text, { color: "cyan", children: "dexto sync-agents" })] })), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { children: " " }) })] }));
-}

package/dist/cli/ink-cli/components/chat/MessageItem.d.ts

@@ -1,21 +0,0 @@
-/**
- * MessageItem Component
- * Displays a single message with visual hierarchy
- * Uses colors and spacing instead of explicit labels
- */
-import type { Message } from '../../state/types.js';
-interface MessageItemProps {
-    message: Message;
-    /** Terminal width for proper text wrapping calculations */
-    terminalWidth?: number;
-}
-/**
- * Pure presentational component for a single message
- * Visual hierarchy through colors and spacing only (no borders for easy text copying)
- *
- * Memoization with custom comparator prevents re-renders when message array changes
- * but individual message content hasn't changed.
- */
-export declare const MessageItem: import("react").MemoExoticComponent<({ message, terminalWidth }: MessageItemProps) => import("react/jsx-runtime").JSX.Element>;
-export {};
-//# sourceMappingURL=MessageItem.d.ts.map

package/dist/cli/ink-cli/components/chat/MessageItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageItem.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/chat/MessageItem.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,KAAK,EACR,OAAO,EAUV,MAAM,sBAAsB,CAAC;AAoD9B,UAAU,gBAAgB;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,mEACc,gBAAgB,6CA4OrD,CAAC"}

package/dist/cli/ink-cli/components/chat/MessageItem.js

@@ -1,182 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * MessageItem Component
- * Displays a single message with visual hierarchy
- * Uses colors and spacing instead of explicit labels
- */
-import { memo } from 'react';
-import { Box, Text } from 'ink';
-import wrapAnsi from 'wrap-ansi';
-import { ConfigBox, StatsBox, HelpBox, SessionListBox, SessionHistoryBox, LogConfigBox, ShortcutsBox, SyspromptBox, } from './styled-boxes/index.js';
-import { ToolResultRenderer } from '../renderers/index.js';
-import { MarkdownText } from '../shared/MarkdownText.js';
-import { ToolIcon } from './ToolIcon.js';
-import { formatToolResultPreview } from '../../utils/messageFormatting.js';
-/**
- * Strip <plan-mode>...</plan-mode> tags from content.
- * Plan mode instructions are injected for the LLM but should not be shown in the UI.
- * Only trims when a tag was actually removed to preserve user-intended formatting.
- */
-function stripPlanModeTags(content) {
-    // Remove <plan-mode>...</plan-mode> including any trailing whitespace
-    const stripped = content.replace(/<plan-mode>[\s\S]*?<\/plan-mode>\s*/g, '');
-    // Only trim if a tag was actually removed
-    return stripped === content ? content : stripped.trim();
-}
-/**
- * Format milliseconds into a compact human-readable string
- * Examples: "1.2s", "1m 23s", "1h 2m"
- */
-function formatDuration(ms) {
-    const seconds = Math.floor(ms / 1000);
-    const tenths = Math.floor((ms % 1000) / 100);
-    if (seconds < 60) {
-        return `${seconds}.${tenths}s`;
-    }
-    const minutes = Math.floor(seconds / 60);
-    const remainingSeconds = seconds % 60;
-    if (minutes < 60) {
-        return `${minutes}m ${remainingSeconds}s`;
-    }
-    const hours = Math.floor(minutes / 60);
-    const remainingMinutes = minutes % 60;
-    return `${hours}h ${remainingMinutes}m`;
-}
-/**
- * Pure presentational component for a single message
- * Visual hierarchy through colors and spacing only (no borders for easy text copying)
- *
- * Memoization with custom comparator prevents re-renders when message array changes
- * but individual message content hasn't changed.
- */
-export const MessageItem = memo(({ message, terminalWidth = 80 }) => {
-    // Check for styled message first
-    if (message.styledType && message.styledData) {
-        switch (message.styledType) {
-            case 'config':
-                return _jsx(ConfigBox, { data: message.styledData });
-            case 'stats':
-                return _jsx(StatsBox, { data: message.styledData });
-            case 'help':
-                return _jsx(HelpBox, { data: message.styledData });
-            case 'session-list':
-                return _jsx(SessionListBox, { data: message.styledData });
-            case 'session-history':
-                return (_jsx(SessionHistoryBox, { data: message.styledData }));
-            case 'log-config':
-                return _jsx(LogConfigBox, { data: message.styledData });
-            case 'run-summary': {
-                const data = message.styledData;
-                const durationStr = formatDuration(data.durationMs);
-                // Only show tokens when >= 1000, using K notation
-                const tokensStr = data.totalTokens >= 1000
-                    ? `, Used ${(data.totalTokens / 1000).toFixed(1)}K tokens`
-                    : '';
-                return (_jsx(Box, { marginTop: 1, marginBottom: 1, width: terminalWidth, children: _jsxs(Text, { color: "gray", children: ["\u2500 Worked for ", durationStr, tokensStr, " \u2500"] }) }));
-            }
-            case 'shortcuts':
-                return _jsx(ShortcutsBox, { data: message.styledData });
-            case 'sysprompt':
-                return _jsx(SyspromptBox, { data: message.styledData });
-        }
-    }
-    // User message: '>' prefix with gray background
-    // Strip plan-mode tags before display (plan instructions are for LLM, not user)
-    // Properly wrap text accounting for prefix "> " (2 chars) and paddingX={1} (2 chars total)
-    if (message.role === 'user') {
-        const prefix = '> ';
-        const paddingChars = 2; // paddingX={1} = 1 char on each side
-        const availableWidth = Math.max(20, terminalWidth - prefix.length - paddingChars);
-        const displayContent = stripPlanModeTags(message.content);
-        const wrappedContent = wrapAnsi(displayContent, availableWidth, {
-            hard: true,
-            wordWrap: true,
-            trim: false,
-        });
-        const lines = wrappedContent.split('\n');
-        return (_jsx(Box, { flexDirection: "column", marginTop: 2, marginBottom: 1, width: terminalWidth, children: _jsx(Box, { flexDirection: "column", paddingX: 1, backgroundColor: "gray", children: lines.map((line, i) => (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "green", children: i === 0 ? prefix : '  ' }), _jsx(Text, { color: "white", children: line })] }, i))) }) }));
-    }
-    // Assistant message: Gray circle indicator (unless continuation)
-    // IMPORTANT: width="100%" is required to prevent Ink layout failures on large content.
-    // Without width constraints, streaming content causes terminal blackout at ~50+ lines.
-    // marginTop={1} for consistent spacing with tool messages
-    if (message.role === 'assistant') {
-        // Continuation messages: no indicator, just content
-        if (message.isContinuation) {
-            return (_jsx(Box, { flexDirection: "column", width: terminalWidth, children: _jsx(MarkdownText, { children: message.content || '' }) }));
-        }
-        // Regular assistant message: bullet prefix inline with first line
-        // Text wraps at terminal width - wrapped lines may start at column 0
-        // This is simpler and avoids mid-word splitting issues with Ink's wrap
-        return (_jsx(Box, { flexDirection: "column", marginTop: 1, width: terminalWidth, children: _jsx(MarkdownText, { bulletPrefix: "\u23FA ", children: message.content || '' }) }));
-    }
-    // Tool message: Animated icon based on status
-    // - Running: green spinner + "Running..."
-    // - Finished (success): green dot
-    // - Finished (error): red dot
-    if (message.role === 'tool') {
-        // Use structured renderers if display data is available
-        const hasStructuredDisplay = message.toolDisplayData && message.toolContent;
-        const isRunning = message.toolStatus === 'running';
-        const isPending = message.toolStatus === 'pending' || message.toolStatus === 'pending_approval';
-        // Check for sub-agent progress data
-        const subAgentProgress = message.subAgentProgress;
-        const contentLines = message.content.split('\n');
-        const headerLine = contentLines[0] ?? '';
-        const subHeaderLine = contentLines.length > 1 ? contentLines[1] : '';
-        // Parse tool name and args for bold formatting: "ToolName(args)" → bold name + normal args
-        const parenIndex = headerLine.indexOf('(');
-        const toolName = parenIndex > 0 ? headerLine.slice(0, parenIndex) : headerLine;
-        const toolArgs = parenIndex > 0 ? headerLine.slice(parenIndex) : '';
-        // Build the full tool header text for wrapping
-        // Don't include status suffix if we have sub-agent progress (it shows its own status)
-        const statusSuffix = subAgentProgress
-            ? ''
-            : isRunning
-                ? ' Running...'
-                : isPending
-                    ? ' Waiting...'
-                    : '';
-        const fullToolText = `${toolName}${toolArgs}${statusSuffix}`;
-        // ToolIcon takes 2 chars ("● "), so available width is terminalWidth - 2
-        const iconWidth = 2;
-        const availableWidth = Math.max(20, terminalWidth - iconWidth);
-        const wrappedToolText = wrapAnsi(fullToolText, availableWidth, {
-            hard: true,
-            wordWrap: true,
-            trim: false,
-        });
-        const toolLines = wrappedToolText.split('\n');
-        return (_jsxs(Box, { flexDirection: "column", marginTop: 1, width: terminalWidth, children: [toolLines.map((line, i) => (_jsxs(Box, { flexDirection: "row", children: [i === 0 ? (_jsx(ToolIcon, { status: message.toolStatus || 'finished', isError: message.isError ?? false })) : (_jsx(Text, { children: '  ' })), _jsx(Text, { children: i === 0 ? (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, children: line.slice(0, toolName.length) }), _jsx(Text, { children: line.slice(toolName.length) })] })) : (line) })] }, i))), subHeaderLine && (_jsx(Box, { marginLeft: 2, children: _jsx(Text, { color: "gray", children: subHeaderLine }) })), subAgentProgress && isRunning && (_jsx(Box, { marginLeft: 2, children: _jsxs(Text, { color: "gray", children: ["\u2514\u2500 ", subAgentProgress.toolsCalled, " tool", subAgentProgress.toolsCalled !== 1 ? 's' : '', " called | Current:", ' ', subAgentProgress.currentTool, subAgentProgress.runtimeAgentId
-                                ? ` | Agent: ${subAgentProgress.agentId} (${subAgentProgress.runtimeAgentId})`
-                                : ` | Agent: ${subAgentProgress.agentId}`, subAgentProgress.tokenUsage &&
-                                subAgentProgress.tokenUsage.total > 0
-                                ? ` | ${subAgentProgress.tokenUsage.total.toLocaleString()} tokens`
-                                : ''] }) })), hasStructuredDisplay ? (_jsx(ToolResultRenderer, { display: message.toolDisplayData, content: message.toolContent })) : (message.toolResult && (_jsx(Box, { flexDirection: "column", children: _jsxs(Text, { color: "gray", children: ["\u23BF ", formatToolResultPreview(message.toolResult)] }) })))] }));
-    }
-    // System message: Compact gray text
-    return (_jsx(Box, { flexDirection: "column", marginBottom: 1, width: terminalWidth, children: _jsx(Text, { color: "gray", children: message.content }) }));
-}, 
-// Custom comparator: only re-render if message content actually changed
-(prev, next) => {
-    return (prev.message.id === next.message.id &&
-        prev.message.content === next.message.content &&
-        prev.message.role === next.message.role &&
-        prev.message.toolStatus === next.message.toolStatus &&
-        prev.message.toolResult === next.message.toolResult &&
-        prev.message.isStreaming === next.message.isStreaming &&
-        prev.message.styledType === next.message.styledType &&
-        prev.message.styledData === next.message.styledData &&
-        prev.message.isContinuation === next.message.isContinuation &&
-        prev.message.isError === next.message.isError &&
-        prev.message.toolDisplayData === next.message.toolDisplayData &&
-        prev.message.toolContent === next.message.toolContent &&
-        prev.terminalWidth === next.terminalWidth &&
-        prev.message.subAgentProgress?.toolsCalled ===
-            next.message.subAgentProgress?.toolsCalled &&
-        prev.message.subAgentProgress?.currentTool ===
-            next.message.subAgentProgress?.currentTool &&
-        prev.message.subAgentProgress?.tokenUsage?.total ===
-            next.message.subAgentProgress?.tokenUsage?.total);
-});
-MessageItem.displayName = 'MessageItem';

package/dist/cli/ink-cli/components/chat/MessageList.d.ts

@@ -1,16 +0,0 @@
-/**
- * MessageList Component
- * Displays a list of messages with optional welcome message
- */
-import type { Message } from '../../state/types.js';
-interface MessageListProps {
-    messages: Message[];
-    maxVisible?: number;
-}
-/**
- * Pure presentational component for message list
- * Shows only recent messages for performance
- */
-export declare function MessageList({ messages, maxVisible }: MessageListProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=MessageList.d.ts.map

package/dist/cli/ink-cli/components/chat/MessageList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/chat/MessageList.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEpD,UAAU,gBAAgB;IACtB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,UAAe,EAAE,EAAE,gBAAgB,2CA6B1E"}