pi-cc-extensions 0.8.37 → 0.8.40

package/README.en.md

@@ -22,39 +22,11 @@
 ## Preview
 
 <table>
-  <tr>
-    <td colspan="2" align="center">
-      <img src="./assets/readme/welcome.webp" width="100%" alt="Pi welcome screen">
-      <br>
-      <sub><b>Welcome screen</b><br><code>npm:pi-startup-header</code> with <code>npm:pi-zentui</code></sub>
-    </td>
-  </tr>
-  <tr>
-    <td width="50%" align="center">
-      <img src="./assets/readme/fixed-editor-navigation.webp" width="100%" alt="Tool results, back-to-bottom control, and Ctrl+End in the fixed editor">
-      <br>
-      <sub><b>Fixed-editor workflow</b><br>Tool summaries, expand/collapse, and keyboard navigation</sub>
-    </td>
-    <td width="50%" align="center">
-      <img src="./assets/readme/session-reference.webp" width="100%" alt="Selecting a previous Session through at-sign completion">
-      <br>
-      <sub><b>Session references</b><br>Find and inject previous context through completion</sub>
-    </td>
-  </tr>
-  <tr>
-    <td width="50%" align="center">
-      <img src="./assets/readme/context-usage.webp" width="100%" alt="Context window usage breakdown">
-      <br>
-      <sub><b>Context usage</b><br>Inspect usage by category</sub>
-    </td>
-    <td width="50%" align="center">
-      <img src="./assets/readme/context-preview.webp" width="100%" alt="Previewing injected context">
-      <br>
-      <sub><b>Context preview</b><br>Inspect the content injected into the model</sub>
-    </td>
-  </tr>
+  <img src="./assets/readme/welcome.webp" width="100%" alt="Pi welcome screen">
 </table>
 
+https://github.com/user-attachments/assets/4ae094d2-7480-484b-a0c8-6e782495ce9f
+
 ## Quick start
 
 ```bash

package/README.md

@@ -10,7 +10,7 @@
 </p>
 
 <p align="center">
-  Claude Code 风格界面、固定编辑器、上下文检查，以及 Agent / Session 引用。
+  类 Claude Code 风格界面、固定编辑器、上下文检查，以及 Agent / Session 引用。
 </p>
 
 <p align="center">
@@ -22,39 +22,11 @@
 ## 界面预览
 
 <table>
-  <tr>
-    <td colspan="2" align="center">
-      <img src="./assets/readme/welcome.webp" width="100%" alt="Pi 启动后的欢迎界面">
-      <br>
-      <sub><b>欢迎界面</b><br> @ <code>npm:pi-startup-header</code> 与 <code>npm:pi-zentui</code></sub>
-    </td>
-  </tr>
-  <tr>
-    <td width="50%" align="center">
-      <img src="./assets/readme/fixed-editor-navigation.webp" width="100%" alt="Pi fixed-editor 中的工具结果、回到底部按钮与 Ctrl+End 快捷键">
-      <br>
-      <sub><b>固定编辑器工作流</b><br>工具结果摘要、折叠展开与键盘导航</sub>
-    </td>
-    <td width="50%" align="center">
-      <img src="./assets/readme/session-reference.webp" width="100%" alt="在 Pi 中通过 @ 补全选择历史 Session">
-      <br>
-      <sub><b>历史 Session 引用</b><br>通过 @ 补全快速找到并引用历史会话</sub>
-    </td>
-  </tr>
-  <tr>
-    <td width="50%" align="center">
-      <img src="./assets/readme/context-usage.webp" width="100%" alt="Pi 上下文窗口用量查看器">
-      <br>
-      <sub><b>上下文用量</b><br>查看 System prompt、Tools、Skills 等占用分布</sub>
-    </td>
-    <td width="50%" align="center">
-      <img src="./assets/readme/context-preview.webp" width="100%" alt="Pi 中展开查看 System Prompt 内容">
-      <br>
-      <sub><b>上下文预览</b><br>按类别展开查看实际注入的上下文内容</sub>
-    </td>
-  </tr>
+ <img src="./assets/readme/welcome.webp" width="100%" alt="Pi 启动后的欢迎界面">
 </table>
 
+https://github.com/user-attachments/assets/4ae094d2-7480-484b-a0c8-6e782495ce9f
+
 ## 快速开始
 
 ```bash
@@ -68,14 +40,13 @@ pi install git:github.com/minuque/pi-cc-extensions
 
 ## 功能
 
