dexto 1.3.0 → 1.5.0

package/dist/cli/ink-cli/components/chat/styled-boxes/SessionHistoryBox.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { StyledBox } from './StyledBox.js';
+/**
+ * Truncate content to a reasonable preview length
+ */
+function truncateContent(content, maxLength = 100) {
+    if (content.length <= maxLength)
+        return content;
+    return content.slice(0, maxLength) + '...';
+}
+/**
+ * Get role color and icon
+ */
+function getRoleStyle(role) {
+    switch (role) {
+        case 'user':
+            return { color: 'blue', icon: '>' };
+        case 'assistant':
+            return { color: 'green', icon: '|' };
+        case 'system':
+            return { color: 'orange', icon: '#' };
+        case 'tool':
+            return { color: 'green', icon: '*' };
+        default:
+            return { color: 'white', icon: '-' };
+    }
+}
+export function SessionHistoryBox({ data }) {
+    if (data.messages.length === 0) {
+        return (_jsx(StyledBox, { title: `Session History: ${data.sessionId.slice(0, 8)}`, children: _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", children: "No messages in this session yet." }) }) }));
+    }
+    return (_jsxs(StyledBox, { title: `Session History: ${data.sessionId.slice(0, 8)}`, children: [data.messages.map((msg, index) => {
+                const style = getRoleStyle(msg.role);
+                return (_jsxs(Box, { flexDirection: "column", marginTop: index === 0 ? 1 : 0, children: [_jsxs(Box, { children: [_jsxs(Text, { color: style.color, bold: true, children: [style.icon, ' '] }), _jsxs(Text, { color: style.color, children: ["[", msg.role, "]"] }), _jsxs(Text, { color: "gray", children: [" ", msg.timestamp] })] }), _jsx(Box, { marginLeft: 2, children: _jsx(Text, { children: truncateContent(msg.content) }) })] }, index));
+            }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "gray", children: ["Total: ", data.total, " messages"] }) })] }));
+}

package/dist/cli/ink-cli/components/chat/styled-boxes/SessionListBox.d.ts

@@ -0,0 +1,10 @@
+/**
+ * SessionListBox - Styled output for /session list command
+ */
+import type { SessionListStyledData } from '../../../state/types.js';
+interface SessionListBoxProps {
+    data: SessionListStyledData;
+}
+export declare function SessionListBox({ data }: SessionListBoxProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SessionListBox.d.ts.map

package/dist/cli/ink-cli/components/chat/styled-boxes/SessionListBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionListBox.d.ts","sourceRoot":"","sources":["../../../../../../src/cli/ink-cli/components/chat/styled-boxes/SessionListBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAGrE,UAAU,mBAAmB;IACzB,IAAI,EAAE,qBAAqB,CAAC;CAC/B;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE,mBAAmB,2CAqC3D"}

package/dist/cli/ink-cli/components/chat/styled-boxes/SessionListBox.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { StyledBox } from './StyledBox.js';
+export function SessionListBox({ data }) {
+    if (data.sessions.length === 0) {
+        return (_jsxs(StyledBox, { title: "Sessions", children: [_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", children: "No sessions found." }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", children: "Run `dexto` to start a new session." }) })] }));
+    }
+    return (_jsxs(StyledBox, { title: "Sessions", children: [data.sessions.map((session) => (_jsxs(Box, { marginTop: 1, children: [_jsx(Box, { width: 12, children: _jsxs(Text, { color: session.isCurrent ? 'green' : 'cyan', bold: session.isCurrent, children: [session.isCurrent ? '>' : ' ', " ", session.id.slice(0, 8)] }) }), _jsx(Box, { width: 14, children: _jsxs(Text, { color: "gray", children: [session.messageCount, " messages"] }) }), _jsx(Text, { color: "gray", children: session.lastActive })] }, session.id))), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "gray", children: ["Total: ", data.total, " sessions"] }) }), _jsx(Box, { children: _jsx(Text, { color: "gray", children: "Use /resume to switch sessions" }) })] }));
+}

package/dist/cli/ink-cli/components/chat/styled-boxes/ShortcutsBox.d.ts

