@mariozechner/pi-coding-agent 0.42.5 → 0.44.0

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

@@ -7,18 +7,18 @@ import * as fs from "node:fs";
 import * as os from "node:os";
 import * as path from "node:path";
 import { getOAuthProviders, } from "@mariozechner/pi-ai";
-import { CombinedAutocompleteProvider, Container, getEditorKeybindings, Loader, Markdown, matchesKey, ProcessTerminal, Spacer, Text, TruncatedText, TUI, visibleWidth, } from "@mariozechner/pi-tui";
+import { CombinedAutocompleteProvider, Container, fuzzyFilter, getEditorKeybindings, Loader, Markdown, matchesKey, ProcessTerminal, Spacer, Text, TruncatedText, TUI, visibleWidth, } from "@mariozechner/pi-tui";
 import { spawn, spawnSync } from "child_process";
 import { APP_NAME, getAuthPath, getDebugLogPath, isBunBinary, VERSION } from "../../config.js";
 import { FooterDataProvider } from "../../core/footer-data-provider.js";
 import { KeybindingsManager } from "../../core/keybindings.js";
 import { createCompactionSummaryMessage } from "../../core/messages.js";
+import { resolveModelScope } from "../../core/model-resolver.js";
 import { SessionManager } from "../../core/session-manager.js";
 import { loadProjectContextFiles } from "../../core/system-prompt.js";
 import { getChangelogPath, getNewEntries, parseChangelog } from "../../utils/changelog.js";
 import { copyToClipboard } from "../../utils/clipboard.js";
 import { extensionForImageMimeType, readClipboardImage } from "../../utils/clipboard-image.js";
-import { fuzzyFilter } from "../../utils/fuzzy.js";
 import { ensureTool } from "../../utils/tools-manager.js";
 import { ArminComponent } from "./components/armin.js";
 import { AssistantMessageComponent } from "./components/assistant-message.js";
@@ -36,6 +36,7 @@ import { FooterComponent } from "./components/footer.js";
 import { LoginDialogComponent } from "./components/login-dialog.js";
 import { ModelSelectorComponent } from "./components/model-selector.js";
 import { OAuthSelectorComponent } from "./components/oauth-selector.js";
+import { ScopedModelsSelectorComponent } from "./components/scoped-models-selector.js";
 import { SessionSelectorComponent } from "./components/session-selector.js";
 import { SettingsSelectorComponent } from "./components/settings-selector.js";
 import { ToolExecutionComponent } from "./components/tool-execution.js";
@@ -56,6 +57,7 @@ export class InteractiveMode {
     defaultEditor;
     editor;
     autocompleteProvider;
+    fdPath;
     editorContainer;
     footer;
     footerDataProvider;
@@ -64,6 +66,7 @@ export class InteractiveMode {
     isInitialized = false;
     onInputCallback;
     loadingAnimation = undefined;
+    defaultWorkingMessage = "Working... (esc to interrupt)";
     lastSigintTime = 0;
     lastEscapeTime = 0;
     changelogMarkdown = undefined;
@@ -79,6 +82,8 @@ export class InteractiveMode {
     toolOutputExpanded = false;
     // Thinking block visibility state
     hideThinkingBlock = false;
+    // Skill commands: command name -> skill file path
+    skillCommands = new Map();
     // Agent subscription unsubscribe function
     unsubscribe;
     // Track if editor is in bash mode (text starts with !)
@@ -162,8 +167,8 @@ export class InteractiveMode {
                         provider: m.provider,
                         label: `${m.provider}/${m.id}`,
                     }));
-                    // Fuzzy filter by model ID (not provider/id to avoid matching provider name)
-                    const filtered = fuzzyFilter(items, prefix, (item) => item.id);
+                    // Fuzzy filter by model ID + provider (allows "opus anthropic" to match)
+                    const filtered = fuzzyFilter(items, prefix, (item) => `${item.id} ${item.provider}`);
                     if (filtered.length === 0)
                         return null;
                     return filtered.map((item) => ({
@@ -173,13 +178,15 @@ export class InteractiveMode {
                     }));
                 },
             },
