@ashx-j/lunr-dev 0.2.16-dev.9.1 → 0.2.21-dev.12.1

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

@@ -38,6 +38,7 @@ import { getSearchCuratorSetting, setSearchCuratorSetting } from "../../core/sea
 import { formatMissingSessionCwdPrompt, MissingSessionCwdError } from "../../core/session-cwd.js";
 import { SessionManager, sessionEntryToContextMessages } from "../../core/session-manager.js";
 import { BUILTIN_SLASH_COMMANDS } from "../../core/slash-commands.js";
+import { getSubagentCancellation, SubagentEscapeSequence } from "../../core/subagent-cancellation.js";
 import { time } from "../../core/timings.js";
 import { hasTrustRequiringProjectResources, ProjectTrustStore } from "../../core/trust-manager.js";
 import { checkForUpdate, markUpdateNotified } from "../../core/update-check.js";
@@ -87,11 +88,13 @@ import { TrustSelectorComponent } from "./components/trust-selector.js";
 import { renderUsageBox } from "./components/usage-view.js";
 import { UserMessageComponent } from "./components/user-message.js";
 import { UserMessageSelectorComponent } from "./components/user-message-selector.js";
+import { orderedExtensionWidgets, replaceExtensionWidget, widgetSeparatorNeedsSpacer, } from "./extension-widget-order.js";
 import { getModelSearchText } from "./model-search.js";
 import { wrapSkillTagAutocomplete } from "./skill-tag-autocomplete.js";
 import { computeSmoothRevealStep, countGraphemesBeforeToolCall, countMessageGraphemes, sliceMessageContent, } from "./smooth-streaming.js";
 import { getAvailableThemes, getAvailableThemesWithPaths, getEditorTheme, getMarkdownTheme, getThemeByName, getThemeName, onThemeChange, setRegisteredThemes, stopThemeWatcher, Theme, theme, } from "./theme/theme.js";
 import { InteractiveThemeController } from "./theme/theme-controller.js";
+import { wrapThinkingLevelSlashCommands } from "./thinking-level-slash.js";
 function isExpandable(obj) {
     return typeof obj === "object" && obj !== null && "setExpanded" in obj && typeof obj.setExpanded === "function";
 }
