byterover-cli 1.7.2 → 2.0.0

package/dist/tui/components/index.js

@@ -14,7 +14,6 @@ export { List } from './list.js';
 export { Logo } from './logo.js';
 export { Markdown } from './markdown.js';
 export { MessageItem } from './message-item.js';
-export { MessageList } from './message-list.js';
 export { CopyablePrompt, OnboardingStep, WelcomeBox } from './onboarding/index.js';
 export { OutputLog } from './output-log.js';
 export { ReasoningText } from './reasoning-text.js';
@@ -22,4 +21,3 @@ export { ScrollableList } from './scrollable-list.js';
 export { StatusBadge } from './status-badge.js';
 export { StreamingText } from './streaming-text.js';
 export { Suggestions } from './suggestions.js';
-export { TabBar } from './tab-bar.js';

package/dist/tui/components/init.d.ts

@@ -5,7 +5,7 @@
  * and inline prompts. Used by InitView and OnboardingFlow.
  */
 import React from 'react';
-import type { StreamingMessage } from '../types.js';
+import type { StreamingMessage } from '../types/index.js';
 /**
  * Processed streaming message for rendering
  * Includes action state for spinner display

package/dist/tui/components/init.js

@@ -8,7 +8,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
 import Spinner from 'ink-spinner';
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import { useAuth, useTransport } from '../contexts/index.js';
 import { useCommands, useTheme } from '../hooks/index.js';
 import { EnterPrompt } from './enter-prompt.js';
 import { InlineConfirm, InlineInput, InlineSearch, InlineSelect } from './inline-prompts/index.js';
@@ -106,14 +105,13 @@ const MIN_SEARCH_ITEMS = 3;
 const INLINE_SEARCH_OVERHEAD = 3;
 export const Init = ({ active = true, autoStart = false, idleMessage = 'Your project needs initializing.', maxOutputLines, onInitComplete, showIdleMessage = true, }) => {
     const { theme: { colors }, } = useTheme();
-    const { reloadAuth } = useAuth();
-    const { client } = useTransport();
-    const { handleSlashCommand } = useCommands();
+    const { commands, handleSlashCommand } = useCommands();
     const maxSearchItems = Math.max(MIN_SEARCH_ITEMS, maxOutputLines - INLINE_SEARCH_OVERHEAD);
     // Streaming state for init command
     const [isRunningInit, setIsRunningInit] = useState(false);
     const [streamingMessages, setStreamingMessages] = useState([]);
     const [activePrompt, setActivePrompt] = useState(null);
+    const [activeDialog, setActiveDialog] = useState(null);
     const [initError, setInitError] = useState(null);
     // Handle init command execution
     const runInit = useCallback(async () => {
@@ -123,41 +121,37 @@ export const Init = ({ active = true, autoStart = false, idleMessage = 'Your pro
         setStreamingMessages([]);
         setInitError(null);
         const result = await handleSlashCommand('/init');
-        if (result && result.type === 'streaming') {
-            const onMessage = (msg) => {
-                setStreamingMessages((prev) => [...prev, msg]);
-                setInitError(msg.type === 'error' ? msg.content : null);
-            };
-            const onPrompt = (prompt) => {
-                setActivePrompt(prompt);
-            };
-            try {
-                await result.execute(onMessage, onPrompt);
-                // Call completion callback if provided
-                if (onInitComplete) {
-                    onInitComplete();
-                }
-            }
-            catch (error) {
-                const errorMessage = error instanceof Error ? error.message : String(error);
-                setInitError(errorMessage);
-            }
-            finally {
-                setIsRunningInit(false);
-                setActivePrompt(null);
-            }
+        if (result && 'render' in result) {
+            // The InitFlow component handles everything, we just need to track when it completes
+            setActiveDialog(result.render({
+                onCancel() {
+                    setActiveDialog(null);
+                    setIsRunningInit(false);
+                },
+                onComplete(message) {
+                    setActiveDialog(null);
+                    setIsRunningInit(false);
+                    if (message) {
+                        setStreamingMessages((prev) => [...prev, { content: message, id: `result-${Date.now()}`, type: 'output' }]);
+                    }
+                    // Call completion callback if provided
+                    if (onInitComplete) {
+                        onInitComplete();
+                    }
+                },
+            }));
         }
-        else if (result && result.type === 'message') {
+        else if (result && 'type' in result && result.type === 'message') {
             setInitError(result.content);
             setIsRunningInit(false);
         }
-    }, [handleSlashCommand, isRunningInit, reloadAuth, client, onInitComplete]);
+    }, [handleSlashCommand, isRunningInit, onInitComplete]);
     // Auto-start init if autoStart is true and component is in idle state
     useEffect(() => {
-        if (autoStart && !isRunningInit && !initError) {
+        if (autoStart && commands.length > 0 && !isRunningInit && !initError) {
             runInit();
         }
-    }, [autoStart, isRunningInit, initError, runInit]);
+    }, [autoStart, commands, isRunningInit, initError, runInit]);
     // Process streaming messages to handle action_start/action_stop pairs
     const processedStreamingMessages = useMemo(() => processMessagesForActions(streamingMessages), [streamingMessages]);
     // Render streaming message with proper styling
@@ -236,5 +230,5 @@ export const Init = ({ active = true, autoStart = false, idleMessage = 'Your pro
         return (_jsxs(Box, { flexDirection: "column", rowGap: 1, children: [_jsxs(Text, { color: colors.errorText, children: ["Error: ", initError] }), _jsx(EnterPrompt, { action: "try again", active: active && !isRunningInit && !activePrompt, onEnter: runInit })] }));
     }
     const { displayMessages } = getMessagesFromEnd(processedStreamingMessages, maxOutputLines);
-    return (_jsxs(Box, { flexDirection: "column", rowGap: 1, children: [showIdleMessage && _jsx(Text, { color: colors.text, children: idleMessage }), displayMessages.length > 0 && (_jsxs(Box, { borderColor: colors.border, borderStyle: "single", flexDirection: "column", paddingX: 1, paddingY: 0, width: "100%", children: [displayMessages.map((streamMsg) => renderStreamingMessage(streamMsg)), renderActivePrompt()] })), !isRunningInit && displayMessages.length === 0 && (_jsx(EnterPrompt, { action: "initialize your project", active: active && !isRunningInit && !activePrompt, onEnter: runInit }))] }));
+    return (_jsxs(Box, { flexDirection: "column", rowGap: 1, children: [showIdleMessage && !activeDialog && _jsx(Text, { color: colors.text, children: idleMessage }), activeDialog, !activeDialog && displayMessages.length > 0 && (_jsxs(Box, { borderColor: colors.border, borderStyle: "single", flexDirection: "column", paddingX: 1, paddingY: 0, width: "100%", children: [displayMessages.map((streamMsg) => renderStreamingMessage(streamMsg)), renderActivePrompt()] })), !isRunningInit && !activeDialog && displayMessages.length === 0 && (_jsx(EnterPrompt, { action: "initialize your project", active: active && !isRunningInit && !activePrompt, onEnter: runInit }))] }));
 };

package/dist/tui/components/inline-prompts/inline-file-selector.d.ts

@@ -21,7 +21,7 @@
  * - Cannot navigate above basePath
  */
 import React from 'react';
