byterover-cli 1.5.0 → 1.7.0

package/dist/tui/components/execution/expanded-log-view.js

@@ -44,7 +44,7 @@ export const ExpandedLogView = ({ availableHeight, isActive, log, onClose, }) =>
     useInput((input, key) => {
         if (!scrollViewRef.current)
             return;
-        if ((key.ctrl && input === 'o') || key.escape) {
+        if (key.ctrl && input === 'o') {
             onClose();
         }
         if (key.upArrow || input === 'k') {
@@ -68,7 +68,7 @@ export const ExpandedLogView = ({ availableHeight, isActive, log, onClose, }) =>
         }
     }, { isActive });
     const displayTime = formatTime(log.timestamp);
-    return (_jsxs(Box, { flexDirection: "column", height: "100%", paddingBottom: 1, paddingX: 2, width: "100%", children: [_jsxs(Box, { gap: 1, children: [_jsxs(Text, { color: colors.primary, children: ["\u2022 ", log.type] }), _jsx(Spacer, {}), _jsx(Text, { color: colors.dimText, children: displayTime })] }), _jsxs(Box, { borderColor: colors.border, borderStyle: "single", flexDirection: "column", height: availableHeight - 1, children: [_jsxs(ScrollView, { height: availableHeight - 4, ref: scrollViewRef, children: [_jsx(Box, { marginBottom: 1, paddingX: 1, children: _jsx(Text, { children: log.input }) }), (log.toolCalls || log.reasoningContents) && (_jsx(Box, { paddingX: 1, children: _jsx(ExecutionProgress, { isExpanded: true, reasoningContents: log.reasoningContents, toolCalls: log.toolCalls }) })), log.streamingContent && log.status === 'running' && (_jsx(Box, { paddingX: 1, children: _jsx(StreamingText, { content: log.streamingContent, isStreaming: Boolean(log.isStreaming), maxLines: 0, showCursor: Boolean(log.isStreaming) }) })), (log.status === 'failed' || log.status === 'completed') && (_jsx(Box, { paddingX: 1, children: _jsx(ExecutionContent, { bottomMargin: 0, content: log.content ?? '', isError: log.status === 'failed', isExpanded: true, maxLines: Number.MAX_SAFE_INTEGER }) })), log.status === 'completed' && (_jsx(Box, { paddingX: 1, children: _jsx(ExecutionChanges, { created: log.changes.created, isExpanded: true, maxChanges: {
+    return (_jsxs(Box, { flexDirection: "column", height: "100%", paddingBottom: 1, width: "100%", children: [_jsxs(Box, { gap: 1, children: [_jsxs(Text, { color: colors.primary, children: ["\u2022 ", log.type] }), _jsx(Spacer, {}), _jsx(Text, { color: colors.dimText, children: displayTime })] }), _jsxs(Box, { borderColor: colors.border, borderStyle: "single", flexDirection: "column", height: availableHeight - 1, children: [_jsxs(ScrollView, { height: availableHeight - 4, ref: scrollViewRef, children: [_jsxs(Box, { flexDirection: "column", marginBottom: 1, paddingX: 1, children: [_jsx(Text, { children: log.input }), log.files && log.files.length > 0 && (_jsxs(Text, { color: colors.dimText, children: [_jsx(Text, { bold: true, children: "Files:" }), " ", log.files.map((f) => `@${f}`).join(' ')] }))] }), (log.toolCalls || log.reasoningContents) && (_jsx(Box, { paddingX: 1, children: _jsx(ExecutionProgress, { isExpanded: true, reasoningContents: log.reasoningContents, toolCalls: log.toolCalls }) })), log.streamingContent && log.status === 'running' && (_jsx(Box, { paddingX: 1, children: _jsx(StreamingText, { content: log.streamingContent, isStreaming: Boolean(log.isStreaming), maxLines: 0, showCursor: Boolean(log.isStreaming) }) })), (log.status === 'failed' || log.status === 'completed') && (_jsx(Box, { paddingX: 1, children: _jsx(ExecutionContent, { bottomMargin: 0, content: log.content ?? '', isError: log.status === 'failed', isExpanded: true, maxLines: Number.MAX_SAFE_INTEGER }) })), log.status === 'completed' && (_jsx(Box, { paddingX: 1, children: _jsx(ExecutionChanges, { created: log.changes.created, isExpanded: true, maxChanges: {
                                         created: Number.MAX_SAFE_INTEGER,
                                         updated: Number.MAX_SAFE_INTEGER,
                                     }, updated: log.changes.updated }) }))] }), _jsx(Box, { justifyContent: "center", children: _jsx(Text, { color: colors.dimText, children: hasMoreBelow ? '↓' : ' ' }) })] }), _jsx(Box, { children: _jsx(Text, { color: colors.dimText, children: "[ctrl+o] to collapse" }) })] }));

package/dist/tui/components/execution/index.d.ts

@@ -9,5 +9,4 @@ export { ExecutionInput } from './execution-input.js';
 export { ExecutionProgress } from './execution-progress.js';
 export { ExecutionStatus } from './execution-status.js';
 export { ExpandedLogView } from './expanded-log-view.js';
-export { ExpandedMessageView } from './expanded-message-view.js';
 export { LogItem } from './log-item.js';

package/dist/tui/components/execution/index.js

@@ -9,5 +9,4 @@ export { ExecutionInput } from './execution-input.js';
 export { ExecutionProgress } from './execution-progress.js';
 export { ExecutionStatus } from './execution-status.js';
 export { ExpandedLogView } from './expanded-log-view.js';
-export { ExpandedMessageView } from './expanded-message-view.js';
 export { LogItem } from './log-item.js';

package/dist/tui/components/execution/log-item.d.ts

@@ -10,7 +10,7 @@ interface LogItemProps {
     /** Dynamic heights based on terminal breakpoint */
     heights: MessageItemHeights;
     /** Whether content should be fully expanded (no truncation) */
-    isExpand?: boolean;
+    isExpanded?: boolean;
     /** Whether this log item is currently selected */
     isSelected?: boolean;
     /** The activity log to display */

package/dist/tui/components/execution/log-item.js

@@ -13,9 +13,8 @@ import { ExecutionChanges } from './execution-changes.js';
 import { ExecutionContent } from './execution-content.js';
 import { ExecutionInput } from './execution-input.js';
 import { ExecutionProgress } from './execution-progress.js';
-export const LogItem = memo(({ heights, isExpand, isSelected, log, shouldShowExpand = true }) => {
+export const LogItem = memo(({ heights, isExpanded, isSelected, log }) => {
     const { theme: { colors }, } = useTheme();
     const displayTime = formatTime(log.timestamp);
-    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, width: "100%", children: [_jsxs(Box, { gap: 1, children: [_jsxs(Text, { color: colors.primary, children: ["\u2022 ", log.type] }), _jsx(Spacer, {}), _jsx(Text, { color: colors.dimText, children: displayTime })] }), _jsxs(Box, { gap: 1, children: [_jsx(Box, { borderBottom: false, borderColor: isSelected ? colors.primary : undefined, borderLeft: isSelected, borderRight: false, borderStyle: "bold", borderTop: false, height: "100%", width: 1 }), _jsxs(Box, { borderTop: false, flexDirection: "column", flexGrow: 1, children: [_jsx(ExecutionInput, { input: log.input }), (log.toolCalls || log.reasoningContents) && log.status === 'running' && (_jsx(ExecutionProgress, { reasoningContents: log.reasoningContents, toolCalls: log.toolCalls })), log.streamingContent && log.status === 'running' && (_jsx(StreamingText, { content: log.streamingContent, isStreaming: Boolean(log.isStreaming), maxLines: isExpand ? 0 : heights.maxContentLines, showCursor: Boolean(log.isStreaming) })), (log.status === 'failed' || log.status === 'completed') && (_jsx(ExecutionContent, { bottomMargin: 0, content: log.content ?? '', isError: log.status === 'failed', maxLines: 3 })), log.status === 'completed' && (_jsx(ExecutionChanges, { created: log.changes.created, marginTop: 1, maxChanges: heights.maxChanges, updated: log.changes.updated })), isSelected && shouldShowExpand ? (_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 ", log.type] }), _jsx(Spacer, {}), _jsx(Text, { color: colors.dimText, children: displayTime })] }), _jsxs(Box, { gap: 1, children: [_jsx(Box, { borderBottom: false, borderColor: isSelected ? colors.primary : undefined, borderLeft: isSelected, borderRight: false, borderStyle: "bold", borderTop: false, height: "100%", width: 1 }), _jsxs(Box, { borderTop: false, flexDirection: "column", flexGrow: 1, children: [_jsx(ExecutionInput, { files: log.files, folders: log.folders, input: log.input }), (log.toolCalls || log.reasoningContents) && log.status === 'running' && (_jsx(ExecutionProgress, { reasoningContents: log.reasoningContents, toolCalls: log.toolCalls })), log.streamingContent && log.status === 'running' && (_jsx(StreamingText, { content: log.streamingContent, isStreaming: Boolean(log.isStreaming), maxLines: isExpanded ? 0 : heights.maxContentLines, showCursor: Boolean(log.isStreaming) })), (log.status === 'failed' || log.status === 'completed') && (_jsx(ExecutionContent, { bottomMargin: 0, content: log.content ?? '', isError: log.status === 'failed', maxLines: 3 })), log.status === 'completed' && (_jsx(ExecutionChanges, { created: log.changes.created, isExpanded: isExpanded, marginTop: 1, maxChanges: heights.maxChanges, updated: log.changes.updated })), isSelected ? (_jsx(Text, { color: colors.dimText, children: "Show remaining output \u2022 [ctrl+o] to expand" })) : (_jsx(Text, { children: " " }))] })] })] }));
 });
-LogItem.displayName = 'LogItem';

package/dist/tui/components/footer.js

@@ -2,16 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Footer Component - Dynamic based on active tab
  */
-import { Box, Text } from 'ink';
-import { useMemo } from 'react';
-import { useMode } from '../contexts/mode-context.js';
-import { useOnboarding } from '../contexts/onboarding-context.js';
-import { useTheme } from '../contexts/theme-context.js';
+import { Box, Spacer, Text } from 'ink';
+import { useMode, useOnboarding, useTasks, useTheme } from '../contexts/index.js';
 export const Footer = () => {
     const { shortcuts } = useMode();
-    const { shouldShowOnboarding } = useOnboarding();
+    const { isLoadingOnboardingCheck, shouldShowOnboarding } = useOnboarding();
     const { theme: { colors }, } = useTheme();
-    // Filter out 'tab' shortcut during onboarding (tab switching is disabled)
-    const visibleShortcuts = useMemo(() => (shouldShowOnboarding ? shortcuts.filter((s) => s.key !== 'tab') : shortcuts), [shortcuts, shouldShowOnboarding]);
-    return (_jsx(Box, { paddingX: 1, width: "100%", children: visibleShortcuts.map((shortcut, index) => (_jsxs(Box, { children: [index > 0 && _jsx(Text, { color: colors.dimText, children: " \u2022 " }), _jsx(Text, { color: colors.text, children: shortcut.key }), _jsxs(Text, { color: colors.dimText, children: [" ", shortcut.description] })] }, shortcut.key))) }));
+    const { stats: taskStats } = useTasks();
+    if (shouldShowOnboarding || isLoadingOnboardingCheck) {
+        return _jsx(Box, { height: 1, paddingX: 1, width: "100%" });
+    }
+    return (_jsxs(Box, { paddingX: 1, width: "100%", children: [_jsxs(Box, { flexShrink: 0, children: [_jsx(Text, { color: colors.dimText, children: "~ in queue: " }), _jsx(Text, { color: colors.warning, children: taskStats?.created ?? 0 }), _jsx(Text, { color: colors.dimText, children: " | running: " }), _jsx(Text, { color: colors.primary, children: taskStats?.started ?? 0 })] }), _jsx(Spacer, {}), shortcuts.map((shortcut, index) => (_jsxs(Box, { children: [index > 0 && _jsx(Text, { color: colors.dimText, children: " \u2022 " }), _jsx(Text, { color: colors.text, children: shortcut.key }), _jsxs(Text, { color: colors.dimText, children: [" ", shortcut.description] })] }, shortcut.key)))] }));
 };

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

@@ -7,12 +7,8 @@
  * - Queue stats (pending/processing)
  */
 import React from 'react';
-import { TaskStats } from '../types/ui.js';
 interface HeaderProps {
     compact?: boolean;
-    connectedAgent?: string;
-    showStatusLine?: boolean;
-    taskStats?: TaskStats;
 }
 export declare const Header: React.FC<HeaderProps>;
 export {};

package/dist/tui/components/header.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Header Component
  *
@@ -7,35 +7,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * - Connected agent status
  * - Queue stats (pending/processing)
  */
-import { Box, Text } from 'ink';
-import { useEffect, useState } from 'react';
-import { useServices, useStatus } from '../contexts/index.js';
-import { useTheme } from '../contexts/theme-context.js';
-import { useTerminalBreakpoint } from '../hooks/use-terminal-breakpoint.js';
+import { Box } from 'ink';
+import { useServices } from '../contexts/index.js';
 import { Logo } from './logo.js';
-import { StatusBadge } from './status-badge.js';
-export const Header = ({ compact, showStatusLine, taskStats: transportStats }) => {
+export const Header = ({ compact }) => {
     const { version } = useServices();
-    const { theme } = useTheme();
-    const { breakpoint } = useTerminalBreakpoint();
-    const { currentEvent } = useStatus();
-    const [breakpointWarning, setBreakpointWarning] = useState(null);
-    useEffect(() => {
-        if (breakpoint === 'compact') {
-            setBreakpointWarning({
-                message: 'Terminal too small - expand for better experience',
-                type: 'warning',
-            });
-        }
-        else {
-            setBreakpointWarning(null);
-        }
-    }, [breakpoint]);
-    // Status event takes priority over breakpoint warning
-    const displayStatus = currentEvent
-        ? { label: currentEvent.label, message: currentEvent.message, type: currentEvent.type }
-        : breakpointWarning
-            ? { label: breakpointWarning.type, message: breakpointWarning.message, type: breakpointWarning.type }
-            : null;
-    return (_jsxs(Box, { flexDirection: "column", width: "100%", children: [_jsx(Logo, { compact: compact, version: version }), showStatusLine && (_jsxs(Box, { gap: 2, justifyContent: "space-between", children: [_jsx(StatusBadge, { label: displayStatus?.label ?? 'Idle', message: displayStatus?.message ?? 'Ready', type: displayStatus?.type ?? 'info' }), _jsxs(Box, { flexShrink: 0, paddingRight: 1, children: [_jsx(Text, { children: "~ in queue: " }), _jsx(Text, { color: theme.colors.warning, children: transportStats?.created ?? 0 }), _jsx(Text, { children: " | running: " }), _jsx(Text, { color: theme.colors.primary, children: transportStats?.started ?? 0 })] })] }))] }));
+    return (_jsx(Box, { flexDirection: "column", marginBottom: 1, width: "100%", children: _jsx(Logo, { compact: compact, version: version }) }));
 };

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

@@ -2,17 +2,24 @@
  * TUI Components
  */
 export { CommandDetails } from './command-details.js';
+export { CommandInput } from './command-input.js';
+export { CommandItem } from './command-item.js';
+export type { CommandItemProps } from './command-item.js';
+export { CommandOutput, ExpandedCommandView as ExpandedMessageView, LiveStreamingOutput, MAX_OUTPUT_LINES, processMessagesForActions, StreamingMessageItem, } from './command/index.js';
+export type { CommandOutputProps, ExpandedCommandViewProps as ExpandedMessageViewProps, LiveStreamingOutputProps, ProcessedMessage, StreamingMessageItemProps, } from './command/index.js';
 export { EnterPrompt } from './enter-prompt.js';
 export { ExecutionChanges, ExecutionContent, ExecutionInput, ExecutionProgress, ExecutionStatus, ExpandedLogView, LogItem, truncateContent, } from './execution/index.js';
 export { Footer } from './footer.js';
 export { Header } from './header.js';
 export { Init } from './init.js';
 export type { InitProps } from './init.js';
+export { List } from './list.js';
 export { Logo } from './logo.js';
 export type { LogoVariant } from './logo.js';
 export { Markdown } from './markdown.js';
 export { MessageItem } from './message-item.js';
-export { CopyablePrompt, OnboardingFlow, OnboardingStep, WelcomeBox } from './onboarding/index.js';
+export { MessageList } from './message-list.js';
+export { CopyablePrompt, OnboardingStep, WelcomeBox } from './onboarding/index.js';
 export type { OnboardingStepType } from './onboarding/index.js';
 export { OutputLog } from './output-log.js';
 export { ReasoningText } from './reasoning-text.js';

package/dist/tui/components/index.js

@@ -2,15 +2,20 @@
  * TUI Components
  */
 export { CommandDetails } from './command-details.js';
+export { CommandInput } from './command-input.js';
+export { CommandItem } from './command-item.js';
+export { CommandOutput, ExpandedCommandView as ExpandedMessageView, LiveStreamingOutput, MAX_OUTPUT_LINES, processMessagesForActions, StreamingMessageItem, } from './command/index.js';
 export { EnterPrompt } from './enter-prompt.js';
 export { ExecutionChanges, ExecutionContent, ExecutionInput, ExecutionProgress, ExecutionStatus, ExpandedLogView, LogItem, truncateContent, } from './execution/index.js';
 export { Footer } from './footer.js';
 export { Header } from './header.js';
 export { Init } from './init.js';
+export { List } from './list.js';
 export { Logo } from './logo.js';
 export { Markdown } from './markdown.js';
 export { MessageItem } from './message-item.js';
-export { CopyablePrompt, OnboardingFlow, OnboardingStep, WelcomeBox } from './onboarding/index.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';
 export { ScrollableList } from './scrollable-list.js';

package/dist/tui/components/init.js

@@ -133,12 +133,6 @@ export const Init = ({ active = true, autoStart = false, idleMessage = 'Your pro
             };
             try {
                 await result.execute(onMessage, onPrompt);
-                // Reload auth to detect config change
-                await reloadAuth();
-                // Restart agent to pick up new project state
-                if (client) {
-                    await client.request('agent:restart', { reason: 'Project initialized' });
-                }
                 // Call completion callback if provided
                 if (onInitComplete) {
                     onInitComplete();

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

@@ -0,0 +1,16 @@
+/**
+ * List Component
+ *
+ * Renders a scrollable list using ink-scroll-list with children
+ */
+import React, { ReactNode } from 'react';
+interface ListProps {
+    /** Children to render in the list */
+    children: ReactNode;
+    /** Available height for the list (in terminal rows) */
+    height: number;
+    /** Currently selected item index */
+    selectedIndex: number;
+}
+export declare const List: React.FC<ListProps>;
+export {};

package/dist/tui/components/list.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * List Component
+ *
+ * Renders a scrollable list using ink-scroll-list with children
+ */
+import { useStdout } from 'ink';
+import { ScrollList } from 'ink-scroll-list';
+import { useEffect, useRef, useState } from 'react';
+export const List = ({ children, height, selectedIndex }) => {
+    const scrollListRef = useRef(null);
+    const { stdout } = useStdout();
+    const [, setResizeKey] = useState(0);
+    useEffect(() => {
+        const handleResize = () => {
+            setResizeKey((prev) => prev + 1);
+        };
+        stdout?.on('resize', handleResize);
+        return () => {
+            stdout?.off('resize', handleResize);
+        };
+    }, [stdout]);
+    return (_jsx(ScrollList, { height: height, ref: scrollListRef, scrollAlignment: "auto", selectedIndex: selectedIndex, children: children }));
+};

package/dist/tui/components/logo.js

@@ -93,10 +93,10 @@ export const Logo = ({ compact, version }) => {
     if (variant === 'text') {
         const textContent = MINI_LOGO + (version ? ` v${version}` : '') + (isLatestVersion ? ' (latest)' : '');
         const padEnd = calculatePadEnd(textContent.length, terminalWidth);
-        return (_jsxs(Box, { children: [_jsx(Text, { color: colors.logoDecor, children: PAD_START }), _jsxs(Text, { children: [_jsx(Text, { bold: true, color: colors.logoBold, children: MINI_LOGO }), version && _jsxs(Text, { color: colors.logoVersion, children: [" v", version] }), isLatestVersion && _jsx(Text, { color: colors.logoVersion, children: " (latest)" })] }), _jsx(Text, { color: colors.logoDecor, children: padEnd })] }));
+        return (_jsxs(Box, { children: [_jsx(Text, { color: colors.primary, children: PAD_START }), _jsxs(Text, { children: [_jsx(Text, { bold: true, color: colors.primary, children: MINI_LOGO }), version && _jsxs(Text, { color: colors.primary, children: [" v", version] }), isLatestVersion && _jsx(Text, { color: colors.primary, children: " (latest)" })] }), _jsx(Text, { color: colors.primary, children: padEnd })] }));
     }
     // ASCII logo with header line and version
-    return (_jsxs(Box, { flexDirection: "column", children: [headerLine && (_jsxs(Box, { children: [_jsx(Text, { color: colors.logoDecor, children: headerLine.padStart }), _jsxs(Text, { children: [_jsx(Text, { children: headerLine.brv }), _jsx(Text, { children: headerLine.spaces }), _jsx(Text, { color: colors.logoVersion, children: headerLine.version })] }), _jsx(Text, { color: colors.logoDecor, children: headerLine.padEnd })] })), logoLines.map((line, index) => (_jsxs(Box, { children: [_jsx(Text, { color: colors.logoDecor, children: line.padStart }), _jsx(Text, { color: colors.logoBold, children: line.content }), _jsx(Text, { color: colors.logoDecor, children: line.padEnd })] }, index)))] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [headerLine && (_jsxs(Box, { children: [_jsx(Text, { color: colors.primary, children: headerLine.padStart }), _jsxs(Text, { children: [_jsx(Text, { children: headerLine.brv }), _jsx(Text, { children: headerLine.spaces }), _jsx(Text, { color: colors.primary, children: headerLine.version })] }), _jsx(Text, { color: colors.primary, children: headerLine.padEnd })] })), logoLines.map((line, index) => (_jsxs(Box, { children: [_jsx(Text, { color: colors.primary, children: line.padStart }), _jsx(Text, { color: colors.primary, children: line.content }), _jsx(Text, { color: colors.primary, children: line.padEnd })] }, index)))] }));
 };
 /**
  * Export utilities for external use

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

@@ -6,7 +6,11 @@
 import React from 'react';
 import type { CommandMessage } from '../types.js';
 interface MessageItemProps {
+    isActive?: boolean;
+    isExpanded?: boolean;
+    isSelected?: boolean;
     message: CommandMessage;
+    onClose?: () => void;
 }
 export declare const MessageItem: React.FC<MessageItemProps>;
 export {};

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

@@ -1,12 +1,22 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 /**
  * MessageItem Component
  *
  * Displays a single command message with the command name and result
  */
-import { Box, Text } from 'ink';
+import { Box, Spacer, Text, useInput } from 'ink';
 import { useTheme } from '../hooks/index.js';
-export const MessageItem = ({ message }) => {
+import { formatTime } from '../utils/index.js';
+export const MessageItem = ({ isActive, isExpanded, isSelected, message, onClose }) => {
     const { theme: { colors } } = useTheme();
-    return (_jsxs(Box, { alignItems: "flex-start", flexDirection: "column", marginBottom: 1, width: "100%", children: [_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Box, { borderBottom: false, borderLeftColor: colors.primary, borderRight: false, borderStyle: "bold", borderTop: false }), _jsx(Text, { children: message.fromCommand })] }), _jsx(Box, { borderColor: colors.border, borderStyle: "single", width: "100%", children: _jsx(Text, { children: message.content }) })] }));
+    const displayTime = message.timestamp ? formatTime(message.timestamp) : '';
+    useInput((input, key) => {
+        if ((key.ctrl && input === 'o') || key.escape) {
+            onClose?.();
+        }
+    }, { isActive: isActive && isExpanded });
+    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: " " }))] })] })] }));
 };

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

@@ -0,0 +1,16 @@
+/**
+ * MessageList Component
+ *
+ * Composes activity logs and command messages into a unified list.
+ */
+import React from 'react';
+interface MessageListProps {
+    /** Index of the currently expanded item (null if none) */
+    expandedIndex: null | number;
+    /** Available height for the list (in terminal rows) */
+    height: number;
+    /** Callback when expanded index changes */
+    onExpandedIndexChange: (index: null | number) => void;
+}
+export declare const MessageList: React.FC<MessageListProps>;
+export {};

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

@@ -0,0 +1,120 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * MessageList Component
+ *
+ * Composes activity logs and command messages into a unified list.
+ */
+import { Box, Text, useInput } from 'ink';
+import { useEffect, useMemo, useState } from 'react';
+import { useCommands } from '../contexts/commands-context.js';
+import { useAuth } from '../contexts/index.js';
+import { useActivityLogs, useMode, useOnboarding, useOnboardingLogs, useTerminalBreakpoint, useUIHeights } from '../hooks/index.js';
+import { InitView } from '../views/index.js';
+import { CommandItem } from './command-item.js';
+import { ExpandedCommandView } from './command/index.js';
+import { ExpandedLogView } from './execution/expanded-log-view.js';
+import { LogItem } from './execution/log-item.js';
+import { List } from './list.js';
+import { OnboardingItem } from './onboarding-item.js';
+import { WelcomeBox } from './onboarding/welcome-box.js';
+export const MessageList = ({ expandedIndex, height, onExpandedIndexChange }) => {
+    const { logs: logsMessages } = useActivityLogs();
+    const { logs: onboardingMessages } = useOnboardingLogs();
+    const { activePrompt, messages: commandMessages } = useCommands();
+    const { columns: terminalWidth } = useTerminalBreakpoint();
+    const { mode } = useMode();
+    const { completeInitFlow, isLoadingOnboardingCheck, shouldShowInit, shouldShowOnboarding } = useOnboarding();
+    const { isLoadingUser } = useAuth();
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const { messageItem } = useUIHeights();
+    const messages = useMemo(() => {
+        const onboardingItems = onboardingMessages.map((log) => ({
+            data: log,
+            timestamp: log.timestamp,
+            type: 'onboarding',
+        }));
+        const logItems = logsMessages
+            .filter((log) => !onboardingMessages.some((ob) => ob.id === log.id))
+            .map((log) => ({
+            data: log,
+            timestamp: log.timestamp,
+            type: 'log',
+        }));
+        const commandItems = commandMessages.map((message) => ({
+            data: message,
+            timestamp: message.timestamp,
+            type: 'command',
+        }));
+        return [...onboardingItems, ...logItems, ...commandItems].sort((a, b) => {
+            if (!a.timestamp)
+                return 1;
+            if (!b.timestamp)
+                return -1;
+            return a.timestamp.getTime() - b.timestamp.getTime();
+        });
+    }, [onboardingMessages, logsMessages, commandMessages]);
+    useEffect(() => {
+        if (messages.length === 0)
+            return;
+        setSelectedIndex(messages.length - 1);
+    }, [messages.length]);
+    useInput((input, key) => {
+        if (key.ctrl && input === 'o') {
+            if (expandedIndex === selectedIndex) {
+                onExpandedIndexChange(null);
+            }
+            else {
+                onExpandedIndexChange(selectedIndex);
+            }
+        }
+        if (key.upArrow) {
+            setSelectedIndex((prev) => Math.max(0, prev - 1));
+        }
+        if (key.downArrow) {
+            setSelectedIndex((prev) => Math.min(prev + 1, messages.length - 1));
+        }
+        if (key.escape && expandedIndex !== null) {
+            onExpandedIndexChange(null);
+        }
+    }, { isActive: mode === 'main' && messages.length > 0 && expandedIndex === null && !shouldShowOnboarding && !activePrompt });
+    // Get the expanded message based on expandedIndex
+    const expandedMessage = expandedIndex === null ? null : messages[expandedIndex];
+    if (isLoadingUser || isLoadingOnboardingCheck) {
+        return null;
+    }
+    if (messages.length === 0 && shouldShowOnboarding) {
+        return (_jsx(Box, { flexDirection: "column", flexGrow: 1, children: _jsx(Text, { bold: true, children: "Welcome to ByteRover." }) }));
+    }
+    if (shouldShowInit) {
+        return _jsx(InitView, { availableHeight: height, onInitComplete: completeInitFlow });
+    }
+    if (messages.length === 0) {
+        return (_jsx(Box, { flexDirection: "column", flexGrow: 1, children: _jsx(WelcomeBox, { isCopyActive: false }) }));
+    }
+    if (expandedMessage && (expandedMessage.type === 'log' || expandedMessage.type === 'onboarding')) {
+        return (_jsx(ExpandedLogView, { availableHeight: height, isActive: mode === 'main', log: expandedMessage.data, onClose: () => onExpandedIndexChange(null) }));
+    }
+    if (expandedMessage && expandedMessage.type === 'command') {
+        return (_jsx(ExpandedCommandView, { availableHeight: height, isActive: mode === 'main', message: expandedMessage.data, onClose: () => onExpandedIndexChange(null), terminalWidth: terminalWidth }));
+    }
+    return (_jsx(List, { height: height, selectedIndex: selectedIndex, children: messages.map((item, index) => {
+            const key = (() => {
+                const timestamp = item.timestamp?.getTime() ?? 0;
+                if (item.type === 'command')
+                    return `command-${item.data.fromCommand}-${timestamp}-${index}`;
+                if (item.type === 'onboarding')
+                    return `onboarding-${item.data.type}-${timestamp}-${index}`;
+                return `log-${item.data.id}-${timestamp}-${index}`;
+            })();
+            if (item.type === 'command') {
+                return (_jsx(Box, { children: _jsx(CommandItem, { isLastMessage: index === messages.length - 1, isSelected: selectedIndex === index, message: item.data, terminalWidth: terminalWidth }) }, key));
+            }
+            if (item.type === 'onboarding') {
+                return (_jsx(Box, { children: _jsx(OnboardingItem, { isSelected: selectedIndex === index, log: item.data, shouldShowExpand: !shouldShowOnboarding }) }, key));
+            }
+            return (_jsx(Box, { children: _jsx(LogItem, { heights: {
+                        ...messageItem,
+                        maxContentLines: 2
+                    }, isSelected: selectedIndex === index, log: item.data }) }, key));
+        }) }));
+};

package/dist/tui/components/onboarding/index.d.ts

@@ -2,7 +2,6 @@
  * Onboarding Components
  */
 export { CopyablePrompt } from './copyable-prompt.js';
-export { OnboardingFlow } from './onboarding-flow.js';
 export { OnboardingStep } from './onboarding-step.js';
 export type { OnboardingStepType } from './onboarding-step.js';
 export { WelcomeBox } from './welcome-box.js';

package/dist/tui/components/onboarding/index.js

@@ -2,6 +2,5 @@
  * Onboarding Components
  */
 export { CopyablePrompt } from './copyable-prompt.js';
-export { OnboardingFlow } from './onboarding-flow.js';
 export { OnboardingStep } from './onboarding-step.js';
 export { WelcomeBox } from './welcome-box.js';

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

@@ -5,7 +5,7 @@ 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 } from 'react';
+import { useMemo, useRef } from 'react';
 import { useTheme } from '../../hooks/index.js';
 import { formatTime } from '../../utils/time.js';
 import { CopyablePrompt } from './copyable-prompt.js';
@@ -19,5 +19,6 @@ export const WelcomeBox = ({ isCopyActive }) => {
         const randomIndex = Math.floor(Math.random() * welcomeExamplePrompts.length);
         return welcomeExamplePrompts[randomIndex];
     }, []);
-    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, width: "100%", children: [_jsxs(Box, { children: [_jsx(Text, { color: colors.dimText, children: "@agent" }), _jsx(Spacer, {}), _jsxs(Text, { color: colors.dimText, children: ["[", formatTime(new Date()), "]"] })] }), _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 })] }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: colors.text, dimColor: true, children: "Press [Tab] to switch to Console mode" }) })] })] })] }));
+    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 })] }) })] })] })] }));
 };

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

