@caupulican/pi-adaptative 0.81.42 → 0.81.43

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

@@ -4,6 +4,7 @@
  */
 import * as fs from "node:fs";
 import * as path from "node:path";
+import { getToolCallRepairInfo } from "@caupulican/pi-agent-core";
 import { Container, Loader, ProcessTerminal, Spacer, setKeybindings, Text, TUI, } from "@caupulican/pi-tui";
 import { APP_NAME, APP_TITLE, getAgentDir, VERSION } from "../../config.js";
 import { parseSkillBlock } from "../../core/agent-session.js";
@@ -13,6 +14,7 @@ import { configureHttpDispatcher } from "../../core/http-dispatcher.js";
 import { KeybindingsManager } from "../../core/keybindings.js";
 import { formatMissingSessionCwdPrompt } from "../../core/session-cwd.js";
 import { SessionImageStore } from "../../core/session-image-store.js";
+import { collectSelfModificationSourceCandidates } from "../../core/system-prompt-builder.js";
 import { isRecordObject } from "../../core/util/value-guards.js";
 import { resolvePath } from "../../utils/paths.js";
 import { ensureTool } from "../../utils/tools-manager.js";
@@ -38,6 +40,7 @@ import { SkillInvocationMessageComponent } from "./components/skill-invocation-m
 import { ToolExecutionComponent } from "./components/tool-execution.js";
 import { ToolGroupComponent } from "./components/tool-group.js";
 import { getToolPanelActionKey, shouldReuseToolPanelInPlace, ToolPanelRegistry, } from "./components/tool-panel-registry.js";
+import { TranscriptPager } from "./components/transcript-pager.js";
 import { UserMessageComponent } from "./components/user-message.js";
 import * as configBackup from "./config-backup.js";
 import { EditorOverlayHost } from "./editor-overlay-host.js";