-
-| 功能                         | 说明                                                                            | 入口                |
-| ------------------------------ | --------------------------------------------------------------------------------- | --------------------- |
-| Claude Code 风格输出 | 工具摘要、折叠展开、rich edit/write diff，以及`on` / `off` / `compact` 三种模式 | `/ccstyle` |
-| Fixed editor 交互 | 基于 `@tifan/pi-fixed-editor`，支持动态开关、每刻度 5 行滚动、工具点击与回到底部 | `/ccstyle` |
-| 上下文检查 | 查看上下文占用，并预览 System prompt、Tools、Skills 和消息内容 | `/context` |
-| Session 引用                 | 搜索并注入历史 Session 或现有 SubAgent 的有效上下文                             | `@session:`         |
-| 主题                         | 随包提供内置 GitHub Dark Default 主题                                           | `/theme`            |
+| 功能                 | 说明                                                                                  | 入口          |
+| -------------------- | ------------------------------------------------------------------------------------- | ------------- |
+| Claude Code 风格输出 | 工具摘要、折叠展开、rich edit/write diff，以及`on` / `off` / `compact` 三种模式 | `/ccstyle`  |
+| Fixed editor 交互    | 基于`@tifan/pi-fixed-editor`，支持动态开关、每刻度 5 行滚动、工具点击与回到底部     | `/ccstyle`  |
+| 上下文检查           | 查看上下文占用，并预览 System prompt、Tools、Skills 和消息内容                        | `/context`  |
+| Session 引用         | 搜索并注入历史 Session 或现有 SubAgent 的有效上下文                                   | `@session:` |
+| 主题                 | 随包提供内置 GitHub Dark Default 主题                                                 | `/theme`    |
 
 ## 本地开发
 
@@ -95,9 +66,8 @@ pi -e .
 
 ## 推荐搭配
 
-
-| 扩展                          | 用途                                |
-| ------------------------------- | ------------------------------------- |
+| 扩展                            | 用途                                |
+| ------------------------------- | ----------------------------------- |
 | `npm:@tintinweb/pi-subagents` | 并行 SubAgent、后台任务与工作树隔离 |
 | `npm:pi-mcp-adapter`          | 按需发现 MCP 工具，减少上下文占用   |
 | `npm:pi-theme-picker`         | 主题搜索和实时预览                  |

package/extensions/claude-code-style.ts

@@ -3171,7 +3171,12 @@ export default function (
 		const tui = toolMouseTui;
 		if (!tui) return;
 		if (toolMouseFixedFeaturesEnabled) patchToolMouseInputCapture(tui);
-		patchToolMouseMotionAfterRender(tui);
+		// compositor.install captured the current chain as originalDoRender, so an
+		// already-installed wrapper keeps receiving calls through it — re-wrapping
+		// only when no wrapper is active avoids stacking one per rebuild/reload.
+		if (!(toolMouseRenderPatchTui === tui && toolMouseRenderPatchState?.active)) {
+			patchToolMouseMotionAfterRender(tui);
+		}
 		tui.requestRender?.(true);
 	});
 	const writeExecutionMetadata = installWriteOverride(pi, new WriteExecutionMetadataStore());

package/extensions/fixed-editor.ts

