pi-cc-extensions 0.3.0 → 0.5.0

package/README.md

@@ -18,19 +18,7 @@
 ## 截图
 
 <table>
-  <tr>
-    <td colspan="2" align="center">
-      <img src="./assets/readme/welcome.webp" width="100%" alt="Pi 的 Welcome 界面，展示 Tips、已加载上下文、扩展和最近会话">
-      <br>
-      <sub><b>Welcome 界面</b><br>启动时查看已加载上下文、扩展与最近会话</sub>
-    </td>
-  </tr>
   <tr>
-    <td width="50%" align="center">
-      <img src="./assets/readme/showcase.webp" width="100%" alt="Pi 终端中的 Claude Code 风格扩展界面，包含工具调用摘要、Diff 预览和 Powerline 状态栏">
-      <br>
-      <sub><b>Claude Code 风格界面</b><br>工具调用摘要、Diff 预览与 Powerline 状态栏</sub>
-    </td>
     <td width="50%" align="center">
       <img src="./assets/readme/session-reference.webp" width="100%" alt="在 Pi 中通过 @ 补全选择历史 Session">
       <br>
@@ -58,7 +46,7 @@
 `extensions/claude-code-style.ts` 提供：
 
 - Claude Code 风格的工具调用行与结果摘要
-- Powerline 状态栏和工作状态提示
+- Pi 默认输入栏
 - Edit / Write 的 Diff 预览
 - 工具结果的折叠与展开
 - `/ccstyle` 配置命令和 `Ctrl+Shift+O` 快捷键
@@ -70,7 +58,6 @@
 /ccstyle status      # 查看状态
 /ccstyle compact     # 紧凑摘要
 /ccstyle minimal     # 最小化输出
-/ccstyle powerline   # 查看 Powerline 预设
 ```
 
 ### 上下文窗口查看
@@ -156,7 +143,3 @@ npm run release
 npm run release -- --tag next
 npm run release -- --tag beta
 ```
