byterover-cli 1.8.0 → 2.1.0

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;

package/dist/tui/features/activity/hooks/use-activity-logs.js

@@ -0,0 +1,208 @@
+/**
+ * Activity Logs Hook
+ *
+ * Transforms tasks from transport events into ActivityLog format for display.
+ */
+import { useMemo } from 'react';
+import { array as zArray, number as zNumber, object as zObject, string as zString } from 'zod';
+import { formatTaskError } from '../../../utils/error-messages.js';
+import { useTasksStore } from '../../tasks/stores/tasks-store.js';
+const ExecutionInputSchema = zObject({
+    content: zString(),
+});
+// Schema for curate tool result (direct call)
+const CurateResultSchema = zObject({
+    result: zObject({
+        applied: zArray(zObject({
+            filePath: zString(),
+            path: zString(),
+            status: zString(),
+            type: zString(),
+        })).optional(),
+    }).optional(),
+});
+// Schema for curate result from code_exec (via tools.curate())
+// Note: summary fields are numbers (added: 1, updated: 0, etc.)
+const CodeExecCurateResultSchema = zObject({
+    returnValue: zObject({
+        applied: zArray(zObject({
+            filePath: zString().optional(),
+            path: zString(),
+            status: zString(),
+            type: zString(),
+        })).optional(),
+        summary: zObject({
+            added: zNumber().optional(),
+            deleted: zNumber().optional(),
+            failed: zNumber().optional(),
+            merged: zNumber().optional(),
+            updated: zNumber().optional(),
+        }).optional(),
+    }).optional(),
+});
+/**
+ * Parse execution input to extract content
+ */
+export function parseExecutionContent(input) {
+    try {
+        return ExecutionInputSchema.safeParse(JSON.parse(input))?.data?.content ?? input;
+    }
+    catch {
+        return input;
+    }
+}
+/**
+ * Extract file changes from curate tool calls (transport events)
+ * Handles both direct curate calls and curate via code_exec (tools.curate())
+ */
+function composeChangesFromToolCalls(toolCalls) {
+    const changes = { created: [], updated: [] };
+    for (const tc of toolCalls) {
+        if (tc.status !== 'completed' || !tc.result) {
+            continue;
+        }
+        // Parse JSON - skip if invalid
+        let parsed;
+        try {
+            parsed = JSON.parse(String(tc.result));
+        }
+        catch {
+            continue;
+        }
+        // Try to extract curate results based on tool type
+        if (tc.toolName === 'curate') {
+            // Direct curate tool call
+            const parseResult = CurateResultSchema.safeParse(parsed);
+            if (!parseResult.success) {
+                continue;
+            }
+            const result = parseResult.data.result || {};
+            extractChangesFromApplied(result.applied || [], changes);
+        }
+        else if (tc.toolName === 'code_exec') {
+            // Curate via code_exec (tools.curate() in sandbox)
+            const parseResult = CodeExecCurateResultSchema.safeParse(parsed);
+            if (!parseResult.success) {
+                continue;
+            }
+            const { returnValue } = parseResult.data;
+            if (returnValue?.applied) {
+                extractChangesFromApplied(returnValue.applied, changes);
+            }
+        }
+    }
+    return changes;
+}
+/**
+ * Helper to extract file changes from curate applied operations
+ */
+function extractChangesFromApplied(applied, changes) {
+    for (const operation of applied) {
+        if (operation.status !== 'success' || !operation.filePath) {
+            continue;
+        }
+        // Handle ADD, UPDATE, and UPSERT types
+        switch (operation.type) {
+            case 'ADD': {
+                changes.created.push(operation.filePath);
+                break;
+            }
+            case 'UPDATE': {
+                changes.updated.push(operation.filePath);
+                break;
+            }
+            case 'UPSERT': {
+                // UPSERT can be either create or update based on message content
+                // Default to updated since UPSERT typically updates existing
+                changes.updated.push(operation.filePath);
+                break;
+            }
+            default: {
+                // Ignore other operation types (DELETE, MERGE, etc.)
+                break;
+            }
+        }
+    }
+}
+/**
+ * Map task status to execution status
+ */
+function mapTaskStatusToExecutionStatus(taskStatus) {
+    switch (taskStatus) {
+        case 'cancelled': {
+            return 'failed';
+        }
+        case 'completed': {
+            return 'completed';
+        }
+        case 'created':
+        case 'started': {
+            return 'running';
+        }
+        case 'error': {
+            return 'failed';
+        }
+        default: {
+            return 'running';
+        }
+    }
+}
+/**
+ * Map tool call status to ToolCallStatus
+ */
+function mapToolCallStatus(status) {
+    switch (status) {
+        case 'completed': {
+            return 'completed';
+        }
+        case 'error': {
+            return 'failed';
+        }
+        case 'running': {
+            return 'running';
+        }
+        default: {
+            return 'running';
+        }
+    }
+}
+/**
+ * Hook that transforms tasks from transport events into ActivityLog format
+ */
+export function useActivityLogs() {
+    const tasks = useTasksStore((s) => s.tasks);
+    const logs = useMemo(() => {
+        const taskArray = [...tasks.values()];
+        return taskArray
+            .filter((task) => task.status !== 'created')
+            .map((task) => {
+            // Include tool args and timestamp in progress items for display
+            const progress = task.toolCalls.map((tc, index) => ({
+                args: tc.args,
+                id: tc.callId ?? `${task.taskId}-${index}`,
+                status: mapToolCallStatus(tc.status),
+                timestamp: tc.timestamp,
+                toolCallName: tc.toolName,
+            }));
+            const changes = composeChangesFromToolCalls(task.toolCalls);
+            const activityLog = {
+                changes,
+                content: task.status === 'error' ? formatTaskError(task.error) : (task.result ?? ''),
+                files: task.files,
+                folders: task.folders,
+                id: task.taskId,
+                input: task.content,
+                isStreaming: task.isStreaming,
+                reasoningContents: task.reasoningContents,
+                source: 'agent',
+                status: mapTaskStatusToExecutionStatus(task.status),
+                streamingContent: task.streamingContent,
+                timestamp: new Date(task.startedAt ?? task.createdAt),
+                toolCalls: progress,
+                type: task.type,
+            };
+            return activityLog;
+        });
+    }, [tasks]);
+    return { logs };
+}