byterover-cli 1.8.0 → 2.0.0

package/dist/tui/components/command/expanded-command-view.js

@@ -8,14 +8,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Spacer, Text, useInput, useStdout } from 'ink';
 import { ScrollView } from 'ink-scroll-view';
 import { useEffect, useRef, useState } from 'react';
-import { useCommands } from '../../contexts/commands-context.js';
-import { useTheme } from '../../hooks/index.js';
+import { useCommands, useTheme } from '../../hooks/index.js';
 import { formatTime } from '../../utils/index.js';
 import { MessageItem } from '../message-item.js';
 import { CommandOutput } from './command-output.js';
 import { LiveStreamingOutput } from './index.js';
 export const ExpandedCommandView = ({ availableHeight, isActive, message, onClose, terminalWidth, }) => {
-    const { activePrompt, isStreaming, streamingMessages } = useCommands();
+    const { isStreaming, streamingMessages } = useCommands();
     const { theme: { colors }, } = useTheme();
     const { stdout } = useStdout();
     const scrollViewRef = useRef(null);
@@ -45,7 +44,7 @@ export const ExpandedCommandView = ({ availableHeight, isActive, message, onClos
     useInput((input, key) => {
         if (!scrollViewRef.current)
             return;
-        if ((key.ctrl && input === 'o')) {
+        if (key.ctrl && input === 'o') {
             onClose();
         }
         if (key.upArrow || input === 'k') {
@@ -70,9 +69,9 @@ export const ExpandedCommandView = ({ availableHeight, isActive, message, onClos
     }, { isActive });
     const displayTime = message.timestamp ? formatTime(message.timestamp) : '';
     const hasCompletedOutput = message.output && message.output.length > 0;
-    const showLiveOutput = (isStreaming || activePrompt) && (streamingMessages.length > 0 || activePrompt);
+    const showLiveOutput = isStreaming && streamingMessages.length > 0;
     if (message.type === 'error') {
         return _jsx(MessageItem, { isActive: isActive, isExpanded: true, message: message, onClose: onClose });
     }
-    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 })] }), _jsxs(Box, { borderColor: colors.border, borderStyle: "single", flexDirection: "column", height: availableHeight - 1, children: [_jsx(ScrollView, { height: availableHeight - 4, ref: scrollViewRef, children: _jsxs(Box, { flexDirection: "column", children: [!hasCompletedOutput && showLiveOutput && (_jsx(LiveStreamingOutput, { activePrompt: activePrompt, isExpanded: true, isStreaming: isStreaming, streamingMessages: streamingMessages, terminalWidth: terminalWidth })), hasCompletedOutput && (_jsx(CommandOutput, { isExpanded: true, output: message.output, terminalWidth: terminalWidth })), !hasCompletedOutput && !showLiveOutput && (_jsx(Text, { color: colors.dimText, children: "No output" }))] }) }), _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" }) })] }));
+    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 })] }), _jsxs(Box, { borderColor: colors.border, borderStyle: "single", flexDirection: "column", height: availableHeight - 1, children: [_jsx(ScrollView, { height: availableHeight - 4, ref: scrollViewRef, children: _jsxs(Box, { flexDirection: "column", children: [!hasCompletedOutput && showLiveOutput && (_jsx(LiveStreamingOutput, { isExpanded: true, isStreaming: isStreaming, streamingMessages: streamingMessages, terminalWidth: terminalWidth })), hasCompletedOutput && _jsx(CommandOutput, { isExpanded: true, output: message.output, terminalWidth: terminalWidth }), !hasCompletedOutput && !showLiveOutput && _jsx(Text, { color: colors.dimText, children: "No output" })] }) }), _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/command/live-streaming-output.d.ts

@@ -1,13 +1,11 @@
 /**
  * Live Streaming Output Component
  *
- * Renders live streaming output while a command is running,
- * including inline prompts for user interaction.
+ * Renders live streaming output while a command is running.
  */
 import React from 'react';
-import type { PromptRequest, StreamingMessage } from '../../types.js';
+import type { StreamingMessage } from '../../types/index.js';
 export interface LiveStreamingOutputProps {
-    activePrompt: null | PromptRequest;
     isExpanded?: boolean;
     isStreaming: boolean;
     streamingMessages: StreamingMessage[];

package/dist/tui/components/command/live-streaming-output.js

@@ -2,33 +2,19 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 /**
  * Live Streaming Output Component
  *
- * Renders live streaming output while a command is running,
- * including inline prompts for user interaction.
+ * Renders live streaming output while a command is running.
  */
 import { Box, Text } from 'ink';
 import Spinner from 'ink-spinner';
-import { useCallback } from 'react';
-import { useCommands } from '../../contexts/commands-context.js';
-import { useTerminalBreakpoint, useTheme } from '../../hooks/index.js';
-import { InlineConfirm, InlineFileSelector, InlineInput, InlineSearch, InlineSelect, } from '../inline-prompts/index.js';
+import { useTheme } from '../../hooks/index.js';
 import { getMessagesFromEnd, MAX_OUTPUT_LINES, processMessagesForActions, StreamingMessageItem, } from './command-output.js';
 /**
  * Renders live streaming output (while running)
  */
-export const LiveStreamingOutput = ({ activePrompt, isExpanded, isStreaming, streamingMessages, terminalWidth, }) => {
-    const { setActivePrompt } = useCommands();
-    const { theme: { colors } } = useTheme();
-    const { breakpoint } = useTerminalBreakpoint();
+export const LiveStreamingOutput = ({ isExpanded, isStreaming, streamingMessages, terminalWidth, }) => {
+    const { theme: { colors }, } = useTheme();
     const processedMessages = processMessagesForActions(streamingMessages);
     const outputLimit = isExpanded ? Number.MAX_SAFE_INTEGER : MAX_OUTPUT_LINES;
     const { displayMessages, skippedLines } = getMessagesFromEnd(processedMessages, outputLimit, terminalWidth);
-    // Calculate page size for file selector
-    const fileSelectorPageSize = 3;
-    const handlePromptResponse = useCallback((value) => {
-        if (activePrompt) {
-            activePrompt.onResponse(value);
-            setActivePrompt(null);
-        }
-    }, [activePrompt, setActivePrompt]);
-    return (_jsxs(Box, { borderColor: isExpanded ? undefined : colors.border, borderStyle: isExpanded ? undefined : 'single', flexDirection: "column", paddingX: 1, paddingY: 0, width: "100%", children: [skippedLines > 0 && !isExpanded && (_jsxs(Text, { color: colors.dimText, dimColor: true, children: ["\u2191 ", skippedLines, " more lines above"] })), displayMessages.map((streamMsg) => (_jsx(StreamingMessageItem, { message: streamMsg }, streamMsg.id))), isStreaming && !activePrompt && displayMessages.length === 0 && (_jsxs(Text, { color: colors.dimText, children: [_jsx(Spinner, { type: "dots" }), " Processing..."] })), activePrompt?.type === 'confirm' && (_jsx(InlineConfirm, { default: activePrompt.default, message: activePrompt.message, onConfirm: (value) => handlePromptResponse(value) })), activePrompt?.type === 'file_selector' && (_jsx(InlineFileSelector, { allowCancel: activePrompt.allowCancel, basePath: activePrompt.basePath, filter: activePrompt.filter, message: activePrompt.message, mode: activePrompt.mode, onSelect: (value) => handlePromptResponse(value), pageSize: breakpoint === 'normal' ? fileSelectorPageSize : 2 })), activePrompt?.type === 'input' && (_jsx(InlineInput, { message: activePrompt.message, onSubmit: (value) => handlePromptResponse(value), placeholder: activePrompt.placeholder, validate: activePrompt.validate })), activePrompt?.type === 'search' && (_jsx(InlineSearch, { message: activePrompt.message, onSelect: (value) => handlePromptResponse(value), source: activePrompt.source })), activePrompt?.type === 'select' && (_jsx(InlineSelect, { choices: activePrompt.choices, message: activePrompt.message, onSelect: (value) => handlePromptResponse(value) })), isStreaming && activePrompt && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: colors.dimText, children: "[esc] to cancel" }) }))] }));
+    return (_jsxs(Box, { borderColor: isExpanded ? undefined : colors.border, borderStyle: isExpanded ? undefined : 'single', flexDirection: "column", paddingX: 1, paddingY: 0, width: "100%", children: [skippedLines > 0 && !isExpanded && (_jsxs(Text, { color: colors.dimText, dimColor: true, children: ["\u2191 ", skippedLines, " more lines above"] })), displayMessages.map((streamMsg) => (_jsx(StreamingMessageItem, { message: streamMsg }, streamMsg.id))), isStreaming && displayMessages.length === 0 && (_jsxs(Text, { color: colors.dimText, children: [_jsx(Spinner, { type: "dots" }), " Processing..."] }))] }));
 };