@@ -0,0 +1,10 @@
+/**
+ * ShortcutsBox - Styled output for /shortcuts command
+ */
+import type { ShortcutsStyledData } from '../../../state/types.js';
+interface ShortcutsBoxProps {
+    data: ShortcutsStyledData;
+}
+export declare function ShortcutsBox({ data }: ShortcutsBoxProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ShortcutsBox.d.ts.map

package/dist/cli/ink-cli/components/chat/styled-boxes/ShortcutsBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutsBox.d.ts","sourceRoot":"","sources":["../../../../../../src/cli/ink-cli/components/chat/styled-boxes/ShortcutsBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAGnE,UAAU,iBAAiB;IACvB,IAAI,EAAE,mBAAmB,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CAoBvD"}

package/dist/cli/ink-cli/components/chat/styled-boxes/ShortcutsBox.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { StyledBox } from './StyledBox.js';
+export function ShortcutsBox({ data }) {
+    return (_jsx(StyledBox, { title: "Keyboard Shortcuts", children: data.categories.map((category, catIndex) => (_jsxs(Box, { flexDirection: "column", marginTop: catIndex === 0 ? 0 : 1, children: [_jsx(Text, { bold: true, color: "cyan", children: category.name }), category.shortcuts.map((shortcut) => (_jsxs(Box, { marginLeft: 2, children: [_jsx(Box, { width: 16, children: _jsx(Text, { color: "cyan", children: shortcut.keys }) }), _jsx(Text, { color: "gray", children: shortcut.description })] }, shortcut.keys)))] }, category.name))) }));
+}

package/dist/cli/ink-cli/components/chat/styled-boxes/StatsBox.d.ts

@@ -0,0 +1,10 @@
+/**
+ * StatsBox - Styled output for /stats command
+ */
+import type { StatsStyledData } from '../../../state/types.js';
+interface StatsBoxProps {
+    data: StatsStyledData;
+}
+export declare function StatsBox({ data }: StatsBoxProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StatsBox.d.ts.map

package/dist/cli/ink-cli/components/chat/styled-boxes/StatsBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatsBox.d.ts","sourceRoot":"","sources":["../../../../../../src/cli/ink-cli/components/chat/styled-boxes/StatsBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,UAAU,aAAa;IACnB,IAAI,EAAE,eAAe,CAAC;CACzB;AA4BD,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE,aAAa,2CAmE/C"}

package/dist/cli/ink-cli/components/chat/styled-boxes/StatsBox.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyledBox, StyledSection, StyledRow } from './StyledBox.js';
+/**
+ * Format a number with K/M suffixes for compact display
+ */
+function formatTokenCount(count) {
+    if (count >= 1_000_000) {
+        return `${(count / 1_000_000).toFixed(1)}M`;
+    }
+    if (count >= 1_000) {
+        return `${(count / 1_000).toFixed(1)}K`;
+    }
+    return count.toString();
+}
+/**
+ * Format cost in USD with appropriate precision
+ */
+function formatCost(cost) {
+    if (cost < 0.01) {
+        return `$${cost.toFixed(4)}`;
+    }
+    if (cost < 1) {
+        return `$${cost.toFixed(3)}`;
+    }
+    return `$${cost.toFixed(2)}`;
+}
+export function StatsBox({ data }) {
+    return (_jsxs(StyledBox, { title: "System Statistics", children: [_jsxs(StyledSection, { title: "Sessions", children: [_jsx(StyledRow, { label: "Total Sessions", value: data.sessions.total.toString() }), _jsx(StyledRow, { label: "In Memory", value: data.sessions.inMemory.toString() }), _jsx(StyledRow, { label: "Max Allowed", value: data.sessions.maxAllowed.toString() })] }), _jsxs(StyledSection, { title: "MCP Servers", children: [_jsx(StyledRow, { label: "Connected", value: data.mcp.connected.toString(), valueColor: "green" }), data.mcp.failed > 0 && (_jsx(StyledRow, { label: "Failed", value: data.mcp.failed.toString(), valueColor: "red" })), _jsx(StyledRow, { label: "Available Tools", value: data.mcp.toolCount.toString() })] }), data.tokenUsage && (_jsxs(StyledSection, { title: "Token Usage (This Session)", children: [_jsx(StyledRow, { label: "Input", value: formatTokenCount(data.tokenUsage.inputTokens) }), _jsx(StyledRow, { label: "Output", value: formatTokenCount(data.tokenUsage.outputTokens) }), data.tokenUsage.reasoningTokens > 0 && (_jsx(StyledRow, { label: "Reasoning", value: formatTokenCount(data.tokenUsage.reasoningTokens) })), data.tokenUsage.cacheReadTokens > 0 && (_jsx(StyledRow, { label: "Cache Read", value: formatTokenCount(data.tokenUsage.cacheReadTokens), valueColor: "cyan" })), data.tokenUsage.cacheWriteTokens > 0 && (_jsx(StyledRow, { label: "Cache Write", value: formatTokenCount(data.tokenUsage.cacheWriteTokens), valueColor: "orange" })), _jsx(StyledRow, { label: "Total", value: formatTokenCount(data.tokenUsage.totalTokens), valueColor: "blue" }), data.estimatedCost !== undefined && (_jsx(StyledRow, { label: "Est. Cost", value: formatCost(data.estimatedCost), valueColor: "green" }))] }))] }));
+}

package/dist/cli/ink-cli/components/chat/styled-boxes/StyledBox.d.ts

@@ -0,0 +1,45 @@
+/**
+ * StyledBox - Base component for styled command output
+ * Provides consistent box styling for structured output
+ */
+import React from 'react';
+interface StyledBoxProps {
+    title: string;
+    titleColor?: string;
+    children: React.ReactNode;
+}
+/**
+ * Base styled box component with rounded border and title
+ * Automatically adjusts width to terminal size
+ */
+export declare function StyledBox({ title, titleColor, children }: StyledBoxProps): import("react/jsx-runtime").JSX.Element;
+interface StyledSectionProps {
+    title: string;
+    icon?: string;
+    children: React.ReactNode;
+}
+/**
+ * Section within a styled box
+ */
+export declare function StyledSection({ title, icon, children }: StyledSectionProps): import("react/jsx-runtime").JSX.Element;
+interface StyledRowProps {
+    label: string;
+    value: string;
+    valueColor?: string;
+}
+/**
+ * Key-value row within a section
+ */
+export declare function StyledRow({ label, value, valueColor }: StyledRowProps): import("react/jsx-runtime").JSX.Element;
+interface StyledListItemProps {
+    icon?: string;
+    text: string;
+    isActive?: boolean;
+    dimmed?: boolean;
+}
+/**
+ * List item with optional icon and active state
+ */
+export declare function StyledListItem({ icon, text, isActive, dimmed }: StyledListItemProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StyledBox.d.ts.map

package/dist/cli/ink-cli/components/chat/styled-boxes/StyledBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledBox.d.ts","sourceRoot":"","sources":["../../../../../../src/cli/ink-cli/components/chat/styled-boxes/StyledBox.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,cAAc;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,UAAmB,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAwBjF;AAED,UAAU,kBAAkB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAY1E;AAED,UAAU,cAAc;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAmB,EAAE,EAAE,cAAc,2CAO9E;AAED,UAAU,mBAAmB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,mBAAmB,2CAiBnF"}

package/dist/cli/ink-cli/components/chat/styled-boxes/StyledBox.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { useTerminalSize } from '../../../hooks/useTerminalSize.js';
+/**
+ * Base styled box component with rounded border and title
+ * Automatically adjusts width to terminal size
+ */
+export function StyledBox({ title, titleColor = 'cyan', children }) {
+    const { columns } = useTerminalSize();
+    return (_jsx(Box, { flexDirection: "column", marginBottom: 1, width: columns, children: _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, paddingY: 0, children: [_jsx(Box, { marginBottom: 0, children: _jsx(Text, { bold: true, color: titleColor, children: title }) }), children] }) }));
+}
+/**
+ * Section within a styled box
+ */
+export function StyledSection({ title, icon, children }) {
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { bold: true, children: [icon && `${icon} `, title] }), _jsx(Box, { flexDirection: "column", marginLeft: 2, children: children })] }));
+}
+/**
+ * Key-value row within a section
+ */
+export function StyledRow({ label, value, valueColor = 'cyan' }) {
+    return (_jsxs(Box, { children: [_jsxs(Text, { color: "gray", children: [label, ": "] }), _jsx(Text, { color: valueColor, children: value })] }));
+}
+/**
+ * List item with optional icon and active state
+ */
+export function StyledListItem({ icon, text, isActive, dimmed }) {
+    // Build props object conditionally to avoid undefined with exactOptionalPropertyTypes
+    const textProps = {};
+    if (isActive) {
+        textProps.color = 'green';
+        textProps.bold = true;
+    }
+    if (dimmed) {
+        textProps.color = 'gray';
+    }
+    return (_jsxs(Box, { children: [icon && _jsxs(Text, { ...textProps, children: [icon, " "] }), _jsx(Text, { ...textProps, children: text })] }));
+}

