@deepseekdev/coder 1.0.84 → 1.0.86

package/dist/ui/UnifiedUIRenderer.js

@@ -2517,11 +2517,16 @@ export class UnifiedUIRenderer extends EventEmitter {
         if (event.rawType === 'banner' && this.initializing) {
             this.initializing = false;
         }
-        // Clear live terminal box when tool completes, results arrive, or errors occur
-        if (this.liveTerminalActive &&
-            (event.type === 'tool-result' || event.rawType === 'tool-result' ||
-                event.rawType === 'error')) {
-            this.clearLiveTerminal();
+        // Finalize or clear live terminal box when tool completes
+        if (this.liveTerminalActive) {
+            if (event.type === 'tool-result' || event.rawType === 'tool-result') {
+                // Tool completed - finalize terminal (persist in scrollback)
+                this.finalizeLiveTerminal();
+            }
+            else if (event.rawType === 'error') {
+                // Error occurred - clear terminal
+                this.clearLiveTerminal();
+            }
         }
         if (this.plainMode) {
             const formattedPlain = this.formatContent(event);
@@ -2696,7 +2701,91 @@ export class UnifiedUIRenderer extends EventEmitter {
         }
     }
     /**
-     * Clear the live terminal box from display and reset state.
+     * Finalize the live terminal - render final state and persist in scrollback.
+     * The terminal box stays visible after command completion.
+     */
+    finalizeLiveTerminal() {
+        if (!this.liveTerminalActive)
+            return;
+        // Cancel any pending render
+        if (this.liveTerminalRenderTimer) {
+            clearTimeout(this.liveTerminalRenderTimer);
+            this.liveTerminalRenderTimer = null;
+        }
+        // Clear prompt overlay first
+        const hadOverlay = this.output.isTTY && this.interactive && (this.promptHeight > 0 || this.lastOverlay);
+        if (hadOverlay) {
+            this.clearPromptArea();
+        }
+        // Erase the current (animated) render
+        if (this.liveTerminalHeight > 0 && this.output.isTTY && !this.disposed) {
+            this.output.write(`\x1b[${this.liveTerminalHeight}A`);
+            for (let i = 0; i < this.liveTerminalHeight; i++) {
+                this.output.write('\x1b[2K\n');
+            }
+            this.output.write(`\x1b[${this.liveTerminalHeight}A`);
+        }
+        // Render final "completed" version
+        this.renderFinalTerminal();
+        // Reset state for next command
+        this.liveTerminalLines = [];
+        this.liveTerminalActive = false;
+        this.liveTerminalHeight = 0;
+        this.lastLiveTerminalRender = 0;
+        this.liveTerminalCommand = '';
+    }
+    /**
+     * Render the final (completed) terminal box that persists in scrollback.
+     */
+    renderFinalTerminal() {
+        if (this.liveTerminalLines.length === 0)
+            return;
+        if (this.disposed || !this.output || this.output.destroyed)
+            return;
+        const cols = this.cols || 80;
+        const visibleLines = this.liveTerminalLines.slice(-this.LIVE_TERMINAL_MAX_LINES);
+        const boxWidth = Math.min(cols, 80);
+        const innerWidth = boxWidth - 2;
+        // Create header with checkmark (completed) indicator
+        const lineCount = this.liveTerminalLines.length;
+        const headerText = this.liveTerminalCommand
+            ? `$ ${this.liveTerminalCommand.slice(0, innerWidth - 12)}`.slice(0, innerWidth - 6)
+            : 'Output';
+        const headerPadding = Math.max(0, innerWidth - headerText.length - 6);
+        const lineCountText = ` [${lineCount}]`;
+        // Completed indicator (checkmark) instead of running dot
+        const completedIndicator = chalk.green('✓');
+        const topBorder = chalk.dim('┌─') + completedIndicator + chalk.dim('─') +
+            chalk.dim(headerText) +
+            chalk.dim('─'.repeat(Math.max(0, headerPadding - lineCountText.length))) +
+            chalk.dim(lineCountText) +
+            chalk.dim('─┐');
+        const bottomBorder = chalk.dim('└' + '─'.repeat(innerWidth) + '┘');
+        const lines = [topBorder];
+        for (const rawLine of visibleLines) {
+            const stripped = rawLine.replace(/\x1b\[[0-9;]*m/g, '');
+            const truncated = stripped.length > innerWidth - 2
+                ? rawLine.slice(0, innerWidth - 5) + chalk.dim('...')
+                : rawLine;
+            const paddedLen = stripped.length > innerWidth - 2 ? innerWidth - 2 : stripped.length;
+            const padding = ' '.repeat(Math.max(0, innerWidth - 2 - paddedLen));
+            // Color stderr lines red
+            const isStderr = rawLine.startsWith('stderr:');
+            const displayLine = isStderr ? rawLine.replace('stderr: ', '') : truncated;
+            const lineColor = isStderr ? chalk.red : chalk.dim;
+            lines.push(chalk.dim('│') + ' ' + lineColor(displayLine) + padding + ' ' + chalk.dim('│'));
+        }
+        lines.push(bottomBorder);
+        // Write to output (this persists in scrollback)
+        this.output.write(lines.join('\n') + '\n');
+        this.lastOutputEndedWithNewline = true;
+        // Restore prompt overlay
+        if (this.output.isTTY && this.interactive && !this.disposed) {
+            this.renderPromptOverlay(true);
+        }
+    }
+    /**
+     * Clear the live terminal box from display and reset state (used for errors/cancellation).
      */
     clearLiveTerminal() {
         if (!this.liveTerminalActive)