@@ -0,0 +1,17 @@
+/**
+ * Onboarding Item Component
+ *
+ * Displays a single onboarding log entry during the onboarding flow.
+ */
+import React from 'react';
+import type { ActivityLog } from '../types.js';
+interface OnboardingItemProps {
+    /** Whether this item is currently selected */
+    isSelected?: boolean;
+    /** The onboarding log to display */
+    log: Pick<ActivityLog, 'changes' | 'content' | 'id' | 'input' | 'status' | 'timestamp' | 'type'>;
+    /** Whether to show the expand/collapse indicator */
+    shouldShowExpand?: boolean;
+}
+export declare const OnboardingItem: React.FC<OnboardingItemProps>;
+export {};

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

@@ -0,0 +1,30 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Onboarding Item Component
+ *
+ * Displays a single onboarding log entry during the onboarding flow.
+ */
+import { Box, Spacer, Text } from 'ink';
+import { useEffect, useState } from 'react';
+import { useTheme } from '../hooks/index.js';
+import { formatTime } from '../utils/index.js';
+import { ExecutionChanges, ExecutionContent, ExecutionInput } from './index.js';
+/**
+ * Animated processing indicator that cycles through dots: "Processing." -> "Processing.." -> "Processing..."
+ */
+const ProcessingIndicator = ({ color }) => {
+    const [dotCount, setDotCount] = useState(1);
+    useEffect(() => {
+        const interval = setInterval(() => {
+            setDotCount((prev) => (prev >= 3 ? 1 : prev + 1));
+        }, 800);
+        return () => clearInterval(interval);
+    }, []);
+    const dots = '.'.repeat(dotCount);
+    return (_jsxs(Text, { color: color, italic: true, children: ["Processing", dots] }));
+};
+export const OnboardingItem = ({ isSelected, log, shouldShowExpand }) => {
+    const { theme: { colors }, } = useTheme();
+    const displayTime = formatTime(log.timestamp);
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, width: "100%", children: [_jsxs(Box, { gap: 1, children: [_jsxs(Text, { color: colors.primary, children: ["\u2022 ", log.type] }), _jsx(Spacer, {}), _jsx(Text, { color: colors.dimText, children: displayTime })] }), _jsxs(Box, { gap: 1, children: [_jsx(Box, { borderBottom: false, borderColor: isSelected ? colors.primary : undefined, borderLeft: isSelected, borderRight: false, borderStyle: "bold", borderTop: false, height: "100%", width: 1 }), _jsxs(Box, { borderTop: false, flexDirection: "column", flexGrow: 1, children: [_jsx(ExecutionInput, { input: log.input }), log.status === 'running' && _jsx(ProcessingIndicator, { color: colors.dimText }), (log.status === 'failed' || log.status === 'completed') && (_jsx(ExecutionContent, { bottomMargin: 0, content: log.content ?? '', isError: log.status === 'failed', maxLines: 3 })), log.status === 'completed' && (_jsx(ExecutionChanges, { created: log.changes.created, isExpanded: false, marginTop: 1, maxChanges: { created: 3, updated: 3 }, updated: log.changes.updated })), shouldShowExpand && (isSelected ? (_jsx(Text, { color: colors.dimText, children: "Show remaining output \u2022 [ctrl+o] to expand" })) : (_jsx(Text, { children: " " })))] })] })] }));
+};

package/dist/tui/components/provider-dialog.d.ts

@@ -5,7 +5,7 @@
  * Shows available providers grouped by category with connection status.
  */
 import React from 'react';
-import { type ProviderDefinition } from '../../core/domain/entities/provider-registry.js';
+import { ProviderDefinition } from '../../server/core/domain/entities/provider-registry.js';
 /**
  * Props for ProviderDialog.
  */

package/dist/tui/components/provider-dialog.js

@@ -7,7 +7,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { Box, Text } from 'ink';
 import { useMemo } from 'react';
-import { getProvidersGroupedByCategory, } from '../../core/domain/entities/provider-registry.js';
+import { getProvidersGroupedByCategory } from '../../server/core/domain/entities/provider-registry.js';
 import { useTheme } from '../contexts/theme-context.js';
 import { SelectableList } from './selectable-list.js';
 /**