@xynogen/pix-pretty 1.18.1 → 1.18.2

package/package.json

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

package/src/gate-overlay.test.ts

@@ -31,6 +31,7 @@ interface Wired {
 function makeUI(
 	onReady: (comp: Wired, finish: (v: unknown) => void) => void,
 	onOptions?: (options: unknown) => void,
+	renderTheme = theme,
 ): OverlayUI {
 	return {
 		custom: async <T>(
@@ -47,7 +48,7 @@ function makeUI(
 			const done = (v: T) => {
 				resolved = v;
 			};
-			const comp = cb({ requestRender: () => {} }, theme, undefined, done);
+			const comp = cb({ requestRender: () => {} }, renderTheme, undefined, done);
 			comp.render(80); // initialise render path
 			onReady(comp, done as (v: unknown) => void);
 			return resolved;
@@ -136,6 +137,47 @@ describe("showOverlay — confirm mode", () => {
 		expect(joined).toContain("body-line-x");
 	});
 
+	test("uses semantic colors for transfer details", async () => {
+		const coloredTheme = {
+			fg: (color: string, text: string) => `<${color}>${text}</${color}>`,
+			bg: (_color: string, text: string) => text,
+			bold: (text: string) => text,
+		};
+		let captured: string[] = [];
+		await showOverlay(
+			makeUI(
+				(comp) => {
+					captured = comp.render(100);
+					comp.handleInput(ENTER);
+				},
+				undefined,
+				coloredTheme,
+			),
+			{
+				mode: "confirm",
+				title: "SSH FILE TRANSFER",
+				body: [
+					"Intent: Copy a release artifact",
+					"Host: deploy@example.com",
+					"Direction: Download",
+					"From: /srv/releases/app.tar.gz",
+					"To: /tmp/app.tar.gz",
+					"Mode: Single item",
+					"Warning: existing destination may be overwritten",
+					"Auth: SSH key (no password)",
+				],
+				timeoutMs: 0,
+			},
+		);
+		const joined = captured.join("\n");
+		expect(joined).toContain("<dim>Host:</dim> <accent>deploy@example.com</accent>");
+		expect(joined).toContain("<dim>Direction:</dim> <warning>Download</warning>");
+		expect(joined).toContain("<dim>From:</dim> <text>/srv/releases/app.tar.gz</text>");
+		expect(joined).toContain("<dim>To:</dim> <accent>/tmp/app.tar.gz</accent>");
+		expect(joined).toContain("<warning>Warning: existing destination may be overwritten</warning>");
+		expect(joined).toContain("<dim>Auth:</dim> <success>SSH key (no password)</success>");
+	});
+
 	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`;

package/src/gate-overlay.ts

@@ -178,7 +178,25 @@ function buildSections(opts: {
 	const body = (config.body ?? []).map((line) => {
 		if (line.startsWith("Intent:")) return theme.fg("text", line.slice(7).trimStart());
 		if (line.startsWith("Command:")) return theme.fg("dim", line.slice(8).trimStart());
-		return theme.fg("text", line);
+		if (line.startsWith("Warning:")) return theme.fg("warning", line);
+		if (line.startsWith("(") && line.endsWith(")")) return theme.fg("dim", line);
+
+		const separator = line.indexOf(":");
+		if (separator < 1) return theme.fg("text", line);
+		const label = line.slice(0, separator + 1);
+		const value = line.slice(separator + 1).trimStart();
+		const valueColors: Record<string, string> = {
+			"Host:": "accent",
+			"Direction:": "warning",
+			"From:": "text",
+			"To:": "accent",
+			"Mode:": "muted",
+			"Auth:": "success",
+		};
+		const valueColor = valueColors[label];
+		return valueColor
+			? `${theme.fg("dim", label)} ${theme.fg(valueColor, value)}`
+			: theme.fg("text", line);
 	});
 	const footer = [theme.fg("dim", "─".repeat(inner))];