pi-zentui 0.2.7 → 0.3.1

package/README.md

@@ -22,6 +22,7 @@ Zentui brings two popular aesthetics to Pi:
 - `[!?↑]` — git status indicators (modified, untracked, ahead/behind, stashed, etc.)
 - `via  v5.5.0` — runtime detection with version and Starship-style Nerd Font runtime/language modules
 - Right side shows context usage, token counts, and cost
+- Built-in footer segments can be shown or hidden individually from `/zentui`
 - Third-party Pi extension statuses from `ctx.ui.setStatus()` can be shown on the left,
   middle, or right side, or hidden per status key from `/zentui`
 
@@ -124,9 +125,9 @@ pi install git:github.com/lmilojevicc/pi-zentui
 
 ## Config
 
-User config lives at `~/.pi/agent/zentui.json`. The file is optional: missing or invalid known values fall back to Zentui defaults, unknown keys are ignored at runtime, and `/zentui` can patch color-source settings, UI feature toggles, and active third-party status placements.
+User config lives at `~/.pi/agent/zentui.json`. The file is optional: missing or invalid known values fall back to Zentui defaults, unknown keys are ignored at runtime, and `/zentui` can patch color-source settings, UI feature toggles, built-in footer segment visibility, and active third-party status placements.
 
-The interactive `/zentui` menu is split into three sections. Use `Tab` to switch between `Coloring`, `Features`, and `Status line`.
+The interactive `/zentui` menu is split into four sections. Use `Tab` and `Shift+Tab` to switch between `Coloring`, `Features`, `Built-in segments`, and `Extension segments`.
 
 Useful slash-command shortcuts:
 
@@ -198,6 +199,15 @@ Default config values — copy this and change any value you want:
 		"statusLine": true,
 		"copyFriendly": false
 	},
