@xynogen/pix-core 0.1.5 → 0.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@xynogen/pix-core",
-	"version": "0.1.5",
+	"version": "0.1.6",
 	"description": "Pi extension — core UI/UX bundle (welcome banner, footer, model picker, self-update)",
 	"type": "module",
 	"main": "src/index.ts",

package/src/tool/todo/todo.test.ts

@@ -1,5 +1,12 @@
 import { describe, expect, test } from "bun:test";
-import registerTodo from "./todo.ts";
+import registerTodo, { renderTodoLines, type TodoItem } from "./todo.ts";
+
+// Stub theme tags each fragment with its color/bold so assertions can verify
+// which status got which tint, without depending on real ANSI codes.
+const tagTheme = {
+	fg: (color: string, text: string) => `[${color}]${text}[/]`,
+	bold: (text: string) => `<b>${text}</b>`,
+};
 
 // ─── Helpers ────────────────────────────────────────────────────────────────
 
@@ -600,3 +607,40 @@ describe("restore", () => {
 		expect(text(result)).toBe("(no todos)");
 	});
 });
+
+describe("renderTodoLines (colored TUI render)", () => {
+	const items: TodoItem[] = [
+		{ id: 1, text: "alpha", status: "done" },
+		{ id: 2, text: "bravo", status: "in_progress" },
+		{ id: 3, text: "charlie", status: "pending" },
+		{ id: 4, text: "delta", status: "blocked" },
+	];
+
+	test("empty list renders muted placeholder", () => {
+		expect(renderTodoLines([], tagTheme)).toBe("[muted](no todos)[/]");
+	});
+
+	test("tints each glyph by status", () => {
+		const out = renderTodoLines(items, tagTheme);
+		expect(out).toContain("[success]●[/]"); // done
+		expect(out).toContain("[accent]◐[/]"); // in_progress
+		expect(out).toContain("[muted]○[/]"); // pending
+		expect(out).toContain("[error]⊘[/]"); // blocked
+	});
+
+	test("highlights the in-progress row bold + accent", () => {
+		const out = renderTodoLines(items, tagTheme);
+		expect(out).toContain("<b>[accent]2. bravo[/]</b>");
+	});
+
+	test("dims completed rows and uses text color for active-but-not-running", () => {
+		const out = renderTodoLines(items, tagTheme);
+		expect(out).toContain("[muted]1. alpha[/]"); // done body muted
+		expect(out).toContain("[text]3. charlie[/]"); // pending body text
+	});
+
+	test("shows the done/total count header", () => {
+		const out = renderTodoLines(items, tagTheme);
+		expect(out).toContain("[muted]Todos 1/4 done:[/]");
+	});
+});

package/src/tool/todo/todo.ts

@@ -10,6 +10,7 @@
  */
 
 import type { ExtensionAPI } from "@earendil-works/pi-coding-agent";
+import { Text } from "@earendil-works/pi-tui";
 import { Type } from "typebox";
 
 export type TodoStatus = "pending" | "in_progress" | "done" | "blocked";
@@ -27,6 +28,38 @@ const TODO_GLYPH: Record<TodoStatus, string> = {
 	blocked: "⊘",
 };
 
+/** Theme color key per status — drives both glyph and (for active) row tint. */
+const TODO_COLOR: Record<TodoStatus, string> = {
+	pending: "muted",
+	in_progress: "accent",
+	done: "success",
+	blocked: "error",
+};
+
+export type TodoTheme = {
+	fg: (color: string, text: string) => string;
+	bold: (text: string) => string;
+};
+
+/** Colored checklist for the TUI: glyphs tinted by status, active row bold. */
+export function renderTodoLines(items: TodoItem[], theme: TodoTheme): string {
+	if (!items.length) return theme.fg("muted", "(no todos)");
+	const done = items.filter((t) => t.status === "done").length;
+	const head = theme.fg("muted", `Todos ${done}/${items.length} done:`);
+	const lines = items.map((t) => {
+		const color = TODO_COLOR[t.status];
+		const glyph = theme.fg(color, TODO_GLYPH[t.status]);
+		const body = `${t.id}. ${t.text}`;
+		// Highlight the in-flight task so the eye lands on it first.
+		const label =
+			t.status === "in_progress"
+				? theme.bold(theme.fg("accent", body))
+				: theme.fg(t.status === "done" ? "muted" : "text", body);
+		return `${glyph} ${label}`;
+	});
+	return `${head}\n${lines.join("\n")}`;
+}
+
 const parseItems = (raw: string): string[] =>
 	raw
 		.split("\n")
@@ -102,6 +135,10 @@ export default function registerTodo(pi: ExtensionAPI): void {
 				}),
 			),
 		}),
+		renderResult(_result, _options, theme) {
+			return new Text(renderTodoLines(todos, theme as TodoTheme), 0, 0);
+		},
+
 		async execute(_id, params) {
 			// AgentToolResult now requires a `details` field. These todo results have
 			// no structured details, so emit `undefined` via small local helpers.