pi-open-tui 0.4.1 → 0.4.2

package/CHANGELOG.md

@@ -0,0 +1,29 @@
+# Changelog
+
+## [0.4.2] - 2026-11-03
+
+### Changed
+
+- Cache completed compact tool rows and Copy button labels so scrolling reuses rendered lines instead of rebuilding them.
+
+### Fixed
+
+- Cancel an in-progress Copy click when rendering moves, removes, or changes its Copy target, so a stale press cannot copy different content.
+
+## [0.4.1] - 2026-11-02
+
+### New Features
+
+- Add clickable Copy buttons to fenced code blocks and user messages in fullscreen mode, configurable through `/open-tui`.
+- Add syntax-highlighted previews for successful edits and writes in compact tool view, limited to 16 rows with a hint to expand longer output.
+
+### Changed
+
+- Preserve compatible editors installed by other extensions, including runtime replacements, while applying open-tui framing and retaining their input behavior.
+- Refine compact tool status indicators with dimmed completed rows, animated running dots, and clearer error and truncation summaries.
+
+### Fixed
+
+- Include tool-reported usage, compaction and branch summaries, and cache warming in footer token and cost totals; show the cache-hit percentage for the latest assistant response.
+- Respect `PI_CODING_AGENT_DIR` for settings storage and warn when settings cannot be saved.
+- Improve Scala project detection and Git status handling for renamed-then-deleted files.

package/README.md

@@ -4,7 +4,7 @@
 
 **English** | [简体中文](./README.zh-CN.md)
 
