npm - dexto - Versions diffs - 1.2.3 → 1.2.5 - Mend

dexto 1.2.3 → 1.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1573) hide show

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

@@ -0,0 +1,11 @@
+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 ADDED Viewed

@@ -0,0 +1,9 @@
+/**
+ * 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 ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"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,4CASrB"}

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

@@ -0,0 +1,8 @@
+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, { dimColor: true, children: "Shift+Enter: multi-line \u2022 Ctrl+W: del word \u2022 Ctrl+U: del line \u2022 Ctrl+C: exit \u2022 /help: commands" }) }));
+}

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

@@ -0,0 +1,17 @@
+/**
+ * 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
+ */
+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 ADDED Viewed

@@ -0,0 +1 @@

+ {"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;AAExD,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;;GAEG;AACH,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAE,WAAW,EAAE,EAAE,WAAW,2CAiE1F"}

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+/**
+ * Pure presentational component for CLI header
+ */
+export function Header({ modelName, sessionId, hasActiveSession, startupInfo }) {
+    return (_jsxs(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, flexDirection: "column", children: [_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "greenBright", children: `██████╗ ███████╗██╗  ██╗████████╗ ██████╗
+██╔══██╗██╔════╝╚██╗██╔╝╚══██╔══╝██╔═══██╗
+██║  ██║█████╗   ╚███╔╝    ██║   ██║   ██║
+██║  ██║██╔══╝   ██╔██╗    ██║   ██║   ██║
+██████╔╝███████╗██╔╝ ██╗   ██║   ╚██████╔╝
+╚═════╝ ╚══════╝╚═╝  ╚═╝   ╚═╝    ╚═════╝` }) }), _jsxs(Box, { marginTop: 1, flexDirection: "row", children: [_jsxs(Text, { color: "gray", dimColor: true, children: ["Model:", ' '] }), _jsx(Text, { color: "white", children: modelName }), hasActiveSession && sessionId && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: "gray", dimColor: true, children: [' ', "\u2022 Session:", ' '] }), _jsx(Text, { color: "white", children: sessionId.slice(0, 8) })] }))] }), _jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: "gray", dimColor: true, children: ["Servers:", ' '] }), _jsx(Text, { color: "white", children: startupInfo.connectedServers.count }), _jsxs(Text, { color: "gray", dimColor: true, children: [' ', "\u2022 Tools:", ' '] }), _jsx(Text, { color: "white", children: startupInfo.toolCount })] }), startupInfo.failedConnections.length > 0 && (_jsx(Box, { flexDirection: "row", children: _jsxs(Text, { color: "yellow", children: ["\u26A0\uFE0F Failed: ", startupInfo.failedConnections.join(', ')] }) })), _jsx(Box, { flexDirection: "row", children: _jsxs(Text, { color: "gray", dimColor: true, children: ["Logs: ", startupInfo.logFile] }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { children: " " }) })] }));
+}

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

