apex-code 0.5.2 → 0.6.1

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

@@ -12,7 +12,7 @@ import { CombinedAutocompleteProvider, Container, fuzzyFilter, getCapabilities,
 import chalk from "chalk";
 import { spawn, spawnSync } from "child_process";
 import { APP_NAME, APP_TITLE, CONFIG_DIR_NAME, getAgentDir, getAuthPath, getDebugLogPath, getDocsPath, getShareViewerUrl, VERSION, } from "../../config.js";
-import { parseSkillBlock } from "../../core/agent-session.js";
+import { parseSkillBlock, } from "../../core/agent-session.js";
 import { SessionImportFileNotFoundError } from "../../core/agent-session-runtime.js";
 import { CACHE_TTL_MS, collectCacheMisses, computeCacheWaste, detectCacheMiss, } from "../../core/cache-stats.js";
 import { formatCacheWarmingStatus, formatCacheWarmingUsage } from "../../core/cache-warmer.js";
@@ -81,10 +81,12 @@ import { PERMISSION_MODE_OVERRIDE_HINTS, SettingsSelectorComponent } from "./com
 import { SkillInvocationMessageComponent } from "./components/skill-invocation-message.js";
 import { ApexSplashHeader } from "./components/splash-header.js";
 import { BranchSummaryStatusIndicator, CompactionStatusIndicator, IdleStatus, RetryStatusIndicator, WorkingStatusIndicator, } from "./components/status-indicator.js";
+import { TaskPanelComponent } from "./components/task-panel.js";
 import { ThinkingSelectorComponent } from "./components/thinking-selector.js";
 import { ToolExecutionComponent } from "./components/tool-execution.js";
 import { TreeSelectorComponent } from "./components/tree-selector.js";
 import { TrustSelectorComponent } from "./components/trust-selector.js";
+import { TurnSummaryComponent } from "./components/turn-summary.js";
 import { UserMessageComponent } from "./components/user-message.js";
 import { UserMessageSelectorComponent } from "./components/user-message-selector.js";
 import { editInExternalEditor } from "./external-editor.js";
@@ -273,6 +275,8 @@ export class InteractiveMode {
     runtimeHost;
     /** Settled once the most recent /settings permission-mode write has hit disk. */
     pendingPermissionModeWrite;
+    pendingPermissionModeCycle;
+    permissionModeCycleGeneration = 0;
     renderer;
     ui;
     mainScreenRenderState;
@@ -372,6 +376,7 @@ export class InteractiveMode {
     retriedAttempt;
     /** Set when the user presses Escape during a retry wait, which is the only way to cancel one. */
     retryCancelled = false;
+    turnStartedAt;
     // Messages queued while compaction is running
     compactionQueuedMessages = [];
     // Shutdown state
@@ -387,6 +392,8 @@ export class InteractiveMode {
     extensionWidgetsAbove = new Map();
     extensionWidgetsBelow = new Map();
     widgetContainerAbove;
+    extensionWidgetContainerAbove;
+    taskPanel;
     widgetContainerBelow;
     // Custom footer from extension (undefined = use built-in footer)
     customFooter = undefined;
@@ -415,13 +422,13 @@ export class InteractiveMode {
     get settingsManager() {
         return this.session.settingsManager;
     }
-    offerFirstUseHint(id) {
+    offerFirstUseHint(id, text) {
         this.firstUseHints ??= new FirstUseHints(this.settingsManager.getFirstUseHints());
         const hint = this.firstUseHints.offer(id);
         if (!hint)
             return;
         this.settingsManager.setFirstUseHints(this.firstUseHints.getSeen());
-        this.chatContainer.addChild(new Text(theme.fg("dim", hint), this.outputPad, 0));
+        this.chatContainer.addChild(new Text(theme.fg("dim", text ?? hint), this.outputPad, 0));
     }
     constructor(runtimeHost, options = {}) {
         this.runtimeHost = runtimeHost;
@@ -457,6 +464,13 @@ export class InteractiveMode {
         this.pendingMessagesContainer = new Container();
         this.statusContainer = new Container();
         this.widgetContainerAbove = new Container();
+        this.extensionWidgetContainerAbove = new Container();
+        this.taskPanel = new TaskPanelComponent({
+            getSession: () => this.session,
+            getSettings: () => this.settingsManager,
+        });
+        this.widgetContainerAbove.addChild(this.taskPanel);
+        this.widgetContainerAbove.addChild(this.extensionWidgetContainerAbove);
         this.widgetContainerBelow = new Container();
         this.keybindings = KeybindingsManager.create();
         setKeybindings(this.keybindings);
@@ -1619,6 +1633,7 @@ export class InteractiveMode {
                         customInstructions: options?.customInstructions,
                         replaceInstructions: options?.replaceInstructions,
                         label: options?.label,
+                        workspacePolicy: options?.workspacePolicy,
                     });
                     if (result.cancelled) {
                         return { cancelled: true };
@@ -1688,10 +1703,13 @@ export class InteractiveMode {
         }
     }
     async rebindCurrentSession(options = {}) {
+        this.permissionModeCycleGeneration = (this.permissionModeCycleGeneration ?? 0) + 1;
+        this.pendingPermissionModeCycle = undefined;
         const session = this.session;
         this.unsubscribe?.();
         this.unsubscribe = undefined;
         this.applyRuntimeSettings();
+        this.taskPanel?.rebind();
         if (options.renderBeforeBind) {
             this.renderCurrentSessionState();
             this.subscribeToAgent();
@@ -2027,13 +2045,17 @@ export class InteractiveMode {
     }
     // Maximum total widget lines to prevent viewport overflow
     static MAX_WIDGET_LINES = 10;
+    toggleTaskPanel() {
+        this.taskPanel.toggle();
+        this.ui.requestRender();
+    }
     /**
      * Render all extension widgets to the widget container.
      */
     renderWidgets() {
         if (!this.widgetContainerAbove || !this.widgetContainerBelow)
             return;
-        this.renderWidgetContainer(this.widgetContainerAbove, this.extensionWidgetsAbove, true, true);
+        this.renderWidgetContainer(this.extensionWidgetContainerAbove ?? this.widgetContainerAbove, this.extensionWidgetsAbove, true, true);
         this.renderWidgetContainer(this.widgetContainerBelow, this.extensionWidgetsBelow, false, false);
         this.ui.requestRender();
     }
@@ -2599,12 +2621,15 @@ export class InteractiveMode {
         this.defaultEditor.onCtrlD = () => this.handleCtrlD();
         this.defaultEditor.onAction("app.suspend", () => this.handleCtrlZ());
         this.defaultEditor.onAction("app.thinking.cycle", () => this.cycleThinkingLevel());
+        this.defaultEditor.onAction("app.permissionMode.cycle", () => this.cyclePermissionMode());
         this.defaultEditor.onAction("app.model.cycleForward", () => this.cycleModel("forward"));
         this.defaultEditor.onAction("app.model.cycleBackward", () => this.cycleModel("backward"));
         // Global debug handler on TUI (works regardless of focus)
         this.ui.onDebug = () => this.handleDebugCommand();
         this.defaultEditor.onAction("app.model.select", () => this.showModelSelector());
         this.defaultEditor.onAction("app.tools.expand", () => this.cycleChatDetail());
+        this.defaultEditor.onAction("app.tools.expandLatest", () => this.toggleLatestOperation());
+        this.defaultEditor.onAction("app.tasks.toggle", () => this.toggleTaskPanel());
         this.defaultEditor.onAction("app.thinking.toggle", () => this.toggleThinkingBlockVisibility());
         this.defaultEditor.onAction("app.editor.external", () => void this.handleOpenExternalEditor());
         this.defaultEditor.onAction("app.message.copy", () => void this.handleCopyCommand({ flashConfirmation: true, preferSelection: true }));
@@ -2690,6 +2715,11 @@ export class InteractiveMode {
                 await this.showConfigurationIndex();
                 return;
             }
+            if (text === "/tasks") {
+                this.editor.setText("");
+                this.toggleTaskPanel();
+                return;
+            }
             if (text === "/settings") {
                 this.editor.setText("");
                 await this.showSettingsSelector();
@@ -2907,6 +2937,7 @@ export class InteractiveMode {
             await this.init();
         }
         this.footer.invalidate();
+        this.taskPanel?.handleEvent(event);
         switch (event.type) {
             case "agent_start":
                 this.clearPendingTools();
@@ -2921,6 +2952,7 @@ export class InteractiveMode {
                 }
                 break;
             case "turn_start":
+                this.turnStartedAt ??= Date.now();
                 if (this.settingsManager.getShowTerminalProgress()) {
                     this.ui.terminal.setProgress(true);
                 }
@@ -3108,6 +3140,8 @@ export class InteractiveMode {
                 break;
             }
             case "tool_execution_end": {
+                if (event.toolName === "plan_present" && !event.isError)
+                    await this.refreshFooterPermissionMode();
                 const component = this.pendingTools.get(event.toolCallId);
                 if (component) {
                     component.updateResult({ ...event.result, isError: event.isError });
@@ -3127,9 +3161,20 @@ export class InteractiveMode {
                     this.streamingMessage = undefined;
                 }
                 this.clearPendingTools();
+                if (!event.willRetry) {
+                    const kind = event.stopReason?.kind ??
+                        [...event.messages].reverse().find((message) => message.role === "assistant")?.stopReason;
+                    this.finishTurnSummary(kind === "aborted"
+                        ? "aborted"
+                        : kind === "completed" || kind === "stop" || kind === undefined
+                            ? "completed"
+                            : undefined);
+                }
                 this.ui.requestRender();
                 break;
             case "agent_settled":
+                this.turnStartedAt = undefined;
+                this.ui.requestRender();
                 await this.checkShutdownRequested();
                 break;
             case "compaction_start": {
@@ -3229,6 +3274,8 @@ export class InteractiveMode {
                 }
                 this.retriedAttempt = undefined;
                 this.retryCancelled = false;
+                if (event.aborted)
+                    this.finishTurnSummary("aborted");
                 this.ui.requestRender();
                 break;
             }
@@ -3256,6 +3303,16 @@ export class InteractiveMode {
             }
         }
     }
+    finishTurnSummary(outcome) {
+        const startedAt = this.turnStartedAt;
+        this.turnStartedAt = undefined;
+        if (startedAt === undefined || outcome === undefined)
+            return;
+        const elapsedMs = Date.now() - startedAt;
+        if (elapsedMs < 1000)
+            return;
+        this.chatContainer.addChild(new TurnSummaryComponent(elapsedMs, outcome));
+    }
     /** Extract text content from a user message */
     getUserMessageText(message) {
         if (message.role !== "user")
@@ -3323,7 +3380,8 @@ export class InteractiveMode {
     addMessageToChat(message, options) {
         switch (message.role) {
             case "bashExecution": {
-                const component = new BashExecutionComponent(message.command, this.ui, message.excludeFromContext);
+                const component = new BashExecutionComponent(message.command, this.ui, message.excludeFromContext, this.settingsManager.getSymbolPreset());
+                this.adoptChatDetail(component);
                 if (message.output) {
                     component.appendOutput(message.output);
                 }
@@ -3905,11 +3963,26 @@ export class InteractiveMode {
      * remembering to set every axis.
      */
     adoptChatDetail(component) {
+        if (component instanceof ToolExecutionComponent || component instanceof BashExecutionComponent) {
+            component.setChatDetail(this.chatDetail);
+            return;
+        }
         if (isExpandable(component))
             component.setExpanded(this.toolOutputExpanded);
         if (hasEditDiffsExpansion(component))
             component.setEditDiffsExpanded(this.editDiffsExpanded);
     }
+    toggleLatestOperation() {
+        const pending = this.pendingMessagesContainer?.children ?? [];
+        const operations = [...this.chatContainer.children, ...pending];
+        const latest = operations
+            .reverse()
+            .find((child) => child instanceof ToolExecutionComponent || child instanceof BashExecutionComponent);
+        if (latest instanceof ToolExecutionComponent || latest instanceof BashExecutionComponent) {
+            latest.toggleExpanded();
+            this.ui.requestRender();
+        }
+    }
     /** The expand key. A level the user picks is saved, so the next session opens at it. */
     cycleChatDetail() {
         this.chooseChatDetail(nextChatDetail(this.chatDetail));
@@ -3927,6 +4000,7 @@ export class InteractiveMode {
         this.chatDetail = detail;
         this.toolOutputExpanded = view.toolOutputExpanded;
         this.editDiffsExpanded = view.editDiffsExpanded;
+        this.footer?.setChatDetail(detail);
     }
     /**
      * Presentation only. This never rewrites messages or the session transcript,
@@ -3938,7 +4012,6 @@ export class InteractiveMode {
             return;
         this.assignChatDetail(detail);
         this.applyChatDetail();
-        this.showStatus(`Conversation detail: ${detail}`);
     }
     /** True when thinking blocks are hidden right now, setting and detail level combined. */
     isThinkingHidden() {
@@ -3950,17 +4023,14 @@ export class InteractiveMode {
         if (isExpandable(activeHeader)) {
             activeHeader.setExpanded(this.toolOutputExpanded);
         }
-        for (const container of [this.loadedResourcesContainer, this.chatContainer]) {
+        for (const container of [this.loadedResourcesContainer, this.chatContainer, this.pendingMessagesContainer]) {
+            if (!container)
+                continue;
             for (const child of container.children) {
                 if (child instanceof AssistantMessageComponent) {
                     child.setHideThinkingBlock(this.isThinkingHidden());
                 }
-                if (isExpandable(child)) {
-                    child.setExpanded(this.toolOutputExpanded);
-                }
-                if (hasEditDiffsExpansion(child)) {
-                    child.setEditDiffsExpanded(this.editDiffsExpanded);
-                }
+                this.adoptChatDetail(child);
             }
         }
         this.ui.requestRender();
@@ -4278,25 +4348,61 @@ export class InteractiveMode {
      * would under-report bypassPermissions, which is the one direction that matters.
      */
     async refreshFooterPermissionMode() {
-        const resolution = await this.session.getPermissionMode();
-        this.footer.setPermissionMode(resolution?.mode ?? "default");
+        const session = this.session;
+        const resolution = await session.getPermissionMode();
+        if (this.session !== session)
+            return;
+        this.footer.setPermissionMode(resolution?.mode ?? "default", resolution?.origin);
         if (this.isInitialized) {
             this.ui.requestRender();
         }
     }
+    cyclePermissionMode() {
+        const session = this.session;
+        const generation = this.permissionModeCycleGeneration ?? 0;
+        const isCurrent = () => this.session === session && (this.permissionModeCycleGeneration ?? 0) === generation;
+        const cycle = (this.pendingPermissionModeCycle ?? Promise.resolve())
+            .then(async () => {
+            if (!isCurrent())
+                return;
+            const modes = await session.getInteractivePermissionModeCycle();
+            if (!isCurrent() || modes.length === 0)
+                return;
+            const current = await session.getPermissionMode();
+            if (!isCurrent())
+                return;
+            const index = modes.indexOf(current?.mode ?? "default");
+            const resolution = await session.setInteractivePermissionMode(modes[(index + 1) % modes.length]);
+            if (!isCurrent() || !resolution)
+                return;
+            this.footer.setPermissionMode(resolution.mode, resolution.origin);
+            this.offerFirstUseHint("permission-mode-cycle", `${keyDisplayText("app.permissionMode.cycle")} now cycles permission modes for this session; ${keyDisplayText("app.thinking.cycle")} cycles thinking level.`);
+            this.ui.requestRender();
+        })
+            .catch((error) => {
+            if (!isCurrent())
+                return;
+            this.showError(`Permission mode could not be changed: ${error instanceof Error ? error.message : String(error)}`);
+        });
+        this.pendingPermissionModeCycle = cycle;
+        return cycle;
+    }
     /**
      * Writes the mode to user scope, then reports what is actually in force. The
      * write can be outranked by `--permission-mode` or a project file, and a
      * settings row that silently does nothing is worse than no row at all.
      */
     async applyPermissionMode(mode) {
+        const session = this.session;
         let resolution;
         try {
-            const write = this.session.setPermissionMode(mode);
+            const write = session.setPermissionMode(mode);
             this.pendingPermissionModeWrite = write.then(() => { }, () => { });
             resolution = await write;
         }
         catch (error) {
+            if (this.session !== session)
+                return;
             // Never swallow this. A permission mode the user believes they set, and
             // did not, is the one outcome worse than the prompt they were escaping.
             const detail = error instanceof Error ? error.message : String(error);
@@ -4304,17 +4410,27 @@ export class InteractiveMode {
             this.ui.requestRender();
             return;
         }
-        if (!resolution)
+        if (this.session !== session || !resolution)
             return;
-        const outranked = resolution.mode !== mode;
+        const outranked = resolution.mode !== mode || resolution.origin === "interactive";
         const source = PERMISSION_MODE_OVERRIDE_HINTS[resolution.origin] ?? resolution.origin;
         const line = outranked
             ? `Permission mode saved as ${mode}, but ${source} sets ${resolution.mode} for this session.`
             : `Permission mode set to ${mode}.`;
         this.chatContainer.addChild(new Text(theme.fg(outranked ? "warning" : "muted", line), 1, 0));
-        this.footer.setPermissionMode(resolution.mode);
+        this.footer.setPermissionMode(resolution.mode, resolution.origin);
         this.ui.requestRender();
     }
+    setTaskListToolDefault(enabled) {
+        if (this.settingsManager.getProjectSettings().defaultTools !== undefined)
+            return;
+        const names = this.settingsManager.getDefaultTools() ?? this.session.getImplicitDefaultToolNames();
+        this.settingsManager.setDefaultTools(enabled
+            ? names.includes("todo_write")
+                ? names
+                : [...names, "todo_write"]
+            : names.filter((name) => name !== "todo_write"));
+    }
     async showSettingsSelector() {
         const permissionMode = await this.session.getPermissionMode();
         this.showSelector((done) => {
@@ -4324,6 +4440,10 @@ export class InteractiveMode {
             const defaultModel = defaultProvider && defaultModelId ? `${defaultProvider}/${defaultModelId}` : "not set";
             selector = new SettingsSelectorComponent({
                 autoCompact: this.session.autoCompactionEnabled,
+                taskListTool: {
+                    enabled: (this.settingsManager.getDefaultTools() ?? this.session.getImplicitDefaultToolNames()).includes("todo_write"),
+                    projectControlled: this.settingsManager.getProjectSettings().defaultTools !== undefined,
+                },
                 defaultModel,
                 currentModel: this.session.model,
                 availableDefaultModels: this.session.modelRuntime.getAvailableSnapshot(),
@@ -4366,6 +4486,7 @@ export class InteractiveMode {
                 fullscreenCopyOnSelect: this.settingsManager.getFullscreenCopyOnSelect(),
                 warnings: this.settingsManager.getWarnings(),
             }, {
+                onTaskListToolChange: (enabled) => this.setTaskListToolDefault(enabled),
                 onAutoCompactChange: (enabled) => {
                     this.session.setAutoCompactionEnabled(enabled);
                     this.footer.setAutoCompactEnabled(enabled);
@@ -4982,6 +5103,29 @@ export class InteractiveMode {
                     this.showError("Wait for the current compaction or tree navigation to finish before navigating the session tree.");
                     return;
                 }
+                const workspacePreview = await this.session.previewTreeWorkspace(entryId);
+                if (this.session.isCompacting) {
+                    this.showError("Wait for the current compaction or tree navigation to finish before navigating the session tree.");
+                    return;
+                }
+                let workspacePolicy = "keep";
+                if (workspacePreview.state === "differs") {
+                    const choice = await this.showExtensionSelector("Restore workspace files?", [
+                        "Keep current files",
+                        "Restore files to this point",
+                        "Cancel",
+                    ]);
+                    if (choice === undefined || choice === "Cancel") {
+                        this.showStatus("Navigation cancelled");
+                        return;
+                    }
+                    if (choice === "Restore files to this point")
+                        workspacePolicy = "restore";
+                }
+                if (this.session.isCompacting) {
+                    this.showError("Wait for the current compaction or tree navigation to finish before navigating the session tree.");
+                    return;
+                }
                 // Set up escape handler and status indicator if summarizing
                 let showingSummaryIndicator = false;
                 const originalOnEscape = this.defaultEditor.onEscape;
@@ -4998,6 +5142,7 @@ export class InteractiveMode {
                     const result = await this.session.navigateTree(entryId, {
                         summarize: wantsSummary,
                         customInstructions,
+                        workspacePolicy,
                     });
                     if (result.aborted) {
                         // Summarization aborted - re-show tree selector with same selection
@@ -5015,7 +5160,22 @@ export class InteractiveMode {
                     if (result.editorText && !this.editor.getText().trim()) {
                         this.editor.setText(result.editorText);
                     }
-                    this.showStatus("Navigated to selected point");
+                    const workspace = result.workspace;
+                    if (workspace?.outcome === "restored") {
+                        this.showStatus(workspace.preRestoreCheckpoint
+                            ? "Restored files · pre-restore checkpoint saved"
+                            : "Restored files");
+                    }
+                    else if (workspace?.outcome === "failed") {
+                        this.showStatus(workspace.warnings.join(" · ") || "Workspace restore failed");
+                    }
+                    else if (workspace?.outcome === "missing-checkpoint" ||
+                        workspacePreview.state === "no-checkpoint") {
+                        this.showStatus("Files unchanged · no checkpoint for this point");
+                    }
+                    else {
+                        this.showStatus("Files unchanged");
+                    }
                     void this.flushCompactionQueue({ willRetry: false });
                 }
                 catch (error) {
@@ -5600,6 +5760,8 @@ export class InteractiveMode {
             this.showWarning("Wait for compaction to finish before reloading.");
             return;
         }
+        this.permissionModeCycleGeneration = (this.permissionModeCycleGeneration ?? 0) + 1;
+        this.pendingPermissionModeCycle = undefined;
         this.resetExtensionUI();
         const reloadBox = new Container();
         reloadBox.addChild(new DynamicBorder());
@@ -5665,6 +5827,7 @@ export class InteractiveMode {
                 dismissReloadBox(previousEditor);
             }
             this.showError(`Reload failed: ${error instanceof Error ? error.message : String(error)}`);
+            await this.refreshFooterPermissionMode();
         }
     }
     async handleExportCommand(text) {
@@ -6030,9 +6193,11 @@ export class InteractiveMode {
         const exit = this.getAppKeyDisplay("app.exit");
         const suspend = this.getAppKeyDisplay("app.suspend");
         const cycleThinkingLevel = this.getAppKeyDisplay("app.thinking.cycle");
+        const cyclePermissionMode = this.getAppKeyDisplay("app.permissionMode.cycle");
         const cycleModelForward = this.getAppKeyDisplay("app.model.cycleForward");
         const selectModel = this.getAppKeyDisplay("app.model.select");
         const expandTools = this.getAppKeyDisplay("app.tools.expand");
+        const expandLatest = this.getAppKeyDisplay("app.tools.expandLatest");
         const toggleThinking = this.getAppKeyDisplay("app.thinking.toggle");
         const externalEditor = this.getAppKeyDisplay("app.editor.external");
         const cycleModelBackward = this.getAppKeyDisplay("app.model.cycleBackward");
@@ -6074,9 +6239,11 @@ export class InteractiveMode {
 | \`${exit}\` | Exit (when editor is empty) |
 | \`${suspend}\` | Suspend to background |
 | \`${cycleThinkingLevel}\` | Cycle thinking level |
+| \`${cyclePermissionMode}\` | Cycle permission mode for this session |
 | \`${cycleModelForward}\` / \`${cycleModelBackward}\` | Cycle models |
 | \`${selectModel}\` | Open model selector |
 | \`${expandTools}\` | Cycle conversation detail (overview / details / all) |
+| \`${expandLatest}\` | Toggle latest operation details |
 | \`${toggleThinking}\` | Toggle thinking block visibility |
 | \`${externalEditor}\` | Edit message in external editor |
 | \`${copyMessage}\` | Copy selection or last assistant message |
@@ -6227,7 +6394,8 @@ export class InteractiveMode {
         if (eventResult?.result) {
             const result = eventResult.result;
             // Create UI component for display
-            this.bashComponent = new BashExecutionComponent(command, this.ui, excludeFromContext);
+            this.bashComponent = new BashExecutionComponent(command, this.ui, excludeFromContext, this.settingsManager.getSymbolPreset());
+            this.adoptChatDetail(this.bashComponent);
             if (this.session.isStreaming) {
                 this.pendingMessagesContainer.addChild(this.bashComponent);
                 this.pendingBashComponents.push(this.bashComponent);
@@ -6248,7 +6416,8 @@ export class InteractiveMode {
         }
         // Normal execution path (possibly with custom operations)
         const isDeferred = this.session.isStreaming;
-        this.bashComponent = new BashExecutionComponent(command, this.ui, excludeFromContext);
+        this.bashComponent = new BashExecutionComponent(command, this.ui, excludeFromContext, this.settingsManager.getSymbolPreset());
+        this.adoptChatDetail(this.bashComponent);
         if (isDeferred) {
             // Show in pending area when agent is streaming
             this.pendingMessagesContainer.addChild(this.bashComponent);