agent-mp 0.5.22 → 0.5.24

package/dist/ui/input.js

@@ -1,347 +1,409 @@
 import chalk from 'chalk';
-// ─── Midas brand colors ──────────────────────────────────────────────────────
-const T = (s) => chalk.rgb(0, 185, 180)(s); // teal  — borders
-const B = (s) => chalk.rgb(30, 110, 185)(s); // blue  — prompt arrow
-const PREFIX = T('│') + B(' > ');
-const PREFIX_CONT = T('│') + B('   '); // continuation lines
-const PREFIX_COLS = 4; // visual width of "│ > " and "│   "
-// Maximum content rows the input box can grow to (Shift+Enter / word-wrap).
-const MAX_CONTENT_ROWS = 4;
-const ACTIVITY_LINES = 5;
-// Reserved rows at the bottom:
-//   Idle:   7  = 1 status row + up to 4 content + 2 borders
-//   Active: 10 = 7 (activity box) + 3 (input box: 1 content + 2 borders)
-// The scroll region is updated whenever activity mode toggles.
-const IDLE_RESERVED = MAX_CONTENT_ROWS + 3; // 7
-const ACTIVE_RESERVED = ACTIVITY_LINES + 2 + 3; // 10 = activity(7) + input(3)
-// ─── FixedInput ──────────────────────────────────────────────────────────────
+const DIM = chalk.dim;
+const B = (s) => chalk.rgb(30, 110, 185)(s);
+const PROMPT = B('> ');
+const PROMPT_W = 2;
+const INDENT = '  ';
+const PLACEHOLDER = 'Type your message…  (Shift+Enter / \\ para nueva línea)';
+/**
+ * Inline prompt, styled like Gemini/Qwen CLI.
+ * Draws at the current cursor line; when output arrives we erase the area
+ * (line-by-line, \x1b[2K) and redraw below. No absolute positioning.
+ */
 export class FixedInput {
-    buf = '';
     history = [];
-    histIdx = -1;
     origLog;
-    _pasting = false;
-    _pasteAccum = '';
-    _drawPending = false;
-    // ── Activity box state (null = input mode, string = activity mode) ──────────
     _activityHeader = null;
     _activityLines = [];
-    get rows() { return process.stdout.rows || 24; }
+    _inputBuffer = [];
+    _cursorPos = 0;
+    _pasting = false;
+    _pasteAccum = '';
+    _resolveInput;
+    _inputActive = false;
+    // Geometry after the last draw.
+    _areaRows = 0; // total rows the area occupies
+    _cursorRow = 0; // row (0-indexed from top of area) where terminal cursor sits
+    _onResize;
     get cols() { return process.stdout.columns || 80; }
-    get _reservedRows() { return this._activityHeader !== null ? ACTIVE_RESERVED : IDLE_RESERVED; }
-    get scrollBottom() { return this.rows - this._reservedRows; }
-    _contentRows() {
-        // During activity mode only 1 content row fits below the activity box
-        if (this._activityHeader !== null)
-            return 1;
-        const w = this.cols - PREFIX_COLS - 2;
-        if (w <= 0)
-            return 1;
-        if (!this.buf)
-            return 1;
-        let n = 0;
-        for (const seg of this.buf.split('\n'))
-            n += Math.max(1, Math.ceil((seg.length || 1) / w));
-        return Math.min(n, MAX_CONTENT_ROWS);
-    }
-    // ── Lifecycle ──────────────────────────────────────────────────────────────
     setup() {
         this.origLog = console.log;
         console.log = (...args) => {
-            const text = args.map(a => (typeof a === 'string' ? a : String(a))).join(' ');
+            const text = args.map(a => typeof a === 'string' ? a : String(a)).join(' ');
             this.println(text);
         };
-        this._setScrollRegion();
-        process.stdout.write(`\x1b[${this.scrollBottom};1H`);
-        this._clearReserved();
-        this._drawBox();
         process.stdout.write('\x1b[?2004h');
-        process.stdout.on('resize', () => {
-            this._setScrollRegion();
-            this._clearReserved();
-            this._drawBox();
-        });
+        this._onResize = () => this._redraw();
+        process.stdout.on('resize', this._onResize);
     }
     teardown() {
-        this._activityHeader = null;
-        this._activityLines = [];
         console.log = this.origLog;
         process.stdout.write('\x1b[?2004l');
-        process.stdout.write('\x1b[r');
-        process.stdout.write('\x1b[?25h');
-        process.stdout.write(`\x1b[${this.rows};1H\n`);
+        if (this._onResize)
+            process.stdout.off('resize', this._onResize);
     }
-    redrawBox() { this._drawBox(); }
     suspend() {
+        this._clearArea();
         console.log = this.origLog;
         process.stdout.write('\x1b[?2004l');
-        process.stdout.write('\x1b[r');
-        this._clearReserved();
-        process.stdout.write(`\x1b[${this.scrollBottom};1H`);
         return () => {
             console.log = (...args) => {
-                const text = args.map(a => (typeof a === 'string' ? a : String(a))).join(' ');
+                const text = args.map(a => typeof a === 'string' ? a : String(a)).join(' ');
                 this.println(text);
             };
-            this._setScrollRegion();
-            this._clearReserved();
-            this._drawBox();
             process.stdout.write('\x1b[?2004h');
+            this._redraw();
         };
     }
-    // ── Activity box API ───────────────────────────────────────────────────────
-    /** Enter activity mode: show the 5-line log box instead of the input box. */
     startActivity(header) {
         this._activityHeader = header;
         this._activityLines = [];
-        this._setScrollRegion();
-        this._drawBox();
+        this._redraw();
     }
-    /** Update the header line (spinner frame + elapsed time) without clearing lines. */
     updateActivityHeader(header) {
         this._activityHeader = header;
-        this._drawBox();
+        this._redraw();
     }
-    /**
-     * Append a line to the activity log (keeps last ACTIVITY_LINES lines).
-     * Strips ANSI codes and skips blank or pure-JSON lines.
-     */
     pushActivity(rawLine) {
         if (this._activityHeader === null)
             return;
-        // Strip ANSI escape sequences
-        const clean = rawLine
-            .replace(/\x1b\[[0-9;]*[A-Za-z]/g, '')
-            .replace(/[^\x20-\x7e\u00a0-\uffff]/g, '')
-            .trim();
+        const clean = rawLine.replace(/\x1b\[[0-9;]*[A-Za-z]/g, '').trim();
         if (!clean)
             return;
         this._activityLines.push(clean);
-        if (this._activityLines.length > ACTIVITY_LINES)
+        if (this._activityLines.length > 5)
             this._activityLines.shift();
-        this._scheduleDraw();
+        this._redraw();
+    }
+    /** Replace all content lines at once (for streaming preview). */
+    setActivityLines(lines) {
+        if (this._activityHeader === null)
+            return;
+        this._activityLines = lines.map(l => l.slice(0, this.cols - 4));
+        this._redraw();
     }
-    /** Leave activity mode and restore the normal input box. */
     stopActivity() {
-        // Explicitly clear the full ACTIVE reserved zone before shrinking
-        // the scroll region — otherwise activity box rows bleed into scroll history.
-        const activeSB = this.rows - ACTIVE_RESERVED;
-        for (let r = activeSB + 1; r <= this.rows; r++)
-            process.stdout.write(`\x1b[${r};1H\x1b[2K`);
         this._activityHeader = null;
         this._activityLines = [];
-        this._setScrollRegion();
-        this._drawBox();
+        this._redraw();
+    }
+    println(text) {
+        this._clearArea();
+        process.stdout.write(text + '\n');
+        this._redraw();
+    }
+    printSeparator() {
+        this._clearArea();
+        process.stdout.write(DIM('─'.repeat(this.cols - 1)) + '\n');
+        this._redraw();
+    }
+    redrawBox() {
+        this._redraw();
     }
-    // ── Input ──────────────────────────────────────────────────────────────────
     readLine() {
-        this.buf = '';
-        this.histIdx = -1;
-        this._drawBox();
-        return new Promise((resolve) => {
+        this._inputBuffer = [];
+        this._cursorPos = 0;
+        this._inputActive = true;
+        this._redraw();
+        if (process.stdin.isTTY)
             process.stdin.setRawMode(true);
-            process.stdin.resume();
-            const done = (line) => {
+        process.stdin.resume();
+        return new Promise((resolve) => {
+            this._resolveInput = resolve;
+            const finish = (value) => {
+                this._inputActive = false;
+                this._clearArea();
                 process.stdin.removeListener('data', onData);
                 if (process.stdin.isTTY)
                     process.stdin.setRawMode(false);
-                this.buf = '';
-                this._drawBox();
-                resolve(line);
+                process.stdin.pause();
+                const r = this._resolveInput;
+                this._resolveInput = undefined;
+                r?.(value);
             };
             const onData = (data) => {
-                const hex = data.toString('hex');
                 const key = data.toString();
-                // ── Bracketed paste: start ────────────────────────────────────
-                if (key.includes('\x1b[200~')) {
+                const hex = data.toString('hex');
+                // Bracketed paste start (may include end marker in same chunk).
+                if (!this._pasting && key.includes('\x1b[200~')) {
                     this._pasting = true;
                     this._pasteAccum = '';
-                    const after = key.slice(key.indexOf('\x1b[200~') + 6);
-                    if (after)
-                        this._pasteAccum += after;
+                    const afterStart = key.slice(key.indexOf('\x1b[200~') + 6);
+                    const endIdx = afterStart.indexOf('\x1b[201~');
+                    if (endIdx !== -1) {
+                        this._pasteAccum += afterStart.slice(0, endIdx);
+                        this._commitPaste();
+                    }
+                    else {
+                        this._pasteAccum += afterStart;
+                    }
                     return;
                 }
-                // ── Bracketed paste: accumulate ───────────────────────────────
                 if (this._pasting) {
-                    if (key.includes('\x1b[201~')) {
-                        const before = key.slice(0, key.indexOf('\x1b[201~'));
-                        this._pasteAccum += before;
-                        this.buf += this._pasteAccum;
-                        this._pasting = false;
-                        this._pasteAccum = '';
-                        this._scheduleDraw();
+                    const endIdx = key.indexOf('\x1b[201~');
+                    if (endIdx !== -1) {
+                        this._pasteAccum += key.slice(0, endIdx);
+                        this._commitPaste();
                     }
                     else {
                         this._pasteAccum += key;
                     }
                     return;
                 }
-                // ── Shift+Enter → newline ────────────────────────────────────
-                if (hex === '5c0d' ||
-                    key === '\x0a' ||
-                    hex === '1b5b31333b327e' ||
-                    hex === '1b5b31333b3275' ||
-                    hex === '1b4f4d') {
-                    this.buf += '\n';
-                    this._scheduleDraw();
-                    // ── Enter → submit ───────────────────────────────────────────
-                }
-                else if (key === '\r') {
-                    const line = this.buf;
+                // Enter — submit
+                if (key === '\r') {
+                    const line = this._inputBuffer.join('');
                     if (line.trim()) {
                         this.history.unshift(line);
                         if (this.history.length > 200)
                             this.history.pop();
                     }
-                    done(line);
+                    finish(line);
+                    return;
+                }
+                // Ctrl+J (LF) — insert newline
+                if (key === '\n') {
+                    this._inputBuffer.splice(this._cursorPos, 0, '\n');
+                    this._cursorPos++;
+                    this._redraw();
+                    return;
+                }
+                // Backspace
+                if (key === '\x7f' || key === '\x08') {
+                    if (this._cursorPos > 0) {
+                        this._inputBuffer.splice(this._cursorPos - 1, 1);
+                        this._cursorPos--;
+                        this._redraw();
+                    }
+                    return;
                 }
-                else if (key === '\x7f' || key === '\x08') {
-                    if (this.buf.length > 0) {
-                        this.buf = this.buf.slice(0, -1);
-                        this._scheduleDraw();
+                // Delete
+                if (hex === '1b5b337e') {
+                    if (this._cursorPos < this._inputBuffer.length) {
+                        this._inputBuffer.splice(this._cursorPos, 1);
+                        this._redraw();
                     }
+                    return;
                 }
-                else if (key === '\x03') {
+                // Ctrl+C
+                if (key === '\x03') {
+                    this._clearArea();
+                    if (process.stdin.isTTY)
+                        process.stdin.setRawMode(false);
+                    process.stdin.pause();
                     this.teardown();
                     process.exit(0);
                 }
-                else if (key === '\x04') {
-                    done('/exit');
+                // Ctrl+D
+                if (key === '\x04') {
+                    finish('/exit');
+                    return;
+                }
+                // Ctrl+U — clear line
+                if (key === '\x15') {
+                    this._inputBuffer = [];
+                    this._cursorPos = 0;
+                    this._redraw();
+                    return;
+                }
+                // Ctrl+W / Alt+Backspace — delete prev word
+                if (key === '\x17' || hex === '1b7f') {
+                    const before = this._inputBuffer.slice(0, this._cursorPos).join('').trimEnd();
+                    const lastSpace = before.lastIndexOf(' ');
+                    const newPos = lastSpace === -1 ? 0 : lastSpace + 1;
+                    this._inputBuffer = [
+                        ...this._inputBuffer.slice(0, newPos),
+                        ...this._inputBuffer.slice(this._cursorPos),
+                    ];
+                    this._cursorPos = newPos;
+                    this._redraw();
+                    return;
                 }
-                else if (key === '\x15') {
-                    this.buf = '';
-                    this._scheduleDraw();
+                // Ctrl+A / Home
+                if (key === '\x01' || hex === '1b5b48' || hex === '1b4f48') {
+                    this._cursorPos = 0;
+                    this._redraw();
+                    return;
+                }
+                // Ctrl+E / End
+                if (key === '\x05' || hex === '1b5b46' || hex === '1b4f46') {
+                    this._cursorPos = this._inputBuffer.length;
+                    this._redraw();
+                    return;
                 }
-                else if (hex === '1b5b41') { // Arrow ↑
-                    if (this.histIdx + 1 < this.history.length) {
-                        this.histIdx++;
-                        this.buf = this.history[this.histIdx];
-                        this._scheduleDraw();
+                // Arrow Left
+                if (hex === '1b5b44') {
+                    if (this._cursorPos > 0) {
+                        this._cursorPos--;
+                        this._redraw();
                     }
+                    return;
                 }
-                else if (hex === '1b5b42') { // Arrow ↓
-                    if (this.histIdx > 0) {
-                        this.histIdx--;
-                        this.buf = this.history[this.histIdx];
+                // Arrow Right
+                if (hex === '1b5b43') {
+                    if (this._cursorPos < this._inputBuffer.length) {
+                        this._cursorPos++;
+                        this._redraw();
                     }
-                    else {
-                        this.histIdx = -1;
-                        this.buf = '';
+                    return;
+                }
+                // Arrow Up — last history
+                if (hex === '1b5b41') {
+                    if (this.history.length > 0) {
+                        this._inputBuffer = this.history[0].split('');
+                        this._cursorPos = this._inputBuffer.length;
+                        this._redraw();
                     }
-                    this._scheduleDraw();
+                    return;
                 }
-                else if (key.length >= 1 && key.charCodeAt(0) >= 32 && !key.startsWith('\x1b')) {
-                    this.buf += key;
-                    this._scheduleDraw();
+                // Arrow Down — clear
+                if (hex === '1b5b42') {
+                    if (this._inputBuffer.length > 0) {
+                        this._inputBuffer = [];
+                        this._cursorPos = 0;
+                        this._redraw();
+                    }
+                    return;
+                }
+                // Shift/Alt+Enter — insert newline (various terminals)
+                if (hex === '1b0d' || hex === '1b0a' ||
+                    hex === '1b5b31333b327e' || hex === '1b5b31333b3275' ||
+                    hex === '1b4f4d') {
+                    this._inputBuffer.splice(this._cursorPos, 0, '\n');
+                    this._cursorPos++;
+                    this._redraw();
+                    return;
+                }
+                // Regular typed characters.
+                // Shift+Enter fallback: gnome-terminal sends '\' + LF (or sometimes just '\').
+                // Collapse a '\' — with an optional trailing LF/CR — into a single newline.
+                // Literal '\' still works through paste (Ctrl+Shift+V) since that path is
+                // handled by the bracketed-paste branch.
+                if (key.length >= 1 && !key.startsWith('\x1b')) {
+                    const raw = [...key];
+                    const chars = [];
+                    for (let i = 0; i < raw.length; i++) {
+                        const c = raw[i];
+                        if (c === '\\') {
+                            chars.push('\n');
+                            if (raw[i + 1] === '\n' || raw[i + 1] === '\r')
+                                i++;
+                            continue;
+                        }
+                        if (c === '\n' || c.charCodeAt(0) >= 32)
+                            chars.push(c);
+                    }
+                    if (chars.length) {
+                        this._inputBuffer.splice(this._cursorPos, 0, ...chars);
+                        this._cursorPos += chars.length;
+                        this._redraw();
+                    }
                 }
             };
             process.stdin.on('data', onData);
         });
     }
-    // ── Output helpers ─────────────────────────────────────────────────────────
-    println(text) {
-        process.stdout.write(`\x1b[${this.scrollBottom};1H`);
-        process.stdout.write(text + '\n');
-        this._drawBox();
+    _commitPaste() {
+        const text = this._pasteAccum.replace(/\x1b\[[0-9;]*[A-Za-z]/g, '');
+        const chars = [...text];
+        this._inputBuffer.splice(this._cursorPos, 0, ...chars);
+        this._cursorPos += chars.length;
+        this._pasting = false;
+        this._pasteAccum = '';
+        this._redraw();
     }
-    printSeparator() {
-        this.println(chalk.rgb(0, 120, 116)('─'.repeat(this.cols - 1)));
-    }
-    // ── Private drawing ────────────────────────────────────────────────────────
-    _scheduleDraw() {
-        if (this._drawPending)
-            return;
-        this._drawPending = true;
-        setImmediate(() => { this._drawPending = false; this._drawBox(); });
-    }
-    _setScrollRegion() {
-        const sb = this.scrollBottom;
-        if (sb >= 1)
-            process.stdout.write(`\x1b[1;${sb}r`);
-    }
-    _clearReserved() {
-        for (let r = this.scrollBottom + 1; r <= this.rows; r++)
-            process.stdout.write(`\x1b[${r};1H\x1b[2K`);
-    }
-    _drawBox() {
-        process.stdout.write('\x1b[?25l');
-        this._clearReserved();
-        if (this._activityHeader !== null) {
-            this._drawActivityBox();
+    /** Build a string that erases the currently-drawn area and leaves the cursor at col 0 of the top row. */
+    _buildClear() {
+        if (this._areaRows === 0)
+            return '';
+        let s = '\r';
+        // Move up to first row of area.
+        if (this._cursorRow > 0)
+            s += `\x1b[${this._cursorRow}A`;
+        // Clear each row (line-by-line — most portable).
+        for (let i = 0; i < this._areaRows; i++) {
+            s += '\x1b[2K';
+            if (i < this._areaRows - 1)
+                s += '\x1b[1B';
         }
-        this._drawInputBox();
-        process.stdout.write('\x1b[?25h');
+        // Back to first row, col 0.
+        if (this._areaRows > 1)
+            s += `\x1b[${this._areaRows - 1}A`;
+        s += '\r';
+        return s;
     }
-    // ── Activity box (shown while a subagent is running) ───────────────────────
-    _drawActivityBox() {
-        const cols = this.cols;
-        const inner = cols - 4; // │ + space + content + space + │
-        const topRow = this.scrollBottom + 1;
-        const header = (this._activityHeader || '').slice(0, cols - 4);
-        const dashFill = Math.max(0, cols - 3 - header.length);
-        // Top border with header text
-        process.stdout.write(`\x1b[${topRow};1H`);
-        process.stdout.write(T('╭─') + chalk.bold.white(header) + T('─'.repeat(dashFill)) + T('╮'));
-        // Content rows (last ACTIVITY_LINES lines, or blank)
-        for (let i = 0; i < ACTIVITY_LINES; i++) {
-            const row = topRow + 1 + i;
-            const line = (this._activityLines[i] ?? '').slice(0, inner);
-            const pad = inner - line.length;
-            process.stdout.write(`\x1b[${row};1H`);
-            process.stdout.write(T('│') + ' ' + chalk.rgb(180, 210, 210)(line) + ' '.repeat(pad) + ' ' + T('│'));
-        }
-        // Bottom border
-        process.stdout.write(`\x1b[${topRow + ACTIVITY_LINES + 1};1H`);
-        process.stdout.write(T('╰') + T('─'.repeat(cols - 2)) + T('╯'));
+    _clearArea() {
+        const s = this._buildClear();
+        if (s)
+            process.stdout.write(s);
+        this._areaRows = 0;
+        this._cursorRow = 0;
     }
-    // ── Normal input box ───────────────────────────────────────────────────────
-    _drawInputBox() {
+    _redraw() {
+        const clear = this._buildClear();
+        if (!this._inputActive && this._activityHeader === null) {
+            if (clear)
+                process.stdout.write(clear);
+            this._areaRows = 0;
+            this._cursorRow = 0;
+            return;
+        }
         const cols = this.cols;
-        const cRows = this._contentRows();
-        const cWidth = cols - PREFIX_COLS - 2;
-        const topBorder = this.rows - cRows - 1;
-        // ── Top border ───────────────────────────────────────────────
-        process.stdout.write(`\x1b[${topBorder};1H`);
-        process.stdout.write(T('╭') + T('─'.repeat(cols - 2)));
-        process.stdout.write(`\x1b[${cols}G` + T('╮'));
-        // ── Content rows ─────────────────────────────────────────────
-        const wrapped = this._wrapText(this.buf, cWidth);
-        const showStart = Math.max(0, wrapped.length - cRows);
-        const visible = wrapped.slice(showStart);
-        for (let i = 0; i < cRows; i++) {
-            const row = topBorder + 1 + i;
-            let line = visible[i] ?? '';
-            if (i === 0 && showStart > 0)
-                line = '… ' + line.slice(0, Math.max(0, cWidth - 2));
-            else
-                line = line.slice(0, cWidth);
-            const pfx = (i === 0) ? PREFIX : PREFIX_CONT;
-            process.stdout.write(`\x1b[${row};1H`);
-            process.stdout.write(pfx + line);
-            process.stdout.write(`\x1b[${cols}G` + T('│'));
+        let body = '';
+        let row = 0;
+        let cursorRow = 0;
+        let cursorCol = 0;
+        // Activity box
+        if (this._activityHeader !== null) {
+            const header = (this._activityHeader || '').slice(0, cols - 4);
+            const topPad = Math.max(0, cols - 3 - header.length);
+            body += DIM('┌') + chalk.bold.white(header) + DIM('─'.repeat(topPad) + '┐') + '\n';
+            row++;
+            for (let i = 0; i < 5; i++) {
+                const line = (this._activityLines[i] ?? '').slice(0, cols - 4);
+                const pad = Math.max(0, cols - 4 - line.length);
+                body += DIM('│') + ' ' + chalk.rgb(180, 210, 210)(line) + ' '.repeat(pad) + ' ' + DIM('│') + '\n';
+                row++;
+            }
+            body += DIM('└') + DIM('─'.repeat(cols - 2)) + DIM('┘') + '\n';
+            row++;
         }
-        // ── Bottom border ────────────────────────────────────────────
-        process.stdout.write(`\x1b[${this.rows};1H`);
-        process.stdout.write(T('╰') + T('─'.repeat(cols - 2)));
-        process.stdout.write(`\x1b[${cols}G` + T('╯'));
-        // ── Position cursor ──────────────────────────────────────────
-        const lastLine = visible[visible.length - 1] ?? '';
-        const cursorRow = topBorder + cRows;
-        const cursorCol = PREFIX_COLS + 1 + lastLine.length;
-        process.stdout.write(`\x1b[${cursorRow};${cursorCol}H`);
-    }
-    _wrapText(text, maxWidth) {
-        if (!text || maxWidth <= 0)
-            return [''];
-        const result = [];
-        for (const seg of text.split('\n')) {
-            if (seg.length === 0) {
-                result.push('');
-                continue;
+        let trailing = '';
+        let lastRow = row;
+        if (this._inputActive) {
+            const text = this._inputBuffer.join('');
+            const beforeCursor = this._inputBuffer.slice(0, this._cursorPos).join('');
+            const cursorLineIdx = beforeCursor.split('\n').length - 1;
+            const cursorColInLine = (beforeCursor.split('\n').pop() ?? '').length;
+            const logicalLines = text.length === 0 ? [''] : text.split('\n');
+            const displayLines = logicalLines.map((l, i) => (i === 0 ? PROMPT : INDENT) + (text === '' ? DIM(PLACEHOLDER) : l.slice(0, Math.max(0, cols - 3))));
+            for (let i = 0; i < displayLines.length; i++) {
+                const isLast = i === displayLines.length - 1;
+                body += displayLines[i] + (isLast ? '' : '\n');
+                if (i === cursorLineIdx) {
+                    cursorRow = row;
+                    cursorCol = PROMPT_W + Math.min(cursorColInLine, Math.max(0, cols - 3));
+                }
+                if (!isLast)
+                    row++;
             }
-            for (let i = 0; i < seg.length; i += maxWidth)
-                result.push(seg.slice(i, i + maxWidth));
+            lastRow = row;
+            // After writing the body, terminal cursor is at end of last drawn line. Reposition to (cursorRow, cursorCol).
+            trailing = '\r';
+            const upBy = lastRow - cursorRow;
+            if (upBy > 0)
+                trailing += `\x1b[${upBy}A`;
+            if (cursorCol > 0)
+                trailing += `\x1b[${cursorCol}C`;
+            this._areaRows = lastRow + 1;
+            this._cursorRow = cursorRow;
+        }
+        else {
+            // Activity-only — leave cursor on the blank line just below the box.
+            this._areaRows = row;
+            this._cursorRow = row;
         }
-        return result;
+        // Single atomic write: clear + body + reposition.
+        process.stdout.write(clear + body + trailing);
     }
 }