@@ -0,0 +1,16 @@
+/**
+ * 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;
+}
+/**
+ * Pure presentational component for a single message
+ * Visual hierarchy through colors and spacing only (no borders for easy text copying)
+ */
+export declare const MessageItem: import("react").MemoExoticComponent<({ message }: MessageItemProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=MessageItem.d.ts.map

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

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"MessageItem.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/chat/MessageItem.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAGpD,UAAU,gBAAgB;IACtB,OAAO,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,oDAAsB,gBAAgB,6CAiE5D,CAAC"}

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

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } 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 { ToolIcon } from './ToolIcon.js';
+/**
+ * Pure presentational component for a single message
+ * Visual hierarchy through colors and spacing only (no borders for easy text copying)
+ */
+export const MessageItem = memo(({ message }) => {
+    // User message: Simple '>' with dim background for easy scanning
+    if (message.role === 'user') {
+        return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { flexDirection: "row", paddingX: 1, backgroundColor: "gray", children: [_jsx(Text, { color: "green", dimColor: true, children: '> ' }), _jsx(Text, { color: "white", children: message.content })] }), _jsx(Text, { children: '' })] }));
+    }
+    // Assistant message: Cyan accent bar with white text
+    if (message.role === 'assistant') {
+        return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: "cyan", bold: true, children: ["\u258D", ' '] }), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: _jsx(Text, { color: "white", children: message.content || ' ' }) })] }), _jsx(Text, { children: '' })] }));
+    }
+    // Tool message: Animated icon with status-based colors
+    if (message.role === 'tool') {
+        const toolStatus = message.toolStatus || 'running';
+        const textColor = toolStatus === 'finished' ? 'green' : 'magentaBright';
+        return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { flexDirection: "row", children: [_jsx(ToolIcon, { status: toolStatus }), _jsx(Text, { color: textColor, children: message.content })] }), message.toolResult && (_jsx(Box, { marginLeft: 2, marginTop: 0, flexDirection: "column", children: _jsx(Text, { color: "gray", dimColor: true, children: message.toolResult }) })), _jsx(Text, { children: '' })] }));
+    }
+    // System message: Compact gray text
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { color: "gray", dimColor: true, children: message.content }), _jsx(Text, { children: '' })] }));
+});
+MessageItem.displayName = 'MessageItem';

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

@@ -0,0 +1,16 @@
+/**
+ * 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 ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"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"}

package/dist/cli/ink-cli/components/chat/MessageList.js ADDED Viewed

@@ -0,0 +1,20 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * MessageList Component
+ * Displays a list of messages with optional welcome message
+ */
+import { useMemo } from 'react';
+import { Box, Text } from 'ink';
+import { MessageItem } from './MessageItem.js';
+/**
+ * Pure presentational component for message list
+ * Shows only recent messages for performance
+ */
+export function MessageList({ messages, maxVisible = 50 }) {
+    // Only render recent messages for performance
+    const visibleMessages = useMemo(() => {
+        return messages.slice(-maxVisible);
+    }, [messages, maxVisible]);
+    const hasMoreMessages = messages.length > maxVisible;
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, paddingX: 1, paddingY: 1, children: [hasMoreMessages && (_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: "gray", dimColor: true, children: ["... (", messages.length - maxVisible, " earlier messages hidden)"] }) })), visibleMessages.length === 0 && (_jsx(Box, { marginY: 2, children: _jsx(Text, { dimColor: true, children: "Welcome to Dexto CLI! Type your message below or use /help for commands." }) })), visibleMessages.map((msg) => (_jsx(MessageItem, { message: msg }, msg.id)))] }));
+}

