@agnishc/edb-compact-tools 0.14.0 → 0.14.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [0.14.1] - 2026-05-23
+
+### Changed
+- Remove emoji tool icons from registry. Render tool display name bold in pending shimmer and result top line instead.
+
+### Added
+- `shimmerText` option on `BranchToolBlock` — renders the tool name bold-colored in the top line alongside content.
+
 ## [0.12.0] - 2026-05-22
 
 ### Added

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@agnishc/edb-compact-tools",
-	"version": "0.14.0",
+	"version": "0.14.1",
 	"description": "Pi extension: compact outlined tool-call renderers with ctrl+o expansion",
 	"keywords": [
 		"pi-package",

package/src/branch-tool-block.ts

@@ -10,6 +10,7 @@ export class EmptyBlock {
 
 export interface BranchToolBlockOptions {
 	pending?: boolean;
+	shimmerText?: string;
 }
 
 export class BranchToolBlock {
@@ -51,9 +52,24 @@ export class BranchToolBlock {
 	}
 
 	private renderTop(content: string, width: number): string {
-		const prefix = this.options.pending ? this.theme.fg(this.pendingColor(), "● ") : this.color("● ");
+		const isPending = this.options.pending;
+		const shimmerText = this.options.shimmerText;
+		const activeColor = isPending ? this.pendingColor() : undefined;
+
+		const prefix = activeColor ? this.theme.fg(activeColor, "● ") : this.color("● ");
+
+		let bodyContent: string;
+		if (shimmerText) {
+			const coloredName = activeColor
+				? this.theme.fg(activeColor, this.theme.bold(shimmerText))
+				: this.color(this.theme.bold(shimmerText));
+			bodyContent = `${coloredName} ${content}`;
+		} else {
+			bodyContent = content;
+		}
+
 		const contentWidth = Math.max(1, width - visibleWidth("● "));
-		return `${prefix}${this.fit(content, contentWidth)}`;
+		return `${prefix}${this.fit(bodyContent, contentWidth)}`;
 	}
 
 	private renderBody(content: string, width: number): string {

package/src/tool-meta.test.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from "vitest";
-import { callLabel, isSkillPath, purple, summaryFor, toolColor, toolDisplayName, toolIcon } from "./tool-meta.js";
+import { callLabel, isSkillPath, purple, summaryFor, toolColor, toolDisplayName } from "./tool-meta.js";
 
 describe("isSkillPath", () => {
 	it("detects .agents/skills paths", () => {
@@ -68,22 +68,6 @@ describe("toolColor", () => {
 	});
 });
 
-describe("toolIcon", () => {
-	it("returns correct icon per tool", () => {
-		expect(toolIcon("bash")).toBe("⚙️");
-		expect(toolIcon("read")).toBe("📖");
-		expect(toolIcon("grep")).toBe("🔎");
-		expect(toolIcon("find")).toBe("🧭");
-		expect(toolIcon("ls")).toBe("📁");
-		expect(toolIcon("edit")).toBe("✏️");
-		expect(toolIcon("write")).toBe("📝");
-	});
-
-	it("returns default icon for unknown tools", () => {
-		expect(toolIcon("unknown")).toBe("🧩");
-	});
-});
-
 describe("toolDisplayName", () => {
 	it("returns polished built-in display names", () => {
 		expect(toolDisplayName("bash")).toBe("Run");

package/src/tool-meta.ts

@@ -17,7 +17,6 @@ export function purple(text: string): string {
 
 type ToolMeta = {
 	color: string | ((args?: any) => string);
-	icon: string;
 	displayName: string | ((args?: any) => string);
 	label: (args: any) => string;
 	summary: (result: any) => string;
@@ -26,7 +25,6 @@ type ToolMeta = {
 const TOOL_REGISTRY: Record<string, ToolMeta> = {
 	bash: {
 		color: "bashMode",
-		icon: "⚙️",
 		displayName: "Run",
 		label: (args) => clip(oneLine(args?.command), 140),
 		summary: (result) => {
@@ -40,7 +38,6 @@ const TOOL_REGISTRY: Record<string, ToolMeta> = {
 	},
 	read: {
 		color: (args) => (isSkillPath(args?.path) ? "purple" : "toolTitle"),
-		icon: "📖",
 		displayName: "Read",
 		label: (args) => clip(shortenPath(args?.path), 140),
 		summary: (result) => {
@@ -52,7 +49,6 @@ const TOOL_REGISTRY: Record<string, ToolMeta> = {
 	},
 	grep: {
 		color: "success",
-		icon: "🔎",
 		displayName: "Search",
 		label: (args) => {
 			const pattern = oneLine(args?.pattern);
@@ -68,7 +64,6 @@ const TOOL_REGISTRY: Record<string, ToolMeta> = {
 	},
 	find: {
 		color: "accent",
-		icon: "🧭",
 		displayName: "Find",
 		label: (args) => {
 			const pattern = oneLine(args?.pattern);
@@ -84,7 +79,6 @@ const TOOL_REGISTRY: Record<string, ToolMeta> = {
 	},
 	ls: {
 		color: "warning",
-		icon: "📁",
 		displayName: "List",
 		label: (args) => clip(shortenPath(args?.path) || ".", 140),
 		summary: (result) => {
@@ -96,7 +90,6 @@ const TOOL_REGISTRY: Record<string, ToolMeta> = {
 	},
 	edit: {
 		color: "toolDiffAdded",
-		icon: "✏️",
 		displayName: "Edit",
 		label: (args) => {
 			const count = Array.isArray(args?.edits) ? args.edits.length : args?.oldText && args?.newText ? 1 : 0;
@@ -121,7 +114,6 @@ const TOOL_REGISTRY: Record<string, ToolMeta> = {
 	},
 	write: {
 		color: "accent",
-		icon: "📝",
 		displayName: (args) => (pathExists(args?.path ?? args?.file_path) ? "Write" : "Create"),
 		label: (args) => {
 			const bytes = typeof args?.content === "string" ? Buffer.byteLength(args.content, "utf8") : 0;
@@ -138,7 +130,6 @@ const TOOL_REGISTRY: Record<string, ToolMeta> = {
 
 const DEFAULT_META: ToolMeta = {
 	color: "accent",
-	icon: "🧩",
 	displayName: "Tool",
 	label: (args) => {
 		const compactArgs = oneLine(JSON.stringify(args ?? {}));
@@ -161,10 +152,6 @@ export function toolColor(toolName: string, args?: any): string {
 	return typeof color === "function" ? color(args) : color;
 }
 
-export function toolIcon(toolName: string): string {
-	return getMeta(toolName).icon;
-}
-
 export function toolDisplayName(toolName: string, args?: any): string {
 	const meta = TOOL_REGISTRY[toolName];
 	if (!meta) return toolName;

package/src/tool-renderer.ts

@@ -3,7 +3,7 @@ import { BranchToolBlock, EmptyBlock } from "./branch-tool-block.js";
 import { MAX_EXPANDED_LINES } from "./constants.js";
 import { formatExpandedLines } from "./expanded-lines.js";
 import { cleanToolOutputText, lineCount, previewLines, textContent } from "./text.js";
-import { callLabel, purple, summaryFor, toolColor, toolDisplayName, toolIcon } from "./tool-meta.js";
+import { callLabel, purple, summaryFor, toolColor, toolDisplayName } from "./tool-meta.js";
 import type { CompactTheme, ToolBlockKind } from "./types.js";
 
 // ── Color resolution ─────────────────────────────────────────────
@@ -19,11 +19,8 @@ function makeColorFn(color: string, theme: CompactTheme): (text: string) => stri
 
 // ── Line builders ────────────────────────────────────────────────
 
-function topLine(toolName: string, theme: CompactTheme, label: string, args?: any): string {
-	const color = toolColor(toolName, args);
-	const title = `${toolIcon(toolName)} ${toolDisplayName(toolName, args)}`;
-	const coloredTitle = color === "purple" ? purple(theme.bold(title)) : theme.fg(color, theme.bold(title));
-	return `${coloredTitle} ${theme.fg("toolOutput", label)}`;
+function topLine(_toolName: string, theme: CompactTheme, label: string, _args?: any): string {
+	return theme.fg("toolOutput", label);
 }
 
 function midLine(_toolName: string, theme: CompactTheme, text: string): string {
@@ -47,7 +44,7 @@ function toolText(
 	theme: CompactTheme,
 	borderColor: string,
 	args?: any,
-	options?: { pending?: boolean },
+	options?: { pending?: boolean; shimmerText?: string },
 ): BranchToolBlock {
 	const color = resolveColor(toolName, args, borderColor);
 	return new BranchToolBlock(kind, lines, theme, makeColorFn(color, theme), options);
@@ -79,7 +76,7 @@ export function renderResult(toolName: string, result: any, options: any, theme:
 			theme,
 			"muted",
 			args,
-			{ pending: true },
+			{ pending: true, shimmerText: toolDisplayName(toolName, args) },
 		);
 	}
 
@@ -99,7 +96,9 @@ export function renderResult(toolName: string, result: any, options: any, theme:
 	const borderColor = failed ? "error" : toolColor(toolName, args) === "purple" ? "purple" : "success";
 
 	if (!options?.expanded || !text.trim()) {
-		return toolText("full", toolName, [top, bottom], theme, borderColor, args);
+		return toolText("full", toolName, [top, bottom], theme, borderColor, args, {
+			shimmerText: toolDisplayName(toolName, args),
+		});
 	}
 
 	const diff = toolName === "edit" && typeof result?.details?.diff === "string" ? result.details.diff : "";
@@ -111,5 +110,5 @@ export function renderResult(toolName: string, result: any, options: any, theme:
 	}
 	lines.unshift(top);
 	lines.push(bottomLine(toolName, theme, `${theme.fg(statusColor, statusIcon)} ${theme.fg("toolOutput", summary)}`));
-	return toolText("full", toolName, lines, theme, borderColor, args);
+	return toolText("full", toolName, lines, theme, borderColor, args, { shimmerText: toolDisplayName(toolName, args) });
 }