pi-bar 0.3.36 → 0.3.38

package/README.md

@@ -9,9 +9,9 @@
 claude-opus-4.7  ❯  think:med  ❯  2.6% / 1.0M  ❯  Reviewing package structure  ❯  plan:active ❯ queue:2
 ```
 
-![pi-bar with low context usage](https://cdn.jsdelivr.net/npm/pi-bar@0.3.36/assets/screenshot-green.png)
-![pi-bar with medium context usage](https://cdn.jsdelivr.net/npm/pi-bar@0.3.36/assets/screenshot-yellow.png)
-![pi-bar with high context usage](https://cdn.jsdelivr.net/npm/pi-bar@0.3.36/assets/screenshot-red.png)
+![pi-bar with low context usage](https://cdn.jsdelivr.net/npm/pi-bar@0.3.38/assets/screenshot-green.png)
+![pi-bar with medium context usage](https://cdn.jsdelivr.net/npm/pi-bar@0.3.38/assets/screenshot-yellow.png)
+![pi-bar with high context usage](https://cdn.jsdelivr.net/npm/pi-bar@0.3.38/assets/screenshot-red.png)
 
 ## Why use it?
 
@@ -75,7 +75,7 @@ Or in pi settings: `bar.progressModel`. Otherwise pi-bar picks a fast model you
 
 ### Configure extension statuses
 
-Other pi extensions can publish small status badges. Pi-bar collects them into the `extensions` segment and separates each badge with the same `❯` divider used by other footer segments. Run `/bar` or `/bar status` inside pi to pick which ones to show:
+Other pi extensions can publish small status badges. Pi-bar collects them into the `extensions` segment, strips embedded terminal colors, and separates each badge with the same `❯` divider used by other footer segments. Run `/bar` or `/bar status` inside pi to pick which ones to show:
 
 ```text
 /bar status

package/extensions/status-footer.ts

@@ -1525,18 +1525,18 @@ function formatExtensionStatuses(
 	statuses: ReadonlyMap<string, string>,
 	filter: StatusFilter,
 	seenStatusKeys: Set<string>,
-): string | null {
+): string[] | null {
 	const parts = Array.from(statuses.entries())
-		.filter(([, text]) => text.trim().length > 0)
+		.filter(([, text]) => stripTerminalControls(text).trim().length > 0)
 		.filter(([key]) => {
 			seenStatusKeys.add(key);
 			return shouldShowStatus(key, filter);
 		})
-		.map(([key, text]) => `${key}:${text}`);
+		.map(([key, text]) =>
+			`${stripTerminalControls(key)}:${stripTerminalControls(text)}`,
+		);
 
-	return parts.length > 0
-		? parts.join(` ${EXTENSION_STATUS_SEPARATOR} `)
-		: null;
+	return parts.length > 0 ? parts : null;
 }
 
 function serializeStatusFilter(filter: StatusFilter): SerializedStatusFilter {
@@ -2088,7 +2088,7 @@ export default function (pi: ExtensionAPI) {
 				render(width: number): string[] {
 					const modelName = formatModelName(ctx.model?.id);
 					const thinkingLevel = String(pi.getThinkingLevel());
-					const extensionStatuses = formatExtensionStatuses(
+					const extensionStatusParts = formatExtensionStatuses(
 						footerData?.getExtensionStatuses?.() ?? new Map(),
 						statusFilter,
 						seenStatusKeys,
@@ -2105,12 +2105,17 @@ export default function (pi: ExtensionAPI) {
 						: "—";
 					const progressText = progress.text();
 
+					const extensionStatuses = extensionStatusParts
+						? extensionStatusParts
+							.map((part) => theme.fg("text", part))
+							.join(` ${theme.fg("dim", EXTENSION_STATUS_SEPARATOR)} `)
+						: null;
 					const segmentRenderers: Record<SegmentName, string | null> = {
 						model: theme.fg("accent", modelName),
 						thinking: theme.fg(thinkingColor(thinkingLevel), `think:${thinkingLevel}`),
 						context: theme.fg(contextSegmentColor, contextText),
-						progress: progressText ? theme.fg("muted", progressText) : null,
-						extensions: extensionStatuses ? theme.fg("muted", extensionStatuses) : null,
+						progress: progressText ? theme.fg("text", progressText) : null,
+						extensions: extensionStatuses,
 					};
 
 					const separator = `  ${theme.fg("dim", SEGMENT_SEPARATOR)}  `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-bar",
-  "version": "0.3.36",
+  "version": "0.3.38",
   "description": "Pi footer/statusline showing active model, thinking level, context pressure, live progress updates, and extension statuses.",
   "type": "module",
   "keywords": [
@@ -51,6 +51,6 @@
     "extensions": [
       "./extensions/status-footer.ts"
     ],
-    "image": "https://cdn.jsdelivr.net/npm/pi-bar@0.3.36/assets/screenshot-yellow.png"
+    "image": "https://cdn.jsdelivr.net/npm/pi-bar@0.3.38/assets/screenshot-yellow.png"
   }
 }