@compass-ai/nova 1.0.73 → 1.0.74

package/dist/ui/components/ConfirmationSelector.js

@@ -0,0 +1,106 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * React/ink component for interactive yes/no confirmation selection.
+ * Allows users to confirm or cancel actions with arrow key navigation.
+ */
+import { useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+/**
+ * Available confirmation options
+ */
+const CONFIRM_OPTIONS = [
+    {
+        id: 'no',
+        label: 'No',
+        color: 'gray',
+    },
+    {
+        id: 'yes',
+        label: 'Yes',
+        color: 'green',
+    },
+];
+/**
+ * Renders a single confirmation option
+ */
+const ConfirmOption = ({ option, isSelected }) => {
+    return (_jsxs(Box, { children: [_jsx(Text, { color: isSelected ? 'cyan' : undefined, children: isSelected ? '❯ ' : '  ' }), _jsx(Text, { color: option.color, bold: isSelected, children: option.label })] }));
+};
+/**
+ * ConfirmationSelector component provides an interactive yes/no confirmation dialog.
+ *
+ * Features:
+ * - Keyboard navigation with arrow keys
+ * - Yes/No options with visual selection
+ * - Enter to confirm selection
+ * - Escape to cancel (same as No)
+ *
+ * @example
+ * ```tsx
+ * <ConfirmationSelector
+ *   question="Are you sure you want to logout?"
+ *   details={['• Compass API Key', '• Anthropic API Key']}
+ *   onConfirm={() => console.log('Confirmed')}
+ *   onCancel={() => console.log('Cancelled')}
+ *   isActive
+ * />
+ * ```
+ */
+export const ConfirmationSelector = ({ question, details, onConfirm, onCancel, isActive = true, title = '🤔 Confirmation', }) => {
+    // Default to 'No' (index 0)
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    /**
+     * Handles keyboard input for navigation and selection
+     */
+    useInput((input, key) => {
+        if (!isActive)
+            return;
+        // Navigate up/left
+        if (key.upArrow || key.leftArrow) {
+            setSelectedIndex((prev) => (prev > 0 ? prev - 1 : CONFIRM_OPTIONS.length - 1));
+            return;
+        }
+        // Navigate down/right
+        if (key.downArrow || key.rightArrow) {
+            setSelectedIndex((prev) => (prev < CONFIRM_OPTIONS.length - 1 ? prev + 1 : 0));
+            return;
+        }
+        // Select with Enter
+        if (key.return) {
+            const selected = CONFIRM_OPTIONS[selectedIndex];
+            if (selected.id === 'yes') {
+                onConfirm();
+            }
+            else {
+                onCancel();
+            }
+            return;
+        }
+        // Cancel with Escape
+        if (key.escape) {
+            onCancel();
+            return;
+        }
+        // Quick select with Y/N keys
+        const lowerInput = input.toLowerCase();
+        if (lowerInput === 'y') {
+            const yesIndex = CONFIRM_OPTIONS.findIndex((opt) => opt.id === 'yes');
+            if (yesIndex >= 0) {
+                setSelectedIndex(yesIndex);
+                // Auto-confirm on 'y' press
+                onConfirm();
+            }
+        }
+        else if (lowerInput === 'n') {
+            const noIndex = CONFIRM_OPTIONS.findIndex((opt) => opt.id === 'no');
+            if (noIndex >= 0) {
+                setSelectedIndex(noIndex);
+                // Auto-cancel on 'n' press
+                onCancel();
+            }
+        }
+    }, { isActive });
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, children: title }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { children: question }) }), details && details.length > 0 && (_jsx(Box, { flexDirection: "column", marginBottom: 1, children: details.map((detail, index) => (_jsx(Text, { dimColor: true, children: detail }, index))) })), _jsx(Box, { flexDirection: "row", gap: 2, marginTop: 1, children: CONFIRM_OPTIONS.map((option, index) => (_jsx(ConfirmOption, { option: option, isSelected: index === selectedIndex }, option.id))) }), isActive && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "\u2190\u2192 Navigate \u2502 Enter Select \u2502 Esc Cancel \u2502 Quick: [Y]es [N]o" }) }))] }));
+};
+export default ConfirmationSelector;
+//# sourceMappingURL=ConfirmationSelector.js.map