-A polished terminal interface for the [Pi](https://pi.dev) coding agent. It brings the strongest ideas from pi-haiku, pi-claude-code-tui, and pi-zentui into one configurable extension.
+A polished terminal interface for the [Pi](https://pi.dev) coding agent.
 
 ![pi-open-tui preview](https://raw.githubusercontent.com/OldSuns/pi-open-tui/main/assets/preview_dashboard_1.png)
 
@@ -227,6 +227,7 @@ This project builds on several Pi community packages:
 - **[pi-claude-code-tui](https://github.com/Phoobobo/pi-claude-code-tui)** — Pi logo artwork and rounded editor border technique
 - **[pi-zentui](https://github.com/lmilojevicc/pi-zentui)** — Starship-style footer segments, runtime detection, session lifecycle, and settings UI pattern
 - **[pi-tps](https://github.com/monotykamary/pi-tps)** — turn timing, stall detection, and conservative TPS measurement
+- **[pi-polish](https://github.com/Pringled/pi-extensions/blob/main/packages/pi-polish)** — compact tool-call rows and syntax-highlighted edit diffs
 
 The logo artwork is derived from Pi's official install script (`pi.dev/install.sh`). Runtime detection and Git porcelain parsing borrow structure from `pi-zentui`.
 

package/README.zh-CN.md

@@ -4,7 +4,7 @@
 
 [English](./README.md) | **简体中文**
 
-一个为 [Pi](https://pi.dev) 编程代理打造的终端界面扩展，将 pi-haiku、pi-claude-code-tui 与 pi-zentui 的优秀设计整合为统一、可配置的使用体验。
+一个为 [Pi](https://pi.dev) 编程代理打造的终端界面扩展。
 
 ![pi-open-tui 预览](https://raw.githubusercontent.com/OldSuns/pi-open-tui/main/assets/preview_dashboard_1.png)
 
@@ -227,6 +227,7 @@ CI 在 Linux、Windows、macOS 上，使用 Node.js 22.19.0 和 24，检查 Pi 1
 - **[pi-claude-code-tui](https://github.com/Phoobobo/pi-claude-code-tui)** — Pi Logo 图案与圆角编辑器边框技术
 - **[pi-zentui](https://github.com/lmilojevicc/pi-zentui)** — Starship 风格底栏、运行环境检测、会话生命周期和设置界面模式
 - **[pi-tps](https://github.com/monotykamary/pi-tps)** — 单轮计时、停顿检测和保守的 TPS 计算方式
+- **[pi-polish](https://github.com/Pringled/pi-extensions/blob/main/packages/pi-polish)** — 紧凑的工具调用行和带语法高亮的编辑 diff
 
 Logo 图案源自 Pi 官方安装脚本（`pi.dev/install.sh`）。运行环境检测和 Git porcelain 解析借鉴了 `pi-zentui` 的结构。
 

package/extensions/open-tui/copy-buttons.ts

@@ -73,7 +73,7 @@ interface UserMessageInternals {
 let renderScope: { frame: boolean; label: boolean; ordinal: number; blocks: { text: string; ordinal: number }[] } | undefined;
 let press: Press | undefined;
 const markdownRegions = new WeakMap<object, { lines: readonly string[]; regions: CopyRegion[] }>();
-const userRegions = new WeakMap<object, CopyRegion>();
+const userRegions = new WeakMap<object, { region: CopyRegion; source: string; label: string; width: number; line: string }>();
 
 /**
  * Markdown transformer that only records the message kind; Pi calls it during Markdown.render.
@@ -145,6 +145,16 @@ export function handleCopyMouse(
 	return { handled: true, render: false };
 }
 
+/** Cancel a held click when rendering moves, removes, or changes its copy target. */
+function cancelStalePress(owner: object, regions: readonly CopyRegion[]): void {
+	if (press?.owner !== owner) return;
+	const previous = press.region;
+	if (!regions.some((region) => region.row === previous.row && region.col === previous.col
+		&& region.width === previous.width && region.text === previous.text)) {
+		press = undefined;
+	}
+}
+
 /**
  * Markdown.render normalizes tabs to three spaces before lexing, so token text loses them.
  * Match the normalized tokens back to source lines: lexing raw lists would expand their tabs first.
@@ -314,6 +324,7 @@ export function installCopyButtons(options: {
 					text: restoreTabs(source, block.ordinal, block.text),
 				});
 			}
+			cancelStalePress(this, regions);
 			markdownRegions.set(this, { lines, regions });
 			return lines;
 		}),
@@ -325,20 +336,37 @@ export function installCopyButtons(options: {
 		patch(userProto, "render", function (this: UserMessageInternals, width) {
 			if (!installed) return originalUserRender.call(this, width);
 			const lines = originalUserRender.call(this, width);
-			userRegions.delete(this);
 			const pad = typeof this.outputPad === "number" ? this.outputPad : 1;
 			const col = width - pad - LABEL.length;
-			if (!active() || lines.length < 2 || col < 1 || typeof this.text !== "string") return lines;
+			if (!active() || lines.length < 2 || col < 1 || typeof this.text !== "string") {
+				cancelStalePress(this, []);
+				userRegions.delete(this);
+				return lines;
+			}
 			// The last row is the bubble's bottom padding, so the label never shares a row with a code-block label.
 			const row = lines.length - 1;
 			const theme = options.getTheme();
-			lines[row] = compositeTuiLine(lines[row]!, theme.bg("userMessageBg", label()), col, LABEL.length, width);
-			userRegions.set(this, { row, col, width: LABEL.length, text: this.text });
+			const button = theme.bg("userMessageBg", label());
+			const cached = userRegions.get(this);
+			// UserMessage.render returns a fresh array, so compare its undecorated bottom row instead.
+			if (cached && cached.source === lines[row] && cached.label === button && cached.width === width
+				&& cached.region.row === row && cached.region.col === col && cached.region.text === this.text) {
+				lines[row] = cached.line;
+				return lines;
+			}
+			const source = lines[row]!;
+			lines[row] = compositeTuiLine(source, button, col, LABEL.length, width);
+			const region = { row, col, width: LABEL.length, text: this.text };
+			cancelStalePress(this, [region]);
+			userRegions.set(this, {
+				region,
+				source, label: button, width, line: lines[row]!,
+			});
 			return lines;
 		}),
 		patch(userProto, "handleMouse", function (this: UserMessageInternals, event) {
 			if (!active()) return originalUserMouse?.call(this, event);
-			const region = userRegions.get(this);
+			const region = userRegions.get(this)?.region;
 			return handleCopyMouse(this, region ? [region] : [], event, copy) ?? originalUserMouse?.call(this, event);
 		}),
 	];

package/extensions/open-tui/tool-view.ts

@@ -258,11 +258,25 @@ function formatElapsed(ms: number): string {
 	return ms < 1000 ? `${Math.round(ms)}ms` : `${(ms / 1000).toFixed(1)}s`;
 }
 
-/** Lines truncated to the render width; rebuilt on every render call. */
-function lines(build: (width: number) => string[]): Component {
+/** Stable rows reuse their final lines until width, theme, icons, or invalidation changes them. */
+function lines(
+	build: (width: number, icons: IconGlyphs) => string[],
+	theme: Theme,
+	glyphs: () => IconGlyphs,
+	cacheable = true,
+): Component {
+	let cache: { width: number; colors: Theme["colors"]; toolCall: string; toolResult: string; lines: string[] } | undefined;
 	return {
-		render: (width) => build(width).map((line) => truncateToWidth(line, Math.max(0, width), "…")),
-		invalidate() {},
+		render(width) {
+			const icons = glyphs();
+			const colors = theme.colors;
+			if (cacheable && cache && cache.width === width && cache.colors === colors
+				&& cache.toolCall === icons.toolCall && cache.toolResult === icons.toolResult) return cache.lines;
+			const rendered = build(width, icons).map((line) => truncateToWidth(line, Math.max(0, width), "…"));
+			if (cacheable) cache = { width, colors, toolCall: icons.toolCall, toolResult: icons.toolResult, lines: rendered };
+			return rendered;
+		},
+		invalidate() { cache = undefined; },
 	};
 }
 
@@ -340,10 +354,10 @@ export function createCompactRenderers(
 			const titleColor = context.isPartial || context.isError ? "toolTitle" : "dim";
 			const detail = sanitizeStatus(callDetail(toolName, (args ?? {}) as Args, context.cwd));
 			const pad = " ".repeat(context.outputPad);
-			return lines(() => [
-				pad + theme.fg(color, glyphs().toolCall) + " " + theme.fg(titleColor, titleColor === "dim" ? label : theme.bold(label))
+			return lines((_width, icons) => [
+				pad + theme.fg(color, icons.toolCall) + " " + theme.fg(titleColor, titleColor === "dim" ? label : theme.bold(label))
 					+ (detail ? theme.fg(context.isPartial || context.isError ? "muted" : "dim", `(${detail})`) : ""),
-			]);
+			], theme, glyphs, !context.isPartial);
 		},
 
 		renderResult(result, options, theme, context) {
@@ -371,22 +385,23 @@ export function createCompactRenderers(
 					row.preview = { source, path, colors: theme.colors, render: prepareToolPreview(toolName, source, path, theme) };
 				}
 			}
-			return lines((width) => {
-				const { toolResult } = glyphs();
+			const duration = isShell && context.durationMs !== undefined ? ` · ${formatElapsed(context.durationMs)}` : "";
+			const summary = options.isPartial ? "" : context.isError
+				? summarizeError(toolName, result, duration)
+				: summarizeResult(toolName, result, args) + duration;
+			const tail = options.isPartial && isShell ? tailLines(textOutput(result), LIVE_TAIL_LINES) : [];
+			return lines((width, { toolResult }) => {
 				const gutter = `${pad}  ${theme.fg("dim", toolResult)}  `;
 				const indent = `${pad}  ${" ".repeat(visibleWidth(toolResult))}  `;
 				if (options.isPartial) {
 					if (!isShell) return [gutter + theme.fg("warning", "Running…")];
-					const tail = tailLines(textOutput(result), LIVE_TAIL_LINES).map((line) => theme.fg("toolOutput", line));
 					const elapsed = row.startedAt === undefined ? "" : ` ${formatElapsed(Date.now() - row.startedAt)}`;
-					return [...tail, theme.fg("warning", `Running…${elapsed}`)]
+					return [...tail.map((line) => theme.fg("toolOutput", line)), theme.fg("warning", `Running…${elapsed}`)]
 						.map((line, index) => (index === 0 ? gutter : indent) + line);
 				}
-				const duration = isShell && context.durationMs !== undefined ? ` · ${formatElapsed(context.durationMs)}` : "";
-				if (context.isError) return [gutter + theme.fg("error", summarizeError(toolName, result, duration))];
-				const summary = summarizeResult(toolName, result, args);
-				return [gutter + theme.fg("dim", summary + duration), ...(row.preview?.render(width, indent) ?? [])];
-			});
+				if (context.isError) return [gutter + theme.fg("error", summary)];
+				return [gutter + theme.fg("dim", summary), ...(row.preview?.render(width, indent) ?? [])];
+			}, theme, glyphs, !options.isPartial);
 		},
 	};
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-open-tui",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "A polished TUI for Pi coding agent: branded header, responsive footer, framed editor, thinking preview, and compact tool views.",
   "type": "module",
   "repository": {
@@ -20,6 +20,7 @@
   "files": [
     "extensions/",
     "assets/",
+    "CHANGELOG.md",
     "README.md",
     "README.zh-CN.md",
     "LICENSE"