+            { name: "scoped-models", description: "Enable/disable models for Ctrl+P cycling" },
             { name: "export", description: "Export session to HTML file" },
             { name: "share", description: "Share session as a secret GitHub gist" },
             { name: "copy", description: "Copy last agent message to clipboard" },
+            { name: "name", description: "Set session display name" },
             { name: "session", description: "Show session info and stats" },
             { name: "changelog", description: "Show changelog entries" },
             { name: "hotkeys", description: "Show all keyboard shortcuts" },
-            { name: "branch", description: "Create a new branch from a previous message" },
+            { name: "fork", description: "Create a new fork from a previous message" },
             { name: "tree", description: "Navigate session tree (switch branches)" },
             { name: "login", description: "Login with OAuth provider" },
             { name: "logout", description: "Logout from OAuth provider" },
@@ -197,18 +204,31 @@ export class InteractiveMode {
             name: cmd.name,
             description: cmd.description ?? "(extension command)",
         }));
+        // Build skill commands from session.skills (if enabled)
+        this.skillCommands.clear();
+        const skillCommandList = [];
+        if (this.settingsManager.getEnableSkillCommands()) {
+            for (const skill of this.session.skills) {
+                const commandName = `skill:${skill.name}`;
+                this.skillCommands.set(commandName, skill.filePath);
+                skillCommandList.push({ name: commandName, description: skill.description });
+            }
+        }
         // Setup autocomplete
-        this.autocompleteProvider = new CombinedAutocompleteProvider([...slashCommands, ...templateCommands, ...extensionCommands], process.cwd(), fdPath);
+        this.autocompleteProvider = new CombinedAutocompleteProvider([...slashCommands, ...templateCommands, ...extensionCommands, ...skillCommandList], process.cwd(), fdPath);
         this.defaultEditor.setAutocompleteProvider(this.autocompleteProvider);
     }
