@herbertgao/pi-extensions 2026.9.20 → 2026.10.1

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

@@ -338,16 +338,18 @@ function toolCardBgRow(
 	const inset = (n: number) => (outerBg ? `${outerBg}${" ".repeat(n)}\x1b[49m` : " ".repeat(n));
 	return `${inset(leftInset)}${bgAnsi}${stable}\x1b[49m${inset(rightInset)}`;
 }
-/** edit/write 展开卡：保持原样式（userMessageBg Box），不应用工具卡深色/间距改动。 */
+/** edit/write 展开卡：保持原样式（展开卡背景 Box），不应用工具卡深色/间距改动。 */
 function editWriteExpandedCard(theme: any): any {
 	return new Box(
 		1,
 		1,
-		typeof theme.bg === "function" ? (text: string) => theme.bg("userMessageBg", text) : undefined,
+		typeof theme.bg === "function"
+			? (text: string) => theme.bg(config.expandedCardBackground, text)
+			: undefined,
 	);
 }
 
-/** compact 展开面板：外卡片保持 userMessageBg；展开的 thinking 另包一层更深的
+/** compact 展开面板：外卡片保持展开卡背景；展开的 thinking 另包一层更深的
  *  内卡（自身 Box 背景与外卡同色，不区分会糊在一起），工具卡直接铺在外卡背景上。
  *  每个子卡前面补 1 行分隔（上一条已经是空行时不再补），子卡自带的首尾空行会被裁掉，
  *  避免与外卡/内卡 padding 叠出双空行。
@@ -364,7 +366,7 @@ function layoutExpandedToolCard(
 	toolHits = false,
 	live = false,
 ): { lines: string[]; hits: Array<{ child: any; start: number; end: number }> } {
-	const slot = "userMessageBg";
+	const slot = config.expandedCardBackground;
 	const toolBgAnsi = darkenBgAnsi(theme, slot);
 	/** live 每行前面的标记宽度（首行 `↳ `，其余对齐空格）。 */
 	const markerWidth = live ? 2 : 0;