package/dist/tui/components/command-details.d.ts

@@ -5,7 +5,7 @@
  * including description, usage, subcommands, arguments, and flags.
  */
 import React from 'react';
-import type { CommandSuggestion } from '../types.js';
+import type { CommandSuggestion } from '../types/index.js';
 interface CommandDetailsProps {
     labelWidth: number;
     recommendedText?: string;

package/dist/tui/components/command-details.js

@@ -6,7 +6,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * including description, usage, subcommands, arguments, and flags.
  */
 import { Box, Text } from 'ink';
-import { useTheme } from '../contexts/theme-context.js';
+import { useTheme } from '../hooks/index.js';
 /**
  * Format usage string from args, flags, and subcommands
  */
@@ -25,11 +25,11 @@ function formatUsage(label, args, flags, subCommands) {
     }
     return usage;
 }
-export const CommandDetails = ({ labelWidth, recommendedText, selectedSuggestion }) => {
+export const CommandDetails = ({ labelWidth, selectedSuggestion }) => {
     const { theme: { colors }, } = useTheme();
     const hasDetails = selectedSuggestion &&
         (selectedSuggestion.args?.length || selectedSuggestion.flags?.length || selectedSuggestion.subCommands?.length);
-    return (_jsxs(Box, { borderBottom: false, borderColor: colors.border, borderRight: false, borderStyle: "single", borderTop: false, flexDirection: "column", paddingLeft: 1, children: [recommendedText && _jsx(Text, { color: colors.primary, children: recommendedText }), _jsx(Text, { color: colors.dimText, children: selectedSuggestion?.description || '' }), hasDetails && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: colors.text, children: ["Usage:", ' ', formatUsage(selectedSuggestion.label, selectedSuggestion.args, selectedSuggestion.flags, selectedSuggestion.subCommands)] }), selectedSuggestion.subCommands?.map((sub) => (_jsxs(Text, { color: colors.dimText, children: ['  ', _jsx(Text, { color: colors.text, children: sub.name.padEnd(labelWidth + 2) }), '  ', sub.description] }, sub.name))), selectedSuggestion.args?.map((arg) => (_jsxs(Text, { color: colors.dimText, children: ['  ', _jsx(Text, { color: colors.text, children: (arg.required ? `<${arg.name}>` : `[${arg.name}]`).padEnd(labelWidth + 2) }), '  ', arg.description] }, arg.name))), selectedSuggestion.flags?.map((flag) => (_jsxs(Text, { color: colors.dimText, children: ['  ', _jsx(Text, { color: colors.text, children: (flag.type === 'file'
+    return (_jsxs(Box, { borderBottom: false, borderColor: colors.border, borderRight: false, borderStyle: "single", borderTop: false, flexDirection: "column", paddingLeft: 1, children: [_jsx(Text, { color: colors.dimText, children: selectedSuggestion?.description || '' }), hasDetails && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: colors.text, children: ["Usage:", ' ', formatUsage(selectedSuggestion.label, selectedSuggestion.args, selectedSuggestion.flags, selectedSuggestion.subCommands)] }), selectedSuggestion.subCommands?.map((sub) => (_jsxs(Text, { color: colors.dimText, children: ['  ', _jsx(Text, { color: colors.text, children: sub.name.padEnd(labelWidth + 2) }), '  ', sub.description] }, sub.name))), selectedSuggestion.args?.map((arg) => (_jsxs(Text, { color: colors.dimText, children: ['  ', _jsx(Text, { color: colors.text, children: (arg.required ? `<${arg.name}>` : `[${arg.name}]`).padEnd(labelWidth + 2) }), '  ', arg.description] }, arg.name))), selectedSuggestion.flags?.map((flag) => (_jsxs(Text, { color: colors.dimText, children: ['  ', _jsx(Text, { color: colors.text, children: (flag.type === 'file'
                                     ? `${flag.char || '@'}file`
                                     : (flag.char ? `-${flag.char}, ` : '') + `--${flag.name}`).padEnd(labelWidth + 2) }), '  ', flag.description, flag.default !== undefined && _jsxs(Text, { children: [" (default: ", String(flag.default), ")"] })] }, flag.name)))] }))] }));
 };

package/dist/tui/components/command-input.js

@@ -4,78 +4,33 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *
  * Handles command input with suggestions and executes slash commands.
  */
+import { useQueryClient } from '@tanstack/react-query';
 import { Box, Text, useInput } from 'ink';
 import TextInput from 'ink-text-input';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { useCommands } from '../contexts/commands-context.js';
-import { useAuth, useTasks, useTransport } from '../contexts/index.js';
-import { useMode, useOnboarding, useTheme } from '../hooks/index.js';
+import { getAuthStateQueryOptions } from '../features/auth/api/get-auth-state.js';
+import { useTasksStore } from '../features/tasks/stores/tasks-store.js';
+import { useCommands, useMode, useTheme } from '../hooks/index.js';
+import { useTransportStore } from '../stores/transport-store.js';
 import { Suggestions } from './suggestions.js';
-/**
- * Get onboarding instruction based on current step
- */
-function getInstructionText(currentStep, highlightColor) {
-    switch (currentStep) {
-        case 'curate': {
-            return (_jsxs(Text, { children: ["Create your first memory with ", _jsx(Text, { color: highlightColor, children: "/curate" })] }));
-        }
-        case 'explore': {
-            return (_jsxs(Text, { children: ["Next, type ", _jsx(Text, { color: highlightColor, children: "/" }), " to explore more commands"] }));
-        }
-        case 'query': {
-            return (_jsxs(Text, { children: ["Now retrieve your memory by using ", _jsx(Text, { color: highlightColor, children: "/query" })] }));
-        }
-        default: {
-            return null;
-        }
-    }
-}
-/**
- * Get instruction for pressing Enter to run
- */
-function getInstruction({ currentStep, highlightBgColor, highlightTextColor, textColor, }) {
-    if (currentStep === 'explore' || currentStep === 'curating' || currentStep === 'querying')
-        return null;
-    return (_jsxs(Text, { color: textColor, children: [" ", "\u00B7 Press ", _jsx(Text, { backgroundColor: highlightBgColor, color: highlightTextColor, children: " Enter " }), " to run (Esc to skip the instruction)"] }));
-}
 export const CommandInput = () => {
-    const { reloadAuth, reloadBrvConfig } = useAuth();
-    const { client } = useTransport();
-    const { clearTasks } = useTasks();
-    const { theme: { colors } } = useTheme();
+    const queryClient = useQueryClient();
+    const client = useTransportStore((s) => s.client);
+    const clearTasks = useTasksStore((s) => s.clearTasks);
+    const { theme: { colors }, } = useTheme();
     const { mode } = useMode();
-    const { activePrompt, handleSlashCommand, isStreaming, setActivePrompt, setIsStreaming, setMessages, setStreamingMessages, } = useCommands();
+    const { handleSlashCommand, isStreaming, setHasActiveDialog, setIsStreaming, setMessages, setStreamingMessages } = useCommands();
     const [inputValue, setInputValue] = useState('');
     const [inputKey, setInputKey] = useState(0);
+    const [activeDialog, setActiveDialog] = useState(null);
     const ctrlOPressedRef = useRef(false);
     const previousInputRef = useRef('');
-    const { completeOnboarding, currentStep, removeHighlightedCommand, shouldShowOnboarding } = useOnboarding();
-    // Check if in prefilled onboarding steps (curate or query)
-    const isInCurate = shouldShowOnboarding && currentStep === 'curate';
-    const isInQuery = shouldShowOnboarding && currentStep === 'query';
-    const isInCurating = shouldShowOnboarding && currentStep === 'curating';
-    const isInQuerying = shouldShowOnboarding && currentStep === 'querying';
-    const isInExplore = shouldShowOnboarding && currentStep === 'explore';
-    // Fixed input value for curate/query onboarding steps
-    const displayInputValue = useMemo(() => {
-        if (isInCurate)
-            return '/curate Curate the folder structure of this repository.';
-        if (isInCurating)
-            return '';
-        if (isInQuery)
-            return '/query Tell me what you know about the folder structure of this repository?';
-        if (isInQuerying)
-            return '';
-        return inputValue;
-    }, [shouldShowOnboarding, currentStep, inputValue]);
     // Placeholder based on onboarding step
     const placeholder = useMemo(() => {
-        if (isStreaming || isInCurating || isInQuerying)
+        if (isStreaming)
             return 'Processing...';
-        if (isInExplore)
-            return 'Type /';
         return 'Type a command...';
-    }, [isStreaming, shouldShowOnboarding, currentStep]);
+    }, [isStreaming]);
     // Filter out "o" character when Ctrl+O is pressed
     useEffect(() => {
         if (ctrlOPressedRef.current) {
@@ -93,12 +48,6 @@ export const CommandInput = () => {
             ctrlOPressedRef.current = true;
         }
     });
-    // Skip onboarding with Esc
-    useInput((_input, key) => {
-        if (key.escape) {
-            completeOnboarding(true);
-        }
-    }, { isActive: shouldShowOnboarding && (currentStep === 'curate' || currentStep === 'query') });
     // Cancel streaming command with Esc (only for commands that add to messages, not /curate or /query)
     useInput((_input, key) => {
         if (key.escape) {
@@ -121,27 +70,20 @@ export const CommandInput = () => {
             // Reset streaming state
             setStreamingMessages([]);
             setIsStreaming(false);
-            setActivePrompt(null);
+            setHasActiveDialog(false);
         }
-    }, { isActive: isStreaming && !shouldShowOnboarding });
-    /* eslint-disable complexity -- Command execution requires handling multiple command types and states */
+    }, { isActive: isStreaming });
     const executeCommand = useCallback(async (value) => {
         const trimmed = value.trim();
         if (!trimmed)
             return;
-        // During query onboarding step, only allow /query commands
-        if (shouldShowOnboarding && currentStep === 'query' && !trimmed.startsWith('/query '))
-            return;
         // Clear command input immediately
         setInputValue('');
-        // Remove from highlighted commands if it's a slash command
-        if (trimmed.startsWith('/')) {
-            const commandName = trimmed.slice(1).split(' ')[0];
-            removeHighlightedCommand(commandName);
-        }
-        // Skip adding to messages for commands that are rendered via useActivityLogs
-        const isRenderedByActivityLogs = trimmed.startsWith('/curate') || trimmed.startsWith('/query') || trimmed.startsWith('/q ');
-        if (!isRenderedByActivityLogs) {
+        // Commands that create tasks (shown as ActivityLog) should not add command messages
+        // to avoid duplicates in the activity feed
+        const commandName = trimmed.startsWith('/') ? trimmed.slice(1).split(' ')[0] : '';
+        const isTaskCommand = commandName === 'curate' || commandName === 'query' || commandName === 'q';
+        if (!isTaskCommand) {
             setMessages((prev) => [
                 ...prev,
                 {
@@ -152,7 +94,7 @@ export const CommandInput = () => {
             ]);
         }
         const result = await handleSlashCommand(trimmed);
-        if (result && result.type === 'message') {
+        if (result && 'type' in result && result.type === 'message') {
             setMessages((prev) => {
                 const last = prev.at(-1);
                 return [
@@ -166,91 +108,73 @@ export const CommandInput = () => {
                 ];
             });
         }
-        if (result && result.type === 'streaming') {
+        if (result && 'render' in result) {
             setIsStreaming(true);
-            setStreamingMessages([]);
-            const collectedMessages = [];
-            const onMessage = (msg) => {
-                collectedMessages.push(msg);
-                if (!isRenderedByActivityLogs) {
-                    setStreamingMessages((prev) => [...prev, msg]);
-                }
-            };
-            const onPrompt = (prompt) => {
-                if (!isRenderedByActivityLogs) {
-                    setActivePrompt(prompt);
-                }
-            };
-            try {
-                await result.execute(onMessage, onPrompt);
-            }
-            catch (error) {
-                const errorMessage = error instanceof Error ? error.message : String(error);
-                const errorMsg = {
-                    content: `Error: ${errorMessage}`,
-                    id: `error-${Date.now()}`,
-                    type: 'error',
-                };
-                collectedMessages.push(errorMsg);
-                setStreamingMessages((prev) => [...prev, errorMsg]);
-            }
-            finally {
-                // Store output with the command message
-                if (!isRenderedByActivityLogs) {
-                    setMessages((prev) => {
-                        const updated = [...prev];
-                        const lastIndex = updated.length - 1;
-                        if (lastIndex >= 0 && updated[lastIndex].type === 'command') {
-                            updated[lastIndex] = { ...updated[lastIndex], output: collectedMessages, timestamp: new Date() };
-                        }
-                        return updated;
-                    });
-                }
-                setStreamingMessages([]);
-                setIsStreaming(false);
-                setActivePrompt(null);
-                const needReloadAuth = trimmed.startsWith('/login') || trimmed.startsWith('/logout');
-                const needReloadBrvConfig = trimmed.startsWith('/space switch') || trimmed.startsWith('/init');
-                const needNewSession = trimmed.startsWith('/new');
-                // Handle /new command - create new session and clear messages
-                if (needNewSession && client) {
-                    try {
-                        const response = await client.requestWithAck('agent:newSession', { reason: 'User requested new session' });
-                        /* eslint-disable max-depth -- UI state handling requires this nesting level */
-                        if (response.success) {
-                            // Clear the messages to start fresh
+            setHasActiveDialog(true);
+            const dialog = result.render({
+                onCancel() {
+                    setActiveDialog(null);
+                    setIsStreaming(false);
+                    setHasActiveDialog(false);
+                },
+                async onComplete(message, sideEffects) {
+                    setActiveDialog(null);
+                    setIsStreaming(false);
+                    setHasActiveDialog(false);
+                    // Update command message with result (skip for task commands which don't add command messages)
+                    if (!isTaskCommand) {
+                        setMessages((prev) => {
+                            const updated = [...prev];
+                            const lastIndex = updated.length - 1;
+                            if (lastIndex >= 0 && updated[lastIndex].type === 'command') {
+                                const resultMsg = {
+                                    content: message,
+                                    id: `result-${Date.now()}`,
+                                    type: 'output',
+                                };
+                                const existingOutput = updated[lastIndex].output ?? [];
+                                updated[lastIndex] = {
+                                    ...updated[lastIndex],
+                                    output: [...existingOutput, resultMsg],
+                                    timestamp: new Date(),
+                                };
+                            }
+                            return updated;
+                        });
+                    }
+                    // Process side effects declared by the command
+                    if (sideEffects) {
+                        if (sideEffects.clearSession) {
                             setMessages([]);
                             clearTasks();
+                            if (client) {
+                                try {
+                                    await client.requestWithAck('agent:newSession', { reason: 'User requested new session' });
+                                }
+                                catch {
+                                    // Session creation error — command already showed feedback
+                                }
+                            }
+                        }
+                        if (sideEffects.reloadAuth) {
+                            clearTasks();
+                            await queryClient.invalidateQueries({ queryKey: getAuthStateQueryOptions().queryKey });
                         }
                     }
-                    catch {
-                        // Error handling - the command already showed feedback
-                    }
-                    /* eslint-enable max-depth */
-                }
-                // Refresh state after commands that change auth or project state
-                if (needReloadAuth || needReloadBrvConfig) {
-                    clearTasks();
-                    if (needReloadAuth)
-                        await reloadAuth();
-                    if (needReloadBrvConfig)
-                        await reloadBrvConfig();
-                    // Restart agent with appropriate reason
-                    if (client) {
-                        const reasonMap = {
-                            '/init': 'Project initialized',
-                            '/login': 'User logged in',
-                            '/logout': 'User logged out',
-                            '/space switch': 'Space switched',
-                        };
-                        const reason = Object.entries(reasonMap).find(([cmd]) => trimmed.startsWith(cmd))?.[1] ?? 'Command executed';
-                        await client.requestWithAck('agent:restart', { reason });
-                    }
-                }
-            }
+                },
+            });
+            setActiveDialog(dialog);
         }
-    }, [clearTasks, client, currentStep, handleSlashCommand, reloadAuth, reloadBrvConfig, removeHighlightedCommand, setActivePrompt, setIsStreaming, setMessages, setStreamingMessages, shouldShowOnboarding]);
-    /* eslint-enable complexity */
+    }, [
+        clearTasks,
+        client,
+        handleSlashCommand,
+        queryClient,
+        setHasActiveDialog,
+        setIsStreaming,
+        setMessages,
+        setStreamingMessages,
+    ]);
     const handleSubmit = useCallback(async (value) => {
         if (mode === 'main' && !isStreaming) {
             await executeCommand(value);
@@ -266,17 +190,6 @@ export const CommandInput = () => {
         setInputKey((prev) => prev + 1);
     }, []);
     // Hide suggestions during onboarding curate/query steps to focus user on the task
-    const shouldShowSuggestions = !isStreaming && !(shouldShowOnboarding && (currentStep === 'curate' || currentStep === 'query'));
-    return (_jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [shouldShowSuggestions && (_jsx(Suggestions, { input: inputValue, onInsert: handleInsert, onSelect: handleSelect })), shouldShowOnboarding && (_jsxs(Box, { children: [getInstructionText(currentStep, colors.warning), getInstruction({
-                        currentStep,
-                        highlightBgColor: colors.primary,
-                        highlightTextColor: colors.bg1,
-                        textColor: colors.dimText,
-                    })] })), _jsxs(Box, { borderColor: colors.border, borderLeft: false, borderRight: false, borderStyle: "single", paddingX: 2, children: [_jsx(Text, { color: colors.primary, children: '> ' }), _jsx(TextInput, { focus: !activePrompt && (mode === 'main' || mode === 'suggestions'), onChange: (value) => {
-                            if (!(isInCurate || isInCurating || isInQuery || isInQuerying))
-                                setInputValue(value);
-                            if (isInExplore && value.startsWith('/')) {
-                                completeOnboarding();
-                            }
-                        }, onSubmit: handleSubmit, placeholder: placeholder, showCursor: !(isInCurate || isInQuery), value: displayInputValue }, inputKey)] })] }));
+    const shouldShowSuggestions = !isStreaming;
+    return (_jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [activeDialog, shouldShowSuggestions && _jsx(Suggestions, { input: inputValue, onInsert: handleInsert, onSelect: handleSelect }), _jsxs(Box, { borderColor: colors.border, borderLeft: false, borderRight: false, borderStyle: "single", paddingX: 2, children: [_jsx(Text, { color: colors.primary, children: '> ' }), _jsx(TextInput, { focus: !activeDialog && (mode === 'main' || mode === 'suggestions'), onChange: setInputValue, onSubmit: handleSubmit, placeholder: placeholder, value: inputValue }, inputKey)] })] }));
 };

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

@@ -4,7 +4,7 @@
  * Renders a command message with its output directly, without converting to BaseListItem.
  */
 import React from 'react';
-import type { CommandMessage } from '../types.js';
+import type { CommandMessage } from '../types/index.js';
 export interface CommandItemProps {
     isLastMessage: boolean;
     isSelected?: boolean;

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

@@ -5,18 +5,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Renders a command message with its output directly, without converting to BaseListItem.
  */
 import { Box, Spacer, Text } from 'ink';
-import { useCommands } from '../contexts/commands-context.js';
-import { useTheme } from '../hooks/index.js';
+import { useCommands, useTheme } from '../hooks/index.js';
 import { formatTime } from '../utils/index.js';
 import { CommandOutput, LiveStreamingOutput } from './command/index.js';
 import { MessageItem } from './message-item.js';
-export const CommandItem = ({ isLastMessage, isSelected, message, terminalWidth, }) => {
-    const { activePrompt, isStreaming, streamingMessages } = useCommands();
-    const { theme: { colors } } = useTheme();
+export const CommandItem = ({ isLastMessage, isSelected, message, terminalWidth }) => {
+    const { isStreaming, streamingMessages } = useCommands();
+    const { theme: { colors }, } = useTheme();
     const hasCompletedOutput = message.output && message.output.length > 0;
-    const showLiveOutput = isLastMessage && (isStreaming || activePrompt) && (streamingMessages.length > 0 || activePrompt);
+    const showLiveOutput = isLastMessage && isStreaming && streamingMessages.length > 0;
     if (message.type === 'error') {
         return _jsx(MessageItem, { isSelected: isSelected, message: message });
     }
-    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: message.timestamp ? formatTime(message.timestamp) : "" })] }), _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: [!hasCompletedOutput && showLiveOutput && (_jsx(LiveStreamingOutput, { activePrompt: activePrompt, isStreaming: isStreaming, streamingMessages: streamingMessages, terminalWidth: terminalWidth })), hasCompletedOutput && (_jsx(CommandOutput, { output: message.output, terminalWidth: terminalWidth })), 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: message.timestamp ? formatTime(message.timestamp) : '' })] }), _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: [!hasCompletedOutput && showLiveOutput && (_jsx(LiveStreamingOutput, { isStreaming: isStreaming, streamingMessages: streamingMessages, terminalWidth: terminalWidth })), hasCompletedOutput && _jsx(CommandOutput, { output: message.output, terminalWidth: terminalWidth }), isSelected ? _jsx(Text, { color: colors.dimText, children: "Show remaining output \u2022 [ctrl+o] to expand" }) : _jsx(Text, { children: " " })] })] })] }));
 };

