byterover-cli 1.1.0 → 1.2.0

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

@@ -0,0 +1,75 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Expanded Log View Component
+ *
+ * Full-screen overlay displaying a single log item with scrollable content.
+ * Activated by Ctrl+O on a selected log item, dismissed with Ctrl+O or Esc.
+ */
+import { Box, Spacer, Text, useInput, useStdout } from 'ink';
+import { ScrollView } from 'ink-scroll-view';
+import { useEffect, useRef, useState } from 'react';
+import { useTheme } from '../../hooks/index.js';
+import { formatTime } from '../../utils/index.js';
+import { ExecutionChanges } from './execution-changes.js';
+import { ExecutionContent } from './execution-content.js';
+import { ExecutionProgress } from './execution-progress.js';
+import { ExecutionStatus } from './execution-status.js';
+export const ExpandedLogView = ({ availableHeight, isActive, log, onClose, }) => {
+    const { theme: { colors }, } = useTheme();
+    const { stdout } = useStdout();
+    const scrollViewRef = useRef(null);
+    const [hasMoreBelow, setHasMoreBelow] = useState(false);
+    const updateScrollIndicator = () => {
+        if (!scrollViewRef.current)
+            return;
+        const currentOffset = scrollViewRef.current.getScrollOffset();
+        const maxOffset = scrollViewRef.current.getBottomOffset();
+        setHasMoreBelow(currentOffset < maxOffset);
+    };
+    useEffect(() => {
+        const timer = setTimeout(updateScrollIndicator, 50);
+        return () => clearTimeout(timer);
+    }, [log]);
+    // Terminal resize handling
+    useEffect(() => {
+        const handleResize = () => {
+            scrollViewRef.current?.remeasure();
+            updateScrollIndicator();
+        };
+        stdout?.on('resize', handleResize);
+        return () => {
+            stdout?.off('resize', handleResize);
+        };
+    }, [stdout]);
+    useInput((input, key) => {
+        if (!scrollViewRef.current)
+            return;
+        if ((key.ctrl && input === 'o') || key.escape) {
+            onClose();
+        }
+        if (key.upArrow || input === 'k') {
+            scrollViewRef.current.scrollBy(-1);
+            updateScrollIndicator();
+        }
+        if (key.downArrow || input === 'j') {
+            const currentOffset = scrollViewRef.current.getScrollOffset();
+            const maxOffset = scrollViewRef.current.getBottomOffset();
+            const newOffset = Math.min(currentOffset + 1, maxOffset);
+            scrollViewRef.current.scrollTo(newOffset);
+            updateScrollIndicator();
+        }
+        if (input === 'g') {
+            scrollViewRef.current.scrollTo(0);
+            updateScrollIndicator();
+        }
+        if (input === 'G') {
+            scrollViewRef.current.scrollTo(scrollViewRef.current.getBottomOffset());
+            updateScrollIndicator();
+        }
+    }, { isActive });
+    const displayTime = formatTime(log.timestamp);
+    return (_jsxs(Box, { flexDirection: "column", height: "100%", paddingX: 2, width: "100%", children: [_jsxs(Box, { children: [_jsxs(Text, { color: log.type === 'curate' ? colors.curateCommand : colors.queryCommand, children: ["[", log.type, "] "] }), _jsxs(Text, { color: colors.dimText, children: ["@", log.source ?? 'system'] }), _jsx(Text, { dimColor: true, children: "  -  [ctrl+o/esc] close | [\u2191\u2193/jk] scroll | [g/G] top/bottom" }), _jsx(Spacer, {}), _jsxs(Text, { color: colors.dimText, children: ["[", displayTime, "]"] })] }), _jsxs(Box, { borderColor: colors.border, borderStyle: "single", flexDirection: "column", height: availableHeight - 1, children: [_jsxs(ScrollView, { height: availableHeight - 2, ref: scrollViewRef, children: [_jsx(Box, { marginBottom: 1, paddingX: 1, children: _jsx(Text, { children: log.input }) }), _jsxs(Box, { flexDirection: "column", paddingX: 1, children: [log.progress && (_jsx(ExecutionProgress, { isExpand: true, maxLines: Number.MAX_SAFE_INTEGER, progress: log.progress })), _jsx(ExecutionStatus, { status: log.status })] }), (log.status === 'failed' || log.status === 'completed') && (_jsx(Box, { paddingX: 1, children: _jsx(ExecutionContent, { bottomMargin: 0, content: log.content ?? '', isError: log.status === 'failed', isExpand: true, maxLines: Number.MAX_SAFE_INTEGER }) })), log.status === 'completed' && (_jsx(Box, { paddingX: 1, children: _jsx(ExecutionChanges, { created: log.changes.created, isExpand: 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 ? '↓' : ' ' }) })] })] }));
+};

package/dist/tui/components/execution/expanded-message-view.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Expanded Message View Component
+ *
+ * Full-screen overlay displaying a single command message with scrollable output.
+ * Activated by Ctrl+O on a selected message, dismissed with Ctrl+O or Esc.
+ */
+import React from 'react';
+import type { CommandMessage } from '../../types.js';
+interface ExpandedMessageViewProps {
+    /** Available height for the expanded view (in terminal rows) */
+    availableHeight: number;
+    /** Whether input handling is active */
+    isActive: boolean;
+    /** The message to display in expanded view */
+    message: CommandMessage;
+    /** Index of the message */
+    messageIndex: number;
+    /** Callback when the view should close */
+    onClose: () => void;
+    /** Render function for the message item */
+    renderMessageItem: (msg: CommandMessage, index: number, isExpanded?: boolean) => React.ReactNode;
+}
+export declare const ExpandedMessageView: React.FC<ExpandedMessageViewProps>;
+export {};

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

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Expanded Message View Component
+ *
+ * Full-screen overlay displaying a single command message with scrollable output.
+ * Activated by Ctrl+O on a selected message, dismissed with Ctrl+O or Esc.
+ */
+import { Box, Spacer, Text, useInput, useStdout } from 'ink';
+import { ScrollView } from 'ink-scroll-view';
+import { useEffect, useRef, useState } from 'react';
+import { useTheme } from '../../hooks/index.js';
+export const ExpandedMessageView = ({ availableHeight, isActive, message, messageIndex, onClose, renderMessageItem, }) => {
+    const { theme: { colors }, } = useTheme();
+    const { stdout } = useStdout();
+    const scrollViewRef = useRef(null);
+    const [hasMoreBelow, setHasMoreBelow] = useState(false);
+    const updateScrollIndicator = () => {
+        if (!scrollViewRef.current)
+            return;
+        const currentOffset = scrollViewRef.current.getScrollOffset();
+        const maxOffset = scrollViewRef.current.getBottomOffset();
+        setHasMoreBelow(currentOffset < maxOffset);
+    };
+    // Initial scroll position check
+    useEffect(() => {
+        // Delay to allow ScrollView to measure content
+        const timer = setTimeout(updateScrollIndicator, 50);
+        return () => clearTimeout(timer);
+    }, [message]);
+    // Terminal resize handling
+    useEffect(() => {
+        const handleResize = () => {
+            scrollViewRef.current?.remeasure();
+            updateScrollIndicator();
+        };
+        stdout?.on('resize', handleResize);
+        return () => {
+            stdout?.off('resize', handleResize);
+        };
+    }, [stdout]);
+    useInput((input, key) => {
+        if (!scrollViewRef.current)
+            return;
+        if ((key.ctrl && input === 'o') || key.escape) {
+            onClose();
+        }
+        if (key.upArrow || input === 'k') {
+            scrollViewRef.current.scrollBy(-1);
+            updateScrollIndicator();
+        }
+        if (key.downArrow || input === 'j') {
+            const currentOffset = scrollViewRef.current.getScrollOffset();
+            const maxOffset = scrollViewRef.current.getBottomOffset();
+            const newOffset = Math.min(currentOffset + 1, maxOffset);
+            scrollViewRef.current.scrollTo(newOffset);
+            updateScrollIndicator();
+        }
+        if (input === 'g') {
+            scrollViewRef.current.scrollTo(0);
+            updateScrollIndicator();
+        }
+        if (input === 'G') {
+            scrollViewRef.current.scrollTo(scrollViewRef.current.getBottomOffset());
+            updateScrollIndicator();
+        }
+    }, { isActive });
+    return (_jsxs(Box, { flexDirection: "column", height: "100%", paddingX: 2, width: "100%", children: [_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "[ctrl+o/esc] close | [\u2191\u2193/jk] scroll | [g/G] top/bottom" }), _jsx(Spacer, {})] }), _jsxs(Box, { borderColor: colors.border, borderStyle: "single", flexDirection: "column", flexGrow: 1, height: availableHeight - 1, children: [_jsx(ScrollView, { height: availableHeight - 2, ref: scrollViewRef, children: renderMessageItem(message, messageIndex, true) }), _jsx(Box, { justifyContent: "center", children: _jsx(Text, { color: colors.dimText, children: hasMoreBelow ? "↓" : " " }) })] })] }));
+};

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

