pi-bar 0.3.3 → 0.3.4

package/README.md

@@ -9,7 +9,7 @@
 ◈ claude-opus-4.7  ❯  ✦ think:med  ❯  ◷ 2.6% / 1.0M  ❯  ✧ plan:active
 ```
 
-![pi-bar screenshot, three rows showing green, yellow, and red context usage](https://cdn.jsdelivr.net/npm/pi-bar@0.3.3/assets/screenshot.png)
+![pi-bar screenshot, three rows showing green, yellow, and red context usage](https://cdn.jsdelivr.net/npm/pi-bar@0.3.4/assets/screenshot.png)
 
 ## Why use it?
 
@@ -48,18 +48,15 @@ Allowed segments are `model`, `thinking`, `context`, and `extensions`. The `exte
 ### Configure extension statuses
 
 pi-bar shows statuses set by other extensions with `ctx.ui.setStatus()`.
-Use `/bar status` inside pi to choose which status keys appear.
+Use `/bar` inside pi to open an interactive status-visibility picker.
 
 ```text
-/bar status list
-/bar status hide plan-mode
-/bar status show plan-mode
-/bar status only plan-mode,preset
-/bar status none
-/bar status all
+/bar
 ```
 
-Status filter choices persist in the current session.
+Toggle each status key between `shown` and `hidden`. The `New statuses` row controls whether status keys discovered later are shown or hidden by default.
+
+Status filter choices persist in the current session. Advanced command forms like `/bar status hide <key>` still work for scripting.
 
 ### Change context thresholds
 

package/extensions/status-footer.ts

@@ -16,8 +16,17 @@
  *   PI_BAR_ICONS=unicode|plain|emoji|nerdfont
  */
 
-import type { ExtensionAPI, ExtensionContext } from "@earendil-works/pi-coding-agent";
-import { truncateToWidth } from "@earendil-works/pi-tui";
+import {
+	getSettingsListTheme,
+	type ExtensionAPI,
+	type ExtensionContext,
+} from "@earendil-works/pi-coding-agent";
+import {
+	Container,
+	type SettingItem,
+	SettingsList,
+	truncateToWidth,
+} from "@earendil-works/pi-tui";
 
 type SegmentName = "model" | "thinking" | "context" | "extensions";
 type IconPreset = "unicode" | "plain" | "emoji" | "nerdfont";
@@ -241,6 +250,16 @@ function describeStatusFilter(filter: StatusFilter): string {
 	return hidden.length > 0 ? `showing all except: ${hidden.join(", ")}` : "showing all";
 }
 
+function getKnownStatusKeys(filter: StatusFilter, seenStatusKeys: Set<string>): string[] {
+	const keys = new Set(seenStatusKeys);
+	if (filter.mode === "only") {
+		for (const key of filter.shown) keys.add(key);
+	} else {
+		for (const key of filter.hidden) keys.add(key);
+	}
+	return Array.from(keys).sort();
+}
+
 export default function (pi: ExtensionAPI) {
 	let requestRender: (() => void) | undefined;
 	let statusFilter: StatusFilter = { mode: "all", hidden: new Set() };
@@ -255,19 +274,129 @@ export default function (pi: ExtensionAPI) {
 		}
 		statusFilter = restoredFilter ?? { mode: "all", hidden: new Set() };
 	};
