pi-tropos 0.9.1 → 0.10.1

package/README.md

@@ -25,7 +25,9 @@ Personal pi customization bundle. One package, installable anywhere.
   plus the dumbzone `ctx` gauge right. Zero-valued counters hide; no full paths, no
   cache-hit %, no session titles. Auto-named sessions are sanitized (no markdown junk).
   `ctx` is the live context snapshot; the others are cumulative session billing counters
-  (`cached`/`stored` = provider prompt-cache reads/writes, re-read every turn).
+  (`cached`/`stored` = provider prompt-cache reads/writes, re-read every turn). The
+  counter with the highest share of session spend is highlighted in the accent color —
+  typically `cached`, which is why keeping ctx small (the dumb-zone rule) also saves money.
 - **`/zen` mode** — reading mode for brainstorming: collapses all tool output and shrinks
   the footer to `$cost` + the ctx gauge. `/zen` again restores your previous state.
 - **`/peek <path>`** — transient code viewer: syntax-highlighted, line-numbered overlay.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-tropos",
-  "version": "0.9.1",
+  "version": "0.10.1",
   "description": "Personal pi customization bundle — context-health indicator, session handoff, session browser",
   "type": "module",
   "keywords": [

package/src/footer.ts

@@ -10,7 +10,7 @@
  * (Zen lives here because the footer owns the chrome it minimizes.)
  */
 
-import type { ExtensionAPI, ExtensionContext } from "@earendil-works/pi-coding-agent";
+import type { ExtensionAPI, ExtensionContext, Theme } from "@earendil-works/pi-coding-agent";
 import { truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
 
 interface Usage {
@@ -18,7 +18,7 @@ interface Usage {
 	output: number;
 	cacheRead: number;
 	cacheWrite: number;
-	cost: { total: number };
+	cost: { total: number; input: number; output: number; cacheRead: number; cacheWrite: number };
 }
 
 interface Totals {
@@ -27,6 +27,8 @@ interface Totals {
 	cacheRead: number;
 	cacheWrite: number;
 	cost: number;
+	/** Per-component spend, so the dominant cost driver can be highlighted. */
+	costParts: { input: number; output: number; cacheRead: number; cacheWrite: number };
 }
 
 function fmt(n: number) {
@@ -36,7 +38,14 @@ function fmt(n: number) {
 }
 
 function totals(ctx: ExtensionContext): Totals {
-	const t: Totals = { input: 0, output: 0, cacheRead: 0, cacheWrite: 0, cost: 0 };
+	const t: Totals = {
+		input: 0,
+		output: 0,
+		cacheRead: 0,
+		cacheWrite: 0,
+		cost: 0,
+		costParts: { input: 0, output: 0, cacheRead: 0, cacheWrite: 0 },
+	};
 	for (const e of ctx.sessionManager.getBranch()) {
 		if (e.type !== "message" || e.message.role !== "assistant") continue;
 		const u = (e.message as { usage?: Usage }).usage;
@@ -46,17 +55,33 @@ function totals(ctx: ExtensionContext): Totals {
 		t.cacheRead += u.cacheRead ?? 0;
 		t.cacheWrite += u.cacheWrite ?? 0;
 		t.cost += u.cost?.total ?? 0;
+		t.costParts.input += u.cost?.input ?? 0;
+		t.costParts.output += u.cost?.output ?? 0;
+		t.costParts.cacheRead += u.cost?.cacheRead ?? 0;
+		t.costParts.cacheWrite += u.cost?.cacheWrite ?? 0;
 	}
 	return t;
 }
 
-function telemetryLine(t: Totals) {
+/**
+ * Build styled telemetry segments. The component with the highest share
+ * of session spend is highlighted in the accent color — that's where
+ * your money is going (usually cache reads: the whole conversation is
+ * re-read from cache every turn, so small ctx = smaller bill).
+ */
+function telemetryLine(t: Totals, theme: Theme) {
 	if (t.input === 0) return "";
-	const parts = [`in ${fmt(t.input)}`, `out ${fmt(t.output)}`];
-	if (t.cacheRead > 0) parts.push(`cached ${fmt(t.cacheRead)}`);
-	if (t.cacheWrite > 0) parts.push(`stored ${fmt(t.cacheWrite)}`);
-	parts.push(`$${t.cost.toFixed(2)}`);
-	return parts.join("  ");
+	const segments: { text: string; cost: number }[] = [
+		{ text: `in ${fmt(t.input)}`, cost: t.costParts.input },
+		{ text: `out ${fmt(t.output)}`, cost: t.costParts.output },
+	];
+	if (t.cacheRead > 0) segments.push({ text: `cached ${fmt(t.cacheRead)}`, cost: t.costParts.cacheRead });
+	if (t.cacheWrite > 0) segments.push({ text: `stored ${fmt(t.cacheWrite)}`, cost: t.costParts.cacheWrite });
+
+	const top = segments.reduce((a, b) => (b.cost > a.cost ? b : a));
+	const styled = segments.map((s) => theme.fg(s === top && s.cost > 0 ? "accent" : "dim", s.text));
+	styled.push(theme.fg("dim", `$${t.cost.toFixed(2)}`));
+	return styled.join(theme.fg("dim", "  "));
 }
 
 let zen = false;
@@ -102,7 +127,7 @@ export default function footer(pi: ExtensionAPI) {
 					const dir = ctx.cwd.split("/").pop() ?? ctx.cwd;
 					const branch = footerData.getGitBranch();
 					const left = theme.fg("dim", branch ? `${dir} ${branch}` : dir);
-					const metrics = theme.fg("dim", telemetryLine(t));
+					const metrics = telemetryLine(t, theme);
 					const right = [metrics, statuses].filter(Boolean).join("  ");
 
 					const pad = " ".repeat(Math.max(1, width - visibleWidth(left) - visibleWidth(right)));

package/src/peek.ts

@@ -24,7 +24,8 @@ export default function peek(pi: ExtensionAPI) {
 				ctx.ui.notify("/peek needs interactive mode", "error");
 				return;
 			}
-			const target = args.trim();
+			// Strip surrounding quotes — users habitually paste 'paths' or "paths".
+			const target = args.trim().replace(/^['"]|['"]$/g, "");
 			if (!target) {
 				ctx.ui.notify("Usage: /peek <path>", "info");
 				return;