centaurus-cli 2.9.2 → 2.9.4

package/dist/ui/components/App.js

@@ -1,4 +1,4 @@
-import React, { useState, useCallback } from 'react';
+import React, { useState, useCallback, useMemo } from 'react';
 import { Box, Text, useApp, useInput, Static } from 'ink';
 import SelectInput from 'ink-select-input';
 import { CircularSelectInput } from './CircularSelectInput.js';
@@ -27,17 +27,20 @@ import { PlanAcceptedMessage } from './PlanAcceptedMessage.js';
 import { MCPAddScreen } from './MCPAddScreen.js';
 import { MCPServerListScreen } from './MCPServerListScreen.js';
 import { MCPListScreen } from './MCPListScreen.js';
+import { WorkflowCreatorScreen } from './WorkflowCreatorScreen.js';
 import { processTerminalOutput } from '../../utils/terminal-output.js';
 import { BackgroundTaskManager } from '../../services/background-task-manager.js';
 import { MonitorModeAIPanel } from './MonitorModeAIPanel.js';
 import { detectInputRequirement, extractPromptContext, getInputTypeDescription } from '../../services/input-requirement-detector.js';
 import { ShellInputAgent } from '../../services/shell-input-agent.js';
 import { InputDetectionAgent } from '../../services/input-detection-agent.js';
+import { detectWarpifySession, getSessionDescription } from '../../services/warpify-detector.js';
 import { useConnectivity } from '../../hooks/useConnectivity.js';
 import { apiClient } from '../../services/api-client.js';
 import { conversationManager } from '../../services/conversation-manager.js';
 import { logDebug, logError } from '../../utils/logger.js';
 import { getTerminalDimensions } from '../../hooks/useTerminalDimensions.js';
+import { ConfigManager } from '../../config/manager.js';
 // Banner item with stable timestamp - created once outside component
 const BANNER_ITEM = { id: '__banner__', role: '__banner__', content: '', timestamp: new Date(0) };
 const MessageList = React.memo(({ history, current, showBanner }) => {
@@ -146,7 +149,7 @@ const RenameInputScreen = ({ currentTitle, onRename, onCancel }) => {
         React.createElement(Box, { marginTop: 1 },
             React.createElement(Text, { dimColor: true }, "Press Enter to save, ESC to cancel"))));
 };