+    rebuildAutocomplete() {
+        this.setupAutocomplete(this.fdPath);
+    }
     async init() {
         if (this.isInitialized)
             return;
         // Load changelog (only show new entries, skip for resumed sessions)
         this.changelogMarkdown = this.getChangelogForDisplay();
         // Setup autocomplete with fd tool for file path completion
-        const fdPath = await ensureTool("fd");
-        this.setupAutocomplete(fdPath);
+        this.fdPath = await ensureTool("fd");
+        this.setupAutocomplete(this.fdPath);
         // Add header with keybindings from config
         const logo = theme.bold(theme.fg("accent", APP_NAME)) + theme.fg("dim", ` v${this.version}`);
         // Format keybinding for startup display (lowercase, compact)
@@ -280,7 +300,7 @@ export class InteractiveMode {
             theme.fg("muted", " to queue follow-up") +
             "\n" +
             theme.fg("dim", dequeue) +
-            theme.fg("muted", " to restore queued messages") +
+            theme.fg("muted", " to edit all queued messages") +
             "\n" +
             theme.fg("dim", "ctrl+v") +
             theme.fg("muted", " to paste image") +
@@ -313,6 +333,7 @@ export class InteractiveMode {
         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.editorContainer);
         this.ui.addChild(this.footer);
         this.ui.setFocus(this.editor);
@@ -503,8 +524,14 @@ export class InteractiveMode {
             appendEntry: (customType, data) => {
                 this.sessionManager.appendCustomEntry(customType, data);
             },
+            setSessionName: (name) => {
+                this.sessionManager.appendSessionInfo(name);
+            },
+            getSessionName: () => {
+                return this.sessionManager.getSessionName();
+            },
             getActiveTools: () => this.session.getActiveToolNames(),
-            getAllTools: () => this.session.getAllToolNames(),
+            getAllTools: () => this.session.getAllTools(),
             setActiveTools: (toolNames) => this.session.setActiveToolsByName(toolNames),
             setModel: async (model) => {
                 const key = await this.session.modelRegistry.getApiKey(model);
@@ -553,15 +580,15 @@ export class InteractiveMode {
                 this.ui.requestRender();
                 return { cancelled: false };
             },
-            branch: async (entryId) => {
-                const result = await this.session.branch(entryId);
+            fork: async (entryId) => {
+                const result = await this.session.fork(entryId);
                 if (result.cancelled) {
                     return { cancelled: true };
                 }
                 this.chatContainer.clear();
                 this.renderInitialMessages();
                 this.editor.setText(result.selectedText);
-                this.showStatus("Branched to new session");
+                this.showStatus("Forked to new session");
                 return { cancelled: false };
             },
             navigateTree: async (targetId, options) => {
@@ -765,6 +792,11 @@ export class InteractiveMode {
             input: (title, placeholder, opts) => this.showExtensionInput(title, placeholder, opts),
             notify: (message, type) => this.showExtensionNotify(message, type),
             setStatus: (key, text) => this.setExtensionStatus(key, text),
+            setWorkingMessage: (message) => {
+                if (this.loadingAnimation) {
+                    this.loadingAnimation.setMessage(message ?? this.defaultWorkingMessage);
+                }
+            },
             setWidget: (key, content) => this.setExtensionWidget(key, content),
             setFooter: (factory) => this.setExtensionFooter(factory),
             setHeader: (factory) => this.setExtensionHeader(factory),
@@ -1065,7 +1097,7 @@ export class InteractiveMode {
                 this.updateEditorBorderColor();
             }
             else if (!this.editor.getText().trim()) {
-                // Double-escape with empty editor triggers /tree or /branch based on setting
+                // Double-escape with empty editor triggers /tree or /fork based on setting
                 const now = Date.now();
                 if (now - this.lastEscapeTime < 500) {
                     if (this.settingsManager.getDoubleEscapeAction() === "tree") {
@@ -1139,6 +1171,11 @@ export class InteractiveMode {
                 this.editor.setText("");
                 return;
             }
+            if (text === "/scoped-models") {
+                this.editor.setText("");
+                await this.showModelsSelector();
+                return;
+            }
             if (text === "/model" || text.startsWith("/model ")) {
                 const searchTerm = text.startsWith("/model ") ? text.slice(7).trim() : undefined;
                 this.editor.setText("");
@@ -1160,6 +1197,11 @@ export class InteractiveMode {
                 this.editor.setText("");
                 return;
             }
+            if (text === "/name" || text.startsWith("/name ")) {
+                this.handleNameCommand(text);
+                this.editor.setText("");
+                return;
+            }
             if (text === "/session") {
                 this.handleSessionCommand();
                 this.editor.setText("");
@@ -1175,7 +1217,7 @@ export class InteractiveMode {
                 this.editor.setText("");
                 return;
             }
-            if (text === "/branch") {
+            if (text === "/fork") {
                 this.showUserMessageSelector();
                 this.editor.setText("");
                 return;
@@ -1226,6 +1268,19 @@ export class InteractiveMode {
                 await this.shutdown();
                 return;
             }
+            // Handle skill commands (/skill:name [args])
+            if (text.startsWith("/skill:")) {
+                const spaceIndex = text.indexOf(" ");
+                const commandName = spaceIndex === -1 ? text.slice(1) : text.slice(1, spaceIndex);
+                const args = spaceIndex === -1 ? "" : text.slice(spaceIndex + 1).trim();
+                const skillPath = this.skillCommands.get(commandName);
+                if (skillPath) {
+                    this.editor.addToHistory?.(text);
+                    this.editor.setText("");
+                    await this.handleSkillCommand(skillPath, args);
+                    return;
+                }
+            }
             // Handle bash command (! for normal, !! for excluded from context)
             if (text.startsWith("!")) {
                 const isExcluded = text.startsWith("!!");
@@ -1300,7 +1355,7 @@ export class InteractiveMode {
                     this.loadingAnimation.stop();
                 }
                 this.statusContainer.clear();
-                this.loadingAnimation = new Loader(this.ui, (spinner) => theme.fg("accent", spinner), (text) => theme.fg("muted", text), "Working... (esc to interrupt)");
+                this.loadingAnimation = new Loader(this.ui, (spinner) => theme.fg("accent", spinner), (text) => theme.fg("muted", text), this.defaultWorkingMessage);
                 this.statusContainer.addChild(this.loadingAnimation);
                 this.ui.requestRender();
                 break;
@@ -1882,7 +1937,8 @@ export class InteractiveMode {
             }
             // Restart TUI
             this.ui.start();
-            this.ui.requestRender();
+            // Force full re-render since external editor uses alternate screen
+            this.ui.requestRender(true);
         }
     }
     // =========================================================================
@@ -1934,6 +1990,9 @@ export class InteractiveMode {
                 const text = theme.fg("dim", `Follow-up: ${message}`);
                 this.pendingMessagesContainer.addChild(new TruncatedText(text, 1, 0));
             }
+            const dequeueHint = this.getAppKeyDisplay("dequeue");
+            const hintText = theme.fg("dim", `↳ ${dequeueHint} to edit all queued messages`);
+            this.pendingMessagesContainer.addChild(new TruncatedText(hintText, 1, 0));
         }
     }
     restoreQueuedMessagesToEditor(options) {
@@ -2076,6 +2135,7 @@ export class InteractiveMode {
                 showImages: this.settingsManager.getShowImages(),
                 autoResizeImages: this.settingsManager.getImageAutoResize(),
                 blockImages: this.settingsManager.getBlockImages(),
+                enableSkillCommands: this.settingsManager.getEnableSkillCommands(),
                 steeringMode: this.session.steeringMode,
                 followUpMode: this.session.followUpMode,
                 thinkingLevel: this.session.thinkingLevel,
@@ -2104,6 +2164,10 @@ export class InteractiveMode {
                 onBlockImagesChange: (blocked) => {
                     this.settingsManager.setBlockImages(blocked);
                 },
+                onEnableSkillCommandsChange: (enabled) => {
+                    this.settingsManager.setEnableSkillCommands(enabled);
+                    this.rebuildAutocomplete();
+                },
                 onSteeringModeChange: (mode) => {
                     this.session.setSteeringMode(mode);
                 },
@@ -2232,17 +2296,125 @@ export class InteractiveMode {
             return { component: selector, focus: selector };
         });
     }
+    async showModelsSelector() {
+        // Get all available models
+        this.session.modelRegistry.refresh();
+        const allModels = this.session.modelRegistry.getAvailable();
+        if (allModels.length === 0) {
+            this.showStatus("No models available");
+            return;
+        }
+        // Check if session has scoped models (from previous session-only changes or CLI --models)
+        const sessionScopedModels = this.session.scopedModels;
+        const hasSessionScope = sessionScopedModels.length > 0;
+        // Build enabled model IDs from session state or settings
+        const enabledModelIds = new Set();
+        let hasFilter = false;
+        if (hasSessionScope) {
+            // Use current session's scoped models
+            for (const sm of sessionScopedModels) {
+                enabledModelIds.add(`${sm.model.provider}/${sm.model.id}`);
+            }
+            hasFilter = true;
+        }
+        else {
+            // Fall back to settings
+            const patterns = this.settingsManager.getEnabledModels();
+            if (patterns !== undefined && patterns.length > 0) {
+                hasFilter = true;
+                const scopedModels = await resolveModelScope(patterns, this.session.modelRegistry);
+                for (const sm of scopedModels) {
+                    enabledModelIds.add(`${sm.model.provider}/${sm.model.id}`);
+                }
+            }
+        }
+        // Track current enabled state (session-only until persisted)
+        const currentEnabledIds = new Set(enabledModelIds);
+        let currentHasFilter = hasFilter;
+        // Helper to update session's scoped models (session-only, no persist)
+        const updateSessionModels = async (enabledIds) => {
+            if (enabledIds.size > 0 && enabledIds.size < allModels.length) {
+                // Use current session thinking level, not settings default
+                const currentThinkingLevel = this.session.thinkingLevel;
+                const newScopedModels = await resolveModelScope(Array.from(enabledIds), this.session.modelRegistry);
+                this.session.setScopedModels(newScopedModels.map((sm) => ({
+                    model: sm.model,
+                    thinkingLevel: sm.thinkingLevel ?? currentThinkingLevel,
+                })));
+            }
+            else {
+                // All enabled or none enabled = no filter
+                this.session.setScopedModels([]);
+            }
+        };
+        this.showSelector((done) => {
+            const selector = new ScopedModelsSelectorComponent({
+                allModels,
+                enabledModelIds: currentEnabledIds,
+                hasEnabledModelsFilter: currentHasFilter,
+            }, {
+                onModelToggle: async (modelId, enabled) => {
+                    if (enabled) {
+                        currentEnabledIds.add(modelId);
+                    }
+                    else {
+                        currentEnabledIds.delete(modelId);
+                    }
+                    currentHasFilter = true;
+                    await updateSessionModels(currentEnabledIds);
+                },
+                onEnableAll: async (allModelIds) => {
+                    currentEnabledIds.clear();
+                    for (const id of allModelIds) {
+                        currentEnabledIds.add(id);
+                    }
+                    currentHasFilter = false;
+                    await updateSessionModels(currentEnabledIds);
+                },
+                onClearAll: async () => {
+                    currentEnabledIds.clear();
+                    currentHasFilter = true;
+                    await updateSessionModels(currentEnabledIds);
+                },
+                onToggleProvider: async (_provider, modelIds, enabled) => {
+                    for (const id of modelIds) {
+                        if (enabled) {
+                            currentEnabledIds.add(id);
+                        }
+                        else {
+                            currentEnabledIds.delete(id);
+                        }
+                    }
+                    currentHasFilter = true;
+                    await updateSessionModels(currentEnabledIds);
+                },
+                onPersist: (enabledIds) => {
+                    // Persist to settings
+                    const newPatterns = enabledIds.length === allModels.length
+                        ? undefined // All enabled = clear filter
+                        : enabledIds;
+                    this.settingsManager.setEnabledModels(newPatterns);
+                    this.showStatus("Model selection saved to settings");
+                },
+                onCancel: () => {
+                    done();
+                    this.ui.requestRender();
+                },
+            });
+            return { component: selector, focus: selector };
+        });
+    }
     showUserMessageSelector() {
-        const userMessages = this.session.getUserMessagesForBranching();
+        const userMessages = this.session.getUserMessagesForForking();
         if (userMessages.length === 0) {
-            this.showStatus("No messages to branch from");
+            this.showStatus("No messages to fork from");
             return;
         }
         this.showSelector((done) => {
             const selector = new UserMessageSelectorComponent(userMessages.map((m) => ({ id: m.entryId, text: m.text })), async (entryId) => {
-                const result = await this.session.branch(entryId);
+                const result = await this.session.fork(entryId);
                 if (result.cancelled) {
-                    // Extension cancelled the branch
+                    // Extension cancelled the fork
                     done();
                     this.ui.requestRender();
                     return;
@@ -2259,7 +2431,7 @@ export class InteractiveMode {
             return { component: selector, focus: selector.getMessageList() };
         });
     }
-    showTreeSelector() {
+    showTreeSelector(initialSelectedId) {
         const tree = this.sessionManager.getTree();
         const realLeafId = this.sessionManager.getLeafId();
         // Find the visible leaf for display (skip metadata entries like labels)
@@ -2286,7 +2458,31 @@ export class InteractiveMode {
                 }
                 // Ask about summarization
                 done(); // Close selector first
-                const wantsSummary = await this.showExtensionConfirm("Summarize branch?", "Create a summary of the branch you're leaving?");
+                // Loop until user makes a complete choice or cancels to tree
+                let wantsSummary = false;
+                let customInstructions;
+                while (true) {
+                    const summaryChoice = await this.showExtensionSelector("Summarize branch?", [
+                        "No summary",
+                        "Summarize",
+                        "Summarize with custom prompt",
+                    ]);
+                    if (summaryChoice === undefined) {
+                        // User pressed escape - re-show tree selector with same selection
+                        this.showTreeSelector(entryId);
+                        return;
+                    }
+                    wantsSummary = summaryChoice !== "No summary";
+                    if (summaryChoice === "Summarize with custom prompt") {
+                        customInstructions = await this.showExtensionEditor("Custom summarization instructions");
+                        if (customInstructions === undefined) {
+                            // User cancelled - loop back to summary selector
+                            continue;
+                        }
+                    }
+                    // User made a complete choice
+                    break;
+                }
                 // Set up escape handler and loader if summarizing
                 let summaryLoader;
                 const originalOnEscape = this.defaultEditor.onEscape;
@@ -2300,11 +2496,14 @@ export class InteractiveMode {
                     this.ui.requestRender();
                 }
                 try {
-                    const result = await this.session.navigateTree(entryId, { summarize: wantsSummary });
+                    const result = await this.session.navigateTree(entryId, {
+                        summarize: wantsSummary,
+                        customInstructions,
+                    });
                     if (result.aborted) {
-                        // Summarization aborted - re-show tree selector
+                        // Summarization aborted - re-show tree selector with same selection
                         this.showStatus("Branch summarization cancelled");
-                        this.showTreeSelector();
+                        this.showTreeSelector(entryId);
                         return;
                     }
                     if (result.cancelled) {
@@ -2335,14 +2534,13 @@ export class InteractiveMode {
             }, (entryId, label) => {
                 this.sessionManager.appendLabelChange(entryId, label);
                 this.ui.requestRender();
-            });
+            }, initialSelectedId);
             return { component: selector, focus: selector };
         });
     }
     showSessionSelector() {
         this.showSelector((done) => {
-            const sessions = SessionManager.list(this.sessionManager.getCwd(), this.sessionManager.getSessionDir());
-            const selector = new SessionSelectorComponent(sessions, async (sessionPath) => {
+            const selector = new SessionSelectorComponent((onProgress) => SessionManager.list(this.sessionManager.getCwd(), this.sessionManager.getSessionDir(), onProgress), SessionManager.listAll, async (sessionPath) => {
                 done();
                 await this.handleResumeSession(sessionPath);
             }, () => {
@@ -2350,7 +2548,7 @@ export class InteractiveMode {
                 this.ui.requestRender();
             }, () => {
                 void this.shutdown();
-            });
+            }, () => this.ui.requestRender());
             return { component: selector, focus: selector.getSessionList() };
         });
     }
@@ -2601,9 +2799,32 @@ export class InteractiveMode {
             this.showError(error instanceof Error ? error.message : String(error));
         }
     }
+    handleNameCommand(text) {
+        const name = text.replace(/^\/name\s*/, "").trim();
+        if (!name) {
+            const currentName = this.sessionManager.getSessionName();
+            if (currentName) {
+                this.chatContainer.addChild(new Spacer(1));
+                this.chatContainer.addChild(new Text(theme.fg("dim", `Session name: ${currentName}`), 1, 0));
+            }
+            else {
+                this.showWarning("Usage: /name <name>");
+            }
+            this.ui.requestRender();
+            return;
+        }
+        this.sessionManager.appendSessionInfo(name);
+        this.chatContainer.addChild(new Spacer(1));
+        this.chatContainer.addChild(new Text(theme.fg("dim", `Session name set: ${name}`), 1, 0));
+        this.ui.requestRender();
+    }
     handleSessionCommand() {
         const stats = this.session.getSessionStats();
+        const sessionName = this.sessionManager.getSessionName();
         let info = `${theme.bold("Session Info")}\n\n`;
+        if (sessionName) {
+            info += `${theme.fg("dim", "Name:")} ${sessionName}\n`;
+        }
         info += `${theme.fg("dim", "File:")} ${stats.sessionFile ?? "In-memory"}\n`;
         info += `${theme.fg("dim", "ID:")} ${stats.sessionId}\n\n`;
         info += `${theme.bold("Messages")}\n`;
@@ -2630,6 +2851,18 @@ export class InteractiveMode {
         this.chatContainer.addChild(new Text(info, 1, 0));
         this.ui.requestRender();
     }
+    async handleSkillCommand(skillPath, args) {
+        try {
+            const content = fs.readFileSync(skillPath, "utf-8");
+            // Strip YAML frontmatter if present
+            const body = content.replace(/^---\n[\s\S]*?\n---\n/, "").trim();
+            const message = args ? `${body}\n\n---\n\nUser: ${args}` : body;
+            await this.session.prompt(message);
+        }
+        catch (err) {
+            this.showError(`Failed to load skill: ${err instanceof Error ? err.message : String(err)}`);
+        }
+    }
     handleChangelogCommand() {
         const changelogPath = getChangelogPath();
         const allEntries = parseChangelog(changelogPath);