package/dist/cli/ink-cli/components/chat/ToolIcon.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+/**
+ * ToolIcon Component
+ * Animated icon for tool calls with status-based visual feedback
+ */
+import type { ToolStatus } from '../../state/types.js';
+interface ToolIconProps {
+    status: ToolStatus;
+}
+/**
+ * Animated tool icon that changes based on execution status
+ * - Running: Animated spinner (magenta)
+ * - Finished: Checkmark (green)
+ */
+export declare function ToolIcon({ status }: ToolIconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ToolIcon.d.ts.map

package/dist/cli/ink-cli/components/chat/ToolIcon.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ToolIcon.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/chat/ToolIcon.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,UAAU,aAAa;IACnB,MAAM,EAAE,UAAU,CAAC;CACtB;AAKD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,2CA8BjD"}

package/dist/cli/ink-cli/components/chat/ToolIcon.js ADDED Viewed

@@ -0,0 +1,32 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ToolIcon Component
+ * Animated icon for tool calls with status-based visual feedback
+ */
+import { useState, useEffect } from 'react';
+import { Text } from 'ink';
+// Spinner frames for running animation
+const SPINNER_FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
+/**
+ * Animated tool icon that changes based on execution status
+ * - Running: Animated spinner (magenta)
+ * - Finished: Checkmark (green)
+ */
+export function ToolIcon({ status }) {
+    const [frame, setFrame] = useState(0);
+    // Animate spinner when running
+    useEffect(() => {
+        if (status !== 'running') {
+            return;
+        }
+        const interval = setInterval(() => {
+            setFrame((prev) => (prev + 1) % SPINNER_FRAMES.length);
+        }, 80); // 80ms per frame for smooth animation
+        return () => clearInterval(interval);
+    }, [status]);
+    if (status === 'finished') {
+        return (_jsxs(Text, { color: "green", bold: true, children: ["\u2713", ' '] }));
+    }
+    // Running state with spinner
+    return (_jsxs(Text, { color: "magenta", bold: true, children: [SPINNER_FRAMES[frame], ' '] }));
+}

package/dist/cli/ink-cli/components/chat/index.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+/**
+ * Chat components module exports
+ */
+export { Header } from './Header.js';
+export { Footer } from './Footer.js';
+export { MessageItem } from './MessageItem.js';
+export { MessageList } from './MessageList.js';
+export { ChatView } from './ChatView.js';
+export { ToolIcon } from './ToolIcon.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/cli/ink-cli/components/chat/index.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/chat/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}

package/dist/cli/ink-cli/components/chat/index.js ADDED Viewed

@@ -0,0 +1,9 @@
+/**
+ * Chat components module exports
+ */
+export { Header } from './Header.js';
+export { Footer } from './Footer.js';
+export { MessageItem } from './MessageItem.js';
+export { MessageList } from './MessageList.js';
+export { ChatView } from './ChatView.js';
+export { ToolIcon } from './ToolIcon.js';

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

@@ -0,0 +1,23 @@
+/**
+ * InputArea Component
+ * Displays the input prompt and handles user input
+ */
+interface InputAreaProps {
+    value: string;
+    onChange: (value: string) => void;
+    onSubmit: (value: string) => void;
+    isProcessing: boolean;
+    isDisabled: boolean;
+    placeholder?: string | undefined;
+    onWordDelete?: () => void;
+    onLineDelete?: () => void;
+    remountKey?: number;
+    isMultiLine?: boolean;
+    onToggleMultiLine?: () => void;
+}
+/**
+ * Pure presentational component for input area
+ */
+export declare function InputArea({ value, onChange, onSubmit, isProcessing, isDisabled, placeholder, onWordDelete, onLineDelete, remountKey, isMultiLine, onToggleMultiLine, }: InputAreaProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InputArea.d.ts.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"InputArea.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/input/InputArea.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,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;IACjC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAc,EACd,WAAmB,EACnB,iBAAiB,GACpB,EAAE,cAAc,2CAkChB"}

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import CustomInput from '../CustomInput.js';
+import EditableMultiLineInput from '../EditableMultiLineInput.js';
+/**
+ * Pure presentational component for input area
+ */
+export function InputArea({ value, onChange, onSubmit, isProcessing, isDisabled, placeholder, onWordDelete, onLineDelete, remountKey = 0, isMultiLine = false, onToggleMultiLine, }) {
+    return (_jsx(Box, { borderStyle: "single", borderColor: "green", paddingX: 1, flexDirection: "column", children: isMultiLine ? (_jsx(EditableMultiLineInput, { value: value, onChange: onChange, onSubmit: onSubmit, ...(placeholder && { placeholder }), ...(isDisabled && { isProcessing: isDisabled }), ...(onToggleMultiLine && { onToggleSingleLine: onToggleMultiLine }) })) : (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "green", bold: true, children: '> ' }), _jsx(Box, { flexGrow: 1, children: _jsx(CustomInput, { value: value, onChange: onChange, onSubmit: onSubmit, ...(placeholder && { placeholder }), ...(isDisabled && { isProcessing: isDisabled }), ...(onWordDelete && { onWordDelete }), ...(onLineDelete && { onLineDelete }), ...(onToggleMultiLine && { onToggleMultiLine }) }, remountKey) })] })) }));
+}

package/dist/cli/ink-cli/components/input/index.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+/**
+ * Input components module exports
+ */
+export { InputArea } from './InputArea.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/cli/ink-cli/components/input/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/input/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/cli/ink-cli/components/input/index.js ADDED Viewed