@@ -8,4 +8,6 @@ export { ExecutionContent, truncateContent } from './execution-content.js';
 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

@@ -8,4 +8,6 @@ export { ExecutionContent, truncateContent } from './execution-content.js';
 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

@@ -9,6 +9,10 @@ import type { ActivityLog } from '../../types.js';
 interface LogItemProps {
     /** Dynamic heights based on terminal breakpoint */
     heights: MessageItemHeights;
+    /** Whether content should be fully expanded (no truncation) */
+    isExpand?: boolean;
+    /** Whether this log item is currently selected */
+    isSelected?: boolean;
     /** The activity log to display */
     log: ActivityLog;
 }

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

@@ -12,8 +12,8 @@ import { ExecutionContent } from './execution-content.js';
 import { ExecutionInput } from './execution-input.js';
 import { ExecutionProgress } from './execution-progress.js';
 import { ExecutionStatus } from './execution-status.js';
-export const LogItem = ({ heights, log }) => {
+export const LogItem = ({ heights, isExpand, isSelected, log }) => {
     const { theme: { colors }, } = useTheme();
     const displayTime = formatTime(log.timestamp);
-    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, width: "100%", children: [_jsxs(Box, { children: [_jsxs(Text, { color: log.type === 'curate' ? colors.curateCommand : colors.queryCommand, children: ["[", log.type, "] "] }), _jsxs(Text, { color: colors.dimText, children: ["@", log.source ?? 'system'] }), _jsx(Spacer, {}), _jsxs(Text, { color: colors.dimText, children: ["[", displayTime, "]"] })] }), _jsx(ExecutionInput, { input: log.input }), _jsxs(Box, { flexDirection: "column", children: [log.progress && _jsx(ExecutionProgress, { maxLines: heights.maxProgressItems, progress: log.progress }), _jsx(ExecutionStatus, { status: log.status })] }), (log.status === 'failed' || log.status === 'completed') && (_jsx(ExecutionContent, { bottomMargin: heights.contentBottomMargin, content: log.content ?? '', isError: log.status === 'failed', maxLines: heights.maxContentLines })), log.status === 'completed' && (_jsx(ExecutionChanges, { created: log.changes.created, maxChanges: heights.maxChanges, updated: log.changes.updated }))] }));
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, width: "100%", children: [_jsxs(Box, { children: [_jsxs(Text, { color: log.type === 'curate' ? colors.curateCommand : colors.queryCommand, children: ["[", log.type, "] "] }), _jsxs(Text, { color: colors.dimText, children: ["@", log.source ?? 'system'] }), isSelected && (_jsxs(Text, { dimColor: true, italic: true, children: ["  \u2190  [ctrl+o] to ", isExpand ? 'collapse' : 'expand'] })), _jsx(Spacer, {}), _jsxs(Text, { color: colors.dimText, children: ["[", displayTime, "]"] })] }), _jsx(ExecutionInput, { input: log.input, isExpand: isExpand }), _jsxs(Box, { flexDirection: "column", children: [log.progress && (_jsx(ExecutionProgress, { isExpand: isExpand, maxLines: heights.maxProgressItems, progress: log.progress })), _jsx(ExecutionStatus, { status: log.status })] }), (log.status === 'failed' || log.status === 'completed') && (_jsx(ExecutionContent, { bottomMargin: heights.contentBottomMargin, content: log.content ?? '', isError: log.status === 'failed', isExpand: isExpand, maxLines: heights.maxContentLines })), log.status === 'completed' && (_jsx(ExecutionChanges, { created: log.changes.created, isExpand: isExpand, maxChanges: heights.maxChanges, updated: log.changes.updated }))] }));
 };