+	const persistStatusFilter = () => {
+		pi.appendEntry(STATUS_FILTER_ENTRY_TYPE, serializeStatusFilter(statusFilter));
+		refresh();
+	};
+	const openStatusConfigurator = async (ctx: ExtensionContext) => {
+		const knownStatusKeys = getKnownStatusKeys(statusFilter, seenStatusKeys);
+		if (knownStatusKeys.length === 0) {
+			ctx.ui.notify(
+				"No extension statuses seen yet. Open /bar after another extension calls ctx.ui.setStatus().",
+				"info",
+			);
+			return;
+		}
+
+		await ctx.ui.custom((tui, theme, _kb, done) => {
+			let futureShown = statusFilter.mode === "all";
+			const statusVisibility = new Map(
+				knownStatusKeys.map((key) => [key, shouldShowStatus(key, statusFilter)]),
+			);
+			const persistFromVisibility = () => {
+				if (futureShown) {
+					statusFilter = {
+						mode: "all",
+						hidden: new Set(
+							knownStatusKeys.filter((key) => !statusVisibility.get(key)),
+						),
+					};
+				} else {
+					statusFilter = {
+						mode: "only",
+						shown: new Set(
+							knownStatusKeys.filter((key) => statusVisibility.get(key)),
+						),
+					};
+				}
+				persistStatusFilter();
+			};
+
+			const items: SettingItem[] = [
+				{
+					id: "__future",
+					label: "New statuses",
+					description: "Default visibility for status keys discovered later",
+					currentValue: futureShown ? "shown" : "hidden",
+					values: ["shown", "hidden"],
+				},
+				...knownStatusKeys.map((key): SettingItem => ({
+					id: key,
+					label: key,
+					description: "Extension status visibility",
+					currentValue: statusVisibility.get(key) ? "shown" : "hidden",
+					values: ["shown", "hidden"],
+				})),
+			];
+
+			const container = new Container();
+			container.addChild(
+				new (class {
+					render(_width: number) {
+						return [
+							theme.fg("accent", theme.bold("pi-bar status visibility")),
+							theme.fg("dim", "Enter/Space toggles · Esc closes"),
+							"",
+						];
+					}
+					invalidate() {}
+				})(),
+			);
+
+			const settingsList = new SettingsList(
+				items,
+				Math.min(items.length + 2, 15),
+				getSettingsListTheme(),
+				(id, newValue) => {
+					if (id === "__future") {
+						futureShown = newValue === "shown";
+					} else {
+						statusVisibility.set(id, newValue === "shown");
+					}
+					persistFromVisibility();
+				},
+				() => done(undefined),
+				{ enableSearch: true },
+			);
+
+			container.addChild(settingsList);
+
+			return {
+				render(width: number) {
+					return container.render(width);
+				},
+				invalidate() {
+					container.invalidate();
+				},
+				handleInput(data: string) {
+					settingsList.handleInput?.(data);
+					tui.requestRender();
+				},
+			};
+		});
+	};
 
 	pi.registerCommand("bar", {
 		description: "Configure pi-bar footer status segments",
 		handler: async (args, ctx) => {
 			const [section, action, ...rest] = args.trim().split(/\s+/).filter(Boolean);
-			if (!section || section === "status" || section === "statuses") {
+			if (!section || ((section === "status" || section === "statuses") && !action)) {
+				await openStatusConfigurator(ctx);
+				return;
+			}
+
+			if (section === "status" || section === "statuses") {
 				const keys = splitStatusKeys(rest.join(" "));
 
 				switch (action) {
-					case undefined:
+					case "config":
+					case "configure":
+					case "edit":
+						await openStatusConfigurator(ctx);
+						return;
 					case "list":
 					case "ls": {
-						const known = Array.from(seenStatusKeys).sort();
+						const known = getKnownStatusKeys(statusFilter, seenStatusKeys);
 						ctx.ui.notify(
 							`pi-bar statuses: ${describeStatusFilter(statusFilter)}${known.length > 0 ? `; known: ${known.join(", ")}` : "; known: none yet"}`,
 							"info",
@@ -305,8 +434,7 @@ export default function (pi: ExtensionAPI) {
 						return;
 				}
 
-				pi.appendEntry(STATUS_FILTER_ENTRY_TYPE, serializeStatusFilter(statusFilter));
-				refresh();
+				persistStatusFilter();
 				ctx.ui.notify(`pi-bar statuses: ${describeStatusFilter(statusFilter)}`, "info");
 				return;
 			}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-bar",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "description": "Never accidentally run Opus on a typo. Pi footer/statusline showing active model, thinking level, context usage, and extension statuses.",
   "type": "module",
   "keywords": [
@@ -46,6 +46,6 @@
     "extensions": [
       "./extensions/status-footer.ts"
     ],
-    "image": "https://cdn.jsdelivr.net/npm/pi-bar@0.3.3/assets/screenshot.png"
+    "image": "https://cdn.jsdelivr.net/npm/pi-bar@0.3.4/assets/screenshot.png"
   }
 }