-import type { FileSelectorItemResult } from '../../types.js';
+import type { FileSelectorItemResult } from '../../types/index.js';
 /** Selection mode for the file selector */
 export type FileSelectorMode = 'directory' | 'file';
 export interface InlineFileSelectorProps {

package/dist/tui/components/inline-prompts/inline-input.d.ts

@@ -4,6 +4,12 @@
  * Generic inline text input prompt with validation.
  * Shows validation errors below input.
  * User types and presses Enter to submit.
+ *
+ * Uses ink's useInput directly (instead of ink-text-input) to correctly
+ * handle pasted text. When paste arrives in multiple stdin chunks within
+ * the same React batch, ink-text-input's state-based approach drops middle
+ * chunks. Using a functional state updater (prev => prev + cleaned) ensures
+ * all chunks are accumulated correctly.
  */
 import React from 'react';
 export interface InlineInputProps {

package/dist/tui/components/inline-prompts/inline-input.js

@@ -5,28 +5,65 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Generic inline text input prompt with validation.
  * Shows validation errors below input.
  * User types and presses Enter to submit.
+ *
+ * Uses ink's useInput directly (instead of ink-text-input) to correctly
+ * handle pasted text. When paste arrives in multiple stdin chunks within
+ * the same React batch, ink-text-input's state-based approach drops middle
+ * chunks. Using a functional state updater (prev => prev + cleaned) ensures
+ * all chunks are accumulated correctly.
  */
-import { Box, Text } from 'ink';
-import TextInput from 'ink-text-input';
-import { useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { useCallback, useState } from 'react';
 import { useTheme } from '../../hooks/index.js';
+import { stripBracketedPaste } from '../../utils/index.js';
 export function InlineInput({ message, onSubmit, placeholder, validate, }) {
     const { theme: { colors }, } = useTheme();
     const [value, setValue] = useState('');
     const [error, setError] = useState(null);
-    const handleSubmit = (inputValue) => {
-        // Clear previous error
-        setError(null);
-        // Run validation if provided
-        if (validate) {
-            const result = validate(inputValue);
-            if (result !== true) {
-                setError(typeof result === 'string' ? result : 'Invalid input');
-                return;
+    const handleSubmit = useCallback(() => {
+        // Read current value via functional updater to get latest state
+        setValue((currentValue) => {
+            const cleaned = stripBracketedPaste(currentValue).trim();
+            // Clear previous error
+            setError(null);
+            // Run validation if provided
+            if (validate) {
+                const result = validate(cleaned);
+                if (result !== true) {
+                    setError(typeof result === 'string' ? result : 'Invalid input');
+                    return currentValue;
+                }
+            }
+            // Submit valid input (deferred to avoid setState-during-render)
+            setTimeout(() => onSubmit(cleaned), 0);
+            return currentValue;
+        });
+    }, [onSubmit, validate]);
+    useInput((input, key) => {
+        // Ignore navigation and control keys
+        if (key.upArrow || key.downArrow || key.tab || (key.shift && key.tab)) {
+            return;
+        }
+        // Submit on Enter
+        if (key.return) {
+            handleSubmit();
+            return;
+        }
+        // Handle backspace/delete
+        if (key.backspace || key.delete) {
+            setValue((prev) => prev.slice(0, -1));
+            setError(null);
+            return;
+        }
+        // Handle printable characters (type or paste)
+        if (input && !key.ctrl && !key.meta) {
+            const cleaned = stripBracketedPaste(input);
+            if (cleaned) {
+                // Functional updater ensures correct accumulation during React batching
+                setValue((prev) => prev + cleaned);
+                setError(null);
             }
         }
-        // Submit valid input
-        onSubmit(inputValue);
-    };
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: colors.secondary, children: "? " }), _jsxs(Text, { color: colors.text, children: [message, " "] }), _jsx(TextInput, { onChange: setValue, onSubmit: handleSubmit, placeholder: placeholder, value: value })] }), error && (_jsx(Box, { marginLeft: 2, children: _jsx(Text, { color: colors.errorText, children: error }) }))] }));
+    });
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: colors.secondary, children: "? " }), _jsxs(Text, { color: colors.text, children: [message, " "] }), _jsx(Text, { color: value ? colors.text : colors.dimText, children: value || placeholder || '' })] }), error && (_jsx(Box, { marginLeft: 2, children: _jsx(Text, { color: colors.errorText, children: error }) }))] }));
 }

