@gonrocca/zero-pi 0.1.71 → 0.1.72

package/extensions/markdown-cleanup.ts

@@ -0,0 +1,7 @@
+export type MarkdownToken = { type?: string; text?: string; lang?: string; raw?: string };
+
+const EMPTY_HTML_COMMENT = /^<!--\s*-->$/;
+
+export function isEmptyHtmlComment(token: MarkdownToken): boolean {
+	return token.type === "html" && typeof token.raw === "string" && EMPTY_HTML_COMMENT.test(token.raw.trim());
+}

package/extensions/zero-pretty-code-fences.ts

@@ -1,5 +1,6 @@
 import { Markdown, visibleWidth } from "@earendil-works/pi-tui";
 import type { ExtensionAPI } from "@earendil-works/pi-coding-agent";
+import { isEmptyHtmlComment, type MarkdownToken } from "./markdown-cleanup.ts";
 
 type MarkdownInstance = {
 	theme: {
@@ -8,10 +9,10 @@ type MarkdownInstance = {
 		codeBlockIndent?: string;
 		highlightCode?: (code: string, lang?: string) => string[];
 	};
-	renderToken: (token: { type?: string; text?: string; lang?: string }, width: number, nextTokenType?: string, styleContext?: unknown) => string[];
+	renderToken: (token: MarkdownToken, width: number, nextTokenType?: string, styleContext?: unknown) => string[];
 };
 
-const PATCHED = Symbol.for("gon.pi.pretty-code-fences.patched");
+const PATCHED = Symbol.for("gon.pi.pretty-code-fences.patched.v2");
 
 function displayLang(lang?: string): string {
 	const raw = (lang ?? "").trim().toLowerCase();
@@ -42,6 +43,8 @@ function patchMarkdownRenderer(): void {
 
 	const original = proto.renderToken;
 	proto.renderToken = function prettyRenderToken(token, width, nextTokenType, styleContext): string[] {
+		if (isEmptyHtmlComment(token)) return [];
+
 		if (token?.type !== "code") {
 			return original.call(this, token, width, nextTokenType, styleContext);
 		}

package/extensions/zero-pretty-tool-cards.ts

@@ -0,0 +1,155 @@
+// zero-pi — prettier tool execution cards.
+//
+// Runtime patch only: pi owns the ToolExecutionComponent. This extension keeps
+// the visual change defensive and dependency-free for tests by importing pi's
+// component and pi-tui's width helpers dynamically at runtime.
+
+const PATCHED = Symbol.for("gon.pi.pretty-tool-cards.patched");
+const ANSI_RE = /\x1b\[[0-9;]*m/g;
+
+interface ExtensionAPI {}
+
+type ToolExecutionClass = {
+	prototype: {
+		render: (width: number) => string[];
+		toolName?: string;
+		args?: unknown;
+		isPartial?: boolean;
+		result?: { isError?: boolean };
+		[PATCHED]?: boolean;
+	};
+};
+
+type WidthFns = {
+	visibleWidth: (text: string) => number;
+	truncateToWidth: (text: string, maxWidth: number, ellipsis?: string) => string;
+};
+
+function rgb(hex: string, text: string): string {
+	const clean = hex.replace(/^#/, "");
+	const r = Number.parseInt(clean.slice(0, 2), 16);
+	const g = Number.parseInt(clean.slice(2, 4), 16);
+	const b = Number.parseInt(clean.slice(4, 6), 16);
+	return `\x1b[38;2;${r};${g};${b}m${text}\x1b[0m`;
+}
+
+const c = {
+	border: (s: string) => rgb("#a78bfa", s),
+	borderDim: (s: string) => rgb("#3c3552", s),
+	cyan: (s: string) => rgb("#35e8ff", s),
+	gold: (s: string) => rgb("#ffd166", s),
+	mint: (s: string) => rgb("#2dfcb3", s),
+	rose: (s: string) => rgb("#ff4f7b", s),
+	dim: (s: string) => rgb("#6e657e", s),
+};
+
+function stripAnsi(text: string): string {
+	return text.replace(ANSI_RE, "");
+}
+
+// Width MUST be measured with the same rule pi-tui's doRender validates with:
+// emoji/CJK count as 2 cells, ANSI and OSC sequences count as 0. Inside pi the
+// real pi-tui helpers are injected at register time; this naive fallback only
+// serves tests and non-pi contexts, where nothing enforces terminal width.
+export const fallbackWidthFns: WidthFns = {
+	visibleWidth: (text) => stripAnsi(text).length,
+	truncateToWidth: (text, maxWidth, ellipsis = "…") => {
+		const plain = stripAnsi(text);
+		if (plain.length <= maxWidth) return text;
+		return plain.slice(0, Math.max(0, maxWidth - 1)) + ellipsis;
+	},
+};
+
+let widthFns: WidthFns = fallbackWidthFns;
+
+export function setWidthFns(fns: WidthFns): void {
+	widthFns = fns;
+}
+
+function padAnsi(text: string, width: number): string {
+	const clipped = widthFns.truncateToWidth(text, width, "…");
+	return clipped + " ".repeat(Math.max(0, width - widthFns.visibleWidth(clipped)));
+}
+
+function basename(path: string): string {
+	return path.split(/[\\/]/).filter(Boolean).pop() ?? path;
+}
+
+export function toolCardTitle(toolName: string, args?: unknown): string {
+	const name = toolName || "tool";
+	if (args && typeof args === "object") {
+		const a = args as Record<string, unknown>;
+		const path = typeof a.path === "string" ? a.path : typeof a.url === "string" ? a.url : "";
+		if (path) {
+			const lineRange = typeof a.offset === "number"
+				? `:${a.offset}${typeof a.limit === "number" ? `-${a.offset + a.limit - 1}` : ""}`
+				: "";
+			return `${name} · ${basename(path)}${lineRange}`;
+		}
+		const command = typeof a.command === "string" ? a.command.trim() : "";
+		if (command) return `${name} · ${command.split(/\s+/).slice(0, 3).join(" ")}`;
+	}
+	return name;
+}
+
+export function toolCardStatus(isPartial: boolean, isError: boolean): { glyph: string; color: (s: string) => string; label: string } {
+	if (isPartial) return { glyph: "⠋", color: c.cyan, label: "running" };
+	if (isError) return { glyph: "✗", color: c.rose, label: "error" };
+	return { glyph: "✓", color: c.mint, label: "ok" };
+}
+
+export function frameToolCard(lines: string[], width: number, title: string, status = toolCardStatus(false, false)): string[] {
+	if (width < 28) return lines;
+	const inner = Math.max(8, width - 4);
+	const cleanLines = [...lines];
+	while (cleanLines.length > 0 && stripAnsi(cleanLines[0] ?? "").trim() === "") cleanLines.shift();
+	while (cleanLines.length > 0 && stripAnsi(cleanLines[cleanLines.length - 1] ?? "").trim() === "") cleanLines.pop();
+
+	const label = `${status.color(status.glyph)} ${c.gold(title)} ${c.dim(`(${status.label})`)}`;
+	const topPrefix = `${c.border("╭─")} ${label} `;
+	const topSuffix = c.border("╮");
+	const topFill = Math.max(1, width - widthFns.visibleWidth(topPrefix) - widthFns.visibleWidth(topSuffix));
+	const bottom = `${c.border("╰")}${c.borderDim("─".repeat(Math.max(1, width - 2)))}${c.border("╯")}`;
+
+	// Clamp: a title wider than the terminal would also trip doRender's width check.
+	const framed = [widthFns.truncateToWidth(`${topPrefix}${c.borderDim("─".repeat(topFill))}${topSuffix}`, width, "…")];
+	for (const line of cleanLines) {
+		framed.push(`${c.border("│")} ${padAnsi(line, inner)} ${c.border("│")}`);
+	}
+	framed.push(bottom);
+	return framed;
+}
+
+export function patchToolCards(ToolExecutionComponent: ToolExecutionClass): boolean {
+	const proto = ToolExecutionComponent.prototype;
+	if (!proto || typeof proto.render !== "function") return false;
+	if (proto[PATCHED]) return false;
+	proto[PATCHED] = true;
+
+	const originalRender = proto.render;
+	proto.render = function prettyToolCardRender(width: number): string[] {
+		const raw = originalRender.call(this, Math.max(24, width - 4));
+		if (raw.length === 0) return raw;
+		const status = toolCardStatus(Boolean(this.isPartial), Boolean(this.result?.isError));
+		return frameToolCard(raw, width, toolCardTitle(this.toolName ?? "tool", this.args), status);
+	};
+	return true;
+}
+
+export default function (_pi: ExtensionAPI) {
+	void Promise.all([
+		import("@earendil-works/pi-coding-agent"),
+		import("@earendil-works/pi-tui"),
+	])
+		.then(([agent, tui]) => {
+			const helpers = tui as { visibleWidth?: WidthFns["visibleWidth"]; truncateToWidth?: WidthFns["truncateToWidth"] };
+			if (!helpers.visibleWidth || !helpers.truncateToWidth) return;
+			setWidthFns({ visibleWidth: helpers.visibleWidth, truncateToWidth: helpers.truncateToWidth });
+			const ToolExecutionComponent = (agent as { ToolExecutionComponent?: ToolExecutionClass }).ToolExecutionComponent;
+			if (ToolExecutionComponent) patchToolCards(ToolExecutionComponent);
+		})
+		.catch(() => {
+			// Dependencies are only available inside pi's runtime. Tests and non-TUI
+			// modes skip the patch instead of rendering cards measured with the fallback.
+		});
+}

package/extensions/zero-theme.ts

@@ -0,0 +1,54 @@
+// zero-pi — quick theme switcher for the ZERO theme pack.
+
+interface ThemeSwitchCtx {
+	ui?: {
+		setTheme?: (theme: string) => { success: boolean; error?: string };
+		notify?: (message: string, type?: "info" | "warning" | "error") => void;
+	};
+}
+
+interface PiAPI {
+	registerCommand?(name: string, options: { description: string; handler: (args: string, ctx: ThemeSwitchCtx) => unknown }): void;
+}
+
+export const ZERO_THEMES = {
+	neon: "zero-omp-neon",
+	omp: "zero-omp-neon",
+	sunset: "zero-sunset",
+	sdd: "zero-sdd",
+	sith: "zero-sith",
+	saiyan: "zero-saiyan",
+	matrix: "zero-matrix",
+	cyberpunk: "zero-cyberpunk",
+} as const;
+
+export type ZeroThemeAlias = keyof typeof ZERO_THEMES;
+
+export function resolveZeroTheme(input: string): string | undefined {
+	const raw = input.trim().toLowerCase();
+	if (!raw) return undefined;
+	return ZERO_THEMES[raw as ZeroThemeAlias] ?? (raw.startsWith("zero-") ? raw : undefined);
+}
+
+export function zeroThemeUsage(): string {
+	return "Uso: /zero-theme neon|sunset|sdd|sith|saiyan|matrix|cyberpunk";
+}
+
+export default function register(api?: PiAPI): void {
+	api?.registerCommand?.("zero-theme", {
+		description: "Switch between ZERO theme pack variants",
+		handler: (args, ctx) => {
+			const theme = resolveZeroTheme(args);
+			if (!theme) {
+				ctx.ui?.notify?.(zeroThemeUsage(), "warning");
+				return;
+			}
+			const result = ctx.ui?.setTheme?.(theme);
+			if (!result?.success) {
+				ctx.ui?.notify?.(`No pude activar ${theme}: ${result?.error ?? "theme no encontrado"}`, "error");
+				return;
+			}
+			ctx.ui?.notify?.(`ZERO theme activo: ${theme}`, "info");
+		},
+	});
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gonrocca/zero-pi",
-  "version": "0.1.71",
+  "version": "0.1.72",
   "description": "zero-pi — an installable layer for pi (pi.dev): the zero spec-driven development workflow (clarify → explore → plan → analyze → build → veredicto) with automatic clarify/analyze gates, per-phase model autotune, and token-efficient batched builds. Adds capability to pi without modifying pi.",
   "type": "module",
   "keywords": [
@@ -26,8 +26,10 @@
     "extensions": [
       "./extensions/zero-banner.ts",
       "./extensions/zero-hud.ts",
+      "./extensions/zero-theme.ts",
       "./extensions/zero-pretty-code-fences.ts",
       "./extensions/zero-pretty-input-box.ts",
+      "./extensions/zero-pretty-tool-cards.ts",
       "./extensions/zero-activity-panel.ts",
       "./extensions/working-phrases.ts",
       "./extensions/win-tree-kill.ts",
@@ -58,8 +60,11 @@
     "assets/preview.png",
     "extensions/zero-banner.ts",
     "extensions/zero-hud.ts",
+    "extensions/zero-theme.ts",
     "extensions/zero-pretty-code-fences.ts",
+    "extensions/markdown-cleanup.ts",
     "extensions/zero-pretty-input-box.ts",
+    "extensions/zero-pretty-tool-cards.ts",
     "extensions/zero-activity-panel.ts",
     "extensions/zero-statusline.ts",
     "extensions/working-phrases.ts",

package/themes/zero-cyberpunk.json

@@ -0,0 +1,79 @@
+{
+  "$schema": "https://raw.githubusercontent.com/earendil-works/pi/main/packages/coding-agent/src/modes/interactive/theme/theme-schema.json",
+  "name": "zero-cyberpunk",
+  "vars": {
+    "bg": "#080713",
+    "panel": "#111026",
+    "panel2": "#1a1235",
+    "panelTool": "#101c32",
+    "panelOk": "#09231f",
+    "panelErr": "#2b0b20",
+    "selected": "#2d1a4f",
+    "textMain": "#f3ecff",
+    "prose": "#cbbde8",
+    "muted": "#9f8bc0",
+    "dim": "#625176",
+    "magenta": "#ff2bd6",
+    "pink": "#ff5dba",
+    "cyan": "#00e5ff",
+    "yellow": "#ffe156",
+    "violet": "#9b5cff",
+    "mint": "#37ffbf",
+    "orange": "#ff8c42",
+    "red": "#ff3864"
+  },
+  "colors": {
+    "accent": "magenta",
+    "border": "cyan",
+    "borderAccent": "magenta",
+    "borderMuted": "dim",
+    "success": "mint",
+    "error": "red",
+    "warning": "yellow",
+    "muted": "muted",
+    "dim": "dim",
+    "text": "textMain",
+    "thinkingText": "prose",
+    "selectedBg": "selected",
+    "userMessageBg": "panel2",
+    "userMessageText": "yellow",
+    "customMessageBg": "panel",
+    "customMessageText": "prose",
+    "customMessageLabel": "cyan",
+    "toolPendingBg": "panel2",
+    "toolSuccessBg": "panelTool",
+    "toolErrorBg": "panelErr",
+    "toolTitle": "magenta",
+    "toolOutput": "prose",
+    "mdHeading": "cyan",
+    "mdLink": "magenta",
+    "mdLinkUrl": "cyan",
+    "mdCode": "mint",
+    "mdCodeBlock": "mint",
+    "mdCodeBlockBorder": "cyan",
+    "mdQuote": "muted",
+    "mdQuoteBorder": "dim",
+    "mdHr": "dim",
+    "mdListBullet": "yellow",
+    "toolDiffAdded": "mint",
+    "toolDiffRemoved": "red",
+    "toolDiffContext": "muted",
+    "syntaxComment": "dim",
+    "syntaxKeyword": "magenta",
+    "syntaxFunction": "cyan",
+    "syntaxVariable": "yellow",
+    "syntaxString": "mint",
+    "syntaxNumber": "orange",
+    "syntaxType": "violet",
+    "syntaxOperator": "red",
+    "syntaxPunctuation": "muted",
+    "thinkingOff": "dim",
+    "thinkingMinimal": "muted",
+    "thinkingLow": "cyan",
+    "thinkingMedium": "yellow",
+    "thinkingHigh": "magenta",
+    "thinkingXhigh": "pink",
+    "bashMode": "magenta"
+  },
+  "export": { "pageBg": "#080713", "cardBg": "#111026", "infoBg": "#1a1235" }
+}

package/themes/zero-matrix.json

@@ -0,0 +1,78 @@
+{
+  "$schema": "https://raw.githubusercontent.com/earendil-works/pi/main/packages/coding-agent/src/modes/interactive/theme/theme-schema.json",
+  "name": "zero-matrix",
+  "vars": {
+    "bg": "#020604",
+    "panel": "#07110c",
+    "panel2": "#0a1710",
+    "panelTool": "#081a12",
+    "panelOk": "#092013",
+    "panelErr": "#1c090b",
+    "selected": "#102b1b",
+    "textMain": "#dfffe8",
+    "prose": "#a8d8b5",
+    "muted": "#78a886",
+    "dim": "#3d6048",
+    "green": "#00ff66",
+    "lime": "#b6ff4d",
+    "mint": "#5cffc4",
+    "teal": "#00d9a3",
+    "amber": "#d4ff62",
+    "red": "#ff4d6d",
+    "cyan": "#6fffe9"
+  },
+  "colors": {
+    "accent": "green",
+    "border": "green",
+    "borderAccent": "lime",
+    "borderMuted": "dim",
+    "success": "green",
+    "error": "red",
+    "warning": "amber",
+    "muted": "muted",
+    "dim": "dim",
+    "text": "textMain",
+    "thinkingText": "prose",
+    "selectedBg": "selected",
+    "userMessageBg": "panel2",
+    "userMessageText": "lime",
+    "customMessageBg": "panel",
+    "customMessageText": "prose",
+    "customMessageLabel": "green",
+    "toolPendingBg": "panel2",
+    "toolSuccessBg": "panelTool",
+    "toolErrorBg": "panelErr",
+    "toolTitle": "lime",
+    "toolOutput": "prose",
+    "mdHeading": "green",
+    "mdLink": "cyan",
+    "mdLinkUrl": "teal",
+    "mdCode": "mint",
+    "mdCodeBlock": "mint",
+    "mdCodeBlockBorder": "green",
+    "mdQuote": "muted",
+    "mdQuoteBorder": "dim",
+    "mdHr": "dim",
+    "mdListBullet": "green",
+    "toolDiffAdded": "green",
+    "toolDiffRemoved": "red",
+    "toolDiffContext": "muted",
+    "syntaxComment": "dim",
+    "syntaxKeyword": "green",
+    "syntaxFunction": "lime",
+    "syntaxVariable": "cyan",
+    "syntaxString": "mint",
+    "syntaxNumber": "amber",
+    "syntaxType": "teal",
+    "syntaxOperator": "red",
+    "syntaxPunctuation": "muted",
+    "thinkingOff": "dim",
+    "thinkingMinimal": "muted",
+    "thinkingLow": "teal",
+    "thinkingMedium": "lime",
+    "thinkingHigh": "green",
+    "thinkingXhigh": "cyan",
+    "bashMode": "green"
+  },
+  "export": { "pageBg": "#020604", "cardBg": "#07110c", "infoBg": "#0a1710" }
+}

package/themes/zero-saiyan.json

@@ -0,0 +1,79 @@
+{
+  "$schema": "https://raw.githubusercontent.com/earendil-works/pi/main/packages/coding-agent/src/modes/interactive/theme/theme-schema.json",
+  "name": "zero-saiyan",
+  "vars": {
+    "bg": "#080b16",
+    "panel": "#10182b",
+    "panel2": "#17213a",
+    "panelTool": "#10243a",
+    "panelOk": "#10281d",
+    "panelErr": "#2a1212",
+    "selected": "#25365c",
+    "textMain": "#f5f0df",
+    "prose": "#d7caa8",
+    "muted": "#aa9b75",
+    "dim": "#6e654a",
+    "gold": "#ffd60a",
+    "ki": "#ffb703",
+    "orange": "#ff7a00",
+    "blue": "#4cc9f0",
+    "royal": "#4361ee",
+    "mint": "#51ffb6",
+    "rose": "#ff5d73",
+    "white": "#fff7cc"
+  },
+  "colors": {
+    "accent": "gold",
+    "border": "blue",
+    "borderAccent": "gold",
+    "borderMuted": "dim",
+    "success": "mint",
+    "error": "rose",
+    "warning": "orange",
+    "muted": "muted",
+    "dim": "dim",
+    "text": "textMain",
+    "thinkingText": "prose",
+    "selectedBg": "selected",
+    "userMessageBg": "panel2",
+    "userMessageText": "gold",
+    "customMessageBg": "panel",
+    "customMessageText": "prose",
+    "customMessageLabel": "blue",
+    "toolPendingBg": "panel2",
+    "toolSuccessBg": "panelTool",
+    "toolErrorBg": "panelErr",
+    "toolTitle": "gold",
+    "toolOutput": "prose",
+    "mdHeading": "gold",
+    "mdLink": "blue",
+    "mdLinkUrl": "royal",
+    "mdCode": "mint",
+    "mdCodeBlock": "mint",
+    "mdCodeBlockBorder": "blue",
+    "mdQuote": "muted",
+    "mdQuoteBorder": "dim",
+    "mdHr": "dim",
+    "mdListBullet": "gold",
+    "toolDiffAdded": "mint",
+    "toolDiffRemoved": "rose",
+    "toolDiffContext": "muted",
+    "syntaxComment": "dim",
+    "syntaxKeyword": "blue",
+    "syntaxFunction": "gold",
+    "syntaxVariable": "ki",
+    "syntaxString": "mint",
+    "syntaxNumber": "orange",
+    "syntaxType": "royal",
+    "syntaxOperator": "rose",
+    "syntaxPunctuation": "muted",
+    "thinkingOff": "dim",
+    "thinkingMinimal": "muted",
+    "thinkingLow": "blue",
+    "thinkingMedium": "gold",
+    "thinkingHigh": "orange",
+    "thinkingXhigh": "white",
+    "bashMode": "gold"
+  },
+  "export": { "pageBg": "#080b16", "cardBg": "#10182b", "infoBg": "#17213a" }
+}

package/themes/zero-sith.json

@@ -0,0 +1,79 @@
+{
+  "$schema": "https://raw.githubusercontent.com/earendil-works/pi/main/packages/coding-agent/src/modes/interactive/theme/theme-schema.json",
+  "name": "zero-sith",
+  "vars": {
+    "bg": "#07060a",
+    "panel": "#130911",
+    "panel2": "#1b0d18",
+    "panelTool": "#1a101d",
+    "panelOk": "#10191a",
+    "panelErr": "#2a0710",
+    "selected": "#311026",
+    "textMain": "#f3e8ef",
+    "prose": "#cdb7c6",
+    "muted": "#a98999",
+    "dim": "#705160",
+    "red": "#ff335f",
+    "crimson": "#c9184a",
+    "saber": "#ff1744",
+    "violet": "#9d4edd",
+    "purple": "#c77dff",
+    "amber": "#ffb703",
+    "cyan": "#43d9ff",
+    "mint": "#4dffc3"
+  },
+  "colors": {
+    "accent": "saber",
+    "border": "crimson",
+    "borderAccent": "saber",
+    "borderMuted": "dim",
+    "success": "mint",
+    "error": "red",
+    "warning": "amber",
+    "muted": "muted",
+    "dim": "dim",
+    "text": "textMain",
+    "thinkingText": "prose",
+    "selectedBg": "selected",
+    "userMessageBg": "panel2",
+    "userMessageText": "red",
+    "customMessageBg": "panel",
+    "customMessageText": "prose",
+    "customMessageLabel": "purple",
+    "toolPendingBg": "panel2",
+    "toolSuccessBg": "panelTool",
+    "toolErrorBg": "panelErr",
+    "toolTitle": "red",
+    "toolOutput": "prose",
+    "mdHeading": "purple",
+    "mdLink": "cyan",
+    "mdLinkUrl": "violet",
+    "mdCode": "mint",
+    "mdCodeBlock": "mint",
+    "mdCodeBlockBorder": "crimson",
+    "mdQuote": "muted",
+    "mdQuoteBorder": "dim",
+    "mdHr": "dim",
+    "mdListBullet": "red",
+    "toolDiffAdded": "mint",
+    "toolDiffRemoved": "red",
+    "toolDiffContext": "muted",
+    "syntaxComment": "dim",
+    "syntaxKeyword": "purple",
+    "syntaxFunction": "red",
+    "syntaxVariable": "amber",
+    "syntaxString": "mint",
+    "syntaxNumber": "cyan",
+    "syntaxType": "violet",
+    "syntaxOperator": "red",
+    "syntaxPunctuation": "muted",
+    "thinkingOff": "dim",
+    "thinkingMinimal": "muted",
+    "thinkingLow": "violet",
+    "thinkingMedium": "amber",
+    "thinkingHigh": "red",
+    "thinkingXhigh": "purple",
+    "bashMode": "red"
+  },
+  "export": { "pageBg": "#07060a", "cardBg": "#130911", "infoBg": "#1b0d18" }
+}