package/dist/cli/ink-cli/components/chat/styled-boxes/SyspromptBox.d.ts

@@ -0,0 +1,10 @@
+/**
+ * SyspromptBox - Styled output for /sysprompt command
+ */
+import type { SysPromptStyledData } from '../../../state/types.js';
+interface SyspromptBoxProps {
+    data: SysPromptStyledData;
+}
+export declare function SyspromptBox({ data }: SyspromptBoxProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SyspromptBox.d.ts.map

package/dist/cli/ink-cli/components/chat/styled-boxes/SyspromptBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SyspromptBox.d.ts","sourceRoot":"","sources":["../../../../../../src/cli/ink-cli/components/chat/styled-boxes/SyspromptBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAGnE,UAAU,iBAAiB;IACvB,IAAI,EAAE,mBAAmB,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CAQvD"}

package/dist/cli/ink-cli/components/chat/styled-boxes/SyspromptBox.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { StyledBox } from './StyledBox.js';
+export function SyspromptBox({ data }) {
+    return (_jsx(StyledBox, { title: "System Prompt", titleColor: "green", children: _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(Text, { children: data.content }) }) }));
+}

package/dist/cli/ink-cli/components/chat/styled-boxes/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Styled boxes for command output
+ */
+export { StyledBox, StyledSection, StyledRow, StyledListItem } from './StyledBox.js';
+export { ConfigBox } from './ConfigBox.js';
+export { StatsBox } from './StatsBox.js';
+export { HelpBox } from './HelpBox.js';
+export { SessionListBox } from './SessionListBox.js';
+export { SessionHistoryBox } from './SessionHistoryBox.js';
+export { LogConfigBox } from './LogConfigBox.js';
+export { ShortcutsBox } from './ShortcutsBox.js';
+export { SyspromptBox } from './SyspromptBox.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/cli/ink-cli/components/chat/styled-boxes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/cli/ink-cli/components/chat/styled-boxes/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/cli/ink-cli/components/chat/styled-boxes/index.js