package/dist/tui/components/inline-prompts/inline-search.d.ts

@@ -6,7 +6,7 @@
  * Shows max 7 items with a sliding window that follows selection.
  */
 import React from 'react';
-import type { PromptChoice } from '../../types.js';
+import type { PromptChoice } from '../../types/index.js';
 export interface InlineSearchProps<T = unknown> {
     /** Maximum number of visible items in the dropdown (default: 7) */
     maxVisibleItems?: number;
@@ -17,4 +17,4 @@ export interface InlineSearchProps<T = unknown> {
     /** Function that returns choices based on search input */
     source: (input: string | undefined) => Array<PromptChoice<T>> | Promise<Array<PromptChoice<T>>>;
 }
-export declare function InlineSearch<T>({ maxVisibleItems, message, onSelect, source }: InlineSearchProps<T>): React.ReactElement;
+export declare function InlineSearch<T>({ maxVisibleItems, message, onSelect, source, }: InlineSearchProps<T>): React.ReactElement;

package/dist/tui/components/inline-prompts/inline-search.js

@@ -11,7 +11,7 @@ import TextInput from 'ink-text-input';
 import { useEffect, useState } from 'react';
 import { useTheme, useVisibleWindow } from '../../hooks/index.js';
 const MAX_VISIBLE_ITEMS = 7;
-export function InlineSearch({ maxVisibleItems = MAX_VISIBLE_ITEMS, message, onSelect, source }) {
+export function InlineSearch({ maxVisibleItems = MAX_VISIBLE_ITEMS, message, onSelect, source, }) {
     const { theme: { colors }, } = useTheme();
     const [searchQuery, setSearchQuery] = useState('');
     const [selectedIndex, setSelectedIndex] = useState(0);

package/dist/tui/components/inline-prompts/inline-select.d.ts

@@ -6,7 +6,7 @@
  * Shows max items with a sliding window that follows selection.
  */
 import React from 'react';
-import type { PromptChoice } from '../../types.js';
+import type { PromptChoice } from '../../types/index.js';
 export interface InlineSelectProps<T = unknown> {
     /** Available choices */
     choices: Array<PromptChoice<T>>;

package/dist/tui/components/inline-prompts/inline-select.js

@@ -30,6 +30,6 @@ export function InlineSelect({ choices, maxVisibleItems = 7, message, onSelect,
     return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { bold: true, color: colors.text, children: [_jsx(Text, { color: colors.secondary, children: "? " }), message] }), _jsx(Box, { flexDirection: "column", children: visibleChoices.map((choice, index) => {
                     const actualIndex = windowStart + index;
                     const isSelected = actualIndex === selectedIndex;
-                    return (_jsxs(Box, { children: [_jsxs(Text, { color: isSelected ? colors.primary : colors.text, children: [isSelected ? '❯ ' : '  ', choice.name] }), choice.description && (_jsxs(Text, { color: colors.dimText, children: [" \u00B7 ", choice.description] }))] }, choice.name));
+                    return (_jsxs(Box, { children: [_jsxs(Text, { color: isSelected ? colors.primary : colors.text, children: [isSelected ? '❯ ' : '  ', choice.name] }), choice.description && _jsxs(Text, { color: colors.dimText, children: [" \u00B7 ", choice.description] })] }, choice.name));
                 }) })] }));
 }

