@code-yeongyu/senpi 2026.7.25 → 2026.7.26

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

@@ -24,8 +24,10 @@ import { formatMissingSessionCwdPrompt, MissingSessionCwdError } from "../../cor
 import { SessionManager, sessionEntryToContextMessages } from "../../core/session-manager.js";
 import { BUILTIN_SLASH_COMMANDS } from "../../core/slash-commands.js";
 import { isInstallTelemetryEnabled } from "../../core/telemetry.js";
+import { formatTimings, time } from "../../core/timings.js";
 import { hasTrustRequiringProjectResources, ProjectTrustStore } from "../../core/trust-manager.js";
 import { getUsageCostBreakdown } from "../../core/usage-totals.js";
+import { consumeEarlyInspectorVmImportRecoveries, INSPECTOR_VM_IMPORT_WARNING, isRecoverableInspectorVmImportError, } from "../../inspector-policy.js";
 import { getChangelogPath, getNewEntries, normalizeChangelogLinks, parseChangelog } from "../../utils/changelog.js";
 import { copyToClipboard, readClipboardText } from "../../utils/clipboard.js";
 import { extensionForImageMimeType, readClipboardImage } from "../../utils/clipboard-image.js";
@@ -68,6 +70,7 @@ import { TrustSelectorComponent } from "./components/trust-selector.js";
 import { UserMessageComponent } from "./components/user-message.js";
 import { UserMessageSelectorComponent } from "./components/user-message-selector.js";
 import { editInExternalEditor } from "./external-editor.js";
+import { GrokChrome } from "./grok/chrome.js";
 import { restoreInteractiveStderr, takeOverInteractiveStderr } from "./interactive-stderr-guard.js";
 import { getModelSearchText } from "./model-search.js";
 import { resolveStartupToolPaths } from "./startup-tools.js";
