@ashx-j/lunr 0.2.20 → 0.2.21

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

@@ -88,6 +88,7 @@ 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";
@@ -1616,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));
@@ -1640,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() {
@@ -1712,13 +1698,14 @@ export class InteractiveMode {
         if (leadingSpacer) {
             container.addChild(new Spacer(1));
         }
-        let first = true;
-        for (const component of widgets.values()) {
-            if (!first) {
-                container.addChild(new Spacer(1));
+        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)));
             }
-            first = false;
+            previousKey = key;
             container.addChild(component);
         }
     }
@@ -4019,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(),
@@ -4145,6 +4133,10 @@ export class InteractiveMode {
                 onSmoothStreamingChange: (enabled) => {
                     this.applySmoothStreamingSettingChange(enabled);
                 },
+                onSubagentSpinnerChange: (spinner) => {
+                    this.settingsManager.setSubagentSpinner(spinner);
+                    this.ui.requestRender();
+                },
                 onSessionRetentionDaysChange: (days) => {
                     this.settingsManager.setSessionRetentionDays(days);
                 },
@@ -4305,6 +4297,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}`);