@yinan_chen/pi-claude-code-ui 0.8.4 → 0.8.8

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@yinan_chen/pi-claude-code-ui",
-	"version": "0.8.4",
+	"version": "0.8.8",
 	"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

@@ -40,22 +40,42 @@ function firstMeaningfulLine(lines: readonly string[]): string {
 }
 
 /** JSON 内容的智能首行：query/title 等字段优先，数组给条数，否则紧凑化。 */
+/** 无语义键：预览跳过（id/时间戳等对读者无信息量）。 */
+const JSON_PREVIEW_SKIP_KEYS = new Set(["id", "responseId", "requestId", "ts", "timestamp", "createdAt", "updatedAt"]);
+
+/** 已 parse 的 JSON 摘要：query/queries/provider 等语义字段优先，数组给条数，否则紧凑化。 */
+function summarizeJson(parsed: unknown): string | undefined {
+	if (Array.isArray(parsed)) return `${parsed.length} item${parsed.length === 1 ? "" : "s"}`;
+	if (parsed && typeof parsed === "object") {
+		const record = parsed as Record<string, unknown>;
+		const queries = record.queries;
+		if (Array.isArray(queries) && queries.length) return `queries: ${queries.map(String).join("; ")}`;
+		for (const key of ["query", "q", "title", "summary", "text", "message", "provider", "providers"]) {
+			const value = record[key];
+			if (typeof value === "string" && value.trim()) return value;
+			if (Array.isArray(value) && value.length && value.every((v) => typeof v === "string")) return value.join("; ");
+		}
+		const firstString = Object.entries(record).find(([k, v]) => typeof v === "string" && String(v).trim() && !JSON_PREVIEW_SKIP_KEYS.has(k));
+		if (firstString !== undefined) return String(firstString[1]);
+		return JSON.stringify(record).replace(/\s+/g, " ").slice(0, 200);
+	}
+	return undefined;
+}
+
+/** JSON 智能预览：允许 JSON 外裹文本（markdown 等）——从首个 {/[ 开头行逐行累积 parse，成功即摘要。 */
 function jsonPreview(text: string): string | undefined {
-	const trimmed = text.trim();
-	if (!trimmed.startsWith("{") && !trimmed.startsWith("[")) return undefined;
-	try {
-		const parsed = JSON.parse(trimmed);
-		if (Array.isArray(parsed)) return `${parsed.length} item${parsed.length === 1 ? "" : "s"}`;
-		if (parsed && typeof parsed === "object") {
-			for (const key of ["query", "q", "title", "summary", "text", "message"]) {
-				const value = (parsed as Record<string, unknown>)[key];
-				if (typeof value === "string" && value.trim()) return value;
-			}
-			const firstString = Object.values(parsed).find((v) => typeof v === "string" && String(v).trim());
-			if (firstString !== undefined) return String(firstString);
-			return trimmed.replace(/\s+/g, " ").slice(0, 200);
+	const lines = text.trim().split("\n");
+	for (let i = 0; i < lines.length; i++) {
+		const head = lines[i].trim();
+		if (!head.startsWith("{") && !head.startsWith("[")) continue;
+		let buffer = "";
+		for (let j = i; j < lines.length && j - i < 200; j++) {
+			buffer += `${lines[j]}\n`;
+			try {
+				return summarizeJson(JSON.parse(buffer));
+			} catch { /* 继续累积 */ }
 		}
-	} catch { /* 非 JSON 或超长，回退原文 */ }
+	}
 	return undefined;
 }