@oxecli/oxe 1.0.108 → 1.0.109

package/dist/engine.js

@@ -586,11 +586,11 @@ export class InferenceEngine {
                     this.queryCalledTool = true;
                     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.
+                    // "╰─ Running..." dots line that swaps to the real result in place.
                     dockAppendContent(`${started}\n`);
                     dockTransientStart("flush");
                     const toolSpinner = new Spinner();
-                    toolSpinner.startDots("\x1b[90m╰─\x1b[0m Working");
+                    toolSpinner.startDots("\x1b[90m╰─\x1b[0m Running");
                     const rawResult = await this.runTool(c.name, c.arguments, this.activeAbort?.signal);
                     // A tool call was made, which interrupts any current working phase,
                     // so the next agent iteration may commit a fresh "Worked for …" block.
@@ -609,7 +609,7 @@ export class InferenceEngine {
                         status: failed ? "failed" : "ok",
                         diff,
                     });
-                    // Swap the "╰─ Working..." line for the real result. If the tool
+                    // Swap the "╰─ Running..." line for the real result. If the tool
                     // produced a diff it renders directly below the action line with no
                     // gap; otherwise the dock gap separates the action from what follows.
                     toolSpinner.stop();

package/dist/ui.js

@@ -117,7 +117,7 @@ export function terminalWidth() {
     return process.stdout.columns || 80;
 }
 /** Minimum width for boxes/cards so they don't collapse to nothing. */
-const MIN_BOX_WIDTH = 20;
+const MIN_BOX_WIDTH = 40;
 /** Horizontal margin reserved on each side of a box/card from the terminal edge. */
 const BOX_MARGIN = 4;
 /**
@@ -198,55 +198,62 @@ function wrapStyledToWidth(line, width) {
             pending = "";
         }
     }
-    const out = [];
-    let cur = "";
+    const render = (atoms) => atoms.map((a) => a.pre + a.ch).join("");
+    const rows = [];
+    let cur = [];
     let curLen = 0;
-    let word = [];
-    const emitChunk = (chunk, prependSpace) => {
-        const add = (prependSpace && curLen > 0 ? 1 : 0) + chunk.length;
-        if (curLen + add > width)
-            return false;
-        if (prependSpace && curLen > 0) {
-            cur += " ";
+    // Index (in `cur`) of the whitespace atom that is a valid break point, or -1.
+    let breakAt = -1;
+    // The last SGR open code currently in effect, so a word split mid-way can
+    // re-apply the style on its continuation.
+    let activeStyle = "";
+    for (const a of units) {
+        // Track the active style from this glyph's ANSI prefix.
+        if (a.pre) {
+            const sgr = a.pre.match(/\x1b\[[0-9;]*m/g);
+            if (sgr && sgr.length) {
+                const last = sgr[sgr.length - 1];
+                activeStyle = last === "\x1b[0m" ? "" : last;
+            }
+        }
+        const isSpace = /\s/.test(a.ch);
+        if (isSpace) {
+            cur.push(a);
             curLen++;
+            breakAt = cur.length - 1;
+            continue;
         }
-        for (const u of chunk)
-            cur += u.pre + u.ch;
-        curLen += chunk.length;
-        return true;
-    };
-    const flushWord = () => {
-        if (!word.length)
-            return;
-        const wlen = word.length;
-        // Split overlong words into <= width chunks so nothing is ever cut off.
-        const chunks = [];
-        if (wlen <= width)
-            chunks.push(word);
-        else
-            for (let i = 0; i < wlen; i += width)
-                chunks.push(word.slice(i, i + width));
-        for (let ci = 0; ci < chunks.length; ci++) {
-            const chunk = chunks[ci];
-            if (!emitChunk(chunk, ci === 0)) {
-                out.push(cur);
-                cur = "";
+        if (curLen + 1 > width) {
+            if (breakAt >= 0) {
+                // Break after the whitespace at breakAt: keep the whitespace's ANSI
+                // prefix (often a reset) so style never leaks onto the continuation.
+                const space = cur[breakAt];
+                const lead = space.pre; // e.g. \x1b[0m — applied at start of next row
+                const kept = cur.slice(breakAt + 1);
+                rows.push(cur.slice(0, breakAt));
+                cur = [{ ch: "", pre: lead }, ...kept];
+                curLen = kept.length;
+                breakAt = -1;
+            }
+            else if (cur.length) {
+                // No whitespace break point: split the word mid-way, re-applying the
+                // active style on the continuation so a styled word keeps its style.
+                rows.push(cur);
+                const lead = activeStyle ? activeStyle : "";
+                cur = lead ? [{ ch: "", pre: lead }] : [];
                 curLen = 0;
-                emitChunk(chunk, false);
             }
         }
-        word = [];
-    };
-    for (const u of units) {
-        if (/\s/.test(u.ch))
-            flushWord();
-        else
-            word.push(u);
+        cur.push(a);
+        curLen++;
     }
-    flushWord();
-    if (cur)
-        out.push(cur);
-    return out.length ? out : [line];
+    if (cur.length)
+        rows.push(cur);
+    // Emit each row, ending with a reset so no style bleeds across rows.
+    return rows.map((r) => {
+        const rendered = render(r);
+        return rendered + (plainLen(rendered) ? "\x1b[0m" : "");
+    });
 }
 // ---------------------------------------------------------------------------
 // Markup tag -> ANSI
@@ -948,7 +955,7 @@ export function showCursor() {
     }
 }
 const SPINNER_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
-const DOT_FRAMES = [".  ", ".. ", "..."];
+const DOT_FRAMES = [".", "..", "..."];
 export class Spinner {
     timer = null;
     frame = 0;
@@ -1008,12 +1015,15 @@ export class Spinner {
     }
     writeDots(initial) {
         const dots = DOT_FRAMES[this.dotsFrame];
+        // Always emit a fixed 3-cell field so packed dots (., .., ...) animate
+        // without leaving residue when the frame shrinks (e.g. ... -> .).
+        const padded = dots.padEnd(3, " ");
         if (initial) {
-            process.stdout.write("\r" + this.dotsText + dots + "\r");
+            process.stdout.write("\r" + this.dotsText + padded + "\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");
+            process.stdout.write(`\x1b[${plainLen(this.dotsText) + 1}G` + padded + "\r");
         }
     }
     /** Overwrite the dots line in place with `text` and advance to the next

package/package.json

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