package/dist/tui/components/footer.js

@@ -13,5 +13,5 @@ export const Footer = () => {
     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, { gap: 1, 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))) }));
+    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))) }));
 };

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

@@ -3,13 +3,14 @@
  */
 export { CommandDetails } from './command-details.js';
 export { EnterPrompt } from './enter-prompt.js';
-export { ExecutionChanges, ExecutionContent, ExecutionInput, ExecutionProgress, ExecutionStatus, LogItem, truncateContent, } from './execution/index.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 { 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 type { OnboardingStepType } from './onboarding/index.js';

package/dist/tui/components/index.js

@@ -3,11 +3,12 @@
  */
 export { CommandDetails } from './command-details.js';
 export { EnterPrompt } from './enter-prompt.js';
-export { ExecutionChanges, ExecutionContent, ExecutionInput, ExecutionProgress, ExecutionStatus, LogItem, truncateContent, } from './execution/index.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 { 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 { OutputLog } from './output-log.js';

package/dist/tui/components/init.js

@@ -237,17 +237,10 @@ export const Init = ({ active = true, autoStart = false, idleMessage = 'Your pro
         handleSelectResponse,
         maxSearchItems,
     ]);
-    // Running state - show streaming output
-    if (isRunningInit) {
-        const { displayMessages } = getMessagesFromEnd(processedStreamingMessages, maxOutputLines);
-        return (_jsx(Box, { flexDirection: "column", width: "100%", children: _jsxs(Box, { borderColor: colors.border, borderStyle: "single", flexDirection: "column", paddingX: 1, paddingY: 0, width: "100%", children: [displayMessages.map((streamMsg) => renderStreamingMessage(streamMsg)), renderActivePrompt()] }) }));
-    }
     // Error state - show error with retry
     if (initError) {
         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 })] }));
     }