package/dist/ui/components/ConfirmationSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationSelector.js","sourceRoot":"","sources":["../../../src/ui/components/ConfirmationSelector.tsx"],"names":[],"mappings":"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"}

package/dist/ui/components/ContextUsage.d.ts

@@ -0,0 +1,76 @@
+/**
+ * React/ink component for displaying context window usage breakdown with visual indicators.
+ * Shows how much of the model's context window is being used by different components
+ * such as system prompts, conversation history, and file context.
+ */
+import React from 'react';
+import { TokenUsage as TokenUsageType } from '../../types/token.js';
+import { ModelConfig } from '../../types/anthropic.js';
+/**
+ * Breakdown of context usage by category
+ */
+export interface ContextBreakdown {
+    /** Tokens used by the system prompt */
+    systemPrompt: number;
+    /** Tokens used by conversation history */
+    conversationHistory: number;
+    /** Tokens used by file context */
+    fileContext: number;
+    /** Tokens reserved for output */
+    reservedForOutput: number;
+    /** Any other tokens not categorized */
+    other: number;
+}
+/**
+ * Props for the ContextUsage component
+ */
+interface ContextUsageProps {
+    /** Current token usage statistics */
+    usage: TokenUsageType;
+    /** Model configuration with context window size */
+    model: ModelConfig;
+    /** Optional detailed breakdown of context usage */
+    breakdown?: ContextBreakdown;
+    /** Whether to show detailed breakdown */
+    showDetails?: boolean;
+    /** Whether to show optimization tips */
+    showTips?: boolean;
+    /** Custom title for the component */
+    title?: string;
+}
+/**
+ * ContextUsage component displays a visual breakdown of context window usage.
+ *
+ * This component provides:
+ * - Overall context window usage with progress bar
+ * - Breakdown by category (system prompt, conversation, files, etc.)
+ * - Color-coded status indicators
+ * - Optimization tips when usage is high
+ *
+ * @example
+ * ```tsx
+ * <ContextUsage
+ *   usage={{ inputTokens: 5000, outputTokens: 1000, totalTokens: 6000 }}
+ *   model={currentModel}
+ *   showDetails
+ *   showTips
+ * />
+ * ```
+ */
+export declare const ContextUsage: React.FC<ContextUsageProps>;
+/**
+ * Compact version of ContextUsage for inline display
+ */
+export declare const ContextUsageCompact: React.FC<{
+    usage: TokenUsageType;
+    contextWindow: number;
+}>;
+/**
+ * Mini indicator for context usage in status bars
+ */
+export declare const ContextUsageIndicator: React.FC<{
+    usage: TokenUsageType;
+    contextWindow: number;
+}>;
+export default ContextUsage;
+//# sourceMappingURL=ContextUsage.d.ts.map

package/dist/ui/components/ContextUsage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextUsage.d.ts","sourceRoot":"","sources":["../../../src/ui/components/ContextUsage.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,uCAAuC;IACvC,YAAY,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,mBAAmB,EAAE,MAAM,CAAC;IAC5B,kCAAkC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,iCAAiC;IACjC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,UAAU,iBAAiB;IACzB,qCAAqC;IACrC,KAAK,EAAE,cAAc,CAAC;IACtB,mDAAmD;IACnD,KAAK,EAAE,WAAW,CAAC;IACnB,mDAAmD;IACnD,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6ED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiNpD,CAAC;AAYF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IACzC,KAAK,EAAE,cAAc,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB,CAeA,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,KAAK,EAAE,cAAc,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB,CAUA,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/ui/components/ContextUsage.js

