@oh-my-pi/pi-coding-agent 3.13.1337 → 3.15.0

package/src/modes/interactive/components/extensions/extension-list.ts

@@ -152,8 +152,10 @@ export class ExtensionList implements Component {
 	}
 
 	private renderMasterSwitch(item: ListItem & { type: "master" }, isSelected: boolean, width: number): string {
-		const checkbox = item.enabled ? theme.fg("success", "[x]") : theme.fg("dim", "[ ]");
-		const icon = "📦";
+		const checkbox = item.enabled
+			? theme.fg("success", theme.checkbox.checked)
+			: theme.fg("dim", theme.checkbox.unchecked);
+		const icon = theme.icon.package;
 		const label = `Enable ${item.providerName}`;
 		const badge = theme.fg("warning", "(Master Switch)");
 
@@ -229,39 +231,39 @@ export class ExtensionList implements Component {
 	private getKindIcon(kind: ExtensionKind): string {
 		switch (kind) {
 			case "skill":
-				return "⚡";
+				return theme.icon.extensionSkill;
 			case "tool":
-				return "🔧";
+				return theme.icon.extensionTool;
 			case "slash-command":
-				return "🔗";
+				return theme.icon.extensionSlashCommand;
 			case "mcp":
-				return "🔄";
+				return theme.icon.extensionMcp;
 			case "rule":
-				return "📋";
+				return theme.icon.extensionRule;
 			case "hook":
-				return "🪝";
+				return theme.icon.extensionHook;
 			case "prompt":
-				return "💬";
+				return theme.icon.extensionPrompt;
 			case "context-file":
-				return "📄";
+				return theme.icon.extensionContextFile;
 			case "instruction":
-				return "📌";
+				return theme.icon.extensionInstruction;
 			default:
-				return "•";
+				return theme.format.bullet;
 		}
 	}
 
 	private getStateIcon(state: ExtensionState, masterDisabled: boolean): string {
 		if (masterDisabled) {
-			return theme.fg("dim", "○");
+			return theme.fg("dim", theme.status.disabled);
 		}
 		switch (state) {
 			case "active":
-				return theme.fg("success", "●");
+				return theme.fg("success", theme.status.enabled);
 			case "disabled":
-				return theme.fg("dim", "⊘");
+				return theme.fg("dim", theme.status.disabled);
 			case "shadowed":
-				return theme.fg("warning", "◐");
+				return theme.fg("warning", theme.status.shadowed);
 		}
 	}
 

package/src/modes/interactive/components/extensions/inspector-panel.ts

@@ -95,7 +95,7 @@ export class InspectorPanel implements Component {
 	private renderFilePreview(path: string, width: number): string[] {
 		const lines: string[] = [];
 		lines.push(theme.fg("muted", "Preview:"));
-		lines.push(theme.fg("dim", "─".repeat(Math.min(width - 2, 40))));
+		lines.push(theme.fg("dim", theme.boxSharp.horizontal.repeat(Math.min(width - 2, 40))));
 
 		try {
 			const content = readFileSync(path, "utf-8");
@@ -144,7 +144,7 @@ export class InspectorPanel implements Component {
 	private renderToolArgs(raw: unknown, width: number): string[] {
 		const lines: string[] = [];
 		lines.push(theme.fg("muted", "Arguments:"));
-		lines.push(theme.fg("dim", "─".repeat(Math.min(width - 2, 40))));
+		lines.push(theme.fg("dim", theme.boxSharp.horizontal.repeat(Math.min(width - 2, 40))));
 
 		try {
 			const tool = raw as any;
@@ -183,7 +183,7 @@ export class InspectorPanel implements Component {
 	private renderSkillContent(raw: unknown, width: number): string[] {
 		const lines: string[] = [];
 		lines.push(theme.fg("muted", "Instruction:"));
-		lines.push(theme.fg("dim", "─".repeat(Math.min(width - 2, 40))));
+		lines.push(theme.fg("dim", theme.boxSharp.horizontal.repeat(Math.min(width - 2, 40))));
 
 		try {
 			const skill = raw as any;
@@ -212,7 +212,7 @@ export class InspectorPanel implements Component {
 	private renderMcpDetails(raw: unknown, width: number): string[] {
 		const lines: string[] = [];
 		lines.push(theme.fg("muted", "Connection:"));
-		lines.push(theme.fg("dim", "─".repeat(Math.min(width - 2, 40))));
+		lines.push(theme.fg("dim", theme.boxSharp.horizontal.repeat(Math.min(width - 2, 40))));
 
 		try {
 			const mcp = raw as any;
@@ -251,7 +251,7 @@ export class InspectorPanel implements Component {
 		// Show trigger pattern if present
 		if (ext.trigger) {
 			lines.push(theme.fg("muted", "Trigger:"));
-			lines.push(theme.fg("dim", "─".repeat(Math.min(width - 2, 40))));
+			lines.push(theme.fg("dim", theme.boxSharp.horizontal.repeat(Math.min(width - 2, 40))));
 			lines.push(`  ${theme.fg("accent", ext.trigger)}`);
 			lines.push("");
 		}
@@ -279,7 +279,7 @@ export class InspectorPanel implements Component {
 	private getStatusBadge(state: ExtensionState, reason?: string, shadowedBy?: string): string {
 		switch (state) {
 			case "active":
-				return theme.fg("success", "● Active");
+				return theme.fg("success", `${theme.status.enabled} Active`);
 			case "disabled": {
 				const reasonText =
 					reason === "provider-disabled"
@@ -287,10 +287,10 @@ export class InspectorPanel implements Component {
 						: reason === "item-disabled"
 							? "manually disabled"
 							: "unknown";
-				return theme.fg("dim", `○ Disabled (${reasonText})`);
+				return theme.fg("dim", `${theme.status.disabled} Disabled (${reasonText})`);
 			}
 			case "shadowed":
-				return theme.fg("warning", `◐ Shadowed${shadowedBy ? ` by ${shadowedBy}` : ""}`);
+				return theme.fg("warning", `${theme.status.shadowed} Shadowed${shadowedBy ? ` by ${shadowedBy}` : ""}`);
 		}
 	}
 

package/src/modes/interactive/components/hook-message.ts

@@ -64,7 +64,7 @@ export class HookMessageComponent extends Container {
 		this.box.clear();
 
 		// Default rendering: label + content
-		const label = theme.fg("customMessageLabel", `\x1b[1m[${this.message.customType}]\x1b[22m`);
+		const label = theme.fg("customMessageLabel", theme.bold(`[${this.message.customType}]`));
 		this.box.addChild(new Text(label, 0, 0));
 		this.box.addChild(new Spacer(1));
 
@@ -83,7 +83,7 @@ export class HookMessageComponent extends Container {
 		if (!this._expanded) {
 			const lines = text.split("\n");
 			if (lines.length > 5) {
-				text = `${lines.slice(0, 5).join("\n")}\n...`;
+				text = `${lines.slice(0, 5).join("\n")}\n${theme.format.ellipsis}`;
 			}
 		}
 

package/src/modes/interactive/components/hook-selector.ts

@@ -56,7 +56,7 @@ export class HookSelectorComponent extends Container {
 
 			let text = "";
 			if (isSelected) {
-				text = theme.fg("accent", "→ ") + theme.fg("accent", option);
+				text = theme.fg("accent", `${theme.nav.cursor} `) + theme.fg("accent", option);
 			} else {
 				text = `  ${theme.fg("text", option)}`;
 			}

package/src/modes/interactive/components/model-selector.ts

@@ -13,6 +13,7 @@ import {
 	Spacer,
 	Text,
 	type TUI,
+	visibleWidth,
 } from "@oh-my-pi/pi-tui";
 import type { ModelRegistry } from "../../../core/model-registry";
 import { parseModelString } from "../../../core/model-resolver";
@@ -276,7 +277,7 @@ export class ModelSelectorComponent extends Container {
 		}
 
 		parts.push("  ");
-		parts.push(theme.fg("dim", "(←/→ or Tab to switch)"));
+		parts.push(theme.fg("dim", `(${theme.nav.back}/${theme.nav.cursor} or Tab to switch)`));
 
 		this.headerContainer.addChild(new Text(parts.join(""), 0, 0));
 	}
@@ -341,14 +342,14 @@ export class ModelSelectorComponent extends Container {
 
 			// Build role badges (right-aligned style)
 			const badges: string[] = [];
-			if (isDefault) badges.push(theme.fg("success", "[ DEFAULT ]"));
-			if (isSmol) badges.push(theme.fg("warning", "[ SMOL ]"));
-			if (isSlow) badges.push(theme.fg("accent", "[ SLOW ]"));
+			if (isDefault) badges.push(theme.fg("success", `${theme.sep.pipe}DEFAULT${theme.sep.pipe}`));
+			if (isSmol) badges.push(theme.fg("warning", `${theme.sep.pipe}SMOL${theme.sep.pipe}`));
+			if (isSlow) badges.push(theme.fg("accent", `${theme.sep.pipe}SLOW${theme.sep.pipe}`));
 			const badgeText = badges.length > 0 ? ` ${badges.join(" ")}` : "";
 
 			let line = "";
 			if (isSelected) {
-				const prefix = theme.fg("accent", "→ ");
+				const prefix = theme.fg("accent", `${theme.nav.cursor} `);
 				const modelText = item.id;
 				if (showProvider) {
 					const providerBadge = theme.fg("muted", `[${item.provider}]`);
@@ -405,9 +406,21 @@ export class ModelSelectorComponent extends Container {
 		const selectedModel = this.filteredModels[this.selectedIndex];
 		if (!selectedModel) return;
 
+		const headerText = `  Action for: ${selectedModel.id}`;
+		const hintText = "  Enter: confirm  Esc: cancel";
+		const actionLines = MENU_ACTIONS.map((action, index) => {
+			const prefix = index === this.menuSelectedIndex ? `  ${theme.nav.cursor} ` : "    ";
+			return `${prefix}${action.label}`;
+		});
+		const menuWidth = Math.max(
+			visibleWidth(headerText),
+			visibleWidth(hintText),
+			...actionLines.map((line) => visibleWidth(line)),
+		);
+
 		// Menu header
 		this.menuContainer.addChild(new Spacer(1));
-		this.menuContainer.addChild(new Text(theme.fg("border", "─".repeat(40)), 0, 0));
+		this.menuContainer.addChild(new Text(theme.fg("border", theme.boxSharp.horizontal.repeat(menuWidth)), 0, 0));
 		this.menuContainer.addChild(new Text(theme.fg("text", `  Action for: ${theme.bold(selectedModel.id)}`), 0, 0));
 		this.menuContainer.addChild(new Spacer(1));
 
@@ -418,7 +431,7 @@ export class ModelSelectorComponent extends Container {
 
 			let line: string;
 			if (isSelected) {
-				line = theme.fg("accent", `  → ${action.label}`);
+				line = theme.fg("accent", `  ${theme.nav.cursor} ${action.label}`);
 			} else {
 				line = theme.fg("muted", `    ${action.label}`);
 			}
@@ -426,8 +439,8 @@ export class ModelSelectorComponent extends Container {
 		}
 
 		this.menuContainer.addChild(new Spacer(1));
-		this.menuContainer.addChild(new Text(theme.fg("dim", "  Enter: confirm  Esc: cancel"), 0, 0));
-		this.menuContainer.addChild(new Text(theme.fg("border", "─".repeat(40)), 0, 0));
+		this.menuContainer.addChild(new Text(theme.fg("dim", hintText), 0, 0));
+		this.menuContainer.addChild(new Text(theme.fg("border", theme.boxSharp.horizontal.repeat(menuWidth)), 0, 0));
 	}
 
 	handleInput(keyData: string): void {

package/src/modes/interactive/components/oauth-selector.ts

@@ -15,6 +15,7 @@ export class OAuthSelectorComponent extends Container {
 	private authStorage: AuthStorage;
 	private onSelectCallback: (providerId: string) => void;
 	private onCancelCallback: () => void;
+	private statusMessage: string | undefined;
 
 	constructor(
 		mode: "login" | "logout",
@@ -71,11 +72,11 @@ export class OAuthSelectorComponent extends Container {
 			// Check if user is logged in for this provider
 			const credentials = this.authStorage.get(provider.id);
 			const isLoggedIn = credentials?.type === "oauth";
-			const statusIndicator = isLoggedIn ? theme.fg("success", " ✓ logged in") : "";
+			const statusIndicator = isLoggedIn ? theme.fg("success", ` ${theme.status.success} logged in`) : "";
 
 			let line = "";
 			if (isSelected) {
-				const prefix = theme.fg("accent", "→ ");
+				const prefix = theme.fg("accent", `${theme.nav.cursor} `);
 				const text = isAvailable ? theme.fg("accent", provider.name) : theme.fg("dim", provider.name);
 				line = prefix + text + statusIndicator;
 			} else {
@@ -92,24 +93,39 @@ export class OAuthSelectorComponent extends Container {
 				this.mode === "login" ? "No OAuth providers available" : "No OAuth providers logged in. Use /login first.";
 			this.listContainer.addChild(new TruncatedText(theme.fg("muted", `  ${message}`), 0, 0));
 		}
+
+		if (this.statusMessage) {
+			this.listContainer.addChild(new Spacer(1));
+			this.listContainer.addChild(new TruncatedText(theme.fg("warning", `  ${this.statusMessage}`), 0, 0));
+		}
 	}
 
 	handleInput(keyData: string): void {
 		// Up arrow
 		if (isArrowUp(keyData)) {
-			this.selectedIndex = Math.max(0, this.selectedIndex - 1);
+			if (this.allProviders.length > 0) {
+				this.selectedIndex = this.selectedIndex === 0 ? this.allProviders.length - 1 : this.selectedIndex - 1;
+			}
+			this.statusMessage = undefined;
 			this.updateList();
 		}
 		// Down arrow
 		else if (isArrowDown(keyData)) {
-			this.selectedIndex = Math.min(this.allProviders.length - 1, this.selectedIndex + 1);
+			if (this.allProviders.length > 0) {
+				this.selectedIndex = this.selectedIndex === this.allProviders.length - 1 ? 0 : this.selectedIndex + 1;
+			}
+			this.statusMessage = undefined;
 			this.updateList();
 		}
 		// Enter
 		else if (isEnter(keyData)) {
 			const selectedProvider = this.allProviders[this.selectedIndex];
 			if (selectedProvider?.available) {
+				this.statusMessage = undefined;
 				this.onSelectCallback(selectedProvider.id);
+			} else if (selectedProvider) {
+				this.statusMessage = "Provider unavailable in this environment.";
+				this.updateList();
 			}
 		}
 		// Escape

package/src/modes/interactive/components/plugin-settings.ts

@@ -63,13 +63,15 @@ export class PluginListComponent extends Container {
 		}
 
 		const items: SelectItem[] = plugins.map((p) => {
-			const status = p.enabled ? theme.fg("success", "●") : theme.fg("muted", "○");
+			const status = p.enabled
+				? theme.fg("success", theme.status.enabled)
+				: theme.fg("muted", theme.status.disabled);
 			const featureCount = p.manifest.features ? Object.keys(p.manifest.features).length : 0;
 			const enabledCount = p.enabledFeatures?.length ?? featureCount;
 
 			let details = `v${p.version}`;
 			if (featureCount > 0) {
-				details += ` · ${enabledCount}/${featureCount} features`;
+				details += ` ${theme.sep.dot} ${enabledCount}/${featureCount} features`;
 			}
 
 			return {

package/src/modes/interactive/components/session-selector.ts

@@ -10,6 +10,7 @@ import {
 	Spacer,
 	Text,
 	truncateToWidth,
+	visibleWidth,
 } from "@oh-my-pi/pi-tui";
 import type { SessionInfo } from "../../../core/session-manager";
 import { fuzzyFilter } from "../../../utils/fuzzy";
@@ -99,21 +100,23 @@ class SessionList implements Component {
 			const normalizedMessage = session.firstMessage.replace(/\n/g, " ").trim();
 
 			// First line: cursor + title (or first message if no title)
-			const cursor = isSelected ? theme.fg("accent", "› ") : "  ";
-			const maxWidth = width - 2; // Account for cursor (2 visible chars)
+			const cursorSymbol = `${theme.nav.cursor} `;
+			const cursorWidth = visibleWidth(cursorSymbol);
+			const cursor = isSelected ? theme.fg("accent", cursorSymbol) : " ".repeat(cursorWidth);
+			const maxWidth = width - cursorWidth; // Account for cursor width
 
 			if (session.title) {
 				// Has title: show title on first line, dimmed first message on second line
-				const truncatedTitle = truncateToWidth(session.title, maxWidth, "...");
+				const truncatedTitle = truncateToWidth(session.title, maxWidth, theme.format.ellipsis);
 				const titleLine = cursor + (isSelected ? theme.bold(truncatedTitle) : truncatedTitle);
 				lines.push(titleLine);
 
 				// Second line: dimmed first message preview
-				const truncatedPreview = truncateToWidth(normalizedMessage, maxWidth, "...");
+				const truncatedPreview = truncateToWidth(normalizedMessage, maxWidth, theme.format.ellipsis);
 				lines.push(`  ${theme.fg("dim", truncatedPreview)}`);
 			} else {
 				// No title: show first message as main line
-				const truncatedMsg = truncateToWidth(normalizedMessage, maxWidth, "...");
+				const truncatedMsg = truncateToWidth(normalizedMessage, maxWidth, theme.format.ellipsis);
 				const messageLine = cursor + (isSelected ? theme.bold(truncatedMsg) : truncatedMsg);
 				lines.push(messageLine);
 			}
@@ -121,7 +124,7 @@ class SessionList implements Component {
 			// Metadata line: date + message count
 			const modified = formatDate(session.modified);
 			const msgCount = `${session.messageCount} message${session.messageCount !== 1 ? "s" : ""}`;
-			const metadata = `  ${modified} · ${msgCount}`;
+			const metadata = `  ${modified} ${theme.sep.dot} ${msgCount}`;
 			const metadataLine = theme.fg("dim", truncateToWidth(metadata, width, ""));
 
 			lines.push(metadataLine);

package/src/modes/interactive/components/settings-defs.ts

@@ -10,7 +10,13 @@
 
 import type { ThinkingLevel } from "@oh-my-pi/pi-agent-core";
 import { getCapabilities } from "@oh-my-pi/pi-tui";
-import type { SettingsManager } from "../../../core/settings-manager";
+import type {
+	SettingsManager,
+	StatusLinePreset,
+	StatusLineSeparatorStyle,
+	SymbolPreset,
+} from "../../../core/settings-manager";
+import { getPreset } from "./status-line/presets";
 
 // Setting value types
 export type SettingValue = boolean | string;
@@ -208,6 +214,20 @@ export const SETTINGS_DEFS: SettingDef[] = [
 		set: (sm, v) => sm.setTheme(v),
 		getOptions: () => [], // Filled dynamically from context
 	},
+	{
+		id: "symbolPreset",
+		tab: "config",
+		type: "submenu",
+		label: "Symbol preset",
+		description: "Icon/symbol style (overrides theme default)",
+		get: (sm) => sm.getSymbolPreset() ?? "unicode",
+		set: (sm, v) => sm.setSymbolPreset(v as SymbolPreset),
+		getOptions: () => [
+			{ value: "unicode", label: "Unicode", description: "Standard Unicode symbols (default)" },
+			{ value: "nerd", label: "Nerd Font", description: "Nerd Font icons (requires Nerd Font)" },
+			{ value: "ascii", label: "ASCII", description: "ASCII-only characters (maximum compatibility)" },
+		],
+	},
 
 	// LSP tab
 	{
@@ -293,6 +313,270 @@ export const SETTINGS_DEFS: SettingDef[] = [
 		get: (sm) => sm.getExaSettings().enableWebsets,
 		set: (sm, v) => sm.setExaWebsetsEnabled(v),
 	},
+
+	// Status Line tab
+	{
+		id: "statusLinePreset",
+		tab: "status",
+		type: "submenu",
+		label: "Preset",
+		description: "Pre-built status line configurations",
+		get: (sm) => sm.getStatusLinePreset(),
+		set: (sm, v) => sm.setStatusLinePreset(v as StatusLinePreset),
+		getOptions: () => [
+			{ value: "default", label: "Default", description: "Model, path, git, context, tokens, cost" },
+			{ value: "minimal", label: "Minimal", description: "Path and git only" },
+			{ value: "compact", label: "Compact", description: "Model, git, cost, context" },
+			{ value: "full", label: "Full", description: "All segments including time" },
+			{ value: "nerd", label: "Nerd", description: "Maximum info with Nerd Font icons" },
+			{ value: "ascii", label: "ASCII", description: "No special characters" },
+			{ value: "custom", label: "Custom", description: "User-defined segments" },
+		],
+	},
+	{
+		id: "statusLineSeparator",
+		tab: "status",
+		type: "submenu",
+		label: "Separator style",
+		description: "Style of separators between segments",
+		get: (sm) => {
+			const settings = sm.getStatusLineSettings();
+			if (settings.separator) return settings.separator;
+			return getPreset(sm.getStatusLinePreset()).separator;
+		},
+		set: (sm, v) => sm.setStatusLineSeparator(v as StatusLineSeparatorStyle),
+		getOptions: () => [
+			{ value: "powerline", label: "Powerline", description: "Solid arrows (requires Nerd Font)" },
+			{ value: "powerline-thin", label: "Thin chevron", description: "Thin arrows (requires Nerd Font)" },
+			{ value: "slash", label: "Slash", description: "Forward slashes" },
+			{ value: "pipe", label: "Pipe", description: "Vertical pipes" },
+			{ value: "block", label: "Block", description: "Solid blocks" },
+			{ value: "none", label: "None", description: "Space only" },
+			{ value: "ascii", label: "ASCII", description: "Greater-than signs" },
+		],
+	},
+	{
+		id: "statusLineShowHooks",
+		tab: "status",
+		type: "boolean",
+		label: "Show hook status",
+		description: "Display hook status messages below status line",
+		get: (sm) => sm.getStatusLineShowHookStatus(),
+		set: (sm, v) => sm.setStatusLineShowHookStatus(v),
+	},
+	{
+		id: "statusLineSegments",
+		tab: "status",
+		type: "submenu",
+		label: "Configure segments",
+		description: "Choose and arrange status line segments",
+		get: () => "configure...",
+		set: () => {}, // Handled specially
+		getOptions: () => [{ value: "open", label: "Open segment editor..." }],
+	},
+	{
+		id: "statusLineModelThinking",
+		tab: "status",
+		type: "enum",
+		label: "Model thinking level",
+		description: "Show thinking level in the model segment",
+		values: ["default", "on", "off"],
+		get: (sm) => {
+			const value = sm.getStatusLineSegmentOptions().model?.showThinkingLevel;
+			if (value === undefined) return "default";
+			return value ? "on" : "off";
+		},
+		set: (sm, v) => {
+			if (v === "default") {
+				sm.clearStatusLineSegmentOption("model", "showThinkingLevel");
+			} else {
+				sm.setStatusLineSegmentOption("model", "showThinkingLevel", v === "on");
+			}
+		},
+	},
+	{
+		id: "statusLinePathAbbreviate",
+		tab: "status",
+		type: "enum",
+		label: "Path abbreviate",
+		description: "Use ~ and strip home prefix in path segment",
+		values: ["default", "on", "off"],
+		get: (sm) => {
+			const value = sm.getStatusLineSegmentOptions().path?.abbreviate;
+			if (value === undefined) return "default";
+			return value ? "on" : "off";
+		},
+		set: (sm, v) => {
+			if (v === "default") {
+				sm.clearStatusLineSegmentOption("path", "abbreviate");
+			} else {
+				sm.setStatusLineSegmentOption("path", "abbreviate", v === "on");
+			}
+		},
+	},
+	{
+		id: "statusLinePathMaxLength",
+		tab: "status",
+		type: "submenu",
+		label: "Path max length",
+		description: "Maximum length for displayed path",
+		get: (sm) => {
+			const value = sm.getStatusLineSegmentOptions().path?.maxLength;
+			return typeof value === "number" ? String(value) : "default";
+		},
+		set: (sm, v) => {
+			if (v === "default") {
+				sm.clearStatusLineSegmentOption("path", "maxLength");
+			} else {
+				sm.setStatusLineSegmentOption("path", "maxLength", Number.parseInt(v, 10));
+			}
+		},
+		getOptions: () => [
+			{ value: "default", label: "Preset default" },
+			{ value: "20", label: "20" },
+			{ value: "30", label: "30" },
+			{ value: "40", label: "40" },
+			{ value: "50", label: "50" },
+			{ value: "60", label: "60" },
+			{ value: "80", label: "80" },
+		],
+	},
+	{
+		id: "statusLinePathStripWorkPrefix",
+		tab: "status",
+		type: "enum",
+		label: "Path strip /work",
+		description: "Strip /work prefix in path segment",
+		values: ["default", "on", "off"],
+		get: (sm) => {
+			const value = sm.getStatusLineSegmentOptions().path?.stripWorkPrefix;
+			if (value === undefined) return "default";
+			return value ? "on" : "off";
+		},
+		set: (sm, v) => {
+			if (v === "default") {
+				sm.clearStatusLineSegmentOption("path", "stripWorkPrefix");
+			} else {
+				sm.setStatusLineSegmentOption("path", "stripWorkPrefix", v === "on");
+			}
+		},
+	},
+	{
+		id: "statusLineGitShowBranch",
+		tab: "status",
+		type: "enum",
+		label: "Git show branch",
+		description: "Show branch name in git segment",
+		values: ["default", "on", "off"],
+		get: (sm) => {
+			const value = sm.getStatusLineSegmentOptions().git?.showBranch;
+			if (value === undefined) return "default";
+			return value ? "on" : "off";
+		},
+		set: (sm, v) => {
+			if (v === "default") {
+				sm.clearStatusLineSegmentOption("git", "showBranch");
+			} else {
+				sm.setStatusLineSegmentOption("git", "showBranch", v === "on");
+			}
+		},
+	},
+	{
+		id: "statusLineGitShowStaged",
+		tab: "status",
+		type: "enum",
+		label: "Git show staged",
+		description: "Show staged file count in git segment",
+		values: ["default", "on", "off"],
+		get: (sm) => {
+			const value = sm.getStatusLineSegmentOptions().git?.showStaged;
+			if (value === undefined) return "default";
+			return value ? "on" : "off";
+		},
+		set: (sm, v) => {
+			if (v === "default") {
+				sm.clearStatusLineSegmentOption("git", "showStaged");
+			} else {
+				sm.setStatusLineSegmentOption("git", "showStaged", v === "on");
+			}
+		},
+	},
+	{
+		id: "statusLineGitShowUnstaged",
+		tab: "status",
+		type: "enum",
+		label: "Git show unstaged",
+		description: "Show unstaged file count in git segment",
+		values: ["default", "on", "off"],
+		get: (sm) => {
+			const value = sm.getStatusLineSegmentOptions().git?.showUnstaged;
+			if (value === undefined) return "default";
+			return value ? "on" : "off";
+		},
+		set: (sm, v) => {
+			if (v === "default") {
+				sm.clearStatusLineSegmentOption("git", "showUnstaged");
+			} else {
+				sm.setStatusLineSegmentOption("git", "showUnstaged", v === "on");
+			}
+		},
+	},
+	{
+		id: "statusLineGitShowUntracked",
+		tab: "status",
+		type: "enum",
+		label: "Git show untracked",
+		description: "Show untracked file count in git segment",
+		values: ["default", "on", "off"],
+		get: (sm) => {
+			const value = sm.getStatusLineSegmentOptions().git?.showUntracked;
+			if (value === undefined) return "default";
+			return value ? "on" : "off";
+		},
+		set: (sm, v) => {
+			if (v === "default") {
+				sm.clearStatusLineSegmentOption("git", "showUntracked");
+			} else {
+				sm.setStatusLineSegmentOption("git", "showUntracked", v === "on");
+			}
+		},
+	},
+	{
+		id: "statusLineTimeFormat",
+		tab: "status",
+		type: "enum",
+		label: "Time format",
+		description: "Clock segment time format",
+		values: ["default", "12h", "24h"],
+		get: (sm) => sm.getStatusLineSegmentOptions().time?.format ?? "default",
+		set: (sm, v) => {
+			if (v === "default") {
+				sm.clearStatusLineSegmentOption("time", "format");
+			} else {
+				sm.setStatusLineSegmentOption("time", "format", v);
+			}
+		},
+	},
+	{
+		id: "statusLineTimeShowSeconds",
+		tab: "status",
+		type: "enum",
+		label: "Time show seconds",
+		description: "Include seconds in clock segment",
+		values: ["default", "on", "off"],
+		get: (sm) => {
+			const value = sm.getStatusLineSegmentOptions().time?.showSeconds;
+			if (value === undefined) return "default";
+			return value ? "on" : "off";
+		},
+		set: (sm, v) => {
+			if (v === "default") {
+				sm.clearStatusLineSegmentOption("time", "showSeconds");
+			} else {
+				sm.setStatusLineSegmentOption("time", "showSeconds", v === "on");
+			}
+		},
+	},
 ];
 
 /**