-    if (autoStart) {
-        return null;
-    }
-    return (_jsxs(Box, { flexDirection: "column", rowGap: 1, children: [showIdleMessage && _jsx(Text, { color: colors.text, children: idleMessage }), _jsx(EnterPrompt, { action: "initialize your project", 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 }))] }));
 };

package/dist/tui/components/logo.js

@@ -8,7 +8,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { Box, Text, useStdout } from 'ink';
 import { useMemo } from 'react';
-import { useTheme } from '../hooks/index.js';
+import { useIsLatestVersion, useTheme } from '../hooks/index.js';
 /**
  * Full ASCII logo "ByteRover" for large terminals
  */
@@ -83,6 +83,7 @@ function getLogoLines(variant, terminalWidth) {
 export const Logo = ({ compact, version }) => {
     const { stdout } = useStdout();
     const { theme: { colors }, } = useTheme();
+    const isLatestVersion = useIsLatestVersion(version ?? '');
     const terminalWidth = stdout?.columns ?? 80;
     const terminalHeight = stdout?.rows ?? 24;
     const variant = useMemo(() => (compact ? 'text' : selectLogoVariant(terminalWidth, terminalHeight)), [compact, terminalWidth, terminalHeight]);
@@ -90,9 +91,9 @@ export const Logo = ({ compact, version }) => {
     const headerLine = useMemo(() => (variant === 'full' && LOGO_FULL[0] ? getHeaderLine(LOGO_FULL[0], version ?? '', terminalWidth) : null), [variant, version, terminalWidth]);
     // Text-only logo for minimal terminals
     if (variant === 'text') {
-        const textContent = MINI_LOGO + (version ? ` v${version}` : '');
+        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] })] }), _jsx(Text, { color: colors.logoDecor, children: padEnd })] }));
+        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 })] }));
     }
     // 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)))] }));

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