@@ -0,0 +1,12 @@
+/**
+ * Styled boxes for command output
+ */
+export { StyledBox, StyledSection, StyledRow, StyledListItem } from './StyledBox.js';
+export { ConfigBox } from './ConfigBox.js';
+export { StatsBox } from './StatsBox.js';
+export { HelpBox } from './HelpBox.js';
+export { SessionListBox } from './SessionListBox.js';
+export { SessionHistoryBox } from './SessionHistoryBox.js';
+export { LogConfigBox } from './LogConfigBox.js';
+export { ShortcutsBox } from './ShortcutsBox.js';
+export { SyspromptBox } from './SyspromptBox.js';

package/dist/cli/ink-cli/components/input/InputArea.d.ts

@@ -1,18 +1,46 @@
 /**
  * InputArea Component
- * Simple input area - Shift+Enter for newlines, Enter to submit
+ * Wrapper around TextBufferInput - accepts buffer from parent
  */
+import { type OverlayTrigger } from '../TextBufferInput.js';
+import type { TextBuffer } from '../shared/text-buffer.js';
+import type { PendingImage, PastedBlock } from '../../state/types.js';
+export type { OverlayTrigger };
 interface InputAreaProps {
-    value: string;
-    onChange: (value: string) => void;
+    /** Text buffer (owned by parent) */
+    buffer: TextBuffer;
+    /** Called when user submits */
     onSubmit: (value: string) => void;
-    isProcessing: boolean;
+    /** Whether input is currently disabled */
     isDisabled: boolean;
+    /** Whether input should handle keypresses */
+    isActive: boolean;
+    /** Placeholder text */
     placeholder?: string | undefined;
-    history?: string[] | undefined;
-    historyIndex?: number | undefined;
+    /** History navigation callback */
     onHistoryNavigate?: ((direction: 'up' | 'down') => void) | undefined;
+    /** Overlay trigger callback */
+    onTriggerOverlay?: ((trigger: OverlayTrigger) => void) | undefined;
+    /** Keyboard scroll callback (for alternate buffer mode) */
+    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 InputArea({ value, onChange, onSubmit, isProcessing, isDisabled, placeholder, history, historyIndex, onHistoryNavigate, }: InputAreaProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function InputArea({ buffer, onSubmit, isDisabled, isActive, placeholder, onHistoryNavigate, onTriggerOverlay, onKeyboardScroll, imageCount, onImagePaste, images, onImageRemove, pastedBlocks, onPasteBlock, onPasteBlockUpdate, onPasteBlockRemove, highlightQuery, }: InputAreaProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=InputArea.d.ts.map

package/dist/cli/ink-cli/components/input/InputArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputArea.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/input/InputArea.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,UAAU,cAAc;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEjC,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACxE;AAED,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,WAAW,EACX,OAAO,EACP,YAAY,EACZ,iBAAiB,GACpB,EAAE,cAAc,2CAehB"}
+{"version":3,"file":"InputArea.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/input/InputArea.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EAAmB,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC7E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEtE,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,UAAU,cAAc;IACpB,oCAAoC;IACpC,MAAM,EAAE,UAAU,CAAC;IACnB,+BAA+B;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,0CAA0C;IAC1C,UAAU,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACrE,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACnE,2DAA2D;IAC3D,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;AAED,wBAAgB,SAAS,CAAC,EACtB,MAAM,EACN,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,MAAM,EACN,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,GACjB,EAAE,cAAc,2CAwBhB"}

package/dist/cli/ink-cli/components/input/InputArea.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from 'ink';
-import { MultiLineTextInput } from '../MultiLineTextInput.js';
-export function InputArea({ value, onChange, onSubmit, isProcessing, isDisabled, placeholder, history, historyIndex, onHistoryNavigate, }) {
-    return (_jsx(Box, { flexDirection: "column", children: _jsx(MultiLineTextInput, { value: value, onChange: onChange, onSubmit: onSubmit, placeholder: placeholder, isDisabled: isDisabled || isProcessing, history: history, historyIndex: historyIndex, onHistoryNavigate: onHistoryNavigate }) }));
+import { TextBufferInput } from '../TextBufferInput.js';
+export function InputArea({ buffer, onSubmit, isDisabled, isActive, placeholder, onHistoryNavigate, onTriggerOverlay, onKeyboardScroll, imageCount, onImagePaste, images, onImageRemove, pastedBlocks, onPasteBlock, onPasteBlockUpdate, onPasteBlockRemove, highlightQuery, }) {
+    return (_jsx(Box, { flexDirection: "column", children: _jsx(TextBufferInput, { buffer: buffer, onSubmit: onSubmit, placeholder: placeholder, isDisabled: isDisabled, isActive: isActive, onHistoryNavigate: onHistoryNavigate, onTriggerOverlay: onTriggerOverlay, onKeyboardScroll: onKeyboardScroll, imageCount: imageCount, onImagePaste: onImagePaste, images: images, onImageRemove: onImageRemove, pastedBlocks: pastedBlocks, onPasteBlock: onPasteBlock, onPasteBlockUpdate: onPasteBlockUpdate, onPasteBlockRemove: onPasteBlockRemove, highlightQuery: highlightQuery }) }));
 }

package/dist/cli/ink-cli/components/modes/AlternateBufferCLI.d.ts

@@ -0,0 +1,25 @@
+/**
+ * AlternateBufferCLI - VirtualizedList rendering mode
+ *
+ * Uses the terminal's alternate buffer for a fullscreen, scrollable UI.
+ * Features:
+ * - VirtualizedList for efficient message rendering
+ * - Mouse scroll support via ScrollProvider
+ * - Keyboard scroll (PageUp/PageDown, Shift+Arrow)
+ * - Copy mode toggle (Ctrl+S)
+ * - Selection hint when user tries to drag without Option key
+ */
+import type { DextoAgent } from '@dexto/core';
+import type { StartupInfo } from '../../state/types.js';
+interface AlternateBufferCLIProps {
+    agent: DextoAgent;
+    initialSessionId: string | null;
+    startupInfo: StartupInfo;
+    /** Callback when user attempts to select text (drag without Option key) */
+    onSelectionAttempt?: () => void;
+    /** Whether to stream chunks or wait for complete response */
+    useStreaming?: boolean;
+}
+export declare function AlternateBufferCLI({ agent, initialSessionId, startupInfo, onSelectionAttempt, useStreaming, }: AlternateBufferCLIProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AlternateBufferCLI.d.ts.map

package/dist/cli/ink-cli/components/modes/AlternateBufferCLI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlternateBufferCLI.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/modes/AlternateBufferCLI.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,OAAO,KAAK,EAAW,WAAW,EAAE,MAAM,sBAAsB,CAAC;AA2BjE,UAAU,uBAAuB;IAC7B,KAAK,EAAE,UAAU,CAAC;IAClB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,WAAW,EAAE,WAAW,CAAC;IACzB,2EAA2E;IAC3E,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,6DAA6D;IAC7D,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,kBAAkB,CAAC,EAC/B,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,YAAmB,GACtB,EAAE,uBAAuB,2CAgTzB"}

package/dist/cli/ink-cli/components/modes/AlternateBufferCLI.js

@@ -0,0 +1,166 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * AlternateBufferCLI - VirtualizedList rendering mode
+ *
+ * Uses the terminal's alternate buffer for a fullscreen, scrollable UI.
+ * Features:
+ * - VirtualizedList for efficient message rendering
+ * - Mouse scroll support via ScrollProvider
+ * - Keyboard scroll (PageUp/PageDown, Shift+Arrow)
+ * - Copy mode toggle (Ctrl+S)
+ * - Selection hint when user tries to drag without Option key
+ */
+import { useMemo, useCallback, useRef, useState, useEffect } from 'react';
+import { Box, Text } from 'ink';
+// Hooks
+import { useTerminalSize } from '../../hooks/index.js';
+import { useCLIState } from '../../hooks/useCLIState.js';
+import { useScrollable } from '../../contexts/index.js';
+// Components
+import { Header } from '../chat/Header.js';
+import { MessageItem } from '../chat/MessageItem.js';
+import { QueuedMessagesDisplay } from '../chat/QueuedMessagesDisplay.js';
+import { StatusBar } from '../StatusBar.js';
+import { HistorySearchBar } from '../HistorySearchBar.js';
+import { Footer } from '../Footer.js';
+import { VirtualizedList, SCROLL_TO_ITEM_END, } from '../shared/VirtualizedList.js';
+// Containers
+import { InputContainer } from '../../containers/InputContainer.js';
+import { OverlayContainer } from '../../containers/OverlayContainer.js';
+export function AlternateBufferCLI({ agent, initialSessionId, startupInfo, onSelectionAttempt, useStreaming = true, }) {
+    // Refs for VirtualizedList
+    const listRef = useRef(null);
+    const listContainerRef = useRef(null);
+    // Ref to InputContainer for programmatic submit
+    const inputContainerRef = useRef(null);
+    // Selection hint state
+    const [selectionHintVisible, setSelectionHintVisible] = useState(false);
+    // Keyboard scroll handler for VirtualizedList
+    const handleKeyboardScroll = useCallback((direction) => {
+        const delta = direction === 'up' ? -10 : 10;
+        listRef.current?.scrollBy(delta);
+    }, []);
+    // Use shared CLI state with keyboard scroll handler
+    const { messages, setMessages, pendingMessages, setPendingMessages, dequeuedBuffer, setDequeuedBuffer, queuedMessages, setQueuedMessages, ui, setUi, input, setInput, session, setSession, approval, setApproval, approvalQueue, setApprovalQueue, inputService, buffer, overlayContainerRef, visibleMessages, } = useCLIState({
+        agent,
+        initialSessionId,
+        startupInfo,
+        onKeyboardScroll: handleKeyboardScroll,
+    });
+    // Register the VirtualizedList as scrollable so ScrollProvider can handle mouse scroll
+    const getScrollState = useCallback(() => {
+        const scrollState = listRef.current?.getScrollState();
+        return scrollState ?? { scrollTop: 0, scrollHeight: 0, innerHeight: 0 };
+    }, []);
+    const scrollBy = useCallback((delta) => {
+        listRef.current?.scrollBy(delta);
+    }, []);
+    const hasFocus = useCallback(() => true, []); // List always has focus for scroll
+    // Compute whether history search has a match (for HistorySearchBar indicator)
+    const historySearchHasMatch = useMemo(() => {
+        if (!ui.historySearch.isActive || !ui.historySearch.query)
+            return false;
+        const query = ui.historySearch.query.toLowerCase();
+        return input.history.some((item) => item.toLowerCase().includes(query));
+    }, [ui.historySearch.isActive, ui.historySearch.query, input.history]);
+    // Callback for OverlayContainer to submit prompt commands through InputContainer
+    const handleSubmitPromptCommand = useCallback(async (commandText) => {
+        try {
+            await inputContainerRef.current?.submit(commandText);
+        }
+        catch (error) {
+            agent.logger.error(`AlternateBufferCLI.handleSubmitPromptCommand failed: ${error instanceof Error ? error.message : String(error)}`);
+        }
+    }, [agent]);
+    useScrollable({
+        ref: listContainerRef,
+        getScrollState,
+        scrollBy,
+        hasFocus,
+    }, true // Always active in alternate buffer mode
+    );
+    // Handle selection attempt - show hint
+    const handleSelectionAttempt = useCallback(() => {
+        setSelectionHintVisible(true);
+        onSelectionAttempt?.();
+    }, [onSelectionAttempt]);
+    // Auto-hide selection hint after 3 seconds
+    useEffect(() => {
+        if (!selectionHintVisible)
+            return;
+        const timer = setTimeout(() => {
+            setSelectionHintVisible(false);
+        }, 3000);
+        return () => clearTimeout(timer);
+    }, [selectionHintVisible]);
+    // Get terminal dimensions - updates on resize
+    const { rows: terminalHeight } = useTerminalSize();
+    // Build list data: header as first item, then finalized + pending + dequeued buffer
+    // In alternate buffer mode, everything is re-rendered anyway, so we combine all
+    // Order: finalized messages → pending/streaming → dequeued user messages (guarantees order)
+    const listData = useMemo(() => {
+        const items = [{ type: 'header' }];
+        for (const msg of visibleMessages) {
+            items.push({ type: 'message', message: msg });
+        }
+        // Add pending/streaming messages
+        for (const msg of pendingMessages) {
+            items.push({ type: 'message', message: msg });
+        }
+        // Add dequeued buffer (user messages waiting to be flushed to finalized)
+        // These render AFTER pending to guarantee correct visual order
+        for (const msg of dequeuedBuffer) {
+            items.push({ type: 'message', message: msg });
+        }
+        return items;
+    }, [visibleMessages, pendingMessages, dequeuedBuffer]);
+    // Render callback for VirtualizedList items
+    const renderListItem = useCallback(({ item }) => {
+        if (item.type === 'header') {
+            return (_jsx(Header, { modelName: session.modelName, sessionId: session.id || undefined, hasActiveSession: session.hasActiveSession, startupInfo: startupInfo }));
+        }
+        return _jsx(MessageItem, { message: item.message });
+    }, [session.modelName, session.id, session.hasActiveSession, startupInfo]);
+    // Smart height estimation based on item type and content
+    const estimateItemHeight = useCallback((index) => {
+        const item = listData[index];
+        if (!item)
+            return 3;
+        // Header is approximately 10 lines (logo + info)
+        if (item.type === 'header') {
+            return 10;
+        }
+        const msg = item.message;
+        // Tool messages with results are taller
+        if (msg.role === 'tool') {
+            if (msg.toolResult) {
+                const resultLines = Math.ceil(msg.toolResult.length / 80);
+                return Math.min(2 + resultLines, 10);
+            }
+            return 2;
+        }
+        // User messages have margin and background
+        if (msg.role === 'user') {
+            const contentLines = Math.ceil(msg.content.length / 80);
+            return Math.max(3, contentLines + 2);
+        }
+        // Assistant messages
+        if (msg.role === 'assistant') {
+            if (msg.isStreaming)
+                return 5;
+            const contentLines = Math.ceil(msg.content.length / 80);
+            return Math.max(2, contentLines + 1);
+        }
+        // System/styled messages
+        if (msg.styledType) {
+            return 8;
+        }
+        return 3;
+    }, [listData]);
+    const getItemKey = useCallback((item) => {
+        if (item.type === 'header')
+            return 'header';
+        return item.message.id;
+    }, []);
+    return (_jsxs(Box, { flexDirection: "column", height: terminalHeight, children: [_jsx(Box, { ref: listContainerRef, flexGrow: 1, flexShrink: 1, minHeight: 0, children: _jsx(VirtualizedList, { ref: listRef, data: listData, renderItem: renderListItem, estimatedItemHeight: estimateItemHeight, keyExtractor: getItemKey, initialScrollIndex: SCROLL_TO_ITEM_END, initialScrollOffsetInIndex: SCROLL_TO_ITEM_END }) }), _jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [_jsx(StatusBar, { agent: agent, isProcessing: ui.isProcessing, isThinking: ui.isThinking, approvalQueueCount: approvalQueue.length, copyModeEnabled: ui.copyModeEnabled, isAwaitingApproval: approval !== null }), selectionHintVisible && (_jsx(Box, { paddingX: 1, children: _jsx(Text, { color: "yellowBright", children: "\uD83D\uDCA1 Tip: Hold Option (\u2325) and click to select text, or press Ctrl+S to toggle copy mode" }) })), _jsx(QueuedMessagesDisplay, { messages: queuedMessages }), _jsx(InputContainer, { ref: inputContainerRef, buffer: buffer, input: input, ui: ui, session: session, approval: approval, queuedMessages: queuedMessages, setInput: setInput, setUi: setUi, setSession: setSession, setMessages: setMessages, setPendingMessages: setPendingMessages, setDequeuedBuffer: setDequeuedBuffer, setQueuedMessages: setQueuedMessages, setApproval: setApproval, setApprovalQueue: setApprovalQueue, agent: agent, inputService: inputService, onKeyboardScroll: handleKeyboardScroll, useStreaming: useStreaming }), _jsx(OverlayContainer, { ref: overlayContainerRef, ui: ui, input: input, session: session, approval: approval, setInput: setInput, setUi: setUi, setSession: setSession, setMessages: setMessages, setApproval: setApproval, setApprovalQueue: setApprovalQueue, agent: agent, inputService: inputService, buffer: buffer, onSubmitPromptCommand: handleSubmitPromptCommand }), ui.exitWarningShown && (_jsxs(Box, { paddingX: 1, children: [_jsx(Text, { color: "yellowBright", bold: true, children: "\u26A0 Press Ctrl+C again to exit" }), _jsx(Text, { color: "gray", children: " (or press any key to cancel)" })] })), _jsx(Footer, { modelName: session.modelName, cwd: process.cwd(), autoApproveEdits: ui.autoApproveEdits }), ui.historySearch.isActive && (_jsx(HistorySearchBar, { query: ui.historySearch.query, hasMatch: historySearchHasMatch }))] })] }));
+}

package/dist/cli/ink-cli/components/modes/StaticCLI.d.ts

@@ -0,0 +1,27 @@
+/**
+ * StaticCLI - Static pattern rendering mode
+ *
+ * Uses Ink's Static component for copy-friendly terminal output.
+ * Features:
+ * - Static component for finalized messages (rendered to terminal scrollback)
+ * - Native terminal scrolling and text selection
+ * - No mouse event interception
+ * - Simpler, more compatible with traditional terminal workflows
+ *
+ * Architecture:
+ * - `messages` = finalized messages → rendered in <Static> (permanent output)
+ * - `pendingMessages` = streaming/in-progress → rendered dynamically (redrawn)
+ * This prevents duplicate output when streaming completes.
+ */
+import type { DextoAgent } from '@dexto/core';
+import type { StartupInfo } from '../../state/types.js';
+interface StaticCLIProps {
+    agent: DextoAgent;
+    initialSessionId: string | null;
+    startupInfo: StartupInfo;
+    /** Whether to stream chunks or wait for complete response */
+    useStreaming?: boolean;
+}
+export declare function StaticCLI({ agent, initialSessionId, startupInfo, useStreaming, }: StaticCLIProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StaticCLI.d.ts.map

package/dist/cli/ink-cli/components/modes/StaticCLI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaticCLI.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/modes/StaticCLI.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAM9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAkBxD,UAAU,cAAc;IACpB,KAAK,EAAE,UAAU,CAAC;IAClB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,WAAW,EAAE,WAAW,CAAC;IACzB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,YAAmB,GACtB,EAAE,cAAc,2CA2MhB"}