+	"footerSegments": {
+		"cwd": true,
+		"gitBranch": true,
+		"gitStatus": true,
+		"runtime": true,
+		"context": true,
+		"tokens": true,
+		"cost": true
+	},
 	"extensionStatuses": {
 		"defaultPlacement": "right",
 		"placements": {},
@@ -211,7 +221,8 @@ Default config values — copy this and change any value you want:
 - `icons`: every shown icon key is configurable; omit any key to use the Zentui default. `editorPrompt` controls an optional copy-friendly editor prompt glyph; the default is `""` so copy-friendly mode stays rail-free.
 - `colorSources`: `theme` maps styles through Pi theme tokens; `terminal` emits terminal colors. `/zentui` switches these sources; manual JSON controls specific style values.
 - `features`: `editor` enables Zentui's custom editor, selector borders, and previous-message chrome. `statusLine` enables Zentui's custom footer/status line. `copyFriendly` hides editor and previous-message rail glyphs so native terminal selection copies less chrome. All three can be changed from `/zentui` or direct slash-command arguments.
-- `extensionStatuses`: controls third-party statuses published by other Pi extensions through `ctx.ui.setStatus()`. `defaultPlacement` and each `placements` value can be `off`, `left`, `middle`, or `right`. `/zentui` lists only statuses that are currently active.
+- `footerSegments`: show or hide individual built-in footer segments (`cwd`, `gitBranch`, `gitStatus`, `runtime`, `context`, `tokens`, `cost`). Toggle them from the `Built-in segments` tab in `/zentui`.
+- `extensionStatuses`: controls third-party statuses published by other Pi extensions through `ctx.ui.setStatus()`. `defaultPlacement` and each `placements` value can be `off`, `left`, `middle`, or `right`. The `Extension segments` tab in `/zentui` lists only statuses that are currently active.
 - The shown `editor*` values match the default `theme` source. Omit those keys to keep Zentui's source-aware defaults when switching between `theme` and `terminal`.
 - `editorAccent` styles the active editor rail and previous user-message rail when `features.copyFriendly` is disabled.
 - `editorPrompt` styles the copy-friendly editor prompt glyph. Omit it to use `editorAccent`, then the default accent fallback.
@@ -222,7 +233,7 @@ Tip: when using copy-friendly mode, setting Pi's `editorPaddingX` to `1` in `~/.
 
 ## Requirements
 
-- [Pi](https://pi.dev) coding agent 0.74 or newer
+- [Pi](https://pi.dev) coding agent 0.79 or newer
 - A [Nerd Font](https://www.nerdfonts.com/) for icons
 
 ## Development

package/extensions/zentui/config.ts

@@ -18,6 +18,16 @@ export type UiFeaturesConfig = {
 	copyFriendly: boolean;
 };
 
+export type FooterSegmentsConfig = {
+	cwd: boolean;
+	gitBranch: boolean;
+	gitStatus: boolean;
+	runtime: boolean;
+	context: boolean;
+	tokens: boolean;
+	cost: boolean;
+};
+
 export type ExtensionStatusPlacement = "off" | "left" | "middle" | "right";
 export type ExtensionStatusColorMode = "zentui" | "original";
 
@@ -77,6 +87,7 @@ export type PolishedTuiConfig = {
 	};
 	colorSources: ColorSourcesConfig;
 	features: UiFeaturesConfig;
+	footerSegments: FooterSegmentsConfig;
 	extensionStatuses: ExtensionStatusesConfig;
 };
 
@@ -124,6 +135,15 @@ export const defaultConfig: PolishedTuiConfig = {
 		statusLine: true,
 		copyFriendly: false,
 	},
+	footerSegments: {
+		cwd: true,
+		gitBranch: true,
+		gitStatus: true,
+		runtime: true,
+		context: true,
+		tokens: true,
+		cost: true,
+	},
 	extensionStatuses: {
 		defaultPlacement: "right",
 		placements: {},
@@ -190,6 +210,14 @@ function booleanValue(record: Record<string, unknown>, key: keyof UiFeaturesConf
 	return typeof value === "boolean" ? value : defaultConfig.features[key];
 }
 
+function footerSegmentValue(
+	record: Record<string, unknown>,
+	key: keyof FooterSegmentsConfig,
+): boolean {
+	const value = record[key];
+	return typeof value === "boolean" ? value : defaultConfig.footerSegments[key];
+}
+
 function definedColors(
 	colors: Partial<Record<keyof PolishedTuiConfig["colors"], string | undefined>>,
 ): Partial<PolishedTuiConfig["colors"]> {
@@ -252,6 +280,18 @@ function normalizeUiFeatures(record: Record<string, unknown>): UiFeaturesConfig
 	};
 }
 
+function normalizeFooterSegments(record: Record<string, unknown>): FooterSegmentsConfig {
+	return {
+		cwd: footerSegmentValue(record, "cwd"),
+		gitBranch: footerSegmentValue(record, "gitBranch"),
+		gitStatus: footerSegmentValue(record, "gitStatus"),
+		runtime: footerSegmentValue(record, "runtime"),
+		context: footerSegmentValue(record, "context"),
+		tokens: footerSegmentValue(record, "tokens"),
+		cost: footerSegmentValue(record, "cost"),
+	};
+}
+
 export function isExtensionStatusPlacement(value: unknown): value is ExtensionStatusPlacement {
 	return value === "off" || value === "left" || value === "middle" || value === "right";
 }
@@ -296,6 +336,18 @@ function isUiFeatureKey(value: string): value is keyof UiFeaturesConfig {
 	return value === "editor" || value === "statusLine" || value === "copyFriendly";
 }
 
+function isFooterSegmentKey(value: string): value is keyof FooterSegmentsConfig {
+	return (
+		value === "cwd" ||
+		value === "gitBranch" ||
+		value === "gitStatus" ||
+		value === "runtime" ||
+		value === "context" ||
+		value === "tokens" ||
+		value === "cost"
+	);
+}
+
 function validColorSourceEntries(record: Record<string, unknown>): Partial<ColorSourcesConfig> {
 	return Object.fromEntries(
 		Object.entries(record).filter((entry): entry is [keyof ColorSourcesConfig, ColorSource] => {
@@ -314,6 +366,15 @@ function validUiFeatureEntries(record: Record<string, unknown>): Partial<UiFeatu
 	) as Partial<UiFeaturesConfig>;
 }
 
+function validFooterSegmentEntries(record: Record<string, unknown>): Partial<FooterSegmentsConfig> {
+	return Object.fromEntries(
+		Object.entries(record).filter((entry): entry is [keyof FooterSegmentsConfig, boolean] => {
+			const [key, value] = entry;
+			return isFooterSegmentKey(key) && typeof value === "boolean";
+		}),
+	) as Partial<FooterSegmentsConfig>;
+}
+
 function readConfigRecord(path = configPath): ConfigRecord {
 	try {
 		if (!existsSync(path)) return {};
@@ -345,6 +406,9 @@ export function mergeConfig(parsed: unknown): PolishedTuiConfig {
 	const features = isRecord(config.features)
 		? normalizeUiFeatures(config.features as Record<string, unknown>)
 		: defaultConfig.features;
+	const footerSegments = isRecord(config.footerSegments)
+		? normalizeFooterSegments(config.footerSegments as Record<string, unknown>)
+		: defaultConfig.footerSegments;
 	const extensionStatuses = isRecord(config.extensionStatuses)
 		? normalizeExtensionStatuses(config.extensionStatuses as Record<string, unknown>)
 		: defaultConfig.extensionStatuses;
@@ -360,6 +424,7 @@ export function mergeConfig(parsed: unknown): PolishedTuiConfig {
 		},
 		colorSources: { ...colorSources },
 		features: { ...features },
+		footerSegments: { ...footerSegments },
 		extensionStatuses: {
 			defaultPlacement: extensionStatuses.defaultPlacement,
 			placements: { ...extensionStatuses.placements },
@@ -423,6 +488,22 @@ export function saveUiFeaturesPatch(
 	return mergeConfig(record);
 }
 
+export function saveFooterSegmentsPatch(
+	patch: Partial<FooterSegmentsConfig>,
+	path = configPath,
+): PolishedTuiConfig {
+	const record = readConfigRecord(path);
+	const existing = isRecord(record.footerSegments)
+		? { ...(record.footerSegments as Record<string, unknown>) }
+		: {};
+	record.footerSegments = {
+		...existing,
+		...validFooterSegmentEntries(patch),
+	};
+	writeFileSync(path, `${JSON.stringify(record, null, 2)}\n`, "utf8");
+	return mergeConfig(record);
+}
+
 export function saveExtensionStatusPlacement(
 	key: string,
 	placement: ExtensionStatusPlacement,

package/extensions/zentui/footer.ts

@@ -1,7 +1,7 @@
 import type { ExtensionContext } from "@earendil-works/pi-coding-agent";
 import { truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
 import type { PolishedTuiConfig } from "./config";
-import { type ExtensionStatusSegment, collectExtensionStatusSegments } from "./extension-status";
+import { collectExtensionStatusSegments, type ExtensionStatusSegment } from "./extension-status";
 import { formatCwdLabel, formatRuntimeSegment } from "./format";
 import type { FooterState } from "./state";
 import { renderStyleForSource } from "./style";
@@ -196,24 +196,32 @@ export function installFooter(
 								: "";
 				const statusBlock =
 					allStatus || aheadBehind ? gitStatusColor(`[${allStatus}${aheadBehind}]`) : "";
-				const branchLabel = branch
-					? [...["on", gitIcon, gitColor(branch)].filter(Boolean), statusBlock]
-							.filter(Boolean)
-							.join(" ")
+				const branchParts =
+					config.footerSegments.gitBranch && branch
+						? ["on", gitIcon, gitColor(branch)].filter(Boolean)
+						: [];
+				const gitStatusParts = config.footerSegments.gitStatus && statusBlock ? [statusBlock] : [];
+				const branchLabel = [...branchParts, ...gitStatusParts].filter(Boolean).join(" ");
+				const runtimeLabel = config.footerSegments.runtime
+					? formatRuntimeSegment(theme, state.runtime, config.colors.runtimePrefix, colorSource)
 					: "";
-				const runtimeLabel = formatRuntimeSegment(
-					theme,
-					state.runtime,
-					config.colors.runtimePrefix,
-					colorSource,
-				);
 
-				const left = [cwdLabel, branchLabel, runtimeLabel].filter(Boolean).join(" ");
+				const left = [config.footerSegments.cwd ? cwdLabel : "", branchLabel, runtimeLabel]
+					.filter(Boolean)
+					.join(" ");
 				const right = [
-					renderStyleForSource(theme, colorSource, contextColor, state.contextLabel),
-					renderStyleForSource(theme, colorSource, config.colors.tokens, state.tokenLabel),
-					renderStyleForSource(theme, colorSource, config.colors.cost, state.costLabel),
-				].join(separator);
+					config.footerSegments.context
+						? renderStyleForSource(theme, colorSource, contextColor, state.contextLabel)
+						: "",
+					config.footerSegments.tokens
+						? renderStyleForSource(theme, colorSource, config.colors.tokens, state.tokenLabel)
+						: "",
+					config.footerSegments.cost
+						? renderStyleForSource(theme, colorSource, config.colors.cost, state.costLabel)
+						: "",
+				]
+					.filter(Boolean)
+					.join(separator);
 				const extensionStatuses = collectExtensionStatusSegments(
 					footerData.getExtensionStatuses(),
 					config,

package/extensions/zentui/index.ts

@@ -9,27 +9,29 @@ import {
 	type ColorSourcesConfig,
 	type ExtensionStatusColorMode,
 	type ExtensionStatusPlacement,
-	type PolishedTuiConfig,
-	type UiFeaturesConfig,
 	ensureConfigExists,
+	type FooterSegmentsConfig,
 	loadConfig,
+	type PolishedTuiConfig,
 	saveColorSourcesPatch,
 	saveExtensionStatusColorMode,
 	saveExtensionStatusPlacement,
+	saveFooterSegmentsPatch,
 	saveUiFeaturesPatch,
+	type UiFeaturesConfig,
 } from "./config";
 import { installFooter } from "./footer";
 import { emptyGitStatus, readGitStatus } from "./git";
 import {
+	createProjectRefreshScheduler,
 	type ScheduleProjectRefreshOptions,
 	type StopProjectRefreshInterval,
-	createProjectRefreshScheduler,
 	startProjectRefreshInterval,
 } from "./project-refresh";
 import { readRuntimeInfo } from "./runtime";
 import { installSelectorBorderStyle } from "./selector-border";
 import { registerZentuiSettingsCommand } from "./settings-command";
-import { type FooterState, createInitialState, syncState } from "./state";
+import { createInitialState, type FooterState, syncState } from "./state";
 import { PolishedEditor, WrappedPolishedEditor } from "./ui";
 import { installUserMessageStyle } from "./user-message";
 
@@ -58,8 +60,12 @@ function getZentuiEditorBaseFactory(factory: EditorFactory | undefined): EditorF
 }
 
 function isTuiContext(ctx: ExtensionContext): boolean {
-	const mode = (ctx as ExtensionContext & { mode?: string }).mode;
-	return ctx.hasUI && (mode === undefined || mode === "tui");
+	try {
+		const mode = (ctx as ExtensionContext & { mode?: string }).mode;
+		return ctx.hasUI && (mode === undefined || mode === "tui");
+	} catch {
+		return false;
+	}
 }
 
 export default function (pi: ExtensionAPI) {
@@ -341,6 +347,9 @@ export default function (pi: ExtensionAPI) {
 					: undefined,
 			};
 		},
+		setFooterSegments(patch: Partial<FooterSegmentsConfig>) {
+			currentConfig = saveFooterSegmentsPatch(patch);
+		},
 		getActiveExtensionStatuses() {
 			return getActiveExtensionStatuses();
 		},

package/extensions/zentui/settings-command.ts

@@ -2,6 +2,8 @@ import type { ExtensionAPI, ExtensionContext } from "@earendil-works/pi-coding-a
 import { getSettingsListTheme } from "@earendil-works/pi-coding-agent";
 import {
 	type AutocompleteItem,
+	Key,
+	matchesKey,
 	type SettingItem,
 	SettingsList,
 	type SettingsListTheme,
@@ -12,12 +14,13 @@ import {
 	type ColorSourcesConfig,
 	type ExtensionStatusColorMode,
 	type ExtensionStatusPlacement,
-	type PolishedTuiConfig,
-	type UiFeaturesConfig,
+	type FooterSegmentsConfig,
 	getExtensionStatusColorMode,
 	getExtensionStatusPlacement,
 	isExtensionStatusColorMode,
 	isExtensionStatusPlacement,
+	type PolishedTuiConfig,
+	type UiFeaturesConfig,
 } from "./config";
 import { sanitizeExtensionStatusText } from "./extension-status";
 import { EDITOR_BORDER_STYLE, renderChromeBorder, safeThemeFg } from "./style";
@@ -33,10 +36,11 @@ const extensionStatusColorModeValues: ExtensionStatusColorMode[] = ["zentui", "o
 type FeatureState = "enabled" | "disabled";
 
 const featureStateValues: FeatureState[] = ["enabled", "disabled"];
-const settingsSections = ["coloring", "features", "statusLine"] as const;
+const settingsSections = ["coloring", "features", "builtinSegments", "extensionSegments"] as const;
 
 type ColorSettingId = "starship" | "editorMessages";
 type FeatureSettingId = keyof UiFeaturesConfig;
+type FooterSegmentSettingId = keyof FooterSegmentsConfig;
 type SettingsSection = (typeof settingsSections)[number];
 
 type SettingsCommandDeps = {
@@ -46,6 +50,7 @@ type SettingsCommandDeps = {
 		patch: Partial<UiFeaturesConfig>,
 		ctx: ExtensionContext,
 	) => { applied: boolean; reason?: string };
+	setFooterSegments: (patch: Partial<FooterSegmentsConfig>) => void;
 	getActiveExtensionStatuses: () => ReadonlyMap<string, string>;
 	setExtensionStatusPlacement: (key: string, placement: ExtensionStatusPlacement) => void;
 	setExtensionStatusColorMode: (key: string, colorMode: ExtensionStatusColorMode) => void;
@@ -79,6 +84,26 @@ const featureSettingDescriptions: Record<FeatureSettingId, string> = {
 		"Hide editor and previous-message rail glyphs for cleaner native terminal selection.",
 };
 
+const footerSegmentSettingLabels: Record<FooterSegmentSettingId, string> = {
+	cwd: "Current directory",
+	gitBranch: "Git branch",
+	gitStatus: "Git status",
+	runtime: "Runtime",
+	context: "Context usage",
+	tokens: "Token counts",
+	cost: "Session cost",
+};
+
+const footerSegmentSettingDescriptions: Record<FooterSegmentSettingId, string> = {
+	cwd: "Show or hide the current working directory segment on the left.",
+	gitBranch: "Show or hide the git branch name on the left.",
+	gitStatus: "Show or hide git status icons and ahead/behind markers.",
+	runtime: "Show or hide the detected runtime/language segment on the left.",
+	context: "Show or hide context usage on the right.",
+	tokens: "Show or hide input/output token counts on the right.",
+	cost: "Show or hide session cost on the right.",
+};
+
 const directCommandSuggestions = [
 	"editor enable",
 	"editor disable",
@@ -94,10 +119,12 @@ const directCommandSuggestions = [
 const sectionLabels: Record<SettingsSection, string> = {
 	coloring: "Coloring",
 	features: "Features",
-	statusLine: "Status line",
+	builtinSegments: "Built-in segments",
+	extensionSegments: "Extension segments",
 };
 
 const thirdPartyStatusSettingPrefix = "thirdPartyStatus:";
+const footerSegmentSettingPrefix = "footerSegment:";
 type ThirdPartyStatusSettingKind = "placement" | "colorMode";
 
 function isColorSource(value: string): value is ColorSource {
@@ -112,6 +139,18 @@ function isFeatureSettingId(value: string): value is FeatureSettingId {
 	return value === "editor" || value === "statusLine" || value === "copyFriendly";
 }
 
+function isFooterSegmentSettingId(value: string): value is FooterSegmentSettingId {
+	return (
+		value === "cwd" ||
+		value === "gitBranch" ||
+		value === "gitStatus" ||
+		value === "runtime" ||
+		value === "context" ||
+		value === "tokens" ||
+		value === "cost"
+	);
+}
+
 function isFeatureState(value: string): value is FeatureState {
 	return value === "enabled" || value === "disabled";
 }
@@ -134,6 +173,23 @@ function featurePatch(id: FeatureSettingId, value: FeatureState): Partial<UiFeat
 	return { [id]: value === "enabled" } as Partial<UiFeaturesConfig>;
 }
 
+function footerSegmentSettingId(key: FooterSegmentSettingId): string {
+	return `${footerSegmentSettingPrefix}${key}`;
+}
+
+function footerSegmentSettingFromId(id: string): FooterSegmentSettingId | undefined {
+	if (!id.startsWith(footerSegmentSettingPrefix)) return undefined;
+	const key = id.slice(footerSegmentSettingPrefix.length);
+	return isFooterSegmentSettingId(key) ? key : undefined;
+}
+
+function footerSegmentPatch(
+	id: FooterSegmentSettingId,
+	value: FeatureState,
+): Partial<FooterSegmentsConfig> {
+	return { [id]: value === "enabled" } as Partial<FooterSegmentsConfig>;
+}
+
 function usageText(): string {
 	return "Usage: /zentui [editor|statusline|copy-friendly] [enable|disable|toggle]";
 }
@@ -229,6 +285,16 @@ function buildItems(
 		}));
 	}
 
+	if (section === "builtinSegments") {
+		return (Object.keys(footerSegmentSettingLabels) as FooterSegmentSettingId[]).map((key) => ({
+			id: footerSegmentSettingId(key),
+			label: footerSegmentSettingLabels[key],
+			description: footerSegmentSettingDescriptions[key],
+			currentValue: featureValue(config.footerSegments[key]),
+			values: featureStateValues,
+		}));
+	}
+
 	const statuses = Array.from(activeStatuses.entries()).sort(([a], [b]) =>
 		a < b ? -1 : a > b ? 1 : 0,
 	);
@@ -237,8 +303,7 @@ function buildItems(
 			{
 				id: "noThirdPartyStatuses",
 				label: "No active statuses",
-				description:
-					"This section only lists statuses currently published through ctx.ui.setStatus().",
+				description: "This tab only lists statuses currently published through ctx.ui.setStatus().",
 				currentValue: "—",
 			},
 		];
@@ -271,6 +336,14 @@ function nextSection(section: SettingsSection): SettingsSection {
 	return settingsSections[(currentIndex + 1) % settingsSections.length] ?? "coloring";
 }
 
+function previousSection(section: SettingsSection): SettingsSection {
+	const currentIndex = settingsSections.indexOf(section);
+	return (
+		settingsSections[(currentIndex - 1 + settingsSections.length) % settingsSections.length] ??
+		"coloring"
+	);
+}
+
 function formatSectionTabs(
 	activeSection: SettingsSection,
 	theme: ExtensionContext["ui"]["theme"],
@@ -289,7 +362,7 @@ function withSectionFooter(lines: string[], theme: ExtensionContext["ui"]["theme
 			next[index] = safeThemeFg(
 				theme,
 				"muted",
-				"  Enter/Space to change · Tab to switch sections · Esc to close",
+				"  Enter/Space to change · Tab/Shift+Tab to switch sections · Esc to close",
 			);
 			break;
 		}
@@ -384,6 +457,19 @@ export function registerZentuiSettingsCommand(pi: ExtensionAPI, deps: SettingsCo
 									return;
 								}
 
+								const footerSegmentSetting = footerSegmentSettingFromId(id);
+								if (footerSegmentSetting && isFeatureState(newValue)) {
+									deps.setFooterSegments(footerSegmentPatch(footerSegmentSetting, newValue));
+									settingsList.updateValue(id, newValue);
+									deps.requestRender();
+									ctx.ui.notify(
+										`${footerSegmentSettingLabels[footerSegmentSetting]}: ${newValue}`,
+										"info",
+									);
+									tui.requestRender();
+									return;
+								}
+
 								const thirdPartyStatusSetting = thirdPartyStatusSettingFromId(id);
 								if (
 									thirdPartyStatusSetting?.kind === "placement" &&
@@ -421,8 +507,9 @@ export function registerZentuiSettingsCommand(pi: ExtensionAPI, deps: SettingsCo
 						() => done(undefined),
 					);
 				settingsList = makeSettingsList();
-				const switchSection = () => {
-					activeSection = nextSection(activeSection);
+				const switchSection = (direction: "forward" | "backward") => {
+					activeSection =
+						direction === "forward" ? nextSection(activeSection) : previousSection(activeSection);
 					settingsList = makeSettingsList();
 					tui.requestRender();
 				};
@@ -450,8 +537,12 @@ export function registerZentuiSettingsCommand(pi: ExtensionAPI, deps: SettingsCo
 						settingsList.invalidate();
 					},
 					handleInput(data: string) {
-						if (data === "\t") {
-							switchSection();
+						if (matchesKey(data, Key.tab)) {
+							switchSection("forward");
+							return;
+						}
+						if (matchesKey(data, Key.shift("tab"))) {
+							switchSection("backward");
 							return;
 						}
 						settingsList.handleInput(data);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pi-zentui",
-	"version": "0.2.7",
+	"version": "0.3.1",
 	"description": "A Starship-inspired statusline and Opencode-style TUI for Pi.",
 	"type": "module",
 	"license": "MIT",
@@ -12,8 +12,16 @@
 	"bugs": {
 		"url": "https://github.com/lmilojevicc/pi-zentui/issues"
 	},
-	"keywords": ["pi-package", "pi-extension", "pi-theme", "starship", "tui"],
-	"files": ["extensions"],
+	"keywords": [
+		"pi-package",
+		"pi-extension",
+		"pi-theme",
+		"starship",
+		"tui"
+	],
+	"files": [
+		"extensions"
+	],
 	"scripts": {
 		"lint": "biome check .",
 		"typecheck": "tsc --noEmit",
@@ -32,18 +40,20 @@
 		"@earendil-works/pi-tui": "*"
 	},
 	"pi": {
-		"extensions": ["./extensions"],
+		"extensions": [
+			"./extensions"
+		],
 		"image": "https://raw.githubusercontent.com/lmilojevicc/pi-zentui/main/assets/zentui.png"
 	},
 	"publishConfig": {
 		"access": "public"
 	},
 	"devDependencies": {
-		"@biomejs/biome": "^1.9.4",
-		"@earendil-works/pi-ai": "^0.74.0",
-		"@earendil-works/pi-coding-agent": "^0.74.0",
-		"@earendil-works/pi-tui": "^0.74.0",
-		"@types/node": "^25.5.2",
+		"@biomejs/biome": "^2.5.0",
+		"@earendil-works/pi-ai": "^0.79.3",
+		"@earendil-works/pi-coding-agent": "^0.79.3",
+		"@earendil-works/pi-tui": "^0.79.3",
+		"@types/node": "^26.0.0",
 		"typescript": "^6.0.2",
 		"vitest": "^4.1.8"
 	}