@oxecli/oxe 1.0.101 → 1.0.103

package/dist/ui.js

@@ -750,46 +750,64 @@ function dockRenderBox() {
 /**
  * Redraw the docked prompt box with the given buffer/caret, keeping whatever
  * content already streams above it. Used to make the prompt field live-edit
- * while a query runs. Erases the box, writes the new frame, and parks the
- * cursor at the caret. Preserves exactly one blank row between the last content
- * and the box. When a transient (thinking/working spinner) is parked above the
- * box, it is rebuilt above the new frame and the physical cursor stays on that
- * transient row, so streaming content is never pulled into the prompt.
+ * while a query runs. Preserves exactly one blank row between the last content
+ * and the box. Rows that did not change (top border, hint row) are left
+ * untouched, so static parts never flicker on each keystroke. When a transient
+ * (thinking/working spinner) is parked above the box, the physical cursor stays
+ * on that transient row, so streaming content is never pulled into the prompt
+ * and the box does not drift.
  */
 export function dockRenderPrompt(buffer, pasteSpans, prefix, label, hints) {
     if (!docked || dockBoxRows < 1)
         return;
-    // If a thinking/working spinner is currently parked above the box, typing
-    // must NOT disturb it. dockEraseBox() wipes that transient row and resets
-    // its state; the still-running spinner then keeps drawing at the physical
-    // caret (now inside the box), pulling streaming content into the prompt.
-    // Capture the transient before erasing so we can rebuild it above the frame
-    // and park the cursor back on the transient row, keeping the box intact.
     const wasTransient = dockTransient;
     const wasRel = dockRel;
+    const wasCaret = dockCaretBelow;
     const { frame, cursorRow, cursorCol, totalRows } = renderBufferWithCursor(buffer, pasteSpans, prefix, label, buffer.length, hints);
-    dockEraseBox();
+    const newLines = frame.split("\n");
+    const oldLines = dockFrameLines.length ? dockFrameLines : newLines;
+    // Move the caret to the box's top row (R). The physical cursor is either on
+    // the transient row (R - wasRel) or at the live caret (R + wasCaret).
+    if (wasTransient)
+        process.stdout.write(`\x1b[${wasRel}B\r`);
+    else if (wasCaret > 0)
+        process.stdout.write(`\x1b[${wasCaret}A\r`);
+    // In-place line diff: rewrite only lines that actually changed (the body),
+    // leaving unchanged rows (top border, hint row) untouched so they never
+    // flicker. Clear each rewritten row so a shorter line leaves no residue.
+    const maxLen = Math.max(oldLines.length, newLines.length);
+    for (let i = 0; i < maxLen; i++) {
+        if (newLines[i] !== oldLines[i]) {
+            process.stdout.write("\r\x1b[K" + (newLines[i] ?? ""));
+        }
+        if (i < maxLen - 1)
+            process.stdout.write("\n");
+    }
+    // Reposition the caret.
+    if (wasTransient) {
+        // Park back on the transient row so the running spinner keeps drawing there.
+        process.stdout.write(`\x1b[${maxLen - 1 + wasRel}A\r`);
+    }
+    else {
+        const atLine = maxLen - 1;
+        if (atLine > cursorRow)
+            process.stdout.write(`\x1b[${atLine - cursorRow}A\r`);
+        else if (atLine < cursorRow)
+            process.stdout.write(`\x1b[${cursorRow - atLine}B\r`);
+        process.stdout.write(`\x1b[${cursorCol}C`);
+    }
+    dockSetFrame(frame, totalRows);
     if (wasTransient) {
-        // Rebuild the transient row(s) and gap above the new frame, then park the
-        // physical cursor at the transient row so the running spinner keeps
-        // drawing THERE instead of inside the prompt box.
-        process.stdout.write("\n".repeat(wasRel) + frame);
-        process.stdout.write(`\x1b[${totalRows - 1 + wasRel}A\r`);
-        dockSetFrame(frame, totalRows);
         docked = true;
         dockGap = false;
         dockTransient = true;
         dockRel = wasRel;
         dockCaretBelow = 0;
-        return;
     }
-    process.stdout.write(frame);
-    // Park the cursor at the caret inside the box (cursorRow is 1-indexed, so
-    // the caret sits cursorRow rows below boxTop).
-    process.stdout.write(`\x1b[${totalRows - 1 - cursorRow}A\r\x1b[${cursorCol}C`);
-    dockSetFrame(frame, totalRows);
-    dockEnterDocked();
-    dockCaretBelow = cursorRow;
+    else {
+        dockEnterDocked();
+        dockCaretBelow = cursorRow;
+    }
 }
 /** Commit content at the box top, pushing the box down, preserving exactly one
  *  blank row between the content and the box. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxecli/oxe",
-  "version": "1.0.101",
+  "version": "1.0.103",
   "publishConfig": {
     "access": "public"
   },