@f5xc-salesdemos/pi-tui 17.1.2 → 17.1.4

package/package.json

@@ -1,7 +1,7 @@
 {
 	"type": "module",
 	"name": "@f5xc-salesdemos/pi-tui",
-	"version": "17.1.2",
+	"version": "17.1.4",
 	"description": "Terminal User Interface library with differential rendering for efficient text-based applications",
 	"homepage": "https://github.com/f5xc-salesdemos/xcsh",
 	"author": "Can Boluk",
@@ -37,8 +37,8 @@
 		"fmt": "biome format --write ."
 	},
 	"dependencies": {
-		"@f5xc-salesdemos/pi-natives": "17.1.2",
-		"@f5xc-salesdemos/pi-utils": "17.1.2",
+		"@f5xc-salesdemos/pi-natives": "17.1.4",
+		"@f5xc-salesdemos/pi-utils": "17.1.4",
 		"marked": "^17.0"
 	},
 	"devDependencies": {

package/src/tui.ts

@@ -113,7 +113,9 @@ function isTermuxSession(): boolean {
 }
 
 /** Detect terminal multiplexers where scrollback clearing and height-change redraws are hostile. */
-const isMultiplexer = Boolean(Bun.env.TMUX || Bun.env.STY || Bun.env.ZELLIJ);
+function isMultiplexer() {
+	return Boolean(Bun.env.TMUX || Bun.env.STY || Bun.env.ZELLIJ);
+}
 
 /**
  * Options for overlay positioning and sizing.
@@ -1011,7 +1013,7 @@ export class TUI extends Container {
 			this.#fullRedrawCount += 1;
 			let buffer = "\x1b[?2026h"; // Begin synchronized output
 			// Skip clearing scrollback (3J) in multiplexers — users actively navigate scrollback history
-			if (clear) buffer += isMultiplexer ? "\x1b[2J\x1b[H" : "\x1b[2J\x1b[H\x1b[3J";
+			if (clear) buffer += isMultiplexer() ? "\x1b[2J\x1b[H" : "\x1b[2J\x1b[H\x1b[3J";
 			const reset = SEGMENT_RESET;
 			for (let i = 0; i < newLines.length; i++) {
 				if (i > 0) buffer += "\r\n";
@@ -1060,7 +1062,7 @@ export class TUI extends Container {
 		// Height changes normally need a full re-render to keep the visible viewport aligned,
 		// but Termux changes height when the software keyboard shows or hides.
 		// In that environment, a full redraw causes the entire history to replay on every toggle.
-		if (heightChanged && !isTermuxSession() && !isMultiplexer) {
+		if (heightChanged && !isTermuxSession() && !isMultiplexer()) {
 			logRedraw(`terminal height changed (${this.#previousHeight} -> ${height})`);
 			fullRender(true);
 			return;

package/src/utils.ts

@@ -24,8 +24,22 @@ export function truncateToWidth(
 	return nativeTruncateToWidth(text, maxWidth, ellipsisKind, pad, getDefaultTabWidth());
 }
 
+const OSC8_RE = /\x1b\]8;;([^\x07]*)\x07/g;
+
+function fixOsc8Boundaries(lines: string[]): string[] {
+	let activeUrl: string | null = null;
+	return lines.map(line => {
+		const prefix = activeUrl !== null ? `\x1b]8;;${activeUrl}\x07` : "";
+		for (const match of line.matchAll(OSC8_RE)) {
+			activeUrl = match[1] === "" ? null : match[1];
+		}
+		const suffix = activeUrl !== null ? `\x1b]8;;\x07` : "";
+		return prefix + line + suffix;
+	});
+}
+
 export function wrapTextWithAnsi(text: string, width: number): string[] {
-	return nativeWrapTextWithAnsi(text, width, getDefaultTabWidth());
+	return fixOsc8Boundaries(nativeWrapTextWithAnsi(text, width, getDefaultTabWidth()));
 }
 
 export function extractSegments(