@mariozechner/pi-coding-agent 0.49.0 → 0.49.2

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

@@ -108,9 +108,11 @@ export class InteractiveMode {
     extensionSelector = undefined;
     extensionInput = undefined;
     extensionEditor = undefined;
-    // Extension widgets (components rendered above the editor)
-    extensionWidgets = new Map();
-    widgetContainer;
+    // 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;
     // Built-in header (logo + keybinding hints + changelog)
@@ -135,7 +137,8 @@ export class InteractiveMode {
         this.chatContainer = new Container();
         this.pendingMessagesContainer = new Container();
         this.statusContainer = new Container();
-        this.widgetContainer = new Container();
+        this.widgetContainerAbove = new Container();
+        this.widgetContainerBelow = new Container();
         this.keybindings = KeybindingsManager.create();
         const editorPaddingX = this.settingsManager.getEditorPaddingX();
         this.defaultEditor = new CustomEditor(this.ui, getEditorTheme(), this.keybindings, { paddingX: editorPaddingX });
@@ -298,9 +301,10 @@ export class InteractiveMode {
         this.ui.addChild(this.chatContainer);
         this.ui.addChild(this.pendingMessagesContainer);
         this.ui.addChild(this.statusContainer);
-        this.ui.addChild(this.widgetContainer);
         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();
@@ -639,7 +643,7 @@ export class InteractiveMode {
      * Set up keyboard shortcuts registered by extensions.
      */
     setupExtensionShortcuts(extensionRunner) {
-        const shortcuts = extensionRunner.getShortcuts();
+        const shortcuts = extensionRunner.getShortcuts(this.keybindings.getEffectiveConfig());
         if (shortcuts.size === 0)
             return;
         // Create a context for shortcut handlers
@@ -697,15 +701,22 @@ export class InteractiveMode {
     /**
      * Set an extension widget (string array or custom component).
      */
-    setExtensionWidget(key, content) {
-        // Dispose and remove existing widget
-        const existing = this.extensionWidgets.get(key);
-        if (existing?.dispose)
-            existing.dispose();
+    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.extensionWidgets.delete(key);
+            this.renderWidgets();
+            return;
         }
-        else if (Array.isArray(content)) {
+        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)) {
@@ -714,13 +725,14 @@ export class InteractiveMode {
             if (content.length > InteractiveMode.MAX_WIDGET_LINES) {
                 container.addChild(new Text(theme.fg("muted", "... (widget truncated)"), 1, 0));
             }
-            this.extensionWidgets.set(key, container);
+            component = container;
         }
         else {
             // Factory function - create component
-            const component = content(this.ui, theme);
-            this.extensionWidgets.set(key, component);
+            component = content(this.ui, theme);
         }
+        const targetMap = placement === "belowEditor" ? this.extensionWidgetsBelow : this.extensionWidgetsAbove;
+        targetMap.set(key, component);
         this.renderWidgets();
     }
     // Maximum total widget lines to prevent viewport overflow
@@ -729,19 +741,26 @@ export class InteractiveMode {
      * Render all extension widgets to the widget container.
      */
     renderWidgets() {
-        if (!this.widgetContainer)
+        if (!this.widgetContainerAbove || !this.widgetContainerBelow)
             return;
-        this.widgetContainer.clear();
-        if (this.extensionWidgets.size === 0) {
-            this.widgetContainer.addChild(new Spacer(1));
-            this.ui.requestRender();
+        this.renderWidgetContainer(this.widgetContainerAbove, this.extensionWidgetsAbove, true, true);
+        this.renderWidgetContainer(this.widgetContainerBelow, this.extensionWidgetsBelow, false, false);
+        this.ui.requestRender();
+    }
+    renderWidgetContainer(container, widgets, spacerWhenEmpty, leadingSpacer) {
+        container.clear();
+        if (widgets.size === 0) {
+            if (spacerWhenEmpty) {
+                container.addChild(new Spacer(1));
+            }
             return;
         }
-        this.widgetContainer.addChild(new Spacer(1));
-        for (const [_key, component] of this.extensionWidgets) {
-            this.widgetContainer.addChild(component);
+        if (leadingSpacer) {
+            container.addChild(new Spacer(1));
+        }
+        for (const component of widgets.values()) {
+            container.addChild(component);
         }
-        this.ui.requestRender();
     }
     /**
      * Set a custom footer component, or restore the built-in footer.
@@ -821,7 +840,7 @@ export class InteractiveMode {
                     }
                 }
             },
-            setWidget: (key, content) => this.setExtensionWidget(key, content),
+            setWidget: (key, content, options) => this.setExtensionWidget(key, content, options),
             setFooter: (factory) => this.setExtensionFooter(factory),
             setHeader: (factory) => this.setExtensionHeader(factory),
             setTitle: (title) => this.ui.terminal.setTitle(title),
@@ -2179,6 +2198,7 @@ export class InteractiveMode {
                 doubleEscapeAction: this.settingsManager.getDoubleEscapeAction(),
                 showHardwareCursor: this.settingsManager.getShowHardwareCursor(),
                 editorPaddingX: this.settingsManager.getEditorPaddingX(),
+                quietStartup: this.settingsManager.getQuietStartup(),
             }, {
                 onAutoCompactChange: (enabled) => {
                     this.session.setAutoCompactionEnabled(enabled);
@@ -2242,6 +2262,9 @@ export class InteractiveMode {
                 onCollapseChangelogChange: (collapsed) => {
                     this.settingsManager.setCollapseChangelog(collapsed);
                 },
+                onQuietStartupChange: (enabled) => {
+                    this.settingsManager.setQuietStartup(enabled);
+                },
                 onDoubleEscapeActionChange: (action) => {
                     this.settingsManager.setDoubleEscapeAction(action);
                 },
@@ -2590,7 +2613,7 @@ export class InteractiveMode {
                 this.ui.requestRender();
             }, () => {
                 void this.shutdown();
-            }, () => this.ui.requestRender());
+            }, () => this.ui.requestRender(), this.sessionManager.getSessionFile());
             return { component: selector, focus: selector.getSessionList() };
         });
     }
@@ -2817,7 +2840,7 @@ export class InteractiveMode {
                 return;
             }
             // Create the preview URL
-            const previewUrl = `https://buildwithpi.ai/session?${gistId}`;
+            const previewUrl = `https://buildwithpi.ai/session/#${gistId}`;
             this.showStatus(`Share URL: ${previewUrl}\nGist: ${gistUrl}`);
         }
         catch (error) {
@@ -2949,6 +2972,7 @@ export class InteractiveMode {
         const deleteToLineEnd = this.getEditorKeyDisplay("deleteToLineEnd");
         const yank = this.getEditorKeyDisplay("yank");
         const yankPop = this.getEditorKeyDisplay("yankPop");
+        const undo = this.getEditorKeyDisplay("undo");
         const tab = this.getEditorKeyDisplay("tab");
         // App keybindings
         const interrupt = this.getAppKeyDisplay("interrupt");
@@ -2982,6 +3006,7 @@ export class InteractiveMode {
 | \`${deleteToLineEnd}\` | Delete to end of line |
 | \`${yank}\` | Paste the most-recently-deleted text |
 | \`${yankPop}\` | Cycle through the deleted text after pasting |
+| \`${undo}\` | Undo |
 
 **Other**
 | Key | Action |
@@ -3006,7 +3031,7 @@ export class InteractiveMode {
         // Add extension-registered shortcuts
         const extensionRunner = this.session.extensionRunner;
         if (extensionRunner) {
-            const shortcuts = extensionRunner.getShortcuts();
+            const shortcuts = extensionRunner.getShortcuts(this.keybindings.getEffectiveConfig());
             if (shortcuts.size > 0) {
                 hotkeys += `
 **Extensions**