package/dist/tui/components/message-item.d.ts

@@ -4,7 +4,7 @@
  * Displays a single command message with the command name and result
  */
 import React from 'react';
-import type { CommandMessage } from '../types.js';
+import type { CommandMessage } from '../types/index.js';
 interface MessageItemProps {
     isActive?: boolean;
     isExpanded?: boolean;

package/dist/tui/components/message-item.js

@@ -8,7 +8,7 @@ import { Box, Spacer, Text, useInput } from 'ink';
 import { useTheme } from '../hooks/index.js';
 import { formatTime } from '../utils/index.js';
 export const MessageItem = ({ isActive, isExpanded, isSelected, message, onClose }) => {
-    const { theme: { colors } } = useTheme();
+    const { theme: { colors }, } = useTheme();
     const displayTime = message.timestamp ? formatTime(message.timestamp) : '';
     useInput((input, key) => {
         if ((key.ctrl && input === 'o') || key.escape) {
@@ -18,5 +18,5 @@ export const MessageItem = ({ isActive, isExpanded, isSelected, message, onClose
     if (isExpanded) {
         return (_jsxs(Box, { flexDirection: "column", height: "100%", paddingBottom: 1, width: "100%", children: [_jsxs(Box, { gap: 1, children: [_jsxs(Text, { color: colors.primary, children: ["\u2022 ", message.fromCommand] }), _jsx(Spacer, {}), _jsx(Text, { color: colors.dimText, children: displayTime })] }), _jsx(Box, { borderColor: colors.border, borderStyle: "single", flexDirection: "column", flexGrow: 1, paddingX: 1, children: _jsx(Text, { children: message.content }) }), _jsx(Box, { children: _jsx(Text, { color: colors.dimText, children: "[ctrl+o] to collapse" }) })] }));
     }
-    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, width: "100%", children: [_jsxs(Box, { gap: 1, children: [_jsxs(Text, { color: colors.primary, children: ["\u2022 ", message.fromCommand] }), _jsx(Spacer, {}), _jsx(Text, { color: colors.dimText, children: displayTime })] }), _jsxs(Box, { gap: 1, width: "100%", children: [_jsx(Box, { borderBottom: false, borderColor: isSelected ? colors.primary : undefined, borderLeft: isSelected, borderRight: false, borderStyle: "bold", borderTop: false, height: "100%", width: 1 }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Box, { borderColor: colors.border, borderStyle: "single", paddingX: 1, width: "100%", children: _jsx(Text, { children: message.content }) }), isSelected ? (_jsx(Text, { color: colors.dimText, children: "Show remaining output \u2022 [ctrl+o] to expand" })) : (_jsx(Text, { children: " " }))] })] })] }));
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, width: "100%", children: [_jsxs(Box, { gap: 1, children: [_jsxs(Text, { color: colors.primary, children: ["\u2022 ", message.fromCommand] }), _jsx(Spacer, {}), _jsx(Text, { color: colors.dimText, children: displayTime })] }), _jsxs(Box, { gap: 1, width: "100%", children: [_jsx(Box, { borderBottom: false, borderColor: isSelected ? colors.primary : undefined, borderLeft: isSelected, borderRight: false, borderStyle: "bold", borderTop: false, height: "100%", width: 1 }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Box, { borderColor: colors.border, borderStyle: "single", paddingX: 1, width: "100%", children: _jsx(Text, { children: message.content }) }), isSelected ? _jsx(Text, { color: colors.dimText, children: "Show remaining output \u2022 [ctrl+o] to expand" }) : _jsx(Text, { children: " " })] })] })] }));
 };

