@pi-archimedes/ui 2.11.0 → 2.11.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pi-archimedes/ui",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "description": "Terminal UI enhancements, styled bash tool rendering, and visual presentation components for Pi",
   "type": "module",
   "main": "./src/index.ts",
@@ -28,7 +28,7 @@
     "./config": "./src/config.ts"
   },
   "dependencies": {
-    "@pi-archimedes/core": "2.11.0"
+    "@pi-archimedes/core": "2.11.1"
   },
   "devDependencies": {
     "@earendil-works/pi-ai": "1.2.0",

package/src/bash/renderer.test.ts

@@ -141,6 +141,13 @@ describe("TruncatedTextComponent", () => {
     const comp = new TruncatedTextComponent("");
     expect(comp.render(5)).toEqual([""]);
   });
+
+  it("does not emit \\x1b[0m when truncated so an enclosing Box background is preserved", () => {
+    const comp = new TruncatedTextComponent("a".repeat(50));
+    const lines = comp.render(10);
+    expect(lines[0]!.includes("\x1b[0m")).toBe(false);
+    expect(lines[0]!.includes("\x1b[m")).toBe(false);
+  });
 });
 
 describe("renderBashCall", () => {

package/src/bash/renderer.ts

@@ -69,8 +69,11 @@ export class TruncatedTextComponent implements Component {
     const singleLine = this.text.replace(/[\r\n]+/g, " ");
     const ellipsis = this.theme ? this.theme.fg("accent", "…") : "…";
     const truncated = truncateToWidth(singleLine, width, ellipsis);
-    const padNeeded = Math.max(0, width - visibleWidth(truncated));
-    return [truncated + " ".repeat(padNeeded)];
+    // truncateToWidth emits \x1b[0m, which resets the enclosing Box background mid-line.
+    // Downgrade full resets to fg/style resets so padding spaces keep the container background.
+    const safeTruncated = truncated.replace(/\x1b\[0?m/g, "\x1b[22;23;24;27;29;39m");
+    const padNeeded = Math.max(0, width - visibleWidth(safeTruncated));
+    return [safeTruncated + " ".repeat(padNeeded)];
   }
 }