@@ -0,0 +1,188 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { formatTokenCount, formatPercent, formatProgressBar } from '../../utils/format.js';
+/**
+ * Gets the color based on usage percentage
+ */
+function getUsageColor(percent) {
+    if (percent < 50)
+        return 'green';
+    if (percent < 75)
+        return 'yellow';
+    if (percent < 90)
+        return 'red';
+    return 'redBright';
+}
+/**
+ * Gets the status indicator based on usage percentage
+ */
+function getStatusIndicator(percent) {
+    if (percent < 50) {
+        return { icon: '✓', text: 'Healthy', color: 'green' };
+    }
+    if (percent < 75) {
+        return { icon: '⚠', text: 'Moderate', color: 'yellow' };
+    }
+    if (percent < 90) {
+        return { icon: '⚠', text: 'High', color: 'red' };
+    }
+    return { icon: '✗', text: 'Critical', color: 'redBright' };
+}
+/**
+ * Generates optimization tips based on current usage
+ */
+function getOptimizationTips(usagePercent, breakdown) {
+    const tips = [];
+    if (usagePercent >= 75) {
+        tips.push('Consider using /compact to summarize conversation history');
+    }
+    if (breakdown) {
+        if (breakdown.conversationHistory > 50000) {
+            tips.push('Clear old messages with /clear to free up context space');
+        }
+        if (breakdown.fileContext > 30000) {
+            tips.push('Reduce file context by being more specific about which files to include');
+        }
+        if (breakdown.systemPrompt > 5000) {
+            tips.push('System prompt is large - consider simplifying if possible');
+        }
+    }
+    if (usagePercent >= 90) {
+        tips.push('Switch to a model with larger context window if available');
+        tips.push('Start a new session to reset context usage');
+    }
+    if (tips.length === 0 && usagePercent < 50) {
+        tips.push('Context usage is healthy - you have plenty of room');
+    }
+    return tips;
+}
+/**
+ * ContextUsage component displays a visual breakdown of context window usage.
+ *
+ * This component provides:
+ * - Overall context window usage with progress bar
+ * - Breakdown by category (system prompt, conversation, files, etc.)
+ * - Color-coded status indicators
+ * - Optimization tips when usage is high
+ *
+ * @example
+ * ```tsx
+ * <ContextUsage
+ *   usage={{ inputTokens: 5000, outputTokens: 1000, totalTokens: 6000 }}
+ *   model={currentModel}
+ *   showDetails
+ *   showTips
+ * />
+ * ```
+ */
+export const ContextUsage = ({ usage, model, breakdown, showDetails = false, showTips = false, title = '📊 Context Window Usage', }) => {
+    const contextWindow = model.contextWindow;
+    const usedTokens = usage.totalTokens;
+    const availableTokens = Math.max(0, contextWindow - usedTokens);
+    const usagePercent = Math.round((usedTokens / contextWindow) * 100);
+    const usageColor = getUsageColor(usagePercent);
+    const status = getStatusIndicator(usagePercent);
+    // Build categories for detailed breakdown
+    const categories = [];
+    if (breakdown) {
+        if (breakdown.systemPrompt > 0) {
+            categories.push({
+                name: 'System Prompt',
+                tokens: breakdown.systemPrompt,
+                color: 'cyan',
+                icon: '📝',
+            });
+        }
+        if (breakdown.conversationHistory > 0) {
+            categories.push({
+                name: 'Conversation',
+                tokens: breakdown.conversationHistory,
+                color: 'blue',
+                icon: '💬',
+            });
+        }
+        if (breakdown.fileContext > 0) {
+            categories.push({
+                name: 'File Context',
+                tokens: breakdown.fileContext,
+                color: 'magenta',
+                icon: '📁',
+            });
+        }
+        if (breakdown.reservedForOutput > 0) {
+            categories.push({
+                name: 'Reserved (Output)',
+                tokens: breakdown.reservedForOutput,
+                color: 'yellow',
+                icon: '📤',
+            });
+        }
+        if (breakdown.other > 0) {
+            categories.push({
+                name: 'Other',
+                tokens: breakdown.other,
+                color: 'gray',
+                icon: '📦',
+            });
+        }
+    }
+    else {
+        // Default breakdown when detailed info not available
+        if (usage.inputTokens > 0) {
+            categories.push({
+                name: 'Input Tokens',
+                tokens: usage.inputTokens,
+                color: 'blue',
+                icon: '📥',
+            });
+        }
+        if (usage.outputTokens > 0) {
+            categories.push({
+                name: 'Output Tokens',
+                tokens: usage.outputTokens,
+                color: 'green',
+                icon: '📤',
+            });
+        }
+    }
+    // Get optimization tips
+    const tips = showTips ? getOptimizationTips(usagePercent, breakdown) : [];
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, children: title }) }), _jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { dimColor: true, children: "Model: " }), _jsx(Text, { color: "cyan", children: model.name }), _jsx(Text, { dimColor: true, children: " \u2502 Window: " }), _jsxs(Text, { children: [formatTokenCount(contextWindow), " tokens"] })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "Usage: " }), _jsx(Text, { color: usageColor, bold: true, children: formatPercent(usagePercent) }), _jsx(Text, { dimColor: true, children: " \u2502 " }), _jsxs(Text, { color: status.color, children: [status.icon, " ", status.text] })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { children: formatProgressBar(usedTokens, contextWindow, 40) }) })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "Used:      " }), _jsx(Text, { color: usageColor, bold: true, children: formatTokenCount(usedTokens) }), _jsx(Text, { dimColor: true, children: " tokens" })] }), _jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "Available: " }), _jsx(Text, { color: "green", children: formatTokenCount(availableTokens) }), _jsx(Text, { dimColor: true, children: " tokens" })] })] }), showDetails && categories.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, dimColor: true, children: "\u2500\u2500\u2500 Breakdown \u2500\u2500\u2500" }) }), categories.map((category, index) => {
+                        const categoryPercent = contextWindow > 0
+                            ? Math.round((category.tokens / contextWindow) * 100)
+                            : 0;
+                        return (_jsxs(Box, { children: [_jsxs(Text, { color: category.color, children: [category.icon, " "] }), _jsx(Text, { children: padString(category.name, 18) }), _jsx(Text, { dimColor: true, children: " \u2502 " }), _jsx(Text, { children: padString(formatTokenCount(category.tokens), 10) }), _jsxs(Text, { dimColor: true, children: [" (", formatPercent(categoryPercent), ")"] })] }, index));
+                    }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: categories.map((category, index) => {
+                            const barWidth = Math.max(1, Math.round((category.tokens / contextWindow) * 30));
+                            const bar = '█'.repeat(Math.min(barWidth, 30));
+                            return (_jsx(Box, { children: _jsx(Text, { color: category.color, children: bar }) }, `bar-${index}`));
+                        }) })] })), showTips && tips.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "blue", children: "\uD83D\uDCA1 Tips" }) }), tips.map((tip, index) => (_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "  \u2022 " }), _jsx(Text, { children: tip })] }, index)))] })), usagePercent >= 90 && (_jsx(Box, { marginTop: 1, borderStyle: "round", borderColor: "red", padding: 1, children: _jsx(Text, { color: "red", bold: true, children: "\u26A0\uFE0F Context window nearly full! Consider clearing history or starting a new session." }) }))] }));
+};
+/**
+ * Pads a string to a fixed width for alignment
+ */
+function padString(str, width) {
+    if (str.length >= width) {
+        return str.slice(0, width);
+    }
+    return str + ' '.repeat(width - str.length);
+}
+/**
+ * Compact version of ContextUsage for inline display
+ */
+export const ContextUsageCompact = ({ usage, contextWindow }) => {
+    const usagePercent = Math.round((usage.totalTokens / contextWindow) * 100);
+    const color = getUsageColor(usagePercent);
+    return (_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "Context: " }), _jsxs(Text, { color: color, children: [formatTokenCount(usage.totalTokens), "/", formatTokenCount(contextWindow)] }), _jsx(Text, { dimColor: true, children: " (" }), _jsx(Text, { color: color, children: formatPercent(usagePercent) }), _jsx(Text, { dimColor: true, children: ")" })] }));
+};
+/**
+ * Mini indicator for context usage in status bars
+ */
+export const ContextUsageIndicator = ({ usage, contextWindow }) => {
+    const usagePercent = Math.round((usage.totalTokens / contextWindow) * 100);
+    const color = getUsageColor(usagePercent);
+    const status = getStatusIndicator(usagePercent);
+    return (_jsxs(Text, { color: color, children: [status.icon, " ", formatPercent(usagePercent)] }));
+};
+export default ContextUsage;
+//# sourceMappingURL=ContextUsage.js.map