package/dist/tui/components/execution/execution-status.d.ts

@@ -4,7 +4,7 @@
  * Displays the execution status with appropriate spinner and message.
  */
 import React from 'react';
-import type { ExecutionStatus as ExecutionStatusType } from '../../../agent/core/domain/queue/types.js';
+import type { ExecutionStatus as ExecutionStatusType } from '../../types/messages.js';
 interface ExecutionStatusProps {
     /** The execution status */
     status: ExecutionStatusType;

package/dist/tui/components/execution/execution-tool.d.ts

@@ -5,7 +5,7 @@
  * Following OpenCode's pattern: shows tool parameters inline.
  */
 import React from 'react';
-import { ToolCallStatus } from '../../../agent/core/domain/queue/types.js';
+import type { ToolCallStatus } from '../../types/messages.js';
 interface ToolCallItem {
     /** Tool call arguments/parameters */
     args?: Record<string, unknown>;

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

@@ -5,7 +5,7 @@
  * Activated by Ctrl+O on a selected log item, dismissed with Ctrl+O or Esc.
  */
 import React from 'react';
-import type { ActivityLog } from '../../types.js';
+import type { ActivityLog } from '../../types/index.js';
 interface ExpandedLogViewProps {
     /** Available height for the expanded view (in terminal rows) */
     availableHeight: number;

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

@@ -14,7 +14,7 @@ import { StreamingText } from '../streaming-text.js';
 import { ExecutionChanges } from './execution-changes.js';
 import { ExecutionContent } from './execution-content.js';
 import { ExecutionProgress } from './execution-progress.js';
-export const ExpandedLogView = ({ availableHeight, isActive, log, onClose, }) => {
+export const ExpandedLogView = ({ availableHeight, isActive, log, onClose }) => {
     const { theme: { colors }, } = useTheme();
     const { stdout } = useStdout();
     const scrollViewRef = useRef(null);

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

@@ -5,7 +5,7 @@
  */
 import React from 'react';
 import type { MessageItemHeights } from '../../hooks/index.js';
-import type { ActivityLog } from '../../types.js';
+import type { ActivityLog } from '../../types/index.js';
 interface LogItemProps {
     /** Dynamic heights based on terminal breakpoint */
     heights: MessageItemHeights;

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

@@ -16,5 +16,5 @@ import { ExecutionProgress } from './execution-progress.js';
 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, { 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: " " }))] })] })] }));