-export const App = ({ onMessage, onCancelRequest, initialModel, initialPlanMode, onResponseReceived, onDirectMessage, onResponseStream, onClearStreamedResponse, onThoughtStream, onThoughtComplete, onPickerSetup, onPickerSelection, onToolExecutionUpdate, onToolApprovalRequest, onToolStreamingOutput, onPlanModeChange, onPlanApprovalRequest, onPlanCreated, onTaskCompleted, onCommandModeChange, onToggleCommandMode, onBackgroundModeChange, onToggleBackgroundMode, onBackgroundTaskCountChange, onSubAgentCountChange, onSetAutoModeSetup, onCwdChange, onModelChange, onSubshellContextChange, onPasswordRequest, onShellInput, onShellSignal, onKillProcess, onInteractiveEditorMode, onConnectionStatusUpdate, onTokenCountUpdate, onContextLimitReached, onChatPickerSetup, onChatPickerSelection, onChatDeletePickerSetup, onChatDeletePickerSelection, onChatListSetup, onChatRenamePickerSetup, onChatRename, onRestoreMessagesSetup, onUIMessageHistoryUpdate, onBackgroundTaskListSetup, onBackgroundTaskSelection, onBackgroundTaskCancelSetup, onBackgroundTaskCancel, onBackgroundTaskViewSetup, onSessionQuotaUpdate, onMCPAddScreenSetup, onMCPRemoveScreenSetup, onMCPEnableScreenSetup, onMCPDisableScreenSetup, onMCPListScreenSetup, onMCPAddServer, onMCPRemoveServer, onMCPEnableServer, onMCPDisableServer, onMCPValidateConfig, onPromptAnswered, getMainConversation }) => {
+export const App = ({ onMessage, onCancelRequest, initialModel, initialPlanMode, onResponseReceived, onDirectMessage, onResponseStream, onClearStreamedResponse, onThoughtStream, onThoughtComplete, onPickerSetup, onPickerSelection, onToolExecutionUpdate, onToolApprovalRequest, onToolStreamingOutput, onPlanModeChange, onPlanApprovalRequest, onPlanCreated, onTaskCompleted, onCommandModeChange, onToggleCommandMode, onBackgroundModeChange, onToggleBackgroundMode, onBackgroundTaskCountChange, onSubAgentCountChange, onSetAutoModeSetup, onCwdChange, onModelChange, onSubshellContextChange, onPasswordRequest, onShellInput, onShellSignal, onKillProcess, onInteractiveEditorMode, onConnectionStatusUpdate, onTokenCountUpdate, onContextLimitReached, onChatPickerSetup, onChatPickerSelection, onChatDeletePickerSetup, onChatDeletePickerSelection, onChatListSetup, onChatRenamePickerSetup, onChatRename, onRestoreMessagesSetup, onUIMessageHistoryUpdate, onBackgroundTaskListSetup, onBackgroundTaskSelection, onBackgroundTaskCancelSetup, onBackgroundTaskCancel, onBackgroundTaskViewSetup, onSessionQuotaUpdate, onMCPAddScreenSetup, onMCPRemoveScreenSetup, onMCPEnableScreenSetup, onMCPDisableScreenSetup, onMCPListScreenSetup, onMCPAddServer, onMCPRemoveServer, onMCPEnableServer, onMCPDisableServer, onMCPValidateConfig, onPromptAnswered, getMainConversation, onWarpifySession, onWorkflowCreatorSetup, onWorkflowSave }) => {
     const { exit } = useApp();
     // Calculate limit for paginated lists (75% of terminal height)
     const listLimit = Math.max(5, Math.floor((process.stdout.rows || 24) * 0.75));
@@ -205,6 +208,7 @@ export const App = ({ onMessage, onCancelRequest, initialModel, initialPlanMode,
         showExitWarning: false,
         commandHistory: [],
         subshellContext: undefined,
+        subshellContextStack: undefined,
         versionInfo: undefined,
         checkingVersion: true,
         isAiWorking: false,
@@ -222,6 +226,7 @@ export const App = ({ onMessage, onCancelRequest, initialModel, initialPlanMode,
         subAgentCount: 0,
         sessionQuotaExhausted: false,
         sessionQuotaTimeRemaining: '',
+        aiAutoSuggest: false,
     });
     // Track last terminal width to detect actual width changes
     const lastTerminalWidthRef = React.useRef(process.stdout.columns || 80);
@@ -323,6 +328,14 @@ export const App = ({ onMessage, onCancelRequest, initialModel, initialPlanMode,
     React.useEffect(() => {
         const loadModelsConfig = async () => {
             try {
+                // Initialize ConfigManager to load general settings
+                const configManager = new ConfigManager();
+                const generalConfig = configManager.load();
+                setState(prev => ({
+                    ...prev,
+                    aiAutoSuggest: generalConfig.aiAutoSuggest === true
+                }));
+                // Import quickLog for debugging
                 // Import quickLog for debugging
                 const { quickLog } = await import('../../utils/conversation-logger.js');
                 quickLog(`[${new Date().toISOString()}] [App] loadModelsConfig effect starting, currentModel: ${initialModel}\n`);
@@ -1033,6 +1046,18 @@ export const App = ({ onMessage, onCancelRequest, initialModel, initialPlanMode,
             }));
         });
     }, []); // Empty dependency array - only register once
+    // Set up callback for Workflow Creator screen
+    React.useEffect(() => {
+        onWorkflowCreatorSetup((initialSteps) => {
+            clearScreen();
+            setState(prev => ({
+                ...prev,
+                screen: 'workflow-creator',
+                isLoading: false,
+                workflowCreatorInitialSteps: initialSteps
+            }));
+        });
+    }, []); // Empty dependency array - only register once
     // Set up callback for MCP Remove screen
     React.useEffect(() => {
         onMCPRemoveScreenSetup((servers) => {
@@ -1680,10 +1705,11 @@ export const App = ({ onMessage, onCancelRequest, initialModel, initialPlanMode,
     }, [onModelChange]);
     // Set up callback to receive subshell context changes
     React.useEffect(() => {
-        onSubshellContextChange((context) => {
+        onSubshellContextChange((context, stack) => {
             setState(prev => ({
                 ...prev,
-                subshellContext: context
+                subshellContext: context,
+                subshellContextStack: stack
             }));
         });
     }, [onSubshellContextChange]);
@@ -2129,6 +2155,33 @@ export const App = ({ onMessage, onCancelRequest, initialModel, initialPlanMode,
         }
         else if (!isSlashCommand) {
             // Only add user message to display if it's not a slash command
+            // INTERRUPT HANDLING: If AI is currently working, cancel and clean up first
+            // This allows the new message to replace the interrupted turn
+            if (state.isAiWorking || state.isLoading) {
+                // Cancel current request (cli-adapter will clean up its history)
+                onCancelRequest();
+                // Small delay to allow abort to propagate before new request starts
+                await new Promise(resolve => setTimeout(resolve, 50));
+                // Clean up UI state: remove any partial/interrupted messages
+                setState(prev => {
+                    // Filter out the last user message (the one we're replacing)
+                    let cleanedHistory = [...prev.messageHistory];
+                    for (let i = cleanedHistory.length - 1; i >= 0; i--) {
+                        if (cleanedHistory[i].role === 'user') {
+                            cleanedHistory.splice(i, 1);
+                            break; // Only remove the most recent user message
+                        }
+                    }
+                    return {
+                        ...prev,
+                        messageHistory: cleanedHistory,
+                        currentMessage: null,
+                        isLoading: false,
+                        isAiWorking: false,
+                        approvalRequest: undefined, // Clear any pending approval
+                    };
+                });
+            }
             // Show user message IMMEDIATELY with image breadcrumbs (uploading state)
             // Images will be uploaded in background, then AI will be called
             const hasImagesToUpload = clipboardImages && clipboardImages.length > 0;
@@ -2320,6 +2373,12 @@ export const App = ({ onMessage, onCancelRequest, initialModel, initialPlanMode,
     const handleInputValueChange = useCallback((value) => {
         preservedInputTextRef.current = value;
     }, []);
+    // Memoize session commands to prevent unnecessary re-renders in InputBox
+    const sessionCommands = useMemo(() => {
+        return state.messageHistory
+            .filter(m => m.role === 'user')
+            .map(m => m.content);
+    }, [state.messageHistory]);
     // If in interactive editor mode, render minimal UI to keep Ink mounted
     // but don't render any visible content - the editor has the screen
     if (state.isInteractiveEditorMode) {
@@ -2413,6 +2472,82 @@ export const App = ({ onMessage, onCancelRequest, initialModel, initialPlanMode,
                         ShellInputAgent.terminateSession(shellId);
                         quickLog(`[${new Date().toISOString()}] [AgentControl] Terminated ShellInputAgent session for ${shellId}\n`);
                     }
+                }, onWarpifySession: async () => {
+                    // Warpify: Detect if there's an active remote session and establish ssh2 connection
+                    const shellCommand = state.shellState?.command || '';
+                    const currentOutput = state.shellState?.output || '';
+                    const session = detectWarpifySession(shellCommand, currentOutput);
+                    quickLog(`[${new Date().toISOString()}] [Warpify] Command: "${shellCommand}", Detected: ${JSON.stringify(session)}\n`);
+                    if (session.type === 'none') {
+                        // No remote session detected - show message briefly
+                        setState(prev => ({
+                            ...prev,
+                            connectionStatus: {
+                                type: 'ssh',
+                                status: 'error',
+                                error: 'No remote session detected. Enter an SSH/WSL/Docker session first.'
+                            }
+                        }));
+                        setTimeout(() => {
+                            setState(prev => ({
+                                ...prev,
+                                connectionStatus: undefined
+                            }));
+                        }, 3000);
+                        return;
+                    }
+                    // Remote session detected - warpify it!
+                    const description = getSessionDescription(session);
+                    quickLog(`[${new Date().toISOString()}] [Warpify] Warpifying: ${description}\n`);
+                    // Terminate the PTY session (we'll use ssh2 handler instead)
+                    onShellSignal('SIGTERM');
+                    // Capture history commands
+                    const historyMessages = [];
+                    // 1. Add the command the user typed (e.g., "ssh user@host")
+                    if (shellCommand) {
+                        historyMessages.push({
+                            id: `warpify-cmd-${Date.now()}`,
+                            role: 'user',
+                            content: shellCommand,
+                            timestamp: new Date(),
+                            isCommandMode: false // Treat as a normal chat message for history
+                        });
+                    }
+                    // 2. Add the terminal output (e.g., login banner, password prompt output)
+                    if (currentOutput && currentOutput.trim().length > 0) {
+                        historyMessages.push({
+                            id: `warpify-out-${Date.now()}`,
+                            role: 'tool', // Use 'tool' role to mimic command execution output
+                            content: '',
+                            timestamp: new Date(),
+                            toolExecution: {
+                                toolName: 'execute_command',
+                                status: 'completed',
+                                result: currentOutput, // This contains the PTY output including ANSI codes
+                                arguments: {
+                                    command: shellCommand,
+                                    isPty: true
+                                }
+                            }
+                        });
+                    }
+                    // Clear the shell state AND append the history messages
+                    // Also reset isAiWorking to prevent "Boosting..." spinner from appearing
+                    setState(prev => ({
+                        ...prev,
+                        messageHistory: [...prev.messageHistory, ...historyMessages],
+                        shellState: undefined,
+                        isAiWorking: false
+                    }));
+                    // Clear screen
+                    clearScreen();
+                    // Establish proper ssh2 connection via cli-adapter
+                    // This will prompt for password and set up full SSH functionality
+                    const success = await onWarpifySession(shellCommand, session.type, session.connectionString);
+                    if (!success) {
+                        // Connection failed - error already shown by cli.warpifySession
+                        quickLog(`[${new Date().toISOString()}] [Warpify] Failed to establish ssh2 connection\n`);
+                    }
                 } })),
             state.shellState?.isAgentControlled && state.shellState?.isFocused && state.shellState?.isRunning && (React.createElement(MonitorModeAIPanel, { messages: [
                     ...(state.shellState.monitoringMessages || []),
@@ -2439,9 +2574,9 @@ export const App = ({ onMessage, onCancelRequest, initialModel, initialPlanMode,
                     // Clear preserved input on submit
                     preservedInputTextRef.current = '';
                     handleSubmit(value, clipboardImages);
-                }, autoAcceptMode: state.autoAcceptMode, model: state.currentModel, planMode: state.planMode, commandMode: state.commandMode, backgroundMode: state.backgroundMode, currentWorkingDirectory: state.currentWorkingDirectory, commandHistory: state.commandHistory, onToggleAutoAccept: handleToggleAutoAccept, onToggleCommandMode: onToggleCommandMode, onToggleBackgroundMode: onToggleBackgroundMode, isActive: true, subshellContext: state.subshellContext, currentTokens: state.currentTokens, maxTokens: state.maxTokens, contextLimitReached: state.contextLimitReached, isShellRunning: state.shellState?.isRunning, backgroundTaskCount: state.backgroundTaskCount, subAgentCount: state.subAgentCount, initialValue: preservedInputTextRef.current, onValueChange: handleInputValueChange, onSetAutoModeSetup: (callback) => {
+                }, autoAcceptMode: state.autoAcceptMode, model: state.currentModel, planMode: state.planMode, commandMode: state.commandMode, backgroundMode: state.backgroundMode, currentWorkingDirectory: state.currentWorkingDirectory, commandHistory: state.commandHistory, onToggleAutoAccept: handleToggleAutoAccept, onToggleCommandMode: onToggleCommandMode, onToggleBackgroundMode: onToggleBackgroundMode, isActive: true, subshellContext: state.subshellContext, subshellContextStack: state.subshellContextStack, currentTokens: state.currentTokens, maxTokens: state.maxTokens, contextLimitReached: state.contextLimitReached, isShellRunning: state.shellState?.isRunning, backgroundTaskCount: state.backgroundTaskCount, subAgentCount: state.subAgentCount, initialValue: preservedInputTextRef.current, onValueChange: handleInputValueChange, onSetAutoModeSetup: (callback) => {
                     setAutoModeCallbackRef.current = callback;
-                }, sessionQuotaExhausted: state.sessionQuotaExhausted, sessionQuotaTimeRemaining: state.sessionQuotaTimeRemaining }))),
+                }, sessionQuotaExhausted: state.sessionQuotaExhausted, sessionQuotaTimeRemaining: state.sessionQuotaTimeRemaining, aiAutoSuggestEnabled: state.aiAutoSuggest, sessionCommands: sessionCommands }))),
             state.showExitWarning && (React.createElement(Box, { marginTop: 1 },
                 React.createElement(Text, { color: "#ffaa00", bold: true }, "\u26A0\uFE0F  Press Ctrl+C again to exit"))),
             !isConnected && (React.createElement(Box, { marginTop: 0, marginLeft: state.showExitWarning ? 2 : 0 },
@@ -2935,6 +3070,27 @@ export const App = ({ onMessage, onCancelRequest, initialModel, initialPlanMode,
                     screen: 'chat',
                     mcpListData: undefined
                 }));
+            } })),
+        state.screen === 'workflow-creator' && (React.createElement(WorkflowCreatorScreen, { initialSteps: state.workflowCreatorInitialSteps, onSave: (name, steps, description) => {
+                onWorkflowSave(name, steps, description);
+                const successMessage = {
+                    id: `workflow-created-${Date.now()}`,
+                    role: 'system',
+                    content: `✅ Workflow "${name}" saved successfully with ${steps.length} steps!\n\nRun it with: /workflow run ${name}`,
+                    timestamp: new Date()
+                };
+                setState(prev => ({
+                    ...prev,
+                    screen: 'chat',
+                    messageHistory: [...prev.messageHistory, successMessage],
+                    workflowCreatorInitialSteps: undefined // Clear initial steps
+                }));
+            }, onCancel: () => {
+                setState(prev => ({
+                    ...prev,
+                    screen: 'chat',
+                    workflowCreatorInitialSteps: undefined // Clear initial steps
+                }));
             } }))));
 };
 //# sourceMappingURL=App.js.map