@@ -0,0 +1,13 @@
+/**
+ * Markdown Component
+ *
+ * Parses markdown strings using unified/remark-parse and renders them as Ink components.
+ * Supports headings, paragraphs, inline formatting (bold, italic, code), code blocks,
+ * lists (ordered/unordered), and links.
+ */
+import React from 'react';
+interface MarkdownProps {
+    children: string;
+}
+export declare const Markdown: ({ children }: MarkdownProps) => React.ReactElement;
+export {};

package/dist/tui/components/markdown.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import remarkParse from 'remark-parse';
+import { unified } from 'unified';
+import { useTheme } from '../hooks/index.js';
+const renderPhrasingContent = (nodes, theme) => nodes.map((node, index) => {
+    switch (node.type) {
+        case 'break': {
+            return _jsx(Text, { children: '\n' }, index);
+        }
+        case 'emphasis': {
+            return (_jsx(Text, { italic: true, children: renderPhrasingContent(node.children, theme) }, index));
+        }
+        case 'inlineCode': {
+            return (_jsx(Text, { backgroundColor: theme.colors.bg2, children: node.value }, index));
+        }
+        case 'link': {
+            return (_jsx(Text, { color: theme.colors.info, underline: true, children: renderPhrasingContent(node.children, theme) }, index));
+        }
+        case 'strong': {
+            return (_jsx(Text, { bold: true, children: renderPhrasingContent(node.children, theme) }, index));
+        }
+        case 'text': {
+            return _jsx(Text, { children: node.value }, index);
+        }
+        default: {
+            return null;
+        }
+    }
+});
+const renderListItem = (node, context, theme) => {
+    const bullet = context.ordered ? `${context.index + 1}. ` : '• ';
+    const hasNestedList = node.children.some((child) => child.type === 'list');
+    if (hasNestedList) {
+        return (_jsx(Box, { flexDirection: "column", children: node.children.map((child, childIndex) => {
+                if (child.type === 'paragraph') {
+                    return (_jsxs(Box, { children: [_jsx(Text, { children: bullet }), _jsx(Text, { children: renderPhrasingContent(child.children, theme) })] }, childIndex));
+                }
+                if (child.type === 'list') {
+                    return (_jsx(Box, { marginLeft: 2, children: renderList(child, theme) }, childIndex));
+                }
+                return renderNode(child, theme, childIndex);
+            }) }, context.index));
+    }
+    const content = node.children.map((child, childIndex) => {
+        if (child.type === 'paragraph') {
+            return _jsx(Text, { children: renderPhrasingContent(child.children, theme) }, childIndex);
+        }
+        return renderNode(child, theme, childIndex);
+    });
+    return (_jsxs(Box, { children: [_jsx(Text, { children: bullet }), content] }, context.index));
+};
+const renderList = (node, theme) => (_jsx(Box, { flexDirection: "column", children: node.children.map((item, index) => renderListItem(item, { index, ordered: node.ordered ?? false }, theme)) }));
+const renderNode = (node, theme, key) => {
+    switch (node.type) {
+        case 'blockquote': {
+            const blockquote = node;
+            return (_jsx(Box, { marginBottom: 1, children: _jsx(Box, { borderBottom: false, borderLeft: true, borderLeftColor: theme.colors.dimText, borderRight: false, borderStyle: "single", borderTop: false, flexDirection: "column", children: blockquote.children.map((child, index) => renderNode(child, theme, index)) }) }, key));
+        }
+        case 'code': {
+            const code = node;
+            const langLabel = code.lang ? `[${code.lang}]` : '';
+            return (_jsxs(Box, { backgroundColor: theme.colors.bg2, flexDirection: "column", marginY: 1, paddingX: 1, children: [langLabel && _jsx(Text, { color: theme.colors.dimText, children: langLabel }), _jsx(Text, { children: code.value })] }, key));
+        }
+        case 'heading': {
+            const heading = node;
+            return (_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { bold: true, color: theme.colors.primary, children: ['#'.repeat(heading.depth), " ", renderPhrasingContent(heading.children, theme)] }) }, key));
+        }
+        case 'list': {
+            return (_jsx(Box, { marginBottom: 1, children: renderList(node, theme) }, key));
+        }
+        case 'paragraph': {
+            return (_jsx(Box, { children: _jsx(Text, { children: renderPhrasingContent(node.children, theme) }) }, key));
+        }
+        case 'thematicBreak': {
+            return (_jsx(Box, { marginY: 1, children: _jsx(Text, { color: theme.colors.dimText, children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }) }, key));
+        }
+        default: {
+            return null;
+        }
+    }
+};
+const renderChildren = (children, theme) => children.map((child, index) => renderNode(child, theme, index));
+export const Markdown = ({ children }) => {
+    const { theme } = useTheme();
+    const tree = unified().use(remarkParse).parse(children);
+    return _jsx(Box, { flexDirection: "column", children: renderChildren(tree.children, theme) });
+};

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