+    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: " " })] })] })] }));
 });

package/dist/tui/components/footer.js

@@ -3,13 +3,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Footer Component - Dynamic based on active tab
  */
 import { Box, Spacer, Text } from 'ink';
-import { useMode, useOnboarding, useTasks, useTheme } from '../contexts/index.js';
+import { useAppViewMode } from '../features/onboarding/hooks/use-app-view-mode.js';
+import { useTasksStore } from '../features/tasks/stores/tasks-store.js';
+import { useMode, useTheme } from '../hooks/index.js';
 export const Footer = () => {
     const { shortcuts } = useMode();
-    const { isLoadingOnboardingCheck, shouldShowOnboarding } = useOnboarding();
+    const viewMode = useAppViewMode();
     const { theme: { colors }, } = useTheme();
-    const { stats: taskStats } = useTasks();
-    if (shouldShowOnboarding || isLoadingOnboardingCheck) {
+    const taskStats = useTasksStore((s) => s.stats);
+    if (viewMode.type === 'loading' || viewMode.type === 'config-provider') {
         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.js

@@ -8,9 +8,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * - Queue stats (pending/processing)
  */
 import { Box } from 'ink';
-import { useServices } from '../contexts/index.js';
+import { useTransportStore } from '../stores/transport-store.js';
 import { Logo } from './logo.js';
 export const Header = ({ compact }) => {
-    const { version } = useServices();
+    const version = useTransportStore((s) => s.version);
     return (_jsx(Box, { flexDirection: "column", marginBottom: 1, width: "100%", children: _jsx(Logo, { compact: compact, version: version }) }));
 };

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

@@ -18,7 +18,6 @@ export { Logo } from './logo.js';
 export type { LogoVariant } from './logo.js';
 export { Markdown } from './markdown.js';
 export { MessageItem } from './message-item.js';
-export { MessageList } from './message-list.js';
 export { CopyablePrompt, OnboardingStep, WelcomeBox } from './onboarding/index.js';
 export type { OnboardingStepType } from './onboarding/index.js';
 export { OutputLog } from './output-log.js';
@@ -29,4 +28,3 @@ export { StatusBadge } from './status-badge.js';
 export type { StatusBadgeProps, StatusType } from './status-badge.js';
 export { StreamingText } from './streaming-text.js';
 export { Suggestions } from './suggestions.js';
-export { TabBar } from './tab-bar.js';