@@ -197,9 +200,9 @@ export function formatResumeCommand(sessionManager) {
 function hasDefaultModelProvider(providerId) {
     return providerId in defaultModelPerProvider;
 }
-// isApiKeyLoginProvider now lives in core/auth-providers.ts so the RPC login path
-// (neo) and the classic selectors share ONE source of truth. Re-exported here to
-// keep the existing public import (test/oauth-selector.test.ts) working, and used
+// isApiKeyLoginProvider now lives in core/auth-providers.ts so RPC clients and
+// the classic selectors share ONE source of truth. Re-exported here to keep the
+// existing public import (test/oauth-selector.test.ts) working, and used
 // locally by getLoginProviderOptions below.
 export { isApiKeyLoginProvider };
 const AUTH_TYPE_ORDER = { oauth: 0, api_key: 1 };
@@ -345,6 +348,7 @@ export class InteractiveMode {
         this.isShuttingDown = false;
         this.runtimeHost = runtimeHost;
         this.options = options;
+        this.chrome = options.chrome === "grok" ? new GrokChrome() : options.chrome;
         this.autoTrustOnReloadCwd = options.autoTrustOnReloadCwd;
         this.runtimeHost.setBeforeSessionInvalidate(() => {
             InteractiveMode.restoreCompactionEscapeOverride(this);
@@ -385,15 +389,26 @@ export class InteractiveMode {
         setKeybindings(this.keybindings);
         const editorPaddingX = this.settingsManager.getEditorPaddingX();
         const autocompleteMaxVisible = this.settingsManager.getAutocompleteMaxVisible();
-        this.defaultEditor = new CustomEditor(this.ui, getEditorTheme(), this.keybindings, {
-            paddingX: editorPaddingX,
-            autocompleteMaxVisible,
-        });
+        if (this.chrome) {
+            this.defaultEditor = this.chrome.createBaseEditor({
+                ui: this.ui,
+                keybindings: this.keybindings,
+                editorOptions: { paddingX: editorPaddingX, autocompleteMaxVisible },
+            });
+        }
+        else {
+            this.defaultEditor = new CustomEditor(this.ui, getEditorTheme(), this.keybindings, {
+                paddingX: editorPaddingX,
+                autocompleteMaxVisible,
+            });
+        }
         this.editor = this.defaultEditor;
         this.editorContainer = new Container();
         this.editorContainer.addChild(this.editor);
         this.footerDataProvider = new FooterDataProvider(this.sessionManager.getCwd());
-        this.footer = new FooterComponent(this.session, this.footerDataProvider);
+        this.footer = this.chrome
+            ? this.chrome.createFooter(this.session, this.footerDataProvider)
+            : new FooterComponent(this.session, this.footerDataProvider);
         this.footer.setAutoCompactEnabled(this.session.autoCompactionEnabled);
         // Load hide thinking block setting
         this.hideThinkingBlock = this.settingsManager.getHideThinkingBlock();
@@ -579,17 +594,36 @@ export class InteractiveMode {
         }
         // Add header container as first child. Populate it after applying theme settings.
         // Keep loaded resources before chat so restored session messages never precede them.
-        this.ui.addChild(this.headerContainer);
-        this.ui.addChild(this.loadedResourcesContainer);
-        this.ui.addChild(this.chatContainer);
-        this.ui.addChild(this.pendingMessagesContainer);
-        this.ui.addChild(this.statusContainer);
-        this.ui.addChild(this.hookStatusContainer);
-        this.renderWidgets(); // Initialize with default spacer
-        this.ui.addChild(this.widgetContainerAbove);
-        this.ui.addChild(this.editorContainer);
-        this.ui.addChild(this.widgetContainerBelow);
-        this.ui.addChild(this.footer);
+        if (this.chrome) {
+            this.renderWidgets(); // Initialize with default spacer
+            for (const component of this.chrome.arrangeRoot([
+                this.headerContainer,
+                this.loadedResourcesContainer,
+                this.chatContainer,
+                this.pendingMessagesContainer,
+                this.statusContainer,
+                this.hookStatusContainer,
+                this.widgetContainerAbove,
+                this.editorContainer,
+                this.widgetContainerBelow,
+                this.footer,
+            ], this.ui)) {
+                this.ui.addChild(component);
+            }
+        }
+        else {
+            this.ui.addChild(this.headerContainer);
+            this.ui.addChild(this.loadedResourcesContainer);
+            this.ui.addChild(this.chatContainer);
+            this.ui.addChild(this.pendingMessagesContainer);
+            this.ui.addChild(this.statusContainer);
+            this.ui.addChild(this.hookStatusContainer);
+            this.renderWidgets(); // Initialize with default spacer
+            this.ui.addChild(this.widgetContainerAbove);
+            this.ui.addChild(this.editorContainer);
+            this.ui.addChild(this.widgetContainerBelow);
+            this.ui.addChild(this.footer);
+        }
         this.ui.setFocus(this.editor);
         this.setupKeyHandlers();
         this.setupEditorSubmitHandler();
@@ -605,7 +639,13 @@ export class InteractiveMode {
         this.isInitialized = true;
         await this.themeController.applyFromSettings();
         // Add header with keybindings from config (unless silenced)
-        if (this.options.verbose || !this.settingsManager.getQuietStartup()) {
+        if (this.chrome) {
+            this.builtInHeader = this.chrome.createWelcomeContent(APP_NAME, this.version);
+            this.headerContainer.addChild(new Spacer(1));
+            this.headerContainer.addChild(this.builtInHeader);
+            this.headerContainer.addChild(new Spacer(1));
+        }
+        else if (this.options.verbose || !this.settingsManager.getQuietStartup()) {
             const logo = theme.bold(theme.fg("accent", APP_NAME)) + theme.fg("dim", ` v${this.version}`);
             // Build startup instructions using keybinding hint helpers
             const hint = (keybinding, description) => keyHint(keybinding, description);
@@ -1760,7 +1800,9 @@ export class InteractiveMode {
             return;
         }
         if (this.session.isStreaming && this.activeStatusIndicator?.kind !== "working") {
-            this.showStatusIndicator(new WorkingStatusIndicator(this.ui, this.workingMessage ?? this.defaultWorkingMessage, this.getWorkingIndicatorOptions()));
+            this.showStatusIndicator(this.chrome
+                ? this.chrome.createWorkingIndicator(this.ui, this.workingMessage ?? this.defaultWorkingMessage, this.getWorkingIndicatorOptions())
+                : new WorkingStatusIndicator(this.ui, this.workingMessage ?? this.defaultWorkingMessage, this.getWorkingIndicatorOptions()));
         }
         this.ui.requestRender();
     }
@@ -2174,7 +2216,7 @@ export class InteractiveMode {
         this.editorContainer.clear();
         if (factory) {
             // Create the custom editor with tui, theme, and keybindings
-            const newEditor = factory(this.ui, getEditorTheme(), this.keybindings);
+            const newEditor = factory(this.ui, this.chrome ? this.chrome.getEditorTheme() : getEditorTheme(), this.keybindings);
             // Wire up callbacks from the default editor
             newEditor.onSubmit = this.defaultEditor.onSubmit;
             newEditor.onChange = this.defaultEditor.onChange;
@@ -2284,7 +2326,8 @@ export class InteractiveMode {
                         const w = component.width;
                         return w ? { width: w } : undefined;
                     };
-                    const handle = this.ui.showOverlay(component, resolveOptions());
+                    const overlayOptions = resolveOptions();
+                    const handle = this.ui.showOverlay(component, overlayOptions);
                     // Expose handle to caller for visibility control
                     options?.onHandle?.(handle);
                 }
@@ -2380,14 +2423,6 @@ export class InteractiveMode {
                 this.showError(`Failed to open history search: ${error instanceof Error ? error.message : String(error)}`);
             }
         });
-        this.defaultEditor.onAction("app.sessions.observe", async () => {
-            try {
-                await this.session.prompt("/sessions");
-            }
-            catch (error) {
-                this.showError(`Failed to open session observer: ${error instanceof Error ? error.message : String(error)}`);
-            }
-        });
         this.defaultEditor.onAction("app.tools.expand", () => this.toggleToolOutputExpansion());
         this.defaultEditor.onAction("app.thinking.toggle", () => this.toggleThinkingBlockVisibility());
         this.defaultEditor.onAction("app.editor.external", () => void this.handleOpenExternalEditor());
@@ -2563,7 +2598,7 @@ export class InteractiveMode {
                 this.editor.setText("");
                 return;
             }
-            if (text === "/quit") {
+            if (text === "/quit" || text === "/exit") {
                 this.editor.setText("");
                 await this.shutdown();
                 return;
@@ -2650,7 +2685,9 @@ export class InteractiveMode {
                     this.retryEscapeHandler = undefined;
                 }
                 if (this.workingVisible) {
-                    this.showStatusIndicator(new WorkingStatusIndicator(this.ui, this.workingMessage ?? this.defaultWorkingMessage, this.getWorkingIndicatorOptions()));
+                    this.showStatusIndicator(this.chrome
+                        ? this.chrome.createWorkingIndicator(this.ui, this.workingMessage ?? this.defaultWorkingMessage, this.getWorkingIndicatorOptions())
+                        : new WorkingStatusIndicator(this.ui, this.workingMessage ?? this.defaultWorkingMessage, this.getWorkingIndicatorOptions()));
                 }
                 else {
                     this.clearStatusIndicator();
@@ -2706,10 +2743,7 @@ export class InteractiveMode {
                         if (content.type === "toolCall") {
                             let component = this.pendingTools.get(content.id);
                             if (!component) {
-                                component = new ToolExecutionComponent(content.name, content.id, content.arguments, {
-                                    showImages: this.settingsManager.getShowImages(),
-                                    imageWidthCells: this.settingsManager.getImageWidthCells(),
-                                }, this.getRegisteredToolDefinition(content.name), this.ui, this.sessionManager.getCwd());
+                                component = this.createToolExecutionComponent(content.name, content.id, content.arguments);
                                 component.setExpanded(this.toolOutputExpanded);
                                 this.chatContainer.addChild(component);
                                 this.pendingTools.set(content.id, component);
@@ -2780,10 +2814,7 @@ export class InteractiveMode {
                 this.handleToolExecutionStart(event);
                 let component = this.pendingTools.get(event.toolCallId);
                 if (!component) {
-                    component = new ToolExecutionComponent(event.toolName, event.toolCallId, event.args, {
-                        showImages: this.settingsManager.getShowImages(),
-                        imageWidthCells: this.settingsManager.getImageWidthCells(),
-                    }, this.getRegisteredToolDefinition(event.toolName), this.ui, this.sessionManager.getCwd());
+                    component = this.createToolExecutionComponent(event.toolName, event.toolCallId, event.args);
                     component.setExpanded(this.toolOutputExpanded);
                     this.chatContainer.addChild(component);
                     this.pendingTools.set(event.toolCallId, component);
@@ -2968,6 +2999,11 @@ export class InteractiveMode {
                 this.showError(`Fallback chain exhausted for ${event.chainKey}: ${event.lastError}`);
                 this.setExtensionStatus(FALLBACK_STATUS_KEY, undefined);
                 break;
+            case "server_fallback_aborted":
+                this.showWarning(event.chainConfigured
+                    ? `Server fallback ${event.from} -> ${event.to} aborted; retrying on your fallback chain`
+                    : `Server fallback ${event.from} -> ${event.to} aborted; no chain configured (set one with /fallback)`);
+                break;
             case "auto_retry_start": {
                 // During retry waits, isStreaming flips false between attempts. The main Esc handler
                 // keys off both isStreaming and retryAttempt so we keep the same close-out path here;
@@ -3102,7 +3138,7 @@ export class InteractiveMode {
             case "custom": {
                 if (message.display) {
                     const renderer = this.session.extensionRunner.getMessageRenderer(message.customType);
-                    const component = new CustomMessageComponent(message, renderer, this.getMarkdownThemeWithSettings());
+                    const component = new CustomMessageComponent(message, renderer, this.getMarkdownThemeWithSettings(), this.outputPad);
                     component.setExpanded(this.toolOutputExpanded);
                     this.chatContainer.addChild(component);
                 }
@@ -3167,6 +3203,18 @@ export class InteractiveMode {
             }
         }
     }
+    createToolExecutionComponent(toolName, toolCallId, args) {
+        if (this.chrome) {
+            return new ToolExecutionComponent(toolName, toolCallId, args, {
+                showImages: this.settingsManager.getShowImages(),
+                imageWidthCells: this.settingsManager.getImageWidthCells(),
+            }, this.getRegisteredToolDefinition(toolName), this.ui, this.sessionManager.getCwd(), this.chrome.toolPresentation);
+        }
+        return new ToolExecutionComponent(toolName, toolCallId, args, {
+            showImages: this.settingsManager.getShowImages(),
+            imageWidthCells: this.settingsManager.getImageWidthCells(),
+        }, this.getRegisteredToolDefinition(toolName), this.ui, this.sessionManager.getCwd());
+    }
     renderSessionItems(items, options = {}) {
         this.clearPendingTools();
         const renderedPendingTools = new Map();
@@ -3191,10 +3239,7 @@ export class InteractiveMode {
                 // Render tool call components
                 for (const content of message.content) {
                     if (content.type === "toolCall") {
-                        const component = new ToolExecutionComponent(content.name, content.id, content.arguments, {
-                            showImages: this.settingsManager.getShowImages(),
-                            imageWidthCells: this.settingsManager.getImageWidthCells(),
-                        }, this.getRegisteredToolDefinition(content.name), this.ui, this.sessionManager.getCwd());
+                        const component = this.createToolExecutionComponent(content.name, content.id, content.arguments);
                         component.setExpanded(this.toolOutputExpanded);
                         this.chatContainer.addChild(component);
                         if (message.stopReason === "aborted" || message.stopReason === "error") {
@@ -3391,10 +3436,14 @@ export class InteractiveMode {
      * call ui.stop() to restore cooked mode, the cursor, and disable bracketed
      * paste / Kitty / modifyOtherKeys sequences.
      */
-    uncaughtCrash(error) {
+    uncaughtCrash(error, origin) {
         if (this.isShuttingDown) {
             process.exit(1);
         }
+        if (isRecoverableInspectorVmImportError(error, origin)) {
+            this.showWarning(INSPECTOR_VM_IMPORT_WARNING);
+            return;
+        }
         this.isShuttingDown = true;
         try {
             this.unregisterSignalHandlers();
@@ -3452,9 +3501,14 @@ export class InteractiveMode {
         // Restore the terminal before the process dies on any uncaught throw.
         // Without this, an unhandled exception from extension code (or anywhere
         // in pi) leaves the terminal in raw mode with no cursor.
-        const uncaughtExceptionHandler = (error) => this.uncaughtCrash(error);
+        const uncaughtExceptionHandler = (error, origin) => this.uncaughtCrash(error, origin);
         process.prependListener("uncaughtException", uncaughtExceptionHandler);
         this.signalCleanupHandlers.push(() => process.off("uncaughtException", uncaughtExceptionHandler));
+        // Surface Inspector rejections that the early bootstrap seam recovered before this
+        // handler (and the TUI warning surface) existed.
+        if (consumeEarlyInspectorVmImportRecoveries() > 0) {
+            this.showWarning(INSPECTOR_VM_IMPORT_WARNING);
+        }
     }
     unregisterSignalHandlers() {
         for (const cleanup of this.signalCleanupHandlers) {
@@ -3537,7 +3591,13 @@ export class InteractiveMode {
         }
     }
     updateEditorBorderColor() {
-        if (this.isBashMode) {
+        if (this.chrome) {
+            this.editor.borderColor = this.chrome.getEditorBorderColor({
+                isBashMode: this.isBashMode,
+                thinkingLevel: this.session.thinkingLevel || "off",
+            });
+        }
+        else if (this.isBashMode) {
             this.editor.borderColor = theme.getBashModeBorderColor();
         }
         else {
@@ -4049,7 +4109,9 @@ export class InteractiveMode {
                     this.outputPad = padding;
                     if (this.streamingComponent || this.session.isStreaming) {
                         for (const child of this.chatContainer.children) {
-                            if (child instanceof AssistantMessageComponent || child instanceof UserMessageComponent) {
+                            if (child instanceof AssistantMessageComponent ||
+                                child instanceof CustomMessageComponent ||
+                                child instanceof UserMessageComponent) {
                                 child.setOutputPad(padding);
                             }
                         }
@@ -4969,6 +5031,7 @@ export class InteractiveMode {
             this.hideThinkingBlock = this.settingsManager.getHideThinkingBlock();
             this.outputPad = this.settingsManager.getOutputPad();
             this.rebuildChatFromMessages();
+            time("chatRebuild", "reload");
             chatRestoredBeforeSessionStart = true;
         };
         try {
@@ -5008,9 +5071,11 @@ export class InteractiveMode {
             if (modelsJsonError) {
                 this.showError(`models.json error: ${modelsJsonError}`);
             }
-            this.showStatus(savedImplicitProjectTrust
+            const reloadedMessage = savedImplicitProjectTrust
                 ? "Reloaded keybindings, extensions, skills, prompts, themes, and context files; saved project trust"
-                : "Reloaded keybindings, extensions, skills, prompts, themes, and context files");
+                : "Reloaded keybindings, extensions, skills, prompts, themes, and context files";
+            const reloadTimings = formatTimings("reload");
+            this.showStatus(reloadTimings === undefined ? reloadedMessage : `${reloadedMessage} | reload timings: ${reloadTimings}`);
             dismissReloadBox(this.editor);
             reloadBoxDismissed = true;
         }
@@ -5347,7 +5412,6 @@ export class InteractiveMode {
         const cycleThinkingLevel = this.getAppKeyDisplay("app.thinking.cycle");
         const cycleModelForward = this.getAppKeyDisplay("app.model.cycleForward");
         const selectModel = this.getAppKeyDisplay("app.model.select");
-        const observeSessions = this.getAppKeyDisplay("app.sessions.observe");
         const expandTools = this.getAppKeyDisplay("app.tools.expand");
         const toggleThinking = this.getAppKeyDisplay("app.thinking.toggle");
         const externalEditor = this.getAppKeyDisplay("app.editor.external");
@@ -5392,7 +5456,6 @@ export class InteractiveMode {
 | \`${cycleThinkingLevel}\` | Cycle thinking level |
 | \`${cycleModelForward}\` / \`${cycleModelBackward}\` | Cycle models |
 | \`${selectModel}\` | Open model selector |
-| \`${observeSessions}\` | Observe session transcripts |
 | \`${expandTools}\` | Toggle tool output expansion |
 | \`${toggleThinking}\` | Toggle thinking block visibility |
 | \`${externalEditor}\` | Edit message in external editor |