@oxecli/oxe 1.0.77 → 1.0.78

package/dist/engine.js

@@ -578,11 +578,12 @@ export class InferenceEngine {
                     this.workActive = false;
                     const started = toolCallLabel(c.name, c.arguments);
                     const toolSpinner = new Spinner();
-                    toolSpinner.start(started);
+                    toolSpinner.startDots("Running");
                     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 +592,10 @@ export class InferenceEngine {
                         text: action,
                         status: failed ? "failed" : "ok",
                     });
-                    process.stdout.write(`${started}\n${action}\n\n`);
+                    // Replace the "Running..." line in place with the tool label so the
+                    // transition is seamless, then print the result beneath it.
+                    toolSpinner.replaceWith(started);
+                    process.stdout.write(`${action}\n\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,17 @@ 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 bg = v.kind === "+" ? "\x1b[48;2;2;40;0m" : "\x1b[48;2;61;1;0m";
             const sign = v.kind === "+" ? "+" : "-";
             const body = truncateStyled(v.body, bodyMax);
             const fill = Math.max(0, termW - numW - 4 - plainLen(body));
             pendingDiffOutput.push(`${bg}\x1b[97m${numStr} ${sign}  ${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,53 @@ export class Spinner {
         }, 80);
         this.draw();
     }
+    /** Dots-mode label: renders `Running` + 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 = text.length + 3;
+        this.writeDots(true);
+        this.timer = setInterval(() => {
+            this.dotsFrame = (this.dotsFrame + 1) % DOT_FRAMES.length;
+            this.writeDots(false);
+        }, 300);
+    }
+    writeDots(initial) {
+        const label = `\x1b[1;36m${this.dotsText}\x1b[0m`;
+        const dots = `\x1b[1;36m${DOT_FRAMES[this.dotsFrame]}\x1b[0m`;
+        if (initial) {
+            process.stdout.write("\r" + label + dots + "\r");
+        }
+        else {
+            // Jump to the dots column (1-based) and rewrite only the 3-cell field.
+            process.stdout.write(`\x1b[${this.dotsText.length + 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). */
+    replaceWith(text) {
+        if (this.timer) {
+            clearInterval(this.timer);
+            this.timer = null;
+        }
+        if (!this.enabled) {
+            process.stdout.write(`${text}\n`);
+            return;
+        }
+        const plain = stripAnsi(text);
+        const pad = Math.max(0, this.lastLen - plain.length);
+        process.stdout.write("\r" + text + " ".repeat(pad) + "\r\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.78",
   "publishConfig": {
     "access": "public"
   },