@@ -8,5 +8,5 @@ import { Box, Text } from 'ink';
 import { useTheme } from '../hooks/index.js';
 export const MessageItem = ({ message }) => {
     const { theme: { colors } } = useTheme();
-    return (_jsxs(Box, { alignItems: "flex-start", flexDirection: "column", marginBottom: 1, 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 }) })] }));
+    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 }) })] }));
 };

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

@@ -69,7 +69,7 @@ export const OnboardingFlow = ({ availableHeight, onInitComplete }) => {
             completeOnboarding(true); // Pass true to indicate skipped
         }
     }, { isActive: isInWaitingState });
-    const renderInitContent = () => (_jsxs(Box, { flexDirection: "column", width: "100%", children: [!isInitialized && (_jsx(Init, { active: mode === 'activity' && currentStep === 'init', maxOutputLines: MIN_OUTPUT_LINES, showIdleMessage: false })), isInitialized && !initAcknowledged && (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Text, { children: "Project initialized successfully!" }), _jsx(EnterPrompt, { action: "continue", active: isInitialized && !initAcknowledged && mode === 'activity' && currentStep === 'init', onEnter: () => {
+    const renderInitContent = () => (_jsxs(Box, { flexDirection: "column", gap: 1, width: "100%", children: [_jsx(Init, { active: mode === 'activity' && currentStep === 'init', maxOutputLines: 10, showIdleMessage: false }), isInitialized && !initAcknowledged && (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Text, { children: "Project initialized successfully!" }), _jsx(EnterPrompt, { action: "continue", active: isInitialized && !initAcknowledged && mode === 'activity' && currentStep === 'init', onEnter: () => {
                             setInitAcknowledged(true);
                             onInitComplete?.();
                         } })] }))] }));

package/dist/tui/components/suggestions.js

@@ -13,7 +13,7 @@ import { useMode } from '../contexts/mode-context.js';
 import { useTheme } from '../contexts/theme-context.js';
 import { useSlashCompletion } from '../hooks/index.js';
 import { CommandDetails } from './command-details.js';
-const MAX_VISIBLE_ITEMS = 5;
+const MAX_VISIBLE_ITEMS = 7;
 export const Suggestions = ({ input, onInsert, onSelect }) => {
     const { theme: { colors }, } = useTheme();
     const { mode, setMode } = useMode();
@@ -140,7 +140,7 @@ export const Suggestions = ({ input, onInsert, onSelect }) => {
     // Don't show when user is typing arguments for a known command
     if (suggestions.length === 0) {
         if (isCommandAttempt && !hasMatchedCommand && input.trim().length > 1) {
-            return (_jsx(Box, { borderColor: colors.border, borderStyle: "single", height: 7, paddingX: 1, children: _jsx(Text, { color: colors.dimText, children: "No commands found" }) }));
+            return (_jsx(Box, { borderColor: colors.border, borderStyle: "single", height: 9, paddingX: 1, children: _jsx(Text, { color: colors.dimText, children: "No commands found" }) }));
         }
         return null;
     }
@@ -152,7 +152,7 @@ export const Suggestions = ({ input, onInsert, onSelect }) => {
     // 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: 7, 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;
                         return (_jsx(Box, { children: _jsxs(Text, { backgroundColor: isActive ? colors.dimText : undefined, color: colors.text, children: [isActive ? '❯ ' : '  ', suggestion.label.padEnd(labelWidth)] }) }, suggestion.value));

package/dist/tui/contexts/mode-context.js

@@ -25,12 +25,16 @@ import { createContext, useCallback, useContext, useMemo, useState } from 'react
  */
 const SHORTCUTS_BY_MODE = {
     activity: [
-        { description: 'scroll logs', key: '↑↓' },
+        { description: 'navigate', key: '↑↓' },
+        { description: 'go to top/bottom', key: 'g/G' },
+        { description: 'expand/collapse item', key: 'ctrl+o' },
         { description: 'switch view', key: 'tab' },
         { description: 'quit', key: 'ctrl+c' },
     ],
     console: [
-        { description: 'scroll', key: '↑↓' },
+        { description: 'navigate', key: '↑↓' },
+        { description: 'go to top/bottom', key: 'g/G' },
+        { description: 'expand/collapse item', key: 'ctrl+o' },
         { description: 'switch view', key: 'tab' },
         { description: 'quit', key: 'ctrl+c' },
     ],

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

@@ -8,6 +8,7 @@ export { parseExecutionContent, useActivityLogs } from './use-activity-logs.js';
 export type { UseActivityLogsReturn } from './use-activity-logs.js';
 export { useAuthPolling } from './use-auth-polling.js';
 export type { UseAuthPollingOptions } from './use-auth-polling.js';
+export { useIsLatestVersion } from './use-is-latest-version.js';
 export { useOnboarding } from './use-onboarding.js';
 export type { OnboardingStep, UseOnboardingReturn } from './use-onboarding.js';
 export { useSlashCommandProcessor } from './use-slash-command-processor.js';

package/dist/tui/hooks/index.js

@@ -6,6 +6,7 @@ export { ModeProvider, useMode } from '../contexts/mode-context.js';
 export { ThemeProvider, useTheme } from '../contexts/theme-context.js';
 export { parseExecutionContent, useActivityLogs } from './use-activity-logs.js';
 export { useAuthPolling } from './use-auth-polling.js';
+export { useIsLatestVersion } from './use-is-latest-version.js';
 export { useOnboarding } from './use-onboarding.js';
 export { useSlashCommandProcessor } from './use-slash-command-processor.js';
 export { useSlashCompletion } from './use-slash-completion.js';

package/dist/tui/hooks/use-is-latest-version.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Hook to check if current version is the latest
+ *
+ * Polls update-notifier cache periodically to detect new versions.
+ */
+export declare function useIsLatestVersion(version: string): boolean;

package/dist/tui/hooks/use-is-latest-version.js

@@ -0,0 +1,22 @@
+/**
+ * Hook to check if current version is the latest
+ *
+ * Polls update-notifier cache periodically to detect new versions.
+ */
+import { useEffect, useState } from 'react';
+import updateNotifier from 'update-notifier';
+const CHECK_INTERVAL_MS = 60 * 60 * 1000; // 1 hour
+export function useIsLatestVersion(version) {
+    const [isLatestVersion, setIsLatestVersion] = useState(true);
+    useEffect(() => {
+        const checkUpdate = () => {
+            const notifier = updateNotifier({ pkg: { name: 'byterover-cli', version } });
+            const isLatest = !notifier.update || notifier.update.latest === version;
+            setIsLatestVersion(isLatest);
+        };
+        checkUpdate();
+        const interval = setInterval(checkUpdate, CHECK_INTERVAL_MS);
+        return () => clearInterval(interval);
+    }, [version]);
+    return isLatestVersion;
+}

package/dist/tui/views/command-view.d.ts

@@ -2,7 +2,7 @@
  * Command View
  *
  * Main view with slash command input and streaming output support.
- * Uses ScrollableList for message history with dynamic height calculation.
+ * Uses ScrollList for message history with automatic height measurement.
  */
 import React from 'react';
 /**