@xynogen/pix-pretty 1.7.4 → 1.7.5

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@xynogen/pix-pretty",
-	"version": "1.7.4",
+	"version": "1.7.5",
 	"description": "Enhanced tool output rendering with syntax highlighting, file icons, tree views, FFF search, and paste chip formatting",
 	"type": "module",
 	"main": "src/index.ts",

package/src/gate-overlay.test.ts

@@ -117,6 +117,23 @@ describe("showOverlay — confirm mode", () => {
 		expect(joined).toContain("MY TITLE");
 		expect(joined).toContain("body-line-x");
 	});
+
+	test("wraps a long body command instead of truncating it", async () => {
+		// A command far wider than any modal width — must survive in full, wrapped.
+		const longCmd = `echo ${"pix-gate-installed-or-linked ".repeat(8)}done`;
+		let captured: string[] = [];
+		await showOverlay(
+			makeUI((comp) => {
+				captured = comp.render(80);
+				comp.handleInput(ENTER);
+			}),
+			{ mode: "confirm", title: "T", body: [longCmd], timeoutMs: 0 },
+		);
+		// Every whitespace-delimited token of the command appears somewhere in the
+		// frame — nothing was dropped by truncation.
+		const joined = captured.join("\n");
+		for (const tok of longCmd.split(" ")) expect(joined).toContain(tok);
+	});
 });
 
 describe("showOverlay — sudo mode", () => {

package/src/gate-overlay.ts

@@ -14,7 +14,12 @@
  *   - Single source of truth for the overlay look across pix-gate and pix-sudo.
  */
 
-import { Input, type SelectItem, SelectList } from "@earendil-works/pi-tui";
+import {
+	Input,
+	type SelectItem,
+	SelectList,
+	wrapTextWithAnsi,
+} from "@earendil-works/pi-tui";
 import { frameLines, modalWidth, selectListTheme } from "./modal-frame.js";
 
 // ── Types ─────────────────────────────────────────────────────────────────────
@@ -139,12 +144,15 @@ function buildLines(opts: {
 	const inner = width - 4; // CHROME = 2 border + 2 padding
 	const lines: string[] = [];
 
-	// Title
-	lines.push(theme.fg(accent, theme.bold(config.title)));
+	// Title — wrap so a long reason/command isn't truncated by the frame.
+	for (const t of wrapTextWithAnsi(config.title, inner)) {
+		lines.push(theme.fg(accent, theme.bold(t)));
+	}
 
-	// Body
+	// Body — wrap each line so long commands wrap instead of getting cut off.
 	for (const line of config.body ?? []) {
-		lines.push(theme.fg("text", line));
+		const wrapped = line === "" ? [""] : wrapTextWithAnsi(line, inner);
+		for (const w of wrapped) lines.push(theme.fg("text", w));
 	}
 
 	// Divider after title/body