package/dist/ui/components/ContextUsage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextUsage.js","sourceRoot":"","sources":["../../../src/ui/components/ContextUsage.tsx"],"names":[],"mappings":"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"}

package/dist/ui/components/DiffPreview.d.ts

@@ -0,0 +1,13 @@
+/**
+ * React/ink component for rendering syntax-highlighted diff previews
+ */
+import React from 'react';
+import { DiffResult } from '../../utils/diff.js';
+interface DiffPreviewProps {
+    diff: DiffResult;
+    fileName?: string;
+    maxLines?: number;
+}
+export declare const DiffPreview: React.FC<DiffPreviewProps>;
+export default DiffPreview;
+//# sourceMappingURL=DiffPreview.d.ts.map

package/dist/ui/components/DiffPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffPreview.d.ts","sourceRoot":"","sources":["../../../src/ui/components/DiffPreview.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,UAAU,gBAAgB;IACxB,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAqFlD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/ui/components/DiffPreview.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+export const DiffPreview = ({ diff, fileName, maxLines = 50, }) => {
+    const lines = diff.unified.split('\n').slice(0, maxLines);
+    const totalLines = diff.unified.split('\n').length;
+    const hasMore = totalLines > maxLines;
+    const renderLine = (line, index) => {
+        if (line.startsWith('+++') || line.startsWith('---')) {
+            // File headers
+            return (_jsx(Text, { bold: true, children: line }, index));
+        }
+        if (line.startsWith('@@')) {
+            // Hunk headers
+            return (_jsx(Text, { color: "cyan", children: line }, index));
+        }
+        if (line.startsWith('+')) {
+            // Additions
+            return (_jsx(Text, { backgroundColor: "green", color: "white", children: line }, index));
+        }
+        if (line.startsWith('-')) {
+            // Deletions
+            return (_jsx(Text, { backgroundColor: "red", color: "white", children: line }, index));
+        }
+        // Context lines (unchanged)
+        return (_jsx(Text, { dimColor: true, children: line }, index));
+    };
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", padding: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, children: "\uD83D\uDCDD Diff Preview" }), fileName && (_jsxs(Text, { dimColor: true, children: [" - ", fileName] }))] }), _jsxs(Box, { marginBottom: 1, children: [_jsxs(Text, { color: "green", children: ["+", diff.additions] }), _jsx(Text, { dimColor: true, children: " / " }), _jsxs(Text, { color: "red", children: ["-", diff.deletions] }), _jsx(Text, { dimColor: true, children: " lines" })] }), _jsx(Box, { flexDirection: "column", children: lines.map((line, index) => renderLine(line, index)) }), hasMore && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["... ", totalLines - maxLines, " more lines"] }) }))] }));
+};
+export default DiffPreview;
+//# sourceMappingURL=DiffPreview.js.map