-
-## 致谢
-
-本项目中的 Powerline 状态栏、Welcome 界面、Working Vibes 等功能基于 [nicobailon/pi-powerline-footer](https://github.com/nicobailon/pi-powerline-footer) 二次开发，感谢原作者的开源贡献。

package/extensions/claude-code-style.ts

@@ -13,7 +13,6 @@ import {
 	ToolExecutionComponent,
 } from "@earendil-works/pi-coding-agent";
 import { Text, truncateToWidth, visibleWidth, wrapTextWithAnsi } from "@earendil-works/pi-tui";
-import powerlineFooter from "./ccstyle-powerline/powerline.ts";
 import { existsSync, readFileSync, writeFileSync } from "node:fs";
 import { readFile, stat } from "node:fs/promises";
 import { homedir } from "node:os";
@@ -22,13 +21,9 @@ import { join, resolve } from "node:path";
 /**
  * Claude Code Style for pi
  *
- * Includes the bundled powerline footer (pipe separators, no Nerd Font arrows).
- * When fixed-editor chat scrolling is active, a Claude Code-like jump-to-bottom
- * button appears above the editor while the viewport is scrolled away from the
- * latest output, including when new messages arrive. Click it, or use the
- * displayed shortcut, to resume following the chat. Edit/write tool calls also
- * show a bounded, colorized diff preview with +/- lines after execution. A
- * collapsed tool result can be clicked on its Ctrl+O hint to expand only that tool.
+ * Edit/write tool calls show a bounded, colorized diff preview with +/- lines
+ * after execution. A collapsed tool result can be clicked on its Ctrl+O hint to
+ * expand only that tool.
  *
  * Dynamic commands:
  *   /ccstyle              toggle on/off
@@ -37,7 +32,6 @@ import { join, resolve } from "node:path";
  *   /ccstyle status       show current state
  *   /ccstyle minimal      hide most tool output in collapsed view
  *   /ccstyle compact      show short summaries in collapsed view
- *   /ccstyle powerline compact|full|default|minimal|nerd|ascii|custom
  *
  * Shortcut:
  *   ctrl+shift+o          toggle on/off
@@ -307,6 +301,193 @@ function expandHint(theme: any): string {
 	return `${theme.fg("muted", " (")}${keyHint("app.tools.expand", "expand")}${theme.fg("muted", " / click)")}`;
 }
 
+type SgrMousePacket = {
+	code: number;
+	col: number;
+	row: number;
+	final: "M" | "m";
+};
+
+type ToolRenderHit = {
+	component: any;
+	start: number;
+	end: number;
+};
+
+const TOOL_MOUSE_WIDGET_KEY = "ccstyle-tool-mouse";
+const TOOL_MOUSE_ENABLE = "\x1b[?1000h\x1b[?1006h";
+const TOOL_MOUSE_DISABLE = "\x1b[?1006l\x1b[?1000l";
+let toolMouseTui: any = null;
+let toolMouseUi: any = null;
+let toolMouseInputUnsubscribe: (() => void) | null = null;
+
+function parseSgrMousePackets(data: string): SgrMousePacket[] | null {
+	const pattern = /\x1b\[<(\d+);(\d+);(\d+)([Mm])/g;
+	const packets: SgrMousePacket[] = [];
+	let offset = 0;
+
+	for (const match of data.matchAll(pattern)) {
+		if (match.index !== offset) return null;
+		offset = match.index + match[0].length;
+		packets.push({
+			code: Number(match[1]),
+			col: Number(match[2]),
+			row: Number(match[3]),
+			final: match[4] as "M" | "m",
+		});
+	}
+
+	return packets.length > 0 && offset === data.length ? packets : null;
+}
+
+function isSgrLeftPress(packet: SgrMousePacket): boolean {
+	const baseButton = packet.code & ~(4 | 8 | 16 | 32);
+	return packet.final === "M" && baseButton === 0 && (packet.code & 32) === 0;
+}
+
+function stripTerminalSequences(value: string): string {
+	return value
+		.replace(/\x1b\][^\x07]*(?:\x07|\x1b\\)/g, "")
+		.replace(/\x1b\[[0-?]*[ -/]*[@-~]/g, "")
+		.replace(/\s+/g, " ")
+		.trim();
+}
+
+function isToolExecutionComponent(value: any): boolean {
+	return Boolean(
+		value
+		&& typeof value === "object"
+		&& typeof value.toolCallId === "string"
+		&& typeof value.setExpanded === "function"
+		&& typeof value.render === "function",
+	);
+}
+
+function renderedLineCount(component: any, width: number, cache: WeakMap<object, number>): number {
+	if (!component || typeof component !== "object") return 0;
+	const cached = cache.get(component);
+	if (cached !== undefined) return cached;
+
+	let count = 0;
+	try {
+		const lines = component.render(width);
+		count = Array.isArray(lines) ? lines.length : 0;
+	} catch {
+		count = 0;
+	}
+	cache.set(component, count);
+	return count;
+}
+
+function collectToolRenderHits(
+	component: any,
+	start: number,
+	width: number,
+	hits: ToolRenderHit[],
+	cache: WeakMap<object, number>,
+	seen: Set<object>,
+): number {
+	if (!component || typeof component !== "object" || seen.has(component)) return start;
+	seen.add(component);
+
+	const count = renderedLineCount(component, width, cache);
+	if (isToolExecutionComponent(component)) {
+		if (count > 0) hits.push({ component, start, end: start + count });
+		return start + count;
+	}
+
+	let childStart = start;
+	if (Array.isArray(component.children)) {
+		for (const child of component.children) {
+			collectToolRenderHits(child, childStart, width, hits, cache, seen);
+			childStart += renderedLineCount(child, width, cache);
+		}
+	}
+	return start + count;
+}
+
+function findToolAtScreenRow(tui: any, screenRow: number): ToolRenderHit | null {
+	const previousLines = Array.isArray(tui?.previousLines) ? tui.previousLines : [];
+	const viewportTop = Number.isFinite(tui?.previousViewportTop) ? tui.previousViewportTop : 0;
+	const bufferRow = viewportTop + screenRow - 1;
+	if (bufferRow < 0 || bufferRow >= previousLines.length) return null;
+
+	const width = Math.max(1, Number(tui?.terminal?.columns) || 80);
+	const hits: ToolRenderHit[] = [];
+	const cache = new WeakMap<object, number>();
+	collectToolRenderHits(tui, 0, width, hits, cache, new Set<object>());
+
+	const clickedLine = stripTerminalSequences(String(previousLines[bufferRow] ?? ""));
+	for (const hit of hits) {
+		if (bufferRow < hit.start || bufferRow >= hit.end) continue;
+		const component = hit.component;
+		const expanded = Boolean(component.expanded);
+		// Match Pi's old click contract: collapsed results expose a click hint;
+		// expanded results can be collapsed by clicking any rendered line.
+		if (!expanded && !/(?:expand|\/ click)/i.test(clickedLine)) continue;
+		return hit;
+	}
+	return null;
+}
+
+function toggleToolAtMouseClick(tui: any, packet: SgrMousePacket): boolean {
+	const hit = findToolAtScreenRow(tui, packet.row);
+	if (!hit) return false;
+
+	const nextExpanded = !Boolean(hit.component.expanded);
+	hit.component.setExpanded(nextExpanded);
+	hit.component.invalidate?.();
+	tui.requestRender?.();
+	return true;
+}
+
+function handleToolMouseInput(data: string): { consume: true } | undefined {
+	if (!toolMouseTui) return undefined;
+	const packets = parseSgrMousePackets(data);
+	if (!packets) return undefined;
+
+	for (const packet of packets) {
+		if (isSgrLeftPress(packet)) {
+			toggleToolAtMouseClick(toolMouseTui, packet);
+		}
+	}
+	// The default editor cannot interpret mouse escape sequences. Consume them
+	// even when the click was outside a tool result.
+	return { consume: true };
+}
+
+function teardownToolMouseInteraction(): void {
+	toolMouseInputUnsubscribe?.();
+	toolMouseInputUnsubscribe = null;
+	try {
+		toolMouseTui?.terminal?.write?.(TOOL_MOUSE_DISABLE);
+	} catch {
+		// The terminal may already be closed during shutdown.
+	}
+	try {
+		toolMouseUi?.setWidget?.(TOOL_MOUSE_WIDGET_KEY, undefined);
+	} catch {
+		// The UI context may already have been reset during /reload.
+	}
+	toolMouseTui = null;
+	toolMouseUi = null;
+}
+
+function installToolMouseInteraction(ctx: any): void {
+	teardownToolMouseInteraction();
+	if (ctx?.mode !== "tui" || !ctx?.hasUI) return;
+	if (typeof ctx.ui?.onTerminalInput !== "function" || typeof ctx.ui?.setWidget !== "function") return;
+
+	toolMouseUi = ctx.ui;
+	ctx.ui.setWidget(TOOL_MOUSE_WIDGET_KEY, (tui: any) => {
+		toolMouseTui = tui;
+		tui?.terminal?.write?.(TOOL_MOUSE_ENABLE);
+		// Keep the widget visually empty so Pi's default input bar/layout remains.
+		return { render: () => [], invalidate() {} };
+	});
+	toolMouseInputUnsubscribe = ctx.ui.onTerminalInput(handleToolMouseInput);
+}
+
 // Bright green for success icon (truecolor ANSI escape)
 const BRIGHT_GREEN = "\x1b[38;2;80;220;100m";
 const ANSI_RESET = "\x1b[0m";
@@ -850,11 +1031,8 @@ export default function (pi: ExtensionAPI) {
 	installGlobalToolRendering();
 	deactivateLegacyCompactionRendering();
 
-	// Bundle the full powerline footer into ccstyle so it is loaded as one plugin.
-	const powerline = powerlineFooter(pi);
-
 	pi.registerCommand("ccstyle", {
-		description: "Configure Claude Code style and Powerline preset",
+		description: "Configure Claude Code style",
 		getArgumentCompletions: (prefix) => {
 			const topLevel = [
 				{ value: "on", label: "on", description: "Enable Claude Code style" },
@@ -862,38 +1040,11 @@ export default function (pi: ExtensionAPI) {
 				{ value: "status", label: "status", description: "Show current toggle and mode" },
 				{ value: "minimal", label: "minimal", description: "Hide most tool output in collapsed view" },
 				{ value: "compact", label: "compact", description: "Show short summaries in collapsed view" },
-				{ value: "powerline", label: "powerline", description: "Set Powerline preset (e.g. powerline compact)" },
 			];
-			// If the user typed "powerline " — suggest available presets
-			const match = prefix.match(/^powerline\s+/i);
-			if (match) {
-				const after = prefix.slice(match[0].length);
-				return powerline.getPresets()
-					.filter((p) => p.startsWith(after))
-					.map((p) => ({ value: `powerline ${p}`, label: p, description: `Powerline preset: ${p}` }));
-			}
 			return topLevel.filter((item) => item.value.startsWith(prefix));
 		},
 		handler: async (args, ctx) => {
 			const arg = args.trim().toLowerCase();
-			const parts = arg.split(/\s+/).filter(Boolean);
-			if (parts[0] === "powerline") {
-				const requested = parts[1] === "mode" ? parts[2] : parts[1];
-				if (!requested) {
-					ctx.ui.notify(`Powerline preset: ${powerline.getPreset()}. Available: ${powerline.getPresets().join(", ")}`, "info");
-					return;
-				}
-				const result = powerline.setPreset(requested, ctx);
-				if (!result.valid) {
-					ctx.ui.notify(`Unknown Powerline preset: ${requested}. Available: ${powerline.getPresets().join(", ")}`, "warning");
-					return;
-				}
-				ctx.ui.notify(
-					`Powerline preset set to: ${requested}${result.persisted ? "" : " (not persisted; check settings.json)"}`,
-					result.persisted ? "info" : "warning",
-				);
-				return;
-			}
 			if (arg === "on" || arg === "enable") config.enabled = true;
 			else if (arg === "off" || arg === "disable") config.enabled = false;
 			else if (arg === "minimal") {
@@ -905,7 +1056,7 @@ export default function (pi: ExtensionAPI) {
 			} else if (arg === "status") {
 				updateStatus(ctx);
 				ctx.ui.notify(
-					`Claude Code style: ${config.enabled ? "on" : "off"}, mode=${config.mode}, powerline=${powerline.getPreset()}`,
+					`Claude Code style: ${config.enabled ? "on" : "off"}, mode=${config.mode}`,
 					"info",
 				);
 				return;
@@ -931,9 +1082,11 @@ export default function (pi: ExtensionAPI) {
 	pi.on("session_start", async (_event, ctx) => {
 		diffPreviewByCall.clear();
 		updateStatus(ctx);
+		installToolMouseInteraction(ctx);
 	});
 
 	pi.on("session_shutdown", async () => {
+		teardownToolMouseInteraction();
 		deactivateGlobalToolRendering();
 		deactivateLegacyCompactionRendering();
 		clearAllAnimations();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-cc-extensions",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "description": "Personal extensions for the Pi coding agent",
   "type": "module",
   "keywords": [
@@ -26,8 +26,7 @@
     "preversion": "npm run typecheck && npm test",
     "release": "npm version patch && npm publish",
     "release:minor": "npm version minor && npm publish",
-    "release:major": "npm version major && npm publish",
-    "postpublish": "git push && git push --tags"
+    "release:major": "npm version major && npm publish"
   },
   "peerDependencies": {
     "@earendil-works/pi-ai": "*",