@@ -238,6 +241,7 @@ export class InteractiveMode {
     hiddenThinkingLabel = this.defaultHiddenThinkingLabel;
     lastSigintTime = 0;
     lastEscapeTime = 0;
+    subagentEscape = new SubagentEscapeSequence();
     anthropicSubscriptionWarningShown = false;
     // Status line tracking (for mutating immediately-sequential status updates)
     lastStatusSpacer = undefined;
@@ -535,7 +539,7 @@ export class InteractiveMode {
         });
     }
     setupAutocompleteProvider() {
-        let provider = this.createBaseAutocompleteProvider();
+        let provider = wrapThinkingLevelSlashCommands(this.createBaseAutocompleteProvider(), () => this.session.getAvailableThinkingLevels());
         const triggerCharacters = [...(provider.triggerCharacters ?? [])];
         for (const wrapProvider of this.autocompleteProviderWrappers) {
             provider = wrapProvider(provider);
@@ -1613,21 +1617,8 @@ export class InteractiveMode {
      */
     setExtensionWidget(key, content, options) {
         const placement = options?.placement ?? "aboveEditor";
-        const removeExisting = (map) => {
-            const existing = map.get(key);
-            if (existing?.dispose)
-                existing.dispose();
-            map.delete(key);
-        };
-        removeExisting(this.extensionWidgetsAbove);
-        removeExisting(this.extensionWidgetsBelow);
-        if (content === undefined) {
-            this.renderWidgets();
-            return;
-        }
         let component;
         if (Array.isArray(content)) {
-            // Wrap string array in a Container with Text components
             const container = new Container();
             for (const line of content.slice(0, InteractiveMode.MAX_WIDGET_LINES)) {
                 container.addChild(new Text(line, 1, 0));
@@ -1637,12 +1628,10 @@ export class InteractiveMode {
             }
             component = container;
         }
-        else {
-            // Factory function - create component
+        else if (content) {
             component = content(this.ui, theme);
         }
-        const targetMap = placement === "belowEditor" ? this.extensionWidgetsBelow : this.extensionWidgetsAbove;
-        targetMap.set(key, component);
+        replaceExtensionWidget(this.extensionWidgetsAbove, this.extensionWidgetsBelow, key, component, placement);
         this.renderWidgets();
     }
     clearExtensionWidgets() {
@@ -1709,7 +1698,14 @@ export class InteractiveMode {
         if (leadingSpacer) {
             container.addChild(new Spacer(1));
         }
-        for (const component of widgets.values()) {
+        let previousKey;
+        for (const [key, component] of orderedExtensionWidgets(widgets)) {
+            if (previousKey !== undefined) {
+                if (widgetSeparatorNeedsSpacer(previousKey, key))
+                    container.addChild(new Spacer(1));
+                container.addChild(new DynamicBorder((s) => theme.fg("dim", s)));
+            }
+            previousKey = key;
             container.addChild(component);
         }
     }
@@ -2164,6 +2160,33 @@ export class InteractiveMode {
         // Set up handlers on defaultEditor - they use this.editor for text access
         // so they work correctly regardless of which editor is active
         this.defaultEditor.onEscape = () => {
+            const sessionId = this.session.sessionId;
+            const cancellation = getSubagentCancellation(sessionId);
+            const escapeAction = this.subagentEscape.press(sessionId, cancellation?.hasActiveRuns() ?? false);
+            if (escapeAction) {
+                this.lastEscapeTime = 0;
+                if (this.session.isStreaming)
+                    this.restoreQueuedMessagesToEditor({ abort: true });
+                else if (this.session.isBashRunning)
+                    this.session.abortBash();
+                if (escapeAction === "children" && cancellation) {
+                    void cancellation
+                        .stop()
+                        .then(({ requested, failed }) => {
+                        if (this.session.sessionId !== sessionId)
+                            return;
+                        if (failed)
+                            this.showError(`Could not request stop for ${failed} async runs. Inspect subagent status.`);
+                        else if (requested)
+                            this.showStatus(`Stopping ${requested} async ${requested === 1 ? "run" : "runs"}`);
+                    })
+                        .catch((error) => {
+                        if (this.session.sessionId === sessionId)
+                            this.showError(error instanceof Error ? error.message : String(error));
+                    });
+                }
+                return;
+            }
             if (this.session.isStreaming) {
                 this.restoreQueuedMessagesToEditor({ abort: true });
             }
@@ -2350,9 +2373,8 @@ export class InteractiveMode {
             const image = await readClipboardImage();
             if (image) {
                 const saved = this.writeClipboardImageFile(image);
-                const id = this.insertImageChip(saved);
+                this.insertImageChip(saved);
                 this.ui.requestRender();
-                this.showStatus(`Pasted ${formatImageMarker(id)}`);
                 return;
             }
             if (options.textFallback !== false) {
@@ -3614,7 +3636,6 @@ export class InteractiveMode {
         else {
             this.footer.invalidate();
             this.updateEditorBorderColor();
-            this.showStatus(`Thinking level: ${newLevel}`);
         }
     }
     cyclePermissionMode() {
@@ -3630,8 +3651,6 @@ export class InteractiveMode {
             else {
                 this.footer.invalidate();
                 this.updateEditorBorderColor();
-                const thinkingStr = result.model.reasoning && result.thinkingLevel !== "off" ? ` (thinking: ${result.thinkingLevel})` : "";
-                this.showStatus(`Switched to ${result.model.name || result.model.id}${thinkingStr}`);
                 void this.maybeWarnAboutAnthropicSubscriptionAuth(result.model);
             }
         }
@@ -3987,6 +4006,7 @@ export class InteractiveMode {
                 autocompleteMaxVisible: this.settingsManager.getAutocompleteMaxVisible(),
                 quietStartup: this.settingsManager.getQuietStartup(),
                 smoothStreaming: this.settingsManager.getSmoothStreaming(),
+                subagentSpinner: this.settingsManager.getSubagentSpinner(),
                 sessionRetentionDays: this.settingsManager.getSessionRetentionDays(),
                 clearOnShrink: this.settingsManager.getClearOnShrink(),
                 showTerminalProgress: this.settingsManager.getShowTerminalProgress(),
@@ -3995,6 +4015,8 @@ export class InteractiveMode {
                 globalInstructionsPath: getGlobalInstructionsPath(getAgentDir()),
                 modelInstructionsPath: getModelInstructionsPath(getAgentDir(), this.session.model?.id ?? "no-model-selected"),
                 confirmLargeSubagentLaunches: this.settingsManager.getConfirmLargeSubagentLaunches(),
+                computerUse: this.settingsManager.getComputerUse(),
+                computerForeground: this.settingsManager.getComputerForeground(),
                 memoryEnabled: this.settingsManager.getMemoryEnabled(),
                 memoryCharCap: this.settingsManager.getMemoryCharCap(),
                 searchCurator: getSearchCuratorSetting(),
@@ -4113,6 +4135,10 @@ export class InteractiveMode {
                 onSmoothStreamingChange: (enabled) => {
                     this.applySmoothStreamingSettingChange(enabled);
                 },
+                onSubagentSpinnerChange: (spinner) => {
+                    this.settingsManager.setSubagentSpinner(spinner);
+                    this.ui.requestRender();
+                },
                 onSessionRetentionDaysChange: (days) => {
                     this.settingsManager.setSessionRetentionDays(days);
                 },
@@ -4200,6 +4226,12 @@ export class InteractiveMode {
                 onMemoryCharCapChange: (cap) => {
                     this.settingsManager.setMemoryCharCap(cap);
                 },
+                onComputerUseChange: (enabled) => {
+                    this.settingsManager.setComputerUse(enabled);
+                },
+                onComputerForegroundChange: (enabled) => {
+                    this.settingsManager.setComputerForeground(enabled);
+                },
                 onMemoryEnabledChange: (enabled) => {
                     this.settingsManager.setMemoryEnabled(enabled);
                     this.session.refreshToolRegistry();
@@ -4273,6 +4305,7 @@ export class InteractiveMode {
                     autoManage: () => this.settingsManager.getAutoManageSubscriptions(),
                     requestRender: () => this.ui.requestRender(),
                 },
+                requestRender: () => this.ui.requestRender(),
                 createModelTierPicker: (_tier, currentModelRef, done) => {
                     const selector = new ModelSelectorComponent(this.ui, this.resolveModelReference(currentModelRef), this.settingsManager, this.session.modelRuntime, this.session.scopedModels, (model) => {
                         done(`${model.provider}/${model.id}`);
@@ -6606,8 +6639,7 @@ export class InteractiveMode {
 ${cycleThinkingLevel ? `| \`${cycleThinkingLevel}\` | Cycle thinking level |\n` : ""}| \`${cycleModelForward}\` / \`${cycleModelBackward}\` | Cycle models |
 | \`${selectModel}\` | Open model selector |
 | \`${expandTools}\` | Expand or collapse a thinking/tool card |
-| \`${toggleThinking}\` | Toggle thinking block visibility |
-| \`${externalEditor}\` | Edit message in external editor |
+${toggleThinking ? `| \`${toggleThinking}\` | Toggle thinking block visibility |\n` : ""}| \`${externalEditor}\` | Edit message in external editor |
 | \`${copyMessage}\` | Copy last assistant message |
 | \`${followUp}\` | Queue follow-up message |
 | \`${dequeue}\` | Restore queued messages |