package/dist/ui/components/DiffPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffPreview.js","sourceRoot":"","sources":["../../../src/ui/components/DiffPreview.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAShC,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,IAAI,EACJ,QAAQ,EACR,QAAQ,GAAG,EAAE,GACd,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC1D,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;IACnD,MAAM,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;IAEtC,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,KAAa,EAAmB,EAAE;QAClE,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;YACrD,eAAe;YACf,OAAO,CACL,KAAC,IAAI,IAAa,IAAI,kBACnB,IAAI,IADI,KAAK,CAET,CACR,CAAC;QACJ,CAAC;QAED,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YAC1B,eAAe;YACf,OAAO,CACL,KAAC,IAAI,IAAa,KAAK,EAAC,MAAM,YAC3B,IAAI,IADI,KAAK,CAET,CACR,CAAC;QACJ,CAAC;QAED,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YACzB,YAAY;YACZ,OAAO,CACL,KAAC,IAAI,IAAa,eAAe,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,YACpD,IAAI,IADI,KAAK,CAET,CACR,CAAC;QACJ,CAAC;QAED,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YACzB,YAAY;YACZ,OAAO,CACL,KAAC,IAAI,IAAa,eAAe,EAAC,KAAK,EAAC,KAAK,EAAC,OAAO,YAClD,IAAI,IADI,KAAK,CAET,CACR,CAAC;QACJ,CAAC;QAED,4BAA4B;QAC5B,OAAO,CACL,KAAC,IAAI,IAAa,QAAQ,kBACvB,IAAI,IADI,KAAK,CAET,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,EAAE,CAAC,aAExD,MAAC,GAAG,IAAC,YAAY,EAAE,CAAC,aAClB,KAAC,IAAI,IAAC,IAAI,gDAAuB,EAChC,QAAQ,IAAI,CACX,MAAC,IAAI,IAAC,QAAQ,0BAAK,QAAQ,IAAQ,CACpC,IACG,EAGN,MAAC,GAAG,IAAC,YAAY,EAAE,CAAC,aAClB,MAAC,IAAI,IAAC,KAAK,EAAC,OAAO,kBAAG,IAAI,CAAC,SAAS,IAAQ,EAC5C,KAAC,IAAI,IAAC,QAAQ,0BAAW,EACzB,MAAC,IAAI,IAAC,KAAK,EAAC,KAAK,kBAAG,IAAI,CAAC,SAAS,IAAQ,EAC1C,KAAC,IAAI,IAAC,QAAQ,6BAAc,IACxB,EAGN,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,YACxB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,GAChD,EAGL,OAAO,IAAI,CACV,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,YACf,MAAC,IAAI,IAAC,QAAQ,2BAAM,UAAU,GAAG,QAAQ,mBAAmB,GACxD,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/ui/components/ExecutionModeSelector.d.ts

