@herbertgao/pi-extensions 2026.8.3 → 2026.8.5

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

@@ -769,13 +769,13 @@ export function installCompactMode(deps: CompactModeInstallDeps): CompactModeHoo
 		dispose: () => {},
 	};
 
-	const passThroughAssistant = (component: any, message: any): any => {
+	const passThroughAssistant = (component: any, message: any, isStreaming?: boolean): any => {
 		const self = component as any;
 		if (self[ASSISTANT_REENTRY_KEY] === patch)
-			return patch.assistantNative.call(component, message);
+			return patch.assistantNative.call(component, message, isStreaming);
 		self[ASSISTANT_REENTRY_KEY] = patch;
 		try {
-			return patch.assistantOriginal.call(component, message);
+			return patch.assistantOriginal.call(component, message, isStreaming);
 		} finally {
 			delete self[ASSISTANT_REENTRY_KEY];
 		}
@@ -845,12 +845,20 @@ export function installCompactMode(deps: CompactModeInstallDeps): CompactModeHoo
 		if (render) renderRound(round);
 	};
 
-	const renderAssistantWithoutThinking = (component: any, message: any): any => {
+	const renderAssistantWithoutThinking = (
+		component: any,
+		message: any,
+		isStreaming?: boolean,
+	): any => {
 		const content = Array.isArray(message?.content) ? message.content : [];
-		const result = passThroughAssistant(component, {
-			...message,
-			content: content.filter((item: any) => item?.type !== "thinking"),
-		});
+		const result = passThroughAssistant(
+			component,
+			{
+				...message,
+				content: content.filter((item: any) => item?.type !== "thinking"),
+			},
+			isStreaming,
+		);
 		component.lastMessage = message;
 		return result;
 	};
@@ -980,18 +988,19 @@ export function installCompactMode(deps: CompactModeInstallDeps): CompactModeHoo
 		stopRoundTick();
 	};
 
-	patch.assistantInstalled = function (this: any, message: any) {
+	patch.assistantInstalled = function (this: any, message: any, isStreaming?: boolean) {
 		const self = this as any;
+		if (isStreaming !== undefined) self.isStreaming = isStreaming;
 		if (self[ASSISTANT_REENTRY_KEY] === patch) {
-			return patch.assistantNative.call(this, message);
+			return patch.assistantNative.call(this, message, isStreaming);
 		}
 		self.lastMessage = message;
 		trackedAssistantComponents.add(this);
 		if (!patch.active || config.mode !== "compact") {
-			return passThroughAssistant(this, message);
+			return passThroughAssistant(this, message, isStreaming);
 		}
 		if (!self.contentContainer || typeof self.contentContainer.clear !== "function") {
-			return passThroughAssistant(this, message);
+			return passThroughAssistant(this, message, isStreaming);
 		}
 
 		const content = Array.isArray(message?.content) ? message.content : [];

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

@@ -158,11 +158,10 @@ function singleToolCallSummary(
 	const name = toolName.toLowerCase();
 	const value = (fallback: string, ...keys: string[]) => {
 		const found = keys.map((key) => args[key]).find((item) => typeof item === "string" && item);
-		// 与多 tool 摘要对齐：从头截断，上限 96 字符（tool-grouping oneLine 默认值）。
-		return `${title} ${oneLine(found || fallback, 96)}`;
+		return `${title} ${oneLine(found || fallback)}`;
 	};
 	if (AGENT_FAMILY_TOOL_NAMES.has(toolName) && args.agent_id) {
-		return { main: `${title} ${oneLine(args.agent_id, 96)}`, detail: "" };
+		return { main: `${title} ${oneLine(args.agent_id)}`, detail: "" };
 	}
 	// Agents 走 ccstyle wrapper；Agent 保留专用渲染器。
 	if (name === "agents") {
@@ -203,7 +202,7 @@ function singleToolCallSummary(
 			args.limit !== undefined ? `limit=${args.limit}` : "",
 		].filter(Boolean);
 		return {
-			main: `${title}${args.path ? ` ${oneLine(args.path, 96)}` : ""}`,
+			main: `${title}${args.path ? ` ${oneLine(args.path)}` : ""}`,
 			detail: details.length ? ` (${details.join(", ")})` : "",
 		};
 	}
@@ -223,7 +222,7 @@ function singleToolCallSummary(
 	return {
 		main:
 			preferred !== undefined && preferred !== null && typeof preferred !== "object"
-				? `${title} ${oneLine(preferred, 96)}`
+				? `${title} ${oneLine(preferred)}`
 				: title,
 		detail: "",
 	};

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

@@ -55,9 +55,8 @@ const ADMONITION_STYLE: Record<string, { icon: string; label: string }> = {
 };
 
 /**
- * 把 > [!TYPE] 及其后续 > 行转成两列表格（图标标签列 + 内容列），视觉上成提示框。
- * 表格 cell 内不支持换行（<br> 显示为字面量），多行内容用空格合并。
- * 返回 null 表示该行不是提示框。
+ * 把 > [!TYPE] 及其后续 > 行转成带加粗标签的引用块，视觉上成提示框。
+ * 多行内容用空格合并为一行。返回 null 表示该行不是提示框。
  */
 function renderAdmonition(lines: string[], i: number): { output: string[]; next: number } | null {
 	const m = lines[i].match(ADMONITION);
@@ -70,11 +69,9 @@ function renderAdmonition(lines: string[], i: number): { output: string[]; next:
 		j++;
 	}
 	while (body.length > 0 && body[body.length - 1].trim() === "") body.pop();
-	// 内容里的 | 转义，避免拆出额外表格列
-	const content = body.join(" ").trim().replace(/\|/g, "\\|");
-	// 表格后补空行，防止紧接的段落被解析为表格数据行
+	const content = body.join(" ").trim();
 	return {
-		output: [`| ${style.icon} ${style.label} | ${content} |`, "|---|---|", ""],
+		output: [`> **${style.icon} ${style.label}**${content ? ` ${content}` : ""}`, ""],
 		next: j,
 	};
 }
@@ -330,7 +327,7 @@ function renderDiagrams(
 	return out.join("\n");
 }
 
-/** GitHub 风格提示框 → 两列表格（跳过代码块）。 */
+/** GitHub 风格提示框 → 加粗标签引用块（跳过代码块）。 */
 function renderAdmonitions(markdown: string): string {
 	const lines = markdown.split("\n");
 	const out: string[] = [];

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

@@ -96,7 +96,7 @@ function visibleLines(lines: string[]): string[] {
 
 function stripLeadingStatusIcon(line: string): string {
 	return line.replace(
-		/^((?:\x1b\[[0-9;]*m|[ \t]|[├└│─])*)(?:\x1b\[[0-9;]*m)*(?:[✓✗●○■⬤•·])(?:\x1b\[[0-9;]*m)*\s+/,
+		/^((?:\x1b\[[0-9;]*m|[ \t]|[├└│─])*)(?:\x1b\[[0-9;]*m)*(?:[✓✗●○■⬤•·⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏])(?:\x1b\[[0-9;]*m)*\s+/,
 		"$1",
 	);
 }
@@ -127,6 +127,10 @@ function stripLeadingSpaces(line: string, count: number): string {
 }
 
 /** 生成一行铺满 width 的 slot 背景行；bgAnsiOverride 可替换背景 ANSI（用于提亮等）。 */
+function panelInnerWidth(width: number): number {
+	return Math.max(0, Math.floor(width) - 2);
+}
+
 export function paddedBackgroundRow(
 	theme: any,
 	slot: string,
@@ -134,9 +138,12 @@ export function paddedBackgroundRow(
 	width: number,
 	bgAnsiOverride?: string,
 ): string {
-	const innerWidth = Math.max(0, width - 2);
+	const safeWidth = Math.max(0, Math.floor(width));
+	const leftPadding = safeWidth > 0 ? " " : "";
+	const rightPadding = safeWidth > 1 ? " " : "";
+	const innerWidth = panelInnerWidth(width);
 	const clipped = truncateToWidth(stripBackgroundAnsi(content), innerWidth, "");
-	const row = ` ${clipped}${" ".repeat(Math.max(0, innerWidth - visibleWidth(clipped)))} `;
+	const row = `${leftPadding}${clipped}${" ".repeat(Math.max(0, innerWidth - visibleWidth(clipped)))}${rightPadding}`;
 	const bgAnsi =
 		bgAnsiOverride ||
 		(typeof theme?.bg === "function"
@@ -147,11 +154,10 @@ export function paddedBackgroundRow(
 	return `${bgAnsi}${stable}\x1b[49m`;
 }
 
-function oneLine(value: unknown, max = 96): string {
-	const text = sanitizeToolResultText(String(value ?? ""), 4096)
+function oneLine(value: unknown): string {
+	return sanitizeToolResultText(String(value ?? ""), 4096)
 		.replace(/\s+/g, " ")
 		.trim();
-	return text.length > max ? `${text.slice(0, max - 1)}…` : text;
 }
 
 function humanizeToolName(name: string): string {
@@ -264,6 +270,10 @@ function toolNameList(tools: any[]): string {
 
 let nextGroupId = 1;
 
+function groupChildWidth(width: number): number {
+	return Math.max(1, panelInnerWidth(width));
+}
+
 export class ToolGroupComponent extends Container {
 	readonly toolCallId = `ccstyle-tool-group-${nextGroupId++}`;
 	readonly toolName = "Tool group";
@@ -311,7 +321,7 @@ export class ToolGroupComponent extends Container {
 
 	/**
 	 * 展开时按局部行定位内部组件（null = 行属于 group 自身：空行/头行/尾行）。
-	 * 行数计算与 render 保持一致：宽度 width-2 + 空行过滤。
+	 * 行数计算与 render 保持一致：预留背景 padding、分支和状态前缀后再过滤空行。
 	 */
 	childAtRow(localRow: number, width: number): { component: any; row: number } | null {
 		if (!this._expanded || localRow < 2) return null;
@@ -319,7 +329,7 @@ export class ToolGroupComponent extends Container {
 		for (const tool of this.children) {
 			let lines: string[] = [];
 			try {
-				const rendered = tool.render?.(Math.max(1, width - 2));
+				const rendered = tool.render?.(groupChildWidth(width));
 				if (Array.isArray(rendered)) lines = visibleLines(rendered.map((line) => String(line)));
 			} catch {
 				lines = [];
@@ -386,7 +396,7 @@ export class ToolGroupComponent extends Container {
 				);
 				continue;
 			}
-			const rendered = visibleLines(tool.render(Math.max(1, width - 2)));
+			const rendered = visibleLines(tool.render(groupChildWidth(width)));
 			if (rendered.length) {
 				rendered[0] = stripLeadingStatusIcon(rendered[0])
 					.replace(/^ +/, "")
@@ -434,7 +444,7 @@ function ungroup(patch: Patch): void {
 	}
 }
 
-function normalizeGroup(patch: Patch, group: ToolGroupComponent): void {
+function normalizeGroup(group: ToolGroupComponent): void {
 	if (group.children.length > 1) return;
 	const parent = (group as any)[PARENT_KEY];
 	const index = parent?.children?.indexOf(group) ?? -1;
@@ -565,12 +575,12 @@ export function installToolGrouping(getEnabled: () => boolean): ToolGroupingHook
 			const group = component?.[PARENT_KEY];
 			if (group instanceof ToolGroupComponent && (group as any)[PARENT_KEY] === this) {
 				group.removeTool(component);
-				normalizeGroup(patch, group);
+				normalizeGroup(group);
 				return;
 			}
 			const result = patch.original.removeChild.call(this, component);
 			if (component?.[PARENT_KEY] === this) delete component[PARENT_KEY];
-			if (this instanceof ToolGroupComponent) normalizeGroup(patch, this);
+			if (this instanceof ToolGroupComponent) normalizeGroup(this);
 			if (component instanceof ToolGroupComponent) {
 				for (const tool of component.releaseTools()) delete tool[PARENT_KEY];
 			}

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

@@ -5,10 +5,8 @@ import { showMoreHintText } from "../show-more-hint.ts";
 import { TOOL_LOADING_INTERVAL_MS, toolLoadingIcon } from "../../utils/tool-loading-icon.ts";
 import { sanitizeToolResultText } from "../../utils/tool-result-sanitize.ts";
 
-const TOOL_VIEWPORT_WIDTH_RATIO = 0.8;
-
 export function toolViewportWidth(width: number): number {
-	return Math.max(1, Math.floor(width * TOOL_VIEWPORT_WIDTH_RATIO));
+	return Math.max(1, Math.floor(width));
 }
 
 /** 与默认工具结果相同的一级缩进包装。 */
@@ -23,7 +21,7 @@ export function insetComponent(component: any): any {
 	};
 }
 
-export function oneLine(value: unknown, max = 72): string {
+export function oneLine(value: unknown, max = 4096): string {
 	const text = sanitizeToolResultText(String(value ?? ""))
 		.replace(/\s+/g, " ")
 		.trim();

package/node_modules/@herbertgao/pi-cc-extensions/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@herbertgao/pi-cc-extensions",
-	"version": "0.8.53",
+	"version": "0.8.54",
 	"license": "MIT",
 	"description": "A Pi productivity suite with Claude Code-style UI, context inspection, and agent/session references",
 	"type": "module",
@@ -69,8 +69,8 @@
 	},
 	"x-upstream": {
 		"package": "pi-cc-extensions",
-		"version": "0.8.54",
+		"version": "0.8.56",
 		"repository": "https://github.com/minuque/pi-cc-extensions",
-		"commit": "8372ecaff7f079ab4452db47328c3238620a4885"
+		"commit": "6d83911f78628167b3ddb6e2e45787b829b54f55"
 	}
 }

package/node_modules/@herbertgao/pi-subagents/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 0.15.4
+
+### Patch Changes
+
+- [#45](https://github.com/HerbertGao/pi-extensions/pull/45) [`97bad4e`](https://github.com/HerbertGao/pi-extensions/commit/97bad4e05f7398d9910786e8d614ffd4943cac8c) Thanks [@HerbertGao](https://github.com/HerbertGao)! - Link persisted subagent sessions to their parent Pi session and advance the reviewed upstream baseline to 0.15.1.
+
+- [#52](https://github.com/HerbertGao/pi-extensions/pull/52) [`b12ab55`](https://github.com/HerbertGao/pi-extensions/commit/b12ab5597059ff2020e2108f8e8de85ce64e49c7) Thanks [@HerbertGao](https://github.com/HerbertGao)! - Sync the applicable pi-subagents 0.16.0 fixes and advance the reviewed upstream baseline to bcbd602.
+
 ## 0.15.3
 
 ### Patch Changes

package/node_modules/@herbertgao/pi-subagents/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@herbertgao/pi-subagents",
-  "version": "0.15.3",
+  "version": "0.15.4",
   "description": "Claude Code-style autonomous subagents for Pi, with HerbertGao-maintained UI extensions.",
   "keywords": [
     "agent",
@@ -40,13 +40,17 @@
   "scripts": {
     "lint": "biome check src/ test/",
     "typecheck": "tsc --noEmit",
-    "test": "vitest run"
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
     "@sinclair/typebox": "^0.34.49",
     "croner": "^10.0.1",
     "nanoid": "^5.0.0"
   },
+  "devDependencies": {
+    "@vitest/coverage-istanbul": "^4.1.10"
+  },
   "peerDependencies": {
     "@earendil-works/pi-ai": ">=0.80.0",
     "@earendil-works/pi-coding-agent": ">=0.80.0",
@@ -64,8 +68,8 @@
   },
   "x-upstream": {
     "package": "@tintinweb/pi-subagents",
-    "version": "0.15.0",
+    "version": "0.16.0",
     "repository": "https://github.com/tintinweb/pi-subagents",
-    "commit": "c83dd82"
+    "commit": "bcbd602"
   }
 }

package/node_modules/@herbertgao/pi-subagents/src/agent-color.ts

@@ -1,22 +1,25 @@
 /**
- * agent-color.ts — Claude Code-compatible agent name color rendering.
+ * agent-color.ts — Claude Code-compatible agent name badges.
  *
- * Claude Code defines eight named subagent colors. Agency Agents also uses
- * six-digit hex values and a small set of additional palette names, which are
- * accepted here so those definitions render without conversion.
+ * Claude Code renders a subagent's name as a badge: the configured color is the
+ * background, the text an inverse foreground. Its eight named colors are
+ * reproduced here, along with six-digit hex and the extra palette names Agency
+ * Agents uses, so those definitions render as written.
  */
 
 import { getConfig } from "./agent-types.js"
 
 const NAMED_AGENT_COLORS: Readonly<Record<string, string>> = {
-  red: "#E74C3C",
-  blue: "#3498DB",
-  green: "#2ECC71",
-  yellow: "#EAB308",
-  purple: "#9B59B6",
-  orange: "#F39C12",
-  pink: "#E84393",
-  cyan: "#00FFFF",
+  // Claude Code's eight subagent colors, as its default theme renders them.
+  red: "#DC2626",
+  blue: "#6A9BCC",
+  green: "#16A34A",
+  yellow: "#CA8A04",
+  purple: "#827DBD",
+  orange: "#D97757",
+  pink: "#C46686",
+  cyan: "#0891B2",
+  // Agency Agents palette aliases.
   amber: "#F59E0B",
   teal: "#008080",
   indigo: "#6366F1",
@@ -34,8 +37,10 @@ const NAMED_AGENT_COLORS: Readonly<Record<string, string>> = {
   navy: "#1E3A8A",
 }
 
-const CUBE_VALUES = [0, 95, 135, 175, 215, 255] as const
+const CUBE_VALUES = [0, 95, 135, 175, 215, 255]
 const GRAY_VALUES = Array.from({ length: 24 }, (_, i) => 8 + i * 10)
+const BLACK = { r: 0, g: 0, b: 0 }
+const WHITE = { r: 255, g: 255, b: 255 }
 
 type Rgb = { r: number; g: number; b: number }
 type ColorMode = "truecolor" | "256color"
@@ -72,51 +77,48 @@ function parseHex(hex: string): Rgb {
   }
 }
 
-function nearestCubeIndex(value: number): number {
-  let best = 0
-  for (let i = 1; i < CUBE_VALUES.length; i++) {
-    if (Math.abs(value - CUBE_VALUES[i]) < Math.abs(value - CUBE_VALUES[best]))
-      best = i
-  }
-  return best
+/** Index of the entry in `values` closest to `value`. */
+function nearest(values: readonly number[], value: number): number {
+  return values.reduce(
+    (best, v, i) =>
+      Math.abs(value - v) < Math.abs(value - values[best]) ? i : best,
+    0,
+  )
 }
 
+/**
+ * Quantize to the xterm-256 palette the way pi's own theme does, returning both
+ * the index to emit and the color the terminal will actually show — badge
+ * contrast is judged against the latter.
+ */
 function rgbTo256({ r, g, b }: Rgb): { index: number; rgb: Rgb } {
-  const rIndex = nearestCubeIndex(r)
-  const gIndex = nearestCubeIndex(g)
-  const bIndex = nearestCubeIndex(b)
-  const cubeRgb = {
-    r: CUBE_VALUES[rIndex],
-    g: CUBE_VALUES[gIndex],
-    b: CUBE_VALUES[bIndex],
-  }
-  const distance = (candidate: Rgb) => {
-    const dr = r - candidate.r
-    const dg = g - candidate.g
-    const db = b - candidate.b
-    return dr * dr * 0.299 + dg * dg * 0.587 + db * db * 0.114
-  }
-
-  const gray = Math.round(0.299 * r + 0.587 * g + 0.114 * b)
-  let grayIndex = 0
-  for (let i = 1; i < GRAY_VALUES.length; i++) {
-    if (
-      Math.abs(gray - GRAY_VALUES[i]) < Math.abs(gray - GRAY_VALUES[grayIndex])
-    )
-      grayIndex = i
-  }
-  const grayRgb = {
+  const [rIndex, gIndex, bIndex] = [r, g, b].map((channel) =>
+    nearest(CUBE_VALUES, channel),
+  )
+  const distance = ({ r: cr, g: cg, b: cb }: Rgb) =>
+    0.299 * (r - cr) ** 2 + 0.587 * (g - cg) ** 2 + 0.114 * (b - cb) ** 2
+  const grayIndex = nearest(
+    GRAY_VALUES,
+    Math.round(0.299 * r + 0.587 * g + 0.114 * b),
+  )
+  const gray = {
     r: GRAY_VALUES[grayIndex],
     g: GRAY_VALUES[grayIndex],
     b: GRAY_VALUES[grayIndex],
   }
+  const cube = {
+    r: CUBE_VALUES[rIndex],
+    g: CUBE_VALUES[gIndex],
+    b: CUBE_VALUES[bIndex],
+  }
+  // Only near-neutral colors may take the gray ramp; anything else keeps its tint.
   if (
     Math.max(r, g, b) - Math.min(r, g, b) < 10 &&
-    distance(grayRgb) < distance(cubeRgb)
+    distance(gray) < distance(cube)
   ) {
-    return { index: 232 + grayIndex, rgb: grayRgb }
+    return { index: 232 + grayIndex, rgb: gray }
   }
-  return { index: 16 + 36 * rIndex + 6 * gIndex + bIndex, rgb: cubeRgb }
+  return { index: 16 + 36 * rIndex + 6 * gIndex + bIndex, rgb: cube }
 }
 
 function ansiColor(
@@ -140,9 +142,10 @@ function relativeLuminance({ r, g, b }: Rgb): number {
 }
 
 /**
- * Render one name as a padded background badge when `color` is valid.
- * Black/white foreground is selected by WCAG contrast; invalid or omitted
- * colors preserve the caller's existing theme styling.
+ * Render one name as a padded background badge when `color` is valid. Claude
+ * Code uses one inverse color for every badge's text; black or white is picked
+ * by WCAG contrast here instead, so each palette entry stays readable. Invalid
+ * or omitted colors preserve the caller's existing theme styling.
  */
 export function renderAgentNameLabel(
   name: string,
@@ -156,32 +159,34 @@ export function renderAgentNameLabel(
     return style.fallbackColor ? theme.fg(style.fallbackColor, text) : text
   }
 
-  const backgroundRgb = parseHex(resolved)
-  const mode = theme.getColorMode?.() ?? "truecolor"
-  let background: Rgb | number = backgroundRgb
-  let effectiveBackground = backgroundRgb
-  if (mode === "256color") {
-    const quantized = rgbTo256(backgroundRgb)
-    background = quantized.index
-    effectiveBackground = quantized.rgb
-  }
-  const foregroundRgb =
-    relativeLuminance(effectiveBackground) > 0.179
-      ? { r: 0, g: 0, b: 0 }
-      : { r: 255, g: 255, b: 255 }
-  const foreground =
-    mode === "256color" ? rgbTo256(foregroundRgb).index : foregroundRgb
+  const rgb = parseHex(resolved)
+  const quantized =
+    (theme.getColorMode?.() ?? "truecolor") === "256color"
+      ? rgbTo256(rgb)
+      : undefined
+  const shown = quantized?.rgb ?? rgb
+  const contrasting = relativeLuminance(shown) > 0.179 ? BLACK : WHITE
   const label = style.bold ? theme.bold(` ${name} `) : ` ${name} `
 
   return (
-    ansiColor("background", background) +
-    ansiColor("foreground", foreground) +
+    ansiColor("background", quantized?.index ?? rgb) +
+    ansiColor(
+      "foreground",
+      quantized ? rgbTo256(contrasting).index : contrasting,
+    ) +
     label +
     "\u001b[39m" +
     (style.restoreBackground ?? "\u001b[49m")
   )
 }
 
+/** Whether an agent renders as a badge — i.e. it has a valid configured color. */
+export function hasAgentBadge(type: string | undefined): boolean {
+  return (
+    type !== undefined && resolveAgentColor(getConfig(type).color) !== undefined
+  )
+}
+
 /** Render a registered agent's display name with its configured color. */
 export function renderAgentName(
   type: string | undefined,