@greppleai/grip 0.1.5 → 0.1.7

package/dist/modes/interactive/interactive-mode.js

@@ -72,8 +72,6 @@ function isExpandable(obj) {
     return typeof obj === "object" && obj !== null && "setExpanded" in obj && typeof obj.setExpanded === "function";
 }
 class ExpandableText extends Text {
-    getCollapsedText;
-    getExpandedText;
     constructor(getCollapsedText, getExpandedText, expanded = false, paddingX = 0, paddingY = 0) {
         super(expanded ? getExpandedText() : getCollapsedText(), paddingX, paddingY);
         this.getCollapsedText = getCollapsedText;
@@ -196,123 +194,6 @@ export function createInteractiveTuiReference(getTui) {
     });
 }
 export class InteractiveMode {
-    runtimeHost;
-    options;
-    onRightClickPaste = () => {
-        void this.handleRightClickPaste();
-    };
-    renderer;
-    ui;
-    mainScreenRenderState;
-    loadedResourcesContainer;
-    chatContainer;
-    documentContainer;
-    transcriptScrollView;
-    fullscreenLayoutRoot;
-    pendingMessagesContainer;
-    statusContainer;
-    defaultEditor;
-    editor;
-    editorComponentFactory;
-    autocompleteProvider;
-    autocompleteProviderWrappers = [];
-    fdPath;
-    editorContainer;
-    footer;
-    footerContainer;
-    footerDataProvider;
-    // Stored so the same manager can be injected into custom editors, selectors, and extension UI.
-    keybindings;
-    version;
-    isInitialized = false;
-    transcriptRendered = false;
-    onInputCallback;
-    pendingUserInputs = [];
-    loadingAnimation = undefined;
-    workingMessage = undefined;
-    compressionDetectionActive = false;
-    compressionDetectionOwnsLoader = false;
-    workingVisible = true;
-    workingIndicatorOptions = undefined;
-    defaultWorkingMessage = "Working...";
-    defaultHiddenThinkingLabel = "Thinking...";
-    hiddenThinkingLabel = this.defaultHiddenThinkingLabel;
-    lastSigintTime = 0;
-    lastEscapeTime = 0;
-    changelogMarkdown = undefined;
-    startupNoticesShown = false;
-    anthropicSubscriptionWarningShown = false;
-    // Status line tracking (for mutating immediately-sequential status updates)
-    lastStatusSpacer = undefined;
-    lastStatusText = undefined;
-    // Streaming message tracking
-    streamingComponent = undefined;
-    streamingMessage = undefined;
-    // Tool execution tracking: toolCallId -> component
-    pendingTools = new Map();
-    // Tool output expansion state
-    toolOutputExpanded = false;
-    activeSandboxContainerId;
-    activeSandboxBackendConnected = false;
-    sessionSandboxStates = new Map();
-    managedLimaInstances = new Map();
-    // Thinking block visibility state
-    hideThinkingBlock = false;
-    outputPad = 1;
-    mermaidMarkdownTransformer;
-    // Skill commands: command name -> skill file path
-    skillCommands = new Map();
-    // Agent subscription unsubscribe function
-    unsubscribe;
-    hookExecutionUnsubscribe;
-    hookExecutionActivityUnsubscribe;
-    hookExecutionActivityDepth = 0;
-    hookExecutionActivityOwnsLoader = false;
-    hookExecutionSession;
-    hookExecutionNotices = [];
-    hookExecutionComponents = [];
-    pendingStopHookNotifications = [];
-    activeToolHookExecutionGroups = new Map();
-    hookExecutionTurnActive = false;
-    signalCleanupHandlers = [];
-    // Track if editor is in bash mode (text starts with !)
-    isBashMode = false;
-    // Track current bash execution component
-    bashComponent = undefined;
-    // Track pending bash components (shown in pending area, moved to chat on submit)
-    pendingBashComponents = [];
-    // Auto-compaction state
-    autoCompactionLoader = undefined;
-    autoCompactionEscapeHandler;
-    branchSummaryLoader;
-    summarizationRetryLoader;
-    summarizationRetryCountdown;
-    // Auto-retry state
-    retryLoader = undefined;
-    retryCountdown = undefined;
-    retryEscapeHandler;
-    // Messages queued while compaction is running
-    compactionQueuedMessages = [];
-    // Shutdown state
-    shutdownRequested = false;
-    // Extension UI state
-    extensionSelector = undefined;
-    extensionInput = undefined;
-    extensionEditor = undefined;
-    extensionTerminalInputSubscriptions = new Set();
-    // Extension widgets (components rendered above/below the editor)
-    extensionWidgetsAbove = new Map();
-    extensionWidgetsBelow = new Map();
-    widgetContainerAbove;
-    widgetContainerBelow;
-    // Custom footer from extension (undefined = use built-in footer)
-    customFooter = undefined;
-    // Header container that holds the built-in or custom header
-    headerContainer;
-    // Built-in header (logo + keybinding hints + changelog)
-    builtInHeader = undefined;
-    // Custom header from extension (undefined = use built-in header)
-    customHeader = undefined;
     // Convenience accessors
     get session() {
         return this.runtimeHost.session;
@@ -327,6 +208,88 @@ export class InteractiveMode {
         return this.session.settingsManager;
     }
     constructor(runtimeHost, options = {}) {
+        this.onRightClickPaste = () => {
+            void this.handleRightClickPaste();
+        };
+        this.autocompleteProviderWrappers = [];
+        this.isInitialized = false;
+        this.transcriptRendered = false;
+        this.pendingUserInputs = [];
+        this.loadingAnimation = undefined;
+        this.workingMessage = undefined;
+        this.compressionDetectionActive = false;
+        this.compressionDetectionOwnsLoader = false;
+        this.workingVisible = true;
+        this.workingIndicatorOptions = undefined;
+        this.defaultWorkingMessage = "Working...";
+        this.defaultHiddenThinkingLabel = "Thinking...";
+        this.hiddenThinkingLabel = this.defaultHiddenThinkingLabel;
+        this.lastSigintTime = 0;
+        this.lastEscapeTime = 0;
+        this.changelogMarkdown = undefined;
+        this.startupNoticesShown = false;
+        this.anthropicSubscriptionWarningShown = false;
+        // Status line tracking (for mutating immediately-sequential status updates)
+        this.lastStatusSpacer = undefined;
+        this.lastStatusText = undefined;
+        // Streaming message tracking
+        this.streamingComponent = undefined;
+        this.streamingMessage = undefined;
+        // Tool execution tracking: toolCallId -> component
+        this.pendingTools = new Map();
+        // Tool output expansion state
+        this.toolOutputExpanded = false;
+        this.activeSandboxBackendConnected = false;
+        this.sessionSandboxStates = new Map();
+        this.managedLimaInstances = new Map();
+        // Thinking block visibility state
+        this.hideThinkingBlock = false;
+        this.outputPad = 1;
+        // Skill commands: command name -> skill file path
+        this.skillCommands = new Map();
+        this.hookExecutionActivityDepth = 0;
+        this.hookExecutionActivityOwnsLoader = false;
+        this.hookExecutionNotices = [];
+        this.hookExecutionComponents = [];
+        this.pendingStopHookNotifications = [];
+        this.activeToolHookExecutionGroups = new Map();
+        this.hookExecutionTurnActive = false;
+        this.signalCleanupHandlers = [];
+        // Track if editor is in bash mode (text starts with !)
+        this.isBashMode = false;
+        // Track current bash execution component
+        this.bashComponent = undefined;
+        // Track pending bash components (shown in pending area, moved to chat on submit)
+        this.pendingBashComponents = [];
+        // Auto-compaction state
+        this.autoCompactionLoader = undefined;
+        // Auto-retry state
+        this.retryLoader = undefined;
+        this.retryCountdown = undefined;
+        // Messages queued while compaction is running
+        this.compactionQueuedMessages = [];
+        // Shutdown state
+        this.shutdownRequested = false;
+        // Extension UI state
+        this.extensionSelector = undefined;
+        this.extensionInput = undefined;
+        this.extensionEditor = undefined;
+        this.extensionTerminalInputSubscriptions = new Set();
+        // Extension widgets (components rendered above/below the editor)
+        this.extensionWidgetsAbove = new Map();
+        this.extensionWidgetsBelow = new Map();
+        // Custom footer from extension (undefined = use built-in footer)
+        this.customFooter = undefined;
+        // Built-in header (logo + keybinding hints + changelog)
+        this.builtInHeader = undefined;
+        // Custom header from extension (undefined = use built-in header)
+        this.customHeader = undefined;
+        /**
+         * Gracefully shutdown the agent.
+         * Stops the TUI before emitting shutdown events so extension UI cleanup cannot
+         * repaint the final frame while the process is exiting.
+         */
+        this.isShuttingDown = false;
         this.runtimeHost = runtimeHost;
         const tuiMode = options.tuiMode ?? this.settingsManager.getTuiMode();
         this.options = { ...options, tuiMode };
@@ -428,7 +391,7 @@ export class InteractiveMode {
         }));
     }
     createBaseAutocompleteProvider() {
-        // Commands without arguments remain selectable after a trailing space (e.g. /new ).
+        // Commands without arguments remain selectable after a trailing space (e.g. /quit ).
         const noArgumentCommands = new Set([
             "settings",
             "scoped-models",
@@ -439,10 +402,10 @@ export class InteractiveMode {
             "hotkeys",
             "fork",
             "clone",
+            "new",
             "tree",
             "login",
             "logout",
-            "new",
             "reload",
             "resume",
             "quit",
@@ -455,7 +418,13 @@ export class InteractiveMode {
         const cdCommand = slashCommands.find((command) => command.name === "cd");
         if (cdCommand) {
             cdCommand.argumentHint = "<directory>";
-            cdCommand.getArgumentCompletions = (prefix) => this.session.supportsDirectoryChange() ? getDirectoryCompletions(prefix, this.activeSession.getCwd()) : [];
+            cdCommand.getArgumentCompletions = (prefix) => {
+                if (this.activeSandboxBackendConnected)
+                    return this.session.getSandboxDirectoryCompletions(prefix);
+                return this.session.supportsDirectoryChange()
+                    ? getDirectoryCompletions(prefix, this.activeSession.getCwd())
+                    : [];
+            };
         }
         const choiceCompletions = (choices) => (prefix) => {
             if (prefix.includes(" "))
@@ -491,10 +460,10 @@ export class InteractiveMode {
                         label: item,
                     }));
                 }
-                const startMatch = prefix.match(/^start\s+(--[^\s]*)$/);
+                const startMatch = prefix.match(/^start\s+(--[^\s]*)?$/);
                 if (!startMatch)
                     return null;
-                return fuzzyFilter(["--name", "--template", "--update"], startMatch[1], (item) => item).map((item) => ({
+                return fuzzyFilter(["--name", "--template", "--update"], startMatch[1] ?? "", (item) => item).map((item) => ({
                     value: `start ${item}${item === "--update" ? "" : " "}`,
                     label: item,
                 }));
@@ -1635,12 +1604,15 @@ export class InteractiveMode {
             cwd: this.activeSession.getCwd(),
             toolOperations: this.session.getToolOperations(),
             getToolBackendInfo: () => this.session.getToolBackendInfo(),
+            isSandbox: () => this.session.isSandbox(),
             getLspStatus: () => this.session.getLspStatus(),
             configureLsp: (configuration) => this.session.configureLsp(configuration),
             execToolBackend: (command, options) => {
                 const operations = this.session.getToolOperations();
                 return executeBashWithOperations(command, options?.cwd ?? operations.cwd, operations, options);
             },
+            execHostCommand: (command, options) => extensionRunner.createContext().execHostCommand(command, options),
+            execHostProcess: (executable, args, options) => extensionRunner.createContext().execHostProcess(executable, args, options),
             session: this.activeSession,
             modelRegistry: this.session.modelRegistry,
             model: this.session.model,
@@ -1695,7 +1667,7 @@ export class InteractiveMode {
             return theme.fg("dim", `tools: local ${info.cwd}`);
         }
         return info.configured
-            ? theme.fg("accent", `tools: remote ${info.url} ${info.cwd}`)
+            ? theme.fg("accent", `tools: remote ${info.url} ${this.activeSandboxBackendConnected ? this.session.getToolOperations().cwd : info.cwd}`)
             : theme.fg("warning", `tools: remote not configured ${info.cwd}`);
     }
     updateToolBackendStatus() {
@@ -1901,7 +1873,7 @@ export class InteractiveMode {
         this.setHiddenThinkingLabel();
     }
     // Maximum total widget lines to prevent viewport overflow
-    static MAX_WIDGET_LINES = 10;
+    static { this.MAX_WIDGET_LINES = 10; }
     /**
      * Render all extension widgets to the widget container.
      */
@@ -2561,6 +2533,19 @@ export class InteractiveMode {
                 },
             };
         }
+        if (this.matchesEditorCommand(text, "/new")) {
+            return {
+                run: async () => {
+                    this.editor.setText("");
+                    const option = text.slice("/new".length).trim();
+                    if (option) {
+                        this.showWarning("Usage: /new");
+                        return;
+                    }
+                    await this.handleClearCommand();
+                },
+            };
+        }
         if (this.matchesEditorCommand(text, "/compact")) {
             const customInstructions = text.slice("/compact".length).trim() || undefined;
             return {
@@ -3465,12 +3450,6 @@ export class InteractiveMode {
         // Only called when editor is empty (enforced by CustomEditor)
         void this.shutdown();
     }
-    /**
-     * Gracefully shutdown the agent.
-     * Stops the TUI before emitting shutdown events so extension UI cleanup cannot
-     * repaint the final frame while the process is exiting.
-     */
-    isShuttingDown = false;
     async shutdown(options) {
         if (this.isShuttingDown)
             return;
@@ -4951,13 +4930,44 @@ export class InteractiveMode {
     }
     // =========================================================================
     // Command handlers
+    async handleSandboxCdCommand(text) {
+        const backend = this.session.getToolBackendInfo();
+        if (backend.type !== "remote" || !backend.configured) {
+            this.showWarning("Changing directories is not supported with the active workspace backend.");
+            return;
+        }
+        const argument = this.getPathCommandArgument(text, "/cd");
+        if (text !== "/cd" && !argument) {
+            this.showError("Usage: /cd [directory]");
+            return;
+        }
+        try {
+            const directory = await this.session.changeSandboxWorkingDirectory(argument ?? backend.workspace.root);
+            this.updateToolBackendStatus();
+            this.showStatus(`Working directory: ${directory}`);
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : String(error);
+            this.showError(message === "Remote workspace request handler failed"
+                ? `Directory unavailable in sandbox: ${argument ?? backend.workspace.root} (it must exist within the mounted workspace ${backend.workspace.root})`
+                : `Failed to change sandbox directory: ${message}`);
+        }
+    }
+    async handleUnavailableCdCommand(text) {
+        if (this.activeSandboxBackendConnected) {
+            await this.handleSandboxCdCommand(text);
+        }
+        else {
+            this.showWarning("Changing directories is not supported with the active workspace backend.");
+        }
+    }
     async handleCdCommand(text) {
         if (!this.session.isIdle || this.session.isBashRunning) {
             this.showWarning("Wait for the current operation to finish before changing directories.");
             return;
         }
         if (!this.session.supportsDirectoryChange()) {
-            this.showWarning("Changing directories is not supported with the active workspace backend.");
+            await this.handleUnavailableCdCommand(text);
             return;
         }
         const argument = this.getPathCommandArgument(text, "/cd");
@@ -5374,6 +5384,7 @@ export class InteractiveMode {
         try {
             await this.session.activateSandboxDaemon({
                 url: state.url,
+                hostWorkspaceRoot: state.hostWorkspaceRoot,
                 token: state.token,
                 expectedCwd: state.expectedCwd,
             });
@@ -5455,6 +5466,7 @@ export class InteractiveMode {
                     url: result.daemonUrl,
                     token: result.token,
                     expectedCwd: result.workspaceMountPath,
+                    hostWorkspaceRoot: result.workspaceRoot,
                 });
                 break;
             }
@@ -5511,6 +5523,7 @@ export class InteractiveMode {
                 url: result.daemonUrl,
                 token: result.token,
                 expectedCwd: result.workspaceMountPath,
+                hostWorkspaceRoot: result.workspaceRoot,
                 containerId: result.containerId,
             });
             this.refreshUiAfterBackendChange();
@@ -5826,17 +5839,30 @@ export class InteractiveMode {
             this.loadingAnimation = undefined;
         }
         this.statusContainer.clear();
+        const sandboxState = this.activeSandboxBackendConnected
+            ? this.sessionSandboxStates.get(getSessionSandboxKey(this.activeSession))
+            : undefined;
+        let newSessionKey;
         try {
-            const result = await this.runtimeHost.newSession();
-            if (result.cancelled) {
+            const result = await this.runtimeHost.newSession(sandboxState
+                ? {
+                    setup: async (nextSession) => {
+                        newSessionKey = getSessionSandboxKey(nextSession);
+                        this.sessionSandboxStates.set(newSessionKey, sandboxState);
+                    },
+                }
+                : undefined);
+            if (result.cancelled)
                 return;
-            }
             this.renderCurrentSessionState();
             this.chatContainer.addChild(new Spacer(1));
             this.chatContainer.addChild(new Text(`${theme.fg("accent", "✓ New session started")}`, 1, 1));
             this.ui.requestRender();
         }
         catch (error) {
+            if (newSessionKey && newSessionKey !== getSessionSandboxKey(this.activeSession)) {
+                this.sessionSandboxStates.delete(newSessionKey);
+            }
             await this.handleFatalRuntimeError("Failed to create session", error);
         }
     }