@@ -0,0 +1,45 @@
+/**
+ * React/ink component for interactive execution mode selection.
+ * Allows users to switch between execution modes (Hybrid, Direct, Plan) with visual
+ * feedback on what each mode does.
+ */
+import React from 'react';
+import type { ExecutionMode } from '../../types/session.js';
+/**
+ * Props for the ExecutionModeSelector component
+ */
+interface ExecutionModeSelectorProps {
+    /** Currently selected execution mode */
+    currentMode: ExecutionMode;
+    /** Callback when a mode is selected */
+    onSelect: (mode: ExecutionMode) => void;
+    /** Callback when selection is cancelled */
+    onCancel?: () => void;
+    /** Whether the selector is active and accepting input */
+    isActive?: boolean;
+    /** Custom title for the selector */
+    title?: string;
+}
+/**
+ * ExecutionModeSelector component provides an interactive interface for selecting execution modes.
+ *
+ * Features:
+ * - Keyboard navigation with arrow keys
+ * - Visual indication of current mode
+ * - Mode descriptions
+ * - Enter to select, Escape to cancel
+ *
+ * @example
+ * ```tsx
+ * // Interactive mode selection
+ * <ExecutionModeSelector
+ *   currentMode="hybrid"
+ *   onSelect={(mode) => console.log('Selected:', mode)}
+ *   onCancel={() => console.log('Cancelled')}
+ *   isActive
+ * />
+ * ```
+ */
+export declare const ExecutionModeSelector: React.FC<ExecutionModeSelectorProps>;
+export default ExecutionModeSelector;
+//# sourceMappingURL=ExecutionModeSelector.d.ts.map

package/dist/ui/components/ExecutionModeSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionModeSelector.d.ts","sourceRoot":"","sources":["../../../src/ui/components/ExecutionModeSelector.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D;;GAEG;AACH,UAAU,0BAA0B;IAClC,wCAAwC;IACxC,WAAW,EAAE,aAAa,CAAC;IAC3B,uCAAuC;IACvC,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA0ED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAkGtE,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/ui/components/ExecutionModeSelector.js