@@ -89,95 +92,6 @@ export function formatResumeCommand(sessionManager) {
     return args.join(" ");
 }
 export class InteractiveMode {
-    runtimeHost;
-    ui;
-    chatContainer;
-    pendingMessagesContainer;
-    statusContainer;
-    defaultEditor;
-    editor;
-    autocompleteProvider;
-    autocompleteProviderWrappers = [];
-    fdPath;
-    editorContainer;
-    overlayHost;
-    footer;
-    footerDataProvider;
-    autoLearnController;
-    profileMenu;
-    authDialogs;
-    extensionUiHost;
-    // Stored so the same manager can be injected into custom editors, selectors, and extension UI.
-    keybindings;
-    version;
-    isInitialized = false;
-    onInputCallback;
-    pendingUserInputs = [];
-    pendingClipboardImages = [];
-    clipboardImageCounter = 0;
-    clipboardImageStore;
-    loadingAnimation = undefined;
-    workingMessage = undefined;
-    workingVisible = true;
-    workingIndicatorOptions = undefined;
-    defaultWorkingMessage = "Working...";
-    defaultHiddenThinkingLabel = "Thinking...";
-    hiddenThinkingLabel = this.defaultHiddenThinkingLabel;
-    lastSigintTime = 0;
-    lastEscapeTime = 0;
-    changelogMarkdown = undefined;
-    startupNoticesShown = false;
-    anthropicSubscriptionWarningShown = false;
-    // Status line tracking (for mutating immediately-sequential status updates)
-    lastStatusSpacer = undefined;
-    lastStatusText = undefined;
-    // Live TUI history cap. Full session history remains in SessionManager/model state.
-    liveHistoryHiddenNotice = undefined;
-    liveHistoryHiddenComponents = 0;
-    tuiHistoryLoaded = false;
-    tuiHistoryLoadInProgress = false;
-    // Streaming message tracking
-    streamingComponent = undefined;
-    streamingMessage = undefined;
-    streamingUiUpdateTimer = undefined;
-    lastStreamingUiUpdateAt = 0;
-    // Tool execution tracking and session-scoped reusable panels
-    toolPanels = new ToolPanelRegistry();
-    // Tool output expansion state
-    toolOutputExpanded = false;
-    // Thinking block visibility state
-    hideThinkingBlock = false;
-    // Skill commands: command name -> skill file path
-    skillCommands = new Map();
-    // Agent subscription unsubscribe function
-    unsubscribe;
-    unsubscribeExtensionsChanged;
-    signalCleanupHandlers = [];
-    // Track if editor is in bash mode (text starts with !)
-    isBashMode = false;
-    // Track current bash execution component
-    bashComponent = undefined;
-    // Track pending bash components (shown in pending area, moved to chat on submit)
-    pendingBashComponents = [];
-    // Auto-compaction state
-    autoCompactionEscapeHandler;
-    // Auto-retry state
-    retryCountdown = undefined;
-    retryEscapeHandler;
-    // Messages queued while compaction is running
-    compactionQueuedMessages = [];
-    // Shutdown state
-    shutdownRequested = false;
-    // Extension widget containers (hold components rendered above/below the editor)
-    widgetContainerAbove;
-    widgetContainerBelow;
-    activityLane;
-    hasHumanAudience;
-    // Header container that holds the built-in or custom header
-    headerContainer;
-    // Built-in header (logo + keybinding hints + changelog)
-    builtInHeader = undefined;
-    options;
     // Convenience accessors
     get session() {
         return this.runtimeHost.session;
@@ -192,6 +106,74 @@ export class InteractiveMode {
         return this.session.settingsManager;
     }
     constructor(runtimeHost, options = {}) {
+        this.autocompleteProviderWrappers = [];
+        this.isInitialized = false;
+        this.pendingUserInputs = [];
+        this.clipboardQueue = {
+            pendingClipboardImages: [],
+            clipboardImageCounter: 0,
+        };
+        this.loadingAnimation = undefined;
+        this.workingMessage = undefined;
+        this.workingVisible = true;
+        this.workingIndicatorOptions = undefined;
+        this.defaultWorkingMessage = "Working...";
+        this.defaultHiddenThinkingLabel = "Thinking...";
+        this.hiddenThinkingLabel = this.defaultHiddenThinkingLabel;
+        this.lastSigintTime = 0;
+        this.lastEscapeTime = 0;
+        this.changelogMarkdown = undefined;
+        this.startupNoticesShown = false;
+        this.anthropicSubscriptionWarningShown = false;
+        // Status line tracking (for mutating immediately-sequential status updates)
+        this.lastStatusSpacer = undefined;
+        this.lastStatusText = undefined;
+        // Live TUI history cap. Full session history remains in SessionManager/model state.
+        this.liveHistoryHiddenNotice = undefined;
+        this.liveHistoryHiddenComponents = 0;
+        this.tuiHistoryLoaded = false;
+        this.tuiHistoryLoadInProgress = false;
+        // Streaming message tracking
+        this.streamingComponent = undefined;
+        this.streamingMessage = undefined;
+        this.streamingUiUpdateTimer = undefined;
+        this.lastStreamingUiUpdateAt = 0;
+        // Tool execution tracking and session-scoped reusable panels
+        this.toolPanels = new ToolPanelRegistry();
+        // Tool output expansion state
+        this.toolOutputExpanded = false;
+        // Thinking block visibility state
+        this.hideThinkingBlock = false;
+        // Skill commands: command name -> skill file path
+        this.skillCommands = new Map();
+        this.signalCleanupHandlers = [];
+        // Track if editor is in bash mode (text starts with !)
+        this.isBashMode = false;
+        // Track current bash execution component
+        this.bashComponent = undefined;
+        // Track pending bash components (shown in pending area, moved to chat on submit)
+        this.pendingBashComponents = [];
+        // Auto-retry state
+        this.retryCountdown = undefined;
+        // Messages queued while compaction is running
+        this.compactionQueuedMessages = [];
+        // Shutdown state
+        this.shutdownRequested = false;
+        // Built-in header (logo + keybinding hints + changelog)
+        this.builtInHeader = undefined;
+        /**
+         * Render session context to chat. Used for initial load and rebuild after compaction.
+         * @param sessionContext Session context to render
+         * @param options.updateFooter Update footer state
+         * @param options.populateHistory Add user messages to editor history
+         */
+        this.renderGeneration = 0;
+        /**
+         * Gracefully shutdown the agent.
+         * Stops the TUI before emitting shutdown events so extension UI cleanup cannot
+         * repaint the final frame while the process is exiting.
+         */
+        this.isShuttingDown = false;
         this.runtimeHost = runtimeHost;
         this.options = options;
         this.hasHumanAudience = options.hasHumanAudience ?? true;
@@ -238,15 +220,18 @@ export class InteractiveMode {
                 requestRender: () => this.ui.requestRender(),
             },
         });
+        const sharedControllerUi = {
+            showSelector: (create) => this.showSelector(create),
+            showStatus: (message) => this.showStatus(message),
+            showError: (message) => this.showError(message),
+            requestRender: () => this.ui.requestRender(),
+            tui: this.ui,
+        };
         this.profileMenu = new ProfileMenuController({
             getSession: () => this.runtimeHost.session,
             ui: {
-                showSelector: (create) => this.showSelector(create),
-                showStatus: (message) => this.showStatus(message),
-                showError: (message) => this.showError(message),
+                ...sharedControllerUi,
                 showWarning: (message) => this.showWarning(message),
-                requestRender: () => this.ui.requestRender(),
-                tui: this.ui,
                 footerDataProvider: this.footerDataProvider,
                 invalidateFooter: () => this.footer.invalidate(),
                 updateEditorBorderColor: () => this.updateEditorBorderColor(),
@@ -261,11 +246,7 @@ export class InteractiveMode {
         this.authDialogs = new AuthDialogsController({
             getSession: () => this.runtimeHost.session,
             ui: {
-                showSelector: (create) => this.showSelector(create),
-                showStatus: (message) => this.showStatus(message),
-                showError: (message) => this.showError(message),
-                requestRender: () => this.ui.requestRender(),
-                tui: this.ui,
+                ...sharedControllerUi,
                 overlayHost: this.overlayHost,
                 getEditor: () => this.editor,
                 updateAvailableProviderCount: () => this.updateAvailableProviderCount(),
@@ -792,6 +773,9 @@ export class InteractiveMode {
         this.hideThinkingBlock = this.settingsManager.getHideThinkingBlock();
         this.ui.setShowHardwareCursor(this.settingsManager.getShowHardwareCursor());
         this.ui.setClearOnShrink(this.settingsManager.getClearOnShrink());
+        this.applyEditorPresentationSettings();
+    }
+    applyEditorPresentationSettings() {
         const editorPaddingX = this.settingsManager.getEditorPaddingX();
         const autocompleteMaxVisible = this.settingsManager.getAutocompleteMaxVisible();
         this.defaultEditor.setPaddingX(editorPaddingX);
@@ -801,11 +785,25 @@ export class InteractiveMode {
             this.editor.setAutocompleteMaxVisible?.(autocompleteMaxVisible);
         }
     }
+    refreshExtensionPresentation() {
+        const activeHeader = this.extensionUiHost.getCustomHeader() ?? this.builtInHeader;
+        if (isExpandable(activeHeader)) {
+            activeHeader.setExpanded(this.toolOutputExpanded);
+        }
+        setRegisteredThemes(this.session.resourceLoader.getThemes().themes);
+        this.hideThinkingBlock = this.settingsManager.getHideThinkingBlock();
+        const themeName = this.settingsManager.getTheme();
+        const themeResult = themeName ? setTheme(themeName, true) : { success: true };
+        if (!themeResult.success) {
+            this.showError(`Failed to load theme "${themeName}": ${themeResult.error}\nFell back to dark theme.`);
+        }
+        this.applyEditorPresentationSettings();
+    }
     async rebindCurrentSession() {
         this.unsubscribe?.();
         this.unsubscribe = undefined;
-        this.pendingClipboardImages = [];
-        this.clipboardImageCounter = 0;
+        this.clipboardQueue.pendingClipboardImages = [];
+        this.clipboardQueue.clipboardImageCounter = 0;
         const clipboardImageDirectory = this.settingsManager.getClipboardImageDirectory();
         this.clipboardImageStore =
             this.sessionManager.isPersisted() || clipboardImageDirectory
@@ -1100,6 +1098,7 @@ export class InteractiveMode {
             handleDebugCommand: () => this.handleDebugCommand(),
             showModelSelector: (input) => this.showModelSelector(input),
             loadTuiHistoryOnDemand: () => this.loadTuiHistoryOnDemand(),
+            showTranscriptPager: () => this.showTranscriptPager(),
             toggleThinkingBlockVisibility: () => this.toggleThinkingBlockVisibility(),
             openExternalEditor: () => this.openExternalEditor(),
             handleFollowUp: () => this.handleFollowUp(),
@@ -1110,22 +1109,9 @@ export class InteractiveMode {
         };
     }
     handleClipboardImagePaste() {
-        const self = this;
         const selectedModel = this.session?.model;
         const modelCannotSeeImages = selectedModel ? !selectedModel.input.includes("image") : false;
-        return clipboardInput.handleClipboardImagePaste({
-            get pendingClipboardImages() {
-                return self.pendingClipboardImages;
-            },
-            set pendingClipboardImages(value) {
-                self.pendingClipboardImages = value;
-            },
-            get clipboardImageCounter() {
-                return self.clipboardImageCounter;
-            },
-            set clipboardImageCounter(value) {
-                self.clipboardImageCounter = value;
-            },
+        return clipboardInput.handleClipboardImagePaste(clipboardInput.bindClipboardQueue(this.clipboardQueue, {
             editor: this.editor,
             ui: this.ui,
             autoResizeImages: this.settingsManager.getImageAutoResize(),
@@ -1136,25 +1122,12 @@ export class InteractiveMode {
             imageStore: this.clipboardImageStore,
             showStatus: (message) => this.showStatus(message),
             showWarning: (message) => this.showWarning(message),
-        });
+        }));
     }
     takeClipboardImagesForText(text) {
-        const self = this;
-        return clipboardInput.takeClipboardImagesForText({
-            get pendingClipboardImages() {
-                return self.pendingClipboardImages;
-            },
-            set pendingClipboardImages(value) {
-                self.pendingClipboardImages = value;
-            },
-            get clipboardImageCounter() {
-                return self.clipboardImageCounter;
-            },
-            set clipboardImageCounter(value) {
-                self.clipboardImageCounter = value;
-            },
+        return clipboardInput.takeClipboardImagesForText(clipboardInput.bindClipboardQueue(this.clipboardQueue, {
             clipboardImageStore: this.clipboardImageStore,
-        }, text);
+        }), text);
     }
     buildUserInputSubmission(text) {
         return clipboardInput.buildUserInputSubmission({ takeClipboardImagesForText: (t) => this.takeClipboardImagesForText(t) }, text);
@@ -1568,20 +1541,26 @@ export class InteractiveMode {
             }
         })();
     }
-    getToolCallRepairInfo(toolCall) {
-        if (!toolCall.rawArguments && !toolCall.repairNotes?.length)
-            return undefined;
-        return {
-            repaired: true,
-            ...(toolCall.rawArguments ? { rawArguments: toolCall.rawArguments } : {}),
-            ...(toolCall.repairNotes?.length ? { notes: toolCall.repairNotes } : {}),
-        };
+    showTranscriptPager() {
+        let handle;
+        const pager = new TranscriptPager({
+            source: this.chatContainer,
+            viewportRows: () => this.ui.terminal.rows,
+            keybindings: this.keybindings,
+            onClose: () => handle?.hide(),
+        });
+        handle = this.ui.showOverlay(pager, {
+            width: "100%",
+            maxHeight: "100%",
+            row: 0,
+            col: 0,
+        });
     }
     attachStreamingToolPanels(message) {
         for (const content of message.content) {
             if (content.type !== "toolCall")
                 continue;
-            const repair = this.getToolCallRepairInfo(content);
+            const repair = getToolCallRepairInfo(content);
             if (!this.toolPanels.hasActive(content.id)) {
                 this.attachToolExecutionComponent(content.name, content.id, content.arguments, repair);
             }
@@ -1773,14 +1752,6 @@ export class InteractiveMode {
             includeToolResultContent: this.toolOutputExpanded,
         });
     }
-    /**
-     * Render session context to chat. Used for initial load and rebuild after compaction.
-     * @param sessionContext Session context to render
-     * @param options.updateFooter Update footer state
-     * @param options.populateHistory Add user messages to editor history
-     */
-    renderGeneration = 0;
-    renderQueue;
     async renderSessionContext(sessionContext, options = {}) {
         const run = async () => {
             // Build long history offscreen, then atomically swap it into the visible
@@ -1950,12 +1921,6 @@ export class InteractiveMode {
         // Only called when editor is empty (enforced by CustomEditor)
         void this.shutdown();
     }
-    /**
-     * Gracefully shutdown the agent.
-     * Stops the TUI before emitting shutdown events so extension UI cleanup cannot
-     * repaint the final frame while the process is exiting.
-     */
-    isShuttingDown = false;
     shutdown(options) {
         const self = this;
         return signalLifecycle.shutdown({
@@ -2358,20 +2323,12 @@ export class InteractiveMode {
     validateAutoLearnModelValue(value) {
         return this.autoLearnController.validateAutoLearnModelValue(value);
     }
-    collectSelfModificationCandidates(settings) {
-        return [
-            ...(Array.isArray(settings.sourcePaths) ? settings.sourcePaths : []),
-            ...(settings.sourcePath ? [settings.sourcePath] : []),
-        ]
-            .map((candidate) => candidate?.trim())
-            .filter((candidate) => Boolean(candidate));
-    }
     getCurrentCwdForSettings() {
         return this.runtimeHost?.session?.sessionManager?.getCwd?.() || process.cwd();
     }
     resolveSelfModificationSource(settings) {
         const cwd = this.getCurrentCwdForSettings();
-        const resolved = this.collectSelfModificationCandidates(settings).map((candidate) => resolvePath(candidate, cwd, { trim: true }));
+        const resolved = collectSelfModificationSourceCandidates(settings).map((candidate) => resolvePath(candidate, cwd, { trim: true }));
         if (resolved.length === 0)
             return undefined;
         return (resolved.find((candidate) => fs.existsSync(candidate) && fs.existsSync(path.join(candidate, "package.json"))) ?? resolved[0]);
@@ -2380,7 +2337,7 @@ export class InteractiveMode {
         if (!settings.enabled)
             return undefined;
         const cwd = this.getCurrentCwdForSettings();
-        const resolved = this.collectSelfModificationCandidates(settings).map((candidate) => resolvePath(candidate, cwd, { trim: true }));
+        const resolved = collectSelfModificationSourceCandidates(settings).map((candidate) => resolvePath(candidate, cwd, { trim: true }));
         if (resolved.length === 0)
             return "Self modification is enabled, but no pi-adaptative source path is set.";
         const valid = resolved.find((candidate) => fs.existsSync(candidate) &&
@@ -2673,25 +2630,7 @@ export class InteractiveMode {
             await this.session.reload();
             configureHttpDispatcher(this.settingsManager.getHttpIdleTimeoutMs());
             this.keybindings.reload();
-            const activeHeader = this.extensionUiHost.getCustomHeader() ?? this.builtInHeader;
-            if (isExpandable(activeHeader)) {
-                activeHeader.setExpanded(this.toolOutputExpanded);
-            }
-            setRegisteredThemes(this.session.resourceLoader.getThemes().themes);
-            this.hideThinkingBlock = this.settingsManager.getHideThinkingBlock();
-            const themeName = this.settingsManager.getTheme();
-            const themeResult = themeName ? setTheme(themeName, true) : { success: true };
-            if (!themeResult.success) {
-                this.showError(`Failed to load theme "${themeName}": ${themeResult.error}\nFell back to dark theme.`);
-            }
-            const editorPaddingX = this.settingsManager.getEditorPaddingX();
-            const autocompleteMaxVisible = this.settingsManager.getAutocompleteMaxVisible();
-            this.defaultEditor.setPaddingX(editorPaddingX);
-            this.defaultEditor.setAutocompleteMaxVisible(autocompleteMaxVisible);
-            if (this.editor !== this.defaultEditor) {
-                this.editor.setPaddingX?.(editorPaddingX);
-                this.editor.setAutocompleteMaxVisible?.(autocompleteMaxVisible);
-            }
+            this.refreshExtensionPresentation();
             this.ui.setShowHardwareCursor(this.settingsManager.getShowHardwareCursor());
             this.ui.setClearOnShrink(this.settingsManager.getClearOnShrink());
             this.setupAutocompleteProvider();
@@ -2725,27 +2664,7 @@ export class InteractiveMode {
             // Refresh keybindings and autocomplete
             this.keybindings.reload();
             this.setupAutocompleteProvider();
-            // Refresh themes
-            const activeHeader = this.extensionUiHost.getCustomHeader() ?? this.builtInHeader;
-            if (isExpandable(activeHeader)) {
-                activeHeader.setExpanded(this.toolOutputExpanded);
-            }
-            setRegisteredThemes(this.session.resourceLoader.getThemes().themes);
-            this.hideThinkingBlock = this.settingsManager.getHideThinkingBlock();
-            const themeName = this.settingsManager.getTheme();
-            const themeResult = themeName ? setTheme(themeName, true) : { success: true };
-            if (!themeResult.success) {
-                this.showError(`Failed to load theme "${themeName}": ${themeResult.error}\nFell back to dark theme.`);
-            }
-            // Refresh editor settings
-            const editorPaddingX = this.settingsManager.getEditorPaddingX();
-            const autocompleteMaxVisible = this.settingsManager.getAutocompleteMaxVisible();
-            this.defaultEditor.setPaddingX(editorPaddingX);
-            this.defaultEditor.setAutocompleteMaxVisible(autocompleteMaxVisible);
-            if (this.editor !== this.defaultEditor) {
-                this.editor.setPaddingX?.(editorPaddingX);
-                this.editor.setAutocompleteMaxVisible?.(autocompleteMaxVisible);
-            }
+            this.refreshExtensionPresentation();
             // Refresh extension shortcuts
             const runner = this.session.extensionRunner;
             this.extensionUiHost.setupExtensionShortcuts(runner);