@yinan_chen/pi-claude-code-ui 0.8.2 → 0.8.7

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@yinan_chen/pi-claude-code-ui",
-	"version": "0.8.2",
+	"version": "0.8.7",
 	"description": "Claude Code-style UI for Pi: transcript view, rich diffs, subagent panels and working-message status.",
 	"type": "module",
 	"license": "MIT",

package/src/claude-tools.ts

@@ -99,7 +99,7 @@ export function codemodeTarget(code: string): string {
 }
 export function targetOf(name: string, a: Record<string, any>, cwd?: string): { text: string; path: boolean } {
 	// codemode 头行括号提示已停用（一南 2026-09-30）：注释/行数不再上头行；codemodeTarget 保留备用。
-	if (name === "codemode") return { text: "", path: false };
+	if (name === "codemode") return { text: codemodeTarget(typeof a.code === "string" ? a.code : ""), path: false };
 	if (typeof a.command === "string") return { text: oneLine(a.command), path: false };
 	if ((name === "grep" || name === "find") && a.pattern) return { text: `pattern: ${JSON.stringify(a.pattern)}${a.path ? `, path: ${shortPath(a.path, cwd)}` : ""}`, path: false };
 	if (typeof a.path === "string") {
@@ -110,6 +110,16 @@ export function targetOf(name: string, a: Record<string, any>, cwd?: string): {
 	for (const k of ["url", "urls", "query", "queries", "pattern", "claim", "action", "name", "tool", "search", "describe", "project_id"]) {
 		if (a[k]) return { text: oneLine(Array.isArray(a[k]) ? a[k].join("; ") : a[k]), path: false };
 	}
+	// 兜底（一南 2026-10-05）：任何工具——含未来未知第三方/MCP——头行都带括号提示；
+	// 取首个非空参数做 k=v 摘要，args 完全为空才光头（无参数工具本无信息可显）。
+	for (const [k, v] of Object.entries(a)) {
+		if (v === undefined || v === null || v === "") continue;
+		let text: string;
+		if (typeof v === "string") text = v;
+		else if (Array.isArray(v)) text = v.join("; ");
+		else { try { text = JSON.stringify(v); } catch { text = String(v); } }
+		if (text.trim()) return { text: `${k}: ${oneLine(text)}`, path: false };
+	}
 	return { text: "", path: false };
 }
 export function headerOf(v: ToolView, theme: any, width: number): string[] {

package/src/claude-view.ts

@@ -303,8 +303,15 @@ export function createClaudeView(
 			: 0;
 		for (const native of nativeChildren) {
 			if (!native || typeof native.render !== "function") continue;
+			// 第三方子组件 render 可能抛异常或返回非数组（防御：不炸整块，退化为单行错误提示）。
+			let raw: string[];
+			try {
+				const out = native.render(bodyWidth);
+				raw = Array.isArray(out) ? blankTrim(out) : [];
+			} catch (error) {
+				raw = [fg(theme(), "error", `renderer error: ${error instanceof Error ? error.message : String(error)}`)];
+			}
 			// pi 的 renderResult 以 "\n" 开头分段；剥掉首尾空行，别让 ⎿ 拐角行空挂。
-			let raw: string[] = blankTrim(native.render(bodyWidth));
 			if (cmCalls > 0 && rowsLeft !== Infinity) {
 				// calls 段与 stdout 段以一个分段空行相隔（pi renderResult 用 join("\n\n") 分段）。
 				const sep = raw.findIndex(isBlank);
@@ -368,9 +375,11 @@ export function createClaudeView(
 			const head = headerOf(v, t, width), body = foreignBody(self, width, v.expanded);
 			lines = [...head, ...(body?.lines ?? [])];
 			entries = [{ component: toggleTool(self), height: head.length }, ...(body?.entries ?? [])];
-			if (v.partial && !body?.lines.length) {
-				const pending = prefixed(fg(t, "dim", v.started ? "Running…" : "Waiting…"), width, resultIndent(t).first, RESULT_CONT());
-				lines.push(...pending); entries.push({ component: {}, height: pending.length });
+			if (!body?.lines.length) {
+				// 空 body 占位：运行中（含 result 未回的非流式调用）显示 Running…，完成但无输出显示 (no output)，卡片不光杆。
+				const label = v.partial || self.result === undefined ? (v.started ? "Running…" : "Waiting…") : "(no output)";
+				const placeholder = prefixed(fg(t, "dim", label), width, resultIndent(t).first, RESULT_CONT());
+				lines.push(...placeholder); entries.push({ component: {}, height: placeholder.length });
 			}
 		} else {
 			const painted = paintTool(v, t, width, config);

package/src/generic-card.ts

@@ -28,6 +28,17 @@ function labelOf(customType: string): string {
 	return tail.charAt(0).toUpperCase() + tail.slice(1);
 }
 
+/** 预览首行：跳过空行与纯标点行（{ } [ ] "），取首个有实质内容的行（截 120 列）。 */
+function firstMeaningfulLine(lines: readonly string[]): string {
+	for (const line of lines) {
+		const text = oneLine(String(line)).trim();
+		if (text && !/^[{}\[\]",]*$/.test(text)) {
+			return text.length > 120 ? `${text.slice(0, 120)}…` : text;
+		}
+	}
+	return "(empty)";
+}
+
 /** JSON 内容的智能首行：query/title 等字段优先，数组给条数，否则紧凑化。 */
 function jsonPreview(text: string): string | undefined {
 	const trimmed = text.trim();
@@ -82,8 +93,13 @@ export function createGenericCardRenderer(hooks: GenericCardHooks) {
 				if (expanded) {
 					for (const line of visible) lines.push(...prefixed(fg(theme, "dim", line), width, first, RESULT_CONT()));
 				} else {
-					const head = oneLine(visible[0]);
-					lines.push(...prefixed(fg(theme, "muted", head) + expandHint(theme), width, first, RESULT_CONT()));
+					// 与工具块/subagent 同构：首行预览独立一行，展开提示独立一行（… +N lines）。
+					const head = firstMeaningfulLine(visible);
+					lines.push(...prefixed(fg(theme, "muted", head), width, first, RESULT_CONT()));
+					if (visible.length > 1) {
+						const hidden = visible.length - 1;
+						lines.push(...prefixed(fg(theme, "dim", `… +${hidden} line${hidden === 1 ? "" : "s"}`) + expandHint(theme), width, first, RESULT_CONT()));
+					}
 				}
 				return lines;
 			},