@@ -0,0 +1,120 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * React/ink component for interactive execution mode selection.
+ * Allows users to switch between execution modes (Hybrid, Direct, Plan) with visual
+ * feedback on what each mode does.
+ */
+import { useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+/**
+ * Available execution modes with their configurations
+ */
+const EXECUTION_MODES = [
+    {
+        id: 'hybrid',
+        name: 'HYBRID',
+        alias: 'h',
+        description: 'LLM decides when to use planning based on complexity',
+        color: 'cyan',
+    },
+    {
+        id: 'direct',
+        name: 'DIRECT',
+        alias: 'd',
+        description: 'Pure agentic execution, no planning',
+        color: 'yellow',
+    },
+    {
+        id: 'plan',
+        name: 'PLAN',
+        alias: 'p',
+        description: 'Always forces planning for every task',
+        color: 'magenta',
+    },
+];
+/**
+ * Renders a single mode option in the selector
+ */
+const ModeOption = ({ mode, isSelected, isCurrent }) => {
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { children: [_jsx(Text, { color: isSelected ? 'cyan' : undefined, children: isSelected ? '❯ ' : '  ' }), _jsx(Text, { color: mode.color, bold: isSelected, children: mode.name }), _jsxs(Text, { dimColor: true, children: [" (", mode.alias, ")"] }), isCurrent && (_jsx(Text, { color: "green", children: " \u2713 current" }))] }), isSelected && (_jsx(Box, { marginLeft: 4, children: _jsx(Text, { dimColor: true, children: mode.description }) }))] }));
+};
+/**
+ * ExecutionModeSelector component provides an interactive interface for selecting execution modes.
+ *
+ * Features:
+ * - Keyboard navigation with arrow keys
+ * - Visual indication of current mode
+ * - Mode descriptions
+ * - Enter to select, Escape to cancel
+ *
+ * @example
+ * ```tsx
+ * // Interactive mode selection
+ * <ExecutionModeSelector
+ *   currentMode="hybrid"
+ *   onSelect={(mode) => console.log('Selected:', mode)}
+ *   onCancel={() => console.log('Cancelled')}
+ *   isActive
+ * />
+ * ```
+ */
+export const ExecutionModeSelector = ({ currentMode, onSelect, onCancel, isActive = true, title = '⚙️  Select Execution Mode', }) => {
+    const currentIndex = EXECUTION_MODES.findIndex((m) => m.id === currentMode);
+    const [selectedIndex, setSelectedIndex] = useState(currentIndex >= 0 ? currentIndex : 0);
+    /**
+     * Handles keyboard input for navigation and selection
+     */
+    useInput((input, key) => {
+        if (!isActive)
+            return;
+        // Navigate up
+        if (key.upArrow) {
+            setSelectedIndex((prev) => (prev > 0 ? prev - 1 : EXECUTION_MODES.length - 1));
+            return;
+        }
+        // Navigate down
+        if (key.downArrow) {
+            setSelectedIndex((prev) => (prev < EXECUTION_MODES.length - 1 ? prev + 1 : 0));
+            return;
+        }
+        // Select with Enter
+        if (key.return) {
+            const selectedMode = EXECUTION_MODES[selectedIndex];
+            if (selectedMode) {
+                onSelect(selectedMode.id);
+            }
+            return;
+        }
+        // Cancel with Escape
+        if (key.escape) {
+            onCancel?.();
+            return;
+        }
+        // Quick select with number keys
+        const numKey = parseInt(input, 10);
+        if (!isNaN(numKey) && numKey >= 1 && numKey <= EXECUTION_MODES.length) {
+            setSelectedIndex(numKey - 1);
+            return;
+        }
+        // Quick select with first letter
+        const lowerInput = input.toLowerCase();
+        if (lowerInput === 'h') {
+            const hybridIndex = EXECUTION_MODES.findIndex((m) => m.id === 'hybrid');
+            if (hybridIndex >= 0)
+                setSelectedIndex(hybridIndex);
+        }
+        else if (lowerInput === 'd') {
+            const directIndex = EXECUTION_MODES.findIndex((m) => m.id === 'direct');
+            if (directIndex >= 0)
+                setSelectedIndex(directIndex);
+        }
+        else if (lowerInput === 'p') {
+            const planIndex = EXECUTION_MODES.findIndex((m) => m.id === 'plan');
+            if (planIndex >= 0)
+                setSelectedIndex(planIndex);
+        }
+    }, { isActive });
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, children: title }) }), _jsx(Box, { flexDirection: "column", children: EXECUTION_MODES.map((mode, index) => (_jsx(ModeOption, { mode: mode, isSelected: index === selectedIndex, isCurrent: mode.id === currentMode }, mode.id))) }), isActive && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "\u2191\u2193 Navigate \u2502 Enter Select \u2502 Esc Cancel \u2502 Quick: [H]ybrid [D]irect [P]lan" }) }))] }));
+};
+export default ExecutionModeSelector;
+//# sourceMappingURL=ExecutionModeSelector.js.map

package/dist/ui/components/ExecutionModeSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionModeSelector.js","sourceRoot":"","sources":["../../../src/ui/components/ExecutionModeSelector.tsx"],"names":[],"mappings":"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"}