@@ -0,0 +1,4 @@
+/**
+ * Input components module exports
+ */
+export { InputArea } from './InputArea.js';

package/dist/cli/ink-cli/components/overlays/ModelSelectorRefactored.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+/**
+ * ModelSelector Component (Refactored)
+ * Now a thin wrapper around BaseSelector
+ * Eliminates ~200 lines of code by using base component
+ */
+import { type DextoAgent, type LLMProvider } from '@dexto/core';
+interface ModelSelectorProps {
+    isVisible: boolean;
+    onSelectModel: (provider: LLMProvider, model: string) => void;
+    onClose: () => void;
+    agent: DextoAgent;
+}
+/**
+ * Model selector - now a thin wrapper around BaseSelector
+ * Provides data fetching and formatting only
+ */
+export default function ModelSelector({ isVisible, onSelectModel, onClose, agent, }: ModelSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ModelSelectorRefactored.d.ts.map

package/dist/cli/ink-cli/components/overlays/ModelSelectorRefactored.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ModelSelectorRefactored.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/overlays/ModelSelectorRefactored.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAU,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAGxE,UAAU,kBAAkB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;CACrB;AAWD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAClC,SAAS,EACT,aAAa,EACb,OAAO,EACP,KAAK,GACR,EAAE,kBAAkB,2CAkHpB"}

package/dist/cli/ink-cli/components/overlays/ModelSelectorRefactored.js ADDED Viewed

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * ModelSelector Component (Refactored)
+ * Now a thin wrapper around BaseSelector
+ * Eliminates ~200 lines of code by using base component
+ */
+import { useState, useEffect } from 'react';
+import { Text } from 'ink';
+import { logger } from '@dexto/core';
+import { BaseSelector } from '../base/BaseSelector.js';
+/**
+ * Model selector - now a thin wrapper around BaseSelector
+ * Provides data fetching and formatting only
+ */
+export default function ModelSelector({ isVisible, onSelectModel, onClose, agent, }) {
+    const [models, setModels] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    // Fetch models from agent
+    useEffect(() => {
+        if (!isVisible)
+            return;
+        let cancelled = false;
+        setIsLoading(true);
+        const fetchModels = async () => {
+            try {
+                const allModels = agent.getSupportedModels();
+                const providers = agent.getSupportedProviders();
+                const currentConfig = agent.getCurrentLLMConfig();
+                const modelList = [];
+                for (const provider of providers) {
+                    const providerModels = allModels[provider];
+                    for (const model of providerModels) {
+                        modelList.push({
+                            provider,
+                            name: model.name,
+                            displayName: model.displayName,
+                            maxInputTokens: model.maxInputTokens,
+                            isDefault: model.isDefault,
+                            isCurrent: provider === currentConfig.provider &&
+                                model.name === currentConfig.model,
+                        });
+                    }
+                }
+                if (!cancelled) {
+                    setModels(modelList);
+                    setIsLoading(false);
+                    // Set initial selection to current model
+                    const currentIndex = modelList.findIndex((m) => m.isCurrent);
+                    if (currentIndex >= 0) {
+                        setSelectedIndex(currentIndex);
+                    }
+                }
+            }
+            catch (error) {
+                if (!cancelled) {
+                    logger.error(`Failed to fetch models: ${error instanceof Error ? error.message : 'Unknown error'}`, { error });
+                    setModels([]);
+                    setIsLoading(false);
+                }
+            }
+        };
+        void fetchModels();
+        return () => {
+            cancelled = true;
+        };
+    }, [isVisible, agent]);
+    // Format model item for display
+    const formatItem = (model, isSelected) => (_jsxs(_Fragment, { children: [_jsx(Text, { color: isSelected ? 'black' : 'gray', bold: isSelected, children: model.displayName || model.name }), _jsxs(Text, { color: isSelected ? 'black' : 'gray', dimColor: !isSelected, children: [' ', "(", model.provider, ")"] }), _jsxs(Text, { color: isSelected ? 'black' : 'gray', dimColor: !isSelected, children: [' ', "\u2022 ", model.maxInputTokens.toLocaleString(), " tokens"] }), model.isDefault && (_jsxs(Text, { color: isSelected ? 'black' : 'gray', dimColor: !isSelected, children: [' ', "[DEFAULT]"] })), model.isCurrent && (_jsxs(Text, { color: isSelected ? 'black' : 'gray', bold: isSelected, children: [' ', "\u2190 Current"] }))] }));
+    // Handle selection
+    const handleSelect = (model) => {
+        onSelectModel(model.provider, model.name);
+    };
+    return (_jsx(BaseSelector, { items: models, isVisible: isVisible, isLoading: isLoading, selectedIndex: selectedIndex, onSelectIndex: setSelectedIndex, onSelect: handleSelect, onClose: onClose, formatItem: formatItem, title: "Select Model", borderColor: "cyan", loadingMessage: "Loading models...", emptyMessage: "No models found" }));
+}

package/dist/cli/ink-cli/components/overlays/SessionSelectorRefactored.d.ts ADDED Viewed

@@ -0,0 +1,21 @@
+/**
+ * SessionSelector Component (Refactored)
+ * Now a thin wrapper around BaseSelector
+ * Eliminates ~200 lines of code by using base component
+ */
+import type { DextoAgent } from '@dexto/core';
+interface SessionSelectorProps {
+    isVisible: boolean;
+    onSelectSession: (sessionId: string) => void;
+    onClose: () => void;
+    agent: DextoAgent;
+    currentSessionId?: string | undefined;
+}
+/**
+ * Session selector - now a thin wrapper around BaseSelector
+ * Provides data fetching and formatting only
+ * Uses explicit currentSessionId prop (WebUI pattern) instead of getCurrentSessionId
+ */
+export default function SessionSelector({ isVisible, onSelectSession, onClose, agent, currentSessionId, }: SessionSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SessionSelectorRefactored.d.ts.map

package/dist/cli/ink-cli/components/overlays/SessionSelectorRefactored.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SessionSelectorRefactored.d.ts","sourceRoot":"","sources":["../../../../../src/cli/ink-cli/components/overlays/SessionSelectorRefactored.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EAAE,UAAU,EAAmB,MAAM,aAAa,CAAC;AAI/D,UAAU,oBAAoB;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACzC;AAQD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACpC,SAAS,EACT,eAAe,EACf,OAAO,EACP,KAAK,EACL,gBAAgB,GACnB,EAAE,oBAAoB,2CAoItB"}

package/dist/cli/ink-cli/components/overlays/SessionSelectorRefactored.js ADDED Viewed

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * SessionSelector Component (Refactored)
+ * Now a thin wrapper around BaseSelector
+ * Eliminates ~200 lines of code by using base component
+ */
+import { useState, useEffect } from 'react';
+import { Text } from 'ink';
+import { logger } from '@dexto/core';
+import { BaseSelector } from '../base/BaseSelector.js';
+/**
+ * Session selector - now a thin wrapper around BaseSelector
+ * Provides data fetching and formatting only
+ * Uses explicit currentSessionId prop (WebUI pattern) instead of getCurrentSessionId
+ */
+export default function SessionSelector({ isVisible, onSelectSession, onClose, agent, currentSessionId, }) {
+    const [sessions, setSessions] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    // Fetch sessions from agent
+    useEffect(() => {
+        if (!isVisible)
+            return;
+        let cancelled = false;
+        setIsLoading(true);
+        const fetchSessions = async () => {
+            try {
+                const sessionIds = await agent.listSessions();
+                // Fetch metadata for all sessions
+                const sessionList = await Promise.all(sessionIds.map(async (id) => {
+                    try {
+                        const metadata = await agent.getSessionMetadata(id);
+                        return {
+                            id,
+                            metadata,
+                            isCurrent: id === currentSessionId,
+                        };
+                    }
+                    catch {
+                        return {
+                            id,
+                            metadata: undefined,
+                            isCurrent: id === currentSessionId,
+                        };
+                    }
+                }));
+                // Sort: current session first, then by last activity
+                sessionList.sort((a, b) => {
+                    if (a.isCurrent)
+                        return -1;
+                    if (b.isCurrent)
+                        return 1;
+                    const aTime = a.metadata?.lastActivity || 0;
+                    const bTime = b.metadata?.lastActivity || 0;
+                    return bTime - aTime; // Most recent first
+                });
+                if (!cancelled) {
+                    setSessions(sessionList);
+                    setIsLoading(false);
+                    // Current session is first, so index 0
+                    setSelectedIndex(0);
+                }
+            }
+            catch (error) {
+                if (!cancelled) {
+                    logger.error(`Failed to fetch sessions: ${error instanceof Error ? error.message : 'Unknown error'}`, { error });
+                    setSessions([]);
+                    setIsLoading(false);
+                }
+            }
+        };
+        void fetchSessions();
+        return () => {
+            cancelled = true;
+        };
+    }, [isVisible, agent, currentSessionId]);
+    // Format session for display
+    const formatSession = (session) => {
+        const parts = [];
+        if (session.metadata?.title) {
+            parts.push(session.metadata.title);
+        }
+        parts.push(session.id.slice(0, 8));
+        if (session.metadata?.lastActivity) {
+            const now = Date.now();
+            const diff = now - session.metadata.lastActivity;
+            const minutes = Math.floor(diff / 60000);
+            const hours = Math.floor(minutes / 60);
+            const days = Math.floor(hours / 24);
+            if (days > 0) {
+                parts.push(`${days}d ago`);
+            }
+            else if (hours > 0) {
+                parts.push(`${hours}h ago`);
+            }
+            else if (minutes > 0) {
+                parts.push(`${minutes}m ago`);
+            }
+            else {
+                parts.push('just now');
+            }
+        }
+        return parts.join(' • ');
+    };
+    // Format session item for display
+    const formatItem = (session, isSelected) => (_jsxs(_Fragment, { children: [_jsx(Text, { color: isSelected ? 'black' : 'gray', bold: isSelected, children: formatSession(session) }), session.isCurrent && (_jsxs(Text, { color: isSelected ? 'black' : 'gray', bold: isSelected, children: [' ', "\u2190 Current"] }))] }));
+    // Handle selection
+    const handleSelect = (session) => {
+        onSelectSession(session.id);
+    };
+    return (_jsx(BaseSelector, { items: sessions, isVisible: isVisible, isLoading: isLoading, selectedIndex: selectedIndex, onSelectIndex: setSelectedIndex, onSelect: handleSelect, onClose: onClose, formatItem: formatItem, title: "Select Session", borderColor: "cyan", loadingMessage: "Loading sessions...", emptyMessage: "No sessions found" }));
+}

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

@@ -0,0 +1,22 @@
+/**
+ * InputContainer Component
+ * Smart container for input area - handles submission and state
+ */
+import React from 'react';
+import type { DextoAgent } from '@dexto/core';
+import { InputService } from '../services/InputService.js';
+import type { CLIAction } from '../state/actions.js';
+import type { CLIState } from '../state/types.js';
+interface InputContainerProps {
+    state: CLIState;
+    dispatch: React.Dispatch<CLIAction>;
+    agent: DextoAgent;
+    inputService: InputService;
+}
+/**
+ * Smart container for input area
+ * Manages input state and handles submission
+ */
+export declare function InputContainer({ state, dispatch, agent, inputService }: InputContainerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InputContainer.d.ts.map

package/dist/cli/ink-cli/containers/InputContainer.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"InputContainer.d.ts","sourceRoot":"","sources":["../../../../src/cli/ink-cli/containers/InputContainer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAIlD,UAAU,mBAAmB;IACzB,KAAK,EAAE,QAAQ,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACpC,KAAK,EAAE,UAAU,CAAC;IAClB,YAAY,EAAE,YAAY,CAAC;CAC9B;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,mBAAmB,2CA2J3F"}