@xynogen/pix-commands 0.6.1 → 0.6.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@xynogen/pix-commands",
-	"version": "0.6.1",
+	"version": "0.6.2",
 	"description": "Pi extension — slash commands for cache clearing and isolated side questions",
 	"type": "module",
 	"main": "src/index.ts",

package/src/btw/render.ts

@@ -49,10 +49,10 @@ export function registerBtwRenderer(
 		// header text embedded inside Markdown can confuse wrapping and parsing.
 		const card = new Box(1, 1, (text) => theme.bg("selectedBg", text));
 		card.addChild(
-			new Text(`${statusGlyph} ${theme.bold("BTW")} ${theme.fg("dim", `· ${meta}`)}`, 0, 0),
+			new Text(`${statusGlyph} ${theme.bold("BTW")} ${theme.fg("muted", `· ${meta}`)}`, 0, 0),
 		);
 		card.addChild(
-			new Text(`${theme.fg("accent", "▐")} ${theme.fg("muted", details.question)}`, 0, 0),
+			new Text(`${theme.fg("accent", "▐")} ${theme.fg("dim", details.question)}`, 0, 0),
 		);
 		card.addChild(new Spacer(1));
 
@@ -69,7 +69,7 @@ export function registerBtwRenderer(
 				card.addChild(new Text(theme.fg("thinkingText", details.thinking), 0, 0));
 				card.addChild(new Spacer(1));
 			} else {
-				card.addChild(new Text(theme.fg("dim", "› reasoning hidden — expand to view"), 0, 0));
+				card.addChild(new Text(theme.fg("muted", "› reasoning hidden — expand to view"), 0, 0));
 				card.addChild(new Spacer(1));
 			}
 		}

package/src/btw/widget.test.ts

@@ -49,6 +49,26 @@ describe("BTW widget layout", () => {
 		expect(out).toContain("[GPT]");
 	});
 
+	test("uses primary identity, secondary activity, and tertiary metadata", () => {
+		const taggedTheme: WidgetTheme = {
+			fg: (color, text) => `<${color}>${text}</${color}>`,
+			bold: (text) => text,
+		};
+		const output = renderBtwWidget(
+			[job({ id: 7, model: "GPT", text: "Reading auth.ts", toolUses: 2 })],
+			taggedTheme,
+			0,
+			1_000,
+			500,
+		).join("\n");
+		expect(output).toContain("<accent>BTW</accent><muted> (1)</muted>");
+		expect(output).toContain("<toolTitle>#7</toolTitle>");
+		expect(output).toContain("<muted>[GPT]</muted>");
+		expect(output).toMatch(/<muted>[^<]*2 · 1\.0s<\/muted>/);
+		expect(output).toContain("<dim>Reading auth.ts</dim>");
+		expect(output).toContain("<muted>└─</muted>");
+	});
+
 	test("finished jobs linger with a check, then drop after the window", () => {
 		const done = job({ status: "completed", completedAt: 1_000, toolUses: 2, turnCount: 1 });
 		// Default base 10s × 3 = 30s ok-window.

package/src/btw/widget.ts

@@ -108,23 +108,23 @@ function finishedLine(job: BtwWidgetJob, theme: WidgetTheme): string {
 	if (job.status === "completed") {
 		mark = theme.fg("success", "\u2713");
 	} else if (job.status === "stopped") {
-		mark = theme.fg("dim", "\u25a0");
-		suffix = theme.fg("dim", " stopped");
+		mark = theme.fg("muted", "\u25a0");
+		suffix = theme.fg("muted", " stopped");
 	} else {
 		mark = theme.fg("error", "\u2717");
 		suffix = theme.fg("error", job.error ? ` ${job.error.slice(0, 60)}` : " error");
 	}
 	const model = theme.fg("muted", `[${job.model}]`);
-	const stats = theme.fg("dim", statsFor(job, end));
-	return `${mark} ${theme.fg("dim", `#${job.id}`)} ${model} ${theme.fg("dim", "\u00b7")} ${stats}${suffix}`;
+	const stats = theme.fg("muted", statsFor(job, end));
+	return `${mark} ${theme.fg("dim", `#${job.id}`)} ${model} ${theme.fg("muted", "\u00b7")} ${stats}${suffix}`;
 }
 
 function runningLine(job: BtwWidgetJob, theme: WidgetTheme, frame: string, now: number): string {
 	const model = theme.fg("muted", `[${job.model}]`);
-	const stats = theme.fg("dim", statsFor(job, now));
+	const stats = theme.fg("muted", statsFor(job, now));
 	const activeMap = new Map<string, string>(job.activeTools.map((name, i) => [String(i), name]));
 	const activity = theme.fg("dim", describeActivity(activeMap, job.text));
-	const dot = theme.fg("dim", "\u00b7");
+	const dot = theme.fg("muted", "\u00b7");
 	return `${theme.fg("accent", frame)} ${theme.fg("toolTitle", theme.bold(`#${job.id}`))} ${model} ${dot} ${stats} ${dot} ${activity}`;
 }
 
@@ -152,15 +152,15 @@ export function renderBtwWidget(
 	const spinner = SPINNER[frame % SPINNER.length] ?? "";
 
 	const runningLines = running.map((j) =>
-		truncate(`${theme.fg("dim", "\u251c\u2500")} ${runningLine(j, theme, spinner, now)}`),
+		truncate(`${theme.fg("muted", "\u251c\u2500")} ${runningLine(j, theme, spinner, now)}`),
 	);
 	const finishedLines = finished.map((j) =>
-		truncate(`${theme.fg("dim", "\u251c\u2500")} ${finishedLine(j, theme)}`),
+		truncate(`${theme.fg("muted", "\u251c\u2500")} ${finishedLine(j, theme)}`),
 	);
 
 	const lines: string[] = [
 		truncate(
-			`${theme.fg(headingColor, headingIcon)} ${theme.fg(headingColor, `BTW (${running.length})`)}`,
+			`${theme.fg(headingColor, headingIcon)} ${theme.fg(headingColor, "BTW")}${theme.fg("muted", ` (${running.length})`)}`,
 		),
 	];
 
@@ -173,7 +173,7 @@ export function renderBtwWidget(
 		const hidden = body.length - shown.length;
 		lines.push(...shown);
 		lines.push(
-			truncate(`${theme.fg("dim", "\u251c\u2500")} ${theme.fg("dim", `+${hidden} more`)}`),
+			truncate(`${theme.fg("muted", "\u251c\u2500")} ${theme.fg("muted", `+${hidden} more`)}`),
 		);
 	}