pi-cc-extensions 0.6.0 → 0.7.2

package/README.md

@@ -59,7 +59,7 @@
 常用命令：
 
 ```text
-/ccstyle             # 切换开关
+/ccstyle             # 打开交互式配置面板
 /ccstyle on          # 开启
 /ccstyle off         # 关闭
 /ccstyle status      # 查看状态

package/extensions/claude-code-style.ts

@@ -9,10 +9,11 @@ import {
 	createWriteToolDefinition,
 	generateDiffString,
 	keyHint,
+	getSettingsListTheme,
 	renderDiff,
 	ToolExecutionComponent,
 } from "@earendil-works/pi-coding-agent";
-import { Text, matchesKey, truncateToWidth, visibleWidth, wrapTextWithAnsi } from "@earendil-works/pi-tui";
+import { Container, SettingsList, Text, matchesKey, truncateToWidth, visibleWidth, wrapTextWithAnsi } from "@earendil-works/pi-tui";
 import { existsSync, readFileSync, writeFileSync } from "node:fs";
 import { readFile, stat } from "node:fs/promises";
 import { homedir } from "node:os";
@@ -26,7 +27,7 @@ import { join, resolve } from "node:path";
  * expand only that tool.
  *
  * Dynamic commands:
- *   /ccstyle              toggle on/off
+ *   /ccstyle              open interactive settings
  *   /ccstyle on           enable
  *   /ccstyle off          disable
  *   /ccstyle status       show current state
@@ -325,6 +326,7 @@ let scrollButtonWidget: any = null;
 let pendingScrollMessages = 0;
 let assistantMessageActive = false;
 let scrollButtonSyncScheduled = false;
+let sessionRenderTimer: ReturnType<typeof setTimeout> | null = null;
 
 function parseSgrMousePackets(data: string): SgrMousePacket[] | null {
 	const pattern = /\x1b\[<(\d+);(\d+);(\d+)([Mm])/g;
@@ -586,15 +588,14 @@ function hideScrollButton(tui: any): void {
 }
 
 function scheduleScrollButtonSync(tui: any, data: string): void {
-	if (!scrollButtonVisible || !isScrollNavigationInput(data) || scrollButtonSyncScheduled) return;
+	if (!isScrollNavigationInput(data) || scrollButtonSyncScheduled) return;
 	scrollButtonSyncScheduled = true;
 	const previousLines = tui.previousLines;
 	const check = (attempt: number) => {
 		scrollButtonSyncScheduled = false;
-		if (toolMouseTui !== tui || !scrollButtonVisible) return;
-		// Pi renders on its own frame timer. Do not inspect the old visible window
-		// before Zentui has applied the new scroll offset, or PageUp at bottom would
-		// immediately hide the button it just requested.
+		if (toolMouseTui !== tui) return;
+		// Pi renders on its own frame timer. Inspect the resulting viewport before
+		// showing the button so empty or non-scrollable transcripts never flash it.
 		const rendered = tui.previousLines !== previousLines;
 		if (!rendered && attempt < 4) {
 			scrollButtonSyncScheduled = true;
@@ -604,35 +605,20 @@ function scheduleScrollButtonSync(tui: any, data: string): void {
 			}
 			return;
 		}
-		if (isFixedEditorAtBottom(tui)) hideScrollButton(tui);
+		const nextVisible = !isFixedEditorAtBottom(tui);
+		if (!nextVisible) pendingScrollMessages = 0;
+		if (nextVisible !== scrollButtonVisible) {
+			scrollButtonVisible = nextVisible;
+			tui.requestRender?.();
+		}
 	};
 	process.nextTick(() => check(0));
 }
 
 function updateScrollButtonFromInput(tui: any, data: string): void {
 	if (!isFixedEditorTui(tui)) return;
-
-	let movedUp = matchesKey(data, "pageUp") || ZENTUI_PAGE_UP_INPUT.test(data);
-	const packets = parseSgrMousePackets(data);
-	if (packets) {
-		movedUp = packets.some((packet) => {
-			const baseButton = packet.code & ~(4 | 8 | 16 | 32);
-			return packet.final === "M" && baseButton === 64;
-		});
-	}
-
-	const jumpedBottom =
-		matchesKey(data, "enter")
-		|| matchesKey(data, "return")
-		|| isScrollBottomInput(data);
-	if (jumpedBottom) {
+	if (matchesKey(data, "enter") || matchesKey(data, "return") || isScrollBottomInput(data)) {
 		hideScrollButton(tui);
-		return;
-	}
-	const nextVisible = movedUp ? true : scrollButtonVisible;
-	if (nextVisible !== scrollButtonVisible) {
-		scrollButtonVisible = nextVisible;
-		tui.requestRender?.();
 	}
 }
 
@@ -836,6 +822,8 @@ function patchToolMouseInputCapture(tui: any): void {
 		const data = args[0];
 		if (typeof data === "string") {
 			updateScrollButtonFromInput(this, data);
+			// Capture the current viewport before Pi/Zentui applies the scroll input.
+			scheduleScrollButtonSync(this, data);
 			if (isFixedEditorTui(this) && isScrollBottomInput(data) && jumpToBottomWithoutSubmit(this)) return;
 			const packets = parseSgrMousePackets(data);
 			if (packets) {
@@ -900,6 +888,10 @@ function handleToolMouseInput(data: string): { consume: true } | undefined {
 }
 
 function teardownToolMouseInteraction(): void {
+	if (sessionRenderTimer) {
+		clearTimeout(sessionRenderTimer);
+		sessionRenderTimer = null;
+	}
 	toolMouseInputUnsubscribe?.();
 	toolMouseInputUnsubscribe = null;
 	try {
@@ -942,6 +934,19 @@ function installToolMouseInteraction(ctx: any): void {
 	toolMouseInputUnsubscribe = ctx.ui.onTerminalInput(handleToolMouseInput);
 }
 
+function scheduleSessionRender(): void {
+	const tui = toolMouseTui;
+	if (!tui || typeof tui.requestRender !== "function") return;
+	if (sessionRenderTimer) clearTimeout(sessionRenderTimer);
+	// Restored transcripts are populated at different points for startup, reload,
+	// and session replacement. Repaint after session_start and the surrounding UI
+	// rebuild finish so messages are not left hidden until the next terminal input.
+	sessionRenderTimer = setTimeout(() => {
+		sessionRenderTimer = null;
+		if (toolMouseTui === tui) tui.requestRender(true);
+	}, 0);
+}
+
 // Bright green for success icon (truecolor ANSI escape)
 const BRIGHT_GREEN = "\x1b[38;2;80;220;100m";
 const ANSI_RESET = "\x1b[0m";
@@ -1090,12 +1095,49 @@ function renderFileDiffPreview(_toolName: string, _args: any, theme: any, contex
 	return renderDiffPreview(state.ccstyleDiffPreview, theme, isToolExpanded(undefined, context));
 }
 
-function statusText() {
-	return config.enabled ? "CC on" : "CC off";
+function applyEnabledState(enabled: boolean, ctx: any): void {
+	config.enabled = enabled;
+	saveConfig();
+	ctx.ui.notify(`Claude Code style: ${enabled ? "on" : "off"}`, "info");
 }
 
-function updateStatus(ctx: any) {
-	ctx.ui.setStatus("ccstyle", statusText());
+async function showCcstylePanel(ctx: any): Promise<void> {
+	if (ctx?.mode !== "tui" || !ctx?.hasUI || typeof ctx.ui?.custom !== "function") {
+		ctx.ui?.notify?.("/ccstyle requires TUI mode", "warning");
+		return;
+	}
+
+	await ctx.ui.custom((tui: any, theme: any, _keybindings: any, done: (value?: void) => void) => {
+		const container = new Container();
+		container.addChild(new Text(theme.fg("accent", theme.bold("Claude Code Style")), 1, 1));
+		const settingsList = new SettingsList(
+			[{
+				id: "enabled",
+				label: "Output style",
+				description: "Use compact Claude Code-like tool rendering",
+				currentValue: config.enabled ? "on" : "off",
+				values: ["on", "off"],
+			}],
+			3,
+			getSettingsListTheme(),
+			(id: string, newValue: string) => {
+				if (id !== "enabled" || (newValue !== "on" && newValue !== "off")) return;
+				applyEnabledState(newValue === "on", ctx);
+				settingsList.updateValue(id, newValue);
+				tui.requestRender();
+			},
+			() => done(),
+		);
+		container.addChild(settingsList);
+		return {
+			render: (width: number) => container.render(width),
+			invalidate: () => container.invalidate(),
+			handleInput(data: string) {
+				settingsList.handleInput?.(data);
+				tui.requestRender();
+			},
+		};
+	});
 }
 
 function renderDefault(tool: any, slot: "renderCall" | "renderResult", args: any[], fallback = "") {
@@ -1502,21 +1544,19 @@ export default function (pi: ExtensionAPI) {
 		},
 		handler: async (args, ctx) => {
 			const arg = args.trim().toLowerCase();
-			if (arg === "on") config.enabled = true;
-			else if (arg === "off") config.enabled = false;
-			else if (arg === "status") {
-				updateStatus(ctx);
-				ctx.ui.notify(`Claude Code style: ${config.enabled ? "on" : "off"}`, "info");
+			if (!arg) {
+				await showCcstylePanel(ctx);
 				return;
-			} else if (!arg) {
-				config.enabled = !config.enabled;
-			} else {
-				ctx.ui.notify("Usage: /ccstyle [on|off|status]", "warning");
+			}
+			if (arg === "on" || arg === "off") {
+				applyEnabledState(arg === "on", ctx);
 				return;
 			}
-			saveConfig();
-			updateStatus(ctx);
-			ctx.ui.notify(`Claude Code style: ${config.enabled ? "on" : "off"}`, "info");
+			if (arg === "status") {
+				ctx.ui.notify(`Claude Code style: ${config.enabled ? "on" : "off"}`, "info");
+				return;
+			}
+			ctx.ui.notify("Usage: /ccstyle [on|off|status]", "warning");
 		},
 	});
 
@@ -1525,7 +1565,6 @@ export default function (pi: ExtensionAPI) {
 		handler: async (ctx) => {
 			config.enabled = !config.enabled;
 			saveConfig();
-			updateStatus(ctx);
 			ctx.ui.notify(`Claude Code style: ${config.enabled ? "on" : "off"}`, "info");
 		},
 	});
@@ -1534,8 +1573,9 @@ export default function (pi: ExtensionAPI) {
 		diffPreviewByCall.clear();
 		pendingScrollMessages = 0;
 		assistantMessageActive = false;
-		updateStatus(ctx);
+		ctx.ui.setStatus("ccstyle", undefined);
 		installToolMouseInteraction(ctx);
+		scheduleSessionRender();
 	});
 
 	pi.on("message_start", async (event) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-cc-extensions",
-  "version": "0.6.0",
+  "version": "0.7.2",
   "description": "Personal extensions for the Pi coding agent",
   "type": "module",
   "keywords": [