@@ -170,7 +170,10 @@ export function installFixedEditorImePatch(compositorClass: {
 			const wasInstalled = Boolean(this.installed);
 			const result = Reflect.apply(originalInstall, this, args);
 			// Dependents re-wrap doRender only after the compositor actually owns it.
-			if (!wasInstalled && this.installed && !this.disposed) compositorInstallNotify?.();
+			// Read the global each time: the patch survives /reload on the shared
+			// prototype while the owner callback belongs to the live extension module.
+			if (!wasInstalled && this.installed && !this.disposed)
+				getCompositorInstallNotify()?.callback();
 			return result;
 		};
 		prototype[MOUSE_WRITE_PATCH] = true;
@@ -211,9 +214,22 @@ type FixedEditorOwner = {
 const FIXED_EDITOR_OWNER = Symbol.for("pi.ccstyle.fixed-editor-owner");
 const FIXED_EDITOR_FOOTER_HOOK = Symbol.for("pi.ccstyle.fixed-editor-footer-hook");
 
-/** Active owner callback; fired from compositor.install after a fresh install succeeds. */
-let compositorInstallNotify: (() => void) | undefined;
-let compositorInstallNotifyOwner: object | undefined;
+// /reload keeps the same TerminalSplitCompositor.prototype, so the install hook
+// patched by the pre-reload module must read a cross-reload global instead of a
+// module-local variable; otherwise notifyRebuild never fires after reload and
+// dependents (ccstyle mouse input capture) stay unbound.
+const COMPOSITOR_INSTALL_NOTIFY_KEY = Symbol.for("pi.ccstyle.compositor-install-notify");
+
+type CompositorInstallNotify = { owner: object; callback: () => void };
+function getCompositorInstallNotify(): CompositorInstallNotify | undefined {
+	return (globalThis as Record<PropertyKey, unknown>)[COMPOSITOR_INSTALL_NOTIFY_KEY] as
+		| CompositorInstallNotify
+		| undefined;
+}
+function setCompositorInstallNotify(value: CompositorInstallNotify | undefined): void {
+	if (value) (globalThis as Record<PropertyKey, unknown>)[COMPOSITOR_INSTALL_NOTIFY_KEY] = value;
+	else delete (globalThis as Record<PropertyKey, unknown>)[COMPOSITOR_INSTALL_NOTIFY_KEY];
+}
 /** Runs before fixed-editor start/probe so dependents can unwrap doRender before capture. */
 let beforeFixedEditorStart: (() => void) | undefined;
 
@@ -289,10 +305,7 @@ export function installFixedEditor(
 		});
 	};
 	function clearInstallNotify() {
-		if (compositorInstallNotifyOwner === owner) {
-			compositorInstallNotify = undefined;
-			compositorInstallNotifyOwner = undefined;
-		}
+		if (getCompositorInstallNotify()?.owner === owner) setCompositorInstallNotify(undefined);
 	}
 	function deactivate() {
 		fixedEditorState.scrollButtonHitbox = null;
@@ -311,12 +324,14 @@ export function installFixedEditor(
 		if (previous?.owner !== owner) previous?.stop();
 		const currentSession = session;
 		// Register before start/probe so the first real compositor.install notifies us.
-		compositorInstallNotify = () => {
-			if (!active) return;
-			if ((globalThis as any)[FIXED_EDITOR_OWNER]?.owner !== owner) return;
-			notifyRebuild();
-		};
-		compositorInstallNotifyOwner = owner;
+		setCompositorInstallNotify({
+			owner,
+			callback: () => {
+				if (!active) return;
+				if ((globalThis as any)[FIXED_EDITOR_OWNER]?.owner !== owner) return;
+				notifyRebuild();
+			},
+		});
 		// Unwrap outer doRender patches before compositor construction captures it.
 		beforeFixedEditorStart?.();
 		start?.(currentSession.event, currentSession.ctx);

package/extensions/working-message.ts

@@ -20,11 +20,12 @@ function formatCount(value: number): string {
 
 function estimateTextLength(message: any): number {
 	if (!Array.isArray(message?.content)) return 0;
-	return message.content.reduce(
-		(sum: number, block: any) =>
-			sum + (block?.type === "text" && typeof block.text === "string" ? block.text.length : 0),
-		0,
-	);
+	return message.content.reduce((sum: number, block: any) => {
+		if (block?.type === "text" && typeof block.text === "string") return sum + block.text.length;
+		if (block?.type === "thinking" && block.thinkingSignature?.body)
+			return sum + (block.thinkingSignature.body as string).length;
+		return sum;
+	}, 0);
 }
 
 function textBlockLengths(message: any): number[] {
@@ -34,6 +35,8 @@ function textBlockLengths(message: any): number[] {
 		const block = message.content[index];
 		if (block?.type === "text" && typeof block.text === "string") {
 			lengths[index] = block.text.length;
+		} else if (block?.type === "thinking" && block.thinkingSignature?.body) {
+			lengths[index] = (block.thinkingSignature.body as string).length;
 		}
 	}
 	return lengths;
@@ -166,15 +169,12 @@ export default function (pi: ExtensionAPI): void {
 
 		if (evt.type === "start") {
 			resetResponseTracking(evt.partial);
-		} else if (evt.type === "text_start") {
+		} else if (evt.type === "thinking_start" || evt.type === "text_start") {
 			setTextBlockLength(evt.contentIndex, 0);
 			updateProviderUsage(evt.partial);
-		} else if (evt.type === "text_delta") {
-			setTextBlockLength(
-				evt.contentIndex,
-				(responseTextBlockLengths[evt.contentIndex] ?? 0) +
-					(typeof evt.delta === "string" ? evt.delta.length : 0),
-			);
+		} else if (evt.type === "thinking_delta" || evt.type === "text_delta") {
+			const add = typeof evt.delta === "string" ? evt.delta.length : 0;
+			setTextBlockLength(evt.contentIndex, (responseTextBlockLengths[evt.contentIndex] ?? 0) + add);
 			updateProviderUsage(evt.partial);
 		} else if (evt.type === "text_end") {
 			setTextBlockLength(

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pi-cc-extensions",
-	"version": "0.8.37",
+	"version": "0.8.40",
 	"description": "A Pi productivity suite with Claude Code-style UI, fixed editor, context inspection, and agent/session references",
 	"type": "module",
 	"keywords": [

package/themes/github-dark-default.json

@@ -40,7 +40,7 @@
 
 		"selectedBg": "#13233a",
 		"userMessageBg": "surface",
-		"userMessageText": "text",
+		"userMessageText": "",
 		"customMessageBg": "surface",
 		"customMessageText": "text",
 		"customMessageLabel": "accent",