@oxecli/oxe 1.0.77 → 1.0.79

package/dist/engine.js

@@ -577,12 +577,16 @@ export class InferenceEngine {
                 for (const c of calls) {
                     this.workActive = false;
                     const started = toolCallLabel(c.name, c.arguments);
+                    // Print the tool label the instant the command starts, then show a
+                    // "⎿  Working..." dots line that swaps to the real result in place.
+                    process.stdout.write(`${started}\n`);
                     const toolSpinner = new Spinner();
-                    toolSpinner.start(started);
+                    toolSpinner.startDots("\x1b[90m⎿\x1b[0m  Working");
                     const rawResult = await this.runTool(c.name, c.arguments);
-                    toolSpinner.stop();
-                    if (this.interrupted)
+                    if (this.interrupted) {
+                        toolSpinner.stop();
                         throw new Error("interrupt");
+                    }
                     const failed = toolOutputFailed(c.name, rawResult);
                     const action = formatToolResult(rawResult, failed);
                     story.push({
@@ -591,7 +595,9 @@ export class InferenceEngine {
                         text: action,
                         status: failed ? "failed" : "ok",
                     });
-                    process.stdout.write(`${started}\n${action}\n\n`);
+                    // Swap the "⎿  Working..." line for the real result, then a blank line.
+                    toolSpinner.replaceWith(action);
+                    process.stdout.write(`\n`);
                     // Any diff the tool produced is flushed only now, after the spinner
                     // has stopped, so the box renders cleanly below the action line.
                     flushPendingDiffOutput();

package/dist/tools.js

@@ -133,14 +133,22 @@ function displayDiff(pathName, oldContent, newContent) {
         const num = v.kind === "+" ? v.newNum : v.oldNum;
         const numStr = num ? String(num).padStart(numW, " ") : gap;
         if (v.kind === "+" || v.kind === "-") {
-            const bg = v.kind === "+" ? "\x1b[42m" : "\x1b[41m";
-            const sign = v.kind === "+" ? "+" : "-";
-            const body = truncateStyled(v.body, bodyMax);
+            const isAdd = v.kind === "+";
+            const bg = isAdd ? "\x1b[48;2;2;40;0m" : "\x1b[48;2;61;1;0m";
+            const fg = isAdd ? "\x1b[38;2;80;200;80m" : "\x1b[38;2;220;90;90m";
+            const sign = isAdd ? "+" : "-";
+            // Changed content renders normal white with syntax highlighting;
+            // re-apply the white base after each token reset.
+            const raw = highlightCodeLine(v.body);
+            const body = truncateStyled(raw.replace(/\x1b\[0m/g, "\x1b[0m\x1b[97m"), bodyMax);
             const fill = Math.max(0, termW - numW - 4 - plainLen(body));
-            pendingDiffOutput.push(`${bg}\x1b[97m${numStr} ${sign}  ${body}${" ".repeat(fill)}\x1b[0m`);
+            pendingDiffOutput.push(`${bg}${fg}${numStr} ${sign}  \x1b[0m\x1b[97m${body}${" ".repeat(fill)}\x1b[0m`);
         }
         else {
-            const body = truncateStyled(v.kind === "\\" ? v.body : highlightCodeLine(v.body), bodyMax);
+            const raw = v.kind === "\\" ? v.body : highlightCodeLine(v.body);
+            // highlightCodeLine resets to default after each token; re-apply the dim
+            // gray base so plain text stays dim and only tokens show color.
+            const body = truncateStyled(raw.replace(/\x1b\[0m/g, "\x1b[0m\x1b[90m"), bodyMax);
             pendingDiffOutput.push(`\x1b[90m${numStr}  ${body}\x1b[0m`);
         }
     }

package/dist/ui.js

@@ -512,6 +512,7 @@ export function showCursor() {
     }
 }
 const SPINNER_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+const DOT_FRAMES = [".  ", ".. ", "..."];
 export class Spinner {
     timer = null;
     frame = 0;
@@ -520,6 +521,8 @@ export class Spinner {
     enabled;
     lastRendered = "";
     lastLen = 0;
+    dotsText = "";
+    dotsFrame = 0;
     constructor(enabled = true) {
         this.enabled = enabled;
     }
@@ -547,6 +550,59 @@ export class Spinner {
         }, 80);
         this.draw();
     }
+    /** Dots-mode label: renders `text` (ANSI pre-colored by the caller) + a
+     *  fixed 3-cell animated dots field. Each tick rewrites ONLY the dots cells
+     *  via a cursor jump, so the rest of the line never flickers. Swap in the
+     *  final label with replaceWith(). */
+    startDots(text) {
+        if (!this.enabled)
+            return;
+        if (this.timer)
+            clearInterval(this.timer);
+        this.dotsText = text;
+        this.dotsFrame = 0;
+        this.rows = 1;
+        this.lastRendered = "";
+        this.lastLen = plainLen(text) + 3;
+        this.writeDots(true);
+        this.timer = setInterval(() => {
+            this.dotsFrame = (this.dotsFrame + 1) % DOT_FRAMES.length;
+            this.writeDots(false);
+        }, 300);
+    }
+    writeDots(initial) {
+        const dots = `\x1b[1;36m${DOT_FRAMES[this.dotsFrame]}\x1b[0m`;
+        if (initial) {
+            process.stdout.write("\r" + this.dotsText + dots + "\r");
+        }
+        else {
+            // Jump to the dots column (1-based) and rewrite only the 3-cell field.
+            process.stdout.write(`\x1b[${plainLen(this.dotsText) + 1}G` + dots + "\r");
+        }
+    }
+    /** Overwrite the dots line in place with `text` and advance to the next
+     *  line, without erasing (so there is no flash). Multi-line text replaces
+     *  the first line in place and prints the remaining lines below it. */
+    replaceWith(text) {
+        if (this.timer) {
+            clearInterval(this.timer);
+            this.timer = null;
+        }
+        if (!this.enabled) {
+            process.stdout.write(`${text}\n`);
+            return;
+        }
+        const parts = text.split("\n");
+        const first = parts[0];
+        const rest = parts.slice(1);
+        const plain = stripAnsi(first);
+        const pad = Math.max(0, this.lastLen - plain.length);
+        process.stdout.write("\r" + first + " ".repeat(pad) + "\r\n");
+        if (rest.length)
+            process.stdout.write(rest.join("\n") + "\n");
+        this.rows = 0;
+        this.lastLen = plain.length;
+    }
     update(text) {
         if (this.timer) {
             this.render = () => text;

package/package.json

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