@herbertgao/pi-extensions 2026.8.1 → 2026.8.2

package/node_modules/@herbertgao/pi-cc-extensions/README.en.md

@@ -38,7 +38,7 @@ Run `/reload` after installation.
 | Feature                      | Description                                                                                                                                       | Entry point |
 | ------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- |
 | Claude Code-style output     | Tool summaries, expand/collapse, rich edit/write diffs, and`on` / `compact` / `off` modes                                                         | `/ccstyle`  |
-| Fullscreen mouse interaction | Tool card/group click-to-toggle, previews, hover highlight, and a back-to-bottom button (motion reporting auto-enabled under tmux/zellij/screen) | `/ccstyle`  |
+| Fullscreen mouse interaction | Tool card/group click-to-toggle, previews, hover highlight, and a back-to-bottom button | `TUIMODE=fullscreen` or `--tui-mode fullscreen` |
 | Settings panel               | `Style / Diff / Thinking / Feature` tabs: startup header toggle and wheel step                                                                    | `/ccstyle`  |
 | Context inspection           | Usage breakdown and previews for the system prompt, tools, skills, and messages                                                                   | `/context`  |
 | Session references           | Search and inject effective context from previous Sessions or existing SubAgents                                                                  | `@session:` |
@@ -79,8 +79,6 @@ Run `/reload` after changing extensions.
 ## Compatibility
 
 - Node.js `>=22.19.0`, Pi `^0.84.0` (loaded through `pi.extensions` and `pi.themes` in the root `package.json`)
-- Fixed-editor features have moved to the official pipeline. `/ccstyle` mouse interactions remain available in TUI fullscreen mode.
-- Use version `0.8.46` or earlier only if you need the removed fixed-editor layout.
 
 ## Recommended companions
 

package/node_modules/@herbertgao/pi-cc-extensions/README.md

@@ -38,7 +38,7 @@ pi install npm:@herbertgao/pi-cc-extensions
 | 功能                 | 说明                                                                                                     | 入口        |
 | ---------------------- | ---------------------------------------------------------------------------------------------------------- | ------------- |
 | Claude Code 风格输出 | 工具摘要、折叠展开、rich edit/write diff，以及`on` / `compact` / `off` 三种模式                          | `/ccstyle`  |
-| Fullscreen 鼠标交互  | 工具卡/group 点击展开与收起、预览、hover 高亮、回到底部按钮（tmux/zellij/screen 下自动补开 motion 上报） | `/ccstyle`  |
+| Fullscreen 鼠标交互  | 工具卡/group 点击展开与收起、预览、hover 高亮、回到底部按钮 | `TUIMODE=fullscreen` 或 `--tui-mode fullscreen` |
 | 配置面板             | `Style / Diff / Thinking / Feature` 四页签，含启动头开关与滚轮步进                                       | `/ccstyle`  |
 | 上下文检查           | 查看上下文占用，并预览 System prompt、Tools、Skills 和消息内容                                           | `/context`  |
 | Session 引用         | 搜索并注入历史 Session 或现有 SubAgent 的有效上下文                                                      | `@session:` |
@@ -79,8 +79,6 @@ bun run typecheck
 ## 兼容性
 
 - Node.js `>=22.19.0`，Pi `^0.84.0`（通过根目录 `package.json` 的 `pi.extensions` 和 `pi.themes` 加载）
-- fixed-editor 相关功能已迁移至官方管线：TUI mode=fullscreen 模式下 `/ccstyle` 鼠标交互仍可用。
-- 需要已移除的 fixed-editor 布局时，请使用 `0.8.46` 及更早版本。
 
 ## 推荐搭配
 

package/node_modules/@herbertgao/pi-cc-extensions/extensions/config/panel.ts

