kfc-code-cli 0.0.1-alpha.8 → 0.0.1-alpha.9

package/dist/main.mjs

@@ -95356,7 +95356,7 @@ var SkillActivationComponent = class extends Container {
 //#region src/tui/components/messages/thinking.ts
 const BULLET = "⏺ ";
 const INDENT = "  ";
-const PREVIEW_LINES$1 = 3;
+const PREVIEW_LINES = 3;
 const SPINNER_FRAMES = [
 	"⠋",
 	"⠙",
@@ -95407,7 +95407,7 @@ var ThinkingComponent = class {
 		const textComponent = new Text(chalk.hex(this.color).italic(this.text), 0, 0);
 		const contentLines = this.text.length > 0 ? textComponent.render(contentWidth) : [""];
 		if (this.mode === "live") {
-			const visibleLines = contentLines.length > PREVIEW_LINES$1 ? contentLines.slice(contentLines.length - PREVIEW_LINES$1) : contentLines;
+			const visibleLines = contentLines.length > PREVIEW_LINES ? contentLines.slice(contentLines.length - PREVIEW_LINES) : contentLines;
 			return [
 				"",
 				chalk.hex(this.color)(`${SPINNER_FRAMES[this.spinnerFrame] ?? SPINNER_FRAMES[0]} `) + chalk.hex(this.color)("thinking..."),
@@ -95419,9 +95419,9 @@ var ThinkingComponent = class {
 			const p = i === 0 && this.showMarker ? chalk.hex(this.color)(BULLET) : INDENT;
 			rendered.push(p + contentLines[i]);
 		}
-		if (this.expanded || contentLines.length <= PREVIEW_LINES$1) return rendered;
-		const truncated = rendered.slice(0, 1 + PREVIEW_LINES$1);
-		const remaining = contentLines.length - PREVIEW_LINES$1;
+		if (this.expanded || contentLines.length <= PREVIEW_LINES) return rendered;
+		const truncated = rendered.slice(0, 1 + PREVIEW_LINES);
+		const remaining = contentLines.length - PREVIEW_LINES;
 		truncated.push(INDENT + chalk.dim(`... (${String(remaining)} more lines, ctrl+o to expand)`));
 		return truncated;
 	}
@@ -95550,13 +95550,174 @@ var PlanBoxComponent = class {
 	}
 };
 //#endregion
+//#region src/tui/components/messages/tool-renderers/types.ts
+function strArg(args, ...keys) {
+	for (const key of keys) {
+		const v = args[key];
+		if (typeof v === "string" && v.length > 0) return v;
+	}
+	return "";
+}
+//#endregion
+//#region src/tui/components/messages/tool-renderers/chip.ts
+function countNonEmptyLines(text) {
+	if (text.length === 0) return 0;
+	let n = 0;
+	for (const line of text.split("\n")) if (line.length > 0) n++;
+	return n;
+}
+function pluralize(n, singular, plural) {
+	return `${String(n)} ${n === 1 ? singular : plural ?? `${singular}s`}`;
+}
+function formatBytes(bytes) {
+	if (bytes < 1024) return `${String(bytes)} B`;
+	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+	return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+}
+const editChip = (toolCall) => {
+	const oldStr = strArg(toolCall.args, "old_string");
+	const newStr = strArg(toolCall.args, "new_string");
+	if (oldStr.length === 0 && newStr.length === 0) return "";
+	const diff = computeDiffLines(oldStr, newStr);
+	const added = diff.filter((l) => l.kind === "add").length;
+	const removed = diff.filter((l) => l.kind === "delete").length;
+	const parts = [];
+	if (added > 0) parts.push(`+${String(added)}`);
+	if (removed > 0) parts.push(`-${String(removed)}`);
+	return parts.join(" ");
+};
+const writeChip = (toolCall) => {
+	const content = strArg(toolCall.args, "content");
+	const normalized = content.endsWith("\n") ? content.slice(0, -1) : content;
+	return pluralize(normalized.length > 0 ? normalized.split("\n").length : 0, "line");
+};
+const readChip = (_toolCall, result) => pluralize(countNonEmptyLines(result.output), "line");
+const grepChip = (_toolCall, result) => {
+	const matches = countNonEmptyLines(result.output);
+	if (matches === 0) return "no matches";
+	return pluralize(matches, "match", "matches");
+};
+const globChip = (_toolCall, result) => {
+	const files = countNonEmptyLines(result.output);
+	if (files === 0) return "no files";
+	return pluralize(files, "file");
+};
+const fetchChip = (_toolCall, result) => formatBytes(Buffer.byteLength(result.output, "utf8"));
+const webSearchChip = (_toolCall, result) => {
+	const lines = result.output.split("\n").filter((l) => l.trim().length > 0);
+	let count = 0;
+	for (const line of lines) if (/^\s*(\d+\.|[-*])\s+/.test(line)) count++;
+	if (count === 0) return lines.length === 0 ? "no results" : "web result";
+	return pluralize(count, "result");
+};
+const REGISTRY = {
+	Edit: editChip,
+	Write: writeChip,
+	Read: readChip,
+	Grep: grepChip,
+	Glob: globChip,
+	FetchURL: fetchChip,
+	WebSearch: webSearchChip
+};
+function pickChip(toolName) {
+	return REGISTRY[toolName];
+}
+//#endregion
+//#region src/tui/components/messages/tool-renderers/truncated.ts
+const renderTruncated = (_toolCall, result, ctx) => {
+	if (!result.output) return [];
+	const tint = result.is_error ? chalk.hex(ctx.colors.error) : chalk.dim;
+	const lines = result.output.split("\n");
+	if (ctx.expanded) return [new Text(tint(result.output), 2, 0)];
+	const shown = lines.slice(0, 3);
+	const remaining = lines.length - shown.length;
+	const out = [new Text(tint(shown.join("\n")), 2, 0)];
+	if (remaining > 0) out.push(new Text(chalk.dim(`... (${String(remaining)} more lines, ctrl+o to expand)`), 2, 0));
+	return out;
+};
+//#endregion
+//#region src/tui/components/messages/tool-renderers/summary.ts
+const GLANCE_SAMPLES = 3;
+function withGlance(glance) {
+	return (toolCall, result, ctx) => {
+		if (result.is_error) return renderTruncated(toolCall, result, ctx);
+		const out = [];
+		if (glance !== null) {
+			const line = glance(toolCall, result);
+			if (line.length > 0) out.push(new Text(`  ${chalk.dim(line)}`, 0, 0));
+		}
+		if (ctx.expanded && result.output.length > 0) out.push(new Text(chalk.dim(result.output), 4, 0));
+		return out;
+	};
+}
+function nonEmptyLines(text) {
+	if (text.length === 0) return [];
+	return text.split("\n").filter((line) => line.length > 0);
+}
+function pathFromGrepLine(line) {
+	const idx = line.indexOf(":");
+	if (idx <= 0) return line;
+	const second = line.indexOf(":", idx + 1);
+	if (second <= 0) return line;
+	return line.slice(0, second);
+}
+const grepGlance = (_toolCall, result) => {
+	const lines = nonEmptyLines(result.output);
+	if (lines.length === 0) return "";
+	const samples = lines.slice(0, GLANCE_SAMPLES).map(pathFromGrepLine);
+	const remaining = lines.length - samples.length;
+	const tail = remaining > 0 ? `, +${String(remaining)} more` : "";
+	return `${samples.join(", ")}${tail}`;
+};
+const globGlance = (_toolCall, result) => {
+	const lines = nonEmptyLines(result.output);
+	if (lines.length === 0) return "";
+	const samples = lines.slice(0, GLANCE_SAMPLES);
+	const remaining = lines.length - samples.length;
+	const tail = remaining > 0 ? `, +${String(remaining)} more` : "";
+	return `${samples.join(", ")}${tail}`;
+};
+const readSummary = withGlance(null);
+const fetchSummary = withGlance(null);
+const webSearchSummary = withGlance(null);
+const thinkSummary = withGlance(null);
+const editSummary = withGlance(null);
+const writeSummary = withGlance(null);
+const grepSummary = withGlance(grepGlance);
+const globSummary = withGlance(globGlance);
+//#endregion
+//#region src/tui/components/messages/tool-renderers/registry.ts
+/**
+* Tool result renderer registry.
+*
+* Each tool name maps to a `ResultRenderer` that turns the tool's
+* `ToolResultBlockData` into renderable Components. Tools without an
+* explicit entry fall through to `renderTruncated` (the original
+* 3-line + ctrl+o behavior).
+*
+* Keep this dispatch flat — tool names live next to the renderer they
+* choose, so adding a new tool means appending one case.
+*/
+function pickResultRenderer(toolName) {
+	switch (toolName) {
+		case "Read": return readSummary;
+		case "Grep": return grepSummary;
+		case "Glob": return globSummary;
+		case "FetchURL": return fetchSummary;
+		case "WebSearch": return webSearchSummary;
+		case "Think": return thinkSummary;
+		case "Edit": return editSummary;
+		case "Write": return writeSummary;
+		default: return renderTruncated;
+	}
+}
+//#endregion
 //#region src/tui/components/messages/tool-call.ts
 /**
 * Renders a tool call entry in the transcript.
 * Supports expand/collapse via Ctrl+O.
 */
 const MAX_ARG_LENGTH = 60;
-const PREVIEW_LINES = 3;
 const CALL_PREVIEW_LINES = 10;
 const BLINK_INTERVAL$1 = 500;
 const MAX_SUB_TOOL_CALLS_SHOWN = 4;
@@ -95706,14 +95867,10 @@ function parseArgsPreview(value) {
 }
 function extractKeyArgument(toolName, args) {
 	const candidates = {
-		Shell: ["command"],
 		Bash: ["command"],
-		ReadFile: ["path", "file_path"],
 		Read: ["path", "file_path"],
 		Write: ["path", "file_path"],
-		WriteFile: ["path", "file_path"],
 		Edit: ["path", "file_path"],
-		EditFile: ["path", "file_path"],
 		Grep: ["pattern"],
 		Glob: ["pattern"],
 		FetchURL: ["url"],
@@ -95890,7 +96047,15 @@ var ToolCallComponent = class extends Container {
 		const keyArg = extractKeyArgument(toolCall.name, toolCall.args);
 		const toolRef = chalk.hex(colors.primary).bold(toolCall.name);
 		const argStr = keyArg ? chalk.dim(` (${keyArg})`) : "";
-		return `${bullet}${verb} ${toolRef}${argStr}`;
+		const chipStr = isFinished && result ? this.buildHeaderChip(result) : "";
+		return `${bullet}${verb} ${toolRef}${argStr}${chipStr}`;
+	}
+	buildHeaderChip(result) {
+		const provider = pickChip(this.toolCall.name);
+		if (provider === void 0) return "";
+		const text = provider(this.toolCall, result);
+		if (text.length === 0) return "";
+		return (result.is_error ? chalk.hex(this.colors.error) : chalk.dim)(` · ${text}`);
 	}
 	rebuildContent() {
 		while (this.children.length > this.callPreviewEndIndex) this.children.pop();
@@ -95945,7 +96110,7 @@ var ToolCallComponent = class extends Container {
 			this.buildStreamingPreview(this.toolCall.streamingArguments);
 			return;
 		}
-		if (name === "Write" || name === "WriteFile") {
+		if (name === "Write") {
 			const content = str(this.toolCall.args["content"]);
 			if (content.length === 0) return;
 			const allLines = highlightLines(content, langFromPath(str(this.toolCall.args["file_path"] ?? this.toolCall.args["path"])));
@@ -95956,7 +96121,7 @@ var ToolCallComponent = class extends Container {
 				this.addChild(new Text(lineNum + line, 2, 0));
 			}
 			if (remaining > 0) this.addChild(new Text(chalk.dim(`... (${String(remaining)} more lines, ${String(allLines.length)} total)`), 2, 0));
-		} else if (name === "Edit" || name === "EditFile") {
+		} else if (name === "Edit") {
 			const oldStr = str(this.toolCall.args["old_string"]);
 			const newStr = str(this.toolCall.args["new_string"]);
 			if (oldStr.length === 0 && newStr.length === 0) return;
@@ -95980,14 +96145,14 @@ var ToolCallComponent = class extends Container {
 	*/
 	buildStreamingPreview(streamText) {
 		const name = this.toolCall.name;
-		if (name === "Write" || name === "WriteFile") {
+		if (name === "Write") {
 			const content = extractPartialStringField(streamText, "content");
 			if (content === void 0 || content.length === 0) return;
 			const filePath = extractPartialStringField(streamText, "file_path") ?? extractPartialStringField(streamText, "path") ?? "";
 			this.renderStreamingCode(content, filePath);
 			return;
 		}
-		if (name === "Edit" || name === "EditFile" || name === "MultiEdit") {
+		if (name === "Edit") {
 			const oldStr = extractPartialStringField(streamText, "old_string") ?? "";
 			const newStr = extractPartialStringField(streamText, "new_string") ?? "";
 			if (oldStr.length === 0 && newStr.length === 0) return;
@@ -95998,7 +96163,7 @@ var ToolCallComponent = class extends Container {
 			if (remaining > 0) this.addChild(new Text(chalk.dim(`... (${String(remaining)} more lines)`), 2, 0));
 			return;
 		}
-		if (name === "Bash" || name === "Shell") {
+		if (name === "Bash") {
 			const cmd = extractPartialStringField(streamText, "command");
 			if (cmd === void 0 || cmd.length === 0) return;
 			const lines = cmd.split("\n").slice(0, CALL_PREVIEW_LINES);
@@ -96040,15 +96205,11 @@ var ToolCallComponent = class extends Container {
 		}
 		if (this.toolCall.name === "SetTodoList" && !result.is_error) return;
 		if (this.toolCall.name === "AskUserQuestion" && !result.is_error && this.renderAskUserQuestionResult(result.output)) return;
-		const tint = result.is_error ? chalk.hex(this.colors.error) : chalk.dim;
-		const lines = result.output.split("\n");
-		if (this.expanded) this.addChild(new Text(tint(result.output), 2, 0));
-		else {
-			const shown = lines.slice(0, PREVIEW_LINES);
-			const remaining = lines.length - shown.length;
-			this.addChild(new Text(tint(shown.join("\n")), 2, 0));
-			if (remaining > 0) this.addChild(new Text(chalk.dim(`... (${String(remaining)} more lines, ctrl+o to expand)`), 2, 0));
-		}
+		const components = pickResultRenderer(this.toolCall.name)(this.toolCall, result, {
+			expanded: this.expanded,
+			colors: this.colors
+		});
+		for (const component of components) this.addChild(component);
 	}
 	/**
 	* Render AskUserQuestion's JSON payload as a friendly Q/A list.
@@ -97811,18 +97972,18 @@ var QuestionController = class extends ReverseRpcController {
 //#endregion
 //#region src/tui/theme/colors.ts
 const darkColors = {
-	primary: "#1783ff",
-	primaryDim: "#0f5ab0",
+	primary: "#4FA8FF",
+	primaryDim: "#2563EB",
 	text: "#E0E0E0",
 	textDim: "#888888",
 	textMuted: "#555555",
 	success: "#4EC87E",
 	warning: "#E8A838",
 	error: "#E85454",
-	info: "#1783ff",
+	info: "#4FA8FF",
 	border: "#444444",
-	prompt: "#1783ff",
-	spinner: "#1783ff",
+	prompt: "#4FA8FF",
+	spinner: "#4FA8FF",
 	user: "#FFCB6B",
 	assistant: "#E0E0E0",
 	thinking: "#888888",
@@ -100569,30 +100730,30 @@ function renderDisplayBlock(block, expanded) {
 			if (block.danger !== void 0) lines.push(chalk.red.bold(`⚠  potentially destructive: ${block.danger}`));
 			(block.command.length > 0 ? block.command.split("\n") : [""]).forEach((cmdLine, idx) => {
 				const prefix = idx === 0 ? chalk.cyan("$") : chalk.dim("·");
-				lines.push(`${prefix} ${chalk.gray(cmdLine)}`);
+				lines.push(`${prefix} ${chalk.whiteBright(cmdLine)}`);
 			});
 			if (block.description !== void 0 && block.description.length > 0) lines.push(`  ${chalk.dim(block.description)}`);
 			return lines;
 		}
 		case "file_op": {
-			const lines = [`${chalk.cyan(block.operation.padEnd(5))} ${chalk.gray(block.path)}`];
+			const lines = [`${chalk.cyan(block.operation.padEnd(5))} ${chalk.whiteBright(block.path)}`];
 			if (block.detail !== void 0 && block.detail.length > 0) lines.push(chalk.dim(block.detail));
 			return lines;
 		}
-		case "url_fetch": return [`${chalk.cyan((block.method ?? "GET").toUpperCase().padEnd(5))} ${chalk.gray(block.url)}`];
+		case "url_fetch": return [`${chalk.cyan((block.method ?? "GET").toUpperCase().padEnd(5))} ${chalk.whiteBright(block.url)}`];
 		case "search": {
-			const lines = [`${chalk.cyan("search")} ${chalk.gray(block.query)}`];
+			const lines = [`${chalk.cyan("search")} ${chalk.whiteBright(block.query)}`];
 			if (block.scope !== void 0 && block.scope.length > 0) lines.push(chalk.dim(`scope: ${block.scope}`));
 			return lines;
 		}
 		case "invocation": {
-			const lines = [`${chalk.cyan(block.kind.padEnd(5))} ${chalk.gray(block.name)}`];
+			const lines = [`${chalk.cyan(block.kind.padEnd(5))} ${chalk.whiteBright(block.name)}`];
 			if (block.description !== void 0 && block.description.length > 0) lines.push(chalk.dim(truncateOneLine(block.description, 200)));
 			return lines;
 		}
-		case "brief": return block.text ? block.text.split("\n").map((line) => line.length > 0 ? chalk.gray(line) : "") : [];
-		case "background_task": return [chalk.gray(`${block.status} ${block.kind} task ${block.task_id}: ${block.description}`)];
-		case "todo": return block.items.map((item) => chalk.gray(`- [${item.status}] ${item.title}`));
+		case "brief": return block.text ? block.text.split("\n").map((line) => line.length > 0 ? chalk.whiteBright(line) : "") : [];
+		case "background_task": return [chalk.whiteBright(`${block.status} ${block.kind} task ${block.task_id}: ${block.description}`)];
+		case "todo": return block.items.map((item) => chalk.whiteBright(`- [${item.status}] ${item.title}`));
 		default: return [];
 	}
 }
@@ -100612,9 +100773,13 @@ function isDuplicateBriefBlock(block, description) {
 const borderColor = chalk.yellow;
 const selectColor = chalk.cyan;
 function headerFor(toolName) {
-	if (toolName === "ExitPlanMode") return "Approve this plan?";
-	if (toolName === "EnterPlanMode") return "Enter plan mode?";
-	return `${toolName} need approve?`;
+	switch (toolName) {
+		case "Bash": return "Run this command?";
+		case "Write": return "Write this file?";
+		case "Edit": return "Apply these edits?";
+		case "TaskStop": return "Stop this task?";
+		default: return `Approve ${toolName}?`;
+	}
 }
 var ApprovalPanelComponent = class extends Container {
 	focused = false;
@@ -100725,7 +100890,7 @@ var ApprovalPanelComponent = class extends Container {
 			const labelWithNum = `${String(num)}. ${option.label}`;
 			if (this.feedbackMode && option.requires_feedback === true && isSelected) lines.push(indent(this.renderInlineFeedbackLine(width - 2, labelWithNum)));
 			else if (isSelected) lines.push(indent(`${selectColor.bold("▶")} ${selectColor.bold(labelWithNum)}`));
-			else lines.push(indent(chalk.gray(`  ${labelWithNum}`)));
+			else lines.push(indent(chalk.whiteBright(`  ${labelWithNum}`)));
 		}
 		lines.push("");
 		if (this.feedbackMode) lines.push(indent(chalk.dim("Type feedback · ↵ submit.")));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kfc-code-cli",
-  "version": "0.0.1-alpha.8",
+  "version": "0.0.1-alpha.9",
   "description": "KFC crazy ",
   "license": "MIT",
   "bin": {