package/dist/tui/components/onboarding/welcome-box.d.ts

@@ -4,11 +4,4 @@
  * Displays welcome message and getting started instructions for new users
  */
 import React from 'react';
-interface WelcomeBoxProps {
-    /**
-     * Whether the copy prompt is active (responds to keyboard shortcuts)
-     */
-    isCopyActive: boolean;
-}
-export declare const WelcomeBox: React.FC<WelcomeBoxProps>;
-export {};
+export declare const WelcomeBox: React.FC;

package/dist/tui/components/onboarding/welcome-box.js

@@ -5,20 +5,19 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Displays welcome message and getting started instructions for new users
  */
 import { Box, Spacer, Text } from 'ink';
-import { useMemo, useRef } from 'react';
+import { useRef } from 'react';
+import { useGetModels } from '../../features/model/api/get-models.js';
+import { useGetProviders } from '../../features/provider/api/get-providers.js';
 import { useTheme } from '../../hooks/index.js';
 import { formatTime } from '../../utils/time.js';
-import { CopyablePrompt } from './copyable-prompt.js';
-const welcomeExamplePrompts = [
-    'Save our API authentication patterns, use brv curate',
-    'How do we handle error responses?, use brv query',
-];
-export const WelcomeBox = ({ isCopyActive }) => {
+export const WelcomeBox = () => {
     const { theme: { colors }, } = useTheme();
-    const randomPrompt = useMemo(() => {
-        const randomIndex = Math.floor(Math.random() * welcomeExamplePrompts.length);
-        return welcomeExamplePrompts[randomIndex];
-    }, []);
+    const { data: providersData } = useGetProviders();
+    const currentProvider = providersData?.providers.find((p) => p.isCurrent);
+    const { data: modelsData } = useGetModels({ providerId: currentProvider?.id ?? '' });
+    const providerName = currentProvider?.name;
+    const activeModel = modelsData?.activeModel;
+    const isConnected = Boolean(providerName);
     const timestampRef = useRef(new Date());
-    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, width: "100%", children: [_jsxs(Box, { children: [_jsx(Text, { color: colors.primary, children: "\u00B7 agent" }), _jsx(Spacer, {}), _jsx(Text, { color: colors.dimText, children: formatTime(timestampRef.current) })] }), _jsxs(Box, { borderColor: colors.border, borderStyle: "single", flexDirection: "column", gap: 1, paddingX: 1, children: [_jsx(Text, { bold: true, color: colors.primary, children: "Welcome to ByteRover!" }), _jsxs(Box, { flexDirection: "column", paddingLeft: 2, children: [_jsxs(Text, { color: colors.text, children: ["Tell your AI Agent what to save or retrieve. Just include \"", _jsx(Text, { color: colors.primary, children: "brv" }), "\" in your prompt."] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: colors.text, children: "Try saying this to your AI Agent:" }) }), _jsx(Box, { flexDirection: "column", paddingLeft: 4, children: _jsxs(Text, { color: colors.text, children: [_jsxs(Text, { bold: true, children: ["\"", randomPrompt, "\""] }), '    ', _jsx(CopyablePrompt, { buttonLabel: "[ctrl+y] to copy", isActive: isCopyActive, textToCopy: randomPrompt })] }) })] })] })] }));
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, width: "100%", children: [_jsxs(Box, { children: [_jsx(Text, { color: colors.primary, children: "\u00B7 agent" }), _jsx(Spacer, {}), _jsx(Text, { color: colors.dimText, children: formatTime(timestampRef.current) })] }), _jsxs(Box, { borderColor: colors.border, borderStyle: "single", flexDirection: "column", gap: 1, paddingX: 1, children: [_jsx(Text, { bold: true, color: colors.primary, children: "Welcome to ByteRover." }), _jsxs(Box, { flexDirection: "column", children: [isConnected && (_jsxs(Text, { color: colors.text, children: ["Connected to ", _jsx(Text, { color: colors.primary, children: providerName }), activeModel && _jsxs(Text, { children: [" (", _jsx(Text, { color: colors.primary, children: activeModel }), ")"] }), ". ByteRover is your Memory Hub for storing and retrieving AI context"] })), !isConnected && (_jsxs(Text, { color: colors.text, children: ["No provider connected. Use ", _jsx(Text, { color: colors.warning, children: "/providers" }), " to connect."] })), _jsx(Text, { color: colors.text, children: " " }), _jsx(Text, { color: colors.text, children: "COMMANDS REFERENCE:" }), _jsx(Text, { color: colors.text, children: "-------------------------------------------------------------" }), _jsx(Text, { color: colors.text, children: "Action        Command       Description" }), _jsx(Text, { color: colors.text, children: "-------------------------------------------------------------" }), _jsxs(Text, { color: colors.text, children: ["STORE         ", _jsx(Text, { color: colors.warning, children: "/curate" }), "       Save context or knowledge"] }), _jsxs(Text, { color: colors.text, children: ["RETRIEVE      ", _jsx(Text, { color: colors.warning, children: "/query" }), "        Fetch relevant memories"] }), _jsxs(Text, { color: colors.text, children: ["CONNECT       ", _jsx(Text, { color: colors.warning, children: "/connectors" }), "   Connect ByteRover to your agent"] }), _jsx(Text, { color: colors.text, children: "-------------------------------------------------------------" }), _jsx(Text, { color: colors.text, children: " " }), _jsx(Text, { color: colors.text, children: "GET STARTED:" }), _jsx(Text, { color: colors.text, children: "Your memory hub is currently empty. Create your first memory:" }), _jsxs(Text, { color: colors.text, children: [_jsx(Text, { color: colors.warning, children: "/curate" }), " ", _jsx(Text, { color: colors.primary, children: "Curate the folder structure of this repository" })] })] })] })] }));
 };

