pi-cc-extensions 0.8.45 → 0.8.47

package/extensions/context.ts

@@ -43,124 +43,214 @@ export function escCloseHitbox(bounds: DialogBounds): {
 	};
 }
 
+let activeTextPreviews = 0;
+
+/** fullscreen 输入包装用于把鼠标事件继续传给当前文本预览 overlay。 */
+export function hasActiveTextPreview(): boolean {
+	return activeTextPreviews > 0;
+}
+
 export async function showTextPreview(
 	ctx: Pick<ExtensionCommandContext, "ui">,
 	title: string,
 	rawContent: string,
 ): Promise<void> {
 	const content = normalizePreviewText(rawContent);
-	await ctx.ui.custom(
-		(tui, theme, _keybindings, done) => {
-			let scrollOffset = 0;
-			let pageSize = 1;
-			let totalLines = 1;
-			let escHitbox: { row: number; startCol: number; endCol: number } | undefined;
-			const markdownView = new Markdown(content, 0, 0, getMarkdownTheme());
-
-			const scrollTo = (nextOffset: number): void => {
-				scrollOffset = Math.max(0, Math.min(nextOffset, Math.max(0, totalLines - pageSize)));
-				tui.requestRender();
-			};
-
-			return {
-				invalidate() {
-					markdownView.invalidate();
-				},
-				handleInput(data: string) {
-					if (matchesKey(data, Key.escape) || matchesKey(data, Key.ctrl("c"))) {
-						done(undefined);
-						return;
-					}
-					if (matchesKey(data, Key.up)) scrollTo(scrollOffset - 1);
-					else if (matchesKey(data, Key.down)) scrollTo(scrollOffset + 1);
-					else if (matchesKey(data, "pageUp")) scrollTo(scrollOffset - pageSize);
-					else if (matchesKey(data, "pageDown")) scrollTo(scrollOffset + pageSize);
-					else if (matchesKey(data, Key.home)) scrollTo(0);
-					else if (matchesKey(data, Key.end)) scrollTo(totalLines - pageSize);
-					else {
-						const mouse = parseSgrMousePacket(data);
-						if (mouse?.final !== "M") return;
-						const button = mouseBaseButton(mouse.code);
-						if (button === 0 && (mouse.code & 32) === 0) {
-							if (
+	activeTextPreviews++;
+	try {
+		await ctx.ui.custom(
+			(tui, theme, _keybindings, done) => {
+				let scrollOffset = 0;
+				let pageSize = 1;
+				let totalLines = 1;
+				let escHovered = false;
+				let escHitbox: { row: number; startCol: number; endCol: number } | undefined;
+				let scrollbarHitbox:
+					| {
+							col: number;
+							startRow: number;
+							endRow: number;
+							thumbStart: number;
+							thumbSize: number;
+							maxOffset: number;
+					  }
+					| undefined;
+				let scrollbarDragOffset: number | null = null;
+				const markdownView = new Markdown(content, 0, 0, getMarkdownTheme());
+
+				const scrollTo = (nextOffset: number): void => {
+					const next = Math.max(0, Math.min(nextOffset, Math.max(0, totalLines - pageSize)));
+					if (next === scrollOffset) return;
+					scrollOffset = next;
+					tui.requestRender();
+				};
+
+				const setEscHovered = (hovered: boolean): void => {
+					if (hovered === escHovered) return;
+					escHovered = hovered;
+					tui.requestRender();
+				};
+
+				const dragScrollbarTo = (mouseRow: number): void => {
+					if (!scrollbarHitbox || scrollbarDragOffset === null) return;
+					const trackSize = scrollbarHitbox.endRow - scrollbarHitbox.startRow + 1;
+					const maxThumbStart = Math.max(0, trackSize - scrollbarHitbox.thumbSize);
+					const thumbStart = Math.max(
+						0,
+						Math.min(mouseRow - scrollbarHitbox.startRow - scrollbarDragOffset, maxThumbStart),
+					);
+					const nextOffset =
+						maxThumbStart > 0
+							? Math.round((thumbStart / maxThumbStart) * scrollbarHitbox.maxOffset)
+							: 0;
+					scrollTo(nextOffset);
+				};
+
+				return {
+					invalidate() {
+						markdownView.invalidate();
+					},
+					handleInput(data: string) {
+						if (matchesKey(data, Key.escape) || matchesKey(data, Key.ctrl("c"))) {
+							done(undefined);
+							return;
+						}
+						if (matchesKey(data, Key.up)) scrollTo(scrollOffset - 1);
+						else if (matchesKey(data, Key.down)) scrollTo(scrollOffset + 1);
+						else if (matchesKey(data, "pageUp")) scrollTo(scrollOffset - pageSize);
+						else if (matchesKey(data, "pageDown")) scrollTo(scrollOffset + pageSize);
+						else if (matchesKey(data, Key.home)) scrollTo(0);
+						else if (matchesKey(data, Key.end)) scrollTo(totalLines - pageSize);
+						else {
+							const mouse = parseSgrMousePacket(data);
+							if (!mouse) return;
+							if (mouse.final === "m") {
+								scrollbarDragOffset = null;
+								return;
+							}
+							const overEsc = Boolean(
 								escHitbox &&
-								mouse.row === escHitbox.row &&
-								mouse.col >= escHitbox.startCol &&
-								mouse.col <= escHitbox.endCol
-							) {
-								done(undefined);
+									mouse.row === escHitbox.row &&
+									mouse.col >= escHitbox.startCol &&
+									mouse.col <= escHitbox.endCol,
+							);
+							setEscHovered(overEsc);
+							const button = mouseBaseButton(mouse.code);
+							const motion = (mouse.code & 32) !== 0;
+							if (button === 0 && !motion) {
+								if (overEsc) {
+									done(undefined);
+									return;
+								}
+								if (
+									scrollbarHitbox &&
+									mouse.col === scrollbarHitbox.col &&
+									mouse.row >= scrollbarHitbox.startRow &&
+									mouse.row <= scrollbarHitbox.endRow
+								) {
+									const trackRow = mouse.row - scrollbarHitbox.startRow;
+									const inThumb =
+										trackRow >= scrollbarHitbox.thumbStart &&
+										trackRow < scrollbarHitbox.thumbStart + scrollbarHitbox.thumbSize;
+									scrollbarDragOffset = inThumb
+										? trackRow - scrollbarHitbox.thumbStart
+										: Math.floor(scrollbarHitbox.thumbSize / 2);
+									dragScrollbarTo(mouse.row);
+									return;
+								}
+							}
+							if (motion && scrollbarDragOffset !== null) {
+								dragScrollbarTo(mouse.row);
 								return;
 							}
+							if (button === 64) scrollTo(scrollOffset - 3);
+							else if (button === 65) scrollTo(scrollOffset + 3);
 						}
-						if (button === 64) scrollTo(scrollOffset - 3);
-						else if (button === 65) scrollTo(scrollOffset + 3);
-					}
-				},
-				render(width: number) {
-					const inner = Math.max(1, width - 2);
-					const escWidth = visibleWidth("[esc]");
-					const bodyInner = Math.max(1, inner - 1);
-					const bodyWidth = Math.max(1, bodyInner - 1);
-					const terminalHeight = Math.max(1, tui.terminal.rows);
-					const availableHeight = Math.max(1, terminalHeight - 4);
-					const viewportHeight = Math.min(
-						30,
-						Math.max(1, Math.floor(terminalHeight * 0.8)),
-						availableHeight,
-					);
-					pageSize = Math.max(1, viewportHeight - 6);
-					const wrapped = markdownView.render(bodyWidth);
-					totalLines = wrapped.length;
-					scrollOffset = Math.min(scrollOffset, Math.max(0, totalLines - pageSize));
-					// Centered overlay with margin 2: mirror TUI resolveOverlayLayout for anchor "center".
-					const overlayTop = 2 + Math.floor((availableHeight - viewportHeight) / 2);
-					const overlayLeft = Math.floor((Math.max(1, tui.terminal.columns) - width) / 2);
-					escHitbox = escCloseHitbox({ left: overlayLeft, top: overlayTop, width });
-					const visible = wrapped.slice(scrollOffset, scrollOffset + pageSize);
-					const border = (text: string) => theme.fg("border", text);
-					const padLine = (text: string, lineWidth = inner): string => {
-						const truncated = truncateToWidth(text, lineWidth, "…");
-						return truncated + " ".repeat(Math.max(0, lineWidth - visibleWidth(truncated)));
-					};
-					const scrollable = totalLines > pageSize;
-					const thumbSize = scrollable
-						? Math.max(1, Math.floor((pageSize * pageSize) / totalLines))
-						: 0;
-					const maxScrollOffset = Math.max(0, totalLines - pageSize);
-					const thumbStart =
-						scrollable && maxScrollOffset > 0
-							? Math.round((scrollOffset / maxScrollOffset) * (pageSize - thumbSize))
+					},
+					render(width: number) {
+						const inner = Math.max(1, width - 2);
+						const escWidth = visibleWidth("[esc]");
+						const bodyInner = Math.max(1, inner - 1);
+						const bodyWidth = Math.max(1, bodyInner - 1);
+						const terminalHeight = Math.max(1, tui.terminal.rows);
+						const availableHeight = Math.max(1, terminalHeight - 4);
+						const viewportHeight = Math.min(
+							30,
+							Math.max(1, Math.floor(terminalHeight * 0.8)),
+							availableHeight,
+						);
+						pageSize = Math.max(1, viewportHeight - 6);
+						const wrapped = markdownView.render(bodyWidth);
+						totalLines = wrapped.length;
+						scrollOffset = Math.min(scrollOffset, Math.max(0, totalLines - pageSize));
+						// Centered overlay with margin 2: mirror TUI resolveOverlayLayout for anchor "center".
+						const overlayTop = 2 + Math.floor((availableHeight - viewportHeight) / 2);
+						const overlayLeft = Math.floor((Math.max(1, tui.terminal.columns) - width) / 2);
+						escHitbox = escCloseHitbox({ left: overlayLeft, top: overlayTop, width });
+						const visible = wrapped.slice(scrollOffset, scrollOffset + pageSize);
+						const border = (text: string) => theme.fg("border", text);
+						const padLine = (text: string, lineWidth = inner): string => {
+							const truncated = truncateToWidth(text, lineWidth, "…");
+							return truncated + " ".repeat(Math.max(0, lineWidth - visibleWidth(truncated)));
+						};
+						const scrollable = totalLines > pageSize;
+						const thumbSize = scrollable
+							? Math.max(1, Math.floor((pageSize * pageSize) / totalLines))
 							: 0;
-					const scrollbar = (row: number): string => {
-						if (!scrollable) return " ";
-						const inThumb = row >= thumbStart && row < thumbStart + thumbSize;
-						return theme.fg(inThumb ? "accent" : "borderMuted", inThumb ? "█" : "│");
-					};
-					const bodyRows = Array.from({ length: pageSize }, (_, row) => {
-						const line = visible[row] ?? "";
-						return `${border("│")}${padLine(` ${line}`, bodyInner)}${scrollbar(row)}${border("│")}`;
-					});
-					const start = totalLines === 0 ? 0 : scrollOffset + 1;
-					const end = Math.min(totalLines, scrollOffset + pageSize);
-					const status = `${start}-${end} / ${totalLines} lines · ↑↓ PgUp/PgDn Home/End · [esc] close`;
-
-					return [
-						border(`╭${"─".repeat(inner)}╮`),
-						`${border("│")}${padLine(` ${theme.bold(theme.fg("accent", title))}`, inner - escWidth)}${theme.fg("muted", "[esc]")}${border("│")}`,
-						`${border("├")}${border("─".repeat(inner))}${border("┤")}`,
-						...bodyRows,
-						`${border("├")}${border("─".repeat(inner))}${border("┤")}`,
-						`${border("│")}${padLine(theme.fg("dim", ` ${status}`))}${border("│")}`,
-						border(`╰${"─".repeat(inner)}╯`),
-					];
+						const maxScrollOffset = Math.max(0, totalLines - pageSize);
+						const thumbStart =
+							scrollable && maxScrollOffset > 0
+								? Math.round((scrollOffset / maxScrollOffset) * (pageSize - thumbSize))
+								: 0;
+						scrollbarHitbox = scrollable
+							? {
+									col: overlayLeft + width - 1,
+									startRow: overlayTop + 4,
+									endRow: overlayTop + 3 + pageSize,
+									thumbStart,
+									thumbSize,
+									maxOffset: maxScrollOffset,
+								}
+							: undefined;
+						const scrollbar = (row: number): string => {
+							if (!scrollable) return " ";
+							const inThumb = row >= thumbStart && row < thumbStart + thumbSize;
+							return theme.fg(inThumb ? "accent" : "borderMuted", inThumb ? "█" : "│");
+						};
+						const bodyRows = Array.from({ length: pageSize }, (_, row) => {
+							const line = visible[row] ?? "";
+							return `${border("│")}${padLine(` ${line}`, bodyInner)}${scrollbar(row)}${border("│")}`;
+						});
+						const start = totalLines === 0 ? 0 : scrollOffset + 1;
+						const end = Math.min(totalLines, scrollOffset + pageSize);
+						const status = `${start}-${end} / ${totalLines} lines · ↑↓ PgUp/PgDn Home/End · [esc] close`;
+
+						return [
+							border(`╭${"─".repeat(inner)}╮`),
+							`${border("│")}${padLine(` ${theme.bold(theme.fg("accent", title))}`, inner - escWidth)}${theme.fg(escHovered ? "text" : "muted", "[esc]")}${border("│")}`,
+							`${border("├")}${border("─".repeat(inner))}${border("┤")}`,
+							...bodyRows,
+							`${border("├")}${border("─".repeat(inner))}${border("┤")}`,
+							`${border("│")}${padLine(theme.fg("dim", ` ${status}`))}${border("│")}`,
+							border(`╰${"─".repeat(inner)}╯`),
+						];
+					},
+				};
+			},
+			{
+				overlay: true,
+				overlayOptions: {
+					anchor: "center",
+					width: "85%",
+					minWidth: 50,
+					maxHeight: "80%",
+					margin: 2,
 				},
-			};
-		},
-		{
-			overlay: true,
-			overlayOptions: { anchor: "center", width: "85%", minWidth: 50, maxHeight: "80%", margin: 2 },
-		},
-	);
+			},
+		);
+	} finally {
+		activeTextPreviews--;
+	}
 }
 
 type SgrMousePacket = {

package/extensions/index.ts

@@ -3,15 +3,16 @@ import agentAutocomplete from "./agent-autocomplete.ts";
 import claudeCodeStyle, { getCompactThinkingConfig } from "./claude-code-style.ts";
 import { installCompactThinking, type CompactThinkingController } from "./compact-thinking.ts";
 import context from "./context.ts";
+import markdownEnhance from "./markdown-enhance.ts";
 import piAliases from "./pi-aliases.ts";
 import piStartupHeader from "./pi-startup-header.ts";
 import sessionReference from "./session-reference.ts";
-import subagentNotification from "./subagent-notification.ts";
 import workingMessage from "./working-message.ts";
 
 export default function (pi: ExtensionAPI): void {
 	piAliases(pi);
 	piStartupHeader(pi);
+	markdownEnhance(pi);
 	let compactThinking: CompactThinkingController | undefined;
 	const compactThinkingBridge: CompactThinkingController = {
 		updateConfig(next) {
@@ -20,7 +21,6 @@ export default function (pi: ExtensionAPI): void {
 	};
 	claudeCodeStyle(pi, undefined, compactThinkingBridge);
 	compactThinking = installCompactThinking(pi, getCompactThinkingConfig());
-	subagentNotification(pi);
 	workingMessage(pi);
 	context(pi);
 	sessionReference(pi);

package/extensions/markdown-enhance.ts

@@ -0,0 +1,208 @@
+import type { ExtensionAPI } from "@earendil-works/pi-coding-agent";
+import { render as renderMermaid, sourceBox } from "grok-mermaid";
+
+// ============================================================================
+// Mermaid 方言渲染
+// ============================================================================
+
+// 内置 mermaid transformer 只认 ```mermaid，这里补上 grok-mermaid 支持的其他方言
+const DIAGRAM_FENCE =
+	/^(`{3,})\s*(mermaid|statediagram|statediagram-v2|classdiagram|classdiagram-v2|erdiagram|sequencediagram)\s*$/i;
+const FENCE_OPEN = /^(`{3,})/;
+const FENCE_CLOSE = /^`{3,}\s*$/;
+
+/** 把一行图内容包成行内代码（保持空格与框线字符对齐）。 */
+function codeSpan(line: string): string {
+	const content = line || "\u00a0";
+	const longestRun = Math.max(0, ...Array.from(content.matchAll(/`+/g), (m) => m[0].length));
+	const fence = "`".repeat(longestRun + 1);
+	const padding = content.startsWith("`") || content.endsWith("`") ? " " : "";
+	return `${fence}${padding}${content}${padding}${fence}`;
+}
+
+/** 渲染失败或图宽超出终端宽度时，把源码包进带标题的框里显示。 */
+function framedSource(src: string, width: number): string {
+	const box = sourceBox(src, Math.max(8, width - 2));
+	return `\`\`\`\n${box.plain.join("\n")}\n\`\`\``;
+}
+
+/** 解析 ```diagram 代码块，返回 { 源码, 块内行数 }；未闭合返回 null。 */
+function collectFence(lines: string[], i: number): { diagram: string; next: number } | null {
+	const open = lines[i].match(FENCE_OPEN)?.[0] ?? "```";
+	const src: string[] = [];
+	let j = i + 1;
+	while (j < lines.length) {
+		if (lines[j].match(FENCE_CLOSE) && lines[j].startsWith(open)) {
+			return { diagram: src.join("\n"), next: j + 1 };
+		}
+		src.push(lines[j]);
+		j++;
+	}
+	return null; // 未闭合：放弃转换，保持原文
+}
+
+// ============================================================================
+// GitHub 风格提示框（admonition）
+// ============================================================================
+
+const ADMONITION = /^>\s*\[\s*!(NOTE|TIP|IMPORTANT|WARNING|CAUTION)\s*\]\s*(.*)$/i;
+const ADMONITION_STYLE: Record<string, { icon: string; label: string }> = {
+	NOTE: { icon: "💡", label: "NOTE" },
+	TIP: { icon: "✅", label: "TIP" },
+	IMPORTANT: { icon: "❗", label: "IMPORTANT" },
+	WARNING: { icon: "⚠️", label: "WARNING" },
+	CAUTION: { icon: "⚠️", label: "CAUTION" },
+};
+
+/**
+ * 把 > [!TYPE] 及其后续 > 行转成两列表格（图标标签列 + 内容列），视觉上成提示框。
+ * 表格 cell 内不支持换行（<br> 显示为字面量），多行内容用空格合并。
+ * 返回 null 表示该行不是提示框。
+ */
+function renderAdmonition(lines: string[], i: number): { output: string[]; next: number } | null {
+	const m = lines[i].match(ADMONITION);
+	if (!m) return null;
+	const style = ADMONITION_STYLE[m[1].toUpperCase()];
+	const body: string[] = [m[2]];
+	let j = i + 1;
+	while (j < lines.length && /^>\s?/.test(lines[j]) && !ADMONITION.test(lines[j])) {
+		body.push(lines[j].replace(/^>\s?/, ""));
+		j++;
+	}
+	while (body.length > 0 && body[body.length - 1].trim() === "") body.pop();
+	// 内容里的 | 转义，避免拆出额外表格列
+	const content = body.join(" ").trim().replace(/\|/g, "\\|");
+	// 表格后补空行，防止紧接的段落被解析为表格数据行
+	return {
+		output: [`| ${style.icon} ${style.label} | ${content} |`, "|---|---|", ""],
+		next: j,
+	};
+}
+
+// ============================================================================
+// 裸 URL 转可点击超链接
+// ============================================================================
+
+const URL_RE = /(?<!<)(?<!\]\()https?:\/\/[^\s<>'"|，。；：！？、」』】]+/g;
+const TRIM_URL_RE = /[.,;:!?】」』"'》]+$/;
+
+/** 去掉 URL 尾部标点；括号按平衡保留（如 Wikipedia 链接含括号）。 */
+function trimUrl(url: string): string {
+	let t = url.replace(TRIM_URL_RE, "");
+	while (t.endsWith(")") && (t.match(/\(/g)?.length ?? 0) < (t.match(/\)/g)?.length ?? 0)) {
+		t = t.slice(0, -1);
+	}
+	return t;
+}
+
+/**
+ * 把代码块和行内代码外的裸 URL 转成 markdown 链接。
+ * 已有的 [text](url) / ![alt](url) / <url> 自动链接用 lookbehind 排除。
+ */
+function linkifyUrls(markdown: string): string {
+	const lines = markdown.split("\n");
+	const out: string[] = [];
+	let inFence = false;
+	for (const line of lines) {
+		if (/^```/.test(line)) {
+			inFence = !inFence;
+			out.push(line);
+			continue;
+		}
+		if (inFence) {
+			out.push(line);
+			continue;
+		}
+		// 行内代码（`...`）按反引号分片，只处理偶数片（代码外）
+		const parts = line.split("`");
+		for (let p = 0; p < parts.length; p++) {
+			if (p % 2 === 0) {
+				parts[p] = parts[p].replace(URL_RE, (url) => {
+					const trimmed = trimUrl(url);
+					if (trimmed.length === 0) return url;
+					return `[${trimmed}](${trimmed})`;
+				});
+			}
+		}
+		out.push(parts.join("`"));
+	}
+	return out.join("\n");
+}
+
+// ============================================================================
+// 注册
+// ============================================================================
+
+export default function (pi: ExtensionAPI): void {
+	// 1. Mermaid 方言渲染（流式跳过，最终渲染时执行）
+	pi.registerMarkdownTransformer((markdown, context) => {
+		const { isStreaming = false, availableWidth } = context ?? {};
+		if (isStreaming) return markdown;
+		const lines = markdown.split("\n");
+		const out: string[] = [];
+		let i = 0;
+		while (i < lines.length) {
+			const line = lines[i];
+			const fence = line.match(DIAGRAM_FENCE);
+			if (fence) {
+				const collected = collectFence(lines, i);
+				if (collected) {
+					const { diagram, next } = collected;
+					// grok-mermaid 需要源码自带类型头，方言头在 fence 标签里时补回去
+					const label = fence[2];
+					const src = label.toLowerCase() === "mermaid" ? diagram : `${label}\n${diagram}`;
+					let art = null;
+					try {
+						art = renderMermaid(src);
+					} catch {
+						art = null;
+					}
+					const width = availableWidth ?? 80;
+					if (art && art.width <= width) {
+						// 图行用硬换行（行尾两空格）连接，防止 Markdown 软换行合并行
+						out.push(art.plain.map(codeSpan).join("  \n"));
+					} else {
+						out.push(framedSource(src, width));
+					}
+					i = next;
+					continue;
+				}
+				// 未闭合：保持原文
+			}
+			out.push(line);
+			i++;
+		}
+		return out.join("\n");
+	});
+
+	// 2. GitHub 风格提示框（跳过代码块）
+	pi.registerMarkdownTransformer((markdown) => {
+		const lines = markdown.split("\n");
+		const out: string[] = [];
+		let inFence = false;
+		let i = 0;
+		while (i < lines.length) {
+			const line = lines[i];
+			if (/^```/.test(line)) {
+				inFence = !inFence;
+				out.push(line);
+				i++;
+				continue;
+			}
+			if (!inFence && /^>\s*\[\s*!/i.test(line)) {
+				const result = renderAdmonition(lines, i);
+				if (result) {
+					out.push(...result.output);
+					i = result.next;
+					continue;
+				}
+			}
+			out.push(line);
+			i++;
+		}
+		return out.join("\n");
+	});
+
+	// 3. 裸 URL 转超链接
+	pi.registerMarkdownTransformer((markdown) => linkifyUrls(markdown));
+}

package/extensions/pi-aliases.ts

@@ -5,9 +5,6 @@
  *   /clear → /new  (start a new session)
  *   /exit  → /quit (exit pi)
  *
- * Install:
- *   pi install npm:pi-aliases
- *   pi install git:github.com/xRyul/pi-aliases
  */
 
 import type { ExtensionAPI } from "@earendil-works/pi-coding-agent";

package/extensions/tool-diff/diff-renderer.ts

@@ -2319,13 +2319,18 @@ function applyLineLimit(
 		DIFF_WIDTH_OPS,
 	);
 
+	const clickLabel = "click to show more";
+	const clickIndex = hintText.lastIndexOf(clickLabel);
+	const styledHint =
+		hovered && !expanded && clickIndex >= 0
+			? theme.fg("muted", hintText.slice(0, clickIndex)) +
+				theme.fg("text", clickLabel) +
+				theme.fg("muted", hintText.slice(clickIndex + clickLabel.length))
+			: theme.fg(expanded ? "warning" : "muted", hintText);
 	return [
 		...shown.map((row) => clampDiffLineToWidth(row.text, width)),
 		renderDiffSpacerLine(width),
-		clampDiffLineToWidth(
-			theme.fg(expanded ? "warning" : hovered ? "text" : "muted", hintText),
-			width,
-		),
+		clampDiffLineToWidth(styledHint, width),
 	];
 }
 

package/extensions/tool-grouping.ts

@@ -311,7 +311,8 @@ export class ToolGroupComponent extends Container {
 		if (overall === "pending") scheduleGroupAnimation(this.patch);
 		const overallColor = overall === "pending" ? "accent" : overall;
 		const nameList = names.size > 1 ? ` ${fg("dim", `• ${toolNameList(this.children)}`)}` : "";
-		const hint = fg(this.hintHovered ? "text" : "dim", "• click to show more");
+		// 圆点保持 dim；hover 只高亮可点击文字。
+		const hint = `${fg("dim", "•")} ${fg(this.hintHovered ? "text" : "dim", "click to show more")}`;
 		const lines = [
 			"",
 			truncateToWidth(

package/package.json

@@ -1,15 +1,14 @@
 {
 	"name": "pi-cc-extensions",
-	"version": "0.8.45",
+	"version": "0.8.47",
 	"license": "MIT",
-	"description": "A Pi productivity suite with Claude Code-style UI, fixed editor, context inspection, and agent/session references",
+	"description": "A Pi productivity suite with Claude Code-style UI, context inspection, and agent/session references",
 	"type": "module",
 	"keywords": [
 		"pi-package",
 		"pi-extension",
 		"pi-coding-agent",
-		"claude-code",
-		"fixed-editor"
+		"claude-code"
 	],
 	"homepage": "https://github.com/minuque/pi-cc-extensions#readme",
 	"repository": {
@@ -32,9 +31,11 @@
 		],
 		"themes": [
 			"./themes/github-dark-default.json",
-			"./themes/cc-dark.json"
+			"./themes/cc-dark.json",
+			"./themes/cc-light.json"
 		],
-		"image": "https://raw.githubusercontent.com/minuque/pi-cc-extensions/main/assets/readme/welcome.webp"
+		"image": "https://raw.githubusercontent.com/minuque/pi-cc-extensions/main/assets/readme/welcome.webp",
+		"video": "https://github.com/user-attachments/assets/debf76ea-a9dc-4f34-977f-aae344a9a7f8"
 	},
 	"scripts": {
 		"test": "node --test tests/**/*.test.ts",
@@ -48,12 +49,10 @@
 	},
 	"dependencies": {
 		"@shikijs/cli": "^4.0.2",
-		"@tifan/pi-fixed-editor": "^0.2.5",
+		"grok-mermaid": "^0.2.2",
 		"jiti": "^2.7.0"
 	},
-	"bundledDependencies": [
-		"@tifan/pi-fixed-editor"
-	],
+	"bundledDependencies": [],
 	"peerDependencies": {
 		"@earendil-works/pi-ai": "^0.84.0",
 		"@earendil-works/pi-coding-agent": "^0.84.0",
@@ -65,8 +64,5 @@
 	"devDependencies": {
 		"@biomejs/biome": "2.5.5",
 		"@types/node": "^26.1.1"
-	},
-	"bundleDependencies": [
-		"@tifan/pi-fixed-editor"
-	]
+	}
 }