@@ -471,6 +473,8 @@ function compactRoundCard(
 		| {
 				width: number;
 				theme: unknown;
+				/** 背景槽位也是面板行的输入：改配置后不能复用旧底色的整卡。 */
+				bgSlot: string;
 				paints: unknown[];
 				lines: string[];
 				hits: Array<{ child: any; start: number; end: number }>;
@@ -478,6 +482,7 @@ function compactRoundCard(
 		| undefined;
 	const layout = (width: number) => {
 		const theme = themeOf();
+		const bgSlot = config.expandedCardBackground;
 		const innerWidth = contentWidth(width);
 		const paints = children.map((child) => {
 			const lines = child.render?.(innerWidth);
@@ -487,6 +492,7 @@ function compactRoundCard(
 			paint &&
 			paint.width === width &&
 			paint.theme === theme &&
+			paint.bgSlot === bgSlot &&
 			paint.paints.length === paints.length &&
 			paint.paints.every((item, index) => item === paints[index])
 		) {
@@ -496,6 +502,7 @@ function compactRoundCard(
 		paint = {
 			width,
 			theme,
+			bgSlot,
 			paints,
 			lines: laid.lines,
 			hits: laid.hits,
@@ -697,7 +704,7 @@ function compactEditWriteLine(
 	const iconPart = `${options.flushLeft ? "" : " "}${theme.fg(iconColor, icon)} `;
 	const namePart = theme.fg("toolTitle", name);
 	const hintText =
-		options.hint !== false && component.expanded !== true ? ` • ${showMoreHintText()}` : "";
+		options.hint !== false && component.expanded !== true ? ` · ${showMoreHintText()}` : "";
 	const fixedWidth =
 		visibleWidth(iconPart) +
 		visibleWidth(namePart) +
@@ -719,6 +726,8 @@ const compactRichDiffCache = new WeakMap<
 type CompactEditPaintHit = {
 	width: number;
 	theme: unknown;
+	/** 展开卡的背景槽位同样参与命中判断。 */
+	bgSlot: string;
 	expanded: boolean;
 	result: unknown;
 	isPartial: boolean;
@@ -756,6 +765,7 @@ function compactEditWriteLines(
 			hit &&
 			hit.width === width &&
 			hit.theme === theme &&
+			hit.bgSlot === config.expandedCardBackground &&
 			hit.expanded === expanded &&
 			hit.result === component.result &&
 			hit.isPartial === isPartial &&
@@ -771,6 +781,7 @@ function compactEditWriteLines(
 		compactEditPaintCache.set(component, {
 			width,
 			theme,
+			bgSlot: config.expandedCardBackground,
 			expanded,
 			result: component.result,
 			isPartial,
@@ -901,7 +912,7 @@ function compactAssistantLineComponent(
 			const pad = Math.max(0, options.pad ?? (Number(self.outputPad) || 0));
 			const available = Math.max(0, width - pad);
 			const hint = options.hint !== false;
-			const hintText = hint ? ` • ${showMoreHintText()}` : "";
+			const hintText = hint ? ` · ${showMoreHintText()}` : "";
 			const summaryWidth = Math.max(0, available - visibleWidth(hintText));
 			const resolved = typeof summary === "function" ? summary() : summary;
 			const runningActive = resolved.startsWith("Running...");
@@ -975,7 +986,7 @@ function compactStopStatusLine(status: string, pad = 0): any {
 
 /**
  * 槽位卡内的展开入口：卡里是只读围观，展开走摘要行自己的 hint，卡内不再重复提示。
- * 提示有两处来源——我们的 showMoreHintText（`… +N more lines • click to show more`）与
+ * 提示有两处来源——我们的 showMoreHintText（`… +N more lines · click to show more`）与
  * pi 原生工具卡（`… (N earlier lines, ctrl+o to expand)`），所以按渲染结果收尾裁剪。
  * 只去掉动作词，`(N more lines)` 这类计数保留。
  */
@@ -987,7 +998,8 @@ const SLOT_HINT_PATTERNS: RegExp[] = [
 	// 只去掉动作词，收尾括号与计数保留。
 	new RegExp(String.raw`,\s*[^()]*?${EXPAND_ACTION}(?=\))`),
 	// 直接挂在行尾：整段去掉。
-	new RegExp(String.raw`\s*(?:•\s*)?${EXPAND_ACTION}\s*$`),
+	// 尾部分隔点：ccstyle 统一 `·`，同时兼容旧帧与 pi 原生的 `•`
+	new RegExp(String.raw`\s*(?:[•·]\s*)?${EXPAND_ACTION}\s*$`),
 ];
 
 function stripSlotHint(line: string): string {
@@ -1357,7 +1369,20 @@ export function installCompactMode(deps: CompactModeInstallDeps): CompactModeHoo
 		const tail: MountedRoundTail = { host: undefined, container: undefined, parts: [], round };
 		const host: any = {
 			outputPad: Number(round.anchor?.outputPad) || 0,
+			children: [],
 			render: (width: number) => tail.parts.flatMap((part: any) => part?.render?.(width) ?? []),
+			childAtRow(localRow: number, width: number) {
+				let offset = 0;
+				for (const part of tail.parts) {
+					const lines = part?.render?.(width);
+					const count = Array.isArray(lines) ? lines.length : 0;
+					if (localRow < offset + count) {
+						return part?.childAtRow?.(localRow - offset, width) ?? null;
+					}
+					offset += count;
+				}
+				return null;
+			},
 			invalidate: () => {
 				for (const part of tail.parts) part?.invalidate?.();
 			},
@@ -1373,6 +1398,10 @@ export function installCompactMode(deps: CompactModeInstallDeps): CompactModeHoo
 		// 点击/悬停归属与 anchor 同一展开入口；toggle 每次 renderRound 重建，按值转发。
 		// 经 tail.round 动态解引用：重建过户时 anchor 可能换成别的组件。
 		ensureAssistantSetExpanded(host);
+		Object.defineProperty(host, "roundAnchor", {
+			configurable: true,
+			get: () => tail.round?.anchor,
+		});
 		host[ASSISTANT_TOGGLE_ROUND_KEY] = (expanded: boolean) =>
 			tail.round?.anchor?.[ASSISTANT_TOGGLE_ROUND_KEY]?.(expanded);
 		tail.host = host;
@@ -1527,6 +1556,7 @@ export function installCompactMode(deps: CompactModeInstallDeps): CompactModeHoo
 		}
 		const tail = ensureTailHost(round);
 		tail.parts = makeParts(tail.host);
+		tail.host.children = tail.parts;
 		syncTailPosition(round);
 	};
 
@@ -1679,8 +1709,10 @@ export function installCompactMode(deps: CompactModeInstallDeps): CompactModeHoo
 		}
 
 		if (round.anchor.expanded === true) {
-			// 展开卡自带全部内容，尾行摘下（收起时在折叠分支重新挂载）。
-			unmountRoundTail(round);
+			// 展开内容留在摘要行那个位置：回合最后一个成员（含 write/edit）之后。
+			// 放进 anchor 内部会跳到回合起点，盖到中间的 write/edit 上面。
+			// anchor 未挂进 transcript 时没有这个位置，退回 anchor 内部。
+			const mounted = Boolean(tailContainerOf(round.anchor));
 			const toolsById = new Map<string, any>();
 			for (const tool of trackedToolComponents) {
 				if (typeof tool?.toolCallId === "string") toolsById.set(tool.toolCallId, tool);
@@ -1790,7 +1822,20 @@ export function installCompactMode(deps: CompactModeInstallDeps): CompactModeHoo
 					!explicitRoundToolIds.has(String(tool.toolCallId ?? "")),
 			);
 			flushPanel();
-			for (const child of anchorChildren) round.anchor.contentContainer.addChild(child);
+			if (mounted) {
+				// 正文留在各自的 assistant 消息上，面板挂回摘要行原位。
+				const outside: any[] = [];
+				const panel: any[] = [];
+				for (const child of anchorChildren) {
+					(typeof child?.childAtRow === "function" ? panel : outside).push(child);
+				}
+				for (const child of outside) round.anchor.contentContainer.addChild(child);
+				if (panel.length > 0) mountRoundTail(round, () => panel);
+				else unmountRoundTail(round);
+			} else {
+				unmountRoundTail(round);
+				for (const child of anchorChildren) round.anchor.contentContainer.addChild(child);
+			}
 			// 展开卡内工具会显示 error，外层仍挂 abort/length，避免只藏在折叠工具里。
 			appendStopStatus(round.anchor, stopStatus);
 			return;

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

@@ -33,6 +33,11 @@ import {
 } from "./tool/result.ts";
 import { oneLine } from "../utils/format.ts";
 import { showMoreHintText } from "./tool/show-more-hint.ts";
+import {
+	CODEMODE_TOOL_NAME,
+	codemodeExpandedBody,
+	createCodemodeResultComponent,
+} from "./tool/codemode.ts";
 import { countWriteDiffStats } from "./tool/diff/diff-renderer.ts";
 import { renderRichToolResult, type WriteExecutionMetadataStore } from "./tool/diff/index.ts";
 import { getMessageDisplayTheme } from "./tool/message-display.ts";
@@ -157,7 +162,7 @@ function taskListSummary(tasks: ParsedTask[]): string {
 		counts.completed ? `${counts.completed} completed` : "",
 	]
 		.filter(Boolean)
-		.join(" • ");
+		.join(" · ");
 }
 
 function renderExpandedTaskResult(
@@ -305,13 +310,38 @@ function createCcstyleTool(
 			}
 
 			const expanded = isToolExpanded(options, context);
+			const isError = Boolean(options?.isError || context?.isError);
+			// codemode：折叠态自己画子调用树，展开态给全部子调用与去掉脚本头的输出
+			if (toolName === CODEMODE_TOOL_NAME) {
+				if (!options?.isPartial) setToolVisualState(context, isError ? "error" : "success");
+				if (expanded) {
+					return renderExpandedToolResult(
+						codemodeExpandedBody(result),
+						theme,
+						isError,
+						context?.lastComponent,
+						context?.args,
+						context,
+						true,
+					);
+				}
+				// 折叠态不再复用展开视图，免得 hover/鼠标命中指向已隐藏的组件
+				if (context?.state) context.state.ccstyleIoView = undefined;
+				const toolCallId = context?.toolCallId;
+				return createCodemodeResultComponent({
+					result,
+					theme,
+					running: Boolean(options?.isPartial),
+					isError,
+					isHovered: () => isToolCallHovered(toolCallId),
+				});
+			}
 			if (options?.isPartial) {
 				// 展开态贴左（Box 提供 1 格 pad）；折叠态保持 3 格对齐标题
 				const pending = expanded ? "↳ Pending…" : "   ↳ Pending…";
 				return new Text(theme.fg("muted", pending), 0, 0);
 			}
 
-			const isError = options?.isError || context?.isError;
 			setToolVisualState(context, isError ? "error" : "success");
 			const toolCallId = context?.toolCallId;
 			if (shouldRenderRichDiff(config.mode, toolName, Boolean(isError))) {
@@ -356,7 +386,7 @@ function createCcstyleTool(
 						: "Done";
 			const expandable = !expanded && (tasks.length > 0 || hasExpandableDetail(text, args));
 			const hintText = showMoreHintText();
-			const hintPrefix = expandable ? theme.fg("dim", " • ") : "";
+			const hintPrefix = expandable ? theme.fg("dim", " · ") : "";
 			const hint = expandable ? hintPrefix + theme.fg("dim", hintText) : "";
 			const hoveredHint = expandable ? hintPrefix + theme.fg("text", hintText) : "";
 			if (expanded) {
@@ -669,7 +699,9 @@ export function installToolExpandedBackground(): () => void {
 			if (box) {
 				box.paddingX = 1;
 				box.paddingY = 1;
-				if (box.setBgFn) box.setBgFn((text: string) => theme.bg("userMessageBg", text));
+				if (box.setBgFn) {
+					box.setBgFn((text: string) => theme.bg(config.expandedCardBackground, text));
+				}
 			}
 		},
 		original,

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

@@ -144,7 +144,10 @@ function tryOpenToolIoShowMore(region: InteractionRegion): boolean {
 	}
 	const title = section === "input" ? "Tool Input" : "Tool Output";
 	const content = section === "input" ? ioView.getInputBody() : ioView.getOutputBody();
-	void showTextPreview({ ui }, title, content || "(empty)");
+	// 整段就是代码时包一层围栏：弹框按 Markdown 渲染，围栏代码块才会着色
+	const fence = section === "input" ? ioView.getInputCodeFence() : undefined;
+	const preview = fence ? `\`\`\`${fence.language}\n${fence.code}\n\`\`\`` : content;
+	void showTextPreview({ ui }, title, preview || "(empty)");
 	return true;
 }
 
@@ -433,7 +436,13 @@ function handleFullscreenToolClick(tui: any, packet: SgrMousePacket): boolean {
 		for (const other of others) {
 			if (other !== component && other.expanded) {
 				// 展开 round 卡内 thinking/工具时，外层 compact 卡是它的容器，不能收起。
-				if ((isThinking || isTool) && isCompactAssistantComponent(other)) continue;
+				// 面板挂在摘要行时，anchor 与摘要行是同一张外层卡，点内部工具不能收起它。
+				if (
+					(isThinking || isTool) &&
+					isCompactAssistantComponent(other) &&
+					(other === target.owner || other === target.owner?.roundAnchor)
+				)
+					continue;
 				other.setExpanded(false);
 				other.invalidate?.();
 			}

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

@@ -0,0 +1,303 @@
+/**
+ * codemode 的结果渲染：折叠态把子调用摊成工具组那样的树，最后一行用 └ 收尾。
+ *
+ * 数据来自 `result.details.calls`（CodemodeNestedCall[]，partial 更新里也有），所以运行中就能
+ * 看到子调用进度。两个坑：
+ *
+ * - 子调用不会单独成行：pi 会跳过带 `parentToolCallId` 的 tool_execution_start，进度只能在这里显示。
+ * - 输出以 "Script completed\nWall time …\nOutput:\n" 开头（pi 原生也切掉），行数统计与展开正文都得去掉它，
+ *   否则折叠摘要会多算 3 行。
+ */
+import { truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
+import { stripAnsi } from "../../utils/ansi-text.ts";
+import { toolLoadingIcon } from "../../utils/tool-loading-icon.ts";
+import { sanitizeToolResultText } from "../../utils/tool-result-sanitize.ts";
+import { mcpToolTitle } from "./mcp-title.ts";
+import {
+	type ToolCallSummary,
+	humanizeToolLabel,
+	renderToolSummary,
+	toolCallSummary,
+} from "./names.ts";
+import { showMoreHintText } from "./show-more-hint.ts";
+import { headTruncateToWidth, toolViewportWidth } from "./result.ts";
+
+export const CODEMODE_TOOL_NAME = "codemode";
+
+/** 折叠态最多列几条子调用（与 pi 原生一致，更早的折叠成一行）。 */
+const COLLAPSED_CALL_LIMIT = 8;
+/** 折叠态正文缩进，与 `   ↳ …` 对齐。 */
+const INDENT = "   ";
+
+/** 脚本结果头；只有整块正文恰好等于它时才算头。 */
+const SCRIPT_HEADER = /^Script (completed|failed)\nWall time [\d.]+ seconds\nOutput:\n$/;
+
+export type CodemodeNestedCall = {
+	name?: unknown;
+	/** 紧凑 JSON；过长时 pi 会截断，截断后 JSON.parse 会失败。 */
+	args?: unknown;
+	status?: unknown;
+	durationMs?: unknown;
+	error?: unknown;
+	cost?: unknown;
+};
+
+export function codemodeCalls(result: any): CodemodeNestedCall[] {
+	const calls = result?.details?.calls;
+	return Array.isArray(calls) ? calls : [];
+}
+
+/** 去掉脚本头之后的输出正文（已清理终端转义）。 */
+export function codemodeOutputText(result: any): string {
+	const content = Array.isArray(result?.content) ? result.content : [];
+	const blocks = content
+		.filter((item: any) => item?.type === "text")
+		.map((item: any) => String(item?.text ?? ""));
+	if (blocks.length > 0 && SCRIPT_HEADER.test(blocks[0]!)) blocks.shift();
+	return sanitizeToolResultText(blocks.join("\n"), 16_384).trim();
+}
+
+export function codemodeOutputLineCount(result: any): number {
+	const text = codemodeOutputText(result).replace(/\n+$/, "");
+	return text ? text.split("\n").length : 0;
+}
+
+/** 汇总行片段（按重要度先后排列，渲染时从尾部丢以适配宽度）。 */
+export function codemodeSummaryParts(
+	calls: readonly CodemodeNestedCall[],
+	outputLines: number,
+	running: boolean,
+): string[] {
+	const total = calls.length;
+	const failed = calls.filter((call) => call?.status === "error").length;
+	const runningCount = calls.filter((call) => !call?.status || call?.status === "running").length;
+	const parts: string[] = [];
+	if (running) {
+		if (runningCount)
+			parts.push(`${runningCount} ${runningCount === 1 ? "call" : "calls"} running`);
+		const done = total - runningCount;
+		if (done) parts.push(`${done} done`);
+		if (failed) parts.push(`${failed} failed`);
+		return parts.length ? parts : ["running…"];
+	}
+	if (total) parts.push(`${total} ${total === 1 ? "call" : "calls"}`);
+	if (failed) parts.push(`${failed} failed`);
+	if (outputLines) parts.push(`${outputLines} ${outputLines === 1 ? "line" : "lines"} output`);
+	return parts.length ? parts : ["Done"];
+}
+
+/** 宽度不够时从尾部丢片段（先丢输出行数，再丢条数），不断词。 */
+function fitSummaryParts(parts: readonly string[], width: number): string {
+	const kept = [...parts];
+	while (kept.length > 1 && visibleWidth(kept.join(" · ")) > width) kept.pop();
+	const text = kept.join(" · ");
+	return visibleWidth(text) <= width ? text : headTruncateToWidth(text, width);
+}
+
+function formatDuration(ms: number): string {
+	return ms < 1000 ? `${Math.round(ms)}ms` : `${(ms / 1000).toFixed(1)}s`;
+}
+
+/** 与 pi 原生一致：不到 1 分显示两位有效数字。 */
+function formatCost(cost: number): string {
+	return `$${cost >= 0.01 ? cost.toFixed(2) : cost.toPrecision(2)}`;
+}
+
+/** 单次子调用的耗时/费用（纯文本，着色由调用方决定）。 */
+function callMeta(call: CodemodeNestedCall): string[] {
+	const out: string[] = [];
+	const duration = call?.durationMs;
+	if (typeof duration === "number" && Number.isFinite(duration) && duration >= 0) {
+		out.push(formatDuration(duration));
+	}
+	const cost = call?.cost;
+	if (typeof cost === "number" && Number.isFinite(cost) && cost > 0) out.push(formatCost(cost));
+	return out;
+}
+
+/** 截断的紧凑 JSON 里能恢复出的对象；complete 标记是否原本就完整。 */
+type ParsedCallArgs = { args: Record<string, unknown>; complete: boolean };
+
+/** 截断串尾部补闭合符号的候选：先试收字符串，再收数组与对象。 */
+const REPAIR_CLOSERS = ['"}', '"}]}', '"}}', "}", "]}"];
+
+/**
+ * 子调用参数：先直接解析；pi 从尾部截断过（超 200 字符）的串再补救一次——
+ * 逐字回退补上缺少的闭合符号，取最长能解析出的对象。截断保留的是开头字段，
+ * path/command/pattern 这类先出现的取得到；被切掉的尾部值本就无从恢复。
+ */
+function parseCallArgs(raw: string): ParsedCallArgs | undefined {
+	try {
+		const parsed = JSON.parse(raw);
+		if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) {
+			return { args: parsed, complete: true };
+		}
+		return undefined;
+	} catch {
+		// 截断串：走补救
+	}
+	const body = raw.endsWith("...") ? raw.slice(0, -3) : raw;
+	if (!body.startsWith("{")) return undefined;
+	for (let end = body.length; end > 0; end--) {
+		for (const closer of REPAIR_CLOSERS) {
+			try {
+				const parsed = JSON.parse(body.slice(0, end) + closer);
+				if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) continue;
+				// 空对象等于没恢复出字段，再短也只会更空
+				if (Object.keys(parsed).length === 0) return undefined;
+				return { args: parsed, complete: false };
+			} catch {
+				// 试下一个闭合符号 / 下一个长度
+			}
+		}
+	}
+	return undefined;
+}
+
+/** 子调用参数：能解析就复用字段链摘要，认不出（截断后也不成形）就贴原文。 */
+function callSummary(call: CodemodeNestedCall): ToolCallSummary {
+	const name = String(call?.name ?? "tool");
+	const title = mcpToolTitle({ toolName: name }) ?? humanizeToolLabel(name);
+	const raw = typeof call?.args === "string" ? call.args : "";
+	if (!raw) return { main: title, detail: "" };
+	const parsed = parseCallArgs(raw);
+	if (parsed) {
+		const summary = toolCallSummary(name, parsed.args, { title, variant: "default" });
+		// 截断串只恢复出部分字段：字段链认出来了才用，认不出仍旧贴原文，
+		// 免得把不完整的 JSON 当成完整入参摊开。
+		if (parsed.complete || summary.payload === undefined) return summary;
+	}
+	return { main: title, detail: "", payload: raw };
+}
+
+function statusIcon(status: unknown, theme: any): string {
+	switch (status) {
+		case "ok":
+			return theme.fg("success", "✓");
+		case "error":
+			return theme.fg("error", "✗");
+		case "cancelled":
+			return theme.fg("muted", "⊘");
+		default:
+			// 运行中：帧在 render() 内取，动画定时器只负责 requestRender
+			return theme.fg("accent", toolLoadingIcon());
+	}
+}
+
+function callRow(call: CodemodeNestedCall, theme: any, rowWidth: number): string {
+	const fg = theme.fg.bind(theme);
+	const prefix = `${INDENT}${fg("dim", "├")} ${statusIcon(call?.status, theme)} `;
+	// detail（read 的 offset/limit 等）与工具组行一样接在标题后
+	const summary = callSummary(call);
+	const detail = fg("dim", summary.detail);
+	const suffix = callMeta(call)
+		.map((text) => ` ${fg("dim", text)}`)
+		.join("");
+	const mainWidth = Math.max(
+		0,
+		rowWidth - visibleWidth(prefix) - visibleWidth(detail) - visibleWidth(suffix),
+	);
+	const row = `${prefix}${renderToolSummary(summary, mainWidth, fg)}${detail}${suffix}`;
+	return truncateToWidth(row, rowWidth, "");
+}
+
+/**
+ * 折叠态（含运行中的 partial 更新）的行：子调用全用 ├，最后一行用 └ 收汇总，
+ * 与工具组的树一致。
+ */
+export function codemodeCollapsedLines(options: {
+	result: any;
+	theme: any;
+	running: boolean;
+	isError: boolean;
+	width: number;
+	/** 鼠标悬停整卡时展开提示用 text 色，与其它折叠卡一致。 */
+	hovered?: boolean;
+}): string[] {
+	const { result, theme, running, isError } = options;
+	const fg = theme.fg.bind(theme);
+	const calls = codemodeCalls(result);
+	const rowWidth = toolViewportWidth(options.width);
+	const shown = calls.slice(-COLLAPSED_CALL_LIMIT);
+	const lines: string[] = [];
+	if (shown.length < calls.length) {
+		const hidden = calls.length - shown.length;
+		lines.push(
+			truncateToWidth(
+				`${INDENT}${fg("dim", "├")} ${fg("dim", `… ${hidden} earlier ${hidden === 1 ? "call" : "calls"}`)}`,
+				rowWidth,
+				"",
+			),
+		);
+	}
+	for (const call of shown) lines.push(callRow(call, theme, rowWidth));
+
+	const summary = codemodeSummaryParts(calls, codemodeOutputLineCount(result), running);
+	// 没有子调用时不画衔接符，避免孤零零一个 └
+	const prefix = shown.length > 0 ? `${INDENT}${fg("dim", "└")} ` : INDENT;
+	const hint = running ? "" : ` ${fg(options.hovered ? "text" : "dim", `· ${showMoreHintText()}`)}`;
+	const bodyWidth = Math.max(1, rowWidth - visibleWidth(prefix) - visibleWidth(hint));
+	const body = fg(isError ? "error" : "muted", fitSummaryParts(summary, bodyWidth));
+	lines.push(truncateToWidth(`${prefix}${body}${hint}`, rowWidth, ""));
+	return lines;
+}
+
+/** 展开态正文：全部子调用（含错误文本）+ 去掉脚本头的输出 + 全量输出路径。 */
+export function codemodeExpandedBody(result: any): string {
+	const parts: string[] = [];
+	const calls = codemodeCalls(result);
+	if (calls.length > 0) {
+		parts.push(
+			calls
+				.map((call) => {
+					const name = String(call?.name ?? "tool");
+					const raw = typeof call?.args === "string" ? call.args : "";
+					const meta = callMeta(call);
+					const head = [name, raw, ...meta].filter(Boolean).join(" ");
+					const error =
+						typeof call?.error === "string" && call.error
+							? `\n    ${call.error.split("\n").join("\n    ")}`
+							: "";
+					return `${head}${error}`;
+				})
+				.join("\n"),
+		);
+	}
+	const output = codemodeOutputText(result);
+	if (output) parts.push(output);
+	const full = result?.details?.fullOutputPath;
+	if (typeof full === "string" && full.trim()) parts.push(`Full output: ${full.trim()}`);
+	return parts.join("\n\n");
+}
+
+/**
+ * 折叠态结果组件。只有汇总行是展开入口，与 diff 卡一致；行本身很便宜，
+ * 不自己缓存（settled 卡另有整行 paint 缓存，运行中本就按帧重算）。hover 状态在
+ * render() 内取，才能跟鼠标 motion 的 requestRender 同步。
+ */
+export function createCodemodeResultComponent(options: {
+	result: any;
+	theme: any;
+	running: boolean;
+	isError: boolean;
+	/** 折叠态 hover 查询，与 diff 卡同一套（mouse/hover）。 */
+	isHovered?: () => boolean;
+}): any {
+	const { result, theme, running, isError } = options;
+	return {
+		render(width: number): string[] {
+			return codemodeCollapsedLines({
+				result,
+				theme,
+				running,
+				isError,
+				width,
+				hovered: options.isHovered?.() ?? false,
+			});
+		},
+		invalidate(): void {},
+		isCollapsedHintLine(plainLine: string): boolean {
+			return !running && /(click to show more|to show more)\s*$/.test(stripAnsi(plainLine));
+		},
+	};
+}

package/node_modules/@herbertgao/pi-cc-extensions/extensions/renderer/tool/diff/diff-header.ts

@@ -81,7 +81,7 @@ export function renderHeaderRows(
 
 	const summaryPieces = [...buildDiffSummaryBasePieces(stats, theme), theme.fg("muted", mode)];
 
-	const summary = summaryPieces.join(mode === "split" ? " " : theme.fg("muted", " • "));
+	const summary = summaryPieces.join(mode === "split" ? " " : theme.fg("muted", " · "));
 	const meter = renderDiffStatBar(stats, width, theme);
 	if (!meter) {
 		return [{ text: stabilizeBackgroundResets(truncateToWidth(summary, width)), hunkIndex: null }];

package/node_modules/@herbertgao/pi-cc-extensions/extensions/renderer/tool/diff/diff-highlight.ts

@@ -91,6 +91,42 @@ export function createCodeLineHighlighter(
 	};
 }
 
+/**
+ * 通用代码块着色（codemode 的 `code` 字段等）：先用 pi 的同步 highlightCode 打底，
+ * 首帧就有颜色；再用 shiki 异步升级（与 diff 共用缓存与主题解析），落地后回调
+ * invalidate 重画。返回行数组，按源行一一对应；语言不识或未就绪时给打底结果。
+ */
+export function createCodeBlockHighlighter(
+	code: string,
+	language: string | undefined,
+	theme: DiffTheme,
+	invalidate?: () => void,
+): () => string[] {
+	const cleanCode = sanitizeToolResultText(code).replace(/\r/g, "");
+	const cleanLines = cleanCode.split("\n").map(cleanCodeLine);
+	if (!language || !shouldHighlightCodeBlock(cleanCode)) {
+		return () => cleanLines.map(sanitizeAnsiForThemedOutput);
+	}
+	let fallback: string[];
+	try {
+		fallback = highlightCode(cleanCode, language).map(sanitizeAnsiForThemedOutput);
+	} catch {
+		fallback = cleanLines.map(sanitizeAnsiForThemedOutput);
+	}
+	const shikiTheme = resolveShikiTheme(theme);
+	let highlighted: string[] | undefined;
+	const resolve = () => {
+		if (highlighted) return;
+		const result = shikiHighlightCache.get(cleanCode, language, shikiTheme, fallback, invalidate);
+		if (result) highlighted = result.map(sanitizeAnsiForThemedOutput);
+	};
+	resolve();
+	return () => {
+		resolve();
+		return highlighted ?? fallback;
+	};
+}
+
 export function highlightDiffLine(
 	codeText: string,
 	entry: DiffLineEntry,

package/node_modules/@herbertgao/pi-cc-extensions/extensions/renderer/tool/diff/diff-presentation.ts

@@ -52,8 +52,8 @@ export function buildDiffSummaryText(stats: DiffSummaryStats, width: number): st
 	}
 
 	const summaryCandidates = [
-		`↳ diff +${stats.added} -${stats.removed} • ${stats.hunks} ${pluralize(stats.hunks, "hunk")} • ${stats.files} ${pluralize(stats.files, "file")}`,
-		`↳ diff +${stats.added} -${stats.removed} • ${stats.hunks}h • ${stats.files}f`,
+		`↳ diff +${stats.added} -${stats.removed} · ${stats.hunks} ${pluralize(stats.hunks, "hunk")} · ${stats.files} ${pluralize(stats.files, "file")}`,
+		`↳ diff +${stats.added} -${stats.removed} · ${stats.hunks}h · ${stats.files}f`,
 		`↳ diff +${stats.added} -${stats.removed}`,
 		`+${stats.added} -${stats.removed}`,
 		"diff",