@@ -38,7 +38,7 @@ export type CcstylePanelHooks = {
 
 function modeSettingDescription(mode: CompactStyleMode): string {
 	if (mode === "compact") {
-		return "One summary line per assistant round; expanded edit/write rows show rich diffs.";
+		return "(Experimental) One summary line per assistant round; expanded edit/write rows show rich diffs.";
 	}
 	if (mode === "off") {
 		return "Pi native tool rendering. Diff options below still apply independently.";
@@ -209,8 +209,8 @@ export async function showCcstylePanel(
 			id: "mode",
 			label: "Mode",
 			description: modeSettingDescription(config.mode),
-			currentValue: config.mode,
-			values: ["on", "compact", "off"],
+			currentValue: config.mode === "compact" ? "compact (Experimental)" : config.mode,
+			values: ["on", "compact (Experimental)", "off"],
 		};
 		// Tracks whether the Exclude-tools submenu is open so Tab switches sections
 		// only at the top level (mirrors Zentui settings: Tab = switch sections).
@@ -336,10 +336,14 @@ export async function showCcstylePanel(
 
 		const onSettingChange = (id: string, value: string) => {
 			switch (id) {
-				case "mode":
-					modeSetting.description = modeSettingDescription(value as CompactStyleMode);
-					hooks.applyStyleMode(value as CompactStyleMode, ctx, toolGrouping);
+				case "mode": {
+					// 选项值带 Experimental 标记，选择后还原为真实 mode 值。
+					const mode: CompactStyleMode =
+						value === "compact (Experimental)" ? "compact" : (value as CompactStyleMode);
+					modeSetting.description = modeSettingDescription(mode);
+					hooks.applyStyleMode(mode, ctx, toolGrouping);
 					return;
+				}
 				case "excludeRenderers":
 					excludeSetting.currentValue = formatExcludeRenderers(config.excludeRenderers);
 					excludeSetting.description = excludeRenderersDescription(config.excludeRenderers);

package/node_modules/@herbertgao/pi-cc-extensions/extensions/feature/agent-summary.ts

@@ -10,13 +10,17 @@
 import { Markdown } from "@earendil-works/pi-tui";
 import { getMarkdownTheme } from "@earendil-works/pi-coding-agent";
 import type { ExtensionAPI } from "@earendil-works/pi-coding-agent";
-import { bindAgentSummary, summaryMarkdown } from "../utils/agent-summary.ts";
+import {
+	bindAgentSummary,
+	summaryMarkdown,
+	type AgentSummaryData,
+} from "../utils/agent-summary.ts";
 
 export const AGENT_SUMMARY_ENTRY_TYPE = "agent-summary";
 
 export default function (pi: ExtensionAPI): void {
 	pi.registerEntryRenderer(AGENT_SUMMARY_ENTRY_TYPE, (entry, _options, theme) => {
-		const line = summaryMarkdown(entry.data, true, {
+		const line = summaryMarkdown(entry.data as AgentSummaryData, true, {
 			success: theme.getFgAnsi("success"),
 			failed: theme.getFgAnsi("error"),
 		});

package/node_modules/@herbertgao/pi-cc-extensions/extensions/feature/compact-thinking.ts

@@ -13,6 +13,14 @@ import {
 } from "@earendil-works/pi-coding-agent";
 import { getKeybindings } from "@earendil-works/pi-tui";
 import { Markdown, Spacer, Text, type Component } from "@earendil-works/pi-tui";
+import {
+	animateCompactThinkingText,
+	formatThoughtDuration,
+	styleCompactThinkingText,
+} from "../renderer/compact-mode.ts";
+import { refreshMountedTranscript } from "../renderer/transcript-refresh.ts";
+// 保持导出兼容：渲染函数已并入 renderer/compact-mode.ts，这里 re-export。
+export { animateCompactThinkingText, formatThoughtDuration, styleCompactThinkingText };
 
 // pi-tui 类型声明中 TUI 的 re-export 解析失败，本地用最小结构化类型（只用到 requestRender）。
 type RenderTui = { requestRender(force?: boolean): void };
@@ -146,70 +154,6 @@ function restoreDurationEntries(
 	}
 }
 
-function formatThoughtDuration(durationMs: number) {
-	if (durationMs < 1_000) {
-		return `${Math.max(1, Math.round(durationMs))}ms`;
-	}
-
-	const totalSeconds = Math.max(1, Math.round(durationMs / 1_000));
-	const minutes = Math.floor(totalSeconds / 60);
-	const seconds = totalSeconds % 60;
-	if (minutes === 0) return `${seconds}s`;
-	return seconds === 0 ? `${minutes}m` : `${minutes}m ${seconds}s`;
-}
-
-export { formatThoughtDuration };
-
-type CompactThinkingTheme = Pick<Theme, "fg" | "italic" | "bold">;
-
-/** 与 compact-thinking 主渲染器共用的静态文字样式。 */
-export function styleCompactThinkingText(
-	text: string,
-	theme: CompactThinkingTheme | undefined,
-	bold = false,
-): string {
-	if (!theme) return text;
-	const colored = typeof theme.fg === "function" ? theme.fg("thinkingText", text) : text;
-	const weighted = bold && typeof theme.bold === "function" ? theme.bold(colored) : colored;
-	return typeof theme.italic === "function" ? theme.italic(weighted) : weighted;
-}
-
-/** 与 compact-thinking 主渲染器共用的活动思考扫光动画。 */
-export function animateCompactThinkingText(
-	text: string,
-	theme: CompactThinkingTheme | undefined,
-	animationFrame: number,
-	boldBase = false,
-): string {
-	if (!theme) return text;
-	const characters = Array.from(text);
-	if (characters.length === 0) return "";
-	const highlightWidth = Math.max(1, Math.min(5, Math.ceil(characters.length * 0.28)));
-	const start = (animationFrame % (characters.length + highlightWidth)) - highlightWidth;
-	const end = start + highlightWidth;
-	const before = characters.slice(0, Math.max(0, start)).join("");
-	const highlighted = characters
-		.slice(Math.max(0, start), Math.min(characters.length, end))
-		.join("");
-	const after = characters.slice(Math.max(0, end)).join("");
-	const highlightedColored =
-		highlighted && typeof theme.fg === "function" ? theme.fg("text", highlighted) : highlighted;
-	const highlightedWeighted =
-		highlightedColored && typeof theme.bold === "function"
-			? theme.bold(highlightedColored)
-			: highlightedColored;
-	const highlightedText =
-		highlightedWeighted && typeof theme.italic === "function"
-			? theme.italic(highlightedWeighted)
-			: highlightedWeighted;
-
-	return (
-		styleCompactThinkingText(before, theme, boldBase) +
-		highlightedText +
-		styleCompactThinkingText(after, theme, boldBase)
-	);
-}
-
 function getThinkingToggleHint() {
 	const keys = getKeybindings().getKeys("app.thinking.toggle");
 	return keys.length > 0 ? `${keys.join("/")} to expand` : undefined;
@@ -343,7 +287,6 @@ function compactThinking(pi: ExtensionAPI) {
 	};
 
 	const completedDurations = new Map<number, Map<number, number>>();
-	const renderedComponents = new Set<AssistantMessageComponentLike>();
 	const streamingComponents = new Set<AssistantMessageComponentLike>();
 	let activeThinking: ActiveThinking | undefined;
 	let activeTheme: Theme | undefined;
@@ -355,14 +298,6 @@ function compactThinking(pi: ExtensionAPI) {
 	let compactSummaryActive = false;
 	let patchInstalled = true;
 
-	function refreshRenderedComponents() {
-		for (const component of renderedComponents) {
-			const self = component as unknown as AssistantInternals;
-			if (self.lastMessage) self.updateContent(self.lastMessage);
-		}
-		activeTui?.requestRender(true);
-	}
-
 	function thinkingStyle(text: string) {
 		return styleCompactThinkingText(text, activeTheme);
 	}
@@ -403,7 +338,6 @@ function compactThinking(pi: ExtensionAPI) {
 		const component = this as AssistantMessageComponentLike;
 		const self = this as unknown as AssistantInternals;
 		self.lastMessage = message;
-		renderedComponents.add(component);
 		latestComponent = component;
 		latestComponentTimestamp = message.timestamp;
 
@@ -512,8 +446,10 @@ function compactThinking(pi: ExtensionAPI) {
 					(durationText ? thinkingStyle(` · ${durationText}`) : "");
 			} else {
 				// Completed compact blocks use one provider-independent status line.
+				// 无时长记录（中断流/旧会话/entry 缺失或索引错位）时不回退到加载文案
+				// "Thinking..."：改用摘要标题或中性 "Thought"。
 				heading = thinkingStyle(
-					durationText ? `Thought for ${durationText}` : self.hiddenThinkingLabel || "Thinking...",
+					durationText ? `Thought for ${durationText}` : (latestSummary?.title ?? "Thought"),
 				);
 			}
 			self.contentContainer.addChild(new Text(heading, self.outputPad, 0));
@@ -684,7 +620,7 @@ function compactThinking(pi: ExtensionAPI) {
 					content?.type === "toolCall" &&
 					(content.name === "Agent" ||
 						content.name === "Agents" ||
-						content.args?.subagent_type != null),
+						content.arguments?.subagent_type != null),
 			)
 		);
 	}
@@ -728,7 +664,9 @@ function compactThinking(pi: ExtensionAPI) {
 	// OpenAI-compatible providers may not close reasoning until the response ends.
 	pi.on("tool_execution_start", (event: any) => {
 		if (event.toolName === "Agent" || event.toolName === "Agents") {
-			resumeAgentThinking(latestComponent?.lastMessage ?? undefined);
+			const lastMessage = (latestComponent as unknown as { lastMessage?: AssistantMessage })
+				?.lastMessage;
+			resumeAgentThinking(lastMessage);
 		} else {
 			finishThinking();
 		}
@@ -751,20 +689,24 @@ function compactThinking(pi: ExtensionAPI) {
 
 		// An empty widget gives the animation loop access to requestRender without
 		// enabling terminal mouse reporting or intercepting native scrollback input.
+		// setWidget 的 factory 同步执行，此刻补丁已安装。
 		ctx.ui.setWidget(WIDGET_ID, (tui) => {
 			activeTui = tui;
 			return { render: () => [], invalidate() {} };
 		});
 
-		// On resume, Pi may construct the chat before session_start is emitted.
-		// Rebuild those already-rendered components now that persisted durations
-		// and the active theme are available.
-		refreshRenderedComponents();
+		// pi 在 reload/resume 时先于 session_start 用原始原型重建聊天组件
+		// （rebuildChatFromMessages / renderCurrentSessionState）。由共享的
+		// refreshMountedTranscript 扫描挂载树重绘这些组件，恢复 compact 渲染、
+		// 持久化时长与工具调用显示。
+		refreshMountedTranscript(activeTui);
+		activeTui?.requestRender(true);
 	});
 
 	pi.on("session_tree", (_event, ctx) => {
 		restoreDurationEntries(ctx.sessionManager.getBranch(), completedDurations);
-		refreshRenderedComponents();
+		refreshMountedTranscript(activeTui);
+		activeTui?.requestRender(true);
 	});
 
 	pi.on("session_shutdown", (_event, ctx) => {
@@ -781,7 +723,6 @@ function compactThinking(pi: ExtensionAPI) {
 		latestComponent = undefined;
 		latestComponentTimestamp = undefined;
 		completedDurations.clear();
-		renderedComponents.clear();
 		streamingComponents.clear();
 		if (ctx.mode === "tui") ctx.ui.setWidget(WIDGET_ID, undefined);
 

package/node_modules/@herbertgao/pi-cc-extensions/extensions/feature/context.ts

@@ -639,7 +639,7 @@ export default function contextUsageExtension(pi: ExtensionAPI) {
 				);
 
 				if (!action) break;
-				const preview = previewByKey.get(action);
+				const preview = previewByKey.get(action as PreviewKey);
 				if (!preview) continue;
 
 				await showTextPreview(ctx, preview.title, preview.content);

package/node_modules/@herbertgao/pi-cc-extensions/extensions/feature/markdown-enhance.ts

@@ -129,6 +129,123 @@ function linkifyUrls(markdown: string): string {
 	return out.join("\n");
 }
 
+// ============================================================================
+// 圈数字 → 半角括号
+// ============================================================================
+
+// Nerd Font 补丁字形（U+2460-U+2473）ink 超界，DirectWrite 下渲染会压住相邻字符；
+// 转成 ASCII "(n)" 后任何字体下宽度一致。U+2460-U+2473 连续，差值即序号。
+const CIRCLED_RE = /[①-⑳]/g;
+const BLOCKQUOTE_PREFIX = /^ {0,3}>[ \t]?/;
+const CODE_FENCE_OPEN = /^ {0,3}(`{3,}|~{3,})/;
+const CODE_FENCE_CLOSE = /^ {0,3}(`+|~+)[ \t]*$/;
+
+type FenceLine = { blockquoteDepth: number; content: string };
+
+function parseFenceLine(line: string): FenceLine {
+	let content = line;
+	let blockquoteDepth = 0;
+	while (BLOCKQUOTE_PREFIX.test(content)) {
+		content = content.replace(BLOCKQUOTE_PREFIX, "");
+		blockquoteDepth++;
+	}
+	return { blockquoteDepth, content };
+}
+
+function replaceCircled(text: string): string {
+	return text.replace(CIRCLED_RE, (ch) => `(${ch.codePointAt(0)! - 0x2460 + 1})`);
+}
+
+function backtickRunAt(
+	text: string,
+	start: number,
+	skipEscaped: boolean,
+): { start: number; end: number } | null {
+	let index = text.indexOf("`", start);
+	while (index >= 0) {
+		let backslashes = 0;
+		for (let cursor = index - 1; cursor >= 0 && text[cursor] === "\\"; cursor--) backslashes++;
+		if (!skipEscaped || backslashes % 2 === 0) {
+			let end = index + 1;
+			while (text[end] === "`") end++;
+			return { start: index, end };
+		}
+		index = text.indexOf("`", index + 1);
+	}
+	return null;
+}
+
+/** 转换连续 prose（可跨行），但保留有效 inline code spans。 */
+function deCircledProse(prose: string): string {
+	let cursor = 0;
+	let transformed = "";
+	while (cursor < prose.length) {
+		const opening = backtickRunAt(prose, cursor, true);
+		if (!opening) {
+			transformed += replaceCircled(prose.slice(cursor));
+			break;
+		}
+		let closing = backtickRunAt(prose, opening.end, false);
+		while (closing && closing.end - closing.start !== opening.end - opening.start) {
+			closing = backtickRunAt(prose, closing.end, false);
+		}
+		if (!closing) {
+			transformed += replaceCircled(prose.slice(cursor, opening.end));
+			cursor = opening.end;
+			continue;
+		}
+		transformed += replaceCircled(prose.slice(cursor, opening.start));
+		transformed += prose.slice(opening.start, closing.end);
+		cursor = closing.end;
+	}
+	return transformed;
+}
+
+/** 转换普通 Markdown 文本，但保留匹配 container 的 fenced blocks 与 inline code spans。 */
+function deCircled(markdown: string): string {
+	const output: string[] = [];
+	let prose: string[] = [];
+	let fence: { marker: string; blockquoteDepth: number } | undefined;
+	const flushProse = () => {
+		if (prose.length === 0) return;
+		output.push(deCircledProse(prose.join("\n")));
+		prose = [];
+	};
+
+	for (const line of markdown.split("\n")) {
+		const parsed = parseFenceLine(line);
+		if (fence && parsed.blockquoteDepth >= fence.blockquoteDepth) {
+			output.push(line);
+			const close = parsed.content.match(CODE_FENCE_CLOSE)?.[1];
+			if (
+				parsed.blockquoteDepth === fence.blockquoteDepth &&
+				close?.[0] === fence.marker[0] &&
+				close.length >= fence.marker.length
+			) {
+				fence = undefined;
+			}
+			continue;
+		}
+		fence = undefined;
+
+		if (parsed.content.trim() === "") {
+			flushProse();
+			output.push(line);
+			continue;
+		}
+		const open = parsed.content.match(CODE_FENCE_OPEN)?.[1];
+		if (open) {
+			flushProse();
+			fence = { marker: open, blockquoteDepth: parsed.blockquoteDepth };
+			output.push(line);
+			continue;
+		}
+		prose.push(line);
+	}
+	flushProse();
+	return output.join("\n");
+}
+
 // ============================================================================
 // 注册
 // ============================================================================
@@ -140,6 +257,8 @@ export default function (pi: ExtensionAPI): void {
 		const { messageType, isStreaming = false } = context ?? {};
 		// 与官方推荐一致：thinking 块与流式中间态不转换
 		if (messageType === "assistant-thinking" || isStreaming) return markdown;
+		// 0. 圈数字转半角括号（Nerd Font 补丁字形缺陷规避）
+		markdown = deCircled(markdown);
 		// 1. Mermaid 方言渲染
 		markdown = renderDiagrams(markdown, context);
 		// 2. GitHub 风格提示框

package/node_modules/@herbertgao/pi-cc-extensions/extensions/renderer/compact-mode.ts

@@ -12,17 +12,17 @@
  * 补丁生命周期遵循仓库既有模式：Symbol 所有权、dispose 仅恢复仍由本安装持有的
  * 方法、重入守卫防止 /reload 后残留闭包递归。
  */
-import { AssistantMessageComponent, ToolExecutionComponent } from "@earendil-works/pi-coding-agent";
+import {
+	AssistantMessageComponent,
+	ToolExecutionComponent,
+	type Theme,
+} from "@earendil-works/pi-coding-agent";
 import * as PiTui from "@earendil-works/pi-tui";
 import { truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
 import { config, getToolDisplayConfig } from "../config/config.ts";
-import {
-	animateCompactThinkingText,
-	formatThoughtDuration,
-	styleCompactThinkingText,
-} from "../feature/compact-thinking.ts";
 import { toolLoadingIcon } from "../utils/tool-loading-icon.ts";
 import { sanitizeToolResultText } from "../utils/tool-result-sanitize.ts";
+import { refreshTranscriptComponent } from "./transcript-refresh.ts";
 import { getMessageDisplayTheme } from "./message-display.ts";
 import { showMoreHintText } from "./show-more-hint.ts";
 import {
@@ -60,6 +60,70 @@ const ASSISTANT_REENTRY_KEY = Symbol.for(ASSISTANT_REENTRY_DESCRIPTION);
 const Box = (PiTui as any).Box;
 const EDIT_WRITE_TOOLS = new Set(["edit", "write"]);
 
+type CompactThinkingTheme = Pick<Theme, "fg" | "italic" | "bold">;
+
+/** 与 compact-thinking 主渲染器共用的静态文字样式。 */
+export function styleCompactThinkingText(
+	text: string,
+	theme: CompactThinkingTheme | undefined,
+	bold = false,
+): string {
+	if (!theme) return text;
+	const colored = typeof theme.fg === "function" ? theme.fg("thinkingText", text) : text;
+	const weighted = bold && typeof theme.bold === "function" ? theme.bold(colored) : colored;
+	return typeof theme.italic === "function" ? theme.italic(weighted) : weighted;
+}
+
+/** 与 compact-thinking 主渲染器共用的活动思考扫光动画。 */
+export function animateCompactThinkingText(
+	text: string,
+	theme: CompactThinkingTheme | undefined,
+	animationFrame: number,
+	boldBase = false,
+): string {
+	if (!theme) return text;
+	const characters = Array.from(text);
+	if (characters.length === 0) return "";
+	const highlightWidth = Math.max(1, Math.min(5, Math.ceil(characters.length * 0.28)));
+	const start = (animationFrame % (characters.length + highlightWidth)) - highlightWidth;
+	const end = start + highlightWidth;
+	const before = characters.slice(0, Math.max(0, start)).join("");
+	const highlighted = characters
+		.slice(Math.max(0, start), Math.min(characters.length, end))
+		.join("");
+	const after = characters.slice(Math.max(0, end)).join("");
+	const highlightedColored =
+		highlighted && typeof theme.fg === "function" ? theme.fg("text", highlighted) : highlighted;
+	const highlightedWeighted =
+		highlightedColored && typeof theme.bold === "function"
+			? theme.bold(highlightedColored)
+			: highlightedColored;
+	const highlightedText =
+		highlightedWeighted && typeof theme.italic === "function"
+			? theme.italic(highlightedWeighted)
+			: highlightedWeighted;
+
+	return (
+		styleCompactThinkingText(before, theme, boldBase) +
+		highlightedText +
+		styleCompactThinkingText(after, theme, boldBase)
+	);
+}
+
+function formatThoughtDuration(durationMs: number) {
+	if (durationMs < 1_000) {
+		return `${Math.max(1, Math.round(durationMs))}ms`;
+	}
+
+	const totalSeconds = Math.max(1, Math.round(durationMs / 1_000));
+	const minutes = Math.floor(totalSeconds / 60);
+	const seconds = totalSeconds % 60;
+	if (minutes === 0) return `${seconds}s`;
+	return seconds === 0 ? `${minutes}m` : `${minutes}m ${seconds}s`;
+}
+
+export { formatThoughtDuration };
+
 /**
  * 逐条 assistant message 的摘要文本（无工具计数时可为空串）：
  * 思考时长在前，工具按消息内首次出现顺序排列；read 按非空路径去重。
@@ -864,15 +928,15 @@ function refreshTrackedComponents(): void {
 	for (const component of [...trackedAssistantComponents]) {
 		try {
 			if (config.mode !== "compact") detachAssistantExpansion(component);
-			if (component.lastMessage) component.updateContent?.(component.lastMessage);
-			else component.invalidate?.();
+			refreshTranscriptComponent(component);
 		} catch {
 			trackedAssistantComponents.delete(component);
 		}
 	}
 	for (const component of [...trackedToolComponents]) {
 		try {
-			component.updateDisplay?.();
+			// 共享实现负责 updateDisplay；invalidate 属于 compact-mode 的跟踪语义。
+			refreshTranscriptComponent(component);
 			component.invalidate?.();
 		} catch {
 			trackedToolComponents.delete(component);

package/node_modules/@herbertgao/pi-cc-extensions/extensions/renderer/index.ts

@@ -771,7 +771,7 @@ function installToolExpandedBackground(): () => void {
 	const host = globalThis as any;
 	const previous = host[TOOL_EXPANDED_BACKGROUND_PATCH] as ToolExpandedBackgroundPatch | undefined;
 	if (previous) previous.dispose();
-	const prototype = ToolExecutionComponent.prototype;
+	const prototype = ToolExecutionComponent.prototype as unknown as { updateDisplay: () => void };
 	const original = prototype.updateDisplay;
 	const patch: ToolExpandedBackgroundPatch = {
 		active: true,
@@ -888,7 +888,7 @@ export default function (
 						compactThinking,
 					);
 				} else {
-					applyStyleMode(arg, ctx, hooks.toolGrouping);
+					applyStyleMode(arg as CompactStyleMode, ctx, hooks.toolGrouping);
 				}
 				return;
 			}