package/dist/tui/components/onboarding-item.d.ts

@@ -4,7 +4,7 @@
  * Displays a single onboarding log entry during the onboarding flow.
  */
 import React from 'react';
-import type { ActivityLog } from '../types.js';
+import type { ActivityLog } from '../types/index.js';
 interface OnboardingItemProps {
     /** Whether this item is currently selected */
     isSelected?: boolean;

package/dist/tui/components/selectable-list.d.ts

@@ -26,6 +26,8 @@ export interface SelectableListProps<T> {
     getCurrentKey?: (item: T) => string;
     /** Optional grouping function */
     groupBy?: (item: T) => string;
+    /** Hide the Cancel keybind hint and disable Esc to cancel */
+    hideCancelButton?: boolean;
     /** Initial search value */
     initialSearch?: string;
     /** Whether keyboard input is active */
@@ -51,4 +53,4 @@ export interface SelectableListProps<T> {
     /** Title for the list */
     title?: string;
 }
-export declare function SelectableList<T>({ availableHeight, currentItem, filterKeys, getCurrentKey, groupBy, initialSearch, isActive, items, keybinds, keyExtractor, onCancel, onSelect, renderItem, searchPlaceholder, title, }: SelectableListProps<T>): React.ReactElement;
+export declare function SelectableList<T>({ availableHeight, currentItem, filterKeys, getCurrentKey, groupBy, hideCancelButton, initialSearch, isActive, items, keybinds, keyExtractor, onCancel, onSelect, renderItem, searchPlaceholder, title, }: SelectableListProps<T>): React.ReactElement;

package/dist/tui/components/selectable-list.js

@@ -14,7 +14,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { Box, Text, useInput } from 'ink';
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import { useTheme } from '../contexts/theme-context.js';
+import { useTheme } from '../hooks/index.js';
 /**
  * Simple fuzzy match function.
  * Returns true if all characters in the search string appear in order in the target.
@@ -31,8 +31,8 @@ function fuzzyMatch(search, target) {
     return searchIndex === searchLower.length;
 }
 const MAX_VISIBLE_ITEMS = 10;
-export function SelectableList({ availableHeight = MAX_VISIBLE_ITEMS, currentItem, filterKeys, getCurrentKey, groupBy, initialSearch = '', isActive = true, items, keybinds = [], keyExtractor, onCancel, onSelect, renderItem, searchPlaceholder = 'Search...', title, }) {
-    const { theme: { colors } } = useTheme();
+export function SelectableList({ availableHeight = MAX_VISIBLE_ITEMS, currentItem, filterKeys, getCurrentKey, groupBy, hideCancelButton = false, initialSearch = '', isActive = true, items, keybinds = [], keyExtractor, onCancel, onSelect, renderItem, searchPlaceholder = 'Search...', title, }) {
+    const { theme: { colors }, } = useTheme();
     const [searchValue, setSearchValue] = useState(initialSearch);
     const [selectedIndex, setSelectedIndex] = useState(0);
     // Filter items based on search
@@ -87,22 +87,14 @@ export function SelectableList({ availableHeight = MAX_VISIBLE_ITEMS, currentIte
         }
     }, [flatItems, selectedIndex, onSelect]);
     const handleNavigation = useCallback((input, key) => {
-        if (key.upArrow || input === 'k') {
+        if (key.upArrow) {
             moveUp();
             return true;
         }
-        if (key.downArrow || input === 'j') {
+        if (key.downArrow) {
             moveDown();
             return true;
         }
-        if (input === 'g' && !key.ctrl && !key.meta) {
-            setSelectedIndex(0);
-            return true;
-        }
-        if (input === 'G') {
-            setSelectedIndex(Math.max(0, flatItems.length - 1));
-            return true;
-        }
         return false;
     }, [flatItems.length, moveDown, moveUp]);
     const handleCustomKeybinds = useCallback((input) => {
@@ -126,7 +118,7 @@ export function SelectableList({ availableHeight = MAX_VISIBLE_ITEMS, currentIte
             return;
         }
         // Cancel
-        if (key.escape) {
+        if (key.escape && !hideCancelButton) {
             onCancel?.();
             return;
         }
@@ -176,5 +168,5 @@ export function SelectableList({ availableHeight = MAX_VISIBLE_ITEMS, currentIte
                         const isActive = flatIndex === selectedIndex;
                         const isCurrent = currentKey !== undefined && getCurrentKey?.(item) === currentKey;
                         return (_jsxs(Box, { children: [_jsx(Text, { color: isActive ? colors.primary : colors.text, children: isCurrent ? '● ' : '  ' }), _jsx(Text, { backgroundColor: isActive ? colors.dimText : undefined, color: isActive ? colors.text : colors.text, children: isActive ? '❯ ' : '  ' }), renderItem(item, isActive, isCurrent)] }, key));
-                    })] }, group.group || '__ungrouped__')))), hasMoreBelow && (_jsx(Box, { justifyContent: "center", children: _jsxs(Text, { color: colors.dimText, children: ["\u2193 ", flatItems.length - windowStart - (availableHeight - 4), " more below"] }) })), _jsxs(Box, { gap: 2, marginTop: 1, children: [_jsxs(Text, { color: colors.dimText, children: [_jsx(Text, { color: colors.text, children: "\u2191\u2193" }), " Navigate"] }), _jsxs(Text, { color: colors.dimText, children: [_jsx(Text, { color: colors.text, children: "Enter" }), " Select"] }), _jsxs(Text, { color: colors.dimText, children: [_jsx(Text, { color: colors.text, children: "Esc" }), " Cancel"] }), keybinds.map((kb) => (_jsxs(Text, { color: colors.dimText, children: [_jsx(Text, { color: colors.text, children: kb.key }), " ", kb.label] }, kb.key)))] })] }));
+                    })] }, group.group || '__ungrouped__')))), hasMoreBelow && (_jsx(Box, { justifyContent: "center", children: _jsxs(Text, { color: colors.dimText, children: ["\u2193 ", flatItems.length - windowStart - (availableHeight - 4), " more below"] }) })), _jsxs(Box, { gap: 2, marginTop: 1, children: [_jsxs(Text, { color: colors.dimText, children: [_jsx(Text, { color: colors.text, children: "\u2191\u2193" }), " Navigate"] }), _jsxs(Text, { color: colors.dimText, children: [_jsx(Text, { color: colors.text, children: "Enter" }), " Select"] }), !hideCancelButton && (_jsxs(Text, { color: colors.dimText, children: [_jsx(Text, { color: colors.text, children: "Esc" }), " Cancel"] })), keybinds.map((kb) => (_jsxs(Text, { color: colors.dimText, children: [_jsx(Text, { color: colors.text, children: kb.key }), " ", kb.label] }, kb.key)))] })] }));
 }

package/dist/tui/components/status-badge.js

@@ -6,7 +6,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { Box, Text } from 'ink';
 import { useMemo } from 'react';
-import { useTheme } from '../contexts/theme-context.js';
+import { useTheme } from '../hooks/index.js';
 export const StatusBadge = ({ label, message, type }) => {
     const { theme } = useTheme();
     const statusBgColor = useMemo(() => {

package/dist/tui/components/suggestions.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Suggestions Component
  *
@@ -9,16 +9,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  */
 import { Box, Text, useInput } from 'ink';
 import { useEffect, useMemo, useRef } from 'react';
-import { useMode } from '../contexts/mode-context.js';
-import { useOnboarding } from '../contexts/onboarding-context.js';
-import { useTheme } from '../contexts/theme-context.js';
-import { useSlashCompletion } from '../hooks/index.js';
+import { useMode, useSlashCompletion, useTheme } from '../hooks/index.js';
 import { CommandDetails } from './command-details.js';
 const MAX_VISIBLE_ITEMS = 7;
 export const Suggestions = ({ input, onInsert, onSelect }) => {
     const { theme: { colors }, } = useTheme();
     const { mode, setMode } = useMode();
-    const { highlightedCommands } = useOnboarding();
     const { activeIndex, clearSuggestions, hasMatchedCommand, isCommandAttempt, nextSuggestion, prevSuggestion, selectSuggestion, suggestions, } = useSlashCompletion(input);
     // Track if user dismissed suggestions with Escape
     const isDismissedRef = useRef(false);
@@ -151,21 +147,12 @@ export const Suggestions = ({ input, onInsert, onSelect }) => {
     const labelWidth = Math.max(maxLabelLength, 12);
     // Get the selected suggestion
     const selectedSuggestion = activeIndex >= 0 ? suggestions[activeIndex] : null;
-    // Get recommendedText for selected suggestion (if highlighted)
-    const selectedCommandName = selectedSuggestion?.value.replace(/^\//, '').split(' ')[0];
-    const recommendedText = selectedCommandName ? highlightedCommands.get(selectedCommandName) : undefined;
     // Calculate if there are more items above/below
     const hasMoreAbove = windowStart > 0;
     const hasMoreBelow = windowStart + visibleSuggestions.length < suggestions.length;
-    return (_jsxs(Box, { borderColor: colors.border, borderStyle: "single", columnGap: 1, height: 9, overflowY: 'hidden', paddingX: 1, children: [_jsxs(Box, { flexDirection: 'column', flexShrink: 0, children: [hasMoreAbove && (_jsxs(Text, { color: colors.dimText, dimColor: true, children: ["\u2191 ", windowStart, " more"] })), visibleSuggestions.map((suggestion, index) => {
+    return (_jsxs(Box, { borderColor: colors.border, borderStyle: "single", columnGap: 1, height: 9, overflowY: "hidden", paddingX: 1, children: [_jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [hasMoreAbove && (_jsxs(Text, { color: colors.dimText, dimColor: true, children: ["\u2191 ", windowStart, " more"] })), visibleSuggestions.map((suggestion, index) => {
                         const actualIndex = windowStart + index;
                         const isActive = actualIndex === activeIndex;
-                        // Extract command name from suggestion value (e.g., "/status" -> "status")
-                        const commandName = suggestion.value.replace(/^\//, '').split(' ')[0];
-                        const isHighlighted = highlightedCommands.has(commandName);
-                        // Add "*" suffix for highlighted commands, then pad
-                        const displayLabel = isHighlighted ? `${suggestion.label}﹡` : suggestion.label;
-                        const padWidth = labelWidth + (isHighlighted ? 1 : 0);
-                        return (_jsx(Box, { children: _jsxs(Text, { backgroundColor: isActive ? colors.bg3 : undefined, color: colors.text, children: [isActive ? '❯ ' : '  ', isHighlighted ? (_jsxs(_Fragment, { children: [suggestion.label, _jsx(Text, { color: colors.primary, children: "\uFE61" }), ' '.repeat(padWidth - displayLabel.length)] })) : (suggestion.label.padEnd(labelWidth))] }) }, suggestion.value));
-                    }), hasMoreBelow && (_jsxs(Text, { color: colors.dimText, dimColor: true, children: ["\u2193 ", suggestions.length - windowStart - visibleSuggestions.length, " more"] }))] }), _jsx(CommandDetails, { labelWidth: labelWidth, recommendedText: recommendedText, selectedSuggestion: selectedSuggestion })] }));
+                        return (_jsx(Box, { children: _jsxs(Text, { backgroundColor: isActive ? colors.bg3 : undefined, color: colors.text, children: [isActive ? '❯ ' : '  ', suggestion.label.padEnd(labelWidth)] }) }, suggestion.value));
+                    }), hasMoreBelow && (_jsxs(Text, { color: colors.dimText, dimColor: true, children: ["\u2193 ", suggestions.length - windowStart - visibleSuggestions.length, " more"] }))] }), _jsx(CommandDetails, { labelWidth: labelWidth, selectedSuggestion: selectedSuggestion })] }));
 };

package/dist/tui/features/activity/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-activity-logs.js';
+export * from './use-feed-navigation.js';

package/dist/tui/features/activity/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './use-activity-logs.js';
+export * from './use-feed-navigation.js';

package/dist/tui/features/activity/hooks/use-activity-logs.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Activity Logs Hook
+ *
+ * Transforms tasks from transport events into ActivityLog format for display.
+ */
+import type { ActivityLog } from '../../../types/index.js';
+/**
+ * Parse execution input to extract content
+ */
+export declare function parseExecutionContent(input: string): string;
+export interface UseActivityLogsReturn {
+    /** Activity logs derived from tasks */
+    logs: ActivityLog[];
+}
+/**
+ * Hook that transforms tasks from transport events into ActivityLog format
+ */
+export declare function useActivityLogs(): UseActivityLogsReturn;